@optiaxiom/react 1.1.2 → 1.2.0

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { ReactNode, ComponentPropsWithoutRef, ElementType, RefObject, ComponentPropsWithRef, ReactElement } from 'react';
-import { S as Sprinkles, R as RecipeVariants, E as ExcludeProps, B as BoxProps, a as ExtendProps, T as Transition, M as MenuListbox, b as ResponsiveArray } from './PopoverContent-sPHGtKup.js';
-export { c as Box, C as Checkbox, D as DialogContent, L as Link, P as Popover, d as PopoverContent, m as mapResponsiveValue, s as sprinkles, v as vars } from './PopoverContent-sPHGtKup.js';
+import { S as Sprinkles, R as RecipeVariants, E as ExcludeProps, B as BoxProps, a as ExtendProps, T as Transition, M as MenuListbox, b as ResponsiveArray } from './PopoverContent-CfLfy8ni.js';
+export { c as Box, C as Checkbox, D as DialogContent, L as Link, d as ListboxScrollArea, P as Popover, e as PopoverContent, m as mapResponsiveValue, s as sprinkles, v as vars } from './PopoverContent-CfLfy8ni.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as RadixAlertDialog from '@radix-ui/react-alert-dialog';
 import { createToaster } from '@optiaxiom/globals';
