@optiaxiom/react 0.4.2 → 0.5.1

package/dist/unstable.d.ts

@@ -1,10 +1,11 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { ReactNode, ComponentPropsWithoutRef } from 'react';
+import { ReactNode, ComponentPropsWithoutRef, ReactElement } from 'react';
 import { UseComboboxProps, UseSelectProps } from 'downshift';
-import { S as Sprinkles, B as BoxProps, L as Link } from './Link-DSt1ACyC.js';
+import { S as Sprinkles, B as BoxProps, L as Link, T as Transition } from './Link-kkRSxd5_.js';
 import * as _radix_ui_react_popper from '@radix-ui/react-popper';
 import * as RadixPopover from '@radix-ui/react-popover';
+import * as RadixDialog from '@radix-ui/react-dialog';
 import * as _vanilla_extract_sprinkles from '@vanilla-extract/sprinkles';
 import * as _radix_ui_react_separator from '@radix-ui/react-separator';
 import { TableOptions, Column } from '@tanstack/react-table';
@@ -33,10 +34,10 @@ declare const AutocompleteContent: react.ForwardRefExoticComponent<Omit<Omit<_ra
     loading?: boolean;
 } & react.RefAttributes<HTMLDivElement>>;
 
-declare const AutocompleteEmpty: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref">, "color" | "className"> & Omit<{
+declare const AutocompleteEmpty: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
-} & Sprinkles, never> & react.RefAttributes<HTMLLIElement>>;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
 
 declare const AutocompleteItem: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
@@ -47,7 +48,7 @@ declare const AutocompleteItem: react.ForwardRefExoticComponent<Omit<Omit<react.
     description?: react.ReactNode;
     icon?: react.ReactNode;
 } & {
-    colorScheme?: "danger" | "neutral" | undefined;
+    intent?: "danger" | "neutral" | undefined;
 }, never> & {
     item: unknown;
 } & react.RefAttributes<HTMLLIElement>>;
@@ -72,9 +73,10 @@ declare const AutocompleteTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omi
     disabled?: boolean;
     error?: boolean;
 } & {
-    size?: "md" | "lg" | undefined;
-}, never> & {
+    size?: "md" | "lg" | "2xl" | undefined;
+}, "size"> & {
     appearance?: "number" | "default" | undefined;
+    size?: "md" | "lg" | "2xl" | undefined;
 } & react.RefAttributes<HTMLInputElement>, "ref"> & {
     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>>;
@@ -106,7 +108,7 @@ declare const BreadcrumbLink: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omi
     external?: boolean;
 } & {
     appearance?: "default" | "inverse" | "subtle" | undefined;
-} & react.RefAttributes<HTMLAnchorElement>, "ref">, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w" | "className" | "asChild"> & Omit<{
+} & react.RefAttributes<HTMLAnchorElement>, "ref">, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className" | "asChild"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & react.RefAttributes<HTMLAnchorElement>>;
@@ -125,11 +127,12 @@ declare namespace BreadcrumbSeparator {
 
 type CommandProps<Item> = {
     children: ReactNode;
+    inputValue?: string;
     onInputValueChange?: (inputValue: string) => void;
-    onOpenChange?: (open: boolean) => void;
-    onSelect?: (value: Item) => void;
+    onItemSelect?: (value: Item) => void;
+    value?: Item[] | Set<Item>;
 } & Pick<UseComboboxProps<Item>, "isItemDisabled" | "items" | "itemToKey" | "itemToString">;
-declare function Command<Item>({ children, isItemDisabled, items, itemToKey, itemToString, onInputValueChange, onOpenChange, onSelect, }: CommandProps<Item>): react_jsx_runtime.JSX.Element;
+declare function Command<Item>({ children, inputValue: inputValueProp, isItemDisabled, items, itemToKey, itemToString, onInputValueChange, onItemSelect, value: valueProp, }: CommandProps<Item>): react_jsx_runtime.JSX.Element;
 declare namespace Command {
     var displayName: string;
 }
@@ -141,7 +144,7 @@ type ComboBoxProps<Item> = {
     onOpenChange?: (open: boolean) => void;
     open?: boolean;
 } & ComponentPropsWithoutRef<typeof Command<Item>>;
-declare function Combobox<Item>({ children, defaultOpen, isItemDisabled, itemToKey, itemToString, onOpenChange, open: openProp, ...props }: ComboBoxProps<Item>): react_jsx_runtime.JSX.Element;
+declare function Combobox<Item>({ children, defaultOpen, isItemDisabled, items, itemToKey, itemToString, onInputValueChange, onItemSelect, onOpenChange, open: openProp, value: valueProp, }: ComboBoxProps<Item>): react_jsx_runtime.JSX.Element;
 declare namespace Combobox {
     var displayName: string;
 }
@@ -155,13 +158,21 @@ declare const ComboboxCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<Om
     description?: react.ReactNode;
     icon?: react.ReactNode;
 } & {
-    colorScheme?: "danger" | "neutral" | undefined;
+    intent?: "danger" | "neutral" | undefined;
 }, never> & {
     active?: boolean;
     item: unknown;
 } & react.RefAttributes<HTMLLIElement>, "ref"> & react.RefAttributes<HTMLLIElement>>;
 
