@optiaxiom/react 1.3.3 → 1.3.4

package/dist/esm/packages/react/src/switch/Switch-css.js

@@ -1,12 +1,12 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-DGq2XZIM.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-Cud_bjK9.css';
-import './../../../../assets/src/switch/Switch.css.ts.vanilla-2Y5nhCpl.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CZC9W9XU.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-CCtVe90o.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BZzguHzH.css';
+import './../../../../assets/src/switch/Switch.css.ts.vanilla-0f4bGCPQ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{px:'12',py:'2',rounded:'full',transition:'colors'},'vtnh5c']});
-var input = recipeRuntime({base:'_7ng9ua'});
-var root = recipeRuntime({base:['_16gdghf','umkdde']});
-var thumb = recipeRuntime({base:[{display:'block',rounded:'full',transition:'all'},'_18lrc89'],variants:{size:{md:'e5jh60',lg:'_1tpt7go'}}});
+var control = recipeRuntime({base:[{px:'12',py:'2',rounded:'full',transition:'colors'},'_1kzpjnd']});
+var input = recipeRuntime({base:'_14hzock'});
+var root = recipeRuntime({base:['_7tb6h8','_4d11s2']});
+var thumb = recipeRuntime({base:[{display:'block',rounded:'full',transition:'all'},'_10g4y71'],variants:{size:{md:'yjh3sn',lg:'okx60w'}}});
 
 export { control, input, root, thumb };

package/dist/esm/packages/react/src/table/Table-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
-import './../../../../assets/src/table/Table.css.ts.vanilla-_82W2CkP.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CZC9W9XU.css';
+import './../../../../assets/src/table/Table.css.ts.vanilla-C7nc_IXT.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var table = recipeRuntime({base:[{color:'fg.default',fontSize:'md',w:'full'},'hofnr9'],variants:{layout:{auto:['y68pk5'],fixed:[{display:'grid'},'_1vzdy1m']}}});
-var wrapper = recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.tertiary',maxW:'full',overflow:'auto',rounded:'lg'},'_13nig35']});
+var table = recipeRuntime({base:[{color:'fg.default',fontSize:'md',w:'full'},'qq6rz4'],variants:{layout:{auto:['_12hi47r'],fixed:[{display:'grid'},'_19bwhtg']}}});
+var wrapper = recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.tertiary',maxW:'full',overflow:'auto',rounded:'lg'},'fzpjtk']});
 
 export { table, wrapper };

package/dist/esm/packages/react/src/table/TableBody-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
-import './../../../../assets/src/table/TableBody.css.ts.vanilla-C-df23i7.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CZC9W9XU.css';
+import './../../../../assets/src/table/TableBody.css.ts.vanilla-DEsOS9NQ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var body = recipeRuntime({base:['l46354']});
+var body = recipeRuntime({base:['_1new21k']});
 
 export { body };

package/dist/esm/packages/react/src/table/TableCell-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
-import './../../../../assets/src/table/TableRow.css.ts.vanilla-Cej-0j8c.css';
-import './../../../../assets/src/table/TableCell.css.ts.vanilla-DlJxn3H6.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CZC9W9XU.css';
+import './../../../../assets/src/table/TableRow.css.ts.vanilla-CjlpeCcu.css';
+import './../../../../assets/src/table/TableCell.css.ts.vanilla-BPkQXE9u.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cell = recipeRuntime({base:[{borderColor:'border.tertiary',p:'16'},'_503gve']});
+var cell = recipeRuntime({base:[{borderColor:'border.tertiary',p:'16'},'_1u6f0ow']});
 
 export { cell };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
-import './../../../../assets/src/table/TableHeaderCell.css.ts.vanilla-LVBfEZG4.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CZC9W9XU.css';
+import './../../../../assets/src/table/TableHeaderCell.css.ts.vanilla-C7duNQW3.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cell = recipeRuntime({base:'_37nez'});
-var content = recipeRuntime({base:[{alignItems:'center',bg:'bg.default',color:'fg.tertiary',display:'flex',fontSize:'sm',fontWeight:'400',size:'full'},'_403fek']});
+var cell = recipeRuntime({base:'qbzyso'});
+var content = recipeRuntime({base:[{alignItems:'center',bg:'bg.default',color:'fg.tertiary',display:'flex',fontSize:'sm',fontWeight:'400',size:'full'},'_1116bmw']});
 
 export { cell, content };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
