@optiaxiom/react 0.2.0 → 0.3.0

package/dist/src/textarea-autosize/TextareaAutosize-css.js

@@ -1,9 +1,9 @@
-import './../../assets/src/layers/layers.css.ts.vanilla-79mCcHcb.css';
-import './../../assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-D7KvX_iO.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:['_1bjrzbi','p5mah4']});
-var textarea = recipeRuntime({base:['_1bjrzbi','_3dozdo']});
-var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_1j5d5d','d7hhff'],'2':['_1j5d5d','_3u2cq'],'3':['_1j5d5d','ifo8ft'],'4':['_1j5d5d','_1rlkmg1'],'5':['_1j5d5d','_1cb01a']},resize:{auto:{},none:{},vertical:'_1co2eul'}}});
+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-79mCcHcb.css';
-import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-5tmJ5uCB.css';
-import './../../assets/src/toast/Toast.css.ts.vanilla-DKNlNBpb.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'},'_164y6vm']});
-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']},'_1dujptc'],variants:{colorScheme:{danger:'_14p0afd',information:'_1ahczfl',neutral:'_1igotqm',success:'mzgu85',warning:'_1ew8h2p'}}});
+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-79mCcHcb.css';
-import './../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-5tmJ5uCB.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'},'_1cxwbjq'],variants:{position:{bottom:'_153jc9p','bottom-left':'_11mb344','bottom-right':'ztqubp',top:'_1o9us3f','top-left':'_10w6o0t','top-right':'z9srz9'}}});
+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-79mCcHcb.css';
-import './../../assets/src/table-row/TableRow.css.ts.vanilla-BwAVjqZ1.css';
-import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-7tBLQzKd.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:['_1fmgutn',{alignItems:'start',flexDirection:'row',gap:'xs'},'lr3pon']});
+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-79mCcHcb.css';
-import './../../assets/src/table-row/TableRow.css.ts.vanilla-BwAVjqZ1.css';
-import './../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-7tBLQzKd.css';
-import './../../assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-UmcCg7ux.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:['jicf6h']});
+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-79mCcHcb.css';
-import './../../assets/src/table-row/TableRow.css.ts.vanilla-BwAVjqZ1.css';
+import './../../assets/src/layers/layers.css.ts.vanilla-WPx7EAgK.css';
+import './../../assets/src/table-row/TableRow.css.ts.vanilla-CrcN69E1.css';
 
