@commercetools/nimbus 0.0.0-canary-20250919154858 → 0.0.0-canary-20250922152719

package/dist/index.es.js

@@ -1,12 +1,12 @@
 import { A as Le } from "./chunks/avatar-Bu12OMzz.es.js";
 import { B as Be } from "./chunks/box-DuBoAZvq.es.js";
-import { B as He } from "./chunks/button-DnZz51Rh.es.js";
+import { B as He } from "./chunks/button-DRMpnb-1.es.js";
 import { C as Fe } from "./chunks/code-Dl7u63Zn.es.js";
-import { C as Ne, c as Ue, b as je, a as Ge } from "./chunks/combobox-Bjv3GWGo.es.js";
+import { C as Ne, c as Ue, b as je, a as Ge } from "./chunks/combobox-Dmn2vxIz.es.js";
 import { D as Ve } from "./chunks/dialog-DTSuKnyk.es.js";
 import { G as We } from "./chunks/group-CqfSQXe7.es.js";
-import { I as Xe } from "./chunks/icon-button-N3Uzjv8o.es.js";
-import { I as Qe } from "./chunks/icon-toggle-button-BcrMgO27.es.js";
+import { I as Xe } from "./chunks/icon-button-C_i4ydsN.es.js";
+import { I as Qe } from "./chunks/icon-toggle-button-f03QyjEE.es.js";
 import { I as Ze } from "./chunks/image-DRigLU80.es.js";
 import { K as tt } from "./chunks/kbd-BXN9aXRE.es.js";
 import { L as ot } from "./chunks/link-CFK97sc0.es.js";
@@ -15,51 +15,51 @@ import { S as ct } from "./chunks/simple-grid-DU5v66TG.es.js";
 import { T as dt } from "./chunks/text-DfQpupDi.es.js";
 import { b as mt, a as yt, T as vt } from "./chunks/tooltip-B1YdruCE.es.js";
 import { M as bt } from "./chunks/make-element-focusable-C4ZHUSEU.es.js";
-import { z as X } from "./chunks/nimbus-provider-CH5x7sz1.es.js";
-import { N as Ct } from "./chunks/nimbus-provider-CH5x7sz1.es.js";
-import { C as _t } from "./chunks/checkbox-BxRZ9dqc.es.js";
+import { z as X } from "./chunks/nimbus-provider-BE3QFNWW.es.js";
+import { N as Ct } from "./chunks/nimbus-provider-BE3QFNWW.es.js";
+import { C as _t } from "./chunks/checkbox-CdSHDZgM.es.js";
 import { S as St } from "./chunks/stack-CoNreM7B.es.js";
 import { V as kt } from "./chunks/visually-hidden-BluyWhUI.es.js";
-import { T as Dt } from "./chunks/text-input-Bu4lGoBD.es.js";
-import { N as It } from "./chunks/number-input-CjBiCFF6.es.js";
+import { T as Dt } from "./chunks/text-input-Bm5P6cG3.es.js";
+import { N as It } from "./chunks/number-input-COfobs8H.es.js";
 import { G as Lt } from "./chunks/grid-De8qjf98.es.js";
-import { S as Bt, c as Pt, d as Ht, b as Kt, a as Ft } from "./chunks/select-BvwErOqX.es.js";
-import { S as Nt } from "./chunks/separator-BRUFpi9l.es.js";
-import { A as jt, d as Gt, c as qt, e as Vt, b as zt, a as Wt } from "./chunks/accordion-CyaEB05t.es.js";
-import { A as Xt, d as Jt, c as Qt, e as Yt, a as Zt, b as er } from "./chunks/alert-CQzbVGQM.es.js";
+import { S as Bt, c as Pt, d as Ht, b as Kt, a as Ft } from "./chunks/select-Bj9NNlBG.es.js";
+import { S as Nt } from "./chunks/separator-BBcK9ROS.es.js";
+import { A as jt, d as Gt, c as qt, e as Vt, b as zt, a as Wt } from "./chunks/accordion-CSSdv9jZ.es.js";
+import { A as Xt, d as Jt, c as Qt, e as Yt, a as Zt, b as er } from "./chunks/alert-BRDuEo75.es.js";
 import { B as rr } from "./chunks/badge-BJd-Q81M.es.js";
 import { C as nr, c as ar, b as sr, a as ir } from "./chunks/card-BfUdf1Fy.es.js";
