diff --git a/.envrc b/.envrc
new file mode 100644
index 0000000..cffc922
--- /dev/null
+++ b/.envrc
@@ -0,0 +1 @@
+use flake . --impure
diff --git a/.github/workflows/release.yml b/.github/workflows/release.yml
index 4a3c7c4..1ef3804 100644
--- a/.github/workflows/release.yml
+++ b/.github/workflows/release.yml
@@ -18,7 +18,7 @@ jobs:
- name: Setup node
uses: actions/setup-node@v2
with:
- node-version: 12
+ node-version: 20
- id: vars
name: Find Yarn's cache folder
run: |
diff --git a/.github/workflows/test.release.yml b/.github/workflows/test.release.yml
index d58438e..75ffc56 100644
--- a/.github/workflows/test.release.yml
+++ b/.github/workflows/test.release.yml
@@ -11,7 +11,7 @@ jobs:
- name: Setup node
uses: actions/setup-node@v2
with:
- node-version: 12
+ node-version: 20
- id: vars
name: Find Yarn's cache folder
run: |
diff --git a/.gitignore b/.gitignore
index 973422a..a91f50b 100644
--- a/.gitignore
+++ b/.gitignore
@@ -167,3 +167,12 @@ temp/
.vercel
src/**/*.js
+# Devenv
+.devenv*
+devenv.local.nix
+
+# direnv
+.direnv
+
+# pre-commit
+.pre-commit-config.yaml
diff --git a/.husky/pre-commit b/.husky/pre-commit
index c7ce696..52ebc68 100755
--- a/.husky/pre-commit
+++ b/.husky/pre-commit
@@ -4,4 +4,4 @@
yarn run lint-staged
yarn run build
-yarn run test
+yarn run test -- --coverage
diff --git a/__tests__/test_makeprops.js b/__tests__/test_makeprops.js
index ca3ced6..23d1829 100644
--- a/__tests__/test_makeprops.js
+++ b/__tests__/test_makeprops.js
@@ -1,719 +1,773 @@
-'use strict';
-
-var Jest = require("@glennsl/bs-jest/src/jest.js");
-var Chakra = require("../src/Chakra.js");
-var Chakra__MakeProps = require("../src/Interfaces/Chakra__MakeProps.js");
-
-function expect(x) {
- return Jest.Expect.expect(x);
-}
+import * as Chakra from "../src/Chakra.js";
+import * as Vitest from "rescript-vitest/src/Vitest.js";
+import * as Vitest$1 from "vitest";
+import * as Belt_List from "rescript/lib/es6/belt_List.js";
+import * as Chakra__MakeProps from "../src/Interfaces/Chakra__MakeProps.js";
function toBe(x, __x) {
- return Jest.Expect.toBe(__x, x);
+ __x.toBe(x);
}
function toEqual(x, __x) {
- return Jest.Expect.toEqual(__x, x);
+ __x.toEqual(x);
}
-Jest.describe("Test MakeProps", (function (param) {
- var testCasesPseudo_0 = [
- Chakra.pseudo(undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, "teal900", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined),
- {
- color: "teal.900"
- }
- ];
- var testCasesPseudo = {
- hd: testCasesPseudo_0,
- tl: /* [] */0
- };
- Jest.testAll("Chakra UI Theme Color Variant", {
- hd: [
- "black",
- "black"
- ],
+Vitest.describe("Test MakeProps", undefined, function (param) {
+ var testCasesPseudo_0 = [
+ Chakra.pseudo(
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ "teal900",
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ ),
+ {
+ color: "teal.900",
+ },
+ ];
+ var testCasesPseudo = {
+ hd: testCasesPseudo_0,
+ tl: /* [] */ 0,
+ };
+ Vitest.Each.test2(
+ Belt_List.toArray({
+ hd: ["black", "black"],
+ tl: {
+ hd: ["white", "white"],
+ tl: {
+ hd: ["gray", "gray"],
+ tl: {
+ hd: ["gray50", "gray.50"],
+ tl: {
+ hd: ["gray100", "gray.100"],
tl: {
- hd: [
- "white",
- "white"
- ],
+ hd: ["gray200", "gray.200"],
tl: {
- hd: [
- "gray",
- "gray"
- ],
+ hd: ["gray300", "gray.300"],
tl: {
- hd: [
- "gray50",
- "gray.50"
- ],
+ hd: ["gray400", "gray.400"],
tl: {
- hd: [
- "gray100",
- "gray.100"
- ],
+ hd: ["gray500", "gray.500"],
tl: {
- hd: [
- "gray200",
- "gray.200"
- ],
+ hd: ["gray600", "gray.600"],
tl: {
- hd: [
- "gray300",
- "gray.300"
- ],
+ hd: ["gray700", "gray.700"],
tl: {
- hd: [
- "gray400",
- "gray.400"
- ],
+ hd: ["gray800", "gray.800"],
tl: {
- hd: [
- "gray500",
- "gray.500"
- ],
+ hd: ["gray900", "gray.900"],
tl: {
- hd: [
- "gray600",
- "gray.600"
- ],
+ hd: ["red", "red"],
tl: {
- hd: [
- "gray700",
- "gray.700"
- ],
+ hd: ["red50", "red.50"],
tl: {
- hd: [
- "gray800",
- "gray.800"
- ],
+ hd: ["red100", "red.100"],
tl: {
- hd: [
- "gray900",
- "gray.900"
- ],
+ hd: ["red200", "red.200"],
tl: {
- hd: [
- "red",
- "red"
- ],
+ hd: ["red300", "red.300"],
tl: {
- hd: [
- "red50",
- "red.50"
- ],
+ hd: ["red400", "red.400"],
tl: {
- hd: [
- "red100",
- "red.100"
- ],
+ hd: ["red500", "red.500"],
tl: {
- hd: [
- "red200",
- "red.200"
- ],
+ hd: ["red600", "red.600"],
tl: {
- hd: [
- "red300",
- "red.300"
- ],
+ hd: ["red700", "red.700"],
tl: {
- hd: [
- "red400",
- "red.400"
- ],
+ hd: ["red800", "red.800"],
tl: {
- hd: [
- "red500",
- "red.500"
- ],
+ hd: ["red900", "red.900"],
tl: {
- hd: [
- "red600",
- "red.600"
- ],
+ hd: ["orange", "orange"],
tl: {
hd: [
- "red700",
- "red.700"
+ "orange50",
+ "orange.50",
],
tl: {
hd: [
- "red800",
- "red.800"
+ "orange100",
+ "orange.100",
],
tl: {
hd: [
- "red900",
- "red.900"
+ "orange200",
+ "orange.200",
],
tl: {
hd: [
- "orange",
- "orange"
+ "orange300",
+ "orange.300",
],
tl: {
hd: [
- "orange50",
- "orange.50"
+ "orange400",
+ "orange.400",
],
tl: {
hd: [
- "orange100",
- "orange.100"
+ "orange500",
+ "orange.500",
],
tl: {
hd: [
- "orange200",
- "orange.200"
+ "orange600",
+ "orange.600",
],
tl: {
hd: [
- "orange300",
- "orange.300"
+ "orange700",
+ "orange.700",
],
tl: {
hd: [
- "orange400",
- "orange.400"
+ "orange800",
+ "orange.800",
],
tl: {
hd: [
- "orange500",
- "orange.500"
+ "orange900",
+ "orange.900",
],
tl: {
hd: [
- "orange600",
- "orange.600"
+ "yellow",
+ "yellow",
],
tl: {
hd: [
- "orange700",
- "orange.700"
+ "yellow50",
+ "yellow50",
],
tl: {
hd: [
- "orange800",
- "orange.800"
+ "yellow100",
+ "yellow.100",
],
tl: {
hd: [
- "orange900",
- "orange.900"
+ "yellow200",
+ "yellow.200",
],
tl: {
hd: [
- "yellow",
- "yellow"
+ "yellow300",
+ "yellow.300",
],
tl: {
hd: [
- "yellow50",
- "yellow50"
+ "yellow400",
+ "yellow.400",
],
tl: {
hd: [
- "yellow100",
- "yellow.100"
+ "yellow500",
+ "yellow.500",
],
tl: {
hd: [
- "yellow200",
- "yellow.200"
+ "yellow600",
+ "yellow.600",
],
tl: {
hd: [
- "yellow300",
- "yellow.300"
+ "yellow700",
+ "yellow.700",
],
tl: {
hd: [
- "yellow400",
- "yellow.400"
+ "yellow800",
+ "yellow.800",
],
tl: {
hd: [
- "yellow500",
- "yellow.500"
+ "yellow900",
+ "yellow.900",
],
tl: {
hd: [
- "yellow600",
- "yellow.600"
+ "green",
+ "green",
],
tl: {
hd: [
- "yellow700",
- "yellow.700"
+ "green50",
+ "green.50",
],
tl: {
hd: [
- "yellow800",
- "yellow.800"
+ "green100",
+ "green.100",
],
tl: {
hd: [
- "yellow900",
- "yellow.900"
+ "green200",
+ "green.200",
],
tl: {
hd: [
- "green",
- "green"
+ "green300",
+ "green.300",
],
tl: {
hd: [
- "green50",
- "green.50"
+ "green400",
+ "green.400",
],
tl: {
hd: [
- "green100",
- "green.100"
+ "green500",
+ "green.500",
],
tl: {
hd: [
- "green200",
- "green.200"
+ "green600",
+ "green.600",
],
tl: {
hd: [
- "green300",
- "green.300"
+ "green700",
+ "green.700",
],
tl: {
hd: [
- "green400",
- "green.400"
+ "green800",
+ "green.800",
],
tl: {
hd: [
- "green500",
- "green.500"
+ "green900",
+ "green.900",
],
tl: {
hd: [
- "green600",
- "green.600"
+ "teal",
+ "teal",
],
tl: {
hd: [
- "green700",
- "green.700"
+ "teal50",
+ "teal.50",
],
tl: {
hd: [
- "green800",
- "green.800"
+ "teal100",
+ "teal.100",
],
tl: {
hd: [
- "green900",
- "green.900"
+ "teal200",
+ "teal.200",
],
tl: {
hd: [
- "teal",
- "teal"
+ "teal300",
+ "teal.300",
],
tl: {
hd: [
- "teal50",
- "teal.50"
+ "teal400",
+ "teal.400",
],
tl: {
hd: [
- "teal100",
- "teal.100"
+ "teal500",
+ "teal.500",
],
tl: {
hd: [
- "teal200",
- "teal.200"
+ "teal600",
+ "teal.600",
],
tl: {
hd: [
- "teal300",
- "teal.300"
+ "teal700",
+ "teal.700",
],
tl: {
hd: [
- "teal400",
- "teal.400"
+ "teal800",
+ "teal.800",
],
tl: {
hd: [
- "teal500",
- "teal.500"
+ "teal900",
+ "teal.900",
],
tl: {
hd: [
- "teal600",
- "teal.600"
+ "blue",
+ "blue",
],
tl: {
hd: [
- "teal700",
- "teal.700"
+ "blue50",
+ "blue.50",
],
tl: {
hd: [
- "teal800",
- "teal.800"
+ "blue100",
+ "blue.100",
],
tl: {
hd: [
- "teal900",
- "teal.900"
+ "blue200",
+ "blue.200",
],
tl: {
hd: [
- "blue",
- "blue"
+ "blue300",
+ "blue.300",
],
tl: {
hd: [
- "blue50",
- "blue.50"
+ "blue400",
+ "blue.400",
],
tl: {
hd: [
- "blue100",
- "blue.100"
+ "blue500",
+ "blue.500",
],
tl: {
hd: [
- "blue200",
- "blue.200"
+ "blue600",
+ "blue.600",
],
tl: {
hd: [
- "blue300",
- "blue.300"
+ "blue700",
+ "blue.700",
],
tl: {
hd: [
- "blue400",
- "blue.400"
+ "blue800",
+ "blue.800",
],
tl: {
hd: [
- "blue500",
- "blue.500"
+ "blue900",
+ "blue.900",
],
tl: {
hd: [
- "blue600",
- "blue.600"
+ "cyan",
+ "cyan",
],
tl: {
hd: [
- "blue700",
- "blue.700"
+ "cyan50",
+ "cyan.50",
],
tl: {
hd: [
- "blue800",
- "blue.800"
+ "cyan100",
+ "cyan.100",
],
tl: {
hd: [
- "blue900",
- "blue.900"
+ "cyan200",
+ "cyan.200",
],
tl: {
hd: [
- "cyan",
- "cyan"
+ "cyan300",
+ "cyan.300",
],
tl: {
hd: [
- "cyan50",
- "cyan.50"
+ "cyan400",
+ "cyan.400",
],
tl: {
hd: [
- "cyan100",
- "cyan.100"
+ "cyan500",
+ "cyan.500",
],
tl: {
hd: [
- "cyan200",
- "cyan.200"
+ "cyan600",
+ "cyan.600",
],
tl: {
hd: [
- "cyan300",
- "cyan.300"
+ "cyan700",
+ "cyan.700",
],
tl: {
hd: [
- "cyan400",
- "cyan.400"
+ "cyan800",
+ "cyan.800",
],
tl: {
hd: [
- "cyan500",
- "cyan.500"
+ "cyan900",
+ "cyan.900",
],
tl: {
hd: [
- "cyan600",
- "cyan.600"
+ "purple",
+ "purple",
],
tl: {
hd: [
- "cyan700",
- "cyan.700"
+ "purple50",
+ "purple.50",
],
tl: {
hd: [
- "cyan800",
- "cyan.800"
+ "purple100",
+ "purple.100",
],
tl: {
hd: [
- "cyan900",
- "cyan.900"
+ "purple200",
+ "purple.200",
],
tl: {
hd: [
- "purple",
- "purple"
+ "purple300",
+ "purple.300",
],
tl: {
hd: [
- "purple50",
- "purple.50"
+ "purple400",
+ "purple.400",
],
tl: {
hd: [
- "purple100",
- "purple.100"
+ "purple500",
+ "purple.500",
],
tl: {
hd: [
- "purple200",
- "purple.200"
+ "purple600",
+ "purple.600",
],
tl: {
hd: [
- "purple300",
- "purple.300"
+ "purple700",
+ "purple.700",
],
tl: {
hd: [
- "purple400",
- "purple.400"
+ "purple800",
+ "purple.800",
],
tl: {
hd: [
- "purple500",
- "purple.500"
+ "purple900",
+ "purple.900",
],
tl: {
hd: [
- "purple600",
- "purple.600"
+ "pink",
+ "pink",
],
tl: {
hd: [
- "purple700",
- "purple.700"
+ "pink50",
+ "pink.50",
],
tl: {
hd: [
- "purple800",
- "purple.800"
+ "pink100",
+ "pink.100",
],
tl: {
hd: [
- "purple900",
- "purple.900"
+ "pink200",
+ "pink.200",
],
tl: {
hd: [
- "pink",
- "pink"
+ "pink300",
+ "pink.300",
],
tl: {
hd: [
- "pink50",
- "pink.50"
+ "pink400",
+ "pink.400",
],
tl: {
hd: [
- "pink100",
- "pink.100"
+ "pink500",
+ "pink.500",
],
tl: {
hd: [
- "pink200",
- "pink.200"
+ "pink600",
+ "pink.600",
],
tl: {
hd: [
- "pink300",
- "pink.300"
+ "pink700",
+ "pink.700",
],
tl: {
hd: [
- "pink400",
- "pink.400"
+ "pink800",
+ "pink.800",
],
tl: {
hd: [
- "pink500",
- "pink.500"
+ "pink900",
+ "pink.900",
],
- tl: {
- hd: [
- "pink600",
- "pink.600"
- ],
- tl: {
- hd: [
- "pink700",
- "pink.700"
- ],
- tl: {
- hd: [
- "pink800",
- "pink.800"
- ],
- tl: {
- hd: [
- "pink900",
- "pink.900"
- ],
- tl: /* [] */0
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }
- }, (function (param) {
- var result = Chakra__MakeProps.Color.identity(param[0]);
- var x = Jest.Expect.expect(result);
- return Jest.Expect.toBe(param[1], x);
- }));
- return Jest.testAll("Pseudo Creation", testCasesPseudo, (function (param) {
- var x = Jest.Expect.expect(param[0]);
- return Jest.Expect.toEqual(param[1], x);
- }));
- }));
+ tl: /* [] */ 0,
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ },
+ }),
+ "Chakra UI Theme Color Variant",
+ undefined,
+ function ($$case, expected) {
+ var result = Chakra__MakeProps.Color.identity($$case);
+ Vitest$1.expect(result).toBe(expected);
+ },
+ );
+ Vitest.Each.test2(
+ Belt_List.toArray(testCasesPseudo),
+ "Pseudo Creation",
+ undefined,
+ function ($$case, expected) {
+ Vitest$1.expect($$case).toEqual(expected);
+ },
+ );
+});
var pseudo = Chakra.pseudo;
-exports.expect = expect;
-exports.toBe = toBe;
-exports.toEqual = toEqual;
-exports.pseudo = pseudo;
+export { toBe, toEqual, pseudo };
/* Not a pure module */
diff --git a/__tests__/test_makeprops.res b/__tests__/test_makeprops.res
index 614fa41..8e5de54 100644
--- a/__tests__/test_makeprops.res
+++ b/__tests__/test_makeprops.res
@@ -1,7 +1,6 @@
-open Jest
+open Vitest
// make pipe-first
-let expect = x => Expect.expect(x)
let toBe = x => Expect.toBe(_, x)
let toEqual = x => Expect.toEqual(_, x)
let pseudo = Chakra.pseudo
@@ -125,14 +124,18 @@ describe("Test MakeProps", () => {
let testCasesPseudo = list{(pseudo(~color=#teal900, ()), {"color": "teal.900"})}
- testAll("Chakra UI Theme Color Variant", testCasesColors, ((case, expected)) => {
+ testCasesColors
+ ->Belt.List.toArray
+ ->Each.test2("Chakra UI Theme Color Variant", (case, expected) => {
open Chakra__MakeProps
let result = Color.identity(case)
let expected = expected->Identity.fromString
- result->expect->toBe(expected)
+ result->expect->Expect.toBe(expected)
})
- testAll("Pseudo Creation", testCasesPseudo, ((case, expected)) => {
+ testCasesPseudo
+ ->Belt.List.toArray
+ ->Each.test2("Pseudo Creation", (case, expected) => {
let expected = expected->asPseudo
- case->expect->toEqual(expected)
+ case->expect->Expect.toEqual(expected)
})
})
diff --git a/bsconfig.json b/bsconfig.json
deleted file mode 100644
index f58bdda..0000000
--- a/bsconfig.json
+++ /dev/null
@@ -1,20 +0,0 @@
-{
- "name": "rescript-chakra",
- "refmt": 3,
- "reason": {
- "react-jsx": 3
- },
- "suffix": ".js",
- "bsc-flags": ["-bs-super-errors", "-bs-no-version-header"],
- "sources": [
- { "dir": "src", "subdirs": true },
- { "dir": "examples", "subdirs": true, "type": "dev" },
- { "dir": "__tests__", "subdirs": true, "type": "dev" }
- ],
- "bs-dependencies": ["@rescript/react"],
- "bs-dev-dependencies": ["@glennsl/bs-jest"],
- "package-specs": {
- "module": "commonjs",
- "in-source": true
- }
-}
diff --git a/examples/app.js b/examples/app.js
index 983df91..7492200 100644
--- a/examples/app.js
+++ b/examples/app.js
@@ -1,1967 +1,6864 @@
-'use strict';
-
-var Curry = require("rescript/lib/js/curry.js");
-var React = require("react");
-var Chakra = require("../src/Chakra.js");
-var Caml_option = require("rescript/lib/js/caml_option.js");
-var Chakra__Box = require("../src/Components/Chakra__Box.js");
-var Chakra__Text = require("../src/Components/Chakra__Text.js");
-var Chakra__Button = require("../src/Components/Chakra__Button.js");
-var React$1 = require("@chakra-ui/react");
+import * as Curry from "rescript/lib/es6/curry.js";
+import * as React from "react";
+import * as Chakra from "../src/Chakra.js";
+import * as Caml_option from "rescript/lib/es6/caml_option.js";
+import * as Chakra__Box from "../src/Components/Chakra__Box.js";
+import * as Chakra__Text from "../src/Components/Chakra__Text.js";
+import * as Chakra__Button from "../src/Components/Chakra__Button.js";
+import * as React$1 from "@chakra-ui/react";
function App$TextAndHeading(Props) {
- return React.createElement(React.Fragment, undefined, React.createElement(React$1.Text, Curry.app(Chakra__Text.makeProps(undefined, undefined, undefined, {
- NAME: "num",
- VAL: 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, undefined, undefined, undefined, undefined)("Hello", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined), [
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- 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.Text, Curry.app(Chakra__Text.makeProps(undefined, undefined, undefined, {
- NAME: "array",
- VAL: [
- 5,
- 6,
- 7
- ]
- }, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined)("Hello", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined), [
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- 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.Text, Curry.app(Chakra__Text.makeProps(undefined, "lowercase", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined)("Hello", "i", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined), [
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- 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.Text,
+ Curry.app(
+ Chakra__Text.makeProps(
+ undefined,
+ undefined,
+ undefined,
+ {
+ NAME: "num",
+ VAL: 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,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ )(
+ "Hello",
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ ),
+ [
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ 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.Text,
+ Curry.app(
+ Chakra__Text.makeProps(
+ undefined,
+ undefined,
+ undefined,
+ {
+ NAME: "array",
+ VAL: [5, 6, 7],
+ },
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ )(
+ "Hello",
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ ),
+ [
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ 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.Text,
+ Curry.app(
+ Chakra__Text.makeProps(
+ undefined,
+ "lowercase",
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ )(
+ "Hello",
+ "i",
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ ),
+ [
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ 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 TextAndHeading = {
- make: App$TextAndHeading
+ make: App$TextAndHeading,
};
function App$MarginAndProps(Props) {
- 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,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- 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, "auto", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, 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: "px",
- VAL: 960
- }, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined)(undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined), [
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- 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({
- NAME: "array",
- VAL: [
- 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,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- 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,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ 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,
+ "auto",
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ 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: "px",
+ VAL: 960,
+ },
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ )(
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ ),
+ [
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ 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(
+ {
+ NAME: "array",
+ VAL: [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,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ 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 MarginAndProps = {
- make: App$MarginAndProps
+ make: App$MarginAndProps,
};
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, 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,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- 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, {
- NAME: "percent",
- VAL: 100
- }, undefined, undefined, undefined, undefined, undefined, {
- NAME: "px",
- VAL: 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,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- 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, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, "sm", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined)(undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined), [
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- 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,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- 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, {
- NAME: "px",
- VAL: 256
- }, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined)(undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined), [
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- 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, {
- NAME: "px",
- VAL: 49
- }, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined)(undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined), [
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- 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(
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ 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,
+ 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,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ 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,
+ {
+ NAME: "percent",
+ VAL: 100,
+ },
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ {
+ NAME: "px",
+ VAL: 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,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ 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,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ "sm",
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ )(
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ ),
+ [
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ 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,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ 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,
+ {
+ NAME: "px",
+ VAL: 256,
+ },
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ )(
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ ),
+ [
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ 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,
+ {
+ NAME: "px",
+ VAL: 49,
+ },
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ )(
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ ),
+ [
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ 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 LayoutWidthHeight = {
- make: App$LayoutWidthHeight
+ make: App$LayoutWidthHeight,
};
function App$ColorsAndBackground(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, "gray50", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined)(undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined), [
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- 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, {
- NAME: "hex",
- VAL: "f00"
- }, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined)(undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined), [
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- 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, {
- NAME: "hex",
- VAL: "FF6347"
- }, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined)(undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined), [
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- 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, {
- NAME: "rgb",
- VAL: [
- 255,
- 215,
- 0
- ]
- }, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined)(undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined), [
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- 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, {
- NAME: "hsl",
- VAL: [
- {
- NAME: "deg",
- VAL: 0.0
- },
- {
- NAME: "percent",
- VAL: 60.0
- },
- {
- NAME: "percent",
- VAL: 50.0
- }
- ]
- }, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined)(undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined), [
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- 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, {
- NAME: "hsla",
- VAL: [
- {
- NAME: "deg",
- VAL: 235
- },
- {
- NAME: "percent",
- VAL: 100
- },
- {
- NAME: "percent",
- VAL: 50
- },
- {
- NAME: "num",
- VAL: 1
- }
- ]
- }, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined)(undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined), [
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- 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(
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ "gray50",
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ )(
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ ),
+ [
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ 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,
+ {
+ NAME: "hex",
+ VAL: "f00",
+ },
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ )(
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ ),
+ [
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ 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,
+ {
+ NAME: "hex",
+ VAL: "FF6347",
+ },
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ )(
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ ),
+ [
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ 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,
+ {
+ NAME: "rgb",
+ VAL: [255, 215, 0],
+ },
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ )(
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ ),
+ [
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ 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,
+ {
+ NAME: "hsl",
+ VAL: [
+ {
+ NAME: "deg",
+ VAL: 0.0,
+ },
+ {
+ NAME: "percent",
+ VAL: 60.0,
+ },
+ {
+ NAME: "percent",
+ VAL: 50.0,
+ },
+ ],
+ },
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ )(
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ ),
+ [
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ 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,
+ {
+ NAME: "hsla",
+ VAL: [
+ {
+ NAME: "deg",
+ VAL: 235,
+ },
+ {
+ NAME: "percent",
+ VAL: 100,
+ },
+ {
+ NAME: "percent",
+ VAL: 50,
+ },
+ {
+ NAME: "num",
+ VAL: 1,
+ },
+ ],
+ },
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ )(
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ ),
+ [
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ 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 ColorsAndBackground = {
- make: App$ColorsAndBackground
+ make: App$ColorsAndBackground,
};
function App$Borders(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, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, 1, undefined, undefined, "gray200", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined)("Card", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined), [
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- 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(
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ 1,
+ undefined,
+ undefined,
+ "gray200",
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ )(
+ "Card",
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ ),
+ [
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ 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 Borders = {
- make: App$Borders
+ make: App$Borders,
};
function App$Background(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, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, 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: "url",
- VAL: "/images/kyuubi.png"
- }, undefined, undefined, undefined, "center", undefined, "noRepeat", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined)(undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined), [
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- 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, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, 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: "url",
- VAL: "/images/kyuubi.png"
- }, undefined, undefined, undefined, "center", undefined, "noRepeat", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined)(undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined), [
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- 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(
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ 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: "url",
+ VAL: "/images/kyuubi.png",
+ },
+ undefined,
+ undefined,
+ undefined,
+ "center",
+ undefined,
+ "noRepeat",
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ )(
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ ),
+ [
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ 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,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ 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: "url",
+ VAL: "/images/kyuubi.png",
+ },
+ undefined,
+ undefined,
+ undefined,
+ "center",
+ undefined,
+ "noRepeat",
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ )(
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ ),
+ [
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ 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 Background = {
- make: App$Background
+ make: App$Background,
};
function App$Pseudo(Props) {
- 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,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- (function (param) {
- Curry._1(toast, {
- id: "ChakraToast"
- });
- Curry._1(toast2, {
- id: "ChakraToastCreateStandaloneToast"
- });
-
- }),
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- undefined,
- 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();
+ var toast2 = Chakra.createStandaloneToast();
+ 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,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ function (param) {
+ Curry._1(toast, {
+ id: "ChakraToast",
+ });
+ Curry._1(toast2, {
+ id: "ChakraToastCreateStandaloneToast",
+ });
+ },
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ 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 Pseudo = {
- make: App$Pseudo
+ make: App$Pseudo,
};
function App$App(Props) {
- return React.createElement(React$1.ChakraProvider, {
- children: null
- }, React.createElement(App$LayoutWidthHeight, {}), React.createElement(App$MarginAndProps, {}), React.createElement(App$ColorsAndBackground, {}), React.createElement(App$Borders, {}), React.createElement(App$Background, {}));
+ return React.createElement(
+ React$1.ChakraProvider,
+ {
+ children: null,
+ },
+ React.createElement(App$LayoutWidthHeight, {}),
+ React.createElement(App$MarginAndProps, {}),
+ React.createElement(App$ColorsAndBackground, {}),
+ React.createElement(App$Borders, {}),
+ React.createElement(App$Background, {}),
+ );
}
var App = {
- make: App$App
+ make: App$App,
};
-exports.TextAndHeading = TextAndHeading;
-exports.MarginAndProps = MarginAndProps;
-exports.LayoutWidthHeight = LayoutWidthHeight;
-exports.ColorsAndBackground = ColorsAndBackground;
-exports.Borders = Borders;
-exports.Background = Background;
-exports.Pseudo = Pseudo;
-exports.App = App;
+export {
+ TextAndHeading,
+ MarginAndProps,
+ LayoutWidthHeight,
+ ColorsAndBackground,
+ Borders,
+ Background,
+ Pseudo,
+ App,
+};
/* react Not a pure module */
diff --git a/examples/app.res b/examples/app.res
index 31e5489..c37b31a 100644
--- a/examples/app.res
+++ b/examples/app.res
@@ -7,9 +7,7 @@ module TextAndHeading = {
{"Hello"->React.string}
>
}
-/**
- @see
- **/
+/* @see */
module MarginAndProps = {
open Chakra
@react.component
@@ -22,9 +20,7 @@ module MarginAndProps = {
>
}
-/**
- @see
- **/
+/* @see */
module LayoutWidthHeight = {
open Chakra
@react.component
@@ -43,13 +39,11 @@ module LayoutWidthHeight = {
>
}
-/**
- Reference
+/* Reference
@see
@see
@see
- @see
- **/
+ @see */
module ColorsAndBackground = {
open Chakra
@react.component
@@ -72,10 +66,8 @@ module ColorsAndBackground = {
>
}
-/**
- Borders
- @see
-**/
+/* Borders
+ @see */
module Borders = {
open Chakra
@react.component
@@ -84,10 +76,8 @@ module Borders = {
{"Card"->React.string}
>
}
-/**
- Background
- @see
-**/
+/* Background
+ @see */
module Background = {
open Chakra
@react.component
diff --git a/examples/pseudo.js b/examples/pseudo.js
index 715fa1e..802172c 100644
--- a/examples/pseudo.js
+++ b/examples/pseudo.js
@@ -1,8 +1,134 @@
-'use strict';
+import * as Chakra from "../src/Chakra.js";
-var Chakra = require("../src/Chakra.js");
+var obj = Chakra.pseudo(
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ "blue100",
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ undefined,
+ 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 obj = Chakra.pseudo(undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, "blue100", undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined);
-
-exports.obj = obj;
+export { obj };
/* obj Not a pure module */
diff --git a/flake.lock b/flake.lock
new file mode 100644
index 0000000..a376287
--- /dev/null
+++ b/flake.lock
@@ -0,0 +1,474 @@
+{
+ "nodes": {
+ "cachix": {
+ "inputs": {
+ "devenv": "devenv_2",
+ "flake-compat": [
+ "devenv",
+ "flake-compat"
+ ],
+ "nixpkgs": [
+ "devenv",
+ "nixpkgs"
+ ],
+ "pre-commit-hooks": [
+ "devenv",
+ "pre-commit-hooks"
+ ]
+ },
+ "locked": {
+ "lastModified": 1712055811,
+ "narHash": "sha256-7FcfMm5A/f02yyzuavJe06zLa9hcMHsagE28ADcmQvk=",
+ "owner": "cachix",
+ "repo": "cachix",
+ "rev": "02e38da89851ec7fec3356a5c04bc8349cae0e30",
+ "type": "github"
+ },
+ "original": {
+ "owner": "cachix",
+ "repo": "cachix",
+ "type": "github"
+ }
+ },
+ "devenv": {
+ "inputs": {
+ "cachix": "cachix",
+ "flake-compat": "flake-compat_2",
+ "nix": "nix_2",
+ "nixpkgs": "nixpkgs_2",
+ "pre-commit-hooks": "pre-commit-hooks"
+ },
+ "locked": {
+ "lastModified": 1723898192,
+ "narHash": "sha256-MXIK60F11Tc7B+vRcLOWPx6IweAu3u54YpdByM/9OuA=",
+ "owner": "cachix",
+ "repo": "devenv",
+ "rev": "64bb347c3b0cee39da55ec6f52a5bef8d833c431",
+ "type": "github"
+ },
+ "original": {
+ "owner": "cachix",
+ "repo": "devenv",
+ "type": "github"
+ }
+ },
+ "devenv_2": {
+ "inputs": {
+ "flake-compat": [
+ "devenv",
+ "cachix",
+ "flake-compat"
+ ],
+ "nix": "nix",
+ "nixpkgs": "nixpkgs",
+ "poetry2nix": "poetry2nix",
+ "pre-commit-hooks": [
+ "devenv",
+ "cachix",
+ "pre-commit-hooks"
+ ]
+ },
+ "locked": {
+ "lastModified": 1708704632,
+ "narHash": "sha256-w+dOIW60FKMaHI1q5714CSibk99JfYxm0CzTinYWr+Q=",
+ "owner": "cachix",
+ "repo": "devenv",
+ "rev": "2ee4450b0f4b95a1b90f2eb5ffea98b90e48c196",
+ "type": "github"
+ },
+ "original": {
+ "owner": "cachix",
+ "ref": "python-rewrite",
+ "repo": "devenv",
+ "type": "github"
+ }
+ },
+ "flake-compat": {
+ "flake": false,
+ "locked": {
+ "lastModified": 1673956053,
+ "narHash": "sha256-4gtG9iQuiKITOjNQQeQIpoIB6b16fm+504Ch3sNKLd8=",
+ "owner": "edolstra",
+ "repo": "flake-compat",
+ "rev": "35bb57c0c8d8b62bbfd284272c928ceb64ddbde9",
+ "type": "github"
+ },
+ "original": {
+ "owner": "edolstra",
+ "repo": "flake-compat",
+ "type": "github"
+ }
+ },
+ "flake-compat_2": {
+ "flake": false,
+ "locked": {
+ "lastModified": 1696426674,
+ "narHash": "sha256-kvjfFW7WAETZlt09AgDn1MrtKzP7t90Vf7vypd3OL1U=",
+ "owner": "edolstra",
+ "repo": "flake-compat",
+ "rev": "0f9255e01c2351cc7d116c072cb317785dd33b33",
+ "type": "github"
+ },
+ "original": {
+ "owner": "edolstra",
+ "repo": "flake-compat",
+ "type": "github"
+ }
+ },
+ "flake-parts": {
+ "inputs": {
+ "nixpkgs-lib": "nixpkgs-lib"
+ },
+ "locked": {
+ "lastModified": 1722555600,
+ "narHash": "sha256-XOQkdLafnb/p9ij77byFQjDf5m5QYl9b2REiVClC+x4=",
+ "owner": "hercules-ci",
+ "repo": "flake-parts",
+ "rev": "8471fe90ad337a8074e957b69ca4d0089218391d",
+ "type": "github"
+ },
+ "original": {
+ "id": "flake-parts",
+ "type": "indirect"
+ }
+ },
+ "flake-utils": {
+ "inputs": {
+ "systems": "systems"
+ },
+ "locked": {
+ "lastModified": 1689068808,
+ "narHash": "sha256-6ixXo3wt24N/melDWjq70UuHQLxGV8jZvooRanIHXw0=",
+ "owner": "numtide",
+ "repo": "flake-utils",
+ "rev": "919d646de7be200f3bf08cb76ae1f09402b6f9b4",
+ "type": "github"
+ },
+ "original": {
+ "owner": "numtide",
+ "repo": "flake-utils",
+ "type": "github"
+ }
+ },
+ "flake-utils_2": {
+ "inputs": {
+ "systems": "systems_2"
+ },
+ "locked": {
+ "lastModified": 1710146030,
+ "narHash": "sha256-SZ5L6eA7HJ/nmkzGG7/ISclqe6oZdOZTNoesiInkXPQ=",
+ "owner": "numtide",
+ "repo": "flake-utils",
+ "rev": "b1d9ab70662946ef0850d488da1c9019f3a9752a",
+ "type": "github"
+ },
+ "original": {
+ "owner": "numtide",
+ "repo": "flake-utils",
+ "type": "github"
+ }
+ },
+ "gitignore": {
+ "inputs": {
+ "nixpkgs": [
+ "devenv",
+ "pre-commit-hooks",
+ "nixpkgs"
+ ]
+ },
+ "locked": {
+ "lastModified": 1709087332,
+ "narHash": "sha256-HG2cCnktfHsKV0s4XW83gU3F57gaTljL9KNSuG6bnQs=",
+ "owner": "hercules-ci",
+ "repo": "gitignore.nix",
+ "rev": "637db329424fd7e46cf4185293b9cc8c88c95394",
+ "type": "github"
+ },
+ "original": {
+ "owner": "hercules-ci",
+ "repo": "gitignore.nix",
+ "type": "github"
+ }
+ },
+ "nix": {
+ "inputs": {
+ "flake-compat": "flake-compat",
+ "nixpkgs": [
+ "devenv",
+ "cachix",
+ "devenv",
+ "nixpkgs"
+ ],
+ "nixpkgs-regression": "nixpkgs-regression"
+ },
+ "locked": {
+ "lastModified": 1712911606,
+ "narHash": "sha256-BGvBhepCufsjcUkXnEEXhEVjwdJAwPglCC2+bInc794=",
+ "owner": "domenkozar",
+ "repo": "nix",
+ "rev": "b24a9318ea3f3600c1e24b4a00691ee912d4de12",
+ "type": "github"
+ },
+ "original": {
+ "owner": "domenkozar",
+ "ref": "devenv-2.21",
+ "repo": "nix",
+ "type": "github"
+ }
+ },
+ "nix-github-actions": {
+ "inputs": {
+ "nixpkgs": [
+ "devenv",
+ "cachix",
+ "devenv",
+ "poetry2nix",
+ "nixpkgs"
+ ]
+ },
+ "locked": {
+ "lastModified": 1688870561,
+ "narHash": "sha256-4UYkifnPEw1nAzqqPOTL2MvWtm3sNGw1UTYTalkTcGY=",
+ "owner": "nix-community",
+ "repo": "nix-github-actions",
+ "rev": "165b1650b753316aa7f1787f3005a8d2da0f5301",
+ "type": "github"
+ },
+ "original": {
+ "owner": "nix-community",
+ "repo": "nix-github-actions",
+ "type": "github"
+ }
+ },
+ "nix_2": {
+ "inputs": {
+ "flake-compat": [
+ "devenv",
+ "flake-compat"
+ ],
+ "nixpkgs": [
+ "devenv",
+ "nixpkgs"
+ ],
+ "nixpkgs-regression": "nixpkgs-regression_2"
+ },
+ "locked": {
+ "lastModified": 1712911606,
+ "narHash": "sha256-BGvBhepCufsjcUkXnEEXhEVjwdJAwPglCC2+bInc794=",
+ "owner": "domenkozar",
+ "repo": "nix",
+ "rev": "b24a9318ea3f3600c1e24b4a00691ee912d4de12",
+ "type": "github"
+ },
+ "original": {
+ "owner": "domenkozar",
+ "ref": "devenv-2.21",
+ "repo": "nix",
+ "type": "github"
+ }
+ },
+ "nixpkgs": {
+ "locked": {
+ "lastModified": 1692808169,
+ "narHash": "sha256-x9Opq06rIiwdwGeK2Ykj69dNc2IvUH1fY55Wm7atwrE=",
+ "owner": "NixOS",
+ "repo": "nixpkgs",
+ "rev": "9201b5ff357e781bf014d0330d18555695df7ba8",
+ "type": "github"
+ },
+ "original": {
+ "owner": "NixOS",
+ "ref": "nixpkgs-unstable",
+ "repo": "nixpkgs",
+ "type": "github"
+ }
+ },
+ "nixpkgs-lib": {
+ "locked": {
+ "lastModified": 1723911303,
+ "narHash": "sha256-uFf2QeW7eAHlYXuDktm9c25OxOyCoUOQmh5SZ9amE5Q=",
+ "type": "tarball",
+ "url": "https://github.com/NixOS/nixpkgs/archive/a5d394176e64ab29c852d03346c1fc9b0b7d33eb.tar.gz"
+ },
+ "original": {
+ "type": "tarball",
+ "url": "https://github.com/NixOS/nixpkgs/archive/a5d394176e64ab29c852d03346c1fc9b0b7d33eb.tar.gz"
+ }
+ },
+ "nixpkgs-regression": {
+ "locked": {
+ "lastModified": 1643052045,
+ "narHash": "sha256-uGJ0VXIhWKGXxkeNnq4TvV3CIOkUJ3PAoLZ3HMzNVMw=",
+ "owner": "NixOS",
+ "repo": "nixpkgs",
+ "rev": "215d4d0fd80ca5163643b03a33fde804a29cc1e2",
+ "type": "github"
+ },
+ "original": {
+ "owner": "NixOS",
+ "repo": "nixpkgs",
+ "rev": "215d4d0fd80ca5163643b03a33fde804a29cc1e2",
+ "type": "github"
+ }
+ },
+ "nixpkgs-regression_2": {
+ "locked": {
+ "lastModified": 1643052045,
+ "narHash": "sha256-uGJ0VXIhWKGXxkeNnq4TvV3CIOkUJ3PAoLZ3HMzNVMw=",
+ "owner": "NixOS",
+ "repo": "nixpkgs",
+ "rev": "215d4d0fd80ca5163643b03a33fde804a29cc1e2",
+ "type": "github"
+ },
+ "original": {
+ "owner": "NixOS",
+ "repo": "nixpkgs",
+ "rev": "215d4d0fd80ca5163643b03a33fde804a29cc1e2",
+ "type": "github"
+ }
+ },
+ "nixpkgs-stable": {
+ "locked": {
+ "lastModified": 1710695816,
+ "narHash": "sha256-3Eh7fhEID17pv9ZxrPwCLfqXnYP006RKzSs0JptsN84=",
+ "owner": "NixOS",
+ "repo": "nixpkgs",
+ "rev": "614b4613980a522ba49f0d194531beddbb7220d3",
+ "type": "github"
+ },
+ "original": {
+ "owner": "NixOS",
+ "ref": "nixos-23.11",
+ "repo": "nixpkgs",
+ "type": "github"
+ }
+ },
+ "nixpkgs-unstable": {
+ "locked": {
+ "lastModified": 1719082008,
+ "narHash": "sha256-jHJSUH619zBQ6WdC21fFAlDxHErKVDJ5fpN0Hgx4sjs=",
+ "owner": "NixOS",
+ "repo": "nixpkgs",
+ "rev": "9693852a2070b398ee123a329e68f0dab5526681",
+ "type": "github"
+ },
+ "original": {
+ "owner": "NixOS",
+ "ref": "nixpkgs-unstable",
+ "repo": "nixpkgs",
+ "type": "github"
+ }
+ },
+ "nixpkgs_2": {
+ "locked": {
+ "lastModified": 1713361204,
+ "narHash": "sha256-TA6EDunWTkc5FvDCqU3W2T3SFn0gRZqh6D/hJnM02MM=",
+ "owner": "cachix",
+ "repo": "devenv-nixpkgs",
+ "rev": "285676e87ad9f0ca23d8714a6ab61e7e027020c6",
+ "type": "github"
+ },
+ "original": {
+ "owner": "cachix",
+ "ref": "rolling",
+ "repo": "devenv-nixpkgs",
+ "type": "github"
+ }
+ },
+ "poetry2nix": {
+ "inputs": {
+ "flake-utils": "flake-utils",
+ "nix-github-actions": "nix-github-actions",
+ "nixpkgs": [
+ "devenv",
+ "cachix",
+ "devenv",
+ "nixpkgs"
+ ]
+ },
+ "locked": {
+ "lastModified": 1692876271,
+ "narHash": "sha256-IXfZEkI0Mal5y1jr6IRWMqK8GW2/f28xJenZIPQqkY0=",
+ "owner": "nix-community",
+ "repo": "poetry2nix",
+ "rev": "d5006be9c2c2417dafb2e2e5034d83fabd207ee3",
+ "type": "github"
+ },
+ "original": {
+ "owner": "nix-community",
+ "repo": "poetry2nix",
+ "type": "github"
+ }
+ },
+ "pre-commit-hooks": {
+ "inputs": {
+ "flake-compat": [
+ "devenv",
+ "flake-compat"
+ ],
+ "flake-utils": "flake-utils_2",
+ "gitignore": "gitignore",
+ "nixpkgs": [
+ "devenv",
+ "nixpkgs"
+ ],
+ "nixpkgs-stable": "nixpkgs-stable"
+ },
+ "locked": {
+ "lastModified": 1713775815,
+ "narHash": "sha256-Wu9cdYTnGQQwtT20QQMg7jzkANKQjwBD9iccfGKkfls=",
+ "owner": "cachix",
+ "repo": "pre-commit-hooks.nix",
+ "rev": "2ac4dcbf55ed43f3be0bae15e181f08a57af24a4",
+ "type": "github"
+ },
+ "original": {
+ "owner": "cachix",
+ "repo": "pre-commit-hooks.nix",
+ "type": "github"
+ }
+ },
+ "root": {
+ "inputs": {
+ "devenv": "devenv",
+ "flake-parts": "flake-parts",
+ "nixpkgs": [
+ "nixpkgs-unstable"
+ ],
+ "nixpkgs-unstable": "nixpkgs-unstable"
+ }
+ },
+ "systems": {
+ "locked": {
+ "lastModified": 1681028828,
+ "narHash": "sha256-Vy1rq5AaRuLzOxct8nz4T6wlgyUR7zLU309k9mBC768=",
+ "owner": "nix-systems",
+ "repo": "default",
+ "rev": "da67096a3b9bf56a91d16901293e51ba5b49a27e",
+ "type": "github"
+ },
+ "original": {
+ "owner": "nix-systems",
+ "repo": "default",
+ "type": "github"
+ }
+ },
+ "systems_2": {
+ "locked": {
+ "lastModified": 1681028828,
+ "narHash": "sha256-Vy1rq5AaRuLzOxct8nz4T6wlgyUR7zLU309k9mBC768=",
+ "owner": "nix-systems",
+ "repo": "default",
+ "rev": "da67096a3b9bf56a91d16901293e51ba5b49a27e",
+ "type": "github"
+ },
+ "original": {
+ "owner": "nix-systems",
+ "repo": "default",
+ "type": "github"
+ }
+ }
+ },
+ "root": "root",
+ "version": 7
+}
diff --git a/flake.nix b/flake.nix
new file mode 100644
index 0000000..b9e5617
--- /dev/null
+++ b/flake.nix
@@ -0,0 +1,18 @@
+{
+ inputs.nixpkgs-unstable.url = "github:NixOS/nixpkgs/nixpkgs-unstable";
+ inputs.nixpkgs.follows = "nixpkgs-unstable";
+ inputs.devenv.url = "github:cachix/devenv";
+
+ outputs =
+ inputs@{ flake-parts, nixpkgs, ... }:
+ flake-parts.lib.mkFlake { inherit inputs; } {
+ imports = [ inputs.devenv.flakeModule ];
+ systems = nixpkgs.lib.systems.flakeExposed;
+ perSystem = _args: {
+ devenv.shells.default = {
+ languages.javascript.enable = true;
+ languages.javascript.corepack.enable = true;
+ };
+ };
+ };
+}
diff --git a/package.json b/package.json
index a9482ff..4bebcdb 100644
--- a/package.json
+++ b/package.json
@@ -35,22 +35,11 @@
"semantic-release": "semantic-release",
"ci": "yarn install --immutable",
"pretest": "yarn build",
- "test": "jest",
+ "test": "vitest run",
"postinstall": "husky install",
"prepublishOnly": "pinst --disable",
"postpublish": "pinst --enable"
},
- "jest": {
- "verbose": true,
- "testPathIgnorePatterns": [
- "/node_modules/",
- "/testUtils/"
- ],
- "coveragePathIgnorePatterns": [
- "/node_modules/",
- "/testUtils/"
- ]
- },
"prettier": {
"trailingComma": "all"
},
@@ -66,19 +55,20 @@
"@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",
+ "@rescript/react": "0.11.0",
+ "@vitest/coverage-v8": "^2.0.5",
"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",
+ "rescript": "^11",
+ "rescript-vitest": "^1.4.0",
"semantic-release": "17.4.4",
- "semantic-release-npm-github-publish": "1.4.0"
+ "semantic-release-npm-github-publish": "1.4.0",
+ "vitest": "^2.0.5"
},
"peerDependencies": {
"@chakra-ui/react": ">=1.6.3",
diff --git a/rescript.json b/rescript.json
new file mode 100644
index 0000000..9391140
--- /dev/null
+++ b/rescript.json
@@ -0,0 +1,31 @@
+{
+ "name": "rescript-chakra",
+ "uncurried": false,
+ "reason": {
+ "react-jsx": 3
+ },
+ "suffix": ".js",
+ "bsc-flags": ["-bs-super-errors", "-bs-no-version-header"],
+ "sources": [
+ {
+ "dir": "src",
+ "subdirs": true
+ },
+ {
+ "dir": "examples",
+ "subdirs": true,
+ "type": "dev"
+ },
+ {
+ "dir": "__tests__",
+ "subdirs": true,
+ "type": "dev"
+ }
+ ],
+ "bs-dependencies": ["@rescript/react"],
+ "bs-dev-dependencies": ["rescript-vitest"],
+ "package-specs": {
+ "module": "esmodule",
+ "in-source": true
+ }
+}
diff --git a/src/Components/Chakra__AspectRatio.res b/src/Components/Chakra__AspectRatio.res
index 08a510a..6657c24 100644
--- a/src/Components/Chakra__AspectRatio.res
+++ b/src/Components/Chakra__AspectRatio.res
@@ -3,16 +3,12 @@ open Chakra__MakeProps
@react.component @module("@chakra-ui/react")
external make: (
~children: React.element=?,
- /**
- Component Props {AspectRatio}
- **/
+ /* Component Props {AspectRatio} */
~_as: string=?,
~isTruncated: bool=?,
~ratio: Identity.t=?,
- /**
- Margin and Padding
- @see
- **/
+ /* Margin and Padding
+ @see */
~margin: Identity.t=?,
~marginTop: Identity.t=?,
~marginRight: Identity.t=?,
@@ -31,24 +27,18 @@ external make: (
~paddingStart: Identity.t=?,
~px: Identity.t=?,
~py: Identity.t=?,
- /**
- Colors and BackgroundColor
- @see
- **/
+ /* Colors and BackgroundColor
+ @see */
~colorScheme: ColorScheme.t=?,
~color: Identity.t=?,
~backgroundColor: Identity.t=?,
~opacity: Identity.t=?,
- /**
- Gradient
- @see
- **/
+ /* Gradient
+ @see */
~bgGradient: Identity.t=?,
~backgroundClip: Identity.t=?,
- /**
- Typography
- @see
- **/
+ /* Typography
+ @see */
~fontFamily: Identity.t=?,
~fontSize: Identity.t=?,
~fontWeight: Identity.t=?,
@@ -58,10 +48,8 @@ external make: (
~fontStyle: Identity.t=?,
~textTransform: Identity.t=?,
~textDecoration: Identity.t=?,
- /**
- Layout Width and Height
- @see
- **/
+ /* Layout Width and Height
+ @see */
~width: Identity.t=?,
~maxWidth: Identity.t=?,
~minWidth: Identity.t=?,
@@ -74,10 +62,8 @@ external make: (
~overflow: Identity.t=?,
~overflowY: Identity.t=?,
~overflowX: Identity.t=?,
- /**
- Flexbox
- @see
- **/
+ /* Flexbox
+ @see */
~alignItems: Identity.t=?,
~alignContent: Identity.t=?,
~justifyItems: Identity.t=?,
@@ -91,10 +77,8 @@ external make: (
~justifySelf: Identity.t=?,
~alignSelf: Identity.t=?,
~order: Identity.t=?,
- /**
- Grid
- @see
- **/
+ /* Grid
+ @see */
~gridGap: Identity.t=?,
~gridRowGap: Identity.t=?,
~gridColumnGap: Identity.t=?,
@@ -107,20 +91,16 @@ external make: (
~gridTemplateRows: Identity.t=?,
~gridTemplateColumns: Identity.t=?,
~gridTemplateAreas: Identity.t=?,
- /**
- Background
- @see
- **/
+ /* Background
+ @see */
~background: Identity.t=?,
~backgroundImage: Identity.t=?,
~backgroundSize: Identity.t=?,
~backgroundPosition: Identity.t=?,
~backgroundRepeat: Identity.t=?,
~backgroundAttachment: Identity.t=?,
- /**
- Borders
- @see
- **/
+ /* Borders
+ @see */
~border: Identity.t=?,
~borderWidth: Identity.t=?,
~borderStyle: Identity.t=?,
@@ -151,10 +131,8 @@ external make: (
~borderStartColor: Identity.t=?,
~borderX: Identity.t=?,
~borderY: Identity.t=?,
- /**
- Border Radius
- @see
- **/
+ /* Border Radius
+ @see */
~borderRadius: Identity.t=?,
~borderTopLeftRadius: Identity.t=?,
~borderTopStartRadius: Identity.t=?,
@@ -170,24 +148,19 @@ external make: (
~borderBottomRadius: Identity.t=?,
~borderLeftRadius: Identity.t=?,
~borderStartRadius: Identity.t=?,
- /**
- Position
- @see
- **/
+ /* Position
+ @see */
~position: Identity.t=?,
~zIndex: Identity.t=?,
~top: Identity.t=?,
~right: Identity.t=?,
~bottom: Identity.t=?,
~left: Identity.t=?,
- /**
- Shadow
- @see
- **/
+ /* Shadow
+ @see */
~textShadow: Identity.t=?,
~boxShadow: Identity.t=?,
- /**
- TODO
+ /* TODO
Pseudo
@see
@@ -230,8 +203,7 @@ external make: (
_groupChecked
_placeholder
_fullScreen
- _selection
- **/
+ _selection */
@as("_hover") ~_hover: Pseudo.t=?,
@as("_active") ~_active: Pseudo.t=?,
@as("_focus") ~_focus: Pseudo.t=?,
@@ -273,8 +245,7 @@ external make: (
@as("_fullScreen") ~_fullScreen: Pseudo.t=?,
@as("_selection") ~_selection: Pseudo.t=?,
- /**
- TODO
+ /* TODO
Other Props
partial implemented
@see
@@ -299,56 +270,41 @@ external make: (
~float_=?,
~fill=?,
~stroke=?,
- ~outline=?,
- **/
+ ~outline=?, */
~fill: Identity.t=?,
~stroke: Identity.t=?,
- /**
- ReactEvent Clipboard
- @see
- **/
+ /* ReactEvent Clipboard
+ @see */
~onCopy: ReactEvent.Clipboard.t => unit=?,
~onCut: ReactEvent.Clipboard.t => unit=?,
~onPaste: ReactEvent.Clipboard.t => unit=?,
- /**
- ReactEvent Composition
- @see
- **/
+ /* ReactEvent Composition
+ @see */
~onCompositionEnd: ReactEvent.Composition.t => unit=?,
~onCompositionStart: ReactEvent.Composition.t => unit=?,
~onCompositionUpdate: ReactEvent.Composition.t => unit=?,
- /**
- ReactEvent Keyboard
- @see
- **/
+ /* ReactEvent Keyboard
+ @see */
~onKeyDown: ReactEvent.Keyboard.t => unit=?,
~onKeyPress: ReactEvent.Keyboard.t => unit=?,
- ~onKeyUp: ReactEvent.Keyboard.t => unit=? /**
- ReactEvent Focus
- @see
- **/,
+ ~onKeyUp: ReactEvent.Keyboard.t => unit=? /* ReactEvent Focus
+ @see */,
~onFocus: ReactEvent.Focus.t => unit=?,
~onBlur: ReactEvent.Focus.t => unit=?,
- /**
- ReactEvent Form
- @see
- **/
+ /* 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
+ /* 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
- **/
+ ~onLoad: ReactEvent.Generic.t => unit=?, */
+ /* ReactEvent Mouse
+ @see */
~onClick: ReactEvent.Mouse.t => unit=?,
~onContextMenu: ReactEvent.Mouse.t => unit=?,
~onDoubleClick: ReactEvent.Mouse.t => unit=?,
@@ -367,10 +323,8 @@ external make: (
~onMouseOut: ReactEvent.Mouse.t => unit=?,
~onMouseOver: ReactEvent.Mouse.t => unit=?,
~onMouseUp: ReactEvent.Mouse.t => unit=?,
- /**
- ReactEvent Pointer
- @see
- **/
+ /* ReactEvent Pointer
+ @see */
~onPointerDown: ReactEvent.Pointer.t => unit=?,
~onPointerMove: ReactEvent.Pointer.t => unit=?,
~onPointerUp: ReactEvent.Pointer.t => unit=?,
@@ -381,33 +335,23 @@ external make: (
~onPointerLeave: ReactEvent.Pointer.t => unit=?,
~onPointerOver: ReactEvent.Pointer.t => unit=?,
~onPointerOut: ReactEvent.Pointer.t => unit=?,
- /**
- ReactEvent Selection
- @see
- **/
+ /* ReactEvent Selection
+ @see */
~onSelect: ReactEvent.Selection.t => unit=?,
- /**
- ReactEvent Touch
- @see
- **/
+ /* 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
- **/
+ /* ReactEvent UI Events
+ @see */
~onScroll: ReactEvent.UI.t => unit=?,
- /**
- ReactEvent Wheel
- @see
- **/
+ /* ReactEvent Wheel
+ @see */
~onWheel: ReactEvent.Wheel.t => unit=?,
- /**
- ReactEvent Media
- @see
- **/
+ /* ReactEvent Media
+ @see */
~onAbort: ReactEvent.Media.t => unit=?,
~onCanPlay: ReactEvent.Media.t => unit=?,
~onCanPlayThrough: ReactEvent.Media.t => unit=?,
@@ -433,28 +377,20 @@ external make: (
~onWaiting: ReactEvent.Media.t => unit=?,
~onLoad: ReactEvent.Synthetic.t => unit=?,
~onError: ReactEvent.Synthetic.t => unit=?,
- /**
- ReactEvent Other
+ /* ReactEvent Other
@see
- ~onToggle
- **/
- /**
- ReactEvent Animation
- @see
- **/
+ ~onToggle */
+ /* ReactEvent Animation
+ @see */
~onAnimationStart: ReactEvent.Animation.t => unit=?,
~onAnimationEnd: ReactEvent.Animation.t => unit=?,
~onAnimationIteration: ReactEvent.Animation.t => unit=?,
) => React.element = "AspectRatio"
let makeProps = (
- /**
- Component Props {AspectRatio}
- **/
+ /* Component Props {AspectRatio} */
~ratio=?,
- /**
- Margin and Padding
- **/
+ /* Margin and Padding */
~m=?,
~margin=?,
~mt=?,
@@ -487,22 +423,16 @@ let makeProps = (
~paddingStart=?,
~px=?,
~py=?,
- /**
- Colors and BackgroundColor
- **/
+ /* Colors and BackgroundColor */
~color=?,
~backgroundColor=?,
~bgColor=?,
~opacity=?,
- /**
- Gradient
- **/
+ /* Gradient */
~bgGradient=?,
~backgroundClip=?,
~bgClip=?,
- /**
- Typography
- **/
+ /* Typography */
~fontFamily=?,
~fontSize=?,
~fontWeight=?,
@@ -512,9 +442,7 @@ let makeProps = (
~fontStyle=?,
~textTransform=?,
~textDecoration=?,
- /**
- Layout Width and Height
- **/
+ /* Layout Width and Height */
~d=?,
~display=?,
~w=?,
@@ -534,9 +462,7 @@ let makeProps = (
~overflow=?,
~overflowX=?,
~overflowY=?,
- /**
- Flexbox
- **/
+ /* Flexbox */
~alignItems=?,
~alignContent=?,
~justifyItems=?,
@@ -551,9 +477,7 @@ let makeProps = (
~justifySelf=?,
~alignSelf=?,
~order=?,
- /**
- Grid
- **/
+ /* Grid */
~gridGap=?,
~gridRowGap=?,
~gridColumnGap=?,
@@ -566,9 +490,7 @@ let makeProps = (
~gridTemplateRows=?,
~gridTemplateColumns=?,
~gridTemplateAreas=?,
- /**
- Background
- **/
+ /* Background */
~bg=?,
~background=?,
~bgImage=?,
@@ -581,9 +503,7 @@ let makeProps = (
~backgroundRepeat=?,
~bgAttachment=?,
~backgroundAttachment=?,
- /**
- Borders
- **/
+ /* Borders */
~border=?,
~borderWidth=?,
~borderStyle=?,
@@ -614,9 +534,7 @@ let makeProps = (
~borderStartColor=?,
~borderX=?,
~borderY=?,
- /**
- Border Radius
- **/
+ /* Border Radius */
~borderRadius=?,
~borderTopLeftRadius=?,
~borderTopStartRadius=?,
@@ -632,9 +550,7 @@ let makeProps = (
~borderBottomRadius=?,
~borderLeftRadius=?,
~borderStartRadius=?,
- /**
- Position
- **/
+ /* Position */
~pos=?,
~position=?,
~zIndex=?,
@@ -642,30 +558,20 @@ let makeProps = (
~right=?,
~bottom=?,
~left=?,
- /**
- Shadow
- **/
+ /* Shadow */
~textShadow=?,
~boxShadow=?,
- /**
- TODO
- Pseudo
- **/
- /**
- TODO
- Other Props
- **/
+ /* TODO
+ Pseudo */
+ /* TODO
+ Other Props */
~fill=?,
~stroke=?,
) =>
makeProps(
- /**
- Component Props {AspectRatio}
- **/
+ /* Component Props {AspectRatio} */
~ratio=?ratio->AspectRatio.Ratio.fromOption,
- /**
- Margin and Padding
- **/
+ /* Margin and Padding */
~margin=?m->withShorthand(margin)->Margin.fromOption,
~marginTop=?mt->withShorthand(marginTop)->Margin.fromOption,
~marginRight=?mr->withShorthand(marginRight)->Margin.fromOption,
@@ -684,20 +590,14 @@ let makeProps = (
~paddingStart=?ps->withShorthand(paddingStart)->Padding.fromOption,
~px=?px->Padding.fromOption,
~py=?py->Padding.fromOption,
- /**
- Colors and Background Color
- **/
+ /* Colors and Background Color */
~color=?color->Color.fromOption,
~backgroundColor=?bgColor->withShorthand(backgroundColor)->BackgroundColor.fromOption,
~opacity=?opacity->Opacity.fromOption,
- /**
- Gradient
- **/
+ /* Gradient */
~bgGradient=?bgGradient->Gradient.fromOption,
~backgroundClip=?bgClip->withShorthand(backgroundClip)->BackgroundClip.fromOption,
- /**
- Typography
- **/
+ /* Typography */
~fontFamily=?fontFamily->FontFamily.fromOption,
~fontSize=?fontSize->FontSize.fromOption,
~fontWeight=?fontWeight->FontWeight.fromOption,
@@ -707,9 +607,7 @@ let makeProps = (
~fontStyle=?fontStyle->FontStyle.fromOption,
~textTransform=?textTransform->TextTransform.fromOption,
~textDecoration=?textDecoration->TextDecoration.fromOption,
- /**
- Layout Width and Height
- **/
+ /* Layout Width and Height */
~display=?d->withShorthand(display)->Display.fromOption,
~height=?h->withShorthand(height)->Height.fromOption,
~minHeight=?minH->withShorthand(minHeight)->Height.fromOption,
@@ -722,9 +620,7 @@ let makeProps = (
~overflow=?overflow->Overflow.fromOption,
~overflowY=?overflowY->Overflow.fromOption,
~overflowX=?overflowX->Overflow.fromOption,
- /**
- Flexbox
- **/
+ /* Flexbox */
~alignItems=?alignItems->AlignItems.fromOption,
~alignContent=?alignContent->AlignContent.fromOption,
~justifyItems=?justifyItems->JustifyItems.fromOption,
@@ -738,9 +634,7 @@ let makeProps = (
~justifySelf=?justifySelf->JustifySelf.fromOption,
~alignSelf=?alignSelf->AlignSelf.fromOption,
~order=?order->Order.fromOption,
- /**
- Grid
- **/
+ /* Grid */
~gridGap=?gridGap->GridGap.fromOption,
~gridRowGap=?gridRowGap->GridRowGap.fromOption,
~gridColumnGap=?gridColumnGap->GridColumnGap.fromOption,
@@ -753,9 +647,7 @@ let makeProps = (
~gridTemplateRows=?gridTemplateRows->GridTemplateRows.fromOption,
~gridTemplateColumns=?gridTemplateColumns->GridTemplateColumns.fromOption,
~gridTemplateAreas=?gridTemplateAreas->GridTemplateAreas.fromOption,
- /**
- Background
- **/
+ /* Background */
~background=?bg->withShorthand(background)->Background.fromOption,
~backgroundImage=?bgImage->withShorthand(backgroundImage)->BackgroundImage.fromOption,
~backgroundSize=?bgSize->withShorthand(backgroundSize)->BackgroundSize.fromOption,
@@ -766,9 +658,7 @@ let makeProps = (
~backgroundAttachment=?bgAttachment
->withShorthand(backgroundAttachment)
->BackgroundAttachment.fromOption,
- /**
- Borders
- **/
+ /* Borders */
~border=?border->Border.fromOption,
~borderWidth=?borderWidth->BorderWidth.fromOption,
~borderStyle=?borderStyle->BorderStyle.fromOption,
@@ -799,9 +689,7 @@ let makeProps = (
~borderStartColor=?borderStartColor->BorderColor.fromOption,
~borderX=?borderX->Border.fromOption,
~borderY=?borderY->Border.fromOption,
- /**
- Border Radius
- **/
+ /* Border Radius */
~borderRadius=?borderRadius->BorderRadius.fromOption,
~borderTopLeftRadius=?borderTopLeftRadius->BorderRadius.fromOption,
~borderTopStartRadius=?borderTopStartRadius->BorderRadius.fromOption,
@@ -817,28 +705,20 @@ let makeProps = (
~borderBottomRadius=?borderBottomRadius->BorderRadius.fromOption,
~borderLeftRadius=?borderLeftRadius->BorderRadius.fromOption,
~borderStartRadius=?borderStartRadius->BorderRadius.fromOption,
- /**
- Position
- **/
+ /* 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
- **/
+ /* Shadow */
~textShadow=?textShadow->TextShadow.fromOption,
~boxShadow=?boxShadow->BoxShadow.fromOption,
- /**
- TODO
- Pseudo
- **/
- /**
- TODO
- Other Props
- **/
+ /* TODO
+ Pseudo */
+ /* TODO
+ Other Props */
~fill=?fill->Color.fromOption,
~stroke=?stroke->Color.fromOption,
)
diff --git a/src/Components/Chakra__Avatar.res b/src/Components/Chakra__Avatar.res
index 73ab9d2..ab7e2f8 100644
--- a/src/Components/Chakra__Avatar.res
+++ b/src/Components/Chakra__Avatar.res
@@ -3,9 +3,7 @@ open Chakra__MakeProps
@react.component @module("@chakra-ui/react")
external make: (
~children: React.element=?,
- /**
- Component Props {Avatar}
- **/
+ /* Component Props {Avatar} */
~_as: string=?,
~getInitials: string => string=?,
~icon: React.element=?,
@@ -18,10 +16,8 @@ external make: (
~srcSet: string=?,
~variant: string=?,
~isTruncated: bool=?,
- /**
- Margin and Padding
- @see
- **/
+ /* Margin and Padding
+ @see */
~margin: Identity.t=?,
~marginTop: Identity.t=?,
~marginRight: Identity.t=?,
@@ -40,24 +36,18 @@ external make: (
~paddingStart: Identity.t=?,
~px: Identity.t=?,
~py: Identity.t=?,
- /**
- Colors and BackgroundColor
- @see
- **/
+ /* Colors and BackgroundColor
+ @see */
~colorScheme: ColorScheme.t=?,
~color: Identity.t=?,
~backgroundColor: Identity.t=?,
~opacity: Identity.t=?,
- /**
- Gradient
- @see
- **/
+ /* Gradient
+ @see */
~bgGradient: Identity.t=?,
~backgroundClip: Identity.t=?,
- /**
- Typography
- @see
- **/
+ /* Typography
+ @see */
~fontFamily: Identity.t=?,
~fontSize: Identity.t=?,
~fontWeight: Identity.t=?,
@@ -67,10 +57,8 @@ external make: (
~fontStyle: Identity.t=?,
~textTransform: Identity.t=?,
~textDecoration: Identity.t=?,
- /**
- Layout Width and Height
- @see
- **/
+ /* Layout Width and Height
+ @see */
~width: Identity.t=?,
~maxWidth: Identity.t=?,
~minWidth: Identity.t=?,
@@ -83,10 +71,8 @@ external make: (
~overflow: Identity.t=?,
~overflowY: Identity.t=?,
~overflowX: Identity.t=?,
- /**
- Flexbox
- @see
- **/
+ /* Flexbox
+ @see */
~alignItems: Identity.t=?,
~alignContent: Identity.t=?,
~justifyItems: Identity.t=?,
@@ -100,10 +86,8 @@ external make: (
~justifySelf: Identity.t=?,
~alignSelf: Identity.t=?,
~order: Identity.t=?,
- /**
- Grid
- @see
- **/
+ /* Grid
+ @see */
~gridGap: Identity.t=?,
~gridRowGap: Identity.t=?,
~gridColumnGap: Identity.t=?,
@@ -116,20 +100,16 @@ external make: (
~gridTemplateRows: Identity.t=?,
~gridTemplateColumns: Identity.t=?,
~gridTemplateAreas: Identity.t=?,
- /**
- Background
- @see
- **/
+ /* Background
+ @see */
~background: Identity.t=?,
~backgroundImage: Identity.t=?,
~backgroundSize: Identity.t=?,
~backgroundPosition: Identity.t=?,
~backgroundRepeat: Identity.t=?,
~backgroundAttachment: Identity.t=?,
- /**
- Borders
- @see
- **/
+ /* Borders
+ @see */
~border: Identity.t=?,
~borderWidth: Identity.t=?,
~borderStyle: Identity.t=?,
@@ -160,10 +140,8 @@ external make: (
~borderStartColor: Identity.t=?,
~borderX: Identity.t=?,
~borderY: Identity.t=?,
- /**
- Border Radius
- @see
- **/
+ /* Border Radius
+ @see */
~borderRadius: Identity.t=?,
~borderTopLeftRadius: Identity.t=?,
~borderTopStartRadius: Identity.t=?,
@@ -179,26 +157,20 @@ external make: (
~borderBottomRadius: Identity.t=?,
~borderLeftRadius: Identity.t=?,
~borderStartRadius: Identity.t=?,
- /**
- Position
- @see
- **/
+ /* Position
+ @see */
~position: Identity.t=?,
~zIndex: Identity.t=?,
~top: Identity.t=?,
~right: Identity.t=?,
~bottom: Identity.t=?,
~left: Identity.t=?,
- /**
- Shadow
- @see
- **/
+ /* Shadow
+ @see */
~textShadow: Identity.t=?,
~boxShadow: Identity.t=?,
- /**
- Pseudo
- @see
- **/
+ /* Pseudo
+ @see */
@as("_hover") ~_hover: Pseudo.t=?,
@as("_active") ~_active: Pseudo.t=?,
@as("_focus") ~_focus: Pseudo.t=?,
@@ -239,8 +211,7 @@ external make: (
@as("_placeholder") ~_placeholder: Pseudo.t=?,
@as("_fullScreen") ~_fullScreen: Pseudo.t=?,
@as("_selection") ~_selection: Pseudo.t=?,
- /**
- TODO
+ /* TODO
Other Props
partial implemented
@see
@@ -265,56 +236,41 @@ external make: (
~float_=?,
~fill=?,
~stroke=?,
- ~outline=?,
- **/
+ ~outline=?, */
~fill: Identity.t=?,
~stroke: Identity.t=?,
- /**
- ReactEvent Clipboard
- @see
- **/
+ /* ReactEvent Clipboard
+ @see */
~onCopy: ReactEvent.Clipboard.t => unit=?,
~onCut: ReactEvent.Clipboard.t => unit=?,
~onPaste: ReactEvent.Clipboard.t => unit=?,
- /**
- ReactEvent Composition
- @see
- **/
+ /* ReactEvent Composition
+ @see */
~onCompositionEnd: ReactEvent.Composition.t => unit=?,
~onCompositionStart: ReactEvent.Composition.t => unit=?,
~onCompositionUpdate: ReactEvent.Composition.t => unit=?,
- /**
- ReactEvent Keyboard
- @see
- **/
+ /* ReactEvent Keyboard
+ @see */
~onKeyDown: ReactEvent.Keyboard.t => unit=?,
~onKeyPress: ReactEvent.Keyboard.t => unit=?,
- ~onKeyUp: ReactEvent.Keyboard.t => unit=? /**
- ReactEvent Focus
- @see
- **/,
+ ~onKeyUp: ReactEvent.Keyboard.t => unit=? /* ReactEvent Focus
+ @see */,
~onFocus: ReactEvent.Focus.t => unit=?,
~onBlur: ReactEvent.Focus.t => unit=?,
- /**
- ReactEvent Form
- @see
- **/
+ /* 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
+ /* 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
- **/
+ ~onLoad: ReactEvent.Generic.t => unit=?, */
+ /* ReactEvent Mouse
+ @see */
~onClick: ReactEvent.Mouse.t => unit=?,
~onContextMenu: ReactEvent.Mouse.t => unit=?,
~onDoubleClick: ReactEvent.Mouse.t => unit=?,
@@ -333,10 +289,8 @@ external make: (
~onMouseOut: ReactEvent.Mouse.t => unit=?,
~onMouseOver: ReactEvent.Mouse.t => unit=?,
~onMouseUp: ReactEvent.Mouse.t => unit=?,
- /**
- ReactEvent Pointer
- @see
- **/
+ /* ReactEvent Pointer
+ @see */
~onPointerDown: ReactEvent.Pointer.t => unit=?,
~onPointerMove: ReactEvent.Pointer.t => unit=?,
~onPointerUp: ReactEvent.Pointer.t => unit=?,
@@ -347,33 +301,23 @@ external make: (
~onPointerLeave: ReactEvent.Pointer.t => unit=?,
~onPointerOver: ReactEvent.Pointer.t => unit=?,
~onPointerOut: ReactEvent.Pointer.t => unit=?,
- /**
- ReactEvent Selection
- @see
- **/
+ /* ReactEvent Selection
+ @see */
~onSelect: ReactEvent.Selection.t => unit=?,
- /**
- ReactEvent Touch
- @see
- **/
+ /* 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
- **/
+ /* ReactEvent UI Events
+ @see */
~onScroll: ReactEvent.UI.t => unit=?,
- /**
- ReactEvent Wheel
- @see
- **/
+ /* ReactEvent Wheel
+ @see */
~onWheel: ReactEvent.Wheel.t => unit=?,
- /**
- ReactEvent Media
- @see
- **/
+ /* ReactEvent Media
+ @see */
~onAbort: ReactEvent.Media.t => unit=?,
~onCanPlay: ReactEvent.Media.t => unit=?,
~onCanPlayThrough: ReactEvent.Media.t => unit=?,
@@ -399,27 +343,19 @@ external make: (
~onWaiting: ReactEvent.Media.t => unit=?,
~onLoad: ReactEvent.Synthetic.t => unit=?,
// ~onError: ReactEvent.Synthetic.t => unit=?,
- /**
- ReactEvent Other
+ /* ReactEvent Other
@see
- ~onToggle
- **/
- /**
- ReactEvent Animation
- @see
- **/
+ ~onToggle */
+ /* ReactEvent Animation
+ @see */
~onAnimationStart: ReactEvent.Animation.t => unit=?,
~onAnimationEnd: ReactEvent.Animation.t => unit=?,
~onAnimationIteration: ReactEvent.Animation.t => unit=?,
) => React.element = "Avatar"
let makeProps = (
- /**
- Component Props {Avatar}
- **/
- /**
- Margin and Padding
- **/
+ /* Component Props {Avatar} */
+ /* Margin and Padding */
~m=?,
~margin=?,
~mt=?,
@@ -452,22 +388,16 @@ let makeProps = (
~paddingStart=?,
~px=?,
~py=?,
- /**
- Colors and BackgroundColor
- **/
+ /* Colors and BackgroundColor */
~color=?,
~backgroundColor=?,
~bgColor=?,
~opacity=?,
- /**
- Gradient
- **/
+ /* Gradient */
~bgGradient=?,
~backgroundClip=?,
~bgClip=?,
- /**
- Typography
- **/
+ /* Typography */
~fontFamily=?,
~fontSize=?,
~fontWeight=?,
@@ -477,9 +407,7 @@ let makeProps = (
~fontStyle=?,
~textTransform=?,
~textDecoration=?,
- /**
- Layout Width and Height
- **/
+ /* Layout Width and Height */
~d=?,
~display=?,
~w=?,
@@ -499,9 +427,7 @@ let makeProps = (
~overflow=?,
~overflowX=?,
~overflowY=?,
- /**
- Flexbox
- **/
+ /* Flexbox */
~alignItems=?,
~alignContent=?,
~justifyItems=?,
@@ -516,9 +442,7 @@ let makeProps = (
~justifySelf=?,
~alignSelf=?,
~order=?,
- /**
- Grid
- **/
+ /* Grid */
~gridGap=?,
~gridRowGap=?,
~gridColumnGap=?,
@@ -531,9 +455,7 @@ let makeProps = (
~gridTemplateRows=?,
~gridTemplateColumns=?,
~gridTemplateAreas=?,
- /**
- Background
- **/
+ /* Background */
~bg=?,
~background=?,
~bgImage=?,
@@ -546,9 +468,7 @@ let makeProps = (
~backgroundRepeat=?,
~bgAttachment=?,
~backgroundAttachment=?,
- /**
- Borders
- **/
+ /* Borders */
~border=?,
~borderWidth=?,
~borderStyle=?,
@@ -579,9 +499,7 @@ let makeProps = (
~borderStartColor=?,
~borderX=?,
~borderY=?,
- /**
- Border Radius
- **/
+ /* Border Radius */
~borderRadius=?,
~borderTopLeftRadius=?,
~borderTopStartRadius=?,
@@ -597,9 +515,7 @@ let makeProps = (
~borderBottomRadius=?,
~borderLeftRadius=?,
~borderStartRadius=?,
- /**
- Position
- **/
+ /* Position */
~pos=?,
~position=?,
~zIndex=?,
@@ -607,25 +523,17 @@ let makeProps = (
~right=?,
~bottom=?,
~left=?,
- /**
- Shadow
- **/
+ /* Shadow */
~textShadow=?,
~boxShadow=?,
- /**
- TODO
- Other Props
- **/
+ /* TODO
+ Other Props */
~fill=?,
~stroke=?,
) =>
makeProps(
- /**
- Component Props {Avatar}
- **/
- /**
- Margin and Padding
- **/
+ /* Component Props {Avatar} */
+ /* Margin and Padding */
~margin=?m->withShorthand(margin)->Margin.fromOption,
~marginTop=?mt->withShorthand(marginTop)->Margin.fromOption,
~marginRight=?mr->withShorthand(marginRight)->Margin.fromOption,
@@ -644,20 +552,14 @@ let makeProps = (
~paddingStart=?ps->withShorthand(paddingStart)->Padding.fromOption,
~px=?px->Padding.fromOption,
~py=?py->Padding.fromOption,
- /**
- Colors and Background Color
- **/
+ /* Colors and Background Color */
~color=?color->Color.fromOption,
~backgroundColor=?bgColor->withShorthand(backgroundColor)->BackgroundColor.fromOption,
~opacity=?opacity->Opacity.fromOption,
- /**
- Gradient
- **/
+ /* Gradient */
~bgGradient=?bgGradient->Gradient.fromOption,
~backgroundClip=?bgClip->withShorthand(backgroundClip)->BackgroundClip.fromOption,
- /**
- Typography
- **/
+ /* Typography */
~fontFamily=?fontFamily->FontFamily.fromOption,
~fontSize=?fontSize->FontSize.fromOption,
~fontWeight=?fontWeight->FontWeight.fromOption,
@@ -667,9 +569,7 @@ let makeProps = (
~fontStyle=?fontStyle->FontStyle.fromOption,
~textTransform=?textTransform->TextTransform.fromOption,
~textDecoration=?textDecoration->TextDecoration.fromOption,
- /**
- Layout Width and Height
- **/
+ /* Layout Width and Height */
~display=?d->withShorthand(display)->Display.fromOption,
~height=?h->withShorthand(height)->Height.fromOption,
~minHeight=?minH->withShorthand(minHeight)->Height.fromOption,
@@ -682,9 +582,7 @@ let makeProps = (
~overflow=?overflow->Overflow.fromOption,
~overflowY=?overflowY->Overflow.fromOption,
~overflowX=?overflowX->Overflow.fromOption,
- /**
- Flexbox
- **/
+ /* Flexbox */
~alignItems=?alignItems->AlignItems.fromOption,
~alignContent=?alignContent->AlignContent.fromOption,
~justifyItems=?justifyItems->JustifyItems.fromOption,
@@ -698,9 +596,7 @@ let makeProps = (
~justifySelf=?justifySelf->JustifySelf.fromOption,
~alignSelf=?alignSelf->AlignSelf.fromOption,
~order=?order->Order.fromOption,
- /**
- Grid
- **/
+ /* Grid */
~gridGap=?gridGap->GridGap.fromOption,
~gridRowGap=?gridRowGap->GridRowGap.fromOption,
~gridColumnGap=?gridColumnGap->GridColumnGap.fromOption,
@@ -713,9 +609,7 @@ let makeProps = (
~gridTemplateRows=?gridTemplateRows->GridTemplateRows.fromOption,
~gridTemplateColumns=?gridTemplateColumns->GridTemplateColumns.fromOption,
~gridTemplateAreas=?gridTemplateAreas->GridTemplateAreas.fromOption,
- /**
- Background
- **/
+ /* Background */
~background=?bg->withShorthand(background)->Background.fromOption,
~backgroundImage=?bgImage->withShorthand(backgroundImage)->BackgroundImage.fromOption,
~backgroundSize=?bgSize->withShorthand(backgroundSize)->BackgroundSize.fromOption,
@@ -726,9 +620,7 @@ let makeProps = (
~backgroundAttachment=?bgAttachment
->withShorthand(backgroundAttachment)
->BackgroundAttachment.fromOption,
- /**
- Borders
- **/
+ /* Borders */
~border=?border->Border.fromOption,
~borderWidth=?borderWidth->BorderWidth.fromOption,
~borderStyle=?borderStyle->BorderStyle.fromOption,
@@ -759,9 +651,7 @@ let makeProps = (
~borderStartColor=?borderStartColor->BorderColor.fromOption,
~borderX=?borderX->Border.fromOption,
~borderY=?borderY->Border.fromOption,
- /**
- Border Radius
- **/
+ /* Border Radius */
~borderRadius=?borderRadius->BorderRadius.fromOption,
~borderTopLeftRadius=?borderTopLeftRadius->BorderRadius.fromOption,
~borderTopStartRadius=?borderTopStartRadius->BorderRadius.fromOption,
@@ -777,24 +667,18 @@ let makeProps = (
~borderBottomRadius=?borderBottomRadius->BorderRadius.fromOption,
~borderLeftRadius=?borderLeftRadius->BorderRadius.fromOption,
~borderStartRadius=?borderStartRadius->BorderRadius.fromOption,
- /**
- Position
- **/
+ /* 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
- **/
+ /* Shadow */
~textShadow=?textShadow->TextShadow.fromOption,
~boxShadow=?boxShadow->BoxShadow.fromOption,
- /**
- TODO
- Other Props
- **/
+ /* TODO
+ Other Props */
~fill=?fill->Color.fromOption,
~stroke=?stroke->Color.fromOption,
)
diff --git a/src/Components/Chakra__AvatarGroup.res b/src/Components/Chakra__AvatarGroup.res
index 14aca76..c0218cc 100644
--- a/src/Components/Chakra__AvatarGroup.res
+++ b/src/Components/Chakra__AvatarGroup.res
@@ -3,18 +3,14 @@ open Chakra__MakeProps
@react.component @module("@chakra-ui/react")
external make: (
~children: React.element,
- /**
- Component Props {AvatarGroup}
- **/
+ /* Component Props {AvatarGroup} */
~_as: string=?,
~isTruncated: bool=?,
~max: int=?,
~size: Size.Avatar.t=?,
~spacing: Identity.t=?,
- /**
- Margin and Padding
- @see
- **/
+ /* Margin and Padding
+ @see */
~margin: Identity.t=?,
~marginTop: Identity.t=?,
~marginRight: Identity.t=?,
@@ -33,24 +29,18 @@ external make: (
~paddingStart: Identity.t=?,
~px: Identity.t=?,
~py: Identity.t=?,
- /**
- Colors and BackgroundColor
- @see
- **/
+ /* Colors and BackgroundColor
+ @see */
~colorScheme: ColorScheme.t=?,
~color: Identity.t=?,
~backgroundColor: Identity.t=?,
~opacity: Identity.t=?,
- /**
- Gradient
- @see
- **/
+ /* Gradient
+ @see */
~bgGradient: Identity.t=?,
~backgroundClip: Identity.t=?,
- /**
- Typography
- @see
- **/
+ /* Typography
+ @see */
~fontFamily: Identity.t=?,
~fontSize: Identity.t=?,
~fontWeight: Identity.t=?,
@@ -60,10 +50,8 @@ external make: (
~fontStyle: Identity.t=?,
~textTransform: Identity.t=?,
~textDecoration: Identity.t=?,
- /**
- Layout Width and Height
- @see
- **/
+ /* Layout Width and Height
+ @see */
~width: Identity.t=?,
~maxWidth: Identity.t=?,
~minWidth: Identity.t=?,
@@ -76,10 +64,8 @@ external make: (
~overflow: Identity.t=?,
~overflowY: Identity.t=?,
~overflowX: Identity.t=?,
- /**
- Flexbox
- @see
- **/
+ /* Flexbox
+ @see */
~alignItems: Identity.t=?,
~alignContent: Identity.t=?,
~justifyItems: Identity.t=?,
@@ -93,10 +79,8 @@ external make: (
~justifySelf: Identity.t=?,
~alignSelf: Identity.t=?,
~order: Identity.t=?,
- /**
- Grid
- @see
- **/
+ /* Grid
+ @see */
~gridGap: Identity.t=?,
~gridRowGap: Identity.t=?,
~gridColumnGap: Identity.t=?,
@@ -109,20 +93,16 @@ external make: (
~gridTemplateRows: Identity.t=?,
~gridTemplateColumns: Identity.t=?,
~gridTemplateAreas: Identity.t=?,
- /**
- Background
- @see
- **/
+ /* Background
+ @see */
~background: Identity.t=?,
~backgroundImage: Identity.t=?,
~backgroundSize: Identity.t=?,
~backgroundPosition: Identity.t=?,
~backgroundRepeat: Identity.t=?,
~backgroundAttachment: Identity.t=?,
- /**
- Borders
- @see
- **/
+ /* Borders
+ @see */
~border: Identity.t=?,
~borderWidth: Identity.t=?,
~borderStyle: Identity.t=?,
@@ -153,10 +133,8 @@ external make: (
~borderStartColor: Identity.t=?,
~borderX: Identity.t=?,
~borderY: Identity.t=?,
- /**
- Border Radius
- @see
- **/
+ /* Border Radius
+ @see */
~borderRadius: Identity.t=?,
~borderTopLeftRadius: Identity.t=?,
~borderTopStartRadius: Identity.t=?,
@@ -172,26 +150,20 @@ external make: (
~borderBottomRadius: Identity.t=?,
~borderLeftRadius: Identity.t=?,
~borderStartRadius: Identity.t=?,
- /**
- Position
- @see
- **/
+ /* Position
+ @see */
~position: Identity.t=?,
~zIndex: Identity.t=?,
~top: Identity.t=?,
~right: Identity.t=?,
~bottom: Identity.t=?,
~left: Identity.t=?,
- /**
- Shadow
- @see
- **/
+ /* Shadow
+ @see */
~textShadow: Identity.t=?,
~boxShadow: Identity.t=?,
- /**
- Pseudo
- @see
- **/
+ /* Pseudo
+ @see */
@as("_hover") ~_hover: Pseudo.t=?,
@as("_active") ~_active: Pseudo.t=?,
@as("_focus") ~_focus: Pseudo.t=?,
@@ -232,8 +204,7 @@ external make: (
@as("_placeholder") ~_placeholder: Pseudo.t=?,
@as("_fullScreen") ~_fullScreen: Pseudo.t=?,
@as("_selection") ~_selection: Pseudo.t=?,
- /**
- TODO
+ /* TODO
Other Props
partial implemented
@see
@@ -258,56 +229,41 @@ external make: (
~float_=?,
~fill=?,
~stroke=?,
- ~outline=?,
- **/
+ ~outline=?, */
~fill: Identity.t=?,
~stroke: Identity.t=?,
- /**
- ReactEvent Clipboard
- @see
- **/
+ /* ReactEvent Clipboard
+ @see */
~onCopy: ReactEvent.Clipboard.t => unit=?,
~onCut: ReactEvent.Clipboard.t => unit=?,
~onPaste: ReactEvent.Clipboard.t => unit=?,
- /**
- ReactEvent Composition
- @see
- **/
+ /* ReactEvent Composition
+ @see */
~onCompositionEnd: ReactEvent.Composition.t => unit=?,
~onCompositionStart: ReactEvent.Composition.t => unit=?,
~onCompositionUpdate: ReactEvent.Composition.t => unit=?,
- /**
- ReactEvent Keyboard
- @see
- **/
+ /* ReactEvent Keyboard
+ @see */
~onKeyDown: ReactEvent.Keyboard.t => unit=?,
~onKeyPress: ReactEvent.Keyboard.t => unit=?,
- ~onKeyUp: ReactEvent.Keyboard.t => unit=? /**
- ReactEvent Focus
- @see
- **/,
+ ~onKeyUp: ReactEvent.Keyboard.t => unit=? /* ReactEvent Focus
+ @see */,
~onFocus: ReactEvent.Focus.t => unit=?,
~onBlur: ReactEvent.Focus.t => unit=?,
- /**
- ReactEvent Form
- @see
- **/
+ /* 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
+ /* 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
- **/
+ ~onLoad: ReactEvent.Generic.t => unit=?, */
+ /* ReactEvent Mouse
+ @see */
~onClick: ReactEvent.Mouse.t => unit=?,
~onContextMenu: ReactEvent.Mouse.t => unit=?,
~onDoubleClick: ReactEvent.Mouse.t => unit=?,
@@ -326,10 +282,8 @@ external make: (
~onMouseOut: ReactEvent.Mouse.t => unit=?,
~onMouseOver: ReactEvent.Mouse.t => unit=?,
~onMouseUp: ReactEvent.Mouse.t => unit=?,
- /**
- ReactEvent Pointer
- @see
- **/
+ /* ReactEvent Pointer
+ @see */
~onPointerDown: ReactEvent.Pointer.t => unit=?,
~onPointerMove: ReactEvent.Pointer.t => unit=?,
~onPointerUp: ReactEvent.Pointer.t => unit=?,
@@ -340,33 +294,23 @@ external make: (
~onPointerLeave: ReactEvent.Pointer.t => unit=?,
~onPointerOver: ReactEvent.Pointer.t => unit=?,
~onPointerOut: ReactEvent.Pointer.t => unit=?,
- /**
- ReactEvent Selection
- @see
- **/
+ /* ReactEvent Selection
+ @see */
~onSelect: ReactEvent.Selection.t => unit=?,
- /**
- ReactEvent Touch
- @see
- **/
+ /* 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
- **/
+ /* ReactEvent UI Events
+ @see */
~onScroll: ReactEvent.UI.t => unit=?,
- /**
- ReactEvent Wheel
- @see
- **/
+ /* ReactEvent Wheel
+ @see */
~onWheel: ReactEvent.Wheel.t => unit=?,
- /**
- ReactEvent Media
- @see
- **/
+ /* ReactEvent Media
+ @see */
~onAbort: ReactEvent.Media.t => unit=?,
~onCanPlay: ReactEvent.Media.t => unit=?,
~onCanPlayThrough: ReactEvent.Media.t => unit=?,
@@ -392,28 +336,20 @@ external make: (
~onWaiting: ReactEvent.Media.t => unit=?,
~onLoad: ReactEvent.Synthetic.t => unit=?,
~onError: ReactEvent.Synthetic.t => unit=?,
- /**
- ReactEvent Other
+ /* ReactEvent Other
@see
- ~onToggle
- **/
- /**
- ReactEvent Animation
- @see
- **/
+ ~onToggle */
+ /* ReactEvent Animation
+ @see */
~onAnimationStart: ReactEvent.Animation.t => unit=?,
~onAnimationEnd: ReactEvent.Animation.t => unit=?,
~onAnimationIteration: ReactEvent.Animation.t => unit=?,
) => React.element = "AvatarGroup"
let makeProps = (
- /**
- Component Props {AvatarGroup}
- **/
+ /* Component Props {AvatarGroup} */
~spacing=?,
- /**
- Margin and Padding
- **/
+ /* Margin and Padding */
~m=?,
~margin=?,
~mt=?,
@@ -446,22 +382,16 @@ let makeProps = (
~paddingStart=?,
~px=?,
~py=?,
- /**
- Colors and BackgroundColor
- **/
+ /* Colors and BackgroundColor */
~color=?,
~backgroundColor=?,
~bgColor=?,
~opacity=?,
- /**
- Gradient
- **/
+ /* Gradient */
~bgGradient=?,
~backgroundClip=?,
~bgClip=?,
- /**
- Typography
- **/
+ /* Typography */
~fontFamily=?,
~fontSize=?,
~fontWeight=?,
@@ -471,9 +401,7 @@ let makeProps = (
~fontStyle=?,
~textTransform=?,
~textDecoration=?,
- /**
- Layout Width and Height
- **/
+ /* Layout Width and Height */
~d=?,
~display=?,
~w=?,
@@ -493,9 +421,7 @@ let makeProps = (
~overflow=?,
~overflowX=?,
~overflowY=?,
- /**
- Flexbox
- **/
+ /* Flexbox */
~alignItems=?,
~alignContent=?,
~justifyItems=?,
@@ -510,9 +436,7 @@ let makeProps = (
~justifySelf=?,
~alignSelf=?,
~order=?,
- /**
- Grid
- **/
+ /* Grid */
~gridGap=?,
~gridRowGap=?,
~gridColumnGap=?,
@@ -525,9 +449,7 @@ let makeProps = (
~gridTemplateRows=?,
~gridTemplateColumns=?,
~gridTemplateAreas=?,
- /**
- Background
- **/
+ /* Background */
~bg=?,
~background=?,
~bgImage=?,
@@ -540,9 +462,7 @@ let makeProps = (
~backgroundRepeat=?,
~bgAttachment=?,
~backgroundAttachment=?,
- /**
- Borders
- **/
+ /* Borders */
~border=?,
~borderWidth=?,
~borderStyle=?,
@@ -573,9 +493,7 @@ let makeProps = (
~borderStartColor=?,
~borderX=?,
~borderY=?,
- /**
- Border Radius
- **/
+ /* Border Radius */
~borderRadius=?,
~borderTopLeftRadius=?,
~borderTopStartRadius=?,
@@ -591,9 +509,7 @@ let makeProps = (
~borderBottomRadius=?,
~borderLeftRadius=?,
~borderStartRadius=?,
- /**
- Position
- **/
+ /* Position */
~pos=?,
~position=?,
~zIndex=?,
@@ -601,26 +517,18 @@ let makeProps = (
~right=?,
~bottom=?,
~left=?,
- /**
- Shadow
- **/
+ /* Shadow */
~textShadow=?,
~boxShadow=?,
- /**
- TODO
- Other Props
- **/
+ /* TODO
+ Other Props */
~fill=?,
~stroke=?,
) =>
makeProps(
- /**
- Component Props {AvatarGroup}
- **/
+ /* Component Props {AvatarGroup} */
~spacing=?spacing->Margin.fromOption,
- /**
- Margin and Padding
- **/
+ /* Margin and Padding */
~margin=?m->withShorthand(margin)->Margin.fromOption,
~marginTop=?mt->withShorthand(marginTop)->Margin.fromOption,
~marginRight=?mr->withShorthand(marginRight)->Margin.fromOption,
@@ -639,20 +547,14 @@ let makeProps = (
~paddingStart=?ps->withShorthand(paddingStart)->Padding.fromOption,
~px=?px->Padding.fromOption,
~py=?py->Padding.fromOption,
- /**
- Colors and Background Color
- **/
+ /* Colors and Background Color */
~color=?color->Color.fromOption,
~backgroundColor=?bgColor->withShorthand(backgroundColor)->BackgroundColor.fromOption,
~opacity=?opacity->Opacity.fromOption,
- /**
- Gradient
- **/
+ /* Gradient */
~bgGradient=?bgGradient->Gradient.fromOption,
~backgroundClip=?bgClip->withShorthand(backgroundClip)->BackgroundClip.fromOption,
- /**
- Typography
- **/
+ /* Typography */
~fontFamily=?fontFamily->FontFamily.fromOption,
~fontSize=?fontSize->FontSize.fromOption,
~fontWeight=?fontWeight->FontWeight.fromOption,
@@ -662,9 +564,7 @@ let makeProps = (
~fontStyle=?fontStyle->FontStyle.fromOption,
~textTransform=?textTransform->TextTransform.fromOption,
~textDecoration=?textDecoration->TextDecoration.fromOption,
- /**
- Layout Width and Height
- **/
+ /* Layout Width and Height */
~display=?d->withShorthand(display)->Display.fromOption,
~height=?h->withShorthand(height)->Height.fromOption,
~minHeight=?minH->withShorthand(minHeight)->Height.fromOption,
@@ -677,9 +577,7 @@ let makeProps = (
~overflow=?overflow->Overflow.fromOption,
~overflowY=?overflowY->Overflow.fromOption,
~overflowX=?overflowX->Overflow.fromOption,
- /**
- Flexbox
- **/
+ /* Flexbox */
~alignItems=?alignItems->AlignItems.fromOption,
~alignContent=?alignContent->AlignContent.fromOption,
~justifyItems=?justifyItems->JustifyItems.fromOption,
@@ -693,9 +591,7 @@ let makeProps = (
~justifySelf=?justifySelf->JustifySelf.fromOption,
~alignSelf=?alignSelf->AlignSelf.fromOption,
~order=?order->Order.fromOption,
- /**
- Grid
- **/
+ /* Grid */
~gridGap=?gridGap->GridGap.fromOption,
~gridRowGap=?gridRowGap->GridRowGap.fromOption,
~gridColumnGap=?gridColumnGap->GridColumnGap.fromOption,
@@ -708,9 +604,7 @@ let makeProps = (
~gridTemplateRows=?gridTemplateRows->GridTemplateRows.fromOption,
~gridTemplateColumns=?gridTemplateColumns->GridTemplateColumns.fromOption,
~gridTemplateAreas=?gridTemplateAreas->GridTemplateAreas.fromOption,
- /**
- Background
- **/
+ /* Background */
~background=?bg->withShorthand(background)->Background.fromOption,
~backgroundImage=?bgImage->withShorthand(backgroundImage)->BackgroundImage.fromOption,
~backgroundSize=?bgSize->withShorthand(backgroundSize)->BackgroundSize.fromOption,
@@ -721,9 +615,7 @@ let makeProps = (
~backgroundAttachment=?bgAttachment
->withShorthand(backgroundAttachment)
->BackgroundAttachment.fromOption,
- /**
- Borders
- **/
+ /* Borders */
~border=?border->Border.fromOption,
~borderWidth=?borderWidth->BorderWidth.fromOption,
~borderStyle=?borderStyle->BorderStyle.fromOption,
@@ -754,9 +646,7 @@ let makeProps = (
~borderStartColor=?borderStartColor->BorderColor.fromOption,
~borderX=?borderX->Border.fromOption,
~borderY=?borderY->Border.fromOption,
- /**
- Border Radius
- **/
+ /* Border Radius */
~borderRadius=?borderRadius->BorderRadius.fromOption,
~borderTopLeftRadius=?borderTopLeftRadius->BorderRadius.fromOption,
~borderTopStartRadius=?borderTopStartRadius->BorderRadius.fromOption,
@@ -772,24 +662,18 @@ let makeProps = (
~borderBottomRadius=?borderBottomRadius->BorderRadius.fromOption,
~borderLeftRadius=?borderLeftRadius->BorderRadius.fromOption,
~borderStartRadius=?borderStartRadius->BorderRadius.fromOption,
- /**
- Position
- **/
+ /* 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
- **/
+ /* Shadow */
~textShadow=?textShadow->TextShadow.fromOption,
~boxShadow=?boxShadow->BoxShadow.fromOption,
- /**
- TODO
- Other Props
- **/
+ /* TODO
+ Other Props */
~fill=?fill->Color.fromOption,
~stroke=?stroke->Color.fromOption,
)
diff --git a/src/Components/Chakra__Badge.res b/src/Components/Chakra__Badge.res
index 7818c05..3bdc857 100644
--- a/src/Components/Chakra__Badge.res
+++ b/src/Components/Chakra__Badge.res
@@ -3,17 +3,13 @@ open Chakra__MakeProps
@react.component @module("@chakra-ui/react")
external make: (
~children: React.element=?,
- /**
- Component Props {Badge}
- @see
- **/
+ /* Component Props {Badge}
+ @see */
@as("as") ~_as: string=?,
~isTruncated: bool=?,
~variant: Identity.t=?,
- /**
- Margin and Padding
- @see
- **/
+ /* Margin and Padding
+ @see */
~margin: Identity.t=?,
~marginTop: Identity.t=?,
~marginRight: Identity.t=?,
@@ -32,24 +28,18 @@ external make: (
~paddingStart: Identity.t=?,
~px: Identity.t=?,
~py: Identity.t=?,
- /**
- Colors and BackgroundColor
- @see
- **/
+ /* Colors and BackgroundColor
+ @see */
~colorScheme: ColorScheme.t=?,
~color: Identity.t=?,
~backgroundColor: Identity.t=?,
~opacity: Identity.t=?,
- /**
- Gradient
- @see
- **/
+ /* Gradient
+ @see */
~bgGradient: Identity.t=?,
~backgroundClip: Identity.t=?,
- /**
- Typography
- @see
- **/
+ /* Typography
+ @see */
~fontFamily: Identity.t=?,
~fontSize: Identity.t=?,
~fontWeight: Identity.t=?,
@@ -59,10 +49,8 @@ external make: (
~fontStyle: Identity.t=?,
~textTransform: Identity.t=?,
~textDecoration: Identity.t=?,
- /**
- Layout Width and Height
- @see
- **/
+ /* Layout Width and Height
+ @see */
~width: Identity.t=?,
~maxWidth: Identity.t=?,
~minWidth: Identity.t=?,
@@ -75,10 +63,8 @@ external make: (
~overflow: Identity.t=?,
~overflowY: Identity.t=?,
~overflowX: Identity.t=?,
- /**
- Flexbox
- @see
- **/
+ /* Flexbox
+ @see */
~alignItems: Identity.t=?,
~alignContent: Identity.t=?,
~justifyItems: Identity.t=?,
@@ -92,10 +78,8 @@ external make: (
~justifySelf: Identity.t=?,
~alignSelf: Identity.t=?,
~order: Identity.t=?,
- /**
- Grid
- @see
- **/
+ /* Grid
+ @see */
~gridGap: Identity.t=?,
~gridRowGap: Identity.t=?,
~gridColumnGap: Identity.t=?,
@@ -108,20 +92,16 @@ external make: (
~gridTemplateRows: Identity.t=?,
~gridTemplateColumns: Identity.t=?,
~gridTemplateAreas: Identity.t=?,
- /**
- Background
- @see
- **/
+ /* Background
+ @see */
~background: Identity.t=?,
~backgroundImage: Identity.t=?,
~backgroundSize: Identity.t=?,
~backgroundPosition: Identity.t=?,
~backgroundRepeat: Identity.t=?,
~backgroundAttachment: Identity.t=?,
- /**
- Borders
- @see
- **/
+ /* Borders
+ @see */
~border: Identity.t=?,
~borderWidth: Identity.t=?,
~borderStyle: Identity.t=?,
@@ -152,10 +132,8 @@ external make: (
~borderStartColor: Identity.t=?,
~borderX: Identity.t=?,
~borderY: Identity.t=?,
- /**
- Border Radius
- @see
- **/
+ /* Border Radius
+ @see */
~borderRadius: Identity.t=?,
~borderTopLeftRadius: Identity.t=?,
~borderTopStartRadius: Identity.t=?,
@@ -171,24 +149,19 @@ external make: (
~borderBottomRadius: Identity.t=?,
~borderLeftRadius: Identity.t=?,
~borderStartRadius: Identity.t=?,
- /**
- Position
- @see
- **/
+ /* Position
+ @see */
~position: Identity.t=?,
~zIndex: Identity.t=?,
~top: Identity.t=?,
~right: Identity.t=?,
~bottom: Identity.t=?,
~left: Identity.t=?,
- /**
- Shadow
- @see
- **/
+ /* Shadow
+ @see */
~textShadow: Identity.t=?,
~boxShadow: Identity.t=?,
- /**
- TODO
+ /* TODO
Pseudo
@see
@@ -231,8 +204,7 @@ external make: (
_groupChecked
_placeholder
_fullScreen
- _selection
- **/
+ _selection */
@as("_hover") ~_hover: Pseudo.t=?,
@as("_active") ~_active: Pseudo.t=?,
@as("_focus") ~_focus: Pseudo.t=?,
@@ -274,8 +246,7 @@ external make: (
@as("_fullScreen") ~_fullScreen: Pseudo.t=?,
@as("_selection") ~_selection: Pseudo.t=?,
- /**
- TODO
+ /* TODO
Other Props
partial implemented
@see
@@ -300,56 +271,41 @@ external make: (
~float_=?,
~fill=?,
~stroke=?,
- ~outline=?,
- **/
+ ~outline=?, */
~fill: Identity.t=?,
~stroke: Identity.t=?,
- /**
- ReactEvent Clipboard
- @see
- **/
+ /* ReactEvent Clipboard
+ @see */
~onCopy: ReactEvent.Clipboard.t => unit=?,
~onCut: ReactEvent.Clipboard.t => unit=?,
~onPaste: ReactEvent.Clipboard.t => unit=?,
- /**
- ReactEvent Composition
- @see
- **/
+ /* ReactEvent Composition
+ @see */
~onCompositionEnd: ReactEvent.Composition.t => unit=?,
~onCompositionStart: ReactEvent.Composition.t => unit=?,
~onCompositionUpdate: ReactEvent.Composition.t => unit=?,
- /**
- ReactEvent Keyboard
- @see
- **/
+ /* ReactEvent Keyboard
+ @see */
~onKeyDown: ReactEvent.Keyboard.t => unit=?,
~onKeyPress: ReactEvent.Keyboard.t => unit=?,
- ~onKeyUp: ReactEvent.Keyboard.t => unit=? /**
- ReactEvent Focus
- @see
- **/,
+ ~onKeyUp: ReactEvent.Keyboard.t => unit=? /* ReactEvent Focus
+ @see */,
~onFocus: ReactEvent.Focus.t => unit=?,
~onBlur: ReactEvent.Focus.t => unit=?,
- /**
- ReactEvent Form
- @see
- **/
+ /* 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
+ /* 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
- **/
+ ~onLoad: ReactEvent.Generic.t => unit=?, */
+ /* ReactEvent Mouse
+ @see */
~onClick: ReactEvent.Mouse.t => unit=?,
~onContextMenu: ReactEvent.Mouse.t => unit=?,
~onDoubleClick: ReactEvent.Mouse.t => unit=?,
@@ -368,10 +324,8 @@ external make: (
~onMouseOut: ReactEvent.Mouse.t => unit=?,
~onMouseOver: ReactEvent.Mouse.t => unit=?,
~onMouseUp: ReactEvent.Mouse.t => unit=?,
- /**
- ReactEvent Pointer
- @see
- **/
+ /* ReactEvent Pointer
+ @see */
~onPointerDown: ReactEvent.Pointer.t => unit=?,
~onPointerMove: ReactEvent.Pointer.t => unit=?,
~onPointerUp: ReactEvent.Pointer.t => unit=?,
@@ -382,33 +336,23 @@ external make: (
~onPointerLeave: ReactEvent.Pointer.t => unit=?,
~onPointerOver: ReactEvent.Pointer.t => unit=?,
~onPointerOut: ReactEvent.Pointer.t => unit=?,
- /**
- ReactEvent Selection
- @see
- **/
+ /* ReactEvent Selection
+ @see */
~onSelect: ReactEvent.Selection.t => unit=?,
- /**
- ReactEvent Touch
- @see
- **/
+ /* 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
- **/
+ /* ReactEvent UI Events
+ @see */
~onScroll: ReactEvent.UI.t => unit=?,
- /**
- ReactEvent Wheel
- @see
- **/
+ /* ReactEvent Wheel
+ @see */
~onWheel: ReactEvent.Wheel.t => unit=?,
- /**
- ReactEvent Media
- @see
- **/
+ /* ReactEvent Media
+ @see */
~onAbort: ReactEvent.Media.t => unit=?,
~onCanPlay: ReactEvent.Media.t => unit=?,
~onCanPlayThrough: ReactEvent.Media.t => unit=?,
@@ -434,28 +378,20 @@ external make: (
~onWaiting: ReactEvent.Media.t => unit=?,
~onLoad: ReactEvent.Synthetic.t => unit=?,
~onError: ReactEvent.Synthetic.t => unit=?,
- /**
- ReactEvent Other
+ /* ReactEvent Other
@see
- ~onToggle
- **/
- /**
- ReactEvent Animation
- @see
- **/
+ ~onToggle */
+ /* ReactEvent Animation
+ @see */
~onAnimationStart: ReactEvent.Animation.t => unit=?,
~onAnimationEnd: ReactEvent.Animation.t => unit=?,
~onAnimationIteration: ReactEvent.Animation.t => unit=?,
) => React.element = "Badge"
let makeProps = (
- /**
- Component Props {Badge}
- **/
+ /* Component Props {Badge} */
~variant=?,
- /**
- Margin and Padding
- **/
+ /* Margin and Padding */
~m=?,
~margin=?,
~mt=?,
@@ -488,22 +424,16 @@ let makeProps = (
~paddingStart=?,
~px=?,
~py=?,
- /**
- Colors and BackgroundColor
- **/
+ /* Colors and BackgroundColor */
~color=?,
~backgroundColor=?,
~bgColor=?,
~opacity=?,
- /**
- Gradient
- **/
+ /* Gradient */
~bgGradient=?,
~backgroundClip=?,
~bgClip=?,
- /**
- Typography
- **/
+ /* Typography */
~fontFamily=?,
~fontSize=?,
~fontWeight=?,
@@ -513,9 +443,7 @@ let makeProps = (
~fontStyle=?,
~textTransform=?,
~textDecoration=?,
- /**
- Layout Width and Height
- **/
+ /* Layout Width and Height */
~d=?,
~display=?,
~w=?,
@@ -535,9 +463,7 @@ let makeProps = (
~overflow=?,
~overflowX=?,
~overflowY=?,
- /**
- Flexbox
- **/
+ /* Flexbox */
~alignItems=?,
~alignContent=?,
~justifyItems=?,
@@ -552,9 +478,7 @@ let makeProps = (
~justifySelf=?,
~alignSelf=?,
~order=?,
- /**
- Grid
- **/
+ /* Grid */
~gridGap=?,
~gridRowGap=?,
~gridColumnGap=?,
@@ -567,9 +491,7 @@ let makeProps = (
~gridTemplateRows=?,
~gridTemplateColumns=?,
~gridTemplateAreas=?,
- /**
- Background
- **/
+ /* Background */
~bg=?,
~background=?,
~bgImage=?,
@@ -582,9 +504,7 @@ let makeProps = (
~backgroundRepeat=?,
~bgAttachment=?,
~backgroundAttachment=?,
- /**
- Borders
- **/
+ /* Borders */
~border=?,
~borderWidth=?,
~borderStyle=?,
@@ -615,9 +535,7 @@ let makeProps = (
~borderStartColor=?,
~borderX=?,
~borderY=?,
- /**
- Border Radius
- **/
+ /* Border Radius */
~borderRadius=?,
~borderTopLeftRadius=?,
~borderTopStartRadius=?,
@@ -633,9 +551,7 @@ let makeProps = (
~borderBottomRadius=?,
~borderLeftRadius=?,
~borderStartRadius=?,
- /**
- Position
- **/
+ /* Position */
~pos=?,
~position=?,
~zIndex=?,
@@ -643,30 +559,20 @@ let makeProps = (
~right=?,
~bottom=?,
~left=?,
- /**
- Shadow
- **/
+ /* Shadow */
~textShadow=?,
~boxShadow=?,
- /**
- TODO
- Pseudo
- **/
- /**
- TODO
- Other Props
- **/
+ /* TODO
+ Pseudo */
+ /* TODO
+ Other Props */
~fill=?,
~stroke=?,
) =>
makeProps(
- /**
- Component Props {Badge}
- **/
+ /* Component Props {Badge} */
~variant=?variant->Badge.Variant.fromOption,
- /**
- Margin and Padding
- **/
+ /* Margin and Padding */
~margin=?m->withShorthand(margin)->Margin.fromOption,
~marginTop=?mt->withShorthand(marginTop)->Margin.fromOption,
~marginRight=?mr->withShorthand(marginRight)->Margin.fromOption,
@@ -685,20 +591,14 @@ let makeProps = (
~paddingStart=?ps->withShorthand(paddingStart)->Padding.fromOption,
~px=?px->Padding.fromOption,
~py=?py->Padding.fromOption,
- /**
- Colors and Background Color
- **/
+ /* Colors and Background Color */
~color=?color->Color.fromOption,
~backgroundColor=?bgColor->withShorthand(backgroundColor)->BackgroundColor.fromOption,
~opacity=?opacity->Opacity.fromOption,
- /**
- Gradient
- **/
+ /* Gradient */
~bgGradient=?bgGradient->Gradient.fromOption,
~backgroundClip=?bgClip->withShorthand(backgroundClip)->BackgroundClip.fromOption,
- /**
- Typography
- **/
+ /* Typography */
~fontFamily=?fontFamily->FontFamily.fromOption,
~fontSize=?fontSize->FontSize.fromOption,
~fontWeight=?fontWeight->FontWeight.fromOption,
@@ -708,9 +608,7 @@ let makeProps = (
~fontStyle=?fontStyle->FontStyle.fromOption,
~textTransform=?textTransform->TextTransform.fromOption,
~textDecoration=?textDecoration->TextDecoration.fromOption,
- /**
- Layout Width and Height
- **/
+ /* Layout Width and Height */
~display=?d->withShorthand(display)->Display.fromOption,
~height=?h->withShorthand(height)->Height.fromOption,
~minHeight=?minH->withShorthand(minHeight)->Height.fromOption,
@@ -723,9 +621,7 @@ let makeProps = (
~overflow=?overflow->Overflow.fromOption,
~overflowY=?overflowY->Overflow.fromOption,
~overflowX=?overflowX->Overflow.fromOption,
- /**
- Flexbox
- **/
+ /* Flexbox */
~alignItems=?alignItems->AlignItems.fromOption,
~alignContent=?alignContent->AlignContent.fromOption,
~justifyItems=?justifyItems->JustifyItems.fromOption,
@@ -739,9 +635,7 @@ let makeProps = (
~justifySelf=?justifySelf->JustifySelf.fromOption,
~alignSelf=?alignSelf->AlignSelf.fromOption,
~order=?order->Order.fromOption,
- /**
- Grid
- **/
+ /* Grid */
~gridGap=?gridGap->GridGap.fromOption,
~gridRowGap=?gridRowGap->GridRowGap.fromOption,
~gridColumnGap=?gridColumnGap->GridColumnGap.fromOption,
@@ -754,9 +648,7 @@ let makeProps = (
~gridTemplateRows=?gridTemplateRows->GridTemplateRows.fromOption,
~gridTemplateColumns=?gridTemplateColumns->GridTemplateColumns.fromOption,
~gridTemplateAreas=?gridTemplateAreas->GridTemplateAreas.fromOption,
- /**
- Background
- **/
+ /* Background */
~background=?bg->withShorthand(background)->Background.fromOption,
~backgroundImage=?bgImage->withShorthand(backgroundImage)->BackgroundImage.fromOption,
~backgroundSize=?bgSize->withShorthand(backgroundSize)->BackgroundSize.fromOption,
@@ -767,9 +659,7 @@ let makeProps = (
~backgroundAttachment=?bgAttachment
->withShorthand(backgroundAttachment)
->BackgroundAttachment.fromOption,
- /**
- Borders
- **/
+ /* Borders */
~border=?border->Border.fromOption,
~borderWidth=?borderWidth->BorderWidth.fromOption,
~borderStyle=?borderStyle->BorderStyle.fromOption,
@@ -800,9 +690,7 @@ let makeProps = (
~borderStartColor=?borderStartColor->BorderColor.fromOption,
~borderX=?borderX->Border.fromOption,
~borderY=?borderY->Border.fromOption,
- /**
- Border Radius
- **/
+ /* Border Radius */
~borderRadius=?borderRadius->BorderRadius.fromOption,
~borderTopLeftRadius=?borderTopLeftRadius->BorderRadius.fromOption,
~borderTopStartRadius=?borderTopStartRadius->BorderRadius.fromOption,
@@ -818,28 +706,20 @@ let makeProps = (
~borderBottomRadius=?borderBottomRadius->BorderRadius.fromOption,
~borderLeftRadius=?borderLeftRadius->BorderRadius.fromOption,
~borderStartRadius=?borderStartRadius->BorderRadius.fromOption,
- /**
- Position
- **/
+ /* 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
- **/
+ /* Shadow */
~textShadow=?textShadow->TextShadow.fromOption,
~boxShadow=?boxShadow->BoxShadow.fromOption,
- /**
- TODO
- Pseudo
- **/
- /**
- TODO
- Other Props
- **/
+ /* TODO
+ Pseudo */
+ /* TODO
+ Other Props */
~fill=?fill->Color.fromOption,
~stroke=?stroke->Color.fromOption,
)
diff --git a/src/Components/Chakra__Box.res b/src/Components/Chakra__Box.res
index e6e97a4..60aeb48 100644
--- a/src/Components/Chakra__Box.res
+++ b/src/Components/Chakra__Box.res
@@ -3,15 +3,11 @@ open Chakra__MakeProps
@react.component @module("@chakra-ui/react")
external make: (
~children: React.element=?,
- /**
- Component Props {Box}
- **/
+ /* Component Props {Box} */
~_as: string=?,
~isTruncated: bool=?,
- /**
- Margin and Padding
- @see
- **/
+ /* Margin and Padding
+ @see */
~margin: Identity.t=?,
~marginTop: Identity.t=?,
~marginRight: Identity.t=?,
@@ -30,24 +26,18 @@ external make: (
~paddingStart: Identity.t=?,
~px: Identity.t=?,
~py: Identity.t=?,
- /**
- Colors and BackgroundColor
- @see
- **/
+ /* Colors and BackgroundColor
+ @see */
~colorScheme: ColorScheme.t=?,
~color: Identity.t=?,
~backgroundColor: Identity.t=?,
~opacity: Identity.t=?,
- /**
- Gradient
- @see
- **/
+ /* Gradient
+ @see */
~bgGradient: Identity.t=?,
~backgroundClip: Identity.t=?,
- /**
- Typography
- @see
- **/
+ /* Typography
+ @see */
~fontFamily: Identity.t=?,
~fontSize: Identity.t=?,
~fontWeight: Identity.t=?,
@@ -57,10 +47,8 @@ external make: (
~fontStyle: Identity.t=?,
~textTransform: Identity.t=?,
~textDecoration: Identity.t=?,
- /**
- Layout Width and Height
- @see
- **/
+ /* Layout Width and Height
+ @see */
~width: Identity.t=?,
~maxWidth: Identity.t=?,
~minWidth: Identity.t=?,
@@ -73,10 +61,8 @@ external make: (
~overflow: Identity.t=?,
~overflowY: Identity.t=?,
~overflowX: Identity.t=?,
- /**
- Flexbox
- @see
- **/
+ /* Flexbox
+ @see */
~alignItems: Identity.t=?,
~alignContent: Identity.t=?,
~justifyItems: Identity.t=?,
@@ -90,10 +76,8 @@ external make: (
~justifySelf: Identity.t=?,
~alignSelf: Identity.t=?,
~order: Identity.t=?,
- /**
- Grid
- @see
- **/
+ /* Grid
+ @see */
~gridGap: Identity.t=?,
~gridRowGap: Identity.t=?,
~gridColumnGap: Identity.t=?,
@@ -106,20 +90,16 @@ external make: (
~gridTemplateRows: Identity.t=?,
~gridTemplateColumns: Identity.t=?,
~gridTemplateAreas: Identity.t=?,
- /**
- Background
- @see
- **/
+ /* Background
+ @see */
~background: Identity.t=?,
~backgroundImage: Identity.t=?,
~backgroundSize: Identity.t=?,
~backgroundPosition: Identity.t=?,
~backgroundRepeat: Identity.t=?,
~backgroundAttachment: Identity.t=?,
- /**
- Borders
- @see
- **/
+ /* Borders
+ @see */
~border: Identity.t=?,
~borderWidth: Identity.t=?,
~borderStyle: Identity.t=?,
@@ -150,10 +130,8 @@ external make: (
~borderStartColor: Identity.t=?,
~borderX: Identity.t=?,
~borderY: Identity.t=?,
- /**
- Border Radius
- @see
- **/
+ /* Border Radius
+ @see */
~borderRadius: Identity.t=?,
~borderTopLeftRadius: Identity.t=?,
~borderTopStartRadius: Identity.t=?,
@@ -169,24 +147,19 @@ external make: (
~borderBottomRadius: Identity.t=?,
~borderLeftRadius: Identity.t=?,
~borderStartRadius: Identity.t=?,
- /**
- Position
- @see
- **/
+ /* Position
+ @see