@optiaxiom/react 1.1.3 → 1.2.0

package/dist/unstable.d.ts

@@ -1,10 +1,10 @@
 import * as react from 'react';
-import { ComponentPropsWithoutRef, ReactNode, ReactElement, ComponentPropsWithRef } from 'react';
-import { B as BoxProps, S as Sprinkles, L as Link, E as ExcludeProps, C as Checkbox, a as ExtendProps, D as DialogContent, M as MenuListbox, d as PopoverContent, b as ResponsiveArray, P as Popover } from './PopoverContent-sPHGtKup.js';
+import { ComponentPropsWithoutRef, ReactNode, ComponentPropsWithRef, ReactElement } from 'react';
+import { B as BoxProps, S as Sprinkles, L as Link, E as ExcludeProps, C as Checkbox, a as ExtendProps, D as DialogContent, M as MenuListbox, e as PopoverContent, d as ListboxScrollArea, b as ResponsiveArray, P as Popover } from './PopoverContent-CfLfy8ni.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react_day_picker from 'react-day-picker';
 import { Matcher, DateRange } from 'react-day-picker';
-import { UseComboboxProps, UseSelectProps } from 'downshift';
+import { UseComboboxProps } from 'downshift';
 import * as _radix_ui_react_separator from '@radix-ui/react-separator';
 import * as RadixPopover from '@radix-ui/react-popover';
 import { Table as Table$1 } from '@tanstack/table-core';
@@ -193,17 +193,17 @@ type CommandProps<Item> = Pick<UseComboboxProps<Item>, "inputId" | "stateReducer
      */
     isItemDisabled?: UseComboboxProps<Item>["isItemDisabled"];
     /**
-     * The items we want to render.
+     * Return true if item need to be marked as selected.
      */
-    items: UseComboboxProps<Item>["items"];
+    isItemSelected?: (item: Item, index: number) => boolean;
     /**
-     * Return a unique key for each item when the object reference will change during renders.
+     * The items we want to render.
      */
-    itemToKey?: UseComboboxProps<Item>["itemToKey"];
+    items: UseComboboxProps<Item>["items"];
     /**
      * Return a string representation of items if they are objects. Needed to show selected values inside triggers.
      */
-    itemToString?: UseComboboxProps<Item>["itemToString"];
+    itemToLabel?: UseComboboxProps<Item>["itemToString"];
     itemToSubItems?: (value: Item) => Item[] | null;
     /**
      * Handler that is called when input value changes.
@@ -213,9 +213,8 @@ type CommandProps<Item> = Pick<UseComboboxProps<Item>, "inputId" | "stateReducer
      * Handler that is called when an item is selected either via keyboard or mouse.
      */
     onItemSelect?: (value: Item) => void;
-    value?: Item[] | Set<Item>;
 };
-declare function Command<Item>({ children, inputValue: inputValueProp, isItemDisabled, items, itemToKey, itemToString, itemToSubItems, onInputValueChange, onItemSelect, value: valueProp, ...props }: CommandProps<Item>): react_jsx_runtime.JSX.Element;
+declare function Command<Item>({ children, inputValue: inputValueProp, isItemDisabled, isItemSelected, items, itemToLabel, itemToSubItems, onInputValueChange, onItemSelect, ...props }: CommandProps<Item>): react_jsx_runtime.JSX.Element;
 declare namespace Command {
     var displayName: string;
 }
@@ -235,7 +234,7 @@ type ComboboxProps<Item> = ExtendProps<Omit<ComponentPropsWithoutRef<typeof Comm
      */
     open?: boolean;
 }>;
-declare function Combobox<Item>({ children, defaultOpen, inputValue, isItemDisabled, items, itemToKey, itemToString, onInputValueChange, onItemSelect, onOpenChange, open: openProp, value: valueProp, }: ComboboxProps<Item>): react_jsx_runtime.JSX.Element;
+declare function Combobox<Item>({ children, defaultOpen, inputValue, isItemDisabled, isItemSelected, items, itemToLabel, onInputValueChange, onItemSelect, onOpenChange, open: openProp, }: ComboboxProps<Item>): react_jsx_runtime.JSX.Element;
 declare namespace Combobox {
     var displayName: string;
 }
