@optiaxiom/react 1.9.17 → 1.9.19

package/dist/esm/vanilla-extract/recipeRuntime.js

@@ -0,0 +1,53 @@
+const recipeRuntime = ({
+  base = {},
+  variants,
+  variantsCompounded = []
+}) => {
+  return (props, className) => {
+    const selections = props ?? {};
+    const classNames = className ? [className] : [];
+    const sprinkleProps = {};
+    function process(rule) {
+      for (const item of Array.isArray(rule) ? rule : [rule]) {
+        if (typeof item === "string") {
+          classNames.push(item);
+        } else {
+          for (const [name, value] of Object.entries(item)) {
+            sprinkleProps[name] = value;
+          }
+        }
+      }
+    }
+    process(base);
+    for (const variantName in variants) {
+      if (selections[variantName] === null || selections[variantName] === void 0) {
+        continue;
+      }
+      const variant = variants[variantName];
+      const selection = typeof selections[variantName] === "boolean" ? selections[variantName] ? "true" : "false" : selections[variantName];
+      if (String(selection) in variant) {
+        process(variant[selection]);
+      }
+    }
+    for (const { style, variants: variants2 } of variantsCompounded) {
+      if (!shouldApplyCompound(variants2, selections)) {
+        continue;
+      }
+      process(style);
+    }
+    return {
+      ...sprinkleProps,
+      className: classNames.join(" ")
+    };
+  };
+};
+const shouldApplyCompound = (compoundCheck, selections) => {
+  for (const key of Object.keys(compoundCheck)) {
+    if (compoundCheck[key] !== void 0 && selections[key] !== void 0 && !(Array.isArray(compoundCheck[key]) ? compoundCheck[key] : [compoundCheck[key]]).includes(selections[key])) {
+      return false;
+    }
+  }
+  return true;
+};
+
+export { recipeRuntime };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { B as BoxProps, S as Sprinkles, a as ButtonProps, R as RecipeVariants, 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, D as Disclosure } from './MenuTrigger-DFlTriy1.js';
-export { k as Alert, A as AlertProps, m as DialogContent, l as DialogContentProps, n as DisclosureProps, o as GroupProps, L as LonghandProps, r as Menu, t as MenuContent, s as MenuContentProps, p as MenuOption, q as MenuProps, v as MenuTrigger, u as MenuTriggerProps, w as PopoverTriggerProps, H as TableHeaderCell, T as TableHeaderCellProps, z as mapResponsiveValue, F as normalizeResponsiveValue, y as sprinkles, x as vars } from './MenuTrigger-DFlTriy1.js';
+import { B as BoxProps, S as Sprinkles, a as ButtonProps, R as RecipeVariants, 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-6_lS0HlQ.js';
+export { k as Alert, A as AlertProps, l as DialogContent, D as DialogContentProps, m as GroupProps, L as LonghandProps, p as Menu, r as MenuContent, q as MenuContentProps, n as MenuOption, o as MenuProps, t as MenuTrigger, s as MenuTriggerProps, u as PopoverTriggerProps, z as TableHeaderCell, T as TableHeaderCellProps, x as mapResponsiveValue, y as normalizeResponsiveValue, w as sprinkles, v as vars } from './MenuTrigger-6_lS0HlQ.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ComponentPropsWithRef, ReactNode, ComponentPropsWithoutRef, ElementType, RefObject, FocusEventHandler, ChangeEventHandler, ReactElement } from 'react';
@@ -1379,7 +1379,7 @@ declare const InputControl: react.ForwardRefExoticComponent<Omit<NonNullable<{
 }>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<NonNullable<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> | Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">>, "name" | "color" | "disabled" | "className" | "placeholder" | "required"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>>;
+}>, "size"> & Omit<NonNullable<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> | Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">>, "name" | "color" | "disabled" | "className" | "required" | "placeholder"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>>;
 
 declare const InputProvider: react.FC<{
     /**
@@ -1467,7 +1467,7 @@ declare const Input: react.ForwardRefExoticComponent<Pick<Omit<Pick<{
 }>, "size"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "name" | "color" | "disabled" | "className" | "type" | "placeholder" | "required"> & react.RefAttributes<HTMLInputElement>>;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "name" | "color" | "disabled" | "className" | "required" | "placeholder" | "type"> & react.RefAttributes<HTMLInputElement>>;
 
 type InputAddonProps = BoxProps<"div">;
 /**
@@ -1514,7 +1514,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.
@@ -1564,7 +1564,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" | "name" | "color" | "disabled" | "className" | "type" | "placeholder" | "required"> & react.RefAttributes<HTMLInputElement>, "ref">, "type" | "placeholder"> & react.RefAttributes<HTMLInputElement>>;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "name" | "color" | "disabled" | "className" | "required" | "placeholder" | "type"> & react.RefAttributes<HTMLInputElement>, "ref">, "placeholder" | "type"> & react.RefAttributes<HTMLInputElement>>;
 
 type PopoverProps = {
     children?: React.ReactNode;
@@ -2204,6 +2204,58 @@ declare const DialogTrigger: react.ForwardRefExoticComponent<Omit<{
     className?: string;
 }>, "size"> & Omit<Omit<RadixDialog.DialogTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
+type DisclosureProps = BoxProps<typeof RadixCollapsible.Root, {
+    /**
+     * The initial open state in uncontrolled mode.
+     */
+    defaultOpen?: boolean;
+    /**
+     * Handler that is called when the open state changes.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * The open state in controlled mode.
+     */
+    open?: boolean;
+}>;
+/**
+ * Interactive component for expanding and collapsing content panels with
+ * built-in state management.
+ *
+ * Use this for collapsible sections with expand/collapse triggers. Disclosure
+ * handles the toggle state, animations, and accessibility automatically.
+ *
+ * When to use:
+ * - FAQ sections
+ * - Expandable content panels
+ * - Show/hide details sections
+ * - Any expand/collapse pattern with a chevron icon
+ *
+ * Don't manually build with Button + chevron icon + useState - use Disclosure
+ * instead.
+ *
+ * @group Disclosure
+ * @category actions
+ * @since 0.1.0
+ */
+declare const Disclosure: react.ForwardRefExoticComponent<{
+    /**
+     * The initial open state in uncontrolled mode.
+     */
+    defaultOpen?: boolean;
+    /**
+     * Handler that is called when the open state changes.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * The open state in controlled mode.
+     */
+    open?: boolean;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<RadixCollapsible.CollapsibleProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className" | "defaultOpen" | "onOpenChange" | "open"> & react.RefAttributes<HTMLDivElement>>;
+
 type DisclosureContentProps = ExcludeProps<BoxProps<typeof RadixCollapsible.Content, {
     /**
      * Enable this to always keep content present in DOM and visually hidden
@@ -3139,7 +3191,7 @@ declare const Paper: react.ForwardRefExoticComponent<{
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const indicator: (props?: {
-    intent?: "success" | "danger" | "opal" | "primary" | undefined;
+    intent?: "success" | "danger" | "primary" | "opal" | undefined;
 } | undefined, className?: string) => {
     className: string;
 };
@@ -3157,7 +3209,7 @@ declare const Progress: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkl
     asChild?: boolean;
     className?: string;
 }>, never> & Omit<Omit<ProgressPrimitive.ProgressProps & react.RefAttributes<HTMLDivElement>, "ref">, "color" | "asChild" | "className"> & {
-    intent?: "success" | "danger" | "opal" | "primary" | undefined;
+    intent?: "success" | "danger" | "primary" | "opal" | undefined;
 } & react.RefAttributes<HTMLDivElement>>;
 
 type RadioProps = BoxProps<typeof ToggleInputHiddenInput, {
@@ -3726,7 +3778,7 @@ declare const Textarea: react.ForwardRefExoticComponent<Pick<Omit<Pick<{
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTextAreaElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "name" | "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" | "placeholder" | "required" | "rows" | "maxRows" | "resize"> & react.RefAttributes<HTMLTextAreaElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTextAreaElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "name" | "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" | "required" | "placeholder" | "rows" | "maxRows" | "resize"> & react.RefAttributes<HTMLTextAreaElement>>;
 
 type ThemeProviderProps = {
     children?: ReactNode;
@@ -3846,4 +3898,4 @@ declare namespace TransitionGroup {
 }
 
 export { 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, 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, 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 };
+export type { AlertDialogActionProps, AlertDialogBodyProps, AlertDialogCancelProps, AlertDialogContentProps, AlertDialogFooterProps, AlertDialogHeaderProps, AlertDialogProps, AlertDialogTriggerProps, 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,5 +1,5 @@
-import { B as BoxProps, H as TableHeaderCell, S as Sprinkles, f as Box, G as Group, a as ButtonProps, E as ExcludeProps, R as RecipeVariants, r as Menu, q as MenuProps, t as MenuContent, s as MenuContentProps, D as Disclosure, v as MenuTrigger, k as Alert } from './MenuTrigger-DFlTriy1.js';
-export { C as Calendar, e as CalendarProps, I as createDialogKit, d as dialogkit } from './MenuTrigger-DFlTriy1.js';
+import { B as BoxProps, z as TableHeaderCell, S as Sprinkles, f as Box, G as Group, a as ButtonProps, E as ExcludeProps, R as RecipeVariants, p as Menu, o as MenuProps, r as MenuContent, q as MenuContentProps, t as MenuTrigger, k as Alert } from './MenuTrigger-6_lS0HlQ.js';
+export { C as Calendar, e as CalendarProps, F as createDialogKit, d as dialogkit } from './MenuTrigger-6_lS0HlQ.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { CellContext } from '@tanstack/table-core';
 import * as react from 'react';
@@ -9,8 +9,8 @@ import * as RadixHoverCard from '@radix-ui/react-hover-card';
 import * as _radix_ui_react_popover from '@radix-ui/react-popover';
 import { unstable_useSurfaceContext } from '@optiaxiom/globals';
 export { unstable_SurfaceProvider as SurfaceProvider } from '@optiaxiom/globals';
+import * as RadixVisuallyHidden from '@radix-ui/react-visually-hidden';
 import 'react-day-picker';
-import '@radix-ui/react-collapsible';
 import '@radix-ui/react-dialog';
 
 type DataTableExpandableCellProps<TData, TValue> = CellContext<TData, TValue> & {
@@ -570,212 +570,6 @@ declare const PillMenuTrigger: react.ForwardRefExoticComponent<{
     className?: string;
 }>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-type ProteusDocumentShellProps = Pick<ComponentPropsWithoutRef<typeof Disclosure>, "defaultOpen" | "onOpenChange" | "open"> & {
-    /**
-     * Whether block is collapsible
-     */
-    collapsible?: boolean;
-    /**
-     * Current form data
-     */
-    data?: Record<string, unknown>;
-    /**
-     * The Proteus document to render
-     */
-    element: ProteusDocument$1;
-    /**
-     * Callback when form fields change
-     */
-    onDataChange?: (data: Record<string, unknown>) => void;
-    /**
-     * Callback when user sends a message action
-     */
-    onMessage?: (message: string) => Promise<void> | void;
-    /**
-     * Callback when user clicks a Action button with tool handler
-     */
-    onToolCall?: (toolName: string) => Promise<void> | void;
-    /**
-     * Whether form is readonly
-     */
-    readOnly?: boolean;
-};
-type ProteusDocument$1 = {
-    actions?: ReactNode;
-    appIcon?: string;
-    appName?: string;
-    blocking?: boolean;
-    body: ReactNode;
-    subtitle?: ReactNode;
-    title: ReactNode;
-};
-declare function ProteusDocumentShell({ collapsible: collapsibleProp, data, defaultOpen, element, onDataChange, onMessage, onOpenChange, onToolCall, open: openProp, readOnly, }: ProteusDocumentShellProps): react_jsx_runtime.JSX.Element;
-declare namespace ProteusDocumentShell {
-    var displayName: string;
-}
-
-interface ProteusDocument {
-    $type: "Document";
-    [key: string]: unknown;
-    actions?: unknown;
-    appIcon?: string;
-    appName?: string;
-    blocking?: boolean;
-    body: unknown;
-    subtitle?: unknown;
-    title: unknown;
-}
-type ProteusEventHandler = {
-    action: "download";
-    url: ProteusValue$1 | string;
-} | {
-    message: string;
-} | {
-    tool: string;
-};
-interface ProteusValue$1 {
-    $type: "Value";
-    [key: string]: unknown;
-    formatter?: string | {
-        options?: Record<string, unknown>;
-        type: string;
-    };
-    path: string;
-}
-
-type ProteusDocumentRendererProps = Omit<ComponentPropsWithoutRef<typeof ProteusDocumentShell>, "element"> & {
-    /**
-     * The Proteus document to render
-     */
-    element: ProteusDocument;
-};
-/**
- * @experimental
- */
-declare function ProteusDocumentRenderer({ element: elementProp, ...props }: ProteusDocumentRendererProps): react_jsx_runtime.JSX.Element | null;
-declare namespace ProteusDocumentRenderer {
-    var displayName: string;
-}
-
-declare function ProteusAction({ children, onClick, ...props }: {
-    children?: any;
-    onClick?: ProteusEventHandler;
-}): react_jsx_runtime.JSX.Element;
-declare namespace ProteusAction {
-    var displayName: string;
-}
-
-declare function ProteusCancelAction({ children, placeholder, }: {
-    children?: any;
-    placeholder?: string;
-}): react_jsx_runtime.JSX.Element;
-declare namespace ProteusCancelAction {
-    var displayName: string;
-}
-
-type Series = {
-    dataKey: string;
-    name?: string;
-};
-declare const ProteusChart: {
-    ({ data, series, type, xAxisKey, }: {
-        data: Record<string, unknown>[];
-        series: Series[];
-        type: "bar" | "line";
-        xAxisKey?: string;
-    }): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-type ColumnDef = {
-    accessorKey: string;
-    format?: string | {
-        options?: Record<string, unknown>;
-        type: string;
-    };
-    header: string;
-    size?: number;
-};
-declare const ProteusDataTable: {
-    ({ columns, data, }: {
-        columns: ColumnDef[];
-        data?: Record<string, unknown>[];
-    }): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-declare function ProteusImage(props: Record<string, any>): react_jsx_runtime.JSX.Element;
-declare namespace ProteusImage {
-    var displayName: string;
-}
-
-declare function ProteusInput(props: Record<string, any>): react_jsx_runtime.JSX.Element;
-declare namespace ProteusInput {
-    var displayName: string;
-}
-
-declare function ProteusMap({ children, path, separator, }: {
-    children?: any;
-    path: string;
-    separator?: unknown;
-}): react_jsx_runtime.JSX.Element | null;
-declare namespace ProteusMap {
-    var displayName: string;
-}
-
-declare function ProteusSelect({ children, options, ...props }: {
-    children?: any;
-    name?: string;
-    options?: Array<{
-        label: string;
-        value: string;
-    }>;
-}): react_jsx_runtime.JSX.Element;
-declare namespace ProteusSelect {
-    var displayName: string;
-}
-
-type ComparisonValue = boolean | null | number | string | {
-    $type: "Value";
-    path: string;
-};
-type ProteusCondition = {
-    "!!": ComparisonValue;
-} | {
-    "!=": ComparisonValue[];
-} | {
-    "<": ComparisonValue[];
-} | {
-    "<=": ComparisonValue[];
-} | {
-    "==": ComparisonValue[];
-} | {
-    ">": ComparisonValue[];
-} | {
-    ">=": ComparisonValue[];
-} | {
-    and: ProteusCondition[];
-} | {
-    or: ProteusCondition[];
-};
-declare function ProteusShow({ children, when, }: {
-    children?: any;
-    when: ProteusCondition;
-}): react_jsx_runtime.JSX.Element | null;
-declare namespace ProteusShow {
-    var displayName: string;
-}
-
-declare function ProteusTextarea(props: Record<string, any>): react_jsx_runtime.JSX.Element;
-declare namespace ProteusTextarea {
-    var displayName: string;
-}
-
-declare function ProteusValue(element: Pick<ProteusValue$1, "formatter" | "path">): any;
-declare namespace ProteusValue {
-    var displayName: string;
-}
-
 declare const root: (props?: {
     marks?: boolean | undefined;
     size?: "md" | "lg" | undefined;
@@ -1197,7 +991,7 @@ declare function useSurface(type?: NonNullable<ReturnType<typeof unstable_useSur
         type: "action" | "cards" | "dialog" | "group" | "page" | "product" | "property" | "resource" | "tab";
         value?: unknown;
     }[]) => void;
-    type: "page" | "dialog" | "property" | "resource" | "action" | "group" | "tab" | "cards" | "product";
+    type: "page" | "dialog" | "property" | "resource" | "action" | "cards" | "group" | "product" | "tab";
     value?: unknown;
 } | undefined;
 
@@ -1239,5 +1033,18 @@ declare const Time: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.TimeHTMLAttributes<HTMLTimeElement>, HTMLTimeElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTimeElement>>;
 
-export { DataTableExpandableCell, DataTableExpandableHeader, DataTableHeaderCell, DetailsPanel, DetailsPanelBody, DetailsPanelFooter, DetailsPanelHeader, FileUpload, FileUploadDropzone, FileUploadTrigger, Highlight, HoverCard, HoverCardContent, HoverCardTrigger, InlineInput, Layout, LayoutContent, Pill, PillGroup, PillMenu, PillMenuContent, PillMenuTrigger, ProteusAction, ProteusCancelAction, ProteusChart, ProteusDataTable, ProteusDocumentRenderer, ProteusDocumentShell, ProteusImage, ProteusInput, ProteusMap, ProteusSelect, ProteusShow, ProteusTextarea, ProteusValue, Range, Sortable, SortableGroup, SortableHandle, SortableItem, Spotlight, SpotlightContent, SpotlightTrigger, SuggestionAlert, SuggestionPopover, Time, 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, ProteusDocumentRendererProps, ProteusDocumentShellProps, RangeProps, SortableGroupProps, SortableHandleProps, SortableItemProps, SortableProps, SpotlightContentProps, SpotlightProps, SpotlightTriggerProps, TimeProps };
+type VisuallyHiddenProps = ComponentPropsWithoutRef<typeof RadixVisuallyHidden.Root> & {
+    /**
+     * Set to true to hide the content.
+     */
+    disabled?: boolean;
+};
+declare const VisuallyHidden: react.ForwardRefExoticComponent<Omit<RadixVisuallyHidden.VisuallyHiddenProps & react.RefAttributes<HTMLSpanElement>, "ref"> & {
+    /**
+     * Set to true to hide the content.
+     */
+    disabled?: boolean;
+} & react.RefAttributes<HTMLSpanElement>>;
+
+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, SuggestionAlert, SuggestionPopover, Time, VisuallyHidden, 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, TimeProps, VisuallyHiddenProps };

package/package.json

@@ -7,7 +7,7 @@
     "url": "git+https://github.com/optimizely-axiom/optiaxiom.git"
   },
   "type": "module",
-  "version": "1.9.17",
+  "version": "1.9.19",
   "files": [
     "dist/**",
     "LICENSE"
@@ -19,6 +19,11 @@
       "import": "./dist/esm/index.js",
       "require": "./dist/cjs/index.js"
     },
+    "./css-runtime": {
+      "types": "./dist/css-runtime.d.ts",
+      "import": "./dist/esm/css-runtime.js",
+      "require": "./dist/cjs/css-runtime.cjs"
+    },
     "./unstable": {
       "types": "./dist/unstable.d.ts",
       "import": "./dist/esm/unstable.js",

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

@@ -1,22 +0,0 @@
-@layer optiaxiom._1l557r7;
-@layer optiaxiom._1l557r7 {
-  .y3435p {
-    transition: opacity var(--ax-duration-sm) ease;
-  }
-  ._1m0tt0f:not(:has(._1m0tt0f)):focus-within .y3435p, .y3435p:is(:checked, [data-state=open], :has(:checked, [data-state=open])) {
-    opacity: 1;
-    transition: none;
-  }
-  ._1dehhtn {
-    opacity: 1;
-  }
-  ._28bgc8 {
-    opacity: 0;
-  }
-  @media (hover: hover) {
-    ._1m0tt0f:not(:has(._1m0tt0f)):hover .y3435p {
-      opacity: 1;
-      transition: none;
-    }
-  }
-}

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

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

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

@@ -1,30 +0,0 @@
-@layer optiaxiom._1l557r7;
-@layer optiaxiom._1l557r7 {
-  .oqpi6n {
-    opacity: 0;
-  }
-  ._1tp6vcg {
-    inset: 0;
-    position: fixed;
-  }
-  ._165rm9i {
-    max-height: 50dvh;
-    max-width: calc(100dvw - 2 * 24px);
-    transform: 
-      translateY(calc(1rem * var(--_1x4hg08)))
-      scale(calc(1 - 0.06 * var(--_1x4hg08)))
-    ;
-  }
-  ._165rm9i:focus-visible {
-    outline: none;
-  }
-  ._1fmyh8t {
-    width: 400px;
-  }
-  ._1h616pq {
-    width: 600px;
-  }
-  .ag5d4p {
-    width: 800px;
-  }
-}

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

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

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

@@ -1,51 +0,0 @@
-@layer optiaxiom._1l557r7;
-@layer optiaxiom._1l557r7 {
-  ._1gomhm9 {
-    --_8xf7r9: var(--ax-colors-fg-white);
-    -webkit-user-select: none;
-            user-select: none;
-  }
-  ._1gomhm9:not(:empty) {
-    min-width: var(--ax-size-xs);
-  }
-  ._1rwh2p0 {
-    --_1dvgayj: var(--ax-colors-bg-error);
-    --tqitb4: var(--ax-colors-bg-error-subtle);
-    --_3zv5wb: var(--ax-colors-fg-error-strong);
-  }
-  ._1h57dx8 {
-    --_1dvgayj: var(--ax-colors-bg-information);
-    --tqitb4: var(--ax-colors-bg-information-subtle);
-    --_3zv5wb: var(--ax-colors-fg-information-strong);
-  }
-  ._10frw2r {
-    --_1dvgayj: var(--ax-colors-bg-tertiary);
-    --_8xf7r9: var(--ax-colors-fg-default);
-    --tqitb4: var(--ax-colors-bg-secondary);
-    --_3zv5wb: var(--ax-colors-fg-secondary);
-  }
-  ._1uytibi {
-    --_1dvgayj: var(--ax-colors-bg-accent);
-    --tqitb4: var(--ax-colors-bg-accent-subtle);
-    --_3zv5wb: var(--ax-colors-fg-accent-strong);
-  }
-  ._44tnb3 {
-    --_1dvgayj: var(--ax-colors-bg-success);
-    --tqitb4: var(--ax-colors-bg-success-subtle);
-    --_3zv5wb: var(--ax-colors-fg-success-strong);
-  }
-  ._4wd2ha {
-    --_1dvgayj: var(--ax-colors-bg-warning);
-    --_8xf7r9: var(--ax-colors-fg-warning-inverse);
-    --tqitb4: var(--ax-colors-bg-warning-subtle);
-    --_3zv5wb: var(--ax-colors-fg-warning-strong);
-  }
-  .ygxux1 {
-    background-color: var(--_1dvgayj);
-    color: var(--_8xf7r9);
-  }
-  .h7ve4y {
-    background-color: var(--tqitb4);
-    color: var(--_3zv5wb);
-  }
-}

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

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

package/dist/cjs/assets/src/button/ButtonLoadable.css.ts.vanilla-3LYWDUIY.css

@@ -1,9 +0,0 @@
-@layer optiaxiom._1l557r7;
-@layer optiaxiom._1l557r7 {
-  ._1c8atz0 {
-    opacity: 1;
-  }
-  .nv56nc[data-loading] ._1c8atz0 {
-    opacity: 0;
-  }
-}