@optiaxiom/react 0.3.5 → 0.4.0

package/dist/src/table-row/TableRow-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-BQxl5Oc4.css';
-import './../../assets/src/table-row/TableRow.css.ts.vanilla-DkygPBaI.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
+import './../../assets/src/table-row/TableRow.css.ts.vanilla-g1JsQVd4.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var row = recipeRuntime({base:['ibaz90',{w:'full'}]});
+var row = recipeRuntime({base:['_1tqhjtt',{w:'full'}]});
 
 export { row };

package/dist/src/tabs/Tabs-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-BQxl5Oc4.css';
-import './../../assets/src/tabs/Tabs.css.ts.vanilla-eDWe_QTH.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
+import './../../assets/src/tabs/Tabs.css.ts.vanilla-DvNrc0zR.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var tabs = recipeRuntime({base:[{display:'flex'},'a4sttd']});
+var tabs = recipeRuntime({base:[{display:'flex'},'qwvvq3']});
 
 export { tabs };

package/dist/src/tabs-list/TabsList-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-BQxl5Oc4.css';
-import './../../assets/src/tabs-list/TabsList.css.ts.vanilla-7xdw9CeT.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
+import './../../assets/src/tabs-list/TabsList.css.ts.vanilla-C4pwOkZI.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var list = recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'d86p9l'],variants:{appearance:{primary:'_1r5kx95',secondary:'_1un3csh'}}});
+var list = recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'jz6y0o'],variants:{appearance:{primary:'yj7k6t',secondary:'rfc47b'}}});
 
 export { list };

package/dist/src/tabs-trigger/TabsTrigger-css.js

