@optiaxiom/react 1.7.11 → 1.7.13

package/dist/unstable.d.ts

@@ -1,5 +1,5 @@
-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-C0Ab8gBW.js';
-export { C as Calendar, e as CalendarProps, z as createDialogKit, d as dialogkit } from './MenuTrigger-C0Ab8gBW.js';
+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 * as react_jsx_runtime from 'react/jsx-runtime';
 import { CellContext } from '@tanstack/table-core';
 import * as react from 'react';
@@ -13,6 +13,12 @@ import '@radix-ui/react-dialog';
 type DataTableExpandableCellProps<TData, TValue> = CellContext<TData, TValue> & {
     children?: ReactNode;
 };
+/**
+ * Table cell component with expandable row functionality.
+ *
+ * @group DataTable
+ * @experimental
+ */
 declare function DataTableExpandableCell<TData, TValue>({ children, getValue, row, }: DataTableExpandableCellProps<TData, TValue>): react_jsx_runtime.JSX.Element;
 declare namespace DataTableExpandableCell {
     var displayName: string;
@@ -21,6 +27,12 @@ declare namespace DataTableExpandableCell {
 type DataTableExpandableHeaderProps = {
     children?: ReactNode;
 };
+/**
+ * Table header component for expandable columns.
+ *
+ * @group DataTable
+ * @experimental
+ */
 declare function DataTableExpandableHeader({ children, }: DataTableExpandableHeaderProps): react_jsx_runtime.JSX.Element;
 declare namespace DataTableExpandableHeader {
     var displayName: string;
@@ -32,6 +44,12 @@ type DataTableHeaderCellProps = BoxProps<typeof TableHeaderCell, {
      */
     header: Header<unknown, unknown>;
 }>;
+/**
+ * Table header cell with sorting and resizing functionality.
+ *
+ * @group DataTable
+ * @experimental
+ */
 declare const DataTableHeaderCell: react.ForwardRefExoticComponent<{
     /**
      * The Header instance to render.
@@ -48,12 +66,23 @@ declare const DataTableHeaderCell: react.ForwardRefExoticComponent<{
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTableCellElement>, "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" | "gap" | "alignItems" | "alignSelf" | "display" | "flex" | "flexDirection" | "flexWrap" | "gridColumn" | "gridTemplateColumns" | "justifyContent" | "justifyItems" | "placeItems" | "maxH" | "maxW" | "h" | "w" | "asChild" | "className"> & react.RefAttributes<HTMLTableCellElement>>;
 
 type DetailsPanelProps = BoxProps<"aside">;
+/**
+ * Panel for showing additional content on the right side of the page.
+ *
+ * @group DetailsPanel
+ * @since 1.6.0
+ * @experimental
+ * @category container
+ */
 declare const DetailsPanel: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLElement>>;
 
 type DetailsPanelBodyProps = ComponentPropsWithRef<typeof Box>;
+/**
+ * @group DetailsPanel
+ */
 declare const DetailsPanelBody: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
@@ -62,12 +91,16 @@ declare const DetailsPanelBody: react.ForwardRefExoticComponent<Omit<Omit<Omit<N
 }, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
 type DetailsPanelFooterProps = ComponentPropsWithRef<typeof Flex>;
-declare const DetailsPanelFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<NonNullable<Sprinkles & {
+/**
+ * @group DetailsPanel
+ */
+declare const DetailsPanelFooter: react.ForwardRefExoticComponent<Omit<Omit<{
+    alignItems?: BoxProps["alignItems"];
+    flexDirection?: BoxProps["flexDirection"];
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
-    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>, "ref"> & {
+}>, "alignItems" | "flexDirection"> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
     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>>;
 
@@ -85,6 +118,9 @@ type DetailsPanelHeaderProps = BoxProps<"div", {
      */
     description?: ReactNode;
 }>;
+/**
+ * @group DetailsPanel
+ */
 declare const DetailsPanelHeader: react.ForwardRefExoticComponent<{
     /**
      * Display content inside the header after `children`.
@@ -103,6 +139,11 @@ declare const DetailsPanelHeader: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLHeadingElement>>;
 
+/**
+ * Hook to access the dialog kit context.
+ *
+ * @experimental
+ */
 declare function useDialogKit(): {
     /**
      * The ID of the managed dialog item in the current context.
@@ -129,6 +170,13 @@ type FileUploadProps = BoxProps<"div", {
      */
     onFilesDrop?: (files: File[]) => void;
 }>;
+/**
+ * Capture file input from users with drag and drop.
+ *
+ * @category form
+ * @since 1.6.0
+ * @experimental
+ */
 declare const FileUpload: react.ForwardRefExoticComponent<{
     /**
      * File types to accept for upload. An array of strings of the MIME type
@@ -167,6 +215,9 @@ type FileUploadDropzoneProps = BoxProps<"div", {
      */
     overlay?: boolean;
 }>;
+/**
+ * @group FileUpload
+ */
 declare const FileUploadDropzone: react.ForwardRefExoticComponent<{
     /**
      * Add secondary text after the primary label.
@@ -187,6 +238,9 @@ declare const FileUploadDropzone: react.ForwardRefExoticComponent<{
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 type FileUploadTriggerProps = ButtonProps;
+/**
+ * @extends Button
+ */
 declare const FileUploadTrigger: react.ForwardRefExoticComponent<Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
@@ -219,6 +273,12 @@ type HighlightProps = BoxProps<"div", {
      */
     query?: RegExp | RegExp[] | string | string[];
 }>;
+/**
+ * Highlight query terms within text content.
+ *
+ * @category data-display
+ * @experimental
+ */
 declare const Highlight: react.ForwardRefExoticComponent<{
     children?: (chunk: ReactElement) => ReactNode;
     /**
@@ -235,15 +295,29 @@ declare const Highlight: react.ForwardRefExoticComponent<{
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className" | "content" | "children"> & react.RefAttributes<HTMLDivElement>>;
 
 type HoverCardProps = ComponentPropsWithoutRef<typeof RadixHoverCard.Root>;
+/**
+ * Display helpful text or previews inside a dialog when hovering over a link or button.
+ *
+ * @category overlay
+ * @group HoverCard
+ * @since 1.7.6
+ * @experimental
+ */
 declare function HoverCard({ children, defaultOpen, onOpenChange, open: openProp, openDelay, ...props }: HoverCardProps): react_jsx_runtime.JSX.Element;
 declare namespace HoverCard {
     var displayName: string;
 }
 
 type HoverCardContentProps = ExcludeProps<BoxProps<typeof RadixHoverCard.Content>, "arrowPadding" | "avoidCollisions" | "collisionBoundary" | "collisionPadding" | "forceMount" | "hideWhenDetached" | "sticky" | "updatePositionStrategy">;
+/**
+ * @group HoverCard
+ */
 declare const HoverCardContent: react.ForwardRefExoticComponent<HoverCardContentProps & react.RefAttributes<HTMLDivElement>>;
 
 type HoverCardTriggerProps = BoxProps<typeof RadixHoverCard.Trigger>;
+/**
+ * @group HoverCard
+ */
 declare const HoverCardTrigger: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
@@ -279,6 +353,13 @@ type InlineInputProps = BoxProps<"div", {
      */
     value?: string;
 }>;
+/**
+ * Seamless textbox for capturing user input with completely customizable visual styles.
+ *
+ * @category form
+ * @since 0.6.0
+ * @experimental
+ */
 declare const InlineInput: react.ForwardRefExoticComponent<{
     /**
      * The initial input value in uncontrolled mode.
@@ -338,6 +419,13 @@ type LayoutProps = BoxProps<"div", LayoutVariants & {
      */
     sidebar?: ReactNode;
 }>;
+/**
+ * Implement a basic page layout with multiple content areas.
+ *
+ * @category layout
+ * @since 1.6.0
+ * @experimental
+ */
 declare const Layout: react.ForwardRefExoticComponent<{
     size?: "full" | "screen" | undefined;
 } & {
@@ -363,6 +451,9 @@ declare const Layout: react.ForwardRefExoticComponent<{
 }>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 type LayoutContentProps = BoxProps<"div">;
+/**
+ * @group Layout
+ */
 declare const LayoutContent: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
@@ -382,6 +473,13 @@ type PillProps = BoxProps<"button", PillVariants & {
      */
     onDismiss?: () => void;
 }>;
+/**
+ * A pill is a visual representation of an attribute, usually representing tags or metrics.
+ *
+ * @category data-display
+ * @since 0.12.4
+ * @experimental
+ */
 declare const Pill: react.ForwardRefExoticComponent<PillVariants & {
     /**
      * Show a close button inside the pill and invoke this callback when the pill is clicked.
@@ -393,25 +491,44 @@ declare const Pill: react.ForwardRefExoticComponent<PillVariants & {
 }>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
 type PillGroupProps = ComponentPropsWithRef<typeof Flex>;
-declare const PillGroup: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omit<NonNullable<Sprinkles & {
+/**
+ * @group Pill
+ */
+declare const PillGroup: react.ForwardRefExoticComponent<Omit<Omit<{
+    alignItems?: BoxProps["alignItems"];
+    flexDirection?: BoxProps["flexDirection"];
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
-    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>, "ref"> & {
+}>, "alignItems" | "flexDirection"> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & {
     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 PillMenuProps = BoxProps<"div", Pick<ComponentPropsWithoutRef<typeof Menu>, "defaultOpen" | "empty" | "inputValue" | "inputVisible" | "loading" | "onInputValueChange" | "onOpenChange" | "open" | "options" | "placeholder">>;
+/**
+ * Dropdown menu for making selection with pills showing the selected items.
+ *
+ * @since 1.6.2
+ * @experimental
+ * @category data-display
+ * @category overlay
+
+ */
 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>>;
 
 type PillMenuContentProps = ComponentPropsWithoutRef<typeof MenuContent>;
+/**
+ * @group PillMenu
+ */
 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;
@@ -431,6 +548,130 @@ declare const PillMenuTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<{
     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>>;
 
+declare const root: (props?: {
+    marks?: boolean | undefined;
+    size?: "md" | "lg" | undefined;
+} | undefined, className?: string) => {
+    className: string;
+};
+type RangeVariants = RecipeVariants<typeof root>;
+
+type RangeProps = BoxProps<"input", Omit<NonNullable<RangeVariants>, "marks"> & {
+    /**
+     * The initial selected value in uncontrolled mode.
+     */
+    defaultValue?: number;
+    /**
+     * Whether the input is disabled and in read only mode.
+     */
+    disabled?: boolean;
+    /**
+     * Function to format the label for each value.
+     */
+    getLabel?: (value: number) => string;
+    /**
+     * The marks to display on the range steps.
+     */
+    marks?: Array<number | {
+        /**
+         * The label for the mark.
+         */
+        label: string;
+        /**
+         * The value for the mark.
+         */
+        value: number;
+    }>;
+    /**
+     * The maximum value for the range.
+     */
+    max?: number;
+    /**
+     * The minimum value for the range.
+     */
+    min?: number;
+    /**
+     * Handler that is called when the value changes.
+     */
+    onValueChange?: (value: number) => void;
+    /**
+     * Whether to show a tooltip with the current value above the thumb.
+     */
+    showTooltip?: boolean;
+    /**
+     * The stepping interval for the range.
+     */
+    step?: number;
+    /**
+     * The selected value in controlled mode.
+     */
+    value?: number;
+}>;
+/**
+ * Allow users to select a numeric value within a range.
+ *
+ * @category form
+ * @since 1.7.12
+ * @experimental
+ */
+declare const Range: react.ForwardRefExoticComponent<Omit<{
+    marks?: boolean | undefined;
+    size?: "md" | "lg" | undefined;
+}, "marks"> & {
+    /**
+     * The initial selected value in uncontrolled mode.
+     */
+    defaultValue?: number;
+    /**
+     * Whether the input is disabled and in read only mode.
+     */
+    disabled?: boolean;
+    /**
+     * Function to format the label for each value.
+     */
+    getLabel?: (value: number) => string;
+    /**
+     * The marks to display on the range steps.
+     */
+    marks?: Array<number | {
+        /**
+         * The label for the mark.
+         */
+        label: string;
+        /**
+         * The value for the mark.
+         */
+        value: number;
+    }>;
+    /**
+     * The maximum value for the range.
+     */
+    max?: number;
+    /**
+     * The minimum value for the range.
+     */
+    min?: number;
+    /**
+     * Handler that is called when the value changes.
+     */
+    onValueChange?: (value: number) => void;
+    /**
+     * Whether to show a tooltip with the current value above the thumb.
+     */
+    showTooltip?: boolean;
+    /**
+     * The stepping interval for the range.
+     */
+    step?: number;
+    /**
+     * The selected value in controlled mode.
+     */
+    value?: number;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "size" | "color" | "disabled" | "max" | "min" | "className" | "defaultValue" | "value" | "step"> & react.RefAttributes<HTMLInputElement>>;
+
 type SortableProps<T extends Items> = BoxProps<"div", {
     children?: (items: T) => ReactNode;
     /**
@@ -456,6 +697,14 @@ type SortableProps<T extends Items> = BoxProps<"div", {
     onItemsChange?: (value: T) => void;
 }>;
 type Items = Record<string, string[]> | string[];
+/**
+ * Basic building blocks for sortable interfaces.
+ *
+ * @group Sortable
+ * @category actions
+ * @since 1.5.0
+ * @experimental
+ */
 declare const Sortable: (<T extends Items>(props: RefAttributes<HTMLDivElement> & SortableProps<T>) => null | ReactElement) & {
     displayName: string;
 };
@@ -471,6 +720,9 @@ type SortableGroupProps = BoxProps<"div", {
      */
     index: number;
 }>;
+/**
+ * @group Sortable
+ */
 declare const SortableGroup: react.ForwardRefExoticComponent<{
     children?: ((isDropTarget: boolean) => ReactNode) | ReactNode;
     /**
@@ -487,6 +739,9 @@ declare const SortableGroup: react.ForwardRefExoticComponent<{
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className" | "children"> & react.RefAttributes<HTMLDivElement>>;
 
 type SortableHandleProps = BoxProps;
+/**
+ * @group Sortable
+ */
 declare const SortableHandle: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
@@ -502,6 +757,9 @@ type SortableItemProps = BoxProps<"div", {
      */
     item: string;
 }>;
+/**
+ * @group Sortable
+ */
 declare const SortableItem: react.ForwardRefExoticComponent<{
     /**
      * Array index of the item that is being rendered.
@@ -517,15 +775,26 @@ declare const SortableItem: react.ForwardRefExoticComponent<{
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 type SpotlightProps = ExcludeProps<ComponentPropsWithoutRef<typeof Menu>, "inputVisible" | "size">;
+/**
+ * Command menu for search and application navigation.
+ *
+ * @experimental
+ */
 declare function Spotlight({ children, ...props }: SpotlightProps): react_jsx_runtime.JSX.Element;
 declare namespace Spotlight {
     var displayName: string;
 }
 
 type SpotlightContentProps = ComponentPropsWithoutRef<typeof MenuContent>;
+/**
+ * @group Spotlight
+ */
 declare const SpotlightContent: react.ForwardRefExoticComponent<Omit<MenuContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
 type SpotlightTriggerProps = ButtonProps<typeof MenuTrigger>;
+/**
+ * @group Spotlight
+ */
 declare const SpotlightTrigger: react.ForwardRefExoticComponent<Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
@@ -562,5 +831,5 @@ declare const SpotlightTrigger: react.ForwardRefExoticComponent<Omit<{
     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>>;
 
-export { DataTableExpandableCell, DataTableExpandableHeader, DataTableHeaderCell, DetailsPanel, DetailsPanelBody, DetailsPanelFooter, DetailsPanelHeader, FileUpload, FileUploadDropzone, FileUploadTrigger, Highlight, HoverCard, HoverCardContent, HoverCardTrigger, InlineInput, Layout, LayoutContent, Pill, PillGroup, PillMenu, PillMenuContent, PillMenuTrigger, Sortable, SortableGroup, SortableHandle, SortableItem, Spotlight, SpotlightContent, SpotlightTrigger, useDialogKit, useFileUploadTrigger };
-export type { DataTableExpandableCellProps, DataTableExpandableHeaderProps, DataTableHeaderCellProps, DetailsPanelBodyProps, DetailsPanelFooterProps, DetailsPanelHeaderProps, DetailsPanelProps, FileUploadDropzoneProps, FileUploadProps, FileUploadTriggerProps, HighlightProps, HoverCardContentProps, HoverCardProps, HoverCardTriggerProps, InlineInputProps, LayoutContentProps, LayoutProps, PillGroupProps, PillMenuContentProps, PillMenuProps, PillMenuTriggerProps, PillProps, SortableGroupProps, SortableHandleProps, SortableItemProps, SortableProps, SpotlightContentProps, SpotlightProps, SpotlightTriggerProps };
+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 };
+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.11",
+  "version": "1.7.13",
   "files": [
     "dist/**",
     "LICENSE"

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

@@ -1,22 +0,0 @@
-@layer optiaxiom.njelra;
-@layer optiaxiom.njelra {
-  .imc5ft {
-    transition: opacity var(--ax-duration-sm) ease;
-  }
-  .l67wlh:not(:has(.l67wlh)):focus-within .imc5ft, .imc5ft:is(:checked, [data-state=open], :has(:checked, [data-state=open])) {
-    opacity: 1;
-    transition: none;
-  }
-  ._2db8q3 {
-    opacity: 1;
-  }
-  .rixmvy {
-    opacity: 0;
-  }
-  @media (hover: hover) {
-    .l67wlh:not(:has(.l67wlh)):hover .imc5ft {
-      opacity: 1;
-      transition: none;
-    }
-  }
-}

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

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

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

@@ -1,30 +0,0 @@
-@layer optiaxiom.njelra;
-@layer optiaxiom.njelra {
-  .nkm1m2 {
-    opacity: 0;
-  }
-  ._1fusmks {
-    inset: 0;
-    position: fixed;
-  }
-  ._1eisx3k {
-    max-height: 50dvh;
-    max-width: calc(100dvw - 2 * 24px);
-    transform: 
-      translateY(calc(1rem * var(--_7bph4s)))
-      scale(calc(1 - 0.06 * var(--_7bph4s)))
-    ;
-  }
-  ._1eisx3k:focus-visible {
-    outline: none;
-  }
-  ._1ixrc2l {
-    width: 400px;
-  }
-  ._4wyayv {
-    width: 600px;
-  }
-  .eorfm6 {
-    width: 800px;
-  }
-}

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

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

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

@@ -1,51 +0,0 @@
-@layer optiaxiom.njelra;
-@layer optiaxiom.njelra {
-  ._1c0s70a {
-    --_1biybyq: var(--ax-colors-fg-white);
-    -webkit-user-select: none;
-            user-select: none;
-  }
-  ._1c0s70a:not(:empty) {
-    min-width: var(--ax-size-xs);
-  }
-  .ofr70x {
-    --_19azpf0: var(--ax-colors-bg-error);
-    --_1ztdjp: var(--ax-colors-bg-error-subtle);
-    --_1q1s07d: var(--ax-colors-fg-error-strong);
-  }
-  .nmqht3 {
-    --_19azpf0: var(--ax-colors-bg-information);
-    --_1ztdjp: var(--ax-colors-bg-information-subtle);
-    --_1q1s07d: var(--ax-colors-fg-information-strong);
-  }
-  .cdzzwl {
-    --_19azpf0: var(--ax-colors-bg-tertiary);
-    --_1biybyq: var(--ax-colors-fg-default);
-    --_1ztdjp: var(--ax-colors-bg-secondary);
-    --_1q1s07d: var(--ax-colors-fg-secondary);
-  }
-  .lp3qwf {
-    --_19azpf0: var(--ax-colors-bg-accent);
-    --_1ztdjp: var(--ax-colors-bg-accent-subtle);
-    --_1q1s07d: var(--ax-colors-fg-accent-strong);
-  }
-  ._1apv35p {
-    --_19azpf0: var(--ax-colors-bg-success);
-    --_1ztdjp: var(--ax-colors-bg-success-subtle);
-    --_1q1s07d: var(--ax-colors-fg-success-strong);
-  }
-  ._653y6h {
-    --_19azpf0: var(--ax-colors-bg-warning);
-    --_1biybyq: var(--ax-colors-fg-warning-inverse);
-    --_1ztdjp: var(--ax-colors-bg-warning-subtle);
-    --_1q1s07d: var(--ax-colors-fg-warning-strong);
-  }
-  ._30gjyx {
-    background-color: var(--_19azpf0);
-    color: var(--_1biybyq);
-  }
-  .i7fu22 {
-    background-color: var(--_1ztdjp);
-    color: var(--_1q1s07d);
-  }
-}

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

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

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

@@ -1,9 +0,0 @@
-@layer optiaxiom.njelra;
-@layer optiaxiom.njelra {
-  ._34uxd2 {
-    opacity: 1;
-  }
-  .q6nzyi[data-loading] ._34uxd2 {
-    opacity: 0;
-  }
-}