-var className = '_11bxd3a';
+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-79mCcHcb.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-79mCcHcb.css';
-import './../../assets/src/transition/Transition.css.ts.vanilla-CEVbotiB.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:'_1b9ysmx',variants:{duration:{sm:'_19z3oxv',md:'_96h5f0',lg:'_1yamnah'},type:{fade:'_2kksmr',pop:'rzgi93'}}});
+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-Cb4M-bVP.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.0",
+  "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.1"
+    "@optiaxiom/globals": "^0.3.0"
   },
   "devDependencies": {
     "@emotion/hash": "^0.9.2",

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

@@ -1,27 +0,0 @@
-@layer optiaxiom.xkvm1p;
-@layer optiaxiom.xkvm1p {
-  ._3ghmrm {
-    user-select: none;
-  }
-  .ncz9ng ._3ghmrm {
-    border: 1px solid var(--ax-colors-bg-default);
-  }
-  .ncz9ng .senq3l:not(:first-child) {
-    margin-left: -3px;
-  }
-  .ncz9ng .y46ckq:not(:first-child) {
-    margin-left: -5px;
-  }
-  .ncz9ng ._1iee1na:not(:first-child) {
-    margin-left: -7px;
-  }
-  .ncz9ng ._1b1qw8b:not(:first-child) {
-    margin-left: -9px;
-  }
-  .ncz9ng .h421z4:not(:first-child) {
-    margin-left: -11px;
-  }
-  .ncz9ng ._41jyrc:not(:first-child) {
-    margin-left: -13px;
-  }
-}

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

@@ -1,46 +0,0 @@
-@layer optiaxiom.xkvm1p;
-@layer optiaxiom.xkvm1p {
-  ._1qklq0 {
-    --_4fk346: var(--ax-colors-fg-white);
-  }
-  ._12fe138 {
-    --_19tmynv: var(--ax-colors-bg-error);
-    --jxa8zh: var(--ax-colors-bg-error-subtle);
-    --_1sey2ar: var(--ax-colors-fg-error-strong);
-  }
-  ._8n41pk {
-    --_19tmynv: var(--ax-colors-bg-information);
-    --jxa8zh: var(--ax-colors-bg-information-subtle);
-    --_1sey2ar: var(--ax-colors-fg-information-strong);
-  }
-  ._1hzm8zd {
-    --_19tmynv: var(--ax-colors-bg-tertiary);
-    --_4fk346: var(--ax-colors-fg-default);
-    --jxa8zh: var(--ax-colors-bg-secondary);
-    --_1sey2ar: var(--ax-colors-fg-secondary);
-  }
-  ._1yry1mi {
-    --_19tmynv: var(--ax-colors-bg-accent);
-    --jxa8zh: var(--ax-colors-bg-accent-subtle);
-    --_1sey2ar: var(--ax-colors-fg-accent-strong);
-  }
-  .lrkd3c {
-    --_19tmynv: var(--ax-colors-bg-success);
-    --jxa8zh: var(--ax-colors-bg-success-subtle);
-    --_1sey2ar: var(--ax-colors-fg-success-strong);
-  }
-  ._1hj560k {
-    --_19tmynv: var(--ax-colors-bg-warning);
-    --_4fk346: var(--ax-colors-fg-warning-inverse);
-    --jxa8zh: var(--ax-colors-bg-warning-subtle);
-    --_1sey2ar: var(--ax-colors-fg-warning-strong);
-  }
-  ._10ttap0 {
-    background-color: var(--jxa8zh);
-    color: var(--_1sey2ar);
-  }
-  .ainpn7 {
-    background-color: var(--_19tmynv);
-    color: var(--_4fk346);
-  }
-}

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

@@ -1,146 +0,0 @@
-@layer optiaxiom.xkvm1p;
-@layer optiaxiom.xkvm1p {
-  ._3fpl1h {
-    border-radius: var(--ax-borderRadius-md);
-    padding-inline: var(--_1usllxa);
-    position: relative;
-    text-decoration: none;
-    user-select: none;
-  }
-  ._3fpl1h: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);
-  }
-  .kx0qtf[data-orientation="horizontal"] ._3fpl1h:not(:first-child):not(:last-child) {
-    border-inline-width: 0.5px;
-  }
-  .kx0qtf[data-orientation="horizontal"] ._3fpl1h:not(:only-child):first-child {
-    border-bottom-right-radius: 0;
-    border-right-width: 0.5px;
-    border-top-right-radius: 0;
-  }
-  .kx0qtf[data-orientation="horizontal"] ._3fpl1h:not(:only-child):last-child {
-    border-bottom-left-radius: 0;
-    border-left-width: 0.5px;
-    border-top-left-radius: 0;
-  }
-  .kx0qtf[data-orientation="vertical"] ._3fpl1h:not(:first-child):not(:last-child) {
-    border-block-width: 0.5px;
-  }
-  .kx0qtf[data-orientation="vertical"] ._3fpl1h:not(:only-child):first-child {
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-    border-bottom-width: 0.5px;
-  }
-  .kx0qtf[data-orientation="vertical"] ._3fpl1h:not(:only-child):last-child {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-    border-top-width: 0.5px;
-  }
-  .kx0qtf[data-orientation] ._3fpl1h:not(:first-child):not(:last-child) {
-    border-radius: 0;
-  }
-  .buk0vy {
-    --_3p418e: var(--ax-colors-bg-error);
-    --_1ruczdf: var(--ax-colors-bg-error-hovered);
-    --wyl9up: var(--ax-colors-bg-error-pressed);
-    --i8e91t: var(--ax-colors-bg-error-subtlest);
-    --_1dl1zaf: var(--ax-colors-bg-error-subtle);
-  }
-  .phwgl6 {
-    --_3p418e: var(--ax-colors-bg-default-inverse);
-    --_1ruczdf: var(--ax-colors-bg-default-inverse-hovered);
-    --wyl9up: var(--ax-colors-bg-default-inverse-pressed);
-    --i8e91t: var(--ax-colors-bg-secondary);
-    --nayw5l: var(--ax-colors-border-default);
-    --v9q3in: var(--ax-colors-border-default);
-    --_1dl1zaf: var(--ax-colors-bg-secondary-hovered);
-    --b58z4j: var(--ax-colors-fg-default);
-  }
-  .l4irbb {
-    --_3p418e: var(--ax-colors-bg-accent);
-    --_1ruczdf: var(--ax-colors-bg-accent-hovered);
-    --wyl9up: var(--ax-colors-bg-accent-pressed);
-    --i8e91t: var(--ax-colors-bg-accent-subtle);
-    --_1dl1zaf: var(--ax-colors-bg-accent-light);
-  }
-  ._9un8j1 {
-    min-width: fit-content;
-  }
-  ._1oaiof {
-    background-color: var(--ax-colors-bg-default);
-    border: 1px solid var(--v9q3in, var(--_3p418e));
-    color: var(--b58z4j, var(--_3p418e));
-    padding-inline: calc(var(--_1usllxa) - 1px);
-  }
-  ._1oaiof:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--_1dl1zaf);
-    border-color: var(--nayw5l, var(--_1ruczdf));
-  }
-  ._1oaiof:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--i8e91t);
-    border-color: var(--nayw5l, var(--_1ruczdf));
-  }
-  ._1oaiof: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);
-  }
-  ._1oaiof[data-disabled] {
-    border-color: var(--ax-colors-border-disabled);
-    color: var(--ax-colors-fg-disabled);
-  }
-  .mtgnq7 {
-    background-color: var(--_3p418e);
-    color: var(--ax-colors-fg-default-inverse);
-  }
-  .mtgnq7:active:not([data-disabled], [data-loading]) {
-    background-color: var(--wyl9up);
-  }
-  .mtgnq7:hover:not(:active, [data-disabled], [data-loading]) {
-    background-color: var(--_1ruczdf);
-  }
-  .mtgnq7[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(--_1usllxa) - 1px);
-  }
-  ._1xgtzxc {
-    background-color: transparent;
-    border-color: var(--_3p418e);
-    color: var(--b58z4j, var(--_3p418e));
-  }
-  ._1xgtzxc:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--_1dl1zaf);
-  }
-  ._1xgtzxc:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--i8e91t);
-  }
-  ._1xgtzxc:is([data-state="active"], [data-state="on"]) {
-    background-color: var(--ax-colors-bg-accent-subtle);
-    color: var(--ax-colors-fg-accent);
-  }
-  ._1xgtzxc[data-disabled] {
-    color: var(--ax-colors-fg-disabled);
-  }
-  ._17x7nto {
-    --_1usllxa: 4px;
-  }
-  ._1o604va {
-    --_1usllxa: 8px;
-  }
-  .wumzna {
-    --_1usllxa: 12px;
-  }
-  ._30lma4 {
-    opacity: 1;
-  }
-  .p2cmh6[data-loading] ._30lma4 {
-    opacity: 0;
-  }
-  .msudw5 {
-    position: absolute;
-  }
-}

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

