react-miui 0.19.0 → 0.20.1

package/esm/components/form/input/Input.styled.d.ts

@@ -1,5 +1,281 @@
-declare const InputStyled: import("@stitches/react/types/styled-component.js").StyledComponent<"input", {}, {}, import("@stitches/react/types/css-util.js").CSS<{}, {
-    colors: unknown;
+declare const StyledInput: import("@stitches/react/types/styled-component.js").StyledComponent<"input", {}, {}, import("@stitches/react/types/css-util.js").CSS<{}, {
+    colors: {
+        background: string;
+        mainColor: string;
+        mainColorAlt: string;
+        activeBg: string;
+        inactiveBg: string;
+        inactiveDarkBg: string;
+        toggleHandleBg: string;
+        toggleHandleBorder: string;
+        toggleBgDisabled: string;
+        toggleHandleBorderDisabled: string;
+        toggleHandleBgDisabled: string;
+        icon: string;
+        border: string;
+        buttonBorder: string;
+        headerBorder: string;
+        headerBg: string;
+        headerText: string;
+        text: string;
+        sub: string;
+        popText: string;
+        toolbarBorder: string;
+        toolbarBg: string;
+        modalBg: string;
+        modalButtonBg: string;
+        modalButtonBorder: string;
+        inputDisabledBg: string;
+        inputDisabledText: string;
+        choiceBg: string;
+        choiceText: string;
+        choiceActiveBg: string;
+        choiceActiveText: string;
+        choiceBorder: string;
+        selectorText: string;
+        selectorActive: string;
+        blue1: string;
+        blue2: string;
+        blue3: string;
+        orange1: string;
+        orange1Darker: string;
+        purple1: string;
+        green1: string;
+        green1Darker: string;
+        pink1: string;
+        red1: string;
+        yellow1: string;
+        yellow2: string;
+        yellow3: string;
+        pinky1: string;
+        pinky2: string;
+        pinky3: string;
+        grey1: string;
+        focusColor: string;
+        scrollbarsThumb: string;
+        scrollbarsBg: string;
+        tableStripedBg: string;
+    };
+}, import("@stitches/react/types/config.js").DefaultThemeMap, {
+    mx: (value: string) => {
+        marginLeft: string;
+        marginRight: string;
+    };
+    my: (value: string) => {
+        marginTop: string;
+        marginBottom: string;
+    };
+    size: (value: string) => {
+        width: string;
+        height: string;
+    };
+}>>;
+declare const StyledWrapper: import("@stitches/react/types/styled-component.js").StyledComponent<"div", {
+    disabled?: boolean | "true";
+    readOnly?: boolean | "true";
+    focused?: boolean | "true";
+}, {}, import("@stitches/react/types/css-util.js").CSS<{}, {
+    colors: {
+        background: string;
+        mainColor: string;
+        mainColorAlt: string;
+        activeBg: string;
+        inactiveBg: string;
+        inactiveDarkBg: string;
+        toggleHandleBg: string;
+        toggleHandleBorder: string;
+        toggleBgDisabled: string;
+        toggleHandleBorderDisabled: string;
+        toggleHandleBgDisabled: string;
+        icon: string;
+        border: string;
+        buttonBorder: string;
+        headerBorder: string;
+        headerBg: string;
+        headerText: string;
+        text: string;
+        sub: string;
+        popText: string;
+        toolbarBorder: string;
+        toolbarBg: string;
+        modalBg: string;
+        modalButtonBg: string;
+        modalButtonBorder: string;
+        inputDisabledBg: string;
+        inputDisabledText: string;
+        choiceBg: string;
+        choiceText: string;
+        choiceActiveBg: string;
+        choiceActiveText: string;
+        choiceBorder: string;
+        selectorText: string;
+        selectorActive: string;
+        blue1: string;
+        blue2: string;
+        blue3: string;
+        orange1: string;
+        orange1Darker: string;
+        purple1: string;
+        green1: string;
+        green1Darker: string;
+        pink1: string;
+        red1: string;
+        yellow1: string;
+        yellow2: string;
+        yellow3: string;
+        pinky1: string;
+        pinky2: string;
+        pinky3: string;
+        grey1: string;
+        focusColor: string;
+        scrollbarsThumb: string;
+        scrollbarsBg: string;
+        tableStripedBg: string;
+    };
+}, import("@stitches/react/types/config.js").DefaultThemeMap, {
+    mx: (value: string) => {
+        marginLeft: string;
+        marginRight: string;
+    };
+    my: (value: string) => {
+        marginTop: string;
+        marginBottom: string;
+    };
+    size: (value: string) => {
+        width: string;
+        height: string;
+    };
+}>>;
+declare const StyledPrefix: import("@stitches/react/types/styled-component.js").StyledComponent<"div", {}, {}, import("@stitches/react/types/css-util.js").CSS<{}, {
+    colors: {
+        background: string;
+        mainColor: string;
+        mainColorAlt: string;
+        activeBg: string;
+        inactiveBg: string;
+        inactiveDarkBg: string;
+        toggleHandleBg: string;
+        toggleHandleBorder: string;
+        toggleBgDisabled: string;
+        toggleHandleBorderDisabled: string;
+        toggleHandleBgDisabled: string;
+        icon: string;
+        border: string;
+        buttonBorder: string;
+        headerBorder: string;
+        headerBg: string;
+        headerText: string;
+        text: string;
+        sub: string;
+        popText: string;
+        toolbarBorder: string;
+        toolbarBg: string;
+        modalBg: string;
+        modalButtonBg: string;
+        modalButtonBorder: string;
+        inputDisabledBg: string;
+        inputDisabledText: string;
+        choiceBg: string;
+        choiceText: string;
+        choiceActiveBg: string;
+        choiceActiveText: string;
+        choiceBorder: string;
+        selectorText: string;
+        selectorActive: string;
+        blue1: string;
+        blue2: string;
+        blue3: string;
+        orange1: string;
+        orange1Darker: string;
+        purple1: string;
+        green1: string;
+        green1Darker: string;
+        pink1: string;
+        red1: string;
+        yellow1: string;
+        yellow2: string;
+        yellow3: string;
+        pinky1: string;
+        pinky2: string;
+        pinky3: string;
+        grey1: string;
+        focusColor: string;
+        scrollbarsThumb: string;
+        scrollbarsBg: string;
+        tableStripedBg: string;
+    };
+}, import("@stitches/react/types/config.js").DefaultThemeMap, {
+    mx: (value: string) => {
+        marginLeft: string;
+        marginRight: string;
+    };
+    my: (value: string) => {
+        marginTop: string;
+        marginBottom: string;
+    };
+    size: (value: string) => {
+        width: string;
+        height: string;
+    };
+}>>;
+declare const StyledSuffix: import("@stitches/react/types/styled-component.js").StyledComponent<"div", {}, {}, import("@stitches/react/types/css-util.js").CSS<{}, {
+    colors: {
+        background: string;
+        mainColor: string;
+        mainColorAlt: string;
+        activeBg: string;
+        inactiveBg: string;
+        inactiveDarkBg: string;
+        toggleHandleBg: string;
+        toggleHandleBorder: string;
+        toggleBgDisabled: string;
+        toggleHandleBorderDisabled: string;
+        toggleHandleBgDisabled: string;
+        icon: string;
+        border: string;
+        buttonBorder: string;
+        headerBorder: string;
+        headerBg: string;
+        headerText: string;
+        text: string;
+        sub: string;
+        popText: string;
+        toolbarBorder: string;
+        toolbarBg: string;
+        modalBg: string;
+        modalButtonBg: string;
+        modalButtonBorder: string;
+        inputDisabledBg: string;
+        inputDisabledText: string;
+        choiceBg: string;
+        choiceText: string;
+        choiceActiveBg: string;
+        choiceActiveText: string;
+        choiceBorder: string;
+        selectorText: string;
+        selectorActive: string;
+        blue1: string;
+        blue2: string;
+        blue3: string;
+        orange1: string;
+        orange1Darker: string;
+        purple1: string;
+        green1: string;
+        green1Darker: string;
+        pink1: string;
+        red1: string;
+        yellow1: string;
+        yellow2: string;
+        yellow3: string;
+        pinky1: string;
+        pinky2: string;
+        pinky3: string;
+        grey1: string;
+        focusColor: string;
+        scrollbarsThumb: string;
+        scrollbarsBg: string;
+        tableStripedBg: string;
+    };
 }, import("@stitches/react/types/config.js").DefaultThemeMap, {
     mx: (value: string) => {
         marginLeft: string;
@@ -14,5 +290,5 @@ declare const InputStyled: import("@stitches/react/types/styled-component.js").S
         height: string;
     };
 }>>;
-export { InputStyled, };
+export { StyledInput, StyledWrapper, StyledPrefix, StyledSuffix, };
 //# sourceMappingURL=Input.styled.d.ts.map

package/esm/components/form/input/Input.styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Input.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/form/input/Input.styled.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;GAef,CAAC;AAEH,OAAO,EACH,WAAW,GACd,CAAC"}
+{"version":3,"file":"Input.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/form/input/Input.styled.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAyB,CAAC;AAE3C,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAyB,CAAC;AAE7C,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAGhB,CAAC;AAEH,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAGhB,CAAC;AAEH,OAAO,EACH,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,GACf,CAAC"}

package/esm/components/form/input/Input.styled.js

@@ -1,18 +1,14 @@
-import { styled } from "../../../theme.js";
-const InputStyled = styled("input", {
-    "boxSizing": "border-box",
-    "height": "calc(103px / var(--ratio-dimensions))",
-    "fontSize": "calc(34 / var(--ratio-font))",
-    "color": "var(--text)",
-    "border": "none",
-    "display": "block",
-    "width": "100%",
-    "background": "none",
-    "fontFamily": "inherit",
-    "padding": "1.2em 0",
-    "&::placeholder": {
-        color: "var(--sub)",
-    },
+import { dimensionsPxToRem, styled } from "../../../theme.js";
+import { input, wrapper } from "./Input.css.js";
+const StyledInput = styled("input", input);
+const StyledWrapper = styled("div", wrapper);
+const StyledPrefix = styled("div", {
+    marginRight: dimensionsPxToRem(36),
+    display: "flex",
 });
-export { InputStyled, };
+const StyledSuffix = styled("div", {
+    marginLeft: dimensionsPxToRem(36),
+    display: "flex",
+});
+export { StyledInput, StyledWrapper, StyledPrefix, StyledSuffix, };
 //# sourceMappingURL=Input.styled.js.map

package/esm/components/form/input/Input.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.styled.js","sourceRoot":"","sources":["../../../../src/components/form/input/Input.styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,EAAE;IAChC,WAAW,EAAE,YAAY;IACzB,QAAQ,EAAE,uCAAuC;IACjD,UAAU,EAAE,8BAA8B;IAC1C,OAAO,EAAE,aAAa;IACtB,QAAQ,EAAE,MAAM;IAChB,SAAS,EAAE,OAAO;IAClB,OAAO,EAAE,MAAM;IACf,YAAY,EAAE,MAAM;IACpB,YAAY,EAAE,SAAS;IACvB,SAAS,EAAE,SAAS;IAEpB,gBAAgB,EAAE;QACd,KAAK,EAAE,YAAY;KACtB;CACJ,CAAC,CAAC;AAEH,OAAO,EACH,WAAW,GACd,CAAC"}
+{"version":3,"file":"Input.styled.js","sourceRoot":"","sources":["../../../../src/components/form/input/Input.styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE9D,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAEhD,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;AAE3C,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;AAE7C,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,EAAE;IAC/B,WAAW,EAAE,iBAAiB,CAAC,EAAE,CAAC;IAClC,OAAO,EAAE,MAAM;CAClB,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,EAAE;IAC/B,UAAU,EAAE,iBAAiB,CAAC,EAAE,CAAC;IACjC,OAAO,EAAE,MAAM;CAClB,CAAC,CAAC;AAEH,OAAO,EACH,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,GACf,CAAC"}

package/esm/components/form/textarea/TextArea.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../src/components/form/textarea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAIrD,UAAU,KAAK;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC;CACpB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,GAAG,KAAK,CA2BjF,CAAC;AAEF,OAAO,EACH,QAAQ,GACX,CAAC"}

package/esm/components/form/textarea/TextArea.js

@@ -0,0 +1,16 @@
+import React, { useCallback, useState } from "react";
+import { StyledTextArea } from "./TextArea.styled";
+const TextArea = ({ children, onFocus, onBlur, ...props }) => {
+    const [focused, setFocused] = useState(false);
+    const handleFocus = useCallback((e) => {
+        setFocused(true);
+        onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
+    }, [onFocus]);
+    const handleBlur = useCallback((e) => {
+        setFocused(false);
+        onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
+    }, [onBlur]);
+    return (React.createElement(StyledTextArea, { ...props, disabled: Boolean(props.disabled), readOnly: Boolean(props.readOnly), focused: focused, onFocus: handleFocus, onBlur: handleBlur }));
+};
+export { TextArea, };
+//# sourceMappingURL=TextArea.js.map

package/esm/components/form/textarea/TextArea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../src/components/form/textarea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAMnD,MAAM,QAAQ,GAAwE,CAAC,EACnF,QAAQ,EACR,OAAO,EAAE,MAAM,EACf,GAAG,KAAK,EACX,EAAE,EAAE;IACD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,CAAwC,EAAE,EAAE;QACzE,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAC;IACjB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,CAAwC,EAAE,EAAE;QACxE,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,CAAC,CAAC,CAAC;IAChB,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACH,oBAAC,cAAc,OACP,KAAK,EACT,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,EACjC,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,EACjC,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,UAAU,GACpB,CACL,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EACH,QAAQ,GACX,CAAC"}

package/esm/components/form/textarea/TextArea.stories.d.ts

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

package/esm/components/form/textarea/TextArea.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/form/textarea/TextArea.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,QAAA,MAAM,OAAO,EAAE,KAEd,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/components/form/textarea/TextArea.stories.js

@@ -0,0 +1,12 @@
+import { TextArea } from "./TextArea.js";
+const meta = {
+    title: "Components/Form/TextArea",
+    component: TextArea,
+    tags: ["autodocs", "form"],
+};
+const Primary = {
+    args: {},
+};
+export { Primary, };
+export default meta;
+//# sourceMappingURL=TextArea.stories.js.map

package/esm/components/form/textarea/TextArea.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.stories.js","sourceRoot":"","sources":["../../../../src/components/form/textarea/TextArea.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,0BAA0B;IACjC,SAAS,EAAE,QAAQ;IACnB,IAAI,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC;CAC7B,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE,EAAE;CACX,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/components/form/textarea/TextArea.styled.d.ts

@@ -0,0 +1,78 @@
+declare const StyledTextArea: import("@stitches/react/types/styled-component.js").StyledComponent<"textarea", {
+    disabled?: boolean | "true";
+    readOnly?: boolean | "true";
+    focused?: boolean | "true";
+}, {}, import("@stitches/react/types/css-util.js").CSS<{}, {
+    colors: {
+        background: string;
+        mainColor: string;
+        mainColorAlt: string;
+        activeBg: string;
+        inactiveBg: string;
+        inactiveDarkBg: string;
+        toggleHandleBg: string;
+        toggleHandleBorder: string;
+        toggleBgDisabled: string;
+        toggleHandleBorderDisabled: string;
+        toggleHandleBgDisabled: string;
+        icon: string;
+        border: string;
+        buttonBorder: string;
+        headerBorder: string;
+        headerBg: string;
+        headerText: string;
+        text: string;
+        sub: string;
+        popText: string;
+        toolbarBorder: string;
+        toolbarBg: string;
+        modalBg: string;
+        modalButtonBg: string;
+        modalButtonBorder: string;
+        inputDisabledBg: string;
+        inputDisabledText: string;
+        choiceBg: string;
+        choiceText: string;
+        choiceActiveBg: string;
+        choiceActiveText: string;
+        choiceBorder: string;
+        selectorText: string;
+        selectorActive: string;
+        blue1: string;
+        blue2: string;
+        blue3: string;
+        orange1: string;
+        orange1Darker: string;
+        purple1: string;
+        green1: string;
+        green1Darker: string;
+        pink1: string;
+        red1: string;
+        yellow1: string;
+        yellow2: string;
+        yellow3: string;
+        pinky1: string;
+        pinky2: string;
+        pinky3: string;
+        grey1: string;
+        focusColor: string;
+        scrollbarsThumb: string;
+        scrollbarsBg: string;
+        tableStripedBg: string;
+    };
+}, import("@stitches/react/types/config.js").DefaultThemeMap, {
+    mx: (value: string) => {
+        marginLeft: string;
+        marginRight: string;
+    };
+    my: (value: string) => {
+        marginTop: string;
+        marginBottom: string;
+    };
+    size: (value: string) => {
+        width: string;
+        height: string;
+    };
+}>>;
+export { StyledTextArea, };
+//# sourceMappingURL=TextArea.styled.d.ts.map

package/esm/components/form/textarea/TextArea.styled.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/form/textarea/TextArea.styled.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAUlB,CAAC;AAEH,OAAO,EACH,cAAc,GACjB,CAAC"}

package/esm/components/form/textarea/TextArea.styled.js

@@ -0,0 +1,14 @@
+import { dimensionsPxToRem, styled } from "../../../theme.js";
+import { input, wrapper } from "../input/Input.css";
+import { miuiScrollbars } from "../../../scrollbars.css";
+const StyledTextArea = styled("textarea", {
+    ...miuiScrollbars,
+    ...input,
+    ...wrapper,
+    padding: `1.2em ${dimensionsPxToRem(36)}`,
+    height: "unset",
+    resize: "vertical",
+    minHeight: dimensionsPxToRem(103),
+});
+export { StyledTextArea, };
+//# sourceMappingURL=TextArea.styled.js.map

package/esm/components/form/textarea/TextArea.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.styled.js","sourceRoot":"","sources":["../../../../src/components/form/textarea/TextArea.styled.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEzD,MAAM,cAAc,GAAG,MAAM,CAAC,UAAU,EAAE;IACtC,GAAG,cAAc;IACjB,GAAG,KAAK;IACR,GAAG,OAAO;IAEV,OAAO,EAAE,SAAS,iBAAiB,CAAC,EAAE,CAAC,EAAE;IACzC,MAAM,EAAE,OAAO;IACf,MAAM,EAAE,UAAU;IAClB,SAAS,EAAE,iBAAiB,CAAC,GAAG,CAAC;CAEpC,CAAC,CAAC;AAEH,OAAO,EACH,cAAc,GACjB,CAAC"}

package/esm/components/layout/list/Value.styled.d.ts

@@ -1,5 +1,61 @@
 declare const StyledValue: import("@stitches/react/types/styled-component.js").StyledComponent<"div", {}, {}, import("@stitches/react/types/css-util.js").CSS<{}, {
-    colors: unknown;
+    colors: {
+        background: string;
+        mainColor: string;
+        mainColorAlt: string;
+        activeBg: string;
+        inactiveBg: string;
+        inactiveDarkBg: string;
+        toggleHandleBg: string;
+        toggleHandleBorder: string;
+        toggleBgDisabled: string;
+        toggleHandleBorderDisabled: string;
+        toggleHandleBgDisabled: string;
+        icon: string;
+        border: string;
+        buttonBorder: string;
+        headerBorder: string;
+        headerBg: string;
+        headerText: string;
+        text: string;
+        sub: string;
+        popText: string;
+        toolbarBorder: string;
+        toolbarBg: string;
+        modalBg: string;
+        modalButtonBg: string;
+        modalButtonBorder: string;
+        inputDisabledBg: string;
+        inputDisabledText: string;
+        choiceBg: string;
+        choiceText: string;
+        choiceActiveBg: string;
+        choiceActiveText: string;
+        choiceBorder: string;
+        selectorText: string;
+        selectorActive: string;
+        blue1: string;
+        blue2: string;
+        blue3: string;
+        orange1: string;
+        orange1Darker: string;
+        purple1: string;
+        green1: string;
+        green1Darker: string;
+        pink1: string;
+        red1: string;
+        yellow1: string;
+        yellow2: string;
+        yellow3: string;
+        pinky1: string;
+        pinky2: string;
+        pinky3: string;
+        grey1: string;
+        focusColor: string;
+        scrollbarsThumb: string;
+        scrollbarsBg: string;
+        tableStripedBg: string;
+    };
 }, import("@stitches/react/types/config.js").DefaultThemeMap, {
     mx: (value: string) => {
         marginLeft: string;

package/esm/components/layout/list/Value.styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Value.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Value.styled.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;GAMf,CAAC;AAEH,OAAO,EACH,WAAW,GACd,CAAC"}
+{"version":3,"file":"Value.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/list/Value.styled.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAMf,CAAC;AAEH,OAAO,EACH,WAAW,GACd,CAAC"}

package/esm/components/ui/loader/CoveringLoader.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import type { Loader } from "./Loader";
+interface Props extends React.ComponentProps<typeof Loader> {
+    children: React.ReactNode;
+}
+declare const CoveringLoader: React.FC<Props>;
+export { CoveringLoader };
+//# sourceMappingURL=CoveringLoader.d.ts.map

package/esm/components/ui/loader/CoveringLoader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoveringLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/loader/CoveringLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAMvC,UAAU,KAAM,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC;IAIvD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAsBD,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAenC,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/esm/components/ui/loader/CoveringLoader.js

@@ -0,0 +1,27 @@
+import React from "react";
+import { styled } from "../../../theme.js";
+import { FullLoader } from "./FullLoader.js";
+const Container = styled("div", {
+    position: "relative",
+});
+const TailSpin = styled("div", {
+    position: "absolute",
+    left: 0,
+    right: 0,
+    top: 0,
+    bottom: 0,
+});
+const Content = styled("div", {
+    opacity: 0.3,
+});
+const CoveringLoader = ({ show, children, ...props }) => {
+    if (!show) {
+        return React.createElement(React.Fragment, null, children);
+    }
+    return (React.createElement(Container, null,
+        React.createElement(TailSpin, null,
+            React.createElement(FullLoader, { ...props })),
+        React.createElement(Content, null, children)));
+};
+export { CoveringLoader };
+//# sourceMappingURL=CoveringLoader.js.map

package/esm/components/ui/loader/CoveringLoader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoveringLoader.js","sourceRoot":"","sources":["../../../../src/components/ui/loader/CoveringLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAS7C,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,EAAE;IAC5B,QAAQ,EAAE,UAAU;CACvB,CAAC,CAAC;AAEH,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,EAAE;IAC3B,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,CAAC;IACP,KAAK,EAAE,CAAC;IACR,GAAG,EAAE,CAAC;IACN,MAAM,EAAE,CAAC;CACZ,CAAC,CAAC;AAEH,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,EAAE;IAC1B,OAAO,EAAE,GAAG;CACf,CAAC,CAAC;AAMH,MAAM,cAAc,GAAoB,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACrE,IAAI,CAAC,IAAI,EAAE;QACP,OAAO,0CAAG,QAAQ,CAAI,CAAC;KAC1B;IAED,OAAO,CACH,oBAAC,SAAS;QACN,oBAAC,QAAQ;YACL,oBAAC,UAAU,OAAK,KAAK,GAAI,CAClB;QACX,oBAAC,OAAO,QACH,QAAQ,CACH,CACF,CACf,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/esm/components/ui/loader/CoveringLoader.stories.d.ts

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

package/esm/components/ui/loader/CoveringLoader.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoveringLoader.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/loader/CoveringLoader.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAErD,QAAA,MAAM,IAAI,EAAE,IAIX,CAAC;AAEF,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,cAAc,CAAC,CAAC;AAE7C,QAAA,MAAM,OAAO,EAAE,KAgBd,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/components/ui/loader/CoveringLoader.stories.js

@@ -0,0 +1,25 @@
+import React from "react";
+import { CoveringLoader } from "./CoveringLoader.js";
+const meta = {
+    title: "Components/UI/Loader/CoveringLoader",
+    component: CoveringLoader,
+    tags: ["autodocs", "ui"],
+};
+const Primary = {
+    args: {},
+    render: () => {
+        return (React.createElement(CoveringLoader, { show: true },
+            React.createElement("div", { style: { background: "#f0f0f0" } },
+                "some contents",
+                React.createElement("br", null),
+                "some contents Lorem ipsum etc Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, quibusdam. some contents",
+                React.createElement("br", null),
+                "some contents",
+                React.createElement("br", null),
+                "some contents",
+                React.createElement("br", null))));
+    },
+};
+export { Primary, };
+export default meta;
+//# sourceMappingURL=CoveringLoader.stories.js.map

package/esm/components/ui/loader/CoveringLoader.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CoveringLoader.stories.js","sourceRoot":"","sources":["../../../../src/components/ui/loader/CoveringLoader.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAErD,MAAM,IAAI,GAAS;IACf,KAAK,EAAE,qCAAqC;IAC5C,SAAS,EAAE,cAAc;IACzB,IAAI,EAAE,CAAC,UAAU,EAAE,IAAI,CAAC;CAC3B,CAAC;AAIF,MAAM,OAAO,GAAU;IACnB,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,GAAG,EAAE;QACT,OAAO,CACH,oBAAC,cAAc,IAAC,IAAI,EAAE,IAAI;YACtB,6BAAK,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE;;gBACpB,+BAAM;;gBAGN,+BAAM;;gBACN,+BAAM;;gBACN,+BAAM,CACjB,CACO,CACpB,CAAC;IACN,CAAC;CACJ,CAAC;AAEF,OAAO,EACH,OAAO,GACV,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/esm/components/ui/loader/FullLoader.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+import { Loader } from "./Loader.js";
+type Props = React.ComponentProps<typeof Loader>;
+declare const FullLoader: React.FC<Props>;
+export { FullLoader };
+//# sourceMappingURL=FullLoader.d.ts.map

package/esm/components/ui/loader/FullLoader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FullLoader.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/loader/FullLoader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC,KAAK,KAAK,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAajD,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAE/B,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC"}