@optiaxiom/react 1.9.16 → 1.9.18

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';
@@ -734,7 +734,11 @@ declare const ToggleInputHiddenInput: react.ForwardRefExoticComponent<{
      * Handler that is called when the checked state changes.
      */
     onCheckedChange?: (checked: boolean) => void;
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name"> & react.RefAttributes<HTMLInputElement>>;
+    /**
+     * The value of the form control element.
+     */
+    value?: ComponentPropsWithoutRef<"input">["value"];
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value"> & react.RefAttributes<HTMLInputElement>>;
 
 declare const CheckboxContent: react.ForwardRefExoticComponent<{
     /**
@@ -747,7 +751,8 @@ declare const CheckboxContent: react.ForwardRefExoticComponent<{
 }>, never> & Omit<Omit<{
     name?: react.ComponentPropsWithoutRef<"input">["name"];
     onCheckedChange?: (checked: boolean) => void;
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
+    value?: react.ComponentPropsWithoutRef<"input">["value"];
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
 
 declare const CheckboxControl: react.ForwardRefExoticComponent<{
     /**
@@ -782,7 +787,8 @@ declare const Checkbox: react.ForwardRefExoticComponent<Pick<Omit<{
 }>, never> & Omit<Omit<{
     name?: ComponentPropsWithoutRef<"input">["name"];
     onCheckedChange?: (checked: boolean) => void;
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "description"> & Pick<Omit<{
+    value?: ComponentPropsWithoutRef<"input">["value"];
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "description"> & Pick<Omit<{
     indeterminate?: boolean;
     shift?: boolean;
 } & Omit<NonNullable<Sprinkles & {
@@ -797,7 +803,8 @@ declare const Checkbox: react.ForwardRefExoticComponent<Pick<Omit<{
 }>, never> & Omit<Omit<{
     name?: ComponentPropsWithoutRef<"input">["name"];
     onCheckedChange?: (checked: boolean) => void;
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
+    value?: ComponentPropsWithoutRef<"input">["value"];
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
 
 type CardCheckboxProps = ExcludeProps<ComponentPropsWithoutRef<typeof Checkbox>, "description">;
 /**
@@ -815,7 +822,7 @@ declare const CardFooter: react.ForwardRefExoticComponent<Omit<NonNullable<Sprin
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-type CardHeaderProps = BoxProps<"div", {
+type CardHeaderProps = TextProps<"div", {
     /**
      * Display content inside the header after `children`.
      */
@@ -845,7 +852,10 @@ declare const CardHeader: react.ForwardRefExoticComponent<{
      * Add secondary text after the primary title.
      */
     description?: ReactNode;
-} & Omit<NonNullable<Sprinkles & {
+} & Omit<{
+    lineClamp?: "1" | "2" | "3" | "4" | undefined;
+    truncate?: boolean | undefined;
+}, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
@@ -1207,7 +1217,8 @@ declare const DataTableCheckbox: react.ForwardRefExoticComponent<Omit<Pick<Omit<
 }>, never> & Omit<Omit<{
     name?: ComponentPropsWithoutRef<"input">["name"];
     onCheckedChange?: (checked: boolean) => void;
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "description"> & Pick<Omit<{
+    value?: ComponentPropsWithoutRef<"input">["value"];
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "description"> & Pick<Omit<{
     indeterminate?: boolean;
     shift?: boolean;
 } & Omit<NonNullable<Sprinkles & {
@@ -1222,7 +1233,8 @@ declare const DataTableCheckbox: react.ForwardRefExoticComponent<Omit<Pick<Omit<
 }>, never> & Omit<Omit<{
     name?: ComponentPropsWithoutRef<"input">["name"];
     onCheckedChange?: (checked: boolean) => void;
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref"> & Pick<Omit<{
+    value?: ComponentPropsWithoutRef<"input">["value"];
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref"> & Pick<Omit<{
     primary?: boolean;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
@@ -1328,6 +1340,10 @@ type InputControlProps<T extends ElementType = "input" | "textarea", P = unknown
      * The placeholder text to use when control has no value.
      */
     placeholder?: ComponentPropsWithoutRef<"input" | "textarea">["placeholder"];
+    /**
+     * Whether selecting this input is required.
+     */
+    required?: ComponentPropsWithoutRef<"input" | "textarea">["required"];
 }, P>>;
 /**
  * @group InputRoot
@@ -1356,10 +1372,14 @@ declare const InputControl: react.ForwardRefExoticComponent<Omit<NonNullable<{
      * The placeholder text to use when control has no value.
      */
     placeholder?: ComponentPropsWithoutRef<"input" | "textarea">["placeholder"];
+    /**
+     * Whether selecting this input is required.
+     */
+    required?: ComponentPropsWithoutRef<"input" | "textarea">["required"];
 }>, 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"> & 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" | "placeholder" | "required"> & react.RefAttributes<HTMLInputElement & HTMLTextAreaElement>>;
 
 declare const InputProvider: react.FC<{
     /**
@@ -1443,10 +1463,11 @@ declare const Input: react.ForwardRefExoticComponent<Pick<Omit<Pick<{
     name?: ComponentPropsWithoutRef<"input" | "textarea">["name"];
     onValueChange?: (value: string) => void;
     placeholder?: ComponentPropsWithoutRef<"input" | "textarea">["placeholder"];
+    required?: ComponentPropsWithoutRef<"input" | "textarea">["required"];
 }>, "size"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "name" | "color" | "disabled" | "className" | "placeholder" | "type"> & react.RefAttributes<HTMLInputElement>>;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "name" | "color" | "disabled" | "className" | "type" | "placeholder" | "required"> & react.RefAttributes<HTMLInputElement>>;
 
 type InputAddonProps = BoxProps<"div">;
 /**
@@ -1493,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>>>, "holiday" | "placeholder" | "weekend"> & {
+declare const DateInput: react.ForwardRefExoticComponent<Pick<ComponentPropsWithoutRef<react.ForwardRefExoticComponent<CalendarProps & react.RefAttributes<HTMLDivElement>>>, "placeholder" | "holiday" | "weekend"> & {
     /**
      * The default date and time to use in the calendar picker when no value has
      * been selected.
@@ -1539,10 +1560,11 @@ declare const DateInput: react.ForwardRefExoticComponent<Pick<ComponentPropsWith
     name?: ComponentPropsWithoutRef<"input" | "textarea">["name"];
     onValueChange?: (value: string) => void;
     placeholder?: ComponentPropsWithoutRef<"input" | "textarea">["placeholder"];
+    required?: ComponentPropsWithoutRef<"input" | "textarea">["required"];
 }>, "size"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "name" | "color" | "disabled" | "className" | "placeholder" | "type"> & react.RefAttributes<HTMLInputElement>, "ref">, "placeholder" | "type"> & react.RefAttributes<HTMLInputElement>>;
+}>, "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>>;
 
 type PopoverProps = {
     children?: React.ReactNode;
@@ -1676,7 +1698,8 @@ declare const ListboxCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<Non
 }>, never> & Omit<Omit<{
     name?: ComponentPropsWithoutRef<"input">["name"];
     onCheckedChange?: (checked: boolean) => void;
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "description"> & Pick<Omit<{
+    value?: ComponentPropsWithoutRef<"input">["value"];
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "description"> & Pick<Omit<{
     indeterminate?: boolean;
     shift?: boolean;
 } & Omit<NonNullable<Sprinkles & {
@@ -1691,7 +1714,8 @@ declare const ListboxCheckboxItem: react.ForwardRefExoticComponent<Omit<Omit<Non
 }>, never> & Omit<Omit<{
     name?: ComponentPropsWithoutRef<"input">["name"];
     onCheckedChange?: (checked: boolean) => void;
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "onCheckedChange"> & react.RefAttributes<HTMLDivElement>>;
+    value?: ComponentPropsWithoutRef<"input">["value"];
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "onCheckedChange"> & react.RefAttributes<HTMLDivElement>>;
 
 type ListboxEmptyProps = BoxProps;
 /**
@@ -1899,7 +1923,8 @@ declare const Switch: react.ForwardRefExoticComponent<{
 }>, "size"> & Omit<Omit<{
     name?: react.ComponentPropsWithoutRef<"input">["name"];
     onCheckedChange?: (checked: boolean) => void;
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
+    value?: react.ComponentPropsWithoutRef<"input">["value"];
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
 
 type ListboxSwitchItemProps = ComponentPropsWithoutRef<typeof ListboxItem> & Pick<ComponentPropsWithoutRef<typeof Switch>, "onCheckedChange">;
 /**
@@ -1925,7 +1950,8 @@ declare const ListboxSwitchItem: react.ForwardRefExoticComponent<Omit<Omit<NonNu
 }>, "size"> & Omit<Omit<{
     name?: ComponentPropsWithoutRef<"input">["name"];
     onCheckedChange?: (checked: boolean) => void;
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "onCheckedChange"> & react.RefAttributes<HTMLDivElement>>;
+    value?: ComponentPropsWithoutRef<"input">["value"];
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "onCheckedChange"> & react.RefAttributes<HTMLDivElement>>;
 
 type DateRangePickerProps = ComponentPropsWithRef<typeof Popover> & {
     /**
@@ -2178,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
@@ -3157,7 +3235,8 @@ declare const Radio: react.ForwardRefExoticComponent<{
 }>, never> & Omit<Omit<{
     name?: react.ComponentPropsWithoutRef<"input">["name"];
     onCheckedChange?: (checked: boolean) => void;
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
+    value?: react.ComponentPropsWithoutRef<"input">["value"];
+} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "name" | "value"> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
 
 type RadioGroupProps = BoxProps<"div", {
     /**
@@ -3689,6 +3768,7 @@ declare const Textarea: react.ForwardRefExoticComponent<Pick<Omit<Pick<{
     name?: ComponentPropsWithoutRef<"input" | "textarea">["name"];
     onValueChange?: (value: string) => void;
     placeholder?: ComponentPropsWithoutRef<"input" | "textarea">["placeholder"];
+    required?: ComponentPropsWithoutRef<"input" | "textarea">["required"];
 }>, "size"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
@@ -3698,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" | "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" | "placeholder" | "required" | "rows" | "maxRows" | "resize"> & react.RefAttributes<HTMLTextAreaElement>>;
 
 type ThemeProviderProps = {
     children?: ReactNode;
@@ -3818,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> & {
@@ -530,7 +530,7 @@ type PillMenuProps = BoxProps<"div", Pick<ComponentPropsWithoutRef<typeof Menu>,
  * @category overlay
 
  */
-declare const PillMenu: react.ForwardRefExoticComponent<Pick<MenuProps, "loading" | "empty" | "inputValue" | "onInputValueChange" | "options" | "defaultOpen" | "inputVisible" | "onOpenChange" | "open" | "placeholder"> & Omit<NonNullable<Sprinkles & {
+declare const PillMenu: react.ForwardRefExoticComponent<Pick<MenuProps, "loading" | "placeholder" | "empty" | "inputValue" | "onInputValueChange" | "options" | "defaultOpen" | "inputVisible" | "onOpenChange" | "open"> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
@@ -570,205 +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;
-};
-
-declare const ProteusDataTable: {
-    ({ columns, data, }: {
-        columns: {
-            accessorKey: string;
-            header: string;
-        }[];
-        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, }: {
-    children?: any;
-    path: string;
-}): 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;
@@ -1190,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" | "cards" | "group" | "product" | "tab";
+    type: "page" | "dialog" | "property" | "resource" | "action" | "group" | "tab" | "cards" | "product";
     value?: unknown;
 } | undefined;
 
@@ -1232,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.16",
+  "version": "1.9.18",
   "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",