@optiaxiom/react 1.6.1 → 1.6.3

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { ComponentPropsWithRef, ReactNode, ComponentPropsWithoutRef, ElementType, RefObject, FocusEventHandler, ChangeEventHandler, ReactElement } from 'react';
-import { R as RecipeVariants, B as BoxProps, S as Sprinkles, a as ButtonProps, E as ExcludeProps, F as Flex, b as Button, c as ExtendProps, I as Input, C as Calendar, d as CalendarProps, e as Box, f as ResponsiveArray, P as PopoverContent, g as PopoverContentProps, h as PopoverTrigger, M as ModalListbox, i as ButtonRoot, j as InputControlProps, k as InputRoot } from './MenuTrigger-BBr2W7uf.js';
-export { l as DialogContent, D as DialogContentProps, m as FlexProps, o as InputControl, n as InputProps, p as InputRootProps, q as ListboxItemized, L as ListboxItemizedProps, J as LonghandProps, t as Menu, v as MenuContent, u as MenuContentProps, r as MenuOption, s as MenuProps, x as MenuTrigger, w as MenuTriggerProps, y as PopoverTriggerProps, K as TableHeaderCell, T as TableHeaderCellProps, G as mapResponsiveValue, H as normalizeResponsiveValue, A as sprinkles, z as vars } from './MenuTrigger-BBr2W7uf.js';
+import { R as RecipeVariants, B as BoxProps, S as Sprinkles, a as ButtonProps, E as ExcludeProps, F as Flex, b as Button, c as ExtendProps, I as Input, C as Calendar, d as CalendarProps, e as Box, f as ResponsiveArray, P as PopoverContent, g as PopoverContentProps, h as PopoverTrigger, M as ModalListbox, i as ButtonRoot, j as InputControlProps, k as InputRoot } from './MenuTrigger-DfEYqiDV.js';
+export { l as DialogContent, D as DialogContentProps, m as FlexProps, o as InputControl, n as InputProps, p as InputRootProps, q as ListboxItemized, L as ListboxItemizedProps, J as LonghandProps, t as Menu, v as MenuContent, u as MenuContentProps, r as MenuOption, s as MenuProps, x as MenuTrigger, w as MenuTriggerProps, y as PopoverTriggerProps, K as TableHeaderCell, T as TableHeaderCellProps, G as mapResponsiveValue, H as normalizeResponsiveValue, A as sprinkles, z as vars } from './MenuTrigger-DfEYqiDV.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as RadixAlertDialog from '@radix-ui/react-alert-dialog';
 import * as RadixTooltip from '@radix-ui/react-tooltip';