-import { F as lr, d as cr, e as fr, f as dr, c as pr, b as mr, a as yr } from "./chunks/form-field-CPPobl2Z.es.js";
+import { F as lr, d as cr, e as fr, f as dr, c as pr, b as mr, a as yr } from "./chunks/form-field-DMs36b56.es.js";
 import { I as gr } from "./chunks/icon-DHu0zrOb.es.js";
 import { I as xr } from "./chunks/inline-svg-DTleUhZq.es.js";
 import { L as hr } from "./chunks/loading-spinner-DqWmjCK2.es.js";
-import { P as wr } from "./chunks/password-input-BlU2h_8U.es.js";
-import { S as Tr } from "./chunks/split-button-B4SnFetQ.es.js";
-import { T as Er } from "./chunks/time-input-D8D26IcA.es.js";
-import { M as Rr } from "./chunks/multiline-text-input-B9RhT0Oy.es.js";
-import { M as Ar } from "./chunks/money-input-Dkl0TJ-w.es.js";
-import { R as Mr, b as Br, a as Pr } from "./chunks/radio-input-CV2Am_Ol.es.js";
-import { S as Kr } from "./chunks/switch-CssXPh09.es.js";
-import { T as Or } from "./chunks/tag-group-JeqOcMyb.es.js";
-import { T as Ur } from "./chunks/toggle-button-DSp3s7cp.es.js";
+import { P as wr } from "./chunks/password-input-BXIl-f4z.es.js";
+import { S as Tr } from "./chunks/split-button-C5RRpvG-.es.js";
+import { T as Er } from "./chunks/time-input-BVrf5gCi.es.js";
+import { M as Rr } from "./chunks/multiline-text-input-DZaLPY2Z.es.js";
+import { M as Ar } from "./chunks/money-input-CtG9FJDJ.es.js";
+import { R as Mr, b as Br, a as Pr } from "./chunks/radio-input-CBsoUt1S.es.js";
+import { S as Kr } from "./chunks/switch-CaNbdCzT.es.js";
+import { T as Or } from "./chunks/tag-group-Bs6sb_ky.es.js";
+import { T as Ur } from "./chunks/toggle-button-Bg4ygY7u.es.js";
 import { T as Gr, b as qr, a as Vr } from "./chunks/toggle-button-group-jRdpdYyd.es.js";
-import { D as Wr } from "./chunks/date-input-BfX4o6R4.es.js";
-import { C as Xr } from "./chunks/calendar-CrxxYJd-.es.js";
-import { D as Qr } from "./chunks/date-picker-BviqgxDx.es.js";
-import { P as Zr } from "./chunks/progress-bar-DhG9TG8r.es.js";
-import { R as to } from "./chunks/range-calendar-BpFwP2wF.es.js";
-import { D as oo } from "./chunks/date-range-picker-CsUWSzSC.es.js";
-import { T as ao } from "./chunks/toolbar-_QcKjeZY.es.js";
-import { g as J } from "./chunks/rich-text-input-BBVWAH5I.es.js";
-import { R as io } from "./chunks/rich-text-input-BBVWAH5I.es.js";
-import { D as lo, e as co, g as fo, d as po, i as mo, h as yo, c as vo, j as go, a as bo, f as xo, k as Co, b as ho } from "./chunks/data-table-9C4ViaHW.es.js";
-import { P as wo } from "./chunks/pagination-BYCMJoWX.es.js";
-import { s as To } from "./chunks/index-DwjTNyza.es.js";
+import { D as Wr } from "./chunks/date-input-CoAPdZTG.es.js";
+import { C as Xr } from "./chunks/calendar-DnQnMOcs.es.js";
+import { D as Qr } from "./chunks/date-picker-BVrTKhZ_.es.js";
+import { P as Zr } from "./chunks/progress-bar-8RZO_7Pa.es.js";
+import { R as to } from "./chunks/range-calendar-ZSiCkuoX.es.js";
+import { D as oo } from "./chunks/date-range-picker-D55giMLZ.es.js";
+import { T as ao } from "./chunks/toolbar-BZFjOgau.es.js";
+import { g as J } from "./chunks/rich-text-input-YYPcexom.es.js";
+import { R as io } from "./chunks/rich-text-input-YYPcexom.es.js";
+import { D as lo, e as co, g as fo, d as po, i as mo, h as yo, c as vo, j as go, a as bo, f as xo, k as Co, b as ho } from "./chunks/data-table-CBr4TLyH.es.js";
+import { P as wo } from "./chunks/pagination-C5bOKHnF.es.js";
+import { s as To } from "./chunks/index-CRta5Y1_.es.js";
 import { useState as M, useRef as T, useCallback as E, useLayoutEffect as Q, useEffect as B, useContext as G, createContext as q } from "react";
 import { Flex as Eo } from "@chakra-ui/react/flex";
 import { Heading as Ro } from "@chakra-ui/react/heading";
 import { Table as Ao } from "@chakra-ui/react/table";
