@lindle/linoardo 1.0.31 → 1.0.33

package/dist/index.d.cts

@@ -25,4 +25,4 @@ export { e as ExpansionPanelDensity, E as ExpansionPanelItem, a as ExpansionPane
 export { c as ListDensity, L as ListItem, a as ListItemProps, d as ListLines, e as ListRounded, b as ListVariant } from './index-B5n8tN2G.cjs';
 import 'react';
 import './global.types-E2uVLemv.cjs';
-import './types-BCqIOkp1.cjs';
+import './types-BJC99riF.cjs';

package/dist/index.d.ts

@@ -25,4 +25,4 @@ export { e as ExpansionPanelDensity, E as ExpansionPanelItem, a as ExpansionPane
 export { c as ListDensity, L as ListItem, a as ListItemProps, d as ListLines, e as ListRounded, b as ListVariant } from './index-D4-O-oJt.js';
 import 'react';
 import './global.types-E2uVLemv.js';
-import './types-ChXN4u7x.js';
+import './types-CTq2JZpg.js';

package/dist/index.js

@@ -1,6 +1,6 @@
 export { Notification_default as Notification } from './chunk-S7VLFCLP.js';
 export { Progress_default as Progress } from './chunk-Z5A2OIDI.js';
-export { Input_default as Input } from './chunk-AUFMBVXA.js';
+export { Input_default as Input } from './chunk-P3ESW6KM.js';
 export { TextArea_default as TextArea } from './chunk-SCJMH5VE.js';
 export { Slider_default as Slider } from './chunk-GMDNSU26.js';
 export { Switch_default as Switch } from './chunk-5LWU5T2C.js';
@@ -9,7 +9,7 @@ import './chunk-6SKW43XI.js';
 export { Icon_default as Icon } from './chunk-HEXJCQRO.js';
 export { Hero_default as Hero } from './chunk-VPF7M2PB.js';
 export { ProfileCard_default as ProfileCard } from './chunk-NEYVJE67.js';
-export { ExpansionPanel_default as ExpansionPanel } from './chunk-LYP7V32H.js';
+export { ExpansionPanel_default as ExpansionPanel } from './chunk-HBF4S2KY.js';
 export { ExpansionPanelItem_default as ExpansionPanelItem } from './chunk-KRYWWWXR.js';
 export { Dialog_default as Dialog } from './chunk-NJU7XT54.js';
 export { ToolTip_default as ToolTip } from './chunk-U2AL7XFY.js';
@@ -18,7 +18,7 @@ export { Block_default as Block } from './chunk-5GT6L4BE.js';
 export { AppBar_default as AppBar } from './chunk-67BAO35I.js';
 export { Masonry_default as Masonry } from './chunk-HAXGOTZO.js';
 export { Button_default as Button } from './chunk-F2G2JRKA.js';
-export { Chip_default as Chip } from './chunk-DSZ3EOQB.js';
+export { Chip_default as Chip } from './chunk-XPEOXO2T.js';
 import './chunk-IEILIKS2.js';
 export { Badge_default as Badge } from './chunk-HIRPMCQJ.js';
 export { Alert_default as Alert } from './chunk-KQOR3C7E.js';

package/dist/input.cjs

@@ -41,138 +41,142 @@ var resolveIconClassName = (icon) => {
   const classes = [...baseClasses, normalizedName];
   return Array.from(new Set(classes)).join(" ");
 };
-var Input = ({
-  variant = "outline",
-  size = "medium",
-  success,
-  error,
-  warn,
-  icon,
-  className,
-  wrapperClassName,
-  label,
-  ...props
-}) => {
-  const { placeholder, onFocus, onBlur, ...inputProps } = props;
-  const reactId = React__default.default.useId();
-  const hasLabel = Boolean(label);
-  const hasProvidedPlaceholder = typeof placeholder === "string" && placeholder.trim().length > 0;
-  const hidePlaceholderUntilFocus = hasLabel && hasProvidedPlaceholder;
-  const [isFocused, setIsFocused] = React__default.default.useState(false);
-  const classBase = "input-base focus-visible:outline-none focus-visible:ring-primary transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed w-full text-gray-900 dark:text-gray-100 placeholder:text-gray-500 dark:placeholder:text-gray-400";
-  const variantClasses = {
-    solid: "rounded border border-gray-400 bg-white shadow-sm focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/30 dark:border-gray-600 dark:bg-slate-900 dark:shadow-black/20 dark:focus-visible:border-primary/70 dark:focus-visible:ring-primary/40",
-    sharp: "rounded-none border border-gray-400 bg-white shadow-sm focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/30 dark:border-gray-600 dark:bg-slate-900 dark:shadow-black/20 dark:focus-visible:border-primary/70 dark:focus-visible:ring-primary/40",
-    outline: "rounded border-2 border-black bg-white focus-visible:border-black focus-visible:ring-2 focus-visible:ring-black/30 dark:border-black dark:bg-transparent dark:focus-visible:border-black dark:focus-visible:ring-black/40",
-    text: "rounded-none border-0 border-b border-transparent px-0 bg-transparent focus-visible:border-primary focus-visible:ring-0 focus-visible:ring-transparent dark:border-b-gray-600 dark:focus-visible:border-primary/70",
-    ghost: "rounded border border-transparent bg-gray-50 text-gray-900 focus-visible:bg-white focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/15 dark:bg-slate-800 dark:text-gray-100 dark:focus-visible:bg-slate-700 dark:focus-visible:border-primary/60 dark:focus-visible:ring-primary/25",
-    filled: "rounded border border-gray-200 bg-gray-100 focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/25 dark:border-gray-700 dark:bg-slate-800 dark:focus-visible:border-primary/60 dark:focus-visible:ring-primary/30",
-    underlined: "rounded-none border-0 border-b border-gray-300 px-0 bg-transparent focus-visible:border-primary focus-visible:ring-0 focus-visible:ring-transparent dark:border-b-gray-600 dark:focus-visible:border-primary/70",
-    rounded: "rounded-full px-4 border border-gray-300 bg-white focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/20 shadow-sm dark:border-gray-600 dark:bg-slate-900 dark:focus-visible:border-primary/70 dark:focus-visible:ring-primary/30 dark:shadow-black/20"
-  };
-  const sizeClasses = {
-    "x-small": { paddingNoIcon: "px-2 py-2", paddingWithIcon: "pl-8 pr-2 py-2", text: "text-xs" },
-    small: {
-      paddingNoIcon: "px-2.5 py-2.5",
-      paddingWithIcon: "pl-9 pr-2.5 py-2.5",
-      text: "text-sm"
-    },
-    medium: { paddingNoIcon: "px-3 py-3", paddingWithIcon: "pl-10 pr-3 py-3", text: "text-base" },
-    large: {
-      paddingNoIcon: "px-3.5 py-3.5",
-      paddingWithIcon: "pl-11 pr-3.5 py-3.5",
-      text: "text-lg"
-    },
-    "x-large": { paddingNoIcon: "px-4 py-4", paddingWithIcon: "pl-12 pr-4 py-4", text: "text-xl" }
-  };
-  const status = error ? { tone: "error", message: error } : warn ? { tone: "warn", message: warn } : success ? { tone: "success", message: success } : void 0;
-  const statusClasses = {
-    error: "border-red-500 focus:border-red-500 focus:ring-red-400",
-    warn: "border-amber-500 focus:border-amber-500 focus:ring-amber-400",
-    success: "border-emerald-500 focus:border-emerald-500 focus:ring-emerald-400"
-  };
-  const statusMessageClasses = {
-    error: "text-red-600 dark:text-red-300",
-    warn: "text-amber-600 dark:text-amber-300",
-    success: "text-emerald-600 dark:text-emerald-300"
-  };
-  const variantClass = variantClasses[variant] ?? variantClasses.outline;
-  const toneClass = status ? statusClasses[status.tone] : void 0;
-  let prependIconClass = resolveIconClassName(icon);
-  const sizeConfig = sizeClasses[size] ?? sizeClasses.medium;
-  const sizeClass = [
-    prependIconClass ? sizeConfig.paddingWithIcon : sizeConfig.paddingNoIcon,
-    sizeConfig.text
-  ].join(" ");
-  const inputName = inputProps.name || reactId;
-  const basePlaceholder = placeholder ?? (hasLabel ? " " : void 0);
-  const placeholderValue = hidePlaceholderUntilFocus ? isFocused ? placeholder : " " : basePlaceholder;
-  const placeholderClass = hidePlaceholderUntilFocus ? "placeholder-transparent focus:placeholder-gray-500 focus:dark:placeholder-gray-400" : void 0;
-  const labelLeftClass = prependIconClass ? "left-10" : "left-3";
-  const labelBgDefault = ["outline", "text", "underlined"].includes(variant) ? "bg-transparent" : "bg-white/90 dark:bg-slate-900";
-  const handleFocus = (event) => {
-    if (hidePlaceholderUntilFocus) setIsFocused(true);
-    onFocus?.(event);
-  };
-  const handleBlur = (event) => {
-    if (hidePlaceholderUntilFocus) setIsFocused(false);
-    onBlur?.(event);
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tailwindMerge.twMerge("flex flex-col gap-1", wrapperClassName), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex items-center", children: [
-      prependIconClass && /* @__PURE__ */ jsxRuntime.jsx(
-        "i",
-        {
-          className: tailwindMerge.twMerge(
-            "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-gray-500 dark:text-gray-400",
-            status?.tone && statusMessageClasses[status?.tone] || "",
-            prependIconClass
-          ),
-          "aria-hidden": true
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "input",
-        {
-          ...inputProps,
-          id: inputName,
-          name: inputName,
-          placeholder: placeholderValue,
-          onFocus: handleFocus,
-          onBlur: handleBlur,
-          className: tailwindMerge.twMerge(
-            "peer",
-            classBase,
-            variantClass,
-            toneClass,
-            sizeClass,
-            placeholderClass,
-            className
-          )
-        }
-      ),
-      label && /* @__PURE__ */ jsxRuntime.jsx(
-        "label",
-        {
-          htmlFor: inputName,
-          className: tailwindMerge.twMerge(
-            "absolute transition-all duration-150 pointer-events-none text-gray-700 rounded dark:text-gray-200",
-            labelLeftClass,
-            // Floated state: center label's vertical middle on the top border line
-            "-top-1.5  left-1 peer-focus:left-7   -translate-y-2/3 text-xs px-1",
-            labelBgDefault,
-            // focus state mirrors floated state (keeps center on border)
-            "peer-focus:top-0 peer-focus:-translate-y-1/2 peer-focus:text-xs peer-focus:px-1 peer-focus:bg-white peer-focus:text-gray-600 dark:peer-focus:bg-slate-900 dark:peer-focus:text-gray-300",
-            // when input is empty (placeholder shown) -> center label inside input
-            "peer-placeholder-shown:top-1/2 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:text-sm peer-placeholder-shown:bg-transparent peer-placeholder-shown:text-gray-500 dark:peer-placeholder-shown:text-gray-400"
-          ),
-          children: label
-        }
-      )
-    ] }),
-    status?.message && /* @__PURE__ */ jsxRuntime.jsx("span", { className: tailwindMerge.twMerge("text-sm", statusMessageClasses[status.tone]), children: status.message })
-  ] });
-};
+var Input = React__default.default.forwardRef(
+  ({
+    variant = "outline",
+    size = "medium",
+    success,
+    error,
+    warn,
+    icon,
+    className,
+    wrapperClassName,
+    label,
+    ...props
+  }, ref) => {
+    const { placeholder, onFocus, onBlur, ...inputProps } = props;
+    const reactId = React__default.default.useId();
+    const hasLabel = Boolean(label);
+    const hasProvidedPlaceholder = typeof placeholder === "string" && placeholder.trim().length > 0;
+    const hidePlaceholderUntilFocus = hasLabel && hasProvidedPlaceholder;
+    const [isFocused, setIsFocused] = React__default.default.useState(false);
+    const classBase = "input-base focus-visible:outline-none focus-visible:ring-primary transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed w-full text-gray-900 dark:text-gray-100 placeholder:text-gray-500 dark:placeholder:text-gray-400";
+    const variantClasses = {
+      solid: "rounded border border-gray-400 bg-white shadow-sm focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/30 dark:border-gray-600 dark:bg-slate-900 dark:shadow-black/20 dark:focus-visible:border-primary/70 dark:focus-visible:ring-primary/40",
+      sharp: "rounded-none border border-gray-400 bg-white shadow-sm focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/30 dark:border-gray-600 dark:bg-slate-900 dark:shadow-black/20 dark:focus-visible:border-primary/70 dark:focus-visible:ring-primary/40",
+      outline: "rounded border-2 border-black bg-white focus-visible:border-black focus-visible:ring-2 focus-visible:ring-black/30 dark:border-black dark:bg-transparent dark:focus-visible:border-black dark:focus-visible:ring-black/40",
+      text: "rounded-none border-0 border-b border-transparent px-0 bg-transparent focus-visible:border-primary focus-visible:ring-0 focus-visible:ring-transparent dark:border-b-gray-600 dark:focus-visible:border-primary/70",
+      ghost: "rounded border border-transparent bg-gray-50 text-gray-900 focus-visible:bg-white focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/15 dark:bg-slate-800 dark:text-gray-100 dark:focus-visible:bg-slate-700 dark:focus-visible:border-primary/60 dark:focus-visible:ring-primary/25",
+      filled: "rounded border border-gray-200 bg-gray-100 focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/25 dark:border-gray-700 dark:bg-slate-800 dark:focus-visible:border-primary/60 dark:focus-visible:ring-primary/30",
+      underlined: "rounded-none border-0 border-b border-gray-300 px-0 bg-transparent focus-visible:border-primary focus-visible:ring-0 focus-visible:ring-transparent dark:border-b-gray-600 dark:focus-visible:border-primary/70",
+      rounded: "rounded-full px-4 border border-gray-300 bg-white focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/20 shadow-sm dark:border-gray-600 dark:bg-slate-900 dark:focus-visible:border-primary/70 dark:focus-visible:ring-primary/30 dark:shadow-black/20"
+    };
+    const sizeClasses = {
+      "x-small": { paddingNoIcon: "px-2 py-2", paddingWithIcon: "pl-8 pr-2 py-2", text: "text-xs" },
+      small: {
+        paddingNoIcon: "px-2.5 py-2.5",
+        paddingWithIcon: "pl-9 pr-2.5 py-2.5",
+        text: "text-sm"
+      },
+      medium: { paddingNoIcon: "px-3 py-3", paddingWithIcon: "pl-10 pr-3 py-3", text: "text-base" },
+      large: {
+        paddingNoIcon: "px-3.5 py-3.5",
+        paddingWithIcon: "pl-11 pr-3.5 py-3.5",
+        text: "text-lg"
+      },
+      "x-large": { paddingNoIcon: "px-4 py-4", paddingWithIcon: "pl-12 pr-4 py-4", text: "text-xl" }
+    };
+    const status = error ? { tone: "error", message: error } : warn ? { tone: "warn", message: warn } : success ? { tone: "success", message: success } : void 0;
+    const statusClasses = {
+      error: "border-red-500 focus:border-red-500 focus:ring-red-400",
+      warn: "border-amber-500 focus:border-amber-500 focus:ring-amber-400",
+      success: "border-emerald-500 focus:border-emerald-500 focus:ring-emerald-400"
+    };
+    const statusMessageClasses = {
+      error: "text-red-600 dark:text-red-300",
+      warn: "text-amber-600 dark:text-amber-300",
+      success: "text-emerald-600 dark:text-emerald-300"
+    };
+    const variantClass = variantClasses[variant] ?? variantClasses.outline;
+    const toneClass = status ? statusClasses[status.tone] : void 0;
+    let prependIconClass = resolveIconClassName(icon);
+    const sizeConfig = sizeClasses[size] ?? sizeClasses.medium;
+    const sizeClass = [
+      prependIconClass ? sizeConfig.paddingWithIcon : sizeConfig.paddingNoIcon,
+      sizeConfig.text
+    ].join(" ");
+    const inputName = inputProps.name || reactId;
+    const basePlaceholder = placeholder ?? (hasLabel ? " " : void 0);
+    const placeholderValue = hidePlaceholderUntilFocus ? isFocused ? placeholder : " " : basePlaceholder;
+    const placeholderClass = hidePlaceholderUntilFocus ? "placeholder-transparent focus:placeholder-gray-500 focus:dark:placeholder-gray-400" : void 0;
+    const labelLeftClass = prependIconClass ? "left-10" : "left-3";
+    const labelBgDefault = ["outline", "text", "underlined"].includes(variant) ? "bg-transparent" : "bg-white/90 dark:bg-slate-900";
+    const handleFocus = (event) => {
+      if (hidePlaceholderUntilFocus) setIsFocused(true);
+      onFocus?.(event);
+    };
+    const handleBlur = (event) => {
+      if (hidePlaceholderUntilFocus) setIsFocused(false);
+      onBlur?.(event);
+    };
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: tailwindMerge.twMerge("flex flex-col gap-1", wrapperClassName), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex items-center", children: [
+        prependIconClass && /* @__PURE__ */ jsxRuntime.jsx(
+          "i",
+          {
+            className: tailwindMerge.twMerge(
+              "pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-gray-500 dark:text-gray-400",
+              status?.tone && statusMessageClasses[status?.tone] || "",
+              prependIconClass
+            ),
+            "aria-hidden": true
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            ...inputProps,
+            ref,
+            id: inputName,
+            name: inputName,
+            placeholder: placeholderValue,
+            onFocus: handleFocus,
+            onBlur: handleBlur,
+            className: tailwindMerge.twMerge(
+              "peer",
+              classBase,
+              variantClass,
+              toneClass,
+              sizeClass,
+              placeholderClass,
+              className
+            )
+          }
+        ),
+        label && /* @__PURE__ */ jsxRuntime.jsx(
+          "label",
+          {
+            htmlFor: inputName,
+            className: tailwindMerge.twMerge(
+              "absolute transition-all duration-150 pointer-events-none text-gray-700 rounded dark:text-gray-200",
+              labelLeftClass,
+              // Floated state: center label's vertical middle on the top border line
+              "-top-1.5  left-1 peer-focus:left-7   -translate-y-2/3 text-xs px-1",
+              labelBgDefault,
+              // focus state mirrors floated state (keeps center on border)
+              "peer-focus:top-0 peer-focus:-translate-y-1/2 peer-focus:text-xs peer-focus:px-1 peer-focus:bg-white peer-focus:text-gray-600 dark:peer-focus:bg-slate-900 dark:peer-focus:text-gray-300",
+              // when input is empty (placeholder shown) -> center label inside input
+              "peer-placeholder-shown:top-1/2 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:text-sm peer-placeholder-shown:bg-transparent peer-placeholder-shown:text-gray-500 dark:peer-placeholder-shown:text-gray-400"
+            ),
+            children: label
+          }
+        )
+      ] }),
+      status?.message && /* @__PURE__ */ jsxRuntime.jsx("span", { className: tailwindMerge.twMerge("text-sm", statusMessageClasses[status.tone]), children: status.message })
+    ] });
+  }
+);
+Input.displayName = "Input";
 var Input_default = Input;
 
 module.exports = Input_default;

