@optiaxiom/react 0.2.1 → 0.3.0

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

@@ -1,8 +1,8 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
-import './../../assets/src/tabs-trigger/TabsTrigger.css.ts.vanilla-vnwJVqiP.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-WPx7EAgK.css';
+import './../../assets/src/tabs-trigger/TabsTrigger.css.ts.vanilla-L3AI76M4.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{flexDirection:'row',gap:'xs',justifyContent:['center','start'],py:'6',rounded:'sm'},'_1yjh9st']});
-var trigger = recipeRuntime({base:['_1e3a4yz',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4'},'je4noh']});
+var content = recipeRuntime({base:[{flexDirection:'row',gap:'xs',justifyContent:['center','start'],py:'6',rounded:'sm'},'xdpqi1']});
+var trigger = recipeRuntime({base:['_2j1tbu',{flex:['1','initial'],fontSize:'md',fontWeight:'500',py:'4'},'p72qq7']});
 
 export { content, trigger };

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

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
-import './../../assets/src/text/Text.css.ts.vanilla-CY9YMJxj.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-WPx7EAgK.css';
+import './../../assets/src/text/Text.css.ts.vanilla-7e7g59oD.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var text = recipeRuntime((function(){var x={base:{fontSize:'md'},variants:{lineClamp:{'1':[{overflow:'hidden'},'_145uddn','_11300y4','_1l6a6a5'],'2':[undefined,'_145uddn','_11300y4','_9awjug'],'3':[undefined,'_145uddn','_11300y4','mhs3lb'],'4':[undefined,'_145uddn','_11300y4','w0zkyw']},truncate:{true:[undefined,'_145uddn',{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'},'_69u0tt','_13dux0c','ktv1m8'],'2':[undefined,'_69u0tt','_13dux0c','_1fhd570'],'3':[undefined,'_69u0tt','_13dux0c','vos4y1'],'4':[undefined,'_69u0tt','_13dux0c','_1uw5wj2']},truncate:{true:[undefined,'_69u0tt',{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-Crev7Ydc.css';
-import './../../assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-LE6eeC9c.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-WPx7EAgK.css';
+import './../../assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-D38-_uc_.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var shadow = recipeRuntime({base:['kyj9v3','_1j70vd4']});
-var textarea = recipeRuntime({base:['kyj9v3','_1bqmmvw']});
-var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_633fz9','caoz7t'],'2':['_633fz9','_1azcer4'],'3':['_633fz9','_1ezyhyx'],'4':['_633fz9','cy9h3h'],'5':['_633fz9','kbtkht']},resize:{auto:{},none:{},vertical:'_1d92dbm'}}});
+var shadow = recipeRuntime({base:['euce6x','_1axqvtf']});
+var textarea = recipeRuntime({base:['euce6x','krtn9c']});
+var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_17198n9','py739o'],'2':['_17198n9','_71uq23'],'3':['_17198n9','_1ivfqwm'],'4':['_17198n9','_1291kcj'],'5':['_17198n9','_1qlcxg']},resize:{auto:{},none:{},vertical:'dztw6s'}}});
 
 export { shadow, textarea, wrapper };

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

@@ -1,9 +1,9 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
-import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-MHbbmzSS.css';
-import './../../assets/src/toast/Toast.css.ts.vanilla-CnzzNTMW.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-WPx7EAgK.css';
+import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-tRhk17vi.css';
+import './../../assets/src/toast/Toast.css.ts.vanilla-BbOSMKLI.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'hs3yuj']});
-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']},'_1tnkavo'],variants:{colorScheme:{danger:'_7pr693',information:'tjg67',neutral:'_1bwewm1',success:'_12bn5gm',warning:'_1b4esqm'}}});
+var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_1l8f4ew']});
+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']},'_1w3dlhp'],variants:{colorScheme:{danger:'_1cdbpws',information:'_177vnlf',neutral:'_1rjre5y',success:'ncufoa',warning:'_16evcld'}}});
 
 export { icon, root };

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

@@ -1,7 +1,7 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
-import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-MHbbmzSS.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-WPx7EAgK.css';
+import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-tRhk17vi.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'},'ry7844'],variants:{position:{bottom:'_1xb0pgi','bottom-left':'_1mb18b5','bottom-right':'_1ls0r0b',top:'atu3td','top-left':'u36yfk','top-right':'_1abj0sx'}}});
+var viewport = recipeRuntime({base:[{gap:'md',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_17pdoox'],variants:{position:{bottom:'_127oq73','bottom-left':'fb59wk','bottom-right':'g484je',top:'_86jcin','top-left':'_16mm3ga','top-right':'_1g34609'}}});
 
 export { viewport };

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

@@ -1,8 +1,8 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
-import './../../assets/src/table-row/TableRow.css.ts.vanilla-ApP8nAcG.css';
-import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-D_YmZiLz.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-WPx7EAgK.css';
+import './../../assets/src/table-row/TableRow.css.ts.vanilla-CrcN69E1.css';
+import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BrGeFhyB.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var toggleInput = recipeRuntime({base:['_1mbyvoq',{alignItems:'start',flexDirection:'row',gap:'xs'},'yfabmx']});
+var toggleInput = recipeRuntime({base:['e9j0hs',{alignItems:'start',flexDirection:'row',gap:'xs'},'_1ihwjac']});
 
 export { toggleInput };

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

@@ -1,9 +1,9 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
-import './../../assets/src/table-row/TableRow.css.ts.vanilla-ApP8nAcG.css';
-import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-D_YmZiLz.css';
-import './../../assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-B5HkATzv.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-WPx7EAgK.css';
+import './../../assets/src/table-row/TableRow.css.ts.vanilla-CrcN69E1.css';
+import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BrGeFhyB.css';
+import './../../assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-B8FUUYbN.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['ojjkjr']});
+var control = recipeRuntime({base:['jfsvgi']});
 
 export { control };

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

@@ -1,6 +1,6 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
-import './../../assets/src/table-row/TableRow.css.ts.vanilla-ApP8nAcG.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-WPx7EAgK.css';
+import './../../assets/src/table-row/TableRow.css.ts.vanilla-CrcN69E1.css';
 
-var className = '_1m9hrlf';
+var className = 'n3l6ag';
 
 export { className };

package/dist/src/tooltip/Tooltip.js

@@ -11,23 +11,24 @@ const Tooltip = forwardRef(
     content,
     defaultOpen,
     delayDuration,
+    disabled,
     onOpenChange,
     open,
     ...props
   }, ref) => {
-    const empty = !content && typeof content !== "number" && typeof content !== "string";
+    const empty = !content && typeof content !== "number";
     return /* @__PURE__ */ jsxs(
       TooltipRoot,
       {
         auto,
         defaultOpen,
         delayDuration,
-        disableHoverableContent: empty,
+        disableHoverableContent: disabled || empty,
         onOpenChange,
         open,
         children: [
           /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, ref, children }),
-          !empty && /* @__PURE__ */ jsx(TooltipContent, { ...props, children: content })
+          !disabled && !empty && /* @__PURE__ */ jsx(TooltipContent, { ...props, children: content })
         ]
       }
     );

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

@@ -1,4 +1,4 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-Crev7Ydc.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-WPx7EAgK.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-Crev7Ydc.css';
-import './../../assets/src/transition/Transition.css.ts.vanilla-CiL90KIm.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-WPx7EAgK.css';
+import './../../assets/src/transition/Transition.css.ts.vanilla-Ck3H9sjM.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var transition = recipeRuntime({base:'_1q4fbmw',variants:{duration:{sm:'_3wf8v',md:'_1ghl0sx',lg:'toz4k7'},type:{fade:'_1utraoq',pop:'_19i3vek'}}});
+var transition = recipeRuntime({base:'ou8ui3',variants:{duration:{sm:'_1akajal',md:'f9o45g',lg:'fkaw8x'},type:{fade:'q06flr',pop:'_1y893vi'}}});
 var transitionDuration = {sm:150,md:250,lg:400};
 
 export { transition, transitionDuration };

package/dist/unstable.d.ts

@@ -2,8 +2,10 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode } from 'react';
 import { UseComboboxProps, UseSelectProps } from 'downshift';
-import { S as Sprinkles, B as BoxProps, L as Link } from './Link-Dc8ekUk0.js';
+import { S as Sprinkles, B as BoxProps, L as Link } from './Link-DSt1ACyC.js';
 import * as _radix_ui_react_popper from '@radix-ui/react-popper';
+import { TableOptions, Column } from '@tanstack/react-table';
+export { ColumnDef } from '@tanstack/react-table';
 import * as _vanilla_extract_sprinkles from '@vanilla-extract/sprinkles';
 import * as RadixSeparator from '@radix-ui/react-separator';
 
@@ -48,7 +50,7 @@ declare const AutocompleteItem: react.ForwardRefExoticComponent<Omit<Omit<react.
     colorScheme?: "danger" | "neutral" | undefined;
 }, never> & react.RefAttributes<HTMLLIElement>>;
 
-declare const AutocompleteItemIndicator: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.SVGProps<SVGSVGElement>, "ref"> & react.RefAttributes<SVGSVGElement>, "ref">, "color" | "fontFamily" | "fontSize" | "cursor" | "fontWeight" | "overflow" | "z" | "display" | "className"> & Omit<{
+declare const AutocompleteItemIndicator: 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>>;
@@ -108,7 +110,7 @@ declare const BreadcrumbLink: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omi
     external?: boolean;
 } & {
     appearance?: "default" | "inverse" | "subtle" | undefined;
-} & react.RefAttributes<HTMLAnchorElement>, "ref">, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "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<{
+} & react.RefAttributes<HTMLAnchorElement>, "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<HTMLAnchorElement>>;
@@ -120,11 +122,23 @@ declare const BreadcrumbPage: react.ForwardRefExoticComponent<Omit<Omit<react.De
 } & Sprinkles, never> & react.RefAttributes<HTMLSpanElement>>;
 
 type BreadcrumbSeparatorProps = BoxProps<"span">;
-declare function BreadcrumbSeparator({ asChild, children, ...props }: BreadcrumbSeparatorProps): react_jsx_runtime.JSX.Element;
+declare function BreadcrumbSeparator({ children, ...props }: BreadcrumbSeparatorProps): react_jsx_runtime.JSX.Element;
 declare namespace BreadcrumbSeparator {
     var displayName: string;
 }
 
+type DataTableProps<TData> = TableOptions<TData>;
+declare const DataTable: <TData>({ columns, data, ...props }: DataTableProps<TData>) => react_jsx_runtime.JSX.Element;
+
+declare const DataTableHeader: {
+    <TData>({ children, column, variant, }: {
+        children?: ReactNode;
+        column?: Column<TData, unknown>;
+        variant?: "number" | "text";
+    }): react_jsx_runtime.JSX.Element | null;
+    displayName: string;
+};
+
 declare const Pill: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "disabled" | "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
@@ -142,7 +156,7 @@ declare const Pill: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.De
     iconOnly?: boolean | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "subtle" | "solid" | undefined;
-}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>, "ref">, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "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<{
+}, "colorScheme" | "iconOnly" | "variant">, never> & react.RefAttributes<HTMLButtonElement>, "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, "size"> & {
@@ -186,7 +200,7 @@ declare const SelectItem: react.ForwardRefExoticComponent<Omit<Omit<react.Detail
     item: unknown;
 } & react.RefAttributes<HTMLLIElement>>;
 
