@optiaxiom/react 1.7.10 → 1.7.12

package/dist/esm/packages/react/src/tabs/TabsTrigger-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CLkjvOe2.css';
-import './../../../../assets/src/tabs/TabsTrigger.css.ts.vanilla-Dag2RoVK.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-hv-MqqZg.css';
+import './../../../../assets/src/tabs/TabsTrigger.css.ts.vanilla-DY4iVLCE.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{flexDirection:'row',gap:'8',justifyContent:['center','flex-start'],py:'6',rounded:'sm',transition:'colors'},'_143mvsz']});
-var trigger = recipeRuntime({base:['_1lwth76',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'_1mp0sns']});
+var content = recipeRuntime({base:[{flexDirection:'row',gap:'8',justifyContent:['center','flex-start'],py:'6',rounded:'sm',transition:'colors'},'pulsea']});
+var trigger = recipeRuntime({base:['_1pj6ve8',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'cprdle']});
 
 export { content, trigger };

package/dist/esm/packages/react/src/text/Text-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CLkjvOe2.css';
-import './../../../../assets/src/text/Text.css.ts.vanilla-DQ6PetfY.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-hv-MqqZg.css';
+import './../../../../assets/src/text/Text.css.ts.vanilla-vBvp2177.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var text = recipeRuntime((function(){var x={variants:{lineClamp:{'1':[{overflow:'hidden'},'_1kzotxd','fjsff6','_19n7br2'],'2':[undefined,'_1kzotxd','fjsff6','_1qmhcib'],'3':[undefined,'_1kzotxd','fjsff6','_13o7gij'],'4':[undefined,'_1kzotxd','fjsff6','tc2g7p']},truncate:{true:[undefined,'_1kzotxd',{whiteSpace:'nowrap'}]}}};x.variants.lineClamp['2'][0]=x.variants.lineClamp['1'][0];x.variants.lineClamp['3'][0]=x.variants.lineClamp['1'][0];x.variants.lineClamp['4'][0]=x.variants.lineClamp['1'][0];x.variants.truncate.true[0]=x.variants.lineClamp['1'][0];return x;}()));
+var text = recipeRuntime((function(){var x={variants:{lineClamp:{'1':[{overflow:'hidden'},'_10wyt0s','_1o4uzas','_1cqbxk8'],'2':[undefined,'_10wyt0s','_1o4uzas','pstp3d'],'3':[undefined,'_10wyt0s','_1o4uzas','uqc6cc'],'4':[undefined,'_10wyt0s','_1o4uzas','_9j86s8']},truncate:{true:[undefined,'_10wyt0s',{whiteSpace:'nowrap'}]}}};x.variants.lineClamp['2'][0]=x.variants.lineClamp['1'][0];x.variants.lineClamp['3'][0]=x.variants.lineClamp['1'][0];x.variants.lineClamp['4'][0]=x.variants.lineClamp['1'][0];x.variants.truncate.true[0]=x.variants.lineClamp['1'][0];return x;}()));
 
 export { text };

package/dist/esm/packages/react/src/textarea/TextareaAutosize-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CLkjvOe2.css';
-import './../../../../assets/src/textarea/TextareaAutosize.css.ts.vanilla-fCl4Ry9x.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-hv-MqqZg.css';
+import './../../../../assets/src/textarea/TextareaAutosize.css.ts.vanilla-CW9Iwxc0.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var shadow = recipeRuntime({base:['_1pjpltn','_15yb3dt']});
-var textarea = recipeRuntime({base:['_1pjpltn','iimbwc'],variants:{resize:{auto:{overflow:'hidden'},none:{},vertical:{}}}});
-var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_7h032w','ztpknp'],'2':['_7h032w','_6zeczm'],'3':['_7h032w','mmgw6m'],'4':['_7h032w','fgt5aw'],'5':['_7h032w','ozktn7']},resize:{auto:{},none:{},vertical:'_19wonvj'}}});
+var shadow = recipeRuntime({base:['_1pr1wls','qgqbh0']});
+var textarea = recipeRuntime({base:['_1pr1wls','_7x04g7'],variants:{resize:{auto:{overflow:'hidden'},none:{},vertical:{}}}});
+var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_1l8i8y','_1v3m192'],'2':['_1l8i8y','_1893zb2'],'3':['_1l8i8y','_1x2g0j9'],'4':['_1l8i8y','_163qruw'],'5':['_1l8i8y','_130pvof']},resize:{auto:{},none:{},vertical:'c20o75'}}});
 
 export { shadow, textarea, wrapper };

