@optiaxiom/react 0.12.0 → 0.12.1

package/dist/packages/react/src/table-header-cell/TableHeaderCell-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
-import './../../../../assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-BKZVsczC.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
+import './../../../../assets/src/table-header-cell/TableHeaderCell.css.ts.vanilla-DaNUTovm.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cell = recipeRuntime({base:'_1kg1o15'});
-var content = recipeRuntime({base:[{alignItems:'center',bg:'bg.default',color:'fg.tertiary',display:'flex',fontSize:'sm',fontWeight:'400',h:'full',px:'16',py:'12'},'_1f0chm']});
+var cell = recipeRuntime({base:'klsdlg'});
+var content = recipeRuntime({base:[{alignItems:'center',bg:'bg.default',color:'fg.tertiary',display:'flex',fontSize:'sm',fontWeight:'400',h:'full',px:'16',py:'12'},'_5z9gw2']});
 
 export { cell, content };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-D4UKMjb1.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-B0zLWMvn.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var row = recipeRuntime({base:['uln670',{transition:'colors',w:'full'},'_1yrqbff']});
+var row = recipeRuntime({base:['_1fr3mav',{transition:'colors',w:'full'},'pp4718']});
 
 export { row };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
-import './../../../../assets/src/tabs/Tabs.css.ts.vanilla-B15sgbGb.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
+import './../../../../assets/src/tabs/Tabs.css.ts.vanilla-BN7lVYAH.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var tabs = recipeRuntime({base:[{display:'flex'},'rsqmon']});
+var tabs = recipeRuntime({base:[{display:'flex'},'td82fd']});
 
 export { tabs };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
-import './../../../../assets/src/tabs-list/TabsList.css.ts.vanilla-CjHiMyr4.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
+import './../../../../assets/src/tabs-list/TabsList.css.ts.vanilla-BP_9vLY1.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var list = recipeRuntime({base:[{borderColor:'border.default',display:'flex'},'_70v66q']});
+var list = recipeRuntime({base:[{borderColor:'border.default',display:'flex'},'_1a574gk']});
 
 export { list };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
-import './../../../../assets/src/tabs-trigger/TabsTrigger.css.ts.vanilla-DXXsSufe.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
+import './../../../../assets/src/tabs-trigger/TabsTrigger.css.ts.vanilla-Ckc0oCmI.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{flexDirection:'row',gap:'8',justifyContent:['center','start'],py:'6',rounded:'sm',transition:'colors'},'_1oc4hv9']});
-var trigger = recipeRuntime({base:['_11qkujh',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'_1cju1je']});
+var content = recipeRuntime({base:[{flexDirection:'row',gap:'8',justifyContent:['center','start'],py:'6',rounded:'sm',transition:'colors'},'p1e0jk']});
+var trigger = recipeRuntime({base:['vudx91',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'_4jaqwj']});
 
 export { content, trigger };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