-declare const ComboboxContent: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<RadixPopover.PopoverContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w" | "className" | "asChild" | "minW" | "provider" | "enableExitAnimation" | "withArrow"> & Omit<{
+declare const ComboboxContent: react.ForwardRefExoticComponent<(Omit<Omit<Omit<Omit<Omit<RadixDialog.DialogContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className" | "asChild" | "transitionType" | "withCloseButton"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & {
+    transitionType?: ComponentPropsWithoutRef<typeof Transition>["type"];
+    withCloseButton?: boolean;
+} & {
+    size?: "sm" | "md" | "lg" | "fullscreen" | undefined;
+}, "ref"> & react.RefAttributes<HTMLDivElement>, "ref">, "ref"> | Omit<Omit<Omit<Omit<Omit<RadixPopover.PopoverContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className" | "asChild" | "minW" | "provider" | "enableExitAnimation" | "withArrow"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & Omit<{
@@ -171,7 +182,7 @@ declare const ComboboxContent: react.ForwardRefExoticComponent<Omit<Omit<Omit<Om
     provider?: "popover" | "dropdown-menu" | "popper" | undefined;
 }, never> & {
     withArrow?: boolean;
-}, "ref"> & react.RefAttributes<HTMLDivElement>, "ref">, "ref"> & react.RefAttributes<HTMLDivElement>>;
+}, "ref"> & react.RefAttributes<HTMLDivElement>, "ref">, "ref">) & react.RefAttributes<HTMLDivElement>>;
 
 declare const ComboboxEmpty: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
@@ -187,7 +198,7 @@ declare const ComboboxFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omi
     ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
 }, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const ComboboxInput: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "disabled" | "color" | "size" | "className"> & Omit<{
+declare const ComboboxInput: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "disabled" | "color" | "size" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & Omit<{
@@ -197,10 +208,11 @@ declare const ComboboxInput: react.ForwardRefExoticComponent<Omit<Omit<Omit<reac
     disabled?: boolean;
     error?: boolean;
 } & {
-    size?: "md" | "lg" | undefined;
-}, never> & {
+    size?: "md" | "lg" | "2xl" | undefined;
+}, "size"> & {
     appearance?: "number" | "default" | undefined;
-} & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<HTMLInputElement>>;
+    size?: "md" | "lg" | "2xl" | undefined;
+} & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<HTMLInputElement>>;
 
 declare const ComboboxItem: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
@@ -211,7 +223,7 @@ declare const ComboboxItem: react.ForwardRefExoticComponent<Omit<Omit<react.Deta
     description?: react.ReactNode;
     icon?: react.ReactNode;
 } & {
-    colorScheme?: "danger" | "neutral" | undefined;
+    intent?: "danger" | "neutral" | undefined;
 }, never> & {
     active?: boolean;
     item: unknown;
@@ -237,7 +249,7 @@ declare const ComboboxSeparator: react.ForwardRefExoticComponent<Omit<Omit<Omit<
         readonly md?: "vertical" | "horizontal" | undefined;
         readonly lg?: "vertical" | "horizontal" | undefined;
     } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "vertical" | "horizontal" | null>;