-import { M as Mo, c as Bo, d as Po, a as Ho, e as Ko, g as Fo, f as Oo, b as No } from "./chunks/menu-vAP73jq6.es.js";
+import { M as Mo, c as Bo, d as Po, a as Ho, e as Ko, g as Fo, f as Oo, b as No } from "./chunks/menu-D5UbPSbm.es.js";
 import "react/jsx-runtime";
 function L() {
   return L = Object.assign ? Object.assign.bind() : function(e) {

package/dist/multiline-text-input.d.ts

@@ -1,7 +1,7 @@
 import { HTMLChakraProps } from '@chakra-ui/react/styled-system';
 import { JSX } from 'react/jsx-runtime';
-import { RecipeDefinition } from '@chakra-ui/react';
 import { RecipeVariantProps } from '@chakra-ui/react/styled-system';
+import { SlotRecipeDefinition } from '@chakra-ui/react';
 import { TextFieldProps } from 'react-aria-components';
 import { UnstyledProp } from '@chakra-ui/react/styled-system';
 
@@ -24,29 +24,66 @@ export declare interface MultilineTextInputProps extends TextFieldProps, Omit<Mu
      * This works in addition to the default draggable resize behavior.
      */
     autoGrow?: boolean;
+    /**
+     * Number of visible text lines for the control.
+     * @default 1
+     */
+    rows?: number;
+    /**
+     * Optional element to display at the start of the input
+     * Will respect text direction (left in LTR, right in RTL)
+     */
+    leadingElement?: React.ReactNode;
+    placeholder?: string;
 }
 
 /**
  * Recipe configuration for the MultilineTextInput component.
  * Defines the styling variants and base styles using Chakra UI's recipe system.
  */
-declare const multilineTextInputRecipe: RecipeDefinition<    {
+declare const multilineTextInputRecipe: SlotRecipeDefinition<"textarea" | "root" | "leadingElement", {
 size: {
 sm: {
-minH: number;
+root: {
+minH: "800";
 textStyle: "sm";
-px: number;
-py: number;
+gap: "100";
+pl: "300";
+};
+textarea: {
+pr: "300";
+py: "100";
+};
+leadingElement: {
+pt: "200";
+"& svg": {
+boxSize: "400";
+};
+};
 };
 md: {
-minH: number;
+root: {
+minH: "1000";
 textStyle: "md";
-px: number;
-py: number;
+gap: "200";
+pl: "400";
+};
+textarea: {
+py: "200";
+pr: "400";
+};
+leadingElement: {
+pt: "200";
+"& svg": {
+mt: "50";
+boxSize: "500";
+};
+};
 };
 };
 variant: {
 solid: {
+root: {
 "--border-width": "sizes.25";
 "--border-color": "colors.neutral.7";
 backgroundColor: "neutral.1";
@@ -54,18 +91,21 @@ _hover: {
 backgroundColor: "primary.2";
 };
 };
+};
 ghost: {
+root: {
 _hover: {
 backgroundColor: "primary.2";
 };
 };
 };
+};
 }>;
 
 declare interface MultilineTextInputRecipeProps extends RecipeVariantProps<typeof multilineTextInputRecipe>, UnstyledProp {
 }
 
-declare type MultilineTextInputRootSlotProps = HTMLChakraProps<"textarea", MultilineTextInputRecipeProps>;
+declare type MultilineTextInputRootSlotProps = HTMLChakraProps<"div", MultilineTextInputRecipeProps>;
 
 export { }
 

package/dist/number-input.d.ts

@@ -20,48 +20,76 @@ export declare const NumberInput: {
 
 export declare interface NumberInputProps extends AriaNumberFieldProps, Omit<NumberInputRootSlotProps, keyof AriaNumberFieldProps | ExcludedNumberInputProps> {
     ref?: React.Ref<HTMLInputElement>;
+    /**
+     * Optional element to display at the start of the input
+     * Will respect text direction (left in LTR, right in RTL)
+     */
+    leadingElement?: React.ReactNode;
+    /**
+     * Optional element to display at the end of the input
+     * Will respect text direction (right in LTR, left in RTL)
+     */
+    trailingElement?: React.ReactNode;
 }
 
 /**
  * Recipe configuration for the NumberInput component.
  * Defines the styling variants and base styles using Chakra UI's slot recipe system.
  */
-declare const numberInputRecipe: SlotRecipeDefinition<"input" | "root" | "incrementButton" | "decrementButton", {
+declare const numberInputRecipe: SlotRecipeDefinition<"input" | "root" | "leadingElement" | "trailingElement" | "incrementButton" | "decrementButton", {
 size: {
 sm: {
+root: {
+pl: "300";
+pr: "900";
+gap: "100";
+};
 input: {
-h: number;
+h: "800";
 textStyle: "sm";
-px: number;
-paddingRight: number;
+};
+leadingElement: {
+"& > svg": {
+boxSize: "400";
+};
+};
+trailingElement: {
+"& > svg": {
+boxSize: "400";
+};
 };
 };
 md: {
+root: {
+pl: "400";
+pr: "1000";
+gap: "200";
+};
 input: {
-h: number;
+h: "1000";
 textStyle: "md";
-px: number;
-paddingRight: number;
 };
+leadingElement: {
+"& > svg": {
+boxSize: "500";
 };
 };
-variant: {
-solid: {
-root: {
-"&:has(button:hover) input": {
-backgroundColor: "primary.2";
+trailingElement: {
+"& > svg": {
+boxSize: "500";
 };
 };
-input: {
-"&[data-invalid='true']": {
-boxShadow: "inset 0 0 0 var(--border-width) var(--border-color)";
-"--border-width": "sizes.50";
 };
-boxShadow: "inset 0 0 0 var(--border-width) var(--border-color)";
-backgroundColor: "neutral.1";
+};
+variant: {
+solid: {
+root: {
 _hover: {
 backgroundColor: "primary.2";
 };
+"--border-width": "sizes.25";
+"--border-color": "colors.neutral.7";
+backgroundColor: "neutral.1";
 };
 incrementButton: {
 "&[data-invalid='true']": {
@@ -73,7 +101,7 @@ borderRight: "var(--border-width) solid var(--border-color)";
 borderLeft: "var(--border-width) solid var(--border-color)";
 boxShadow: "inset 0 -0.5px 0 0 var(--border-color)";
 _hover: {
-backgroundColor: "primaryAlpha.3";
+backgroundColor: "primaryAlpha.4";
 };
 };
 decrementButton: {
@@ -86,21 +114,12 @@ borderRight: "var(--border-width) solid var(--border-color)";
 borderLeft: "var(--border-width) solid var(--border-color)";
 boxShadow: "inset 0 0.5px 0 0 var(--border-color)";
 _hover: {
-backgroundColor: "primaryAlpha.3";
+backgroundColor: "primaryAlpha.4";
 };
 };
 };
 ghost: {
 root: {
-"&:has(button:hover) input": {
-backgroundColor: "primary.2";
-};
-};
-input: {
-"&[data-invalid='true']": {
-boxShadow: "inset 0 0 0 var(--border-width) var(--border-color)";
-"--border-width": "sizes.50";
-};
 _hover: {
 backgroundColor: "primary.2";
 };
@@ -111,7 +130,7 @@ borderTop: "2px solid var(--border-color)";
 borderRight: "2px solid var(--border-color)";
 };
 _hover: {
-backgroundColor: "primaryAlpha.3";
+backgroundColor: "primaryAlpha.4";
 };
 };
 decrementButton: {
@@ -120,7 +139,7 @@ borderBottom: "2px solid var(--border-color)";
 borderRight: "2px solid var(--border-color)";
 };
 _hover: {
-backgroundColor: "primaryAlpha.3";
+backgroundColor: "primaryAlpha.4";
 };
 };
 };

package/dist/password-input.d.ts

@@ -1,10 +1,8 @@
-import { ForwardRefExoticComponent } from 'react';
 import { HTMLChakraProps } from '@chakra-ui/react/styled-system';
-import { RecipeDefinition } from '@chakra-ui/react';
+import { JSX } from 'react/jsx-runtime';
 import { RecipeVariantProps } from '@chakra-ui/react/styled-system';
-import { RefAttributes } from 'react';
+import { SlotRecipeDefinition } from '@chakra-ui/react';
 import { TextFieldProps } from 'react-aria-components';
-import { UnstyledProp } from '@chakra-ui/react/styled-system';
 
 /**
  * # PasswordInput
@@ -13,59 +11,95 @@ import { UnstyledProp } from '@chakra-ui/react/styled-system';
  *
  * @see {@link https://nimbus-documentation.vercel.app/components/inputs/passwordinput}
  */
-export declare const PasswordInput: ForwardRefExoticComponent<Omit<PasswordInputProps, "ref"> & RefAttributes<HTMLInputElement>>;
+export declare const PasswordInput: {
+    (props: PasswordInputProps): JSX.Element;
+    displayName: string;
+};
 
 /**
  * Interface for PasswordInput component props
  * Extends TextInputProps but omits the type prop since it's controlled internally
  * We want to keep this as an explicit interface to allow for future additions
  */
-export declare interface PasswordInputProps extends Omit<TextInputProps, "type"> {
+export declare interface PasswordInputProps extends Omit<TextInputProps, "type" | "trailingElement"> {
 }
 
-declare interface TextInputProps extends TextFieldProps, Omit<TextInputRootSlotProps, keyof TextFieldProps | "as" | "asChild"> {
+declare interface TextInputProps extends Omit<TextFieldProps, "ref">, Omit<TextInputRootProps, keyof TextFieldProps | "as" | "asChild"> {
+    /**
+     * React ref to be forwarded to the input element
+     */
     ref?: React.Ref<HTMLInputElement>;
+    /**
+     * Optional element to display at the start of the input
+     * Will respect text direction (left in LTR, right in RTL)
+     */
+    leadingElement?: React.ReactNode;
+    /**
+     * Optional element to display at the end of the input
+     * Will respect text direction (right in LTR, left in RTL)
+     */
+    trailingElement?: React.ReactNode;
+    placeholder?: string;
+}
+
+declare interface TextInputRootProps extends HTMLChakraProps<"div", RecipeVariantProps<typeof textInputSlotRecipe>> {
 }
 
 /**
  * Recipe configuration for the TextInput component.
- * Defines the styling variants and base styles using Chakra UI's recipe system.
+ * Defines the styling variants and base styles using Chakra UI's slot recipe system.
  */
-declare const textInputRecipe: RecipeDefinition<    {
+declare const textInputSlotRecipe: SlotRecipeDefinition<"input" | "root" | "leadingElement" | "trailingElement", {
 size: {
 sm: {
-h: number;
+root: {
+height: "800";
+px: "300";
+gap: "100";
 textStyle: "sm";
-px: number;
+};
+leadingElement: {
+"& > svg": {
+boxSize: "400";
+};
+};
+trailingElement: {
+"& > svg": {
+boxSize: "400";
+};
+};
 };
 md: {
-h: number;
+root: {
+height: "1000";
+px: "400";
+gap: "200";
 textStyle: "md";
-px: number;
+};
+leadingElement: {
+"& > svg": {
+boxSize: "500";
+};
+};
+trailingElement: {
+"& > svg": {
+boxSize: "500";
+};
+};
 };
 };
 variant: {
 solid: {
+root: {
 "--border-width": "sizes.25";
 "--border-color": "colors.neutral.7";
 backgroundColor: "primary.1";
-_hover: {
-backgroundColor: "primary.2";
-};
-};
-ghost: {
-_hover: {
-backgroundColor: "primary.2";
 };
 };
+ghost: {};
 };
 }>;
 
-declare interface TextInputRecipeProps extends RecipeVariantProps<typeof textInputRecipe>, UnstyledProp {
-}
-
-declare type TextInputRootSlotProps = HTMLChakraProps<"input", TextInputRecipeProps>;
-
 export { }
 
 

package/dist/select.d.ts

@@ -91,6 +91,11 @@ export declare interface SelectRootProps extends SelectRootSlotProps, SelectProp
     isLoading?: boolean;
     /** Children must be ReactNode, no render props/functions allowed */
     children: ReactNode;
+    /**
+     * Optional element to display at the start of the input
+     * Will respect text direction (left in LTR, right in RTL)
+     */
+    leadingElement?: ReactNode;
     /** Whether the select should show a clear button when a value is selected */
     isClearable?: boolean;
 }
@@ -102,23 +107,35 @@ declare interface SelectRootSlotProps extends HTMLChakraProps<"div", RecipeVaria
  * Recipe configuration for the Select component.
  * Defines the styling variants and base styles using Chakra UI's recipe system.
  */
-declare const selectSlotRecipe: SlotRecipeDefinition<"option" | "root" | "trigger" | "triggerLabel" | "options" | "optionGroup", {
+declare const selectSlotRecipe: SlotRecipeDefinition<"option" | "root" | "trigger" | "leadingElement" | "triggerLabel" | "options" | "optionGroup", {
 size: {
 sm: {
 root: {};
 trigger: {
+px: "300";
+gap: "100";
 h: "800";
-px: "400";
 textStyle: "sm";
 };
+leadingElement: {
+"& > svg": {
+boxSize: "400";
+};
+};
 };
 md: {
 root: {};
 trigger: {
 h: "1000";
 px: "400";
+gap: "200";
 textStyle: "md";
 };
+leadingElement: {
+"& > svg": {
+boxSize: "500";
+};
+};
 };
 };
 variant: {

package/dist/text-input.d.ts

@@ -1,9 +1,8 @@
 import { HTMLChakraProps } from '@chakra-ui/react/styled-system';
 import { JSX } from 'react/jsx-runtime';
-import { RecipeDefinition } from '@chakra-ui/react';
 import { RecipeVariantProps } from '@chakra-ui/react/styled-system';
+import { SlotRecipeDefinition } from '@chakra-ui/react';
 import { TextFieldProps } from 'react-aria-components';
-import { UnstyledProp } from '@chakra-ui/react/styled-system';
 
 /**
  * # TextInput
@@ -17,49 +16,82 @@ export declare const TextInput: {
     displayName: string;
 };
 
-export declare interface TextInputProps extends TextFieldProps, Omit<TextInputRootSlotProps, keyof TextFieldProps | "as" | "asChild"> {
+export declare interface TextInputProps extends Omit<TextFieldProps, "ref">, Omit<TextInputRootProps, keyof TextFieldProps | "as" | "asChild"> {
+    /**
+     * React ref to be forwarded to the input element
+     */
     ref?: React.Ref<HTMLInputElement>;
+    /**
+     * Optional element to display at the start of the input
+     * Will respect text direction (left in LTR, right in RTL)
+     */
+    leadingElement?: React.ReactNode;
+    /**
+     * Optional element to display at the end of the input
+     * Will respect text direction (right in LTR, left in RTL)
+     */
+    trailingElement?: React.ReactNode;
+    placeholder?: string;
+}
+
+declare interface TextInputRootProps extends HTMLChakraProps<"div", RecipeVariantProps<typeof textInputSlotRecipe>> {
 }
 
 /**
  * Recipe configuration for the TextInput component.
- * Defines the styling variants and base styles using Chakra UI's recipe system.
+ * Defines the styling variants and base styles using Chakra UI's slot recipe system.
  */
-declare const textInputRecipe: RecipeDefinition<    {
+declare const textInputSlotRecipe: SlotRecipeDefinition<"input" | "root" | "leadingElement" | "trailingElement", {
 size: {
 sm: {
-h: number;
+root: {
+height: "800";
+px: "300";
+gap: "100";
 textStyle: "sm";
-px: number;
+};
+leadingElement: {
+"& > svg": {
+boxSize: "400";
+};
+};
+trailingElement: {
+"& > svg": {
+boxSize: "400";
+};
+};
 };
 md: {
-h: number;
+root: {
+height: "1000";
+px: "400";
+gap: "200";
 textStyle: "md";
-px: number;
+};
+leadingElement: {
+"& > svg": {
+boxSize: "500";
+};
+};
+trailingElement: {
+"& > svg": {
+boxSize: "500";
+};
+};
 };
 };
 variant: {
 solid: {
+root: {
 "--border-width": "sizes.25";
 "--border-color": "colors.neutral.7";
 backgroundColor: "primary.1";
-_hover: {
-backgroundColor: "primary.2";
-};
-};
-ghost: {
-_hover: {
-backgroundColor: "primary.2";
 };
 };
+ghost: {};
 };
 }>;
 
-declare interface TextInputRecipeProps extends RecipeVariantProps<typeof textInputRecipe>, UnstyledProp {
-}
-
-declare type TextInputRootSlotProps = HTMLChakraProps<"input", TextInputRecipeProps>;
-
 export { }