-import './../../../../assets/src/table/TableRow.css.ts.vanilla-Cej-0j8c.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CZC9W9XU.css';
+import './../../../../assets/src/table/TableRow.css.ts.vanilla-CjlpeCcu.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var row = recipeRuntime({base:['_162xz65',{transition:'colors',w:'full'},'qqe2uk']});
+var row = recipeRuntime({base:['_2hn8n1',{transition:'colors',w:'full'},'zxnmpk']});
 
 export { row };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
-import './../../../../assets/src/tabs/Tabs.css.ts.vanilla-DquhmOHa.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CZC9W9XU.css';
+import './../../../../assets/src/tabs/Tabs.css.ts.vanilla-K5EaImP3.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var tabs = recipeRuntime({base:[{display:'flex'},'hjc9ox']});
+var tabs = recipeRuntime({base:[{display:'flex'},'_1gddtlq']});
 
 export { tabs };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
-import './../../../../assets/src/tabs/TabsList.css.ts.vanilla-vAghS2jQ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CZC9W9XU.css';
+import './../../../../assets/src/tabs/TabsList.css.ts.vanilla-DAp6iGNk.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var list = recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'_15lbq8b']});
+var list = recipeRuntime({base:[{borderColor:'border.tertiary',display:'flex'},'_1tlmrdh']});
 
 export { list };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
-import './../../../../assets/src/tabs/TabsTrigger.css.ts.vanilla-CR-UkNdl.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CZC9W9XU.css';
+import './../../../../assets/src/tabs/TabsTrigger.css.ts.vanilla-BQxi2dQC.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'},'dh55gv']});
-var trigger = recipeRuntime({base:['_3tqpdz',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'_6vnbcv']});
+var content = recipeRuntime({base:[{flexDirection:'row',gap:'8',justifyContent:['center','flex-start'],py:'6',rounded:'sm',transition:'colors'},'_12xmad']});
+var trigger = recipeRuntime({base:['sp05t1',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4',transition:'colors'},'sd83pp']});
 
 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-COmxedfZ.css';
-import './../../../../assets/src/text/Text.css.ts.vanilla-Dqj-4wL_.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CZC9W9XU.css';
+import './../../../../assets/src/text/Text.css.ts.vanilla--EVicwEp.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var text = recipeRuntime((function(){var x={variants:{lineClamp:{'1':[{overflow:'hidden'},'dlrvs9','_4npc70','gq1tn1'],'2':[undefined,'dlrvs9','_4npc70','_1nevos4'],'3':[undefined,'dlrvs9','_4npc70','_1cyhkrx'],'4':[undefined,'dlrvs9','_4npc70','_1qzwdv1']},truncate:{true:[undefined,'dlrvs9',{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'},'_18z7a9i','_6adf7c','_457ej6'],'2':[undefined,'_18z7a9i','_6adf7c','_14glece'],'3':[undefined,'_18z7a9i','_6adf7c','_1le8o5o'],'4':[undefined,'_18z7a9i','_6adf7c','_267f3x']},truncate:{true:[undefined,'_18z7a9i',{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-COmxedfZ.css';
-import './../../../../assets/src/textarea/TextareaAutosize.css.ts.vanilla-QjA9Tp8y.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CZC9W9XU.css';
+import './../../../../assets/src/textarea/TextareaAutosize.css.ts.vanilla-COOfMoVy.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var shadow = recipeRuntime({base:['_3ihgog','qysdvi']});
-var textarea = recipeRuntime({base:['_3ihgog','_1dyrf32']});
-var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_1re38ec','_9q2xrx'],'2':['_1re38ec','_1u230tq'],'3':['_1re38ec','br9rkk'],'4':['_1re38ec','dlel22'],'5':['_1re38ec','_1c7bmci']},resize:{auto:{},none:{},vertical:'_1ahup4x'}}});
+var shadow = recipeRuntime({base:['r89laj','tc7w2a']});
+var textarea = recipeRuntime({base:['r89laj','_8xjm3w']});
+var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['ie9q4x','_6x5pmz'],'2':['ie9q4x','_5cow5c'],'3':['ie9q4x','_19ctld2'],'4':['ie9q4x','_592ma8'],'5':['ie9q4x','_41ur8d']},resize:{auto:{},none:{},vertical:'_1st0ojw'}}});
 
 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-COmxedfZ.css';
