@optiaxiom/react 1.5.12 → 1.6.0

package/dist/unstable.d.ts

@@ -1,402 +1,14 @@
+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-DvwPuq1e.js';
+export { C as Calendar, d as CalendarProps, Q as Command, O as CommandProps } from './MenuTrigger-DvwPuq1e.js';
 import * as react from 'react';
-import { ComponentPropsWithRef, ReactNode, ComponentPropsWithoutRef, ReactElement, RefAttributes } from 'react';
-import { B as BoxProps, S as Sprinkles, f as Box, F as Flex, A as ActionsContent, E as ExcludeProps, C as Checkbox, s as Link, I as Input, u as ListboxItemized, J as TableHeaderCell, c as ExtendProps, n as DialogContent, P as PopoverContent, i as PopoverTrigger, R as RecipeVariants, a as ButtonProps } from './Link-6qDl0Vlu.js';
-export { d as Calendar, e as CalendarProps } from './Link-6qDl0Vlu.js';
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ComponentPropsWithoutRef, ComponentPropsWithRef, ReactNode, ReactElement, RefAttributes } from 'react';
 import { Header } from '@tanstack/react-table';
 import { DropzoneOptions } from 'react-dropzone';
-import * as RadixPopover from '@radix-ui/react-popover';
+import * as _radix_ui_react_popover from '@radix-ui/react-popover';
+import * as react_jsx_runtime from 'react/jsx-runtime';
 import 'react-day-picker';
 import '@radix-ui/react-dialog';
 