-declare const SelectItemIndicator: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.SVGProps<SVGSVGElement>, "ref"> & react.RefAttributes<SVGSVGElement>, "ref">, "color" | "fontFamily" | "fontSize" | "cursor" | "fontWeight" | "overflow" | "z" | "display" | "className"> & Omit<{
+declare const SelectItemIndicator: 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>>;
@@ -206,7 +220,7 @@ declare const SelectSeparator: react.ForwardRefExoticComponent<Omit<Omit<Omit<Om
         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" | "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<{
+} & 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<HTMLDivElement>>;
@@ -267,4 +281,4 @@ declare const TableRow: react.ForwardRefExoticComponent<Omit<Omit<react.Detailed
     className?: string;
 } & Sprinkles, never> & react.RefAttributes<HTMLTableRowElement>>;
 
-export { Autocomplete, AutocompleteContent, AutocompleteEmptyItem, AutocompleteItem, AutocompleteItemIndicator, AutocompleteList, AutocompleteTrigger, Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, Pill, Select, SelectContent, SelectItem, SelectItemIndicator, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Table, TableBody, TableCell, TableHead, TableHeaderCell, TableRow };
+export { Autocomplete, AutocompleteContent, AutocompleteEmptyItem, AutocompleteItem, AutocompleteItemIndicator, AutocompleteList, AutocompleteTrigger, Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, DataTable, DataTableHeader, Pill, Select, SelectContent, SelectItem, SelectItemIndicator, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Table, TableBody, TableCell, TableHead, TableHeaderCell, TableRow };