-} & react.RefAttributes<HTMLHRElement>, "ref">, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w" | "className" | "asChild"> & Omit<{
+} & react.RefAttributes<HTMLHRElement>, "ref">, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className" | "asChild"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & react.RefAttributes<HTMLLIElement>>;
@@ -251,11 +263,11 @@ declare const ComboboxTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<Ra
     disabled?: boolean;
     loading?: boolean;
 } & Omit<{
-    colorScheme?: "danger" | "neutral" | "primary" | undefined;
     iconOnly?: boolean | undefined;
+    intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "subtle" | "solid" | undefined;
-}, "colorScheme" | "variant">, "children"> & Omit<{
+}, "intent" | "variant">, "children"> & Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
     children?: react.ReactNode;
@@ -263,28 +275,12 @@ declare const ComboboxTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<Ra
     iconPosition?: "end" | "start";
 }, never> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
-declare const ComboboxMultipleValue: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+declare const ComboboxValue: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & {
     placeholder?: string;
-    value: Set<unknown> | unknown[];
-} & Pick<UseComboboxProps<unknown>, "itemToString" | "itemToKey"> & react.RefAttributes<HTMLDivElement>>;
-
-declare const ComboboxSingleValue: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
-    asChild?: boolean;
-    className?: string;
-} & Sprinkles, never> & {
-    placeholder?: string;
-    value: unknown;
-} & Pick<UseComboboxProps<unknown>, "itemToString" | "itemToKey"> & react.RefAttributes<HTMLDivElement>>;
-
-type ComboboxValueProps = ({
-    type: "multiple";
-} & ComponentPropsWithoutRef<typeof ComboboxMultipleValue>) | ({
-    type?: "single";
-} & ComponentPropsWithoutRef<typeof ComboboxSingleValue>);
-declare const ComboboxValue: react.ForwardRefExoticComponent<ComboboxValueProps & react.RefAttributes<HTMLDivElement>>;
+} & react.RefAttributes<HTMLDivElement>>;
 
 declare const CommandCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
@@ -295,7 +291,7 @@ declare const CommandCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<Omi
     description?: react.ReactNode;
     icon?: react.ReactNode;
 } & {
-    colorScheme?: "danger" | "neutral" | undefined;
+    intent?: "danger" | "neutral" | undefined;
 }, never> & {
     active?: boolean;
     item: unknown;
@@ -325,9 +321,10 @@ declare const CommandInput: react.ForwardRefExoticComponent<Omit<Omit<Omit<react
     disabled?: boolean;
     error?: boolean;
 } & {
-    size?: "md" | "lg" | undefined;
-}, never> & {
+    size?: "md" | "lg" | "2xl" | undefined;
+}, "size"> & {
     appearance?: "number" | "default" | undefined;
+    size?: "md" | "lg" | "2xl" | undefined;
 } & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<HTMLInputElement>>;
 
 declare const CommandItem: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref">, "color" | "className"> & Omit<{
@@ -339,7 +336,7 @@ declare const CommandItem: react.ForwardRefExoticComponent<Omit<Omit<react.Detai
     description?: react.ReactNode;
     icon?: react.ReactNode;
 } & {
-    colorScheme?: "danger" | "neutral" | undefined;
+    intent?: "danger" | "neutral" | undefined;
 }, never> & {
     active?: boolean;
     item: unknown;
@@ -365,7 +362,7 @@ declare const CommandSeparator: react.ForwardRefExoticComponent<Omit<Omit<Omit<O
         readonly md?: "vertical" | "horizontal" | undefined;
         readonly lg?: "vertical" | "horizontal" | undefined;
     } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "vertical" | "horizontal" | null>;
