@optiaxiom/react 0.12.1 → 0.12.3

package/dist/{packages → esm/packages}/react/src/toggle-input-control/ToggleInputControl-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
-import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-BgJJG2w1.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-DWjnMxMo.css';
-import './../../../../assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-X7r8qT4_.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
+import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-Uzeu57xv.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BWOKluYb.css';
+import './../../../../assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-OvUXfGMV.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['et1u96']});
+var control = recipeRuntime({base:['qe2gjo']});
 
 export { control };

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

@@ -0,0 +1,6 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
+import './../../../../assets/src/avatar-group/AvatarGroup.css.ts.vanilla-Uzeu57xv.css';
+
+var className = '_7wp0f';
+
+export { className };

package/dist/{packages → esm/packages}/react/src/tooltip-content/TooltipContent-css.js

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-xcn_ZlL-.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.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/esm/packages/react/src/transition/Transition-css.js

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Cd9ocVF0.css';
+import './../../../../assets/src/transition/Transition.css.ts.vanilla-BEDqm8-d.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var transition = recipeRuntime({base:'cutdj1',variants:{duration:{sm:'_1xrwqtq',md:'_1420zmm',lg:'fb12qj'},type:{fade:'o4mzmi',pop:'_1b1nxhc',slide:'b3vt3q'}}});
+
+export { transition };

package/dist/{unstable.js → esm/unstable.js}

@@ -42,7 +42,6 @@ export { DateInput } from './packages/react/src/date-input/DateInput.js';
 export { Highlight } from './packages/react/src/highlight/Highlight.js';
 export { InlineInput } from './packages/react/src/inline-input/InlineInput.js';
 export { NavGroup } from './packages/react/src/nav-group/NavGroup.js';
-export { NavGroupContent } from './packages/react/src/nav-group-content/NavGroupContent.js';
 export { NavGroupLabel } from './packages/react/src/nav-group-label/NavGroupLabel.js';
 export { NavSeparator } from './packages/react/src/nav-separator/NavSeparator.js';
 export { Pill } from './packages/react/src/pill/Pill.js';

package/dist/index.d.ts