@@ -103,7 +103,7 @@ declare const AlertDialogAction: react.ForwardRefExoticComponent<Omit<{
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     square?: boolean | undefined;
-    variant?: "strong" | "outline" | "opal" | "subtle" | undefined;
+    variant?: "strong" | "opal" | "outline" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse" | "primary-opal";
     disabled?: boolean;
@@ -129,7 +129,7 @@ declare const AlertDialogCancel: react.ForwardRefExoticComponent<Omit<{
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     square?: boolean | undefined;
-    variant?: "strong" | "outline" | "opal" | "subtle" | undefined;
+    variant?: "strong" | "opal" | "outline" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse" | "primary-opal";
     disabled?: boolean;
@@ -185,7 +185,7 @@ declare const AlertDialogTrigger: react.ForwardRefExoticComponent<Omit<{
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     square?: boolean | undefined;
-    variant?: "strong" | "outline" | "opal" | "subtle" | undefined;
+    variant?: "strong" | "opal" | "outline" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse" | "primary-opal";
     disabled?: boolean;
@@ -205,7 +205,7 @@ declare const AngleMenuButton: react.ForwardRefExoticComponent<Omit<Omit<{
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     square?: boolean | undefined;
-    variant?: "strong" | "outline" | "opal" | "subtle" | undefined;
+    variant?: "strong" | "opal" | "outline" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse" | "primary-opal";
     disabled?: boolean;
@@ -215,6 +215,32 @@ declare const AngleMenuButton: react.ForwardRefExoticComponent<Omit<Omit<{
     className?: string;
 }>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
+type AuthProviderProps = {
+    children?: ReactNode;
+    /**
+     * The ID of the instance the user is currently accessing.
+     */
+    instance: string;
+    /**
+     * Callback to refresh and return a new auth token in case it becomes stale.
+     */
+    refresh: () => Promise<string>;
+    /**
+     * The auth token of the current user session.
+     */
+    token: string;
+};
+declare function AuthProvider({ children, instance, refresh: refreshProp, token, }: AuthProviderProps): react_jsx_runtime.JSX.Element;
+declare namespace AuthProvider {
+    var displayName: string;
+}
+
+declare function useAuthContext(): {
+    instance: string;
+    refresh: () => Promise<string>;
+    token: string;
+} | undefined;
+
 declare const avatar: (props?: {
     colorScheme?: "neutral" | "purple" | undefined;
     size?: "xs" | "sm" | "md" | "lg" | "xl" | "3xl" | "2xs" | undefined;
@@ -299,7 +325,7 @@ declare const ToastAction: react.ForwardRefExoticComponent<Omit<{
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     square?: boolean | undefined;
-    variant?: "strong" | "outline" | "opal" | "subtle" | undefined;
+    variant?: "strong" | "opal" | "outline" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse" | "primary-opal";
     disabled?: boolean;
@@ -1388,7 +1414,7 @@ declare const DateRangePickerTrigger: react.ForwardRefExoticComponent<Omit<Omit<
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     square?: boolean | undefined;
-    variant?: "strong" | "outline" | "opal" | "subtle" | undefined;
+    variant?: "strong" | "opal" | "outline" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse" | "primary-opal";
     disabled?: boolean;
@@ -1445,7 +1471,7 @@ declare const DialogClose: react.ForwardRefExoticComponent<Omit<{
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     square?: boolean | undefined;
-    variant?: "strong" | "outline" | "opal" | "subtle" | undefined;
+    variant?: "strong" | "opal" | "outline" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse" | "primary-opal";
     disabled?: boolean;
@@ -1505,7 +1531,7 @@ declare const DialogTrigger: react.ForwardRefExoticComponent<Omit<{
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     square?: boolean | undefined;
-    variant?: "strong" | "outline" | "opal" | "subtle" | undefined;
+    variant?: "strong" | "opal" | "outline" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse" | "primary-opal";
     disabled?: boolean;
@@ -1713,7 +1739,7 @@ declare const DropdownMenuTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     square?: boolean | undefined;
-    variant?: "strong" | "outline" | "opal" | "subtle" | undefined;
+    variant?: "strong" | "opal" | "outline" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse" | "primary-opal";
     disabled?: boolean;
@@ -1733,7 +1759,7 @@ declare const EllipsisMenuButton: react.ForwardRefExoticComponent<Omit<Omit<{
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     square?: boolean | undefined;
-    variant?: "strong" | "outline" | "opal" | "subtle" | undefined;
+    variant?: "strong" | "opal" | "outline" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse" | "primary-opal";
     disabled?: boolean;
@@ -1964,7 +1990,7 @@ declare const LabelMenuButton: react.ForwardRefExoticComponent<Omit<Omit<NonNull
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     square?: boolean | undefined;
-    variant?: "strong" | "outline" | "opal" | "subtle" | undefined;
+    variant?: "strong" | "opal" | "outline" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse" | "primary-opal";
     disabled?: boolean;
@@ -2395,7 +2421,7 @@ declare const SegmentedControlItem: react.ForwardRefExoticComponent<Omit<{
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     square?: boolean | undefined;
-    variant?: "strong" | "outline" | "opal" | "subtle" | undefined;
+    variant?: "strong" | "opal" | "outline" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse" | "primary-opal";
     disabled?: boolean;
@@ -2726,7 +2752,7 @@ declare const ToggleButton: react.ForwardRefExoticComponent<{
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     square?: boolean | undefined;
-    variant?: "strong" | "outline" | "opal" | "subtle" | undefined;
+    variant?: "strong" | "opal" | "outline" | "subtle" | undefined;
 }, "intent" | "variant"> & {
     appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse" | "primary-opal";
     disabled?: boolean;
@@ -2791,5 +2817,5 @@ declare namespace TransitionGroup {
     var displayName: string;
 }
 
-export { Alert, AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogFooter, AlertDialogHeader, AlertDialogTrigger, AngleMenuButton, Avatar, AvatarGroup, AxiomProvider, Badge, Banner, Box, BoxProps, Breadcrumb, Button, ButtonGroup, ButtonProps, Card, CardAction, CardCheckbox, CardFooter, CardHeader, CardImage, CardLink, CardPreview, Checkbox, Code, Cover, DataTable, DataTableAction, DataTableBody, DataTableCheckbox, DataTableFooter, DataTableLabel, DateInput, DateRangePicker, DateRangePickerContent, DateRangePickerTrigger, Dialog, DialogBody, DialogClose, DialogFooter, DialogForm, DialogHeader, DialogTrigger, Disclosure, DisclosureContent, DisclosureTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EllipsisMenuButton, Field, FieldLabel, Flex, Grid, Heading, Indicator, Input, InputAddon, InputControlProps, InputRoot, Kbd, LabelMenuButton, Link, Listbox, ListboxCheckboxItem, ListboxEmpty, ListboxGroup, ListboxItem, ListboxItemIndicator, ListboxLabel, ListboxRadioItem, ListboxSeparator, ListboxSwitchItem, ModalLayer, ModalProvider, 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, Toast, ToastAction, ToastProvider, ToastTitle, ToggleButton, Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger, Transition, TransitionGlobalConfig, TransitionGroup, extractBoxProps, layers_css as layers, sprinklesMerge, useModalContext };
-export type { AlertDialogActionProps, AlertDialogBodyProps, AlertDialogCancelProps, AlertDialogContentProps, AlertDialogFooterProps, AlertDialogHeaderProps, AlertDialogProps, AlertDialogTriggerProps, AlertProps, AngleMenuButtonProps, AvatarGroupProps, AvatarProps, AxiomProviderProps, BadgeProps, BannerProps, BreadcrumbItem, BreadcrumbProps, ButtonGroupProps, CardActionProps, CardCheckboxProps, CardFooterProps, CardHeaderProps, CardImageProps, CardLinkProps, CardPreviewProps, CardProps, CheckboxProps, CodeProps, CoverProps, DataTableActionProps, DataTableBodyProps, DataTableCheckboxProps, DataTableFooterProps, DataTableLabelProps, DataTableProps, DateInputProps, DateRangePickerContentProps, DateRangePickerProps, DateRangePickerTriggerProps, DialogBodyProps, DialogCloseProps, DialogFooterProps, DialogFormProps, DialogHeaderProps, DialogProps, DialogTriggerProps, DisclosureContentProps, DisclosureProps, DisclosureTriggerProps, DropdownMenuCheckboxItemProps, DropdownMenuContentProps, DropdownMenuGroupProps, DropdownMenuItemProps, DropdownMenuLabelProps, DropdownMenuProps, DropdownMenuSeparatorProps, DropdownMenuSubContentProps, DropdownMenuSubProps, DropdownMenuSubTriggerProps, DropdownMenuTriggerProps, EllipsisMenuButtonProps, FieldLabelProps, FieldProps, GridProps, HeadingProps, IndicatorProps, InputAddonProps, KbdProps, LabelMenuButtonProps, LinkProps, ListboxCheckboxItemProps, ListboxEmptyProps, ListboxGroupProps, ListboxItemIndicatorProps, ListboxItemProps, 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, ToastActionProps, ToastProps, ToastProviderProps$1 as ToastProviderProps, ToastTitleProps, ToggleButtonProps, TooltipContentProps, TooltipProps, TooltipProviderProps$1 as TooltipProviderProps, TooltipRootProps, TooltipTriggerProps, TransitionProps };
+export { Alert, AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogFooter, AlertDialogHeader, AlertDialogTrigger, AngleMenuButton, AuthProvider, Avatar, AvatarGroup, AxiomProvider, Badge, Banner, Box, BoxProps, Breadcrumb, Button, ButtonGroup, ButtonProps, Card, CardAction, CardCheckbox, CardFooter, CardHeader, CardImage, CardLink, CardPreview, Checkbox, Code, Cover, DataTable, DataTableAction, DataTableBody, DataTableCheckbox, DataTableFooter, DataTableLabel, DateInput, DateRangePicker, DateRangePickerContent, DateRangePickerTrigger, Dialog, DialogBody, DialogClose, DialogFooter, DialogForm, DialogHeader, DialogTrigger, Disclosure, DisclosureContent, DisclosureTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EllipsisMenuButton, Field, FieldLabel, Flex, Grid, Heading, Indicator, Input, InputAddon, InputControlProps, InputRoot, Kbd, LabelMenuButton, Link, Listbox, ListboxCheckboxItem, ListboxEmpty, ListboxGroup, ListboxItem, ListboxItemIndicator, ListboxLabel, ListboxRadioItem, ListboxSeparator, ListboxSwitchItem, ModalLayer, ModalProvider, 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, Toast, ToastAction, ToastProvider, ToastTitle, ToggleButton, Tooltip, TooltipContent, TooltipProvider, TooltipRoot, TooltipTrigger, Transition, TransitionGlobalConfig, TransitionGroup, extractBoxProps, layers_css as layers, sprinklesMerge, useAuthContext, useModalContext };
+export type { AlertDialogActionProps, AlertDialogBodyProps, AlertDialogCancelProps, AlertDialogContentProps, AlertDialogFooterProps, AlertDialogHeaderProps, AlertDialogProps, AlertDialogTriggerProps, AlertProps, AngleMenuButtonProps, AuthProviderProps, AvatarGroupProps, AvatarProps, AxiomProviderProps, BadgeProps, BannerProps, BreadcrumbItem, BreadcrumbProps, ButtonGroupProps, CardActionProps, CardCheckboxProps, CardFooterProps, CardHeaderProps, CardImageProps, CardLinkProps, CardPreviewProps, CardProps, CheckboxProps, CodeProps, CoverProps, DataTableActionProps, DataTableBodyProps, DataTableCheckboxProps, DataTableFooterProps, DataTableLabelProps, DataTableProps, DateInputProps, DateRangePickerContentProps, DateRangePickerProps, DateRangePickerTriggerProps, DialogBodyProps, DialogCloseProps, DialogFooterProps, DialogFormProps, DialogHeaderProps, DialogProps, DialogTriggerProps, DisclosureContentProps, DisclosureProps, DisclosureTriggerProps, DropdownMenuCheckboxItemProps, DropdownMenuContentProps, DropdownMenuGroupProps, DropdownMenuItemProps, DropdownMenuLabelProps, DropdownMenuProps, DropdownMenuSeparatorProps, DropdownMenuSubContentProps, DropdownMenuSubProps, DropdownMenuSubTriggerProps, DropdownMenuTriggerProps, EllipsisMenuButtonProps, FieldLabelProps, FieldProps, GridProps, HeadingProps, IndicatorProps, InputAddonProps, KbdProps, LabelMenuButtonProps, LinkProps, ListboxCheckboxItemProps, ListboxEmptyProps, ListboxGroupProps, ListboxItemIndicatorProps, ListboxItemProps, 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, ToastActionProps, ToastProps, ToastProviderProps$1 as ToastProviderProps, ToastTitleProps, ToggleButtonProps, TooltipContentProps, TooltipProps, TooltipProviderProps$1 as TooltipProviderProps, TooltipRootProps, TooltipTriggerProps, TransitionProps };

package/dist/unstable.d.ts

@@ -1,9 +1,8 @@
-import { I as Input, S as Sprinkles, B as BoxProps, N as CommandOption, E as ExcludeProps, q as ListboxItemized, K as TableHeaderCell, e as Box, F as Flex, a as ButtonProps, R as RecipeVariants, t as Menu, s as MenuProps, v as MenuContent, u as MenuContentProps, x as MenuTrigger } from './MenuTrigger-BBr2W7uf.js';
-export { C as Calendar, d as CalendarProps, Q as Command, O as CommandProps } from './MenuTrigger-BBr2W7uf.js';
+import { I as Input, S as Sprinkles, B as BoxProps, N as CommandOption, E as ExcludeProps, q as ListboxItemized, K as TableHeaderCell, e as Box, F as Flex, a as ButtonProps, R as RecipeVariants, t as Menu, s as MenuProps, v as MenuContent, u as MenuContentProps, x as MenuTrigger } from './MenuTrigger-DfEYqiDV.js';
+export { C as Calendar, d as CalendarProps, Q as Command, O as CommandProps } from './MenuTrigger-DfEYqiDV.js';
 import * as react from 'react';
 import { ComponentPropsWithoutRef, ComponentPropsWithRef, ReactNode, ReactElement, RefAttributes } from 'react';
 import { Header } from '@tanstack/react-table';
-import { DropzoneOptions } from 'react-dropzone';
 import * as _radix_ui_react_popover from '@radix-ui/react-popover';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import 'react-day-picker';
@@ -150,15 +149,18 @@ declare const DetailsPanelHeader: react.ForwardRefExoticComponent<{
 
 type FileUploadProps = BoxProps<"div", {
     /**
-     * File types to accept for upload. An object with the keys set to the MIME
-     * type and the values an array of file extensions.
+     * File types to accept for upload. An array of strings of the MIME type
+     * and/or file extensions to accept.
      *
      * @example
-     * {
-     *   "image/*": [],
-     * }
+     * ["image/*"]
+     * [".png", ".jpg"]
      */
-    accept?: DropzoneOptions["accept"];
+    accept?: string[];
+    /**
+     * Whether the file uploader is disabled.
+     */
+    disabled?: boolean;
     /**
      * Callback function called when files are dropped or selected
      */
@@ -166,15 +168,18 @@ type FileUploadProps = BoxProps<"div", {
 }>;
 declare const FileUpload: react.ForwardRefExoticComponent<{
     /**
-     * File types to accept for upload. An object with the keys set to the MIME
-     * type and the values an array of file extensions.
+     * File types to accept for upload. An array of strings of the MIME type
+     * and/or file extensions to accept.
      *
      * @example
-     * {
-     *   "image/*": [],
-     * }
+     * ["image/*"]
+     * [".png", ".jpg"]
      */
-    accept?: DropzoneOptions["accept"];
+    accept?: string[];
+    /**
+     * Whether the file uploader is disabled.
+     */
+    disabled?: boolean;
     /**
      * Callback function called when files are dropped or selected
      */
@@ -195,7 +200,7 @@ type FileUploadDropzoneProps = BoxProps<"div", {
     label?: string;
     /**
      * Whether to place the dropzone as an overlay fully covering the parent
-     * container and only showing when user is dragging a file into the browser.
+     * container and only visible when user is dragging a file into the browser.
      */
     overlay?: boolean;
 }>;
@@ -210,7 +215,7 @@ declare const FileUploadDropzone: react.ForwardRefExoticComponent<{
     label?: string;
     /**
      * Whether to place the dropzone as an overlay fully covering the parent
-     * container and only showing when user is dragging a file into the browser.
+     * container and only visible when user is dragging a file into the browser.
      */
     overlay?: boolean;
 } & Omit<NonNullable<Sprinkles & {

package/package.json

@@ -7,7 +7,7 @@
     "url": "git+https://github.com/optimizely-axiom/optiaxiom.git"
   },
   "type": "module",
-  "version": "1.6.1",
+  "version": "1.6.3",
   "files": [
     "dist/**",
     "LICENSE"
@@ -67,11 +67,10 @@
     "clsx": "^2.1.1",
     "downshift": "^9.0.10",
     "react-day-picker": "^9.8.0",
-    "react-dropzone": "^14.3.8",
     "react-remove-scroll": "^2.7.1",
     "react-resizable-panels": "^3.0.3",
     "use-sync-external-store": "^1.5.0",
-    "@optiaxiom/globals": "^1.0.9"
+    "@optiaxiom/globals": "^1.0.10"
   },
   "devDependencies": {
     "@emotion/hash": "^0.9.2",

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

@@ -1,22 +0,0 @@
-@layer optiaxiom.laxzld;
-@layer optiaxiom.laxzld {
-  .g3npwt {
-    transition: opacity var(--ax-duration-sm) ease;
-  }
-  .cmgekp:not(:has(.cmgekp)):focus-within .g3npwt, .g3npwt:is(:checked, [data-state=open], :has(:checked, [data-state=open])) {
-    opacity: 1;
-    transition: none;
-  }
-  ._1r56t10 {
-    opacity: 1;
-  }
-  ._1x42iyn {
-    opacity: 0;
-  }
-  @media (hover: hover) {
-    .cmgekp:not(:has(.cmgekp)):hover .g3npwt {
-      opacity: 1;
-      transition: none;
-    }
-  }
-}

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

@@ -1,30 +0,0 @@
-@layer optiaxiom.laxzld;
-@layer optiaxiom.laxzld {
-  .xdk9ne {
-    opacity: 0;
-  }
-  ._1kkv13d {
-    inset: 0;
-    position: fixed;
-  }
-  ._1komce7 {
-    max-height: 50dvh;
-    max-width: calc(100dvw - 2 * 24px);
-    transform: 
-      translateY(calc(1rem * var(--uk5lij)))
-      scale(calc(1 - 0.06 * var(--uk5lij)))
-    ;
-  }
-  ._1komce7:focus-visible {
-    outline: none;
-  }
-  .trakrs {
-    width: 400px;
-  }
-  .q4mb3m {
-    width: 600px;
-  }
-  .n73lq {
-    width: 800px;
-  }
-}

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

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

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

@@ -1,51 +0,0 @@
-@layer optiaxiom.laxzld;
-@layer optiaxiom.laxzld {
-  ._1trpf5g {
-    --_10ax4kp: var(--ax-colors-fg-white);
-    -webkit-user-select: none;
-            user-select: none;
-  }
-  ._1trpf5g:not(:empty) {
-    min-width: var(--ax-size-xs);
-  }
-  ._19gqeoo {
-    --pylh6: var(--ax-colors-bg-error);
-    --_1p10y4a: var(--ax-colors-bg-error-subtle);
-    --_19k54u2: var(--ax-colors-fg-error-strong);
-  }
-  ._1ra99to {
-    --pylh6: var(--ax-colors-bg-information);
-    --_1p10y4a: var(--ax-colors-bg-information-subtle);
-    --_19k54u2: var(--ax-colors-fg-information-strong);
-  }
-  .ydhnt3 {
-    --pylh6: var(--ax-colors-bg-tertiary);
-    --_10ax4kp: var(--ax-colors-fg-default);
-    --_1p10y4a: var(--ax-colors-bg-secondary);
-    --_19k54u2: var(--ax-colors-fg-secondary);
-  }
-  ._1pfp93v {
-    --pylh6: var(--ax-colors-bg-accent);
-    --_1p10y4a: var(--ax-colors-bg-accent-subtle);
-    --_19k54u2: var(--ax-colors-fg-accent-strong);
-  }
-  .okl7lb {
-    --pylh6: var(--ax-colors-bg-success);
-    --_1p10y4a: var(--ax-colors-bg-success-subtle);
-    --_19k54u2: var(--ax-colors-fg-success-strong);
-  }
-  ._1hu9t1s {
-    --pylh6: var(--ax-colors-bg-warning);
-    --_10ax4kp: var(--ax-colors-fg-warning-inverse);
-    --_1p10y4a: var(--ax-colors-bg-warning-subtle);
-    --_19k54u2: var(--ax-colors-fg-warning-strong);
-  }
-  ._1l0opup {
-    background-color: var(--pylh6);
-    color: var(--_10ax4kp);
-  }
-  .vaij4f {
-    background-color: var(--_1p10y4a);
-    color: var(--_19k54u2);
-  }
-}

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

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

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

@@ -1,9 +0,0 @@
-@layer optiaxiom.laxzld;
-@layer optiaxiom.laxzld {
-  .maf9q9 {
-    opacity: 1;
-  }
-  .jmxm03[data-loading] .maf9q9 {
-    opacity: 0;
-  }
-}

package/dist/cjs/assets/src/button/ButtonRoot.css.ts.vanilla-N2E3e5pV.css

@@ -1,160 +0,0 @@
-@layer optiaxiom.laxzld;
-@layer optiaxiom.laxzld {
-  ._1t5g0p6 {
-    border-radius: var(--ax-borderRadius-md);
-    cursor: pointer;
-    padding-inline: var(--_1m1w3el);
-    position: relative;
-    text-decoration: none;
-    -webkit-user-select: none;
-            user-select: none;
-  }
-  ._1t5g0p6:is(:focus-visible, :has(:focus-visible)):not([data-disabled], [data-loading]) {
-    outline: 2px solid var(--ax-colors-border-focus);
-    outline-offset: 1px;
-    z-index: 10;
-  }
-  ._1t5g0p6[data-disabled] {
-    cursor: not-allowed;
-  }
-  .qzld36[data-orientation="horizontal"] > ._1t5g0p6:not(:first-child):not(:last-child),.qzld36[data-orientation="horizontal"] > :not(:first-child):not(:last-child) ._1t5g0p6 {
-    border-inline-width: 0.5px;
-  }
-  .qzld36[data-orientation="horizontal"] > ._1t5g0p6:not(:only-child):first-child,.qzld36[data-orientation="horizontal"] > :not(:only-child):first-child ._1t5g0p6 {
-    border-bottom-right-radius: 0;
-    border-right-width: 0.5px;
-    border-top-right-radius: 0;
-  }
-  .qzld36[data-orientation="horizontal"] > ._1t5g0p6:not(:only-child):last-child,.qzld36[data-orientation="horizontal"] > :not(:only-child):last-child ._1t5g0p6 {
-    border-bottom-left-radius: 0;
-    border-left-width: 0.5px;
-    border-top-left-radius: 0;
-  }
-  .qzld36[data-orientation="vertical"] > ._1t5g0p6:not(:first-child):not(:last-child),.qzld36[data-orientation="vertical"] > :not(:first-child):not(:last-child) ._1t5g0p6 {
-    border-block-width: 0.5px;
-  }
-  .qzld36[data-orientation="vertical"] > ._1t5g0p6:not(:only-child):first-child,.qzld36[data-orientation="vertical"] > :not(:only-child):first-child ._1t5g0p6 {
-    border-bottom-left-radius: 0;
-    border-bottom-right-radius: 0;
-    border-bottom-width: 0.5px;
-  }
-  .qzld36[data-orientation="vertical"] > ._1t5g0p6:not(:only-child):last-child,.qzld36[data-orientation="vertical"] > :not(:only-child):last-child ._1t5g0p6 {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-    border-top-width: 0.5px;
-  }
-  .qzld36[data-orientation] > ._1t5g0p6:not(:first-child):not(:last-child),.qzld36[data-orientation] > :not(:first-child):not(:last-child) ._1t5g0p6 {
-    border-radius: 0;
-  }
-  ._1vcdep0 {
-    --_1c6rg4: var(--ax-colors-bg-error);
-    --_1yg1nez: var(--ax-colors-bg-error-hovered);
-    --kbbaax: var(--ax-colors-bg-error-pressed);
-    --zjck6d: var(--ax-colors-bg-error-subtlest);
-    --_1t2cdh: var(--ax-colors-bg-error-subtle);
-  }
-  ._1icsclx {
-    --_1c6rg4: var(--ax-colors-bg-default-inverse);
-    --_1yg1nez: var(--ax-colors-bg-default-inverse-hovered);
-    --kbbaax: var(--ax-colors-bg-default-inverse-pressed);
-    --b187q0: var(--ax-colors-fg-default-inverse);
-    --zjck6d: var(--ax-colors-bg-page);
-    --_1av4nnz: var(--ax-colors-border-default);
-    --dilr2a: var(--ax-colors-border-default);
-    --_1t2cdh: var(--ax-colors-bg-secondary);
-    --hekd1r: var(--ax-colors-fg-default);
-    --uuaf0h: var(--ax-colors-bg-default-hovered);
-    --_1erk8hy: var(--ax-colors-bg-default-pressed);
-  }
-  ._14z9kp0 {
-    --_1c6rg4: var(--ax-colors-bg-accent);
-    --_1yg1nez: var(--ax-colors-bg-accent-hovered);
-    --kbbaax: var(--ax-colors-bg-accent-pressed);
-    --zjck6d: var(--ax-colors-bg-accent-subtle);
-    --_1t2cdh: var(--ax-colors-bg-accent-light);
-  }
-  ._3il5gb {
-    background-image: linear-gradient(135deg, #392ECF 15%, #7740EC 85%);
-    color: var(--b187q0, var(--ax-colors-fg-white));
-  }
-  ._3il5gb[data-disabled]:not([data-loading]) {
-    background-color: var(--ax-colors-bg-secondary);
-    background-image: none;
-    border: 1px solid var(--ax-colors-border-disabled);
-    color: var(--ax-colors-fg-disabled);
-    padding-inline: calc(var(--_1m1w3el) - 1px);
-  }
-  .dh7vc0 {
-    background-color: var(--ax-colors-bg-default);
-    border: 1px solid var(--dilr2a, var(--_1c6rg4));
-    color: var(--hekd1r, var(--_1c6rg4));
-    padding-inline: calc(var(--_1m1w3el) - 1px);
-  }
-  .dh7vc0:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--_1t2cdh);
-    border-color: var(--_1av4nnz, var(--_1yg1nez));
-  }
-  .dh7vc0:is([data-state="active"], [data-state="on"]) {
-    background-color: var(--ax-colors-bg-accent-subtle);
-    border-color: var(--ax-colors-fg-accent);
-    color: var(--ax-colors-fg-accent);
-  }
-  .dh7vc0[data-disabled]:not([data-loading]) {
-    border-color: var(--ax-colors-border-disabled);
-    color: var(--ax-colors-fg-disabled);
-  }
-  ._7s946u {
-    background-color: var(--_1c6rg4);
-    color: var(--b187q0, var(--ax-colors-fg-white));
-  }
-  ._7s946u:active:not([data-disabled], [data-loading]) {
-    background-color: var(--kbbaax);
-  }
-  ._7s946u[data-disabled]:not([data-loading]) {
-    background-color: var(--ax-colors-bg-secondary);
-    border: 1px solid var(--ax-colors-border-disabled);
-    color: var(--ax-colors-fg-disabled);
-    padding-inline: calc(var(--_1m1w3el) - 1px);
-  }
-  ._1vmgg70 {
-    background-color: transparent;
-    border-color: var(--_1c6rg4);
-    color: var(--hekd1r, var(--_1c6rg4));
-  }
-  ._1vmgg70:active:not([data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-    background-color: var(--_1erk8hy, var(--_1t2cdh));
-  }
-  ._1vmgg70:is([data-state="active"], [data-state="on"]) {
-    background-color: var(--ax-colors-bg-accent-subtle);
-    color: var(--ax-colors-fg-accent);
-  }
-  ._1vmgg70[data-disabled]:not([data-loading]) {
-    color: var(--ax-colors-fg-disabled);
-  }
-  .t7wbug {
-    --_1m1w3el: 4px;
-  }
-  ._11rvy8f {
-    --_1m1w3el: 8px;
-  }
-  ._1fb60qj {
-    --_1m1w3el: 12px;
-  }
-  .eiylvr {
-    left: 0;
-    position: absolute;
-    right: 0;
-  }
-  @media (hover: hover) {
-    .dh7vc0:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-      background-color: var(--zjck6d);
-      border-color: var(--_1av4nnz, var(--_1yg1nez));
-    }
-    ._7s946u:hover:not(:active, [data-disabled], [data-loading]) {
-      background-color: var(--_1yg1nez);
-    }
-    ._1vmgg70:hover:not(:active, [data-disabled], [data-loading], [data-state="active"], [data-state="on"]) {
-      background-color: var(--uuaf0h, var(--zjck6d));
-    }
-  }
-}

package/dist/cjs/assets/src/calendar/Calendar.css.ts.vanilla-DsZ2Arz4.css

@@ -1,6 +0,0 @@
-@layer optiaxiom.laxzld;
-@layer optiaxiom.laxzld {
-  ._3n5bak {
-    min-height: 274px;
-  }
-}

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

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

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

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

package/dist/cjs/assets/src/card/Card.css.ts.vanilla-DsCpGMDa.css

@@ -1,8 +0,0 @@
-@layer optiaxiom.laxzld;
-@layer optiaxiom.laxzld {
-  .a3ziku {
-    --_1cjhy5s: var(--ax-borderRadius-lg);
-    border-radius: var(--ax-borderRadius-lg);
-    position: relative;
-  }
-}

package/dist/cjs/assets/src/card/CardHeader.css.ts.vanilla-XeIwDuCi.css

@@ -1,15 +0,0 @@
-@layer optiaxiom.laxzld;
-@layer optiaxiom.laxzld {
-  .m4aems {
-    min-height: var(--ax-size-sm);
-  }
-  ._4p2xgz {
-    order: 3;
-  }
-  .fn1889 {
-    order: 1;
-  }
-  .lxk8hh {
-    order: 2;
-  }
-}

package/dist/cjs/assets/src/code/Code.css.ts.vanilla-DVR2woJE.css

@@ -1,10 +0,0 @@
-@layer optiaxiom.laxzld;
-@layer optiaxiom.laxzld {
-  ._1t9292h {
-    font-size: 0.9em;
-    font-variant-ligatures: none;
-  }
-  ._1t9292h::after, ._1t9292h::before {
-    content: "`";
-  }
-}