-} & react.RefAttributes<HTMLHRElement>, "ref">, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w" | "className" | "asChild"> & Omit<{
+} & react.RefAttributes<HTMLHRElement>, "ref">, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className" | "asChild"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & react.RefAttributes<HTMLLIElement>>;
@@ -382,6 +379,16 @@ declare const DataTableHeader: {
     displayName: string;
 };
 
+type HighlightProps = BoxProps<"div", {
+    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;
+}
+
 declare const Pill: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "children" | "disabled" | "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
@@ -391,17 +398,17 @@ declare const Pill: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.De
     disabled?: boolean;
     loading?: boolean;
 } & Omit<{
-    colorScheme?: "danger" | "neutral" | "primary" | undefined;
     iconOnly?: boolean | undefined;
+    intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "subtle" | "solid" | undefined;
-}, "colorScheme" | "variant">, "children"> & Omit<{
+}, "intent" | "variant">, "children"> & Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
     children?: react.ReactNode;
     icon?: react.ReactNode;
     iconPosition?: "end" | "start";
-}, never> & react.RefAttributes<HTMLButtonElement>, "ref">, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w" | "className" | "asChild"> & Omit<{
+}, never> & react.RefAttributes<HTMLButtonElement>, "ref">, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className" | "asChild"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, "size"> & {
@@ -432,6 +439,11 @@ declare const SelectContent: react.ForwardRefExoticComponent<Omit<Omit<_radix_ui
     loading?: boolean;
 } & react.RefAttributes<HTMLDivElement>>;
 
+declare const SelectGroup: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
 declare const SelectItem: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref">, "color" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
@@ -441,7 +453,7 @@ declare const SelectItem: react.ForwardRefExoticComponent<Omit<Omit<react.Detail
     description?: react.ReactNode;
     icon?: react.ReactNode;
 } & {
-    colorScheme?: "danger" | "neutral" | undefined;
+    intent?: "danger" | "neutral" | undefined;
 }, never> & {
     item: unknown;
 } & react.RefAttributes<HTMLLIElement>>;
@@ -466,7 +478,7 @@ declare const SelectSeparator: react.ForwardRefExoticComponent<Omit<Omit<Omit<Om
         readonly md?: "vertical" | "horizontal" | undefined;
         readonly lg?: "vertical" | "horizontal" | undefined;
     } | undefined) | _vanilla_extract_sprinkles.ResponsiveArray<2 | 1 | 3, "vertical" | "horizontal" | null>;
-} & react.RefAttributes<HTMLHRElement>, "ref">, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "h" | "leading" | "m" | "maxH" | "maxW" | "mb" | "ml" | "mr" | "mt" | "mx" | "my" | "p" | "pb" | "pl" | "pr" | "pt" | "px" | "py" | "w" | "className" | "asChild"> & Omit<{
+} & react.RefAttributes<HTMLHRElement>, "ref">, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className" | "asChild"> & Omit<{
     asChild?: boolean;
     className?: string;
 } & Sprinkles, never> & react.RefAttributes<HTMLDivElement>>;
@@ -480,11 +492,11 @@ declare const SelectTrigger: react.ForwardRefExoticComponent<Omit<Omit<_radix_ui
     disabled?: boolean;
     loading?: boolean;
 } & Omit<{
-    colorScheme?: "danger" | "neutral" | "primary" | undefined;
     iconOnly?: boolean | undefined;
+    intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     variant?: "outline" | "subtle" | "solid" | undefined;
-}, "colorScheme" | "variant">, "children"> & Omit<{
+}, "intent" | "variant">, "children"> & Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
     children?: react.ReactNode;
@@ -499,6 +511,126 @@ declare const SelectValue: react.ForwardRefExoticComponent<Omit<Omit<react.Detai
     placeholder?: string;
 } & react.RefAttributes<HTMLDivElement>>;
 
