react-miui 0.27.11 → 0.28.0

package/src/components/form/choice/Choice.tsx

@@ -1,52 +1,48 @@
 import React from "react";
 
-import classnames from "classnames";
-
 import type { ObjectValue, Value } from "../../../types/form";
 
 import { makeVariants, toObjectValue } from "../../../utils/index";
 
 import { ChoiceItem } from "./ChoiceItem";
-
-import styles from "./Choice.module.scss";
+import { StyledChoice } from "./Choice.styled";
 
 type Variant = "wide" | "left";
 
-interface Props<T extends string> {
+type StyledProps = React.ComponentProps<typeof StyledChoice>;
+
+type Props<T extends string> = Omit<StyledProps, "onChange"> & {
     values: Value<T>[];
     value: string;
     name: string;
     onChange: (value: Exclude<Value<T>, ObjectValue>) => void;
-    className?: string;
     variant?: Variant | Variant[];
-}
+};
 
 // @TODO handle disabled / readonly!
-// @TODO auto width mode by default?
 
-const Choice = <T extends string>(props: Props<T>): ReturnType<React.FC<Props<T>>> => {
-    const opts = props.values.map(option => {
+const Choice = <T extends string>({
+    // eslint-disable-next-line @typescript-eslint/no-shadow
+    value, values, name, onChange, ...props
+}: Props<T>): ReturnType<React.FC<Props<T>>> => {
+    const opts = values.map(option => {
         const opt = toObjectValue(option);
         return (
             <ChoiceItem
                 key={opt.value}
-                name={props.name}
+                name={name}
                 value={opt}
-                onChange={props.onChange}
-                active={props.value === opt.value}
+                onChange={onChange}
+                active={value === opt.value}
             />
         );
     });
 
-    const v = makeVariants(props.variant);
-
-    const cls = classnames(
-        styles.choice, props.className,
-        { [styles.wide as string]: v.includes("wide") },
-        { [styles.left as string]: v.includes("left") },
+    return (
+        <StyledChoice {...props}>
+            {opts}
+        </StyledChoice>
     );
-
-    return <div className={cls}>{opts}</div>;
 };
 
 export { Choice };

package/src/components/utils/colors.ts

@@ -0,0 +1,22 @@
+// TODO move to some ezez lib
+
+const contrastColor = (hex: string) => {
+    const r = parseInt(hex.substring(1, 3), 16);
+    const g = parseInt(hex.substring(3, 5), 16);
+    const b = parseInt(hex.substring(5, 7), 16);
+    // Perceived brightness
+    const brightness = (r * 299 + g * 587 + b * 114) / 1000;
+    return brightness > 128 ? "#000000" : "#FFFFFF";
+};
+
+const invertColor = (hex: string) => {
+    const r = 255 - parseInt(hex.substring(1, 3), 16);
+    const g = 255 - parseInt(hex.substring(3, 5), 16);
+    const b = 255 - parseInt(hex.substring(5, 7), 16);
+    return "#" + [r, g, b].map(x => x.toString(16).padStart(2, "0")).join("");
+};
+
+export {
+    contrastColor,
+    invertColor,
+};

package/src/demo/componentsMap.ts

@@ -9,13 +9,10 @@ import {
     ActionsOnBottom,
     ActionsOnLeft,
 } from "./components/ui/action/Action";
-import { ToggleDemo } from "./components/form/Toggle";
 import { CardDemo } from "./components/layout/card/Card";
 import { FormDemo } from "./components/form/Form";
 import { SearchDemo } from "./components/form/Search";
-import { LabelDemo } from "./components/form/Label";
 import { TabsDemo } from "./components/ui/tabs/Tabs";
-import { ChoiceDemo, ChoiceDemo2 } from "./components/form/Choice";
 import { DrawerDemo } from "./components/ui/drawer/Drawer";
 import { StatsDarkDemo, StatsDemo } from "./components/ui/stats/Stats";
 import { KeyValueDemo } from "./components/ui/keyValue/KeyValue";
@@ -36,28 +33,10 @@ const componentsMap: TheMap = {
         name: "Form",
         Component: FormDemo,
         children: {
-            Label: {
-                name: "Label",
-                Component: LabelDemo,
-            },
             Search: {
                 name: "Search",
                 Component: SearchDemo,
             },
-            Toggle: {
-                name: "Toggle",
-                Component: ToggleDemo,
-            },
-            Choice: {
-                name: "Choice",
-                Component: ChoiceDemo,
-                children: {
-                    Darker: {
-                        name: "Customized colors",
-                        Component: ChoiceDemo2,
-                    },
-                },
-            },
         },
     },
     Action: {

package/src/index.ts

@@ -1,6 +1,7 @@
 /* eslint-disable import/max-dependencies */
 export * from "./components/form/choice/Choice";
 export * from "./components/form/Checkbox";
+export * from "./components/form/ColorPicker";
 export * from "./components/form/Label";
 export * from "./components/form/Select";
 export * from "./components/form/textarea/TextArea";

package/src/theme.js

@@ -0,0 +1,98 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fontPxToRem = exports.borderPxToRem = exports.dimensionsPxToRem = exports.pxToRem = exports.config = exports.createTheme = exports.theme = exports.getCssText = exports.keyframes = exports.globalCss = exports.css = exports.styled = void 0;
+var react_1 = require("@stitches/react");
+var RATIOS = {
+    dimensions: 3,
+    border: 1,
+    font: 1.666666,
+};
+// eslint-disable-next-line @typescript-eslint/no-magic-numbers
+var pxToRem = function (px) { return "".concat(px / 16, "rem"); };
+exports.pxToRem = pxToRem;
+var dimensionsPxToRem = function (px) { return pxToRem(px / RATIOS.dimensions); };
+exports.dimensionsPxToRem = dimensionsPxToRem;
+var borderPxToRem = function (px) { return pxToRem(px / RATIOS.border); };
+exports.borderPxToRem = borderPxToRem;
+var fontPxToRem = function (px) { return pxToRem(px / RATIOS.font); };
+exports.fontPxToRem = fontPxToRem;
+var _a = (0, react_1.createStitches)({
+    theme: {
+        colors: {
+            background: "white",
+            mainColor: "#008ad2",
+            mainColorAlt: "#006AA9",
+            activeBg: "#e7e7e7",
+            inactiveBg: "#d3d3de",
+            inactiveDarkBg: "#999",
+            toggleHandleBg: "#e0e0e0",
+            toggleHandleBorder: "#cdcdcd",
+            toggleBgDisabled: "#f0f0f0",
+            toggleHandleBorderDisabled: "#c29f7d",
+            toggleHandleBgDisabled: "#deae84",
+            icon: "#636363",
+            border: "#d5d5d5",
+            buttonBorder: "#bababa",
+            headerBorder: "#c8c8c9",
+            headerBg: "#efeff0",
+            headerText: "#484848",
+            text: "#323232",
+            sub: "#959595",
+            popText: "#666",
+            toolbarBorder: "#ababab",
+            toolbarBg: "#f8f8f8",
+            modalBg: "#f7f7f7",
+            modalButtonBg: "#f8f8f8",
+            modalButtonBorder: "#c2c2c2",
+            inputDisabledBg: "#f3f3f3",
+            inputDisabledText: "#959595",
+            choiceBg: "#ffffff",
+            choiceText: "#999999",
+            choiceActiveBg: "#f3f3f3",
+            choiceActiveText: "#313131",
+            choiceBorder: "#cfcfcf",
+            selectorText: "#606060",
+            selectorActive: "#008ad2",
+            // Shades: https://maketintsandshades.com/#038bf4,ff7200,7357e8,3ec234,3ec234,ff388f,ea2700
+            blue1: "#038bf4",
+            blue2: "#b7d6f5",
+            blue3: "#dbe6ff",
+            blue4: "#33b4ff",
+            blue5: "#30a2e6",
+            orange1: "#ff7200",
+            orange1Darker: "#cc5b00",
+            purple1: "#7357e8",
+            green1: "#3ec234",
+            green1Darker: "#38af2f",
+            pink1: "#ff388f",
+            red1: "#ea2700",
+            yellow1: "#ffde9d",
+            yellow2: "#e4a429",
+            yellow3: "#fff5db",
+            pinky1: "#f5c0b7",
+            pinky2: "#e07b67",
+            pinky3: "#ffe1db",
+            grey1: "#737373",
+            focusColor: "#dcaf00",
+            scrollbarsThumb: "#737373",
+            scrollbarsBg: "transparent",
+            tableStripedBg: "#fafafa",
+            toolButtonText: "#666e80",
+        },
+    },
+    utils: {
+        mx: function (value) { return ({ marginLeft: value, marginRight: value }); },
+        my: function (value) { return ({ marginTop: value, marginBottom: value }); },
+        px: function (value) { return ({ paddingLeft: value, paddingRight: value }); },
+        py: function (value) { return ({ paddingTop: value, paddingBottom: value }); },
+        size: function (value) { return ({ width: value, height: value }); },
+    },
+}), styled = _a.styled, css = _a.css, globalCss = _a.globalCss, keyframes = _a.keyframes, getCssText = _a.getCssText, theme = _a.theme, createTheme = _a.createTheme, config = _a.config;
+exports.styled = styled;
+exports.css = css;
+exports.globalCss = globalCss;
+exports.keyframes = keyframes;
+exports.getCssText = getCssText;
+exports.theme = theme;
+exports.createTheme = createTheme;
+exports.config = config;

package/src/types/form.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/src/utils/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./makeVariants"), exports);
+__exportStar(require("./toObjectValue"), exports);
+__exportStar(require("./useKeyPress"), exports);

package/src/utils/makeVariants.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.makeVariants = void 0;
+var makeVariants = function (variants) {
+    if (!variants) {
+        return [];
+    }
+    if (typeof variants === "string") {
+        return variants.split(" ").filter(Boolean);
+    }
+    return variants;
+};
+exports.makeVariants = makeVariants;

package/src/utils/toObjectValue.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toObjectValue = void 0;
+var toObjectValue = function (s) {
+    return typeof s === "string" ? { value: s, label: s } : s;
+};
+exports.toObjectValue = toObjectValue;

package/src/utils/useKeyPress.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useKeyPress = void 0;
+var react_1 = require("react");
+var useKeyPress = function (targetKey) {
+    var _a = (0, react_1.useState)(false), keyPressed = _a[0], setKeyPressed = _a[1];
+    (0, react_1.useEffect)(function () {
+        var handleKeyDown = function (_a) {
+            var key = _a.key;
+            if (key === targetKey) {
+                setKeyPressed(true);
+            }
+        };
+        var handleKeyUp = function (_a) {
+            var key = _a.key;
+            if (key === targetKey) {
+                setKeyPressed(false);
+            }
+        };
+        window.addEventListener("keydown", handleKeyDown);
+        window.addEventListener("keyup", handleKeyUp);
+        return function () {
+            window.removeEventListener("keydown", handleKeyDown);
+            window.removeEventListener("keyup", handleKeyUp);
+        };
+    }, [targetKey]);
+    return keyPressed;
+};
+exports.useKeyPress = useKeyPress;

package/dist/components/form/Checkbox.stories.d.ts

@@ -1,9 +0,0 @@
-import type { StoryObj, Meta } from "@storybook/react";
-import { Checkbox } from "./Checkbox";
-declare const meta: Meta;
-type Story = StoryObj<typeof Checkbox>;
-declare const Primary: Story;
-declare const AllAtOnce: Story;
-export { Primary, AllAtOnce, };
-export default meta;
-//# sourceMappingURL=Checkbox.stories.d.ts.map

package/dist/components/form/Checkbox.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/form/Checkbox.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAA,MAAM,IAAI,EAAE,IA0CX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,QAAA,MAAM,OAAO,EAAE,KAAU,CAAC;AAM1B,QAAA,MAAM,SAAS,EAAE,KAyBhB,CAAC;AAEF,OAAO,EACH,OAAO,EACP,SAAS,GACZ,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/form/Checkbox.stories.js

@@ -1,117 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AllAtOnce = exports.Primary = void 0;
-const react_1 = __importStar(require("react"));
-const utils_1 = require("@ezez/utils");
-const native_1 = require("../native");
-const theme_1 = require("../../theme");
-const Checkbox_1 = require("./Checkbox");
-const meta = {
-    title: "Components/Form/Checkbox",
-    component: Checkbox_1.Checkbox,
-    tags: ["autodocs", "form"],
-    argTypes: {
-        color: {
-            control: {
-                type: "color",
-            },
-        },
-        defaultChecked: {
-            control: {
-                type: "boolean",
-            },
-        },
-        checked: {
-            control: {
-                type: "boolean",
-            },
-        },
-        disabled: {
-            control: {
-                type: "boolean",
-            },
-        },
-        readOnly: {
-            control: {
-                type: "boolean",
-            },
-        },
-        error: {
-            control: {
-                type: "boolean",
-            },
-        },
-        onChange: {
-            action: "onChange",
-        },
-    },
-    args: {
-        children: "Check me",
-    },
-};
-const Primary = {};
-exports.Primary = Primary;
-const Green = (0, theme_1.styled)(Checkbox_1.Checkbox, {
-    "--color": "$colors$green1",
-});
-const AllAtOnce = {
-    render: (args) => {
-        const [v, setV] = (0, react_1.useState)(false);
-        const handleToggle = (0, react_1.useCallback)(() => { setV((prevV) => !prevV); }, []);
-        return (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(native_1.Div, null, "Red (deprecated prop):"),
-            react_1.default.createElement(Checkbox_1.Checkbox, Object.assign({}, args, { color: "red" })),
-            react_1.default.createElement(native_1.Div, null, "Blue (css):"),
-            react_1.default.createElement(Checkbox_1.Checkbox, Object.assign({}, args, { css: { "--color": "$blue5" } })),
-            react_1.default.createElement(native_1.Div, null, "Green (composed):"),
-            react_1.default.createElement(Green, Object.assign({}, (0, utils_1.omit)(args, ["ref"]))),
-            react_1.default.createElement(native_1.Div, null,
-                "Always controlled: (checked: ",
-                String(v),
-                ")"),
-            react_1.default.createElement(Checkbox_1.Checkbox, Object.assign({}, args, { checked: v, onChange: handleToggle })),
-            react_1.default.createElement(native_1.Div, null, "Always disabled:"),
-            react_1.default.createElement(Checkbox_1.Checkbox, Object.assign({}, args, { disabled: true })),
-            react_1.default.createElement(native_1.Div, null, "Always read-only:"),
-            react_1.default.createElement(Checkbox_1.Checkbox, Object.assign({}, args, { readOnly: true }))));
-    },
-    args: {
-        defaultChecked: true,
-    },
-};
-exports.AllAtOnce = AllAtOnce;
-exports.default = meta;
-//# sourceMappingURL=Checkbox.stories.js.map

package/dist/components/form/Checkbox.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.stories.js","sourceRoot":"","sources":["../../../src/components/form/Checkbox.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAqD;AAErD,uCAAmC;AAInC,sCAAgC;AAChC,uCAAqC;AAErC,yCAAsC;AAEtC,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,mBAAQ;IACnB,IAAI,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE;QACN,KAAK,EAAE;YACH,OAAO,EAAE;gBACL,IAAI,EAAE,OAAO;aAChB;SACJ;QACD,cAAc,EAAE;YACZ,OAAO,EAAE;gBACL,IAAI,EAAE,SAAS;aAClB;SACJ;QACD,OAAO,EAAE;YACL,OAAO,EAAE;gBACL,IAAI,EAAE,SAAS;aAClB;SACJ;QACD,QAAQ,EAAE;YACN,OAAO,EAAE;gBACL,IAAI,EAAE,SAAS;aAClB;SACJ;QACD,QAAQ,EAAE;YACN,OAAO,EAAE;gBACL,IAAI,EAAE,SAAS;aAClB;SACJ;QACD,KAAK,EAAE;YACH,OAAO,EAAE;gBACL,IAAI,EAAE,SAAS;aAClB;SACJ;QACD,QAAQ,EAAE;YACN,MAAM,EAAE,UAAU;SACrB;KACJ;IACD,IAAI,EAAE;QACF,QAAQ,EAAE,UAAU;KACvB;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU,EAAE,CAAC;AAkCtB,0BAAO;AAhCX,MAAM,KAAK,GAAG,IAAA,cAAM,EAAC,mBAAQ,EAAE;IAC3B,SAAS,EAAE,gBAAgB;CAC9B,CAAC,CAAC;AAEH,MAAM,SAAS,GAAU;IACrB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACb,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;QAClC,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QAEzE,OAAO,CACH;YACI,8BAAC,YAAG,iCAA6B;YACjC,8BAAC,mBAAQ,oBAAK,IAAI,IAAE,KAAK,EAAE,KAAK,IAAI;YACpC,8BAAC,YAAG,sBAAkB;YACtB,8BAAC,mBAAQ,oBAAK,IAAI,IAAE,GAAG,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI;YACpD,8BAAC,YAAG,4BAAwB;YAC5B,8BAAC,KAAK,oBAAK,IAAA,YAAI,EAAC,IAAI,EAAE,CAAC,KAAK,CAAC,CAAC,EAAI;YAClC,8BAAC,YAAG;;gBAA+B,MAAM,CAAC,CAAC,CAAC;oBAAQ;YACpD,8BAAC,mBAAQ,oBAAK,IAAI,IAAE,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,YAAY,IAAI;YAC1D,8BAAC,YAAG,2BAAuB;YAC3B,8BAAC,mBAAQ,oBAAK,IAAI,IAAE,QAAQ,EAAE,IAAI,IAAI;YACtC,8BAAC,YAAG,4BAAwB;YAC5B,8BAAC,mBAAQ,oBAAK,IAAI,IAAE,QAAQ,EAAE,IAAI,IAAI,CACvC,CACN,CAAC;IACN,CAAC;IACD,IAAI,EAAE;QACF,cAAc,EAAE,IAAI;KACvB;CACJ,CAAC;AAIE,8BAAS;AAGb,kBAAe,IAAI,CAAC"}

package/dist/components/form/Label.module.scss

@@ -1,15 +0,0 @@
-.label + .label {
-    margin-top: 23px;
-    display: block;
-}
-
-.text {
-    font-size: calc(28px / var(--ratio-font));
-    margin-bottom: calc(24px / var(--ratio-dimensions));
-    color: var(--sub);
-}
-
-.textBig {
-    font-size: calc(34px / var(--ratio-font));
-
-}

package/dist/components/form/Select.stories.d.ts

@@ -1,8 +0,0 @@
-import type { StoryObj, Meta } from "@storybook/react";
-import { Select } from "./Select";
-declare const meta: Meta;
-type Story = StoryObj<typeof Select>;
-declare const Primary: Story;
-export { Primary, };
-export default meta;
-//# sourceMappingURL=Select.stories.d.ts.map

package/dist/components/form/Select.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select.stories.d.ts","sourceRoot":"","sources":["../../../src/components/form/Select.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,IAAI,EAAE,IAQX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,QAAA,MAAM,OAAO,EAAE,KASd,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/form/Select.stories.js

@@ -1,30 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Primary = void 0;
-const react_1 = __importDefault(require("react"));
-const Select_1 = require("./Select");
-const meta = {
-    title: "Components/Form/Select",
-    component: Select_1.Select,
-    tags: ["autodocs", "form"],
-    argTypes: {
-        error: { type: "boolean" },
-        disabled: { type: "boolean" },
-    },
-};
-const Primary = {
-    args: {
-        children: [
-            react_1.default.createElement("option", { key: "1", value: "1" }, "First"),
-            react_1.default.createElement("option", { key: "2", value: "2" }, "Second"),
-            react_1.default.createElement("option", { key: "3", value: "3" }, "Third"),
-        ],
-        disabled: false,
-    },
-};
-exports.Primary = Primary;
-exports.default = meta;
-//# sourceMappingURL=Select.stories.js.map

package/dist/components/form/Select.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select.stories.js","sourceRoot":"","sources":["../../../src/components/form/Select.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAI1B,qCAAkC;AAElC,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,eAAM;IACjB,IAAI,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE;QACN,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;QAC1B,QAAQ,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;KAChC;CACJ,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE;QACF,QAAQ,EAAE;YACN,0CAAQ,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,YAAgB;YAC5C,0CAAQ,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,aAAiB;YAC7C,0CAAQ,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,YAAgB;SAC/C;QACD,QAAQ,EAAE,KAAK;KAClB;CACJ,CAAC;AAGE,0BAAO;AAGX,kBAAe,IAAI,CAAC"}

package/dist/components/form/Toggle.module.scss

@@ -1,55 +0,0 @@
-.container {
-    --ratio-dimensions: 2.5;
-
-    display: inline-flex;
-    align-items: center;
-    border: 1px solid #ccc;
-    border-radius: 100px;
-    position: relative;
-    line-height: 0;
-    width: calc(110px / var(--ratio-dimensions));
-    height: calc(62px / var(--ratio-dimensions));
-    padding-left: calc(8px / var(--ratio-dimensions));
-    box-sizing: border-box;
-
-    input {
-        position: absolute;
-        width: 0;
-        height: 0;
-        overflow: hidden;
-        visibility: hidden;
-
-        &:not(:checked) + .toggle {
-            transform: translateX(0);
-            background: var(--toggle-handle-bg);
-            border-color: var(--toggle-handle-border);
-        }
-
-        &[data-undetermined=true] + .toggle {
-            transform: translateX(calc(24px / var(--ratio-dimensions)));
-            background: var(--toggle-handle-border);
-            border-color: var(--toggle-handle-border);
-        }
-
-        &:disabled:checked + .toggle {
-            border-color: var(--toggle-handle-border-disabled);
-            background: var(--toggle-handle-bg-disabled);
-        }
-    }
-}
-
-.disabled {
-    background: var(--toggle-bg-disabled);
-}
-
-.toggle {
-    box-sizing: border-box;
-    border-radius: 100px;
-    display: inline-block;
-    width: calc(44px / var(--ratio-dimensions));
-    height: calc(44px / var(--ratio-dimensions));
-    border: calc(1px / var(--ratio-border)) solid var(--orange1-darker);
-    background: var(--orange1);
-    transition: transform 200ms, background-color 200ms, border-color 200ms;
-    transform: translateX(calc(48px / var(--ratio-dimensions)));
-}

package/dist/components/form/choice/Choice.module.scss

@@ -1,56 +0,0 @@
-.choice {
-    input {
-        width: 0;
-        height: 0;
-        overflow: hidden;
-        opacity: 0;
-        margin: 0;
-        position: absolute;
-
-        &:checked + span {
-            color: var(--choice-active-text);
-            background: var(--choice-active-bg);
-        }
-    }
-
-    span {
-        display: flex;
-        padding: 0 1em;
-        flex: 1;
-        height: 100%;
-        align-items: center;
-        justify-content: center;
-        font-size: calc(24px / var(--ratio-font));
-        color: var(--choice-text);
-        background: var(--choice-bg);
-        white-space: nowrap;
-    }
-
-    display: flex;
-    border: 1px solid var(--choice-border); // @TODO width
-    position: relative;
-    border-radius: 8px;
-    overflow: hidden;
-    width: max-content;
-    margin-left: auto;
-    margin-right: auto;
-
-    label {
-        flex: 1;
-        height: calc(89px / var(--ratio-dimensions));
-        display: flex;
-
-        + label {
-            border-left: 1px solid var(--choice-border);
-        }
-    }
-}
-
-.wide {
-    width: 100%;
-}
-
-.left {
-    margin-left: unset;
-    margin-right: unset;
-}

package/dist/components/form/input/Input.stories.d.ts

@@ -1,9 +0,0 @@
-import type { StoryObj, Meta } from "@storybook/react";
-import { Input } from "./Input";
-declare const meta: Meta<typeof Input>;
-type Story = StoryObj<typeof Input>;
-declare const Primary: Story;
-declare const Mixed: Story;
-export { Primary, Mixed, };
-export default meta;
-//# sourceMappingURL=Input.stories.d.ts.map

package/dist/components/form/input/Input.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/form/input/Input.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAKvD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAY5B,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEpC,QAAA,MAAM,OAAO,EAAE,KAMd,CAAC;AAMF,QAAA,MAAM,KAAK,EAAE,KAeZ,CAAC;AAEF,OAAO,EACH,OAAO,EAAE,KAAK,GACjB,CAAC;AAEF,eAAe,IAAI,CAAC"}