@optiaxiom/react 0.7.7 → 0.7.8

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
-import './../../../../assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-k66pAeiv.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
+import './../../../../assets/src/textarea-autosize/TextareaAutosize.css.ts.vanilla-Z4QPjT5e.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var shadow = recipeRuntime({base:['_1sah0in','_1sikmhd']});
-var textarea = recipeRuntime({base:['_1sah0in','y9mef1']});
-var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['b9z8vz','_1h892cs'],'2':['b9z8vz','abd7l1'],'3':['b9z8vz','ehb19n'],'4':['b9z8vz','ey1ylc'],'5':['b9z8vz','_1bumxin']},resize:{auto:{},none:{},vertical:'xutrzc'}}});
+var shadow = recipeRuntime({base:['_1sf7z82','m5h6uz']});
+var textarea = recipeRuntime({base:['_1sf7z82','_1uwvi94']});
+var wrapper = recipeRuntime({base:{display:'grid',flex:'auto',overflow:'auto'},variants:{maxRows:{'1':['_1g9fp2s','_5aj5d'],'2':['_1g9fp2s','_5o6jye'],'3':['_1g9fp2s','_1eizcdn'],'4':['_1g9fp2s','_155kv95'],'5':['_1g9fp2s','_1g3ih35']},resize:{auto:{},none:{},vertical:'_1rghwls'}}});
 
 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-wEvUFA1y.css';