@@ -251,6 +250,7 @@ declare const ComboboxCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<{
 } & {
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
+    "data-highlighted"?: boolean;
     description?: react.ReactNode;
     icon?: react.ReactNode;
 }>, never> & Omit<NonNullable<Sprinkles & {
@@ -335,6 +335,7 @@ declare const ComboboxRadioItem: react.ForwardRefExoticComponent<Omit<Omit<{
 } & {
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
+    "data-highlighted"?: boolean;
     description?: react.ReactNode;
     icon?: react.ReactNode;
 }>, never> & Omit<NonNullable<Sprinkles & {
@@ -342,18 +343,19 @@ declare const ComboboxRadioItem: react.ForwardRefExoticComponent<Omit<Omit<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const ComboboxScrollArea: react.ForwardRefExoticComponent<{
+type ComboboxScrollAreaProps = BoxProps<typeof ListboxScrollArea, {
     /**
      * Whether to show loading spinner inside the menu.
      */
     loading?: boolean;
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<Omit<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "p" | "fontFamily" | "fontSize" | "size" | "animation" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "className"> & react.RefAttributes<HTMLDivElement>>;
+} & ({
+    children: (item: any) => ReactNode;
+    items?: any[];
+} | {
+    children?: ReactNode;
+    items?: never;
+})>;
+declare const ComboboxScrollArea: react.ForwardRefExoticComponent<ComboboxScrollAreaProps & react.RefAttributes<HTMLDivElement>>;
 
 declare const ComboboxSeparator: react.ForwardRefExoticComponent<Omit<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -392,14 +394,6 @@ declare const ComboboxTrigger: react.ForwardRefExoticComponent<Omit<{
     placeholder?: string;
 } & react.RefAttributes<HTMLButtonElement>>;
 
-type ComboboxVirtualizedProps<T = unknown> = BoxProps<"div", {
-    children: (item: T) => ReactNode;
-    items: T[];
-}>;
-declare const ComboboxVirtualized: (<T>(props: ComboboxVirtualizedProps<T>) => ReactElement) & {
-    displayName: string;
-};
-
 declare const CommandInput: react.ForwardRefExoticComponent<Omit<Pick<Omit<Pick<{
     addonPointerEvents?: "auto" | "none";
     inputRef: react.RefObject<HTMLInputElement & HTMLTextAreaElement>;
@@ -1559,22 +1553,32 @@ declare const PillGroup: react.ForwardRefExoticComponent<Omit<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>>;
 
-type SelectProps<Item> = Pick<UseSelectProps<Item>, "isItemDisabled" | "items" | "itemToKey" | "itemToString"> & {
+type SelectProps<Item> = (NoInfer<Item> extends string ? {
+    defaultValue?: NoInfer<Item> | null;
+    itemToValue?: (item: NoInfer<Item> | null) => NoInfer<Item> | null | undefined;
+    onValueChange?: (value: NoInfer<Item> | null) => void;
+    value?: NoInfer<Item> | null;
+} : {
+    defaultValue?: null | string;
+    itemToValue: (item: NoInfer<Item> | null) => null | string | undefined;
+    onValueChange?: (value: null | string) => void;
+    value?: null | string;
+}) & Pick<ComponentPropsWithoutRef<"main">, "onBlur"> & Pick<ComponentPropsWithoutRef<"select">, "name" | "onChange" | "required"> & {
     children?: ReactNode;
     defaultOpen?: boolean;
-    defaultValue?: Item | null;
     disabled?: boolean;
+    isItemDisabled?: (item: NoInfer<Item>, index: number) => boolean;
+    items: Item[];
+    itemToLabel?: (item: NoInfer<Item> | null) => string;
     onOpenChange?: (open: boolean) => void;
-    onValueChange?: (value: Item | null) => void;
     open?: boolean;
-    value?: Item | null;
 };
-declare function Select<Item>({ children, defaultOpen, defaultValue, disabled, items, itemToKey, itemToString, onOpenChange, onValueChange, open, value, ...props }: SelectProps<Item>): react_jsx_runtime.JSX.Element;
-declare namespace Select {
-    var displayName: string;
-}
+declare const Select: (<Item>(props: SelectProps<Item>) => null | ReactElement<SelectProps<Item>>) & {
+    displayName: string;
+};
 
 type SelectContentProps = ExcludeProps<BoxProps<typeof PopperContent, Pick<ComponentPropsWithoutRef<typeof MenuListbox>, "maxH" | "minW"> & {
+    children?: ((item: any) => ReactNode) | ReactNode;
     /**
      * Whether to show loading spinner inside the menu.
      */
@@ -1604,6 +1608,7 @@ declare const SelectRadioItem: react.ForwardRefExoticComponent<Omit<Omit<Omit<No
 } & {
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
+    "data-highlighted"?: boolean;
     description?: react.ReactNode;
     icon?: react.ReactNode;
 }>, never> & Omit<NonNullable<Sprinkles & {
@@ -1658,7 +1663,7 @@ type SpotlightProps<Item> = ComponentPropsWithoutRef<typeof Command<Item>> & {
     onOpenChange?: (open: boolean) => void;
     open?: boolean;
 };
-declare function Spotlight<Item>({ children, defaultOpen, inputValue, isItemDisabled, items, itemToKey, itemToString, itemToSubItems, onInputValueChange, onItemSelect, onOpenChange, open: openProp, }: SpotlightProps<Item>): react_jsx_runtime.JSX.Element;
+declare function Spotlight<Item>({ children, defaultOpen, inputValue, isItemDisabled, items, itemToLabel, itemToSubItems, onInputValueChange, onItemSelect, onOpenChange, open: openProp, }: SpotlightProps<Item>): react_jsx_runtime.JSX.Element;
 declare namespace Spotlight {
     var displayName: string;
 }
@@ -1714,6 +1719,7 @@ declare const SpotlightRadioItem: react.ForwardRefExoticComponent<Omit<Omit<Omit
 } & {
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
+    "data-highlighted"?: boolean;
     description?: react.ReactNode;
     icon?: react.ReactNode;
 }>, never> & Omit<NonNullable<Sprinkles & {
@@ -1783,7 +1789,7 @@ declare const SpotlightTrigger: react.ForwardRefExoticComponent<{
 }>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<RadixDialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "p" | "fontFamily" | "fontSize" | "size" | "animation" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "disabled" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "className" | "square" | "appearance" | "loading" | "addonAfter" | "addonBefore" | "icon" | "iconPosition"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<RadixDialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "p" | "fontFamily" | "fontSize" | "size" | "animation" | "borderColor" | "color" | "cursor" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "overflow" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "rounded" | "shadow" | "z" | "disabled" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "className" | "square" | "appearance" | "addonAfter" | "addonBefore" | "icon" | "loading" | "iconPosition"> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const Table: react.ForwardRefExoticComponent<{
     layout?: "fixed" | "auto" | undefined;
@@ -1822,4 +1828,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 { Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, Calendar, Card, CardAction, CardCheckbox, CardContent, CardDescription, CardImage, CardLink, CardOverflow, CardTitle, Clock, Combobox, ComboboxCheckboxItem, ComboboxContent, ComboboxEmpty, ComboboxFooter, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxRadioItem, ComboboxScrollArea, ComboboxSeparator, ComboboxTrigger, ComboboxVirtualized, Command, CommandInput, CommandItem, CommandListbox, DataTable, DataTableBody, DataTableFooter, DateInput, DatePicker, DatePickerContent, DatePickerTrigger, DateRangePicker, DateRangePickerContent, DateRangePickerTrigger, Highlight, InlineInput, LabelMenuButton, Layout, Pill, PillGroup, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRadioItem, SelectSeparator, SelectTrigger, Spotlight, SpotlightContent, SpotlightEmpty, SpotlightInput, SpotlightItem, SpotlightLabel, SpotlightRadioItem, SpotlightScrollArea, SpotlightSub, SpotlightSubItem, SpotlightTrigger, Table, TableAction, TableBody, TableCell, TableHeader, TableHeaderCell, TableRow };
+export { Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, Calendar, Card, CardAction, CardCheckbox, CardContent, CardDescription, CardImage, CardLink, CardOverflow, CardTitle, Clock, Combobox, ComboboxCheckboxItem, ComboboxContent, ComboboxEmpty, ComboboxFooter, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxRadioItem, ComboboxScrollArea, ComboboxSeparator, ComboboxTrigger, Command, CommandInput, CommandItem, CommandListbox, DataTable, DataTableBody, DataTableFooter, DateInput, DatePicker, DatePickerContent, DatePickerTrigger, DateRangePicker, DateRangePickerContent, DateRangePickerTrigger, Highlight, InlineInput, LabelMenuButton, Layout, Pill, PillGroup, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectRadioItem, SelectSeparator, SelectTrigger, Spotlight, SpotlightContent, SpotlightEmpty, SpotlightInput, SpotlightItem, SpotlightLabel, SpotlightRadioItem, SpotlightScrollArea, SpotlightSub, SpotlightSubItem, SpotlightTrigger, Table, TableAction, TableBody, TableCell, TableHeader, TableHeaderCell, TableRow };

package/package.json

@@ -7,7 +7,7 @@
     "url": "https://github.com/optimizely-axiom/optiaxiom.git"
   },
   "type": "module",
-  "version": "1.1.3",
+  "version": "1.2.0",
   "files": [
     "dist/**",
     "LICENSE"

package/dist/cjs/assets/src/actions-content/ActionsContent.css.ts.vanilla-7uKVW8XL.css

@@ -1,22 +0,0 @@
-@layer optiaxiom._1d8i96l;
-@layer optiaxiom._1d8i96l {
-  ._1qd2vku {
-    transition: opacity var(--ax-duration-sm) ease;
-  }
-  .uyzt7x:not(:has(.uyzt7x)):focus-within ._1qd2vku, ._1qd2vku:has(:checked, [data-state=open]) {
-    opacity: 1;
-    transition: none;
-  }
-  ._9ia3xu {
-    opacity: 0;
-  }
-  ._1l16b6 {
-    opacity: 1;
-  }
-  @media (hover: hover) {
-    .uyzt7x:not(:has(.uyzt7x)):hover ._1qd2vku {
-      opacity: 1;
-      transition: none;
-    }
-  }
-}

package/dist/cjs/assets/src/actions-root/ActionsRoot.css.ts.vanilla-srDo7dTU.css

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

package/dist/cjs/assets/src/alert/Alert.css.ts.vanilla-DuPAmvCa.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._1d8i96l;
-@layer optiaxiom._1d8i96l {
-  .k1nqa1 {
-    min-height: var(--ax-size-sm);
-  }
-}

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

@@ -1,27 +0,0 @@
-@layer optiaxiom._1d8i96l;
-@layer optiaxiom._1d8i96l {
-  .c2g11p {
-    opacity: 0;
-  }
-  .aboxjt {
-    inset: 0;
-    position: fixed;
-  }
-  ._1u9zrh7 {
-    max-height: 50dvh;
-    max-width: calc(100dvw - 2 * 24px);
-    transform: 
-      translateY(calc(1rem * var(--_1duxmm0)))
-      scale(calc(1 - 0.06 * var(--_1duxmm0)))
-    ;
-  }
-  .y989i9 {
-    width: 400px;
-  }
-  ._1sqjm7r {
-    width: 600px;
-  }
-  ._1rxe9sv {
-    width: 800px;
-  }
-}

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

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

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

@@ -1,46 +0,0 @@
-@layer optiaxiom._1d8i96l;
-@layer optiaxiom._1d8i96l {
-  .rho764 {
-    --q6qmph: var(--ax-colors-fg-white);
-  }
-  ._1gnj4r7 {
-    --_1wfnbz9: var(--ax-colors-bg-error);
-    --ex2fyo: var(--ax-colors-bg-error-subtle);
-    --lwkltn: var(--ax-colors-fg-error-strong);
-  }
-  ._14u9svw {
-    --_1wfnbz9: var(--ax-colors-bg-information);
-    --ex2fyo: var(--ax-colors-bg-information-subtle);
-    --lwkltn: var(--ax-colors-fg-information-strong);
-  }
-  .bwjb68 {
-    --_1wfnbz9: var(--ax-colors-bg-tertiary);
-    --q6qmph: var(--ax-colors-fg-default);
-    --ex2fyo: var(--ax-colors-bg-secondary);
-    --lwkltn: var(--ax-colors-fg-secondary);
-  }
-  .lewvqc {
-    --_1wfnbz9: var(--ax-colors-bg-accent);
-    --ex2fyo: var(--ax-colors-bg-accent-subtle);
-    --lwkltn: var(--ax-colors-fg-accent-strong);
-  }
-  .t209ee {
-    --_1wfnbz9: var(--ax-colors-bg-success);
-    --ex2fyo: var(--ax-colors-bg-success-subtle);
-    --lwkltn: var(--ax-colors-fg-success-strong);
-  }
-  .dkluaa {
-    --_1wfnbz9: var(--ax-colors-bg-warning);
-    --q6qmph: var(--ax-colors-fg-warning-inverse);
-    --ex2fyo: var(--ax-colors-bg-warning-subtle);
-    --lwkltn: var(--ax-colors-fg-warning-strong);
-  }
-  ._13pfpg {
-    background-color: var(--_1wfnbz9);
-    color: var(--q6qmph);
-  }
-  .cx6c5p {
-    background-color: var(--ex2fyo);
-    color: var(--lwkltn);
-  }
-}

package/dist/cjs/assets/src/banner/Banner.css.ts.vanilla-D9z14yPT.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._1d8i96l;
-@layer optiaxiom._1d8i96l {
-  .sasiaj {
-    min-height: var(--ax-size-sm);
-  }
-}

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

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

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

@@ -1,147 +0,0 @@
-@layer optiaxiom._1d8i96l;
-@layer optiaxiom._1d8i96l {
-  ._1srqizp {
-    border-radius: var(--ax-borderRadius-md);
-    padding-inline: var(--_15ss2kc);
-    position: relative;
-    text-decoration: none;
-    user-select: none;
-  }
-  ._1srqizp: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;
-  }
-  ._1x77d0m[data-orientation="horizontal"] > ._1srqizp:not(:first-child):not(:last-child),._1x77d0m[data-orientation="horizontal"] > :not(:first-child):not(:last-child) ._1srqizp {
-    border-inline-width: 0.5px;
-  }
-  ._1x77d0m[data-orientation="horizontal"] > ._1srqizp:not(:only-child):first-child,._1x77d0m[data-orientation="horizontal"] > :not(:only-child):first-child ._1srqizp {
-    border-bottom-right-radius: 0;
-    border-right-width: 0.5px;
-    border-top-right-radius: 0;
-  }
-  ._1x77d0m[data-orientation="horizontal"] > ._1srqizp:not(:only-child):last-child,._1x77d0m[data-orientation="horizontal"] > :not(:only-child):last-child ._1srqizp {
-    border-bottom-left-radius: 0;
-    border-left-width: 0.5px;
-    border-top-left-radius: 0;
-  }
-  ._1x77d0m[data-orientation="vertical"] > ._1srqizp:not(:first-child):not(:last-child),._1x77d0m[data-orientation="vertical"] > :not(:first-child):not(:last-child) ._1srqizp {
-    border-block-width: 0.5px;
-  }
-  ._1x77d0m[data-orientation="vertical"] > ._1srqizp:not(:only-child):first-child,._1x77d0m[data-orientation="vertical"] > :not(:only-child):first-child ._1srqizp {
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-    border-bottom-width: 0.5px;
-  }
-  ._1x77d0m[data-orientation="vertical"] > ._1srqizp:not(:only-child):last-child,._1x77d0m[data-orientation="vertical"] > :not(:only-child):last-child ._1srqizp {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-    border-top-width: 0.5px;
-  }
-  ._1x77d0m[data-orientation] > ._1srqizp:not(:first-child):not(:last-child),._1x77d0m[data-orientation] > :not(:first-child):not(:last-child) ._1srqizp {
-    border-radius: 0;
-  }
-  ._1ktexqa {
-    --erir6n: var(--ax-colors-bg-error);
-    --_10gsvfh: var(--ax-colors-bg-error-hovered);
-    --jq5bqc: var(--ax-colors-bg-error-pressed);
-    --_1oaaseu: var(--ax-colors-bg-error-subtlest);
-    --_1fv8la2: var(--ax-colors-bg-error-subtle);
-  }
-  ._19p1ucl {
-    --erir6n: var(--ax-colors-bg-default-inverse);
-    --_10gsvfh: var(--ax-colors-bg-default-inverse-hovered);
-    --jq5bqc: var(--ax-colors-bg-default-inverse-pressed);
-    --ns0xme: var(--ax-colors-fg-default-inverse);
-    --_1oaaseu: var(--ax-colors-bg-page);
-    --_14uq1rh: var(--ax-colors-border-default);
-    --_1b1njxk: var(--ax-colors-border-default);
-    --_1fv8la2: var(--ax-colors-bg-secondary);
-    --_10hy8v: var(--ax-colors-fg-default);
-    --c9iajv: var(--ax-colors-bg-default-hovered);
-    --k223ue: var(--ax-colors-bg-default-pressed);
-  }
-  ._1o9vusj {
-    --erir6n: var(--ax-colors-bg-accent);
-    --_10gsvfh: var(--ax-colors-bg-accent-hovered);
-    --jq5bqc: var(--ax-colors-bg-accent-pressed);
-    --_1oaaseu: var(--ax-colors-bg-accent-subtle);
-    --_1fv8la2: var(--ax-colors-bg-accent-light);
-  }
-  ._1sp23dw {
-    min-width: fit-content;
-  }
-  ._1c2by9h {
-    background-color: var(--ax-colors-bg-default);
-    border: 1px solid var(--_1b1njxk, var(--erir6n));
-    color: var(--_10hy8v, var(--erir6n));
-    padding-inline: calc(var(--_15ss2kc) - 1px);
-  }
-  ._1c2by9h:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--_1fv8la2);
-    border-color: var(--_14uq1rh, var(--_10gsvfh));
-  }
-  ._1c2by9h: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);
-  }
-  ._1c2by9h[data-disabled]:not([data-loading]) {
-    border-color: var(--ax-colors-border-disabled);
-    color: var(--ax-colors-fg-disabled);
-  }
-  ._190t917 {
-    background-color: var(--erir6n);
-    color: var(--ns0xme, var(--ax-colors-fg-white));
-  }
-  ._190t917:active:not([data-disabled], [data-loading]) {
-    background-color: var(--jq5bqc);
-  }
-  ._190t917[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(--_15ss2kc) - 1px);
-  }
-  ._1m5s1yu {
-    background-color: transparent;
-    border-color: var(--erir6n);
-    color: var(--_10hy8v, var(--erir6n));
-  }
-  ._1m5s1yu:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--k223ue, var(--_1fv8la2));
-  }
-  ._1m5s1yu:is([data-state="active"], [data-state="on"]) {
-    background-color: var(--ax-colors-bg-accent-subtle);
-    color: var(--ax-colors-fg-accent);
-  }
-  ._1m5s1yu[data-disabled]:not([data-loading]) {
-    color: var(--ax-colors-fg-disabled);
-  }
-  .epynku {
-    --_15ss2kc: 4px;
-  }
-  .c3pbxq {
-    --_15ss2kc: 8px;
-  }
-  ._1e6r76s {
-    --_15ss2kc: 12px;
-  }
-  ._1agahro {
-    left: 0;
-    position: absolute;
-    right: 0;
-  }
-  @media (hover: hover) {
-    ._1c2by9h:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-      background-color: var(--_1oaaseu);
-      border-color: var(--_14uq1rh, var(--_10gsvfh));
-    }
-    ._190t917:hover:not(:active, [data-disabled], [data-loading]) {
-      background-color: var(--_10gsvfh);
-    }
-    ._1m5s1yu:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-      background-color: var(--c9iajv, var(--_1oaaseu));
-    }
-  }
-}

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