@@ -794,6 +794,10 @@ declare const Field: react.ForwardRefExoticComponent<{
      * The label of the field.
      */
     label?: ReactNode;
+    /**
+     * Override the default generated label ID used for associating the controls to the label.
+     */
+    labelId?: string;
     /**
      * Display an asterisk for required inputs.
      */
@@ -1228,6 +1232,11 @@ declare const NavItem: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "color" | "className" | "aria-label"> & react.RefAttributes<HTMLButtonElement>>;
 
+declare const NavList: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLUListElement>>;
+
 type PaginationProps = BoxProps<"nav", {
     /**
      * The default active page in uncontrolled mode.
@@ -1655,4 +1664,4 @@ declare namespace TransitionGroup {
     var displayName: string;
 }
 
-export { Alert, AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogFooter, AlertDialogHeader, AlertDialogTrigger, AngleMenuButton, Avatar, AvatarGroup, AxiomProvider, Badge, Banner, BoxProps, Button, ButtonGroup, type ButtonProps, Checkbox, Code, Dialog, DialogBody, DialogClose, DialogFooter, DialogForm, DialogHeader, DialogTrigger, Disclosure, DisclosureContent, DisclosureTrigger, Drawer, DrawerActions, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EllipsisMenuButton, Field, FieldLabel, Flex, Grid, Heading, type HeadingProps, Indicator, Input, InputAddon, InputControl, type InputControlProps, InputRoot, Kbd, Listbox, ListboxCheckboxItem, ListboxEmpty, ListboxFooter, ListboxGroup, ListboxItem, ListboxItemIndicator, type ListboxItemProps, ListboxLabel, ListboxRadioItem, ListboxScrollArea, ListboxSeparator, ModalLayer, Nav, NavAccountItem, type NavAccountItemProps, NavBody, NavFooter, NavHeader, NavItem, type NavItemProps, Pagination, type PaginationProps, Paper, Popover, PopoverAnchor, PopoverTrigger, Progress, Radio, RadioGroup, SearchInput, SegmentedControl, SegmentedControlItem, Separator, Sidebar, SidebarToggle, type SidebarToggleProps, Skeleton, Spinner, Sprinkles, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Text, type TextProps, Textarea, ThemeProvider, Toast, ToastAction, ToastProvider, ToastTitle, ToggleButton, Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger, TransitionGlobalConfig, TransitionGroup, extractBoxProps, layers_css as layers, sprinklesMerge };
+export { Alert, AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogFooter, AlertDialogHeader, AlertDialogTrigger, AngleMenuButton, Avatar, AvatarGroup, AxiomProvider, Badge, Banner, BoxProps, Button, ButtonGroup, type ButtonProps, Checkbox, Code, Dialog, DialogBody, DialogClose, DialogFooter, DialogForm, DialogHeader, DialogTrigger, Disclosure, DisclosureContent, DisclosureTrigger, Drawer, DrawerActions, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EllipsisMenuButton, Field, FieldLabel, Flex, Grid, Heading, type HeadingProps, Indicator, Input, InputAddon, InputControl, type InputControlProps, InputRoot, Kbd, Listbox, ListboxCheckboxItem, ListboxEmpty, ListboxFooter, ListboxGroup, ListboxItem, ListboxItemIndicator, type ListboxItemProps, ListboxLabel, ListboxRadioItem, ListboxScrollArea, ListboxSeparator, ModalLayer, Nav, NavAccountItem, type NavAccountItemProps, NavBody, NavFooter, NavHeader, NavItem, type NavItemProps, NavList, Pagination, type PaginationProps, Paper, Popover, PopoverAnchor, PopoverTrigger, Progress, Radio, RadioGroup, SearchInput, SegmentedControl, SegmentedControlItem, Separator, Sidebar, SidebarToggle, type SidebarToggleProps, Skeleton, Spinner, Sprinkles, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Text, type TextProps, Textarea, ThemeProvider, Toast, ToastAction, ToastProvider, ToastTitle, ToggleButton, Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger, TransitionGlobalConfig, TransitionGroup, extractBoxProps, layers_css as layers, sprinklesMerge };

package/dist/unstable.d.ts

@@ -563,17 +563,14 @@ declare const InlineInput: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "defaultValue" | "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const NavGroup: react.ForwardRefExoticComponent<{
+declare const NavGroup: react.ForwardRefExoticComponent<Omit<{
     defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    open?: boolean;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
-
-declare const NavGroupContent: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<RadixCollapsible.CollapsibleProps & react.RefAttributes<HTMLDivElement>, "ref">, "onOpenChange" | "open" | "defaultOpen" | "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLLIElement>>;
 
 declare const NavGroupLabel: react.ForwardRefExoticComponent<Omit<{
     addonAfter?: react.ReactNode;
@@ -892,4 +889,4 @@ declare const TableRow: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkl
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTableRowElement>>;
 
-export { Autocomplete, AutocompleteContent, AutocompleteEmpty, AutocompleteItem, AutocompleteRadioItem, AutocompleteTrigger, AutocompleteVirtualized, Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, Calendar, Card, CardCheckbox, CardContent, CardDescription, CardImage, CardOverflow, CardTitle, Combobox, ComboboxCheckboxItem, ComboboxContent, ComboboxEmpty, ComboboxFooter, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxRadioItem, ComboboxScrollArea, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandInput, CommandItem, CommandListbox, DataTable, DataTableHeaderCell, DateInput, Highlight, InlineInput, NavGroup, NavGroupContent, NavGroupLabel, NavSeparator, Pill, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRadioItem, SelectSeparator, SelectTrigger, SelectValue, Spotlight, SpotlightContent, SpotlightEmpty, SpotlightInput, SpotlightItem, SpotlightLabel, SpotlightRadioItem, SpotlightScrollArea, SpotlightSub, SpotlightSubItem, SpotlightTrigger, SubNav, Table, TableBody, TableCell, TableHeader, TableHeaderCell, TableRow };
+export { Autocomplete, AutocompleteContent, AutocompleteEmpty, AutocompleteItem, AutocompleteRadioItem, AutocompleteTrigger, AutocompleteVirtualized, Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, Calendar, Card, CardCheckbox, CardContent, CardDescription, CardImage, CardOverflow, CardTitle, Combobox, ComboboxCheckboxItem, ComboboxContent, ComboboxEmpty, ComboboxFooter, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxRadioItem, ComboboxScrollArea, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandInput, CommandItem, CommandListbox, DataTable, DataTableHeaderCell, DateInput, Highlight, InlineInput, NavGroup, NavGroupLabel, NavSeparator, Pill, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRadioItem, SelectSeparator, SelectTrigger, SelectValue, Spotlight, SpotlightContent, SpotlightEmpty, SpotlightInput, SpotlightItem, SpotlightLabel, SpotlightRadioItem, SpotlightScrollArea, SpotlightSub, SpotlightSubItem, SpotlightTrigger, SubNav, Table, TableBody, TableCell, TableHeader, TableHeaderCell, TableRow };

package/package.json

@@ -7,7 +7,7 @@
     "url": "https://github.com/optimizely-axiom/optiaxiom.git"
   },
   "type": "module",
-  "version": "0.12.1",
+  "version": "0.12.3",
   "files": [
     "dist/**",
     "LICENSE"
@@ -15,11 +15,13 @@
   "license": "Apache-2.0",
   "exports": {
     ".": {
-      "import": "./dist/index.js",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js",
       "types": "./dist/index.d.ts"
     },
     "./unstable": {
-      "import": "./dist/unstable.js",
+      "import": "./dist/esm/unstable.js",
+      "require": "./dist/cjs/unstable.js",
       "types": "./dist/unstable.d.ts"
     }
   },
@@ -63,7 +65,7 @@
     "react-day-picker": "^9.5.1",
     "react-remove-scroll": "^2.6.3",
     "use-sync-external-store": "^1.4.0",
-    "@optiaxiom/globals": "^0.7.1"
+    "@optiaxiom/globals": "^0.7.2"
   },
   "devDependencies": {
     "@emotion/hash": "^0.9.2",

package/dist/assets/src/alert-dialog-content/AlertDialogContent.css.ts.vanilla-DBmOaykK.css

@@ -1,27 +0,0 @@
-@layer optiaxiom._107fbc8;
-@layer optiaxiom._107fbc8 {
-  ._1tpleau {
-    opacity: 0;
-  }
-  ._7bwmi9 {
-    inset: 0;
-    position: fixed;
-  }
-  .hw00jk {
-    max-height: 50dvh;
-    max-width: calc(100dvw - 2 * 24px);
-    transform: 
-      translateY(calc(1rem * var(--_16u44nr)))
-      scale(calc(1 - 0.06 * var(--_16u44nr)))
-    ;
-  }
-  ._1w9q1ny {
-    width: 400px;
-  }
-  .nqfoxu {
-    width: 600px;
-  }
-  ._1kcca6a {
-    width: 800px;
-  }
-}

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

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

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

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

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

@@ -1,27 +0,0 @@
-@layer optiaxiom._107fbc8;
-@layer optiaxiom._107fbc8 {
-  .x8naul {
-    user-select: none;
-  }
-  ._1una6i4 .x8naul {
-    border: 1px solid var(--ax-colors-bg-default);
-  }
-  ._1una6i4 ._105wzw:not(:first-child) {
-    margin-left: -3px;
-  }
-  ._1una6i4 .qkecsd:not(:first-child) {
-    margin-left: -5px;
-  }
-  ._1una6i4 ._77cv99:not(:first-child) {
-    margin-left: -7px;
-  }
-  ._1una6i4 .urksel:not(:first-child) {
-    margin-left: -9px;
-  }
-  ._1una6i4 ._9csxfz:not(:first-child) {
-    margin-left: -11px;
-  }
-  ._1una6i4 .tt9tsl:not(:first-child) {
-    margin-left: -13px;
-  }
-}

package/dist/assets/src/avatar-group/AvatarGroup.css.ts.vanilla-BgJJG2w1.css

@@ -1,4 +0,0 @@
-@layer optiaxiom._107fbc8;
-@layer optiaxiom._107fbc8 {
-
-}

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

@@ -1,46 +0,0 @@
-@layer optiaxiom._107fbc8;
-@layer optiaxiom._107fbc8 {
-  ._1nfcb50 {
-    --_17nmolb: var(--ax-colors-fg-white);
-  }
-  ._1xhefih {
-    --w0gce3: var(--ax-colors-bg-error);
-    --_1nrig4t: var(--ax-colors-bg-error-subtle);
-    --_1etcrma: var(--ax-colors-fg-error-strong);
-  }
-  .wavtly {
-    --w0gce3: var(--ax-colors-bg-information);
-    --_1nrig4t: var(--ax-colors-bg-information-subtle);
-    --_1etcrma: var(--ax-colors-fg-information-strong);
-  }
-  ._2jepm0 {
-    --w0gce3: var(--ax-colors-bg-tertiary);
-    --_17nmolb: var(--ax-colors-fg-default);
-    --_1nrig4t: var(--ax-colors-bg-secondary);
-    --_1etcrma: var(--ax-colors-fg-secondary);
-  }
-  .xc1z4p {
-    --w0gce3: var(--ax-colors-bg-accent);
-    --_1nrig4t: var(--ax-colors-bg-accent-subtle);
-    --_1etcrma: var(--ax-colors-fg-accent-strong);
-  }
-  .qgn4ie {
-    --w0gce3: var(--ax-colors-bg-success);
-    --_1nrig4t: var(--ax-colors-bg-success-subtle);
-    --_1etcrma: var(--ax-colors-fg-success-strong);
-  }
-  ._1f0892s {
-    --w0gce3: var(--ax-colors-bg-warning);
-    --_17nmolb: var(--ax-colors-fg-warning-inverse);
-    --_1nrig4t: var(--ax-colors-bg-warning-subtle);
-    --_1etcrma: var(--ax-colors-fg-warning-strong);
-  }
-  .olv1kn {
-    background-color: var(--_1nrig4t);
-    color: var(--_1etcrma);
-  }
-  ._10xv591 {
-    background-color: var(--w0gce3);
-    color: var(--_17nmolb);
-  }
-}

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

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

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

@@ -1,147 +0,0 @@
-@layer optiaxiom._107fbc8;
-@layer optiaxiom._107fbc8 {
-  ._1gkx6fn {
-    border-radius: var(--ax-borderRadius-md);
-    padding-inline: var(--eeu30g);
-    position: relative;
-    text-decoration: none;
-    user-select: none;
-  }
-  ._1gkx6fn:is(:focus-visible, :has(:focus-visible)):not([data-disabled], [data-loading]) {
-    outline: 2px solid var(--ax-colors-border-focus);
-    outline-offset: 1px;
-    z-index: 10;
-  }
-  .e2quig[data-orientation="horizontal"] > ._1gkx6fn:not(:first-child):not(:last-child),.e2quig[data-orientation="horizontal"] > :not(:first-child):not(:last-child) ._1gkx6fn {
-    border-inline-width: 0.5px;
-  }
-  .e2quig[data-orientation="horizontal"] > ._1gkx6fn:not(:only-child):first-child,.e2quig[data-orientation="horizontal"] > :not(:only-child):first-child ._1gkx6fn {
-    border-bottom-right-radius: 0;
-    border-right-width: 0.5px;
-    border-top-right-radius: 0;
-  }
-  .e2quig[data-orientation="horizontal"] > ._1gkx6fn:not(:only-child):last-child,.e2quig[data-orientation="horizontal"] > :not(:only-child):last-child ._1gkx6fn {
-    border-bottom-left-radius: 0;
-    border-left-width: 0.5px;
-    border-top-left-radius: 0;
-  }
-  .e2quig[data-orientation="vertical"] > ._1gkx6fn:not(:first-child):not(:last-child),.e2quig[data-orientation="vertical"] > :not(:first-child):not(:last-child) ._1gkx6fn {
-    border-block-width: 0.5px;
-  }
-  .e2quig[data-orientation="vertical"] > ._1gkx6fn:not(:only-child):first-child,.e2quig[data-orientation="vertical"] > :not(:only-child):first-child ._1gkx6fn {
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-    border-bottom-width: 0.5px;
-  }
-  .e2quig[data-orientation="vertical"] > ._1gkx6fn:not(:only-child):last-child,.e2quig[data-orientation="vertical"] > :not(:only-child):last-child ._1gkx6fn {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-    border-top-width: 0.5px;
-  }
-  .e2quig[data-orientation] > ._1gkx6fn:not(:first-child):not(:last-child),.e2quig[data-orientation] > :not(:first-child):not(:last-child) ._1gkx6fn {
-    border-radius: 0;
-  }
-  ._1ieks9d {
-    --odm13f: var(--ax-colors-bg-error);
-    --_1wvmxc: var(--ax-colors-bg-error-hovered);
-    --z7yr7m: var(--ax-colors-bg-error-pressed);
-    --_1ciczy2: var(--ax-colors-bg-error-subtlest);
-    --_1xosxhu: var(--ax-colors-bg-error-subtle);
-  }
-  ._1pbh8lb {
-    --odm13f: var(--ax-colors-bg-default-inverse);
-    --_1wvmxc: var(--ax-colors-bg-default-inverse-hovered);
-    --z7yr7m: var(--ax-colors-bg-default-inverse-pressed);
-    --_87rqk2: var(--ax-colors-fg-default-inverse);
-    --_1ciczy2: var(--ax-colors-bg-page);
-    --d0h75j: var(--ax-colors-border-tertiary);
-    --se9iis: var(--ax-colors-border-tertiary);
-    --_1xosxhu: var(--ax-colors-bg-secondary);
-    --_1q1n6mi: var(--ax-colors-fg-default);
-    --_1bhab52: var(--ax-colors-bg-default-hovered);
-    --_17b2a42: var(--ax-colors-bg-default-pressed);
-  }
-  ._55bpdd {
-    --odm13f: var(--ax-colors-bg-accent);
-    --_1wvmxc: var(--ax-colors-bg-accent-hovered);
-    --z7yr7m: var(--ax-colors-bg-accent-pressed);
-    --_1ciczy2: var(--ax-colors-bg-accent-subtle);
-    --_1xosxhu: var(--ax-colors-bg-accent-light);
-  }
-  ._1u45b34 {
-    min-width: fit-content;
-  }
-  .otiy7n {
-    background-color: var(--ax-colors-bg-default);
-    border: 1px solid var(--se9iis, var(--odm13f));
-    color: var(--_1q1n6mi, var(--odm13f));
-    padding-inline: calc(var(--eeu30g) - 1px);
-  }
-  .otiy7n:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--_1xosxhu);
-    border-color: var(--d0h75j, var(--_1wvmxc));
-  }
-  .otiy7n: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);
-  }
-  .otiy7n[data-disabled]:not([data-loading]) {
-    border-color: var(--ax-colors-border-disabled);
-    color: var(--ax-colors-fg-disabled);
-  }
-  ._1i6efz8 {
-    background-color: var(--odm13f);
-    color: var(--_87rqk2, var(--ax-colors-fg-white));
-  }
-  ._1i6efz8:active:not([data-disabled], [data-loading]) {
-    background-color: var(--z7yr7m);
-  }
-  ._1i6efz8[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(--eeu30g) - 1px);
-  }
-  ._68ql6d {
-    background-color: transparent;
-    border-color: var(--odm13f);
-    color: var(--_1q1n6mi, var(--odm13f));
-  }
-  ._68ql6d:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--_17b2a42, var(--_1xosxhu));
-  }
-  ._68ql6d:is([data-state="active"], [data-state="on"]) {
-    background-color: var(--ax-colors-bg-accent-subtle);
-    color: var(--ax-colors-fg-accent);
-  }
-  ._68ql6d[data-disabled]:not([data-loading]) {
-    color: var(--ax-colors-fg-disabled);
-  }
-  ._1mz3rt4 {
-    --eeu30g: 4px;
-  }
-  ._18errvp {
-    --eeu30g: 8px;
-  }
-  .lkb33g {
-    --eeu30g: 12px;
-  }
-  ._16t8sq8 {
-    left: 0;
-    position: absolute;
-    right: 0;
-  }
-  @media (hover: hover) {
-    .otiy7n:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-      background-color: var(--_1ciczy2);
-      border-color: var(--d0h75j, var(--_1wvmxc));
-    }
-    ._1i6efz8:hover:not(:active, [data-disabled], [data-loading]) {
-      background-color: var(--_1wvmxc);
-    }
-    ._68ql6d:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-      background-color: var(--_1bhab52, var(--_1ciczy2));
-    }
-  }
-}

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

@@ -1,9 +0,0 @@
-@layer optiaxiom._107fbc8;
-@layer optiaxiom._107fbc8 {
-  .mqif70 {
-    opacity: 1;
-  }
-  ._1yvlfn0[data-loading] .mqif70 {
-    opacity: 0;
-  }
-}

package/dist/assets/src/calendar/CalendarDayButton.css.ts.vanilla-CUUTx8Jk.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._107fbc8;
-@layer optiaxiom._107fbc8 {
-  .opsur {
-    opacity: 0.6;
-  }
-}

package/dist/assets/src/calendar/CalendarMonths.css.ts.vanilla-w1O5QHbX.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._107fbc8;
-@layer optiaxiom._107fbc8 {
-  ._1yn9zy2 {
-    position: relative;
-  }
-}

package/dist/assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla--u5FE0aq.css

@@ -1,7 +0,0 @@
-@layer optiaxiom._107fbc8;
-@layer optiaxiom._107fbc8 {
-  .v70pl2 {
-    position: absolute;
-    right: 0;
-  }
-}

package/dist/assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-eaPm9Eu9.css

@@ -1,7 +0,0 @@
-@layer optiaxiom._107fbc8;
-@layer optiaxiom._107fbc8 {
-  .g4v075 {
-    left: 0;
-    position: absolute;
-  }
-}

package/dist/assets/src/card/Card.css.ts.vanilla-BuTlwQj7.css

@@ -1,14 +0,0 @@
-@layer optiaxiom._107fbc8;
-@layer optiaxiom._107fbc8 {
-  .f4jas2 {
-    --_1kopaay: var(--ax-borderRadius-lg);
-    border-radius: var(--ax-borderRadius-lg);
-    position: relative;
-  }
-  .f4jas2:has(
-        ._13lrn0z[data-overlay]:not([data-disabled]):active,
-        undefined input:not([disabled]):active
-      ) {
-    transform: scale(0.97);
-  }
-}

package/dist/assets/src/card/Card.css.ts.vanilla-Bv7zejRh.css

@@ -1,14 +0,0 @@
-@layer optiaxiom._107fbc8;
-@layer optiaxiom._107fbc8 {
-  .f4jas2 {
-    --_1kopaay: var(--ax-borderRadius-lg);
-    border-radius: var(--ax-borderRadius-lg);
-    position: relative;
-  }
-  .f4jas2:has(
-        ._13lrn0z[data-overlay]:not([data-disabled]):active,
-        ._1yrb2r9 input:not([disabled]):active
-      ) {
-    transform: scale(0.97);
-  }
-}

package/dist/assets/src/card-image/CardImage.css.ts.vanilla-BmI8cxvJ.css

@@ -1,12 +0,0 @@
-@layer optiaxiom._107fbc8;
-@layer optiaxiom._107fbc8 {
-  .tvp61s {
-    object-fit: cover;
-  }
-  ._162b98e {
-    aspect-ratio: 1;
-  }
-  .oe1hmn {
-    aspect-ratio: 2;
-  }
-}

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

@@ -1,10 +0,0 @@
-@layer optiaxiom._107fbc8;
-@layer optiaxiom._107fbc8 {
-  ._1iabexy {
-    font-size: 0.9em;
-    font-variant-ligatures: none;
-  }
-  ._1iabexy::after, ._1iabexy::before {
-    content: "`";
-  }
-}

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

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

package/dist/assets/src/dialog-header/DialogHeader.css.ts.vanilla-CFcql3jI.css

@@ -1,15 +0,0 @@
-@layer optiaxiom._107fbc8;
-@layer optiaxiom._107fbc8 {
-  .pkgee5 {
-    order: 3;
-  }
-  ._1dgsnf9 {
-    order: 1;
-  }
-  ._1bhfbjb {
-    order: 2;
-  }
-  ._4em622 {
-    order: 4;
-  }
-}

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

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

package/dist/assets/src/drawer-description/DrawerDescription.css.ts.vanilla-CvKcovQs.css

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

package/dist/assets/src/drawer-title/DrawerTitle.css.ts.vanilla-CLGLl0zi.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._107fbc8;
-@layer optiaxiom._107fbc8 {
-  .t6btdz {
-    order: 1;
-  }
-}

package/dist/assets/src/highlight/Highlight.css.ts.vanilla-_aRp6QYI.css

@@ -1,7 +0,0 @@
-@layer optiaxiom._107fbc8;
-@layer optiaxiom._107fbc8 {
-  .efems8 {
-    background-color: transparent;
-    color: inherit;
-  }
-}

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

@@ -1,37 +0,0 @@
-@layer optiaxiom._107fbc8;
-@layer optiaxiom._107fbc8 {
-  .kmn00p {
-    position: relative;
-  }
-  ._182xg32 {
-    --_1elltyz: 2px;
-    --_1d9y894: 50%;
-    position: absolute;
-    right: var(--_1elltyz);
-  }
-  ._1nwqezg {
-    --_1elltyz: 0;
-    --_1d9y894: 0;
-  }
-  .wiv9cj {
-    bottom: var(--_1elltyz);
-    transform: translate(var(--_1d9y894), var(--_1d9y894));
-  }
-  ._1qact43 {
-    top: var(--_1elltyz);
-    transform: translate(var(--_1d9y894), calc(-1 * var(--_1d9y894)));
-  }
-  ._1jvcf48 {
-    position: relative;
-    user-select: none;
-  }
-  ._1jvcf48:empty {
-    aspect-ratio: 1;
-  }
-  ._15hmahz:not(:empty) {
-    min-width: 16px;
-  }
-  .pnlh7y {
-    position: absolute;
-  }
-}