-import './../../../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-DMWKVWvv.css';
-import './../../../../assets/src/toast/Toast.css.ts.vanilla-C_bD3FgP.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
+import './../../../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-39WVoafB.css';
+import './../../../../assets/src/toast/Toast.css.ts.vanilla-3YuQ0rv-.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'bagiky']});
-var root = recipeRuntime({base:['_1apq73g',{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']},'_1uczs46'],variants:{intent:{danger:'y23mvo',information:'_1spfapq',neutral:'_1hm8l87',success:'_81bin7',warning:'_1m1obvm'}}});
+var icon = recipeRuntime({base:[{alignSelf:'start',mt:'4'},'_652t8t']});
+var root = recipeRuntime({base:['_1mxbmzi',{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']},'_10h0s0m'],variants:{intent:{danger:'_14b57kx',information:'_10cbfw0',neutral:'mjdvbz',success:'ilbose',warning:'j72qw'}}});
 
 export { icon, root };

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

@@ -6,10 +6,10 @@ import { forwardRef, createElement } from 'react';
 import { Box } from '../box/Box.js';
 import { Button } from '../button/Button.js';
 import { Icon } from '../icon/Icon.js';
-import { IconCircleCheckFilled } from '../icons/IconCircleCheckFilled.js';
-import { IconCircleExclamationFilled } from '../icons/IconCircleExclamationFilled.js';
-import { IconCircleInfoFilled } from '../icons/IconCircleInfoFilled.js';
-import { IconTriangleExclamationFilled } from '../icons/IconTriangleExclamationFilled.js';
+import { IconCircleCheckSolid } from '../icons/IconCircleCheckSolid.js';
+import { IconCircleExclamationSolid } from '../icons/IconCircleExclamationSolid.js';
+import { IconCircleInfoSolid } from '../icons/IconCircleInfoSolid.js';
+import { IconTriangleExclamationSolid } from '../icons/IconTriangleExclamationSolid.js';
 import { IconX } from '../icons/IconX.js';
 import { extractSprinkles } from '../sprinkles/extractSprinkles.js';
 import '../sprinkles/sprinkles.js';
@@ -17,11 +17,11 @@ import '../sprinkles/sprinklesMerge.js';
 import { root, icon } from './Toast-css.js';
 
 const mapIntentToIcon = {
-  danger: IconCircleExclamationFilled,
-  information: IconCircleInfoFilled,
-  neutral: IconCircleInfoFilled,
-  success: IconCircleCheckFilled,
-  warning: IconTriangleExclamationFilled
+  danger: IconCircleExclamationSolid,
+  information: IconCircleInfoSolid,
+  neutral: IconCircleInfoSolid,
+  success: IconCircleCheckSolid,
+  warning: IconTriangleExclamationSolid
 };
 const Toast = forwardRef(
   ({ children, intent = "neutral", onOpenChange, open, ...props }, ref) => {

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
-import './../../../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-DMWKVWvv.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
+import './../../../../assets/src/toast-provider/ToastProvider.css.ts.vanilla-39WVoafB.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'},'_1l5s45h'],variants:{position:{bottom:'lm2qoc','bottom-left':'s2qosa','bottom-right':'_4qo9nq',top:'eha3li','top-left':'dc963s','top-right':'_1wbmnxq'}}});
+var viewport = recipeRuntime({base:[{gap:'md',justifyContent:'normal',maxH:'full',overflowX:'hidden',overflowY:'auto',p:'24',w:['full','384'],z:'toast'},'do6hgi'],variants:{position:{bottom:'_1avplep','bottom-left':'_1i754q6','bottom-right':'_1yl53uu',top:'_1slwcis','top-left':'yva75w','top-right':'tsp5wi'}}});
 
 export { viewport };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-DPVF9K5Q.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BKCyAUcg.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-ulBg-QS9.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-CZbdcPZG.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var toggleInput = recipeRuntime({base:['_93x5f5',{alignItems:'start',flexDirection:'row',gap:'xs'},'oynn8h']});
+var toggleInput = recipeRuntime({base:['_1510uxy',{alignItems:'start',flexDirection:'row',gap:'xs'},'_1y2v0zp']});
 
 export { toggleInput };

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

@@ -1,7 +1,7 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { Slot } from '@radix-ui/react-slot';
-import { useId } from '@reach/auto-id';
+import { useId } from '../../../../node_modules/.pnpm/@reach_auto-id@0.18.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@reach/auto-id/dist/reach-auto-id.js';
 import { forwardRef } from 'react';
 import { Flex } from '../flex/Flex.js';
 import { extractSprinkles } from '../sprinkles/extractSprinkles.js';

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-DPVF9K5Q.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BKCyAUcg.css';
-import './../../../../assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-Cy4Ya604.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-ulBg-QS9.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-CZbdcPZG.css';
+import './../../../../assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-Bo62w97t.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['mom54i']});
+var control = recipeRuntime({base:['mlz5yf']});
 
 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-wEvUFA1y.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-DPVF9K5Q.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-ulBg-QS9.css';
 
-var className = '_1ifr8in';
+var className = 'zp8b93';
 
 export { className };

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.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-wEvUFA1y.css';
-import './../../../../assets/src/transition/Transition.css.ts.vanilla-CI9Uwdhw.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BHmPmZ47.css';
+import './../../../../assets/src/transition/Transition.css.ts.vanilla-DKBfldyM.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var transition = recipeRuntime({base:'_1hrqdyg',variants:{duration:{sm:'in8d0p',md:'_1pdvpxt',lg:'_12hpsz0'},type:{fade:'p1izuj',pop:'rn99ej'}}});
+var transition = recipeRuntime({base:'ajsus7',variants:{duration:{sm:'_118kr6h',md:'_1xicvx4',lg:'_8s4pmv'},type:{fade:'_16gmplh',pop:'_1yt2hb2'}}});
 var transitionDuration = {sm:150,md:250,lg:400};
 
 export { transition, transitionDuration };

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

@@ -1,8 +1,8 @@
-import { useMediaQuery } from '@mantine/hooks';
 import { conditions } from '../utils/conditions.js';
 import '@radix-ui/react-slot';
 import 'react';
 import 'react/jsx-runtime';
+import { useMediaQuery } from '../../../../node_modules/.pnpm/@mantine_hooks@7.14.3_react@18.3.1/node_modules/@mantine/hooks/esm/use-media-query/use-media-query.js';
 
 const list = ["lg", "md", "sm"];
 const useResponsiveMatches = (config) => {

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

@@ -0,0 +1,14 @@
+function onReactSelectInputBlur(event) {
+  const { relatedTarget, target } = event;
+  if (isReactSelectInput(target) && isNonDialogElement(relatedTarget)) {
+    relatedTarget.focus();
+  }
+}
+function isNonDialogElement(element) {
+  return element instanceof HTMLElement && element.role !== "dialog";
+}
+function isReactSelectInput(element) {
+  return element instanceof HTMLElement && element.id.startsWith("react-select-") && element.id.endsWith("-input") && element.localName === "input";
+}
+
+export { onReactSelectInputBlur };

package/dist/unstable.d.ts

@@ -3,7 +3,7 @@ import { UseComboboxProps, UseSelectProps } from 'downshift';
 import * as react from 'react';
 import { ReactNode, ComponentPropsWithoutRef, ReactElement } 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, R as ResponsiveArray, D as DialogContent, P as PopoverContent } from './PopoverContent-DuKPd7E1.js';
+import { S as Sprinkles, B as BoxProps, L as Link, M as MenuListbox, T as Transition, R as ResponsiveArray, D as DialogContent, P as PopoverContent } from './PopoverContent-DqKMUggl.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';
@@ -199,6 +199,11 @@ declare const ComboboxPopoverContent: react.ForwardRefExoticComponent<Omit<{
 type ComboboxContentProps = ComponentPropsWithoutRef<typeof ComboboxDialogContent | typeof ComboboxPopoverContent>;
 declare const ComboboxContent: react.ForwardRefExoticComponent<ComboboxContentProps & react.RefAttributes<HTMLDivElement>>;
 
+declare const ComboboxEmpty: react.ForwardRefExoticComponent<Omit<Omit<NonNullable<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
 declare const ComboboxFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<Omit<NonNullable<{
     asChild?: boolean;
     className?: string;
@@ -208,11 +213,6 @@ declare const ComboboxFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omi
     ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
 }, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const ComboboxEmpty: react.ForwardRefExoticComponent<Omit<Omit<NonNullable<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
 declare const ComboboxGroup: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<{
     asChild?: boolean;
     className?: string;

package/dist/unstable.js

@@ -12,8 +12,8 @@ export { BreadcrumbPage } from './packages/react/src/breadcrumb-page/BreadcrumbP
 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';
-export { ComboboxFooter } from './packages/react/src/combobox-empty/ComboboxEmpty.js';
-export { ComboboxEmpty } from './packages/react/src/combobox-footer/ComboboxFooter.js';
+export { ComboboxEmpty } from './packages/react/src/combobox-empty/ComboboxEmpty.js';
+export { ComboboxFooter } from './packages/react/src/combobox-footer/ComboboxFooter.js';
 export { ComboboxGroup } from './packages/react/src/combobox-group/ComboboxGroup.js';
 export { ComboboxInput } from './packages/react/src/combobox-input/ComboboxInput.js';
 export { ComboboxItem } from './packages/react/src/combobox-item/ComboboxItem.js';

package/package.json

@@ -7,7 +7,7 @@
     "url": "https://github.com/optimizely-axiom/optiaxiom.git"
   },
   "type": "module",
-  "version": "0.7.7",
+  "version": "0.7.8",
   "files": [
     "dist/**",
     "LICENSE"
@@ -28,7 +28,6 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@mantine/hooks": "^7.14.3",
     "@radix-ui/react-alert-dialog": "^1.1.2",
     "@radix-ui/react-arrow": "^1.1.0",
     "@radix-ui/react-avatar": "^1.1.1",
@@ -56,16 +55,17 @@
     "@radix-ui/react-tooltip": "^1.1.4",
     "@radix-ui/react-use-controllable-state": "^1.1.0",
     "@radix-ui/react-visually-hidden": "^1.1.0",
-    "@reach/auto-id": "^0.18.0",
     "@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.4.0",
-    "@optiaxiom/globals": "^0.4.3"
+    "@optiaxiom/globals": "^0.4.4"
   },
   "devDependencies": {
     "@emotion/hash": "^0.9.2",
+    "@mantine/hooks": "^7.14.3",
+    "@reach/auto-id": "^0.18.0",
     "@types/node": "^20.17.9",
     "@types/use-sync-external-store": "^0.0.6",
     "@vanilla-extract/css": "^1.16.1",

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

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

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

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

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

@@ -1,28 +0,0 @@
-@layer optiaxiom._12pgibx;
-@layer optiaxiom._12pgibx {
-  .f8sptn {
-    border-radius: var(--ax-borderRadius-full);
-    user-select: none;
-  }
-  .ygvc1v .f8sptn {
-    border: 1px solid var(--ax-colors-bg-default);
-  }
-  .ygvc1v ._1eid8kq:not(:first-child) {
-    margin-left: -3px;
-  }
-  .ygvc1v .d116h0:not(:first-child) {
-    margin-left: -5px;
-  }
-  .ygvc1v ._1pi7gfh:not(:first-child) {
-    margin-left: -7px;
-  }
-  .ygvc1v ._5e985t:not(:first-child) {
-    margin-left: -9px;
-  }
-  .ygvc1v .jbzaxd:not(:first-child) {
-    margin-left: -11px;
-  }
-  .ygvc1v ._1duarq2:not(:first-child) {
-    margin-left: -13px;
-  }
-}

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

@@ -1,46 +0,0 @@
-@layer optiaxiom._12pgibx;
-@layer optiaxiom._12pgibx {
-  ._10904u4 {
-    --_1go78ai: var(--ax-colors-fg-white);
-  }
-  ._2mt8zu {
-    --_11xwatd: var(--ax-colors-bg-error);
-    --_1vtkhlo: var(--ax-colors-bg-error-subtle);
-    --_1g7ssoc: var(--ax-colors-fg-error-strong);
-  }
-  .q5xbhl {
-    --_11xwatd: var(--ax-colors-bg-information);
-    --_1vtkhlo: var(--ax-colors-bg-information-subtle);
-    --_1g7ssoc: var(--ax-colors-fg-information-strong);
-  }
-  ._164ms55 {
-    --_11xwatd: var(--ax-colors-bg-tertiary);
-    --_1go78ai: var(--ax-colors-fg-default);
-    --_1vtkhlo: var(--ax-colors-bg-secondary);
-    --_1g7ssoc: var(--ax-colors-fg-secondary);
-  }
-  ._1rm3pqe {
-    --_11xwatd: var(--ax-colors-bg-accent);
-    --_1vtkhlo: var(--ax-colors-bg-accent-subtle);
-    --_1g7ssoc: var(--ax-colors-fg-accent-strong);
-  }
-  ._1lyd61c {
-    --_11xwatd: var(--ax-colors-bg-success);
-    --_1vtkhlo: var(--ax-colors-bg-success-subtle);
-    --_1g7ssoc: var(--ax-colors-fg-success-strong);
-  }
-  .qlvqa7 {
-    --_11xwatd: var(--ax-colors-bg-warning);
-    --_1go78ai: var(--ax-colors-fg-warning-inverse);
-    --_1vtkhlo: var(--ax-colors-bg-warning-subtle);
-    --_1g7ssoc: var(--ax-colors-fg-warning-strong);
-  }
-  ._15hwc3c {
-    background-color: var(--_1vtkhlo);
-    color: var(--_1g7ssoc);
-  }
-  ._1mjhl35 {
-    background-color: var(--_11xwatd);
-    color: var(--_1go78ai);
-  }
-}

package/dist/assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-Co4ZexSV.css

@@ -1,8 +0,0 @@
-@layer optiaxiom._12pgibx;
-@layer optiaxiom._12pgibx {
-  ._1456rro:not(:first-child)::before {
-    content: "/";
-    color: var(--ax-colors-fg-tertiary);
-    margin-right: 8px;
-  }
-}

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

@@ -1,142 +0,0 @@
-@layer optiaxiom._12pgibx;
-@layer optiaxiom._12pgibx {
-  ._3z71p7 {
-    border-radius: var(--ax-borderRadius-md);
-    padding-inline: var(--_2x0oo8);
-    position: relative;
-    text-decoration: none;
-    user-select: none;
-  }
-  ._3z71p7: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);
-  }
-  ._1bj6x3y[data-orientation="horizontal"] > ._3z71p7:not(:first-child):not(:last-child),._1bj6x3y[data-orientation="horizontal"] > :not(:first-child):not(:last-child) ._3z71p7 {
-    border-inline-width: 0.5px;
-  }
-  ._1bj6x3y[data-orientation="horizontal"] > ._3z71p7:not(:only-child):first-child,._1bj6x3y[data-orientation="horizontal"] > :not(:only-child):first-child ._3z71p7 {
-    border-bottom-right-radius: 0;
-    border-right-width: 0.5px;
-    border-top-right-radius: 0;
-  }
-  ._1bj6x3y[data-orientation="horizontal"] > ._3z71p7:not(:only-child):last-child,._1bj6x3y[data-orientation="horizontal"] > :not(:only-child):last-child ._3z71p7 {
-    border-bottom-left-radius: 0;
-    border-left-width: 0.5px;
-    border-top-left-radius: 0;
-  }
-  ._1bj6x3y[data-orientation="vertical"] > ._3z71p7:not(:first-child):not(:last-child),._1bj6x3y[data-orientation="vertical"] > :not(:first-child):not(:last-child) ._3z71p7 {
-    border-block-width: 0.5px;
-  }
-  ._1bj6x3y[data-orientation="vertical"] > ._3z71p7:not(:only-child):first-child,._1bj6x3y[data-orientation="vertical"] > :not(:only-child):first-child ._3z71p7 {
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-    border-bottom-width: 0.5px;
-  }
-  ._1bj6x3y[data-orientation="vertical"] > ._3z71p7:not(:only-child):last-child,._1bj6x3y[data-orientation="vertical"] > :not(:only-child):last-child ._3z71p7 {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-    border-top-width: 0.5px;
-  }
-  ._1bj6x3y[data-orientation] > ._3z71p7:not(:first-child):not(:last-child),._1bj6x3y[data-orientation] > :not(:first-child):not(:last-child) ._3z71p7 {
-    border-radius: 0;
-  }
-  .z25dpj {
-    min-width: fit-content;
-  }
-  ._8n8l5o {
-    --_1fk7tsz: var(--ax-colors-bg-error);
-    --gf9g4r: var(--ax-colors-bg-error-hovered);
-    --j2niyg: var(--ax-colors-bg-error-pressed);
-    --fymzmw: var(--ax-colors-bg-error-subtlest);
-    --_12e165r: var(--ax-colors-bg-error-subtle);
-  }
-  .s5a412 {
-    --_1fk7tsz: var(--ax-colors-bg-default-inverse);
-    --gf9g4r: var(--ax-colors-bg-default-inverse-hovered);
-    --j2niyg: var(--ax-colors-bg-default-inverse-pressed);
-    --fymzmw: var(--ax-colors-bg-secondary);
-    --zsp2bw: var(--ax-colors-border-default);
-    --r3mc9u: var(--ax-colors-border-default);
-    --_12e165r: var(--ax-colors-bg-secondary-hovered);
-    --_18wvibs: var(--ax-colors-fg-default);
-  }
-  ._1ll9s8q {
-    --_1fk7tsz: var(--ax-colors-bg-accent);
-    --gf9g4r: var(--ax-colors-bg-accent-hovered);
-    --j2niyg: var(--ax-colors-bg-accent-pressed);
-    --fymzmw: var(--ax-colors-bg-accent-subtle);
-    --_12e165r: var(--ax-colors-bg-accent-light);
-  }
-  ._1h5kw1x {
-    background-color: var(--ax-colors-bg-default);
-    border: 1px solid var(--r3mc9u, var(--_1fk7tsz));
-    color: var(--_18wvibs, var(--_1fk7tsz));
-    padding-inline: calc(var(--_2x0oo8) - 1px);
-  }
-  ._1h5kw1x:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--_12e165r);
-    border-color: var(--zsp2bw, var(--gf9g4r));
-  }
-  ._1h5kw1x:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--fymzmw);
-    border-color: var(--zsp2bw, var(--gf9g4r));
-  }
-  ._1h5kw1x: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);
-  }
-  ._1h5kw1x[data-disabled]:not([data-loading]) {
-    border-color: var(--ax-colors-border-disabled);
-    color: var(--ax-colors-fg-disabled);
-  }
-  .tieica {
-    background-color: var(--_1fk7tsz);
-    color: var(--ax-colors-fg-default-inverse);
-  }
-  .tieica:active:not([data-disabled], [data-loading]) {
-    background-color: var(--j2niyg);
-  }
-  .tieica:hover:not(:active, [data-disabled], [data-loading]) {
-    background-color: var(--gf9g4r);
-  }
-  .tieica[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(--_2x0oo8) - 1px);
-  }
-  .hi9t3 {
-    background-color: transparent;
-    border-color: var(--_1fk7tsz);
-    color: var(--_18wvibs, var(--_1fk7tsz));
-  }
-  .hi9t3:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--_12e165r);
-  }
-  .hi9t3:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--fymzmw);
-  }
-  .hi9t3:is([data-state="active"], [data-state="on"]) {
-    background-color: var(--ax-colors-bg-accent-subtle);
-    color: var(--ax-colors-fg-accent);
-  }
-  .hi9t3[data-disabled]:not([data-loading]) {
-    color: var(--ax-colors-fg-disabled);
-  }
-  ._1ukaj7c {
-    --_2x0oo8: 4px;
-  }
-  .aron9z {
-    --_2x0oo8: 8px;
-  }
-  ._16kd90n {
-    --_2x0oo8: 12px;
-  }
-  .t4zgcl {
-    left: 0;
-    position: absolute;
-    right: 0;
-  }
-}

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

