@jerry-fd/ui 0.6.2 → 0.6.4

package/index.d.ts

@@ -5,10 +5,11 @@ import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Command as Command$1 } from 'cmdk';
-import { Tabs as Tabs$1, Popover as Popover$1, Switch as Switch$1, DropdownMenu as DropdownMenu$2, Collapsible as Collapsible$1, Tooltip as Tooltip$1, ScrollArea as ScrollArea$1, HoverCard as HoverCard$1 } from 'radix-ui';
+import { Tabs as Tabs$1, Popover as Popover$1, Switch as Switch$1, AlertDialog as AlertDialog$1, DropdownMenu as DropdownMenu$2, Collapsible as Collapsible$1, Tooltip as Tooltip$1, ScrollArea as ScrollArea$1, HoverCard as HoverCard$1 } from 'radix-ui';
+import { OTPInputProps } from 'input-otp';
 import { DialogProps } from 'vaul';
-import { B as ButtonSharedProps } from './button-DMIeJ1gB.js';
-export { a as Button, b as baseButtonStyle, c as buttonVariants } from './button-DMIeJ1gB.js';
+import { B as ButtonProps, a as Button, b as ButtonSharedProps } from './button-DxZ9iyob.js';
+export { c as baseButtonStyle, d as buttonVariants } from './button-DxZ9iyob.js';
 import { I as IconType } from './icon-BmaneZ4I.js';
 import * as tailwind_merge from 'tailwind-merge';
 import { Variants, Transition } from 'motion/react';
@@ -923,28 +924,114 @@ declare function Switch({ className, size, disabled, loading, onChange, ...props
     onChange?: RootProps['onCheckedChange'];
 }): react_jsx_runtime.JSX.Element;
 
