@optiaxiom/react 1.7.13 → 1.8.1

package/dist/esm/packages/react/src/tooltip/TooltipContent-css.js

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Dql4wsub.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BqIfkBSM.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var content = recipeRuntime({base:[{bg:'bg.default.inverse',color:'fg.default.inverse',maxW:'xs',px:'12',py:'8',rounded:'md',z:'tooltip'}],variants:{disableHoverableContent:{false:{},true:{pointerEvents:'none'}}}});

package/dist/esm/packages/react/src/transition/Transition-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Dql4wsub.css';
-import './../../../../assets/src/transition/Transition.css.ts.vanilla-DIpwQuV9.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BqIfkBSM.css';
+import './../../../../assets/src/transition/Transition.css.ts.vanilla-Dvx-EaPa.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var transition = recipeRuntime({base:'yttylf',variants:{duration:{sm:'_1acpiu2',md:'broi7e',lg:'c137vl'}}});
+var transition = recipeRuntime({base:'_1hba547',variants:{duration:{sm:'haav6j',md:'_1i2wl4a',lg:'iawyzk'}}});
 
 export { transition };

package/dist/esm/unstable.js

@@ -32,3 +32,5 @@ export { SortableItem } from './packages/react/src/sortable/SortableItem.js';
 export { Spotlight } from './packages/react/src/spotlight/Spotlight.js';
 export { SpotlightContent } from './packages/react/src/spotlight/SpotlightContent.js';
 export { SpotlightTrigger } from './packages/react/src/spotlight/SpotlightTrigger.js';
+export { unstable_SurfaceProvider as SurfaceProvider } from '@optiaxiom/globals';
+export { useSurface } from './packages/react/src/surface/useSurface.js';

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { ComponentPropsWithRef, ReactNode, ComponentPropsWithoutRef, ElementType, RefObject, FocusEventHandler, ChangeEventHandler, ReactElement } from 'react';
-import { R as RecipeVariants, B as BoxProps, S as Sprinkles, a as ButtonProps, E as ExcludeProps, F as Flex, b as Button, d as dialogkit, c as ExtendProps, C as Calendar, e as CalendarProps, f as Box, g as ResponsiveArray, P as PopoverContent, h as PopoverContentProps, i as PopoverTrigger, M as ModalListbox, j as ButtonRoot } from './MenuTrigger-DWB6KgSO.js';
-export { k as DialogContent, D as DialogContentProps, l as FlexProps, L as LonghandProps, o as Menu, q as MenuContent, p as MenuContentProps, m as MenuOption, n as MenuProps, s as MenuTrigger, r as MenuTriggerProps, t as PopoverTriggerProps, y as TableHeaderCell, T as TableHeaderCellProps, w as mapResponsiveValue, x as normalizeResponsiveValue, u as sprinkles, v as vars } from './MenuTrigger-DWB6KgSO.js';
+import { R as RecipeVariants, B as BoxProps, S as Sprinkles, a as ButtonProps, E as ExcludeProps, G as Group, b as Button, d as dialogkit, c as ExtendProps, C as Calendar, e as CalendarProps, f as Box, g as ResponsiveArray, P as PopoverContent, h as PopoverContentProps, i as PopoverTrigger, M as ModalListbox, j as ButtonRoot } from './MenuTrigger-BdRBHys6.js';
+export { k as DialogContent, D as DialogContentProps, l as GroupProps, L as LonghandProps, o as Menu, q as MenuContent, p as MenuContentProps, m as MenuOption, n as MenuProps, s as MenuTrigger, r as MenuTriggerProps, t as PopoverTriggerProps, y as TableHeaderCell, T as TableHeaderCellProps, w as mapResponsiveValue, x as normalizeResponsiveValue, u as sprinkles, v as vars } from './MenuTrigger-BdRBHys6.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as RadixDialog from '@radix-ui/react-dialog';
 import { createToaster } from '@optiaxiom/globals';
@@ -10,7 +10,7 @@ import * as RadixPortal from '@radix-ui/react-portal';
 import * as RadixToast from '@radix-ui/react-toast';
 import * as RadixTooltip from '@radix-ui/react-tooltip';
 import { Table as Table$1 } from '@tanstack/table-core';
-import * as _radix_ui_react_popover from '@radix-ui/react-popover';
+import * as RadixPopover from '@radix-ui/react-popover';
 import * as RadixCollapsible from '@radix-ui/react-collapsible';
 import * as RadixMenu from '@radix-ui/react-dropdown-menu';
 import * as RadixSeparator from '@radix-ui/react-separator';