-import './../../../../assets/src/text/Text.css.ts.vanilla-BoRK2ufR.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
+import './../../../../assets/src/text/Text.css.ts.vanilla-CGxoY6g3.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var text = recipeRuntime((function(){var x={base:{fontSize:'md'},variants:{lineClamp:{'1':[{overflow:'hidden'},'_1pl2sfn','_11p1i7a','qj76ui'],'2':[undefined,'_1pl2sfn','_11p1i7a','_1mg9e42'],'3':[undefined,'_1pl2sfn','_11p1i7a','_14ymtl'],'4':[undefined,'_1pl2sfn','_11p1i7a','_1b277pl']},truncate:{true:[undefined,'_1pl2sfn',{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'},'zdorjb','vnqc65','bjvel0'],'2':[undefined,'zdorjb','vnqc65','_6seirb'],'3':[undefined,'zdorjb','vnqc65','_11h6nqe'],'4':[undefined,'zdorjb','vnqc65','_1ydh4i7']},truncate:{true:[undefined,'zdorjb',{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/packages/react/src/textarea-autosize/TextareaAutosize-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
-import './../../../../assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-BqPnx08F.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
+import './../../../../assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-IGQBMtlC.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var shadow = recipeRuntime({base:['_1kri3y5','_17vow6f']});
-var textarea = recipeRuntime({base:['_1kri3y5','_1bucbuy']});
-var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_7tcqze','_1j34cju'],'2':['_7tcqze','_5euekh'],'3':['_7tcqze','ekmefn'],'4':['_7tcqze','_3dxibg'],'5':['_7tcqze','_1n42lxz']},resize:{auto:{},none:{},vertical:'o0enex'}}});
+var shadow = recipeRuntime({base:['_1ri9wyp','mpgjp6']});
+var textarea = recipeRuntime({base:['_1ri9wyp','i1cflh']});
+var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_1prh7mp','irqa73'],'2':['_1prh7mp','r4zzqq'],'3':['_1prh7mp','fvdn1t'],'4':['_1prh7mp','_1s37qmc'],'5':['_1prh7mp','cs2xo']},resize:{auto:{},none:{},vertical:'y3gdg7'}}});
 
 export { shadow, textarea, wrapper };

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

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
-import './../../../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-ULNPB8i-.css';
-import './../../../../assets/src/toast/Toast.css.ts.vanilla-DHBfOktk.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
+import './../../../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-BgmegZre.css';
+import './../../../../assets/src/toast/Toast.css.ts.vanilla-HHPiOBA9.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'josheh']});
-var offsetVar = 'var(--_13wxu4n)';
-var root = recipeRuntime({base:['ork9cx',{alignItems:'center',bg:'bg.default.inverse',color:'fg.default.inverse',display:'flex',gap:'8',maxW:'full',p:'12',pl:'16',rounded:'md',shadow:'md',w:['full','max']},'_1svodlt'],variants:{intent:{danger:'_1kvmkto',information:'_264j93',neutral:'_1567tfi',success:'yk7lnh',warning:'_132s1hh'}}});
+var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_1terp1v']});
+var offsetVar = 'var(--_1ro0upv)';
+var root = recipeRuntime({base:['ygf5z4',{alignItems:'center',bg:'bg.default.inverse',color:'fg.default.inverse',display:'flex',gap:'8',maxW:'full',p:'12',pl:'16',rounded:'md',shadow:'md',w:['full','max']},'_1hmjrcs'],variants:{intent:{danger:'_1alqwkj',information:'_1q7r4xn',neutral:'_1qq4p39',success:'_7426ex',warning:'_13qe2r4'}}});
 
 export { icon, offsetVar, root };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
-import './../../../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-ULNPB8i-.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
+import './../../../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-BgmegZre.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var gap = '16';
-var viewport = recipeRuntime({base:[{gap:'16',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'l9tkfa'],variants:{position:{bottom:'dlu82q','bottom-left':'_2s9i3w','bottom-right':'_10ek5nt',top:'_17tr8fm','top-left':'gm2wtt','top-right':'_19xnqf1'}}});
+var viewport = recipeRuntime({base:[{gap:'16',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'o3fxdo'],variants:{position:{bottom:'_1xsawyl','bottom-left':'_1akzdlw','bottom-right':'_9ndwcy',top:'d2iq4e','top-left':'_1mirps5','top-right':'o676tv'}}});
 
 export { gap, viewport };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-BxCgGwKO.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BNzQxjeW.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
+import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-BgJJG2w1.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DWjnMxMo.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var toggleInput = recipeRuntime({base:['_1gexg75',{alignItems:'start',display:'inline-flex',flexDirection:'row',gap:'8'},'oc5xrn']});
+var toggleInput = recipeRuntime({base:['ehqlt7',{alignItems:'start',display:'inline-flex',flexDirection:'row',gap:'8'},'_10li6te']});
 
 export { toggleInput };

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

@@ -10,7 +10,7 @@ import { ToggleInputContextProvider } from '../toggle-input-context/ToggleInputC
 import { toggleInput } from './ToggleInput-css.js';
 
 const ToggleInput = forwardRef(
-  ({ asChild, children, className, description, ...props }, ref) => {
+  ({ asChild, children, className, description, onMouseDown, ...props }, ref) => {
     const Comp = asChild ? Slot : "label";
     const { boxProps, restProps } = extractBoxProps(props);
     const descriptionId = useId();
@@ -20,7 +20,20 @@ const ToggleInput = forwardRef(
       {
         descriptionId: description ? descriptionId : undefined,
         labelId,
-        children: /* @__PURE__ */ jsx(Flex, { asChild: true, ...toggleInput({}, className), ...boxProps, children: /* @__PURE__ */ jsx(Comp, { ref, ...restProps, children }) })
+        children: /* @__PURE__ */ jsx(Flex, { asChild: true, ...toggleInput({}, className), ...boxProps, children: /* @__PURE__ */ jsx(
+          Comp,
+          {
+            onMouseDown: (event) => {
+              onMouseDown?.(event);
+              if (!event.defaultPrevented && event.detail > 1) {
+                event.preventDefault();
+              }
+            },
+            ref,
+            ...restProps,
+            children
+          }
+        ) })
       }
     );
   }

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-BxCgGwKO.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BNzQxjeW.css';
-import './../../../../assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-exuo2Uld.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
+import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-BgJJG2w1.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DWjnMxMo.css';
+import './../../../../assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-X7r8qT4_.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['x74igi']});
+var control = recipeRuntime({base:['et1u96']});
 
 export { control };

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

@@ -1,6 +1,6 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-BxCgGwKO.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
+import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-BgJJG2w1.css';
 
-var className = '_1oxb8wn';
+var className = '_1f4nngt';
 
 export { className };

package/dist/packages/react/src/toggle-input-label/ToggleInputLabel.js

@@ -6,23 +6,9 @@ import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
 import { useToggleInputContext } from '../toggle-input-context/ToggleInputContext.js';
 
-const ToggleInputLabel = forwardRef(({ children, onMouseDown, ...props }, ref) => {
+const ToggleInputLabel = forwardRef(({ children, ...props }, ref) => {
   const { labelId } = useToggleInputContext("ToggleInputLabel");
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      id: labelId,
-      onMouseDown: (event) => {
-        onMouseDown?.(event);
-        if (!event.defaultPrevented && event.detail > 1) {
-          event.preventDefault();
-        }
-      },
-      ref,
-      ...props,
-      children
-    }
-  );
+  return /* @__PURE__ */ jsx(Box, { id: labelId, ref, ...props, children });
 });
 ToggleInputLabel.displayName = "@optiaxiom/react/ToggleInputLabel";
 

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.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/packages/react/src/transition/Transition-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B-b4u8-T.css';
-import './../../../../assets/src/transition/Transition.css.ts.vanilla-CMZjz5Fp.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
+import './../../../../assets/src/transition/Transition.css.ts.vanilla-CzNeaprk.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var transition = recipeRuntime({base:'fkeqi8',variants:{duration:{sm:'_1lppc3',md:'_1f72rkv',lg:'_5mcb6m'},type:{fade:'_63ot5l',pop:'_4el771'}}});
+var transition = recipeRuntime({base:'o4ahd3',variants:{duration:{sm:'_10zykhj',md:'vn4ldk',lg:'_12855vg'},type:{fade:'_1sq98cs',pop:'_1a2x0em',slide:'sa8ulo'}}});
 
 export { transition };

package/dist/packages/react/src/use-responsive-matches/useResponsiveMatches.js

@@ -3,7 +3,7 @@ import { conditions } from '../utils/conditions.js';
 import '@radix-ui/react-slot';
 import 'react';
 import 'react/jsx-runtime';
-import { useMediaQuery } from '../../../../node_modules/.pnpm/@mantine_hooks@7.15.3_react@18.3.1/node_modules/@mantine/hooks/esm/use-media-query/use-media-query.js';
+import { useMediaQuery } from '../../../../node_modules/.pnpm/@mantine_hooks@7.16.2_react@18.3.1/node_modules/@mantine/hooks/esm/use-media-query/use-media-query.js';
 
 const list = ["md", "sm"];
 const useResponsiveMatches = (config) => {

package/dist/packages/react/src/utils/forceValueChange.js

@@ -0,0 +1,9 @@
+const forceValueChange = (input, value) => {
+  Object.getOwnPropertyDescriptor(
+    input.constructor.prototype,
+    "value"
+  )?.set?.call(input, value);
+  input.dispatchEvent(new Event("change", { bubbles: true }));
+};
+
+export { forceValueChange };

package/dist/unstable.d.ts

@@ -4,10 +4,11 @@ import { ReactNode, ComponentPropsWithoutRef, ReactElement } from 'react';
 import { UseComboboxProps, UseSelectProps } from 'downshift';
 import * as _radix_ui_react_popper from '@radix-ui/react-popper';
 import { PopperContent } from '@radix-ui/react-popper';
-import { E as ExcludeProps, B as BoxProps, M as MenuListbox, S as Sprinkles, L as Link, D as DialogContent, P as PopoverContent, b as ResponsiveArray } from './PopoverContent-BgXq33Tj.js';
+import { E as ExcludeProps, B as BoxProps, M as MenuListbox, S as Sprinkles, L as Link, D as DialogContent, P as PopoverContent, b as ResponsiveArray } from './PopoverContent-bLVoy8F_.js';
 import * as _radix_ui_react_separator from '@radix-ui/react-separator';
 import * as RadixPopover from '@radix-ui/react-popover';
 import { Table as Table$1, Header } from '@tanstack/react-table';
+import * as RadixCollapsible from '@radix-ui/react-collapsible';
 import * as RadixDialog from '@radix-ui/react-dialog';
 
 type CommandProps<Item> = Pick<UseComboboxProps<Item>, "inputId" | "selectedItem" | "stateReducer"> & {
@@ -195,6 +196,106 @@ declare const BreadcrumbPage: react.ForwardRefExoticComponent<Omit<NonNullable<S
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLSpanElement>>;
 
+declare const Calendar: react.ForwardRefExoticComponent<{
+    /**
+     * The initial selected value in uncontrolled mode.
+     */
+    defaultValue?: Date;
+    /**
+     * The latest month to end the month navigation.
+     */
+    max?: Date;
+    /**
+     * The earliest month to start the month navigation.
+     */
+    min?: Date;
+    /**
+     * Handler that is called when the selected value changes.
+     */
+    onValueChange?: (value: Date | undefined) => void;
+    /**
+     * The today’s date. Default is the current date.
+     */
+    today?: Date;
+    /**
+     * The selected value in controlled mode.
+     */
+    value?: Date;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "defaultValue" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const Card: react.ForwardRefExoticComponent<{
+    /**
+     * The orientation/layout of the elements inside the card.
+     */
+    orientation?: "horizontal" | "vertical";
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const CardCheckbox: react.ForwardRefExoticComponent<Omit<Pick<Omit<{
+    description?: react.ReactNode;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<{
+    onCheckedChange?: (checked: boolean) => void;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, never> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "description"> & Pick<Omit<{
+    indeterminate?: boolean;
+    shift?: boolean;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref">, "p" | "asChild" | "fontFamily" | "fontSize" | "size" | "animation" | "borderColor" | "color" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "indeterminate"> & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<{
+    onCheckedChange?: (checked: boolean) => void;
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, never> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<HTMLInputElement>>;
+
+declare const CardContent: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const CardDescription: react.ForwardRefExoticComponent<Omit<Omit<Omit<{
+    lineClamp?: "1" | "2" | "4" | "3" | undefined;
+    truncate?: boolean | undefined;
+}, never> & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLParagraphElement>, "ref"> & {
+    ref?: ((instance: HTMLParagraphElement | 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<HTMLParagraphElement> | null | undefined;
+}, "ref"> & react.RefAttributes<HTMLParagraphElement>>;
+
+declare const CardImage: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLImageElement>>;
+
+declare const CardOverflow: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & 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 CardTitle: react.ForwardRefExoticComponent<Omit<{
+    level?: "1" | "2" | "4" | "6" | "3" | "5";
+}, never> & Omit<{
+    lineClamp?: "1" | "2" | "4" | "3" | undefined;
+    truncate?: boolean | undefined;
+}, never> & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+
 type ComboBoxProps<Item> = ComponentPropsWithoutRef<typeof Command<Item>> & {
     children: ReactNode;
     defaultOpen?: boolean;
@@ -334,9 +435,9 @@ declare const ComboboxTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
-    iconOnly?: boolean | undefined;
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
+    square?: boolean | undefined;
     variant?: "outline" | "subtle" | "solid" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "inverse" | "danger" | "subtle" | "primary" | "danger-outline";
@@ -415,6 +516,31 @@ declare const DataTableHeaderCell: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTableCellElement>>;
 
+declare const DateInput: react.ForwardRefExoticComponent<Omit<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;
+} & {
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    htmlSize?: number;
+} & Omit<NonNullable<{
+    size?: "md" | "lg" | "xl" | undefined;
+} & {
+    disabled?: boolean;
+    error?: boolean;
+}>, "size"> & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "disabled" | "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<HTMLInputElement>>;
+
 declare const Highlight: react.ForwardRefExoticComponent<{
     children?: (chunk: ReactElement) => ReactNode;
     content?: string;
@@ -437,6 +563,41 @@ declare const InlineInput: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "defaultValue" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
+declare const NavGroup: react.ForwardRefExoticComponent<{
+    defaultOpen?: boolean;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const NavGroupContent: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const NavGroupLabel: react.ForwardRefExoticComponent<Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    chevronPosition?: "end" | "start";
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<RadixCollapsible.CollapsibleTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+
+declare const NavSeparator: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<{
+    orientation?: ("vertical" | "horizontal" | {
+        readonly base?: "vertical" | "horizontal" | undefined;
+        readonly sm?: "vertical" | "horizontal" | undefined;
+        readonly md?: "vertical" | "horizontal" | undefined;
+    } | undefined) | ResponsiveArray<2 | 1 | 3, "vertical" | "horizontal" | null>;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<_radix_ui_react_separator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className" | "orientation"> & react.RefAttributes<HTMLDivElement>, "ref">, "p" | "asChild" | "fontFamily" | "fontSize" | "size" | "animation" | "borderColor" | "color" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "className"> & react.RefAttributes<HTMLDivElement>>;
+
 declare const Pill: react.ForwardRefExoticComponent<{
     size?: "md" | "lg" | undefined;
 } & {
@@ -450,9 +611,9 @@ declare const Pill: react.ForwardRefExoticComponent<{
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
-    iconOnly?: boolean | undefined;
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
+    square?: boolean | undefined;
     variant?: "outline" | "subtle" | "solid" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "inverse" | "danger" | "subtle" | "primary" | "danger-outline";
@@ -540,9 +701,9 @@ declare const SelectTrigger: react.ForwardRefExoticComponent<Omit<{
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
-    iconOnly?: boolean | undefined;
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
+    square?: boolean | undefined;
     variant?: "outline" | "subtle" | "solid" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "inverse" | "danger" | "subtle" | "primary" | "danger-outline";
@@ -664,9 +825,9 @@ declare const SpotlightTrigger: react.ForwardRefExoticComponent<{
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
-    iconOnly?: boolean | undefined;
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
+    square?: boolean | undefined;
     variant?: "outline" | "subtle" | "solid" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "inverse" | "danger" | "subtle" | "primary" | "danger-outline";
@@ -681,9 +842,9 @@ declare const SpotlightTrigger: react.ForwardRefExoticComponent<{
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
 }, never> & Omit<NonNullable<Omit<{
-    iconOnly?: boolean | undefined;
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
+    square?: boolean | undefined;
     variant?: "outline" | "subtle" | "solid" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "inverse" | "danger" | "subtle" | "primary" | "danger-outline";
@@ -692,7 +853,12 @@ declare const SpotlightTrigger: react.ForwardRefExoticComponent<{
 }>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<RadixDialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "disabled" | "asChild" | "color" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref">, "p" | "disabled" | "asChild" | "fontFamily" | "fontSize" | "size" | "animation" | "borderColor" | "color" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "className" | "appearance" | "loading" | "addonAfter" | "addonBefore" | "icon" | "iconOnly" | "iconPosition"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<RadixDialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "disabled" | "asChild" | "color" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref">, "p" | "disabled" | "asChild" | "fontFamily" | "fontSize" | "size" | "animation" | "borderColor" | "color" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "className" | "appearance" | "square" | "loading" | "addonAfter" | "addonBefore" | "icon" | "iconPosition"> & react.RefAttributes<HTMLButtonElement>>;
+
+declare const SubNav: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const Table: react.ForwardRefExoticComponent<{
     layout?: "fixed" | "auto" | undefined;
@@ -726,4 +892,4 @@ declare const TableRow: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkl
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTableRowElement>>;
 
-export { Autocomplete, AutocompleteContent, AutocompleteEmpty, AutocompleteItem, AutocompleteRadioItem, AutocompleteTrigger, AutocompleteVirtualized, Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, Combobox, ComboboxCheckboxItem, ComboboxContent, ComboboxEmpty, ComboboxFooter, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxRadioItem, ComboboxScrollArea, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandInput, CommandItem, CommandListbox, DataTable, DataTableHeaderCell, Highlight, InlineInput, Pill, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRadioItem, SelectSeparator, SelectTrigger, SelectValue, Spotlight, SpotlightContent, SpotlightEmpty, SpotlightInput, SpotlightItem, SpotlightLabel, SpotlightRadioItem, SpotlightScrollArea, SpotlightSub, SpotlightSubItem, SpotlightTrigger, Table, TableBody, TableCell, TableHeader, TableHeaderCell, TableRow };
+export { Autocomplete, AutocompleteContent, AutocompleteEmpty, AutocompleteItem, AutocompleteRadioItem, AutocompleteTrigger, AutocompleteVirtualized, Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, Calendar, Card, CardCheckbox, CardContent, CardDescription, CardImage, CardOverflow, CardTitle, Combobox, ComboboxCheckboxItem, ComboboxContent, ComboboxEmpty, ComboboxFooter, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxRadioItem, ComboboxScrollArea, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandInput, CommandItem, CommandListbox, DataTable, DataTableHeaderCell, DateInput, Highlight, InlineInput, NavGroup, NavGroupContent, NavGroupLabel, NavSeparator, Pill, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRadioItem, SelectSeparator, SelectTrigger, SelectValue, Spotlight, SpotlightContent, SpotlightEmpty, SpotlightInput, SpotlightItem, SpotlightLabel, SpotlightRadioItem, SpotlightScrollArea, SpotlightSub, SpotlightSubItem, SpotlightTrigger, SubNav, Table, TableBody, TableCell, TableHeader, TableHeaderCell, TableRow };

package/dist/unstable.js

@@ -10,6 +10,14 @@ export { BreadcrumbEllipsis } from './packages/react/src/breadcrumb-ellipsis/Bre
 export { BreadcrumbItem } from './packages/react/src/breadcrumb-item/BreadcrumbItem.js';
 export { BreadcrumbLink } from './packages/react/src/breadcrumb-link/BreadcrumbLink.js';
 export { BreadcrumbPage } from './packages/react/src/breadcrumb-page/BreadcrumbPage.js';
+export { Calendar } from './packages/react/src/calendar/Calendar.js';
+export { Card } from './packages/react/src/card/Card.js';
+export { CardCheckbox } from './packages/react/src/card-checkbox/CardCheckbox.js';
+export { CardContent } from './packages/react/src/card-content/CardContent.js';
+export { CardDescription } from './packages/react/src/card-description/CardDescription.js';
+export { CardImage } from './packages/react/src/card-image/CardImage.js';
+export { CardOverflow } from './packages/react/src/card-overflow/CardOverflow.js';
+export { CardTitle } from './packages/react/src/card-title/CardTitle.js';
 export { Combobox } from './packages/react/src/combobox/Combobox.js';
 export { ComboboxCheckboxItem } from './packages/react/src/combobox-checkbox-item/ComboboxCheckboxItem.js';
 export { ComboboxContent } from './packages/react/src/combobox-content/ComboboxContent.js';
@@ -30,8 +38,13 @@ export { CommandItem } from './packages/react/src/command-item/CommandItem.js';
 export { CommandListbox } from './packages/react/src/command-listbox/CommandListbox.js';
 export { DataTable } from './packages/react/src/data-table/DataTable.js';
 export { DataTableHeaderCell } from './packages/react/src/data-table-header-cell/DataTableHeaderCell.js';
+export { DateInput } from './packages/react/src/date-input/DateInput.js';
 export { Highlight } from './packages/react/src/highlight/Highlight.js';
 export { InlineInput } from './packages/react/src/inline-input/InlineInput.js';
+export { NavGroup } from './packages/react/src/nav-group/NavGroup.js';
+export { NavGroupContent } from './packages/react/src/nav-group-content/NavGroupContent.js';
+export { NavGroupLabel } from './packages/react/src/nav-group-label/NavGroupLabel.js';
+export { NavSeparator } from './packages/react/src/nav-separator/NavSeparator.js';
 export { Pill } from './packages/react/src/pill/Pill.js';
 export { Select } from './packages/react/src/select/Select.js';
 export { SelectContent } from './packages/react/src/select-content/SelectContent.js';
@@ -53,6 +66,7 @@ export { SpotlightScrollArea } from './packages/react/src/spotlight-scroll-area/
 export { SpotlightSub } from './packages/react/src/spotlight-sub/SpotlightSub.js';
 export { SpotlightSubItem } from './packages/react/src/spotlight-sub-item/SpotlightSubItem.js';
 export { SpotlightTrigger } from './packages/react/src/spotlight-trigger/SpotlightTrigger.js';
+export { SubNav } from './packages/react/src/sub-nav/SubNav.js';
 export { Table } from './packages/react/src/table/Table.js';
 export { TableBody } from './packages/react/src/table-body/TableBody.js';
 export { TableCell } from './packages/react/src/table-cell/TableCell.js';