+type SpotlightProps<Item> = {
+    children: ReactNode;
+    defaultOpen?: boolean;
+    onInputValueChange?: (inputValue: string) => void;
+    onOpenChange?: (open: boolean) => void;
+    open?: boolean;
+} & ComponentPropsWithoutRef<typeof Command<Item>>;
+declare function Spotlight<Item>({ children, defaultOpen, inputValue, isItemDisabled, items, itemToKey, itemToString, onInputValueChange, onItemSelect, onOpenChange, open: openProp, }: SpotlightProps<Item>): react_jsx_runtime.JSX.Element;
+declare namespace Spotlight {
+    var displayName: string;
+}
+
+declare const SpotlightContent: react.ForwardRefExoticComponent<(Omit<Omit<Omit<Omit<Omit<RadixDialog.DialogContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className" | "asChild" | "transitionType" | "withCloseButton"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & {
+    transitionType?: ComponentPropsWithoutRef<typeof Transition>["type"];
+    withCloseButton?: boolean;
+} & {
+    size?: "sm" | "md" | "lg" | "fullscreen" | undefined;
+}, "ref"> & react.RefAttributes<HTMLDivElement>, "ref">, "ref"> | Omit<Omit<Omit<Omit<Omit<RadixPopover.PopoverContentProps & react.RefAttributes<HTMLDivElement>, "ref">, "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className" | "asChild" | "minW" | "provider" | "enableExitAnimation" | "withArrow"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & Omit<{
+    enableExitAnimation?: boolean;
+} & {
+    minW?: "0" | "trigger" | undefined;
+    provider?: "popover" | "dropdown-menu" | "popper" | undefined;
+}, never> & {
+    withArrow?: boolean;
+}, "ref"> & react.RefAttributes<HTMLDivElement>, "ref">, "ref">) & react.RefAttributes<HTMLDivElement>>;
+
+declare const SpotlightEmpty: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+declare const SpotlightInput: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "disabled" | "color" | "size" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    addonPointerEvents?: "auto" | "none";
+    disabled?: boolean;
+    error?: boolean;
+} & {
+    size?: "md" | "lg" | "2xl" | undefined;
+}, "size"> & {
+    appearance?: "number" | "default" | undefined;
+    size?: "md" | "lg" | "2xl" | undefined;
+} & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<HTMLInputElement>, "ref"> & react.RefAttributes<HTMLInputElement>>;
+
+declare const SpotlightItem: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    description?: react.ReactNode;
+    icon?: react.ReactNode;
+} & {
+    intent?: "danger" | "neutral" | undefined;
+}, never> & {
+    active?: boolean;
+    item: unknown;
+} & react.RefAttributes<HTMLLIElement>, "ref"> & react.RefAttributes<HTMLLIElement>>;
+
+declare const SpotlightLabel: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLLIElement>>;
+
+declare const SpotlightList: react.ForwardRefExoticComponent<Omit<Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref">, "color" | "className"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, never> & react.RefAttributes<HTMLUListElement>, "ref"> & react.RefAttributes<HTMLUListElement>>;
+
+declare const SpotlightTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<RadixDialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "disabled" | "color" | "className" | "asChild"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & Omit<{
+    appearance?: "default" | "inverse" | "danger" | "subtle" | "primary" | "danger-outline";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    loading?: boolean;
+} & Omit<{
+    iconOnly?: boolean | undefined;
+    intent?: "danger" | "neutral" | "primary" | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    variant?: "outline" | "subtle" | "solid" | undefined;
+}, "intent" | "variant">, "children"> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    children?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+}, never> & react.RefAttributes<HTMLButtonElement>, "ref">, "children" | "disabled" | "borderColor" | "color" | "fontFamily" | "animation" | "fontSize" | "size" | "cursor" | "empty" | "fontWeight" | "objectFit" | "overflowX" | "overflowY" | "pointerEvents" | "textAlign" | "textTransform" | "transition" | "whiteSpace" | "bg" | "border" | "borderB" | "borderL" | "borderR" | "borderT" | "overflow" | "rounded" | "shadow" | "tracking" | "z" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "leading" | "maxH" | "maxW" | "m" | "mx" | "my" | "mb" | "ml" | "mr" | "mt" | "p" | "px" | "py" | "pb" | "pl" | "pr" | "pt" | "h" | "w" | "className" | "asChild" | "appearance" | "loading" | "addonAfter" | "addonBefore" | "icon" | "iconOnly" | "iconPosition"> & Omit<{
+    asChild?: boolean;
+    className?: string;
+} & Sprinkles, "size"> & Omit<{
+    appearance?: "default" | "inverse" | "danger" | "subtle" | "primary" | "danger-outline";
+    children?: react.ReactNode;
+    disabled?: boolean;
+    loading?: boolean;
+} & Omit<{
+    iconOnly?: boolean | undefined;
+    intent?: "danger" | "neutral" | "primary" | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    variant?: "outline" | "subtle" | "solid" | undefined;
+}, "intent" | "variant">, "children"> & Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    children?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+}, never> & {
+    hotkey?: string[];
+} & react.RefAttributes<HTMLButtonElement>>;
+
 declare const Table: react.ForwardRefExoticComponent<Omit<Omit<react.DetailedHTMLProps<react.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref">, "color" | "border" | "className"> & Omit<{
     asChild?: boolean;
     className?: string;