@@ -27,8 +27,8 @@ import 'react-day-picker';
 declare const sprinklesMerge: (...classNames: Array<string | undefined>) => string;
 
 declare function extractBoxProps<S extends Record<string, unknown>>(props: S): {
-    boxProps: Pick<S, ("animation" | "fontFamily" | "fontSize" | "size" | "backgroundImage" | "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" | "p" | "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" | "styles" | "className") & keyof S>;
-    restProps: Omit<S, "animation" | "fontFamily" | "fontSize" | "size" | "backgroundImage" | "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" | "p" | "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" | "styles" | "className">;
+    boxProps: Pick<S, ("animation" | "fontFamily" | "fontSize" | "size" | "backgroundImage" | "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" | "p" | "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" | "style") & keyof S>;
+    restProps: Omit<S, "animation" | "fontFamily" | "fontSize" | "size" | "backgroundImage" | "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" | "p" | "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" | "style">;
 };
 
 declare const alert: (props?: {
@@ -208,7 +208,7 @@ type AlertDialogContentProps = ExcludeProps<BoxProps<typeof RadixDialog.Content,
  */
 declare const AlertDialogContent: react.ForwardRefExoticComponent<AlertDialogContentProps & react.RefAttributes<HTMLDivElement>>;
 
-type AlertDialogFooterProps = ComponentPropsWithRef<typeof Flex>;
+type AlertDialogFooterProps = ComponentPropsWithRef<typeof Group>;
 /**
  * @group AlertDialog
  */
@@ -1075,7 +1075,7 @@ declare const table: (props?: {
 };
 type TableVariants = RecipeVariants<typeof table>;
 
-type TableProps = BoxProps<"table", TableVariants>;
+type TableProps = BoxProps<"div", TableVariants>;
 /**
  * Display tabular data using rows and columns.
  *
@@ -1104,7 +1104,7 @@ declare const Table: react.ForwardRefExoticComponent<{
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref">, "color" | "border" | "className"> & react.RefAttributes<HTMLDivElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 type TableActionProps = BoxProps<typeof ActionsContent>;
 /**
@@ -1209,7 +1209,7 @@ type DataTableBodyProps = BoxProps<"div", {
     /**
      * Whether to show skeleton for the whole table or specific rows.
      */
-    loading?: boolean | Record<string, "sub-rows" | boolean>;
+    loading?: boolean | Record<string, "sub-rows" | false>;
 }>;
 /**
  * @group DataTable
@@ -1222,7 +1222,7 @@ declare const DataTableBody: react.ForwardRefExoticComponent<{
     /**
      * Whether to show skeleton for the whole table or specific rows.
      */
-    loading?: boolean | Record<string, "sub-rows" | boolean>;
+    loading?: boolean | Record<string, "sub-rows" | false>;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
@@ -1498,7 +1498,7 @@ type DateInputProps = ExtendProps<ComponentPropsWithoutRef<typeof Input>, Pick<C
  * @category date
  * @since 1.4.0
  */
-declare const DateInput: react.ForwardRefExoticComponent<Pick<ComponentPropsWithoutRef<react.ForwardRefExoticComponent<CalendarProps & react.RefAttributes<HTMLDivElement>>>, "placeholder" | "holiday" | "weekend"> & {
+declare const DateInput: react.ForwardRefExoticComponent<Pick<ComponentPropsWithoutRef<react.ForwardRefExoticComponent<CalendarProps & react.RefAttributes<HTMLDivElement>>>, "holiday" | "placeholder" | "weekend"> & {
     /**
      * The default date and time to use in the calendar picker when no value has
      * been selected.
@@ -1544,7 +1544,7 @@ declare const DateInput: react.ForwardRefExoticComponent<Pick<ComponentPropsWith
 }>, "size"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "type" | "placeholder"> & react.RefAttributes<HTMLInputElement>>;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "color" | "disabled" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "placeholder" | "type"> & react.RefAttributes<HTMLInputElement>>;
 
 type PopoverProps = {
     children?: React.ReactNode;
@@ -2015,7 +2015,7 @@ declare const DateRangePickerTrigger: react.ForwardRefExoticComponent<Omit<Omit<
 }>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<_radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & {
+}>, "size"> & Omit<Omit<RadixPopover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & {
     /**
      * Provide a custom date range formatter.
      */
@@ -2111,7 +2111,7 @@ declare const DialogClose: react.ForwardRefExoticComponent<Omit<{
     className?: string;
 }>, "size"> & Omit<Omit<RadixDialog.DialogCloseProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
-type DialogFooterProps = ComponentPropsWithRef<typeof Flex>;
+type DialogFooterProps = ComponentPropsWithRef<typeof Group>;
 /**
  * @group Dialog
  */
@@ -2549,6 +2549,66 @@ declare const Field: react.ForwardRefExoticComponent<Pick<Omit<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
+type FlexProps = BoxProps<"div", {
+    /**
+     * Set the element's `align-items` CSS property. Defaults to `center` when
+     * `flexDirection='row'`, and `stretch` when `flexDirection='column'`.
+     */
+    alignItems?: BoxProps["alignItems"];
+    /**
+     * Set the element's `flex-direction` CSS property.
+     *
+     * ⚠️ DEFAULTS TO 'column' (vertical stacking) - NOT 'row' like standard CSS!
+     *
+     * - Default: 'column'
+     * - For horizontal layouts: explicitly set flexDirection='row'
+     * - When direction is 'row', alignItems defaults to 'center'
+     * - When direction is 'column', alignItems defaults to 'stretch'
+     */
+    flexDirection?: BoxProps["flexDirection"];
+}>;
+/**
+ * Stack items vertically or horizontally in a flex container.
+ *
+ * 🚨 Use `<Flex>` for vertical stacking and `<Flex flexDirection="row">` for
+ * horizontal stacking, as our component does NOT use the standard CSS `row`
+ * default.
+ *
+ * Best Practices:
+ * - Use Flex for layout direction (flexDirection, gap, alignment)
+ * - Use Box for simpler styling needs (padding, margin, borders, colors)
+ * - Box is a lighter primitive; Flex adds flexbox-specific defaults
+ *
+ * Default Props:
+ * - flexDirection: 'column' (NOT 'row' like CSS!)
+ * - gap: '16'
+ * - alignItems: 'stretch' (when column) or 'center' (when row)
+ *
+ * @category layout
+ * @extends Box
+ */
+declare const Flex: react.ForwardRefExoticComponent<{
+    /**
+     * Set the element's `align-items` CSS property. Defaults to `center` when
+     * `flexDirection='row'`, and `stretch` when `flexDirection='column'`.
+     */
+    alignItems?: BoxProps["alignItems"];
+    /**
+     * Set the element's `flex-direction` CSS property.
+     *
+     * ⚠️ DEFAULTS TO 'column' (vertical stacking) - NOT 'row' like standard CSS!
+     *
+     * - Default: 'column'
+     * - For horizontal layouts: explicitly set flexDirection='row'
+     * - When direction is 'row', alignItems defaults to 'center'
+     * - When direction is 'column', alignItems defaults to 'stretch'
+     */
+    flexDirection?: BoxProps["flexDirection"];
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, "alignItems" | "flexDirection"> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
+
 type GridProps = ComponentPropsWithRef<typeof Box>;
 /**
  * Use `Grid` component to place items in a grid using equal width columns.
@@ -3291,11 +3351,15 @@ type SelectOption = {
     /**
      * Add secondary text after the label.
      */
-    description?: string;
+    description?: ReactNode;
+    /**
+     * Secondary text displayed next to the label.
+     */
+    detail?: ReactNode;
     /**
      * Provide a reason why item needs to be marked as disabled and skipped from keyboard navigation.
      */
-    disabledReason?: string;
+    disabledReason?: (() => string) | string;
     /**
      * Provide an optional group that item belongs to.
      */
@@ -3318,6 +3382,11 @@ type SelectOptionGroup = {
      * The label group.
      */
     label: string;
+    /**
+     * The sorting priority of the group (default: 0).
+     * Groups with higher priority are sorted first.
+     */
+    priority?: number;
     /**
      * Whether to display a separator before this group.
      */
@@ -3776,5 +3845,5 @@ declare namespace TransitionGroup {
     var displayName: string;
 }
 
-export { Alert, AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogFooter, AlertDialogHeader, AlertDialogTrigger, AngleMenuButton, AuthProvider, Avatar, AvatarGroup, AxiomProvider, Badge, Banner, Box, BoxProps, Breadcrumb, Button, ButtonGroup, ButtonProps, Card, CardAction, CardCheckbox, CardFooter, CardHeader, CardImage, CardLink, CardPreview, Checkbox, Code, Cover, DataTable, DataTableAction, DataTableBody, DataTableCheckbox, DataTableFooter, DataTableLabel, DateInput, DateRangePicker, DateRangePickerContent, DateRangePickerTrigger, 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, Indicator, Input, InputAddon, InputControl, InputRoot, Kbd, LabelMenuButton, Link, Listbox, ListboxCheckboxItem, ListboxEmpty, ListboxGroup, ListboxItem, ListboxItemIndicator, ListboxItemized, ListboxLabel, ListboxRadioItem, ListboxSeparator, ListboxSwitchItem, ModalLayer, Nav, NavAccountItem, NavBody, NavFooter, NavGroup, NavGroupContent, NavGroupTrigger, NavHeader, NavItem, NavList, NavSeparator, Pagination, Paper, Popover, PopoverAnchor, PopoverContent, PopoverContentProps, PopoverTrigger, Progress, Radio, RadioGroup, SearchInput, SegmentedControl, SegmentedControlItem, Select, SelectContent, SelectTrigger, Separator, Sidebar, SidebarToggle, Skeleton, Spinner, Sprinkles, SubNav, Switch, Table, TableAction, TableBody, TableCell, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Text, Textarea, ThemeProvider, ToastProvider, ToggleButton, Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger, Transition, TransitionGlobalConfig, TransitionGroup, cleanup, extractBoxProps, layers_css as layers, sprinklesMerge, useAuthContext };
-export type { AlertDialogActionProps, AlertDialogBodyProps, AlertDialogCancelProps, AlertDialogContentProps, AlertDialogFooterProps, AlertDialogHeaderProps, AlertDialogProps, AlertDialogTriggerProps, AlertProps, AngleMenuButtonProps, AuthProviderProps, AvatarGroupProps, AvatarProps, AxiomProviderProps, BadgeProps, BannerProps, BreadcrumbProps, ButtonGroupProps, CardActionProps, CardCheckboxProps, CardFooterProps, CardHeaderProps, CardImageProps, CardLinkProps, CardPreviewProps, CardProps, CheckboxProps, CodeProps, CoverProps, DataTableActionProps, DataTableBodyProps, DataTableCheckboxProps, DataTableFooterProps, DataTableLabelProps, DataTableProps, DateInputProps, DateRangePickerContentProps, DateRangePickerProps, DateRangePickerTriggerProps, DialogBodyProps, DialogCloseProps, DialogFooterProps, DialogFormProps, DialogHeaderProps, DialogProps, DialogTriggerProps, DisclosureContentProps, DisclosureProps, DisclosureTriggerProps, DropdownMenuCheckboxItemProps, DropdownMenuContentProps, DropdownMenuGroupProps, DropdownMenuItemProps, DropdownMenuLabelProps, DropdownMenuProps, DropdownMenuSeparatorProps, DropdownMenuSubContentProps, DropdownMenuSubProps, DropdownMenuSubTriggerProps, DropdownMenuTriggerProps, EllipsisMenuButtonProps, FieldLabelProps, FieldProps, GridProps, HeadingProps, IndicatorProps, InputAddonProps, InputControlProps, InputProps$1 as InputProps, InputRootProps, KbdProps, LabelMenuButtonProps, LinkProps, ListboxCheckboxItemProps, ListboxEmptyProps, ListboxGroupProps, ListboxItemIndicatorProps, ListboxItemProps, ListboxItemizedProps, ListboxLabelProps, ListboxProps, ListboxRadioItemProps, ListboxSeparatorProps, ListboxSwitchItemProps, ModalLayerProps, NavAccountItemProps, NavBodyProps, NavFooterProps, NavGroupContentProps, NavGroupProps, NavGroupTriggerProps, NavHeaderProps, NavItemProps, NavListProps, NavProps, NavSeparatorProps, PaginationProps, PaperProps, PopoverAnchorProps, PopoverProps, ProgressProps, RadioGroupProps, RadioProps, SearchInputProps, SegmentedControlItemProps, SegmentedControlProps, SelectContentProps, SelectProps, SelectTriggerProps, SeparatorProps, SidebarProps, SidebarToggleProps, SkeletonProps, SpinnerProps, SubNavProps, SwitchProps, TableActionProps, TableBodyProps, TableCellProps, TableHeaderProps, TableProps, TableRowProps, TabsContentProps, TabsListProps, TabsProps, TabsTriggerProps, TextProps, TextareaProps, ThemeProviderProps, ToastProviderProps$1 as ToastProviderProps, ToggleButtonProps, TooltipContentProps, TooltipProps, TooltipProviderProps$1 as TooltipProviderProps, TooltipRootProps, TooltipTriggerProps, TransitionProps };
+export { Alert, AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogFooter, AlertDialogHeader, AlertDialogTrigger, AngleMenuButton, AuthProvider, Avatar, AvatarGroup, AxiomProvider, Badge, Banner, Box, BoxProps, Breadcrumb, Button, ButtonGroup, ButtonProps, Card, CardAction, CardCheckbox, CardFooter, CardHeader, CardImage, CardLink, CardPreview, Checkbox, Code, Cover, DataTable, DataTableAction, DataTableBody, DataTableCheckbox, DataTableFooter, DataTableLabel, DateInput, DateRangePicker, DateRangePickerContent, DateRangePickerTrigger, 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, Group, Heading, Indicator, Input, InputAddon, InputControl, InputRoot, Kbd, LabelMenuButton, Link, Listbox, ListboxCheckboxItem, ListboxEmpty, ListboxGroup, ListboxItem, ListboxItemIndicator, ListboxItemized, ListboxLabel, ListboxRadioItem, ListboxSeparator, ListboxSwitchItem, ModalLayer, Nav, NavAccountItem, NavBody, NavFooter, NavGroup, NavGroupContent, NavGroupTrigger, NavHeader, NavItem, NavList, NavSeparator, Pagination, Paper, Popover, PopoverAnchor, PopoverContent, PopoverContentProps, PopoverTrigger, Progress, Radio, RadioGroup, SearchInput, SegmentedControl, SegmentedControlItem, Select, SelectContent, SelectTrigger, Separator, Sidebar, SidebarToggle, Skeleton, Spinner, Sprinkles, SubNav, Switch, Table, TableAction, TableBody, TableCell, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Text, Textarea, ThemeProvider, ToastProvider, ToggleButton, Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger, Transition, TransitionGlobalConfig, TransitionGroup, cleanup, extractBoxProps, layers_css as layers, sprinklesMerge, useAuthContext };
+export type { AlertDialogActionProps, AlertDialogBodyProps, AlertDialogCancelProps, AlertDialogContentProps, AlertDialogFooterProps, AlertDialogHeaderProps, AlertDialogProps, AlertDialogTriggerProps, AlertProps, AngleMenuButtonProps, AuthProviderProps, AvatarGroupProps, AvatarProps, AxiomProviderProps, BadgeProps, BannerProps, BreadcrumbProps, ButtonGroupProps, CardActionProps, CardCheckboxProps, CardFooterProps, CardHeaderProps, CardImageProps, CardLinkProps, CardPreviewProps, CardProps, CheckboxProps, CodeProps, CoverProps, DataTableActionProps, DataTableBodyProps, DataTableCheckboxProps, DataTableFooterProps, DataTableLabelProps, DataTableProps, DateInputProps, DateRangePickerContentProps, DateRangePickerProps, DateRangePickerTriggerProps, DialogBodyProps, DialogCloseProps, DialogFooterProps, DialogFormProps, DialogHeaderProps, DialogProps, DialogTriggerProps, DisclosureContentProps, DisclosureProps, DisclosureTriggerProps, DropdownMenuCheckboxItemProps, DropdownMenuContentProps, DropdownMenuGroupProps, DropdownMenuItemProps, DropdownMenuLabelProps, DropdownMenuProps, DropdownMenuSeparatorProps, DropdownMenuSubContentProps, DropdownMenuSubProps, DropdownMenuSubTriggerProps, DropdownMenuTriggerProps, EllipsisMenuButtonProps, FieldLabelProps, FieldProps, FlexProps, GridProps, HeadingProps, IndicatorProps, InputAddonProps, InputControlProps, InputProps$1 as InputProps, InputRootProps, KbdProps, LabelMenuButtonProps, LinkProps, ListboxCheckboxItemProps, ListboxEmptyProps, ListboxGroupProps, ListboxItemIndicatorProps, ListboxItemProps, ListboxItemizedProps, ListboxLabelProps, ListboxProps, ListboxRadioItemProps, ListboxSeparatorProps, ListboxSwitchItemProps, ModalLayerProps, NavAccountItemProps, NavBodyProps, NavFooterProps, NavGroupContentProps, NavGroupProps, NavGroupTriggerProps, NavHeaderProps, NavItemProps, NavListProps, NavProps, NavSeparatorProps, PaginationProps, PaperProps, PopoverAnchorProps, PopoverProps, ProgressProps, RadioGroupProps, RadioProps, SearchInputProps, SegmentedControlItemProps, SegmentedControlProps, SelectContentProps, SelectProps, SelectTriggerProps, SeparatorProps, SidebarProps, SidebarToggleProps, SkeletonProps, SpinnerProps, SubNavProps, SwitchProps, TableActionProps, TableBodyProps, TableCellProps, TableHeaderProps, TableProps, TableRowProps, TabsContentProps, TabsListProps, TabsProps, TabsTriggerProps, TextProps, TextareaProps, ThemeProviderProps, ToastProviderProps$1 as ToastProviderProps, ToggleButtonProps, TooltipContentProps, TooltipProps, TooltipProviderProps$1 as TooltipProviderProps, TooltipRootProps, TooltipTriggerProps, TransitionProps };

package/dist/unstable.d.ts

@@ -1,12 +1,14 @@
-import { B as BoxProps, y as TableHeaderCell, S as Sprinkles, f as Box, F as Flex, a as ButtonProps, E as ExcludeProps, R as RecipeVariants, o as Menu, n as MenuProps, q as MenuContent, p as MenuContentProps, s as MenuTrigger } from './MenuTrigger-DWB6KgSO.js';
-export { C as Calendar, e as CalendarProps, z as createDialogKit, d as dialogkit } from './MenuTrigger-DWB6KgSO.js';
+import { B as BoxProps, y as TableHeaderCell, S as Sprinkles, f as Box, G as Group, a as ButtonProps, E as ExcludeProps, R as RecipeVariants, o as Menu, n as MenuProps, q as MenuContent, p as MenuContentProps, s as MenuTrigger } from './MenuTrigger-BdRBHys6.js';
+export { C as Calendar, e as CalendarProps, z as createDialogKit, d as dialogkit } from './MenuTrigger-BdRBHys6.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { CellContext } from '@tanstack/table-core';
 import * as react from 'react';
 import { ReactNode, ComponentPropsWithRef, ReactElement, ComponentPropsWithoutRef, RefAttributes } from 'react';
 import { Header } from '@tanstack/react-table';
 import * as RadixHoverCard from '@radix-ui/react-hover-card';
-import * as _radix_ui_react_popover from '@radix-ui/react-popover';
+import * as RadixPopover from '@radix-ui/react-popover';
+import { unstable_useSurfaceContext } from '@optiaxiom/globals';
+export { unstable_SurfaceProvider as SurfaceProvider } from '@optiaxiom/globals';
 import 'react-day-picker';
 import '@radix-ui/react-dialog';
 
@@ -90,7 +92,7 @@ declare const DetailsPanelBody: react.ForwardRefExoticComponent<Omit<Omit<Omit<N
     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 DetailsPanelFooterProps = ComponentPropsWithRef<typeof Flex>;
+type DetailsPanelFooterProps = ComponentPropsWithRef<typeof Group>;
 /**
  * @group DetailsPanel
  */
@@ -472,6 +474,12 @@ type PillProps = BoxProps<"button", PillVariants & {
      * Show a close button inside the pill and invoke this callback when the pill is clicked.
      */
     onDismiss?: () => void;
+    /**
+     * When true, the pill is rendered as a non-interactive span element instead
+     * of a button. Use this for display-only pills that don't respond to
+     * clicks.
+     */
+    readOnly?: boolean;
 }>;
 /**
  * A pill is a visual representation of an attribute, usually representing tags or metrics.
@@ -485,12 +493,18 @@ declare const Pill: react.ForwardRefExoticComponent<PillVariants & {
      * Show a close button inside the pill and invoke this callback when the pill is clicked.
      */
     onDismiss?: () => void;
+    /**
+     * When true, the pill is rendered as a non-interactive span element instead
+     * of a button. Use this for display-only pills that don't respond to
+     * clicks.
+     */
+    readOnly?: boolean;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
 }>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
-type PillGroupProps = ComponentPropsWithRef<typeof Flex>;
+type PillGroupProps = ComponentPropsWithRef<typeof Group>;
 /**
  * @group Pill
  */
@@ -525,28 +539,30 @@ type PillMenuContentProps = ComponentPropsWithoutRef<typeof MenuContent>;
  */
 declare const PillMenuContent: react.ForwardRefExoticComponent<Omit<MenuContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
-type PillMenuTriggerProps = ComponentPropsWithoutRef<typeof MenuTrigger>;
-/**
- * @group PillMenu
- */
-declare const PillMenuTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
-}, never> & Omit<NonNullable<Omit<{
-    intent?: "danger" | "neutral" | "primary" | undefined;
-    size?: "sm" | "md" | "lg" | undefined;
-    square?: boolean | undefined;
-    variant?: "strong" | "outline" | "outline-opal" | "strong-opal" | "subtle" | undefined;
-}, "intent" | "variant"> & {
-    appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "default-opal" | "inverse" | "primary-opal";
-    disabled?: boolean;
-    loading?: boolean;
-}>, never> & Omit<NonNullable<Sprinkles & {
+declare const root$1: (props?: {
+    size?: "md" | "lg" | undefined;
+} | undefined, className?: string) => {
+    className: string;
+};
+type RootVariants = RecipeVariants<typeof root$1>;
+
+type PillMenuTriggerProps = BoxProps<"div", RootVariants & {
+    /**
+     * Whether the button is disabled.
+     */
+    readOnly?: boolean;
+}>;
+declare const PillMenuTrigger: react.ForwardRefExoticComponent<{
+    size?: "md" | "lg" | undefined;
+} & {
+    /**
+     * Whether the button is disabled.
+     */
+    readOnly?: boolean;
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<_radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const root: (props?: {
     marks?: boolean | undefined;
@@ -829,7 +845,91 @@ declare const SpotlightTrigger: react.ForwardRefExoticComponent<Omit<{
 }>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<_radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "backgroundImage" | "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" | "p" | "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" | "asChild" | "className" | "addonAfter" | "addonBefore" | "square" | "appearance" | "loading" | "icon" | "iconPosition"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<RadixPopover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "backgroundImage" | "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" | "p" | "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" | "asChild" | "className" | "addonAfter" | "addonBefore" | "square" | "appearance" | "loading" | "icon" | "iconPosition"> & react.RefAttributes<HTMLButtonElement>>;
 
-export { DataTableExpandableCell, DataTableExpandableHeader, DataTableHeaderCell, DetailsPanel, DetailsPanelBody, DetailsPanelFooter, DetailsPanelHeader, FileUpload, FileUploadDropzone, FileUploadTrigger, Highlight, HoverCard, HoverCardContent, HoverCardTrigger, InlineInput, Layout, LayoutContent, Pill, PillGroup, PillMenu, PillMenuContent, PillMenuTrigger, Range, Sortable, SortableGroup, SortableHandle, SortableItem, Spotlight, SpotlightContent, SpotlightTrigger, useDialogKit, useFileUploadTrigger };
+/**
+ * Hook to access Surface context with optional type filtering.
+ *
+ * @param type - Optional surface type to filter by. Only returns surface if it matches this type.
+ * @returns Surface context if type matches (or any surface if no type specified), undefined otherwise
+ *
+ * @example
+ * // Only get surface if it's an interaction surface
+ * const surface = useSurface("interaction");
+ *
+ * @example
+ * // Get any surface
+ * const surface = useSurface();
+ */
+declare function useSurface(type?: NonNullable<ReturnType<typeof unstable_useSurfaceContext>>["type"]): {
+    accept: (suggestionId: string) => void;
+    executeTool: (name: string, parameters: unknown) => Promise<void> | void;
+    metadata: Record<string, Omit<{
+        data?: Record<string, unknown> | undefined;
+        name: string;
+        type: "action" | "cards" | "collection" | "page" | "product" | "property" | "resource" | "tab";
+    }, "name">>;
+    name: string;
+    pageViewId: string | undefined;
+    path: string;
+    reject: (suggestionId: string) => void;
+    renderSuggestionValue?: (value: unknown) => React.ReactNode;
+    suggestionPopover: {
+        register: () => () => void;
+        registered: boolean;
+    };
+    suggestions: ({
+        id: string;
+        surface: string;
+    } & ({
+        cards: Array<{
+            data: unknown;
+            id: string;
+            name: string;
+            reason: string;
+        }>;
+        type: "cards";
+    } | {
+        reason: string;
+        type: "value";
+        value: unknown;
+    } | {
+        text: string;
+        tool?: {
+            name: string;
+            parameters: unknown;
+        };
+        type: "message";
+    }))[];
+    track: (interaction: {
+        id?: string;
+    } & ({
+        checked: boolean;
+        name: "toggled";
+    } | {
+        name: "added";
+        value: unknown;
+    } | {
+        name: "blurred";
+    } | {
+        name: "changed";
+        value: unknown;
+    } | {
+        name: "focused";
+    } | {
+        name: "invoked";
+    } | {
+        name: "removed";
+        value: unknown;
+    } | {
+        name: "viewed";
+    }), metadata?: Record<string, Omit<{
+        data?: Record<string, unknown> | undefined;
+        name: string;
+        type: "action" | "cards" | "collection" | "page" | "product" | "property" | "resource" | "tab";
+    }, "name">>) => void;
+    type: "page" | "property" | "resource" | "action" | "cards" | "collection" | "product" | "tab";
+} | undefined;
+
+export { DataTableExpandableCell, DataTableExpandableHeader, DataTableHeaderCell, DetailsPanel, DetailsPanelBody, DetailsPanelFooter, DetailsPanelHeader, FileUpload, FileUploadDropzone, FileUploadTrigger, Highlight, HoverCard, HoverCardContent, HoverCardTrigger, InlineInput, Layout, LayoutContent, Pill, PillGroup, PillMenu, PillMenuContent, PillMenuTrigger, Range, Sortable, SortableGroup, SortableHandle, SortableItem, Spotlight, SpotlightContent, SpotlightTrigger, useDialogKit, useFileUploadTrigger, useSurface };
 export type { DataTableExpandableCellProps, DataTableExpandableHeaderProps, DataTableHeaderCellProps, DetailsPanelBodyProps, DetailsPanelFooterProps, DetailsPanelHeaderProps, DetailsPanelProps, FileUploadDropzoneProps, FileUploadProps, FileUploadTriggerProps, HighlightProps, HoverCardContentProps, HoverCardProps, HoverCardTriggerProps, InlineInputProps, LayoutContentProps, LayoutProps, PillGroupProps, PillMenuContentProps, PillMenuProps, PillMenuTriggerProps, PillProps, RangeProps, SortableGroupProps, SortableHandleProps, SortableItemProps, SortableProps, SpotlightContentProps, SpotlightProps, SpotlightTriggerProps };

package/package.json

@@ -7,7 +7,7 @@
     "url": "git+https://github.com/optimizely-axiom/optiaxiom.git"
   },
   "type": "module",
-  "version": "1.7.13",
+  "version": "1.8.1",
   "files": [
     "dist/**",
     "LICENSE"
@@ -71,7 +71,7 @@
     "react-remove-scroll": "^2.7.1",
     "react-resizable-panels": "^3.0.4",
     "use-sync-external-store": "^1.5.0",
-    "@optiaxiom/globals": "^1.1.0"
+    "@optiaxiom/globals": "^1.1.1"
   },
   "devDependencies": {
     "@emotion/hash": "^0.9.2",

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

@@ -1,22 +0,0 @@
-@layer optiaxiom.ck0coc;
-@layer optiaxiom.ck0coc {
-  .u4kkku {
-    transition: opacity var(--ax-duration-sm) ease;
-  }
-  ._17gl504:not(:has(._17gl504)):focus-within .u4kkku, .u4kkku:is(:checked, [data-state=open], :has(:checked, [data-state=open])) {
-    opacity: 1;
-    transition: none;
-  }
-  ._1clbfyu {
-    opacity: 1;
-  }
-  ._151l1dt {
-    opacity: 0;
-  }
-  @media (hover: hover) {
-    ._17gl504:not(:has(._17gl504)):hover .u4kkku {
-      opacity: 1;
-      transition: none;
-    }
-  }
-}

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

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

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

@@ -1,30 +0,0 @@
-@layer optiaxiom.ck0coc;
-@layer optiaxiom.ck0coc {
-  ._1ggo5h8 {
-    opacity: 0;
-  }
-  ._15q2nrg {
-    inset: 0;
-    position: fixed;
-  }
-  .rje61q {
-    max-height: 50dvh;
-    max-width: calc(100dvw - 2 * 24px);
-    transform: 
-      translateY(calc(1rem * var(--_12mgu31)))
-      scale(calc(1 - 0.06 * var(--_12mgu31)))
-    ;
-  }
-  .rje61q:focus-visible {
-    outline: none;
-  }
-  ._1a2g1gl {
-    width: 400px;
-  }
-  ._1fde9wh {
-    width: 600px;
-  }
-  ._1q429pv {
-    width: 800px;
-  }
-}

package/dist/cjs/assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-BEK85f-5.css

@@ -1,7 +0,0 @@
-@layer optiaxiom.ck0coc;
-@layer optiaxiom.ck0coc {
-  ._15ex5rr {
-    position: sticky;
-    top: 0;
-  }
-}

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

@@ -1,51 +0,0 @@
-@layer optiaxiom.ck0coc;
-@layer optiaxiom.ck0coc {
-  .elh5bu {
-    --_1psgj9p: var(--ax-colors-fg-white);
-    -webkit-user-select: none;
-            user-select: none;
-  }
-  .elh5bu:not(:empty) {
-    min-width: var(--ax-size-xs);
-  }
-  .dln8lz {
-    --_1y0fb4a: var(--ax-colors-bg-error);
-    --gxw9ba: var(--ax-colors-bg-error-subtle);
-    --_16x221e: var(--ax-colors-fg-error-strong);
-  }
-  .zljm90 {
-    --_1y0fb4a: var(--ax-colors-bg-information);
-    --gxw9ba: var(--ax-colors-bg-information-subtle);
-    --_16x221e: var(--ax-colors-fg-information-strong);
-  }
-  .g70r8s {
-    --_1y0fb4a: var(--ax-colors-bg-tertiary);
-    --_1psgj9p: var(--ax-colors-fg-default);
-    --gxw9ba: var(--ax-colors-bg-secondary);
-    --_16x221e: var(--ax-colors-fg-secondary);
-  }
-  ._134kcxj {
-    --_1y0fb4a: var(--ax-colors-bg-accent);
-    --gxw9ba: var(--ax-colors-bg-accent-subtle);
-    --_16x221e: var(--ax-colors-fg-accent-strong);
-  }
-  .dmqxrg {
-    --_1y0fb4a: var(--ax-colors-bg-success);
-    --gxw9ba: var(--ax-colors-bg-success-subtle);
-    --_16x221e: var(--ax-colors-fg-success-strong);
-  }
-  ._1ha4g2i {
-    --_1y0fb4a: var(--ax-colors-bg-warning);
-    --_1psgj9p: var(--ax-colors-fg-warning-inverse);
-    --gxw9ba: var(--ax-colors-bg-warning-subtle);
-    --_16x221e: var(--ax-colors-fg-warning-strong);
-  }
-  ._1kg33fe {
-    background-color: var(--_1y0fb4a);
-    color: var(--_1psgj9p);
-  }
-  ._14feb6o {
-    background-color: var(--gxw9ba);
-    color: var(--_16x221e);
-  }
-}

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

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

package/dist/cjs/assets/src/button/ButtonLoadable.css.ts.vanilla-BPd-X2i3.css

@@ -1,9 +0,0 @@
-@layer optiaxiom.ck0coc;
-@layer optiaxiom.ck0coc {
-  .wtgsqm {
-    opacity: 1;
-  }
-  .es8q60[data-loading] .wtgsqm {
-    opacity: 0;
-  }
-}