From e68c2cb6b7fe3c4ae91953bc9c95a2f37028d113 Mon Sep 17 00:00:00 2001 From: RiN Date: Sun, 3 Oct 2021 12:32:42 +0800 Subject: [PATCH] feat(Feedback): add component binding for feedback (#16) * feat(Feedback): add component feedback * Progress * Skeleton * SkeletonCircle * SkeletonText * Spinner * fix!(Button,ButtonGroup): fix isDisabled props, make it bool * fix!(SpacesProps): make closely with chakra-ui props value for spaces * feat(Feedback): add Toast binding * feat(Feedback): add binding for CircularProgress and CircularProgressLabel * chore(devDeps): add configuration for running test - [ ] Alert - [x] Circular Progress - [x] Circular Progress Label - [x] Progress - [x] Skeleton - [x] SkeletonText - [x] SkeletonCircle - [x] Spinner - [x] Toast - [x] useToast - [x] createStandaloneToast --- README.md | 97 +- examples/app.js | 24 +- examples/app.res | 52 +- package.json | 6 + src/Chakra.res | 15 +- src/Components/Chakra__Button.res | 5 +- src/Components/Chakra__ButtonGroup.res | 5 +- src/Components/Chakra__CircularProgress.res | 799 +++++++++ .../Chakra__CircularProgressLabel.res | 790 +++++++++ src/Components/Chakra__Progress.res | 796 +++++++++ src/Components/Chakra__Skeleton.res | 799 +++++++++ src/Components/Chakra__SkeletonCircle.res | 799 +++++++++ src/Components/Chakra__SkeletonText.res | 800 +++++++++ src/Components/Chakra__Spinner.res | 797 +++++++++ src/Components/Chakra__Toast.res | 51 + src/Interfaces/Chakra__AtomicTypes.res | 132 +- src/Interfaces/Chakra__AtomicTypes.resi | 66 +- src/Interfaces/Chakra__Theme.res | 17 + yarn.lock | 1570 ++++++++++++++++- 19 files changed, 7418 insertions(+), 202 deletions(-) create mode 100644 src/Components/Chakra__CircularProgress.res create mode 100644 src/Components/Chakra__CircularProgressLabel.res create mode 100644 src/Components/Chakra__Progress.res create mode 100644 src/Components/Chakra__Skeleton.res create mode 100644 src/Components/Chakra__SkeletonCircle.res create mode 100644 src/Components/Chakra__SkeletonText.res create mode 100644 src/Components/Chakra__Spinner.res create mode 100644 src/Components/Chakra__Toast.res diff --git a/README.md b/README.md index fc0c557..0f43688 100644 --- a/README.md +++ b/README.md @@ -1,35 +1,38 @@ # rescript-chakra + > ReScript binding for React Chakra-UI. ## ToC + - * [Installation](#installation) - * [Example](#example) -* [Docs](#docs) - * [Style Props](#style-props) - * [Component](#component) - * [Layout](#layout) - * [Forms](#forms) - * [Data Display](#data-display) - * [Feedback](#feedback) - * [Typography](#typography) - * [Overlay](#overlay) - * [Disclosure](#disclosure) - * [Navigation](#navigation) - * [Media and Icons](#media-and-icons) - * [Others](#others) - * [Hooks](#hooks) -* [Contribution](#contribution) - * [Make a Pull Request](#make-a-pull-request) - * [Make a new component binding](#make-a-new-component-binding) -* [Acknowledgement](#acknowledgement) +- [Installation](#installation) +- [Example](#example) +- [Docs](#docs) + - [Style Props](#style-props) + - [Component](#component) + - [Layout](#layout) + - [Forms](#forms) + - [Data Display](#data-display) + - [Feedback](#feedback) + - [Typography](#typography) + - [Overlay](#overlay) + - [Disclosure](#disclosure) + - [Navigation](#navigation) + - [Media and Icons](#media-and-icons) + - [Others](#others) + - [Hooks](#hooks) +- [Contribution](#contribution) + - [Make a Pull Request](#make-a-pull-request) + - [Make a new component binding](#make-a-new-component-binding) +- [Acknowledgement](#acknowledgement) ## Installation Run the following in your favorit console: + ```console yarn add rescript-chakra ``` @@ -52,8 +55,8 @@ yarn add @chakra-ui/react @emotion/react@^11 @emotion/styled@^11 framer-motion@^ npm i @chakra-ui/react @emotion/react@^11 @emotion/styled@^11 framer-motion@^4 ``` - Then, add `rescript-chakra` in your `bsconfig.json`: + ```diff -- "bs-dependencies": [], ++ "bs-dependencies": [rescript-chakra], @@ -61,7 +64,7 @@ Then, add `rescript-chakra` in your `bsconfig.json`: ## Example -* following `chakra-ui` example [**here**](https://chakra-ui.com/docs/features/style-props#margin-and-padding) +- following `chakra-ui` example [**here**](https://chakra-ui.com/docs/features/style-props#margin-and-padding) ```javascript // JavaScript 🟨 | TypeScript 🟦 @@ -89,9 +92,11 @@ let make = () => <> Or you can check this [**Example**](https://github.com/ri7nz/rescript-chakra/tree/main/examples). # Docs + All of Binding for Chakra-UI isn't completed, if you want to support this project, see the list below 🙌. ## Style Props + This is following and closely same with Chakra-UI. [**See Style Props**](https://chakra-ui.com/docs/features/style-props#reference) and Implemented typed **Props** with typed **CSS-Properties** use [bs-css](https://github.com/giraud/bs-css/blob/cb242dbd08a00bd848faecb756a9ddce68d8707a/bs-css/src/Css_AtomicTypes.rei). - [x] [Margin and Padding](https://chakra-ui.com/docs/features/style-props#margin-and-padding) @@ -106,13 +111,14 @@ This is following and closely same with Chakra-UI. [**See Style Props**](https:/ - [x] [Position](https://chakra-ui.com/docs/features/style-props#position) - [x] [Shadow](https://chakra-ui.com/docs/features/style-props#shadow) - [x] [Pseudo](https://chakra-ui.com/docs/features/style-props#pseudo) -- [ ] [Other Style Props](https://chakra-ui.com/docs/features/style-props#other-props) 🚧 (_Partially Implemented_) +- [ ] [Other Style Props](https://chakra-ui.com/docs/features/style-props#other-props) 🚧 (_Partially Implemented_) -All of Style Props implementation is write in File:[Chakra__MakeProps.res](https://github.com/ri7nz/rescript-chakra/blob/main/src/Interfaces/Chakra__MakeProps.res) +All of Style Props implementation is write in File:[Chakra\_\_MakeProps.res](https://github.com/ri7nz/rescript-chakra/blob/main/src/Interfaces/Chakra__MakeProps.res) ## Component ### Layout + - [x] Aspect Ratio - [x] Box - [x] Center @@ -131,6 +137,7 @@ All of Style Props implementation is write in File:[Chakra__MakeProps.res](https - [x] WrapItem ### Forms + - [x] Button - [x] Button Group - [ ] Checkbox @@ -147,6 +154,7 @@ All of Style Props implementation is write in File:[Chakra__MakeProps.res](https - [ ] Textarea ### Data Display + - [x] Badge - [x] Close Button - [x] Code @@ -178,18 +186,26 @@ All of Style Props implementation is write in File:[Chakra__MakeProps.res](https - [ ] TagCloseButton ### Feedback + - [ ] Alert -- [ ] Circular Progress -- [ ] Progress -- [ ] Skeleton -- [ ] Spinner -- [ ] Toast +- [x] Circular Progress + - [x] Circular Progress Label +- [x] Progress +- [x] Skeleton + - [x] SkeletonText + - [x] SkeletonCircle +- [x] Spinner +- [x] Toast + - [x] useToast + - [x] createStandaloneToast ### Typography + - [x] Text - [x] Heading ### Overlay + - [ ] Alert Dialog - [ ] Drawer - [ ] Menu @@ -198,11 +214,13 @@ All of Style Props implementation is write in File:[Chakra__MakeProps.res](https - [ ] Tooltip ### Disclosure + - [ ] Accordion - [ ] Tabs - [ ] Visually Hidden ### Navigation + - [x] Breadcrumb - [x] BreadcrumbItem - [x] BreadcrumbLink @@ -212,12 +230,14 @@ All of Style Props implementation is write in File:[Chakra__MakeProps.res](https - [x] LinkOverlay ### Media and Icons + - [x] Avatar - [x] AvatarGroup - [x] Icon - [x] Image ### Others + - [x] Portal - [x] Transitions - [x] Fade @@ -227,6 +247,7 @@ All of Style Props implementation is write in File:[Chakra__MakeProps.res](https - [x] Collapse ### Hooks + - [ ] useBoolean - [ ] useBreakpointValue - [ ] useClipboard @@ -240,21 +261,29 @@ All of Style Props implementation is write in File:[Chakra__MakeProps.res](https - [ ] useToken # Contribution + ## Make a Pull Request -* Please, refer with [conventionalcommits.org](https://www.conventionalcommits.org) for write `commit` message. + +- Please, refer with [conventionalcommits.org](https://www.conventionalcommits.org) for write `commit` message. ## Make a new component binding + I'm use [hygen.io](https://hygen.io) for generate new component binding base on `Box.res`, see [\_templates/Box/new/new.ejs.t](https://github.com/ri7nz/rescript-chakra/blob/main/_templates/Box/new/new.ejs.t) USAGE: -* basic + +- basic + ```console hygen Box new --name Name ``` -* create `` + +- create `` + ```console hygen Box new --name Flex ``` # Acknowledgement -* [**chakra-ui/chakra-ui**](https://github.com/chakra-ui/chakra-ui) ⚡️ Simple, Modular & Accessible UI Components for your React Applications -* [**giraud/bs-css**](https://github.com/giraud/bs-css) Statically typed DSL for writing css in reason. + +- [**chakra-ui/chakra-ui**](https://github.com/chakra-ui/chakra-ui) ⚡️ Simple, Modular & Accessible UI Components for your React Applications +- [**giraud/bs-css**](https://github.com/giraud/bs-css) Statically typed DSL for writing css in reason. diff --git a/examples/app.js b/examples/app.js index 5f6c022..983df91 100644 --- a/examples/app.js +++ b/examples/app.js @@ -271,7 +271,7 @@ var TextAndHeading = { }; function App$MarginAndProps(Props) { - return React.createElement(React.Fragment, undefined, React.createElement(React$1.Box, Curry.app(Chakra__Box.makeProps("two", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined)("Tomato", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined), [ + return React.createElement(React.Fragment, undefined, React.createElement(React$1.Box, Curry.app(Chakra__Box.makeProps(2, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined)("Tomato", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined), [ undefined, undefined, undefined, @@ -439,8 +439,8 @@ function App$MarginAndProps(Props) { ])), React.createElement(React$1.Box, Curry.app(Chakra__Box.makeProps({ NAME: "array", VAL: [ - "two", - "three" + 2, + 3 ] }, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined)(undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined), [ undefined, @@ -534,7 +534,7 @@ function App$LayoutWidthHeight(Props) { return React.createElement(React.Fragment, undefined, React.createElement(React$1.Box, Curry.app(Chakra__Box.makeProps(undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, { NAME: "percent", VAL: 100 - }, undefined, undefined, undefined, undefined, undefined, "thirtytwo", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined)(undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined), [ + }, undefined, undefined, undefined, undefined, undefined, 32, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined)(undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined), [ undefined, undefined, undefined, @@ -783,7 +783,7 @@ function App$LayoutWidthHeight(Props) { undefined, undefined, undefined - ])), React.createElement(React$1.Box, Curry.app(Chakra__Box.makeProps(undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, "zeroP", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined)(undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined), [ + ])), React.createElement(React$1.Box, Curry.app(Chakra__Box.makeProps(undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, "0.5", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined)(undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined), [ undefined, undefined, undefined, @@ -1848,8 +1848,9 @@ var Background = { }; function App$Pseudo(Props) { - return React.createElement(React.Fragment, undefined, React.createElement(React$1.Button, Curry.app(Chakra__Button.makeProps(undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined)("Hover me", undefined, undefined, undefined, undefined, undefined, "teal", Caml_option.some(Chakra.pseudo(undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, "teal500", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, "white", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined)), undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined), [ - undefined, + var toast = Chakra.useToast(undefined); + var toast2 = Chakra.createStandaloneToast(undefined); + return React.createElement(React.Fragment, undefined, React.createElement(React$1.Button, Curry.app(Chakra__Button.makeProps(undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined)("Hover me", undefined, undefined, undefined, undefined, undefined, undefined, "teal", Caml_option.some(Chakra.pseudo(undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, "teal500", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, "white", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined)), undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined), [ undefined, undefined, undefined, @@ -1866,6 +1867,15 @@ function App$Pseudo(Props) { undefined, undefined, undefined, + (function (param) { + Curry._1(toast, { + id: "ChakraToast" + }); + Curry._1(toast2, { + id: "ChakraToastCreateStandaloneToast" + }); + + }), undefined, undefined, undefined, diff --git a/examples/app.res b/examples/app.res index a20f0f1..31e5489 100644 --- a/examples/app.res +++ b/examples/app.res @@ -15,11 +15,11 @@ module MarginAndProps = { @react.component let make = () => <> // m={2} refers to the value of `theme.space[2]` - {"Tomato"->React.string} + {"Tomato"->React.string} // You can also use custom values // sets margin `8px` on all viewports and `16px` from the first breakpoint and up - + } /** @@ -30,13 +30,13 @@ module LayoutWidthHeight = { @react.component let make = () => <> // verbose - + // shorthand // use theme sizing // width `50%` - + // width `256px` // width `'40px'` @@ -108,23 +108,33 @@ module Background = { module Pseudo = { open Chakra @react.component - let make = () => <> - // :hover style - - // apply :hover over parent element - // TODO props {role} - // - // - // - // - + let make = () => { + let toast = useToast() + let toast2 = createStandaloneToast() + <> + // :hover style + + // apply :hover over parent element + // TODO props {role} + // + // + // + // + + } } module App = { open Chakra diff --git a/package.json b/package.json index 0153add..8c4e1d5 100644 --- a/package.json +++ b/package.json @@ -63,13 +63,19 @@ ] }, "devDependencies": { + "@chakra-ui/react": "1.6.8", + "@emotion/react": "11.4.1", + "@emotion/styled": "11.3.0", "@glennsl/bs-jest": "0.7.0", "@rescript/react": "0.10.3", + "framer-motion": "4.1.17", "husky": "7.0.2", "jest": "26.6.3", "lint-staged": "11.1.2", "pinst": "2.1.6", "prettier": "2.4.1", + "react": "17.0.2", + "react-dom": "17.0.2", "rescript": "9.1.4", "semantic-release": "17.4.4", "semantic-release-npm-github-publish": "1.4.0" diff --git a/src/Chakra.res b/src/Chakra.res index b0b3df1..0722918 100644 --- a/src/Chakra.res +++ b/src/Chakra.res @@ -64,11 +64,14 @@ module Kbd = Chakra__Kbd // ### Feedback // TODO Feedback // module Alert = Chakra__Alert; -// module Circular Progress = Chakra__Progress; -// module Progress = Chakra__Progress; -// module Skeleton = Chakra__Skeleton; -// module Spinner = Chakra__Spinner; -// module Toast = Chakra__Toast; +module CircularProgress = Chakra__CircularProgress +module CircularProgressLabel = Chakra__CircularProgressLabel +module Progress = Chakra__Progress +module Skeleton = Chakra__Skeleton +module SkeletonCircle = Chakra__SkeletonCircle +module SkeletonText = Chakra__SkeletonText +module Spinner = Chakra__Spinner +module Toast = Chakra__Toast // ### Typography // TODO Typography @@ -109,6 +112,8 @@ module Image = Chakra__Image module Portal = Chakra__Portal include Chakra__Transitions // ### Hooks +let useToast = Chakra__Toast.useToast +let createStandaloneToast = Chakra__Toast.createStandaloneToast // TODO Hooks // let useBoolean = Chakra__Hooks.useBoolean; // let useBreakpointValue = Chakra__Hooks.useBreakpointValue; diff --git a/src/Components/Chakra__Button.res b/src/Components/Chakra__Button.res index 9891360..e34b926 100644 --- a/src/Components/Chakra__Button.res +++ b/src/Components/Chakra__Button.res @@ -10,7 +10,7 @@ external make: ( ~isTruncated: bool=?, ~iconSpacing: Identity.t=?, ~isActive: Identity.t=?, - ~isDisabled: Identity.t=?, + ~isDisabled: bool=?, ~isFullWidth: Identity.t=?, ~isLoading: Identity.t=?, ~loadingText: Identity.t=?, @@ -283,7 +283,6 @@ external make: ( @as("_placeholder") ~_placeholder: Pseudo.t=?, @as("_fullScreen") ~_fullScreen: Pseudo.t=?, @as("_selection") ~_selection: Pseudo.t=?, - /** TODO Other Props @@ -464,7 +463,6 @@ let makeProps = ( **/ ~iconSpacing=?, ~isActive=?, - ~isDisabled=?, ~isFullWidth=?, ~isLoading=?, ~loadingText=?, @@ -683,7 +681,6 @@ let makeProps = ( **/ ~iconSpacing=?iconSpacing->Margin.fromOption, ~isActive=?isActive->Bool.fromOption, - ~isDisabled=?isDisabled->Bool.fromOption, ~isFullWidth=?isFullWidth->Bool.fromOption, ~isLoading=?isLoading->Bool.fromOption, ~loadingText=?loadingText->Text.fromOption, diff --git a/src/Components/Chakra__ButtonGroup.res b/src/Components/Chakra__ButtonGroup.res index 651ba54..150f460 100644 --- a/src/Components/Chakra__ButtonGroup.res +++ b/src/Components/Chakra__ButtonGroup.res @@ -9,7 +9,7 @@ external make: ( ~_as: string=?, ~isTruncated: bool=?, ~isAttached: Identity.t=?, - ~isDisabled: Identity.t=?, + ~isDisabled: bool=?, ~size: Identity.t=?, ~spacing: Identity.t=?, ~variant: Identity.t=?, @@ -276,7 +276,6 @@ external make: ( @as("_placeholder") ~_placeholder: Pseudo.t=?, @as("_fullScreen") ~_fullScreen: Pseudo.t=?, @as("_selection") ~_selection: Pseudo.t=?, - /** TODO Other Props @@ -456,7 +455,6 @@ let makeProps = ( Component Props {ButtonGroup} **/ ~isAttached=?, - ~isDisabled=?, ~size=?, ~spacing=?, ~variant=?, @@ -671,7 +669,6 @@ let makeProps = ( Component Props {ButtonGroup} **/ ~isAttached=?isAttached->Bool.fromOption, - ~isDisabled=?isDisabled->Bool.fromOption, ~size=?size->Button.Size.fromOption, ~spacing=?spacing->Margin.fromOption, ~variant=?variant->Button.Variant.fromOption, diff --git a/src/Components/Chakra__CircularProgress.res b/src/Components/Chakra__CircularProgress.res new file mode 100644 index 0000000..6139f64 --- /dev/null +++ b/src/Components/Chakra__CircularProgress.res @@ -0,0 +1,799 @@ +open Chakra__MakeProps + +@react.component @module("@chakra-ui/react") +external make: ( + ~children: React.element=?, + /** + Component Props {CircularProgress} + **/ + ~capIsRound: bool=?, + ~getValueText: (float, float) => string=?, + ~isIndeterminate: bool=?, + ~max: float=?, + ~min: float=?, + ~size: string=?, + ~thickness: string=?, + ~value: float, + ~valueText: string=?, + ~_as: string=?, + ~trackColor: Identity.t=?, + /** + Margin and Padding + @see + **/ + ~margin: Identity.t=?, + ~marginTop: Identity.t=?, + ~marginRight: Identity.t=?, + ~marginEnd: Identity.t=?, + ~marginBottom: Identity.t=?, + ~marginLeft: Identity.t=?, + ~marginStart: Identity.t=?, + ~mx: Identity.t=?, + ~my: Identity.t=?, + ~padding: Identity.t=?, + ~paddingTop: Identity.t=?, + ~paddingRight: Identity.t=?, + ~paddingEnd: Identity.t=?, + ~paddingBottom: Identity.t=?, + ~paddingLeft: Identity.t=?, + ~paddingStart: Identity.t=?, + ~px: Identity.t=?, + ~py: Identity.t=?, + /** + Colors and BackgroundColor + @see + **/ + ~colorScheme: ColorScheme.t=?, + ~color: Identity.t=?, + ~backgroundColor: Identity.t=?, + ~opacity: Identity.t=?, + /** + Gradient + @see + **/ + ~bgGradient: Identity.t=?, + ~backgroundClip: Identity.t=?, + /** + Typography + @see + **/ + ~fontFamily: Identity.t=?, + ~fontSize: Identity.t=?, + ~fontWeight: Identity.t=?, + ~letterSpacing: Identity.t=?, + ~lineHeight: Identity.t=?, + ~textAlign: Identity.t=?, + ~fontStyle: Identity.t=?, + ~textTransform: Identity.t=?, + ~textDecoration: Identity.t=?, + /** + Layout Width and Height + @see + **/ + ~width: Identity.t=?, + ~maxWidth: Identity.t=?, + ~minWidth: Identity.t=?, + ~height: Identity.t=?, + ~maxHeight: Identity.t=?, + ~minHeight: Identity.t=?, + ~display: Identity.t=?, + ~boxSize: Identity.t=?, + ~verticalAlign: Identity.t=?, + ~overflow: Identity.t=?, + ~overflowY: Identity.t=?, + ~overflowX: Identity.t=?, + /** + Flexbox + @see + **/ + ~alignItems: Identity.t=?, + ~alignContent: Identity.t=?, + ~justifyItems: Identity.t=?, + ~justifyContent: Identity.t=?, + ~flexWrap: Identity.t=?, + ~flexDirection: Identity.t=?, + ~flex: Identity.t=?, + ~flexGrow: Identity.t=?, + ~flexShrink: Identity.t=?, + ~flexBasis: Identity.t=?, + ~justifySelf: Identity.t=?, + ~alignSelf: Identity.t=?, + ~order: Identity.t=?, + /** + Grid + @see + **/ + ~gridGap: Identity.t=?, + ~gridRowGap: Identity.t=?, + ~gridColumnGap: Identity.t=?, + ~gridColumn: Identity.t=?, + ~gridRow: Identity.t=?, + ~gridArea: Identity.t=?, + ~gridAutoFlow: Identity.t=?, + ~gridAutoRows: Identity.t=?, + ~gridAutoColumns: Identity.t=?, + ~gridTemplateRows: Identity.t=?, + ~gridTemplateColumns: Identity.t=?, + ~gridTemplateAreas: Identity.t=?, + /** + Background + @see + **/ + ~background: Identity.t=?, + ~backgroundImage: Identity.t=?, + ~backgroundSize: Identity.t=?, + ~backgroundPosition: Identity.t=?, + ~backgroundRepeat: Identity.t=?, + ~backgroundAttachment: Identity.t=?, + /** + Borders + @see + **/ + ~border: Identity.t=?, + ~borderWidth: Identity.t=?, + ~borderStyle: Identity.t=?, + ~borderColor: Identity.t=?, + ~borderTop: Identity.t=?, + ~borderTopWidth: Identity.t=?, + ~borderTopStyle: Identity.t=?, + ~borderTopColor: Identity.t=?, + ~borderRight: Identity.t=?, + ~borderEnd: Identity.t=?, + ~borderRightWidth: Identity.t=?, + ~borderEndWidth: Identity.t=?, + ~borderRightStyle: Identity.t=?, + ~borderEndStyle: Identity.t=?, + ~borderRightColor: Identity.t=?, + ~borderEndColor: Identity.t=?, + ~borderBottom: Identity.t=?, + ~borderBottomWidth: Identity.t=?, + ~borderBottomStyle: Identity.t=?, + ~borderBottomColor: Identity.t=?, + ~borderLeft: Identity.t=?, + ~borderStart: Identity.t=?, + ~borderLeftWidth: Identity.t=?, + ~borderStartWidth: Identity.t=?, + ~borderLeftStyle: Identity.t=?, + ~borderStartStyle: Identity.t=?, + ~borderLeftColor: Identity.t=?, + ~borderStartColor: Identity.t=?, + ~borderX: Identity.t=?, + ~borderY: Identity.t=?, + /** + Border Radius + @see + **/ + ~borderRadius: Identity.t=?, + ~borderTopLeftRadius: Identity.t=?, + ~borderTopStartRadius: Identity.t=?, + ~borderTopRightRadius: Identity.t=?, + ~borderTopEndRadius: Identity.t=?, + ~borderBottomRightRadius: Identity.t=?, + ~borderBottomEndRadius: Identity.t=?, + ~borderBottomLeftRadius: Identity.t=?, + ~borderBottomStartRadius: Identity.t=?, + ~borderTopRadius: Identity.t=?, + ~borderRightRadius: Identity.t=?, + ~borderEndRadius: Identity.t=?, + ~borderBottomRadius: Identity.t=?, + ~borderLeftRadius: Identity.t=?, + ~borderStartRadius: Identity.t=?, + /** + Position + @see + **/ + ~position: Identity.t=?, + ~zIndex: Identity.t=?, + ~top: Identity.t=?, + ~right: Identity.t=?, + ~bottom: Identity.t=?, + ~left: Identity.t=?, + /** + Shadow + @see + **/ + ~textShadow: Identity.t=?, + ~boxShadow: Identity.t=?, + /** + Pseudo + @see + **/ + @as("_hover") ~_hover: Pseudo.t=?, + @as("_active") ~_active: Pseudo.t=?, + @as("_focus") ~_focus: Pseudo.t=?, + @as("_highlighted") ~_highlighted: Pseudo.t=?, + @as("_focusWithin") ~_focusWithin: Pseudo.t=?, + @as("_focusVisible") ~_focusVisible: Pseudo.t=?, + @as("_disabled") ~_disabled: Pseudo.t=?, + @as("_readOnly") ~_readOnly: Pseudo.t=?, + @as("_before") ~_before: Pseudo.t=?, + @as("_after") ~_after: Pseudo.t=?, + @as("_empty") ~_empty: Pseudo.t=?, + @as("_expanded") ~_expanded: Pseudo.t=?, + @as("_checked") ~_checked: Pseudo.t=?, + @as("_grabbed") ~_grabbed: Pseudo.t=?, + @as("_pressed") ~_pressed: Pseudo.t=?, + @as("_invalid") ~_invalid: Pseudo.t=?, + @as("_valid") ~_valid: Pseudo.t=?, + @as("_loading") ~_loading: Pseudo.t=?, + @as("_selected") ~_selected: Pseudo.t=?, + @as("_hidden") ~_hidden: Pseudo.t=?, + @as("_autofill") ~_autofill: Pseudo.t=?, + @as("_even") ~_even: Pseudo.t=?, + @as("_odd") ~_odd: Pseudo.t=?, + @as("_first") ~_first: Pseudo.t=?, + @as("_last") ~_last: Pseudo.t=?, + @as("_notFirst") ~_notFirst: Pseudo.t=?, + @as("_notLast") ~_notLast: Pseudo.t=?, + @as("_visited") ~_visited: Pseudo.t=?, + @as("_activeLink") ~_activeLink: Pseudo.t=?, + @as("_activeStep") ~_activeStep: Pseudo.t=?, + @as("_indeterminate") ~_indeterminate: Pseudo.t=?, + @as("_groupHover") ~_groupHover: Pseudo.t=?, + @as("_groupFocus") ~_groupFocus: Pseudo.t=?, + @as("_groupActive") ~_groupActive: Pseudo.t=?, + @as("_groupDisabled") ~_groupDisabled: Pseudo.t=?, + @as("_groupInvalid") ~_groupInvalid: Pseudo.t=?, + @as("_groupChecked") ~_groupChecked: Pseudo.t=?, + @as("_placeholder") ~_placeholder: Pseudo.t=?, + @as("_fullScreen") ~_fullScreen: Pseudo.t=?, + @as("_selection") ~_selection: Pseudo.t=?, + /** + TODO + Other Props + partial implemented + @see + ~animation=?, + ~appearance=?, + ~transform=?, + ~transformOrigin=?, + ~visibility=?, + ~whiteSpace=?, + ~userSelect=?, + ~pointerEvents=?, + ~wordBreak=?, + ~overflowWrap=?, + ~textOverflow=?, + ~boxSizing=?, + ~cursor=?, + ~resize=?, + ~transition=?, + ~objectFit=?, + ~objectPosition=?, + ~objectPosition=?, + ~float_=?, + ~fill=?, + ~stroke=?, + ~outline=?, + **/ + ~fill: Identity.t=?, + ~stroke: Identity.t=?, + /** + ReactEvent Clipboard + @see + **/ + ~onCopy: ReactEvent.Clipboard.t => unit=?, + ~onCut: ReactEvent.Clipboard.t => unit=?, + ~onPaste: ReactEvent.Clipboard.t => unit=?, + /** + ReactEvent Composition + @see + **/ + ~onCompositionEnd: ReactEvent.Composition.t => unit=?, + ~onCompositionStart: ReactEvent.Composition.t => unit=?, + ~onCompositionUpdate: ReactEvent.Composition.t => unit=?, + /** + ReactEvent Keyboard + @see + **/ + ~onKeyDown: ReactEvent.Keyboard.t => unit=?, + ~onKeyPress: ReactEvent.Keyboard.t => unit=?, + ~onKeyUp: ReactEvent.Keyboard.t => unit=? /** + ReactEvent Focus + @see + **/, + ~onFocus: ReactEvent.Focus.t => unit=?, + ~onBlur: ReactEvent.Focus.t => unit=?, + /** + ReactEvent Form + @see + **/ + ~onChange: ReactEvent.Form.t => unit=?, + ~onInput: ReactEvent.Form.t => unit=?, + ~onInvalid: ReactEvent.Form.t => unit=?, + ~onReset: ReactEvent.Form.t => unit=?, + ~onSubmit: ReactEvent.Form.t => unit=?, + /** + ReactEvent Generic Events + @see + ISSUE: Not Implemented in @rescript/react for ReactEvent.Generic; + ~onError: ReactEvent.Generic.t => unit=?, + ~onLoad: ReactEvent.Generic.t => unit=?, + **/ + /** + ReactEvent Mouse + @see + **/ + ~onClick: ReactEvent.Mouse.t => unit=?, + ~onContextMenu: ReactEvent.Mouse.t => unit=?, + ~onDoubleClick: ReactEvent.Mouse.t => unit=?, + ~onDrag: ReactEvent.Mouse.t => unit=?, + ~onDragEnd: ReactEvent.Mouse.t => unit=?, + ~onDragEnter: ReactEvent.Mouse.t => unit=?, + ~onDragExit: ReactEvent.Mouse.t => unit=?, + ~onDragLeave: ReactEvent.Mouse.t => unit=?, + ~onDragOver: ReactEvent.Mouse.t => unit=?, + ~onDragStart: ReactEvent.Mouse.t => unit=?, + ~onDrop: ReactEvent.Mouse.t => unit=?, + ~onMouseDown: ReactEvent.Mouse.t => unit=?, + ~onMouseEnter: ReactEvent.Mouse.t => unit=?, + ~onMouseLeave: ReactEvent.Mouse.t => unit=?, + ~onMouseMove: ReactEvent.Mouse.t => unit=?, + ~onMouseOut: ReactEvent.Mouse.t => unit=?, + ~onMouseOver: ReactEvent.Mouse.t => unit=?, + ~onMouseUp: ReactEvent.Mouse.t => unit=?, + /** + ReactEvent Pointer + @see + **/ + ~onPointerDown: ReactEvent.Pointer.t => unit=?, + ~onPointerMove: ReactEvent.Pointer.t => unit=?, + ~onPointerUp: ReactEvent.Pointer.t => unit=?, + ~onPointerCancel: ReactEvent.Pointer.t => unit=?, + ~onGotPointerCapture: ReactEvent.Pointer.t => unit=?, + ~onLostPointerCapture: ReactEvent.Pointer.t => unit=?, + ~onPointerEnter: ReactEvent.Pointer.t => unit=?, + ~onPointerLeave: ReactEvent.Pointer.t => unit=?, + ~onPointerOver: ReactEvent.Pointer.t => unit=?, + ~onPointerOut: ReactEvent.Pointer.t => unit=?, + /** + ReactEvent Selection + @see + **/ + ~onSelect: ReactEvent.Selection.t => unit=?, + /** + ReactEvent Touch + @see + **/ + ~onTouchCancel: ReactEvent.Touch.t => unit=?, + ~onTouchEnd: ReactEvent.Touch.t => unit=?, + ~onTouchMove: ReactEvent.Touch.t => unit=?, + ~onTouchStart: ReactEvent.Touch.t => unit=?, + /** + ReactEvent UI Events + @see + **/ + ~onScroll: ReactEvent.UI.t => unit=?, + /** + ReactEvent Wheel + @see + **/ + ~onWheel: ReactEvent.Wheel.t => unit=?, + /** + ReactEvent Media + @see + **/ + ~onAbort: ReactEvent.Media.t => unit=?, + ~onCanPlay: ReactEvent.Media.t => unit=?, + ~onCanPlayThrough: ReactEvent.Media.t => unit=?, + ~onDurationChange: ReactEvent.Media.t => unit=?, + ~onEmptied: ReactEvent.Media.t => unit=?, + ~onEncrypted: ReactEvent.Media.t => unit=?, + ~onEnded: ReactEvent.Media.t => unit=?, + // ~onError: ReactEvent.Media.t => unit=?, + ~onLoadedData: ReactEvent.Media.t => unit=?, + ~onLoadedMetadata: ReactEvent.Media.t => unit=?, + ~onLoadStart: ReactEvent.Media.t => unit=?, + ~onPause: ReactEvent.Media.t => unit=?, + ~onPlay: ReactEvent.Media.t => unit=?, + ~onPlaying: ReactEvent.Media.t => unit=?, + ~onProgress: ReactEvent.Media.t => unit=?, + ~onRateChange: ReactEvent.Media.t => unit=?, + ~onSeeked: ReactEvent.Media.t => unit=?, + ~onSeeking: ReactEvent.Media.t => unit=?, + ~onStalled: ReactEvent.Media.t => unit=?, + ~onSuspend: ReactEvent.Media.t => unit=?, + ~onTimeUpdate: ReactEvent.Media.t => unit=?, + ~onVolumeChange: ReactEvent.Media.t => unit=?, + ~onWaiting: ReactEvent.Media.t => unit=?, + ~onLoad: ReactEvent.Synthetic.t => unit=?, + ~onError: ReactEvent.Synthetic.t => unit=?, + /** + ReactEvent Other + @see + ~onToggle + **/ + /** + ReactEvent Animation + @see + **/ + ~onAnimationStart: ReactEvent.Animation.t => unit=?, + ~onAnimationEnd: ReactEvent.Animation.t => unit=?, + ~onAnimationIteration: ReactEvent.Animation.t => unit=?, +) => React.element = "CircularProgress" + +let makeProps = ( + /** + Component Props {CircularProgress} + **/ + /** + Margin and Padding + **/ + ~m=?, + ~margin=?, + ~mt=?, + ~marginTop=?, + ~mr=?, + ~marginRight=?, + ~me=?, + ~marginEnd=?, + ~mb=?, + ~marginBottom=?, + ~ml=?, + ~marginLeft=?, + ~ms=?, + ~marginStart=?, + ~mx=?, + ~my=?, + ~p=?, + ~padding=?, + ~pt=?, + ~paddingTop=?, + ~pr=?, + ~paddingRight=?, + ~pe=?, + ~paddingEnd=?, + ~pb=?, + ~paddingBottom=?, + ~pl=?, + ~paddingLeft=?, + ~ps=?, + ~paddingStart=?, + ~px=?, + ~py=?, + /** + Colors and BackgroundColor + **/ + ~color=?, + ~backgroundColor=?, + ~bgColor=?, + ~opacity=?, + /** + Gradient + **/ + ~bgGradient=?, + ~backgroundClip=?, + ~bgClip=?, + /** + Typography + **/ + ~fontFamily=?, + ~fontSize=?, + ~fontWeight=?, + ~letterSpacing=?, + ~lineHeight=?, + ~textAlign=?, + ~fontStyle=?, + ~textTransform=?, + ~textDecoration=?, + /** + Layout Width and Height + **/ + ~d=?, + ~display=?, + ~w=?, + ~width=?, + ~maxW=?, + ~maxWidth=?, + ~minW=?, + ~minWidth=?, + ~h=?, + ~height=?, + ~maxH=?, + ~maxHeight=?, + ~minH=?, + ~minHeight=?, + ~boxSize=?, + ~verticalAlign=?, + ~overflow=?, + ~overflowX=?, + ~overflowY=?, + /** + Flexbox + **/ + ~alignItems=?, + ~alignContent=?, + ~justifyItems=?, + ~justifyContent=?, + ~flexWrap=?, + ~flexDirection=?, + ~flexDir=?, + ~flex=?, + ~flexGrow=?, + ~flexShrink=?, + ~flexBasis=?, + ~justifySelf=?, + ~alignSelf=?, + ~order=?, + /** + Grid + **/ + ~gridGap=?, + ~gridRowGap=?, + ~gridColumnGap=?, + ~gridColumn=?, + ~gridRow=?, + ~gridArea=?, + ~gridAutoFlow=?, + ~gridAutoRows=?, + ~gridAutoColumns=?, + ~gridTemplateRows=?, + ~gridTemplateColumns=?, + ~gridTemplateAreas=?, + /** + Background + **/ + ~bg=?, + ~background=?, + ~bgImage=?, + ~backgroundImage=?, + ~bgSize=?, + ~backgroundSize=?, + ~bgPosition=?, + ~backgroundPosition=?, + ~bgRepeat=?, + ~backgroundRepeat=?, + ~bgAttachment=?, + ~backgroundAttachment=?, + /** + Borders + **/ + ~border=?, + ~borderWidth=?, + ~borderStyle=?, + ~borderColor=?, + ~borderTop=?, + ~borderTopWidth=?, + ~borderTopStyle=?, + ~borderTopColor=?, + ~borderRight=?, + ~borderEnd=?, + ~borderRightWidth=?, + ~borderEndWidth=?, + ~borderRightStyle=?, + ~borderEndStyle=?, + ~borderRightColor=?, + ~borderEndColor=?, + ~borderBottom=?, + ~borderBottomWidth=?, + ~borderBottomStyle=?, + ~borderBottomColor=?, + ~borderLeft=?, + ~borderStart=?, + ~borderLeftWidth=?, + ~borderStartWidth=?, + ~borderLeftStyle=?, + ~borderStartStyle=?, + ~borderLeftColor=?, + ~borderStartColor=?, + ~borderX=?, + ~borderY=?, + /** + Border Radius + **/ + ~borderRadius=?, + ~borderTopLeftRadius=?, + ~borderTopStartRadius=?, + ~borderTopRightRadius=?, + ~borderTopEndRadius=?, + ~borderBottomRightRadius=?, + ~borderBottomEndRadius=?, + ~borderBottomLeftRadius=?, + ~borderBottomStartRadius=?, + ~borderTopRadius=?, + ~borderRightRadius=?, + ~borderEndRadius=?, + ~borderBottomRadius=?, + ~borderLeftRadius=?, + ~borderStartRadius=?, + /** + Position + **/ + ~pos=?, + ~position=?, + ~zIndex=?, + ~top=?, + ~right=?, + ~bottom=?, + ~left=?, + /** + Shadow + **/ + ~textShadow=?, + ~boxShadow=?, + /** + TODO + Other Props + **/ + ~fill=?, + ~stroke=?, +) => + makeProps( + /** + Component Props {CircularProgress} + **/ + /** + Margin and Padding + **/ + ~margin=?m->withShorthand(margin)->Margin.fromOption, + ~marginTop=?mt->withShorthand(marginTop)->Margin.fromOption, + ~marginRight=?mr->withShorthand(marginRight)->Margin.fromOption, + ~marginEnd=?me->withShorthand(marginEnd)->Margin.fromOption, + ~marginBottom=?mb->withShorthand(marginBottom)->Margin.fromOption, + ~marginLeft=?ml->withShorthand(marginLeft)->Margin.fromOption, + ~marginStart=?ms->withShorthand(marginStart)->Margin.fromOption, + ~mx=?mx->Margin.fromOption, + ~my=?my->Margin.fromOption, + ~padding=?p->withShorthand(padding)->Padding.fromOption, + ~paddingTop=?pt->withShorthand(paddingTop)->Padding.fromOption, + ~paddingRight=?pr->withShorthand(paddingRight)->Padding.fromOption, + ~paddingEnd=?pe->withShorthand(paddingEnd)->Padding.fromOption, + ~paddingBottom=?pb->withShorthand(paddingBottom)->Padding.fromOption, + ~paddingLeft=?pl->withShorthand(paddingLeft)->Padding.fromOption, + ~paddingStart=?ps->withShorthand(paddingStart)->Padding.fromOption, + ~px=?px->Padding.fromOption, + ~py=?py->Padding.fromOption, + /** + Colors and Background Color + **/ + ~color=?color->Color.fromOption, + ~backgroundColor=?bgColor->withShorthand(backgroundColor)->BackgroundColor.fromOption, + ~opacity=?opacity->Opacity.fromOption, + /** + Gradient + **/ + ~bgGradient=?bgGradient->Gradient.fromOption, + ~backgroundClip=?bgClip->withShorthand(backgroundClip)->BackgroundClip.fromOption, + /** + Typography + **/ + ~fontFamily=?fontFamily->FontFamily.fromOption, + ~fontSize=?fontSize->FontSize.fromOption, + ~fontWeight=?fontWeight->FontWeight.fromOption, + ~letterSpacing=?letterSpacing->LetterSpacing.fromOption, + ~lineHeight=?lineHeight->LineHeight.fromOption, + ~textAlign=?textAlign->TextAlign.fromOption, + ~fontStyle=?fontStyle->FontStyle.fromOption, + ~textTransform=?textTransform->TextTransform.fromOption, + ~textDecoration=?textDecoration->TextDecoration.fromOption, + /** + Layout Width and Height + **/ + ~display=?d->withShorthand(display)->Display.fromOption, + ~height=?h->withShorthand(height)->Height.fromOption, + ~minHeight=?minH->withShorthand(minHeight)->Height.fromOption, + ~maxHeight=?maxH->withShorthand(maxHeight)->MaxHeight.fromOption, + ~width=?w->withShorthand(width)->Width.fromOption, + ~minWidth=?minW->withShorthand(minWidth)->Width.fromOption, + ~maxWidth=?maxW->withShorthand(maxWidth)->MaxWidth.fromOption, + ~boxSize=?boxSize->BoxSize.fromOption, + ~verticalAlign=?verticalAlign->VerticalAlign.fromOption, + ~overflow=?overflow->Overflow.fromOption, + ~overflowY=?overflowY->Overflow.fromOption, + ~overflowX=?overflowX->Overflow.fromOption, + /** + Flexbox + **/ + ~alignItems=?alignItems->AlignItems.fromOption, + ~alignContent=?alignContent->AlignContent.fromOption, + ~justifyItems=?justifyItems->JustifyItems.fromOption, + ~justifyContent=?justifyContent->JustifyContent.fromOption, + ~flexWrap=?flexWrap->FlexWrap.fromOption, + ~flexDirection=?flexDir->withShorthand(flexDirection)->FlexDirection.fromOption, + ~flex=?flex->Flex.fromOption, + ~flexGrow=?flexGrow->FlexGrow.fromOption, + ~flexShrink=?flexShrink->FlexShrink.fromOption, + ~flexBasis=?flexBasis->FlexBasis.fromOption, + ~justifySelf=?justifySelf->JustifySelf.fromOption, + ~alignSelf=?alignSelf->AlignSelf.fromOption, + ~order=?order->Order.fromOption, + /** + Grid + **/ + ~gridGap=?gridGap->GridGap.fromOption, + ~gridRowGap=?gridRowGap->GridRowGap.fromOption, + ~gridColumnGap=?gridColumnGap->GridColumnGap.fromOption, + ~gridColumn=?gridColumn->GridColumn.fromOption, + ~gridRow=?gridRow->GridRow.fromOption, + ~gridArea=?gridArea->GridArea.fromOption, + ~gridAutoFlow=?gridAutoFlow->GridAutoFlow.fromOption, + ~gridAutoRows=?gridAutoRows->GridAutoRows.fromOption, + ~gridAutoColumns=?gridAutoColumns->GridAutoColumns.fromOption, + ~gridTemplateRows=?gridTemplateRows->GridTemplateRows.fromOption, + ~gridTemplateColumns=?gridTemplateColumns->GridTemplateColumns.fromOption, + ~gridTemplateAreas=?gridTemplateAreas->GridTemplateAreas.fromOption, + /** + Background + **/ + ~background=?bg->withShorthand(background)->Background.fromOption, + ~backgroundImage=?bgImage->withShorthand(backgroundImage)->BackgroundImage.fromOption, + ~backgroundSize=?bgSize->withShorthand(backgroundSize)->BackgroundSize.fromOption, + ~backgroundPosition=?bgPosition + ->withShorthand(backgroundPosition) + ->BackgroundPosition.fromOption, + ~backgroundRepeat=?bgRepeat->withShorthand(backgroundRepeat)->BackgroundRepeat.fromOption, + ~backgroundAttachment=?bgAttachment + ->withShorthand(backgroundAttachment) + ->BackgroundAttachment.fromOption, + /** + Borders + **/ + ~border=?border->Border.fromOption, + ~borderWidth=?borderWidth->BorderWidth.fromOption, + ~borderStyle=?borderStyle->BorderStyle.fromOption, + ~borderColor=?borderColor->BorderColor.fromOption, + ~borderTop=?borderTop->Border.fromOption, + ~borderTopWidth=?borderTopWidth->BorderWidth.fromOption, + ~borderTopStyle=?borderTopStyle->BorderStyle.fromOption, + ~borderTopColor=?borderTopColor->BorderColor.fromOption, + ~borderRight=?borderRight->Border.fromOption, + ~borderEnd=?borderEnd->Border.fromOption, + ~borderRightWidth=?borderRightWidth->BorderWidth.fromOption, + ~borderEndWidth=?borderEndWidth->BorderWidth.fromOption, + ~borderRightStyle=?borderRightStyle->BorderStyle.fromOption, + ~borderEndStyle=?borderEndStyle->BorderStyle.fromOption, + ~borderRightColor=?borderRightColor->BorderColor.fromOption, + ~borderEndColor=?borderEndColor->BorderColor.fromOption, + ~borderBottom=?borderBottom->Border.fromOption, + ~borderBottomWidth=?borderBottomWidth->BorderWidth.fromOption, + ~borderBottomStyle=?borderBottomStyle->BorderStyle.fromOption, + ~borderBottomColor=?borderBottomColor->BorderColor.fromOption, + ~borderLeft=?borderLeft->Border.fromOption, + ~borderStart=?borderStart->Border.fromOption, + ~borderLeftWidth=?borderLeftWidth->BorderWidth.fromOption, + ~borderStartWidth=?borderStartWidth->BorderWidth.fromOption, + ~borderLeftStyle=?borderLeftStyle->BorderStyle.fromOption, + ~borderStartStyle=?borderStartStyle->BorderStyle.fromOption, + ~borderLeftColor=?borderLeftColor->BorderColor.fromOption, + ~borderStartColor=?borderStartColor->BorderColor.fromOption, + ~borderX=?borderX->Border.fromOption, + ~borderY=?borderY->Border.fromOption, + /** + Border Radius + **/ + ~borderRadius=?borderRadius->BorderRadius.fromOption, + ~borderTopLeftRadius=?borderTopLeftRadius->BorderRadius.fromOption, + ~borderTopStartRadius=?borderTopStartRadius->BorderRadius.fromOption, + ~borderTopRightRadius=?borderTopRightRadius->BorderRadius.fromOption, + ~borderTopEndRadius=?borderTopEndRadius->BorderRadius.fromOption, + ~borderBottomRightRadius=?borderBottomRightRadius->BorderRadius.fromOption, + ~borderBottomEndRadius=?borderBottomEndRadius->BorderRadius.fromOption, + ~borderBottomLeftRadius=?borderBottomLeftRadius->BorderRadius.fromOption, + ~borderBottomStartRadius=?borderBottomStartRadius->BorderRadius.fromOption, + ~borderTopRadius=?borderTopRadius->BorderRadius.fromOption, + ~borderRightRadius=?borderRightRadius->BorderRadius.fromOption, + ~borderEndRadius=?borderEndRadius->BorderRadius.fromOption, + ~borderBottomRadius=?borderBottomRadius->BorderRadius.fromOption, + ~borderLeftRadius=?borderLeftRadius->BorderRadius.fromOption, + ~borderStartRadius=?borderStartRadius->BorderRadius.fromOption, + /** + Position + **/ + ~position=?pos->withShorthand(position)->Position.fromOption, + ~zIndex=?zIndex->ZIndex.fromOption, + ~top=?top->Top.fromOption, + ~right=?right->Right.fromOption, + ~bottom=?bottom->Bottom.fromOption, + ~left=?left->Left.fromOption, + /** + Shadow + **/ + ~textShadow=?textShadow->TextShadow.fromOption, + ~boxShadow=?boxShadow->BoxShadow.fromOption, + /** + TODO + Other Props + **/ + ~fill=?fill->Color.fromOption, + ~stroke=?stroke->Color.fromOption, + ) diff --git a/src/Components/Chakra__CircularProgressLabel.res b/src/Components/Chakra__CircularProgressLabel.res new file mode 100644 index 0000000..f0ec2b4 --- /dev/null +++ b/src/Components/Chakra__CircularProgressLabel.res @@ -0,0 +1,790 @@ +open Chakra__MakeProps + +@react.component @module("@chakra-ui/react") +external make: ( + ~children: React.element=?, + /** + Component Props {CircularProgressLabel} + **/ + ~_as: string=?, + ~isTruncated: bool=?, + /** + Margin and Padding + @see + **/ + ~margin: Identity.t=?, + ~marginTop: Identity.t=?, + ~marginRight: Identity.t=?, + ~marginEnd: Identity.t=?, + ~marginBottom: Identity.t=?, + ~marginLeft: Identity.t=?, + ~marginStart: Identity.t=?, + ~mx: Identity.t=?, + ~my: Identity.t=?, + ~padding: Identity.t=?, + ~paddingTop: Identity.t=?, + ~paddingRight: Identity.t=?, + ~paddingEnd: Identity.t=?, + ~paddingBottom: Identity.t=?, + ~paddingLeft: Identity.t=?, + ~paddingStart: Identity.t=?, + ~px: Identity.t=?, + ~py: Identity.t=?, + /** + Colors and BackgroundColor + @see + **/ + ~colorScheme: ColorScheme.t=?, + ~color: Identity.t=?, + ~backgroundColor: Identity.t=?, + ~opacity: Identity.t=?, + /** + Gradient + @see + **/ + ~bgGradient: Identity.t=?, + ~backgroundClip: Identity.t=?, + /** + Typography + @see + **/ + ~fontFamily: Identity.t=?, + ~fontSize: Identity.t=?, + ~fontWeight: Identity.t=?, + ~letterSpacing: Identity.t=?, + ~lineHeight: Identity.t=?, + ~textAlign: Identity.t=?, + ~fontStyle: Identity.t=?, + ~textTransform: Identity.t=?, + ~textDecoration: Identity.t=?, + /** + Layout Width and Height + @see + **/ + ~width: Identity.t=?, + ~maxWidth: Identity.t=?, + ~minWidth: Identity.t=?, + ~height: Identity.t=?, + ~maxHeight: Identity.t=?, + ~minHeight: Identity.t=?, + ~display: Identity.t=?, + ~boxSize: Identity.t=?, + ~verticalAlign: Identity.t=?, + ~overflow: Identity.t=?, + ~overflowY: Identity.t=?, + ~overflowX: Identity.t=?, + /** + Flexbox + @see + **/ + ~alignItems: Identity.t=?, + ~alignContent: Identity.t=?, + ~justifyItems: Identity.t=?, + ~justifyContent: Identity.t=?, + ~flexWrap: Identity.t=?, + ~flexDirection: Identity.t=?, + ~flex: Identity.t=?, + ~flexGrow: Identity.t=?, + ~flexShrink: Identity.t=?, + ~flexBasis: Identity.t=?, + ~justifySelf: Identity.t=?, + ~alignSelf: Identity.t=?, + ~order: Identity.t=?, + /** + Grid + @see + **/ + ~gridGap: Identity.t=?, + ~gridRowGap: Identity.t=?, + ~gridColumnGap: Identity.t=?, + ~gridColumn: Identity.t=?, + ~gridRow: Identity.t=?, + ~gridArea: Identity.t=?, + ~gridAutoFlow: Identity.t=?, + ~gridAutoRows: Identity.t=?, + ~gridAutoColumns: Identity.t=?, + ~gridTemplateRows: Identity.t=?, + ~gridTemplateColumns: Identity.t=?, + ~gridTemplateAreas: Identity.t=?, + /** + Background + @see + **/ + ~background: Identity.t=?, + ~backgroundImage: Identity.t=?, + ~backgroundSize: Identity.t=?, + ~backgroundPosition: Identity.t=?, + ~backgroundRepeat: Identity.t=?, + ~backgroundAttachment: Identity.t=?, + /** + Borders + @see + **/ + ~border: Identity.t=?, + ~borderWidth: Identity.t=?, + ~borderStyle: Identity.t=?, + ~borderColor: Identity.t=?, + ~borderTop: Identity.t=?, + ~borderTopWidth: Identity.t=?, + ~borderTopStyle: Identity.t=?, + ~borderTopColor: Identity.t=?, + ~borderRight: Identity.t=?, + ~borderEnd: Identity.t=?, + ~borderRightWidth: Identity.t=?, + ~borderEndWidth: Identity.t=?, + ~borderRightStyle: Identity.t=?, + ~borderEndStyle: Identity.t=?, + ~borderRightColor: Identity.t=?, + ~borderEndColor: Identity.t=?, + ~borderBottom: Identity.t=?, + ~borderBottomWidth: Identity.t=?, + ~borderBottomStyle: Identity.t=?, + ~borderBottomColor: Identity.t=?, + ~borderLeft: Identity.t=?, + ~borderStart: Identity.t=?, + ~borderLeftWidth: Identity.t=?, + ~borderStartWidth: Identity.t=?, + ~borderLeftStyle: Identity.t=?, + ~borderStartStyle: Identity.t=?, + ~borderLeftColor: Identity.t=?, + ~borderStartColor: Identity.t=?, + ~borderX: Identity.t=?, + ~borderY: Identity.t=?, + /** + Border Radius + @see + **/ + ~borderRadius: Identity.t=?, + ~borderTopLeftRadius: Identity.t=?, + ~borderTopStartRadius: Identity.t=?, + ~borderTopRightRadius: Identity.t=?, + ~borderTopEndRadius: Identity.t=?, + ~borderBottomRightRadius: Identity.t=?, + ~borderBottomEndRadius: Identity.t=?, + ~borderBottomLeftRadius: Identity.t=?, + ~borderBottomStartRadius: Identity.t=?, + ~borderTopRadius: Identity.t=?, + ~borderRightRadius: Identity.t=?, + ~borderEndRadius: Identity.t=?, + ~borderBottomRadius: Identity.t=?, + ~borderLeftRadius: Identity.t=?, + ~borderStartRadius: Identity.t=?, + /** + Position + @see + **/ + ~position: Identity.t=?, + ~zIndex: Identity.t=?, + ~top: Identity.t=?, + ~right: Identity.t=?, + ~bottom: Identity.t=?, + ~left: Identity.t=?, + /** + Shadow + @see + **/ + ~textShadow: Identity.t=?, + ~boxShadow: Identity.t=?, + /** + Pseudo + @see + **/ + @as("_hover") ~_hover: Pseudo.t=?, + @as("_active") ~_active: Pseudo.t=?, + @as("_focus") ~_focus: Pseudo.t=?, + @as("_highlighted") ~_highlighted: Pseudo.t=?, + @as("_focusWithin") ~_focusWithin: Pseudo.t=?, + @as("_focusVisible") ~_focusVisible: Pseudo.t=?, + @as("_disabled") ~_disabled: Pseudo.t=?, + @as("_readOnly") ~_readOnly: Pseudo.t=?, + @as("_before") ~_before: Pseudo.t=?, + @as("_after") ~_after: Pseudo.t=?, + @as("_empty") ~_empty: Pseudo.t=?, + @as("_expanded") ~_expanded: Pseudo.t=?, + @as("_checked") ~_checked: Pseudo.t=?, + @as("_grabbed") ~_grabbed: Pseudo.t=?, + @as("_pressed") ~_pressed: Pseudo.t=?, + @as("_invalid") ~_invalid: Pseudo.t=?, + @as("_valid") ~_valid: Pseudo.t=?, + @as("_loading") ~_loading: Pseudo.t=?, + @as("_selected") ~_selected: Pseudo.t=?, + @as("_hidden") ~_hidden: Pseudo.t=?, + @as("_autofill") ~_autofill: Pseudo.t=?, + @as("_even") ~_even: Pseudo.t=?, + @as("_odd") ~_odd: Pseudo.t=?, + @as("_first") ~_first: Pseudo.t=?, + @as("_last") ~_last: Pseudo.t=?, + @as("_notFirst") ~_notFirst: Pseudo.t=?, + @as("_notLast") ~_notLast: Pseudo.t=?, + @as("_visited") ~_visited: Pseudo.t=?, + @as("_activeLink") ~_activeLink: Pseudo.t=?, + @as("_activeStep") ~_activeStep: Pseudo.t=?, + @as("_indeterminate") ~_indeterminate: Pseudo.t=?, + @as("_groupHover") ~_groupHover: Pseudo.t=?, + @as("_groupFocus") ~_groupFocus: Pseudo.t=?, + @as("_groupActive") ~_groupActive: Pseudo.t=?, + @as("_groupDisabled") ~_groupDisabled: Pseudo.t=?, + @as("_groupInvalid") ~_groupInvalid: Pseudo.t=?, + @as("_groupChecked") ~_groupChecked: Pseudo.t=?, + @as("_placeholder") ~_placeholder: Pseudo.t=?, + @as("_fullScreen") ~_fullScreen: Pseudo.t=?, + @as("_selection") ~_selection: Pseudo.t=?, + /** + TODO + Other Props + partial implemented + @see + ~animation=?, + ~appearance=?, + ~transform=?, + ~transformOrigin=?, + ~visibility=?, + ~whiteSpace=?, + ~userSelect=?, + ~pointerEvents=?, + ~wordBreak=?, + ~overflowWrap=?, + ~textOverflow=?, + ~boxSizing=?, + ~cursor=?, + ~resize=?, + ~transition=?, + ~objectFit=?, + ~objectPosition=?, + ~objectPosition=?, + ~float_=?, + ~fill=?, + ~stroke=?, + ~outline=?, + **/ + ~fill: Identity.t=?, + ~stroke: Identity.t=?, + /** + ReactEvent Clipboard + @see + **/ + ~onCopy: ReactEvent.Clipboard.t => unit=?, + ~onCut: ReactEvent.Clipboard.t => unit=?, + ~onPaste: ReactEvent.Clipboard.t => unit=?, + /** + ReactEvent Composition + @see + **/ + ~onCompositionEnd: ReactEvent.Composition.t => unit=?, + ~onCompositionStart: ReactEvent.Composition.t => unit=?, + ~onCompositionUpdate: ReactEvent.Composition.t => unit=?, + /** + ReactEvent Keyboard + @see + **/ + ~onKeyDown: ReactEvent.Keyboard.t => unit=?, + ~onKeyPress: ReactEvent.Keyboard.t => unit=?, + ~onKeyUp: ReactEvent.Keyboard.t => unit=? /** + ReactEvent Focus + @see + **/, + ~onFocus: ReactEvent.Focus.t => unit=?, + ~onBlur: ReactEvent.Focus.t => unit=?, + /** + ReactEvent Form + @see + **/ + ~onChange: ReactEvent.Form.t => unit=?, + ~onInput: ReactEvent.Form.t => unit=?, + ~onInvalid: ReactEvent.Form.t => unit=?, + ~onReset: ReactEvent.Form.t => unit=?, + ~onSubmit: ReactEvent.Form.t => unit=?, + /** + ReactEvent Generic Events + @see + ISSUE: Not Implemented in @rescript/react for ReactEvent.Generic; + ~onError: ReactEvent.Generic.t => unit=?, + ~onLoad: ReactEvent.Generic.t => unit=?, + **/ + /** + ReactEvent Mouse + @see + **/ + ~onClick: ReactEvent.Mouse.t => unit=?, + ~onContextMenu: ReactEvent.Mouse.t => unit=?, + ~onDoubleClick: ReactEvent.Mouse.t => unit=?, + ~onDrag: ReactEvent.Mouse.t => unit=?, + ~onDragEnd: ReactEvent.Mouse.t => unit=?, + ~onDragEnter: ReactEvent.Mouse.t => unit=?, + ~onDragExit: ReactEvent.Mouse.t => unit=?, + ~onDragLeave: ReactEvent.Mouse.t => unit=?, + ~onDragOver: ReactEvent.Mouse.t => unit=?, + ~onDragStart: ReactEvent.Mouse.t => unit=?, + ~onDrop: ReactEvent.Mouse.t => unit=?, + ~onMouseDown: ReactEvent.Mouse.t => unit=?, + ~onMouseEnter: ReactEvent.Mouse.t => unit=?, + ~onMouseLeave: ReactEvent.Mouse.t => unit=?, + ~onMouseMove: ReactEvent.Mouse.t => unit=?, + ~onMouseOut: ReactEvent.Mouse.t => unit=?, + ~onMouseOver: ReactEvent.Mouse.t => unit=?, + ~onMouseUp: ReactEvent.Mouse.t => unit=?, + /** + ReactEvent Pointer + @see + **/ + ~onPointerDown: ReactEvent.Pointer.t => unit=?, + ~onPointerMove: ReactEvent.Pointer.t => unit=?, + ~onPointerUp: ReactEvent.Pointer.t => unit=?, + ~onPointerCancel: ReactEvent.Pointer.t => unit=?, + ~onGotPointerCapture: ReactEvent.Pointer.t => unit=?, + ~onLostPointerCapture: ReactEvent.Pointer.t => unit=?, + ~onPointerEnter: ReactEvent.Pointer.t => unit=?, + ~onPointerLeave: ReactEvent.Pointer.t => unit=?, + ~onPointerOver: ReactEvent.Pointer.t => unit=?, + ~onPointerOut: ReactEvent.Pointer.t => unit=?, + /** + ReactEvent Selection + @see + **/ + ~onSelect: ReactEvent.Selection.t => unit=?, + /** + ReactEvent Touch + @see + **/ + ~onTouchCancel: ReactEvent.Touch.t => unit=?, + ~onTouchEnd: ReactEvent.Touch.t => unit=?, + ~onTouchMove: ReactEvent.Touch.t => unit=?, + ~onTouchStart: ReactEvent.Touch.t => unit=?, + /** + ReactEvent UI Events + @see + **/ + ~onScroll: ReactEvent.UI.t => unit=?, + /** + ReactEvent Wheel + @see + **/ + ~onWheel: ReactEvent.Wheel.t => unit=?, + /** + ReactEvent Media + @see + **/ + ~onAbort: ReactEvent.Media.t => unit=?, + ~onCanPlay: ReactEvent.Media.t => unit=?, + ~onCanPlayThrough: ReactEvent.Media.t => unit=?, + ~onDurationChange: ReactEvent.Media.t => unit=?, + ~onEmptied: ReactEvent.Media.t => unit=?, + ~onEncrypted: ReactEvent.Media.t => unit=?, + ~onEnded: ReactEvent.Media.t => unit=?, + // ~onError: ReactEvent.Media.t => unit=?, + ~onLoadedData: ReactEvent.Media.t => unit=?, + ~onLoadedMetadata: ReactEvent.Media.t => unit=?, + ~onLoadStart: ReactEvent.Media.t => unit=?, + ~onPause: ReactEvent.Media.t => unit=?, + ~onPlay: ReactEvent.Media.t => unit=?, + ~onPlaying: ReactEvent.Media.t => unit=?, + ~onProgress: ReactEvent.Media.t => unit=?, + ~onRateChange: ReactEvent.Media.t => unit=?, + ~onSeeked: ReactEvent.Media.t => unit=?, + ~onSeeking: ReactEvent.Media.t => unit=?, + ~onStalled: ReactEvent.Media.t => unit=?, + ~onSuspend: ReactEvent.Media.t => unit=?, + ~onTimeUpdate: ReactEvent.Media.t => unit=?, + ~onVolumeChange: ReactEvent.Media.t => unit=?, + ~onWaiting: ReactEvent.Media.t => unit=?, + ~onLoad: ReactEvent.Synthetic.t => unit=?, + ~onError: ReactEvent.Synthetic.t => unit=?, + /** + ReactEvent Other + @see + ~onToggle + **/ + /** + ReactEvent Animation + @see + **/ + ~onAnimationStart: ReactEvent.Animation.t => unit=?, + ~onAnimationEnd: ReactEvent.Animation.t => unit=?, + ~onAnimationIteration: ReactEvent.Animation.t => unit=?, +) => React.element = "CircularProgressLabel" + +let makeProps = ( + /** + Component Props {CircularProgressLabel} + **/ + /** + Margin and Padding + **/ + ~m=?, + ~margin=?, + ~mt=?, + ~marginTop=?, + ~mr=?, + ~marginRight=?, + ~me=?, + ~marginEnd=?, + ~mb=?, + ~marginBottom=?, + ~ml=?, + ~marginLeft=?, + ~ms=?, + ~marginStart=?, + ~mx=?, + ~my=?, + ~p=?, + ~padding=?, + ~pt=?, + ~paddingTop=?, + ~pr=?, + ~paddingRight=?, + ~pe=?, + ~paddingEnd=?, + ~pb=?, + ~paddingBottom=?, + ~pl=?, + ~paddingLeft=?, + ~ps=?, + ~paddingStart=?, + ~px=?, + ~py=?, + /** + Colors and BackgroundColor + **/ + ~color=?, + ~backgroundColor=?, + ~bgColor=?, + ~opacity=?, + /** + Gradient + **/ + ~bgGradient=?, + ~backgroundClip=?, + ~bgClip=?, + /** + Typography + **/ + ~fontFamily=?, + ~fontSize=?, + ~fontWeight=?, + ~letterSpacing=?, + ~lineHeight=?, + ~textAlign=?, + ~fontStyle=?, + ~textTransform=?, + ~textDecoration=?, + /** + Layout Width and Height + **/ + ~d=?, + ~display=?, + ~w=?, + ~width=?, + ~maxW=?, + ~maxWidth=?, + ~minW=?, + ~minWidth=?, + ~h=?, + ~height=?, + ~maxH=?, + ~maxHeight=?, + ~minH=?, + ~minHeight=?, + ~boxSize=?, + ~verticalAlign=?, + ~overflow=?, + ~overflowX=?, + ~overflowY=?, + /** + Flexbox + **/ + ~alignItems=?, + ~alignContent=?, + ~justifyItems=?, + ~justifyContent=?, + ~flexWrap=?, + ~flexDirection=?, + ~flexDir=?, + ~flex=?, + ~flexGrow=?, + ~flexShrink=?, + ~flexBasis=?, + ~justifySelf=?, + ~alignSelf=?, + ~order=?, + /** + Grid + **/ + ~gridGap=?, + ~gridRowGap=?, + ~gridColumnGap=?, + ~gridColumn=?, + ~gridRow=?, + ~gridArea=?, + ~gridAutoFlow=?, + ~gridAutoRows=?, + ~gridAutoColumns=?, + ~gridTemplateRows=?, + ~gridTemplateColumns=?, + ~gridTemplateAreas=?, + /** + Background + **/ + ~bg=?, + ~background=?, + ~bgImage=?, + ~backgroundImage=?, + ~bgSize=?, + ~backgroundSize=?, + ~bgPosition=?, + ~backgroundPosition=?, + ~bgRepeat=?, + ~backgroundRepeat=?, + ~bgAttachment=?, + ~backgroundAttachment=?, + /** + Borders + **/ + ~border=?, + ~borderWidth=?, + ~borderStyle=?, + ~borderColor=?, + ~borderTop=?, + ~borderTopWidth=?, + ~borderTopStyle=?, + ~borderTopColor=?, + ~borderRight=?, + ~borderEnd=?, + ~borderRightWidth=?, + ~borderEndWidth=?, + ~borderRightStyle=?, + ~borderEndStyle=?, + ~borderRightColor=?, + ~borderEndColor=?, + ~borderBottom=?, + ~borderBottomWidth=?, + ~borderBottomStyle=?, + ~borderBottomColor=?, + ~borderLeft=?, + ~borderStart=?, + ~borderLeftWidth=?, + ~borderStartWidth=?, + ~borderLeftStyle=?, + ~borderStartStyle=?, + ~borderLeftColor=?, + ~borderStartColor=?, + ~borderX=?, + ~borderY=?, + /** + Border Radius + **/ + ~borderRadius=?, + ~borderTopLeftRadius=?, + ~borderTopStartRadius=?, + ~borderTopRightRadius=?, + ~borderTopEndRadius=?, + ~borderBottomRightRadius=?, + ~borderBottomEndRadius=?, + ~borderBottomLeftRadius=?, + ~borderBottomStartRadius=?, + ~borderTopRadius=?, + ~borderRightRadius=?, + ~borderEndRadius=?, + ~borderBottomRadius=?, + ~borderLeftRadius=?, + ~borderStartRadius=?, + /** + Position + **/ + ~pos=?, + ~position=?, + ~zIndex=?, + ~top=?, + ~right=?, + ~bottom=?, + ~left=?, + /** + Shadow + **/ + ~textShadow=?, + ~boxShadow=?, + /** + TODO + Other Props + **/ + ~fill=?, + ~stroke=?, +) => + makeProps( + /** + Component Props {CircularProgressLabel} + **/ + /** + Margin and Padding + **/ + ~margin=?m->withShorthand(margin)->Margin.fromOption, + ~marginTop=?mt->withShorthand(marginTop)->Margin.fromOption, + ~marginRight=?mr->withShorthand(marginRight)->Margin.fromOption, + ~marginEnd=?me->withShorthand(marginEnd)->Margin.fromOption, + ~marginBottom=?mb->withShorthand(marginBottom)->Margin.fromOption, + ~marginLeft=?ml->withShorthand(marginLeft)->Margin.fromOption, + ~marginStart=?ms->withShorthand(marginStart)->Margin.fromOption, + ~mx=?mx->Margin.fromOption, + ~my=?my->Margin.fromOption, + ~padding=?p->withShorthand(padding)->Padding.fromOption, + ~paddingTop=?pt->withShorthand(paddingTop)->Padding.fromOption, + ~paddingRight=?pr->withShorthand(paddingRight)->Padding.fromOption, + ~paddingEnd=?pe->withShorthand(paddingEnd)->Padding.fromOption, + ~paddingBottom=?pb->withShorthand(paddingBottom)->Padding.fromOption, + ~paddingLeft=?pl->withShorthand(paddingLeft)->Padding.fromOption, + ~paddingStart=?ps->withShorthand(paddingStart)->Padding.fromOption, + ~px=?px->Padding.fromOption, + ~py=?py->Padding.fromOption, + /** + Colors and Background Color + **/ + ~color=?color->Color.fromOption, + ~backgroundColor=?bgColor->withShorthand(backgroundColor)->BackgroundColor.fromOption, + ~opacity=?opacity->Opacity.fromOption, + /** + Gradient + **/ + ~bgGradient=?bgGradient->Gradient.fromOption, + ~backgroundClip=?bgClip->withShorthand(backgroundClip)->BackgroundClip.fromOption, + /** + Typography + **/ + ~fontFamily=?fontFamily->FontFamily.fromOption, + ~fontSize=?fontSize->FontSize.fromOption, + ~fontWeight=?fontWeight->FontWeight.fromOption, + ~letterSpacing=?letterSpacing->LetterSpacing.fromOption, + ~lineHeight=?lineHeight->LineHeight.fromOption, + ~textAlign=?textAlign->TextAlign.fromOption, + ~fontStyle=?fontStyle->FontStyle.fromOption, + ~textTransform=?textTransform->TextTransform.fromOption, + ~textDecoration=?textDecoration->TextDecoration.fromOption, + /** + Layout Width and Height + **/ + ~display=?d->withShorthand(display)->Display.fromOption, + ~height=?h->withShorthand(height)->Height.fromOption, + ~minHeight=?minH->withShorthand(minHeight)->Height.fromOption, + ~maxHeight=?maxH->withShorthand(maxHeight)->MaxHeight.fromOption, + ~width=?w->withShorthand(width)->Width.fromOption, + ~minWidth=?minW->withShorthand(minWidth)->Width.fromOption, + ~maxWidth=?maxW->withShorthand(maxWidth)->MaxWidth.fromOption, + ~boxSize=?boxSize->BoxSize.fromOption, + ~verticalAlign=?verticalAlign->VerticalAlign.fromOption, + ~overflow=?overflow->Overflow.fromOption, + ~overflowY=?overflowY->Overflow.fromOption, + ~overflowX=?overflowX->Overflow.fromOption, + /** + Flexbox + **/ + ~alignItems=?alignItems->AlignItems.fromOption, + ~alignContent=?alignContent->AlignContent.fromOption, + ~justifyItems=?justifyItems->JustifyItems.fromOption, + ~justifyContent=?justifyContent->JustifyContent.fromOption, + ~flexWrap=?flexWrap->FlexWrap.fromOption, + ~flexDirection=?flexDir->withShorthand(flexDirection)->FlexDirection.fromOption, + ~flex=?flex->Flex.fromOption, + ~flexGrow=?flexGrow->FlexGrow.fromOption, + ~flexShrink=?flexShrink->FlexShrink.fromOption, + ~flexBasis=?flexBasis->FlexBasis.fromOption, + ~justifySelf=?justifySelf->JustifySelf.fromOption, + ~alignSelf=?alignSelf->AlignSelf.fromOption, + ~order=?order->Order.fromOption, + /** + Grid + **/ + ~gridGap=?gridGap->GridGap.fromOption, + ~gridRowGap=?gridRowGap->GridRowGap.fromOption, + ~gridColumnGap=?gridColumnGap->GridColumnGap.fromOption, + ~gridColumn=?gridColumn->GridColumn.fromOption, + ~gridRow=?gridRow->GridRow.fromOption, + ~gridArea=?gridArea->GridArea.fromOption, + ~gridAutoFlow=?gridAutoFlow->GridAutoFlow.fromOption, + ~gridAutoRows=?gridAutoRows->GridAutoRows.fromOption, + ~gridAutoColumns=?gridAutoColumns->GridAutoColumns.fromOption, + ~gridTemplateRows=?gridTemplateRows->GridTemplateRows.fromOption, + ~gridTemplateColumns=?gridTemplateColumns->GridTemplateColumns.fromOption, + ~gridTemplateAreas=?gridTemplateAreas->GridTemplateAreas.fromOption, + /** + Background + **/ + ~background=?bg->withShorthand(background)->Background.fromOption, + ~backgroundImage=?bgImage->withShorthand(backgroundImage)->BackgroundImage.fromOption, + ~backgroundSize=?bgSize->withShorthand(backgroundSize)->BackgroundSize.fromOption, + ~backgroundPosition=?bgPosition + ->withShorthand(backgroundPosition) + ->BackgroundPosition.fromOption, + ~backgroundRepeat=?bgRepeat->withShorthand(backgroundRepeat)->BackgroundRepeat.fromOption, + ~backgroundAttachment=?bgAttachment + ->withShorthand(backgroundAttachment) + ->BackgroundAttachment.fromOption, + /** + Borders + **/ + ~border=?border->Border.fromOption, + ~borderWidth=?borderWidth->BorderWidth.fromOption, + ~borderStyle=?borderStyle->BorderStyle.fromOption, + ~borderColor=?borderColor->BorderColor.fromOption, + ~borderTop=?borderTop->Border.fromOption, + ~borderTopWidth=?borderTopWidth->BorderWidth.fromOption, + ~borderTopStyle=?borderTopStyle->BorderStyle.fromOption, + ~borderTopColor=?borderTopColor->BorderColor.fromOption, + ~borderRight=?borderRight->Border.fromOption, + ~borderEnd=?borderEnd->Border.fromOption, + ~borderRightWidth=?borderRightWidth->BorderWidth.fromOption, + ~borderEndWidth=?borderEndWidth->BorderWidth.fromOption, + ~borderRightStyle=?borderRightStyle->BorderStyle.fromOption, + ~borderEndStyle=?borderEndStyle->BorderStyle.fromOption, + ~borderRightColor=?borderRightColor->BorderColor.fromOption, + ~borderEndColor=?borderEndColor->BorderColor.fromOption, + ~borderBottom=?borderBottom->Border.fromOption, + ~borderBottomWidth=?borderBottomWidth->BorderWidth.fromOption, + ~borderBottomStyle=?borderBottomStyle->BorderStyle.fromOption, + ~borderBottomColor=?borderBottomColor->BorderColor.fromOption, + ~borderLeft=?borderLeft->Border.fromOption, + ~borderStart=?borderStart->Border.fromOption, + ~borderLeftWidth=?borderLeftWidth->BorderWidth.fromOption, + ~borderStartWidth=?borderStartWidth->BorderWidth.fromOption, + ~borderLeftStyle=?borderLeftStyle->BorderStyle.fromOption, + ~borderStartStyle=?borderStartStyle->BorderStyle.fromOption, + ~borderLeftColor=?borderLeftColor->BorderColor.fromOption, + ~borderStartColor=?borderStartColor->BorderColor.fromOption, + ~borderX=?borderX->Border.fromOption, + ~borderY=?borderY->Border.fromOption, + /** + Border Radius + **/ + ~borderRadius=?borderRadius->BorderRadius.fromOption, + ~borderTopLeftRadius=?borderTopLeftRadius->BorderRadius.fromOption, + ~borderTopStartRadius=?borderTopStartRadius->BorderRadius.fromOption, + ~borderTopRightRadius=?borderTopRightRadius->BorderRadius.fromOption, + ~borderTopEndRadius=?borderTopEndRadius->BorderRadius.fromOption, + ~borderBottomRightRadius=?borderBottomRightRadius->BorderRadius.fromOption, + ~borderBottomEndRadius=?borderBottomEndRadius->BorderRadius.fromOption, + ~borderBottomLeftRadius=?borderBottomLeftRadius->BorderRadius.fromOption, + ~borderBottomStartRadius=?borderBottomStartRadius->BorderRadius.fromOption, + ~borderTopRadius=?borderTopRadius->BorderRadius.fromOption, + ~borderRightRadius=?borderRightRadius->BorderRadius.fromOption, + ~borderEndRadius=?borderEndRadius->BorderRadius.fromOption, + ~borderBottomRadius=?borderBottomRadius->BorderRadius.fromOption, + ~borderLeftRadius=?borderLeftRadius->BorderRadius.fromOption, + ~borderStartRadius=?borderStartRadius->BorderRadius.fromOption, + /** + Position + **/ + ~position=?pos->withShorthand(position)->Position.fromOption, + ~zIndex=?zIndex->ZIndex.fromOption, + ~top=?top->Top.fromOption, + ~right=?right->Right.fromOption, + ~bottom=?bottom->Bottom.fromOption, + ~left=?left->Left.fromOption, + /** + Shadow + **/ + ~textShadow=?textShadow->TextShadow.fromOption, + ~boxShadow=?boxShadow->BoxShadow.fromOption, + /** + TODO + Other Props + **/ + ~fill=?fill->Color.fromOption, + ~stroke=?stroke->Color.fromOption, + ) diff --git a/src/Components/Chakra__Progress.res b/src/Components/Chakra__Progress.res new file mode 100644 index 0000000..c7b2587 --- /dev/null +++ b/src/Components/Chakra__Progress.res @@ -0,0 +1,796 @@ +open Chakra__MakeProps + +@react.component @module("@chakra-ui/react") +external make: ( + ~children: React.element=?, + /** + Component Props {Progress} + **/ + ~_as: string=?, + ~isTruncated: bool=?, + ~hasStripe: bool=?, + ~isAnimated: bool=?, + ~isIndeterminate: bool=?, + ~max: float=?, + ~min: float=?, + ~size: Chakra__Theme.Size.Progress.t=?, + /** + Margin and Padding + @see + **/ + ~margin: Identity.t=?, + ~marginTop: Identity.t=?, + ~marginRight: Identity.t=?, + ~marginEnd: Identity.t=?, + ~marginBottom: Identity.t=?, + ~marginLeft: Identity.t=?, + ~marginStart: Identity.t=?, + ~mx: Identity.t=?, + ~my: Identity.t=?, + ~padding: Identity.t=?, + ~paddingTop: Identity.t=?, + ~paddingRight: Identity.t=?, + ~paddingEnd: Identity.t=?, + ~paddingBottom: Identity.t=?, + ~paddingLeft: Identity.t=?, + ~paddingStart: Identity.t=?, + ~px: Identity.t=?, + ~py: Identity.t=?, + /** + Colors and BackgroundColor + @see + **/ + ~colorScheme: ColorScheme.t=?, + ~color: Identity.t=?, + ~backgroundColor: Identity.t=?, + ~opacity: Identity.t=?, + /** + Gradient + @see + **/ + ~bgGradient: Identity.t=?, + ~backgroundClip: Identity.t=?, + /** + Typography + @see + **/ + ~fontFamily: Identity.t=?, + ~fontSize: Identity.t=?, + ~fontWeight: Identity.t=?, + ~letterSpacing: Identity.t=?, + ~lineHeight: Identity.t=?, + ~textAlign: Identity.t=?, + ~fontStyle: Identity.t=?, + ~textTransform: Identity.t=?, + ~textDecoration: Identity.t=?, + /** + Layout Width and Height + @see + **/ + ~width: Identity.t=?, + ~maxWidth: Identity.t=?, + ~minWidth: Identity.t=?, + ~height: Identity.t=?, + ~maxHeight: Identity.t=?, + ~minHeight: Identity.t=?, + ~display: Identity.t=?, + ~boxSize: Identity.t=?, + ~verticalAlign: Identity.t=?, + ~overflow: Identity.t=?, + ~overflowY: Identity.t=?, + ~overflowX: Identity.t=?, + /** + Flexbox + @see + **/ + ~alignItems: Identity.t=?, + ~alignContent: Identity.t=?, + ~justifyItems: Identity.t=?, + ~justifyContent: Identity.t=?, + ~flexWrap: Identity.t=?, + ~flexDirection: Identity.t=?, + ~flex: Identity.t=?, + ~flexGrow: Identity.t=?, + ~flexShrink: Identity.t=?, + ~flexBasis: Identity.t=?, + ~justifySelf: Identity.t=?, + ~alignSelf: Identity.t=?, + ~order: Identity.t=?, + /** + Grid + @see + **/ + ~gridGap: Identity.t=?, + ~gridRowGap: Identity.t=?, + ~gridColumnGap: Identity.t=?, + ~gridColumn: Identity.t=?, + ~gridRow: Identity.t=?, + ~gridArea: Identity.t=?, + ~gridAutoFlow: Identity.t=?, + ~gridAutoRows: Identity.t=?, + ~gridAutoColumns: Identity.t=?, + ~gridTemplateRows: Identity.t=?, + ~gridTemplateColumns: Identity.t=?, + ~gridTemplateAreas: Identity.t=?, + /** + Background + @see + **/ + ~background: Identity.t=?, + ~backgroundImage: Identity.t=?, + ~backgroundSize: Identity.t=?, + ~backgroundPosition: Identity.t=?, + ~backgroundRepeat: Identity.t=?, + ~backgroundAttachment: Identity.t=?, + /** + Borders + @see + **/ + ~border: Identity.t=?, + ~borderWidth: Identity.t=?, + ~borderStyle: Identity.t=?, + ~borderColor: Identity.t=?, + ~borderTop: Identity.t=?, + ~borderTopWidth: Identity.t=?, + ~borderTopStyle: Identity.t=?, + ~borderTopColor: Identity.t=?, + ~borderRight: Identity.t=?, + ~borderEnd: Identity.t=?, + ~borderRightWidth: Identity.t=?, + ~borderEndWidth: Identity.t=?, + ~borderRightStyle: Identity.t=?, + ~borderEndStyle: Identity.t=?, + ~borderRightColor: Identity.t=?, + ~borderEndColor: Identity.t=?, + ~borderBottom: Identity.t=?, + ~borderBottomWidth: Identity.t=?, + ~borderBottomStyle: Identity.t=?, + ~borderBottomColor: Identity.t=?, + ~borderLeft: Identity.t=?, + ~borderStart: Identity.t=?, + ~borderLeftWidth: Identity.t=?, + ~borderStartWidth: Identity.t=?, + ~borderLeftStyle: Identity.t=?, + ~borderStartStyle: Identity.t=?, + ~borderLeftColor: Identity.t=?, + ~borderStartColor: Identity.t=?, + ~borderX: Identity.t=?, + ~borderY: Identity.t=?, + /** + Border Radius + @see + **/ + ~borderRadius: Identity.t=?, + ~borderTopLeftRadius: Identity.t=?, + ~borderTopStartRadius: Identity.t=?, + ~borderTopRightRadius: Identity.t=?, + ~borderTopEndRadius: Identity.t=?, + ~borderBottomRightRadius: Identity.t=?, + ~borderBottomEndRadius: Identity.t=?, + ~borderBottomLeftRadius: Identity.t=?, + ~borderBottomStartRadius: Identity.t=?, + ~borderTopRadius: Identity.t=?, + ~borderRightRadius: Identity.t=?, + ~borderEndRadius: Identity.t=?, + ~borderBottomRadius: Identity.t=?, + ~borderLeftRadius: Identity.t=?, + ~borderStartRadius: Identity.t=?, + /** + Position + @see + **/ + ~position: Identity.t=?, + ~zIndex: Identity.t=?, + ~top: Identity.t=?, + ~right: Identity.t=?, + ~bottom: Identity.t=?, + ~left: Identity.t=?, + /** + Shadow + @see + **/ + ~textShadow: Identity.t=?, + ~boxShadow: Identity.t=?, + /** + Pseudo + @see + **/ + @as("_hover") ~_hover: Pseudo.t=?, + @as("_active") ~_active: Pseudo.t=?, + @as("_focus") ~_focus: Pseudo.t=?, + @as("_highlighted") ~_highlighted: Pseudo.t=?, + @as("_focusWithin") ~_focusWithin: Pseudo.t=?, + @as("_focusVisible") ~_focusVisible: Pseudo.t=?, + @as("_disabled") ~_disabled: Pseudo.t=?, + @as("_readOnly") ~_readOnly: Pseudo.t=?, + @as("_before") ~_before: Pseudo.t=?, + @as("_after") ~_after: Pseudo.t=?, + @as("_empty") ~_empty: Pseudo.t=?, + @as("_expanded") ~_expanded: Pseudo.t=?, + @as("_checked") ~_checked: Pseudo.t=?, + @as("_grabbed") ~_grabbed: Pseudo.t=?, + @as("_pressed") ~_pressed: Pseudo.t=?, + @as("_invalid") ~_invalid: Pseudo.t=?, + @as("_valid") ~_valid: Pseudo.t=?, + @as("_loading") ~_loading: Pseudo.t=?, + @as("_selected") ~_selected: Pseudo.t=?, + @as("_hidden") ~_hidden: Pseudo.t=?, + @as("_autofill") ~_autofill: Pseudo.t=?, + @as("_even") ~_even: Pseudo.t=?, + @as("_odd") ~_odd: Pseudo.t=?, + @as("_first") ~_first: Pseudo.t=?, + @as("_last") ~_last: Pseudo.t=?, + @as("_notFirst") ~_notFirst: Pseudo.t=?, + @as("_notLast") ~_notLast: Pseudo.t=?, + @as("_visited") ~_visited: Pseudo.t=?, + @as("_activeLink") ~_activeLink: Pseudo.t=?, + @as("_activeStep") ~_activeStep: Pseudo.t=?, + @as("_indeterminate") ~_indeterminate: Pseudo.t=?, + @as("_groupHover") ~_groupHover: Pseudo.t=?, + @as("_groupFocus") ~_groupFocus: Pseudo.t=?, + @as("_groupActive") ~_groupActive: Pseudo.t=?, + @as("_groupDisabled") ~_groupDisabled: Pseudo.t=?, + @as("_groupInvalid") ~_groupInvalid: Pseudo.t=?, + @as("_groupChecked") ~_groupChecked: Pseudo.t=?, + @as("_placeholder") ~_placeholder: Pseudo.t=?, + @as("_fullScreen") ~_fullScreen: Pseudo.t=?, + @as("_selection") ~_selection: Pseudo.t=?, + /** + TODO + Other Props + partial implemented + @see + ~animation=?, + ~appearance=?, + ~transform=?, + ~transformOrigin=?, + ~visibility=?, + ~whiteSpace=?, + ~userSelect=?, + ~pointerEvents=?, + ~wordBreak=?, + ~overflowWrap=?, + ~textOverflow=?, + ~boxSizing=?, + ~cursor=?, + ~resize=?, + ~transition=?, + ~objectFit=?, + ~objectPosition=?, + ~objectPosition=?, + ~float_=?, + ~fill=?, + ~stroke=?, + ~outline=?, + **/ + ~fill: Identity.t=?, + ~stroke: Identity.t=?, + /** + ReactEvent Clipboard + @see + **/ + ~onCopy: ReactEvent.Clipboard.t => unit=?, + ~onCut: ReactEvent.Clipboard.t => unit=?, + ~onPaste: ReactEvent.Clipboard.t => unit=?, + /** + ReactEvent Composition + @see + **/ + ~onCompositionEnd: ReactEvent.Composition.t => unit=?, + ~onCompositionStart: ReactEvent.Composition.t => unit=?, + ~onCompositionUpdate: ReactEvent.Composition.t => unit=?, + /** + ReactEvent Keyboard + @see + **/ + ~onKeyDown: ReactEvent.Keyboard.t => unit=?, + ~onKeyPress: ReactEvent.Keyboard.t => unit=?, + ~onKeyUp: ReactEvent.Keyboard.t => unit=? /** + ReactEvent Focus + @see + **/, + ~onFocus: ReactEvent.Focus.t => unit=?, + ~onBlur: ReactEvent.Focus.t => unit=?, + /** + ReactEvent Form + @see + **/ + ~onChange: ReactEvent.Form.t => unit=?, + ~onInput: ReactEvent.Form.t => unit=?, + ~onInvalid: ReactEvent.Form.t => unit=?, + ~onReset: ReactEvent.Form.t => unit=?, + ~onSubmit: ReactEvent.Form.t => unit=?, + /** + ReactEvent Generic Events + @see + ISSUE: Not Implemented in @rescript/react for ReactEvent.Generic; + ~onError: ReactEvent.Generic.t => unit=?, + ~onLoad: ReactEvent.Generic.t => unit=?, + **/ + /** + ReactEvent Mouse + @see + **/ + ~onClick: ReactEvent.Mouse.t => unit=?, + ~onContextMenu: ReactEvent.Mouse.t => unit=?, + ~onDoubleClick: ReactEvent.Mouse.t => unit=?, + ~onDrag: ReactEvent.Mouse.t => unit=?, + ~onDragEnd: ReactEvent.Mouse.t => unit=?, + ~onDragEnter: ReactEvent.Mouse.t => unit=?, + ~onDragExit: ReactEvent.Mouse.t => unit=?, + ~onDragLeave: ReactEvent.Mouse.t => unit=?, + ~onDragOver: ReactEvent.Mouse.t => unit=?, + ~onDragStart: ReactEvent.Mouse.t => unit=?, + ~onDrop: ReactEvent.Mouse.t => unit=?, + ~onMouseDown: ReactEvent.Mouse.t => unit=?, + ~onMouseEnter: ReactEvent.Mouse.t => unit=?, + ~onMouseLeave: ReactEvent.Mouse.t => unit=?, + ~onMouseMove: ReactEvent.Mouse.t => unit=?, + ~onMouseOut: ReactEvent.Mouse.t => unit=?, + ~onMouseOver: ReactEvent.Mouse.t => unit=?, + ~onMouseUp: ReactEvent.Mouse.t => unit=?, + /** + ReactEvent Pointer + @see + **/ + ~onPointerDown: ReactEvent.Pointer.t => unit=?, + ~onPointerMove: ReactEvent.Pointer.t => unit=?, + ~onPointerUp: ReactEvent.Pointer.t => unit=?, + ~onPointerCancel: ReactEvent.Pointer.t => unit=?, + ~onGotPointerCapture: ReactEvent.Pointer.t => unit=?, + ~onLostPointerCapture: ReactEvent.Pointer.t => unit=?, + ~onPointerEnter: ReactEvent.Pointer.t => unit=?, + ~onPointerLeave: ReactEvent.Pointer.t => unit=?, + ~onPointerOver: ReactEvent.Pointer.t => unit=?, + ~onPointerOut: ReactEvent.Pointer.t => unit=?, + /** + ReactEvent Selection + @see + **/ + ~onSelect: ReactEvent.Selection.t => unit=?, + /** + ReactEvent Touch + @see + **/ + ~onTouchCancel: ReactEvent.Touch.t => unit=?, + ~onTouchEnd: ReactEvent.Touch.t => unit=?, + ~onTouchMove: ReactEvent.Touch.t => unit=?, + ~onTouchStart: ReactEvent.Touch.t => unit=?, + /** + ReactEvent UI Events + @see + **/ + ~onScroll: ReactEvent.UI.t => unit=?, + /** + ReactEvent Wheel + @see + **/ + ~onWheel: ReactEvent.Wheel.t => unit=?, + /** + ReactEvent Media + @see + **/ + ~onAbort: ReactEvent.Media.t => unit=?, + ~onCanPlay: ReactEvent.Media.t => unit=?, + ~onCanPlayThrough: ReactEvent.Media.t => unit=?, + ~onDurationChange: ReactEvent.Media.t => unit=?, + ~onEmptied: ReactEvent.Media.t => unit=?, + ~onEncrypted: ReactEvent.Media.t => unit=?, + ~onEnded: ReactEvent.Media.t => unit=?, + // ~onError: ReactEvent.Media.t => unit=?, + ~onLoadedData: ReactEvent.Media.t => unit=?, + ~onLoadedMetadata: ReactEvent.Media.t => unit=?, + ~onLoadStart: ReactEvent.Media.t => unit=?, + ~onPause: ReactEvent.Media.t => unit=?, + ~onPlay: ReactEvent.Media.t => unit=?, + ~onPlaying: ReactEvent.Media.t => unit=?, + ~onProgress: ReactEvent.Media.t => unit=?, + ~onRateChange: ReactEvent.Media.t => unit=?, + ~onSeeked: ReactEvent.Media.t => unit=?, + ~onSeeking: ReactEvent.Media.t => unit=?, + ~onStalled: ReactEvent.Media.t => unit=?, + ~onSuspend: ReactEvent.Media.t => unit=?, + ~onTimeUpdate: ReactEvent.Media.t => unit=?, + ~onVolumeChange: ReactEvent.Media.t => unit=?, + ~onWaiting: ReactEvent.Media.t => unit=?, + ~onLoad: ReactEvent.Synthetic.t => unit=?, + ~onError: ReactEvent.Synthetic.t => unit=?, + /** + ReactEvent Other + @see + ~onToggle + **/ + /** + ReactEvent Animation + @see + **/ + ~onAnimationStart: ReactEvent.Animation.t => unit=?, + ~onAnimationEnd: ReactEvent.Animation.t => unit=?, + ~onAnimationIteration: ReactEvent.Animation.t => unit=?, +) => React.element = "Progress" + +let makeProps = ( + /** + Component Props {Progress} + **/ + /** + Margin and Padding + **/ + ~m=?, + ~margin=?, + ~mt=?, + ~marginTop=?, + ~mr=?, + ~marginRight=?, + ~me=?, + ~marginEnd=?, + ~mb=?, + ~marginBottom=?, + ~ml=?, + ~marginLeft=?, + ~ms=?, + ~marginStart=?, + ~mx=?, + ~my=?, + ~p=?, + ~padding=?, + ~pt=?, + ~paddingTop=?, + ~pr=?, + ~paddingRight=?, + ~pe=?, + ~paddingEnd=?, + ~pb=?, + ~paddingBottom=?, + ~pl=?, + ~paddingLeft=?, + ~ps=?, + ~paddingStart=?, + ~px=?, + ~py=?, + /** + Colors and BackgroundColor + **/ + ~color=?, + ~backgroundColor=?, + ~bgColor=?, + ~opacity=?, + /** + Gradient + **/ + ~bgGradient=?, + ~backgroundClip=?, + ~bgClip=?, + /** + Typography + **/ + ~fontFamily=?, + ~fontSize=?, + ~fontWeight=?, + ~letterSpacing=?, + ~lineHeight=?, + ~textAlign=?, + ~fontStyle=?, + ~textTransform=?, + ~textDecoration=?, + /** + Layout Width and Height + **/ + ~d=?, + ~display=?, + ~w=?, + ~width=?, + ~maxW=?, + ~maxWidth=?, + ~minW=?, + ~minWidth=?, + ~h=?, + ~height=?, + ~maxH=?, + ~maxHeight=?, + ~minH=?, + ~minHeight=?, + ~boxSize=?, + ~verticalAlign=?, + ~overflow=?, + ~overflowX=?, + ~overflowY=?, + /** + Flexbox + **/ + ~alignItems=?, + ~alignContent=?, + ~justifyItems=?, + ~justifyContent=?, + ~flexWrap=?, + ~flexDirection=?, + ~flexDir=?, + ~flex=?, + ~flexGrow=?, + ~flexShrink=?, + ~flexBasis=?, + ~justifySelf=?, + ~alignSelf=?, + ~order=?, + /** + Grid + **/ + ~gridGap=?, + ~gridRowGap=?, + ~gridColumnGap=?, + ~gridColumn=?, + ~gridRow=?, + ~gridArea=?, + ~gridAutoFlow=?, + ~gridAutoRows=?, + ~gridAutoColumns=?, + ~gridTemplateRows=?, + ~gridTemplateColumns=?, + ~gridTemplateAreas=?, + /** + Background + **/ + ~bg=?, + ~background=?, + ~bgImage=?, + ~backgroundImage=?, + ~bgSize=?, + ~backgroundSize=?, + ~bgPosition=?, + ~backgroundPosition=?, + ~bgRepeat=?, + ~backgroundRepeat=?, + ~bgAttachment=?, + ~backgroundAttachment=?, + /** + Borders + **/ + ~border=?, + ~borderWidth=?, + ~borderStyle=?, + ~borderColor=?, + ~borderTop=?, + ~borderTopWidth=?, + ~borderTopStyle=?, + ~borderTopColor=?, + ~borderRight=?, + ~borderEnd=?, + ~borderRightWidth=?, + ~borderEndWidth=?, + ~borderRightStyle=?, + ~borderEndStyle=?, + ~borderRightColor=?, + ~borderEndColor=?, + ~borderBottom=?, + ~borderBottomWidth=?, + ~borderBottomStyle=?, + ~borderBottomColor=?, + ~borderLeft=?, + ~borderStart=?, + ~borderLeftWidth=?, + ~borderStartWidth=?, + ~borderLeftStyle=?, + ~borderStartStyle=?, + ~borderLeftColor=?, + ~borderStartColor=?, + ~borderX=?, + ~borderY=?, + /** + Border Radius + **/ + ~borderRadius=?, + ~borderTopLeftRadius=?, + ~borderTopStartRadius=?, + ~borderTopRightRadius=?, + ~borderTopEndRadius=?, + ~borderBottomRightRadius=?, + ~borderBottomEndRadius=?, + ~borderBottomLeftRadius=?, + ~borderBottomStartRadius=?, + ~borderTopRadius=?, + ~borderRightRadius=?, + ~borderEndRadius=?, + ~borderBottomRadius=?, + ~borderLeftRadius=?, + ~borderStartRadius=?, + /** + Position + **/ + ~pos=?, + ~position=?, + ~zIndex=?, + ~top=?, + ~right=?, + ~bottom=?, + ~left=?, + /** + Shadow + **/ + ~textShadow=?, + ~boxShadow=?, + /** + TODO + Other Props + **/ + ~fill=?, + ~stroke=?, +) => + makeProps( + /** + Component Props {Progress} + **/ + /** + Margin and Padding + **/ + ~margin=?m->withShorthand(margin)->Margin.fromOption, + ~marginTop=?mt->withShorthand(marginTop)->Margin.fromOption, + ~marginRight=?mr->withShorthand(marginRight)->Margin.fromOption, + ~marginEnd=?me->withShorthand(marginEnd)->Margin.fromOption, + ~marginBottom=?mb->withShorthand(marginBottom)->Margin.fromOption, + ~marginLeft=?ml->withShorthand(marginLeft)->Margin.fromOption, + ~marginStart=?ms->withShorthand(marginStart)->Margin.fromOption, + ~mx=?mx->Margin.fromOption, + ~my=?my->Margin.fromOption, + ~padding=?p->withShorthand(padding)->Padding.fromOption, + ~paddingTop=?pt->withShorthand(paddingTop)->Padding.fromOption, + ~paddingRight=?pr->withShorthand(paddingRight)->Padding.fromOption, + ~paddingEnd=?pe->withShorthand(paddingEnd)->Padding.fromOption, + ~paddingBottom=?pb->withShorthand(paddingBottom)->Padding.fromOption, + ~paddingLeft=?pl->withShorthand(paddingLeft)->Padding.fromOption, + ~paddingStart=?ps->withShorthand(paddingStart)->Padding.fromOption, + ~px=?px->Padding.fromOption, + ~py=?py->Padding.fromOption, + /** + Colors and Background Color + **/ + ~color=?color->Color.fromOption, + ~backgroundColor=?bgColor->withShorthand(backgroundColor)->BackgroundColor.fromOption, + ~opacity=?opacity->Opacity.fromOption, + /** + Gradient + **/ + ~bgGradient=?bgGradient->Gradient.fromOption, + ~backgroundClip=?bgClip->withShorthand(backgroundClip)->BackgroundClip.fromOption, + /** + Typography + **/ + ~fontFamily=?fontFamily->FontFamily.fromOption, + ~fontSize=?fontSize->FontSize.fromOption, + ~fontWeight=?fontWeight->FontWeight.fromOption, + ~letterSpacing=?letterSpacing->LetterSpacing.fromOption, + ~lineHeight=?lineHeight->LineHeight.fromOption, + ~textAlign=?textAlign->TextAlign.fromOption, + ~fontStyle=?fontStyle->FontStyle.fromOption, + ~textTransform=?textTransform->TextTransform.fromOption, + ~textDecoration=?textDecoration->TextDecoration.fromOption, + /** + Layout Width and Height + **/ + ~display=?d->withShorthand(display)->Display.fromOption, + ~height=?h->withShorthand(height)->Height.fromOption, + ~minHeight=?minH->withShorthand(minHeight)->Height.fromOption, + ~maxHeight=?maxH->withShorthand(maxHeight)->MaxHeight.fromOption, + ~width=?w->withShorthand(width)->Width.fromOption, + ~minWidth=?minW->withShorthand(minWidth)->Width.fromOption, + ~maxWidth=?maxW->withShorthand(maxWidth)->MaxWidth.fromOption, + ~boxSize=?boxSize->BoxSize.fromOption, + ~verticalAlign=?verticalAlign->VerticalAlign.fromOption, + ~overflow=?overflow->Overflow.fromOption, + ~overflowY=?overflowY->Overflow.fromOption, + ~overflowX=?overflowX->Overflow.fromOption, + /** + Flexbox + **/ + ~alignItems=?alignItems->AlignItems.fromOption, + ~alignContent=?alignContent->AlignContent.fromOption, + ~justifyItems=?justifyItems->JustifyItems.fromOption, + ~justifyContent=?justifyContent->JustifyContent.fromOption, + ~flexWrap=?flexWrap->FlexWrap.fromOption, + ~flexDirection=?flexDir->withShorthand(flexDirection)->FlexDirection.fromOption, + ~flex=?flex->Flex.fromOption, + ~flexGrow=?flexGrow->FlexGrow.fromOption, + ~flexShrink=?flexShrink->FlexShrink.fromOption, + ~flexBasis=?flexBasis->FlexBasis.fromOption, + ~justifySelf=?justifySelf->JustifySelf.fromOption, + ~alignSelf=?alignSelf->AlignSelf.fromOption, + ~order=?order->Order.fromOption, + /** + Grid + **/ + ~gridGap=?gridGap->GridGap.fromOption, + ~gridRowGap=?gridRowGap->GridRowGap.fromOption, + ~gridColumnGap=?gridColumnGap->GridColumnGap.fromOption, + ~gridColumn=?gridColumn->GridColumn.fromOption, + ~gridRow=?gridRow->GridRow.fromOption, + ~gridArea=?gridArea->GridArea.fromOption, + ~gridAutoFlow=?gridAutoFlow->GridAutoFlow.fromOption, + ~gridAutoRows=?gridAutoRows->GridAutoRows.fromOption, + ~gridAutoColumns=?gridAutoColumns->GridAutoColumns.fromOption, + ~gridTemplateRows=?gridTemplateRows->GridTemplateRows.fromOption, + ~gridTemplateColumns=?gridTemplateColumns->GridTemplateColumns.fromOption, + ~gridTemplateAreas=?gridTemplateAreas->GridTemplateAreas.fromOption, + /** + Background + **/ + ~background=?bg->withShorthand(background)->Background.fromOption, + ~backgroundImage=?bgImage->withShorthand(backgroundImage)->BackgroundImage.fromOption, + ~backgroundSize=?bgSize->withShorthand(backgroundSize)->BackgroundSize.fromOption, + ~backgroundPosition=?bgPosition + ->withShorthand(backgroundPosition) + ->BackgroundPosition.fromOption, + ~backgroundRepeat=?bgRepeat->withShorthand(backgroundRepeat)->BackgroundRepeat.fromOption, + ~backgroundAttachment=?bgAttachment + ->withShorthand(backgroundAttachment) + ->BackgroundAttachment.fromOption, + /** + Borders + **/ + ~border=?border->Border.fromOption, + ~borderWidth=?borderWidth->BorderWidth.fromOption, + ~borderStyle=?borderStyle->BorderStyle.fromOption, + ~borderColor=?borderColor->BorderColor.fromOption, + ~borderTop=?borderTop->Border.fromOption, + ~borderTopWidth=?borderTopWidth->BorderWidth.fromOption, + ~borderTopStyle=?borderTopStyle->BorderStyle.fromOption, + ~borderTopColor=?borderTopColor->BorderColor.fromOption, + ~borderRight=?borderRight->Border.fromOption, + ~borderEnd=?borderEnd->Border.fromOption, + ~borderRightWidth=?borderRightWidth->BorderWidth.fromOption, + ~borderEndWidth=?borderEndWidth->BorderWidth.fromOption, + ~borderRightStyle=?borderRightStyle->BorderStyle.fromOption, + ~borderEndStyle=?borderEndStyle->BorderStyle.fromOption, + ~borderRightColor=?borderRightColor->BorderColor.fromOption, + ~borderEndColor=?borderEndColor->BorderColor.fromOption, + ~borderBottom=?borderBottom->Border.fromOption, + ~borderBottomWidth=?borderBottomWidth->BorderWidth.fromOption, + ~borderBottomStyle=?borderBottomStyle->BorderStyle.fromOption, + ~borderBottomColor=?borderBottomColor->BorderColor.fromOption, + ~borderLeft=?borderLeft->Border.fromOption, + ~borderStart=?borderStart->Border.fromOption, + ~borderLeftWidth=?borderLeftWidth->BorderWidth.fromOption, + ~borderStartWidth=?borderStartWidth->BorderWidth.fromOption, + ~borderLeftStyle=?borderLeftStyle->BorderStyle.fromOption, + ~borderStartStyle=?borderStartStyle->BorderStyle.fromOption, + ~borderLeftColor=?borderLeftColor->BorderColor.fromOption, + ~borderStartColor=?borderStartColor->BorderColor.fromOption, + ~borderX=?borderX->Border.fromOption, + ~borderY=?borderY->Border.fromOption, + /** + Border Radius + **/ + ~borderRadius=?borderRadius->BorderRadius.fromOption, + ~borderTopLeftRadius=?borderTopLeftRadius->BorderRadius.fromOption, + ~borderTopStartRadius=?borderTopStartRadius->BorderRadius.fromOption, + ~borderTopRightRadius=?borderTopRightRadius->BorderRadius.fromOption, + ~borderTopEndRadius=?borderTopEndRadius->BorderRadius.fromOption, + ~borderBottomRightRadius=?borderBottomRightRadius->BorderRadius.fromOption, + ~borderBottomEndRadius=?borderBottomEndRadius->BorderRadius.fromOption, + ~borderBottomLeftRadius=?borderBottomLeftRadius->BorderRadius.fromOption, + ~borderBottomStartRadius=?borderBottomStartRadius->BorderRadius.fromOption, + ~borderTopRadius=?borderTopRadius->BorderRadius.fromOption, + ~borderRightRadius=?borderRightRadius->BorderRadius.fromOption, + ~borderEndRadius=?borderEndRadius->BorderRadius.fromOption, + ~borderBottomRadius=?borderBottomRadius->BorderRadius.fromOption, + ~borderLeftRadius=?borderLeftRadius->BorderRadius.fromOption, + ~borderStartRadius=?borderStartRadius->BorderRadius.fromOption, + /** + Position + **/ + ~position=?pos->withShorthand(position)->Position.fromOption, + ~zIndex=?zIndex->ZIndex.fromOption, + ~top=?top->Top.fromOption, + ~right=?right->Right.fromOption, + ~bottom=?bottom->Bottom.fromOption, + ~left=?left->Left.fromOption, + /** + Shadow + **/ + ~textShadow=?textShadow->TextShadow.fromOption, + ~boxShadow=?boxShadow->BoxShadow.fromOption, + /** + TODO + Other Props + **/ + ~fill=?fill->Color.fromOption, + ~stroke=?stroke->Color.fromOption, + ) diff --git a/src/Components/Chakra__Skeleton.res b/src/Components/Chakra__Skeleton.res new file mode 100644 index 0000000..2546cd7 --- /dev/null +++ b/src/Components/Chakra__Skeleton.res @@ -0,0 +1,799 @@ +open Chakra__MakeProps + +@react.component @module("@chakra-ui/react") +external make: ( + ~children: React.element=?, + /** + Component Props {Skeleton} + **/ + ~_as: string=?, + ~isTruncated: bool=?, + ~endColor: string=?, + ~startColor: string=?, + ~fadeDuration: float=?, + ~speed: float=?, + ~isLoaded: bool=?, + /** + Margin and Padding + @see + **/ + ~margin: Identity.t=?, + ~marginTop: Identity.t=?, + ~marginRight: Identity.t=?, + ~marginEnd: Identity.t=?, + ~marginBottom: Identity.t=?, + ~marginLeft: Identity.t=?, + ~marginStart: Identity.t=?, + ~mx: Identity.t=?, + ~my: Identity.t=?, + ~padding: Identity.t=?, + ~paddingTop: Identity.t=?, + ~paddingRight: Identity.t=?, + ~paddingEnd: Identity.t=?, + ~paddingBottom: Identity.t=?, + ~paddingLeft: Identity.t=?, + ~paddingStart: Identity.t=?, + ~px: Identity.t=?, + ~py: Identity.t=?, + /** + Colors and BackgroundColor + @see + **/ + ~colorScheme: ColorScheme.t=?, + ~color: Identity.t=?, + ~backgroundColor: Identity.t=?, + ~opacity: Identity.t=?, + /** + Gradient + @see + **/ + ~bgGradient: Identity.t=?, + ~backgroundClip: Identity.t=?, + /** + Typography + @see + **/ + ~fontFamily: Identity.t=?, + ~fontSize: Identity.t=?, + ~fontWeight: Identity.t=?, + ~letterSpacing: Identity.t=?, + ~lineHeight: Identity.t=?, + ~textAlign: Identity.t=?, + ~fontStyle: Identity.t=?, + ~textTransform: Identity.t=?, + ~textDecoration: Identity.t=?, + /** + Layout Width and Height + @see + **/ + ~width: Identity.t=?, + ~maxWidth: Identity.t=?, + ~minWidth: Identity.t=?, + ~height: Identity.t=?, + ~maxHeight: Identity.t=?, + ~minHeight: Identity.t=?, + ~display: Identity.t=?, + ~boxSize: Identity.t=?, + ~verticalAlign: Identity.t=?, + ~overflow: Identity.t=?, + ~overflowY: Identity.t=?, + ~overflowX: Identity.t=?, + /** + Flexbox + @see + **/ + ~alignItems: Identity.t=?, + ~alignContent: Identity.t=?, + ~justifyItems: Identity.t=?, + ~justifyContent: Identity.t=?, + ~flexWrap: Identity.t=?, + ~flexDirection: Identity.t=?, + ~flex: Identity.t=?, + ~flexGrow: Identity.t=?, + ~flexShrink: Identity.t=?, + ~flexBasis: Identity.t=?, + ~justifySelf: Identity.t=?, + ~alignSelf: Identity.t=?, + ~order: Identity.t=?, + /** + Grid + @see + **/ + ~gridGap: Identity.t=?, + ~gridRowGap: Identity.t=?, + ~gridColumnGap: Identity.t=?, + ~gridColumn: Identity.t=?, + ~gridRow: Identity.t=?, + ~gridArea: Identity.t=?, + ~gridAutoFlow: Identity.t=?, + ~gridAutoRows: Identity.t=?, + ~gridAutoColumns: Identity.t=?, + ~gridTemplateRows: Identity.t=?, + ~gridTemplateColumns: Identity.t=?, + ~gridTemplateAreas: Identity.t=?, + /** + Background + @see + **/ + ~background: Identity.t=?, + ~backgroundImage: Identity.t=?, + ~backgroundSize: Identity.t=?, + ~backgroundPosition: Identity.t=?, + ~backgroundRepeat: Identity.t=?, + ~backgroundAttachment: Identity.t=?, + /** + Borders + @see + **/ + ~border: Identity.t=?, + ~borderWidth: Identity.t=?, + ~borderStyle: Identity.t=?, + ~borderColor: Identity.t=?, + ~borderTop: Identity.t=?, + ~borderTopWidth: Identity.t=?, + ~borderTopStyle: Identity.t=?, + ~borderTopColor: Identity.t=?, + ~borderRight: Identity.t=?, + ~borderEnd: Identity.t=?, + ~borderRightWidth: Identity.t=?, + ~borderEndWidth: Identity.t=?, + ~borderRightStyle: Identity.t=?, + ~borderEndStyle: Identity.t=?, + ~borderRightColor: Identity.t=?, + ~borderEndColor: Identity.t=?, + ~borderBottom: Identity.t=?, + ~borderBottomWidth: Identity.t=?, + ~borderBottomStyle: Identity.t=?, + ~borderBottomColor: Identity.t=?, + ~borderLeft: Identity.t=?, + ~borderStart: Identity.t=?, + ~borderLeftWidth: Identity.t=?, + ~borderStartWidth: Identity.t=?, + ~borderLeftStyle: Identity.t=?, + ~borderStartStyle: Identity.t=?, + ~borderLeftColor: Identity.t=?, + ~borderStartColor: Identity.t=?, + ~borderX: Identity.t=?, + ~borderY: Identity.t=?, + /** + Border Radius + @see + **/ + ~borderRadius: Identity.t=?, + ~borderTopLeftRadius: Identity.t=?, + ~borderTopStartRadius: Identity.t=?, + ~borderTopRightRadius: Identity.t=?, + ~borderTopEndRadius: Identity.t=?, + ~borderBottomRightRadius: Identity.t=?, + ~borderBottomEndRadius: Identity.t=?, + ~borderBottomLeftRadius: Identity.t=?, + ~borderBottomStartRadius: Identity.t=?, + ~borderTopRadius: Identity.t=?, + ~borderRightRadius: Identity.t=?, + ~borderEndRadius: Identity.t=?, + ~borderBottomRadius: Identity.t=?, + ~borderLeftRadius: Identity.t=?, + ~borderStartRadius: Identity.t=?, + /** + Position + @see + **/ + ~position: Identity.t=?, + ~zIndex: Identity.t=?, + ~top: Identity.t=?, + ~right: Identity.t=?, + ~bottom: Identity.t=?, + ~left: Identity.t=?, + /** + Shadow + @see + **/ + ~textShadow: Identity.t=?, + ~boxShadow: Identity.t=?, + /** + Pseudo + @see + **/ + @as("_hover") ~_hover: Pseudo.t=?, + @as("_active") ~_active: Pseudo.t=?, + @as("_focus") ~_focus: Pseudo.t=?, + @as("_highlighted") ~_highlighted: Pseudo.t=?, + @as("_focusWithin") ~_focusWithin: Pseudo.t=?, + @as("_focusVisible") ~_focusVisible: Pseudo.t=?, + @as("_disabled") ~_disabled: Pseudo.t=?, + @as("_readOnly") ~_readOnly: Pseudo.t=?, + @as("_before") ~_before: Pseudo.t=?, + @as("_after") ~_after: Pseudo.t=?, + @as("_empty") ~_empty: Pseudo.t=?, + @as("_expanded") ~_expanded: Pseudo.t=?, + @as("_checked") ~_checked: Pseudo.t=?, + @as("_grabbed") ~_grabbed: Pseudo.t=?, + @as("_pressed") ~_pressed: Pseudo.t=?, + @as("_invalid") ~_invalid: Pseudo.t=?, + @as("_valid") ~_valid: Pseudo.t=?, + @as("_loading") ~_loading: Pseudo.t=?, + @as("_selected") ~_selected: Pseudo.t=?, + @as("_hidden") ~_hidden: Pseudo.t=?, + @as("_autofill") ~_autofill: Pseudo.t=?, + @as("_even") ~_even: Pseudo.t=?, + @as("_odd") ~_odd: Pseudo.t=?, + @as("_first") ~_first: Pseudo.t=?, + @as("_last") ~_last: Pseudo.t=?, + @as("_notFirst") ~_notFirst: Pseudo.t=?, + @as("_notLast") ~_notLast: Pseudo.t=?, + @as("_visited") ~_visited: Pseudo.t=?, + @as("_activeLink") ~_activeLink: Pseudo.t=?, + @as("_activeStep") ~_activeStep: Pseudo.t=?, + @as("_indeterminate") ~_indeterminate: Pseudo.t=?, + @as("_groupHover") ~_groupHover: Pseudo.t=?, + @as("_groupFocus") ~_groupFocus: Pseudo.t=?, + @as("_groupActive") ~_groupActive: Pseudo.t=?, + @as("_groupDisabled") ~_groupDisabled: Pseudo.t=?, + @as("_groupInvalid") ~_groupInvalid: Pseudo.t=?, + @as("_groupChecked") ~_groupChecked: Pseudo.t=?, + @as("_placeholder") ~_placeholder: Pseudo.t=?, + @as("_fullScreen") ~_fullScreen: Pseudo.t=?, + @as("_selection") ~_selection: Pseudo.t=?, + /** + TODO + Other Props + partial implemented + @see + ~animation=?, + ~appearance=?, + ~transform=?, + ~transformOrigin=?, + ~visibility=?, + ~whiteSpace=?, + ~userSelect=?, + ~pointerEvents=?, + ~wordBreak=?, + ~overflowWrap=?, + ~textOverflow=?, + ~boxSizing=?, + ~cursor=?, + ~resize=?, + ~transition=?, + ~objectFit=?, + ~objectPosition=?, + ~objectPosition=?, + ~float_=?, + ~fill=?, + ~stroke=?, + ~outline=?, + **/ + ~fill: Identity.t=?, + ~stroke: Identity.t=?, + /** + ReactEvent Clipboard + @see + **/ + ~onCopy: ReactEvent.Clipboard.t => unit=?, + ~onCut: ReactEvent.Clipboard.t => unit=?, + ~onPaste: ReactEvent.Clipboard.t => unit=?, + /** + ReactEvent Composition + @see + **/ + ~onCompositionEnd: ReactEvent.Composition.t => unit=?, + ~onCompositionStart: ReactEvent.Composition.t => unit=?, + ~onCompositionUpdate: ReactEvent.Composition.t => unit=?, + /** + ReactEvent Keyboard + @see + **/ + ~onKeyDown: ReactEvent.Keyboard.t => unit=?, + ~onKeyPress: ReactEvent.Keyboard.t => unit=?, + ~onKeyUp: ReactEvent.Keyboard.t => unit=? /** + ReactEvent Focus + @see + **/, + ~onFocus: ReactEvent.Focus.t => unit=?, + ~onBlur: ReactEvent.Focus.t => unit=?, + /** + ReactEvent Form + @see + **/ + ~onChange: ReactEvent.Form.t => unit=?, + ~onInput: ReactEvent.Form.t => unit=?, + ~onInvalid: ReactEvent.Form.t => unit=?, + ~onReset: ReactEvent.Form.t => unit=?, + ~onSubmit: ReactEvent.Form.t => unit=?, + /** + ReactEvent Generic Events + @see + ISSUE: Not Implemented in @rescript/react for ReactEvent.Generic; + ~onError: ReactEvent.Generic.t => unit=?, + ~onLoad: ReactEvent.Generic.t => unit=?, + **/ + /** + ReactEvent Mouse + @see + **/ + ~onClick: ReactEvent.Mouse.t => unit=?, + ~onContextMenu: ReactEvent.Mouse.t => unit=?, + ~onDoubleClick: ReactEvent.Mouse.t => unit=?, + ~onDrag: ReactEvent.Mouse.t => unit=?, + ~onDragEnd: ReactEvent.Mouse.t => unit=?, + ~onDragEnter: ReactEvent.Mouse.t => unit=?, + ~onDragExit: ReactEvent.Mouse.t => unit=?, + ~onDragLeave: ReactEvent.Mouse.t => unit=?, + ~onDragOver: ReactEvent.Mouse.t => unit=?, + ~onDragStart: ReactEvent.Mouse.t => unit=?, + ~onDrop: ReactEvent.Mouse.t => unit=?, + ~onMouseDown: ReactEvent.Mouse.t => unit=?, + ~onMouseEnter: ReactEvent.Mouse.t => unit=?, + ~onMouseLeave: ReactEvent.Mouse.t => unit=?, + ~onMouseMove: ReactEvent.Mouse.t => unit=?, + ~onMouseOut: ReactEvent.Mouse.t => unit=?, + ~onMouseOver: ReactEvent.Mouse.t => unit=?, + ~onMouseUp: ReactEvent.Mouse.t => unit=?, + /** + ReactEvent Pointer + @see + **/ + ~onPointerDown: ReactEvent.Pointer.t => unit=?, + ~onPointerMove: ReactEvent.Pointer.t => unit=?, + ~onPointerUp: ReactEvent.Pointer.t => unit=?, + ~onPointerCancel: ReactEvent.Pointer.t => unit=?, + ~onGotPointerCapture: ReactEvent.Pointer.t => unit=?, + ~onLostPointerCapture: ReactEvent.Pointer.t => unit=?, + ~onPointerEnter: ReactEvent.Pointer.t => unit=?, + ~onPointerLeave: ReactEvent.Pointer.t => unit=?, + ~onPointerOver: ReactEvent.Pointer.t => unit=?, + ~onPointerOut: ReactEvent.Pointer.t => unit=?, + /** + ReactEvent Selection + @see + **/ + ~onSelect: ReactEvent.Selection.t => unit=?, + /** + ReactEvent Touch + @see + **/ + ~onTouchCancel: ReactEvent.Touch.t => unit=?, + ~onTouchEnd: ReactEvent.Touch.t => unit=?, + ~onTouchMove: ReactEvent.Touch.t => unit=?, + ~onTouchStart: ReactEvent.Touch.t => unit=?, + /** + ReactEvent UI Events + @see + **/ + ~onScroll: ReactEvent.UI.t => unit=?, + /** + ReactEvent Wheel + @see + **/ + ~onWheel: ReactEvent.Wheel.t => unit=?, + /** + ReactEvent Media + @see + **/ + ~onAbort: ReactEvent.Media.t => unit=?, + ~onCanPlay: ReactEvent.Media.t => unit=?, + ~onCanPlayThrough: ReactEvent.Media.t => unit=?, + ~onDurationChange: ReactEvent.Media.t => unit=?, + ~onEmptied: ReactEvent.Media.t => unit=?, + ~onEncrypted: ReactEvent.Media.t => unit=?, + ~onEnded: ReactEvent.Media.t => unit=?, + // ~onError: ReactEvent.Media.t => unit=?, + ~onLoadedData: ReactEvent.Media.t => unit=?, + ~onLoadedMetadata: ReactEvent.Media.t => unit=?, + ~onLoadStart: ReactEvent.Media.t => unit=?, + ~onPause: ReactEvent.Media.t => unit=?, + ~onPlay: ReactEvent.Media.t => unit=?, + ~onPlaying: ReactEvent.Media.t => unit=?, + ~onProgress: ReactEvent.Media.t => unit=?, + ~onRateChange: ReactEvent.Media.t => unit=?, + ~onSeeked: ReactEvent.Media.t => unit=?, + ~onSeeking: ReactEvent.Media.t => unit=?, + ~onStalled: ReactEvent.Media.t => unit=?, + ~onSuspend: ReactEvent.Media.t => unit=?, + ~onTimeUpdate: ReactEvent.Media.t => unit=?, + ~onVolumeChange: ReactEvent.Media.t => unit=?, + ~onWaiting: ReactEvent.Media.t => unit=?, + ~onLoad: ReactEvent.Synthetic.t => unit=?, + ~onError: ReactEvent.Synthetic.t => unit=?, + /** + ReactEvent Other + @see + ~onToggle + **/ + /** + ReactEvent Animation + @see + **/ + ~onAnimationStart: ReactEvent.Animation.t => unit=?, + ~onAnimationEnd: ReactEvent.Animation.t => unit=?, + ~onAnimationIteration: ReactEvent.Animation.t => unit=?, +) => React.element = "Skeleton" + +let makeProps = ( + /** + Component Props {Skeleton} + **/ + ~endColor=?, + ~startColor=?, + /** + Margin and Padding + **/ + ~m=?, + ~margin=?, + ~mt=?, + ~marginTop=?, + ~mr=?, + ~marginRight=?, + ~me=?, + ~marginEnd=?, + ~mb=?, + ~marginBottom=?, + ~ml=?, + ~marginLeft=?, + ~ms=?, + ~marginStart=?, + ~mx=?, + ~my=?, + ~p=?, + ~padding=?, + ~pt=?, + ~paddingTop=?, + ~pr=?, + ~paddingRight=?, + ~pe=?, + ~paddingEnd=?, + ~pb=?, + ~paddingBottom=?, + ~pl=?, + ~paddingLeft=?, + ~ps=?, + ~paddingStart=?, + ~px=?, + ~py=?, + /** + Colors and BackgroundColor + **/ + ~color=?, + ~backgroundColor=?, + ~bgColor=?, + ~opacity=?, + /** + Gradient + **/ + ~bgGradient=?, + ~backgroundClip=?, + ~bgClip=?, + /** + Typography + **/ + ~fontFamily=?, + ~fontSize=?, + ~fontWeight=?, + ~letterSpacing=?, + ~lineHeight=?, + ~textAlign=?, + ~fontStyle=?, + ~textTransform=?, + ~textDecoration=?, + /** + Layout Width and Height + **/ + ~d=?, + ~display=?, + ~w=?, + ~width=?, + ~maxW=?, + ~maxWidth=?, + ~minW=?, + ~minWidth=?, + ~h=?, + ~height=?, + ~maxH=?, + ~maxHeight=?, + ~minH=?, + ~minHeight=?, + ~boxSize=?, + ~verticalAlign=?, + ~overflow=?, + ~overflowX=?, + ~overflowY=?, + /** + Flexbox + **/ + ~alignItems=?, + ~alignContent=?, + ~justifyItems=?, + ~justifyContent=?, + ~flexWrap=?, + ~flexDirection=?, + ~flexDir=?, + ~flex=?, + ~flexGrow=?, + ~flexShrink=?, + ~flexBasis=?, + ~justifySelf=?, + ~alignSelf=?, + ~order=?, + /** + Grid + **/ + ~gridGap=?, + ~gridRowGap=?, + ~gridColumnGap=?, + ~gridColumn=?, + ~gridRow=?, + ~gridArea=?, + ~gridAutoFlow=?, + ~gridAutoRows=?, + ~gridAutoColumns=?, + ~gridTemplateRows=?, + ~gridTemplateColumns=?, + ~gridTemplateAreas=?, + /** + Background + **/ + ~bg=?, + ~background=?, + ~bgImage=?, + ~backgroundImage=?, + ~bgSize=?, + ~backgroundSize=?, + ~bgPosition=?, + ~backgroundPosition=?, + ~bgRepeat=?, + ~backgroundRepeat=?, + ~bgAttachment=?, + ~backgroundAttachment=?, + /** + Borders + **/ + ~border=?, + ~borderWidth=?, + ~borderStyle=?, + ~borderColor=?, + ~borderTop=?, + ~borderTopWidth=?, + ~borderTopStyle=?, + ~borderTopColor=?, + ~borderRight=?, + ~borderEnd=?, + ~borderRightWidth=?, + ~borderEndWidth=?, + ~borderRightStyle=?, + ~borderEndStyle=?, + ~borderRightColor=?, + ~borderEndColor=?, + ~borderBottom=?, + ~borderBottomWidth=?, + ~borderBottomStyle=?, + ~borderBottomColor=?, + ~borderLeft=?, + ~borderStart=?, + ~borderLeftWidth=?, + ~borderStartWidth=?, + ~borderLeftStyle=?, + ~borderStartStyle=?, + ~borderLeftColor=?, + ~borderStartColor=?, + ~borderX=?, + ~borderY=?, + /** + Border Radius + **/ + ~borderRadius=?, + ~borderTopLeftRadius=?, + ~borderTopStartRadius=?, + ~borderTopRightRadius=?, + ~borderTopEndRadius=?, + ~borderBottomRightRadius=?, + ~borderBottomEndRadius=?, + ~borderBottomLeftRadius=?, + ~borderBottomStartRadius=?, + ~borderTopRadius=?, + ~borderRightRadius=?, + ~borderEndRadius=?, + ~borderBottomRadius=?, + ~borderLeftRadius=?, + ~borderStartRadius=?, + /** + Position + **/ + ~pos=?, + ~position=?, + ~zIndex=?, + ~top=?, + ~right=?, + ~bottom=?, + ~left=?, + /** + Shadow + **/ + ~textShadow=?, + ~boxShadow=?, + /** + TODO + Other Props + **/ + ~fill=?, + ~stroke=?, +) => + makeProps( + /** + Component Props {Skeleton} + **/ + ~endColor=?endColor->Belt.Option.map(Chakra__AtomicTypes.Colors.toString), + ~startColor=?startColor->Belt.Option.map(Chakra__AtomicTypes.Colors.toString), + /** + Margin and Padding + **/ + ~margin=?m->withShorthand(margin)->Margin.fromOption, + ~marginTop=?mt->withShorthand(marginTop)->Margin.fromOption, + ~marginRight=?mr->withShorthand(marginRight)->Margin.fromOption, + ~marginEnd=?me->withShorthand(marginEnd)->Margin.fromOption, + ~marginBottom=?mb->withShorthand(marginBottom)->Margin.fromOption, + ~marginLeft=?ml->withShorthand(marginLeft)->Margin.fromOption, + ~marginStart=?ms->withShorthand(marginStart)->Margin.fromOption, + ~mx=?mx->Margin.fromOption, + ~my=?my->Margin.fromOption, + ~padding=?p->withShorthand(padding)->Padding.fromOption, + ~paddingTop=?pt->withShorthand(paddingTop)->Padding.fromOption, + ~paddingRight=?pr->withShorthand(paddingRight)->Padding.fromOption, + ~paddingEnd=?pe->withShorthand(paddingEnd)->Padding.fromOption, + ~paddingBottom=?pb->withShorthand(paddingBottom)->Padding.fromOption, + ~paddingLeft=?pl->withShorthand(paddingLeft)->Padding.fromOption, + ~paddingStart=?ps->withShorthand(paddingStart)->Padding.fromOption, + ~px=?px->Padding.fromOption, + ~py=?py->Padding.fromOption, + /** + Colors and Background Color + **/ + ~color=?color->Color.fromOption, + ~backgroundColor=?bgColor->withShorthand(backgroundColor)->BackgroundColor.fromOption, + ~opacity=?opacity->Opacity.fromOption, + /** + Gradient + **/ + ~bgGradient=?bgGradient->Gradient.fromOption, + ~backgroundClip=?bgClip->withShorthand(backgroundClip)->BackgroundClip.fromOption, + /** + Typography + **/ + ~fontFamily=?fontFamily->FontFamily.fromOption, + ~fontSize=?fontSize->FontSize.fromOption, + ~fontWeight=?fontWeight->FontWeight.fromOption, + ~letterSpacing=?letterSpacing->LetterSpacing.fromOption, + ~lineHeight=?lineHeight->LineHeight.fromOption, + ~textAlign=?textAlign->TextAlign.fromOption, + ~fontStyle=?fontStyle->FontStyle.fromOption, + ~textTransform=?textTransform->TextTransform.fromOption, + ~textDecoration=?textDecoration->TextDecoration.fromOption, + /** + Layout Width and Height + **/ + ~display=?d->withShorthand(display)->Display.fromOption, + ~height=?h->withShorthand(height)->Height.fromOption, + ~minHeight=?minH->withShorthand(minHeight)->Height.fromOption, + ~maxHeight=?maxH->withShorthand(maxHeight)->MaxHeight.fromOption, + ~width=?w->withShorthand(width)->Width.fromOption, + ~minWidth=?minW->withShorthand(minWidth)->Width.fromOption, + ~maxWidth=?maxW->withShorthand(maxWidth)->MaxWidth.fromOption, + ~boxSize=?boxSize->BoxSize.fromOption, + ~verticalAlign=?verticalAlign->VerticalAlign.fromOption, + ~overflow=?overflow->Overflow.fromOption, + ~overflowY=?overflowY->Overflow.fromOption, + ~overflowX=?overflowX->Overflow.fromOption, + /** + Flexbox + **/ + ~alignItems=?alignItems->AlignItems.fromOption, + ~alignContent=?alignContent->AlignContent.fromOption, + ~justifyItems=?justifyItems->JustifyItems.fromOption, + ~justifyContent=?justifyContent->JustifyContent.fromOption, + ~flexWrap=?flexWrap->FlexWrap.fromOption, + ~flexDirection=?flexDir->withShorthand(flexDirection)->FlexDirection.fromOption, + ~flex=?flex->Flex.fromOption, + ~flexGrow=?flexGrow->FlexGrow.fromOption, + ~flexShrink=?flexShrink->FlexShrink.fromOption, + ~flexBasis=?flexBasis->FlexBasis.fromOption, + ~justifySelf=?justifySelf->JustifySelf.fromOption, + ~alignSelf=?alignSelf->AlignSelf.fromOption, + ~order=?order->Order.fromOption, + /** + Grid + **/ + ~gridGap=?gridGap->GridGap.fromOption, + ~gridRowGap=?gridRowGap->GridRowGap.fromOption, + ~gridColumnGap=?gridColumnGap->GridColumnGap.fromOption, + ~gridColumn=?gridColumn->GridColumn.fromOption, + ~gridRow=?gridRow->GridRow.fromOption, + ~gridArea=?gridArea->GridArea.fromOption, + ~gridAutoFlow=?gridAutoFlow->GridAutoFlow.fromOption, + ~gridAutoRows=?gridAutoRows->GridAutoRows.fromOption, + ~gridAutoColumns=?gridAutoColumns->GridAutoColumns.fromOption, + ~gridTemplateRows=?gridTemplateRows->GridTemplateRows.fromOption, + ~gridTemplateColumns=?gridTemplateColumns->GridTemplateColumns.fromOption, + ~gridTemplateAreas=?gridTemplateAreas->GridTemplateAreas.fromOption, + /** + Background + **/ + ~background=?bg->withShorthand(background)->Background.fromOption, + ~backgroundImage=?bgImage->withShorthand(backgroundImage)->BackgroundImage.fromOption, + ~backgroundSize=?bgSize->withShorthand(backgroundSize)->BackgroundSize.fromOption, + ~backgroundPosition=?bgPosition + ->withShorthand(backgroundPosition) + ->BackgroundPosition.fromOption, + ~backgroundRepeat=?bgRepeat->withShorthand(backgroundRepeat)->BackgroundRepeat.fromOption, + ~backgroundAttachment=?bgAttachment + ->withShorthand(backgroundAttachment) + ->BackgroundAttachment.fromOption, + /** + Borders + **/ + ~border=?border->Border.fromOption, + ~borderWidth=?borderWidth->BorderWidth.fromOption, + ~borderStyle=?borderStyle->BorderStyle.fromOption, + ~borderColor=?borderColor->BorderColor.fromOption, + ~borderTop=?borderTop->Border.fromOption, + ~borderTopWidth=?borderTopWidth->BorderWidth.fromOption, + ~borderTopStyle=?borderTopStyle->BorderStyle.fromOption, + ~borderTopColor=?borderTopColor->BorderColor.fromOption, + ~borderRight=?borderRight->Border.fromOption, + ~borderEnd=?borderEnd->Border.fromOption, + ~borderRightWidth=?borderRightWidth->BorderWidth.fromOption, + ~borderEndWidth=?borderEndWidth->BorderWidth.fromOption, + ~borderRightStyle=?borderRightStyle->BorderStyle.fromOption, + ~borderEndStyle=?borderEndStyle->BorderStyle.fromOption, + ~borderRightColor=?borderRightColor->BorderColor.fromOption, + ~borderEndColor=?borderEndColor->BorderColor.fromOption, + ~borderBottom=?borderBottom->Border.fromOption, + ~borderBottomWidth=?borderBottomWidth->BorderWidth.fromOption, + ~borderBottomStyle=?borderBottomStyle->BorderStyle.fromOption, + ~borderBottomColor=?borderBottomColor->BorderColor.fromOption, + ~borderLeft=?borderLeft->Border.fromOption, + ~borderStart=?borderStart->Border.fromOption, + ~borderLeftWidth=?borderLeftWidth->BorderWidth.fromOption, + ~borderStartWidth=?borderStartWidth->BorderWidth.fromOption, + ~borderLeftStyle=?borderLeftStyle->BorderStyle.fromOption, + ~borderStartStyle=?borderStartStyle->BorderStyle.fromOption, + ~borderLeftColor=?borderLeftColor->BorderColor.fromOption, + ~borderStartColor=?borderStartColor->BorderColor.fromOption, + ~borderX=?borderX->Border.fromOption, + ~borderY=?borderY->Border.fromOption, + /** + Border Radius + **/ + ~borderRadius=?borderRadius->BorderRadius.fromOption, + ~borderTopLeftRadius=?borderTopLeftRadius->BorderRadius.fromOption, + ~borderTopStartRadius=?borderTopStartRadius->BorderRadius.fromOption, + ~borderTopRightRadius=?borderTopRightRadius->BorderRadius.fromOption, + ~borderTopEndRadius=?borderTopEndRadius->BorderRadius.fromOption, + ~borderBottomRightRadius=?borderBottomRightRadius->BorderRadius.fromOption, + ~borderBottomEndRadius=?borderBottomEndRadius->BorderRadius.fromOption, + ~borderBottomLeftRadius=?borderBottomLeftRadius->BorderRadius.fromOption, + ~borderBottomStartRadius=?borderBottomStartRadius->BorderRadius.fromOption, + ~borderTopRadius=?borderTopRadius->BorderRadius.fromOption, + ~borderRightRadius=?borderRightRadius->BorderRadius.fromOption, + ~borderEndRadius=?borderEndRadius->BorderRadius.fromOption, + ~borderBottomRadius=?borderBottomRadius->BorderRadius.fromOption, + ~borderLeftRadius=?borderLeftRadius->BorderRadius.fromOption, + ~borderStartRadius=?borderStartRadius->BorderRadius.fromOption, + /** + Position + **/ + ~position=?pos->withShorthand(position)->Position.fromOption, + ~zIndex=?zIndex->ZIndex.fromOption, + ~top=?top->Top.fromOption, + ~right=?right->Right.fromOption, + ~bottom=?bottom->Bottom.fromOption, + ~left=?left->Left.fromOption, + /** + Shadow + **/ + ~textShadow=?textShadow->TextShadow.fromOption, + ~boxShadow=?boxShadow->BoxShadow.fromOption, + /** + TODO + Other Props + **/ + ~fill=?fill->Color.fromOption, + ~stroke=?stroke->Color.fromOption, + ) diff --git a/src/Components/Chakra__SkeletonCircle.res b/src/Components/Chakra__SkeletonCircle.res new file mode 100644 index 0000000..d561c95 --- /dev/null +++ b/src/Components/Chakra__SkeletonCircle.res @@ -0,0 +1,799 @@ +open Chakra__MakeProps + +@react.component @module("@chakra-ui/react") +external make: ( + ~children: React.element=?, + /** + Component Props {SkeletonCircle} + **/ + ~_as: string=?, + ~isTruncated: bool=?, + ~endColor: string=?, + ~startColor: string=?, + ~fadeDuration: float=?, + ~speed: float=?, + ~isLoaded: bool=?, + /** + Margin and Padding + @see + **/ + ~margin: Identity.t=?, + ~marginTop: Identity.t=?, + ~marginRight: Identity.t=?, + ~marginEnd: Identity.t=?, + ~marginBottom: Identity.t=?, + ~marginLeft: Identity.t=?, + ~marginStart: Identity.t=?, + ~mx: Identity.t=?, + ~my: Identity.t=?, + ~padding: Identity.t=?, + ~paddingTop: Identity.t=?, + ~paddingRight: Identity.t=?, + ~paddingEnd: Identity.t=?, + ~paddingBottom: Identity.t=?, + ~paddingLeft: Identity.t=?, + ~paddingStart: Identity.t=?, + ~px: Identity.t=?, + ~py: Identity.t=?, + /** + Colors and BackgroundColor + @see + **/ + ~colorScheme: ColorScheme.t=?, + ~color: Identity.t=?, + ~backgroundColor: Identity.t=?, + ~opacity: Identity.t=?, + /** + Gradient + @see + **/ + ~bgGradient: Identity.t=?, + ~backgroundClip: Identity.t=?, + /** + Typography + @see + **/ + ~fontFamily: Identity.t=?, + ~fontSize: Identity.t=?, + ~fontWeight: Identity.t=?, + ~letterSpacing: Identity.t=?, + ~lineHeight: Identity.t=?, + ~textAlign: Identity.t=?, + ~fontStyle: Identity.t=?, + ~textTransform: Identity.t=?, + ~textDecoration: Identity.t=?, + /** + Layout Width and Height + @see + **/ + ~width: Identity.t=?, + ~maxWidth: Identity.t=?, + ~minWidth: Identity.t=?, + ~height: Identity.t=?, + ~maxHeight: Identity.t=?, + ~minHeight: Identity.t=?, + ~display: Identity.t=?, + ~boxSize: Identity.t=?, + ~verticalAlign: Identity.t=?, + ~overflow: Identity.t=?, + ~overflowY: Identity.t=?, + ~overflowX: Identity.t=?, + /** + Flexbox + @see + **/ + ~alignItems: Identity.t=?, + ~alignContent: Identity.t=?, + ~justifyItems: Identity.t=?, + ~justifyContent: Identity.t=?, + ~flexWrap: Identity.t=?, + ~flexDirection: Identity.t=?, + ~flex: Identity.t=?, + ~flexGrow: Identity.t=?, + ~flexShrink: Identity.t=?, + ~flexBasis: Identity.t=?, + ~justifySelf: Identity.t=?, + ~alignSelf: Identity.t=?, + ~order: Identity.t=?, + /** + Grid + @see + **/ + ~gridGap: Identity.t=?, + ~gridRowGap: Identity.t=?, + ~gridColumnGap: Identity.t=?, + ~gridColumn: Identity.t=?, + ~gridRow: Identity.t=?, + ~gridArea: Identity.t=?, + ~gridAutoFlow: Identity.t=?, + ~gridAutoRows: Identity.t=?, + ~gridAutoColumns: Identity.t=?, + ~gridTemplateRows: Identity.t=?, + ~gridTemplateColumns: Identity.t=?, + ~gridTemplateAreas: Identity.t=?, + /** + Background + @see + **/ + ~background: Identity.t=?, + ~backgroundImage: Identity.t=?, + ~backgroundSize: Identity.t=?, + ~backgroundPosition: Identity.t=?, + ~backgroundRepeat: Identity.t=?, + ~backgroundAttachment: Identity.t=?, + /** + Borders + @see + **/ + ~border: Identity.t=?, + ~borderWidth: Identity.t=?, + ~borderStyle: Identity.t=?, + ~borderColor: Identity.t=?, + ~borderTop: Identity.t=?, + ~borderTopWidth: Identity.t=?, + ~borderTopStyle: Identity.t=?, + ~borderTopColor: Identity.t=?, + ~borderRight: Identity.t=?, + ~borderEnd: Identity.t=?, + ~borderRightWidth: Identity.t=?, + ~borderEndWidth: Identity.t=?, + ~borderRightStyle: Identity.t=?, + ~borderEndStyle: Identity.t=?, + ~borderRightColor: Identity.t=?, + ~borderEndColor: Identity.t=?, + ~borderBottom: Identity.t=?, + ~borderBottomWidth: Identity.t=?, + ~borderBottomStyle: Identity.t=?, + ~borderBottomColor: Identity.t=?, + ~borderLeft: Identity.t=?, + ~borderStart: Identity.t=?, + ~borderLeftWidth: Identity.t=?, + ~borderStartWidth: Identity.t=?, + ~borderLeftStyle: Identity.t=?, + ~borderStartStyle: Identity.t=?, + ~borderLeftColor: Identity.t=?, + ~borderStartColor: Identity.t=?, + ~borderX: Identity.t=?, + ~borderY: Identity.t=?, + /** + Border Radius + @see + **/ + ~borderRadius: Identity.t=?, + ~borderTopLeftRadius: Identity.t=?, + ~borderTopStartRadius: Identity.t=?, + ~borderTopRightRadius: Identity.t=?, + ~borderTopEndRadius: Identity.t=?, + ~borderBottomRightRadius: Identity.t=?, + ~borderBottomEndRadius: Identity.t=?, + ~borderBottomLeftRadius: Identity.t=?, + ~borderBottomStartRadius: Identity.t=?, + ~borderTopRadius: Identity.t=?, + ~borderRightRadius: Identity.t=?, + ~borderEndRadius: Identity.t=?, + ~borderBottomRadius: Identity.t=?, + ~borderLeftRadius: Identity.t=?, + ~borderStartRadius: Identity.t=?, + /** + Position + @see + **/ + ~position: Identity.t=?, + ~zIndex: Identity.t=?, + ~top: Identity.t=?, + ~right: Identity.t=?, + ~bottom: Identity.t=?, + ~left: Identity.t=?, + /** + Shadow + @see + **/ + ~textShadow: Identity.t=?, + ~boxShadow: Identity.t=?, + /** + Pseudo + @see + **/ + @as("_hover") ~_hover: Pseudo.t=?, + @as("_active") ~_active: Pseudo.t=?, + @as("_focus") ~_focus: Pseudo.t=?, + @as("_highlighted") ~_highlighted: Pseudo.t=?, + @as("_focusWithin") ~_focusWithin: Pseudo.t=?, + @as("_focusVisible") ~_focusVisible: Pseudo.t=?, + @as("_disabled") ~_disabled: Pseudo.t=?, + @as("_readOnly") ~_readOnly: Pseudo.t=?, + @as("_before") ~_before: Pseudo.t=?, + @as("_after") ~_after: Pseudo.t=?, + @as("_empty") ~_empty: Pseudo.t=?, + @as("_expanded") ~_expanded: Pseudo.t=?, + @as("_checked") ~_checked: Pseudo.t=?, + @as("_grabbed") ~_grabbed: Pseudo.t=?, + @as("_pressed") ~_pressed: Pseudo.t=?, + @as("_invalid") ~_invalid: Pseudo.t=?, + @as("_valid") ~_valid: Pseudo.t=?, + @as("_loading") ~_loading: Pseudo.t=?, + @as("_selected") ~_selected: Pseudo.t=?, + @as("_hidden") ~_hidden: Pseudo.t=?, + @as("_autofill") ~_autofill: Pseudo.t=?, + @as("_even") ~_even: Pseudo.t=?, + @as("_odd") ~_odd: Pseudo.t=?, + @as("_first") ~_first: Pseudo.t=?, + @as("_last") ~_last: Pseudo.t=?, + @as("_notFirst") ~_notFirst: Pseudo.t=?, + @as("_notLast") ~_notLast: Pseudo.t=?, + @as("_visited") ~_visited: Pseudo.t=?, + @as("_activeLink") ~_activeLink: Pseudo.t=?, + @as("_activeStep") ~_activeStep: Pseudo.t=?, + @as("_indeterminate") ~_indeterminate: Pseudo.t=?, + @as("_groupHover") ~_groupHover: Pseudo.t=?, + @as("_groupFocus") ~_groupFocus: Pseudo.t=?, + @as("_groupActive") ~_groupActive: Pseudo.t=?, + @as("_groupDisabled") ~_groupDisabled: Pseudo.t=?, + @as("_groupInvalid") ~_groupInvalid: Pseudo.t=?, + @as("_groupChecked") ~_groupChecked: Pseudo.t=?, + @as("_placeholder") ~_placeholder: Pseudo.t=?, + @as("_fullScreen") ~_fullScreen: Pseudo.t=?, + @as("_selection") ~_selection: Pseudo.t=?, + /** + TODO + Other Props + partial implemented + @see + ~animation=?, + ~appearance=?, + ~transform=?, + ~transformOrigin=?, + ~visibility=?, + ~whiteSpace=?, + ~userSelect=?, + ~pointerEvents=?, + ~wordBreak=?, + ~overflowWrap=?, + ~textOverflow=?, + ~boxSizing=?, + ~cursor=?, + ~resize=?, + ~transition=?, + ~objectFit=?, + ~objectPosition=?, + ~objectPosition=?, + ~float_=?, + ~fill=?, + ~stroke=?, + ~outline=?, + **/ + ~fill: Identity.t=?, + ~stroke: Identity.t=?, + /** + ReactEvent Clipboard + @see + **/ + ~onCopy: ReactEvent.Clipboard.t => unit=?, + ~onCut: ReactEvent.Clipboard.t => unit=?, + ~onPaste: ReactEvent.Clipboard.t => unit=?, + /** + ReactEvent Composition + @see + **/ + ~onCompositionEnd: ReactEvent.Composition.t => unit=?, + ~onCompositionStart: ReactEvent.Composition.t => unit=?, + ~onCompositionUpdate: ReactEvent.Composition.t => unit=?, + /** + ReactEvent Keyboard + @see + **/ + ~onKeyDown: ReactEvent.Keyboard.t => unit=?, + ~onKeyPress: ReactEvent.Keyboard.t => unit=?, + ~onKeyUp: ReactEvent.Keyboard.t => unit=? /** + ReactEvent Focus + @see + **/, + ~onFocus: ReactEvent.Focus.t => unit=?, + ~onBlur: ReactEvent.Focus.t => unit=?, + /** + ReactEvent Form + @see + **/ + ~onChange: ReactEvent.Form.t => unit=?, + ~onInput: ReactEvent.Form.t => unit=?, + ~onInvalid: ReactEvent.Form.t => unit=?, + ~onReset: ReactEvent.Form.t => unit=?, + ~onSubmit: ReactEvent.Form.t => unit=?, + /** + ReactEvent Generic Events + @see + ISSUE: Not Implemented in @rescript/react for ReactEvent.Generic; + ~onError: ReactEvent.Generic.t => unit=?, + ~onLoad: ReactEvent.Generic.t => unit=?, + **/ + /** + ReactEvent Mouse + @see + **/ + ~onClick: ReactEvent.Mouse.t => unit=?, + ~onContextMenu: ReactEvent.Mouse.t => unit=?, + ~onDoubleClick: ReactEvent.Mouse.t => unit=?, + ~onDrag: ReactEvent.Mouse.t => unit=?, + ~onDragEnd: ReactEvent.Mouse.t => unit=?, + ~onDragEnter: ReactEvent.Mouse.t => unit=?, + ~onDragExit: ReactEvent.Mouse.t => unit=?, + ~onDragLeave: ReactEvent.Mouse.t => unit=?, + ~onDragOver: ReactEvent.Mouse.t => unit=?, + ~onDragStart: ReactEvent.Mouse.t => unit=?, + ~onDrop: ReactEvent.Mouse.t => unit=?, + ~onMouseDown: ReactEvent.Mouse.t => unit=?, + ~onMouseEnter: ReactEvent.Mouse.t => unit=?, + ~onMouseLeave: ReactEvent.Mouse.t => unit=?, + ~onMouseMove: ReactEvent.Mouse.t => unit=?, + ~onMouseOut: ReactEvent.Mouse.t => unit=?, + ~onMouseOver: ReactEvent.Mouse.t => unit=?, + ~onMouseUp: ReactEvent.Mouse.t => unit=?, + /** + ReactEvent Pointer + @see + **/ + ~onPointerDown: ReactEvent.Pointer.t => unit=?, + ~onPointerMove: ReactEvent.Pointer.t => unit=?, + ~onPointerUp: ReactEvent.Pointer.t => unit=?, + ~onPointerCancel: ReactEvent.Pointer.t => unit=?, + ~onGotPointerCapture: ReactEvent.Pointer.t => unit=?, + ~onLostPointerCapture: ReactEvent.Pointer.t => unit=?, + ~onPointerEnter: ReactEvent.Pointer.t => unit=?, + ~onPointerLeave: ReactEvent.Pointer.t => unit=?, + ~onPointerOver: ReactEvent.Pointer.t => unit=?, + ~onPointerOut: ReactEvent.Pointer.t => unit=?, + /** + ReactEvent Selection + @see + **/ + ~onSelect: ReactEvent.Selection.t => unit=?, + /** + ReactEvent Touch + @see + **/ + ~onTouchCancel: ReactEvent.Touch.t => unit=?, + ~onTouchEnd: ReactEvent.Touch.t => unit=?, + ~onTouchMove: ReactEvent.Touch.t => unit=?, + ~onTouchStart: ReactEvent.Touch.t => unit=?, + /** + ReactEvent UI Events + @see + **/ + ~onScroll: ReactEvent.UI.t => unit=?, + /** + ReactEvent Wheel + @see + **/ + ~onWheel: ReactEvent.Wheel.t => unit=?, + /** + ReactEvent Media + @see + **/ + ~onAbort: ReactEvent.Media.t => unit=?, + ~onCanPlay: ReactEvent.Media.t => unit=?, + ~onCanPlayThrough: ReactEvent.Media.t => unit=?, + ~onDurationChange: ReactEvent.Media.t => unit=?, + ~onEmptied: ReactEvent.Media.t => unit=?, + ~onEncrypted: ReactEvent.Media.t => unit=?, + ~onEnded: ReactEvent.Media.t => unit=?, + // ~onError: ReactEvent.Media.t => unit=?, + ~onLoadedData: ReactEvent.Media.t => unit=?, + ~onLoadedMetadata: ReactEvent.Media.t => unit=?, + ~onLoadStart: ReactEvent.Media.t => unit=?, + ~onPause: ReactEvent.Media.t => unit=?, + ~onPlay: ReactEvent.Media.t => unit=?, + ~onPlaying: ReactEvent.Media.t => unit=?, + ~onProgress: ReactEvent.Media.t => unit=?, + ~onRateChange: ReactEvent.Media.t => unit=?, + ~onSeeked: ReactEvent.Media.t => unit=?, + ~onSeeking: ReactEvent.Media.t => unit=?, + ~onStalled: ReactEvent.Media.t => unit=?, + ~onSuspend: ReactEvent.Media.t => unit=?, + ~onTimeUpdate: ReactEvent.Media.t => unit=?, + ~onVolumeChange: ReactEvent.Media.t => unit=?, + ~onWaiting: ReactEvent.Media.t => unit=?, + ~onLoad: ReactEvent.Synthetic.t => unit=?, + ~onError: ReactEvent.Synthetic.t => unit=?, + /** + ReactEvent Other + @see + ~onToggle + **/ + /** + ReactEvent Animation + @see + **/ + ~onAnimationStart: ReactEvent.Animation.t => unit=?, + ~onAnimationEnd: ReactEvent.Animation.t => unit=?, + ~onAnimationIteration: ReactEvent.Animation.t => unit=?, +) => React.element = "SkeletonCircle" + +let makeProps = ( + /** + Component Props {SkeletonCircle} + **/ + ~endColor=?, + ~startColor=?, + /** + Margin and Padding + **/ + ~m=?, + ~margin=?, + ~mt=?, + ~marginTop=?, + ~mr=?, + ~marginRight=?, + ~me=?, + ~marginEnd=?, + ~mb=?, + ~marginBottom=?, + ~ml=?, + ~marginLeft=?, + ~ms=?, + ~marginStart=?, + ~mx=?, + ~my=?, + ~p=?, + ~padding=?, + ~pt=?, + ~paddingTop=?, + ~pr=?, + ~paddingRight=?, + ~pe=?, + ~paddingEnd=?, + ~pb=?, + ~paddingBottom=?, + ~pl=?, + ~paddingLeft=?, + ~ps=?, + ~paddingStart=?, + ~px=?, + ~py=?, + /** + Colors and BackgroundColor + **/ + ~color=?, + ~backgroundColor=?, + ~bgColor=?, + ~opacity=?, + /** + Gradient + **/ + ~bgGradient=?, + ~backgroundClip=?, + ~bgClip=?, + /** + Typography + **/ + ~fontFamily=?, + ~fontSize=?, + ~fontWeight=?, + ~letterSpacing=?, + ~lineHeight=?, + ~textAlign=?, + ~fontStyle=?, + ~textTransform=?, + ~textDecoration=?, + /** + Layout Width and Height + **/ + ~d=?, + ~display=?, + ~w=?, + ~width=?, + ~maxW=?, + ~maxWidth=?, + ~minW=?, + ~minWidth=?, + ~h=?, + ~height=?, + ~maxH=?, + ~maxHeight=?, + ~minH=?, + ~minHeight=?, + ~boxSize=?, + ~verticalAlign=?, + ~overflow=?, + ~overflowX=?, + ~overflowY=?, + /** + Flexbox + **/ + ~alignItems=?, + ~alignContent=?, + ~justifyItems=?, + ~justifyContent=?, + ~flexWrap=?, + ~flexDirection=?, + ~flexDir=?, + ~flex=?, + ~flexGrow=?, + ~flexShrink=?, + ~flexBasis=?, + ~justifySelf=?, + ~alignSelf=?, + ~order=?, + /** + Grid + **/ + ~gridGap=?, + ~gridRowGap=?, + ~gridColumnGap=?, + ~gridColumn=?, + ~gridRow=?, + ~gridArea=?, + ~gridAutoFlow=?, + ~gridAutoRows=?, + ~gridAutoColumns=?, + ~gridTemplateRows=?, + ~gridTemplateColumns=?, + ~gridTemplateAreas=?, + /** + Background + **/ + ~bg=?, + ~background=?, + ~bgImage=?, + ~backgroundImage=?, + ~bgSize=?, + ~backgroundSize=?, + ~bgPosition=?, + ~backgroundPosition=?, + ~bgRepeat=?, + ~backgroundRepeat=?, + ~bgAttachment=?, + ~backgroundAttachment=?, + /** + Borders + **/ + ~border=?, + ~borderWidth=?, + ~borderStyle=?, + ~borderColor=?, + ~borderTop=?, + ~borderTopWidth=?, + ~borderTopStyle=?, + ~borderTopColor=?, + ~borderRight=?, + ~borderEnd=?, + ~borderRightWidth=?, + ~borderEndWidth=?, + ~borderRightStyle=?, + ~borderEndStyle=?, + ~borderRightColor=?, + ~borderEndColor=?, + ~borderBottom=?, + ~borderBottomWidth=?, + ~borderBottomStyle=?, + ~borderBottomColor=?, + ~borderLeft=?, + ~borderStart=?, + ~borderLeftWidth=?, + ~borderStartWidth=?, + ~borderLeftStyle=?, + ~borderStartStyle=?, + ~borderLeftColor=?, + ~borderStartColor=?, + ~borderX=?, + ~borderY=?, + /** + Border Radius + **/ + ~borderRadius=?, + ~borderTopLeftRadius=?, + ~borderTopStartRadius=?, + ~borderTopRightRadius=?, + ~borderTopEndRadius=?, + ~borderBottomRightRadius=?, + ~borderBottomEndRadius=?, + ~borderBottomLeftRadius=?, + ~borderBottomStartRadius=?, + ~borderTopRadius=?, + ~borderRightRadius=?, + ~borderEndRadius=?, + ~borderBottomRadius=?, + ~borderLeftRadius=?, + ~borderStartRadius=?, + /** + Position + **/ + ~pos=?, + ~position=?, + ~zIndex=?, + ~top=?, + ~right=?, + ~bottom=?, + ~left=?, + /** + Shadow + **/ + ~textShadow=?, + ~boxShadow=?, + /** + TODO + Other Props + **/ + ~fill=?, + ~stroke=?, +) => + makeProps( + /** + Component Props {SkeletonCircle} + **/ + ~endColor=?endColor->Belt.Option.map(Chakra__AtomicTypes.Colors.toString), + ~startColor=?startColor->Belt.Option.map(Chakra__AtomicTypes.Colors.toString), + /** + Margin and Padding + **/ + ~margin=?m->withShorthand(margin)->Margin.fromOption, + ~marginTop=?mt->withShorthand(marginTop)->Margin.fromOption, + ~marginRight=?mr->withShorthand(marginRight)->Margin.fromOption, + ~marginEnd=?me->withShorthand(marginEnd)->Margin.fromOption, + ~marginBottom=?mb->withShorthand(marginBottom)->Margin.fromOption, + ~marginLeft=?ml->withShorthand(marginLeft)->Margin.fromOption, + ~marginStart=?ms->withShorthand(marginStart)->Margin.fromOption, + ~mx=?mx->Margin.fromOption, + ~my=?my->Margin.fromOption, + ~padding=?p->withShorthand(padding)->Padding.fromOption, + ~paddingTop=?pt->withShorthand(paddingTop)->Padding.fromOption, + ~paddingRight=?pr->withShorthand(paddingRight)->Padding.fromOption, + ~paddingEnd=?pe->withShorthand(paddingEnd)->Padding.fromOption, + ~paddingBottom=?pb->withShorthand(paddingBottom)->Padding.fromOption, + ~paddingLeft=?pl->withShorthand(paddingLeft)->Padding.fromOption, + ~paddingStart=?ps->withShorthand(paddingStart)->Padding.fromOption, + ~px=?px->Padding.fromOption, + ~py=?py->Padding.fromOption, + /** + Colors and Background Color + **/ + ~color=?color->Color.fromOption, + ~backgroundColor=?bgColor->withShorthand(backgroundColor)->BackgroundColor.fromOption, + ~opacity=?opacity->Opacity.fromOption, + /** + Gradient + **/ + ~bgGradient=?bgGradient->Gradient.fromOption, + ~backgroundClip=?bgClip->withShorthand(backgroundClip)->BackgroundClip.fromOption, + /** + Typography + **/ + ~fontFamily=?fontFamily->FontFamily.fromOption, + ~fontSize=?fontSize->FontSize.fromOption, + ~fontWeight=?fontWeight->FontWeight.fromOption, + ~letterSpacing=?letterSpacing->LetterSpacing.fromOption, + ~lineHeight=?lineHeight->LineHeight.fromOption, + ~textAlign=?textAlign->TextAlign.fromOption, + ~fontStyle=?fontStyle->FontStyle.fromOption, + ~textTransform=?textTransform->TextTransform.fromOption, + ~textDecoration=?textDecoration->TextDecoration.fromOption, + /** + Layout Width and Height + **/ + ~display=?d->withShorthand(display)->Display.fromOption, + ~height=?h->withShorthand(height)->Height.fromOption, + ~minHeight=?minH->withShorthand(minHeight)->Height.fromOption, + ~maxHeight=?maxH->withShorthand(maxHeight)->MaxHeight.fromOption, + ~width=?w->withShorthand(width)->Width.fromOption, + ~minWidth=?minW->withShorthand(minWidth)->Width.fromOption, + ~maxWidth=?maxW->withShorthand(maxWidth)->MaxWidth.fromOption, + ~boxSize=?boxSize->BoxSize.fromOption, + ~verticalAlign=?verticalAlign->VerticalAlign.fromOption, + ~overflow=?overflow->Overflow.fromOption, + ~overflowY=?overflowY->Overflow.fromOption, + ~overflowX=?overflowX->Overflow.fromOption, + /** + Flexbox + **/ + ~alignItems=?alignItems->AlignItems.fromOption, + ~alignContent=?alignContent->AlignContent.fromOption, + ~justifyItems=?justifyItems->JustifyItems.fromOption, + ~justifyContent=?justifyContent->JustifyContent.fromOption, + ~flexWrap=?flexWrap->FlexWrap.fromOption, + ~flexDirection=?flexDir->withShorthand(flexDirection)->FlexDirection.fromOption, + ~flex=?flex->Flex.fromOption, + ~flexGrow=?flexGrow->FlexGrow.fromOption, + ~flexShrink=?flexShrink->FlexShrink.fromOption, + ~flexBasis=?flexBasis->FlexBasis.fromOption, + ~justifySelf=?justifySelf->JustifySelf.fromOption, + ~alignSelf=?alignSelf->AlignSelf.fromOption, + ~order=?order->Order.fromOption, + /** + Grid + **/ + ~gridGap=?gridGap->GridGap.fromOption, + ~gridRowGap=?gridRowGap->GridRowGap.fromOption, + ~gridColumnGap=?gridColumnGap->GridColumnGap.fromOption, + ~gridColumn=?gridColumn->GridColumn.fromOption, + ~gridRow=?gridRow->GridRow.fromOption, + ~gridArea=?gridArea->GridArea.fromOption, + ~gridAutoFlow=?gridAutoFlow->GridAutoFlow.fromOption, + ~gridAutoRows=?gridAutoRows->GridAutoRows.fromOption, + ~gridAutoColumns=?gridAutoColumns->GridAutoColumns.fromOption, + ~gridTemplateRows=?gridTemplateRows->GridTemplateRows.fromOption, + ~gridTemplateColumns=?gridTemplateColumns->GridTemplateColumns.fromOption, + ~gridTemplateAreas=?gridTemplateAreas->GridTemplateAreas.fromOption, + /** + Background + **/ + ~background=?bg->withShorthand(background)->Background.fromOption, + ~backgroundImage=?bgImage->withShorthand(backgroundImage)->BackgroundImage.fromOption, + ~backgroundSize=?bgSize->withShorthand(backgroundSize)->BackgroundSize.fromOption, + ~backgroundPosition=?bgPosition + ->withShorthand(backgroundPosition) + ->BackgroundPosition.fromOption, + ~backgroundRepeat=?bgRepeat->withShorthand(backgroundRepeat)->BackgroundRepeat.fromOption, + ~backgroundAttachment=?bgAttachment + ->withShorthand(backgroundAttachment) + ->BackgroundAttachment.fromOption, + /** + Borders + **/ + ~border=?border->Border.fromOption, + ~borderWidth=?borderWidth->BorderWidth.fromOption, + ~borderStyle=?borderStyle->BorderStyle.fromOption, + ~borderColor=?borderColor->BorderColor.fromOption, + ~borderTop=?borderTop->Border.fromOption, + ~borderTopWidth=?borderTopWidth->BorderWidth.fromOption, + ~borderTopStyle=?borderTopStyle->BorderStyle.fromOption, + ~borderTopColor=?borderTopColor->BorderColor.fromOption, + ~borderRight=?borderRight->Border.fromOption, + ~borderEnd=?borderEnd->Border.fromOption, + ~borderRightWidth=?borderRightWidth->BorderWidth.fromOption, + ~borderEndWidth=?borderEndWidth->BorderWidth.fromOption, + ~borderRightStyle=?borderRightStyle->BorderStyle.fromOption, + ~borderEndStyle=?borderEndStyle->BorderStyle.fromOption, + ~borderRightColor=?borderRightColor->BorderColor.fromOption, + ~borderEndColor=?borderEndColor->BorderColor.fromOption, + ~borderBottom=?borderBottom->Border.fromOption, + ~borderBottomWidth=?borderBottomWidth->BorderWidth.fromOption, + ~borderBottomStyle=?borderBottomStyle->BorderStyle.fromOption, + ~borderBottomColor=?borderBottomColor->BorderColor.fromOption, + ~borderLeft=?borderLeft->Border.fromOption, + ~borderStart=?borderStart->Border.fromOption, + ~borderLeftWidth=?borderLeftWidth->BorderWidth.fromOption, + ~borderStartWidth=?borderStartWidth->BorderWidth.fromOption, + ~borderLeftStyle=?borderLeftStyle->BorderStyle.fromOption, + ~borderStartStyle=?borderStartStyle->BorderStyle.fromOption, + ~borderLeftColor=?borderLeftColor->BorderColor.fromOption, + ~borderStartColor=?borderStartColor->BorderColor.fromOption, + ~borderX=?borderX->Border.fromOption, + ~borderY=?borderY->Border.fromOption, + /** + Border Radius + **/ + ~borderRadius=?borderRadius->BorderRadius.fromOption, + ~borderTopLeftRadius=?borderTopLeftRadius->BorderRadius.fromOption, + ~borderTopStartRadius=?borderTopStartRadius->BorderRadius.fromOption, + ~borderTopRightRadius=?borderTopRightRadius->BorderRadius.fromOption, + ~borderTopEndRadius=?borderTopEndRadius->BorderRadius.fromOption, + ~borderBottomRightRadius=?borderBottomRightRadius->BorderRadius.fromOption, + ~borderBottomEndRadius=?borderBottomEndRadius->BorderRadius.fromOption, + ~borderBottomLeftRadius=?borderBottomLeftRadius->BorderRadius.fromOption, + ~borderBottomStartRadius=?borderBottomStartRadius->BorderRadius.fromOption, + ~borderTopRadius=?borderTopRadius->BorderRadius.fromOption, + ~borderRightRadius=?borderRightRadius->BorderRadius.fromOption, + ~borderEndRadius=?borderEndRadius->BorderRadius.fromOption, + ~borderBottomRadius=?borderBottomRadius->BorderRadius.fromOption, + ~borderLeftRadius=?borderLeftRadius->BorderRadius.fromOption, + ~borderStartRadius=?borderStartRadius->BorderRadius.fromOption, + /** + Position + **/ + ~position=?pos->withShorthand(position)->Position.fromOption, + ~zIndex=?zIndex->ZIndex.fromOption, + ~top=?top->Top.fromOption, + ~right=?right->Right.fromOption, + ~bottom=?bottom->Bottom.fromOption, + ~left=?left->Left.fromOption, + /** + Shadow + **/ + ~textShadow=?textShadow->TextShadow.fromOption, + ~boxShadow=?boxShadow->BoxShadow.fromOption, + /** + TODO + Other Props + **/ + ~fill=?fill->Color.fromOption, + ~stroke=?stroke->Color.fromOption, + ) diff --git a/src/Components/Chakra__SkeletonText.res b/src/Components/Chakra__SkeletonText.res new file mode 100644 index 0000000..7bca4f1 --- /dev/null +++ b/src/Components/Chakra__SkeletonText.res @@ -0,0 +1,800 @@ +open Chakra__MakeProps + +@react.component @module("@chakra-ui/react") +external make: ( + ~children: React.element=?, + /** + Component Props {SkeletonText} + **/ + ~_as: string=?, + ~isTruncated: bool=?, + ~endColor: string=?, + ~startColor: string=?, + ~fadeDuration: float=?, + ~speed: float=?, + ~isLoaded: bool=?, + ~noOfLines: int=?, + /** + Margin and Padding + @see + **/ + ~margin: Identity.t=?, + ~marginTop: Identity.t=?, + ~marginRight: Identity.t=?, + ~marginEnd: Identity.t=?, + ~marginBottom: Identity.t=?, + ~marginLeft: Identity.t=?, + ~marginStart: Identity.t=?, + ~mx: Identity.t=?, + ~my: Identity.t=?, + ~padding: Identity.t=?, + ~paddingTop: Identity.t=?, + ~paddingRight: Identity.t=?, + ~paddingEnd: Identity.t=?, + ~paddingBottom: Identity.t=?, + ~paddingLeft: Identity.t=?, + ~paddingStart: Identity.t=?, + ~px: Identity.t=?, + ~py: Identity.t=?, + /** + Colors and BackgroundColor + @see + **/ + ~colorScheme: ColorScheme.t=?, + ~color: Identity.t=?, + ~backgroundColor: Identity.t=?, + ~opacity: Identity.t=?, + /** + Gradient + @see + **/ + ~bgGradient: Identity.t=?, + ~backgroundClip: Identity.t=?, + /** + Typography + @see + **/ + ~fontFamily: Identity.t=?, + ~fontSize: Identity.t=?, + ~fontWeight: Identity.t=?, + ~letterSpacing: Identity.t=?, + ~lineHeight: Identity.t=?, + ~textAlign: Identity.t=?, + ~fontStyle: Identity.t=?, + ~textTransform: Identity.t=?, + ~textDecoration: Identity.t=?, + /** + Layout Width and Height + @see + **/ + ~width: Identity.t=?, + ~maxWidth: Identity.t=?, + ~minWidth: Identity.t=?, + ~height: Identity.t=?, + ~maxHeight: Identity.t=?, + ~minHeight: Identity.t=?, + ~display: Identity.t=?, + ~boxSize: Identity.t=?, + ~verticalAlign: Identity.t=?, + ~overflow: Identity.t=?, + ~overflowY: Identity.t=?, + ~overflowX: Identity.t=?, + /** + Flexbox + @see + **/ + ~alignItems: Identity.t=?, + ~alignContent: Identity.t=?, + ~justifyItems: Identity.t=?, + ~justifyContent: Identity.t=?, + ~flexWrap: Identity.t=?, + ~flexDirection: Identity.t=?, + ~flex: Identity.t=?, + ~flexGrow: Identity.t=?, + ~flexShrink: Identity.t=?, + ~flexBasis: Identity.t=?, + ~justifySelf: Identity.t=?, + ~alignSelf: Identity.t=?, + ~order: Identity.t=?, + /** + Grid + @see + **/ + ~gridGap: Identity.t=?, + ~gridRowGap: Identity.t=?, + ~gridColumnGap: Identity.t=?, + ~gridColumn: Identity.t=?, + ~gridRow: Identity.t=?, + ~gridArea: Identity.t=?, + ~gridAutoFlow: Identity.t=?, + ~gridAutoRows: Identity.t=?, + ~gridAutoColumns: Identity.t=?, + ~gridTemplateRows: Identity.t=?, + ~gridTemplateColumns: Identity.t=?, + ~gridTemplateAreas: Identity.t=?, + /** + Background + @see + **/ + ~background: Identity.t=?, + ~backgroundImage: Identity.t=?, + ~backgroundSize: Identity.t=?, + ~backgroundPosition: Identity.t=?, + ~backgroundRepeat: Identity.t=?, + ~backgroundAttachment: Identity.t=?, + /** + Borders + @see + **/ + ~border: Identity.t=?, + ~borderWidth: Identity.t=?, + ~borderStyle: Identity.t=?, + ~borderColor: Identity.t=?, + ~borderTop: Identity.t=?, + ~borderTopWidth: Identity.t=?, + ~borderTopStyle: Identity.t=?, + ~borderTopColor: Identity.t=?, + ~borderRight: Identity.t=?, + ~borderEnd: Identity.t=?, + ~borderRightWidth: Identity.t=?, + ~borderEndWidth: Identity.t=?, + ~borderRightStyle: Identity.t=?, + ~borderEndStyle: Identity.t=?, + ~borderRightColor: Identity.t=?, + ~borderEndColor: Identity.t=?, + ~borderBottom: Identity.t=?, + ~borderBottomWidth: Identity.t=?, + ~borderBottomStyle: Identity.t=?, + ~borderBottomColor: Identity.t=?, + ~borderLeft: Identity.t=?, + ~borderStart: Identity.t=?, + ~borderLeftWidth: Identity.t=?, + ~borderStartWidth: Identity.t=?, + ~borderLeftStyle: Identity.t=?, + ~borderStartStyle: Identity.t=?, + ~borderLeftColor: Identity.t=?, + ~borderStartColor: Identity.t=?, + ~borderX: Identity.t=?, + ~borderY: Identity.t=?, + /** + Border Radius + @see + **/ + ~borderRadius: Identity.t=?, + ~borderTopLeftRadius: Identity.t=?, + ~borderTopStartRadius: Identity.t=?, + ~borderTopRightRadius: Identity.t=?, + ~borderTopEndRadius: Identity.t=?, + ~borderBottomRightRadius: Identity.t=?, + ~borderBottomEndRadius: Identity.t=?, + ~borderBottomLeftRadius: Identity.t=?, + ~borderBottomStartRadius: Identity.t=?, + ~borderTopRadius: Identity.t=?, + ~borderRightRadius: Identity.t=?, + ~borderEndRadius: Identity.t=?, + ~borderBottomRadius: Identity.t=?, + ~borderLeftRadius: Identity.t=?, + ~borderStartRadius: Identity.t=?, + /** + Position + @see + **/ + ~position: Identity.t=?, + ~zIndex: Identity.t=?, + ~top: Identity.t=?, + ~right: Identity.t=?, + ~bottom: Identity.t=?, + ~left: Identity.t=?, + /** + Shadow + @see + **/ + ~textShadow: Identity.t=?, + ~boxShadow: Identity.t=?, + /** + Pseudo + @see + **/ + @as("_hover") ~_hover: Pseudo.t=?, + @as("_active") ~_active: Pseudo.t=?, + @as("_focus") ~_focus: Pseudo.t=?, + @as("_highlighted") ~_highlighted: Pseudo.t=?, + @as("_focusWithin") ~_focusWithin: Pseudo.t=?, + @as("_focusVisible") ~_focusVisible: Pseudo.t=?, + @as("_disabled") ~_disabled: Pseudo.t=?, + @as("_readOnly") ~_readOnly: Pseudo.t=?, + @as("_before") ~_before: Pseudo.t=?, + @as("_after") ~_after: Pseudo.t=?, + @as("_empty") ~_empty: Pseudo.t=?, + @as("_expanded") ~_expanded: Pseudo.t=?, + @as("_checked") ~_checked: Pseudo.t=?, + @as("_grabbed") ~_grabbed: Pseudo.t=?, + @as("_pressed") ~_pressed: Pseudo.t=?, + @as("_invalid") ~_invalid: Pseudo.t=?, + @as("_valid") ~_valid: Pseudo.t=?, + @as("_loading") ~_loading: Pseudo.t=?, + @as("_selected") ~_selected: Pseudo.t=?, + @as("_hidden") ~_hidden: Pseudo.t=?, + @as("_autofill") ~_autofill: Pseudo.t=?, + @as("_even") ~_even: Pseudo.t=?, + @as("_odd") ~_odd: Pseudo.t=?, + @as("_first") ~_first: Pseudo.t=?, + @as("_last") ~_last: Pseudo.t=?, + @as("_notFirst") ~_notFirst: Pseudo.t=?, + @as("_notLast") ~_notLast: Pseudo.t=?, + @as("_visited") ~_visited: Pseudo.t=?, + @as("_activeLink") ~_activeLink: Pseudo.t=?, + @as("_activeStep") ~_activeStep: Pseudo.t=?, + @as("_indeterminate") ~_indeterminate: Pseudo.t=?, + @as("_groupHover") ~_groupHover: Pseudo.t=?, + @as("_groupFocus") ~_groupFocus: Pseudo.t=?, + @as("_groupActive") ~_groupActive: Pseudo.t=?, + @as("_groupDisabled") ~_groupDisabled: Pseudo.t=?, + @as("_groupInvalid") ~_groupInvalid: Pseudo.t=?, + @as("_groupChecked") ~_groupChecked: Pseudo.t=?, + @as("_placeholder") ~_placeholder: Pseudo.t=?, + @as("_fullScreen") ~_fullScreen: Pseudo.t=?, + @as("_selection") ~_selection: Pseudo.t=?, + /** + TODO + Other Props + partial implemented + @see + ~animation=?, + ~appearance=?, + ~transform=?, + ~transformOrigin=?, + ~visibility=?, + ~whiteSpace=?, + ~userSelect=?, + ~pointerEvents=?, + ~wordBreak=?, + ~overflowWrap=?, + ~textOverflow=?, + ~boxSizing=?, + ~cursor=?, + ~resize=?, + ~transition=?, + ~objectFit=?, + ~objectPosition=?, + ~objectPosition=?, + ~float_=?, + ~fill=?, + ~stroke=?, + ~outline=?, + **/ + ~fill: Identity.t=?, + ~stroke: Identity.t=?, + /** + ReactEvent Clipboard + @see + **/ + ~onCopy: ReactEvent.Clipboard.t => unit=?, + ~onCut: ReactEvent.Clipboard.t => unit=?, + ~onPaste: ReactEvent.Clipboard.t => unit=?, + /** + ReactEvent Composition + @see + **/ + ~onCompositionEnd: ReactEvent.Composition.t => unit=?, + ~onCompositionStart: ReactEvent.Composition.t => unit=?, + ~onCompositionUpdate: ReactEvent.Composition.t => unit=?, + /** + ReactEvent Keyboard + @see + **/ + ~onKeyDown: ReactEvent.Keyboard.t => unit=?, + ~onKeyPress: ReactEvent.Keyboard.t => unit=?, + ~onKeyUp: ReactEvent.Keyboard.t => unit=? /** + ReactEvent Focus + @see + **/, + ~onFocus: ReactEvent.Focus.t => unit=?, + ~onBlur: ReactEvent.Focus.t => unit=?, + /** + ReactEvent Form + @see + **/ + ~onChange: ReactEvent.Form.t => unit=?, + ~onInput: ReactEvent.Form.t => unit=?, + ~onInvalid: ReactEvent.Form.t => unit=?, + ~onReset: ReactEvent.Form.t => unit=?, + ~onSubmit: ReactEvent.Form.t => unit=?, + /** + ReactEvent Generic Events + @see + ISSUE: Not Implemented in @rescript/react for ReactEvent.Generic; + ~onError: ReactEvent.Generic.t => unit=?, + ~onLoad: ReactEvent.Generic.t => unit=?, + **/ + /** + ReactEvent Mouse + @see + **/ + ~onClick: ReactEvent.Mouse.t => unit=?, + ~onContextMenu: ReactEvent.Mouse.t => unit=?, + ~onDoubleClick: ReactEvent.Mouse.t => unit=?, + ~onDrag: ReactEvent.Mouse.t => unit=?, + ~onDragEnd: ReactEvent.Mouse.t => unit=?, + ~onDragEnter: ReactEvent.Mouse.t => unit=?, + ~onDragExit: ReactEvent.Mouse.t => unit=?, + ~onDragLeave: ReactEvent.Mouse.t => unit=?, + ~onDragOver: ReactEvent.Mouse.t => unit=?, + ~onDragStart: ReactEvent.Mouse.t => unit=?, + ~onDrop: ReactEvent.Mouse.t => unit=?, + ~onMouseDown: ReactEvent.Mouse.t => unit=?, + ~onMouseEnter: ReactEvent.Mouse.t => unit=?, + ~onMouseLeave: ReactEvent.Mouse.t => unit=?, + ~onMouseMove: ReactEvent.Mouse.t => unit=?, + ~onMouseOut: ReactEvent.Mouse.t => unit=?, + ~onMouseOver: ReactEvent.Mouse.t => unit=?, + ~onMouseUp: ReactEvent.Mouse.t => unit=?, + /** + ReactEvent Pointer + @see + **/ + ~onPointerDown: ReactEvent.Pointer.t => unit=?, + ~onPointerMove: ReactEvent.Pointer.t => unit=?, + ~onPointerUp: ReactEvent.Pointer.t => unit=?, + ~onPointerCancel: ReactEvent.Pointer.t => unit=?, + ~onGotPointerCapture: ReactEvent.Pointer.t => unit=?, + ~onLostPointerCapture: ReactEvent.Pointer.t => unit=?, + ~onPointerEnter: ReactEvent.Pointer.t => unit=?, + ~onPointerLeave: ReactEvent.Pointer.t => unit=?, + ~onPointerOver: ReactEvent.Pointer.t => unit=?, + ~onPointerOut: ReactEvent.Pointer.t => unit=?, + /** + ReactEvent Selection + @see + **/ + ~onSelect: ReactEvent.Selection.t => unit=?, + /** + ReactEvent Touch + @see + **/ + ~onTouchCancel: ReactEvent.Touch.t => unit=?, + ~onTouchEnd: ReactEvent.Touch.t => unit=?, + ~onTouchMove: ReactEvent.Touch.t => unit=?, + ~onTouchStart: ReactEvent.Touch.t => unit=?, + /** + ReactEvent UI Events + @see + **/ + ~onScroll: ReactEvent.UI.t => unit=?, + /** + ReactEvent Wheel + @see + **/ + ~onWheel: ReactEvent.Wheel.t => unit=?, + /** + ReactEvent Media + @see + **/ + ~onAbort: ReactEvent.Media.t => unit=?, + ~onCanPlay: ReactEvent.Media.t => unit=?, + ~onCanPlayThrough: ReactEvent.Media.t => unit=?, + ~onDurationChange: ReactEvent.Media.t => unit=?, + ~onEmptied: ReactEvent.Media.t => unit=?, + ~onEncrypted: ReactEvent.Media.t => unit=?, + ~onEnded: ReactEvent.Media.t => unit=?, + // ~onError: ReactEvent.Media.t => unit=?, + ~onLoadedData: ReactEvent.Media.t => unit=?, + ~onLoadedMetadata: ReactEvent.Media.t => unit=?, + ~onLoadStart: ReactEvent.Media.t => unit=?, + ~onPause: ReactEvent.Media.t => unit=?, + ~onPlay: ReactEvent.Media.t => unit=?, + ~onPlaying: ReactEvent.Media.t => unit=?, + ~onProgress: ReactEvent.Media.t => unit=?, + ~onRateChange: ReactEvent.Media.t => unit=?, + ~onSeeked: ReactEvent.Media.t => unit=?, + ~onSeeking: ReactEvent.Media.t => unit=?, + ~onStalled: ReactEvent.Media.t => unit=?, + ~onSuspend: ReactEvent.Media.t => unit=?, + ~onTimeUpdate: ReactEvent.Media.t => unit=?, + ~onVolumeChange: ReactEvent.Media.t => unit=?, + ~onWaiting: ReactEvent.Media.t => unit=?, + ~onLoad: ReactEvent.Synthetic.t => unit=?, + ~onError: ReactEvent.Synthetic.t => unit=?, + /** + ReactEvent Other + @see + ~onToggle + **/ + /** + ReactEvent Animation + @see + **/ + ~onAnimationStart: ReactEvent.Animation.t => unit=?, + ~onAnimationEnd: ReactEvent.Animation.t => unit=?, + ~onAnimationIteration: ReactEvent.Animation.t => unit=?, +) => React.element = "SkeletonText" + +let makeProps = ( + /** + Component Props {SkeletonText} + **/ + ~endColor=?, + ~startColor=?, + /** + Margin and Padding + **/ + ~m=?, + ~margin=?, + ~mt=?, + ~marginTop=?, + ~mr=?, + ~marginRight=?, + ~me=?, + ~marginEnd=?, + ~mb=?, + ~marginBottom=?, + ~ml=?, + ~marginLeft=?, + ~ms=?, + ~marginStart=?, + ~mx=?, + ~my=?, + ~p=?, + ~padding=?, + ~pt=?, + ~paddingTop=?, + ~pr=?, + ~paddingRight=?, + ~pe=?, + ~paddingEnd=?, + ~pb=?, + ~paddingBottom=?, + ~pl=?, + ~paddingLeft=?, + ~ps=?, + ~paddingStart=?, + ~px=?, + ~py=?, + /** + Colors and BackgroundColor + **/ + ~color=?, + ~backgroundColor=?, + ~bgColor=?, + ~opacity=?, + /** + Gradient + **/ + ~bgGradient=?, + ~backgroundClip=?, + ~bgClip=?, + /** + Typography + **/ + ~fontFamily=?, + ~fontSize=?, + ~fontWeight=?, + ~letterSpacing=?, + ~lineHeight=?, + ~textAlign=?, + ~fontStyle=?, + ~textTransform=?, + ~textDecoration=?, + /** + Layout Width and Height + **/ + ~d=?, + ~display=?, + ~w=?, + ~width=?, + ~maxW=?, + ~maxWidth=?, + ~minW=?, + ~minWidth=?, + ~h=?, + ~height=?, + ~maxH=?, + ~maxHeight=?, + ~minH=?, + ~minHeight=?, + ~boxSize=?, + ~verticalAlign=?, + ~overflow=?, + ~overflowX=?, + ~overflowY=?, + /** + Flexbox + **/ + ~alignItems=?, + ~alignContent=?, + ~justifyItems=?, + ~justifyContent=?, + ~flexWrap=?, + ~flexDirection=?, + ~flexDir=?, + ~flex=?, + ~flexGrow=?, + ~flexShrink=?, + ~flexBasis=?, + ~justifySelf=?, + ~alignSelf=?, + ~order=?, + /** + Grid + **/ + ~gridGap=?, + ~gridRowGap=?, + ~gridColumnGap=?, + ~gridColumn=?, + ~gridRow=?, + ~gridArea=?, + ~gridAutoFlow=?, + ~gridAutoRows=?, + ~gridAutoColumns=?, + ~gridTemplateRows=?, + ~gridTemplateColumns=?, + ~gridTemplateAreas=?, + /** + Background + **/ + ~bg=?, + ~background=?, + ~bgImage=?, + ~backgroundImage=?, + ~bgSize=?, + ~backgroundSize=?, + ~bgPosition=?, + ~backgroundPosition=?, + ~bgRepeat=?, + ~backgroundRepeat=?, + ~bgAttachment=?, + ~backgroundAttachment=?, + /** + Borders + **/ + ~border=?, + ~borderWidth=?, + ~borderStyle=?, + ~borderColor=?, + ~borderTop=?, + ~borderTopWidth=?, + ~borderTopStyle=?, + ~borderTopColor=?, + ~borderRight=?, + ~borderEnd=?, + ~borderRightWidth=?, + ~borderEndWidth=?, + ~borderRightStyle=?, + ~borderEndStyle=?, + ~borderRightColor=?, + ~borderEndColor=?, + ~borderBottom=?, + ~borderBottomWidth=?, + ~borderBottomStyle=?, + ~borderBottomColor=?, + ~borderLeft=?, + ~borderStart=?, + ~borderLeftWidth=?, + ~borderStartWidth=?, + ~borderLeftStyle=?, + ~borderStartStyle=?, + ~borderLeftColor=?, + ~borderStartColor=?, + ~borderX=?, + ~borderY=?, + /** + Border Radius + **/ + ~borderRadius=?, + ~borderTopLeftRadius=?, + ~borderTopStartRadius=?, + ~borderTopRightRadius=?, + ~borderTopEndRadius=?, + ~borderBottomRightRadius=?, + ~borderBottomEndRadius=?, + ~borderBottomLeftRadius=?, + ~borderBottomStartRadius=?, + ~borderTopRadius=?, + ~borderRightRadius=?, + ~borderEndRadius=?, + ~borderBottomRadius=?, + ~borderLeftRadius=?, + ~borderStartRadius=?, + /** + Position + **/ + ~pos=?, + ~position=?, + ~zIndex=?, + ~top=?, + ~right=?, + ~bottom=?, + ~left=?, + /** + Shadow + **/ + ~textShadow=?, + ~boxShadow=?, + /** + TODO + Other Props + **/ + ~fill=?, + ~stroke=?, +) => + makeProps( + /** + Component Props {SkeletonText} + **/ + ~endColor=?endColor->Belt.Option.map(Chakra__AtomicTypes.Colors.toString), + ~startColor=?startColor->Belt.Option.map(Chakra__AtomicTypes.Colors.toString), + /** + Margin and Padding + **/ + ~margin=?m->withShorthand(margin)->Margin.fromOption, + ~marginTop=?mt->withShorthand(marginTop)->Margin.fromOption, + ~marginRight=?mr->withShorthand(marginRight)->Margin.fromOption, + ~marginEnd=?me->withShorthand(marginEnd)->Margin.fromOption, + ~marginBottom=?mb->withShorthand(marginBottom)->Margin.fromOption, + ~marginLeft=?ml->withShorthand(marginLeft)->Margin.fromOption, + ~marginStart=?ms->withShorthand(marginStart)->Margin.fromOption, + ~mx=?mx->Margin.fromOption, + ~my=?my->Margin.fromOption, + ~padding=?p->withShorthand(padding)->Padding.fromOption, + ~paddingTop=?pt->withShorthand(paddingTop)->Padding.fromOption, + ~paddingRight=?pr->withShorthand(paddingRight)->Padding.fromOption, + ~paddingEnd=?pe->withShorthand(paddingEnd)->Padding.fromOption, + ~paddingBottom=?pb->withShorthand(paddingBottom)->Padding.fromOption, + ~paddingLeft=?pl->withShorthand(paddingLeft)->Padding.fromOption, + ~paddingStart=?ps->withShorthand(paddingStart)->Padding.fromOption, + ~px=?px->Padding.fromOption, + ~py=?py->Padding.fromOption, + /** + Colors and Background Color + **/ + ~color=?color->Color.fromOption, + ~backgroundColor=?bgColor->withShorthand(backgroundColor)->BackgroundColor.fromOption, + ~opacity=?opacity->Opacity.fromOption, + /** + Gradient + **/ + ~bgGradient=?bgGradient->Gradient.fromOption, + ~backgroundClip=?bgClip->withShorthand(backgroundClip)->BackgroundClip.fromOption, + /** + Typography + **/ + ~fontFamily=?fontFamily->FontFamily.fromOption, + ~fontSize=?fontSize->FontSize.fromOption, + ~fontWeight=?fontWeight->FontWeight.fromOption, + ~letterSpacing=?letterSpacing->LetterSpacing.fromOption, + ~lineHeight=?lineHeight->LineHeight.fromOption, + ~textAlign=?textAlign->TextAlign.fromOption, + ~fontStyle=?fontStyle->FontStyle.fromOption, + ~textTransform=?textTransform->TextTransform.fromOption, + ~textDecoration=?textDecoration->TextDecoration.fromOption, + /** + Layout Width and Height + **/ + ~display=?d->withShorthand(display)->Display.fromOption, + ~height=?h->withShorthand(height)->Height.fromOption, + ~minHeight=?minH->withShorthand(minHeight)->Height.fromOption, + ~maxHeight=?maxH->withShorthand(maxHeight)->MaxHeight.fromOption, + ~width=?w->withShorthand(width)->Width.fromOption, + ~minWidth=?minW->withShorthand(minWidth)->Width.fromOption, + ~maxWidth=?maxW->withShorthand(maxWidth)->MaxWidth.fromOption, + ~boxSize=?boxSize->BoxSize.fromOption, + ~verticalAlign=?verticalAlign->VerticalAlign.fromOption, + ~overflow=?overflow->Overflow.fromOption, + ~overflowY=?overflowY->Overflow.fromOption, + ~overflowX=?overflowX->Overflow.fromOption, + /** + Flexbox + **/ + ~alignItems=?alignItems->AlignItems.fromOption, + ~alignContent=?alignContent->AlignContent.fromOption, + ~justifyItems=?justifyItems->JustifyItems.fromOption, + ~justifyContent=?justifyContent->JustifyContent.fromOption, + ~flexWrap=?flexWrap->FlexWrap.fromOption, + ~flexDirection=?flexDir->withShorthand(flexDirection)->FlexDirection.fromOption, + ~flex=?flex->Flex.fromOption, + ~flexGrow=?flexGrow->FlexGrow.fromOption, + ~flexShrink=?flexShrink->FlexShrink.fromOption, + ~flexBasis=?flexBasis->FlexBasis.fromOption, + ~justifySelf=?justifySelf->JustifySelf.fromOption, + ~alignSelf=?alignSelf->AlignSelf.fromOption, + ~order=?order->Order.fromOption, + /** + Grid + **/ + ~gridGap=?gridGap->GridGap.fromOption, + ~gridRowGap=?gridRowGap->GridRowGap.fromOption, + ~gridColumnGap=?gridColumnGap->GridColumnGap.fromOption, + ~gridColumn=?gridColumn->GridColumn.fromOption, + ~gridRow=?gridRow->GridRow.fromOption, + ~gridArea=?gridArea->GridArea.fromOption, + ~gridAutoFlow=?gridAutoFlow->GridAutoFlow.fromOption, + ~gridAutoRows=?gridAutoRows->GridAutoRows.fromOption, + ~gridAutoColumns=?gridAutoColumns->GridAutoColumns.fromOption, + ~gridTemplateRows=?gridTemplateRows->GridTemplateRows.fromOption, + ~gridTemplateColumns=?gridTemplateColumns->GridTemplateColumns.fromOption, + ~gridTemplateAreas=?gridTemplateAreas->GridTemplateAreas.fromOption, + /** + Background + **/ + ~background=?bg->withShorthand(background)->Background.fromOption, + ~backgroundImage=?bgImage->withShorthand(backgroundImage)->BackgroundImage.fromOption, + ~backgroundSize=?bgSize->withShorthand(backgroundSize)->BackgroundSize.fromOption, + ~backgroundPosition=?bgPosition + ->withShorthand(backgroundPosition) + ->BackgroundPosition.fromOption, + ~backgroundRepeat=?bgRepeat->withShorthand(backgroundRepeat)->BackgroundRepeat.fromOption, + ~backgroundAttachment=?bgAttachment + ->withShorthand(backgroundAttachment) + ->BackgroundAttachment.fromOption, + /** + Borders + **/ + ~border=?border->Border.fromOption, + ~borderWidth=?borderWidth->BorderWidth.fromOption, + ~borderStyle=?borderStyle->BorderStyle.fromOption, + ~borderColor=?borderColor->BorderColor.fromOption, + ~borderTop=?borderTop->Border.fromOption, + ~borderTopWidth=?borderTopWidth->BorderWidth.fromOption, + ~borderTopStyle=?borderTopStyle->BorderStyle.fromOption, + ~borderTopColor=?borderTopColor->BorderColor.fromOption, + ~borderRight=?borderRight->Border.fromOption, + ~borderEnd=?borderEnd->Border.fromOption, + ~borderRightWidth=?borderRightWidth->BorderWidth.fromOption, + ~borderEndWidth=?borderEndWidth->BorderWidth.fromOption, + ~borderRightStyle=?borderRightStyle->BorderStyle.fromOption, + ~borderEndStyle=?borderEndStyle->BorderStyle.fromOption, + ~borderRightColor=?borderRightColor->BorderColor.fromOption, + ~borderEndColor=?borderEndColor->BorderColor.fromOption, + ~borderBottom=?borderBottom->Border.fromOption, + ~borderBottomWidth=?borderBottomWidth->BorderWidth.fromOption, + ~borderBottomStyle=?borderBottomStyle->BorderStyle.fromOption, + ~borderBottomColor=?borderBottomColor->BorderColor.fromOption, + ~borderLeft=?borderLeft->Border.fromOption, + ~borderStart=?borderStart->Border.fromOption, + ~borderLeftWidth=?borderLeftWidth->BorderWidth.fromOption, + ~borderStartWidth=?borderStartWidth->BorderWidth.fromOption, + ~borderLeftStyle=?borderLeftStyle->BorderStyle.fromOption, + ~borderStartStyle=?borderStartStyle->BorderStyle.fromOption, + ~borderLeftColor=?borderLeftColor->BorderColor.fromOption, + ~borderStartColor=?borderStartColor->BorderColor.fromOption, + ~borderX=?borderX->Border.fromOption, + ~borderY=?borderY->Border.fromOption, + /** + Border Radius + **/ + ~borderRadius=?borderRadius->BorderRadius.fromOption, + ~borderTopLeftRadius=?borderTopLeftRadius->BorderRadius.fromOption, + ~borderTopStartRadius=?borderTopStartRadius->BorderRadius.fromOption, + ~borderTopRightRadius=?borderTopRightRadius->BorderRadius.fromOption, + ~borderTopEndRadius=?borderTopEndRadius->BorderRadius.fromOption, + ~borderBottomRightRadius=?borderBottomRightRadius->BorderRadius.fromOption, + ~borderBottomEndRadius=?borderBottomEndRadius->BorderRadius.fromOption, + ~borderBottomLeftRadius=?borderBottomLeftRadius->BorderRadius.fromOption, + ~borderBottomStartRadius=?borderBottomStartRadius->BorderRadius.fromOption, + ~borderTopRadius=?borderTopRadius->BorderRadius.fromOption, + ~borderRightRadius=?borderRightRadius->BorderRadius.fromOption, + ~borderEndRadius=?borderEndRadius->BorderRadius.fromOption, + ~borderBottomRadius=?borderBottomRadius->BorderRadius.fromOption, + ~borderLeftRadius=?borderLeftRadius->BorderRadius.fromOption, + ~borderStartRadius=?borderStartRadius->BorderRadius.fromOption, + /** + Position + **/ + ~position=?pos->withShorthand(position)->Position.fromOption, + ~zIndex=?zIndex->ZIndex.fromOption, + ~top=?top->Top.fromOption, + ~right=?right->Right.fromOption, + ~bottom=?bottom->Bottom.fromOption, + ~left=?left->Left.fromOption, + /** + Shadow + **/ + ~textShadow=?textShadow->TextShadow.fromOption, + ~boxShadow=?boxShadow->BoxShadow.fromOption, + /** + TODO + Other Props + **/ + ~fill=?fill->Color.fromOption, + ~stroke=?stroke->Color.fromOption, + ) diff --git a/src/Components/Chakra__Spinner.res b/src/Components/Chakra__Spinner.res new file mode 100644 index 0000000..27690ed --- /dev/null +++ b/src/Components/Chakra__Spinner.res @@ -0,0 +1,797 @@ +open Chakra__MakeProps + +@react.component @module("@chakra-ui/react") +external make: ( + ~children: React.element=?, + /** + Component Props {Spinner} + **/ + ~_as: string=?, + ~isTruncated: bool=?, + ~emptyColor: string=?, + ~label: string=?, + ~size: Chakra__Theme.Size.Spinner.t=?, + ~thickness: string=?, + ~speed: string=?, + /** + Margin and Padding + @see + **/ + ~margin: Identity.t=?, + ~marginTop: Identity.t=?, + ~marginRight: Identity.t=?, + ~marginEnd: Identity.t=?, + ~marginBottom: Identity.t=?, + ~marginLeft: Identity.t=?, + ~marginStart: Identity.t=?, + ~mx: Identity.t=?, + ~my: Identity.t=?, + ~padding: Identity.t=?, + ~paddingTop: Identity.t=?, + ~paddingRight: Identity.t=?, + ~paddingEnd: Identity.t=?, + ~paddingBottom: Identity.t=?, + ~paddingLeft: Identity.t=?, + ~paddingStart: Identity.t=?, + ~px: Identity.t=?, + ~py: Identity.t=?, + /** + Colors and BackgroundColor + @see + **/ + ~colorScheme: ColorScheme.t=?, + ~color: Identity.t=?, + ~backgroundColor: Identity.t=?, + ~opacity: Identity.t=?, + /** + Gradient + @see + **/ + ~bgGradient: Identity.t=?, + ~backgroundClip: Identity.t=?, + /** + Typography + @see + **/ + ~fontFamily: Identity.t=?, + ~fontSize: Identity.t=?, + ~fontWeight: Identity.t=?, + ~letterSpacing: Identity.t=?, + ~lineHeight: Identity.t=?, + ~textAlign: Identity.t=?, + ~fontStyle: Identity.t=?, + ~textTransform: Identity.t=?, + ~textDecoration: Identity.t=?, + /** + Layout Width and Height + @see + **/ + ~width: Identity.t=?, + ~maxWidth: Identity.t=?, + ~minWidth: Identity.t=?, + ~height: Identity.t=?, + ~maxHeight: Identity.t=?, + ~minHeight: Identity.t=?, + ~display: Identity.t=?, + ~boxSize: Identity.t=?, + ~verticalAlign: Identity.t=?, + ~overflow: Identity.t=?, + ~overflowY: Identity.t=?, + ~overflowX: Identity.t=?, + /** + Flexbox + @see + **/ + ~alignItems: Identity.t=?, + ~alignContent: Identity.t=?, + ~justifyItems: Identity.t=?, + ~justifyContent: Identity.t=?, + ~flexWrap: Identity.t=?, + ~flexDirection: Identity.t=?, + ~flex: Identity.t=?, + ~flexGrow: Identity.t=?, + ~flexShrink: Identity.t=?, + ~flexBasis: Identity.t=?, + ~justifySelf: Identity.t=?, + ~alignSelf: Identity.t=?, + ~order: Identity.t=?, + /** + Grid + @see + **/ + ~gridGap: Identity.t=?, + ~gridRowGap: Identity.t=?, + ~gridColumnGap: Identity.t=?, + ~gridColumn: Identity.t=?, + ~gridRow: Identity.t=?, + ~gridArea: Identity.t=?, + ~gridAutoFlow: Identity.t=?, + ~gridAutoRows: Identity.t=?, + ~gridAutoColumns: Identity.t=?, + ~gridTemplateRows: Identity.t=?, + ~gridTemplateColumns: Identity.t=?, + ~gridTemplateAreas: Identity.t=?, + /** + Background + @see + **/ + ~background: Identity.t=?, + ~backgroundImage: Identity.t=?, + ~backgroundSize: Identity.t=?, + ~backgroundPosition: Identity.t=?, + ~backgroundRepeat: Identity.t=?, + ~backgroundAttachment: Identity.t=?, + /** + Borders + @see + **/ + ~border: Identity.t=?, + ~borderWidth: Identity.t=?, + ~borderStyle: Identity.t=?, + ~borderColor: Identity.t=?, + ~borderTop: Identity.t=?, + ~borderTopWidth: Identity.t=?, + ~borderTopStyle: Identity.t=?, + ~borderTopColor: Identity.t=?, + ~borderRight: Identity.t=?, + ~borderEnd: Identity.t=?, + ~borderRightWidth: Identity.t=?, + ~borderEndWidth: Identity.t=?, + ~borderRightStyle: Identity.t=?, + ~borderEndStyle: Identity.t=?, + ~borderRightColor: Identity.t=?, + ~borderEndColor: Identity.t=?, + ~borderBottom: Identity.t=?, + ~borderBottomWidth: Identity.t=?, + ~borderBottomStyle: Identity.t=?, + ~borderBottomColor: Identity.t=?, + ~borderLeft: Identity.t=?, + ~borderStart: Identity.t=?, + ~borderLeftWidth: Identity.t=?, + ~borderStartWidth: Identity.t=?, + ~borderLeftStyle: Identity.t=?, + ~borderStartStyle: Identity.t=?, + ~borderLeftColor: Identity.t=?, + ~borderStartColor: Identity.t=?, + ~borderX: Identity.t=?, + ~borderY: Identity.t=?, + /** + Border Radius + @see + **/ + ~borderRadius: Identity.t=?, + ~borderTopLeftRadius: Identity.t=?, + ~borderTopStartRadius: Identity.t=?, + ~borderTopRightRadius: Identity.t=?, + ~borderTopEndRadius: Identity.t=?, + ~borderBottomRightRadius: Identity.t=?, + ~borderBottomEndRadius: Identity.t=?, + ~borderBottomLeftRadius: Identity.t=?, + ~borderBottomStartRadius: Identity.t=?, + ~borderTopRadius: Identity.t=?, + ~borderRightRadius: Identity.t=?, + ~borderEndRadius: Identity.t=?, + ~borderBottomRadius: Identity.t=?, + ~borderLeftRadius: Identity.t=?, + ~borderStartRadius: Identity.t=?, + /** + Position + @see + **/ + ~position: Identity.t=?, + ~zIndex: Identity.t=?, + ~top: Identity.t=?, + ~right: Identity.t=?, + ~bottom: Identity.t=?, + ~left: Identity.t=?, + /** + Shadow + @see + **/ + ~textShadow: Identity.t=?, + ~boxShadow: Identity.t=?, + /** + Pseudo + @see + **/ + @as("_hover") ~_hover: Pseudo.t=?, + @as("_active") ~_active: Pseudo.t=?, + @as("_focus") ~_focus: Pseudo.t=?, + @as("_highlighted") ~_highlighted: Pseudo.t=?, + @as("_focusWithin") ~_focusWithin: Pseudo.t=?, + @as("_focusVisible") ~_focusVisible: Pseudo.t=?, + @as("_disabled") ~_disabled: Pseudo.t=?, + @as("_readOnly") ~_readOnly: Pseudo.t=?, + @as("_before") ~_before: Pseudo.t=?, + @as("_after") ~_after: Pseudo.t=?, + @as("_empty") ~_empty: Pseudo.t=?, + @as("_expanded") ~_expanded: Pseudo.t=?, + @as("_checked") ~_checked: Pseudo.t=?, + @as("_grabbed") ~_grabbed: Pseudo.t=?, + @as("_pressed") ~_pressed: Pseudo.t=?, + @as("_invalid") ~_invalid: Pseudo.t=?, + @as("_valid") ~_valid: Pseudo.t=?, + @as("_loading") ~_loading: Pseudo.t=?, + @as("_selected") ~_selected: Pseudo.t=?, + @as("_hidden") ~_hidden: Pseudo.t=?, + @as("_autofill") ~_autofill: Pseudo.t=?, + @as("_even") ~_even: Pseudo.t=?, + @as("_odd") ~_odd: Pseudo.t=?, + @as("_first") ~_first: Pseudo.t=?, + @as("_last") ~_last: Pseudo.t=?, + @as("_notFirst") ~_notFirst: Pseudo.t=?, + @as("_notLast") ~_notLast: Pseudo.t=?, + @as("_visited") ~_visited: Pseudo.t=?, + @as("_activeLink") ~_activeLink: Pseudo.t=?, + @as("_activeStep") ~_activeStep: Pseudo.t=?, + @as("_indeterminate") ~_indeterminate: Pseudo.t=?, + @as("_groupHover") ~_groupHover: Pseudo.t=?, + @as("_groupFocus") ~_groupFocus: Pseudo.t=?, + @as("_groupActive") ~_groupActive: Pseudo.t=?, + @as("_groupDisabled") ~_groupDisabled: Pseudo.t=?, + @as("_groupInvalid") ~_groupInvalid: Pseudo.t=?, + @as("_groupChecked") ~_groupChecked: Pseudo.t=?, + @as("_placeholder") ~_placeholder: Pseudo.t=?, + @as("_fullScreen") ~_fullScreen: Pseudo.t=?, + @as("_selection") ~_selection: Pseudo.t=?, + /** + TODO + Other Props + partial implemented + @see + ~animation=?, + ~appearance=?, + ~transform=?, + ~transformOrigin=?, + ~visibility=?, + ~whiteSpace=?, + ~userSelect=?, + ~pointerEvents=?, + ~wordBreak=?, + ~overflowWrap=?, + ~textOverflow=?, + ~boxSizing=?, + ~cursor=?, + ~resize=?, + ~transition=?, + ~objectFit=?, + ~objectPosition=?, + ~objectPosition=?, + ~float_=?, + ~fill=?, + ~stroke=?, + ~outline=?, + **/ + ~fill: Identity.t=?, + ~stroke: Identity.t=?, + /** + ReactEvent Clipboard + @see + **/ + ~onCopy: ReactEvent.Clipboard.t => unit=?, + ~onCut: ReactEvent.Clipboard.t => unit=?, + ~onPaste: ReactEvent.Clipboard.t => unit=?, + /** + ReactEvent Composition + @see + **/ + ~onCompositionEnd: ReactEvent.Composition.t => unit=?, + ~onCompositionStart: ReactEvent.Composition.t => unit=?, + ~onCompositionUpdate: ReactEvent.Composition.t => unit=?, + /** + ReactEvent Keyboard + @see + **/ + ~onKeyDown: ReactEvent.Keyboard.t => unit=?, + ~onKeyPress: ReactEvent.Keyboard.t => unit=?, + ~onKeyUp: ReactEvent.Keyboard.t => unit=? /** + ReactEvent Focus + @see + **/, + ~onFocus: ReactEvent.Focus.t => unit=?, + ~onBlur: ReactEvent.Focus.t => unit=?, + /** + ReactEvent Form + @see + **/ + ~onChange: ReactEvent.Form.t => unit=?, + ~onInput: ReactEvent.Form.t => unit=?, + ~onInvalid: ReactEvent.Form.t => unit=?, + ~onReset: ReactEvent.Form.t => unit=?, + ~onSubmit: ReactEvent.Form.t => unit=?, + /** + ReactEvent Generic Events + @see + ISSUE: Not Implemented in @rescript/react for ReactEvent.Generic; + ~onError: ReactEvent.Generic.t => unit=?, + ~onLoad: ReactEvent.Generic.t => unit=?, + **/ + /** + ReactEvent Mouse + @see + **/ + ~onClick: ReactEvent.Mouse.t => unit=?, + ~onContextMenu: ReactEvent.Mouse.t => unit=?, + ~onDoubleClick: ReactEvent.Mouse.t => unit=?, + ~onDrag: ReactEvent.Mouse.t => unit=?, + ~onDragEnd: ReactEvent.Mouse.t => unit=?, + ~onDragEnter: ReactEvent.Mouse.t => unit=?, + ~onDragExit: ReactEvent.Mouse.t => unit=?, + ~onDragLeave: ReactEvent.Mouse.t => unit=?, + ~onDragOver: ReactEvent.Mouse.t => unit=?, + ~onDragStart: ReactEvent.Mouse.t => unit=?, + ~onDrop: ReactEvent.Mouse.t => unit=?, + ~onMouseDown: ReactEvent.Mouse.t => unit=?, + ~onMouseEnter: ReactEvent.Mouse.t => unit=?, + ~onMouseLeave: ReactEvent.Mouse.t => unit=?, + ~onMouseMove: ReactEvent.Mouse.t => unit=?, + ~onMouseOut: ReactEvent.Mouse.t => unit=?, + ~onMouseOver: ReactEvent.Mouse.t => unit=?, + ~onMouseUp: ReactEvent.Mouse.t => unit=?, + /** + ReactEvent Pointer + @see + **/ + ~onPointerDown: ReactEvent.Pointer.t => unit=?, + ~onPointerMove: ReactEvent.Pointer.t => unit=?, + ~onPointerUp: ReactEvent.Pointer.t => unit=?, + ~onPointerCancel: ReactEvent.Pointer.t => unit=?, + ~onGotPointerCapture: ReactEvent.Pointer.t => unit=?, + ~onLostPointerCapture: ReactEvent.Pointer.t => unit=?, + ~onPointerEnter: ReactEvent.Pointer.t => unit=?, + ~onPointerLeave: ReactEvent.Pointer.t => unit=?, + ~onPointerOver: ReactEvent.Pointer.t => unit=?, + ~onPointerOut: ReactEvent.Pointer.t => unit=?, + /** + ReactEvent Selection + @see + **/ + ~onSelect: ReactEvent.Selection.t => unit=?, + /** + ReactEvent Touch + @see + **/ + ~onTouchCancel: ReactEvent.Touch.t => unit=?, + ~onTouchEnd: ReactEvent.Touch.t => unit=?, + ~onTouchMove: ReactEvent.Touch.t => unit=?, + ~onTouchStart: ReactEvent.Touch.t => unit=?, + /** + ReactEvent UI Events + @see + **/ + ~onScroll: ReactEvent.UI.t => unit=?, + /** + ReactEvent Wheel + @see + **/ + ~onWheel: ReactEvent.Wheel.t => unit=?, + /** + ReactEvent Media + @see + **/ + ~onAbort: ReactEvent.Media.t => unit=?, + ~onCanPlay: ReactEvent.Media.t => unit=?, + ~onCanPlayThrough: ReactEvent.Media.t => unit=?, + ~onDurationChange: ReactEvent.Media.t => unit=?, + ~onEmptied: ReactEvent.Media.t => unit=?, + ~onEncrypted: ReactEvent.Media.t => unit=?, + ~onEnded: ReactEvent.Media.t => unit=?, + // ~onError: ReactEvent.Media.t => unit=?, + ~onLoadedData: ReactEvent.Media.t => unit=?, + ~onLoadedMetadata: ReactEvent.Media.t => unit=?, + ~onLoadStart: ReactEvent.Media.t => unit=?, + ~onPause: ReactEvent.Media.t => unit=?, + ~onPlay: ReactEvent.Media.t => unit=?, + ~onPlaying: ReactEvent.Media.t => unit=?, + ~onProgress: ReactEvent.Media.t => unit=?, + ~onRateChange: ReactEvent.Media.t => unit=?, + ~onSeeked: ReactEvent.Media.t => unit=?, + ~onSeeking: ReactEvent.Media.t => unit=?, + ~onStalled: ReactEvent.Media.t => unit=?, + ~onSuspend: ReactEvent.Media.t => unit=?, + ~onTimeUpdate: ReactEvent.Media.t => unit=?, + ~onVolumeChange: ReactEvent.Media.t => unit=?, + ~onWaiting: ReactEvent.Media.t => unit=?, + ~onLoad: ReactEvent.Synthetic.t => unit=?, + ~onError: ReactEvent.Synthetic.t => unit=?, + /** + ReactEvent Other + @see + ~onToggle + **/ + /** + ReactEvent Animation + @see + **/ + ~onAnimationStart: ReactEvent.Animation.t => unit=?, + ~onAnimationEnd: ReactEvent.Animation.t => unit=?, + ~onAnimationIteration: ReactEvent.Animation.t => unit=?, +) => React.element = "Spinner" + +let makeProps = ( + /** + Component Props {Spinner} + **/ + ~emptyColor=?, + /** + Margin and Padding + **/ + ~m=?, + ~margin=?, + ~mt=?, + ~marginTop=?, + ~mr=?, + ~marginRight=?, + ~me=?, + ~marginEnd=?, + ~mb=?, + ~marginBottom=?, + ~ml=?, + ~marginLeft=?, + ~ms=?, + ~marginStart=?, + ~mx=?, + ~my=?, + ~p=?, + ~padding=?, + ~pt=?, + ~paddingTop=?, + ~pr=?, + ~paddingRight=?, + ~pe=?, + ~paddingEnd=?, + ~pb=?, + ~paddingBottom=?, + ~pl=?, + ~paddingLeft=?, + ~ps=?, + ~paddingStart=?, + ~px=?, + ~py=?, + /** + Colors and BackgroundColor + **/ + ~color=?, + ~backgroundColor=?, + ~bgColor=?, + ~opacity=?, + /** + Gradient + **/ + ~bgGradient=?, + ~backgroundClip=?, + ~bgClip=?, + /** + Typography + **/ + ~fontFamily=?, + ~fontSize=?, + ~fontWeight=?, + ~letterSpacing=?, + ~lineHeight=?, + ~textAlign=?, + ~fontStyle=?, + ~textTransform=?, + ~textDecoration=?, + /** + Layout Width and Height + **/ + ~d=?, + ~display=?, + ~w=?, + ~width=?, + ~maxW=?, + ~maxWidth=?, + ~minW=?, + ~minWidth=?, + ~h=?, + ~height=?, + ~maxH=?, + ~maxHeight=?, + ~minH=?, + ~minHeight=?, + ~boxSize=?, + ~verticalAlign=?, + ~overflow=?, + ~overflowX=?, + ~overflowY=?, + /** + Flexbox + **/ + ~alignItems=?, + ~alignContent=?, + ~justifyItems=?, + ~justifyContent=?, + ~flexWrap=?, + ~flexDirection=?, + ~flexDir=?, + ~flex=?, + ~flexGrow=?, + ~flexShrink=?, + ~flexBasis=?, + ~justifySelf=?, + ~alignSelf=?, + ~order=?, + /** + Grid + **/ + ~gridGap=?, + ~gridRowGap=?, + ~gridColumnGap=?, + ~gridColumn=?, + ~gridRow=?, + ~gridArea=?, + ~gridAutoFlow=?, + ~gridAutoRows=?, + ~gridAutoColumns=?, + ~gridTemplateRows=?, + ~gridTemplateColumns=?, + ~gridTemplateAreas=?, + /** + Background + **/ + ~bg=?, + ~background=?, + ~bgImage=?, + ~backgroundImage=?, + ~bgSize=?, + ~backgroundSize=?, + ~bgPosition=?, + ~backgroundPosition=?, + ~bgRepeat=?, + ~backgroundRepeat=?, + ~bgAttachment=?, + ~backgroundAttachment=?, + /** + Borders + **/ + ~border=?, + ~borderWidth=?, + ~borderStyle=?, + ~borderColor=?, + ~borderTop=?, + ~borderTopWidth=?, + ~borderTopStyle=?, + ~borderTopColor=?, + ~borderRight=?, + ~borderEnd=?, + ~borderRightWidth=?, + ~borderEndWidth=?, + ~borderRightStyle=?, + ~borderEndStyle=?, + ~borderRightColor=?, + ~borderEndColor=?, + ~borderBottom=?, + ~borderBottomWidth=?, + ~borderBottomStyle=?, + ~borderBottomColor=?, + ~borderLeft=?, + ~borderStart=?, + ~borderLeftWidth=?, + ~borderStartWidth=?, + ~borderLeftStyle=?, + ~borderStartStyle=?, + ~borderLeftColor=?, + ~borderStartColor=?, + ~borderX=?, + ~borderY=?, + /** + Border Radius + **/ + ~borderRadius=?, + ~borderTopLeftRadius=?, + ~borderTopStartRadius=?, + ~borderTopRightRadius=?, + ~borderTopEndRadius=?, + ~borderBottomRightRadius=?, + ~borderBottomEndRadius=?, + ~borderBottomLeftRadius=?, + ~borderBottomStartRadius=?, + ~borderTopRadius=?, + ~borderRightRadius=?, + ~borderEndRadius=?, + ~borderBottomRadius=?, + ~borderLeftRadius=?, + ~borderStartRadius=?, + /** + Position + **/ + ~pos=?, + ~position=?, + ~zIndex=?, + ~top=?, + ~right=?, + ~bottom=?, + ~left=?, + /** + Shadow + **/ + ~textShadow=?, + ~boxShadow=?, + /** + TODO + Other Props + **/ + ~fill=?, + ~stroke=?, +) => + makeProps( + /** + Component Props {Spinner} + **/ + ~emptyColor=?emptyColor->Belt.Option.map(Chakra__AtomicTypes.Colors.toString), + /** + Margin and Padding + **/ + ~margin=?m->withShorthand(margin)->Margin.fromOption, + ~marginTop=?mt->withShorthand(marginTop)->Margin.fromOption, + ~marginRight=?mr->withShorthand(marginRight)->Margin.fromOption, + ~marginEnd=?me->withShorthand(marginEnd)->Margin.fromOption, + ~marginBottom=?mb->withShorthand(marginBottom)->Margin.fromOption, + ~marginLeft=?ml->withShorthand(marginLeft)->Margin.fromOption, + ~marginStart=?ms->withShorthand(marginStart)->Margin.fromOption, + ~mx=?mx->Margin.fromOption, + ~my=?my->Margin.fromOption, + ~padding=?p->withShorthand(padding)->Padding.fromOption, + ~paddingTop=?pt->withShorthand(paddingTop)->Padding.fromOption, + ~paddingRight=?pr->withShorthand(paddingRight)->Padding.fromOption, + ~paddingEnd=?pe->withShorthand(paddingEnd)->Padding.fromOption, + ~paddingBottom=?pb->withShorthand(paddingBottom)->Padding.fromOption, + ~paddingLeft=?pl->withShorthand(paddingLeft)->Padding.fromOption, + ~paddingStart=?ps->withShorthand(paddingStart)->Padding.fromOption, + ~px=?px->Padding.fromOption, + ~py=?py->Padding.fromOption, + /** + Colors and Background Color + **/ + ~color=?color->Color.fromOption, + ~backgroundColor=?bgColor->withShorthand(backgroundColor)->BackgroundColor.fromOption, + ~opacity=?opacity->Opacity.fromOption, + /** + Gradient + **/ + ~bgGradient=?bgGradient->Gradient.fromOption, + ~backgroundClip=?bgClip->withShorthand(backgroundClip)->BackgroundClip.fromOption, + /** + Typography + **/ + ~fontFamily=?fontFamily->FontFamily.fromOption, + ~fontSize=?fontSize->FontSize.fromOption, + ~fontWeight=?fontWeight->FontWeight.fromOption, + ~letterSpacing=?letterSpacing->LetterSpacing.fromOption, + ~lineHeight=?lineHeight->LineHeight.fromOption, + ~textAlign=?textAlign->TextAlign.fromOption, + ~fontStyle=?fontStyle->FontStyle.fromOption, + ~textTransform=?textTransform->TextTransform.fromOption, + ~textDecoration=?textDecoration->TextDecoration.fromOption, + /** + Layout Width and Height + **/ + ~display=?d->withShorthand(display)->Display.fromOption, + ~height=?h->withShorthand(height)->Height.fromOption, + ~minHeight=?minH->withShorthand(minHeight)->Height.fromOption, + ~maxHeight=?maxH->withShorthand(maxHeight)->MaxHeight.fromOption, + ~width=?w->withShorthand(width)->Width.fromOption, + ~minWidth=?minW->withShorthand(minWidth)->Width.fromOption, + ~maxWidth=?maxW->withShorthand(maxWidth)->MaxWidth.fromOption, + ~boxSize=?boxSize->BoxSize.fromOption, + ~verticalAlign=?verticalAlign->VerticalAlign.fromOption, + ~overflow=?overflow->Overflow.fromOption, + ~overflowY=?overflowY->Overflow.fromOption, + ~overflowX=?overflowX->Overflow.fromOption, + /** + Flexbox + **/ + ~alignItems=?alignItems->AlignItems.fromOption, + ~alignContent=?alignContent->AlignContent.fromOption, + ~justifyItems=?justifyItems->JustifyItems.fromOption, + ~justifyContent=?justifyContent->JustifyContent.fromOption, + ~flexWrap=?flexWrap->FlexWrap.fromOption, + ~flexDirection=?flexDir->withShorthand(flexDirection)->FlexDirection.fromOption, + ~flex=?flex->Flex.fromOption, + ~flexGrow=?flexGrow->FlexGrow.fromOption, + ~flexShrink=?flexShrink->FlexShrink.fromOption, + ~flexBasis=?flexBasis->FlexBasis.fromOption, + ~justifySelf=?justifySelf->JustifySelf.fromOption, + ~alignSelf=?alignSelf->AlignSelf.fromOption, + ~order=?order->Order.fromOption, + /** + Grid + **/ + ~gridGap=?gridGap->GridGap.fromOption, + ~gridRowGap=?gridRowGap->GridRowGap.fromOption, + ~gridColumnGap=?gridColumnGap->GridColumnGap.fromOption, + ~gridColumn=?gridColumn->GridColumn.fromOption, + ~gridRow=?gridRow->GridRow.fromOption, + ~gridArea=?gridArea->GridArea.fromOption, + ~gridAutoFlow=?gridAutoFlow->GridAutoFlow.fromOption, + ~gridAutoRows=?gridAutoRows->GridAutoRows.fromOption, + ~gridAutoColumns=?gridAutoColumns->GridAutoColumns.fromOption, + ~gridTemplateRows=?gridTemplateRows->GridTemplateRows.fromOption, + ~gridTemplateColumns=?gridTemplateColumns->GridTemplateColumns.fromOption, + ~gridTemplateAreas=?gridTemplateAreas->GridTemplateAreas.fromOption, + /** + Background + **/ + ~background=?bg->withShorthand(background)->Background.fromOption, + ~backgroundImage=?bgImage->withShorthand(backgroundImage)->BackgroundImage.fromOption, + ~backgroundSize=?bgSize->withShorthand(backgroundSize)->BackgroundSize.fromOption, + ~backgroundPosition=?bgPosition + ->withShorthand(backgroundPosition) + ->BackgroundPosition.fromOption, + ~backgroundRepeat=?bgRepeat->withShorthand(backgroundRepeat)->BackgroundRepeat.fromOption, + ~backgroundAttachment=?bgAttachment + ->withShorthand(backgroundAttachment) + ->BackgroundAttachment.fromOption, + /** + Borders + **/ + ~border=?border->Border.fromOption, + ~borderWidth=?borderWidth->BorderWidth.fromOption, + ~borderStyle=?borderStyle->BorderStyle.fromOption, + ~borderColor=?borderColor->BorderColor.fromOption, + ~borderTop=?borderTop->Border.fromOption, + ~borderTopWidth=?borderTopWidth->BorderWidth.fromOption, + ~borderTopStyle=?borderTopStyle->BorderStyle.fromOption, + ~borderTopColor=?borderTopColor->BorderColor.fromOption, + ~borderRight=?borderRight->Border.fromOption, + ~borderEnd=?borderEnd->Border.fromOption, + ~borderRightWidth=?borderRightWidth->BorderWidth.fromOption, + ~borderEndWidth=?borderEndWidth->BorderWidth.fromOption, + ~borderRightStyle=?borderRightStyle->BorderStyle.fromOption, + ~borderEndStyle=?borderEndStyle->BorderStyle.fromOption, + ~borderRightColor=?borderRightColor->BorderColor.fromOption, + ~borderEndColor=?borderEndColor->BorderColor.fromOption, + ~borderBottom=?borderBottom->Border.fromOption, + ~borderBottomWidth=?borderBottomWidth->BorderWidth.fromOption, + ~borderBottomStyle=?borderBottomStyle->BorderStyle.fromOption, + ~borderBottomColor=?borderBottomColor->BorderColor.fromOption, + ~borderLeft=?borderLeft->Border.fromOption, + ~borderStart=?borderStart->Border.fromOption, + ~borderLeftWidth=?borderLeftWidth->BorderWidth.fromOption, + ~borderStartWidth=?borderStartWidth->BorderWidth.fromOption, + ~borderLeftStyle=?borderLeftStyle->BorderStyle.fromOption, + ~borderStartStyle=?borderStartStyle->BorderStyle.fromOption, + ~borderLeftColor=?borderLeftColor->BorderColor.fromOption, + ~borderStartColor=?borderStartColor->BorderColor.fromOption, + ~borderX=?borderX->Border.fromOption, + ~borderY=?borderY->Border.fromOption, + /** + Border Radius + **/ + ~borderRadius=?borderRadius->BorderRadius.fromOption, + ~borderTopLeftRadius=?borderTopLeftRadius->BorderRadius.fromOption, + ~borderTopStartRadius=?borderTopStartRadius->BorderRadius.fromOption, + ~borderTopRightRadius=?borderTopRightRadius->BorderRadius.fromOption, + ~borderTopEndRadius=?borderTopEndRadius->BorderRadius.fromOption, + ~borderBottomRightRadius=?borderBottomRightRadius->BorderRadius.fromOption, + ~borderBottomEndRadius=?borderBottomEndRadius->BorderRadius.fromOption, + ~borderBottomLeftRadius=?borderBottomLeftRadius->BorderRadius.fromOption, + ~borderBottomStartRadius=?borderBottomStartRadius->BorderRadius.fromOption, + ~borderTopRadius=?borderTopRadius->BorderRadius.fromOption, + ~borderRightRadius=?borderRightRadius->BorderRadius.fromOption, + ~borderEndRadius=?borderEndRadius->BorderRadius.fromOption, + ~borderBottomRadius=?borderBottomRadius->BorderRadius.fromOption, + ~borderLeftRadius=?borderLeftRadius->BorderRadius.fromOption, + ~borderStartRadius=?borderStartRadius->BorderRadius.fromOption, + /** + Position + **/ + ~position=?pos->withShorthand(position)->Position.fromOption, + ~zIndex=?zIndex->ZIndex.fromOption, + ~top=?top->Top.fromOption, + ~right=?right->Right.fromOption, + ~bottom=?bottom->Bottom.fromOption, + ~left=?left->Left.fromOption, + /** + Shadow + **/ + ~textShadow=?textShadow->TextShadow.fromOption, + ~boxShadow=?boxShadow->BoxShadow.fromOption, + /** + TODO + Other Props + **/ + ~fill=?fill->Color.fromOption, + ~stroke=?stroke->Color.fromOption, + ) diff --git a/src/Components/Chakra__Toast.res b/src/Components/Chakra__Toast.res new file mode 100644 index 0000000..c02de1d --- /dev/null +++ b/src/Components/Chakra__Toast.res @@ -0,0 +1,51 @@ +type config +type toast +type t = config => toast + +@module("@chakra-ui/react") +external useToast: unit => t = "useToast" + +@module("@chakra-ui/react") +external createStandaloneToast: unit => t = "createStandaloneToast" + +@send +external closeAll: t => unit = "closeAll" + +@send +external close: (t, toast) => unit = "close" + +@obj +external config: ( + ~description: string=?, + ~duration: float=?, + ~id: string=?, + ~isClosable: bool=?, + ~onCloseComplete: unit => unit=?, + ~position: [ + | #top + | #bottom + | #"top-start" + | #"top-end" + | #"bottom-start" + | #"bottom-end" + | #"top-left" + | #"top-right" + | #"bottom-left" + | #"bottom-right" + ]=?, + ~render: unit => React.element=?, + ~status: [ + | #info + | #warning + | #success + | #error + ]=?, + ~title: string=?, + ~variant: [ + | #solid + | #subtle + | #"left-accent" + | #"top-accent" + ]=?, + unit, +) => config = "" diff --git a/src/Interfaces/Chakra__AtomicTypes.res b/src/Interfaces/Chakra__AtomicTypes.res index facc1e8..c15f2cb 100644 --- a/src/Interfaces/Chakra__AtomicTypes.res +++ b/src/Interfaces/Chakra__AtomicTypes.res @@ -2290,77 +2290,77 @@ module Breakpoints = { module Spaces = { type t = [ | #px_ - | #zero - | #zeroP - | #one - | #oneP - | #two - | #twoP - | #three - | #threeP - | #four - | #five - | #six - | #seven - | #eight - | #nine - | #ten - | #twelve - | #fourteen - | #sixteen - | #twenty - | #twentyfour - | #twentyeight - | #thirtytwo - | #thirtysix - | #fourty - | #fourtyfour - | #fourtyeight - | #fivetytwo - | #fivetysix - | #sixty - | #sixtyfour - | #seventytwo - | #eighty - | #ninetysix + | #0 + | #"0.5" + | #1 + | #"1.5" + | #2 + | #"2.5" + | #3 + | #"3.5" + | #4 + | #5 + | #6 + | #7 + | #8 + | #9 + | #10 + | #12 + | #14 + | #16 + | #20 + | #24 + | #28 + | #32 + | #36 + | #40 + | #44 + | #48 + | #52 + | #56 + | #60 + | #64 + | #72 + | #80 + | #96 ] let toString = x => switch x { | #px_ => "px" - | #zero => "0" - | #zeroP => "0.5" - | #one => "1" - | #oneP => "1.5" - | #two => "2" - | #twoP => "2.t" - | #three => "3" - | #threeP => "3.5" - | #four => "4" - | #five => "5" - | #six => "6" - | #seven => "7" - | #eight => "8" - | #nine => "9" - | #ten => "10" - | #twelve => "12" - | #fourteen => "14" - | #sixteen => "16" - | #twenty => "20" - | #twentyfour => "24" - | #twentyeight => "28" - | #thirtytwo => "32" - | #thirtysix => "36" - | #fourty => "40" - | #fourtyfour => "44" - | #fourtyeight => "48" - | #fivetytwo => "52" - | #fivetysix => "56" - | #sixty => "60" - | #sixtyfour => "64" - | #seventytwo => "72" - | #eighty => "80" - | #ninetysix => "96" + | #0 => "0" + | #"0.5" => "0.5" + | #1 => "1" + | #"1.5" => "1.5" + | #2 => "2" + | #"2.5" => "2.t" + | #3 => "3" + | #"3.5" => "3.5" + | #4 => "4" + | #5 => "5" + | #6 => "6" + | #7 => "7" + | #8 => "8" + | #9 => "9" + | #10 => "10" + | #12 => "12" + | #14 => "14" + | #16 => "16" + | #20 => "20" + | #24 => "24" + | #28 => "28" + | #32 => "32" + | #36 => "36" + | #40 => "40" + | #44 => "44" + | #48 => "48" + | #52 => "52" + | #56 => "56" + | #60 => "60" + | #64 => "64" + | #72 => "72" + | #80 => "80" + | #96 => "96" } } diff --git a/src/Interfaces/Chakra__AtomicTypes.resi b/src/Interfaces/Chakra__AtomicTypes.resi index 8d4f64c..cc03cdf 100644 --- a/src/Interfaces/Chakra__AtomicTypes.resi +++ b/src/Interfaces/Chakra__AtomicTypes.resi @@ -1614,39 +1614,39 @@ module Breakpoints: { module Spaces: { type t = [ | #px_ - | #zero - | #zeroP - | #one - | #oneP - | #two - | #twoP - | #three - | #threeP - | #four - | #five - | #six - | #seven - | #eight - | #nine - | #ten - | #twelve - | #fourteen - | #sixteen - | #twenty - | #twentyfour - | #twentyeight - | #thirtytwo - | #thirtysix - | #fourty - | #fourtyfour - | #fourtyeight - | #fivetytwo - | #fivetysix - | #sixty - | #sixtyfour - | #seventytwo - | #eighty - | #ninetysix + | #0 + | #"0.5" + | #1 + | #"1.5" + | #2 + | #"2.5" + | #3 + | #"3.5" + | #4 + | #5 + | #6 + | #7 + | #8 + | #9 + | #10 + | #12 + | #14 + | #16 + | #20 + | #24 + | #28 + | #32 + | #36 + | #40 + | #44 + | #48 + | #52 + | #56 + | #60 + | #64 + | #72 + | #80 + | #96 ] let toString: t => string diff --git a/src/Interfaces/Chakra__Theme.res b/src/Interfaces/Chakra__Theme.res index 097fe6a..5eee6bf 100644 --- a/src/Interfaces/Chakra__Theme.res +++ b/src/Interfaces/Chakra__Theme.res @@ -87,4 +87,21 @@ module Size = { | lg ] } + module Spinner = { + type t = [ + | xs + | sm + | md + | lg + | xl + ] + } + module Progress = { + type t = [ + | xs + | sm + | md + | lg + ] + } } diff --git a/yarn.lock b/yarn.lock index b5fedf0..31399b3 100644 --- a/yarn.lock +++ b/yarn.lock @@ -107,6 +107,15 @@ __metadata: languageName: node linkType: hard +"@babel/helper-module-imports@npm:^7.12.13": + version: 7.15.4 + resolution: "@babel/helper-module-imports@npm:7.15.4" + dependencies: + "@babel/types": ^7.15.4 + checksum: efb532958154817da2f5f4e9c12818500f97c2256eb6b99f01c7c537e506b8b2e609b0444d91503956ed3102eaba50826607a3352ef563d04430f9b5f502061b + languageName: node + linkType: hard + "@babel/helper-module-imports@npm:^7.14.5": version: 7.14.5 resolution: "@babel/helper-module-imports@npm:7.14.5" @@ -185,6 +194,13 @@ __metadata: languageName: node linkType: hard +"@babel/helper-validator-identifier@npm:^7.14.9": + version: 7.15.7 + resolution: "@babel/helper-validator-identifier@npm:7.15.7" + checksum: eb3eaea69de1e69c0c74e15b3934aa844b248d3bda6d5fa97f8c46fc16eada6153d2f519379ec3801b794bb5b72a88e087a18bbe6682cd72ce0c7a69144f2f7a + languageName: node + linkType: hard + "@babel/helper-validator-option@npm:^7.14.5": version: 7.14.5 resolution: "@babel/helper-validator-option@npm:7.14.5" @@ -278,6 +294,17 @@ __metadata: languageName: node linkType: hard +"@babel/plugin-syntax-jsx@npm:^7.12.13": + version: 7.14.5 + resolution: "@babel/plugin-syntax-jsx@npm:7.14.5" + dependencies: + "@babel/helper-plugin-utils": ^7.14.5 + peerDependencies: + "@babel/core": ^7.0.0-0 + checksum: d6f998d4c85504c2dfbb1f501c0b43173c972614b438c9a5753ec89ee60ce1adebd2acd004be4d49f2b0ab00e3c0cd6ace29c8a6f0075ef37d1428ac202982b7 + languageName: node + linkType: hard + "@babel/plugin-syntax-logical-assignment-operators@npm:^7.8.3": version: 7.10.4 resolution: "@babel/plugin-syntax-logical-assignment-operators@npm:7.10.4" @@ -355,6 +382,15 @@ __metadata: languageName: node linkType: hard +"@babel/runtime@npm:^7.0.0, @babel/runtime@npm:^7.12.13, @babel/runtime@npm:^7.13.10, @babel/runtime@npm:^7.7.2": + version: 7.15.4 + resolution: "@babel/runtime@npm:7.15.4" + dependencies: + regenerator-runtime: ^0.13.4 + checksum: 64b6c250fd02a664f40835b7bfc3ec0b473d251bf4881b06b689b60662bf2ae17adc6fa32fb0e0de308de5d4bc383738c6030ad93d823066fb9fd7c18f552b56 + languageName: node + linkType: hard + "@babel/template@npm:^7.14.5, @babel/template@npm:^7.3.3": version: 7.14.5 resolution: "@babel/template@npm:7.14.5" @@ -383,32 +419,1030 @@ __metadata: languageName: node linkType: hard -"@babel/types@npm:^7.0.0, @babel/types@npm:^7.14.5, @babel/types@npm:^7.3.0, @babel/types@npm:^7.3.3, @babel/types@npm:^7.8.3": - version: 7.14.5 - resolution: "@babel/types@npm:7.14.5" +"@babel/types@npm:^7.0.0, @babel/types@npm:^7.14.5, @babel/types@npm:^7.3.0, @babel/types@npm:^7.3.3, @babel/types@npm:^7.8.3": + version: 7.14.5 + resolution: "@babel/types@npm:7.14.5" + dependencies: + "@babel/helper-validator-identifier": ^7.14.5 + to-fast-properties: ^2.0.0 + checksum: 45575b46df5ec0e63454b794a60f362596c6f16beda7df3693b134db5be15eb43f7b98ca7b2a5a9628171db5192eed5b8965e43c0a6f5383bca4ddefd0ea8d30 + languageName: node + linkType: hard + +"@babel/types@npm:^7.15.4": + version: 7.15.6 + resolution: "@babel/types@npm:7.15.6" + dependencies: + "@babel/helper-validator-identifier": ^7.14.9 + to-fast-properties: ^2.0.0 + checksum: 34c8048bdec27e9935fa22cb1bd02f7b7c92c3bce21e96a85a92791c7e648868bb39039f0a1293dadc3fda51242040077d65e0a3d9601993ea5e4d9dd0821da4 + languageName: node + linkType: hard + +"@bcoe/v8-coverage@npm:^0.2.3": + version: 0.2.3 + resolution: "@bcoe/v8-coverage@npm:0.2.3" + checksum: 4fc6fb784b09d2e994fc9180dc8af9f674a4e5114cd2c52754e689f87725e670d0919728945fe3991d434109e42e5ac6f9d85c58a566e2a645eb9dda68eead6a + languageName: node + linkType: hard + +"@chakra-ui/accordion@npm:1.3.6": + version: 1.3.6 + resolution: "@chakra-ui/accordion@npm:1.3.6" + dependencies: + "@chakra-ui/descendant": 2.0.1 + "@chakra-ui/hooks": 1.6.0 + "@chakra-ui/icon": 1.1.11 + "@chakra-ui/react-utils": 1.1.2 + "@chakra-ui/transition": 1.3.4 + "@chakra-ui/utils": 1.8.2 + peerDependencies: + "@chakra-ui/system": ">=1.0.0" + react: ">=16.8.6" + checksum: 0bf8b331322964a449a378319d5903bccdf4f8d4501a1afdee72e9c141a535a6df16a8250ccd51bce962fb51a507bf0fba73718fad3a893feb38eaac9863779a + languageName: node + linkType: hard + +"@chakra-ui/alert@npm:1.2.7": + version: 1.2.7 + resolution: "@chakra-ui/alert@npm:1.2.7" + dependencies: + "@chakra-ui/icon": 1.1.11 + "@chakra-ui/react-utils": 1.1.2 + "@chakra-ui/utils": 1.8.2 + peerDependencies: + "@chakra-ui/system": ">=1.0.0" + react: ">=16.8.6" + checksum: 8033c21ab83a8ef7d4117b214b58fe2e241c75a4e5b1e40a354a516cc9a81c646860cfa113f4aaa57d8239a4f214a81edaa08f45ec9a36b7c61f7ab6a97ce62d + languageName: node + linkType: hard + +"@chakra-ui/anatomy@npm:1.0.1": + version: 1.0.1 + resolution: "@chakra-ui/anatomy@npm:1.0.1" + dependencies: + "@chakra-ui/theme-tools": ^1.2.1 + checksum: c4bd16ac6d2f3a596d4b64aea8abeb7eac27d8f24e44dfaefe09d2fac795a59e7fd37749ff5f83226a09726688b4fd478f8005cd8d27e6798bbe2dffc539f67a + languageName: node + linkType: hard + +"@chakra-ui/avatar@npm:1.2.10": + version: 1.2.10 + resolution: "@chakra-ui/avatar@npm:1.2.10" + dependencies: + "@chakra-ui/image": 1.0.20 + "@chakra-ui/react-utils": 1.1.2 + "@chakra-ui/utils": 1.8.2 + peerDependencies: + "@chakra-ui/system": ">=1.0.0" + react: ">=16.8.6" + checksum: 8654af190ed3b2d355883703ed9ef69b85279a4b50a4677b06e7e626f83f3444fb2d422cb01b8c7d992e1f5067a9c71aed04ab6eb22238bba1aa8a8189ea670f + languageName: node + linkType: hard + +"@chakra-ui/breadcrumb@npm:1.2.8": + version: 1.2.8 + resolution: "@chakra-ui/breadcrumb@npm:1.2.8" + dependencies: + "@chakra-ui/react-utils": 1.1.2 + "@chakra-ui/utils": 1.8.2 + peerDependencies: + "@chakra-ui/system": ">=1.0.0" + react: ">=16.8.6" + checksum: b6e7d25ddbd483f84b5f88af8ec237cf430ee5849eafba3c3696272822aa281aa15ce983ce41c199b24a07c95d41041c16592573a69f2c784f32588513209343 + languageName: node + linkType: hard + +"@chakra-ui/button@npm:1.4.3": + version: 1.4.3 + resolution: "@chakra-ui/button@npm:1.4.3" + dependencies: + "@chakra-ui/hooks": 1.6.0 + "@chakra-ui/spinner": 1.1.12 + "@chakra-ui/utils": 1.8.2 + peerDependencies: + "@chakra-ui/system": ">=1.0.0" + react: ">=16.8.6" + checksum: 77f1dcbe185ae06a2f3b8cef2406aa746a2fb3abcc08f1ff34757655bbd829336125ef6e43c68081e4967611f6f4ac684ea65dcb7685a2ba9f790975dda08692 + languageName: node + linkType: hard + +"@chakra-ui/checkbox@npm:1.5.7": + version: 1.5.7 + resolution: "@chakra-ui/checkbox@npm:1.5.7" + dependencies: + "@chakra-ui/hooks": 1.6.0 + "@chakra-ui/react-utils": 1.1.2 + "@chakra-ui/utils": 1.8.2 + "@chakra-ui/visually-hidden": 1.0.14 + peerDependencies: + "@chakra-ui/system": ">=1.0.0" + framer-motion: 3.x || 4.x + react: ">=16.8.6" + checksum: 987a32fb2dc3e0ade309e65ae4b3a4a01803fb862d113fb6b97b85ab12f84b6615a45232f5e92b0c89591bb9f9c6ba555368fe9f2463abe76003e2cab35d986a + languageName: node + linkType: hard + +"@chakra-ui/clickable@npm:1.1.7": + version: 1.1.7 + resolution: "@chakra-ui/clickable@npm:1.1.7" + dependencies: + "@chakra-ui/react-utils": 1.1.2 + "@chakra-ui/utils": 1.8.2 + peerDependencies: + react: ">=16.8.6" + checksum: 1d6205e55326b09852d619d59b8670a5f7dc745baa78b7de1e442bf53f88ea06fb65cc7c23104f25744f2d44347a6059c10e3ea8d8284ba67b881cdde457d018 + languageName: node + linkType: hard + +"@chakra-ui/close-button@npm:1.1.11": + version: 1.1.11 + resolution: "@chakra-ui/close-button@npm:1.1.11" + dependencies: + "@chakra-ui/icon": 1.1.11 + "@chakra-ui/utils": 1.8.2 + peerDependencies: + "@chakra-ui/system": ">=1.0.0" + react: ">=16.8.6" + checksum: 6ddb287f83768771a1bfa1dd377a7b4cae18405bf0b195ed3c2fa9e6c1940e178b4e913a5bd98b8bcd583ec6ad487cb84c2a1b1cf2cd25f29903a4e6032e39dd + languageName: node + linkType: hard + +"@chakra-ui/color-mode@npm:1.1.12": + version: 1.1.12 + resolution: "@chakra-ui/color-mode@npm:1.1.12" + dependencies: + "@chakra-ui/hooks": 1.6.0 + "@chakra-ui/utils": 1.8.2 + peerDependencies: + react: ">=16.8.6" + checksum: 819f3c663dd4bea84cd6ded957fec5ff7eb3ca6a839bc8084a942b8d2fcde49dead8438822e9c6049b2ed1e17de127afd203823ae2fc8a0993a3e03a5d5b5684 + languageName: node + linkType: hard + +"@chakra-ui/control-box@npm:1.0.15": + version: 1.0.15 + resolution: "@chakra-ui/control-box@npm:1.0.15" + dependencies: + "@chakra-ui/utils": 1.8.2 + peerDependencies: + "@chakra-ui/system": ">=1.0.0" + react: ">=16.8.6" + checksum: 8196615fcac7542b81dea402deb7682e794654057f797dc6063019b955093f7f92200a69dd59b26190d57b30e87e8238b907e1f03aa9e4b9354d09e6b2bc27c9 + languageName: node + linkType: hard + +"@chakra-ui/counter@npm:1.1.9": + version: 1.1.9 + resolution: "@chakra-ui/counter@npm:1.1.9" + dependencies: + "@chakra-ui/hooks": 1.6.0 + "@chakra-ui/utils": 1.8.2 + peerDependencies: + react: ">=16.8.6" + checksum: 3c82b958ff0d950a506a2917472f6bf77b85192ef6cc66a3884101e165a21347d2a1909f597f236a36b74db40d1915cea9179e223a3a46c14563caef16a3de7e + languageName: node + linkType: hard + +"@chakra-ui/css-reset@npm:1.0.0": + version: 1.0.0 + resolution: "@chakra-ui/css-reset@npm:1.0.0" + peerDependencies: + "@emotion/react": ">=10.0.35" + react: ">=16.8.6" + checksum: f41eca4d828e5c5d397785e125915104eea68a5759ba3a91c5ecb5e5570b745e012bf95c02d071470146fa15633435015f0f8769515c7aaafd75d156a91ea27e + languageName: node + linkType: hard + +"@chakra-ui/descendant@npm:2.0.1": + version: 2.0.1 + resolution: "@chakra-ui/descendant@npm:2.0.1" + dependencies: + "@chakra-ui/react-utils": ^1.1.2 + peerDependencies: + react: ">=16.8.6" + checksum: 6628e3de65e22bbe745ec02277b0441956fb61ae45fe6e5b0ddb1a16e74a4e796067d6a95a7358c9a8bc8834c0aee76dd283891ffd9ea9f218f52166aaba51cf + languageName: node + linkType: hard + +"@chakra-ui/editable@npm:1.2.9": + version: 1.2.9 + resolution: "@chakra-ui/editable@npm:1.2.9" + dependencies: + "@chakra-ui/hooks": 1.6.0 + "@chakra-ui/react-utils": 1.1.2 + "@chakra-ui/utils": 1.8.2 + peerDependencies: + "@chakra-ui/system": ">=1.0.0" + react: ">=16.8.6" + checksum: 612ee8086483cfcb0e3f7e92285065e27eeafa5b308eb55fcdba92d773d6eed189fb575fbcda1cc20d056a461dc8a53008a1e480762be4b16294c80e7dea62a8 + languageName: node + linkType: hard + +"@chakra-ui/focus-lock@npm:1.1.10": + version: 1.1.10 + resolution: "@chakra-ui/focus-lock@npm:1.1.10" + dependencies: + "@chakra-ui/utils": 1.8.2 + react-focus-lock: 2.5.0 + peerDependencies: + react: ">=16.8.6" + checksum: 6f8625fc82dd104d7994c8e1ec87d66af516d92bf6e102962a03ded318f89dc6e577778567b83f7862ee2512dc613ebe54077ea499eeb5c0b116bb9e21f0400a + languageName: node + linkType: hard + +"@chakra-ui/form-control@npm:1.4.1": + version: 1.4.1 + resolution: "@chakra-ui/form-control@npm:1.4.1" + dependencies: + "@chakra-ui/hooks": 1.6.0 + "@chakra-ui/icon": 1.1.11 + "@chakra-ui/react-utils": 1.1.2 + "@chakra-ui/utils": 1.8.2 + peerDependencies: + "@chakra-ui/system": ">=1.0.0" + react: ">=16.8.6" + checksum: 2421a472b8dfb37a7bdb95e369197d93080e5ca7feb3541c6297becd534c203350817479b2a9f0c3dfae236627c02dd06b1a34eecde5e3a39bbb3d1e495539bd + languageName: node + linkType: hard + +"@chakra-ui/hooks@npm:1.6.0": + version: 1.6.0 + resolution: "@chakra-ui/hooks@npm:1.6.0" + dependencies: + "@chakra-ui/react-utils": 1.1.2 + "@chakra-ui/utils": 1.8.2 + compute-scroll-into-view: 1.0.14 + copy-to-clipboard: 3.3.1 + peerDependencies: + react: ">=16.8.6" + checksum: 61e3c102ecf2cc3de38dc691ec2cb9615a36e10ec22976a19ff4e80d8617bfcbaf3818f783898bde166c730cd88c7bf1b22c07949005a70e125b866dda10c517 + languageName: node + linkType: hard + +"@chakra-ui/icon@npm:1.1.11": + version: 1.1.11 + resolution: "@chakra-ui/icon@npm:1.1.11" + dependencies: + "@chakra-ui/utils": 1.8.2 + peerDependencies: + "@chakra-ui/system": ">=1.0.0" + react: ">=16.8.6" + checksum: c81a20685d92cd445dfc06e78428a2a56d78c8859825df89446ce4636909a97659092481411900da25a48d8e6c7f821d04e1b23443cde8afe4b17f74d560dcf5 + languageName: node + linkType: hard + +"@chakra-ui/image@npm:1.0.20": + version: 1.0.20 + resolution: "@chakra-ui/image@npm:1.0.20" + dependencies: + "@chakra-ui/hooks": 1.6.0 + "@chakra-ui/utils": 1.8.2 + peerDependencies: + "@chakra-ui/system": ">=1.0.0" + react: ">=16.8.6" + checksum: a6c8ce193970f5afc1c6d17785bcfe160aac2ff26a89b1b49c085f670bff1e13ea7c6e0d7c10c0c89052a32d78f557c6c2c9363d179d75983123408b864583dd + languageName: node + linkType: hard + +"@chakra-ui/input@npm:1.2.10": + version: 1.2.10 + resolution: "@chakra-ui/input@npm:1.2.10" + dependencies: + "@chakra-ui/form-control": 1.4.1 + "@chakra-ui/react-utils": 1.1.2 + "@chakra-ui/utils": 1.8.2 + peerDependencies: + "@chakra-ui/system": ">=1.0.0" + react: ">=16.8.6" + checksum: 23be943bbbc9ac8414e22f7dd023b0c4efa3a455a8c5d73dd84633dbdac6601fc3643a3dd8f7e8cc3c1fecee61031574ca77f0da9403b323700757fb1840c4e9 + languageName: node + linkType: hard + +"@chakra-ui/layout@npm:1.4.9": + version: 1.4.9 + resolution: "@chakra-ui/layout@npm:1.4.9" + dependencies: + "@chakra-ui/icon": 1.1.11 + "@chakra-ui/react-utils": 1.1.2 + "@chakra-ui/utils": 1.8.2 + peerDependencies: + "@chakra-ui/system": ">=1.0.0" + react: ">=16.8.6" + checksum: a0892de7b97c3fb44e8c4bda9a58cc2ea9983d0cb79ce260440536f8ee32a49335098881d04610fb8ddd6473e9152b6280228f608b58769cb0117fb470874ebe + languageName: node + linkType: hard + +"@chakra-ui/live-region@npm:1.0.14": + version: 1.0.14 + resolution: "@chakra-ui/live-region@npm:1.0.14" + dependencies: + "@chakra-ui/utils": 1.8.2 + peerDependencies: + react: ">=16.8.6" + checksum: 5677d6998d93ec1e1ee00d85984a162a539756c891a1d05fd219886c089a39be0b8bf883e4620e0aa43ab0b08e989256d0a0197b8e23667fe175d4cc8ba0719f + languageName: node + linkType: hard + +"@chakra-ui/media-query@npm:1.1.2": + version: 1.1.2 + resolution: "@chakra-ui/media-query@npm:1.1.2" + dependencies: + "@chakra-ui/react-env": 1.0.6 + "@chakra-ui/utils": 1.8.2 + peerDependencies: + "@chakra-ui/system": ">=1.0.0" + "@chakra-ui/theme": ">=1.0.0" + react: ">=16.8.6" + checksum: 16d2d938d776a6dc74e579e57cef99ce84b4d2dc8120753985d95528c4f555e1b7931fd895dabfbefa0a460bb2b412500d3dc1d49f2a05c16def8f525b3e90c0 + languageName: node + linkType: hard + +"@chakra-ui/menu@npm:1.7.4": + version: 1.7.4 + resolution: "@chakra-ui/menu@npm:1.7.4" + dependencies: + "@chakra-ui/clickable": 1.1.7 + "@chakra-ui/descendant": 2.0.1 + "@chakra-ui/hooks": 1.6.0 + "@chakra-ui/popper": 2.3.0 + "@chakra-ui/react-utils": 1.1.2 + "@chakra-ui/transition": 1.3.4 + "@chakra-ui/utils": 1.8.2 + peerDependencies: + "@chakra-ui/system": ">=1.0.0" + framer-motion: 3.x || 4.x + react: ">=16.8.6" + checksum: d42bf7a4e17936d2319a60024e42bed6aff417e9e442d81be485dc011e1fe7bd77adf418d47ee70ee74ced01f93c2e00d9da3ceddbf7f23e6e368f6932f05bd5 + languageName: node + linkType: hard + +"@chakra-ui/modal@npm:1.9.0": + version: 1.9.0 + resolution: "@chakra-ui/modal@npm:1.9.0" + dependencies: + "@chakra-ui/close-button": 1.1.11 + "@chakra-ui/focus-lock": 1.1.10 + "@chakra-ui/hooks": 1.6.0 + "@chakra-ui/portal": 1.2.9 + "@chakra-ui/react-utils": 1.1.2 + "@chakra-ui/transition": 1.3.4 + "@chakra-ui/utils": 1.8.2 + aria-hidden: ^1.1.1 + react-remove-scroll: 2.4.1 + peerDependencies: + "@chakra-ui/system": ">=1.0.0" + framer-motion: 3.x || 4.x + react: ">=16.8.6" + react-dom: ">=16.8.6" + checksum: 9be7daa6f520ee18f941db95aa014aeeddfa3e9e7059b355650954aad9a000c680279c025795816443e79669e18bd4d52d9f51eb5babc00fa73da19ddd3979f7 + languageName: node + linkType: hard + +"@chakra-ui/number-input@npm:1.2.10": + version: 1.2.10 + resolution: "@chakra-ui/number-input@npm:1.2.10" + dependencies: + "@chakra-ui/counter": 1.1.9 + "@chakra-ui/form-control": 1.4.1 + "@chakra-ui/hooks": 1.6.0 + "@chakra-ui/icon": 1.1.11 + "@chakra-ui/react-utils": 1.1.2 + "@chakra-ui/utils": 1.8.2 + peerDependencies: + "@chakra-ui/system": ">=1.0.0" + react: ">=16.8.6" + checksum: 711871bcc31b55215a364a9f1c2fd5cd99a41a42644a715b0bf641359f1ea7a4cfb55e1fb585c994461d4dd11695c41fd6e53711b1afe96d2b4922ce22e40600 + languageName: node + linkType: hard + +"@chakra-ui/pin-input@npm:1.6.5": + version: 1.6.5 + resolution: "@chakra-ui/pin-input@npm:1.6.5" + dependencies: + "@chakra-ui/descendant": 2.0.1 + "@chakra-ui/hooks": 1.6.0 + "@chakra-ui/react-utils": 1.1.2 + "@chakra-ui/utils": 1.8.2 + peerDependencies: + "@chakra-ui/system": ">=1.0.0" + react: ">=16.8.6" + checksum: 0f782bc3d5faad04dfa78f84a65f72b37b80564ed306e42926ee5358fbbcba0d84cba25637384af0940bdf5e67dffc702b8bab978f517ac83dd8f88d5e93b970 + languageName: node + linkType: hard + +"@chakra-ui/popover@npm:1.8.4": + version: 1.8.4 + resolution: "@chakra-ui/popover@npm:1.8.4" + dependencies: + "@chakra-ui/close-button": 1.1.11 + "@chakra-ui/hooks": 1.6.0 + "@chakra-ui/popper": 2.3.0 + "@chakra-ui/react-utils": 1.1.2 + "@chakra-ui/utils": 1.8.2 + peerDependencies: + "@chakra-ui/system": ">=1.0.0" + framer-motion: 3.x || 4.x + react: ">=16.8.6" + checksum: 4a395c488c34258f9826015db394b9471025ab6c1c47bc53e864bed992ee2ee6afdf9f373b8b97dba9112bbaca2beb0fdbd40f914aff5d485c50c5fb8e0fc5b4 + languageName: node + linkType: hard + +"@chakra-ui/popper@npm:2.3.0": + version: 2.3.0 + resolution: "@chakra-ui/popper@npm:2.3.0" + dependencies: + "@chakra-ui/react-utils": 1.1.2 + "@popperjs/core": 2.4.4 + peerDependencies: + react: ">=16.8.6" + checksum: 0c4cd0546d5f92c61f4bfce8aa1d73fefe1416b01245e961f05bee297cde7e5fbcdeb143f9e0c0a3d8706b1f7b38d4c4d1548f6907c3e30a12916feb746b64c4 + languageName: node + linkType: hard + +"@chakra-ui/portal@npm:1.2.9": + version: 1.2.9 + resolution: "@chakra-ui/portal@npm:1.2.9" + dependencies: + "@chakra-ui/hooks": 1.6.0 + "@chakra-ui/react-utils": 1.1.2 + "@chakra-ui/utils": 1.8.2 + peerDependencies: + react: ">=16.8.6" + react-dom: ">=16.8.6" + checksum: aeb4e5da6ff3dd93b9c3c0613bf1bde4ce614cdbf9017e7b144c6cff7828cec9bd805c6613dace37ff9f1f6193d32a359b67b56a9a93aba3ba94e4c9d98b48ba + languageName: node + linkType: hard + +"@chakra-ui/progress@npm:1.1.14": + version: 1.1.14 + resolution: "@chakra-ui/progress@npm:1.1.14" + dependencies: + "@chakra-ui/theme-tools": 1.2.1 + "@chakra-ui/utils": 1.8.2 + peerDependencies: + "@chakra-ui/system": ">=1.0.0" + react: ">=16.8.6" + checksum: 8aba04f3e3826b5936d842c0cb5c26728be21f109e2b8e847b57b44e6f7dd68dbed5faf7f6e249333019cd7766eba3808effa91bf751545656a267a2e8650346 + languageName: node + linkType: hard + +"@chakra-ui/provider@npm:1.6.8": + version: 1.6.8 + resolution: "@chakra-ui/provider@npm:1.6.8" + dependencies: + "@chakra-ui/css-reset": 1.0.0 + "@chakra-ui/hooks": 1.6.0 + "@chakra-ui/portal": 1.2.9 + "@chakra-ui/react-env": 1.0.6 + "@chakra-ui/system": 1.7.3 + "@chakra-ui/utils": 1.8.2 + peerDependencies: + "@emotion/react": ^11.0.0 + "@emotion/styled": ^11.0.0 + react: ">=16.8.6" + react-dom: ">=16.8.6" + checksum: 6b30df807b018be10dab7b642429911fd4172f25c9d5341e8151b578ae683a7f1ecb8082f47d9dd4a5464b5c7d18acb38b7ec5e80dcfa707d88e7bc659f6dc74 + languageName: node + linkType: hard + +"@chakra-ui/radio@npm:1.3.10": + version: 1.3.10 + resolution: "@chakra-ui/radio@npm:1.3.10" + dependencies: + "@chakra-ui/form-control": 1.4.1 + "@chakra-ui/hooks": 1.6.0 + "@chakra-ui/react-utils": 1.1.2 + "@chakra-ui/utils": 1.8.2 + "@chakra-ui/visually-hidden": 1.0.14 + peerDependencies: + "@chakra-ui/system": ">=1.0.0" + react: ">=16.8.6" + checksum: ad2fd92ff2d06ce04b5ed1a3c5a3c3ee87395b3e80c4eba51652503331d5fd2eb1d56e89e1b0b7b3e68f51d332c1eac3d0e9be75ced28059273b85650f0f8108 + languageName: node + linkType: hard + +"@chakra-ui/react-env@npm:1.0.6": + version: 1.0.6 + resolution: "@chakra-ui/react-env@npm:1.0.6" + dependencies: + "@chakra-ui/utils": 1.8.2 + peerDependencies: + react: ">=16.8.6" + checksum: f5ef553676ec38bc834bc120869c873a875e08f8ab537aabd846e65a622b05ce1b668b5606826588a0d176e3772b90792953a668aa5fc1b2eaaf0b423b740613 + languageName: node + linkType: hard + +"@chakra-ui/react-utils@npm:1.1.2, @chakra-ui/react-utils@npm:^1.1.2": + version: 1.1.2 + resolution: "@chakra-ui/react-utils@npm:1.1.2" + dependencies: + "@chakra-ui/utils": ^1.7.0 + peerDependencies: + react: ">=16.8.6" + checksum: 9101e14898c748827dee7bedda58b842d0ded8251f94b0c0ff5c5d7cc6c99c8f630695c0801eb726ef187173eb6eefc5d231ed6a5854041743f2c533f76874fe + languageName: node + linkType: hard + +"@chakra-ui/react@npm:1.6.8": + version: 1.6.8 + resolution: "@chakra-ui/react@npm:1.6.8" + dependencies: + "@chakra-ui/accordion": 1.3.6 + "@chakra-ui/alert": 1.2.7 + "@chakra-ui/avatar": 1.2.10 + "@chakra-ui/breadcrumb": 1.2.8 + "@chakra-ui/button": 1.4.3 + "@chakra-ui/checkbox": 1.5.7 + "@chakra-ui/close-button": 1.1.11 + "@chakra-ui/control-box": 1.0.15 + "@chakra-ui/counter": 1.1.9 + "@chakra-ui/css-reset": 1.0.0 + "@chakra-ui/editable": 1.2.9 + "@chakra-ui/form-control": 1.4.1 + "@chakra-ui/hooks": 1.6.0 + "@chakra-ui/icon": 1.1.11 + "@chakra-ui/image": 1.0.20 + "@chakra-ui/input": 1.2.10 + "@chakra-ui/layout": 1.4.9 + "@chakra-ui/live-region": 1.0.14 + "@chakra-ui/media-query": 1.1.2 + "@chakra-ui/menu": 1.7.4 + "@chakra-ui/modal": 1.9.0 + "@chakra-ui/number-input": 1.2.10 + "@chakra-ui/pin-input": 1.6.5 + "@chakra-ui/popover": 1.8.4 + "@chakra-ui/popper": 2.3.0 + "@chakra-ui/portal": 1.2.9 + "@chakra-ui/progress": 1.1.14 + "@chakra-ui/provider": 1.6.8 + "@chakra-ui/radio": 1.3.10 + "@chakra-ui/react-env": 1.0.6 + "@chakra-ui/select": 1.1.15 + "@chakra-ui/skeleton": 1.1.18 + "@chakra-ui/slider": 1.3.0 + "@chakra-ui/spinner": 1.1.12 + "@chakra-ui/stat": 1.1.12 + "@chakra-ui/switch": 1.2.10 + "@chakra-ui/system": 1.7.3 + "@chakra-ui/table": 1.2.6 + "@chakra-ui/tabs": 1.5.5 + "@chakra-ui/tag": 1.1.12 + "@chakra-ui/textarea": 1.1.14 + "@chakra-ui/theme": 1.10.2 + "@chakra-ui/toast": 1.3.0 + "@chakra-ui/tooltip": 1.3.11 + "@chakra-ui/transition": 1.3.4 + "@chakra-ui/utils": 1.8.2 + "@chakra-ui/visually-hidden": 1.0.14 + peerDependencies: + "@emotion/react": ^11.0.0 + "@emotion/styled": ^11.0.0 + framer-motion: 3.x || 4.x + react: ">=16.8.6" + react-dom: ">=16.8.6" + checksum: eebcf6ebd7a78739b842c192804cb78d044df9955154a58f2c0f9d990410afe2dc754692683e95ca2cc5c3cc4a384f005ea0d8c346a5eb1dd0ae7cf3df300079 + languageName: node + linkType: hard + +"@chakra-ui/select@npm:1.1.15": + version: 1.1.15 + resolution: "@chakra-ui/select@npm:1.1.15" + dependencies: + "@chakra-ui/form-control": 1.4.1 + "@chakra-ui/utils": 1.8.2 + peerDependencies: + "@chakra-ui/system": ">=1.0.0" + react: ">=16.8.6" + checksum: 6b2742570e3f2bb75f4375df50d2a588f4d353133685d1c1fa2f5797eaf00a5f84e734494d23567071cc1431c584b3db533cc9b1105044b51dab63f136be2264 + languageName: node + linkType: hard + +"@chakra-ui/skeleton@npm:1.1.18": + version: 1.1.18 + resolution: "@chakra-ui/skeleton@npm:1.1.18" + dependencies: + "@chakra-ui/hooks": 1.6.0 + "@chakra-ui/media-query": 1.1.2 + "@chakra-ui/system": 1.7.3 + "@chakra-ui/utils": 1.8.2 + peerDependencies: + react: ">=16.8.6" + checksum: 556d5e75908c53e47cbf2d4db54d50be3c21d53dea790d74c3258189171bdf28dc7b9589b181baa4ba1a7c74101373619537620e7309b6fab425eb9fe133ec1d + languageName: node + linkType: hard + +"@chakra-ui/slider@npm:1.3.0": + version: 1.3.0 + resolution: "@chakra-ui/slider@npm:1.3.0" + dependencies: + "@chakra-ui/hooks": 1.6.0 + "@chakra-ui/react-utils": 1.1.2 + "@chakra-ui/utils": 1.8.2 + peerDependencies: + "@chakra-ui/system": ">=1.0.0" + react: ">=16.8.6" + checksum: e759ef0b01b75c70ce9c194d30de3d90bc8141db0e0bcd58f20c3d2a0aa0b718138f614873b61a2992fb33d3c927bbc4d192d4152bbaba3a7f76691e577a86a3 + languageName: node + linkType: hard + +"@chakra-ui/spinner@npm:1.1.12": + version: 1.1.12 + resolution: "@chakra-ui/spinner@npm:1.1.12" + dependencies: + "@chakra-ui/utils": 1.8.2 + "@chakra-ui/visually-hidden": 1.0.14 + peerDependencies: + "@chakra-ui/system": ">=1.0.0" + react: ">=16.8.6" + checksum: e2d8690de42440f2c1217f32f4ecbfb8478e241f6b5020866a24cfb1258a182874100dd57167fe981b9cca91f74624593d4b982fc803bfb6bbda86f3951b8ea1 + languageName: node + linkType: hard + +"@chakra-ui/stat@npm:1.1.12": + version: 1.1.12 + resolution: "@chakra-ui/stat@npm:1.1.12" + dependencies: + "@chakra-ui/icon": 1.1.11 + "@chakra-ui/utils": 1.8.2 + "@chakra-ui/visually-hidden": 1.0.14 + peerDependencies: + "@chakra-ui/system": ">=1.0.0" + react: ">=16.8.6" + checksum: d37f9b476273d30391cd9498397d2de35a84cdf58f6478600efb4f940e61f89c4dd234ea38d85adc9bf9bf498d55865202a3563d875347f108029c731bc12c66 + languageName: node + linkType: hard + +"@chakra-ui/styled-system@npm:1.12.2": + version: 1.12.2 + resolution: "@chakra-ui/styled-system@npm:1.12.2" + dependencies: + "@chakra-ui/utils": 1.8.2 + csstype: ^3.0.6 + checksum: e98cb9d8b080dfcb6f6da92addb92296743d64a8bfe2b9187c89302abfb8e72979dd228d46e2f8d01915a722bdf5ca65f5b40fba204c0f2630df1ad80006be5e + languageName: node + linkType: hard + +"@chakra-ui/switch@npm:1.2.10": + version: 1.2.10 + resolution: "@chakra-ui/switch@npm:1.2.10" + dependencies: + "@chakra-ui/checkbox": 1.5.7 + "@chakra-ui/utils": 1.8.2 + peerDependencies: + "@chakra-ui/system": ">=1.0.0" + react: ">=16.8.6" + checksum: 837a6d46f4dde3712c734bfed7b4b1f1bb09ef62ab1d39239b49e48932d3a66472b92c0148ac048fc0dd3d79f06a4d6f077b74e3448b018de1f55f455a2ef5d7 + languageName: node + linkType: hard + +"@chakra-ui/system@npm:1.7.3": + version: 1.7.3 + resolution: "@chakra-ui/system@npm:1.7.3" + dependencies: + "@chakra-ui/color-mode": 1.1.12 + "@chakra-ui/react-utils": 1.1.2 + "@chakra-ui/styled-system": 1.12.2 + "@chakra-ui/utils": 1.8.2 + react-fast-compare: 3.2.0 + peerDependencies: + "@emotion/react": ^11.0.0 + "@emotion/styled": ^11.0.0 + react: ">=16.8.6" + checksum: cbd99594a202b96dc278744b03b33546c0da80fdfec17d594633ad01f335db379dcf69a4b9975f63f7e91dfcec0640611315baada1baffb5ba0a18bde36d8ad0 + languageName: node + linkType: hard + +"@chakra-ui/table@npm:1.2.6": + version: 1.2.6 + resolution: "@chakra-ui/table@npm:1.2.6" + dependencies: + "@chakra-ui/utils": 1.8.2 + peerDependencies: + "@chakra-ui/system": ">=1.0.0" + react: ">=16.8.6" + checksum: 4e451326598480f7528270e9588e4a218773c9debe3a4bd2174ba41fd6664a2d74bd6a4523564443ec39c58fbd8f18155f47871371e2a8a7a7f79ca031c17c64 + languageName: node + linkType: hard + +"@chakra-ui/tabs@npm:1.5.5": + version: 1.5.5 + resolution: "@chakra-ui/tabs@npm:1.5.5" + dependencies: + "@chakra-ui/clickable": 1.1.7 + "@chakra-ui/descendant": 2.0.1 + "@chakra-ui/hooks": 1.6.0 + "@chakra-ui/react-utils": 1.1.2 + "@chakra-ui/utils": 1.8.2 + peerDependencies: + "@chakra-ui/system": ">=1.0.0" + react: ">=16.8.6" + checksum: 0a28a86cb8f5082bfc086facc3f323f4d292756cbebf156bada13bac52e41b5a134a71ef670c27a9e8ad048287df3c9c7adb277542fe6572ec1dfbab306c9f84 + languageName: node + linkType: hard + +"@chakra-ui/tag@npm:1.1.12": + version: 1.1.12 + resolution: "@chakra-ui/tag@npm:1.1.12" + dependencies: + "@chakra-ui/icon": 1.1.11 + "@chakra-ui/utils": 1.8.2 + peerDependencies: + "@chakra-ui/system": ">=1.0.0" + react: ">=16.8.6" + checksum: d8598dd4101859a98fdd39d7ad7f4a6386cf1ae21ffa012598ee59d51ae757f2aa7cfb4d1d2f3b92a6a507f318db0b613b87c6d7cd8d99785c324624883400c3 + languageName: node + linkType: hard + +"@chakra-ui/textarea@npm:1.1.14": + version: 1.1.14 + resolution: "@chakra-ui/textarea@npm:1.1.14" + dependencies: + "@chakra-ui/form-control": 1.4.1 + "@chakra-ui/utils": 1.8.2 + peerDependencies: + "@chakra-ui/system": ">=1.0.0" + react: ">=16.8.6" + checksum: 6568a250fe26d518772cbf83863afb034c3688f678aff986e6bfb5d3b0ba1af30249c6a0b2a9112262fa971d867626bbf76ac7dfb25311d95db5cb2226a83f4a + languageName: node + linkType: hard + +"@chakra-ui/theme-tools@npm:1.2.1, @chakra-ui/theme-tools@npm:^1.2.1": + version: 1.2.1 + resolution: "@chakra-ui/theme-tools@npm:1.2.1" + dependencies: + "@chakra-ui/utils": 1.8.2 + "@ctrl/tinycolor": ^3.4.0 + peerDependencies: + "@chakra-ui/system": ">=1.0.0" + checksum: 5015af42090042474f649a75f72213624f304982bc2a2a4ebd5a91a60ac36cd7fa2dc0a6b93490964940b49d044421c746d14075707f569c6837d4469dbd86fd + languageName: node + linkType: hard + +"@chakra-ui/theme@npm:1.10.2": + version: 1.10.2 + resolution: "@chakra-ui/theme@npm:1.10.2" + dependencies: + "@chakra-ui/anatomy": 1.0.1 + "@chakra-ui/theme-tools": 1.2.1 + "@chakra-ui/utils": 1.8.2 + peerDependencies: + "@chakra-ui/system": ">=1.0.0" + checksum: 94d19fd5bb85ae130509bf7fc20885b9700fb288219ef8ab01c7dd7398cfb33ad5e43af146ba4724bd6dfe1bd1b66410b95d50b365f6d54df4b34a73a2611e3e + languageName: node + linkType: hard + +"@chakra-ui/toast@npm:1.3.0": + version: 1.3.0 + resolution: "@chakra-ui/toast@npm:1.3.0" + dependencies: + "@chakra-ui/alert": 1.2.7 + "@chakra-ui/close-button": 1.1.11 + "@chakra-ui/hooks": 1.6.0 + "@chakra-ui/theme": 1.10.2 + "@chakra-ui/transition": 1.3.4 + "@chakra-ui/utils": 1.8.2 + "@reach/alert": 0.13.2 + peerDependencies: + "@chakra-ui/system": ">=1.0.0" + framer-motion: 3.x || 4.x + react: ">=16.8.6" + react-dom: ">=16.8.6" + checksum: 178fc27d8aa6e17ec07813daab22823e1f2024415e5b53959a80432c8e4322803580108a15fea85740f869ed90b5e5cdbb6cf744980ed921af2db100108704ba + languageName: node + linkType: hard + +"@chakra-ui/tooltip@npm:1.3.11": + version: 1.3.11 + resolution: "@chakra-ui/tooltip@npm:1.3.11" + dependencies: + "@chakra-ui/hooks": 1.6.0 + "@chakra-ui/popper": 2.3.0 + "@chakra-ui/portal": 1.2.9 + "@chakra-ui/react-utils": 1.1.2 + "@chakra-ui/utils": 1.8.2 + "@chakra-ui/visually-hidden": 1.0.14 + peerDependencies: + "@chakra-ui/system": ">=1.0.0" + framer-motion: 3.x || 4.x + react: ">=16.8.6" + react-dom: ">=16.8.6" + checksum: da0367ea3440144e5776d0c77784c7030b103eafea4ceb75d643324d79757e3602ff283244b94dce61c8ee317561d3f337e18f88dbabc0ee0eeeac3efd250169 + languageName: node + linkType: hard + +"@chakra-ui/transition@npm:1.3.4": + version: 1.3.4 + resolution: "@chakra-ui/transition@npm:1.3.4" + dependencies: + "@chakra-ui/utils": 1.8.2 + peerDependencies: + framer-motion: 3.x || 4.x + react: ">=16.8.6" + checksum: 2b4a51bb39f18c63f8a9ad03155cfd6bcf1ea1f76cf05a9ecf1cf94eed9a26f41c3ade1ccb4625dc58ca443f8d883033d53f0a9ba7415c6e356e700055f51746 + languageName: node + linkType: hard + +"@chakra-ui/utils@npm:1.8.2, @chakra-ui/utils@npm:^1.7.0": + version: 1.8.2 + resolution: "@chakra-ui/utils@npm:1.8.2" + dependencies: + "@types/lodash.mergewith": 4.6.6 + css-box-model: 1.2.1 + framesync: 5.3.0 + lodash.mergewith: 4.6.2 + checksum: b48a55448ed71d6af09fb79bd8def4f148bbf5a6a6adb1124c92ba1469ef4c8e07eed792874a18b2c534bc57b51a00a943c77d2eda53d18b48bf25614afa130c + languageName: node + linkType: hard + +"@chakra-ui/visually-hidden@npm:1.0.14": + version: 1.0.14 + resolution: "@chakra-ui/visually-hidden@npm:1.0.14" + dependencies: + "@chakra-ui/utils": 1.8.2 + peerDependencies: + "@chakra-ui/system": ">=1.0.0" + react: ">=16.8.6" + checksum: eb69a93702480c01f462a5b7bef6c895020bb0d4dfaa8593ee09905b15435a70dad6a647611d1301e61c1027c36f27f2b50552ca2918db6654c5d9dc70fba511 + languageName: node + linkType: hard + +"@cnakazawa/watch@npm:^1.0.3": + version: 1.0.4 + resolution: "@cnakazawa/watch@npm:1.0.4" + dependencies: + exec-sh: ^0.3.2 + minimist: ^1.2.0 + bin: + watch: cli.js + checksum: 7909f89bbee917b2a5932fd178b48b5291f417293538b1e8e68a5fa5815b3d6d4873c591d965f84559cd3e7b669c42a749ab706ef792368de39b95541ae4627d + languageName: node + linkType: hard + +"@ctrl/tinycolor@npm:^3.4.0": + version: 3.4.0 + resolution: "@ctrl/tinycolor@npm:3.4.0" + checksum: 59a30b5d964edc06bf78bd36389326caffd2e29189270c75467afc160e8f2ddf89a5cbea70ab2463712aa5ca1b770988b7c0ea9dce3eb93f7928e8e5226efa28 + languageName: node + linkType: hard + +"@emotion/babel-plugin@npm:^11.3.0": + version: 11.3.0 + resolution: "@emotion/babel-plugin@npm:11.3.0" + dependencies: + "@babel/helper-module-imports": ^7.12.13 + "@babel/plugin-syntax-jsx": ^7.12.13 + "@babel/runtime": ^7.13.10 + "@emotion/hash": ^0.8.0 + "@emotion/memoize": ^0.7.5 + "@emotion/serialize": ^1.0.2 + babel-plugin-macros: ^2.6.1 + convert-source-map: ^1.5.0 + escape-string-regexp: ^4.0.0 + find-root: ^1.1.0 + source-map: ^0.5.7 + stylis: ^4.0.3 + peerDependencies: + "@babel/core": ^7.0.0 + checksum: 4c238862d08233b016e00ebc5e4421d085d66736f090e98bcee93cff39dd4a19a39e1f8913600919ccaf0879ad74a7c11098aa9214f667c072bd129b7820d598 + languageName: node + linkType: hard + +"@emotion/cache@npm:^11.4.0": + version: 11.4.0 + resolution: "@emotion/cache@npm:11.4.0" + dependencies: + "@emotion/memoize": ^0.7.4 + "@emotion/sheet": ^1.0.0 + "@emotion/utils": ^1.0.0 + "@emotion/weak-memoize": ^0.2.5 + stylis: ^4.0.3 + checksum: 5a7715ae716d401208a096d14522fb7373412b8ef0cdce1e63a8eaae26aaa1f077921b1fc926bfb345ab0e1e4722fe6887d685ae6ebd7daab5ab5ab7295e1d12 + languageName: node + linkType: hard + +"@emotion/hash@npm:^0.8.0": + version: 0.8.0 + resolution: "@emotion/hash@npm:0.8.0" + checksum: 8fd781e18428745d6c7121bebf3965cad12c61f3bd5fb773e46f16f1d7b7ae1346770df438fcfe8bc73ecf6762a54baef7cf259a694575d4f06cabb79ebcf7c0 + languageName: node + linkType: hard + +"@emotion/is-prop-valid@npm:^0.8.2": + version: 0.8.8 + resolution: "@emotion/is-prop-valid@npm:0.8.8" + dependencies: + "@emotion/memoize": 0.7.4 + checksum: 4a6993c4e6a49bcdc772aa5931fa2f00ce6367f7f6fc9cfe46dd50014c9510f9c6b1e355f297655875a8bfd1481e42546900bbbc84f3c0b629a001b4d82e436e + languageName: node + linkType: hard + +"@emotion/is-prop-valid@npm:^1.1.0": + version: 1.1.0 + resolution: "@emotion/is-prop-valid@npm:1.1.0" + dependencies: + "@emotion/memoize": ^0.7.4 + checksum: 3fd451e55fe40df4556ee4b1fc40a43e1f853b6082b540c68ae2b345f3eb928ba3c84356aecafa99ede5912c2c3bdc1325321470c740ee0d5f7ca793c8ee3bde + languageName: node + linkType: hard + +"@emotion/memoize@npm:0.7.4": + version: 0.7.4 + resolution: "@emotion/memoize@npm:0.7.4" + checksum: 874123a94c89963dda3438d1ea7f7c17fa670d965610eefaa49e0dbf47cccee6f6108e04175867d7e485d2c04096a98bba5a4bef2606b3bf2070637327ebe3ff + languageName: node + linkType: hard + +"@emotion/memoize@npm:^0.7.4, @emotion/memoize@npm:^0.7.5": + version: 0.7.5 + resolution: "@emotion/memoize@npm:0.7.5" + checksum: 09f5290283c50ae32f0808bebacf7eaac7ecdbd799a27698479bd03821f3acbd2ac512adcf0ae43394fed804007d6cd18de0c49475a14cd020d5f18fc7ab72bf + languageName: node + linkType: hard + +"@emotion/react@npm:11.4.1": + version: 11.4.1 + resolution: "@emotion/react@npm:11.4.1" + dependencies: + "@babel/runtime": ^7.13.10 + "@emotion/cache": ^11.4.0 + "@emotion/serialize": ^1.0.2 + "@emotion/sheet": ^1.0.2 + "@emotion/utils": ^1.0.0 + "@emotion/weak-memoize": ^0.2.5 + hoist-non-react-statics: ^3.3.1 + peerDependencies: + "@babel/core": ^7.0.0 + react: ">=16.8.0" + peerDependenciesMeta: + "@babel/core": + optional: true + "@types/react": + optional: true + checksum: 17bb4645c9a3e0164142e7b7729e30902e8357aed29f0c16fb73b4078651233315fbfcc22f21278c520c708087b0488a92d0bdc9ac9db414376c9bb227b916f0 + languageName: node + linkType: hard + +"@emotion/serialize@npm:^1.0.2": + version: 1.0.2 + resolution: "@emotion/serialize@npm:1.0.2" + dependencies: + "@emotion/hash": ^0.8.0 + "@emotion/memoize": ^0.7.4 + "@emotion/unitless": ^0.7.5 + "@emotion/utils": ^1.0.0 + csstype: ^3.0.2 + checksum: 7dd9ea85105dcc04703b61c629e2ac21dcac2c057197cd7bcf83860e6441d07eeb0b64ab56b13a5a02e947e9c3e313353e3422bd119324fb56ffa93ba1e0ea9a + languageName: node + linkType: hard + +"@emotion/sheet@npm:^1.0.0, @emotion/sheet@npm:^1.0.2": + version: 1.0.2 + resolution: "@emotion/sheet@npm:1.0.2" + checksum: 188d43dbc1a21964635226df9efa3917dd288915d497bce35c4ee2d86028e7e591d03e1f7cb1c05a7baa762e4341c37ee030f0d0c7155039d5e1d5edfabf241c + languageName: node + linkType: hard + +"@emotion/styled@npm:11.3.0": + version: 11.3.0 + resolution: "@emotion/styled@npm:11.3.0" dependencies: - "@babel/helper-validator-identifier": ^7.14.5 - to-fast-properties: ^2.0.0 - checksum: 45575b46df5ec0e63454b794a60f362596c6f16beda7df3693b134db5be15eb43f7b98ca7b2a5a9628171db5192eed5b8965e43c0a6f5383bca4ddefd0ea8d30 + "@babel/runtime": ^7.13.10 + "@emotion/babel-plugin": ^11.3.0 + "@emotion/is-prop-valid": ^1.1.0 + "@emotion/serialize": ^1.0.2 + "@emotion/utils": ^1.0.0 + peerDependencies: + "@babel/core": ^7.0.0 + "@emotion/react": ^11.0.0-rc.0 + react: ">=16.8.0" + peerDependenciesMeta: + "@babel/core": + optional: true + "@types/react": + optional: true + checksum: 3eb9b591d061ab90b155a747c75ebda919ef78afa1f4b7b790561b324b9d25de776131a685040afdd63bb0cd070a66bd91af7eb891f057cc7aad77de0914568e languageName: node linkType: hard -"@bcoe/v8-coverage@npm:^0.2.3": - version: 0.2.3 - resolution: "@bcoe/v8-coverage@npm:0.2.3" - checksum: 4fc6fb784b09d2e994fc9180dc8af9f674a4e5114cd2c52754e689f87725e670d0919728945fe3991d434109e42e5ac6f9d85c58a566e2a645eb9dda68eead6a +"@emotion/unitless@npm:^0.7.5": + version: 0.7.5 + resolution: "@emotion/unitless@npm:0.7.5" + checksum: 0be366ef09860037ef08aed0450cb5510f4be25886005e2f120f8e8b7385de6b41ac47df5b9bd55781e5153853e9ed5f49aa517dcbad34cc23bd8afb0201932a languageName: node linkType: hard -"@cnakazawa/watch@npm:^1.0.3": - version: 1.0.4 - resolution: "@cnakazawa/watch@npm:1.0.4" - dependencies: - exec-sh: ^0.3.2 - minimist: ^1.2.0 - bin: - watch: cli.js - checksum: 7909f89bbee917b2a5932fd178b48b5291f417293538b1e8e68a5fa5815b3d6d4873c591d965f84559cd3e7b669c42a749ab706ef792368de39b95541ae4627d +"@emotion/utils@npm:^1.0.0": + version: 1.0.0 + resolution: "@emotion/utils@npm:1.0.0" + checksum: 56b2c5a45f1d9fed3f666fe921347ba8755827bdf9471fe768ec5cbec353bef70072a6890768c0f22a43f54c6af1c3aaa3512913c1a6af862c479dbe3e3b45b1 + languageName: node + linkType: hard + +"@emotion/weak-memoize@npm:^0.2.5": + version: 0.2.5 + resolution: "@emotion/weak-memoize@npm:0.2.5" + checksum: 9fe31f0c9d761468d7868be2faf924ddef3506160c72a1979ced8f72cec5d90499403a29c904af570496ef06803e484495f84d4c311bd0787259c89dba4119ed languageName: node linkType: hard @@ -1032,6 +2066,55 @@ __metadata: languageName: node linkType: hard +"@popperjs/core@npm:2.4.4": + version: 2.4.4 + resolution: "@popperjs/core@npm:2.4.4" + checksum: 49a1e6cfa2ec5004c541b0a1bd7d523c8aa7d728aa26e05df10f0af8c1e6c0db7fb9ebc8bee6dbfcdc7ad422999d9bf7d8a1c2b07dff3292b7dfa61a63af8b49 + languageName: node + linkType: hard + +"@reach/alert@npm:0.13.2": + version: 0.13.2 + resolution: "@reach/alert@npm:0.13.2" + dependencies: + "@reach/utils": 0.13.2 + "@reach/visually-hidden": 0.13.2 + prop-types: ^15.7.2 + tslib: ^2.1.0 + peerDependencies: + react: ^16.8.0 || 17.x + react-dom: ^16.8.0 || 17.x + checksum: 3073e3f0f971c9ec7df479bae4ba337935a9e06106792ff2fd1084bef69570f67a2b1b752f1dc81d88e291d226c272bcf2ccc1d681a3c83851d6b7d4bbfb394a + languageName: node + linkType: hard + +"@reach/utils@npm:0.13.2": + version: 0.13.2 + resolution: "@reach/utils@npm:0.13.2" + dependencies: + "@types/warning": ^3.0.0 + tslib: ^2.1.0 + warning: ^4.0.3 + peerDependencies: + react: ^16.8.0 || 17.x + react-dom: ^16.8.0 || 17.x + checksum: 77b80e9ec28b6808154da7bd88742918a749c3ed2f2e4dce5f677dc34641b62d56ba8051cc14ec4939cc0bf8d979a7de4323948ebb1616e1700aceeb52005833 + languageName: node + linkType: hard + +"@reach/visually-hidden@npm:0.13.2": + version: 0.13.2 + resolution: "@reach/visually-hidden@npm:0.13.2" + dependencies: + prop-types: ^15.7.2 + tslib: ^2.1.0 + peerDependencies: + react: ^16.8.0 || 17.x + react-dom: ^16.8.0 || 17.x + checksum: 7367a8606979a0fbd437a4864f7cce80a3de91009fe6b7fae414a3be7a210267bddf1ae64600b2dda2c85069892968192482926591ca6ff8a1941a8f9ad5cda8 + languageName: node + linkType: hard + "@rescript/react@npm:0.10.3": version: 0.10.3 resolution: "@rescript/react@npm:0.10.3" @@ -1372,6 +2455,22 @@ __metadata: languageName: node linkType: hard +"@types/lodash.mergewith@npm:4.6.6": + version: 4.6.6 + resolution: "@types/lodash.mergewith@npm:4.6.6" + dependencies: + "@types/lodash": "*" + checksum: 2001ecd359751f4be313789a80db93f6f4c70c1026e61b12123c62e96af91d44b19a3850489fc56a2e0d214c8535bc45998a60fca7811d675daa22bd0fff6b80 + languageName: node + linkType: hard + +"@types/lodash@npm:*": + version: 4.14.175 + resolution: "@types/lodash@npm:4.14.175" + checksum: d56c57f3784ff73d84ba5d2bb1dba8f6f88f97fb36113010c4a69fd7b823e4fe855b2fbabe8d020bc723e83dc84dc1fc3fc900a6e341fd12a8aaf75f1fddeb70 + languageName: node + linkType: hard + "@types/minimatch@npm:*": version: 3.0.4 resolution: "@types/minimatch@npm:3.0.4" @@ -1437,6 +2536,13 @@ __metadata: languageName: node linkType: hard +"@types/warning@npm:^3.0.0": + version: 3.0.0 + resolution: "@types/warning@npm:3.0.0" + checksum: cb7a16aa88641beceec53ce765274c1ba3a9136e3c7c53cafd769d5063ea96f8899332ce7031c6f374bd23b5713a9a733d42c369ebdb4b62daf9b7562700848c + languageName: node + linkType: hard + "@types/yargs-parser@npm:*": version: 20.2.0 resolution: "@types/yargs-parser@npm:20.2.0" @@ -1742,6 +2848,15 @@ __metadata: languageName: node linkType: hard +"aria-hidden@npm:^1.1.1": + version: 1.1.3 + resolution: "aria-hidden@npm:1.1.3" + dependencies: + tslib: ^1.0.0 + checksum: 6c0c039325d8529cd03481bdaa227f720a9348fa9c7b44afd31e28eb8b04c96fcafa354816400ae5f366b73dc2a08aa4e16540759ccfd9c55c4c13ddf5e492d1 + languageName: node + linkType: hard + "arr-diff@npm:^4.0.0": version: 4.0.0 resolution: "arr-diff@npm:4.0.0" @@ -1908,6 +3023,17 @@ __metadata: languageName: node linkType: hard +"babel-plugin-macros@npm:^2.6.1": + version: 2.8.0 + resolution: "babel-plugin-macros@npm:2.8.0" + dependencies: + "@babel/runtime": ^7.7.2 + cosmiconfig: ^6.0.0 + resolve: ^1.12.0 + checksum: fc4e1224df180d88f44f6f31e448cf51a75c8aa7e0fd828e30c4143f69af6d49ce933f36952478a4e372485db35b6219628bcff16d7f5add724230addbc19e7d + languageName: node + linkType: hard + "babel-preset-current-node-syntax@npm:^1.0.0": version: 1.0.1 resolution: "babel-preset-current-node-syntax@npm:1.0.1" @@ -2711,6 +3837,13 @@ __metadata: languageName: node linkType: hard +"compute-scroll-into-view@npm:1.0.14": + version: 1.0.14 + resolution: "compute-scroll-into-view@npm:1.0.14" + checksum: d6dcd32e256bb1fd08fb14d8bd2c4d10668d40364e6d148c82c36c8f5c03151e633ce2476e31199da1b6905c118d0a80de8a68e155497ebb6ea3c12d921abd77 + languageName: node + linkType: hard + "concat-map@npm:0.0.1": version: 0.0.1 resolution: "concat-map@npm:0.0.1" @@ -2818,7 +3951,7 @@ __metadata: languageName: node linkType: hard -"convert-source-map@npm:^1.4.0, convert-source-map@npm:^1.6.0, convert-source-map@npm:^1.7.0": +"convert-source-map@npm:^1.4.0, convert-source-map@npm:^1.5.0, convert-source-map@npm:^1.6.0, convert-source-map@npm:^1.7.0": version: 1.8.0 resolution: "convert-source-map@npm:1.8.0" dependencies: @@ -2848,6 +3981,15 @@ __metadata: languageName: node linkType: hard +"copy-to-clipboard@npm:3.3.1": + version: 3.3.1 + resolution: "copy-to-clipboard@npm:3.3.1" + dependencies: + toggle-selection: ^1.0.6 + checksum: 9707f2e405ca4019de1f4194565568acdf3d1dd8a59f7b8f63d0e7257648132b579461e7aeb6140169cb943cf4b6a243b377cf0437d8c10c6f5e5bb3935dea78 + languageName: node + linkType: hard + "core-util-is@npm:1.0.2, core-util-is@npm:~1.0.0": version: 1.0.2 resolution: "core-util-is@npm:1.0.2" @@ -2855,6 +3997,19 @@ __metadata: languageName: node linkType: hard +"cosmiconfig@npm:^6.0.0": + version: 6.0.0 + resolution: "cosmiconfig@npm:6.0.0" + dependencies: + "@types/parse-json": ^4.0.0 + import-fresh: ^3.1.0 + parse-json: ^5.0.0 + path-type: ^4.0.0 + yaml: ^1.7.2 + checksum: bbd6bbaefe15938107da21f2b5f2d5ede75c7ed4bca5af904d91987c59b050ac95f5e786d9021e16959e0119b36174b190f6040a1daf6fddc75361ab123c0d45 + languageName: node + linkType: hard + "cosmiconfig@npm:^7.0.0": version: 7.0.0 resolution: "cosmiconfig@npm:7.0.0" @@ -2926,6 +4081,15 @@ __metadata: languageName: node linkType: hard +"css-box-model@npm:1.2.1": + version: 1.2.1 + resolution: "css-box-model@npm:1.2.1" + dependencies: + tiny-invariant: ^1.0.6 + checksum: 6a66067d0f632c2238f55f0a980fd7badb81c8eefbd25a9e78f087b9bac269d97cd8888d1b0c1396b58b1e2464011ad595428e8c4395de8432f77aefc24f5c4c + languageName: node + linkType: hard + "cssom@npm:^0.4.4": version: 0.4.4 resolution: "cssom@npm:0.4.4" @@ -2949,6 +4113,13 @@ __metadata: languageName: node linkType: hard +"csstype@npm:^3.0.2, csstype@npm:^3.0.6": + version: 3.0.9 + resolution: "csstype@npm:3.0.9" + checksum: e5d6ebc4581d09537e620b78b6741b4b1ececc0eb3fec065be1d59d42685954276847969b9c3652e835553a33dd8a7995bbd5cc834c4142375de8b417a433880 + languageName: node + linkType: hard + "cyclist@npm:^1.0.1": version: 1.0.1 resolution: "cyclist@npm:1.0.1" @@ -3192,6 +4363,13 @@ __metadata: languageName: node linkType: hard +"detect-node-es@npm:^1.1.0": + version: 1.1.0 + resolution: "detect-node-es@npm:1.1.0" + checksum: 0ac931bc9ca0d56edb4f121a1af4161d21e462e2fc7ddd4d9524d41064f8d4d869c152571ce00a54a96b74b4061d3630c0a2c0bb0a5525bd10acaa1a31c3212f + languageName: node + linkType: hard + "dezalgo@npm:^1.0.0, dezalgo@npm:~1.0.3": version: 1.0.3 resolution: "dezalgo@npm:1.0.3" @@ -3482,6 +4660,13 @@ __metadata: languageName: node linkType: hard +"escape-string-regexp@npm:^4.0.0": + version: 4.0.0 + resolution: "escape-string-regexp@npm:4.0.0" + checksum: c747be8d5ff7873127e3e0cffe7d2206a37208077fa9c30a3c1bb4f26bebd081c8c24d5fba7a99449f9d20670bea3dc5e1b6098b0f074b099bd38766271a272f + languageName: node + linkType: hard + "escodegen@npm:^2.0.0": version: 2.0.0 resolution: "escodegen@npm:2.0.0" @@ -3819,6 +5004,13 @@ __metadata: languageName: node linkType: hard +"find-root@npm:^1.1.0": + version: 1.1.0 + resolution: "find-root@npm:1.1.0" + checksum: 34f9eeb7258b3b5e270824a11bae4a8e6075efe79a319c034a3c5cae90cdb558c524c42ff7938b1200f648349c9dc04e860c8eaef852c802f5a1c26fa04d5ab1 + languageName: node + linkType: hard + "find-up@npm:^2.0.0": version: 2.1.0 resolution: "find-up@npm:2.1.0" @@ -3866,6 +5058,15 @@ __metadata: languageName: node linkType: hard +"focus-lock@npm:^0.8.1": + version: 0.8.1 + resolution: "focus-lock@npm:0.8.1" + dependencies: + tslib: ^1.9.3 + checksum: 8e574d1586b95c8974f0579aa32c4fdce9d2b6e0d7d01616eb71585e65b6940e39ae1aecb2824ede384c4123d16dd4640f2536a210129efad3e1befae6726372 + languageName: node + linkType: hard + "for-in@npm:^1.0.2": version: 1.0.2 resolution: "for-in@npm:1.0.2" @@ -3911,6 +5112,35 @@ __metadata: languageName: node linkType: hard +"framer-motion@npm:4.1.17": + version: 4.1.17 + resolution: "framer-motion@npm:4.1.17" + dependencies: + "@emotion/is-prop-valid": ^0.8.2 + framesync: 5.3.0 + hey-listen: ^1.0.8 + popmotion: 9.3.6 + style-value-types: 4.1.4 + tslib: ^2.1.0 + peerDependencies: + react: ">=16.8 || ^17.0.0" + react-dom: ">=16.8 || ^17.0.0" + dependenciesMeta: + "@emotion/is-prop-valid": + optional: true + checksum: 4baaa9ef6c9b516452ca2d892b2b16b5cc6f06ce04729f9e3aecb7822073d59a54ff45831c0234a43a9d505bb44b6643d080c1296b9a9d308408cea6b72b91bd + languageName: node + linkType: hard + +"framesync@npm:5.3.0": + version: 5.3.0 + resolution: "framesync@npm:5.3.0" + dependencies: + tslib: ^2.1.0 + checksum: 14a6ed7d2a3c3af8f5b8f5aac6117f8e6b20990002e10e9b41c663997390a107ea8d904e4700041103fee551141b3cbac9e1d314b0cd0a16129e27ededa09bf4 + languageName: node + linkType: hard + "from2@npm:^1.3.0": version: 1.3.0 resolution: "from2@npm:1.3.0" @@ -4107,6 +5337,13 @@ fsevents@^2.1.2: languageName: node linkType: hard +"get-nonce@npm:^1.0.0": + version: 1.0.1 + resolution: "get-nonce@npm:1.0.1" + checksum: 6414e4ba765537c3c7ed802dac8a8e48d7af0e4ed3ff65a395080bdeecd10c0d4dfa0c698168800558f748649bca4be5624bea016ddbff44954c925b17dda129 + languageName: node + linkType: hard + "get-own-enumerable-property-symbols@npm:^3.0.0": version: 3.0.2 resolution: "get-own-enumerable-property-symbols@npm:3.0.2" @@ -4410,6 +5647,22 @@ fsevents@^2.1.2: languageName: node linkType: hard +"hey-listen@npm:^1.0.8": + version: 1.0.8 + resolution: "hey-listen@npm:1.0.8" + checksum: b9a3ed8d4851735d221a8c2ecf06fba598b0240d18e7ad46780e00af1d62471a40c65d5c6ec48b004fc86d96056cf7e3599d3ef8ee77a31df3cb9f4ce69721ce + languageName: node + linkType: hard + +"hoist-non-react-statics@npm:^3.3.1": + version: 3.3.2 + resolution: "hoist-non-react-statics@npm:3.3.2" + dependencies: + react-is: ^16.7.0 + checksum: d3e3791d6e3a2741ce0ba38e878081dec49247ef22982a990c80941ee1f564ef16cd5a511bcc8c5e54f1ce8205535e0414ca5feea722c0690c80040be7ebf9df + languageName: node + linkType: hard + "hook-std@npm:^2.0.0": version: 2.0.0 resolution: "hook-std@npm:2.0.0" @@ -4615,7 +5868,7 @@ fsevents@^2.1.2: languageName: node linkType: hard -"import-fresh@npm:^3.2.1": +"import-fresh@npm:^3.1.0, import-fresh@npm:^3.2.1": version: 3.3.0 resolution: "import-fresh@npm:3.3.0" dependencies: @@ -4757,6 +6010,15 @@ fsevents@^2.1.2: languageName: node linkType: hard +"invariant@npm:^2.2.4": + version: 2.2.4 + resolution: "invariant@npm:2.2.4" + dependencies: + loose-envify: ^1.0.0 + checksum: 96d8a2a4f0ad21020c5847546fc36bec5c0870d99f071aaa93df00c1036439d48211a1823ab6128f78a15ccc4c4f62baf6a65f6c0ed489270dd44d0a04f443a1 + languageName: node + linkType: hard + "invert-kv@npm:^1.0.0": version: 1.0.0 resolution: "invert-kv@npm:1.0.0" @@ -5803,7 +7065,7 @@ fsevents@^2.1.2: languageName: node linkType: hard -"js-tokens@npm:^4.0.0": +"js-tokens@npm:^3.0.0 || ^4.0.0, js-tokens@npm:^4.0.0": version: 4.0.0 resolution: "js-tokens@npm:4.0.0" checksum: 1fc4e4667ac2d972aba65148b9cbf9c17566b2394d3504238d8492bbd3e68f496c657eab06b26b40b17db5cac0a34d153a12130e2d2d2bb6dc2cdc8a4764eb1b @@ -6589,6 +7851,13 @@ fsevents@^2.1.2: languageName: node linkType: hard +"lodash.mergewith@npm:4.6.2": + version: 4.6.2 + resolution: "lodash.mergewith@npm:4.6.2" + checksum: 3561b63cebc629721ab4c016627fc54929ee33cdef1854b4a15ade71dd8eb5f2fc602830efe5395aed41c607d65e2cce356667116aa7156b82468594b42ab95f + languageName: node + linkType: hard + "lodash.restparam@npm:*": version: 3.6.1 resolution: "lodash.restparam@npm:3.6.1" @@ -6667,6 +7936,17 @@ fsevents@^2.1.2: languageName: node linkType: hard +"loose-envify@npm:^1.0.0, loose-envify@npm:^1.1.0, loose-envify@npm:^1.4.0": + version: 1.4.0 + resolution: "loose-envify@npm:1.4.0" + dependencies: + js-tokens: ^3.0.0 || ^4.0.0 + bin: + loose-envify: cli.js + checksum: 5c3b47bbe5f597a3889fb001a3a98aaea2a3fafa48089c19034de1e0121bf57dbee609d184478514d74d5c5a7e9cfa3d846343455e5123b060040d46c39e91dc + languageName: node + linkType: hard + "lowercase-keys@npm:^1.0.0": version: 1.0.1 resolution: "lowercase-keys@npm:1.0.1" @@ -7944,7 +9224,7 @@ fsevents@^2.1.2: languageName: node linkType: hard -"object-assign@npm:^4.1.0": +"object-assign@npm:^4.1.0, object-assign@npm:^4.1.1": version: 4.1.1 resolution: "object-assign@npm:4.1.1" checksum: 66cf021898fc1b13ea573ea8635fbd5a76533f50cecbc2fcd5eee1e8029af41bcebe7023788b6d0e06cbe4401ecea075d972f78ec74467cdc571a0f1a4d1a081 @@ -8535,6 +9815,18 @@ fsevents@^2.1.2: languageName: node linkType: hard +"popmotion@npm:9.3.6": + version: 9.3.6 + resolution: "popmotion@npm:9.3.6" + dependencies: + framesync: 5.3.0 + hey-listen: ^1.0.8 + style-value-types: 4.1.4 + tslib: ^2.1.0 + checksum: b2ff30e647e4184ddb98778294f1fa856934af389cda9a43a58ccbaaff4b29f5dfa5cbe8c446b58fdbe3e4a3757afa7690c497ad30f15c5edd47a02cb7dc9646 + languageName: node + linkType: hard + "posix-character-classes@npm:^0.1.0": version: 0.1.1 resolution: "posix-character-classes@npm:0.1.1" @@ -8651,6 +9943,17 @@ fsevents@^2.1.2: languageName: node linkType: hard +"prop-types@npm:^15.6.2, prop-types@npm:^15.7.2": + version: 15.7.2 + resolution: "prop-types@npm:15.7.2" + dependencies: + loose-envify: ^1.4.0 + object-assign: ^4.1.1 + react-is: ^16.8.1 + checksum: a440dd406c5cf53bf39f3e898d2c65178511d34ca3c8c789b30c177992408b9e4273969726b274719aa69ccce5ab34b2fd8caa60b90f23cd2e910cdcf682de52 + languageName: node + linkType: hard + "proto-list@npm:~1.2.1": version: 1.2.4 resolution: "proto-list@npm:1.2.4" @@ -8796,6 +10099,60 @@ fsevents@^2.1.2: languageName: node linkType: hard +"react-clientside-effect@npm:^1.2.2": + version: 1.2.5 + resolution: "react-clientside-effect@npm:1.2.5" + dependencies: + "@babel/runtime": ^7.12.13 + peerDependencies: + react: ^15.3.0 || ^16.0.0 || ^17.0.0 + checksum: d4ddba85219bc4b839b01900ea275e4b39331f1b6995f64ee02210d10eb119c7b18ce6de5739aaf2b66ff0047c074096341d44113af84671c1b69d4b4650626c + languageName: node + linkType: hard + +"react-dom@npm:17.0.2": + version: 17.0.2 + resolution: "react-dom@npm:17.0.2" + dependencies: + loose-envify: ^1.1.0 + object-assign: ^4.1.1 + scheduler: ^0.20.2 + peerDependencies: + react: 17.0.2 + checksum: 960a74ff6670766846a73097a599115963df1574833c59ca0c2fd909758ebe7a6214cd14f5e6aa63ce846d8f39fde7f3b80474ccfcfadc45dd7f3246364718c6 + languageName: node + linkType: hard + +"react-fast-compare@npm:3.2.0": + version: 3.2.0 + resolution: "react-fast-compare@npm:3.2.0" + checksum: 6fe65c889eb4f326e97769135f97b3d63ac68737866f9c37f9625c9de4f5eaa9abed6f748eb3fd6a66808392118842916309cab7cfa99c67991f0c837433d6d2 + languageName: node + linkType: hard + +"react-focus-lock@npm:2.5.0": + version: 2.5.0 + resolution: "react-focus-lock@npm:2.5.0" + dependencies: + "@babel/runtime": ^7.0.0 + focus-lock: ^0.8.1 + prop-types: ^15.6.2 + react-clientside-effect: ^1.2.2 + use-callback-ref: ^1.2.1 + use-sidecar: ^1.0.1 + peerDependencies: + react: ^16.8.0 || ^17.0.0 + checksum: 92df64722be6f06b93c1246fa1fddb2897e5fc977d1d1c166ac14a19e272ec4e65908cee5780e3bc45f3be4c32717470900b61eeec061090ef4e08e08f37d8ae + languageName: node + linkType: hard + +"react-is@npm:^16.7.0, react-is@npm:^16.8.1": + version: 16.13.1 + resolution: "react-is@npm:16.13.1" + checksum: 11bcf1267a314a522615f626f3ce3727a3a24cdbf61c4d452add3550a7875326669631326cfb1ba3e92b6f72244c32ffecf93ad21c0cad8455d3e169d0e3f060 + languageName: node + linkType: hard + "react-is@npm:^17.0.1": version: 17.0.2 resolution: "react-is@npm:17.0.2" @@ -8803,6 +10160,68 @@ fsevents@^2.1.2: languageName: node linkType: hard +"react-remove-scroll-bar@npm:^2.1.0": + version: 2.2.0 + resolution: "react-remove-scroll-bar@npm:2.2.0" + dependencies: + react-style-singleton: ^2.1.0 + tslib: ^1.0.0 + peerDependencies: + "@types/react": ^16.8.0 || ^17.0.0 + react: ^16.8.0 || ^17.0.0 + peerDependenciesMeta: + "@types/react": + optional: true + checksum: 5f792704f3f71397210dfd787131fea953b0417a19882c03c47eedea626bdd444621d85039f641d7c6ad821c4525c52d91d05956bf5a43223faff26897a73d66 + languageName: node + linkType: hard + +"react-remove-scroll@npm:2.4.1": + version: 2.4.1 + resolution: "react-remove-scroll@npm:2.4.1" + dependencies: + react-remove-scroll-bar: ^2.1.0 + react-style-singleton: ^2.1.0 + tslib: ^1.0.0 + use-callback-ref: ^1.2.3 + use-sidecar: ^1.0.1 + peerDependencies: + "@types/react": ^16.8.0 || ^17.0.0 + react: ^16.8.0 || ^17.0.0 + peerDependenciesMeta: + "@types/react": + optional: true + checksum: 871059d1fb186562ad00ff37ac4c20bf32ccff574078cc15fe4f90e61717a26f4a93be91d00ec20dc875b7f3c5046303c543a5ef56a1554ecb08b60fa08c7bd7 + languageName: node + linkType: hard + +"react-style-singleton@npm:^2.1.0": + version: 2.1.1 + resolution: "react-style-singleton@npm:2.1.1" + dependencies: + get-nonce: ^1.0.0 + invariant: ^2.2.4 + tslib: ^1.0.0 + peerDependencies: + "@types/react": ^16.8.0 || ^17.0.0 + react: ^16.8.0 || ^17.0.0 + peerDependenciesMeta: + "@types/react": + optional: true + checksum: c7b4ed0d1f70da253e2d43b706c8e4550d87826d8a7bfbe5882b85db0ef12482663288d993f14286eea84f3a07e07bb27a677f27aee7a88848caee9a882c8f6a + languageName: node + linkType: hard + +"react@npm:17.0.2": + version: 17.0.2 + resolution: "react@npm:17.0.2" + dependencies: + loose-envify: ^1.1.0 + object-assign: ^4.1.1 + checksum: 7d0dfebafe1d297503157abb2e9acdb49852185deb8700c16f4a6faad87642f84903ab18cfc16f40b9a0dfe97540f99834982ee953e6d48b39c41608dc3e4b29 + languageName: node + linkType: hard + "read-cmd-shim@npm:^1.0.1, read-cmd-shim@npm:^1.0.5": version: 1.0.5 resolution: "read-cmd-shim@npm:1.0.5" @@ -9004,6 +10423,13 @@ fsevents@^2.1.2: languageName: node linkType: hard +"regenerator-runtime@npm:^0.13.4": + version: 0.13.9 + resolution: "regenerator-runtime@npm:0.13.9" + checksum: 8587f99ed63493b9ce34375f426b8ec61bf380681a374d5f2460c14ae2c289114702bed1f565a2499e809f2ba6d8ecd25a8dfee54bc224171f20a95a249be242 + languageName: node + linkType: hard + "regex-not@npm:^1.0.0, regex-not@npm:^1.0.2": version: 1.0.2 resolution: "regex-not@npm:1.0.2" @@ -9116,13 +10542,19 @@ fsevents@^2.1.2: version: 0.0.0-use.local resolution: "rescript-chakra@workspace:." dependencies: + "@chakra-ui/react": 1.6.8 + "@emotion/react": 11.4.1 + "@emotion/styled": 11.3.0 "@glennsl/bs-jest": 0.7.0 "@rescript/react": 0.10.3 + framer-motion: 4.1.17 husky: 7.0.2 jest: 26.6.3 lint-staged: 11.1.2 pinst: 2.1.6 prettier: 2.4.1 + react: 17.0.2 + react-dom: 17.0.2 rescript: 9.1.4 semantic-release: 17.4.4 semantic-release-npm-github-publish: 1.4.0 @@ -9174,7 +10606,7 @@ fsevents@^2.1.2: languageName: node linkType: hard -"resolve@^1.10.0, resolve@^1.18.1, resolve@^1.20.0": +"resolve@^1.10.0, resolve@^1.12.0, resolve@^1.18.1, resolve@^1.20.0": version: 1.20.0 resolution: "resolve@npm:1.20.0" dependencies: @@ -9184,7 +10616,7 @@ fsevents@^2.1.2: languageName: node linkType: hard -"resolve@patch:resolve@^1.10.0#builtin, resolve@patch:resolve@^1.18.1#builtin, resolve@patch:resolve@^1.20.0#builtin": +"resolve@patch:resolve@^1.10.0#builtin, resolve@patch:resolve@^1.12.0#builtin, resolve@patch:resolve@^1.18.1#builtin, resolve@patch:resolve@^1.20.0#builtin": version: 1.20.0 resolution: "resolve@patch:resolve@npm%3A1.20.0#builtin::version=1.20.0&hash=3388aa" dependencies: @@ -9353,6 +10785,16 @@ fsevents@^2.1.2: languageName: node linkType: hard +"scheduler@npm:^0.20.2": + version: 0.20.2 + resolution: "scheduler@npm:0.20.2" + dependencies: + loose-envify: ^1.1.0 + object-assign: ^4.1.1 + checksum: 2ba121e53e8a438394598612ec9a8f465b39157042f912d2dd5956af643e0d45ec6937ae4eeb0a807d1945b209515263aed12fc3bca95c7a027ec2a54e76b399 + languageName: node + linkType: hard + "semantic-release-npm-github-publish@npm:1.4.0": version: 1.4.0 resolution: "semantic-release-npm-github-publish@npm:1.4.0" @@ -9727,7 +11169,7 @@ fsevents@^2.1.2: languageName: node linkType: hard -"source-map@npm:^0.5.0, source-map@npm:^0.5.6": +"source-map@npm:^0.5.0, source-map@npm:^0.5.6, source-map@npm:^0.5.7": version: 0.5.7 resolution: "source-map@npm:0.5.7" checksum: 737face96577a2184a42f141607fcc2c9db5620cb8517ae8ab3924476defa138fc26b0bab31e98cbd6f19211ecbf78400b59f801ff7a0f87aa9faa79f7433e10 @@ -10144,6 +11586,23 @@ fsevents@^2.1.2: languageName: node linkType: hard +"style-value-types@npm:4.1.4": + version: 4.1.4 + resolution: "style-value-types@npm:4.1.4" + dependencies: + hey-listen: ^1.0.8 + tslib: ^2.1.0 + checksum: aca49c70e6dc3e222c1db50b58fb4f339373d6b2583fcffed414888bdfc7bbb77dbcdc7530c730f5286282583ee891d97a84fd76f6273d1c7c2338b19ab740a9 + languageName: node + linkType: hard + +"stylis@npm:^4.0.3": + version: 4.0.10 + resolution: "stylis@npm:4.0.10" + checksum: 271892d9f64eced85ed777879e303ef58154f3dec60de7ca962d91c4b6ec0961d278050221a196eee050c58ce34e6e06f293537dc2eb4c0d83fc40b168767750 + languageName: node + linkType: hard + "supports-color@npm:^5.3.0": version: 5.5.0 resolution: "supports-color@npm:5.5.0" @@ -10330,6 +11789,13 @@ fsevents@^2.1.2: languageName: node linkType: hard +"tiny-invariant@npm:^1.0.6": + version: 1.1.0 + resolution: "tiny-invariant@npm:1.1.0" + checksum: 64318fbd77c451cfff23b57b9f3aef56594d9cea051a87dc538c9b371f97e8d474eaa2a7cbd60b8aa23f852393152495e8651b197607465fdf9c8ff134043b1b + languageName: node + linkType: hard + "tiny-relative-date@npm:^1.3.0": version: 1.3.0 resolution: "tiny-relative-date@npm:1.3.0" @@ -10391,6 +11857,13 @@ fsevents@^2.1.2: languageName: node linkType: hard +"toggle-selection@npm:^1.0.6": + version: 1.0.6 + resolution: "toggle-selection@npm:1.0.6" + checksum: c47702aad780581f17367c413c4dc55b61a31b0c15c87a08461f4c4618457b11efce8ad9a7bf7b79fb23d17128b1c7da9248647a34dd15ae36c9afbdd2084d9f + languageName: node + linkType: hard + "tough-cookie@npm:^4.0.0": version: 4.0.0 resolution: "tough-cookie@npm:4.0.0" @@ -10449,13 +11922,20 @@ fsevents@^2.1.2: languageName: node linkType: hard -"tslib@npm:^1.9.0": +"tslib@npm:^1.0.0, tslib@npm:^1.9.0, tslib@npm:^1.9.3": version: 1.14.1 resolution: "tslib@npm:1.14.1" checksum: f44fe7f216946b17d3e3074df3746372703cf24e9127b4c045511456e8e4bf25515fb0a1bb3937676cc305651c5d4fcb6377b0588a4c6a957e748c4c28905d17 languageName: node linkType: hard +"tslib@npm:^2.1.0": + version: 2.3.1 + resolution: "tslib@npm:2.3.1" + checksum: 5ae2f209c5127bad284974c78916f02c72082615f65889a7ed0c7ca6d5f935c30338a0ee7310e1d9652dabc7b7507fd2905035487446d09d45fc1f19de71cf05 + languageName: node + linkType: hard + "tunnel-agent@npm:^0.6.0": version: 0.6.0 resolution: "tunnel-agent@npm:0.6.0" @@ -10733,6 +12213,31 @@ fsevents@^2.1.2: languageName: node linkType: hard +"use-callback-ref@npm:^1.2.1, use-callback-ref@npm:^1.2.3": + version: 1.2.5 + resolution: "use-callback-ref@npm:1.2.5" + peerDependencies: + "@types/react": ^16.8.0 || ^17.0.0 + react: ^16.8.0 || ^17.0.0 + peerDependenciesMeta: + "@types/react": + optional: true + checksum: 0d5fcb3fb8cea49425ba3240f00f932a70446669d3b863cfd6f0dc4f602c73135ff868f7b28f3489fba3befbe9ae9f5dbe1dc4985fff7499b65dfee9dd0827f0 + languageName: node + linkType: hard + +"use-sidecar@npm:^1.0.1": + version: 1.0.5 + resolution: "use-sidecar@npm:1.0.5" + dependencies: + detect-node-es: ^1.1.0 + tslib: ^1.9.3 + peerDependencies: + react: ^16.8.0 || ^17.0.0 + checksum: dec3badfadf7972634bd614729185c7f29c46e2ce9331cfb7616a64c3e8c22ab11bb22aeda24b792151ec9dbdf622cfb2fdf19cd4d07e1c72f9b46113feea237 + languageName: node + linkType: hard + "use@npm:^3.1.0": version: 3.1.1 resolution: "use@npm:3.1.1" @@ -10856,6 +12361,15 @@ fsevents@^2.1.2: languageName: node linkType: hard +"warning@npm:^4.0.3": + version: 4.0.3 + resolution: "warning@npm:4.0.3" + dependencies: + loose-envify: ^1.0.0 + checksum: 20ef5d29ff9c20af3060e504914a00d5a90ce346e75e6691efbedb540481cdc82070c966d75195f812de64bb0bd7f1b02315fcb52469db151c0f15e29002781c + languageName: node + linkType: hard + "wcwidth@npm:^1.0.0": version: 1.0.1 resolution: "wcwidth@npm:1.0.1" @@ -11156,7 +12670,7 @@ fsevents@^2.1.2: languageName: node linkType: hard -"yaml@npm:^1.10.0": +"yaml@npm:^1.10.0, yaml@npm:^1.7.2": version: 1.10.2 resolution: "yaml@npm:1.10.2" checksum: 8d72062ea3dbfd8fae3d6ddd5b741c2aeb5835a31b0719bf14fac71dd84adde0829763d6fbac46387309da00af1440194c796da5efc349b0baf9de39d82ae69e