@@ -1,8 +1,8 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-BQxl5Oc4.css';
-import './../../assets/src/tabs-trigger/TabsTrigger.css.ts.vanilla-CDh49ssN.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
+import './../../assets/src/tabs-trigger/TabsTrigger.css.ts.vanilla-_hN0PYnr.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{flexDirection:'row',gap:'xs',justifyContent:['center','start'],py:'6',rounded:'sm'},'_194qnuq']});
-var trigger = recipeRuntime({base:['_1b7la63',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4'},'akqnm6']});
+var content = recipeRuntime({base:[{flexDirection:'row',gap:'xs',justifyContent:['center','start'],py:'6',rounded:'sm'},'_1d1l8my']});
+var trigger = recipeRuntime({base:['_1cj9pvc',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4'},'z20xpa']});
 
 export { content, trigger };

package/dist/src/text/Text-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-BQxl5Oc4.css';
-import './../../assets/src/text/Text.css.ts.vanilla-CGbEhKz7.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
+import './../../assets/src/text/Text.css.ts.vanilla-BCJDfIr0.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var text = recipeRuntime((function(){var x={base:{fontSize:'md'},variants:{lineClamp:{'1':[{overflow:'hidden'},'_1vojnk4','wwfkty','_118owf0'],'2':[undefined,'_1vojnk4','wwfkty','p1o32i'],'3':[undefined,'_1vojnk4','wwfkty','lve7nd'],'4':[undefined,'_1vojnk4','wwfkty','zem4bh']},truncate:{true:[undefined,'_1vojnk4',{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={base:{fontSize:'md'},variants:{lineClamp:{'1':[{overflow:'hidden'},'zxhcs','vv972q','v6lg1q'],'2':[undefined,'zxhcs','vv972q','_1fqwq'],'3':[undefined,'zxhcs','vv972q','_6seeaz'],'4':[undefined,'zxhcs','vv972q','fao21m']},truncate:{true:[undefined,'zxhcs',{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/src/textarea-autosize/TextareaAutosize-css.js

@@ -1,9 +1,9 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-BQxl5Oc4.css';
-import './../../assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-B8N-ZjBS.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
+import './../../assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-BCRMLxRG.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var shadow = recipeRuntime({base:['ivlwrr','_1c78n5n']});
-var textarea = recipeRuntime({base:['ivlwrr','_1r0scqc']});
-var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_1yiv158','zavvdw'],'2':['_1yiv158','_1bbk6lh'],'3':['_1yiv158','_5bm10s'],'4':['_1yiv158','_6swszg'],'5':['_1yiv158','_1fn9xay']},resize:{auto:{},none:{},vertical:'_4ynwox'}}});
+var shadow = recipeRuntime({base:['_1u3ss6a','_6q14hu']});
+var textarea = recipeRuntime({base:['_1u3ss6a','_1itramf']});
+var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_149wf1u','c1ppvm'],'2':['_149wf1u','ke4m0t'],'3':['_149wf1u','im3wc2'],'4':['_149wf1u','_1uza4vx'],'5':['_149wf1u','_1ylye2b']},resize:{auto:{},none:{},vertical:'lrzmm6'}}});
 
 export { shadow, textarea, wrapper };

package/dist/src/toast/Toast-css.js

@@ -1,9 +1,9 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-BQxl5Oc4.css';
-import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-DEMA1i5o.css';
-import './../../assets/src/toast/Toast.css.ts.vanilla-CHiwYBgv.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
+import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-CqJHVl4p.css';
+import './../../assets/src/toast/Toast.css.ts.vanilla-BmaWJko-.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_1nggm9s']});
-var root = recipeRuntime({base:[{alignItems:'center',bg:'bg.default.inverse',color:'fg.default.inverse',display:'flex',gap:'xs',maxW:'full',p:'sm',pl:'md',rounded:'md',shadow:'md',w:['full','max']},'_1jbvkcm'],variants:{colorScheme:{danger:'edpov6',information:'c1i8a7',neutral:'_18sa79i',success:'_1v1x58o',warning:'_80u9jd'}}});
+var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_8mdg2o']});
+var root = recipeRuntime({base:[{alignItems:'center',bg:'bg.default.inverse',color:'fg.default.inverse',display:'flex',gap:'xs',maxW:'full',p:'sm',pl:'md',rounded:'md',shadow:'md',w:['full','max']},'_1iz4ax9'],variants:{colorScheme:{danger:'_11yym0z',information:'lwow39',neutral:'ekg7yt',success:'qaozin',warning:'_1a3s9zc'}}});
 
 export { icon, root };

package/dist/src/toast-provider/ToastProvider-css.js

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-BQxl5Oc4.css';
-import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-DEMA1i5o.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
+import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-CqJHVl4p.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var viewport = recipeRuntime({base:[{gap:'md',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_1t3o9re'],variants:{position:{bottom:'s89c8m','bottom-left':'_16bynhz','bottom-right':'_17g1iko',top:'_1tbnfeq','top-left':'y37e87','top-right':'_130jicq'}}});
+var viewport = recipeRuntime({base:[{gap:'md',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'qwh1ji'],variants:{position:{bottom:'_1bgj776','bottom-left':'_1imkpsi','bottom-right':'_19q3vca',top:'_1paqe','top-left':'_6y1kmd','top-right':'_18chrg4'}}});
 
 export { viewport };

package/dist/src/toggle-input/ToggleInput-css.js

@@ -1,8 +1,8 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-BQxl5Oc4.css';
-import './../../assets/src/table-row/TableRow.css.ts.vanilla-DkygPBaI.css';
-import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-CYG8X4be.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
+import './../../assets/src/table-row/TableRow.css.ts.vanilla-g1JsQVd4.css';
+import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-B-y4RHi9.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var toggleInput = recipeRuntime({base:['pctqts',{alignItems:'start',flexDirection:'row',gap:'xs'},'_13md6rf']});
+var toggleInput = recipeRuntime({base:['vzh6tm',{alignItems:'start',flexDirection:'row',gap:'xs'},'_1ku3jab']});
 
 export { toggleInput };

package/dist/src/toggle-input-control/ToggleInputControl-css.js

@@ -1,9 +1,9 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-BQxl5Oc4.css';
-import './../../assets/src/table-row/TableRow.css.ts.vanilla-DkygPBaI.css';
-import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-CYG8X4be.css';
-import './../../assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-BuJ2mQgD.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
+import './../../assets/src/table-row/TableRow.css.ts.vanilla-g1JsQVd4.css';
+import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-B-y4RHi9.css';
+import './../../assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-DM66CPyH.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['qbp44b']});
+var control = recipeRuntime({base:['_1sfmuni']});
 
 export { control };

package/dist/src/toggle-input-hidden-input/ToggleInputHiddenInput-css.js

@@ -1,6 +1,6 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-BQxl5Oc4.css';
-import './../../assets/src/table-row/TableRow.css.ts.vanilla-DkygPBaI.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
+import './../../assets/src/table-row/TableRow.css.ts.vanilla-g1JsQVd4.css';
 
-var className = 'fs2y3f';
+var className = 'bgi19g';
 
 export { className };

package/dist/src/tooltip-content/TooltipContent-css.js

@@ -1,4 +1,4 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-BQxl5Oc4.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var content = recipeRuntime({base:[{bg:'bg.default.inverse',color:'fg.default.inverse',px:'12',py:'8',rounded:'md',z:'tooltip'}]});

package/dist/src/transition/Transition-css.js

@@ -1,8 +1,8 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-BQxl5Oc4.css';
-import './../../assets/src/transition/Transition.css.ts.vanilla-DIc7AOWt.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-B76KCQ9u.css';
+import './../../assets/src/transition/Transition.css.ts.vanilla-Cnbq_Zqn.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var transition = recipeRuntime({base:'_1bnnv5d',variants:{duration:{sm:'_1ownef6',md:'aqo5ir',lg:'sm9l7g'},type:{fade:'n24qgb',pop:'htfrzr'}}});
+var transition = recipeRuntime({base:'ho1lkj',variants:{duration:{sm:'_1bw4e7i',md:'pmg5bc',lg:'_5z7nc0'},type:{fade:'_6z6lwj',pop:'_11i2ynt'}}});
 var transitionDuration = {sm:150,md:250,lg:400};
 
 export { transition, transitionDuration };

package/dist/unstable.d.ts

@@ -123,22 +123,44 @@ declare namespace BreadcrumbSeparator {
     var displayName: string;
 }
 
-type ComboBoxProps<Item, Mode extends "multiple" | "single" = "single"> = {
+type CommandProps<Item> = {
+    children: ReactNode;
+    onInputValueChange?: (inputValue: string) => void;
+    onOpenChange?: (open: boolean) => void;
+    onSelect?: (value: Item) => void;
+} & Pick<UseComboboxProps<Item>, "isItemDisabled" | "items" | "itemToKey" | "itemToString">;
+declare function Command<Item>({ children, isItemDisabled, items, itemToKey, itemToString, onInputValueChange, onOpenChange, onSelect, }: CommandProps<Item>): react_jsx_runtime.JSX.Element;
+declare namespace Command {
+    var displayName: string;
+}
+
+type ComboBoxProps<Item> = {
     children: ReactNode;
     defaultOpen?: boolean;
-    defaultValue?: Mode extends "multiple" ? Item[] : Item;
-    mode: Mode;
     onInputValueChange?: (inputValue: string) => void;
     onOpenChange?: (open: boolean) => void;
-    onValueChange?: (value: Mode extends "multiple" ? Item[] : Item) => void;
     open?: boolean;
-    value?: Mode extends "multiple" ? Item[] : Item;
-} & Pick<UseComboboxProps<Item>, "isItemDisabled" | "items" | "itemToKey" | "itemToString">;
-declare function Combobox<Item, Mode extends "multiple" | "single" = "single">({ children, defaultOpen, defaultValue, items, itemToKey, itemToString, mode: modeProp, onInputValueChange, onOpenChange, onValueChange, open: openProp, value: valueProp, ...props }: ComboBoxProps<Item, Mode>): react_jsx_runtime.JSX.Element;
+} & ComponentPropsWithoutRef<typeof Command<Item>>;
+declare function Combobox<Item>({ children, defaultOpen, isItemDisabled, itemToKey, itemToString, onOpenChange, open: openProp, ...props }: ComboBoxProps<Item>): react_jsx_runtime.JSX.Element;
 declare namespace Combobox {
     var displayName: string;
 }
 
+declare const ComboboxCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    description?: react.ReactNode;
+    icon?: react.ReactNode;
+} & {
+    colorScheme?: "danger" | "neutral" | undefined;
+}, never> & {
+    active?: boolean;
+    item: unknown;
+} & react.RefAttributes<HTMLLIElement>, "ref"> & react.RefAttributes<HTMLLIElement>>;
+
 declare const ComboboxContent: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<RadixPopover.PopoverContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w" | "className" | "asChild" | "minW" | "provider" | "enableExitAnimation" | "withArrow"> & Omit<{
     asChild?: boolean;
     className?: string;
@@ -191,6 +213,7 @@ declare const ComboboxItem: react.ForwardRefExoticComponent<Omit<Omit<react.Deta
 } & {
     colorScheme?: "danger" | "neutral" | undefined;
 }, never> & {
+    active?: boolean;
     item: unknown;
 } & react.RefAttributes<HTMLLIElement>>;
 
@@ -245,18 +268,108 @@ declare const ComboboxMultipleValue: react.ForwardRefExoticComponent<Omit<Omit<r
     className?: string;
 } & Sprinkles, never> & {
     placeholder?: string;
-} & react.RefAttributes<HTMLDivElement>>;
+    value: Set<unknown> | unknown[];
+} & Pick<UseComboboxProps<unknown>, "itemToString" | "itemToKey"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const ComboboxSingleValue: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & {
     placeholder?: string;
-} & react.RefAttributes<HTMLDivElement>>;
-
-type ComboboxValueProps = ComponentPropsWithoutRef<typeof ComboboxMultipleValue> | ComponentPropsWithoutRef<typeof ComboboxSingleValue>;
+    value: unknown;
+} & Pick<UseComboboxProps<unknown>, "itemToString" | "itemToKey"> & react.RefAttributes<HTMLDivElement>>;
+
+type ComboboxValueProps = ({
+    type: "multiple";
+} & ComponentPropsWithoutRef<typeof ComboboxMultipleValue>) | ({
+    type?: "single";
+} & ComponentPropsWithoutRef<typeof ComboboxSingleValue>);
 declare const ComboboxValue: react.ForwardRefExoticComponent<ComboboxValueProps & react.RefAttributes<HTMLDivElement>>;
 
+declare const CommandCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    description?: react.ReactNode;
+    icon?: react.ReactNode;
+} & {
+    colorScheme?: "danger" | "neutral" | undefined;
+}, never> & {
+    active?: boolean;
+    item: unknown;
+} & react.RefAttributes<HTMLLIElement>, "ref"> & react.RefAttributes<HTMLLIElement>>;
+
+declare const CommandEmpty: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
+
+declare const CommandFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
+}, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
+}, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const CommandInput: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "disabled" | "color" | "size" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    addonPointerEvents?: "auto" | "none";
+    disabled?: boolean;
+    error?: boolean;
+} & {
+    size?: "md" | "lg" | undefined;
+}, never> & {
+    appearance?: "number" | "default" | undefined;
+} & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<HTMLInputElement>>;
+
+declare const CommandItem: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    description?: react.ReactNode;
+    icon?: react.ReactNode;
+} & {
+    colorScheme?: "danger" | "neutral" | undefined;
+}, never> & {
+    active?: boolean;
+    item: unknown;
+} & react.RefAttributes<HTMLLIElement>>;
+
+declare const CommandItemIndicator: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.SVGProps<SVGSVGElement>, "ref"> & react.RefAttributes<SVGSVGElement>, "ref">, "color" | "fontFamily" | "fontSize" | "cursor" | "fontWeight" | "pointerEvents" | "overflow" | "z" | "display" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<SVGSVGElement>>;
+
+declare const CommandList: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLUListElement>>;
+
+declare const CommandSeparator: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<_radix_ui_react_separator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild" | "orientation"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & {
+    orientation?: ("vertical" | "horizontal" | {
+        readonly base?: "vertical" | "horizontal" | undefined;
+        readonly sm?: "vertical" | "horizontal" | undefined;
+        readonly md?: "vertical" | "horizontal" | undefined;
+        readonly lg?: "vertical" | "horizontal" | undefined;
+    } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "vertical" | "horizontal" | null>;
+} & react.RefAttributes<HTMLHRElement>, "ref">, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w" | "className" | "asChild"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLLIElement>>;
+
 type DataTableProps<TData> = TableOptions<TData>;
 declare const DataTable: <TData>({ columns, data, ...props }: DataTableProps<TData>) => react_jsx_runtime.JSX.Element;
 