package/dist/input.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/globals.ts","../src/Form/Input/states.input.ts","../src/Form/Input/index.tsx"],"names":["normalizedName","React","twMerge","jsxs","jsx"],"mappings":"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","file":"input.cjs","sourcesContent":["export const iconBaseClasses = {\n  mdi: ['mdi']\n} as const;\n","import { iconBaseClasses } from '@lindle/linoardo/globals';\nimport { InputProp } from './types';\n\nexport const resolveIconClassName = (icon?: InputProp['icon']) => {\n  if (!icon) {\n    return undefined;\n  }\n\n  if (typeof icon === 'string') {\n    const trimmed = icon.trim();\n    if (!trimmed) {\n      return undefined;\n    }\n\n    if (trimmed.includes(' ')) {\n      return trimmed;\n    }\n\n    const normalizedName = trimmed.startsWith('mdi-') ? trimmed : `mdi-${trimmed}`;\n    return ['mdi', normalizedName].join(' ');\n  }\n\n  const [library, iconNameRaw] = icon;\n  const baseClasses = iconBaseClasses[library] ?? [library];\n  const iconName = iconNameRaw.trim();\n  if (!iconName) {\n    return baseClasses.join(' ');\n  }\n  const normalizedName = iconName.startsWith('mdi-') ? iconName : `mdi-${iconName}`;\n  const classes = [...baseClasses, normalizedName];\n  return Array.from(new Set(classes)).join(' ');\n};\n","import React from 'react';\nimport { twMerge } from 'tailwind-merge';\nimport { InputProp, InputVariant, InputSize } from './types';\nimport { resolveIconClassName } from './states.input';\n\n/**\n * Text input with multiple visual variants and inline status or icon adornments.\n * Label is purely CSS-driven (peer + placeholder-shown + focus), no hooks used.\n */\nconst Input: React.FC<InputProp> = ({\n  variant = 'outline',\n  size = 'medium',\n  success,\n  error,\n  warn,\n  icon,\n  className,\n  wrapperClassName,\n  label,\n  ...props\n}) => {\n  const { placeholder, onFocus, onBlur, ...inputProps } = props;\n  const reactId = React.useId();\n  const hasLabel = Boolean(label);\n  const hasProvidedPlaceholder = typeof placeholder === 'string' && placeholder.trim().length > 0;\n  const hidePlaceholderUntilFocus = hasLabel && hasProvidedPlaceholder;\n  const [isFocused, setIsFocused] = React.useState(false);\n  const classBase =\n    'input-base focus-visible:outline-none focus-visible:ring-primary transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed w-full text-gray-900 dark:text-gray-100 placeholder:text-gray-500 dark:placeholder:text-gray-400';\n  const variantClasses = {\n    solid:\n      'rounded border border-gray-400 bg-white shadow-sm focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/30 dark:border-gray-600 dark:bg-slate-900 dark:shadow-black/20 dark:focus-visible:border-primary/70 dark:focus-visible:ring-primary/40',\n    sharp:\n      'rounded-none border border-gray-400 bg-white shadow-sm focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/30 dark:border-gray-600 dark:bg-slate-900 dark:shadow-black/20 dark:focus-visible:border-primary/70 dark:focus-visible:ring-primary/40',\n    outline:\n      'rounded border-2 border-black bg-white focus-visible:border-black focus-visible:ring-2 focus-visible:ring-black/30 dark:border-black dark:bg-transparent dark:focus-visible:border-black dark:focus-visible:ring-black/40',\n    text: 'rounded-none border-0 border-b border-transparent px-0 bg-transparent focus-visible:border-primary focus-visible:ring-0 focus-visible:ring-transparent dark:border-b-gray-600 dark:focus-visible:border-primary/70',\n    ghost:\n      'rounded border border-transparent bg-gray-50 text-gray-900 focus-visible:bg-white focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/15 dark:bg-slate-800 dark:text-gray-100 dark:focus-visible:bg-slate-700 dark:focus-visible:border-primary/60 dark:focus-visible:ring-primary/25',\n    filled:\n      'rounded border border-gray-200 bg-gray-100 focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/25 dark:border-gray-700 dark:bg-slate-800 dark:focus-visible:border-primary/60 dark:focus-visible:ring-primary/30',\n    underlined:\n      'rounded-none border-0 border-b border-gray-300 px-0 bg-transparent focus-visible:border-primary focus-visible:ring-0 focus-visible:ring-transparent dark:border-b-gray-600 dark:focus-visible:border-primary/70',\n    rounded:\n      'rounded-full px-4 border border-gray-300 bg-white focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/20 shadow-sm dark:border-gray-600 dark:bg-slate-900 dark:focus-visible:border-primary/70 dark:focus-visible:ring-primary/30 dark:shadow-black/20'\n  } satisfies Record<InputVariant, string>;\n  const sizeClasses = {\n    'x-small': { paddingNoIcon: 'px-2 py-2', paddingWithIcon: 'pl-8 pr-2 py-2', text: 'text-xs' },\n    small: {\n      paddingNoIcon: 'px-2.5 py-2.5',\n      paddingWithIcon: 'pl-9 pr-2.5 py-2.5',\n      text: 'text-sm'\n    },\n    medium: { paddingNoIcon: 'px-3 py-3', paddingWithIcon: 'pl-10 pr-3 py-3', text: 'text-base' },\n    large: {\n      paddingNoIcon: 'px-3.5 py-3.5',\n      paddingWithIcon: 'pl-11 pr-3.5 py-3.5',\n      text: 'text-lg'\n    },\n    'x-large': { paddingNoIcon: 'px-4 py-4', paddingWithIcon: 'pl-12 pr-4 py-4', text: 'text-xl' }\n  } satisfies Record<InputSize, { paddingNoIcon: string; paddingWithIcon: string; text: string }>;\n\n  const status = error\n    ? { tone: 'error' as const, message: error }\n    : warn\n    ? { tone: 'warn' as const, message: warn }\n    : success\n    ? { tone: 'success' as const, message: success }\n    : undefined;\n\n  const statusClasses = {\n    error: 'border-red-500 focus:border-red-500 focus:ring-red-400',\n    warn: 'border-amber-500 focus:border-amber-500 focus:ring-amber-400',\n    success: 'border-emerald-500 focus:border-emerald-500 focus:ring-emerald-400'\n  } as const;\n\n  const statusMessageClasses = {\n    error: 'text-red-600 dark:text-red-300',\n    warn: 'text-amber-600 dark:text-amber-300',\n    success: 'text-emerald-600 dark:text-emerald-300'\n  } as const;\n\n  const variantClass = variantClasses[variant] ?? variantClasses.outline;\n  const toneClass = status ? statusClasses[status.tone] : undefined;\n  let prependIconClass = resolveIconClassName(icon);\n  const sizeConfig = sizeClasses[size] ?? sizeClasses.medium;\n  const sizeClass = [\n    prependIconClass ? sizeConfig.paddingWithIcon : sizeConfig.paddingNoIcon,\n    sizeConfig.text\n  ].join(' ');\n\n  // useId keeps SSR/CSR ids consistent while still providing a fallback name\n  const inputName = inputProps.name || reactId;\n\n  // Ensure placeholder is present when label exists so :placeholder-shown works.\n  // Label stays primary; placeholder only appears on focus when the field is empty.\n  const basePlaceholder = placeholder ?? (hasLabel ? ' ' : undefined);\n  const placeholderValue = hidePlaceholderUntilFocus\n    ? isFocused\n      ? placeholder\n      : ' '\n    : basePlaceholder;\n  const placeholderClass = hidePlaceholderUntilFocus\n    ? 'placeholder-transparent focus:placeholder-gray-500 focus:dark:placeholder-gray-400'\n    : undefined;\n\n  // Label left offset depends on icon presence\n  const labelLeftClass = prependIconClass ? 'left-10' : 'left-3';\n\n  // Background for floated label — keep transparent for outline/text/underlined variants\n  const labelBgDefault = ['outline', 'text', 'underlined'].includes(variant)\n    ? 'bg-transparent'\n    : 'bg-white/90 dark:bg-slate-900';\n\n  const handleFocus: React.FocusEventHandler<HTMLInputElement> = event => {\n    if (hidePlaceholderUntilFocus) setIsFocused(true);\n    onFocus?.(event);\n  };\n\n  const handleBlur: React.FocusEventHandler<HTMLInputElement> = event => {\n    if (hidePlaceholderUntilFocus) setIsFocused(false);\n    onBlur?.(event);\n  };\n\n  return (\n    <div className={twMerge('flex flex-col gap-1', wrapperClassName)}>\n      <div className='relative flex items-center'>\n        {prependIconClass && (\n          <i\n            className={twMerge(\n              'pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-gray-500 dark:text-gray-400',\n              (status?.tone && statusMessageClasses[status?.tone]) || '',\n              prependIconClass\n            )}\n            aria-hidden\n          />\n        )}\n\n        {/* input is peer so label can react with peer-* utilities */}\n        <input\n          {...inputProps}\n          id={inputName}\n          name={inputName}\n          placeholder={placeholderValue}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          className={twMerge(\n            'peer',\n            classBase,\n            variantClass,\n            toneClass,\n            sizeClass,\n            placeholderClass,\n            className\n          )}\n        />\n\n        {label && (\n          <label\n            htmlFor={inputName}\n            className={twMerge(\n              'absolute transition-all duration-150 pointer-events-none text-gray-700 rounded dark:text-gray-200',\n              labelLeftClass,\n              // Floated state: center label's vertical middle on the top border line\n              '-top-1.5  left-1 peer-focus:left-7   -translate-y-2/3 text-xs px-1',\n              labelBgDefault,\n              // focus state mirrors floated state (keeps center on border)\n              'peer-focus:top-0 peer-focus:-translate-y-1/2 peer-focus:text-xs peer-focus:px-1 peer-focus:bg-white peer-focus:text-gray-600 dark:peer-focus:bg-slate-900 dark:peer-focus:text-gray-300',\n              // when input is empty (placeholder shown) -> center label inside input\n              'peer-placeholder-shown:top-1/2 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:text-sm peer-placeholder-shown:bg-transparent peer-placeholder-shown:text-gray-500 dark:peer-placeholder-shown:text-gray-400'\n            )}\n          >\n            {label}\n          </label>\n        )}\n\n        {/* {appendIconClass && (\n          <i className={twMerge('pointer-events-none absolute right-3 text-gray-500', appendIconClass)} aria-hidden />\n        )} */}\n      </div>\n      {status?.message && (\n        <span className={twMerge('text-sm', statusMessageClasses[status.tone])}>\n          {status.message}\n        </span>\n      )}\n    </div>\n  );\n};\n\nexport default Input;\n"]}
+{"version":3,"sources":["../src/globals.ts","../src/Form/Input/states.input.ts","../src/Form/Input/index.tsx"],"names":["normalizedName","React","twMerge","jsxs","jsx"],"mappings":"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","file":"input.cjs","sourcesContent":["export const iconBaseClasses = {\n  mdi: ['mdi']\n} as const;\n","import { iconBaseClasses } from '@lindle/linoardo/globals';\nimport { InputProp } from './types';\n\nexport const resolveIconClassName = (icon?: InputProp['icon']) => {\n  if (!icon) {\n    return undefined;\n  }\n\n  if (typeof icon === 'string') {\n    const trimmed = icon.trim();\n    if (!trimmed) {\n      return undefined;\n    }\n\n    if (trimmed.includes(' ')) {\n      return trimmed;\n    }\n\n    const normalizedName = trimmed.startsWith('mdi-') ? trimmed : `mdi-${trimmed}`;\n    return ['mdi', normalizedName].join(' ');\n  }\n\n  const [library, iconNameRaw] = icon;\n  const baseClasses = iconBaseClasses[library] ?? [library];\n  const iconName = iconNameRaw.trim();\n  if (!iconName) {\n    return baseClasses.join(' ');\n  }\n  const normalizedName = iconName.startsWith('mdi-') ? iconName : `mdi-${iconName}`;\n  const classes = [...baseClasses, normalizedName];\n  return Array.from(new Set(classes)).join(' ');\n};\n","import React from 'react';\nimport { twMerge } from 'tailwind-merge';\nimport { InputProp, InputVariant, InputSize } from './types';\nimport { resolveIconClassName } from './states.input';\n\n/**\n * Text input with multiple visual variants and inline status or icon adornments.\n * Label is purely CSS-driven (peer + placeholder-shown + focus), no hooks used.\n */\nconst Input = React.forwardRef<HTMLInputElement, InputProp>(\n  (\n    {\n      variant = 'outline',\n      size = 'medium',\n      success,\n      error,\n      warn,\n      icon,\n      className,\n      wrapperClassName,\n      label,\n      ...props\n    },\n    ref\n  ) => {\n    const { placeholder, onFocus, onBlur, ...inputProps } = props;\n    const reactId = React.useId();\n    const hasLabel = Boolean(label);\n    const hasProvidedPlaceholder = typeof placeholder === 'string' && placeholder.trim().length > 0;\n    const hidePlaceholderUntilFocus = hasLabel && hasProvidedPlaceholder;\n    const [isFocused, setIsFocused] = React.useState(false);\n    const classBase =\n      'input-base focus-visible:outline-none focus-visible:ring-primary transition-colors duration-200 disabled:opacity-50 disabled:cursor-not-allowed w-full text-gray-900 dark:text-gray-100 placeholder:text-gray-500 dark:placeholder:text-gray-400';\n    const variantClasses = {\n      solid:\n        'rounded border border-gray-400 bg-white shadow-sm focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/30 dark:border-gray-600 dark:bg-slate-900 dark:shadow-black/20 dark:focus-visible:border-primary/70 dark:focus-visible:ring-primary/40',\n      sharp:\n        'rounded-none border border-gray-400 bg-white shadow-sm focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/30 dark:border-gray-600 dark:bg-slate-900 dark:shadow-black/20 dark:focus-visible:border-primary/70 dark:focus-visible:ring-primary/40',\n      outline:\n        'rounded border-2 border-black bg-white focus-visible:border-black focus-visible:ring-2 focus-visible:ring-black/30 dark:border-black dark:bg-transparent dark:focus-visible:border-black dark:focus-visible:ring-black/40',\n      text: 'rounded-none border-0 border-b border-transparent px-0 bg-transparent focus-visible:border-primary focus-visible:ring-0 focus-visible:ring-transparent dark:border-b-gray-600 dark:focus-visible:border-primary/70',\n      ghost:\n        'rounded border border-transparent bg-gray-50 text-gray-900 focus-visible:bg-white focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/15 dark:bg-slate-800 dark:text-gray-100 dark:focus-visible:bg-slate-700 dark:focus-visible:border-primary/60 dark:focus-visible:ring-primary/25',\n      filled:\n        'rounded border border-gray-200 bg-gray-100 focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/25 dark:border-gray-700 dark:bg-slate-800 dark:focus-visible:border-primary/60 dark:focus-visible:ring-primary/30',\n      underlined:\n        'rounded-none border-0 border-b border-gray-300 px-0 bg-transparent focus-visible:border-primary focus-visible:ring-0 focus-visible:ring-transparent dark:border-b-gray-600 dark:focus-visible:border-primary/70',\n      rounded:\n        'rounded-full px-4 border border-gray-300 bg-white focus-visible:border-primary focus-visible:ring-2 focus-visible:ring-primary/20 shadow-sm dark:border-gray-600 dark:bg-slate-900 dark:focus-visible:border-primary/70 dark:focus-visible:ring-primary/30 dark:shadow-black/20'\n    } satisfies Record<InputVariant, string>;\n    const sizeClasses = {\n      'x-small': { paddingNoIcon: 'px-2 py-2', paddingWithIcon: 'pl-8 pr-2 py-2', text: 'text-xs' },\n      small: {\n        paddingNoIcon: 'px-2.5 py-2.5',\n        paddingWithIcon: 'pl-9 pr-2.5 py-2.5',\n        text: 'text-sm'\n      },\n      medium: { paddingNoIcon: 'px-3 py-3', paddingWithIcon: 'pl-10 pr-3 py-3', text: 'text-base' },\n      large: {\n        paddingNoIcon: 'px-3.5 py-3.5',\n        paddingWithIcon: 'pl-11 pr-3.5 py-3.5',\n        text: 'text-lg'\n      },\n      'x-large': { paddingNoIcon: 'px-4 py-4', paddingWithIcon: 'pl-12 pr-4 py-4', text: 'text-xl' }\n    } satisfies Record<InputSize, { paddingNoIcon: string; paddingWithIcon: string; text: string }>;\n\n    const status = error\n      ? { tone: 'error' as const, message: error }\n      : warn\n      ? { tone: 'warn' as const, message: warn }\n      : success\n      ? { tone: 'success' as const, message: success }\n      : undefined;\n\n    const statusClasses = {\n      error: 'border-red-500 focus:border-red-500 focus:ring-red-400',\n      warn: 'border-amber-500 focus:border-amber-500 focus:ring-amber-400',\n      success: 'border-emerald-500 focus:border-emerald-500 focus:ring-emerald-400'\n    } as const;\n\n    const statusMessageClasses = {\n      error: 'text-red-600 dark:text-red-300',\n      warn: 'text-amber-600 dark:text-amber-300',\n      success: 'text-emerald-600 dark:text-emerald-300'\n    } as const;\n\n    const variantClass = variantClasses[variant] ?? variantClasses.outline;\n    const toneClass = status ? statusClasses[status.tone] : undefined;\n    let prependIconClass = resolveIconClassName(icon);\n    const sizeConfig = sizeClasses[size] ?? sizeClasses.medium;\n    const sizeClass = [\n      prependIconClass ? sizeConfig.paddingWithIcon : sizeConfig.paddingNoIcon,\n      sizeConfig.text\n    ].join(' ');\n\n    // useId keeps SSR/CSR ids consistent while still providing a fallback name\n    const inputName = inputProps.name || reactId;\n\n    // Ensure placeholder is present when label exists so :placeholder-shown works.\n    // Label stays primary; placeholder only appears on focus when the field is empty.\n    const basePlaceholder = placeholder ?? (hasLabel ? ' ' : undefined);\n    const placeholderValue = hidePlaceholderUntilFocus\n      ? isFocused\n        ? placeholder\n        : ' '\n      : basePlaceholder;\n    const placeholderClass = hidePlaceholderUntilFocus\n      ? 'placeholder-transparent focus:placeholder-gray-500 focus:dark:placeholder-gray-400'\n      : undefined;\n\n    // Label left offset depends on icon presence\n    const labelLeftClass = prependIconClass ? 'left-10' : 'left-3';\n\n    // Background for floated label — keep transparent for outline/text/underlined variants\n    const labelBgDefault = ['outline', 'text', 'underlined'].includes(variant)\n      ? 'bg-transparent'\n      : 'bg-white/90 dark:bg-slate-900';\n\n    const handleFocus: React.FocusEventHandler<HTMLInputElement> = event => {\n      if (hidePlaceholderUntilFocus) setIsFocused(true);\n      onFocus?.(event);\n    };\n\n    const handleBlur: React.FocusEventHandler<HTMLInputElement> = event => {\n      if (hidePlaceholderUntilFocus) setIsFocused(false);\n      onBlur?.(event);\n    };\n\n    return (\n      <div className={twMerge('flex flex-col gap-1', wrapperClassName)}>\n        <div className='relative flex items-center'>\n          {prependIconClass && (\n            <i\n              className={twMerge(\n                'pointer-events-none absolute left-3 top-1/2 -translate-y-1/2 text-gray-500 dark:text-gray-400',\n                (status?.tone && statusMessageClasses[status?.tone]) || '',\n                prependIconClass\n              )}\n              aria-hidden\n            />\n          )}\n\n          {/* input is peer so label can react with peer-* utilities */}\n          <input\n            {...inputProps}\n            ref={ref}\n            id={inputName}\n            name={inputName}\n            placeholder={placeholderValue}\n            onFocus={handleFocus}\n            onBlur={handleBlur}\n            className={twMerge(\n              'peer',\n              classBase,\n              variantClass,\n              toneClass,\n              sizeClass,\n              placeholderClass,\n              className\n            )}\n          />\n\n          {label && (\n            <label\n              htmlFor={inputName}\n              className={twMerge(\n                'absolute transition-all duration-150 pointer-events-none text-gray-700 rounded dark:text-gray-200',\n                labelLeftClass,\n                // Floated state: center label's vertical middle on the top border line\n                '-top-1.5  left-1 peer-focus:left-7   -translate-y-2/3 text-xs px-1',\n                labelBgDefault,\n                // focus state mirrors floated state (keeps center on border)\n                'peer-focus:top-0 peer-focus:-translate-y-1/2 peer-focus:text-xs peer-focus:px-1 peer-focus:bg-white peer-focus:text-gray-600 dark:peer-focus:bg-slate-900 dark:peer-focus:text-gray-300',\n                // when input is empty (placeholder shown) -> center label inside input\n                'peer-placeholder-shown:top-1/2 peer-placeholder-shown:-translate-y-1/2 peer-placeholder-shown:text-sm peer-placeholder-shown:bg-transparent peer-placeholder-shown:text-gray-500 dark:peer-placeholder-shown:text-gray-400'\n              )}\n            >\n              {label}\n            </label>\n          )}\n\n          {/* {appendIconClass && (\n          <i className={twMerge('pointer-events-none absolute right-3 text-gray-500', appendIconClass)} aria-hidden />\n        )} */}\n        </div>\n        {status?.message && (\n          <span className={twMerge('text-sm', statusMessageClasses[status.tone])}>\n            {status.message}\n          </span>\n        )}\n      </div>\n    );\n  }\n);\n\nInput.displayName = 'Input';\n\nexport default Input;\n"]}

package/dist/input.d.cts

@@ -1,11 +1,17 @@
+import { I as InputStatusProps, a as InputVariant, b as InputSize, c as InputIcon } from './types-BJC99riF.cjs';
 import react__default from 'react';
-import { I as InputProp } from './types-BCqIOkp1.cjs';
 import './global.types-E2uVLemv.cjs';
 
 /**
  * Text input with multiple visual variants and inline status or icon adornments.
  * Label is purely CSS-driven (peer + placeholder-shown + focus), no hooks used.
  */
-declare const Input: react__default.FC<InputProp>;
+declare const Input: react__default.ForwardRefExoticComponent<Omit<react__default.InputHTMLAttributes<HTMLInputElement>, "size"> & InputStatusProps & {
+    variant?: InputVariant;
+    size?: InputSize;
+    icon?: InputIcon;
+    wrapperClassName?: string;
+    label?: react__default.ReactNode;
+} & react__default.RefAttributes<HTMLInputElement>>;
 
 export { Input as default };

package/dist/input.d.ts

@@ -1,11 +1,17 @@
+import { I as InputStatusProps, a as InputVariant, b as InputSize, c as InputIcon } from './types-CTq2JZpg.js';
 import react__default from 'react';
-import { I as InputProp } from './types-ChXN4u7x.js';
 import './global.types-E2uVLemv.js';
 
 /**
  * Text input with multiple visual variants and inline status or icon adornments.
  * Label is purely CSS-driven (peer + placeholder-shown + focus), no hooks used.
  */
-declare const Input: react__default.FC<InputProp>;
+declare const Input: react__default.ForwardRefExoticComponent<Omit<react__default.InputHTMLAttributes<HTMLInputElement>, "size"> & InputStatusProps & {
+    variant?: InputVariant;
+    size?: InputSize;
+    icon?: InputIcon;
+    wrapperClassName?: string;
+    label?: react__default.ReactNode;
+} & react__default.RefAttributes<HTMLInputElement>>;
 
 export { Input as default };

package/dist/input.js

@@ -1,4 +1,4 @@
-export { Input_default as default } from './chunk-AUFMBVXA.js';
+export { Input_default as default } from './chunk-P3ESW6KM.js';
 import './chunk-IEILIKS2.js';
 //# sourceMappingURL=input.js.map
 //# sourceMappingURL=input.js.map

package/dist/select.d.cts

@@ -1,6 +1,6 @@
 import react__default from 'react';
 import { a as GlobalSize } from './global.types-E2uVLemv.cjs';
-import { a as InputVariant } from './types-BCqIOkp1.cjs';
+import { a as InputVariant } from './types-BJC99riF.cjs';
 
 type SelectOptionObject = {
     label: react__default.ReactNode;

package/dist/select.d.ts

@@ -1,6 +1,6 @@
 import react__default from 'react';
 import { a as GlobalSize } from './global.types-E2uVLemv.js';
-import { a as InputVariant } from './types-ChXN4u7x.js';
+import { a as InputVariant } from './types-CTq2JZpg.js';
 
 type SelectOptionObject = {
     label: react__default.ReactNode;

package/dist/styles.css

@@ -531,6 +531,9 @@
   .h-8 {
     height: calc(var(--spacing) * 8);
   }
+  .h-9 {
+    height: calc(var(--spacing) * 9);
+  }
   .h-10 {
     height: calc(var(--spacing) * 10);
   }
@@ -873,9 +876,15 @@
   .gap-2 {
     gap: calc(var(--spacing) * 2);
   }
+  .gap-2\.5 {
+    gap: calc(var(--spacing) * 2.5);
+  }
   .gap-3 {
     gap: calc(var(--spacing) * 3);
   }
+  .gap-3\.5 {
+    gap: calc(var(--spacing) * 3.5);
+  }
   .gap-4 {
     gap: calc(var(--spacing) * 4);
   }
@@ -1662,6 +1671,9 @@
   .px-1 {
     padding-inline: calc(var(--spacing) * 1);
   }
+  .px-1\.5 {
+    padding-inline: calc(var(--spacing) * 1.5);
+  }
   .px-2 {
     padding-inline: calc(var(--spacing) * 2);
   }
@@ -1907,6 +1919,9 @@
   .whitespace-pre-wrap {
     white-space: pre-wrap;
   }
+  .text-amber-500 {
+    color: var(--color-amber-500);
+  }
   .text-amber-600 {
     color: var(--color-amber-600);
   }
@@ -1931,6 +1946,9 @@
       color: color-mix(in oklab, currentcolor 70%, transparent);
     }
   }
+  .text-emerald-500 {
+    color: var(--color-emerald-500);
+  }
   .text-emerald-600 {
     color: var(--color-emerald-600);
   }
@@ -1973,6 +1991,9 @@
   .text-red-900 {
     color: var(--color-red-900);
   }
+  .text-sky-500 {
+    color: var(--color-sky-500);
+  }
   .text-sky-600 {
     color: var(--color-sky-600);
   }
@@ -2467,6 +2488,16 @@
       }
     }
   }
