@optiaxiom/react 1.5.11 → 1.6.0

package/dist/{Link-6qDl0Vlu.d.ts → MenuTrigger-DvwPuq1e.d.ts}

@@ -1,7 +1,8 @@
 import * as react from 'react';
 import { ElementType, ComponentPropsWithoutRef, ReactNode, ComponentPropsWithRef, RefObject } from 'react';
 import { DayPicker, Matcher } from 'react-day-picker';
-import * as RadixPopover from '@radix-ui/react-popover';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as _radix_ui_react_popover from '@radix-ui/react-popover';
 import * as RadixDialog from '@radix-ui/react-dialog';
 
 type ExcludeProps<P, T extends keyof P> = Omit<P, T>;
@@ -2900,74 +2901,6 @@ declare const Flex: react.ForwardRefExoticComponent<Omit<Omit<Omit<NonNullable<S
     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>>;
 
-declare const ToggleInputHiddenInput: react.ForwardRefExoticComponent<{
-    /**
-     * Handler that is called when the checked state changes.
-     */
-    onCheckedChange?: (checked: boolean) => void;
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, never> & react.RefAttributes<HTMLInputElement>>;
-
-declare const CheckboxContent: react.ForwardRefExoticComponent<{
-    /**
-     * Add secondary text after the label.
-     */
-    description?: ReactNode;
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<{
-    onCheckedChange?: (checked: boolean) => void;
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, never> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
-
-declare const CheckboxControl: react.ForwardRefExoticComponent<{
-    /**
-     * Display a partially checked icon instead of the regular checkmark.
-     */
-    indeterminate?: boolean;
-    /**
-     * Enable this when control has content beside it and needs to be sized
-     * according to line-height.
-     */
-    shift?: boolean;
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & 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">, "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<HTMLInputElement>>;
-
-type CheckboxProps = BoxProps<typeof ToggleInputHiddenInput, Pick<ComponentPropsWithoutRef<typeof CheckboxContent>, "description"> & Pick<ComponentPropsWithoutRef<typeof CheckboxControl>, "indeterminate">>;
-declare const Checkbox: react.ForwardRefExoticComponent<Pick<Omit<{
-    description?: react.ReactNode;
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<{
-    onCheckedChange?: (checked: boolean) => void;
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, never> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>, "ref">, "description"> & Pick<Omit<{
-    indeterminate?: boolean;
-    shift?: boolean;
-} & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & 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">, "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<HTMLInputElement>, "ref">, "indeterminate"> & Omit<NonNullable<Sprinkles & {
-    asChild?: boolean;
-    className?: string;
-}>, never> & Omit<Omit<{
-    onCheckedChange?: (checked: boolean) => void;
-} & Omit<Omit<react.DetailedHTMLProps<react.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, never> & react.RefAttributes<HTMLInputElement>, "ref">, "size" | "color" | "className"> & react.RefAttributes<HTMLInputElement>>;
-
-declare const ActionsContent: react.ForwardRefExoticComponent<{
-    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>>;
-
 declare const cell: (props?: {
     pinned?: boolean | undefined;
 } | undefined, className?: string) => {
@@ -3191,7 +3124,7 @@ type ListboxItemizedProps = BoxProps<"div", {
     /**
      * Whether to show loading spinner inside the menu.
      */
-    loading?: "both" | "placeholder" | "spinner";
+    loading?: "both" | "skeleton" | "spinner";
     /**
      * Handler that is called when the element mounts or unmounts from the DOM.
      */
@@ -3219,7 +3152,7 @@ declare const ListboxItemized: react.ForwardRefExoticComponent<{
     /**
      * Whether to show loading spinner inside the menu.
      */
-    loading?: "both" | "placeholder" | "spinner";
+    loading?: "both" | "skeleton" | "spinner";
     /**
      * Handler that is called when the element mounts or unmounts from the DOM.
      */
@@ -3240,10 +3173,10 @@ declare const ModalListbox: react.ForwardRefExoticComponent<{
     className?: string;
 }>, never> & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLDivElement>, "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<HTMLDivElement>>;
 
-type PopoverContentProps = ExcludeProps<BoxProps<typeof RadixPopover.Content, Pick<ComponentPropsWithoutRef<typeof ModalListbox>, "maxH" | "minW">>, "arrowPadding" | "avoidCollisions" | "collisionBoundary" | "collisionPadding" | "forceMount" | "hideWhenDetached" | "sticky" | "updatePositionStrategy">;
+type PopoverContentProps = ExcludeProps<BoxProps<typeof _radix_ui_react_popover.Content, Pick<ComponentPropsWithoutRef<typeof ModalListbox>, "maxH" | "minW">>, "arrowPadding" | "avoidCollisions" | "collisionBoundary" | "collisionPadding" | "forceMount" | "hideWhenDetached" | "sticky" | "updatePositionStrategy">;
 declare const PopoverContent: react.ForwardRefExoticComponent<PopoverContentProps & react.RefAttributes<HTMLDivElement>>;
 
-type PopoverTriggerProps = ButtonProps<typeof RadixPopover.Trigger>;
+type PopoverTriggerProps = ButtonProps<typeof _radix_ui_react_popover.Trigger>;
 declare const PopoverTrigger: react.ForwardRefExoticComponent<Omit<{
     addonAfter?: react.ReactNode;
     addonBefore?: react.ReactNode;
@@ -3261,7 +3194,7 @@ declare const PopoverTrigger: react.ForwardRefExoticComponent<Omit<{
 }>, never> & Omit<NonNullable<Sprinkles & {
     asChild?: boolean;
     className?: string;
-}>, "size"> & Omit<Omit<RadixPopover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>>;
+}>, "size"> & Omit<Omit<_radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>>;
 
 declare const content: (props?: {
     size?: "sm" | "md" | "lg" | "fullscreen" | undefined;
@@ -3273,46 +3206,220 @@ type DialogVariants = RecipeVariants<typeof content>;
 type DialogContentProps = ExcludeProps<BoxProps<typeof RadixDialog.Content, DialogVariants>, "forceMount">;
 declare const DialogContent: react.ForwardRefExoticComponent<DialogContentProps & react.RefAttributes<HTMLDivElement>>;
 
-declare const link: (props?: {
-    appearance?: "default" | "subtle" | "inverse" | undefined;
-} | undefined, className?: string) => {
-    className: string;
+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 LinkVariants = RecipeVariants<typeof link>;
 
-type LinkProps = BoxProps<"a", LinkVariants & {
+type CommandProps = {
+    children?: ReactNode;
     /**
-     * Whether to expand and fill up the whole area of the parent which has `position: relative`.
+     * Custom empty state content.
      */
-    cover?: "inset" | boolean;
+    empty?: ReactNode;
     /**
-     * Whether to show disabled state and disable interactions.
+     * Whether combobox should be active or not.
      */
-    disabled?: boolean;
+    enabled?: boolean | number;
     /**
-     * Show an external link icon and sets the correct rel/target attributes.
+     * The input value in controlled mode.
      */
-    external?: boolean;
-}>;
-declare const Link: react.ForwardRefExoticComponent<{
-    appearance?: "default" | "subtle" | "inverse" | undefined;
-} & {
+    inputValue?: string;
     /**
-     * Whether to expand and fill up the whole area of the parent which has `position: relative`.
+     * Whether to show loading spinner or skeleton items inside the menu.
      */
-    cover?: "inset" | boolean;
+    loading?: "both" | "skeleton" | "spinner" | boolean;
     /**
-     * Whether to show disabled state and disable interactions.
+     * Handler that is called when an item is hovered via mouse.
      */
-    disabled?: boolean;
+    onHover?: (item: CommandOption, pointer: boolean) => void;
     /**
-     * Show an external link icon and sets the correct rel/target attributes.
+     * Handler that is called when input value changes.
      */
-    external?: boolean;
-} & Omit<NonNullable<Sprinkles & {
+    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 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";
+}>, "enabled" | "onHover" | "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;
+}
+
+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" | "opal" | "outline" | "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;
-}>, never> & Omit<Omit<react.DetailedHTMLProps<react.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref">, "color" | "className"> & react.RefAttributes<HTMLAnchorElement>>;
+}>, "size"> & Omit<Omit<_radix_ui_react_popover.PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>, "ref">, "color" | "disabled" | "asChild" | "className"> & react.RefAttributes<HTMLButtonElement>, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
-export { ActionsContent as A, Checkbox as C, Flex as F, Input as I, TableHeaderCell as J, ModalListbox as M, PopoverContent as P, ToggleInputHiddenInput as T, Button as b, Calendar as d, Box as f, PopoverTrigger as i, ButtonRoot as j, InputRoot as l, DialogContent as n, InputControl as q, Link as s, ListboxItemized as u, vars as w, sprinkles as x, mapResponsiveValue as y, normalizeResponsiveValue as z };
-export type { BoxProps as B, DialogContentProps as D, ExcludeProps as E, LonghandProps as G, TableHeaderCellProps as H, LinkProps as L, RecipeVariants as R, Sprinkles as S, ButtonProps as a, ExtendProps as c, CalendarProps as e, ResponsiveArray as g, PopoverContentProps as h, InputControlProps as k, CheckboxProps as m, FlexProps as o, InputProps as p, InputRootProps as r, ListboxItemizedProps as t, PopoverTriggerProps as v };
+export { sprinkles as A, Calendar as C, Flex as F, mapResponsiveValue as G, normalizeResponsiveValue as H, Input as I, TableHeaderCell as K, ModalListbox as M, PopoverContent as P, Command as Q, Button as b, Box as e, PopoverTrigger as h, ButtonRoot as i, InputRoot as k, DialogContent as l, InputControl as o, ListboxItemized as q, Menu as t, MenuContent as v, MenuTrigger as x, vars as z };
+export type { BoxProps as B, DialogContentProps as D, ExcludeProps as E, LonghandProps as J, ListboxItemizedProps as L, CommandOption as N, CommandProps as O, RecipeVariants as R, Sprinkles as S, TableHeaderCellProps as T, ButtonProps as a, ExtendProps as c, CalendarProps as d, ResponsiveArray as f, PopoverContentProps as g, InputControlProps as j, FlexProps as m, InputProps as n, InputRootProps as p, MenuOption as r, MenuProps as s, MenuContentProps as u, MenuTriggerProps as w, PopoverTriggerProps as y };