-type AsideProps = BoxProps<"aside">;
-declare const Aside: 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 AsideBodyProps = ComponentPropsWithRef<typeof Box>;
-declare const AsideBody: react.ForwardRefExoticComponent<Omit<Omit<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>>;
-
-type AsideFooterProps = ComponentPropsWithRef<typeof Flex>;
-declare const AsideFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<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"> & {
-    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 AsideHeaderProps = BoxProps<"div", {
-    /**
-     * Display content inside the header after `children`.
-     */
-    addonAfter?: ReactNode;
-    /**
-     * Display content inside the header before `children`.
-     */
-    addonBefore?: ReactNode;
-    /**
-     * Add secondary text after the primary title.
-     */
-    description?: ReactNode;
-}>;
-declare const AsideHeader: react.ForwardRefExoticComponent<{
-    /**
-     * Display content inside the header after `children`.
-     */
-    addonAfter?: ReactNode;
-    /**
-     * Display content inside the header before `children`.
-     */
-    addonBefore?: ReactNode;
-    /**
-     * Add secondary text after the primary title.
-     */
-    description?: ReactNode;
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLHeadingElement>>;
-
-type BreadcrumbProps = BoxProps<"nav", {
-    /**
-     * The items we want to render.
-     */
-    items: Array<{
-        /**
-         * Display content inside the item after the label.
-         */
-        addonAfter?: ReactNode;
-        /**
-         * Handler that is called when an item is selected either via keyboard or mouse.
-         */
-        execute?: () => void;
-        /**
-         * Render a link with the given value as the `href` attribute.
-         */
-        href?: string;
-        /**
-         * The content of the item.
-         */
-        label: string;
-    }>;
-    /**
-     * The maximum number of breadcrumb items to show before truncating.
-     */
-    maxItems?: number;
-}>;
-declare const Breadcrumb: react.ForwardRefExoticComponent<{
-    /**
-     * The items we want to render.
-     */
-    items: Array<{
-        /**
-         * Display content inside the item after the label.
-         */
-        addonAfter?: ReactNode;
-        /**
-         * Handler that is called when an item is selected either via keyboard or mouse.
-         */
-        execute?: () => void;
-        /**
-         * Render a link with the given value as the `href` attribute.
-         */
-        href?: string;
-        /**
-         * The content of the item.
-         */
-        label: string;
-    }>;
-    /**
-     * The maximum number of breadcrumb items to show before truncating.
-     */
-    maxItems?: number;
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLElement>>;
-
-type BreadcrumbItem = BreadcrumbProps["items"][number];
-
-type CardProps = BoxProps<"div">;
-declare const Card: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
-
-type CardActionProps = ComponentPropsWithoutRef<typeof ActionsContent>;
-declare const CardAction: react.ForwardRefExoticComponent<Omit<{
-    visible?: "always" | "if-needed" | undefined;
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
-
-type CardCheckboxProps = ExcludeProps<ComponentPropsWithoutRef<typeof Checkbox>, "description">;
-declare const CardCheckbox: react.ForwardRefExoticComponent<CardCheckboxProps & react.RefAttributes<HTMLInputElement>>;
-
-type CardFooterProps = BoxProps<"div">;
-declare const CardFooter: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
-
-type CardHeaderProps = BoxProps<"div", {
-    /**
-     * Display content inside the header after `children`.
-     */
-    addonAfter?: ReactNode;
-    /**
-     * Display content inside the header before `children`.
-     */
-    addonBefore?: ReactNode;
-    /**
-     * Add secondary text after the primary title.
-     */
-    description?: ReactNode;
-}>;
-declare const CardHeader: react.ForwardRefExoticComponent<{
-    /**
-     * Display content inside the header after `children`.
-     */
-    addonAfter?: ReactNode;
-    /**
-     * Display content inside the header before `children`.
-     */
-    addonBefore?: ReactNode;
-    /**
-     * Add secondary text after the primary title.
-     */
-    description?: ReactNode;
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
-
-type CardImageProps = BoxProps<"img">;
-declare const CardImage: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLImageElement>>;
-
-type CardLinkProps = ComponentPropsWithoutRef<typeof Link>;
-declare const CardLink: react.ForwardRefExoticComponent<Omit<{
-    appearance?: "default" | "inverse" | "subtle" | undefined;
-} & {
-    cover?: "inset" | boolean;
-    disabled?: boolean;
-    external?: boolean;
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLAnchorElement>, "ref"> & react.RefAttributes<HTMLAnchorElement>>;
-
-type CardPreviewProps = BoxProps<"div", {
-    /**
-     * Display content in the bottom-left corner of the preview panel.
-     */
-    addonBottomLeft?: ReactNode;
-    /**
-     * Display content in the bottom-right corner of the preview panel.
-     */
-    addonBottomRight?: ReactNode;
-    /**
-     * Display content in the top-left corner of the preview panel.
-     */
-    addonTopLeft?: ReactNode;
-    /**
-     * Display content in the top-right corner of the preview panel.
-     */
-    addonTopRight?: ReactNode;
-}>;
-declare const CardPreview: react.ForwardRefExoticComponent<{
-    /**
-     * Display content in the bottom-left corner of the preview panel.
-     */
-    addonBottomLeft?: ReactNode;
-    /**
-     * Display content in the bottom-right corner of the preview panel.
-     */
-    addonBottomRight?: ReactNode;
-    /**
-     * Display content in the top-left corner of the preview panel.
-     */
-    addonTopLeft?: ReactNode;
-    /**
-     * Display content in the top-right corner of the preview panel.
-     */
-    addonTopRight?: ReactNode;
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
-
-type CommandOption = {
-    /**
-     * Images, icons, or avatars to be displayed before the item label.
-     */
-    addon?: ((context: {
-        inputValue: string | undefined;
-    }) => ReactNode) | ReactNode;
-    /**
-     * Add secondary text after the label.
-     */
-    description?: ((context: {
-        inputValue: string | undefined;
-    }) => ReactNode) | ReactNode;
-    /**
-     * Secondary text displayed next to the label.
-     */
-    detail?: ((context: {
-        inputValue: string | undefined;
-    }) => string) | string;
-    /**
-     * Provide a reason why item needs to be marked as disabled and skipped from keyboard navigation.
-     */
-    disabledReason?: (() => string) | string;
-    /**
-     * Handler that is called when an item is selected either via keyboard or mouse.
-     */
-    execute?: (context: {
-        dismiss: boolean;
-        inputValue: string | undefined;
-    }) => void;
-    /**
-     * Group item belongs to.
-     */
-    group?: CommandOptionGroup;
-    hiddenInSearchContext?: boolean;
-    /**
-     * Render a link with the given value as the `href` attribute.
-     */
-    href?: string;
-    /**
-     * Control the appearance by selecting between the different item types.
-     */
-    intent?: "danger" | "neutral";
-    /**
-     * Return a unique key for each item (otherwise label is used).
-     */
-    key?: string;
-    /**
-     * Additional text to use for filtering items based on input value.
-     */
-    keywords?: string;
-    /**
-     * Return a string representation of item.
-     */
-    label: ((context: {
-        inputValue: string | undefined;
-    }) => string) | string;
-    /**
-     * Whether item is multi-selectable.
-     */
-    multi?: boolean;
-    /**
-     * @private
-     */
-    parentOption?: CommandOption;
-    /**
-     * Return true if item needs to be marked as selected.
-     */
-    selected?: (() => boolean) | boolean;
-    /**
-     * Whether to skip scoring when filtering and sorting by the score.
-     */
-    skipFilterScoring?: boolean;
-    /**
-     * An array of sub items that will be displayed in a nested menu.
-     */
-    subOptions?: ((context: {
-        inputValue: string | undefined;
-    }) => CommandOption[]) | CommandOption[];
-    /**
-     * Allow filtering through sub-options independent of the parent menu.
-     */
-    subOptionsInputVisible?: boolean;
-    /**
-     * Whether to show a switch toggle instead of a check mark.
-     */
-    switch?: boolean;
-    /**
-     * Override the default filtering logic and fully control when an item is
-     * visible based on the current inputValue.
-     */
-    visible?: ((context: {
-        inputValue: string | undefined;
-    }) => boolean | undefined) | boolean;
-};
-type CommandOptionGroup = {
-    /**
-     * Whether to hide the group label.
-     */
-    hidden?: boolean;
-    /**
-     * Return a string representation of the group.
-     */
-    label: string;
-    /**
-     * The sorting priority of the group (default: 0).
-     */
-    priority?: number;
-    /**
-     * Whether to show separators around the whole group.
-     */
-    separator?: boolean;
-};
-
-type CommandProps = {
-    children?: ReactNode;
-    /**
-     * Custom empty state content.
-     */
-    empty?: ReactNode;
-    /**
-     * Whether combobox should be active or not.
-     */
-    enabled?: boolean | number;
-    /**
-     * The input value in controlled mode.
-     */
-    inputValue?: string;
-    /**
-     * Whether to show loading spinner or placeholder items inside the menu.
-     */
-    loading?: "both" | "placeholder" | "spinner" | boolean;
-    /**
-     * Handler that is called when an item is hovered via mouse.
-     */
-    onHover?: (item: CommandOption, pointer: boolean) => void;
-    /**
-     * Handler that is called when input value changes.
-     */
-    onInputValueChange?: (inputValue: string) => void;
-    /**
-     * Handler that is called when an item is selected either via keyboard or mouse.
-     */
-    onSelect?: (item: CommandOption, context: {
-        /**
-         * Whether to dismiss the associated popover or keep it open.
-         */
-        dismiss: boolean;
-    }) => void;
-    /**
-     * The items we want to render.
-     */
-    options: CommandOption[] | readonly CommandOption[];
-};
-declare function Command({ children, empty, enabled, inputValue: inputValueProp, loading, onHover, onInputValueChange, onSelect: onItemSelect, options, }: CommandProps): react_jsx_runtime.JSX.Element;
-declare namespace Command {
-    var displayName: string;
-}
-
 type CommandInputProps = ComponentPropsWithoutRef<typeof Input>;
 declare const CommandInput: react.ForwardRefExoticComponent<Omit<Pick<Omit<Pick<{
     addonPointerEvents?: "auto" | "none";
@@ -480,6 +92,62 @@ declare const DataTableHeaderCell: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.ThHTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLTableCellElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "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">;
+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>;
+declare const DetailsPanelBody: react.ForwardRefExoticComponent<Omit<Omit<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>>;
+
+type DetailsPanelFooterProps = ComponentPropsWithRef<typeof Flex>;
+declare const DetailsPanelFooter: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<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"> & {
+    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 DetailsPanelHeaderProps = BoxProps<"div", {
+    /**
+     * Display content inside the header after `children`.
+     */
+    addonAfter?: ReactNode;
+    /**
+     * Display content inside the header before `children`.
+     */
+    addonBefore?: ReactNode;
+    /**
+     * Add secondary text after the primary title.
+     */
+    description?: ReactNode;
+}>;
+declare const DetailsPanelHeader: react.ForwardRefExoticComponent<{
+    /**
+     * Display content inside the header after `children`.
+     */
+    addonAfter?: ReactNode;
+    /**
+     * Display content inside the header before `children`.
+     */
+    addonBefore?: ReactNode;
+    /**
+     * Add secondary text after the primary title.
+     */
+    description?: ReactNode;
+} & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLHeadingElement>>;
+
 type FileUploadProps = BoxProps<"div", {
     /**
      * File types to accept for upload. An object with the keys set to the MIME
@@ -516,12 +184,62 @@ declare const FileUpload: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-type FileUploadDropzoneProps = BoxProps;
-declare const FileUploadDropzone: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
+type FileUploadDropzoneProps = BoxProps<"div", {
+    /**
+     * Add secondary text after the primary label.
+     */
+    description?: string;
+    /**
+     * The label of the dropzone.
+     */
+    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.
+     */
+    overlay?: boolean;
+}>;
+declare const FileUploadDropzone: react.ForwardRefExoticComponent<{
+    /**
+     * Add secondary text after the primary label.
+     */
+    description?: string;
+    /**
+     * The label of the dropzone.
+     */
+    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.
+     */
+    overlay?: boolean;
+} & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
+type FileUploadTriggerProps = ButtonProps;
+declare const FileUploadTrigger: react.ForwardRefExoticComponent<Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+}, never> & Omit<NonNullable<Omit<{
+    intent?: "danger" | "neutral" | "primary" | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    square?: boolean | undefined;
+    variant?: "strong" | "outline" | "opal" | "subtle" | undefined;
+}, "intent" | "variant"> & {
+    appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse" | "primary-opal";
+    disabled?: boolean;
+    loading?: boolean;
+}>, never> & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref">, "color" | "disabled" | "className"> & react.RefAttributes<HTMLButtonElement>>;
+
+declare const useFileUploadTrigger: () => () => void;
+
 type HighlightProps = BoxProps<"div", {
     children?: (chunk: ReactElement) => ReactNode;
     /**
@@ -612,17 +330,24 @@ declare const InlineInput: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className" | "defaultValue"> & react.RefAttributes<HTMLDivElement>>;
 
-type LayoutProps = BoxProps<"div", {
+declare const layout: (props?: {
+    size?: "full" | "screen" | undefined;
+} | undefined, className?: string) => {
+    className: string;
+};
+type LayoutVariants = RecipeVariants<typeof layout>;
+
+type LayoutProps = BoxProps<"div", LayoutVariants & {
     /**
-     * Content for the aside area of the layout.
+     * Content for the details panel area of the layout.
      */
-    aside?: ReactNode;
+    detailsPanel?: ReactNode;
     /**
      * Content for the header area of the layout.
      */
     header?: ReactNode;
     /**
-     * Whether to enable resizable panels for the aside area.
+     * Whether to enable resizable panels for the details panel area.
      */
     resizable?: boolean;
     /**
@@ -631,16 +356,18 @@ type LayoutProps = BoxProps<"div", {
     sidebar?: ReactNode;
 }>;
 declare const Layout: react.ForwardRefExoticComponent<{
+    size?: "full" | "screen" | undefined;
+} & {
     /**
-     * Content for the aside area of the layout.
+     * Content for the details panel area of the layout.
      */
-    aside?: ReactNode;
+    detailsPanel?: ReactNode;
     /**
      * Content for the header area of the layout.
      */
     header?: ReactNode;
     /**
-     * Whether to enable resizable panels for the aside area.
+     * Whether to enable resizable panels for the details panel area.
      */
     resizable?: boolean;
     /**
@@ -650,74 +377,33 @@ declare const Layout: react.ForwardRefExoticComponent<{
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
-
-type MenuOption = CommandOption;
-type MenuProps = ExcludeProps<ExtendProps<ComponentPropsWithoutRef<typeof Command>, {
-    children: ReactNode;
-    /**
-     * The initial open state in uncontrolled mode.
-     */
-    defaultOpen?: boolean;
-    /**
-     * Whether to always show the input or only if there are selectable options and/or when user starts to type.
-     */
-    inputVisible?: "always" | "if-needed";
-    /**
-     * Handler that is called when the open state changes.
-     */
-    onOpenChange?: (open: boolean) => void;
-    /**
-     * The open state in controlled mode.
-     */
-    open?: boolean;
-    /**
-     * The placeholder for the search input.
-     */
-    placeholder?: string;
-    /**
-     * Whether to show a small popover or a dialog. Defaults to popover on large screens and dialog on mobile screens.
-     */
-    size?: "lg" | "sm";
-}>, "onSelect">;
-declare function Menu({ children, defaultOpen, inputValue: inputValueProp, inputVisible: inputVisibleProp, onInputValueChange, onOpenChange, open: openProp, options: optionsProp, placeholder, size: sizeProp, ...props }: MenuProps): react_jsx_runtime.JSX.Element;
-declare namespace Menu {
-    var displayName: string;
-}
+}>, "size"> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
-type MenuContentProps = ExcludeProps<ComponentPropsWithoutRef<typeof DialogContent> & ComponentPropsWithoutRef<typeof PopoverContent>, "size">;
-declare const MenuContent: react.ForwardRefExoticComponent<MenuContentProps & react.RefAttributes<HTMLDivElement>>;
-
-type MenuTriggerProps = ComponentPropsWithoutRef<typeof PopoverTrigger>;
-declare const MenuTrigger: react.ForwardRefExoticComponent<Omit<Omit<{
-    addonAfter?: react.ReactNode;
-    addonBefore?: react.ReactNode;
-    icon?: react.ReactNode;
-    iconPosition?: "end" | "start";
-}, never> & Omit<NonNullable<Omit<{
-    intent?: "danger" | "neutral" | "primary" | undefined;
-    size?: "sm" | "md" | "lg" | undefined;
-    square?: boolean | undefined;
-    variant?: "strong" | "outline" | "subtle" | "opal" | undefined;
-}, "intent" | "variant"> & {
-    appearance?: "default" | "inverse" | "subtle" | "danger" | "primary" | "danger-outline" | "primary-opal";
-    disabled?: boolean;
-    loading?: boolean;
-}>, never> & Omit<NonNullable<Sprinkles & {
+type LayoutContentProps = BoxProps<"div">;
+declare const LayoutContent: react.ForwardRefExoticComponent<Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<RadixPopover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+}>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const pill: (props?: {
+    interactive?: boolean | undefined;
     size?: "xs" | "sm" | undefined;
 } | undefined, className?: string) => {
     className: string;
 };
-type PillVariants = RecipeVariants<typeof pill>;
+type PillVariants = Omit<NonNullable<RecipeVariants<typeof pill>>, "interactive">;
 
-type PillProps = BoxProps<"button", PillVariants>;
-declare const Pill: react.ForwardRefExoticComponent<{
-    size?: "xs" | "sm" | undefined;
+type PillProps = BoxProps<"button", PillVariants & {
+    /**
+     * Show a close button inside the pill and invoke this callback when the pill is clicked.
+     */
+    onDismiss?: () => void;
+}>;
+declare const Pill: react.ForwardRefExoticComponent<PillVariants & {
+    /**
+     * Show a close button inside the pill and invoke this callback when the pill is clicked.
+     */
+    onDismiss?: () => void;
 } & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
@@ -733,6 +419,35 @@ declare const PillGroup: react.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<Omi
     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">>;
+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>;
+declare const PillMenuContent: react.ForwardRefExoticComponent<Omit<MenuContentProps & react.RefAttributes<HTMLDivElement>, "ref"> & react.RefAttributes<HTMLDivElement>>;
+
+type PillMenuTriggerProps = ComponentPropsWithoutRef<typeof MenuTrigger>;
+declare const PillMenuTrigger: react.ForwardRefExoticComponent<Omit<Omit<Omit<{
+    addonAfter?: react.ReactNode;
+    addonBefore?: react.ReactNode;
+    icon?: react.ReactNode;
+    iconPosition?: "end" | "start";
+}, never> & Omit<NonNullable<Omit<{
+    intent?: "danger" | "neutral" | "primary" | undefined;
+    size?: "sm" | "md" | "lg" | undefined;
+    square?: boolean | undefined;
+    variant?: "strong" | "outline" | "opal" | "subtle" | undefined;
+}, "intent" | "variant"> & {
+    appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse" | "primary-opal";
+    disabled?: boolean;
+    loading?: boolean;
+}>, never> & Omit<NonNullable<Sprinkles & {
+    asChild?: boolean;
+    className?: string;
+}>, "size"> & Omit<Omit<_radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
+
 type SortableProps<T extends Items> = BoxProps<"div", {
     children?: (items: T) => ReactNode;
     /**
@@ -837,9 +552,9 @@ declare const SpotlightTrigger: react.ForwardRefExoticComponent<Omit<{
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     square?: boolean | undefined;
-    variant?: "strong" | "outline" | "subtle" | "opal" | undefined;
+    variant?: "strong" | "outline" | "opal" | "subtle" | undefined;
 }, "intent" | "variant"> & {
-    appearance?: "default" | "inverse" | "subtle" | "danger" | "primary" | "danger-outline" | "primary-opal";
+    appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse" | "primary-opal";
     disabled?: boolean;
     loading?: boolean;
 }>, never> & Omit<NonNullable<Sprinkles & {
@@ -854,15 +569,15 @@ declare const SpotlightTrigger: react.ForwardRefExoticComponent<Omit<{
     intent?: "danger" | "neutral" | "primary" | undefined;
     size?: "sm" | "md" | "lg" | undefined;
     square?: boolean | undefined;
-    variant?: "strong" | "outline" | "subtle" | "opal" | undefined;
+    variant?: "strong" | "outline" | "opal" | "subtle" | undefined;
 }, "intent" | "variant"> & {
-    appearance?: "default" | "inverse" | "subtle" | "danger" | "primary" | "danger-outline" | "primary-opal";
+    appearance?: "default" | "danger" | "primary" | "subtle" | "danger-outline" | "inverse" | "primary-opal";
     disabled?: boolean;
     loading?: boolean;
 }>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<RadixPopover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>, "ref">, "animation" | "fontFamily" | "fontSize" | "size" | "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" | "loading" | "appearance" | "square" | "icon" | "iconPosition"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "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" | "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 { Aside, AsideBody, AsideFooter, AsideHeader, Breadcrumb, Card, CardAction, CardCheckbox, CardFooter, CardHeader, CardImage, CardLink, CardPreview, Command, CommandInput, CommandItem, CommandListbox, DataTableHeaderCell, FileUpload, FileUploadDropzone, Highlight, InlineInput, Layout, Menu, MenuContent, MenuTrigger, Pill, PillGroup, Sortable, SortableGroup, SortableHandle, SortableItem, Spotlight, SpotlightContent, SpotlightTrigger };
-export type { AsideBodyProps, AsideFooterProps, AsideHeaderProps, AsideProps, BreadcrumbItem, BreadcrumbProps, CardActionProps, CardCheckboxProps, CardFooterProps, CardHeaderProps, CardImageProps, CardLinkProps, CardPreviewProps, CardProps, CommandInputProps, CommandItemProps, CommandListboxProps, CommandProps, DataTableHeaderCellProps, FileUploadDropzoneProps, FileUploadProps, HighlightProps, InlineInputProps, LayoutProps, MenuContentProps, MenuOption, MenuProps, MenuTriggerProps, PillGroupProps, PillProps, SortableGroupProps, SortableHandleProps, SortableItemProps, SortableProps, SpotlightContentProps, SpotlightProps, SpotlightTriggerProps };
+export { CommandInput, CommandItem, CommandListbox, DataTableHeaderCell, DetailsPanel, DetailsPanelBody, DetailsPanelFooter, DetailsPanelHeader, FileUpload, FileUploadDropzone, FileUploadTrigger, Highlight, InlineInput, Layout, LayoutContent, Pill, PillGroup, PillMenu, PillMenuContent, PillMenuTrigger, Sortable, SortableGroup, SortableHandle, SortableItem, Spotlight, SpotlightContent, SpotlightTrigger, useFileUploadTrigger };
+export type { CommandInputProps, CommandItemProps, CommandListboxProps, DataTableHeaderCellProps, DetailsPanelBodyProps, DetailsPanelFooterProps, DetailsPanelHeaderProps, DetailsPanelProps, FileUploadDropzoneProps, FileUploadProps, FileUploadTriggerProps, HighlightProps, InlineInputProps, LayoutContentProps, LayoutProps, PillGroupProps, PillMenuContentProps, PillMenuProps, PillMenuTriggerProps, PillProps, SortableGroupProps, SortableHandleProps, SortableItemProps, SortableProps, SpotlightContentProps, SpotlightProps, SpotlightTriggerProps };