react-miui 0.27.11 → 0.28.0

package/dist/components/form/Toggle.js

@@ -32,30 +32,35 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Toggle = void 0;
 const react_1 = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-const Toggle_module_scss_1 = __importDefault(require("./Toggle.module.scss"));
+const Toggle_styled_1 = require("./Toggle.styled");
 const Toggle = (props) => {
+    const { onChange, onContextMenu, undeterminedClickValue, disabled, value } = props, rest = __rest(props, ["onChange", "onContextMenu", "undeterminedClickValue", "disabled", "value"]);
     const handleChange = (0, react_1.useCallback)((e) => {
-        if (props.value == null) {
-            if (typeof props.undeterminedClickValue === "boolean") {
-                props.onChange(props.undeterminedClickValue);
+        if (value == null) {
+            if (typeof undeterminedClickValue === "boolean") {
+                onChange(undeterminedClickValue);
             }
             return;
         }
-        props.onChange(e.target.checked);
-    }, [props.onChange, props.value]);
-    const cls = (0, classnames_1.default)(props.className, Toggle_module_scss_1.default.container, {
-        [Toggle_module_scss_1.default.disabled]: props.disabled,
-    });
-    return (react_1.default.createElement("label", { className: cls, onContextMenu: props.onContextMenu },
-        react_1.default.createElement("input", { type: "checkbox", checked: Boolean(props.value), "data-undetermined": props.value == null, readOnly: props.value == null, disabled: props.disabled, onChange: handleChange }),
-        react_1.default.createElement("div", { className: Toggle_module_scss_1.default.toggle })));
+        onChange(e.target.checked);
+    }, [onChange, value, undeterminedClickValue]);
+    return (react_1.default.createElement(Toggle_styled_1.StyledContainer, Object.assign({}, rest, { disabled: Boolean(disabled), onContextMenu: onContextMenu }),
+        react_1.default.createElement("input", { type: "checkbox", checked: Boolean(value), "data-undetermined": value == null, readOnly: value == null, disabled: disabled, onChange: handleChange }),
+        react_1.default.createElement(Toggle_styled_1.StyledToggle, null)));
 };
 exports.Toggle = Toggle;
 //# sourceMappingURL=Toggle.js.map