@@ -1,9 +0,0 @@
-@layer optiaxiom._1d8i96l;
-@layer optiaxiom._1d8i96l {
-  .k9auaa {
-    opacity: 1;
-  }
-  ._1qhett2[data-loading] .k9auaa {
-    opacity: 0;
-  }
-}

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

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

package/dist/cjs/assets/src/calendar/CalendarNav.css.ts.vanilla-D5Q4e1r4.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._1d8i96l;
-@layer optiaxiom._1d8i96l {
-  ._962l4e {
-    position: absolute;
-  }
-}

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

@@ -1,11 +0,0 @@
-@layer optiaxiom._1d8i96l;
-@layer optiaxiom._1d8i96l {
-  .dc5n8l {
-    --xn2nqt: var(--ax-borderRadius-lg);
-    border-radius: var(--ax-borderRadius-lg);
-    position: relative;
-  }
-  .dc5n8l:has(._1xf2rce[data-overlay]:not([data-disabled]):active) {
-    transform: scale(0.97);
-  }
-}

package/dist/cjs/assets/src/card-action/CardAction.css.ts.vanilla-BUpdf1CG.css

@@ -1,8 +0,0 @@
-@layer optiaxiom._1d8i96l;
-@layer optiaxiom._1d8i96l {
-  .dur7cm ._447p5l {
-    inset: 0;
-    padding: 16px;
-    position: absolute;
-  }
-}

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