-import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-DK9zopVb.css';
-import './../../../../assets/src/toast/Toast.css.ts.vanilla-ChJh82P8.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CZC9W9XU.css';
+import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-BXZjhqtW.css';
+import './../../../../assets/src/toast/Toast.css.ts.vanilla-Dq8Kn9pJ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'iizc5r']});
-var offsetVar = 'var(--_1uzfi3i)';
-var root = recipeRuntime({base:['ijj76q',{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']},'lmzsab'],variants:{intent:{danger:'_1hxes50',information:'qi2oif',neutral:'_174gfyy',success:'_1qtgh3k',warning:'gij9fd'}}});
+var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_17qou5p']});
+var offsetVar = 'var(--_1s5mnea)';
+var root = recipeRuntime({base:['rbqlxr',{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']},'mxjfny'],variants:{intent:{danger:'zqv1s6',information:'rc2ur',neutral:'_13gs6bk',success:'_1yhfy3h',warning:'u2e9if'}}});
 
 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-COmxedfZ.css';
-import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-DK9zopVb.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CZC9W9XU.css';
+import './../../../../assets/src/toast/ToastProvider.css.ts.vanilla-BXZjhqtW.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'},'_7ngwm3'],variants:{position:{bottom:'ysnlqb','bottom-left':'skd279','bottom-right':'_7jdn1',top:'vsbcu7','top-left':'ui4c4b','top-right':'stv2tr'}}});
+var viewport = recipeRuntime({base:[{gap:'16',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_1wl9tv'],variants:{position:{bottom:'c57sgb','bottom-left':'h92or2','bottom-right':'_1oo3egi',top:'_17tdmeb','top-left':'_1x4727g','top-right':'_1dpf99u'}}});
 
 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-COmxedfZ.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-DGq2XZIM.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-Cud_bjK9.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CZC9W9XU.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-CCtVe90o.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BZzguHzH.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var toggleInput = recipeRuntime({base:['mxvwej',{alignItems:'start',display:'inline-flex',flexDirection:'row',gap:'8'},'wmj8vb']});
+var toggleInput = recipeRuntime({base:['u2iejc',{alignItems:'start',display:'inline-flex',flexDirection:'row',gap:'8'},'_1hx16xh']});
 
 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-COmxedfZ.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-DGq2XZIM.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-Cud_bjK9.css';
-import './../../../../assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-BlLJcjK6.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CZC9W9XU.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-CCtVe90o.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BZzguHzH.css';
+import './../../../../assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-CAchYNAD.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['ryjx1w']});
+var control = recipeRuntime({base:['_1bisrds']});
 
 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-COmxedfZ.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-DGq2XZIM.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CZC9W9XU.css';
+import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-CCtVe90o.css';
 
-var className = '_3kdr6p';
+var className = 'a49lw5';
 
 export { className };

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

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-COmxedfZ.css';
-import './../../../../assets/src/transition/Transition.css.ts.vanilla-DMmxn9Jg.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CZC9W9XU.css';
+import './../../../../assets/src/transition/Transition.css.ts.vanilla-CRqmiPzq.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var transition = recipeRuntime({base:'_1lj96i0',variants:{duration:{sm:'_1qlg08b',md:'p4uo30',lg:'_1yht5do'},type:{fade:'_17ul1qt',pop:'_16f01od',slide:'s8dyh4',slidePop:'_1oye7mz'}}});
+var transition = recipeRuntime({base:'_1vv8zuv',variants:{duration:{sm:'la3410',md:'_55a7vg',lg:'s66m0o'},type:{fade:'_1sv618d',pop:'lbcsh',slide:'_1x9xk7i',slidePop:'_1f1gw5l'}}});
 
 export { transition };

package/dist/esm/unstable.js

@@ -21,6 +21,7 @@ export { CommandListbox } from './packages/react/src/command/CommandListbox.js';
 export { DataTable } from './packages/react/src/data-table/DataTable.js';
 export { DataTableBody } from './packages/react/src/data-table/DataTableBody.js';
 export { DataTableFooter } from './packages/react/src/data-table/DataTableFooter.js';
+export { DataTableHeaderCell } from './packages/react/src/data-table/DataTableHeaderCell.js';
 export { DateInput } from './packages/react/src/date-input/DateInput.js';
 export { DatePicker } from './packages/react/src/date-picker/DatePicker.js';
 export { DatePickerContent } from './packages/react/src/date-picker/DatePickerContent.js';

package/dist/index.d.ts

@@ -1200,28 +1200,6 @@ declare const NavSeparator: react.ForwardRefExoticComponent<Omit<NonNullable<Spr
     className?: string;
 }>, never> & Omit<Omit<_radix_ui_react_separator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className" | "orientation"> & react.RefAttributes<HTMLDivElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "p" | "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" | "asChild" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-type PaginationProps = BoxProps<"nav", {
-    /**
-     * The default active page in uncontrolled mode.
-     */
-    defaultPage?: number;
-    /**
-     * Whether to disable all button.
-     */
-    disabled?: boolean;
-    /**
-     * Handler that is called when the active page is changed.
-     */
-    onPageChange?: (offset: number) => void;
-    /**
-     * The active page in controlled mode.
-     */
-    page?: number;
-    /**
-     * The total number of pages to display.
-     */
-    total: number;
-}>;
 declare const Pagination: react.ForwardRefExoticComponent<{
     /**
      * The default active page in uncontrolled mode.
@@ -1519,4 +1497,4 @@ declare const ToggleButton: react.ForwardRefExoticComponent<{
 }>, "size"> & Omit<Omit<RadixToggle.ToggleProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
 export { Alert, AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogFooter, AlertDialogHeader, AlertDialogTrigger, AngleMenuButton, Avatar, AvatarGroup, AxiomProvider, Badge, Banner, BoxProps, ButtonGroup, Code, 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, Listbox, ListboxCheckboxItem, ListboxEmpty, ListboxFooter, ListboxGroup, ListboxItem, ListboxItemIndicator, ListboxLabel, ListboxRadioItem, ListboxSeparator, ListboxSwitchItem, ListboxVirtualized, ModalLayer, ModalProvider, Nav, NavAccountItem, NavBody, NavFooter, NavGroup, NavGroupContent, NavGroupTrigger, NavHeader, NavItem, NavList, NavSeparator, Pagination, Paper, PopoverAnchor, PopoverTrigger, Progress, Radio, RadioGroup, SearchInput, SegmentedControl, SegmentedControlItem, Separator, Sidebar, SidebarToggle, Skeleton, Spinner, Sprinkles, SubNav, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Text, Textarea, ThemeProvider, Toast, ToastAction, ToastProvider, ToastTitle, ToggleButton, Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger, Transition, TransitionGlobalConfig, TransitionGroup, extractBoxProps, layers_css as layers, sprinklesMerge, useModalContext };
-export type { HeadingProps, InputControlProps, ListboxItemProps, NavAccountItemProps, NavItemProps, PaginationProps, SidebarToggleProps, TextProps };
+export type { HeadingProps, InputControlProps, ListboxItemProps, NavAccountItemProps, NavItemProps, SidebarToggleProps, TextProps };

package/dist/unstable.d.ts

@@ -5,6 +5,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react_day_picker from 'react-day-picker';
 import { Matcher, DateRange } from 'react-day-picker';
 import { Table as Table$1 } from '@tanstack/table-core';
+import { Header } from '@tanstack/react-table';
 import * as _radix_ui_react_popover from '@radix-ui/react-popover';
 import { PopperContent, PopperAnchor } from '@radix-ui/react-popper';
 import '@radix-ui/react-dialog';
@@ -372,6 +373,13 @@ declare const DataTableFooter: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
+declare const DataTableHeaderCell: react.ForwardRefExoticComponent<{
+    header: Header<unknown, unknown>;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTableCellElement>>;
+
 declare const DateInput: react.ForwardRefExoticComponent<Pick<ComponentPropsWithoutRef<react.ForwardRefExoticComponent<(({
     holiday?: react_day_picker.Matcher | react_day_picker.Matcher[];
     max?: Date;
@@ -571,6 +579,7 @@ declare const DatePickerContent: react.ForwardRefExoticComponent<Omit<{
     style?: react.CSSProperties | undefined;
     title?: string | undefined | undefined;
     key?: react.Key | null | undefined;
+    align?: ("end" | "start" | "center") | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined | undefined;
@@ -837,7 +846,6 @@ declare const DatePickerContent: react.ForwardRefExoticComponent<Omit<{
     withArrow?: boolean | undefined;
     side?: ("top" | "right" | "bottom" | "left") | undefined;
     sideOffset?: number | undefined;
-    align?: ("end" | "start" | "center") | undefined;
     alignOffset?: number | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => void) | undefined;
     onPointerDownOutside?: ((event: CustomEvent<{
@@ -1058,6 +1066,7 @@ declare const DateRangePickerContent: react.ForwardRefExoticComponent<Omit<{
     style?: react.CSSProperties | undefined;
     title?: string | undefined | undefined;
     key?: react.Key | null | undefined;
+    align?: ("end" | "start" | "center") | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined | undefined;
@@ -1324,7 +1333,6 @@ declare const DateRangePickerContent: react.ForwardRefExoticComponent<Omit<{
     withArrow?: boolean | undefined;
     side?: ("top" | "right" | "bottom" | "left") | undefined;
     sideOffset?: number | undefined;
-    align?: ("end" | "start" | "center") | undefined;
     alignOffset?: number | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => void) | undefined;
     onPointerDownOutside?: ((event: CustomEvent<{
@@ -1742,6 +1750,7 @@ declare const SpotlightContent: react.ForwardRefExoticComponent<Omit<{
     style?: react.CSSProperties | undefined;
     title?: string | undefined | undefined;
     key?: react.Key | null | undefined;
+    align?: ("end" | "start" | "center") | undefined;
     defaultChecked?: boolean | undefined | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined | undefined;
@@ -2006,7 +2015,6 @@ declare const SpotlightContent: react.ForwardRefExoticComponent<Omit<{
     onTransitionEndCapture?: react.TransitionEventHandler<HTMLDivElement> | undefined;
     side?: ("top" | "right" | "bottom" | "left") | undefined;
     sideOffset?: number | undefined;
-    align?: ("end" | "start" | "center") | undefined;
     alignOffset?: number | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => void) | undefined;
     onPointerDownOutside?: ((event: CustomEvent<{
@@ -2101,5 +2109,5 @@ 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 { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, Calendar, Card, CardAction, CardCheckbox, CardContent, CardDescription, CardImage, CardLink, CardOverflow, CardTitle, Clock, Command, CommandInput, CommandItem, CommandListbox, DataTable, DataTableBody, DataTableFooter, DateInput, DatePicker, DatePickerContent, DatePickerTrigger, DateRangePicker, DateRangePickerContent, DateRangePickerTrigger, Highlight, InlineInput, LabelMenuButton, Layout, Menu, MenuContent, MenuTrigger, Pill, PillGroup, Select, SelectContent, SelectTrigger, Spotlight, SpotlightContent, SpotlightTrigger, Table, TableAction, TableBody, TableCell, TableHeader, TableHeaderCell, TableRow };
+export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbPage, Calendar, Card, CardAction, CardCheckbox, CardContent, CardDescription, CardImage, CardLink, CardOverflow, CardTitle, Clock, Command, CommandInput, CommandItem, CommandListbox, DataTable, DataTableBody, DataTableFooter, DataTableHeaderCell, DateInput, DatePicker, DatePickerContent, DatePickerTrigger, DateRangePicker, DateRangePickerContent, DateRangePickerTrigger, Highlight, InlineInput, LabelMenuButton, Layout, Menu, MenuContent, MenuTrigger, Pill, PillGroup, Select, SelectContent, SelectTrigger, Spotlight, SpotlightContent, SpotlightTrigger, Table, TableAction, TableBody, TableCell, TableHeader, TableHeaderCell, TableRow };
 export type { BreadcrumbEllipsisProps, BreadcrumbItemProps, BreadcrumbLinkProps, BreadcrumbPageProps, BreadcrumbProps, MenuOption };

package/package.json

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

package/dist/cjs/assets/src/actions/ActionsContent.css.ts.vanilla-CP7W567V.css

@@ -1,22 +0,0 @@
-@layer optiaxiom._4afdq5;
-@layer optiaxiom._4afdq5 {
-  ._1ex3gvu {
-    transition: opacity var(--ax-duration-sm) ease;
-  }
-  .mlg7yu:not(:has(.mlg7yu)):focus-within ._1ex3gvu, ._1ex3gvu:has(:checked, [data-state=open]) {
-    opacity: 1;
-    transition: none;
-  }
-  ._19666jl {
-    opacity: 0;
-  }
-  .xo58ij {
-    opacity: 1;
-  }
-  @media (hover: hover) {
-    .mlg7yu:not(:has(.mlg7yu)):hover ._1ex3gvu {
-      opacity: 1;
-      transition: none;
-    }
-  }
-}

package/dist/cjs/assets/src/alert/Alert.css.ts.vanilla-wzOt5g_C.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._4afdq5;
-@layer optiaxiom._4afdq5 {
-  ._18iqkbe {
-    min-height: var(--ax-size-sm);
-  }
-}

package/dist/cjs/assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-BH-DGWkr.css

@@ -1,27 +0,0 @@
-@layer optiaxiom._4afdq5;
-@layer optiaxiom._4afdq5 {
-  .zv5r32 {
-    opacity: 0;
-  }
-  ._1eu2nk4 {
-    inset: 0;
-    position: fixed;
-  }
-  .iy63fz {
-    max-height: 50dvh;
-    max-width: calc(100dvw - 2 * 24px);
-    transform: 
-      translateY(calc(1rem * var(--z3tr69)))
-      scale(calc(1 - 0.06 * var(--z3tr69)))
-    ;
-  }
-  .i50sx4 {
-    width: 400px;
-  }
-  ._1vc6a0o {
-    width: 600px;
-  }
-  ._58001e {
-    width: 800px;
-  }
-}

package/dist/cjs/assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-DqJugEcO.css

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

package/dist/cjs/assets/src/avatar/AvatarGroup.css.ts.vanilla-DGq2XZIM.css

@@ -1,4 +0,0 @@
-@layer optiaxiom._4afdq5;
-@layer optiaxiom._4afdq5 {
-
-}

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

@@ -1,46 +0,0 @@
-@layer optiaxiom._4afdq5;
-@layer optiaxiom._4afdq5 {
-  ._1l7atch {
-    --_1zb2nv: var(--ax-colors-fg-white);
-  }
-  ._1214ht9 {
-    --_1pll3fh: var(--ax-colors-bg-error);
-    --_1mcy48o: var(--ax-colors-bg-error-subtle);
-    --_1jqa3ad: var(--ax-colors-fg-error-strong);
-  }
-  ._39ruks {
-    --_1pll3fh: var(--ax-colors-bg-information);
-    --_1mcy48o: var(--ax-colors-bg-information-subtle);
-    --_1jqa3ad: var(--ax-colors-fg-information-strong);
-  }
-  ._10wj4iq {
-    --_1pll3fh: var(--ax-colors-bg-tertiary);
-    --_1zb2nv: var(--ax-colors-fg-default);
-    --_1mcy48o: var(--ax-colors-bg-secondary);
-    --_1jqa3ad: var(--ax-colors-fg-secondary);
-  }
-  ._14q8fxp {
-    --_1pll3fh: var(--ax-colors-bg-accent);
-    --_1mcy48o: var(--ax-colors-bg-accent-subtle);
-    --_1jqa3ad: var(--ax-colors-fg-accent-strong);
-  }
-  .v2a9ub {
-    --_1pll3fh: var(--ax-colors-bg-success);
-    --_1mcy48o: var(--ax-colors-bg-success-subtle);
-    --_1jqa3ad: var(--ax-colors-fg-success-strong);
-  }
-  .zf0ykk {
-    --_1pll3fh: var(--ax-colors-bg-warning);
-    --_1zb2nv: var(--ax-colors-fg-warning-inverse);
-    --_1mcy48o: var(--ax-colors-bg-warning-subtle);
-    --_1jqa3ad: var(--ax-colors-fg-warning-strong);
-  }
-  ._1bxorob {
-    background-color: var(--_1pll3fh);
-    color: var(--_1zb2nv);
-  }
-  .xlskwc {
-    background-color: var(--_1mcy48o);
-    color: var(--_1jqa3ad);
-  }
-}

package/dist/cjs/assets/src/banner/Banner.css.ts.vanilla-Dpj_ysIb.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._4afdq5;
-@layer optiaxiom._4afdq5 {
-  ._1vmwy5x {
-    min-height: var(--ax-size-sm);
-  }
-}

package/dist/cjs/assets/src/button/ButtonLoadable.css.ts.vanilla-IQ6f7j1M.css

@@ -1,9 +0,0 @@
-@layer optiaxiom._4afdq5;
-@layer optiaxiom._4afdq5 {
-  ._1cfuh76 {
-    opacity: 1;
-  }
-  ._4b56qi[data-loading] ._1cfuh76 {
-    opacity: 0;
-  }
-}