package/dist/components/form/Toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../../src/components/form/Toggle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,+CAA2C;AAE3C,4DAAoC;AAEpC,8EAA0C;AAW1C,MAAM,MAAM,GAAoB,CAAC,KAAK,EAAE,EAAE;IACtC,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,CAAC,CAAgC,EAAE,EAAE;QAClE,IAAI,KAAK,CAAC,KAAK,IAAI,IAAI,EAAE,CAAC;YACtB,IAAI,OAAO,KAAK,CAAC,sBAAsB,KAAK,SAAS,EAAE,CAAC;gBACpD,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,sBAAsB,CAAC,CAAC;YACjD,CAAC;YACD,OAAO;QACX,CAAC;QACD,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAElC,MAAM,GAAG,GAAG,IAAA,oBAAU,EAAC,KAAK,CAAC,SAAS,EAAE,4BAAM,CAAC,SAAS,EAAE;QACtD,CAAC,4BAAM,CAAC,QAAkB,CAAC,EAAE,KAAK,CAAC,QAAQ;KAC9C,CAAC,CAAC;IAEH,OAAO,CACH,yCAAO,SAAS,EAAE,GAAG,EAAE,aAAa,EAAE,KAAK,CAAC,aAAa;QACrD,yCACI,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,uBACV,KAAK,CAAC,KAAK,IAAI,IAAI,EACtC,QAAQ,EAAE,KAAK,CAAC,KAAK,IAAI,IAAI,EAC7B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,QAAQ,EAAE,YAAY,GACxB;QACF,uCAAK,SAAS,EAAE,4BAAM,CAAC,MAAM,GAAI,CAC7B,CACX,CAAC;AACN,CAAC,CAAC;AAEO,wBAAM"}
+{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../../src/components/form/Toggle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,+CAA2C;AAE3C,mDAAgE;AAmBhE,MAAM,MAAM,GAAoB,CAAC,KAAK,EAAE,EAAE;IACtC,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,sBAAsB,EAAE,QAAQ,EAAE,KAAK,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAArF,4EAA6E,CAAQ,CAAC;IAE5F,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,CAAC,CAAgC,EAAE,EAAE;QAClE,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;YAChB,IAAI,OAAO,sBAAsB,KAAK,SAAS,EAAE,CAAC;gBAC9C,QAAQ,CAAC,sBAAsB,CAAC,CAAC;YACrC,CAAC;YACD,OAAO;QACX,CAAC;QACD,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IAC/B,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,EAAE,sBAAsB,CAAC,CAAC,CAAC;IAE9C,OAAO,CACH,8BAAC,+BAAe,oBACR,IAAI,IACR,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,EAC3B,aAAa,EAAE,aAAa;QAE5B,yCACI,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,uBACJ,KAAK,IAAI,IAAI,EAChC,QAAQ,EAAE,KAAK,IAAI,IAAI,EACvB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,YAAY,GACxB;QACF,8BAAC,4BAAY,OAAG,CACF,CACrB,CAAC;AACN,CAAC,CAAC;AAEO,wBAAM"}

package/dist/components/form/Toggle.styled.d.ts

@@ -0,0 +1,170 @@
+declare const StyledToggle: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {}, import("@stitches/react/types/css-util").CSS<{}, {
+    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";
+        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";
+    };
+}, import("@stitches/react/types/config").DefaultThemeMap, {
+    mx: (value: string | number) => {
+        marginLeft: string | number;
+        marginRight: string | number;
+    };
+    my: (value: string | number) => {
+        marginTop: string | number;
+        marginBottom: string | number;
+    };
+    px: (value: string | number) => {
+        paddingLeft: string | number;
+        paddingRight: string | number;
+    };
+    py: (value: string | number) => {
+        paddingTop: string | number;
+        paddingBottom: string | number;
+    };
+    size: (value: string | number) => {
+        width: string | number;
+        height: string | number;
+    };
+}>>;
+declare const StyledContainer: import("@stitches/react/types/styled-component").StyledComponent<"label", {
+    disabled?: boolean | "true";
+}, {}, import("@stitches/react/types/css-util").CSS<{}, {
+    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";
+        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";
+    };
+}, import("@stitches/react/types/config").DefaultThemeMap, {
+    mx: (value: string | number) => {
+        marginLeft: string | number;
+        marginRight: string | number;
+    };
+    my: (value: string | number) => {
+        marginTop: string | number;
+        marginBottom: string | number;
+    };
+    px: (value: string | number) => {
+        paddingLeft: string | number;
+        paddingRight: string | number;
+    };
+    py: (value: string | number) => {
+        paddingTop: string | number;
+        paddingBottom: string | number;
+    };
+    size: (value: string | number) => {
+        width: string | number;
+        height: string | number;
+    };
+}>>;
+export { StyledContainer, StyledToggle, };
+//# sourceMappingURL=Toggle.styled.d.ts.map

package/dist/components/form/Toggle.styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.styled.d.ts","sourceRoot":"","sources":["../../../src/components/form/Toggle.styled.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAUhB,CAAC;AAEH,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4CnB,CAAC;AAEH,OAAO,EACH,eAAe,EACf,YAAY,GACf,CAAC"}

