react-miui 0.32.3 → 0.34.0

package/.claude/settings.json

@@ -0,0 +1,12 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(pnpm typecheck)",
+      "Bash(pnpm run typecheck)",
+      "Bash(pnpm run lint)",
+      "Bash(pnpm view *)",
+      "Bash(pnpm test)",
+      "Bash(pnpm audit)"
+    ]
+  }
+}

package/.claude/settings.local.json

@@ -2,7 +2,17 @@
   "permissions": {
     "allow": [
       "Bash(pnpm run typecheck:*)",
-      "Bash(pnpm run lint:*)"
+      "Bash(pnpm run lint:*)",
+      "Bash(pnpm audit *)",
+      "Bash(pnpm view *)",
+      "Bash(pnpm list *)",
+      "Bash(pnpm install *)",
+      "WebFetch(domain:sonner.emilkowal.ski)",
+      "Bash(pnpm test *)",
+      "Bash(pnpm run *)",
+      "Bash(pnpm typecheck *)",
+      "Bash(pnpm add *)",
+      "Bash(node /tmp/extract_tools.mjs)"
     ]
   }
 }

package/.storybook/main.ts

@@ -12,6 +12,9 @@ const config: StorybookConfig = {
   "framework": {
     "name": "@storybook/react-vite",
     "options": {}
-  }
+  },
+  core: {
+    allowedHosts: ['hp.dzek'],
+  },
 };
 export default config;

