@optiaxiom/react 0.8.2 → 0.9.0

package/dist/unstable.d.ts

@@ -1,23 +1,80 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { UseComboboxProps, UseSelectProps } from 'downshift';
 import * as react from 'react';
 import { ReactNode, ComponentPropsWithoutRef, ReactElement } from 'react';
+import { UseComboboxProps, UseSelectProps } from 'downshift';
 import * as _radix_ui_react_popper from '@radix-ui/react-popper';
-import { S as Sprinkles, B as BoxProps, L as Link, b as ResponsiveArray, D as DialogContent, P as PopoverContent } from './PopoverContent-DXCbZf2h.js';
+import { PopperContent } from '@radix-ui/react-popper';
+import { E as ExcludeProps, B as BoxProps, M as MenuListbox, S as Sprinkles, L as Link, b as ResponsiveArray, D as DialogContent, P as PopoverContent } from './PopoverContent-CmbFiQwF.js';
 import * as _radix_ui_react_separator from '@radix-ui/react-separator';
 import * as RadixPopover from '@radix-ui/react-popover';
 import { Table as Table$1, Header } from '@tanstack/react-table';
 import * as RadixDialog from '@radix-ui/react-dialog';
 
-type AutocompleteProps<Item> = Pick<UseComboboxProps<Item>, "isItemDisabled" | "items" | "itemToKey" | "itemToString"> & {
+type CommandProps<Item> = Pick<UseComboboxProps<Item>, "inputId" | "selectedItem" | "stateReducer"> & {
+    /**
+     * Return true if items need to be marked as disabled and skipped from keyboard navigation.
+     */
+    isItemDisabled?: UseComboboxProps<Item>["isItemDisabled"];
+    /**
+     * The items we want to render.
+     */
+    items: UseComboboxProps<Item>["items"];
+    /**
+     * Return a unique key for each item when the object reference will change during renders.
+     */
+    itemToKey?: UseComboboxProps<Item>["itemToKey"];
+    /**
+     * Return a string representation of items if they are objects. Needed to show selected values inside triggers.
+     */
+    itemToString?: UseComboboxProps<Item>["itemToString"];
+} & {
+    children: ReactNode;
+    inputValue?: string;
+    itemToSubItems?: (value: Item) => Item[] | null;
+    onInputValueChange?: (inputValue: string) => void;
+    onItemSelect?: (value: Item) => void;
+    onOpenChange?: (open: boolean) => void;
+    open?: boolean;
+    value?: Item[] | Set<Item>;
+};
+declare function Command<Item>({ children, inputValue: inputValueProp, isItemDisabled, items, itemToKey, itemToString, itemToSubItems, onInputValueChange, onItemSelect, onOpenChange, open, value: valueProp, ...props }: CommandProps<Item>): react_jsx_runtime.JSX.Element;
+declare namespace Command {
+    var displayName: string;
+}
+
+type AutocompleteProps<Item> = Pick<ComponentPropsWithoutRef<typeof Command<Item>>, "isItemDisabled" | "items" | "itemToKey" | "itemToString"> & {
     children?: ReactNode;
+    /**
+     * The initial open state in uncontrolled mode.
+     */
     defaultOpen?: boolean;
+    /**
+     * The initial selected value in uncontrolled mode.
+     */
     defaultValue?: Item | null;
+    /**
+     * Whether the autocomplete input is disabled.
+     */
     disabled?: boolean;
+    /**
+     * Handler that is called when input value changes.
+     */
     onInputValueChange?: (inputValue: string) => void;
+    /**
+     * Handler that is called when the open state changes.
+     */
     onOpenChange?: (open: boolean) => void;
+    /**
+     * Handler that is called when the selected value changes.
+     */
     onValueChange?: (value: Item | null) => void;
+    /**
+     * The open state in controlled mode.
+     */
     open?: boolean;
+    /**
+     * The selected value in controlled mode.
+     */
     value?: Item | null;
 };
 declare function Autocomplete<Item>({ children, defaultOpen, defaultValue, disabled, isItemDisabled, items, itemToKey, itemToString, onInputValueChange, onOpenChange, onValueChange, open, value, }: AutocompleteProps<Item>): react_jsx_runtime.JSX.Element;
@@ -25,15 +82,13 @@ declare namespace Autocomplete {
     var displayName: string;
 }
 
-declare const AutocompleteContent: react.ForwardRefExoticComponent<{
+type AutocompleteContentProps = ExcludeProps<BoxProps<typeof PopperContent, Pick<ComponentPropsWithoutRef<typeof MenuListbox>, "maxH" | "minW"> & {
+    /**
+     * Whether to show loading spinner inside the menu.
+     */
     loading?: boolean;
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<_radix_ui_react_popper.PopperContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "p" | "fontFamily" | "animation" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "empty" | "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>>;
+}>, "alignOffset" | "arrowPadding" | "avoidCollisions" | "collisionBoundary" | "collisionPadding" | "hideWhenDetached" | "onPlaced" | "sideOffset" | "sticky" | "updatePositionStrategy">;
+declare const AutocompleteContent: react.ForwardRefExoticComponent<AutocompleteContentProps & react.RefAttributes<HTMLDivElement>>;
 
 declare const AutocompleteEmpty: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -93,6 +148,14 @@ declare const AutocompleteTrigger: react.ForwardRefExoticComponent<Omit<Omit<Pic
     ref?: ((instance: HTMLInputElement | 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<HTMLInputElement> | null | undefined;
 }, "ref"> & react.RefAttributes<HTMLInputElement>>;
 
+type AutocompleteVirtualizedProps<T = unknown> = BoxProps<"div", {
+    children: (item: T) => ReactNode;
+    items: T[];
+}>;
+declare const AutocompleteVirtualized: (<T>(props: AutocompleteVirtualizedProps<T>) => ReactElement) & {
+    displayName: string;
+};
+
 type BreadcrumbProps = BoxProps<"nav">;
 declare const Breadcrumb: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -124,7 +187,7 @@ declare const BreadcrumbLink: react.ForwardRefExoticComponent<Omit<NonNullable<S
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLAnchorElement>, "ref">, "asChild" | "p" | "fontFamily" | "animation" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "empty" | "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<HTMLAnchorElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLAnchorElement>, "ref">, "p" | "asChild" | "fontFamily" | "animation" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "empty" | "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<HTMLAnchorElement>>;
 
 type BreadcrumbPageProps = BoxProps<"span">;
 declare const BreadcrumbPage: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
@@ -132,21 +195,6 @@ declare const BreadcrumbPage: react.ForwardRefExoticComponent<Omit<NonNullable<S
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLSpanElement>>;
 
-type CommandProps<Item> = Pick<UseComboboxProps<Item>, "inputId" | "isItemDisabled" | "items" | "itemToKey" | "itemToString" | "selectedItem" | "stateReducer"> & {
-    children: ReactNode;
-    inputValue?: string;
-    itemToSubItems?: (value: Item) => Item[] | null;
-    onInputValueChange?: (inputValue: string) => void;
-    onItemSelect?: (value: Item) => void;
-    onOpenChange?: (open: boolean) => void;
-    open?: boolean;
-    value?: Item[] | Set<Item>;
-};
-declare function Command<Item>({ children, inputValue: inputValueProp, isItemDisabled, items, itemToKey, itemToString, itemToSubItems, onInputValueChange, onItemSelect, onOpenChange, open, value: valueProp, ...props }: CommandProps<Item>): react_jsx_runtime.JSX.Element;
-declare namespace Command {
-    var displayName: string;
-}
-
 type ComboBoxProps<Item> = ComponentPropsWithoutRef<typeof Command<Item>> & {
     children: ReactNode;
     defaultOpen?: boolean;
@@ -188,20 +236,20 @@ declare const ComboboxDialogContent: react.ForwardRefExoticComponent<Omit<{
     onClick?: react.MouseEventHandler<HTMLDivElement> | undefined;
     onMouseDown?: react.MouseEventHandler<HTMLDivElement> | undefined;
     onMouseMove?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    key?: react.Key | null | undefined;
-    asChild?: boolean | undefined;
     p?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
     slot?: string | undefined | undefined;
     style?: react.CSSProperties | undefined;
     title?: string | undefined | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    key?: react.Key | null | undefined;
+    asChild?: boolean | undefined;
     fontFamily?: "mono" | "sans" | undefined;
     animation?: "ping" | "pulse" | "spin" | undefined;
     fontSize?: "sm" | "md" | "xs" | "lg" | "inherit" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
     size?: "sm" | "md" | "lg" | "fullscreen" | undefined;
     borderColor?: "border.accent" | "border.active" | "border.active.hovered" | "border.default" | "border.default.hovered" | "border.disabled" | "border.error" | "border.focus" | "border.focus.error" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning" | "transparent" | "current" | undefined;
     color?: "fg.accent" | "fg.accent.hovered" | "fg.accent.strong" | "fg.avatar.neutral" | "fg.avatar.purple" | "fg.default" | "fg.default.inverse" | "fg.disabled" | "fg.error" | "fg.error.hovered" | "fg.error.light" | "fg.error.strong" | "fg.information" | "fg.information.light" | "fg.information.strong" | "fg.link.default" | "fg.link.default.hovered" | "fg.link.inverse" | "fg.link.subtle" | "fg.link.visited" | "fg.secondary" | "fg.spinner.default" | "fg.spinner.inverse" | "fg.success" | "fg.success.hovered" | "fg.success.light" | "fg.success.strong" | "fg.tertiary" | "fg.warning" | "fg.warning.hovered" | "fg.warning.inverse" | "fg.warning.light" | "fg.warning.strong" | "fg.white" | "transparent" | "current" | undefined;
-    cursor?: "pointer" | "default" | "not-allowed" | "text" | undefined;
+    cursor?: "pointer" | "text" | "default" | "not-allowed" | undefined;
     empty?: "hidden" | undefined;
     hidden?: boolean | undefined | undefined;
     fontWeight?: "400" | "500" | "600" | "700" | undefined;
@@ -582,15 +630,16 @@ declare const ComboboxDialogContent: react.ForwardRefExoticComponent<Omit<{
     onOpenAutoFocus?: any;
     onCloseAutoFocus?: any;
 } & react.RefAttributes<HTMLDivElement>, "ref"> & Pick<Omit<{
+    maxH?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
     minW?: "0" | "trigger" | undefined;
     provider?: "popover" | "dropdown-menu" | "popper" | undefined;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<Omit<NonNullable<Sprinkles & {
+}>, "maxH"> & 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">, "asChild" | "p" | "fontFamily" | "animation" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "empty" | "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>, "ref">, "minW"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref">, "p" | "asChild" | "fontFamily" | "animation" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "empty" | "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>, "ref">, "maxH" | "minW"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const ComboboxPopoverContent: react.ForwardRefExoticComponent<Omit<{
     id?: string | undefined | undefined;
@@ -603,13 +652,13 @@ declare const ComboboxPopoverContent: react.ForwardRefExoticComponent<Omit<{
     onClick?: react.MouseEventHandler<HTMLDivElement> | undefined;
     onMouseDown?: react.MouseEventHandler<HTMLDivElement> | undefined;
     onMouseMove?: react.MouseEventHandler<HTMLDivElement> | undefined;
-    defaultValue?: string | number | readonly string[] | undefined;
-    key?: react.Key | null | undefined;
-    asChild?: boolean | undefined;
     p?: "0" | "2" | "4" | "6" | "8" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | undefined;
     slot?: string | undefined | undefined;
     style?: react.CSSProperties | undefined;
     title?: string | undefined | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    key?: react.Key | null | undefined;
+    asChild?: boolean | undefined;
     fontFamily?: "mono" | "sans" | undefined;
     animation?: "ping" | "pulse" | "spin" | undefined;
     fontSize?: "sm" | "md" | "xs" | "lg" | "inherit" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | undefined;
@@ -620,7 +669,7 @@ declare const ComboboxPopoverContent: react.ForwardRefExoticComponent<Omit<{
     } | undefined) | ResponsiveArray<2 | 1 | 3, "0" | "sm" | "md" | "xs" | "lg" | "full" | "xl" | "3xl" | "10" | "12" | "16" | "20" | "24" | "32" | "40" | "48" | "64" | "80" | "auto" | "2xs" | "56" | "224" | "384" | "1/2" | "1/3" | "2/3" | "1/4" | "2/4" | "3/4" | "fit" | "max" | "min" | null>;
     borderColor?: "border.accent" | "border.active" | "border.active.hovered" | "border.default" | "border.default.hovered" | "border.disabled" | "border.error" | "border.focus" | "border.focus.error" | "border.secondary" | "border.success" | "border.tertiary" | "border.warning" | "transparent" | "current" | undefined;
     color?: "fg.accent" | "fg.accent.hovered" | "fg.accent.strong" | "fg.avatar.neutral" | "fg.avatar.purple" | "fg.default" | "fg.default.inverse" | "fg.disabled" | "fg.error" | "fg.error.hovered" | "fg.error.light" | "fg.error.strong" | "fg.information" | "fg.information.light" | "fg.information.strong" | "fg.link.default" | "fg.link.default.hovered" | "fg.link.inverse" | "fg.link.subtle" | "fg.link.visited" | "fg.secondary" | "fg.spinner.default" | "fg.spinner.inverse" | "fg.success" | "fg.success.hovered" | "fg.success.light" | "fg.success.strong" | "fg.tertiary" | "fg.warning" | "fg.warning.hovered" | "fg.warning.inverse" | "fg.warning.light" | "fg.warning.strong" | "fg.white" | "transparent" | "current" | undefined;
-    cursor?: "pointer" | "default" | "not-allowed" | "text" | undefined;
+    cursor?: "pointer" | "text" | "default" | "not-allowed" | undefined;
     empty?: "hidden" | undefined;
     hidden?: boolean | undefined | undefined;
     fontWeight?: "400" | "500" | "600" | "700" | undefined;
@@ -715,11 +764,7 @@ declare const ComboboxPopoverContent: react.ForwardRefExoticComponent<Omit<{
         readonly sm?: "center" | undefined;
         readonly md?: "center" | undefined;
     } | undefined) | ResponsiveArray<2 | 1 | 3, "center" | null>;
-    maxH?: ("sm" | "md" | "xs" | "lg" | "full" | {
-        readonly base?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
-        readonly sm?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
-        readonly md?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
-    } | undefined) | ResponsiveArray<2 | 1 | 3, "sm" | "md" | "xs" | "lg" | "full" | null>;
+    maxH?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
     maxW?: ("sm" | "md" | "xs" | "lg" | "full" | {
         readonly base?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
         readonly sm?: "sm" | "md" | "xs" | "lg" | "full" | undefined;
@@ -1006,7 +1051,7 @@ declare const ComboboxPopoverContent: react.ForwardRefExoticComponent<Omit<{
     withArrow?: boolean | undefined;
 } & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-type ComboboxContentProps = ComponentPropsWithoutRef<typeof ComboboxDialogContent | typeof ComboboxPopoverContent>;
+type ComboboxContentProps = ExcludeProps<ComponentPropsWithoutRef<typeof ComboboxDialogContent | typeof ComboboxPopoverContent>, "size">;
 declare const ComboboxContent: react.ForwardRefExoticComponent<ComboboxContentProps & react.RefAttributes<HTMLDivElement>>;
 
 declare const ComboboxEmpty: react.ForwardRefExoticComponent<Omit<Omit<NonNullable<Sprinkles & {
@@ -1101,7 +1146,7 @@ declare const ComboboxSeparator: react.ForwardRefExoticComponent<Omit<Omit<NonNu
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<_radix_ui_react_separator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className" | "orientation"> & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "p" | "fontFamily" | "animation" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "empty" | "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>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<_radix_ui_react_separator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className" | "orientation"> & react.RefAttributes<HTMLDivElement>, "ref">, "p" | "asChild" | "fontFamily" | "animation" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "empty" | "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>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const ComboboxTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
     addonAfter?: react.ReactNode;
@@ -1155,7 +1200,13 @@ declare const CommandInput: react.ForwardRefExoticComponent<Omit<Pick<Omit<Pick<
 }>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "disabled" | "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<HTMLInputElement>>;
 
 declare const CommandItem: react.ForwardRefExoticComponent<{
+    /**
+     * The exact item object from the collection.
+     */
     item: unknown;
+    /**
+     * Whether to override the default selected state.
+     */
     selected?: boolean;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -1168,6 +1219,9 @@ declare const CommandListbox: react.ForwardRefExoticComponent<Omit<NonNullable<S
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const DataTable: react.ForwardRefExoticComponent<{
+    /**
+     * Pass the table instance returned from `useReactTable()` hook.
+     */
     table: Table$1<any>;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -1181,15 +1235,14 @@ declare const DataTableHeaderCell: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTableCellElement>>;
 
-type HighlightProps = BoxProps<"div", {
+declare const Highlight: react.ForwardRefExoticComponent<{
     children?: (chunk: ReactElement) => ReactNode;
     content?: string;
     query?: RegExp | RegExp[] | string | string[];
-}>;
-declare function Highlight({ children, content, query, ...props }: HighlightProps): react_jsx_runtime.JSX.Element;
-declare namespace Highlight {
-    var displayName: string;
-}
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "children" | "color" | "className" | "content"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const InlineInput: react.ForwardRefExoticComponent<{
     defaultValue?: string;
@@ -1228,7 +1281,7 @@ declare const Pill: react.ForwardRefExoticComponent<{
 }>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "disabled" | "color" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref">, "asChild" | "p" | "fontFamily" | "animation" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "empty" | "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<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "disabled" | "color" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref">, "p" | "asChild" | "fontFamily" | "animation" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "empty" | "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<HTMLButtonElement>>;
 
 type SelectProps<Item> = Pick<UseSelectProps<Item>, "isItemDisabled" | "items" | "itemToKey" | "itemToString"> & {
     children?: ReactNode;
@@ -1245,24 +1298,13 @@ declare namespace Select {
     var displayName: string;
 }
 
-declare const SelectContent: react.ForwardRefExoticComponent<Pick<Omit<{
-    minW?: "0" | "trigger" | undefined;
-    provider?: "popover" | "dropdown-menu" | "popper" | undefined;
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & 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">, "asChild" | "p" | "fontFamily" | "animation" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "empty" | "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>, "ref">, "minW"> & {
+type SelectContentProps = ExcludeProps<BoxProps<typeof PopperContent, Pick<ComponentPropsWithoutRef<typeof MenuListbox>, "maxH" | "minW"> & {
+    /**
+     * Whether to show loading spinner inside the menu.
+     */
     loading?: boolean;
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<_radix_ui_react_popper.PopperContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "p" | "fontFamily" | "animation" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "empty" | "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>>;
+}>, "alignOffset" | "arrowPadding" | "avoidCollisions" | "collisionBoundary" | "collisionPadding" | "hideWhenDetached" | "onPlaced" | "sideOffset" | "sticky" | "updatePositionStrategy">;
+declare const SelectContent: react.ForwardRefExoticComponent<SelectContentProps & react.RefAttributes<HTMLDivElement>>;
 
 declare const SelectGroup: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -1310,7 +1352,7 @@ declare const SelectSeparator: react.ForwardRefExoticComponent<Omit<Omit<NonNull
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<_radix_ui_react_separator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className" | "orientation"> & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "p" | "fontFamily" | "animation" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "empty" | "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>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<_radix_ui_react_separator.SeparatorProps & react.RefAttributes<HTMLDivElement>, "ref">, "asChild" | "color" | "className" | "orientation"> & react.RefAttributes<HTMLDivElement>, "ref">, "p" | "asChild" | "fontFamily" | "animation" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "empty" | "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>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const SelectTrigger: react.ForwardRefExoticComponent<Omit<{
     addonAfter?: react.ReactNode;
@@ -1470,7 +1512,7 @@ declare const SpotlightTrigger: react.ForwardRefExoticComponent<{
 }>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<RadixDialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "disabled" | "asChild" | "color" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref">, "disabled" | "asChild" | "p" | "fontFamily" | "animation" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "empty" | "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" | "appearance" | "loading" | "addonAfter" | "addonBefore" | "icon" | "iconOnly" | "iconPosition"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<RadixDialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "disabled" | "asChild" | "color" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref">, "p" | "disabled" | "asChild" | "fontFamily" | "animation" | "fontSize" | "size" | "borderColor" | "color" | "cursor" | "empty" | "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" | "appearance" | "loading" | "addonAfter" | "addonBefore" | "icon" | "iconOnly" | "iconPosition"> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const Table: react.ForwardRefExoticComponent<{
     layout?: "fixed" | "auto" | undefined;
@@ -1504,4 +1546,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, 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, DataTableHeaderCell, 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, 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, Combobox, ComboboxCheckboxItem, ComboboxContent, ComboboxEmpty, ComboboxFooter, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxRadioItem, ComboboxScrollArea, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandInput, CommandItem, CommandListbox, DataTable, DataTableHeaderCell, 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, TableHeader, TableHeaderCell, TableRow };

package/dist/unstable.js

@@ -4,6 +4,7 @@ export { AutocompleteEmpty } from './packages/react/src/autocomplete-empty/Autoc
 export { AutocompleteItem } from './packages/react/src/autocomplete-item/AutocompletItem.js';
 export { AutocompleteRadioItem } from './packages/react/src/autocomplete-radio-item/AutocompleteRadioItem.js';
 export { AutocompleteTrigger } from './packages/react/src/autocomplete-trigger/AutocompleteTrigger.js';
+export { AutocompleteVirtualized } from './packages/react/src/autocomplete-virtualized/AutocompleteVirtualized.js';
 export { Breadcrumb } from './packages/react/src/breadcrumb/Breadcrumb.js';
 export { BreadcrumbEllipsis } from './packages/react/src/breadcrumb-ellipsis/BreadcrumbEllipsis.js';
 export { BreadcrumbItem } from './packages/react/src/breadcrumb-item/BreadcrumbItem.js';

package/package.json

@@ -7,7 +7,7 @@
     "url": "https://github.com/optimizely-axiom/optiaxiom.git"
   },
   "type": "module",
-  "version": "0.8.2",
+  "version": "0.9.0",
   "files": [
     "dist/**",
     "LICENSE"
@@ -38,6 +38,7 @@
     "@radix-ui/react-dismissable-layer": "^1.1.3",
     "@radix-ui/react-dropdown-menu": "^2.1.4",
     "@radix-ui/react-focus-guards": "^1.1.1",
+    "@radix-ui/react-id": "^1.1.0",
     "@radix-ui/react-label": "^2.1.1",
     "@radix-ui/react-menu": "^2.1.4",
     "@radix-ui/react-popover": "^1.1.4",
@@ -54,22 +55,22 @@
     "@radix-ui/react-tooltip": "^1.1.6",
     "@radix-ui/react-use-controllable-state": "^1.1.0",
     "@radix-ui/react-visually-hidden": "^1.1.1",
+    "@tanstack/react-virtual": "^3.11.2",
+    "@tanstack/virtual-core": "^3.11.2",
     "@vanilla-extract/dynamic": "^2.1.2",
     "clsx": "^2.1.1",
     "downshift": "^9.0.8",
     "react-remove-scroll": "^2.6.2",
     "use-sync-external-store": "^1.4.0",
-    "@optiaxiom/globals": "^0.5.1"
+    "@optiaxiom/globals": "^0.6.0"
   },
   "devDependencies": {
     "@emotion/hash": "^0.9.2",
-    "@mantine/hooks": "^7.15.1",
-    "@reach/auto-id": "^0.18.0",
-    "@types/node": "^20.17.10",
+    "@mantine/hooks": "^7.15.3",
+    "@types/node": "^22.10.5",
     "@types/use-sync-external-store": "^0.0.6",
     "@vanilla-extract/css": "^1.17.0",
     "@vanilla-extract/sprinkles": "^1.6.3",
-    "framer-motion": "^11.15.0",
     "@optiaxiom/shared": "^0.0.0"
   },
   "peerDependencies": {

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

@@ -1,20 +0,0 @@
-@layer optiaxiom._12gtxoh;
-@layer optiaxiom._12gtxoh {
-  ._1aidsz4 {
-    inset: 0;
-    position: fixed;
-  }
-  ._18xpf6o {
-    max-height: 50dvh;
-    max-width: calc(100dvw - 2 * 24px);
-  }
-  ._1quvt1l {
-    width: 400px;
-  }
-  ._1u74lg8 {
-    width: 600px;
-  }
-  ._1lr7sbx {
-    width: 800px;
-  }
-}

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

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

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

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

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

@@ -1,28 +0,0 @@
-@layer optiaxiom._12gtxoh;
-@layer optiaxiom._12gtxoh {
-  .z6uw9d {
-    border-radius: var(--ax-borderRadius-full);
-    user-select: none;
-  }
-  .lokr0f .z6uw9d {
-    border: 1px solid var(--ax-colors-bg-default);
-  }
-  .lokr0f ._8g1u6:not(:first-child) {
-    margin-left: -3px;
-  }
-  .lokr0f ._3jp066:not(:first-child) {
-    margin-left: -5px;
-  }
-  .lokr0f ._1w3i6ya:not(:first-child) {
-    margin-left: -7px;
-  }
-  .lokr0f .cavctl:not(:first-child) {
-    margin-left: -9px;
-  }
-  .lokr0f ._1iuf0mm:not(:first-child) {
-    margin-left: -11px;
-  }
-  .lokr0f ._1b0gq72:not(:first-child) {
-    margin-left: -13px;
-  }
-}

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

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

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

@@ -1,46 +0,0 @@
-@layer optiaxiom._12gtxoh;
-@layer optiaxiom._12gtxoh {
-  ._8mfgdr {
-    --hte7c1: var(--ax-colors-fg-white);
-  }
-  ._1ke76c {
-    --_1m4306a: var(--ax-colors-bg-error);
-    --_1c5o2h4: var(--ax-colors-bg-error-subtle);
-    --_14sfnv9: var(--ax-colors-fg-error-strong);
-  }
-  ._1o5izzo {
-    --_1m4306a: var(--ax-colors-bg-information);
-    --_1c5o2h4: var(--ax-colors-bg-information-subtle);
-    --_14sfnv9: var(--ax-colors-fg-information-strong);
-  }
-  ._6nygeo {
-    --_1m4306a: var(--ax-colors-bg-tertiary);
-    --hte7c1: var(--ax-colors-fg-default);
-    --_1c5o2h4: var(--ax-colors-bg-secondary);
-    --_14sfnv9: var(--ax-colors-fg-secondary);
-  }
-  ._32os2t {
-    --_1m4306a: var(--ax-colors-bg-accent);
-    --_1c5o2h4: var(--ax-colors-bg-accent-subtle);
-    --_14sfnv9: var(--ax-colors-fg-accent-strong);
-  }
-  ._127nqwh {
-    --_1m4306a: var(--ax-colors-bg-success);
-    --_1c5o2h4: var(--ax-colors-bg-success-subtle);
-    --_14sfnv9: var(--ax-colors-fg-success-strong);
-  }
-  ._1l8m6tk {
-    --_1m4306a: var(--ax-colors-bg-warning);
-    --hte7c1: var(--ax-colors-fg-warning-inverse);
-    --_1c5o2h4: var(--ax-colors-bg-warning-subtle);
-    --_14sfnv9: var(--ax-colors-fg-warning-strong);
-  }
-  ._1fi9ab3 {
-    background-color: var(--_1c5o2h4);
-    color: var(--_14sfnv9);
-  }
-  ._1ks8jp2 {
-    background-color: var(--_1m4306a);
-    color: var(--hte7c1);
-  }
-}

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

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

package/dist/assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-CYyMTcl3.css

@@ -1,12 +0,0 @@
-@layer optiaxiom._12gtxoh;
-@layer optiaxiom._12gtxoh {
-  ._2vnwpj {
-    color: var(--ax-colors-fg-tertiary);
-  }
-  ._2vnwpj:hover:not([data-disabled]) {
-    color: var(--ax-colors-fg-secondary);
-  }
-  ._2vnwpj:visited {
-    color: var(--ax-colors-fg-tertiary);
-  }
-}