package/dist/components/form/Toggle.styled.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledToggle = exports.StyledContainer = void 0;
+const theme_1 = require("../../theme");
+const StyledToggle = (0, theme_1.styled)("div", {
+    boxSizing: "border-box",
+    borderRadius: "100px",
+    display: "inline-block",
+    width: (0, theme_1.dimensionsPxToRem)(44),
+    height: (0, theme_1.dimensionsPxToRem)(44),
+    border: `${(0, theme_1.borderPxToRem)(1)} solid $orange1Darker`,
+    background: "$orange1",
+    transition: "transform 200ms, background-color 200ms, border-color 200ms",
+    transform: `translateX(${(0, theme_1.dimensionsPxToRem)(48)})`,
+});
+exports.StyledToggle = StyledToggle;
+const StyledContainer = (0, theme_1.styled)("label", {
+    "display": "inline-flex",
+    "alignItems": "center",
+    "border": "1px solid #ccc",
+    "borderRadius": "100px",
+    "position": "relative",
+    "lineHeight": 0,
+    "width": (0, theme_1.dimensionsPxToRem)(110),
+    "height": (0, theme_1.dimensionsPxToRem)(62),
+    "paddingLeft": (0, theme_1.dimensionsPxToRem)(8),
+    "boxSizing": "border-box",
+    "& input": {
+        position: "absolute",
+        width: 0,
+        height: 0,
+        overflow: "hidden",
+        visibility: "hidden",
+        [`&:not(:checked) + ${StyledToggle.toString()}`]: {
+            transform: "translateX(0)",
+            background: "$toggleHandleBg",
+            borderColor: "$toggleHandleBorder",
+        },
+        [`&[data-undetermined=true] + ${StyledToggle.toString()}`]: {
+            transform: `translateX(${(0, theme_1.dimensionsPxToRem)(24)})`,
+            background: "$toggleHandleBorder",
+            borderColor: "$toggleHandleBorder",
+        },
+        [`&:disabled:checked + ${StyledToggle.toString()}`]: {
+            borderColor: "$toggleHandleBorderDisabled",
+            background: "$toggleHandleBgDisabled",
+        },
+    },
+    "variants": {
+        disabled: {
+            true: {
+                background: "$toggleBgDisabled",
+            },
+        },
+    },
+});
+exports.StyledContainer = StyledContainer;
+//# sourceMappingURL=Toggle.styled.js.map

package/dist/components/form/Toggle.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toggle.styled.js","sourceRoot":"","sources":["../../../src/components/form/Toggle.styled.ts"],"names":[],"mappings":";;;AAAA,uCAAuE;AAEvE,MAAM,YAAY,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE;IAC/B,SAAS,EAAE,YAAY;IACvB,YAAY,EAAE,OAAO;IACrB,OAAO,EAAE,cAAc;IACvB,KAAK,EAAE,IAAA,yBAAiB,EAAC,EAAE,CAAC;IAC5B,MAAM,EAAE,IAAA,yBAAiB,EAAC,EAAE,CAAC;IAC7B,MAAM,EAAE,GAAG,IAAA,qBAAa,EAAC,CAAC,CAAC,uBAAuB;IAClD,UAAU,EAAE,UAAU;IACtB,UAAU,EAAE,6DAA6D;IACzE,SAAS,EAAE,cAAc,IAAA,yBAAiB,EAAC,EAAE,CAAC,GAAG;CACpD,CAAC,CAAC;AAkDC,oCAAY;AAhDhB,MAAM,eAAe,GAAG,IAAA,cAAM,EAAC,OAAO,EAAE;IACpC,SAAS,EAAE,aAAa;IACxB,YAAY,EAAE,QAAQ;IACtB,QAAQ,EAAE,gBAAgB;IAC1B,cAAc,EAAE,OAAO;IACvB,UAAU,EAAE,UAAU;IACtB,YAAY,EAAE,CAAC;IACf,OAAO,EAAE,IAAA,yBAAiB,EAAC,GAAG,CAAC;IAC/B,QAAQ,EAAE,IAAA,yBAAiB,EAAC,EAAE,CAAC;IAC/B,aAAa,EAAE,IAAA,yBAAiB,EAAC,CAAC,CAAC;IACnC,WAAW,EAAE,YAAY;IAEzB,SAAS,EAAE;QACP,QAAQ,EAAE,UAAU;QACpB,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;QACT,QAAQ,EAAE,QAAQ;QAClB,UAAU,EAAE,QAAQ;QAEpB,CAAC,qBAAqB,YAAY,CAAC,QAAQ,EAAE,EAAE,CAAC,EAAE;YAC9C,SAAS,EAAE,eAAe;YAC1B,UAAU,EAAE,iBAAiB;YAC7B,WAAW,EAAE,qBAAqB;SACrC;QAED,CAAC,+BAA+B,YAAY,CAAC,QAAQ,EAAE,EAAE,CAAC,EAAE;YACxD,SAAS,EAAE,cAAc,IAAA,yBAAiB,EAAC,EAAE,CAAC,GAAG;YACjD,UAAU,EAAE,qBAAqB;YACjC,WAAW,EAAE,qBAAqB;SACrC;QAED,CAAC,wBAAwB,YAAY,CAAC,QAAQ,EAAE,EAAE,CAAC,EAAE;YACjD,WAAW,EAAE,6BAA6B;YAC1C,UAAU,EAAE,yBAAyB;SACxC;KACJ;IAED,UAAU,EAAE;QACR,QAAQ,EAAE;YACN,IAAI,EAAE;gBACF,UAAU,EAAE,mBAAmB;aAClC;SACJ;KACJ;CACJ,CAAC,CAAC;AAGC,0CAAe"}