package/.storybook/preview.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import type { Preview } from "@storybook/react";
-import {cssReset, injectGlobalStyles, ToasterProvider} from "../src";
+import {cssReset, injectGlobalStyles, ToasterProvider, TooltipProvider} from "../src";
 
 const preview: Preview = {
     parameters: {
@@ -21,9 +21,15 @@ const preview: Preview = {
                         {`.docblock-argstable textarea[id] { box-sizing: content-box; }`}
                         {`#storybook-root { height: 100%; }`}
                     </style>
-                    <ToasterProvider>
-                        <Story/>
-                    </ToasterProvider>
+                    {/* transform creates a stacking context — mirrors what real apps */}
+                    {/* often do above ToasterProvider and surfaces the toast-under-modal bug. */}
+                    <div style={{transform: "translateZ(0)"}}>
+                        <ToasterProvider>
+                            <TooltipProvider>
+                                <Story/>
+                            </TooltipProvider>
+                        </ToasterProvider>
+                    </div>
                 </>
             );
         },

package/CHANGELOG.md

@@ -3,6 +3,22 @@ All notable changes to this project will be documented in this file.
 The format is based on [EZEZ Changelog](https://ezez.dev/guidelines/changelog/)
 and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html).
 
+## [0.34.0] - 2026-05-18
+### Added
+- `Tooltip` component
+### Changed
+- `Drawer` upgrades: partial slide out, slide direction, background effects on partially slided out
+### Fixed
+- toasts rendered under modals on some apps
+- drawer may be rendered incorrectly on some apps (added default portal)
+
+## [0.33.0] - 2026-05-17
+### Dev
+- huge deps upgrade
+### Changed
+- toaster is now based on `sonner`
+- `Input` and `TextArea` got `label` prop (and `pinnedLabel` enabled by default) that adds Android-like floating label for inputs
+
 ## [0.32.3] - 2026-02-15
 ### Fixed
 - CoveringLoader crashes with error about ref

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

@@ -1,4 +1,4 @@
-declare const TextLabel: import("@stitches/react/types/styled-component").StyledComponent<"span", {}, {}, import("@stitches/react/types/css-util").CSS<{}, {
+declare const TextLabel: import("../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"span", {}, {}, import("../../../node_modules/@stitches/react/types/css-util").CSS<{}, {
     colors: {
         background: "white";
         mainColor: "#008ad2";
@@ -61,7 +61,7 @@ declare const TextLabel: import("@stitches/react/types/styled-component").Styled
         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,7 +83,7 @@ declare const TextLabel: import("@stitches/react/types/styled-component").Styled
         height: string | number;
     };
 }>>;
-declare const CheckmarkWrapper: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {}, import("@stitches/react/types/css-util").CSS<{}, {
+declare const CheckmarkWrapper: import("../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"div", {}, {}, import("../../../node_modules/@stitches/react/types/css-util").CSS<{}, {
     colors: {
         background: "white";
         mainColor: "#008ad2";
@@ -146,7 +146,7 @@ declare const CheckmarkWrapper: import("@stitches/react/types/styled-component")
         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;
@@ -168,7 +168,7 @@ declare const CheckmarkWrapper: import("@stitches/react/types/styled-component")
         height: string | number;
     };
 }>>;
-declare const LabelWrapper: import("@stitches/react/types/styled-component").StyledComponent<"label", {}, {}, import("@stitches/react/types/css-util").CSS<{}, {
+declare const LabelWrapper: import("../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"label", {}, {}, import("../../../node_modules/@stitches/react/types/css-util").CSS<{}, {
     colors: {
         background: "white";
         mainColor: "#008ad2";
@@ -231,7 +231,7 @@ declare const LabelWrapper: 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;

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

@@ -1,6 +1,6 @@
-declare const ColorDisplay: import("@stitches/react/types/styled-component").StyledComponent<"div", {
+declare const ColorDisplay: import("../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"div", {
     variant?: "pill";
-}, {}, import("@stitches/react/types/css-util").CSS<{}, {
+}, {}, import("../../../node_modules/@stitches/react/types/css-util").CSS<{}, {
     colors: {
         background: "white";
         mainColor: "#008ad2";
@@ -63,7 +63,7 @@ declare const ColorDisplay: 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;
@@ -85,7 +85,7 @@ declare const ColorDisplay: import("@stitches/react/types/styled-component").Sty
         height: string | number;
     };
 }>>;
-declare const LabelWrapper: import("@stitches/react/types/styled-component").StyledComponent<"label", {}, {}, import("@stitches/react/types/css-util").CSS<{}, {
+declare const LabelWrapper: import("../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"label", {}, {}, import("../../../node_modules/@stitches/react/types/css-util").CSS<{}, {
     colors: {
         background: "white";
         mainColor: "#008ad2";
@@ -148,7 +148,7 @@ declare const LabelWrapper: 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;

package/dist/components/form/Label.d.ts

@@ -8,8 +8,8 @@ type LabelProps = Partial<Pick<StyledLabelProps, "css" | "className">> & {
 };
 declare const Label: React.ForwardRefExoticComponent<Partial<Pick<Omit<Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
     ref?: ((instance: HTMLLabelElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLLabelElement> | null | undefined;
-}, "css"> & import("@stitches/react/types/styled-component").TransformProps<{}, {}> & {
-    css?: import("@stitches/react/types/css-util").CSS<{}, {
+}, "css"> & import("../../../node_modules/@stitches/react/types/styled-component").TransformProps<{}, {}> & {
+    css?: import("../../../node_modules/@stitches/react/types/css-util").CSS<{}, {
         colors: {
             background: "white";
             mainColor: "#008ad2";
@@ -72,7 +72,7 @@ declare const Label: React.ForwardRefExoticComponent<Partial<Pick<Omit<Omit<Reac
             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;

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

@@ -1,4 +1,4 @@
-declare const StyledLabel: import("@stitches/react/types/styled-component").StyledComponent<"label", {}, {}, import("@stitches/react/types/css-util").CSS<{}, {
+declare const StyledLabel: import("../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"label", {}, {}, import("../../../node_modules/@stitches/react/types/css-util").CSS<{}, {
     colors: {
         background: "white";
         mainColor: "#008ad2";
@@ -61,7 +61,7 @@ declare const StyledLabel: 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,9 +83,9 @@ declare const StyledLabel: import("@stitches/react/types/styled-component").Styl
         height: string | number;
     };
 }>>;
-declare const StyledText: import("@stitches/react/types/styled-component").StyledComponent<"div", {
+declare const StyledText: import("../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"div", {
     variant?: "big";
-}, {}, import("@stitches/react/types/css-util").CSS<{}, {
+}, {}, import("../../../node_modules/@stitches/react/types/css-util").CSS<{}, {
     colors: {
         background: "white";
         mainColor: "#008ad2";
@@ -148,7 +148,7 @@ declare const StyledText: import("@stitches/react/types/styled-component").Style
         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;

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

@@ -1,6 +1,6 @@
-declare const Select: import("@stitches/react/types/styled-component").StyledComponent<"select", {
+declare const Select: import("../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"select", {
     error?: boolean | "true";
-}, {}, import("@stitches/react/types/css-util").CSS<{}, {
+}, {}, import("../../../node_modules/@stitches/react/types/css-util").CSS<{}, {
     colors: {
         background: "white";
         mainColor: "#008ad2";
@@ -63,7 +63,7 @@ declare const Select: import("@stitches/react/types/styled-component").StyledCom
         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;

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

@@ -10,10 +10,10 @@ type ToggleProps = Partial<Pick<ContainerProps, "css" | "className">> & {
 };
 declare const Toggle: React.ForwardRefExoticComponent<Partial<Pick<Omit<Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
     ref?: ((instance: HTMLLabelElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLLabelElement> | null | undefined;
-}, "css" | "disabled"> & import("@stitches/react/types/styled-component").TransformProps<{
+}, "css" | "disabled"> & import("../../../node_modules/@stitches/react/types/styled-component").TransformProps<{
     disabled?: boolean | "true";
 }, {}> & {
-    css?: import("@stitches/react/types/css-util").CSS<{}, {
+    css?: import("../../../node_modules/@stitches/react/types/css-util").CSS<{}, {
         colors: {
             background: "white";
             mainColor: "#008ad2";
@@ -76,7 +76,7 @@ declare const Toggle: React.ForwardRefExoticComponent<Partial<Pick<Omit<Omit<Rea
             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;

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

@@ -1,4 +1,4 @@
-declare const StyledToggle: import("@stitches/react/types/styled-component").StyledComponent<"div", {}, {}, import("@stitches/react/types/css-util").CSS<{}, {
+declare const StyledToggle: import("../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"div", {}, {}, import("../../../node_modules/@stitches/react/types/css-util").CSS<{}, {
     colors: {
         background: "white";
         mainColor: "#008ad2";
@@ -61,7 +61,7 @@ declare const StyledToggle: 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;
@@ -83,9 +83,9 @@ declare const StyledToggle: import("@stitches/react/types/styled-component").Sty
         height: string | number;
     };
 }>>;
-declare const StyledContainer: import("@stitches/react/types/styled-component").StyledComponent<"label", {
+declare const StyledContainer: import("../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"label", {
     disabled?: boolean | "true";
-}, {}, import("@stitches/react/types/css-util").CSS<{}, {
+}, {}, import("../../../node_modules/@stitches/react/types/css-util").CSS<{}, {
     colors: {
         background: "white";
         mainColor: "#008ad2";
@@ -148,7 +148,7 @@ declare const StyledContainer: import("@stitches/react/types/styled-component").
         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;

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

@@ -1,7 +1,7 @@
-declare const StyledChoice: import("@stitches/react/types/styled-component").StyledComponent<"div", {
+declare const StyledChoice: import("../../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"div", {
     wide?: boolean | "true";
     unaligned?: boolean | "true";
-}, {}, import("@stitches/react/types/css-util").CSS<{}, {
+}, {}, import("../../../../node_modules/@stitches/react/types/css-util").CSS<{}, {
     colors: {
         background: "white";
         mainColor: "#008ad2";
@@ -64,7 +64,7 @@ declare const StyledChoice: 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;

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

@@ -1,4 +1,4 @@
-declare const StyledChoiceLabel: import("@stitches/react/types/styled-component").StyledComponent<"label", {}, {}, import("@stitches/react/types/css-util").CSS<{}, {
+declare const StyledChoiceLabel: import("../../../../node_modules/@stitches/react/types/styled-component").StyledComponent<"label", {}, {}, import("../../../../node_modules/@stitches/react/types/css-util").CSS<{}, {
     colors: {
         background: "white";
         mainColor: "#008ad2";
@@ -61,7 +61,7 @@ declare const StyledChoiceLabel: import("@stitches/react/types/styled-component"
         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;

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

@@ -31,6 +31,7 @@ declare const wrapper: {
     padding: `0 ${string}`;
     border: `${string} solid $border`;
     alignItems: "center";
+    position: "relative";
     variants: {
         disabled: {
             true: {
@@ -58,5 +59,50 @@ declare const wrapper: {
         };
     };
 };
-export { input, wrapper, focusCSS, errorCSS, };
+declare const inputContainer: {
+    position: "relative";
+    display: "flex";
+    flex: number;
+    alignSelf: "stretch";
+    alignItems: "center";
+    backgroundColor: "inherit";
+};
+declare const label: {
+    position: "absolute";
+    left: number;
+    color: "$sub";
+    pointerEvents: "none";
+    backgroundColor: "inherit";
+    padding: `0 ${string}`;
+    marginLeft: `-${string}`;
+    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: string;
+    lineHeight: number;
+    variants: {
+        floating: {
+            true: {
+                top: number;
+                fontSize: string;
+                color: string;
+            };
+        };
+        error: {
+            true: {};
+        };
+    };
+    compoundVariants: {
+        floating: boolean;
+        error: boolean;
+        css: {
+            color: string;
+        };
+    }[];
+};
+export { input, wrapper, inputContainer, label, focusCSS, errorCSS, };
 //# sourceMappingURL=Input.css.d.ts.map

package/dist/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/dist/components/form/input/Input.css.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.errorCSS = exports.focusCSS = exports.wrapper = exports.input = void 0;
+exports.errorCSS = exports.focusCSS = exports.label = exports.inputContainer = exports.wrapper = exports.input = void 0;
 const theme_1 = require("../../../theme");
 const input = {
     "height": (0, theme_1.dimensionsPxToRem)(103),
@@ -38,6 +38,7 @@ const wrapper = {
     padding: `0 ${(0, theme_1.dimensionsPxToRem)(36)}`,
     border: `${(0, theme_1.borderPxToRem)(1)} solid $border`,
     alignItems: "center",
+    position: "relative",
     variants: {
         disabled: {
             true: {
@@ -61,4 +62,51 @@ const wrapper = {
     },
 };
 exports.wrapper = wrapper;
+const inputContainer = {
+    position: "relative",
+    display: "flex",
+    flex: 1,
+    alignSelf: "stretch",
+    alignItems: "center",
+    backgroundColor: "inherit",
+};
+exports.inputContainer = inputContainer;
+const label = {
+    position: "absolute",
+    left: 0,
+    color: "$sub",
+    pointerEvents: "none",
+    backgroundColor: "inherit",
+    padding: `0 ${(0, theme_1.dimensionsPxToRem)(12)}`,
+    marginLeft: `-${(0, theme_1.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: (0, theme_1.fontPxToRem)(25),
+    lineHeight: 1,
+    variants: {
+        floating: {
+            true: {
+                top: 0,
+                fontSize: (0, theme_1.fontPxToRem)(17),
+                color: "$text",
+            },
+        },
+        error: {
+            true: {},
+        },
+    },
+    compoundVariants: [
+        {
+            floating: true,
+            error: true,
+            css: { color: "$red1" },
+        },
+    ],
+};
+exports.label = label;
 //# sourceMappingURL=Input.css.js.map

package/dist/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,0CAA+E;AAE/E,MAAM,KAAK,GAAG;IACV,QAAQ,EAAE,IAAA,yBAAiB,EAAC,GAAG,CAAC;IAChC,UAAU,EAAE,IAAA,mBAAW,EAAC,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;AA4CjB,sBAAK;AA1CT,MAAM,QAAQ,GAAG;IACb,WAAW,EAAE,aAAa;CAC7B,CAAC;AA0CE,4BAAQ;AAxCZ,MAAM,QAAQ,GAAG;IACb,WAAW,EAAE,SAAS;IACtB,KAAK,EAAE,OAAO;CACjB,CAAC;AAsCE,4BAAQ;AApCZ,MAAM,OAAO,GAAG;IACZ,UAAU,EAAE,aAAa;IACzB,OAAO,EAAE,aAAa;IACtB,KAAK,EAAE,MAAM;IACb,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,KAAK,IAAA,yBAAiB,EAAC,EAAE,CAAC,EAAE;IACrC,MAAM,EAAE,GAAG,IAAA,qBAAa,EAAC,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;AAIjB,0BAAO"}
+{"version":3,"file":"Input.css.js","sourceRoot":"","sources":["../../../../src/components/form/input/Input.css.ts"],"names":[],"mappings":"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"}

package/dist/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/dist/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/dist/components/form/input/Input.js

@@ -44,14 +44,22 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.InputSuffixSelector = exports.InputPrefixSelector = exports.InputInputSelector = exports.Input = void 0;
+exports.InputSuffixSelector = exports.InputPrefixSelector = exports.InputInputSelector = exports.InputLabelSelector = exports.InputContainerSelector = exports.Input = void 0;
 const react_1 = __importStar(require("react"));
 const Suggestions_1 = require("../Suggestions");
 const Input_styled_1 = require("./Input.styled");
 const InputInner = (_a, ref) => {
-    var { className, children, prefix, suffix, onFocus, onBlur, onKeyDown, onChange, suggestions, onSuggestionMatch, error } = _a, props = __rest(_a, ["className", "children", "prefix", "suffix", "onFocus", "onBlur", "onKeyDown", "onChange", "suggestions", "onSuggestionMatch", "error"]);
+    var { className, children, prefix, suffix, onFocus, onBlur, onKeyDown, onChange, suggestions, onSuggestionMatch, error, label, pinnedLabel = true, placeholder, id } = _a, props = __rest(_a, ["className", "children", "prefix", "suffix", "onFocus", "onBlur", "onKeyDown", "onChange", "suggestions", "onSuggestionMatch", "error", "label", "pinnedLabel", "placeholder", "id"]);
     const [focused, setFocused] = (0, react_1.useState)(false);
+    const [internalHasValue, setInternalHasValue] = (0, react_1.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 = (0, react_1.useId)();
+    const generatedInputId = (0, react_1.useId)();
+    const inputId = id !== null && id !== void 0 ? id : (label ? generatedInputId : undefined);
     const infoRef = (0, react_1.useRef)({});
     const handleFocus = (0, react_1.useCallback)((e) => {
         setFocused(true);
@@ -68,6 +76,9 @@ const InputInner = (_a, ref) => {
         onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
     }, [onKeyDown]);
     const handleChange = (0, react_1.useCallback)((e) => {
+        if (!isControlled) {
+            setInternalHasValue(Boolean(e.currentTarget.value));
+        }
         if (!suggestions) {
             onChange === null || onChange === void 0 ? void 0 : onChange(e);
             return;
@@ -84,17 +95,25 @@ const InputInner = (_a, ref) => {
         }
         infoRef.current.picked = false;
         onChange === null || onChange === void 0 ? void 0 : onChange(e);
-    }, [suggestions, onChange, onSuggestionMatch]);
+    }, [isControlled, suggestions, onChange, onSuggestionMatch]);
     const prefixElem = prefix ? react_1.default.createElement(Input_styled_1.StyledPrefix, null, prefix) : null;
     const suffixElem = suffix ? react_1.default.createElement(Input_styled_1.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_1.default.createElement(Input_styled_1.StyledLabel, { htmlFor: inputId, floating: floating, error: Boolean(error) }, label))
+        : null;
     return (react_1.default.createElement(Input_styled_1.StyledWrapper, { className: className, focused: focused, disabled: Boolean(props.disabled), readOnly: Boolean(props.readOnly), error: Boolean(error) },
         prefixElem,
-        react_1.default.createElement(Input_styled_1.StyledInput, Object.assign({ ref: ref }, props, extraProps, { onChange: handleChange, onKeyDown: handleKeyDown, onFocus: handleFocus, onBlur: handleBlur, "data-error": Boolean(error) })),
-        react_1.default.createElement(Suggestions_1.Suggestions, { id: suggestionsId, suggestions: suggestions }),
+        react_1.default.createElement(Input_styled_1.StyledInputContainer, null,
+            labelElem,
+            react_1.default.createElement(Input_styled_1.StyledInput, Object.assign({ ref: ref }, props, extraProps, { id: inputId, placeholder: effectivePlaceholder, onChange: handleChange, onKeyDown: handleKeyDown, onFocus: handleFocus, onBlur: handleBlur, "data-error": Boolean(error) })),
+            react_1.default.createElement(Suggestions_1.Suggestions, { id: suggestionsId, suggestions: suggestions })),
         suffixElem));
 };
 const InputRef = react_1.default.forwardRef(InputInner);
@@ -102,6 +121,10 @@ InputRef.displayName = "Input";
 InputRef.toString = () => Input_styled_1.StyledWrapper.toString();
 const Input = InputRef;
 exports.Input = Input;
+const InputContainerSelector = Input_styled_1.StyledInputContainer.toString();
+exports.InputContainerSelector = InputContainerSelector;
+const InputLabelSelector = Input_styled_1.StyledLabel.toString();
+exports.InputLabelSelector = InputLabelSelector;
 const InputInputSelector = Input_styled_1.StyledInput.toString();
 exports.InputInputSelector = InputInputSelector;
 const InputPrefixSelector = Input_styled_1.StyledPrefix.toString();

package/dist/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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"}