@@ -1,9 +0,0 @@
-@layer optiaxiom._12pgibx;
-@layer optiaxiom._12pgibx {
-  .i1uj8w {
-    opacity: 1;
-  }
-  .h1was0[data-loading] .i1uj8w {
-    opacity: 0;
-  }
-}

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

@@ -1,18 +0,0 @@
-@layer optiaxiom._12pgibx;
-@layer optiaxiom._12pgibx {
-  .qmo9ik {
-    display: none;
-  }
-  ._1k3yi16:has(._1fp9ta1:checked) .qmo9ik {
-    display: block;
-  }
-  ._1w6kntq {
-    background-color: var(--ax-colors-bg-default);
-    border-color: var(--_1uq7jz5);
-    border-width: 1px;
-  }
-  ._1k3yi16:has(._1fp9ta1:checked) ._1w6kntq {
-    background-color: var(--_1uq7jz5);
-    border-width: 0;
-  }
-}

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

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

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

@@ -1,7 +0,0 @@
-@layer optiaxiom._12pgibx;
-@layer optiaxiom._12pgibx {
-  .bn6i2q[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-CqbLOTqA.css

@@ -1,24 +0,0 @@
-@layer optiaxiom._12pgibx;
-@layer optiaxiom._12pgibx {
-  ._1qdm9zf {
-    position: sticky;
-    top: 0;
-    z-index: var(--ax-zIndex-20);
-  }
-  ._99k0sp {
-    min-width: var(--_166ompc);
-  }
-  ._1bhuba5 {
-    left: var(--_3z0xzz);
-    position: sticky;
-    z-index: var(--ax-zIndex-20);
-  }
-  ._1u5jj3 {
-    min-width: var(--_166ompc);
-  }
-  ._1kkefka {
-    left: var(--_3z0xzz);
-    position: sticky;
-    z-index: var(--ax-zIndex-10);
-  }
-}

package/dist/assets/src/data-table-header/DataTableHeader.css.ts.vanilla-DOiK0xnf.css

@@ -1,12 +0,0 @@
-@layer optiaxiom._12pgibx;
-@layer optiaxiom._12pgibx {
-  .mng5ib {
-    cursor: default;
-  }
-  ._9nr968 {
-    cursor: pointer;
-  }
-  ._1ihrult:is(:not(:focus-within):not(:hover)) ._1jgjidd {
-    visibility: hidden;
-  }
-}

package/dist/assets/src/dialog-actions/DialogActions.css.ts.vanilla-B8Kg4mjf.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._12pgibx;
-@layer optiaxiom._12pgibx {
-  ._2kj1pw {
-    order: 2;
-  }
-}

package/dist/assets/src/dialog-description/DialogDescription.css.ts.vanilla-DQJjpKKv.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._12pgibx;
-@layer optiaxiom._12pgibx {
-  .thrwgl {
-    order: 3;
-  }
-}

package/dist/assets/src/dialog-title/DialogTitle.css.ts.vanilla-4sWVPrjd.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._12pgibx;
-@layer optiaxiom._12pgibx {
-  .u2alyr {
-    order: 1;
-  }
-}

package/dist/assets/src/drawer-actions/DrawerActions.css.ts.vanilla-E4CNQ4rE.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._12pgibx;
-@layer optiaxiom._12pgibx {
-  ._1xnyzqq {
-    order: 2;
-  }
-}

package/dist/assets/src/drawer-description/DrawerDescription.css.ts.vanilla-BD-2Cxx1.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._12pgibx;
-@layer optiaxiom._12pgibx {
-  ._8up5gf {
-    order: 3;
-  }
-}