@@ -529,4 +661,4 @@ declare const TableRow: react.ForwardRefExoticComponent<Omit<Omit<react.Detailed
     className?: string;
 } & Sprinkles, never> & react.RefAttributes<HTMLTableRowElement>>;
 
-export { Autocomplete, AutocompleteContent, AutocompleteEmpty, AutocompleteItem, AutocompleteItemIndicator, AutocompleteList, AutocompleteTrigger, Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, Combobox, ComboboxCheckboxItem, ComboboxContent, ComboboxEmpty, ComboboxFooter, ComboboxInput, ComboboxItem, ComboboxItemIndicator, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandCheckboxItem, CommandEmpty, CommandFooter, CommandInput, CommandItem, CommandItemIndicator, CommandList, CommandSeparator, DataTable, DataTableHeader, Pill, Select, SelectContent, SelectItem, SelectItemIndicator, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Table, TableBody, TableCell, TableHead, TableHeaderCell, TableRow };
+export { Autocomplete, AutocompleteContent, AutocompleteEmpty, AutocompleteItem, AutocompleteItemIndicator, AutocompleteList, AutocompleteTrigger, Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps, Combobox, ComboboxCheckboxItem, ComboboxContent, ComboboxEmpty, ComboboxFooter, ComboboxInput, ComboboxItem, ComboboxItemIndicator, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandCheckboxItem, CommandEmpty, CommandFooter, CommandInput, CommandItem, CommandItemIndicator, CommandList, CommandSeparator, DataTable, DataTableHeader, Highlight, Pill, Select, SelectContent, SelectGroup, SelectItem, SelectItemIndicator, SelectLabel, SelectSeparator, SelectTrigger, SelectValue, Spotlight, SpotlightContent, SpotlightEmpty, SpotlightInput, SpotlightItem, SpotlightLabel, SpotlightList, SpotlightTrigger, Table, TableBody, TableCell, TableHead, TableHeaderCell, TableRow };

package/dist/unstable.js

@@ -34,15 +34,25 @@ export { CommandList } from './src/command-list/CommandList.js';
 export { CommandSeparator } from './src/command-separator/CommandSeparator.js';
 export { DataTable } from './src/data-table/DataTable.js';
 export { DataTableHeader } from './src/data-table-header/DataTableHeader.js';
+export { Highlight } from './src/highlight/Highlight.js';
 export { Pill } from './src/pill/Pill.js';
 export { Select } from './src/select/Select.js';
 export { SelectContent } from './src/select-content/SelectContent.js';
+export { SelectGroup } from './src/select-group/SelectGroup.js';
 export { SelectItem } from './src/select-item/SelectItem.js';
 export { SelectItemIndicator } from './src/select-item-indicator/SelectItemIndicator.js';
 export { SelectLabel } from './src/select-label/SelectLabel.js';
 export { SelectSeparator } from './src/select-separator/SelectSeparator.js';
 export { SelectTrigger } from './src/select-trigger/SelectTrigger.js';
 export { SelectValue } from './src/select-value/SelectValue.js';