package/dist/esm/packages/react/src/toast/Toast-css.js

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CLkjvOe2.css';
-import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-BjFF8eDa.css';
-import './../../../../assets/src/toast/Toast.css.ts.vanilla-DHq4ZPaW.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-hv-MqqZg.css';
+import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-nnzF6JL7.css';
+import './../../../../assets/src/toast/Toast.css.ts.vanilla-CdGg3n9J.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_1b68r2i']});
-var offsetVar = 'var(--_1o78qyb)';
-var root = recipeRuntime({base:['_3yl4e4',{alignItems:'center',bg:'bg.default.inverse',color:'fg.default.inverse',display:'flex',fontSize:'md',gap:'8',maxW:'full',p:'12',pl:'16',rounded:'md',shadow:'md',w:['full','max']},'_685nx5'],variants:{intent:{danger:'_1elwt0p',information:'cpcxrn',neutral:'_53h4d0',success:'_4ptnbk',warning:'ga2fcw'}}});
+var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'hyjeg5']});
+var offsetVar = 'var(--_1xgey0m)';
+var root = recipeRuntime({base:['_1l4liy3',{alignItems:'center',bg:'bg.default.inverse',color:'fg.default.inverse',display:'flex',fontSize:'md',gap:'8',maxW:'full',p:'12',pl:'16',rounded:'md',shadow:'md',w:['full','max']},'_9kwara'],variants:{intent:{danger:'tcloam',information:'oefatv',neutral:'_1utncmf',success:'_270z2q',warning:'_91dn5q'}}});
 
 export { icon, offsetVar, root };

package/dist/esm/packages/react/src/toast/ToastProvider-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CLkjvOe2.css';
-import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-BjFF8eDa.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-hv-MqqZg.css';
+import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-nnzF6JL7.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var gap = '16';
-var viewport = recipeRuntime({base:[{gap:'16',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'qv8bnf'],variants:{position:{bottom:'kcqynx','bottom-left':'_810twz','bottom-right':['right-scroll-bar-position','_37m7iq'],top:'f193me','top-left':'_1paplhg','top-right':['right-scroll-bar-position','_1rr6ifw']}}});
+var viewport = recipeRuntime({base:[{gap:'16',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'axne4r'],variants:{position:{bottom:'_1b2r1t8','bottom-left':'_4mgy25','bottom-right':['right-scroll-bar-position','_1l6b3p9'],top:'iwuhbj','top-left':'cgowvi','top-right':['right-scroll-bar-position','_433v6y']}}});
 
 export { gap, viewport };

package/dist/esm/packages/react/src/toggle-input/ToggleInput-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CLkjvOe2.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-CHz1YrJv.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BQ1mo1vW.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-hv-MqqZg.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-Dsi4In3Z.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-CxYCkM69.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var toggleInput = recipeRuntime({base:['esm9ur',{alignItems:'start',display:'inline-flex',flexDirection:'row',gap:'8'},'_13fdk3r']});
+var toggleInput = recipeRuntime({base:['_1eakhvy',{alignItems:'start',display:'inline-flex',flexDirection:'row',gap:'8'},'_5bmx5z']});
 
 export { toggleInput };

package/dist/esm/packages/react/src/toggle-input/ToggleInputControl-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CLkjvOe2.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-CHz1YrJv.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BQ1mo1vW.css';
-import './../../../../assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-BVLI5sWM.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-hv-MqqZg.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-Dsi4In3Z.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-CxYCkM69.css';
+import './../../../../assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-tS5smMNK.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['z7ihtp']});
+var control = recipeRuntime({base:['_1395olz']});
 
 export { control };

package/dist/esm/packages/react/src/toggle-input/ToggleInputHiddenInput-css.js

@@ -1,6 +1,6 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CLkjvOe2.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-CHz1YrJv.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-hv-MqqZg.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-Dsi4In3Z.css';
 
-var className = '_1knohbt';
+var className = '_8ksnx0';
 
 export { className };

package/dist/esm/packages/react/src/tooltip/Tooltip.js

@@ -11,6 +11,7 @@ function Tooltip({
   defaultOpen,
   delayDuration,
   disabled,
+  disableHoverableContent,
   onOpenChange,
   open,
   ...props
@@ -22,11 +23,19 @@ function Tooltip({
       auto,
       defaultOpen,
       delayDuration,
+      disableHoverableContent,
       onOpenChange,
       open,
       children: [
         /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children }),
-        !disabled && !empty && /* @__PURE__ */ jsx(TooltipContent, { ...props, children: content })
+        !disabled && !empty && /* @__PURE__ */ jsx(
+          TooltipContent,
+          {
+            disableHoverableContent,
+            ...props,
+            children: content
+          }
+        )
       ]
     }
   );

package/dist/esm/packages/react/src/tooltip/TooltipContent-css.js

@@ -1,6 +1,6 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CLkjvOe2.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-hv-MqqZg.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{bg:'bg.default.inverse',color:'fg.default.inverse',maxW:'xs',px:'12',py:'8',rounded:'md',z:'tooltip'}]});
+var content = recipeRuntime({base:[{bg:'bg.default.inverse',color:'fg.default.inverse',maxW:'xs',px:'12',py:'8',rounded:'md',z:'tooltip'}],variants:{disableHoverableContent:{false:{},true:{pointerEvents:'none'}}}});
 
 export { content };