@@ -1,18 +0,0 @@
-@layer optiaxiom.xkvm1p;
-@layer optiaxiom.xkvm1p {
-  .mnra9w {
-    display: none;
-  }
-  ._1u0qnhf:has(.kr6c2a:checked) .mnra9w {
-    display: block;
-  }
-  .lih270 {
-    background-color: var(--ax-colors-bg-default);
-    border-color: var(--mcig7l);
-    border-width: 1px;
-  }
-  ._1u0qnhf:has(.kr6c2a:checked) .lih270 {
-    background-color: var(--mcig7l);
-    border-width: 0;
-  }
-}

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

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

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

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

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

@@ -1,36 +0,0 @@
-@layer optiaxiom.xkvm1p;
-@layer optiaxiom.xkvm1p {
-  ._1sqtk25 {
-    position: relative;
-  }
-  ._1r0cvm4 {
-    --_16r1fbw: 50%;
-    position: absolute;
-    right: 4px;
-  }
-  ._1rnyqbq {
-    --_16r1fbw: 4px;
-  }
-  .lnsxc6 {
-    bottom: 4px;
-    transform: translate(var(--_16r1fbw), var(--_16r1fbw));
-  }
-  ._1e7gshw {
-    top: 4px;
-    transform: translate(var(--_16r1fbw), calc(-1 * var(--_16r1fbw)));
-  }
-  ._1lisds8 {
-    position: relative;
-    user-select: none;
-  }
-  ._1lisds8:empty {
-    aspect-ratio: 1;
-  }
-  .uki4ay:not(:empty) {
-    min-width: 20px;
-  }
-  ._16xecw3 {
-    pointer-events: none;
-    position: absolute;
-  }
-}

package/dist/assets/src/kbd/Kbd.css.ts.vanilla-C-36TI1F.css

@@ -1,9 +0,0 @@
-@layer optiaxiom.xkvm1p;
-@layer optiaxiom.xkvm1p {
-  .hvffzg {
-    text-decoration: none;
-  }
-  ._1bnmt9t {
-    font-size: 1.2em;
-  }
-}

package/dist/assets/src/layers/layers.css.ts.vanilla-79mCcHcb.css

@@ -1 +0,0 @@
-@layer optiaxiom, optiaxiom.base, optiaxiom.y1sbfe, optiaxiom.xkvm1p;

package/dist/assets/src/menu-content-base/MenuContentBase.css.ts.vanilla-Cc4WMGHB.css

@@ -1,21 +0,0 @@
-@layer optiaxiom.xkvm1p;
-@layer optiaxiom.xkvm1p {
-  ._2qyz5b {
-    max-height: var(--_17rrtjf);
-  }
-  ._11dh2fy {
-    min-width: var(--_1ubb5i7);
-  }
-  .po1dsp {
-    --_17rrtjf: var(--radix-dropdown-menu-content-available-height);
-    --_1ubb5i7: var(--radix-dropdown-menu-trigger-width);
-  }
-  ._1eseos7 {
-    --_17rrtjf: var(--radix-popover-content-available-height);
-    --_1ubb5i7: var(--radix-popover-trigger-width);
-  }
-  ._10ljk5f {
-    --_17rrtjf: var(--radix-popper-available-height);
-    --_1ubb5i7: var(--radix-popper-anchor-width);
-  }
-}