package/dist/components/form/choice/Choice.d.ts

@@ -1,15 +1,16 @@
 import React from "react";
 import type { ObjectValue, Value } from "../../../types/form";
+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[];
-}
-declare const Choice: <T extends string>(props: Props<T>) => ReturnType<React.FC<Props<T>>>;
+};
+declare const Choice: <T extends string>({ value, values, name, onChange, ...props }: Props<T>) => ReturnType<React.FC<Props<T>>>;
 export { Choice };
 export type { Props as ChoiceProps, };
 //# sourceMappingURL=Choice.d.ts.map

package/dist/components/form/choice/Choice.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Choice.d.ts","sourceRoot":"","sources":["../../../../src/components/form/choice/Choice.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAQ9D,KAAK,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAE/B,UAAU,KAAK,CAAC,CAAC,SAAS,MAAM;IAC5B,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,KAAK,IAAI,CAAC;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,EAAE,CAAC;CACjC;AAKD,QAAA,MAAM,MAAM,GAAI,CAAC,SAAS,MAAM,EAAE,OAAO,KAAK,CAAC,CAAC,CAAC,KAAG,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAuBhF,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC;AAElB,YAAY,EACR,KAAK,IAAI,WAAW,GACvB,CAAC"}
+{"version":3,"file":"Choice.d.ts","sourceRoot":"","sources":["../../../../src/components/form/choice/Choice.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAK9D,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,KAAK,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;AAE/B,KAAK,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC;AAE7D,KAAK,KAAK,CAAC,CAAC,SAAS,MAAM,IAAI,IAAI,CAAC,WAAW,EAAE,UAAU,CAAC,GAAG;IAC3D,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,KAAK,IAAI,CAAC;IAC1D,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,EAAE,CAAC;CACjC,CAAC;AAIF,QAAA,MAAM,MAAM,GAAI,CAAC,SAAS,MAAM,EAAE,6CAG/B,KAAK,CAAC,CAAC,CAAC,KAAG,UAAU,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAmB1C,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC;AAElB,YAAY,EACR,KAAK,IAAI,WAAW,GACvB,CAAC"}

package/dist/components/form/choice/Choice.js

@@ -1,22 +1,31 @@
 "use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Choice = void 0;
 const react_1 = __importDefault(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
 const index_1 = require("../../../utils/index");
 const ChoiceItem_1 = require("./ChoiceItem");
-const Choice_module_scss_1 = __importDefault(require("./Choice.module.scss"));
-const Choice = (props) => {
-    const opts = props.values.map(option => {
+const Choice_styled_1 = require("./Choice.styled");
+const Choice = (_a) => {
+    var { value, values, name, onChange } = _a, props = __rest(_a, ["value", "values", "name", "onChange"]);
+    const opts = values.map(option => {
         const opt = (0, index_1.toObjectValue)(option);
-        return (react_1.default.createElement(ChoiceItem_1.ChoiceItem, { key: opt.value, name: props.name, value: opt, onChange: props.onChange, active: props.value === opt.value }));
+        return (react_1.default.createElement(ChoiceItem_1.ChoiceItem, { key: opt.value, name: name, value: opt, onChange: onChange, active: value === opt.value }));
     });
-    const v = (0, index_1.makeVariants)(props.variant);
-    const cls = (0, classnames_1.default)(Choice_module_scss_1.default.choice, props.className, { [Choice_module_scss_1.default.wide]: v.includes("wide") }, { [Choice_module_scss_1.default.left]: v.includes("left") });
-    return react_1.default.createElement("div", { className: cls }, opts);
+    return (react_1.default.createElement(Choice_styled_1.StyledChoice, Object.assign({}, props), opts));
 };
 exports.Choice = Choice;
 //# sourceMappingURL=Choice.js.map

package/dist/components/form/choice/Choice.js.map

@@ -1 +1 @@
-{"version":3,"file":"Choice.js","sourceRoot":"","sources":["../../../../src/components/form/choice/Choice.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,4DAAoC;AAIpC,gDAAmE;AAEnE,6CAA0C;AAE1C,8EAA0C;AAgB1C,MAAM,MAAM,GAAG,CAAmB,KAAe,EAAkC,EAAE;IACjF,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;QACnC,MAAM,GAAG,GAAG,IAAA,qBAAa,EAAC,MAAM,CAAC,CAAC;QAClC,OAAO,CACH,8BAAC,uBAAU,IACP,GAAG,EAAE,GAAG,CAAC,KAAK,EACd,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,MAAM,EAAE,KAAK,CAAC,KAAK,KAAK,GAAG,CAAC,KAAK,GACnC,CACL,CAAC;IACN,CAAC,CAAC,CAAC;IAEH,MAAM,CAAC,GAAG,IAAA,oBAAY,EAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAEtC,MAAM,GAAG,GAAG,IAAA,oBAAU,EAClB,4BAAM,CAAC,MAAM,EAAE,KAAK,CAAC,SAAS,EAC9B,EAAE,CAAC,4BAAM,CAAC,IAAc,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,EAC/C,EAAE,CAAC,4BAAM,CAAC,IAAc,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAClD,CAAC;IAEF,OAAO,uCAAK,SAAS,EAAE,GAAG,IAAG,IAAI,CAAO,CAAC;AAC7C,CAAC,CAAC;AAEO,wBAAM"}
+{"version":3,"file":"Choice.js","sourceRoot":"","sources":["../../../../src/components/form/choice/Choice.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAI1B,gDAAmE;AAEnE,6CAA0C;AAC1C,mDAA+C;AAgB/C,MAAM,MAAM,GAAG,CAAmB,EAGvB,EAAkC,EAAE;QAHb,EAE9B,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,OACtB,EAD2B,KAAK,cAFT,uCAGjC,CAD0C;IAEvC,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;QAC7B,MAAM,GAAG,GAAG,IAAA,qBAAa,EAAC,MAAM,CAAC,CAAC;QAClC,OAAO,CACH,8BAAC,uBAAU,IACP,GAAG,EAAE,GAAG,CAAC,KAAK,EACd,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,GAAG,EACV,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,KAAK,KAAK,GAAG,CAAC,KAAK,GAC7B,CACL,CAAC;IACN,CAAC,CAAC,CAAC;IAEH,OAAO,CACH,8BAAC,4BAAY,oBAAK,KAAK,GAClB,IAAI,CACM,CAClB,CAAC;AACN,CAAC,CAAC;AAEO,wBAAM"}

package/dist/components/form/choice/Choice.styled.d.ts

@@ -0,0 +1,88 @@
+declare const StyledChoice: import("@stitches/react/types/styled-component").StyledComponent<"div", {
+    wide?: boolean | "true";
+    unaligned?: boolean | "true";
+}, {}, import("@stitches/react/types/css-util").CSS<{}, {
+    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";
+        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";
+    };
+}, import("@stitches/react/types/config").DefaultThemeMap, {
+    mx: (value: string | number) => {
+        marginLeft: string | number;
+        marginRight: string | number;
+    };
+    my: (value: string | number) => {
+        marginTop: string | number;
+        marginBottom: string | number;
+    };
+    px: (value: string | number) => {
+        paddingLeft: string | number;
+        paddingRight: string | number;
+    };
+    py: (value: string | number) => {
+        paddingTop: string | number;
+        paddingBottom: string | number;
+    };
+    size: (value: string | number) => {
+        width: string | number;
+        height: string | number;
+    };
+}>>;
+export { StyledChoice, };
+//# sourceMappingURL=Choice.styled.d.ts.map

package/dist/components/form/choice/Choice.styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Choice.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/form/choice/Choice.styled.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkEhB,CAAC;AAEH,OAAO,EACH,YAAY,GACf,CAAC"}

package/dist/components/form/choice/Choice.styled.js

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledChoice = void 0;
+const theme_1 = require("../../../theme");
+const StyledChoice = (0, theme_1.styled)("div", {
+    "--choice-bg": "$colors$choiceBg",
+    "--choice-text": "$colors$choiceText",
+    "--choice-active-bg": "$colors$choiceActiveBg",
+    "--choice-active-text": "$colors$choiceActiveText",
+    "--choice-border": "$colors$choiceBorder",
+    "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%",
+        alignItems: "center",
+        justifyContent: "center",
+        fontSize: (0, theme_1.fontPxToRem)(24),
+        color: "var(--choice-text)",
+        background: "var(--choice-bg)",
+        whiteSpace: "nowrap",
+    },
+    "display": "flex",
+    "border": "1px solid var(--choice-border)",
+    "position": "relative",
+    "borderRadius": "8px",
+    "overflow": "hidden",
+    "width": "max-content",
+    "marginLeft": "auto",
+    "marginRight": "auto",
+    "label": {
+        "flex": 1,
+        "height": (0, theme_1.dimensionsPxToRem)(89),
+        "display": "flex",
+        "+ label": {
+            borderLeft: "1px solid var(--choice-border)",
+        },
+    },
+    "variants": {
+        wide: {
+            true: {
+                width: "100%",
+            },
+        },
+        unaligned: {
+            true: {
+                marginLeft: "unset",
+                marginRight: "unset",
+            },
+        },
+    },
+});
+exports.StyledChoice = StyledChoice;
+//# sourceMappingURL=Choice.styled.js.map

package/dist/components/form/choice/Choice.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Choice.styled.js","sourceRoot":"","sources":["../../../../src/components/form/choice/Choice.styled.ts"],"names":[],"mappings":";;;AAAA,0CAAwE;AAExE,MAAM,YAAY,GAAG,IAAA,cAAM,EAAC,KAAK,EAAE;IAC/B,aAAa,EAAE,kBAAkB;IACjC,eAAe,EAAE,oBAAoB;IACrC,oBAAoB,EAAE,wBAAwB;IAC9C,sBAAsB,EAAE,0BAA0B;IAClD,iBAAiB,EAAE,sBAAsB;IAEzC,OAAO,EAAE;QACL,OAAO,EAAE,CAAC;QACV,QAAQ,EAAE,CAAC;QACX,UAAU,EAAE,QAAQ;QACpB,SAAS,EAAE,CAAC;QACZ,QAAQ,EAAE,CAAC;QACX,UAAU,EAAE,UAAU;QAEtB,kBAAkB,EAAE;YAChB,KAAK,EAAE,2BAA2B;YAClC,UAAU,EAAE,yBAAyB;SACxC;KACJ;IAED,MAAM,EAAE;QACJ,OAAO,EAAE,MAAM;QACf,OAAO,EAAE,OAAO;QAChB,IAAI,EAAE,CAAC;QACP,MAAM,EAAE,MAAM;QACd,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,QAAQ;QACxB,QAAQ,EAAE,IAAA,mBAAW,EAAC,EAAE,CAAC;QACzB,KAAK,EAAE,oBAAoB;QAC3B,UAAU,EAAE,kBAAkB;QAC9B,UAAU,EAAE,QAAQ;KACvB;IAED,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE,gCAAgC;IAC1C,UAAU,EAAE,UAAU;IACtB,cAAc,EAAE,KAAK;IACrB,UAAU,EAAE,QAAQ;IACpB,OAAO,EAAE,aAAa;IACtB,YAAY,EAAE,MAAM;IACpB,aAAa,EAAE,MAAM;IAErB,OAAO,EAAE;QACL,MAAM,EAAE,CAAC;QACT,QAAQ,EAAE,IAAA,yBAAiB,EAAC,EAAE,CAAC;QAC/B,SAAS,EAAE,MAAM;QAEjB,SAAS,EAAE;YACP,UAAU,EAAE,gCAAgC;SAC/C;KACJ;IAED,UAAU,EAAE;QACR,IAAI,EAAE;YACF,IAAI,EAAE;gBACF,KAAK,EAAE,MAAM;aAChB;SACJ;QACD,SAAS,EAAE;YACP,IAAI,EAAE;gBACF,UAAU,EAAE,OAAO;gBACnB,WAAW,EAAE,OAAO;aACvB;SACJ;KACJ;CACJ,CAAC,CAAC;AAGC,oCAAY"}

package/dist/components/layout/header/Header.styled.d.ts

@@ -249,7 +249,7 @@ declare const After: import("@stitches/react/types/styled-component").StyledComp
 }>>;
 declare const StyledHeader: import("@stitches/react/types/styled-component").StyledComponent<"div", {
     variant?: "toolbar" | "colored";
-    position?: "left" | "bottom" | "right" | "top";
+    position?: "bottom" | "left" | "right" | "top";
     center?: boolean | "true";
 }, {}, import("@stitches/react/types/css-util").CSS<{}, {
     colors: {

package/dist/components/layout/header/StickyHeader.d.ts

@@ -8,7 +8,7 @@ interface Props {
 declare const StickyHeader: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>> & {
     displayName: string;
     Content: import("@stitches/react/types/styled-component").StyledComponent<"div", {
-        position?: "left" | "bottom" | "right" | "top";
+        position?: "bottom" | "left" | "right" | "top";
     }, {}, import("@stitches/react/types/css-util").CSS<{}, {
         colors: {
             background: "white";

package/dist/components/layout/header/StickyHeader.styled.d.ts

@@ -1,5 +1,5 @@
 declare const StyledStickyHeader: import("@stitches/react/types/styled-component").StyledComponent<"div", {
-    position?: "left" | "bottom" | "right" | "top";
+    position?: "bottom" | "left" | "right" | "top";
 }, {}, import("@stitches/react/types/css-util").CSS<{}, {
     colors: {
         background: "white";
@@ -84,7 +84,7 @@ declare const StyledStickyHeader: import("@stitches/react/types/styled-component
     };
 }>>;
 declare const Content: import("@stitches/react/types/styled-component").StyledComponent<"div", {
-    position?: "left" | "bottom" | "right" | "top";
+    position?: "bottom" | "left" | "right" | "top";
 }, {}, import("@stitches/react/types/css-util").CSS<{}, {
     colors: {
         background: "white";

package/dist/components/utils/colors.d.ts

@@ -0,0 +1,4 @@
+declare const contrastColor: (hex: string) => "#000000" | "#FFFFFF";
+declare const invertColor: (hex: string) => string;
+export { contrastColor, invertColor, };
+//# sourceMappingURL=colors.d.ts.map

package/dist/components/utils/colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../src/components/utils/colors.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,aAAa,GAAI,KAAK,MAAM,0BAOjC,CAAC;AAEF,QAAA,MAAM,WAAW,GAAI,KAAK,MAAM,WAK/B,CAAC;AAEF,OAAO,EACH,aAAa,EACb,WAAW,GACd,CAAC"}

package/dist/components/utils/colors.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.invertColor = exports.contrastColor = void 0;
+const contrastColor = (hex) => {
+    const r = parseInt(hex.substring(1, 3), 16);
+    const g = parseInt(hex.substring(3, 5), 16);
+    const b = parseInt(hex.substring(5, 7), 16);
+    const brightness = (r * 299 + g * 587 + b * 114) / 1000;
+    return brightness > 128 ? "#000000" : "#FFFFFF";
+};
+exports.contrastColor = contrastColor;
+const invertColor = (hex) => {
+    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("");
+};
+exports.invertColor = invertColor;
+//# sourceMappingURL=colors.js.map

package/dist/components/utils/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../../src/components/utils/colors.ts"],"names":[],"mappings":";;;AAEA,MAAM,aAAa,GAAG,CAAC,GAAW,EAAE,EAAE;IAClC,MAAM,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAC5C,MAAM,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAC5C,MAAM,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAE5C,MAAM,UAAU,GAAG,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC;IACxD,OAAO,UAAU,GAAG,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;AACpD,CAAC,CAAC;AAUE,sCAAa;AARjB,MAAM,WAAW,GAAG,CAAC,GAAW,EAAE,EAAE;IAChC,MAAM,CAAC,GAAG,GAAG,GAAG,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAClD,MAAM,CAAC,GAAG,GAAG,GAAG,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAClD,MAAM,CAAC,GAAG,GAAG,GAAG,QAAQ,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAClD,OAAO,GAAG,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9E,CAAC,CAAC;AAIE,kCAAW"}

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 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/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qCAAqC,CAAC;AACpD,cAAc,0BAA0B,CAAC;AAEzC,cAAc,yBAAyB,CAAC;AAExC,cAAc,yBAAyB,CAAC;AAExC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,yCAAyC,CAAC;AACxD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6CAA6C,CAAC;AAC5D,cAAc,qCAAqC,CAAC;AACpD,cAAc,iCAAiC,CAAC;AAEhD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qCAAqC,CAAC;AACpD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,kCAAkC,CAAC;AACjD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uCAAuC,CAAC;AACtD,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,kCAAkC,CAAC;AACjD,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oCAAoC,CAAC;AACnD,cAAc,mCAAmC,CAAC;AAClD,cAAc,yBAAyB,CAAC;AACxC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC;AAChD,cAAc,uCAAuC,CAAC;AAEtD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAE1C,cAAc,kBAAkB,CAAC;AAEjC,YAAY,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qCAAqC,CAAC;AACpD,cAAc,0BAA0B,CAAC;AAEzC,cAAc,yBAAyB,CAAC;AAExC,cAAc,yBAAyB,CAAC;AAExC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,6CAA6C,CAAC;AAC5D,cAAc,yCAAyC,CAAC;AACxD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6CAA6C,CAAC;AAC5D,cAAc,qCAAqC,CAAC;AACpD,cAAc,iCAAiC,CAAC;AAEhD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,qCAAqC,CAAC;AACpD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,kCAAkC,CAAC;AACjD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uCAAuC,CAAC;AACtD,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,kCAAkC,CAAC;AACjD,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oCAAoC,CAAC;AACnD,cAAc,mCAAmC,CAAC;AAClD,cAAc,yBAAyB,CAAC;AACxC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC;AAChD,cAAc,uCAAuC,CAAC;AAEtD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAE1C,cAAc,kBAAkB,CAAC;AAEjC,YAAY,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/index.js

@@ -17,6 +17,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.cssReset = void 0;
 __exportStar(require("./components/form/choice/Choice"), exports);
 __exportStar(require("./components/form/Checkbox"), exports);
+__exportStar(require("./components/form/ColorPicker"), exports);
 __exportStar(require("./components/form/Label"), exports);
 __exportStar(require("./components/form/Select"), exports);
 __exportStar(require("./components/form/textarea/TextArea"), exports);