package/dist/unstable.js

@@ -11,6 +11,8 @@ export { BreadcrumbItem } from './src/breadcrumb-item/BreadcrumbItem.js';
 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 { DataTable } from './src/data-table/DataTable.js';
+export { DataTableHeader } from './src/data-table-header/DataTableHeader.js';
 export { Pill } from './src/pill/Pill.js';
 export { Select } from './src/select/Select.js';
 export { SelectContent } from './src/select-content/SelectContent.js';

package/package.json

@@ -7,7 +7,7 @@
     "url": "https://github.com/optimizely-axiom/optiaxiom.git"
   },
   "type": "module",
-  "version": "0.2.1",
+  "version": "0.3.0",
   "files": [
     "dist/**",
     "LICENSE"
@@ -55,13 +55,15 @@
     "@radix-ui/react-use-controllable-state": "^1.1.0",
     "@radix-ui/react-visually-hidden": "^1.1.0",
     "@reach/auto-id": "^0.18.0",
+    "@tanstack/react-table": "^8.20.1",
+    "@tanstack/table-core": "^8.20.1",
     "@vanilla-extract/dynamic": "^2.1.2",
     "@vanilla-extract/sprinkles": "^1.6.3",
     "clsx": "^2.1.1",
     "cmdk": "^1.0.0",
     "downshift": "^9.0.8",
     "use-sync-external-store": "^1.2.2",
-    "@optiaxiom/globals": "^0.2.2"
+    "@optiaxiom/globals": "^0.3.0"
   },
   "devDependencies": {
     "@emotion/hash": "^0.9.2",

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

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

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

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

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

@@ -1,27 +0,0 @@
-@layer optiaxiom._1jg1fzn;
-@layer optiaxiom._1jg1fzn {
-  .eyn7pe {
-    user-select: none;
-  }
-  .pullcv .eyn7pe {
-    border: 1px solid var(--ax-colors-bg-default);
-  }
-  .pullcv .ddvs1n:not(:first-child) {
-    margin-left: -3px;
-  }
-  .pullcv .pbq83z:not(:first-child) {
-    margin-left: -5px;
-  }
-  .pullcv ._1s252x2:not(:first-child) {
-    margin-left: -7px;
-  }
-  .pullcv ._12icwkh:not(:first-child) {
-    margin-left: -9px;
-  }
-  .pullcv .injbr8:not(:first-child) {
-    margin-left: -11px;
-  }
-  .pullcv ._10qp5p6:not(:first-child) {
-    margin-left: -13px;
-  }
-}

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

@@ -1,46 +0,0 @@
-@layer optiaxiom._1jg1fzn;
-@layer optiaxiom._1jg1fzn {
-  ._23puf6 {
-    --vp7aff: var(--ax-colors-fg-white);
-  }
-  ._1xw54gy {
-    --_1yeaqqs: var(--ax-colors-bg-error);
-    --_19n6jpv: var(--ax-colors-bg-error-subtle);
-    --_66ilas: var(--ax-colors-fg-error-strong);
-  }
-  ._1n8plxt {
-    --_1yeaqqs: var(--ax-colors-bg-information);
-    --_19n6jpv: var(--ax-colors-bg-information-subtle);
-    --_66ilas: var(--ax-colors-fg-information-strong);
-  }
-  ._19zs5ef {
-    --_1yeaqqs: var(--ax-colors-bg-tertiary);
-    --vp7aff: var(--ax-colors-fg-default);
-    --_19n6jpv: var(--ax-colors-bg-secondary);
-    --_66ilas: var(--ax-colors-fg-secondary);
-  }
-  .jf181d {
-    --_1yeaqqs: var(--ax-colors-bg-accent);
-    --_19n6jpv: var(--ax-colors-bg-accent-subtle);
-    --_66ilas: var(--ax-colors-fg-accent-strong);
-  }
-  ._17b1bj6 {
-    --_1yeaqqs: var(--ax-colors-bg-success);
-    --_19n6jpv: var(--ax-colors-bg-success-subtle);
-    --_66ilas: var(--ax-colors-fg-success-strong);
-  }
-  .j9557h {
-    --_1yeaqqs: var(--ax-colors-bg-warning);
-    --vp7aff: var(--ax-colors-fg-warning-inverse);
-    --_19n6jpv: var(--ax-colors-bg-warning-subtle);
-    --_66ilas: var(--ax-colors-fg-warning-strong);
-  }
-  .fwod71 {
-    background-color: var(--_19n6jpv);
-    color: var(--_66ilas);
-  }
-  ._1reguyi {
-    background-color: var(--_1yeaqqs);
-    color: var(--vp7aff);
-  }
-}

package/dist/assets/src/button/Button.css.ts.vanilla-BiYA392f.css

@@ -1,146 +0,0 @@
-@layer optiaxiom._1jg1fzn;
-@layer optiaxiom._1jg1fzn {
-  ._10oo7xe {
-    border-radius: var(--ax-borderRadius-md);
-    padding-inline: var(--_13locr2);
-    position: relative;
-    text-decoration: none;
-    user-select: none;
-  }
-  ._10oo7xe: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);
-  }
-  ._1t97w3x[data-orientation="horizontal"] ._10oo7xe:not(:first-child):not(:last-child) {
-    border-inline-width: 0.5px;
-  }
-  ._1t97w3x[data-orientation="horizontal"] ._10oo7xe:not(:only-child):first-child {
-    border-bottom-right-radius: 0;
-    border-right-width: 0.5px;
-    border-top-right-radius: 0;
-  }
-  ._1t97w3x[data-orientation="horizontal"] ._10oo7xe:not(:only-child):last-child {
-    border-bottom-left-radius: 0;
-    border-left-width: 0.5px;
-    border-top-left-radius: 0;
-  }
-  ._1t97w3x[data-orientation="vertical"] ._10oo7xe:not(:first-child):not(:last-child) {
-    border-block-width: 0.5px;
-  }
-  ._1t97w3x[data-orientation="vertical"] ._10oo7xe:not(:only-child):first-child {
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-    border-bottom-width: 0.5px;
-  }
-  ._1t97w3x[data-orientation="vertical"] ._10oo7xe:not(:only-child):last-child {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-    border-top-width: 0.5px;
-  }
-  ._1t97w3x[data-orientation] ._10oo7xe:not(:first-child):not(:last-child) {
-    border-radius: 0;
-  }
-  .efdrg9 {
-    --_1fi97a9: var(--ax-colors-bg-error);
-    --_6q38li: var(--ax-colors-bg-error-hovered);
-    --dmpxeq: var(--ax-colors-bg-error-pressed);
-    --_92aplp: var(--ax-colors-bg-error-subtlest);
-    --jfqeqm: var(--ax-colors-bg-error-subtle);
-  }
-  ._1yqlj65 {
-    --_1fi97a9: var(--ax-colors-bg-default-inverse);
-    --_6q38li: var(--ax-colors-bg-default-inverse-hovered);
-    --dmpxeq: var(--ax-colors-bg-default-inverse-pressed);
-    --_92aplp: var(--ax-colors-bg-secondary);
-    --d1h0d: var(--ax-colors-border-default);
-    --_3rrdok: var(--ax-colors-border-default);
-    --jfqeqm: var(--ax-colors-bg-secondary-hovered);
-    --x977kn: var(--ax-colors-fg-default);
-  }
-  .wan7jv {
-    --_1fi97a9: var(--ax-colors-bg-accent);
-    --_6q38li: var(--ax-colors-bg-accent-hovered);
-    --dmpxeq: var(--ax-colors-bg-accent-pressed);
-    --_92aplp: var(--ax-colors-bg-accent-subtle);
-    --jfqeqm: var(--ax-colors-bg-accent-light);
-  }
-  .lbnmsc {
-    min-width: fit-content;
-  }
-  ._22dmcp {
-    background-color: var(--ax-colors-bg-default);
-    border: 1px solid var(--_3rrdok, var(--_1fi97a9));
-    color: var(--x977kn, var(--_1fi97a9));
-    padding-inline: calc(var(--_13locr2) - 1px);
-  }
-  ._22dmcp:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--jfqeqm);
-    border-color: var(--d1h0d, var(--_6q38li));
-  }
-  ._22dmcp:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--_92aplp);
-    border-color: var(--d1h0d, var(--_6q38li));
-  }
-  ._22dmcp: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);
-  }
-  ._22dmcp[data-disabled] {
-    border-color: var(--ax-colors-border-disabled);
-    color: var(--ax-colors-fg-disabled);
-  }
-  .zh1ybk {
-    background-color: var(--_1fi97a9);
-    color: var(--ax-colors-fg-default-inverse);
-  }
-  .zh1ybk:active:not([data-disabled], [data-loading]) {
-    background-color: var(--dmpxeq);
-  }
-  .zh1ybk:hover:not(:active, [data-disabled], [data-loading]) {
-    background-color: var(--_6q38li);
-  }
-  .zh1ybk[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(--_13locr2) - 1px);
-  }
-  ._503k7b {
-    background-color: transparent;
-    border-color: var(--_1fi97a9);
-    color: var(--x977kn, var(--_1fi97a9));
-  }
-  ._503k7b:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--jfqeqm);
-  }
-  ._503k7b:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--_92aplp);
-  }
-  ._503k7b:is([data-state="active"], [data-state="on"]) {
-    background-color: var(--ax-colors-bg-accent-subtle);
-    color: var(--ax-colors-fg-accent);
-  }
-  ._503k7b[data-disabled] {
-    color: var(--ax-colors-fg-disabled);
-  }
-  .trzodf {
-    --_13locr2: 4px;
-  }
-  .yus9ei {
-    --_13locr2: 8px;
-  }
-  .ttoro1 {
-    --_13locr2: 12px;
-  }
-  .i5ot4w {
-    opacity: 1;
-  }
-  .pvd8yv[data-loading] .i5ot4w {
-    opacity: 0;
-  }
-  .l7xneb {
-    position: absolute;
-  }
-}

