react-miui 0.32.3 → 0.33.0

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

@@ -1 +1 @@
-{"version":3,"file":"Input.css.d.ts","sourceRoot":"","sources":["../../../../src/components/form/input/Input.css.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;CAmBS,CAAC;AAErB,QAAA,MAAM,QAAQ;;CAEb,CAAC;AAEF,QAAA,MAAM,QAAQ;;;CAGb,CAAC;AAEF,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BO,CAAC;AAErB,OAAO,EACH,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,GACX,CAAC"}
+{"version":3,"file":"Input.css.d.ts","sourceRoot":"","sources":["../../../../src/components/form/input/Input.css.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;CAmBS,CAAC;AAErB,QAAA,MAAM,QAAQ;;CAEb,CAAC;AAEF,QAAA,MAAM,QAAQ;;;CAGb,CAAC;AAEF,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BO,CAAC;AAErB,QAAA,MAAM,cAAc;;;;;;;CAOA,CAAC;AAErB,QAAA,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsCS,CAAC;AAErB,OAAO,EACH,KAAK,EACL,OAAO,EACP,cAAc,EACd,KAAK,EACL,QAAQ,EACR,QAAQ,GACX,CAAC"}

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

@@ -32,6 +32,7 @@ const wrapper = {
     padding: `0 ${dimensionsPxToRem(36)}`,
     border: `${borderPxToRem(1)} solid $border`,
     alignItems: "center",
+    position: "relative",
     variants: {
         disabled: {
             true: {
@@ -54,5 +55,50 @@ const wrapper = {
         },
     },
 };
-export { input, wrapper, focusCSS, errorCSS, };
+const inputContainer = {
+    position: "relative",
+    display: "flex",
+    flex: 1,
+    alignSelf: "stretch",
+    alignItems: "center",
+    backgroundColor: "inherit",
+};
+const label = {
+    position: "absolute",
+    left: 0,
+    color: "$sub",
+    pointerEvents: "none",
+    backgroundColor: "inherit",
+    padding: `0 ${dimensionsPxToRem(12)}`,
+    marginLeft: `-${dimensionsPxToRem(12)}`,
+    maxWidth: "100%",
+    whiteSpace: "nowrap",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    transition: "top 150ms ease, font-size 150ms ease, color 150ms ease",
+    top: "50%",
+    transform: "translateY(-50%)",
+    fontSize: fontPxToRem(25),
+    lineHeight: 1,
+    variants: {
+        floating: {
+            true: {
+                top: 0,
+                fontSize: fontPxToRem(17),
+                color: "$text",
+            },
+        },
+        error: {
+            true: {},
+        },
+    },
+    compoundVariants: [
+        {
+            floating: true,
+            error: true,
+            css: { color: "$red1" },
+        },
+    ],
+};
+export { input, wrapper, inputContainer, label, focusCSS, errorCSS, };
 //# sourceMappingURL=Input.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Input.css.js","sourceRoot":"","sources":["../../../../src/components/form/input/Input.css.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE/E,MAAM,KAAK,GAAG;IACV,QAAQ,EAAE,iBAAiB,CAAC,GAAG,CAAC;IAChC,UAAU,EAAE,WAAW,CAAC,EAAE,CAAC;IAC3B,OAAO,EAAE,OAAO;IAChB,QAAQ,EAAE,MAAM;IAChB,SAAS,EAAE,OAAO;IAClB,OAAO,EAAE,MAAM;IACf,YAAY,EAAE,MAAM;IACpB,YAAY,EAAE,SAAS;IACvB,SAAS,EAAE,SAAS;IACpB,MAAM,EAAE,CAAC;IAET,gBAAgB,EAAE;QACd,KAAK,EAAE,MAAM;KAChB;IAED,6CAA6C,EAAE;QAC3C,KAAK,EAAE,SAAS;KACnB;CACe,CAAC;AAErB,MAAM,QAAQ,GAAG;IACb,WAAW,EAAE,aAAa;CAC7B,CAAC;AAEF,MAAM,QAAQ,GAAG;IACb,WAAW,EAAE,SAAS;IACtB,KAAK,EAAE,OAAO;CACjB,CAAC;AAEF,MAAM,OAAO,GAAG;IACZ,UAAU,EAAE,aAAa;IACzB,OAAO,EAAE,aAAa;IACtB,KAAK,EAAE,MAAM;IACb,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,KAAK,iBAAiB,CAAC,EAAE,CAAC,EAAE;IACrC,MAAM,EAAE,GAAG,aAAa,CAAC,CAAC,CAAC,gBAAgB;IAC3C,UAAU,EAAE,QAAQ;IAEpB,QAAQ,EAAE;QACN,QAAQ,EAAE;YACN,IAAI,EAAE;gBACF,UAAU,EAAE,kBAAkB;gBAC9B,KAAK,EAAE,oBAAoB;aAC9B;SACJ;QACD,QAAQ,EAAE;YACN,IAAI,EAAE;gBACF,KAAK,EAAE,oBAAoB;aAC9B;SACJ;QACD,OAAO,EAAE;YACL,IAAI,EAAE,QAAQ;SACjB;QACD,KAAK,EAAE;YACH,IAAI,EAAE;gBACF,GAAG,EAAE,QAAQ;aAChB;SACJ;KACJ;CACe,CAAC;AAErB,OAAO,EACH,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,GACX,CAAC"}
+{"version":3,"file":"Input.css.js","sourceRoot":"","sources":["../../../../src/components/form/input/Input.css.ts"],"names":[],"mappings":"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"}

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

@@ -5,14 +5,18 @@ interface CustomProps<T extends string> {
     prefix?: React.ReactNode;
     suffix?: React.ReactNode;
     error?: boolean;
+    label?: string;
+    pinnedLabel?: boolean;
     suggestions?: Array<Value<T>>;
     onSuggestionMatch?: (value: Exclude<Value<T>, ObjectValue>, __chromiumPickedFromList: boolean) => void;
 }
 type Props<T extends string> = Omit<React.InputHTMLAttributes<HTMLInputElement>, "prefix"> & CustomProps<T>;
 declare const Input: <T extends string>(props: Props<T> & React.RefAttributes<HTMLInputElement>) => React.ReactElement;
+declare const InputContainerSelector: string;
+declare const InputLabelSelector: string;
 declare const InputInputSelector: string;
 declare const InputPrefixSelector: string;
 declare const InputSuffixSelector: string;
-export { Input, InputInputSelector, InputPrefixSelector, InputSuffixSelector, };
+export { Input, InputContainerSelector, InputLabelSelector, InputInputSelector, InputPrefixSelector, InputSuffixSelector, };
 export type { Props as InputProps, CustomProps as InputCustomProps, };
 //# sourceMappingURL=Input.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/form/input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAEpE,OAAO,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAK9D,UAAU,WAAW,CAAC,CAAC,SAAS,MAAM;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9B,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,EAAE,wBAAwB,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1G;AAED,KAAK,KAAK,CAAC,CAAC,SAAS,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,QAAQ,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;AA4F5G,QAAA,MAAM,KAAK,EAAe,CAAC,CAAC,SAAS,MAAM,EACvC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KACtD,KAAK,CAAC,YAAY,CAAC;AAExB,QAAA,MAAM,kBAAkB,QAAyB,CAAC;AAClD,QAAA,MAAM,mBAAmB,QAA0B,CAAC;AACpD,QAAA,MAAM,mBAAmB,QAA0B,CAAC;AAEpD,OAAO,EACH,KAAK,EACL,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,GACtB,CAAC;AAEF,YAAY,EACR,KAAK,IAAI,UAAU,EACnB,WAAW,IAAI,gBAAgB,GAClC,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../../src/components/form/input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAEpE,OAAO,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAY9D,UAAU,WAAW,CAAC,CAAC,SAAS,MAAM;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IAMf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IAC9B,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,WAAW,CAAC,EAAE,wBAAwB,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1G;AAED,KAAK,KAAK,CAAC,CAAC,SAAS,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,QAAQ,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC;AAgI5G,QAAA,MAAM,KAAK,EAAe,CAAC,CAAC,SAAS,MAAM,EACvC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KACtD,KAAK,CAAC,YAAY,CAAC;AAExB,QAAA,MAAM,sBAAsB,QAAkC,CAAC;AAC/D,QAAA,MAAM,kBAAkB,QAAyB,CAAC;AAClD,QAAA,MAAM,kBAAkB,QAAyB,CAAC;AAClD,QAAA,MAAM,mBAAmB,QAA0B,CAAC;AACpD,QAAA,MAAM,mBAAmB,QAA0B,CAAC;AAEpD,OAAO,EACH,KAAK,EACL,sBAAsB,EACtB,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EACnB,mBAAmB,GACtB,CAAC;AAEF,YAAY,EACR,KAAK,IAAI,UAAU,EACnB,WAAW,IAAI,gBAAgB,GAClC,CAAC"}

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

@@ -1,9 +1,17 @@
 import React, { useCallback, useId, useRef, useState } from "react";
 import { Suggestions } from "../Suggestions.js";
-import { StyledInput, StyledPrefix, StyledSuffix, StyledWrapper } from "./Input.styled.js";
-const InputInner = ({ className, children, prefix, suffix, onFocus, onBlur, onKeyDown, onChange, suggestions, onSuggestionMatch, error, ...props }, ref) => {
+import { StyledInput, StyledInputContainer, StyledLabel, StyledPrefix, StyledSuffix, StyledWrapper, } from "./Input.styled.js";
+const InputInner = ({ className, children, prefix, suffix, onFocus, onBlur, onKeyDown, onChange, suggestions, onSuggestionMatch, error, label, pinnedLabel = true, placeholder, id, ...props }, ref) => {
     const [focused, setFocused] = useState(false);
+    const [internalHasValue, setInternalHasValue] = useState(() => {
+        var _a;
+        return Boolean((_a = props.value) !== null && _a !== void 0 ? _a : props.defaultValue);
+    });
+    const isControlled = props.value !== undefined;
+    const hasValue = isControlled ? Boolean(props.value) : internalHasValue;
     const suggestionsId = useId();
+    const generatedInputId = useId();
+    const inputId = id !== null && id !== void 0 ? id : (label ? generatedInputId : undefined);
     const infoRef = useRef({});
     const handleFocus = useCallback((e) => {
         setFocused(true);
@@ -20,6 +28,9 @@ const InputInner = ({ className, children, prefix, suffix, onFocus, onBlur, onKe
         onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
     }, [onKeyDown]);
     const handleChange = useCallback((e) => {
+        if (!isControlled) {
+            setInternalHasValue(Boolean(e.currentTarget.value));
+        }
         if (!suggestions) {
             onChange === null || onChange === void 0 ? void 0 : onChange(e);
             return;
@@ -36,25 +47,35 @@ const InputInner = ({ className, children, prefix, suffix, onFocus, onBlur, onKe
         }
         infoRef.current.picked = false;
         onChange === null || onChange === void 0 ? void 0 : onChange(e);
-    }, [suggestions, onChange, onSuggestionMatch]);
+    }, [isControlled, suggestions, onChange, onSuggestionMatch]);
     const prefixElem = prefix ? React.createElement(StyledPrefix, null, prefix) : null;
     const suffixElem = suffix ? React.createElement(StyledSuffix, null, suffix) : null;
     const extraProps = {};
     if (suggestions) {
         extraProps.list = suggestionsId;
     }
+    const floating = Boolean(label) && (pinnedLabel || focused || hasValue);
+    const showPlaceholder = !label || floating;
+    const effectivePlaceholder = showPlaceholder ? placeholder : undefined;
+    const labelElem = label
+        ? (React.createElement(StyledLabel, { htmlFor: inputId, floating: floating, error: Boolean(error) }, label))
+        : null;
     return (React.createElement(StyledWrapper, { className: className, focused: focused, disabled: Boolean(props.disabled), readOnly: Boolean(props.readOnly), error: Boolean(error) },
         prefixElem,
-        React.createElement(StyledInput, { ref: ref, ...props, ...extraProps, onChange: handleChange, onKeyDown: handleKeyDown, onFocus: handleFocus, onBlur: handleBlur, "data-error": Boolean(error) }),
-        React.createElement(Suggestions, { id: suggestionsId, suggestions: suggestions }),
+        React.createElement(StyledInputContainer, null,
+            labelElem,
+            React.createElement(StyledInput, { ref: ref, ...props, ...extraProps, id: inputId, placeholder: effectivePlaceholder, onChange: handleChange, onKeyDown: handleKeyDown, onFocus: handleFocus, onBlur: handleBlur, "data-error": Boolean(error) }),
+            React.createElement(Suggestions, { id: suggestionsId, suggestions: suggestions })),
         suffixElem));
 };
 const InputRef = React.forwardRef(InputInner);
 InputRef.displayName = "Input";
 InputRef.toString = () => StyledWrapper.toString();
 const Input = InputRef;
+const InputContainerSelector = StyledInputContainer.toString();
+const InputLabelSelector = StyledLabel.toString();
 const InputInputSelector = StyledInput.toString();
 const InputPrefixSelector = StyledPrefix.toString();
 const InputSuffixSelector = StyledSuffix.toString();
-export { Input, InputInputSelector, InputPrefixSelector, InputSuffixSelector, };
+export { Input, InputContainerSelector, InputLabelSelector, InputInputSelector, InputPrefixSelector, InputSuffixSelector, };
 //# sourceMappingURL=Input.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/form/input/Input.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/components/form/input/Input.tsx"],"names":[],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-declare const StyledInput: import("@stitches/react/types/styled-component").StyledComponent<"input", {}, {}, import("@stitches/react/types/css-util").CSS<{}, {
+declare const StyledInput: import("../../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"input", {}, {}, import("../../../../node_modules/@stitches/react/types/css-util").CSS<{}, {
     colors: {
         background: "white";
         mainColor: "#008ad2";
@@ -61,7 +61,7 @@ declare const StyledInput: import("@stitches/react/types/styled-component").Styl
         tableStripedBg: "#fafafa";
         toolButtonText: "#666e80";
     };
-}, import("@stitches/react/types/config").DefaultThemeMap, {
+}, import("../../../../node_modules/@stitches/react/types/config").DefaultThemeMap, {
     mx: (value: string | number) => {
         marginLeft: string | number;
         marginRight: string | number;
@@ -83,12 +83,12 @@ declare const StyledInput: import("@stitches/react/types/styled-component").Styl
         height: string | number;
     };
 }>>;
-declare const StyledWrapper: import("@stitches/react/types/styled-component").StyledComponent<"div", {
+declare const StyledWrapper: import("../../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"div", {
     disabled?: boolean | "true";
     readOnly?: boolean | "true";
     focused?: boolean | "true";
     error?: boolean | "true";
-}, {}, import("@stitches/react/types/css-util").CSS<{}, {
+}, {}, import("../../../../node_modules/@stitches/react/types/css-util").CSS<{}, {
     colors: {
         background: "white";
         mainColor: "#008ad2";
@@ -151,7 +151,7 @@ declare const StyledWrapper: import("@stitches/react/types/styled-component").St
         tableStripedBg: "#fafafa";
         toolButtonText: "#666e80";
     };
-}, import("@stitches/react/types/config").DefaultThemeMap, {
+}, import("../../../../node_modules/@stitches/react/types/config").DefaultThemeMap, {
     mx: (value: string | number) => {
         marginLeft: string | number;
         marginRight: string | number;
@@ -173,7 +173,7 @@ declare const StyledWrapper: import("@stitches/react/types/styled-component").St
         height: string | number;
     };
 }>>;
-declare const StyledPrefix: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {}, import("@stitches/react/types/css-util").CSS<{}, {
+declare const StyledInputContainer: import("../../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"div", {}, {}, import("../../../../node_modules/@stitches/react/types/css-util").CSS<{}, {
     colors: {
         background: "white";
         mainColor: "#008ad2";
@@ -236,7 +236,7 @@ declare const StyledPrefix: import("@stitches/react/types/styled-component").Sty
         tableStripedBg: "#fafafa";
         toolButtonText: "#666e80";
     };
-}, import("@stitches/react/types/config").DefaultThemeMap, {
+}, import("../../../../node_modules/@stitches/react/types/config").DefaultThemeMap, {
     mx: (value: string | number) => {
         marginLeft: string | number;
         marginRight: string | number;
@@ -258,7 +258,180 @@ declare const StyledPrefix: import("@stitches/react/types/styled-component").Sty
         height: string | number;
     };
 }>>;
-declare const StyledSuffix: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {}, import("@stitches/react/types/css-util").CSS<{}, {
+declare const StyledLabel: import("../../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"label", {
+    floating?: boolean | "true";
+    error?: boolean | "true";
+}, {}, import("../../../../node_modules/@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";
+        text2: "#181818";
+        text3: "#000000";
+        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("../../../../node_modules/@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 StyledPrefix: import("../../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"div", {}, {}, import("../../../../node_modules/@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";
+        text2: "#181818";
+        text3: "#000000";
+        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("../../../../node_modules/@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 StyledSuffix: import("../../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"div", {}, {}, import("../../../../node_modules/@stitches/react/types/css-util").CSS<{}, {
     colors: {
         background: "white";
         mainColor: "#008ad2";
@@ -321,7 +494,7 @@ declare const StyledSuffix: import("@stitches/react/types/styled-component").Sty
         tableStripedBg: "#fafafa";
         toolButtonText: "#666e80";
     };
-}, import("@stitches/react/types/config").DefaultThemeMap, {
+}, import("../../../../node_modules/@stitches/react/types/config").DefaultThemeMap, {
     mx: (value: string | number) => {
         marginLeft: string | number;
         marginRight: string | number;
@@ -343,5 +516,5 @@ declare const StyledSuffix: import("@stitches/react/types/styled-component").Sty
         height: string | number;
     };
 }>>;
-export { StyledInput, StyledWrapper, StyledPrefix, StyledSuffix, };
+export { StyledInput, StyledWrapper, StyledInputContainer, StyledLabel, 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":"AAGA,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAyB,CAAC;AAE3C,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAyB,CAAC;AAE7C,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAIhB,CAAC;AAEH,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAIhB,CAAC;AAEH,OAAO,EACH,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,GACf,CAAC"}
+{"version":3,"file":"Input.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/form/input/Input.styled.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAyB,CAAC;AAE3C,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAyB,CAAC;AAE7C,QAAA,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAgC,CAAC;AAE3D,QAAA,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAAyB,CAAC;AAE3C,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAIhB,CAAC;AAEH,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAIhB,CAAC;AAEH,OAAO,EACH,WAAW,EACX,aAAa,EACb,oBAAoB,EACpB,WAAW,EACX,YAAY,EACZ,YAAY,GACf,CAAC"}

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

@@ -1,7 +1,9 @@
 import { dimensionsPxToRem, styled } from "../../../theme.js";
-import { input, wrapper } from "./Input.css.js";
+import { input, inputContainer, label, wrapper } from "./Input.css.js";
 const StyledInput = styled("input", input);
 const StyledWrapper = styled("div", wrapper);
+const StyledInputContainer = styled("div", inputContainer);
+const StyledLabel = styled("label", label);
 const StyledPrefix = styled("div", {
     marginRight: dimensionsPxToRem(36),
     display: "flex",
@@ -12,5 +14,5 @@ const StyledSuffix = styled("div", {
     display: "flex",
     color: "$text",
 });
-export { StyledInput, StyledWrapper, StyledPrefix, StyledSuffix, };
+export { StyledInput, StyledWrapper, StyledInputContainer, StyledLabel, 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,iBAAiB,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAE7C,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;IACf,KAAK,EAAE,OAAO;CACjB,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,EAAE;IAC/B,UAAU,EAAE,iBAAiB,CAAC,EAAE,CAAC;IACjC,OAAO,EAAE,MAAM;IACf,KAAK,EAAE,OAAO;CACjB,CAAC,CAAC;AAEH,OAAO,EACH,WAAW,EACX,aAAa,EACb,YAAY,EACZ,YAAY,GACf,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,gBAAgB,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AAEpE,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;AAE3C,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;AAE7C,MAAM,oBAAoB,GAAG,MAAM,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC;AAE3D,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;AAE3C,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,EAAE;IAC/B,WAAW,EAAE,iBAAiB,CAAC,EAAE,CAAC;IAClC,OAAO,EAAE,MAAM;IACf,KAAK,EAAE,OAAO;CACjB,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,MAAM,CAAC,KAAK,EAAE;IAC/B,UAAU,EAAE,iBAAiB,CAAC,EAAE,CAAC;IACjC,OAAO,EAAE,MAAM;IACf,KAAK,EAAE,OAAO;CACjB,CAAC,CAAC;AAEH,OAAO,EACH,WAAW,EACX,aAAa,EACb,oBAAoB,EACpB,WAAW,EACX,YAAY,EACZ,YAAY,GACf,CAAC"}

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

@@ -2,9 +2,14 @@ import React from "react";
 interface Props {
     children?: never;
     error?: boolean;
+    label?: string;
+    pinnedLabel?: boolean;
 }
 type TextAreaProps = React.TextareaHTMLAttributes<HTMLTextAreaElement> & Props;
 declare const TextArea: React.ForwardRefExoticComponent<React.TextareaHTMLAttributes<HTMLTextAreaElement> & Props & React.RefAttributes<HTMLTextAreaElement>>;
-export { TextArea };
+declare const TextAreaWrapperSelector: string;
+declare const TextAreaTextAreaSelector: string;
+declare const TextAreaLabelSelector: string;
+export { TextArea, TextAreaWrapperSelector, TextAreaTextAreaSelector, TextAreaLabelSelector, };
 export type { TextAreaProps };
 //# sourceMappingURL=TextArea.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../src/components/form/textarea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAIjE,UAAU,KAAK;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,KAAK,aAAa,GAAG,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,GAAG,KAAK,CAAC;AAE/E,QAAA,MAAM,QAAQ,uIA4BZ,CAAC;AAKH,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../src/components/form/textarea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAIxE,UAAU,KAAK;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IAMf,WAAW,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,KAAK,aAAa,GAAG,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,GAAG,KAAK,CAAC;AAG/E,QAAA,MAAM,QAAQ,uIA2EZ,CAAC;AAKH,QAAA,MAAM,uBAAuB,QAAmC,CAAC;AACjE,QAAA,MAAM,wBAAwB,QAA4B,CAAC;AAC3D,QAAA,MAAM,qBAAqB,QAAyB,CAAC;AAErD,OAAO,EACH,QAAQ,EACR,uBAAuB,EACvB,wBAAwB,EACxB,qBAAqB,GACxB,CAAC;AACF,YAAY,EAAE,aAAa,EAAE,CAAC"}

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

@@ -1,7 +1,15 @@
-import React, { forwardRef, useCallback, useState } from "react";
-import { StyledTextArea } from "./TextArea.styled.js";
-const TextArea = forwardRef(({ children, onFocus, onBlur, ...props }, ref) => {
+import React, { forwardRef, useCallback, useId, useState } from "react";
+import { StyledLabel, StyledTextArea, StyledTextAreaWrapper } from "./TextArea.styled.js";
+const TextArea = forwardRef(({ children, className, onFocus, onBlur, onChange, error, label, pinnedLabel = true, placeholder, id, ...props }, ref) => {
     const [focused, setFocused] = useState(false);
+    const [internalHasValue, setInternalHasValue] = useState(() => {
+        var _a;
+        return Boolean((_a = props.value) !== null && _a !== void 0 ? _a : props.defaultValue);
+    });
+    const isControlled = props.value !== undefined;
+    const hasValue = isControlled ? Boolean(props.value) : internalHasValue;
+    const generatedInputId = useId();
+    const inputId = id !== null && id !== void 0 ? id : (label ? generatedInputId : undefined);
     const handleFocus = useCallback((e) => {
         setFocused(true);
         onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
@@ -10,9 +18,26 @@ const TextArea = forwardRef(({ children, onFocus, onBlur, ...props }, ref) => {
         setFocused(false);
         onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
     }, [onBlur]);
-    return (React.createElement(StyledTextArea, { ...props, ref: ref, disabled: Boolean(props.disabled), readOnly: Boolean(props.readOnly), focused: focused, onFocus: handleFocus, onBlur: handleBlur }));
+    const handleChange = useCallback((e) => {
+        if (!isControlled) {
+            setInternalHasValue(Boolean(e.currentTarget.value));
+        }
+        onChange === null || onChange === void 0 ? void 0 : onChange(e);
+    }, [isControlled, onChange]);
+    const floating = Boolean(label) && (pinnedLabel || focused || hasValue);
+    const showPlaceholder = !label || floating;
+    const effectivePlaceholder = showPlaceholder ? placeholder : undefined;
+    const labelElem = label
+        ? (React.createElement(StyledLabel, { htmlFor: inputId, floating: floating, error: Boolean(error) }, label))
+        : null;
+    return (React.createElement(StyledTextAreaWrapper, { className: className, focused: focused, disabled: Boolean(props.disabled), readOnly: Boolean(props.readOnly), error: Boolean(error) },
+        labelElem,
+        React.createElement(StyledTextArea, { ...props, ref: ref, id: inputId, placeholder: effectivePlaceholder, onFocus: handleFocus, onBlur: handleBlur, onChange: handleChange, "data-error": Boolean(error) })));
 });
 TextArea.displayName = "TextArea";
-TextArea.toString = () => StyledTextArea.toString();
-export { TextArea };
+TextArea.toString = () => StyledTextAreaWrapper.toString();
+const TextAreaWrapperSelector = StyledTextAreaWrapper.toString();
+const TextAreaTextAreaSelector = StyledTextArea.toString();
+const TextAreaLabelSelector = StyledLabel.toString();
+export { TextArea, TextAreaWrapperSelector, TextAreaTextAreaSelector, TextAreaLabelSelector, };
 //# sourceMappingURL=TextArea.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../src/components/form/textarea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjE,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AASnD,MAAM,QAAQ,GAAG,UAAU,CAAqC,CAAC,EAC7D,QAAQ,EACR,OAAO,EAAE,MAAM,EACf,GAAG,KAAK,EACX,EAAE,GAAG,EAAE,EAAE;IACN,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,GAAG,EAAE,GAAG,EACR,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,CAAC;AAEH,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAClC,QAAQ,CAAC,QAAQ,GAAG,GAAG,EAAE,CAAC,cAAc,CAAC,QAAQ,EAAE,CAAC;AAEpD,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../src/components/form/textarea/TextArea.tsx"],"names":[],"mappings":"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"}