@optiaxiom/react 0.7.3 → 0.7.5

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ClDCrYSj.css';
-import './../../../../assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-DQieWDns.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
+import './../../../../assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-D5CZIgtL.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var shadow = recipeRuntime({base:['_8rqm01','_1hjs0q6']});
-var textarea = recipeRuntime({base:['_8rqm01','_1son57q']});
-var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['tb17qk','qmpz4s'],'2':['tb17qk','z28nh8'],'3':['tb17qk','_1cbp8gj'],'4':['tb17qk','_1yofigr'],'5':['tb17qk','mb5b23']},resize:{auto:{},none:{},vertical:'_72myhp'}}});
+var shadow = recipeRuntime({base:['_110faj6','_120zivd']});
+var textarea = recipeRuntime({base:['_110faj6','h0ofq3']});
+var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['cipmpt','_1piq8jr'],'2':['cipmpt','_1ihthzu'],'3':['cipmpt','_464n2p'],'4':['cipmpt','vxz3pg'],'5':['cipmpt','_10fcn4z']},resize:{auto:{},none:{},vertical:'_3dlhnx'}}});
 
 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-ClDCrYSj.css';
-import './../../../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-xYWkSJVS.css';
-import './../../../../assets/src/toast/Toast.css.ts.vanilla-LMxXdjQf.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
+import './../../../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-C1TCsof6.css';
+import './../../../../assets/src/toast/Toast.css.ts.vanilla-BVvpZDKk.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_1a0gbij']});
-var root = recipeRuntime({base:['_16a6h3m',{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']},'_1j99irq'],variants:{intent:{danger:'kommq8',information:'i63ewl',neutral:'_13a5piz',success:'_73qyv8',warning:'_6p02lf'}}});
+var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'bemtnk']});
+var root = recipeRuntime({base:['v6z7oe',{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']},'_1h39ojd'],variants:{intent:{danger:'xaho4a',information:'_15zbna3',neutral:'omrcaa',success:'_1x2wg7l',warning:'_13brgdi'}}});
 
 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-ClDCrYSj.css';
-import './../../../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-xYWkSJVS.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
+import './../../../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-C1TCsof6.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'},'_1jhr4r1'],variants:{position:{bottom:'rs9nli','bottom-left':'_1dtqr83','bottom-right':'_18w2ozl',top:'_7z431r','top-left':'_15v2c2t','top-right':'_1t2rrai'}}});
+var viewport = recipeRuntime({base:[{gap:'md',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'powvsa'],variants:{position:{bottom:'_73zbjt','bottom-left':'ms4z1m','bottom-right':'hrsjvm',top:'_18vhby5','top-left':'_1pb52u3','top-right':'y7vzcm'}}});
 
 export { viewport };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ClDCrYSj.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-CmMxQOJ_.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla--Bzp5dCV.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-C3tZg_9w.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DDgytmD5.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var toggleInput = recipeRuntime({base:['jlmvdq',{alignItems:'start',flexDirection:'row',gap:'xs'},'u8h3nm']});
+var toggleInput = recipeRuntime({base:['xjj4x4',{alignItems:'start',flexDirection:'row',gap:'xs'},'lh0a8r']});
 
 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-ClDCrYSj.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-CmMxQOJ_.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla--Bzp5dCV.css';
-import './../../../../assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-Dbox-og2.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-C3tZg_9w.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DDgytmD5.css';
+import './../../../../assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-C5RNsRdm.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['ndyky0']});
+var control = recipeRuntime({base:['_1a4wtgm']});
 
 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-ClDCrYSj.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-CmMxQOJ_.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-C3tZg_9w.css';
 
-var className = '_10ml84f';
+var className = '_1h8ysc5';
 
 export { className };

package/dist/packages/react/src/tooltip/Tooltip.js

@@ -28,7 +28,7 @@ const Tooltip = forwardRef(
         open,
         children: [
           /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, ref, children }),
-          !disabled && !empty && /* @__PURE__ */ jsx(TooltipContent, { ...props, children: content })
+          !disabled && !empty && /* @__PURE__ */ jsx(TooltipContent, { maxW: "xs", ...props, children: content })
         ]
       }
     );

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-ClDCrYSj.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.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-ClDCrYSj.css';
-import './../../../../assets/src/transition/Transition.css.ts.vanilla-CzlmtxB3.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Drg7B7mN.css';
+import './../../../../assets/src/transition/Transition.css.ts.vanilla-Bj8vmlVk.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var transition = recipeRuntime({base:'_1elemxh',variants:{duration:{sm:'ama2av',md:'m6more',lg:'yzar8q'},type:{fade:'_69v47o',pop:'a98zxm'}}});
+var transition = recipeRuntime({base:'_106iv1h',variants:{duration:{sm:'ikv5gq',md:'_1j2vcyr',lg:'qe6r6z'},type:{fade:'_1mzds7',pop:'fdjwd8'}}});
 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<{
@@ -134,12 +134,6 @@ declare const BreadcrumbPage: react.ForwardRefExoticComponent<Omit<NonNullable<{
     className?: string;
 } & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLSpanElement>>;
 
-type BreadcrumbSeparatorProps = BoxProps<"span">;
-declare function BreadcrumbSeparator({ children, ...props }: BreadcrumbSeparatorProps): react_jsx_runtime.JSX.Element;
-declare namespace BreadcrumbSeparator {
-    var displayName: string;
-}
-
 type CommandProps<Item> = {
     children: ReactNode;
     inputValue?: string;
@@ -194,7 +188,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 +196,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 +294,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 +315,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 +423,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 +449,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 +498,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 +519,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 +664,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;
@@ -702,4 +696,4 @@ declare const TableRow: react.ForwardRefExoticComponent<Omit<NonNullable<{
     className?: string;
 } & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTableRowElement>>;
 
-export { Autocomplete, AutocompleteContent, AutocompleteEmpty, AutocompleteItem, AutocompleteRadioItem, AutocompleteTrigger, Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, Combobox, ComboboxCheckboxItem, ComboboxContent, ComboboxEmpty, ComboboxFooter, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxRadioItem, ComboboxScrollArea, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandInput, CommandItem, CommandListbox, DataTable, DataTableHeader, Highlight, InlineInput, Pill, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRadioItem, SelectSeparator, SelectTrigger, SelectValue, Spotlight, SpotlightContent, SpotlightEmpty, SpotlightInput, SpotlightItem, SpotlightLabel, SpotlightRadioItem, SpotlightScrollArea, SpotlightSub, SpotlightSubItem, SpotlightTrigger, Table, TableBody, TableCell, TableHead, TableHeaderCell, TableRow };
+export { Autocomplete, AutocompleteContent, AutocompleteEmpty, AutocompleteItem, AutocompleteRadioItem, AutocompleteTrigger, Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, Combobox, ComboboxCheckboxItem, ComboboxContent, ComboboxEmpty, ComboboxFooter, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxRadioItem, ComboboxScrollArea, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandInput, CommandItem, CommandListbox, DataTable, DataTableHeader, Highlight, InlineInput, Pill, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRadioItem, SelectSeparator, SelectTrigger, SelectValue, Spotlight, SpotlightContent, SpotlightEmpty, SpotlightInput, SpotlightItem, SpotlightLabel, SpotlightRadioItem, SpotlightScrollArea, SpotlightSub, SpotlightSubItem, SpotlightTrigger, Table, TableBody, TableCell, TableHead, TableHeaderCell, TableRow };

package/dist/unstable.js

@@ -9,7 +9,6 @@ export { BreadcrumbEllipsis } from './packages/react/src/breadcrumb-ellipsis/Bre
 export { BreadcrumbItem } from './packages/react/src/breadcrumb-item/BreadcrumbItem.js';
 export { BreadcrumbLink } from './packages/react/src/breadcrumb-link/BreadcrumbLink.js';
 export { BreadcrumbPage } from './packages/react/src/breadcrumb-page/BreadcrumbPage.js';
-export { BreadcrumbSeparator } from './packages/react/src/breadcrumb-separator/BreadcrumbSeparator.js';
 export { Combobox } from './packages/react/src/combobox/Combobox.js';
 export { ComboboxCheckboxItem } from './packages/react/src/combobox-checkbox-item/ComboboxCheckboxItem.js';
 export { ComboboxContent } from './packages/react/src/combobox-content/ComboboxContent.js';

package/package.json

@@ -7,7 +7,7 @@
     "url": "https://github.com/optimizely-axiom/optiaxiom.git"
   },
   "type": "module",
-  "version": "0.7.3",
+  "version": "0.7.5",
   "files": [
     "dist/**",
     "LICENSE"
@@ -68,6 +68,7 @@
     "@vanilla-extract/dynamic": "^2.1.2",
     "clsx": "^2.1.1",
     "downshift": "^9.0.8",
+    "react-remove-scroll": "^2.6.0",
     "use-sync-external-store": "^1.2.2",
     "@optiaxiom/globals": "^0.4.1"
   },

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

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

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

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

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

@@ -1,28 +0,0 @@
-@layer optiaxiom._52sfgs;
-@layer optiaxiom._52sfgs {
-  ._18x4634 {
-    border-radius: var(--ax-borderRadius-full);
-    user-select: none;
-  }
-  .gom66e ._18x4634 {
-    border: 1px solid var(--ax-colors-bg-default);
-  }
-  .gom66e .smrnj8:not(:first-child) {
-    margin-left: -3px;
-  }
-  .gom66e .e418ie:not(:first-child) {
-    margin-left: -5px;
-  }
-  .gom66e .vwzdkw:not(:first-child) {
-    margin-left: -7px;
-  }
-  .gom66e .ciqell:not(:first-child) {
-    margin-left: -9px;
-  }
-  .gom66e ._1kk1qhw:not(:first-child) {
-    margin-left: -11px;
-  }
-  .gom66e ._1j6oj9u:not(:first-child) {
-    margin-left: -13px;
-  }
-}

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

@@ -1,46 +0,0 @@
-@layer optiaxiom._52sfgs;
-@layer optiaxiom._52sfgs {
-  ._1qc6k4y {
-    --_1ke0k6a: var(--ax-colors-fg-white);
-  }
-  ._1bdy4x9 {
-    --_1svz5jt: var(--ax-colors-bg-error);
-    --_1brhmww: var(--ax-colors-bg-error-subtle);
-    --_3fkqb8: var(--ax-colors-fg-error-strong);
-  }
-  .eupsl5 {
-    --_1svz5jt: var(--ax-colors-bg-information);
-    --_1brhmww: var(--ax-colors-bg-information-subtle);
-    --_3fkqb8: var(--ax-colors-fg-information-strong);
-  }
-  ._1i7h2v3 {
-    --_1svz5jt: var(--ax-colors-bg-tertiary);
-    --_1ke0k6a: var(--ax-colors-fg-default);
-    --_1brhmww: var(--ax-colors-bg-secondary);
-    --_3fkqb8: var(--ax-colors-fg-secondary);
-  }
-  .wgbs6m {
-    --_1svz5jt: var(--ax-colors-bg-accent);
-    --_1brhmww: var(--ax-colors-bg-accent-subtle);
-    --_3fkqb8: var(--ax-colors-fg-accent-strong);
-  }
-  ._1h0q4ov {
-    --_1svz5jt: var(--ax-colors-bg-success);
-    --_1brhmww: var(--ax-colors-bg-success-subtle);
-    --_3fkqb8: var(--ax-colors-fg-success-strong);
-  }
-  ._1xg88x4 {
-    --_1svz5jt: var(--ax-colors-bg-warning);
-    --_1ke0k6a: var(--ax-colors-fg-warning-inverse);
-    --_1brhmww: var(--ax-colors-bg-warning-subtle);
-    --_3fkqb8: var(--ax-colors-fg-warning-strong);
-  }
-  .op81zl {
-    background-color: var(--_1brhmww);
-    color: var(--_3fkqb8);
-  }
-  ._52mahb {
-    background-color: var(--_1svz5jt);
-    color: var(--_1ke0k6a);
-  }
-}

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

@@ -1,142 +0,0 @@
-@layer optiaxiom._52sfgs;
-@layer optiaxiom._52sfgs {
-  ._7mn753 {
-    border-radius: var(--ax-borderRadius-md);
-    padding-inline: var(--ccr2fk);
-    position: relative;
-    text-decoration: none;
-    user-select: none;
-  }
-  ._7mn753: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);
-  }
-  ._1jnsepb[data-orientation="horizontal"] > ._7mn753:not(:first-child):not(:last-child),._1jnsepb[data-orientation="horizontal"] > :not(:first-child):not(:last-child) ._7mn753 {
-    border-inline-width: 0.5px;
-  }
-  ._1jnsepb[data-orientation="horizontal"] > ._7mn753:not(:only-child):first-child,._1jnsepb[data-orientation="horizontal"] > :not(:only-child):first-child ._7mn753 {
-    border-bottom-right-radius: 0;
-    border-right-width: 0.5px;
-    border-top-right-radius: 0;
-  }
-  ._1jnsepb[data-orientation="horizontal"] > ._7mn753:not(:only-child):last-child,._1jnsepb[data-orientation="horizontal"] > :not(:only-child):last-child ._7mn753 {
-    border-bottom-left-radius: 0;
-    border-left-width: 0.5px;
-    border-top-left-radius: 0;
-  }
-  ._1jnsepb[data-orientation="vertical"] > ._7mn753:not(:first-child):not(:last-child),._1jnsepb[data-orientation="vertical"] > :not(:first-child):not(:last-child) ._7mn753 {
-    border-block-width: 0.5px;
-  }
-  ._1jnsepb[data-orientation="vertical"] > ._7mn753:not(:only-child):first-child,._1jnsepb[data-orientation="vertical"] > :not(:only-child):first-child ._7mn753 {
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-    border-bottom-width: 0.5px;
-  }
-  ._1jnsepb[data-orientation="vertical"] > ._7mn753:not(:only-child):last-child,._1jnsepb[data-orientation="vertical"] > :not(:only-child):last-child ._7mn753 {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-    border-top-width: 0.5px;
-  }
-  ._1jnsepb[data-orientation] > ._7mn753:not(:first-child):not(:last-child),._1jnsepb[data-orientation] > :not(:first-child):not(:last-child) ._7mn753 {
-    border-radius: 0;
-  }
-  .r5gnt5 {
-    min-width: fit-content;
-  }
-  ._5flwgn {
-    --_1ap68hl: var(--ax-colors-bg-error);
-    --_18z3umv: var(--ax-colors-bg-error-hovered);
-    --b8lrpm: var(--ax-colors-bg-error-pressed);
-    --oqpjdq: var(--ax-colors-bg-error-subtlest);
-    --_1gjzp62: var(--ax-colors-bg-error-subtle);
-  }
-  .zt3gr6 {
-    --_1ap68hl: var(--ax-colors-bg-default-inverse);
-    --_18z3umv: var(--ax-colors-bg-default-inverse-hovered);
-    --b8lrpm: var(--ax-colors-bg-default-inverse-pressed);
-    --oqpjdq: var(--ax-colors-bg-secondary);
-    --_81vx46: var(--ax-colors-border-default);
-    --_1t071m0: var(--ax-colors-border-default);
-    --_1gjzp62: var(--ax-colors-bg-secondary-hovered);
-    --_47idoo: var(--ax-colors-fg-default);
-  }
-  .l86hcz {
-    --_1ap68hl: var(--ax-colors-bg-accent);
-    --_18z3umv: var(--ax-colors-bg-accent-hovered);
-    --b8lrpm: var(--ax-colors-bg-accent-pressed);
-    --oqpjdq: var(--ax-colors-bg-accent-subtle);
-    --_1gjzp62: var(--ax-colors-bg-accent-light);
-  }
-  ._164mlxi {
-    background-color: var(--ax-colors-bg-default);
-    border: 1px solid var(--_1t071m0, var(--_1ap68hl));
-    color: var(--_47idoo, var(--_1ap68hl));
-    padding-inline: calc(var(--ccr2fk) - 1px);
-  }
-  ._164mlxi:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--_1gjzp62);
-    border-color: var(--_81vx46, var(--_18z3umv));
-  }
-  ._164mlxi:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--oqpjdq);
-    border-color: var(--_81vx46, var(--_18z3umv));
-  }
-  ._164mlxi: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);
-  }
-  ._164mlxi[data-disabled]:not([data-loading]) {
-    border-color: var(--ax-colors-border-disabled);
-    color: var(--ax-colors-fg-disabled);
-  }
-  ._100494o {
-    background-color: var(--_1ap68hl);
-    color: var(--ax-colors-fg-default-inverse);
-  }
-  ._100494o:active:not([data-disabled], [data-loading]) {
-    background-color: var(--b8lrpm);
-  }
-  ._100494o:hover:not(:active, [data-disabled], [data-loading]) {
-    background-color: var(--_18z3umv);
-  }
-  ._100494o[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(--ccr2fk) - 1px);
-  }
-  ._1aibwtq {
-    background-color: transparent;
-    border-color: var(--_1ap68hl);
-    color: var(--_47idoo, var(--_1ap68hl));
-  }
-  ._1aibwtq:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--_1gjzp62);
-  }
-  ._1aibwtq:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--oqpjdq);
-  }
-  ._1aibwtq:is([data-state="active"], [data-state="on"]) {
-    background-color: var(--ax-colors-bg-accent-subtle);
-    color: var(--ax-colors-fg-accent);
-  }
-  ._1aibwtq[data-disabled]:not([data-loading]) {
-    color: var(--ax-colors-fg-disabled);
-  }
-  .tt7j9e {
-    --ccr2fk: 4px;
-  }
-  ._1hzi9b {
-    --ccr2fk: 8px;
-  }
-  .mpz3pe {
-    --ccr2fk: 12px;
-  }
-  .ga6pot {
-    left: 0;
-    position: absolute;
-    right: 0;
-  }
-}

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

@@ -1,9 +0,0 @@
-@layer optiaxiom._52sfgs;
-@layer optiaxiom._52sfgs {
-  ._1nq8kos {
-    opacity: 1;
-  }
-  .hqsi6j[data-loading] ._1nq8kos {
-    opacity: 0;
-  }
-}

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

@@ -1,18 +0,0 @@
-@layer optiaxiom._52sfgs;
-@layer optiaxiom._52sfgs {
-  ._1rh01x0 {
-    display: none;
-  }
-  ._17mjtxk:has(._1forvsg:checked) ._1rh01x0 {
-    display: block;
-  }
-  ._1tl0ibf {
-    background-color: var(--ax-colors-bg-default);
-    border-color: var(--af2ax5);
-    border-width: 1px;
-  }
-  ._17mjtxk:has(._1forvsg:checked) ._1tl0ibf {
-    background-color: var(--af2ax5);
-    border-width: 0;
-  }
-}