+export { Spotlight } from './src/spotlight/Spotlight.js';
+export { SpotlightContent } from './src/spotlight-content/SpotlightContent.js';
+export { SpotlightEmpty } from './src/spotlight-empty/SpotlightEmpty.js';
+export { SpotlightInput } from './src/spotlight-input/SpotlightInput.js';
+export { SpotlightItem } from './src/spotlight-item/SpotlightItem.js';
+export { SpotlightLabel } from './src/spotlight-label/SpotlightLabel.js';
+export { SpotlightList } from './src/spotlight-list/SpotlightList.js';
+export { SpotlightTrigger } from './src/spotlight-trigger/SpotlightTrigger.js';
 export { Table } from './src/table/Table.js';
 export { TableBody } from './src/table-body/TableBody.js';
 export { TableCell } from './src/table-cell/TableCell.js';

package/package.json

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

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

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

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

@@ -1,28 +0,0 @@
-@layer optiaxiom._1na4eli;
-@layer optiaxiom._1na4eli {
-  .q1w45z {
-    border-radius: var(--ax-borderRadius-full);
-    user-select: none;
-  }
-  ._1qjtom .q1w45z {
-    border: 1px solid var(--ax-colors-bg-default);
-  }
-  ._1qjtom ._27k7c8:not(:first-child) {
-    margin-left: -3px;
-  }
-  ._1qjtom ._1isa4dp:not(:first-child) {
-    margin-left: -5px;
-  }
-  ._1qjtom .j6d4ph:not(:first-child) {
-    margin-left: -7px;
-  }
-  ._1qjtom ._1w8cto1:not(:first-child) {
-    margin-left: -9px;
-  }
-  ._1qjtom .wq08aa:not(:first-child) {
-    margin-left: -11px;
-  }
-  ._1qjtom ._1og5str:not(:first-child) {
-    margin-left: -13px;
-  }
-}

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

@@ -1,46 +0,0 @@
-@layer optiaxiom._1na4eli;
-@layer optiaxiom._1na4eli {
-  .mxmsa1 {
-    --_19qii9t: var(--ax-colors-fg-white);
-  }
-  ._127bq6g {
-    --_1ae16gz: var(--ax-colors-bg-error);
-    --q80pfn: var(--ax-colors-bg-error-subtle);
-    --tlwxii: var(--ax-colors-fg-error-strong);
-  }
-  .oqek2l {
-    --_1ae16gz: var(--ax-colors-bg-information);
-    --q80pfn: var(--ax-colors-bg-information-subtle);
-    --tlwxii: var(--ax-colors-fg-information-strong);
-  }
-  ._1ouc4f2 {
-    --_1ae16gz: var(--ax-colors-bg-tertiary);
-    --_19qii9t: var(--ax-colors-fg-default);
-    --q80pfn: var(--ax-colors-bg-secondary);
-    --tlwxii: var(--ax-colors-fg-secondary);
-  }
-  ._1xngmy8 {
-    --_1ae16gz: var(--ax-colors-bg-accent);
-    --q80pfn: var(--ax-colors-bg-accent-subtle);
-    --tlwxii: var(--ax-colors-fg-accent-strong);
-  }
-  ._1ema7ga {
-    --_1ae16gz: var(--ax-colors-bg-success);
-    --q80pfn: var(--ax-colors-bg-success-subtle);
-    --tlwxii: var(--ax-colors-fg-success-strong);
-  }
-  ._1b9xeu0 {
-    --_1ae16gz: var(--ax-colors-bg-warning);
-    --_19qii9t: var(--ax-colors-fg-warning-inverse);
-    --q80pfn: var(--ax-colors-bg-warning-subtle);
-    --tlwxii: var(--ax-colors-fg-warning-strong);
-  }
-  ._1bsa6e0 {
-    background-color: var(--q80pfn);
-    color: var(--tlwxii);
-  }
-  ._14zfehq {
-    background-color: var(--_1ae16gz);
-    color: var(--_19qii9t);
-  }
-}