@optiaxiom/react 0.7.2 → 0.7.4

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-XUGlhnOn.css';
-import './../../../../assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-Dh5sMw7T.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
+import './../../../../assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-Bhb-cJEQ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var shadow = recipeRuntime({base:['h4v7zf','_1hn1d86']});
-var textarea = recipeRuntime({base:['h4v7zf','axv4no']});
-var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['pkw5oj','h4ynql'],'2':['pkw5oj','_1e2126u'],'3':['pkw5oj','r4vewg'],'4':['pkw5oj','_34bgwg'],'5':['pkw5oj','_1p9va9z']},resize:{auto:{},none:{},vertical:'_8z455n'}}});
+var shadow = recipeRuntime({base:['nm7y7','sgdmw6']});
+var textarea = recipeRuntime({base:['nm7y7','q9km8j']});
+var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['ejgnxk','_1d23e1s'],'2':['ejgnxk','viqe2w'],'3':['ejgnxk','_1pl6z8r'],'4':['ejgnxk','_8d8kre'],'5':['ejgnxk','_1i93tjh']},resize:{auto:{},none:{},vertical:'sar3xz'}}});
 
 export { shadow, textarea, wrapper };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-XUGlhnOn.css';
-import './../../../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-CFEBiaqd.css';
-import './../../../../assets/src/toast/Toast.css.ts.vanilla-CPgB1EvX.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
+import './../../../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-B21xxAtb.css';
+import './../../../../assets/src/toast/Toast.css.ts.vanilla-CGd7CdHn.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'ppyv53']});
-var root = recipeRuntime({base:['_1izlezw',{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']},'_1u98ix7'],variants:{intent:{danger:'_1ary87a',information:'exfdrd',neutral:'_1l49nlz',success:'aecikw',warning:'_4s4biu'}}});
+var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_1bu0iqq']});
+var root = recipeRuntime({base:['_3j19d7',{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']},'_1ky1exy'],variants:{intent:{danger:'_11dghmu',information:'_1ogd4mv',neutral:'_13lm8wc',success:'_1ej7yn6',warning:'_1l6x9y1'}}});
 
 export { icon, root };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-XUGlhnOn.css';
-import './../../../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-CFEBiaqd.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
+import './../../../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-B21xxAtb.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'},'lqn156'],variants:{position:{bottom:'xwytii','bottom-left':'_1i1epjo','bottom-right':'wyc2r9',top:'qgim8k','top-left':'_3p6rbu','top-right':'ykvawl'}}});
+var viewport = recipeRuntime({base:[{gap:'md',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'_1dfjmil'],variants:{position:{bottom:'nh24f4','bottom-left':'_1e56d8v','bottom-right':'a207ou',top:'_1rmiuj5','top-left':'_5tm0u1','top-right':'_1re8gb3'}}});
 
 export { viewport };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-XUGlhnOn.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-C_d2Dp5h.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-pCGq_jox.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-CtkrjUKf.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-UGTfac3G.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var toggleInput = recipeRuntime({base:['_16b1bca',{alignItems:'start',flexDirection:'row',gap:'xs'},'_1r3572b']});
+var toggleInput = recipeRuntime({base:['_360wk1',{alignItems:'start',flexDirection:'row',gap:'xs'},'ck66yp']});
 
 export { toggleInput };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-XUGlhnOn.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-C_d2Dp5h.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-pCGq_jox.css';
-import './../../../../assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-DbCv5gJA.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-CtkrjUKf.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-UGTfac3G.css';
+import './../../../../assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-nysos9zv.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['_1tbtcaw']});
+var control = recipeRuntime({base:['nwellu']});
 
 export { control };

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

@@ -1,6 +1,6 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-XUGlhnOn.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-C_d2Dp5h.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-CtkrjUKf.css';
 
-var className = 'go7hro';
+var className = '_1g8laxi';
 
 export { className };

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

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

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-XUGlhnOn.css';
-import './../../../../assets/src/transition/Transition.css.ts.vanilla-DnotTYAr.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-CpOBJFHL.css';
+import './../../../../assets/src/transition/Transition.css.ts.vanilla-BUqAK2Jn.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var transition = recipeRuntime({base:'m7faya',variants:{duration:{sm:'_1hpvesq',md:'_1shwtgq',lg:'_19m9i48'},type:{fade:'_13jj6of',pop:'ifm4bf'}}});
+var transition = recipeRuntime({base:'_1ts5btx',variants:{duration:{sm:'_1au0726',md:'bdu9tx',lg:'jynv5r'},type:{fade:'e3x6pg',pop:'jjbin8'}}});
 var transitionDuration = {sm:150,md:250,lg:400};
 
 export { transition, transitionDuration };

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

@@ -1,7 +1,8 @@
 import { useMediaQuery } from '@mantine/hooks';
 import { conditions } from '../utils/conditions.js';
-import 'react/jsx-runtime';
+import '@radix-ui/react-slot';
 import 'react';
+import 'react/jsx-runtime';
 
 const list = ["lg", "md", "sm"];
 const useResponsiveMatches = (config) => {

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

@@ -0,0 +1,23 @@
+import { Slot } from '@radix-ui/react-slot';
+import { isValidElement, cloneElement } from 'react';
+
+const decorateChildren = ({ asChild, children }, decorator) => {
+  if (asChild) {
+    const newElement = isValidElement(children) ? children : null;
+    return newElement ? cloneElement(
+      newElement,
+      void 0,
+      decorateChildren(
+        {
+          ...newElement.props,
+          asChild: newElement.props.asChild || newElement.type === Slot
+        },
+        decorator
+      )
+    ) : children;
+  } else {
+    return decorator(children);
+  }
+};
+
+export { decorateChildren };

package/dist/unstable.d.ts

@@ -3,7 +3,7 @@ import { UseComboboxProps, UseSelectProps } from 'downshift';
 import * as react from 'react';
 import { ReactNode, ComponentPropsWithoutRef, ReactElement, MutableRefObject } from 'react';
 import * as _radix_ui_react_popper from '@radix-ui/react-popper';
-import { S as Sprinkles, B as BoxProps, L as Link, M as MenuListbox, T as Transition, D as DialogContent, P as PopoverContent } from './PopoverContent-C7PCZoTR.js';
+import { S as Sprinkles, B as BoxProps, L as Link, M as MenuListbox, T as Transition, D as DialogContent, P as PopoverContent } from './PopoverContent-CzAnD85G.js';
 import * as RadixDialog from '@radix-ui/react-dialog';
 import * as RadixPopover from '@radix-ui/react-popover';
 import * as _radix_ui_react_separator from '@radix-ui/react-separator';
@@ -36,7 +36,7 @@ declare const AutocompleteContent: react.ForwardRefExoticComponent<{
 } & Sprinkles>, never> & Omit<Omit<Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<_radix_ui_react_popper.PopperContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLDivElement>, "ref">, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className" | "asChild"> & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles>, never> & Omit<Omit<_radix_ui_react_popper.PopperContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "p" | "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" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const AutocompleteEmpty: react.ForwardRefExoticComponent<Omit<NonNullable<{
     asChild?: boolean;
@@ -126,7 +126,7 @@ declare const BreadcrumbLink: react.ForwardRefExoticComponent<Omit<NonNullable<{
 } & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "color" | "className"> & 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" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className" | "asChild"> & react.RefAttributes<HTMLAnchorElement>>;
+} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLAnchorElement>, "ref">, "asChild" | "p" | "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" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className"> & react.RefAttributes<HTMLAnchorElement>>;
 
 type BreadcrumbPageProps = BoxProps<"span">;
 declare const BreadcrumbPage: react.ForwardRefExoticComponent<Omit<NonNullable<{
@@ -194,7 +194,7 @@ declare const ComboboxDialogContent: react.ForwardRefExoticComponent<{
 } & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, "size"> & Omit<Omit<RadixDialog.DialogContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles>, "size"> & Omit<Omit<RadixDialog.DialogContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const ComboboxPopoverContent: react.ForwardRefExoticComponent<Omit<{
     minW?: ComponentPropsWithoutRef<typeof MenuListbox>["minW"];
@@ -202,7 +202,7 @@ declare const ComboboxPopoverContent: react.ForwardRefExoticComponent<Omit<{
 } & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<RadixPopover.PopoverContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles>, never> & Omit<Omit<RadixPopover.PopoverContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
 type ComboboxContentProps = ComponentPropsWithoutRef<typeof ComboboxDialogContent | typeof ComboboxPopoverContent>;
 declare const ComboboxContent: react.ForwardRefExoticComponent<ComboboxContentProps & react.RefAttributes<HTMLDivElement>>;
@@ -300,7 +300,7 @@ declare const ComboboxSeparator: react.ForwardRefExoticComponent<Omit<Omit<NonNu
 } & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<_radix_ui_react_separator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild" | "orientation"> & react.RefAttributes<HTMLDivElement>, "ref">, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className" | "asChild"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles>, never> & Omit<Omit<_radix_ui_react_separator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className" | "orientation"> & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "p" | "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" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const ComboboxTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
     addonAfter?: react.ReactNode;
@@ -321,7 +321,7 @@ declare const ComboboxTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
 }, "intent" | "variant">>, "children"> & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, "size"> & Omit<Omit<RadixPopover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "disabled" | "color" | "className" | "asChild"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+} & Sprinkles>, "size"> & Omit<Omit<RadixPopover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "disabled" | "asChild" | "color" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const ComboboxValue: react.ForwardRefExoticComponent<{
     placeholder?: string;
@@ -429,7 +429,7 @@ declare const Pill: react.ForwardRefExoticComponent<{
 }, "intent" | "variant">>, "children"> & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "disabled" | "color" | "className"> & 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" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className" | "asChild"> & react.RefAttributes<HTMLButtonElement>>;
+} & Sprinkles>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "disabled" | "color" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "p" | "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" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
 type SelectProps<Item> = {
     children?: ReactNode;
@@ -455,7 +455,7 @@ declare const SelectContent: react.ForwardRefExoticComponent<{
 } & Sprinkles>, never> & Omit<Omit<Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<_radix_ui_react_popper.PopperContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild"> & react.RefAttributes<HTMLDivElement>, "ref">, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className" | "asChild"> & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles>, never> & Omit<Omit<_radix_ui_react_popper.PopperContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "p" | "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" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const SelectGroup: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<{
     asChild?: boolean;
@@ -504,7 +504,7 @@ declare const SelectSeparator: react.ForwardRefExoticComponent<Omit<Omit<NonNull
 } & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, never> & Omit<Omit<_radix_ui_react_separator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "className" | "asChild" | "orientation"> & react.RefAttributes<HTMLDivElement>, "ref">, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className" | "asChild"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+} & Sprinkles>, never> & Omit<Omit<_radix_ui_react_separator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className" | "orientation"> & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "p" | "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" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const SelectTrigger: react.ForwardRefExoticComponent<Omit<{
     addonAfter?: react.ReactNode;
@@ -525,7 +525,7 @@ declare const SelectTrigger: react.ForwardRefExoticComponent<Omit<{
 }, "intent" | "variant">>, "children"> & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, "size"> & Omit<Omit<_radix_ui_react_popper.PopperAnchorProps & react.RefAttributes<HTMLDivElement>, "ref">, "children" | "color" | "className" | "asChild"> & react.RefAttributes<HTMLButtonElement>>;
+} & Sprinkles>, "size"> & Omit<Omit<_radix_ui_react_popper.PopperAnchorProps & react.RefAttributes<HTMLDivElement>, "ref">, "children" | "asChild" | "color" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const SelectValue: react.ForwardRefExoticComponent<{
     placeholder?: string;
@@ -670,7 +670,7 @@ declare const SpotlightTrigger: react.ForwardRefExoticComponent<{
 }, "intent" | "variant">>, "children"> & Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles>, "size"> & Omit<Omit<RadixDialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "disabled" | "color" | "className" | "asChild"> & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "disabled" | "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" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className" | "asChild" | "appearance" | "loading" | "addonAfter" | "addonBefore" | "icon" | "iconOnly" | "iconPosition"> & react.RefAttributes<HTMLButtonElement>>;
+} & Sprinkles>, "size"> & Omit<Omit<RadixDialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "disabled" | "asChild" | "color" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "disabled" | "asChild" | "p" | "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" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className" | "appearance" | "loading" | "addonAfter" | "addonBefore" | "icon" | "iconOnly" | "iconPosition"> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const Table: react.ForwardRefExoticComponent<Omit<NonNullable<{
     asChild?: boolean;

package/package.json

@@ -7,7 +7,7 @@
     "url": "https://github.com/optimizely-axiom/optiaxiom.git"
   },
   "type": "module",
-  "version": "0.7.2",
+  "version": "0.7.4",
   "files": [
     "dist/**",
     "LICENSE"
@@ -66,7 +66,6 @@
     "@tiptap/pm": "^2.10.1",
     "@tiptap/react": "^2.10.1",
     "@vanilla-extract/dynamic": "^2.1.2",
-    "@vanilla-extract/sprinkles": "^1.6.3",
     "clsx": "^2.1.1",
     "downshift": "^9.0.8",
     "use-sync-external-store": "^1.2.2",
@@ -77,6 +76,7 @@
     "@types/node": "^20.17.5",
     "@types/use-sync-external-store": "^0.0.6",
     "@vanilla-extract/css": "^1.16.0",
+    "@vanilla-extract/sprinkles": "^1.6.3",
     "framer-motion": "^11.11.17",
     "@optiaxiom/shared": "^0.0.0"
   },

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

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

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

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

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

@@ -1,28 +0,0 @@
-@layer optiaxiom._1kl235h;
-@layer optiaxiom._1kl235h {
-  .kyd11z {
-    border-radius: var(--ax-borderRadius-full);
-    user-select: none;
-  }
-  .gkb1xk .kyd11z {
-    border: 1px solid var(--ax-colors-bg-default);
-  }
-  .gkb1xk ._1c5uht9:not(:first-child) {
-    margin-left: -3px;
-  }
-  .gkb1xk ._1d1i3yg:not(:first-child) {
-    margin-left: -5px;
-  }
-  .gkb1xk ._1m3s31a:not(:first-child) {
-    margin-left: -7px;
-  }
-  .gkb1xk .kaoejw:not(:first-child) {
-    margin-left: -9px;
-  }
-  .gkb1xk ._770yzc:not(:first-child) {
-    margin-left: -11px;
-  }
-  .gkb1xk ._1q7svqy:not(:first-child) {
-    margin-left: -13px;
-  }
-}

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

@@ -1,46 +0,0 @@
-@layer optiaxiom._1kl235h;
-@layer optiaxiom._1kl235h {
-  ._7erjzy {
-    --_1vfk2b0: var(--ax-colors-fg-white);
-  }
-  ._41owo0 {
-    --kigk2w: var(--ax-colors-bg-error);
-    --i3fmvf: var(--ax-colors-bg-error-subtle);
-    --bfc3y8: var(--ax-colors-fg-error-strong);
-  }
-  ._7gz0xh {
-    --kigk2w: var(--ax-colors-bg-information);
-    --i3fmvf: var(--ax-colors-bg-information-subtle);
-    --bfc3y8: var(--ax-colors-fg-information-strong);
-  }
-  ._1tm4zuj {
-    --kigk2w: var(--ax-colors-bg-tertiary);
-    --_1vfk2b0: var(--ax-colors-fg-default);
-    --i3fmvf: var(--ax-colors-bg-secondary);
-    --bfc3y8: var(--ax-colors-fg-secondary);
-  }
-  ._3i4jcj {
-    --kigk2w: var(--ax-colors-bg-accent);
-    --i3fmvf: var(--ax-colors-bg-accent-subtle);
-    --bfc3y8: var(--ax-colors-fg-accent-strong);
-  }
-  ._19m7eve {
-    --kigk2w: var(--ax-colors-bg-success);
-    --i3fmvf: var(--ax-colors-bg-success-subtle);
-    --bfc3y8: var(--ax-colors-fg-success-strong);
-  }
-  ._13erxru {
-    --kigk2w: var(--ax-colors-bg-warning);
-    --_1vfk2b0: var(--ax-colors-fg-warning-inverse);
-    --i3fmvf: var(--ax-colors-bg-warning-subtle);
-    --bfc3y8: var(--ax-colors-fg-warning-strong);
-  }
-  ._1nszjla {
-    background-color: var(--i3fmvf);
-    color: var(--bfc3y8);
-  }
-  .ruxwu7 {
-    background-color: var(--kigk2w);
-    color: var(--_1vfk2b0);
-  }
-}

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

@@ -1,142 +0,0 @@
-@layer optiaxiom._1kl235h;
-@layer optiaxiom._1kl235h {
-  .axme0t {
-    border-radius: var(--ax-borderRadius-md);
-    padding-inline: var(--_1q6dgnq);
-    position: relative;
-    text-decoration: none;
-    user-select: none;
-  }
-  .axme0t: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);
-  }
-  .ad0tlr[data-orientation="horizontal"] > .axme0t:not(:first-child):not(:last-child),.ad0tlr[data-orientation="horizontal"] > :not(:first-child):not(:last-child) .axme0t {
-    border-inline-width: 0.5px;
-  }
-  .ad0tlr[data-orientation="horizontal"] > .axme0t:not(:only-child):first-child,.ad0tlr[data-orientation="horizontal"] > :not(:only-child):first-child .axme0t {
-    border-bottom-right-radius: 0;
-    border-right-width: 0.5px;
-    border-top-right-radius: 0;
-  }
-  .ad0tlr[data-orientation="horizontal"] > .axme0t:not(:only-child):last-child,.ad0tlr[data-orientation="horizontal"] > :not(:only-child):last-child .axme0t {
-    border-bottom-left-radius: 0;
-    border-left-width: 0.5px;
-    border-top-left-radius: 0;
-  }
-  .ad0tlr[data-orientation="vertical"] > .axme0t:not(:first-child):not(:last-child),.ad0tlr[data-orientation="vertical"] > :not(:first-child):not(:last-child) .axme0t {
-    border-block-width: 0.5px;
-  }
-  .ad0tlr[data-orientation="vertical"] > .axme0t:not(:only-child):first-child,.ad0tlr[data-orientation="vertical"] > :not(:only-child):first-child .axme0t {
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-    border-bottom-width: 0.5px;
-  }
-  .ad0tlr[data-orientation="vertical"] > .axme0t:not(:only-child):last-child,.ad0tlr[data-orientation="vertical"] > :not(:only-child):last-child .axme0t {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-    border-top-width: 0.5px;
-  }
-  .ad0tlr[data-orientation] > .axme0t:not(:first-child):not(:last-child),.ad0tlr[data-orientation] > :not(:first-child):not(:last-child) .axme0t {
-    border-radius: 0;
-  }
-  ._159cwj9 {
-    min-width: fit-content;
-  }
-  .yehpmd {
-    --_1m0bnir: var(--ax-colors-bg-error);
-    --bvzs73: var(--ax-colors-bg-error-hovered);
-    --_65kvxe: var(--ax-colors-bg-error-pressed);
-    --noz4di: var(--ax-colors-bg-error-subtlest);
-    --a8fc8z: var(--ax-colors-bg-error-subtle);
-  }
-  .uc82vn {
-    --_1m0bnir: var(--ax-colors-bg-default-inverse);
-    --bvzs73: var(--ax-colors-bg-default-inverse-hovered);
-    --_65kvxe: var(--ax-colors-bg-default-inverse-pressed);
-    --noz4di: var(--ax-colors-bg-secondary);
-    --_1h3r6vd: var(--ax-colors-border-default);
-    --_1iv2dbb: var(--ax-colors-border-default);
-    --a8fc8z: var(--ax-colors-bg-secondary-hovered);
-    --_23td66: var(--ax-colors-fg-default);
-  }
-  ._19o65wk {
-    --_1m0bnir: var(--ax-colors-bg-accent);
-    --bvzs73: var(--ax-colors-bg-accent-hovered);
-    --_65kvxe: var(--ax-colors-bg-accent-pressed);
-    --noz4di: var(--ax-colors-bg-accent-subtle);
-    --a8fc8z: var(--ax-colors-bg-accent-light);
-  }
-  .bvdkjy {
-    background-color: var(--ax-colors-bg-default);
-    border: 1px solid var(--_1iv2dbb, var(--_1m0bnir));
-    color: var(--_23td66, var(--_1m0bnir));
-    padding-inline: calc(var(--_1q6dgnq) - 1px);
-  }
-  .bvdkjy:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--a8fc8z);
-    border-color: var(--_1h3r6vd, var(--bvzs73));
-  }
-  .bvdkjy:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--noz4di);
-    border-color: var(--_1h3r6vd, var(--bvzs73));
-  }
-  .bvdkjy: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);
-  }
-  .bvdkjy[data-disabled]:not([data-loading]) {
-    border-color: var(--ax-colors-border-disabled);
-    color: var(--ax-colors-fg-disabled);
-  }
-  ._1g69utl {
-    background-color: var(--_1m0bnir);
-    color: var(--ax-colors-fg-default-inverse);
-  }
-  ._1g69utl:active:not([data-disabled], [data-loading]) {
-    background-color: var(--_65kvxe);
-  }
-  ._1g69utl:hover:not(:active, [data-disabled], [data-loading]) {
-    background-color: var(--bvzs73);
-  }
-  ._1g69utl[data-disabled]:not([data-loading]) {
-    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(--_1q6dgnq) - 1px);
-  }
-  .ukwws4 {
-    background-color: transparent;
-    border-color: var(--_1m0bnir);
-    color: var(--_23td66, var(--_1m0bnir));
-  }
-  .ukwws4:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--a8fc8z);
-  }
-  .ukwws4:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--noz4di);
-  }
-  .ukwws4:is([data-state="active"], [data-state="on"]) {
-    background-color: var(--ax-colors-bg-accent-subtle);
-    color: var(--ax-colors-fg-accent);
-  }
-  .ukwws4[data-disabled]:not([data-loading]) {
-    color: var(--ax-colors-fg-disabled);
-  }
-  ._1iei67h {
-    --_1q6dgnq: 4px;
-  }
-  ._1pjlpe1 {
-    --_1q6dgnq: 8px;
-  }
-  ._1ymltf {
-    --_1q6dgnq: 12px;
-  }
-  ._1q3ayvf {
-    left: 0;
-    position: absolute;
-    right: 0;
-  }
-}