package/dist/assets/src/checkbox/Checkbox.css.ts.vanilla-v8ueXwNh.css

@@ -1,18 +0,0 @@
-@layer optiaxiom._1jg1fzn;
-@layer optiaxiom._1jg1fzn {
-  ._1y90mf7 {
-    display: none;
-  }
-  ._8f437s:has(.jyev48:checked) ._1y90mf7 {
-    display: block;
-  }
-  ._1r6j2fg {
-    background-color: var(--ax-colors-bg-default);
-    border-color: var(--_1adwjzo);
-    border-width: 1px;
-  }
-  ._8f437s:has(.jyev48:checked) ._1r6j2fg {
-    background-color: var(--_1adwjzo);
-    border-width: 0;
-  }
-}

package/dist/assets/src/code/Code.css.ts.vanilla-CgFRu84v.css

@@ -1,7 +0,0 @@
-@layer optiaxiom._1jg1fzn;
-@layer optiaxiom._1jg1fzn {
-  ._6e5p5i {
-    font-size: 0.875em;
-    -webkit-font-smoothing: auto;
-  }
-}

package/dist/assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-C_E7EWK6.css

@@ -1,25 +0,0 @@
-@keyframes n5whih {
-  from {
-    height: 0;
-  }
-  to {
-    height: var(--radix-collapsible-content-height);
-  }
-}
-@keyframes rtpn63 {
-  from {
-    height: var(--radix-collapsible-content-height);
-  }
-  to {
-    height: 0;
-  }
-}
-@layer optiaxiom._1jg1fzn;
-@layer optiaxiom._1jg1fzn {
-  .qmrzgk[data-state="closed"] {
-    animation: rtpn63 300ms ease-out;
-  }
-  .qmrzgk[data-state="open"] {
-    animation: n5whih 300ms ease-out;
-  }
-}

package/dist/assets/src/indicator/Indicator.css.ts.vanilla-BGp9E6-V.css

@@ -1,36 +0,0 @@
-@layer optiaxiom._1jg1fzn;
-@layer optiaxiom._1jg1fzn {
-  .nbfto7 {
-    position: relative;
-  }
-  ._12jl85 {
-    --_1ecn3ln: 50%;
-    position: absolute;
-    right: 4px;
-  }
-  ._1jkrmpr {
-    --_1ecn3ln: 4px;
-  }
-  .y3l42c {
-    bottom: 4px;
-    transform: translate(var(--_1ecn3ln), var(--_1ecn3ln));
-  }
-  ._580m5u {
-    top: 4px;
-    transform: translate(var(--_1ecn3ln), calc(-1 * var(--_1ecn3ln)));
-  }
-  ._1qf0tld {
-    position: relative;
-    user-select: none;
-  }
-  ._1qf0tld:empty {
-    aspect-ratio: 1;
-  }
-  ._1vg9mbg:not(:empty) {
-    min-width: 20px;
-  }
-  .zn00s6 {
-    pointer-events: none;
-    position: absolute;
-  }
-}