@@ -1,12 +0,0 @@
-@layer optiaxiom._1d8i96l;
-@layer optiaxiom._1d8i96l {
-  ._1tkbko8 {
-    object-fit: cover;
-  }
-  ._14a2vz {
-    aspect-ratio: 1;
-  }
-  ._1jrgkm8 {
-    aspect-ratio: 2;
-  }
-}

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

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

package/dist/cjs/assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-D-0-eTQQ.css

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

package/dist/cjs/assets/src/cover/Cover.css.ts.vanilla-DIOlO5hA.css

@@ -1,34 +0,0 @@
-@layer optiaxiom;
-@layer optiaxiom._1d8i96l;
-@layer optiaxiom {
-  ._1rkbqgb {
-    position: static;
-  }
-  ._1rkbqgb:focus-visible {
-    outline: none;
-  }
-}
-@layer optiaxiom._1d8i96l {
-  .w2v8p1 {
-    --_6pp0h7: solid;
-  }
-  .w2v8p1::before {
-    content: "";
-    border-radius: var(--xn2nqt, inherit);
-    inset: 0;
-    position: absolute;
-  }
-  .w2v8p1:focus-visible::before {
-    outline: 2px var(--_6pp0h7) var(--ax-colors-border-focus);
-    outline-offset: var(--_1b3f7qj);
-  }
-  .qwawxf {
-    --_1b3f7qj: 1px;
-  }
-  ._1v1aw5x {
-    --_1b3f7qj: -2px;
-  }
-  ._1v1aw5x:is(a) {
-    --_6pp0h7: auto;
-  }
-}

package/dist/cjs/assets/src/data-table-footer/DataTableFooter.css.ts.vanilla-D2WQmOWH.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._1d8i96l;
-@layer optiaxiom._1d8i96l {
-  ._3h0ryr {
-    width: 180px;
-  }
-}

package/dist/cjs/assets/src/date-picker-content/DatePickerContent.css.ts.vanilla-BfnLVA-b.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._1d8i96l;
-@layer optiaxiom._1d8i96l {
-  .qh2hvk {
-    transition: height var(--ax-duration-sm) ease;
-  }
-}

package/dist/cjs/assets/src/date-range-picker-content/DateRangePickerContent.css.ts.vanilla-TVqMJ5K-.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._1d8i96l;
-@layer optiaxiom._1d8i96l {
-  ._1opcf4t {
-    max-height: 304px;
-  }
-}

package/dist/cjs/assets/src/dialog-body/DialogBody.css.ts.vanilla-BgdRf2nT.css

@@ -1,6 +0,0 @@
-@layer optiaxiom._1d8i96l;
-@layer optiaxiom._1d8i96l {
-  .qdmcno {
-    scrollbar-gutter: stable;
-  }
-}