package/dist/assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-DxEMuSNN.css

@@ -1,9 +0,0 @@
-@layer optiaxiom._1kl235h;
-@layer optiaxiom._1kl235h {
-  ._8lwg9v {
-    opacity: 1;
-  }
-  .dt9sor[data-loading] ._8lwg9v {
-    opacity: 0;
-  }
-}

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

@@ -1,18 +0,0 @@
-@layer optiaxiom._1kl235h;
-@layer optiaxiom._1kl235h {
-  .nsw2tc {
-    display: none;
-  }
-  ._1m8da28:has(._1h1sjih:checked) .nsw2tc {
-    display: block;
-  }
-  .zbvk8 {
-    background-color: var(--ax-colors-bg-default);
-    border-color: var(--_1xi5n8w);
-    border-width: 1px;
-  }
-  ._1m8da28:has(._1h1sjih:checked) .zbvk8 {
-    background-color: var(--_1xi5n8w);
-    border-width: 0;
-  }
-}

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

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

package/dist/assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-tqXG5OtF.css

@@ -1,7 +0,0 @@
-@layer optiaxiom._1kl235h;
-@layer optiaxiom._1kl235h {
-  ._1gv9mc6[data-highlighted][data-focus-visible] {
-    outline: 2px solid var(--ax-colors-border-active);
-    outline-offset: 1px;
-  }
-}

package/dist/assets/src/data-table/DataTable.css.ts.vanilla-DIapgyBi.css

@@ -1,24 +0,0 @@
-@layer optiaxiom._1kl235h;
-@layer optiaxiom._1kl235h {
-  ._1844des {
-    position: sticky;
-    top: 0;
-    z-index: var(--ax-zIndex-20);
-  }
-  .paetcc {
-    min-width: var(--p26rq7);
-  }
-  .fj003u {
-    left: var(--xacm21);
-    position: sticky;
-    z-index: var(--ax-zIndex-20);
-  }
-  ._1bg4q7u {
-    min-width: var(--p26rq7);
-  }
-  ._10qb8q2 {
-    left: var(--xacm21);
-    position: sticky;
-    z-index: var(--ax-zIndex-10);
-  }
-}