@@ -416,4 +529,4 @@ declare const TableRow: react.ForwardRefExoticComponent<Omit<Omit<react.Detailed
     className?: string;
 } & Sprinkles, never> & react.RefAttributes<HTMLTableRowElement>>;
 
-export { Autocomplete, AutocompleteContent, AutocompleteEmpty, AutocompleteItem, AutocompleteItemIndicator, AutocompleteList, AutocompleteTrigger, Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, Combobox, ComboboxContent, ComboboxEmpty, ComboboxFooter, ComboboxInput, ComboboxItem, ComboboxItemIndicator, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, DataTable, DataTableHeader, Pill, Select, SelectContent, SelectItem, SelectItemIndicator, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Table, TableBody, TableCell, TableHead, TableHeaderCell, TableRow };
+export { Autocomplete, AutocompleteContent, AutocompleteEmpty, AutocompleteItem, AutocompleteItemIndicator, AutocompleteList, AutocompleteTrigger, Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, Combobox, ComboboxCheckboxItem, ComboboxContent, ComboboxEmpty, ComboboxFooter, ComboboxInput, ComboboxItem, ComboboxItemIndicator, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandCheckboxItem, CommandEmpty, CommandFooter, CommandInput, CommandItem, CommandItemIndicator, CommandList, CommandSeparator, DataTable, DataTableHeader, Pill, Select, SelectContent, SelectItem, SelectItemIndicator, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Table, TableBody, TableCell, TableHead, TableHeaderCell, TableRow };