package/dist/esm/packages/react/src/tooltip/TooltipContent.js

@@ -14,30 +14,45 @@ import { content } from './TooltipContent-css.js';
 import { useTooltipContext } from './TooltipContext.js';
 
 const TooltipContent = forwardRef(
-  ({ align = "center", children, className, side = "top", ...props }, ref) => {
+  ({
+    align = "center",
+    children,
+    className,
+    disableHoverableContent,
+    side = "top",
+    ...props
+  }, ref) => {
     const { open } = useTooltipContext("@optiaxiom/react/TooltipContent");
-    return /* @__PURE__ */ jsx(TransitionGroup, { open, children: /* @__PURE__ */ jsx(Portal, { asChild: true, children: /* @__PURE__ */ jsx(Transition, { duration: "sm", type: "pop", children: /* @__PURE__ */ jsx(Box, { asChild: true, ...content({}, className), ...props, children: /* @__PURE__ */ jsxs(
-      RadixTooltip.Content,
+    return /* @__PURE__ */ jsx(TransitionGroup, { open, children: /* @__PURE__ */ jsx(Portal, { asChild: true, children: /* @__PURE__ */ jsx(Transition, { duration: "sm", type: "pop", children: /* @__PURE__ */ jsx(
+      Box,
       {
-        align,
-        arrowPadding: 6,
-        forceMount: true,
-        ref,
-        side,
-        sideOffset: 4,
-        children: [
-          /* @__PURE__ */ jsx(Text, { asChild: true, fontSize: "sm", children: /* @__PURE__ */ jsx("div", { children }) }),
-          /* @__PURE__ */ jsx(
-            RadixTooltip.Arrow,
-            {
-              fill: theme.colors["bg.default.inverse"],
-              height: 4,
-              width: 8
-            }
-          )
-        ]
+        asChild: true,
+        ...content({ disableHoverableContent }, className),
+        ...props,
+        children: /* @__PURE__ */ jsxs(
+          RadixTooltip.Content,
+          {
+            align,
+            arrowPadding: 6,
+            forceMount: true,
+            ref,
+            side,
+            sideOffset: 4,
+            children: [
+              /* @__PURE__ */ jsx(Text, { asChild: true, fontSize: "sm", children: /* @__PURE__ */ jsx("div", { children }) }),
+              /* @__PURE__ */ jsx(
+                RadixTooltip.Arrow,
+                {
+                  fill: theme.colors["bg.default.inverse"],
+                  height: 4,
+                  width: 8
+                }
+              )
+            ]
+          }
+        )
       }
-    ) }) }) }) });
+    ) }) }) });
   }
 );
 TooltipContent.displayName = "@optiaxiom/react/TooltipContent";

package/dist/esm/packages/react/src/transition/Transition-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CLkjvOe2.css';
-import './../../../../assets/src/transition/Transition.css.ts.vanilla-G9ceZnSm.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-hv-MqqZg.css';
+import './../../../../assets/src/transition/Transition.css.ts.vanilla-j8memfVx.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var transition = recipeRuntime({base:'afmp2v',variants:{duration:{sm:'_16hpz5u',md:'bzzpv0',lg:'_1aq2tsj'}}});
+var transition = recipeRuntime({base:'_6gj0wf',variants:{duration:{sm:'yp51xw',md:'_10i1cuh',lg:'_1rlgkmq'}}});
 
 export { transition };

package/dist/esm/unstable.js

@@ -1,8 +1,4 @@
 export { Calendar } from './packages/react/src/calendar/Calendar.js';
-export { Command } from './packages/react/src/command/Command.js';
-export { CommandInput } from './packages/react/src/command/CommandInput.js';
-export { CommandItem } from './packages/react/src/command/CommandItem.js';
-export { CommandListbox } from './packages/react/src/command/CommandListbox.js';
 export { DataTableExpandableCell } from './packages/react/src/data-table/DataTableExpandableCell.js';
 export { DataTableExpandableHeader } from './packages/react/src/data-table/DataTableExpandableHeader.js';
 export { DataTableHeaderCell } from './packages/react/src/data-table/DataTableHeaderCell.js';
@@ -28,6 +24,7 @@ export { PillGroup } from './packages/react/src/pill/PillGroup.js';
 export { PillMenu } from './packages/react/src/pill-menu/PillMenu.js';
 export { PillMenuContent } from './packages/react/src/pill-menu/PillMenuContent.js';
 export { PillMenuTrigger } from './packages/react/src/pill-menu/PillMenuTrigger.js';
+export { Range } from './packages/react/src/range/Range.js';
 export { Sortable } from './packages/react/src/sortable/Sortable.js';
 export { SortableGroup } from './packages/react/src/sortable/SortableGroup.js';
 export { SortableHandle } from './packages/react/src/sortable/SortableHandle.js';

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { ComponentPropsWithRef, ReactNode, ComponentPropsWithoutRef, ElementType, RefObject, FocusEventHandler, ChangeEventHandler, ReactElement } from 'react';
-import { R as RecipeVariants, B as BoxProps, S as Sprinkles, a as ButtonProps, E as ExcludeProps, F as Flex, b as Button, d as dialogkit, c as ExtendProps, I as Input, C as Calendar, e as CalendarProps, f as Box, g as ResponsiveArray, P as PopoverContent, h as PopoverContentProps, i as PopoverTrigger, M as ModalListbox, j as ButtonRoot, k as InputControlProps, l as InputRoot } from './MenuTrigger-CZD1p7nB.js';
-export { m as DialogContent, D as DialogContentProps, n as FlexProps, p as InputControl, o as InputProps, q as InputRootProps, r as ListboxItemized, L as ListboxItemizedProps, K as LonghandProps, u as Menu, w as MenuContent, v as MenuContentProps, s as MenuOption, t as MenuProps, y as MenuTrigger, x as MenuTriggerProps, z as PopoverTriggerProps, N as TableHeaderCell, T as TableHeaderCellProps, H as mapResponsiveValue, J as normalizeResponsiveValue, G as sprinkles, A as vars } from './MenuTrigger-CZD1p7nB.js';
+import { R as RecipeVariants, B as BoxProps, S as Sprinkles, a as ButtonProps, E as ExcludeProps, F as Flex, b as Button, d as dialogkit, c as ExtendProps, C as Calendar, e as CalendarProps, f as Box, g as ResponsiveArray, P as PopoverContent, h as PopoverContentProps, i as PopoverTrigger, M as ModalListbox, j as ButtonRoot } from './MenuTrigger-C0Ab8gBW.js';
+export { k as DialogContent, D as DialogContentProps, l as FlexProps, L as LonghandProps, o as Menu, q as MenuContent, p as MenuContentProps, m as MenuOption, n as MenuProps, s as MenuTrigger, r as MenuTriggerProps, t as PopoverTriggerProps, y as TableHeaderCell, T as TableHeaderCellProps, w as mapResponsiveValue, x as normalizeResponsiveValue, u as sprinkles, v as vars } from './MenuTrigger-C0Ab8gBW.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as RadixDialog from '@radix-ui/react-dialog';
 import * as RadixTooltip from '@radix-ui/react-tooltip';
@@ -138,12 +138,12 @@ declare const AlertDialogCancel: react.ForwardRefExoticComponent<Omit<{
     className?: string;
 }>, "size"> & Omit<Omit<RadixDialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
-declare const content: (props?: {
+declare const content$1: (props?: {
     size?: "sm" | "md" | "lg" | undefined;
 } | undefined, className?: string) => {
     className: string;
 };
-type DialogVariants = RecipeVariants<typeof content>;
+type DialogVariants = RecipeVariants<typeof content$1>;
 
 type AlertDialogContentProps = ExcludeProps<BoxProps<typeof RadixDialog.Content, DialogVariants>, "forceMount">;
 declare const AlertDialogContent: react.ForwardRefExoticComponent<AlertDialogContentProps & react.RefAttributes<HTMLDivElement>>;
@@ -400,7 +400,14 @@ declare const ToastTitle: react.ForwardRefExoticComponent<Omit<{
     className?: string;
 }>, never> & Omit<Omit<RadixToast.ToastTitleProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-type TooltipContentProps = ExcludeProps<BoxProps<typeof RadixTooltip.Content>, "alignOffset" | "arrowPadding" | "avoidCollisions" | "collisionBoundary" | "collisionPadding" | "forceMount" | "hideWhenDetached" | "sideOffset" | "sticky" | "updatePositionStrategy">;
+declare const content: (props?: {
+    disableHoverableContent?: boolean | undefined;
+} | undefined, className?: string) => {
+    className: string;
+};
+type ContentVariants = RecipeVariants<typeof content>;
+
+type TooltipContentProps = ExcludeProps<BoxProps<typeof RadixTooltip.Content, ContentVariants>, "alignOffset" | "arrowPadding" | "avoidCollisions" | "collisionBoundary" | "collisionPadding" | "forceMount" | "hideWhenDetached" | "sideOffset" | "sticky" | "updatePositionStrategy">;
 declare const TooltipContent: react.ForwardRefExoticComponent<TooltipContentProps & react.RefAttributes<HTMLDivElement>>;
 
 type TooltipRootProps = ComponentPropsWithoutRef<typeof RadixTooltip.Root> & {
@@ -437,7 +444,7 @@ type TooltipProps = ExcludeProps<BoxProps<typeof TooltipContent, Pick<ComponentP
      */
     open?: boolean;
 }>, "asChild">;
-declare function Tooltip({ auto, children, content, defaultOpen, delayDuration, disabled, onOpenChange, open, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
+declare function Tooltip({ auto, children, content, defaultOpen, delayDuration, disabled, disableHoverableContent, onOpenChange, open, ...props }: TooltipProps): react_jsx_runtime.JSX.Element;
 declare namespace Tooltip {
     var displayName: string;
 }
@@ -1057,6 +1064,126 @@ declare const DataTableLabel: react.ForwardRefExoticComponent<Omit<NonNullable<S
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
+declare const input: (props?: {
+    appearance?: "number" | "default" | undefined;
+    size?: "md" | "lg" | "xl" | undefined;
+} | undefined, className?: string) => {
+    className: string;
+};
+type InputVariants = RecipeVariants<typeof input>;
+
+declare const control: (props?: {
+    size?: "md" | "lg" | "xl" | undefined;
+} | undefined, className?: string) => {
+    className: string;
+};
+type ControlVariants = RecipeVariants<typeof control>;
+
+type InputControlProps<T extends ElementType = "input" | "textarea", P = unknown> = BoxProps<T, ExtendProps<ControlVariants & {
+    /**
+     * Whether the input is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Whether to show the input error state.
+     */
+    error?: boolean;
+    /**
+     * Handler that is called when the value changes.
+     */
+    onValueChange?: (value: string) => void;
+}, P>>;
+declare const InputControl: react.ForwardRefExoticComponent<Omit<NonNullable<{
+    size?: "md" | "lg" | "xl" | undefined;
+} & {
+    /**
+     * Whether the input is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Whether to show the input error state.
+     */
+    error?: boolean;
+    /**
+     * Handler that is called when the value changes.
+     */
+    onValueChange?: (value: string) => void;
+}>, never> & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, "size"> & Omit<NonNullable<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> | Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">>, "color" | "disabled" | "className"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>>;
+
+declare const InputProvider: react.FC<{
+    /**
+     * When this prop is set to `none` clicking empty space inside the
+     * addon will focus the input box.
+     */
+    addonPointerEvents?: "auto" | "none";
+    inputRef: RefObject<HTMLInputElement & HTMLTextAreaElement>;
+} & {
+    children: React.ReactNode;
+}>;
+
+type InputRootProps = BoxProps<"div", Pick<ComponentPropsWithoutRef<typeof InputProvider>, "addonPointerEvents">>;
+declare const InputRoot: react.ForwardRefExoticComponent<Pick<{
+    addonPointerEvents?: "auto" | "none";
+    inputRef: react.RefObject<HTMLInputElement & HTMLTextAreaElement>;
+} & {
+    children: React.ReactNode;
+}, "addonPointerEvents"> & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>>;
+
+type InputProps$1 = InputControlProps<"input", Pick<ComponentPropsWithoutRef<typeof InputRoot>, "addonPointerEvents"> & InputVariants & {
+    /**
+     * Display content inside the input at the end.
+     */
+    addonAfter?: ReactNode;
+    /**
+     * Display content inside the input at the start.
+     */
+    addonBefore?: ReactNode;
+    /**
+     * Control the native input `size` attribute.
+     */
+    htmlSize?: number;
+}>;
+declare const Input: react.ForwardRefExoticComponent<Pick<Omit<Pick<{
+    addonPointerEvents?: "auto" | "none";
+    inputRef: react.RefObject<HTMLInputElement & HTMLTextAreaElement>;
+} & {
+    children: React.ReactNode;
+}, "addonPointerEvents"> & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>, "ref">, "addonPointerEvents"> & {
+    appearance?: "number" | "default" | undefined;
+    size?: "md" | "lg" | "xl" | undefined;
+} & {
+    /**
+     * Display content inside the input at the end.
+     */
+    addonAfter?: ReactNode;
+    /**
+     * Display content inside the input at the start.
+     */
+    addonBefore?: ReactNode;
+    /**
+     * Control the native input `size` attribute.
+     */
+    htmlSize?: number;
+} & Omit<NonNullable<{
+    size?: "md" | "lg" | "xl" | undefined;
+} & {
+    disabled?: boolean;
+    error?: boolean;
+    onValueChange?: (value: string) => void;
+}>, "size"> & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLInputElement>>;
+
 type InputAddonProps = BoxProps<"div">;
 declare const InputAddon: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -1261,6 +1388,66 @@ declare const ListboxItemIndicator: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<Omit<react.SVGProps<SVGSVGElement>, "ref"> & react.RefAttributes<SVGSVGElement>, "ref">, "fontFamily" | "fontSize" | "color" | "cursor" | "fontWeight" | "pointerEvents" | "overflow" | "z" | "display" | "className"> & react.RefAttributes<SVGSVGElement>>;
 
+type ListboxItemizedProps = BoxProps<"div", {
+    children?: // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    ((item: any, index: number, prevItem: any) => ReactNode) | ReactNode;
+    /**
+     * Custom empty state content.
+     */
+    empty?: ReactNode;
+    /**
+     * The currently highlighted item.
+     */
+    highlightedItem?: any;
+    /**
+     * The collection of items to display.
+     */
+    items: any[] | readonly any[];
+    /**
+     * Function to get the unique key for each item as a string.
+     */
+    itemToKey: (item: any) => string;
+    /**
+     * Whether to show loading spinner inside the menu.
+     */
+    loading?: "both" | "skeleton" | "spinner";
+    /**
+     * Handler that is called when the element mounts or unmounts from the DOM.
+     */
+    onPlacedChange?: (placed: boolean) => void;
+}>;
+declare const ListboxItemized: react.ForwardRefExoticComponent<{
+    children?: // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    ((item: any, index: number, prevItem: any) => ReactNode) | ReactNode;
+    /**
+     * Custom empty state content.
+     */
+    empty?: ReactNode;
+    /**
+     * The currently highlighted item.
+     */
+    highlightedItem?: any;
+    /**
+     * The collection of items to display.
+     */
+    items: any[] | readonly any[];
+    /**
+     * Function to get the unique key for each item as a string.
+     */
+    itemToKey: (item: any) => string;
+    /**
+     * Whether to show loading spinner inside the menu.
+     */
+    loading?: "both" | "skeleton" | "spinner";
+    /**
+     * Handler that is called when the element mounts or unmounts from the DOM.
+     */
+    onPlacedChange?: (placed: boolean) => void;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className" | "children"> & react.RefAttributes<HTMLDivElement>>;
+
 type ListboxLabelProps = ComponentPropsWithoutRef<typeof Box>;
 declare const ListboxLabel: react.ForwardRefExoticComponent<Omit<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -2830,5 +3017,5 @@ declare namespace TransitionGroup {
     var displayName: string;
 }
 
-export { Alert, AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogFooter, AlertDialogHeader, AlertDialogTrigger, AngleMenuButton, AuthProvider, Avatar, AvatarGroup, AxiomProvider, Badge, Banner, Box, BoxProps, Breadcrumb, Button, ButtonGroup, ButtonProps, Card, CardAction, CardCheckbox, CardFooter, CardHeader, CardImage, CardLink, CardPreview, Checkbox, Code, Cover, DataTable, DataTableAction, DataTableBody, DataTableCheckbox, DataTableFooter, DataTableLabel, DateInput, DateRangePicker, DateRangePickerContent, DateRangePickerTrigger, Dialog, DialogBody, DialogClose, DialogFooter, DialogForm, DialogHeader, DialogTrigger, Disclosure, DisclosureContent, DisclosureTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EllipsisMenuButton, Field, FieldLabel, Flex, Grid, Heading, Indicator, Input, InputAddon, InputControlProps, InputRoot, Kbd, LabelMenuButton, Link, Listbox, ListboxCheckboxItem, ListboxEmpty, ListboxGroup, ListboxItem, ListboxItemIndicator, ListboxLabel, ListboxRadioItem, ListboxSeparator, ListboxSwitchItem, ModalLayer, Nav, NavAccountItem, NavBody, NavFooter, NavGroup, NavGroupContent, NavGroupTrigger, NavHeader, NavItem, NavList, NavSeparator, Pagination, Paper, Popover, PopoverAnchor, PopoverContent, PopoverContentProps, PopoverTrigger, Progress, Radio, RadioGroup, SearchInput, SegmentedControl, SegmentedControlItem, Select, SelectContent, SelectTrigger, Separator, Sidebar, SidebarToggle, Skeleton, Spinner, Sprinkles, SubNav, Switch, Table, TableAction, TableBody, TableCell, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Text, Textarea, ThemeProvider, Toast, ToastAction, ToastProvider, ToastTitle, ToggleButton, Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger, Transition, TransitionGlobalConfig, TransitionGroup, cleanup, extractBoxProps, layers_css as layers, sprinklesMerge, useAuthContext };
-export type { AlertDialogActionProps, AlertDialogBodyProps, AlertDialogCancelProps, AlertDialogContentProps, AlertDialogFooterProps, AlertDialogHeaderProps, AlertDialogProps, AlertDialogTriggerProps, AlertProps, AngleMenuButtonProps, AuthProviderProps, AvatarGroupProps, AvatarProps, AxiomProviderProps, BadgeProps, BannerProps, BreadcrumbItem, BreadcrumbProps, ButtonGroupProps, CardActionProps, CardCheckboxProps, CardFooterProps, CardHeaderProps, CardImageProps, CardLinkProps, CardPreviewProps, CardProps, CheckboxProps, CodeProps, CoverProps, DataTableActionProps, DataTableBodyProps, DataTableCheckboxProps, DataTableFooterProps, DataTableLabelProps, DataTableProps, DateInputProps, DateRangePickerContentProps, DateRangePickerProps, DateRangePickerTriggerProps, DialogBodyProps, DialogCloseProps, DialogFooterProps, DialogFormProps, DialogHeaderProps, DialogProps, DialogTriggerProps, DisclosureContentProps, DisclosureProps, DisclosureTriggerProps, DropdownMenuCheckboxItemProps, DropdownMenuContentProps, DropdownMenuGroupProps, DropdownMenuItemProps, DropdownMenuLabelProps, DropdownMenuProps, DropdownMenuSeparatorProps, DropdownMenuSubContentProps, DropdownMenuSubProps, DropdownMenuSubTriggerProps, DropdownMenuTriggerProps, EllipsisMenuButtonProps, FieldLabelProps, FieldProps, GridProps, HeadingProps, IndicatorProps, InputAddonProps, KbdProps, LabelMenuButtonProps, LinkProps, ListboxCheckboxItemProps, ListboxEmptyProps, ListboxGroupProps, ListboxItemIndicatorProps, ListboxItemProps, ListboxLabelProps, ListboxProps, ListboxRadioItemProps, ListboxSeparatorProps, ListboxSwitchItemProps, ModalLayerProps, NavAccountItemProps, NavBodyProps, NavFooterProps, NavGroupContentProps, NavGroupProps, NavGroupTriggerProps, NavHeaderProps, NavItemProps, NavListProps, NavProps, NavSeparatorProps, PaginationProps, PaperProps, PopoverAnchorProps, PopoverProps, ProgressProps, RadioGroupProps, RadioProps, SearchInputProps, SegmentedControlItemProps, SegmentedControlProps, SelectContentProps, SelectProps, SelectTriggerProps, SeparatorProps, SidebarProps, SidebarToggleProps, SkeletonProps, SpinnerProps, SubNavProps, SwitchProps, TableActionProps, TableBodyProps, TableCellProps, TableHeaderProps, TableProps, TableRowProps, TabsContentProps, TabsListProps, TabsProps, TabsTriggerProps, TextProps, TextareaProps, ThemeProviderProps, ToastActionProps, ToastProps, ToastProviderProps$1 as ToastProviderProps, ToastTitleProps, ToggleButtonProps, TooltipContentProps, TooltipProps, TooltipProviderProps$1 as TooltipProviderProps, TooltipRootProps, TooltipTriggerProps, TransitionProps };
+export { Alert, AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogFooter, AlertDialogHeader, AlertDialogTrigger, AngleMenuButton, AuthProvider, Avatar, AvatarGroup, AxiomProvider, Badge, Banner, Box, BoxProps, Breadcrumb, Button, ButtonGroup, ButtonProps, Card, CardAction, CardCheckbox, CardFooter, CardHeader, CardImage, CardLink, CardPreview, Checkbox, Code, Cover, DataTable, DataTableAction, DataTableBody, DataTableCheckbox, DataTableFooter, DataTableLabel, DateInput, DateRangePicker, DateRangePickerContent, DateRangePickerTrigger, Dialog, DialogBody, DialogClose, DialogFooter, DialogForm, DialogHeader, DialogTrigger, Disclosure, DisclosureContent, DisclosureTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EllipsisMenuButton, Field, FieldLabel, Flex, Grid, Heading, Indicator, Input, InputAddon, InputControl, InputRoot, Kbd, LabelMenuButton, Link, Listbox, ListboxCheckboxItem, ListboxEmpty, ListboxGroup, ListboxItem, ListboxItemIndicator, ListboxItemized, ListboxLabel, ListboxRadioItem, ListboxSeparator, ListboxSwitchItem, ModalLayer, Nav, NavAccountItem, NavBody, NavFooter, NavGroup, NavGroupContent, NavGroupTrigger, NavHeader, NavItem, NavList, NavSeparator, Pagination, Paper, Popover, PopoverAnchor, PopoverContent, PopoverContentProps, PopoverTrigger, Progress, Radio, RadioGroup, SearchInput, SegmentedControl, SegmentedControlItem, Select, SelectContent, SelectTrigger, Separator, Sidebar, SidebarToggle, Skeleton, Spinner, Sprinkles, SubNav, Switch, Table, TableAction, TableBody, TableCell, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Text, Textarea, ThemeProvider, Toast, ToastAction, ToastProvider, ToastTitle, ToggleButton, Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger, Transition, TransitionGlobalConfig, TransitionGroup, cleanup, extractBoxProps, layers_css as layers, sprinklesMerge, useAuthContext };
+export type { AlertDialogActionProps, AlertDialogBodyProps, AlertDialogCancelProps, AlertDialogContentProps, AlertDialogFooterProps, AlertDialogHeaderProps, AlertDialogProps, AlertDialogTriggerProps, AlertProps, AngleMenuButtonProps, AuthProviderProps, AvatarGroupProps, AvatarProps, AxiomProviderProps, BadgeProps, BannerProps, BreadcrumbItem, BreadcrumbProps, ButtonGroupProps, CardActionProps, CardCheckboxProps, CardFooterProps, CardHeaderProps, CardImageProps, CardLinkProps, CardPreviewProps, CardProps, CheckboxProps, CodeProps, CoverProps, DataTableActionProps, DataTableBodyProps, DataTableCheckboxProps, DataTableFooterProps, DataTableLabelProps, DataTableProps, DateInputProps, DateRangePickerContentProps, DateRangePickerProps, DateRangePickerTriggerProps, DialogBodyProps, DialogCloseProps, DialogFooterProps, DialogFormProps, DialogHeaderProps, DialogProps, DialogTriggerProps, DisclosureContentProps, DisclosureProps, DisclosureTriggerProps, DropdownMenuCheckboxItemProps, DropdownMenuContentProps, DropdownMenuGroupProps, DropdownMenuItemProps, DropdownMenuLabelProps, DropdownMenuProps, DropdownMenuSeparatorProps, DropdownMenuSubContentProps, DropdownMenuSubProps, DropdownMenuSubTriggerProps, DropdownMenuTriggerProps, EllipsisMenuButtonProps, FieldLabelProps, FieldProps, GridProps, HeadingProps, IndicatorProps, InputAddonProps, InputControlProps, InputProps$1 as InputProps, InputRootProps, KbdProps, LabelMenuButtonProps, LinkProps, ListboxCheckboxItemProps, ListboxEmptyProps, ListboxGroupProps, ListboxItemIndicatorProps, ListboxItemProps, ListboxItemizedProps, ListboxLabelProps, ListboxProps, ListboxRadioItemProps, ListboxSeparatorProps, ListboxSwitchItemProps, ModalLayerProps, NavAccountItemProps, NavBodyProps, NavFooterProps, NavGroupContentProps, NavGroupProps, NavGroupTriggerProps, NavHeaderProps, NavItemProps, NavListProps, NavProps, NavSeparatorProps, PaginationProps, PaperProps, PopoverAnchorProps, PopoverProps, ProgressProps, RadioGroupProps, RadioProps, SearchInputProps, SegmentedControlItemProps, SegmentedControlProps, SelectContentProps, SelectProps, SelectTriggerProps, SeparatorProps, SidebarProps, SidebarToggleProps, SkeletonProps, SpinnerProps, SubNavProps, SwitchProps, TableActionProps, TableBodyProps, TableCellProps, TableHeaderProps, TableProps, TableRowProps, TabsContentProps, TabsListProps, TabsProps, TabsTriggerProps, TextProps, TextareaProps, ThemeProviderProps, ToastActionProps, ToastProps, ToastProviderProps$1 as ToastProviderProps, ToastTitleProps, ToggleButtonProps, TooltipContentProps, TooltipProps, TooltipProviderProps$1 as TooltipProviderProps, TooltipRootProps, TooltipTriggerProps, TransitionProps };