@@ -542,6 +542,7 @@ declare const DropdownMenuCheckboxItem: react.ForwardRefExoticComponent<Omit<Non
 } & {
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
+    "data-highlighted"?: boolean;
     description?: react.ReactNode;
     icon?: react.ReactNode;
 }>, never> & Omit<NonNullable<Sprinkles & {
@@ -567,6 +568,7 @@ declare const DropdownMenuItem: react.ForwardRefExoticComponent<Omit<NonNullable
 } & {
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
+    "data-highlighted"?: boolean;
     description?: react.ReactNode;
     icon?: react.ReactNode;
 }>, never> & Omit<NonNullable<Sprinkles & {
@@ -612,6 +614,7 @@ declare const DropdownMenuSubTrigger: react.ForwardRefExoticComponent<Omit<NonNu
 } & {
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
+    "data-highlighted"?: boolean;
     description?: react.ReactNode;
     icon?: react.ReactNode;
 }>, never> & Omit<NonNullable<Sprinkles & {
@@ -923,6 +926,7 @@ declare const ListboxCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<Non
 } & {
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
+    "data-highlighted"?: boolean;
     description?: react.ReactNode;
     icon?: react.ReactNode;
 }>, never> & Omit<NonNullable<Sprinkles & {
@@ -965,6 +969,10 @@ type ListboxItemProps<T extends ElementType = "div", P = unknown> = BoxProps<T,
      * Display content inside the item before `children`.
      */
     addonBefore?: ReactNode;
+    /**
+     * Whether to mark item as highlighted.
+     */
+    "data-highlighted"?: boolean;
     /**
      * Add secondary text after the primary label.
      */
@@ -985,6 +993,10 @@ declare const ListboxItem: react.ForwardRefExoticComponent<Omit<NonNullable<{
      * Display content inside the item before `children`.
      */
     addonBefore?: ReactNode;
+    /**
+     * Whether to mark item as highlighted.
+     */
+    "data-highlighted"?: boolean;
     /**
      * Add secondary text after the primary label.
      */
@@ -1015,6 +1027,7 @@ declare const ListboxRadioItem: react.ForwardRefExoticComponent<Omit<Omit<NonNul
 } & {
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
+    "data-highlighted"?: boolean;
     description?: react.ReactNode;
     icon?: react.ReactNode;
 }>, never> & Omit<NonNullable<Sprinkles & {
@@ -1022,11 +1035,6 @@ declare const ListboxRadioItem: react.ForwardRefExoticComponent<Omit<Omit<NonNul
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-declare const ListboxScrollArea: react.ForwardRefExoticComponent<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>>;
-
 declare const ListboxSeparator: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
@@ -1046,6 +1054,7 @@ declare const ListboxSwitchItem: react.ForwardRefExoticComponent<Omit<Omit<NonNu
 } & {
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
+    "data-highlighted"?: boolean;
     description?: react.ReactNode;
     icon?: react.ReactNode;
 }>, never> & Omit<NonNullable<Sprinkles & {
@@ -1585,4 +1594,4 @@ declare namespace TransitionGroup {
     var displayName: string;
 }
 
-export { Alert, AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogFooter, AlertDialogHeader, AlertDialogTrigger, AngleMenuButton, Avatar, AvatarGroup, AxiomProvider, Badge, Banner, BoxProps, Button, ButtonGroup, type ButtonProps, Code, Dialog, DialogBody, DialogClose, DialogFooter, DialogForm, DialogHeader, DialogTrigger, Disclosure, DisclosureContent, DisclosureTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EllipsisMenuButton, Field, FieldLabel, Flex, Grid, Heading, type HeadingProps, Indicator, Input, InputAddon, InputControl, type InputControlProps, InputRoot, Kbd, Listbox, ListboxCheckboxItem, ListboxEmpty, ListboxFooter, ListboxGroup, ListboxItem, ListboxItemIndicator, type ListboxItemProps, ListboxLabel, ListboxRadioItem, ListboxScrollArea, ListboxSeparator, ListboxSwitchItem, ModalLayer, ModalProvider, Nav, NavAccountItem, type NavAccountItemProps, NavBody, NavFooter, NavGroup, NavGroupContent, NavGroupTrigger, NavHeader, NavItem, type NavItemProps, NavList, NavSeparator, Pagination, type PaginationProps, Paper, PopoverAnchor, PopoverTrigger, Progress, Radio, RadioGroup, SearchInput, SegmentedControl, SegmentedControlItem, Separator, Sidebar, SidebarToggle, type SidebarToggleProps, Skeleton, Spinner, Sprinkles, SubNav, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Text, type TextProps, Textarea, ThemeProvider, Toast, ToastAction, ToastProvider, ToastTitle, ToggleButton, Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger, Transition, TransitionGlobalConfig, TransitionGroup, extractBoxProps, layers_css as layers, sprinklesMerge, useModalContext };
+export { Alert, AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogFooter, AlertDialogHeader, AlertDialogTrigger, AngleMenuButton, Avatar, AvatarGroup, AxiomProvider, Badge, Banner, BoxProps, Button, ButtonGroup, type ButtonProps, Code, Dialog, DialogBody, DialogClose, DialogFooter, DialogForm, DialogHeader, DialogTrigger, Disclosure, DisclosureContent, DisclosureTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EllipsisMenuButton, Field, FieldLabel, Flex, Grid, Heading, type HeadingProps, Indicator, Input, InputAddon, InputControl, type InputControlProps, InputRoot, Kbd, Listbox, ListboxCheckboxItem, ListboxEmpty, ListboxFooter, ListboxGroup, ListboxItem, ListboxItemIndicator, type ListboxItemProps, ListboxLabel, ListboxRadioItem, ListboxSeparator, ListboxSwitchItem, ModalLayer, ModalProvider, Nav, NavAccountItem, type NavAccountItemProps, NavBody, NavFooter, NavGroup, NavGroupContent, NavGroupTrigger, NavHeader, NavItem, type NavItemProps, NavList, NavSeparator, Pagination, type PaginationProps, Paper, PopoverAnchor, PopoverTrigger, Progress, Radio, RadioGroup, SearchInput, SegmentedControl, SegmentedControlItem, Separator, Sidebar, SidebarToggle, type SidebarToggleProps, Skeleton, Spinner, Sprinkles, SubNav, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Text, type TextProps, Textarea, ThemeProvider, Toast, ToastAction, ToastProvider, ToastTitle, ToggleButton, Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger, Transition, TransitionGlobalConfig, TransitionGroup, extractBoxProps, layers_css as layers, sprinklesMerge, useModalContext };

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';
@@ -182,7 +182,7 @@ declare const Clock: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className" | "defaultValue"> & react.RefAttributes<HTMLDivElement>>;
 
-type CommandProps<Item> = Pick<UseComboboxProps<Item>, "inputId" | "selectedItem" | "stateReducer"> & {
+type CommandProps<Item> = Pick<UseComboboxProps<Item>, "inputId" | "stateReducer"> & {
     children: ReactNode;
     /**
      * The input value in controlled mode.
@@ -193,17 +193,17 @@ type CommandProps<Item> = Pick<UseComboboxProps<Item>, "inputId" | "selectedItem
      */
     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,11 +213,8 @@ type CommandProps<Item> = Pick<UseComboboxProps<Item>, "inputId" | "selectedItem
      * Handler that is called when an item is selected either via keyboard or mouse.
      */
     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, selectedItem, 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;
 }
@@ -237,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;
 }
@@ -253,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 & {
@@ -337,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 & {
@@ -344,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;
@@ -394,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>;
@@ -1561,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.
      */
@@ -1606,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 & {
@@ -1660,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;
 }
@@ -1716,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 & {
@@ -1785,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;
@@ -1824,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.2",
+  "version": "1.2.0",
   "files": [
     "dist/**",
     "LICENSE"
@@ -15,14 +15,14 @@
   "license": "Apache-2.0",
   "exports": {
     ".": {
+      "types": "./dist/index.d.ts",
       "import": "./dist/esm/index.js",
-      "require": "./dist/cjs/index.js",
-      "types": "./dist/index.d.ts"
+      "require": "./dist/cjs/index.js"
     },
     "./unstable": {
+      "types": "./dist/unstable.d.ts",
       "import": "./dist/esm/unstable.js",
-      "require": "./dist/cjs/unstable.js",
-      "types": "./dist/unstable.d.ts"
+      "require": "./dist/cjs/unstable.js"
     }
   },
   "sideEffects": [

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

@@ -1,22 +0,0 @@
-@layer optiaxiom._1j05rql;
-@layer optiaxiom._1j05rql {
-  ._118c14t {
-    transition: opacity var(--ax-duration-sm) ease;
-  }
-  ._1vazu1:not(:has(._1vazu1)):focus-within ._118c14t, ._118c14t:has(:checked, [data-state=open]) {
-    opacity: 1;
-    transition: none;
-  }
-  ._1x1kucb {
-    opacity: 0;
-  }
-  .k4yvhz {
-    opacity: 1;
-  }
-  @media (hover: hover) {
-    ._1vazu1:not(:has(._1vazu1)):hover ._118c14t {
-      opacity: 1;
-      transition: none;
-    }
-  }
-}

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

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

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

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

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

@@ -1,27 +0,0 @@
-@layer optiaxiom._1j05rql;
-@layer optiaxiom._1j05rql {
-  ._1c7nn7g {
-    opacity: 0;
-  }
-  .f3uklq {
-    inset: 0;
-    position: fixed;
-  }
-  ._1yt2knb {
-    max-height: 50dvh;
-    max-width: calc(100dvw - 2 * 24px);
-    transform: 
-      translateY(calc(1rem * var(--_11uvatc)))
-      scale(calc(1 - 0.06 * var(--_11uvatc)))
-    ;
-  }
-  ._9az1tq {
-    width: 400px;
-  }
-  ._1hcjdac {
-    width: 600px;
-  }
-  ._1nopdr6 {
-    width: 800px;
-  }
-}

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

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

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

@@ -1,46 +0,0 @@
-@layer optiaxiom._1j05rql;
-@layer optiaxiom._1j05rql {
-  ._98u0ng {
-    --jcmo8a: var(--ax-colors-fg-white);
-  }
-  ._1qrztln {
-    --o4ltnt: var(--ax-colors-bg-error);
-    --lvlfgm: var(--ax-colors-bg-error-subtle);
-    --_1fbd50t: var(--ax-colors-fg-error-strong);
-  }
-  .sk5zu5 {
-    --o4ltnt: var(--ax-colors-bg-information);
-    --lvlfgm: var(--ax-colors-bg-information-subtle);
-    --_1fbd50t: var(--ax-colors-fg-information-strong);
-  }
-  ._1saa64f {
-    --o4ltnt: var(--ax-colors-bg-tertiary);
-    --jcmo8a: var(--ax-colors-fg-default);
-    --lvlfgm: var(--ax-colors-bg-secondary);
-    --_1fbd50t: var(--ax-colors-fg-secondary);
-  }
-  ._19uqn8k {
-    --o4ltnt: var(--ax-colors-bg-accent);
-    --lvlfgm: var(--ax-colors-bg-accent-subtle);
-    --_1fbd50t: var(--ax-colors-fg-accent-strong);
-  }
-  .tfku0h {
-    --o4ltnt: var(--ax-colors-bg-success);
-    --lvlfgm: var(--ax-colors-bg-success-subtle);
-    --_1fbd50t: var(--ax-colors-fg-success-strong);
-  }
-  ._1by1l55 {
-    --o4ltnt: var(--ax-colors-bg-warning);
-    --jcmo8a: var(--ax-colors-fg-warning-inverse);
-    --lvlfgm: var(--ax-colors-bg-warning-subtle);
-    --_1fbd50t: var(--ax-colors-fg-warning-strong);
-  }
-  ._1p3na8i {
-    background-color: var(--o4ltnt);
-    color: var(--jcmo8a);
-  }
-  ._1px3qo4 {
-    background-color: var(--lvlfgm);
-    color: var(--_1fbd50t);
-  }
-}

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

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

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

@@ -1,8 +0,0 @@
-@layer optiaxiom._1j05rql;
-@layer optiaxiom._1j05rql {
-  ._17jugq0: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-BUmRo4aJ.css

@@ -1,147 +0,0 @@
-@layer optiaxiom._1j05rql;
-@layer optiaxiom._1j05rql {
-  ._1rh6g3l {
-    border-radius: var(--ax-borderRadius-md);
-    padding-inline: var(--_1r10tux);
-    position: relative;
-    text-decoration: none;
-    user-select: none;
-  }
-  ._1rh6g3l: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;
-  }
-  ._7clb99[data-orientation="horizontal"] > ._1rh6g3l:not(:first-child):not(:last-child),._7clb99[data-orientation="horizontal"] > :not(:first-child):not(:last-child) ._1rh6g3l {
-    border-inline-width: 0.5px;
-  }
-  ._7clb99[data-orientation="horizontal"] > ._1rh6g3l:not(:only-child):first-child,._7clb99[data-orientation="horizontal"] > :not(:only-child):first-child ._1rh6g3l {
-    border-bottom-right-radius: 0;
-    border-right-width: 0.5px;
-    border-top-right-radius: 0;
-  }
-  ._7clb99[data-orientation="horizontal"] > ._1rh6g3l:not(:only-child):last-child,._7clb99[data-orientation="horizontal"] > :not(:only-child):last-child ._1rh6g3l {
-    border-bottom-left-radius: 0;
-    border-left-width: 0.5px;
-    border-top-left-radius: 0;
-  }
-  ._7clb99[data-orientation="vertical"] > ._1rh6g3l:not(:first-child):not(:last-child),._7clb99[data-orientation="vertical"] > :not(:first-child):not(:last-child) ._1rh6g3l {
-    border-block-width: 0.5px;
-  }
-  ._7clb99[data-orientation="vertical"] > ._1rh6g3l:not(:only-child):first-child,._7clb99[data-orientation="vertical"] > :not(:only-child):first-child ._1rh6g3l {
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-    border-bottom-width: 0.5px;
-  }
-  ._7clb99[data-orientation="vertical"] > ._1rh6g3l:not(:only-child):last-child,._7clb99[data-orientation="vertical"] > :not(:only-child):last-child ._1rh6g3l {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-    border-top-width: 0.5px;
-  }
-  ._7clb99[data-orientation] > ._1rh6g3l:not(:first-child):not(:last-child),._7clb99[data-orientation] > :not(:first-child):not(:last-child) ._1rh6g3l {
-    border-radius: 0;
-  }
-  .va58qp {
-    --esetew: var(--ax-colors-bg-error);
-    --s1zft7: var(--ax-colors-bg-error-hovered);
-    --_1pvw0rc: var(--ax-colors-bg-error-pressed);
-    --ttm3k5: var(--ax-colors-bg-error-subtlest);
-    --_1ifeojk: var(--ax-colors-bg-error-subtle);
-  }
-  ._1x8nr7n {
-    --esetew: var(--ax-colors-bg-default-inverse);
-    --s1zft7: var(--ax-colors-bg-default-inverse-hovered);
-    --_1pvw0rc: var(--ax-colors-bg-default-inverse-pressed);
-    --dcq0cc: var(--ax-colors-fg-default-inverse);
-    --ttm3k5: var(--ax-colors-bg-page);
-    --y2j4ec: var(--ax-colors-border-default);
-    --jrp5kc: var(--ax-colors-border-default);
-    --_1ifeojk: var(--ax-colors-bg-secondary);
-    --oxs1uu: var(--ax-colors-fg-default);
-    --ywpo6o: var(--ax-colors-bg-default-hovered);
-    --_1oixflq: var(--ax-colors-bg-default-pressed);
-  }
-  .bkx0ir {
-    --esetew: var(--ax-colors-bg-accent);
-    --s1zft7: var(--ax-colors-bg-accent-hovered);
-    --_1pvw0rc: var(--ax-colors-bg-accent-pressed);
-    --ttm3k5: var(--ax-colors-bg-accent-subtle);
-    --_1ifeojk: var(--ax-colors-bg-accent-light);
-  }
-  ._1mctf6k {
-    min-width: fit-content;
-  }
-  ._162vpq6 {
-    background-color: var(--ax-colors-bg-default);
-    border: 1px solid var(--jrp5kc, var(--esetew));
-    color: var(--oxs1uu, var(--esetew));
-    padding-inline: calc(var(--_1r10tux) - 1px);
-  }
-  ._162vpq6:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--_1ifeojk);
-    border-color: var(--y2j4ec, var(--s1zft7));
-  }
-  ._162vpq6: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);
-  }
-  ._162vpq6[data-disabled]:not([data-loading]) {
-    border-color: var(--ax-colors-border-disabled);
-    color: var(--ax-colors-fg-disabled);
-  }
-  ._1pdt77r {
-    background-color: var(--esetew);
-    color: var(--dcq0cc, var(--ax-colors-fg-white));
-  }
-  ._1pdt77r:active:not([data-disabled], [data-loading]) {
-    background-color: var(--_1pvw0rc);
-  }
-  ._1pdt77r[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(--_1r10tux) - 1px);
-  }
-  ._7hkhyf {
-    background-color: transparent;
-    border-color: var(--esetew);
-    color: var(--oxs1uu, var(--esetew));
-  }
-  ._7hkhyf:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--_1oixflq, var(--_1ifeojk));
-  }
-  ._7hkhyf:is([data-state="active"], [data-state="on"]) {
-    background-color: var(--ax-colors-bg-accent-subtle);
-    color: var(--ax-colors-fg-accent);
-  }
-  ._7hkhyf[data-disabled]:not([data-loading]) {
-    color: var(--ax-colors-fg-disabled);
-  }
-  ._16h2tkt {
-    --_1r10tux: 4px;
-  }
-  .y3yub1 {
-    --_1r10tux: 8px;
-  }
-  ._1yi4e82 {
-    --_1r10tux: 12px;
-  }
-  ._136wjl9 {
-    left: 0;
-    position: absolute;
-    right: 0;
-  }
-  @media (hover: hover) {
-    ._162vpq6:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-      background-color: var(--ttm3k5);
-      border-color: var(--y2j4ec, var(--s1zft7));
-    }
-    ._1pdt77r:hover:not(:active, [data-disabled], [data-loading]) {
-      background-color: var(--s1zft7);
-    }
-    ._7hkhyf:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-      background-color: var(--ywpo6o, var(--ttm3k5));
-    }
-  }
-}

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

@@ -1,9 +0,0 @@
-@layer optiaxiom._1j05rql;
-@layer optiaxiom._1j05rql {
-  ._1skm6af {
-    opacity: 1;
-  }
-  ._1hnxgcm[data-loading] ._1skm6af {
-    opacity: 0;
-  }
-}

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

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

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

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