+  .peer-checked\:block {
+    &:is(:where(.peer):checked ~ *) {
+      display: block;
+    }
+  }
+  .peer-checked\:hidden {
+    &:is(:where(.peer):checked ~ *) {
+      display: none;
+    }
+  }
   .peer-checked\/advanced\:flex {
     &:is(:where(.peer\/advanced):checked ~ *) {
       display: flex;

package/dist/{types-BCqIOkp1.d.cts → types-BJC99riF.d.cts}

@@ -1,5 +1,4 @@
 import { G as GlobalVariant, a as GlobalSize } from './global.types-E2uVLemv.cjs';
-import react__default from 'react';
 
 type InputVariant = GlobalVariant;
 type InputSize = GlobalSize;
@@ -13,12 +12,5 @@ type InputStatusProps = {
     error?: StatusValue;
     warn?: StatusValue;
 };
-type InputProp = Omit<react__default.InputHTMLAttributes<HTMLInputElement>, 'size'> & InputStatusProps & {
-    variant?: InputVariant;
-    size?: InputSize;
-    icon?: InputIcon;
-    wrapperClassName?: string;
-    label?: react__default.ReactNode;
-};
 
-export type { InputProp as I, InputVariant as a };
+export type { InputStatusProps as I, InputVariant as a, InputSize as b, InputIcon as c };

package/dist/{types-ChXN4u7x.d.ts → types-CTq2JZpg.d.ts}

@@ -1,5 +1,4 @@
 import { G as GlobalVariant, a as GlobalSize } from './global.types-E2uVLemv.js';
-import react__default from 'react';
 
 type InputVariant = GlobalVariant;
 type InputSize = GlobalSize;
@@ -13,12 +12,5 @@ type InputStatusProps = {
     error?: StatusValue;
     warn?: StatusValue;
 };
-type InputProp = Omit<react__default.InputHTMLAttributes<HTMLInputElement>, 'size'> & InputStatusProps & {
-    variant?: InputVariant;
-    size?: InputSize;
-    icon?: InputIcon;
-    wrapperClassName?: string;
-    label?: react__default.ReactNode;
-};
 
-export type { InputProp as I, InputVariant as a };
+export type { InputStatusProps as I, InputVariant as a, InputSize as b, InputIcon as c };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lindle/linoardo",
-  "version": "1.0.31",
+  "version": "1.0.33",
   "description": "",
   "keywords": [],
   "author": "",