package/dist/unstable.js

@@ -12,6 +12,7 @@ export { BreadcrumbLink } from './src/breadcrumb-link/BreadcrumbLink.js';
 export { BreadcrumbPage } from './src/breadcrumb-page/BreadcrumbPage.js';
 export { BreadcrumbSeparator } from './src/breadcrumb-separator/BreadcrumbSeparator.js';
 export { Combobox } from './src/combobox/Combobox.js';
+export { ComboboxCheckboxItem } from './src/combobox-checkbox-item/ComboboxCheckboxItem.js';
 export { ComboboxContent } from './src/combobox-content/ComboboxContent.js';
 export { ComboboxEmpty } from './src/combobox-empty/ComboboxEmpty.js';
 export { ComboboxFooter } from './src/combobox-footer/ComboboxFooter.js';
@@ -22,6 +23,15 @@ export { ComboboxList } from './src/combobox-list/ComboboxList.js';
 export { ComboboxSeparator } from './src/combobox-separator/ComboboxSeparator.js';
 export { ComboboxTrigger } from './src/combobox-trigger/ComboboxTrigger.js';
 export { ComboboxValue } from './src/combobox-value/ComboboxValue.js';
+export { Command } from './src/command/Command.js';
+export { CommandCheckboxItem } from './src/command-checkbox-item/CommandCheckboxItem.js';
+export { CommandEmpty } from './src/command-empty/CommandEmpty.js';
+export { CommandFooter } from './src/command-footer/CommandFooter.js';
+export { CommandInput } from './src/command-input/CommandInput.js';
+export { CommandItem } from './src/command-item/CommandItem.js';
+export { CommandItemIndicator } from './src/command-item-indicator/CommandItemIndicator.js';
+export { CommandList } from './src/command-list/CommandList.js';
+export { CommandSeparator } from './src/command-separator/CommandSeparator.js';
 export { DataTable } from './src/data-table/DataTable.js';
 export { DataTableHeader } from './src/data-table-header/DataTableHeader.js';
 export { Pill } from './src/pill/Pill.js';