-type DrawerProps = Omit<DialogProps, 'onOpenChange'> & {
-    className?: string;
-    footerClassName?: string;
-    headerClassName?: string;
-    bodyClassName?: string;
-    title?: React__default.ReactNode;
-    description?: React__default.ReactNode;
-    footer?: React__default.ReactNode;
-    trigger?: React__default.ReactNode;
-    loading?: boolean;
-    skeletonItemCount?: number;
-    width?: string | number;
-    style?: React__default.CSSProperties;
-    onOpenChange?: (open: boolean) => void;
-    onClose?: () => void;
-    onOk?: () => void | Promise<void>;
+declare const inputOTPVariants: tailwind_variants.TVReturnType<{
+    variant: {
+        filled: {
+            slot: string;
+        };
+        stroke: {
+            slot: string;
+        };
+    };
+    size: {
+        xsmall: {
+            group: string;
+            slot: string;
+        };
+        small: {
+            group: string;
+            slot: string;
+        };
+        medium: {
+            group: string;
+            slot: string;
+        };
+        large: {
+            group: string;
+            slot: string;
+        };
+    };
+}, {
+    group: string;
+    slot: string[];
+}, undefined, {
+    variant: {
+        filled: {
+            slot: string;
+        };
+        stroke: {
+            slot: string;
+        };
+    };
+    size: {
+        xsmall: {
+            group: string;
+            slot: string;
+        };
+        small: {
+            group: string;
+            slot: string;
+        };
+        medium: {
+            group: string;
+            slot: string;
+        };
+        large: {
+            group: string;
+            slot: string;
+        };
+    };
+}, {
+    group: string;
+    slot: string[];
+}, tailwind_variants.TVReturnType<{
+    variant: {
+        filled: {
+            slot: string;
+        };
+        stroke: {
+            slot: string;
+        };
+    };
+    size: {
+        xsmall: {
+            group: string;
+            slot: string;
+        };
+        small: {
+            group: string;
+            slot: string;
+        };
+        medium: {
+            group: string;
+            slot: string;
+        };
+        large: {
+            group: string;
+            slot: string;
+        };
+    };
+}, {
+    group: string;
+    slot: string[];
+}, undefined, unknown, unknown, undefined>>;
+type InputOTPContextValue = VariantProps<typeof inputOTPVariants> & {
+    'aria-invalid'?: React$1.AriaAttributes['aria-invalid'];
 };
-declare function Drawer({ direction, dismissible, skeletonItemCount, className, footerClassName, bodyClassName, headerClassName, title, description, footer, trigger, container, children, open: openProp, onOpenChange: onOpenChangeProp, loading, handleOnly, style, width, onClose, onOk, ...rootProps }: DrawerProps): react_jsx_runtime.JSX.Element;
-
-type InternalDrawerProps = 'open' | 'onOpenChange' | 'trigger' | 'children';
-type UseDrawerOptions = Omit<DrawerProps, InternalDrawerProps>;
-declare function useDrawer<TData = unknown>(options?: UseDrawerOptions): readonly [DrawerProps, TData | null, (record: TData) => void, () => void];
+type OTPInputChildrenProps = Extract<OTPInputProps, {
+    render?: never;
+}>;
+type InputOTPHandle = {
+    readonly input: HTMLInputElement | null;
+    focus: () => void;
+    blur: () => void;
+    shake: () => Promise<void>;
+};
+type InputOTPProps = Omit<OTPInputChildrenProps, 'size' | 'containerClassName' | 'children' | 'ref'> & InputOTPContextValue & {
+    classNames?: Partial<Record<'input' | 'group' | 'container', string>>;
+    ref?: React$1.Ref<InputOTPHandle>;
+};
+declare function InputOTP({ maxLength, size, variant, className, classNames, ref, pattern, 'aria-invalid': ariaInvalid, ...props }: InputOTPProps): react_jsx_runtime.JSX.Element;
 
 declare const fancyButtonVariants: tailwind_variants.TVReturnType<{
     variant: {
@@ -1205,6 +1292,122 @@ declare const FancyButtonRoot: React$1.ForwardRefExoticComponent<VariantProps<ta
     endContent?: React$1.ReactNode;
 } & React$1.RefAttributes<HTMLButtonElement>>;
 
+type DrawerClassNames = {
+    header?: string;
+    body?: string;
+    footer?: string;
+};
+type DrawerProps = Omit<DialogProps, 'onOpenChange' | 'container'> & {
+    className?: string;
+    classNames?: DrawerClassNames;
+    title?: React__default.ReactNode;
+    description?: React__default.ReactNode;
+    footer?: React__default.ReactNode;
+    trigger?: React__default.ReactNode;
+    loading?: boolean;
+    /** 是否显示右上角关闭按钮 */
+    closeable?: boolean;
+    /** 启用内容动画 */
+    animation?: boolean;
+    /** loading 时显示的骨架屏 */
+    skeleton?: React__default.ReactNode;
+    width?: string | number;
+    /** Drawer 与容器边缘的间距，默认 8px */
+    gutter?: number | string;
+    style?: React__default.CSSProperties;
+    /** Drawer 锚点容器 */
+    anchorContainer?: HTMLElement | null;
+    okButtonProps?: ButtonProps;
+    closeButtonProps?: ButtonProps;
+    onOpenChange?: (open: boolean) => void;
+    onClose?: () => void;
+    onOk?: () => unknown | void | Promise<unknown | void>;
+};
+declare function Drawer({ direction, dismissible, closeable, skeleton, className, classNames, title, description, footer, trigger, anchorContainer, children, open: openProp, onOpenChange: onOpenChangeProp, loading, handleOnly, style, width, gutter, okButtonProps, closeButtonProps, animation, onClose, onOk, ...rootProps }: DrawerProps): react_jsx_runtime.JSX.Element;
+
+type InternalDrawerProps = 'open' | 'defaultOpen' | 'loading' | 'onOpenChange' | 'trigger' | 'children';
+type DrawerOptionsWithOpenHandle<TData = unknown, TResult = unknown> = DrawerSharedOptions<TData, TResult> & {
+    loading?: never;
+    /** Drawer 打开时的回调，signal 可用于取消异步操作 */
+    onOpen: (data?: TData, signal?: AbortSignal) => TResult | Promise<TResult>;
+};
+type DrawerOptionsWithoutOpenHandle<TData = unknown, TResult = unknown> = DrawerSharedOptions<TData, TResult> & {
+    loading?: boolean;
+    onOpen?: never;
+};
+type DrawerSharedOptions<TData = unknown, TResult = unknown> = Omit<DrawerProps, InternalDrawerProps> & {
+    onOpenChange?: (open: boolean) => void;
+    /** 关闭时是否销毁 payload，默认 true */
+    destroyPayloadOnClose?: boolean;
+    /** 动态计算 Drawer 标题，优先级高于 title */
+    getTitle?: (loading: boolean, data: {
+        payload?: TData;
+        result?: TResult;
+    }) => DrawerProps['title'];
+};
+type UseDrawerOptions<TData = unknown, TResult = unknown> = DrawerOptionsWithOpenHandle<TData, TResult> | DrawerOptionsWithoutOpenHandle<TData, TResult>;
+declare function useDrawer<TData = unknown, TResult = unknown>(options?: UseDrawerOptions<TData, TResult>): readonly [DrawerProps, {
+    payload: TData | undefined;
+    result: TResult | undefined;
+}, (record?: TData) => Promise<void>, () => void];
+
+declare const DIALOG_MEDIA_PRESET: {
+    info: react_jsx_runtime.JSX.Element;
+    form: react_jsx_runtime.JSX.Element;
+    otp: react_jsx_runtime.JSX.Element;
+    warning: react_jsx_runtime.JSX.Element;
+    destructive: react_jsx_runtime.JSX.Element;
+};
+type AlertDialogIntent = keyof typeof DIALOG_MEDIA_PRESET;
+type AlertDialogIcon = React$1.ReactElement | false;
+
+type AlertDialogContentMotion = 'scale-fade' | 'slide-fade';
+type AlertDialogRootProps = React$1.ComponentProps<typeof AlertDialog$1.Root> & {
+    overlayBlur?: boolean;
+    contentMotion?: AlertDialogContentMotion;
+    dismissible?: boolean;
+    disableClose?: boolean;
+};
+type AlertDialogContentProps = React$1.ComponentProps<typeof AlertDialog$1.Content> & {
+    wrapperClassName?: string;
+};
+
+type AlertDialogActionErrorFeedback = {
+    status: 'error';
+    message?: React$1.ReactNode;
+};
+type AlertDialogActionSuccessFeedback = {
+    status: 'success';
+    message?: React$1.ReactNode;
+    closeDelay?: number;
+};
+type AlertDialogActionFeedback = AlertDialogActionSuccessFeedback | AlertDialogActionErrorFeedback;
+
+type AlertDialogActionResponse = AlertDialogActionFeedback;
+type AlertDialogActionResult = void | AlertDialogActionResponse;
+type AlertDialogActionConfig = {
+    text?: React$1.ReactNode;
+    buttonProps?: Omit<React$1.ComponentProps<typeof Button>, 'children' | 'loading'>;
+    onClick?: () => AlertDialogActionResult | Promise<AlertDialogActionResult>;
+};
+type AlertDialogProps = AlertDialogRootProps & {
+    onOpenAutoFocus?: AlertDialogContentProps['onOpenAutoFocus'];
+    title?: React$1.ReactNode;
+    description?: React$1.ReactNode;
+    /** dialog 场景意图，决定默认视觉和 footer 行为 */
+    intent?: AlertDialogIntent;
+    /** 自定义顶部图标；传 false 可关闭 intent 对应的默认图标 */
+    icon?: AlertDialogIcon;
+    trigger?: React$1.ReactNode;
+    children?: React$1.ReactNode;
+    footer?: React$1.ReactNode | null;
+    action?: AlertDialogActionConfig;
+    cancel?: false | AlertDialogActionConfig;
+    className?: string;
+    classNames?: Partial<Record<'wrapper' | 'header' | 'body' | 'footer' | 'title' | 'description', string>>;
+};
+declare function AlertDialog({ open, defaultOpen, onOpenChange, overlayBlur, contentMotion, dismissible, disableClose: disableCloseProp, intent, icon, title, description, footer, action, cancel, className, classNames, onOpenAutoFocus, trigger: dialogTrigger, children, ...rootProps }: AlertDialogProps): react_jsx_runtime.JSX.Element;
+
 type CopyableTextProps = Omit<ButtonSharedProps, 'loading'> & {
     className?: string;
     content: string;
@@ -1459,14 +1662,14 @@ declare const dropdownMenuStyles: {
 } & {};
 type DropdownMenuVariants = VariantProps<typeof menu>;
 
-declare function Skeleton({ className, ...props }: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
-
 type OwnProps = {
     stroke?: number | string;
     className?: string;
 };
 declare function Spinner({ stroke, className }: OwnProps): react_jsx_runtime.JSX.Element;
 
+declare function Skeleton({ className, ...props }: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+
 declare const colorPanelVariants: tailwind_variants.TVReturnType<{
     variant: {
         filled: string;
@@ -1497,7 +1700,7 @@ declare const colorPanelVariants: tailwind_variants.TVReturnType<{
         pink: string;
         rose: string;
     };
-}, undefined, "flex shrink-0 items-center justify-center rounded-2xl ring-1 ring-transparent ring-inset", {
+}, undefined, "flex shrink-0 items-center justify-center rounded-2xl ring-1 ring-transparent", {
     variant: {
         filled: string;
         lighter: string;
@@ -1557,12 +1760,13 @@ declare const colorPanelVariants: tailwind_variants.TVReturnType<{
         pink: string;
         rose: string;
     };
-}, undefined, "flex shrink-0 items-center justify-center rounded-2xl ring-1 ring-transparent ring-inset", unknown, unknown, undefined>>;
+}, undefined, "flex shrink-0 items-center justify-center rounded-2xl ring-1 ring-transparent", unknown, unknown, undefined>>;
 type SharedProps = VariantProps<typeof colorPanelVariants>;
-type ColorPanelProps = React__default.ComponentProps<'div'> & SharedProps & {
+type ColorPanelProps = React__default.ComponentProps<'div'> & Omit<SharedProps, 'ring'> & {
     asChild?: boolean;
+    ring?: true | 'inset';
 };
-declare function ColorPanel({ asChild, children, className, color, variant, ring, ...props }: ColorPanelProps): react_jsx_runtime.JSX.Element;
+declare function ColorPanel({ asChild, children, className, color, variant, ring: ringProp, ...props }: ColorPanelProps): react_jsx_runtime.JSX.Element;
 
 declare function Collapsible({ ...props }: React__default.ComponentProps<typeof Collapsible$1.Root>): react_jsx_runtime.JSX.Element;
 declare function CollapsibleTrigger({ ...props }: React__default.ComponentProps<typeof Collapsible$1.CollapsibleTrigger>): react_jsx_runtime.JSX.Element;
@@ -2005,4 +2209,4 @@ declare const useFlag: (initial?: boolean) => [boolean, NoneToVoidFunction, None
 
 declare const useToggle: (initial?: boolean) => [boolean, NoneToVoidFunction];
 
-export { AnimationCard, type AnimationCardProps, type AnimationName$1 as AnimationName, index as Avatar, Badge, type BadgeProps, ButtonSharedProps, card as Card, Collapsible, CollapsibleContent, CollapsibleTrigger, ColorPanel, command as Command, CopyableText, type CopyableTextProps, type DebouncedFunction, Drawer, type DrawerProps, DropdownMenu, type DropdownMenuItemProps, type DropdownMenuProps, type DropdownMenuVariants, FancyButtonRoot as FancyButton, HoverCard, type MenuPropBase, PopConfirm, type PopConfirmProps, popover as Popover, PopoverPreset, type PopoverPresetProps, type Scheduler, ScrollArea, Skeleton, Spinner, StateSwitcher, Swap, Switch, tabs as Tabs, type ThrottledFunction, Tooltip, TooltipArrow, TooltipProvider, TooltipRoot, TooltipTrigger, UIMorphingModal, type UIMorphingModalContentAnimationState, type UIMorphingModalProps, UIProvider, UIScreen, type UIScreenControls, type UIScreenNavigateFn, type UIScreenNavigateOptions, type UIScreenProps, type UIScreenValue, type UIScreenViewProps, UIViewTransition, type UIViewTransitionProps, type UseDrawerOptions, cn, compact, debounce, dropdownMenuStyles, fancyButtonVariants, findOption, formatCurrency, formatIntegerCompact, formatNumber, getFirstLetters, mergeRefs, omit, pick, throttle, tooltipVariants, tv, twMergeConfig, unique, useDisableContentMenu, useDrawer, useFlag, useForceUpdate, usePrevious, useToggle, useUIScreen };
+export { AlertDialog, type AlertDialogActionConfig, type AlertDialogActionErrorFeedback, type AlertDialogActionResponse, type AlertDialogActionResult, type AlertDialogActionSuccessFeedback, type AlertDialogContentMotion, type AlertDialogIcon, type AlertDialogIntent, type AlertDialogProps, type AlertDialogRootProps, AnimationCard, type AnimationCardProps, type AnimationName$1 as AnimationName, index as Avatar, Badge, type BadgeProps, Button, ButtonProps, ButtonSharedProps, card as Card, Collapsible, CollapsibleContent, CollapsibleTrigger, ColorPanel, command as Command, CopyableText, type CopyableTextProps, type DebouncedFunction, Drawer, type DrawerProps, DropdownMenu, type DropdownMenuItemProps, type DropdownMenuProps, type DropdownMenuVariants, FancyButtonRoot as FancyButton, HoverCard, InputOTP, type InputOTPHandle, type InputOTPProps, type MenuPropBase, PopConfirm, type PopConfirmProps, popover as Popover, PopoverPreset, type PopoverPresetProps, type Scheduler, ScrollArea, Skeleton, Spinner, StateSwitcher, Swap, Switch, tabs as Tabs, type ThrottledFunction, Tooltip, TooltipArrow, TooltipProvider, TooltipRoot, TooltipTrigger, UIMorphingModal, type UIMorphingModalContentAnimationState, type UIMorphingModalProps, UIProvider, UIScreen, type UIScreenControls, type UIScreenNavigateFn, type UIScreenNavigateOptions, type UIScreenProps, type UIScreenValue, type UIScreenViewProps, UIViewTransition, type UIViewTransitionProps, type UseDrawerOptions, cn, compact, debounce, dropdownMenuStyles, fancyButtonVariants, findOption, formatCurrency, formatIntegerCompact, formatNumber, getFirstLetters, mergeRefs, omit, pick, throttle, tooltipVariants, tv, twMergeConfig, unique, useDisableContentMenu, useDrawer, useFlag, useForceUpdate, usePrevious, useToggle, useUIScreen };