package/package.json

@@ -7,7 +7,7 @@
     "url": "https://github.com/optimizely-axiom/optiaxiom.git"
   },
   "type": "module",
-  "version": "0.3.5",
+  "version": "0.4.0",
   "files": [
     "dist/**",
     "LICENSE"

package/dist/assets/src/alert-dialog-footer/AlertDialogFooter.css.ts.vanilla-B2pBflJv.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._1uoxjkg;
-@layer optiaxiom._1uoxjkg {
-  ._1qz8joq {
-    border-top: 1px solid var(--ax-colors-border-secondary);
-  }
-}

package/dist/assets/src/autocomplete-content/AutocompleteContent.css.ts.vanilla-Bbsg7no2.css

@@ -1,10 +0,0 @@
-@layer optiaxiom._1uoxjkg;
-@layer optiaxiom._1uoxjkg {
-  ._1xvw2tn {
-    overflow: auto;
-    overscroll-behavior: contain;
-  }
-  ._1xvw2tn:empty {
-    visibility: hidden;
-  }
-}

package/dist/assets/src/avatar/Avatar.css.ts.vanilla-UAC31ujs.css

@@ -1,27 +0,0 @@
-@layer optiaxiom._1uoxjkg;
-@layer optiaxiom._1uoxjkg {
-  .wrz0hn {
-    user-select: none;
-  }
-  .vsldt8 .wrz0hn {
-    border: 1px solid var(--ax-colors-bg-default);
-  }
-  .vsldt8 ._198szq4:not(:first-child) {
-    margin-left: -3px;
-  }
-  .vsldt8 .f5rxl4:not(:first-child) {
-    margin-left: -5px;
-  }
-  .vsldt8 ._45i3y1:not(:first-child) {
-    margin-left: -7px;
-  }
-  .vsldt8 ._1baawat:not(:first-child) {
-    margin-left: -9px;
-  }
-  .vsldt8 .dsb99o:not(:first-child) {
-    margin-left: -11px;
-  }
-  .vsldt8 .g8hc8l:not(:first-child) {
-    margin-left: -13px;
-  }
-}

package/dist/assets/src/badge/Badge.css.ts.vanilla-Dby1HGSv.css

@@ -1,46 +0,0 @@
-@layer optiaxiom._1uoxjkg;
-@layer optiaxiom._1uoxjkg {
-  ._3bbeh0 {
-    --aubxyj: var(--ax-colors-fg-white);
-  }
-  ._1p424cf {
-    --sz0pzp: var(--ax-colors-bg-error);
-    --_1rxdzgl: var(--ax-colors-bg-error-subtle);
-    --_77epqb: var(--ax-colors-fg-error-strong);
-  }
-  ._1a43cjt {
-    --sz0pzp: var(--ax-colors-bg-information);
-    --_1rxdzgl: var(--ax-colors-bg-information-subtle);
-    --_77epqb: var(--ax-colors-fg-information-strong);
-  }
-  ._13bimol {
-    --sz0pzp: var(--ax-colors-bg-tertiary);
-    --aubxyj: var(--ax-colors-fg-default);
-    --_1rxdzgl: var(--ax-colors-bg-secondary);
-    --_77epqb: var(--ax-colors-fg-secondary);
-  }
-  ._3t9cl3 {
-    --sz0pzp: var(--ax-colors-bg-accent);
-    --_1rxdzgl: var(--ax-colors-bg-accent-subtle);
-    --_77epqb: var(--ax-colors-fg-accent-strong);
-  }
-  ._1wtq2vv {
-    --sz0pzp: var(--ax-colors-bg-success);
-    --_1rxdzgl: var(--ax-colors-bg-success-subtle);
-    --_77epqb: var(--ax-colors-fg-success-strong);
-  }
-  ._1qtrqgl {
-    --sz0pzp: var(--ax-colors-bg-warning);
-    --aubxyj: var(--ax-colors-fg-warning-inverse);
-    --_1rxdzgl: var(--ax-colors-bg-warning-subtle);
-    --_77epqb: var(--ax-colors-fg-warning-strong);
-  }
-  .ngknio {
-    background-color: var(--_1rxdzgl);
-    color: var(--_77epqb);
-  }
-  .dea1r8 {
-    background-color: var(--sz0pzp);
-    color: var(--aubxyj);
-  }
-}

package/dist/assets/src/button-base/ButtonBase.css.ts.vanilla-BHtcSNLa.css

@@ -1,140 +0,0 @@
-@layer optiaxiom._1uoxjkg;
-@layer optiaxiom._1uoxjkg {
-  ._838r88 {
-    border-radius: var(--ax-borderRadius-md);
-    padding-inline: var(--bkv51n);
-    position: relative;
-    text-decoration: none;
-    user-select: none;
-  }
-  ._838r88:is(:focus-visible, :has(:focus-visible)):not([data-disabled], [data-loading]) {
-    outline: 2px solid var(--ax-colors-border-focus);
-    outline-offset: 1px;
-    z-index: var(--ax-zIndex-10);
-  }
-  .c6u42p[data-orientation="horizontal"] > ._838r88:not(:first-child):not(:last-child),.c6u42p[data-orientation="horizontal"] > :not(:first-child):not(:last-child) ._838r88 {
-    border-inline-width: 0.5px;
-  }
-  .c6u42p[data-orientation="horizontal"] > ._838r88:not(:only-child):first-child,.c6u42p[data-orientation="horizontal"] > :not(:only-child):first-child ._838r88 {
-    border-bottom-right-radius: 0;
-    border-right-width: 0.5px;
-    border-top-right-radius: 0;
-  }
-  .c6u42p[data-orientation="horizontal"] > ._838r88:not(:only-child):last-child,.c6u42p[data-orientation="horizontal"] > :not(:only-child):last-child ._838r88 {
-    border-bottom-left-radius: 0;
-    border-left-width: 0.5px;
-    border-top-left-radius: 0;
-  }
-  .c6u42p[data-orientation="vertical"] > ._838r88:not(:first-child):not(:last-child),.c6u42p[data-orientation="vertical"] > :not(:first-child):not(:last-child) ._838r88 {
-    border-block-width: 0.5px;
-  }
-  .c6u42p[data-orientation="vertical"] > ._838r88:not(:only-child):first-child,.c6u42p[data-orientation="vertical"] > :not(:only-child):first-child ._838r88 {
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-    border-bottom-width: 0.5px;
-  }
-  .c6u42p[data-orientation="vertical"] > ._838r88:not(:only-child):last-child,.c6u42p[data-orientation="vertical"] > :not(:only-child):last-child ._838r88 {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-    border-top-width: 0.5px;
-  }
-  .c6u42p[data-orientation] > ._838r88:not(:first-child):not(:last-child),.c6u42p[data-orientation] > :not(:first-child):not(:last-child) ._838r88 {
-    border-radius: 0;
-  }
-  ._1kmcyc6 {
-    --k7a6fw: var(--ax-colors-bg-error);
-    --_1qvazlc: var(--ax-colors-bg-error-hovered);
-    --_1p7f919: var(--ax-colors-bg-error-pressed);
-    --lvnap1: var(--ax-colors-bg-error-subtlest);
-    --_1n5wqor: var(--ax-colors-bg-error-subtle);
-  }
-  ._10fu58u {
-    --k7a6fw: var(--ax-colors-bg-default-inverse);
-    --_1qvazlc: var(--ax-colors-bg-default-inverse-hovered);
-    --_1p7f919: var(--ax-colors-bg-default-inverse-pressed);
-    --lvnap1: var(--ax-colors-bg-secondary);
-    --_1gc89be: var(--ax-colors-border-default);
-    --wswgh8: var(--ax-colors-border-default);
-    --_1n5wqor: var(--ax-colors-bg-secondary-hovered);
-    --_9954jj: var(--ax-colors-fg-default);
-  }
-  .ufyggn {
-    --k7a6fw: var(--ax-colors-bg-accent);
-    --_1qvazlc: var(--ax-colors-bg-accent-hovered);
-    --_1p7f919: var(--ax-colors-bg-accent-pressed);
-    --lvnap1: var(--ax-colors-bg-accent-subtle);
-    --_1n5wqor: var(--ax-colors-bg-accent-light);
-  }
-  ._5gsrs5 {
-    min-width: fit-content;
-  }
-  .exsz1p {
-    background-color: var(--ax-colors-bg-default);
-    border: 1px solid var(--wswgh8, var(--k7a6fw));
-    color: var(--_9954jj, var(--k7a6fw));
-    padding-inline: calc(var(--bkv51n) - 1px);
-  }
-  .exsz1p:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--_1n5wqor);
-    border-color: var(--_1gc89be, var(--_1qvazlc));
-  }
-  .exsz1p:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--lvnap1);
-    border-color: var(--_1gc89be, var(--_1qvazlc));
-  }
-  .exsz1p:is([data-state="active"], [data-state="on"]) {
-    background-color: var(--ax-colors-bg-accent-subtle);
-    border-color: var(--ax-colors-fg-accent);
-    color: var(--ax-colors-fg-accent);
-  }
-  .exsz1p[data-disabled] {
-    border-color: var(--ax-colors-border-disabled);
-    color: var(--ax-colors-fg-disabled);
-  }
-  ._3zelz6 {
-    background-color: var(--k7a6fw);
-    color: var(--ax-colors-fg-default-inverse);
-  }
-  ._3zelz6:active:not([data-disabled], [data-loading]) {
-    background-color: var(--_1p7f919);
-  }
-  ._3zelz6:hover:not(:active, [data-disabled], [data-loading]) {
-    background-color: var(--_1qvazlc);
-  }
-  ._3zelz6[data-disabled] {
-    background-color: var(--ax-colors-bg-secondary);
-    border: 1px solid var(--ax-colors-border-disabled);
-    color: var(--ax-colors-fg-disabled);
-    padding-inline: calc(var(--bkv51n) - 1px);
-  }
-  ._1cr2gai {
-    background-color: transparent;
-    border-color: var(--k7a6fw);
-    color: var(--_9954jj, var(--k7a6fw));
-  }
-  ._1cr2gai:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--_1n5wqor);
-  }
-  ._1cr2gai:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--lvnap1);
-  }
-  ._1cr2gai:is([data-state="active"], [data-state="on"]) {
-    background-color: var(--ax-colors-bg-accent-subtle);
-    color: var(--ax-colors-fg-accent);
-  }
-  ._1cr2gai[data-disabled] {
-    color: var(--ax-colors-fg-disabled);
-  }
-  ._80p7q7 {
-    --bkv51n: 4px;
-  }
-  .sam27k {
-    --bkv51n: 8px;
-  }
-  .wmq17e {
-    --bkv51n: 12px;
-  }
-  ._1vaqmo4 {
-    position: absolute;
-  }
-}