@jerry-fd/ui 0.3.2 → 0.3.4

package/index.d.ts

@@ -1,12 +1,13 @@
-import React$1 from 'react';
+import * as React$1 from 'react';
+import React__default from 'react';
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-export { B as Button, b as baseButtonStyle, a as buttonVariants } from './button-nn_s6In3.js';
-import { I as IconType } from './icon-Byr-7UQX.js';
-import { DropdownMenu as DropdownMenu$2 } from 'radix-ui';
-import * as tailwind_merge from 'tailwind-merge';
+import { Avatar as Avatar$1, Popover as Popover$1, Tabs as Tabs$1, DropdownMenu as DropdownMenu$2 } from 'radix-ui';
 import { Command as Command$1 } from 'cmdk';
+export { B as Button, b as baseButtonStyle, a as buttonVariants } from './button-mRGhVhV8.js';
+import { I as IconType } from './icon-BmaneZ4I.js';
+import * as tailwind_merge from 'tailwind-merge';
 
 type UILocale = (typeof SUPPORTED_LOCALES)[number];
 declare const SUPPORTED_LOCALES: readonly ["en-US", "zh-CN"];
@@ -14,11 +15,11 @@ declare const SUPPORTED_LOCALES: readonly ["en-US", "zh-CN"];
 interface UIState {
     tableUiStorageKey?: string;
 }
-type UIProviderProps = React$1.PropsWithChildren<UIState & {
+type UIProviderProps = React__default.PropsWithChildren<UIState & {
     locale?: UILocale;
     onChange?: (state: UIState) => void;
 }>;
-declare const UIProvider: React$1.FC<UIProviderProps>;
+declare const UIProvider: React__default.FC<UIProviderProps>;
 
 declare const dateUtils: {
     readonly presets: {
@@ -100,17 +101,17 @@ declare const cardVariants: tailwind_variants.TVReturnType<{
         accent: string;
     };
 }, undefined, "flex flex-col items-stretch rounded-xl text-paragraph-sm", unknown, unknown, undefined>>;
-declare function Card({ className, variant, ...props }: React$1.HTMLAttributes<HTMLDivElement> & VariantProps<typeof cardVariants>): react_jsx_runtime.JSX.Element;
-declare function CardHeader({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
-declare function CardContent({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
-declare function CardExtra({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
-declare function CardTable({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
-declare function CardFooter({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
-declare function CardHeading({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
-declare function CardToolbar({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
-declare function CardTitle({ className, ...props }: React$1.HTMLAttributes<HTMLHeadingElement>): react_jsx_runtime.JSX.Element;
-declare function CardIcon({ className, ...props }: React$1.HTMLAttributes<HTMLHeadingElement>): react_jsx_runtime.JSX.Element;
-declare function CardDescription({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+declare function Card({ className, variant, ...props }: React__default.HTMLAttributes<HTMLDivElement> & VariantProps<typeof cardVariants>): react_jsx_runtime.JSX.Element;
+declare function CardHeader({ className, ...props }: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+declare function CardContent({ className, ...props }: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+declare function CardExtra({ className, ...props }: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+declare function CardTable({ className, ...props }: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+declare function CardFooter({ className, ...props }: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+declare function CardHeading({ className, ...props }: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+declare function CardToolbar({ className, ...props }: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+declare function CardTitle({ className, ...props }: React__default.HTMLAttributes<HTMLHeadingElement>): react_jsx_runtime.JSX.Element;
+declare function CardIcon({ className, ...props }: React__default.HTMLAttributes<HTMLHeadingElement>): react_jsx_runtime.JSX.Element;
+declare function CardDescription({ className, ...props }: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
 
 declare const card_Card: typeof Card;
 declare const card_CardContent: typeof CardContent;
@@ -127,6 +128,297 @@ declare namespace card {
   export { card_Card as Card, card_CardContent as CardContent, card_CardDescription as CardDescription, card_CardExtra as CardExtra, card_CardFooter as CardFooter, card_CardHeader as CardHeader, card_CardHeading as CardHeading, card_CardIcon as CardIcon, card_CardTable as CardTable, card_CardTitle as CardTitle, card_CardToolbar as CardToolbar, Card as Root };
 }
 
+interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
+    asChild?: boolean;
+    dotClassName?: string;
+    disabled?: boolean;
+}
+interface BadgeButtonProps extends React$1.ButtonHTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeButtonVariants> {
+    asChild?: boolean;
+}
+type BadgeDotProps = React$1.HTMLAttributes<HTMLSpanElement>;
+declare const badgeVariants: tailwind_variants.TVReturnType<{
+    variant: {
+        primary: string;
+        secondary: string;
+        success: string;
+        warning: string;
+        info: string;
+        outline: string;
+        error: string;
+    };
+    appearance: {
+        default: string;
+        light: string;
+        outline: string;
+        ghost: string;
+    };
+    disabled: {
+        true: string;
+    };
+    size: {
+        large: string;
+        medium: string;
+        small: string;
+        xsmall: string;
+    };
+    shape: {
+        default: string;
+        circle: string;
+    };
+}, undefined, string[], {
+    variant: {
+        primary: string;
+        secondary: string;
+        success: string;
+        warning: string;
+        info: string;
+        outline: string;
+        error: string;
+    };
+    appearance: {
+        default: string;
+        light: string;
+        outline: string;
+        ghost: string;
+    };
+    disabled: {
+        true: string;
+    };
+    size: {
+        large: string;
+        medium: string;
+        small: string;
+        xsmall: string;
+    };
+    shape: {
+        default: string;
+        circle: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    variant: {
+        primary: string;
+        secondary: string;
+        success: string;
+        warning: string;
+        info: string;
+        outline: string;
+        error: string;
+    };
+    appearance: {
+        default: string;
+        light: string;
+        outline: string;
+        ghost: string;
+    };
+    disabled: {
+        true: string;
+    };
+    size: {
+        large: string;
+        medium: string;
+        small: string;
+        xsmall: string;
+    };
+    shape: {
+        default: string;
+        circle: string;
+    };
+}, undefined, string[], unknown, unknown, undefined>>;
+declare const badgeButtonVariants: tailwind_variants.TVReturnType<{
+    variant: {
+        default: string;
+    };
+}, undefined, "-me-2 inline-flex size-14 cursor-pointer items-center justify-center rounded-md p-0 leading-none opacity-60 transition-all hover:opacity-100 [&>svg]:size-14! [&>svg]:opacity-100!", {
+    variant: {
+        default: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    variant: {
+        default: string;
+    };
+}, undefined, "-me-2 inline-flex size-14 cursor-pointer items-center justify-center rounded-md p-0 leading-none opacity-60 transition-all hover:opacity-100 [&>svg]:size-14! [&>svg]:opacity-100!", unknown, unknown, undefined>>;
+declare function Badge({ className, variant, size, appearance, shape, asChild, disabled, ...props }: React$1.ComponentProps<'span'> & VariantProps<typeof badgeVariants> & {
+    asChild?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function BadgeButton({ className, variant, asChild, ...props }: React$1.ComponentProps<'button'> & VariantProps<typeof badgeButtonVariants> & {
+    asChild?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function BadgeDot({ className, ...props }: React$1.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
+
+declare const badge_Badge: typeof Badge;
+declare const badge_BadgeButton: typeof BadgeButton;
+type badge_BadgeButtonProps = BadgeButtonProps;
+declare const badge_BadgeDot: typeof BadgeDot;
+type badge_BadgeDotProps = BadgeDotProps;
+type badge_BadgeProps = BadgeProps;
+declare const badge_badgeVariants: typeof badgeVariants;
+declare namespace badge {
+  export { badge_Badge as Badge, badge_BadgeButton as BadgeButton, type badge_BadgeButtonProps as BadgeButtonProps, badge_BadgeDot as BadgeDot, type badge_BadgeDotProps as BadgeDotProps, type badge_BadgeProps as BadgeProps, Badge as Root, badge_badgeVariants as badgeVariants };
+}
+
+declare const avatarStatusVariants: tailwind_variants.TVReturnType<{
+    variant: {
+        online: string;
+        offline: string;
+        busy: string;
+        away: string;
+    };
+}, undefined, "border-background flex size-2 items-center rounded-full border-2", {
+    variant: {
+        online: string;
+        offline: string;
+        busy: string;
+        away: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    variant: {
+        online: string;
+        offline: string;
+        busy: string;
+        away: string;
+    };
+}, undefined, "border-background flex size-2 items-center rounded-full border-2", unknown, unknown, undefined>>;
+declare function Avatar({ className, ...props }: React$1.ComponentProps<typeof Avatar$1.Root>): react_jsx_runtime.JSX.Element;
+declare function AvatarImage({ className, ...props }: React$1.ComponentProps<typeof Avatar$1.Image>): react_jsx_runtime.JSX.Element;
+declare function AvatarFallback({ className, ...props }: React$1.ComponentProps<typeof Avatar$1.Fallback>): react_jsx_runtime.JSX.Element;
+declare function AvatarIndicator({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+declare function AvatarStatus({ className, variant, ...props }: React$1.HTMLAttributes<HTMLDivElement> & VariantProps<typeof avatarStatusVariants>): react_jsx_runtime.JSX.Element;
+
+declare const avatar_Avatar: typeof Avatar;
+declare const avatar_AvatarFallback: typeof AvatarFallback;
+declare const avatar_AvatarImage: typeof AvatarImage;
+declare const avatar_AvatarIndicator: typeof AvatarIndicator;
+declare const avatar_AvatarStatus: typeof AvatarStatus;
+declare const avatar_avatarStatusVariants: typeof avatarStatusVariants;
+declare namespace avatar {
+  export { avatar_Avatar as Avatar, avatar_AvatarFallback as AvatarFallback, avatar_AvatarImage as AvatarImage, avatar_AvatarIndicator as AvatarIndicator, avatar_AvatarStatus as AvatarStatus, Avatar as Root, avatar_avatarStatusVariants as avatarStatusVariants };
+}
+
+declare const Popover: React__default.FC<Popover$1.PopoverProps>;
+declare const PopoverTrigger: React__default.ForwardRefExoticComponent<Popover$1.PopoverTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
+declare const PopoverContent: React__default.ForwardRefExoticComponent<Omit<Popover$1.PopoverContentProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & {
+    arrow?: boolean;
+    unstyled?: boolean;
+} & React__default.RefAttributes<HTMLDivElement>>;
+declare const PopoverClose: React__default.ForwardRefExoticComponent<Omit<Popover$1.PopoverCloseProps & React__default.RefAttributes<HTMLButtonElement>, "ref"> & {
+    unstyled?: boolean;
+} & React__default.RefAttributes<HTMLButtonElement>>;
+declare function PopoverAnchor({ ...props }: React__default.ComponentProps<typeof Popover$1.Anchor>): react_jsx_runtime.JSX.Element;
+
+declare const popover_Popover: typeof Popover;
+declare const popover_PopoverAnchor: typeof PopoverAnchor;
+declare const popover_PopoverClose: typeof PopoverClose;
+declare const popover_PopoverContent: typeof PopoverContent;
+declare const popover_PopoverTrigger: typeof PopoverTrigger;
+declare namespace popover {
+  export { popover_Popover as Popover, popover_PopoverAnchor as PopoverAnchor, popover_PopoverClose as PopoverClose, popover_PopoverContent as PopoverContent, popover_PopoverTrigger as PopoverTrigger, Popover as Root };
+}
+
+declare function Command({ className, ...props }: React__default.ComponentProps<typeof Command$1>): react_jsx_runtime.JSX.Element;
+declare function CommandInput({ className, ...props }: React__default.ComponentProps<typeof Command$1.Input>): react_jsx_runtime.JSX.Element;
+declare function CommandList({ className, ...props }: React__default.ComponentProps<typeof Command$1.List>): react_jsx_runtime.JSX.Element;
+declare function CommandEmpty({ ...props }: React__default.ComponentProps<typeof Command$1.Empty>): react_jsx_runtime.JSX.Element;
+declare function CommandGroup({ className, ...props }: React__default.ComponentProps<typeof Command$1.Group>): react_jsx_runtime.JSX.Element;
+declare function CommandSeparator({ className, ...props }: React__default.ComponentProps<typeof Command$1.Separator>): react_jsx_runtime.JSX.Element;
+declare function CommandItem({ className, ...props }: React__default.ComponentProps<typeof Command$1.Item>): react_jsx_runtime.JSX.Element;
+declare function CommandShortcut({ className, ...props }: React__default.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
+
+declare const command_Command: typeof Command;
+declare const command_CommandEmpty: typeof CommandEmpty;
+declare const command_CommandGroup: typeof CommandGroup;
+declare const command_CommandInput: typeof CommandInput;
+declare const command_CommandItem: typeof CommandItem;
+declare const command_CommandList: typeof CommandList;
+declare const command_CommandSeparator: typeof CommandSeparator;
+declare const command_CommandShortcut: typeof CommandShortcut;
+declare namespace command {
+  export { command_Command as Command, command_CommandEmpty as CommandEmpty, command_CommandGroup as CommandGroup, command_CommandInput as CommandInput, command_CommandItem as CommandItem, command_CommandList as CommandList, command_CommandSeparator as CommandSeparator, command_CommandShortcut as CommandShortcut, Command as Root };
+}
+
+declare const tabsListVariants: tailwind_variants.TVReturnType<{
+    variant: {
+        default: string;
+        button: string;
+        line: string;
+    };
+    shape: {
+        default: string;
+        pill: string;
+    };
+    size: {
+        large: string;
+        medium: string;
+        small: string;
+        xsmall: string;
+    };
+}, undefined, "flex w-fit shrink-0 items-center", {
+    variant: {
+        default: string;
+        button: string;
+        line: string;
+    };
+    shape: {
+        default: string;
+        pill: string;
+    };
+    size: {
+        large: string;
+        medium: string;
+        small: string;
+        xsmall: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    variant: {
+        default: string;
+        button: string;
+        line: string;
+    };
+    shape: {
+        default: string;
+        pill: string;
+    };
+    size: {
+        large: string;
+        medium: string;
+        small: string;
+        xsmall: string;
+    };
+}, undefined, "flex w-fit shrink-0 items-center", unknown, unknown, undefined>>;
+declare const tabsContentVariants: tailwind_variants.TVReturnType<{
+    variant: {
+        default: string;
+    };
+}, undefined, "focus-visible:ring-ring mt-10 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden", {
+    variant: {
+        default: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    variant: {
+        default: string;
+    };
+}, undefined, "focus-visible:ring-ring mt-10 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden", unknown, unknown, undefined>>;
+declare function Tabs({ className, ...props }: React__default.ComponentProps<typeof Tabs$1.Root>): react_jsx_runtime.JSX.Element;
+declare function TabsList({ className, variant, shape, size, ...props }: React__default.ComponentProps<typeof Tabs$1.List> & VariantProps<typeof tabsListVariants>): react_jsx_runtime.JSX.Element;
+declare function TabsTrigger({ className, ...props }: React__default.ComponentProps<typeof Tabs$1.Trigger>): react_jsx_runtime.JSX.Element;
+declare function TabsContent({ className, variant, ...props }: React__default.ComponentProps<typeof Tabs$1.Content> & VariantProps<typeof tabsContentVariants>): react_jsx_runtime.JSX.Element;
+
+declare const tabs_Tabs: typeof Tabs;
+declare const tabs_TabsContent: typeof TabsContent;
+declare const tabs_TabsList: typeof TabsList;
+declare const tabs_TabsTrigger: typeof TabsTrigger;
+declare namespace tabs {
+  export { Tabs as Root, tabs_Tabs as Tabs, tabs_TabsContent as TabsContent, tabs_TabsList as TabsList, tabs_TabsTrigger as TabsTrigger };
+}
+
+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;
+
 type IValue = string | number;
 interface IOptionItem {
     key?: React.Key;
@@ -136,15 +428,15 @@ interface IOptionItem {
     disabled?: boolean;
 }
 
-declare const DropdownMenu$1: React$1.FC<DropdownMenu$2.DropdownMenuProps>;
-declare const DropdownMenuContent: React$1.FC<React$1.ComponentPropsWithRef<typeof DropdownMenu$2.Content>>;
+declare const DropdownMenu$1: React__default.FC<DropdownMenu$2.DropdownMenuProps>;
+declare const DropdownMenuContent: React__default.FC<React__default.ComponentPropsWithRef<typeof DropdownMenu$2.Content>>;
 
-type DropdownMenuContentProps = React$1.ComponentProps<typeof DropdownMenuContent>;
-type DropdownMenuPrimitiveProps = React$1.ComponentProps<typeof DropdownMenu$1>;
-type SetValue<T> = React$1.Dispatch<React$1.SetStateAction<T>> | ((data: T) => void);
+type DropdownMenuContentProps = React__default.ComponentProps<typeof DropdownMenuContent>;
+type DropdownMenuPrimitiveProps = React__default.ComponentProps<typeof DropdownMenu$1>;
+type SetValue<T> = React__default.Dispatch<React__default.SetStateAction<T>> | ((data: T) => void);
 interface BaseMenuItem {
-    key?: React$1.Key;
-    label?: string | React$1.ReactNode;
+    key?: React__default.Key;
+    label?: string | React__default.ReactNode;
     icon?: IconType;
     to?: string;
     separator?: boolean;
@@ -176,16 +468,16 @@ interface NormalMenuItem extends BaseMenuItem {
 }
 type DropdownMenuItemProps = RadioMenuItem | CheckboxMenuItem | NormalMenuItem;
 interface MenuPropBase {
-    menuLabel?: React$1.ReactNode;
+    menuLabel?: React__default.ReactNode;
     items?: DropdownMenuItemProps[];
     disabled?: boolean;
     className?: string;
-    renderItem?: (item: DropdownMenuItemProps, index: number, onAction: MenuPropBase['onAction']) => React$1.ReactNode;
-    onAction?: (item: DropdownMenuItemProps, event: React$1.MouseEvent<HTMLDivElement>) => void;
+    renderItem?: (item: DropdownMenuItemProps, index: number, onAction: MenuPropBase['onAction']) => React__default.ReactNode;
+    onAction?: (item: DropdownMenuItemProps, event: React__default.MouseEvent<HTMLDivElement>) => void;
 }
 interface DropdownMenuProps extends DropdownMenuPrimitiveProps, DropdownMenuContentProps, MenuPropBase {
 }
-declare const DropdownMenu: React$1.FC<DropdownMenuProps>;
+declare const DropdownMenu: React__default.FC<DropdownMenuProps>;
 
 declare const menu: tailwind_variants.TVReturnType<{
     inset: {
@@ -345,32 +637,11 @@ declare const dropdownMenuStyles: {
 } & {};
 type DropdownMenuVariants = VariantProps<typeof menu>;
 
-declare function Command({ className, ...props }: React$1.ComponentProps<typeof Command$1>): react_jsx_runtime.JSX.Element;
-declare function CommandInput({ className, ...props }: React$1.ComponentProps<typeof Command$1.Input>): react_jsx_runtime.JSX.Element;
-declare function CommandList({ className, ...props }: React$1.ComponentProps<typeof Command$1.List>): react_jsx_runtime.JSX.Element;
-declare function CommandEmpty({ ...props }: React$1.ComponentProps<typeof Command$1.Empty>): react_jsx_runtime.JSX.Element;
-declare function CommandGroup({ className, ...props }: React$1.ComponentProps<typeof Command$1.Group>): react_jsx_runtime.JSX.Element;
-declare function CommandSeparator({ className, ...props }: React$1.ComponentProps<typeof Command$1.Separator>): react_jsx_runtime.JSX.Element;
-declare function CommandItem({ className, ...props }: React$1.ComponentProps<typeof Command$1.Item>): react_jsx_runtime.JSX.Element;
-declare function CommandShortcut({ className, ...props }: React$1.ComponentProps<'span'>): react_jsx_runtime.JSX.Element;
-
-declare const command_Command: typeof Command;
-declare const command_CommandEmpty: typeof CommandEmpty;
-declare const command_CommandGroup: typeof CommandGroup;
-declare const command_CommandInput: typeof CommandInput;
-declare const command_CommandItem: typeof CommandItem;
-declare const command_CommandList: typeof CommandList;
-declare const command_CommandSeparator: typeof CommandSeparator;
-declare const command_CommandShortcut: typeof CommandShortcut;
-declare namespace command {
-  export { command_Command as Command, command_CommandEmpty as CommandEmpty, command_CommandGroup as CommandGroup, command_CommandInput as CommandInput, command_CommandItem as CommandItem, command_CommandList as CommandList, command_CommandSeparator as CommandSeparator, command_CommandShortcut as CommandShortcut };
-}
-
 type Variant = 'slate' | 'red' | 'orange' | 'amber' | 'yellow' | 'lime' | 'green' | 'emerald' | 'teal' | 'cyan' | 'sky' | 'blue' | 'indigo' | 'violet' | 'purple' | 'fuchsia' | 'pink' | 'rose';
-type ColorPanelProps = React$1.ComponentProps<'div'> & {
+type ColorPanelProps = React__default.ComponentProps<'div'> & {
     asChild?: boolean;
     variant?: Variant;
 };
 declare function ColorPanel({ asChild, children, className, variant, ...props }: ColorPanelProps): react_jsx_runtime.JSX.Element;
 
-export { card as Card, ColorPanel, command as Command, DropdownMenu, type DropdownMenuItemProps, type DropdownMenuProps, type DropdownMenuVariants, type MenuPropBase, UIProvider, cn, dateUtils, dropdownMenuStyles, formatCurrency, formatIntegerCompact, formatNumber, getFirstLetters, tv, twMergeConfig };
+export { avatar as Avatar, badge as Badge, card as Card, ColorPanel, command as Command, DropdownMenu, type DropdownMenuItemProps, type DropdownMenuProps, type DropdownMenuVariants, type MenuPropBase, popover as Popover, Skeleton, Spinner, tabs as Tabs, UIProvider, cn, dateUtils, dropdownMenuStyles, formatCurrency, formatIntegerCompact, formatNumber, getFirstLetters, tv, twMergeConfig };

package/index.js

@@ -1 +1 @@
-export{b as DropdownMenu,a as dropdownMenuStyles}from'./chunk-BATK4HJE.js';import {a,f}from'./chunk-IMIYHEIN.js';export{t as Button,q as Card,I as Command,r as baseButtonStyle,s as buttonVariants,f as cn,c as dateUtils,e as tv,d as twMergeConfig}from'./chunk-IMIYHEIN.js';import'./chunk-WOT6VMZA.js';import {LazyMotion}from'motion/react';import i from'react';import {jsx}from'react/jsx-runtime';import {Slot}from'radix-ui';var S=()=>import('./motion-features-NSSC2G6R.js').then(t=>t.default),c=Symbol.for("@@jerry-fe/ui/UIProviderContext");function b(){if(!globalThis[c]){let t=i.createContext(null);globalThis[c]=t;}return globalThis[c]}var g=b(),C=({children:t,locale:r="zh-CN",tableUiStorageKey:e="APP_UI_TABLE_CONFIG",onChange:n})=>{let[o,a$1]=i.useState(()=>({tableUiStorageKey:e})),l=i.useCallback(s=>{a$1(U=>{let u=typeof s=="function"?s(U):s;return n?.(u),u});},[n]);i.useEffect(()=>{a$1({tableUiStorageKey:e});},[e]);let d=i.useMemo(()=>({state:o,setState:l}),[o,l]);return jsx(LazyMotion,{features:S,strict:true,children:jsx(g.Provider,{value:d,children:jsx(a,{locale:r,children:t})})})};C.displayName="UIProvider";var x=new WeakMap;function I(t){return((...r)=>{let e=x.get(t),n=r.map(String).join("_");if(e){let a=e.get(n);if(a)return a}else e=new Map,x.set(t,e);let o=t(...r);return e.set(n,o),o})}function D(t,r,e="zh-CN"){return new Intl.NumberFormat(e,r).format(t)}function W(t,r,e="zh-CN"){return new Intl.NumberFormat(e,{style:"currency",...r}).format(t)}function $(t,r="en-US"){return new Intl.NumberFormat(r,{notation:"compact",compactDisplay:"short"}).format(t)}var G=I((t,r=2)=>t.replace(/[.,!@#$%^&*()_+=\-`~[\]/\\{}:"|<>?]+/gi,"").trim().split(/\s+/).slice(0,r).map(e=>{if(!e.length)return "";if(/\s+/.test(t))return e.match(/./u)?.[0].toUpperCase();let n=new RegExp(".".repeat(r),"u"),o=e.match(n)?.[0];return o?o.charAt(0).toUpperCase()+o.slice(1):t.charAt(0).toUpperCase()+t.slice(1,2)}).join(""));function K({asChild:t,children:r,className:e,variant:n="slate",...o}){let a=t?Slot.Root:"div";return jsx(a,{className:f(`flex shrink-0 items-center justify-center rounded-xl border ui-badge-${n}`,e),...o,children:r})}export{K as ColorPanel,C as UIProvider,W as formatCurrency,$ as formatIntegerCompact,D as formatNumber,G as getFirstLetters};
+export{g as DropdownMenu,e as Skeleton,d as Tabs,f as dropdownMenuStyles}from'./chunk-MQJGKS3C.js';import {e,f,a as a$1}from'./chunk-BJHN7W7I.js';export{M as Button,q as Card,I as Command,u as Popover,J as Spinner,K as baseButtonStyle,L as buttonVariants,f as cn,c as dateUtils,e as tv,d as twMergeConfig}from'./chunk-BJHN7W7I.js';import {a}from'./chunk-WOT6VMZA.js';import {LazyMotion}from'motion/react';import c from'react';import {jsx}from'react/jsx-runtime';import {Slot,Avatar}from'radix-ui';var M=()=>import('./motion-features-NSSC2G6R.js').then(e=>e.default),d=Symbol.for("@@jerry-fe/ui/UIProviderContext");function B(){if(!globalThis[d]){let e=c.createContext(null);globalThis[d]=e;}return globalThis[d]}var F=B(),h=({children:e,locale:t="zh-CN",tableUiStorageKey:a="APP_UI_TABLE_CONFIG",onChange:o})=>{let[r,s]=c.useState(()=>({tableUiStorageKey:a})),m=c.useCallback(l=>{s(U=>{let v=typeof l=="function"?l(U):l;return o?.(v),v});},[o]);c.useEffect(()=>{s({tableUiStorageKey:a});},[a]);let u=c.useMemo(()=>({state:r,setState:m}),[r,m]);return jsx(LazyMotion,{features:M,strict:true,children:jsx(F.Provider,{value:u,children:jsx(a$1,{locale:t,children:e})})})};h.displayName="UIProvider";var C=new WeakMap;function N(e){return((...t)=>{let a=C.get(e),o=t.map(String).join("_");if(a){let s=a.get(o);if(s)return s}else a=new Map,C.set(e,a);let r=e(...t);return a.set(o,r),r})}function ce(e,t,a="zh-CN"){return new Intl.NumberFormat(a,t).format(e)}function me(e,t,a="zh-CN"){return new Intl.NumberFormat(a,{style:"currency",...t}).format(e)}function ue(e,t="en-US"){return new Intl.NumberFormat(t,{notation:"compact",compactDisplay:"short"}).format(e)}var de=N((e,t=2)=>e.replace(/[.,!@#$%^&*()_+=\-`~[\]/\\{}:"|<>?]+/gi,"").trim().split(/\s+/).slice(0,t).map(a=>{if(!a.length)return "";if(/\s+/.test(e))return a.match(/./u)?.[0].toUpperCase();let o=new RegExp(".".repeat(t),"u"),r=a.match(o)?.[0];return r?r.charAt(0).toUpperCase()+r.slice(1):e.charAt(0).toUpperCase()+e.slice(1,2)}).join(""));var I={};a(I,{Badge:()=>E,BadgeButton:()=>H,BadgeDot:()=>D,Root:()=>E,badgeVariants:()=>w});var w=e({base:["inline-flex items-center justify-center border border-transparent font-medium whitespace-nowrap select-none [&_svg]:-ms-px [&_svg]:shrink-0","focus:ring-2 focus:ring-primary-base focus:ring-offset-2 focus:outline-hidden"],variants:{variant:{primary:"bg-primary-base text-static-white",secondary:"bg-gray-200 text-gray-700",success:"bg-green-500 text-static-white",warning:"bg-yellow-500 text-static-white",info:"bg-violet-500 text-static-white",outline:"border border-stroke-soft bg-transparent text-text-sub",error:"bg-red-600 text-static-white"},appearance:{default:"",light:"",outline:"border-stroke-sub",ghost:"border-transparent bg-transparent"},disabled:{true:"pointer-events-none opacity-50"},size:{large:"h-28 min-w-28 gap-6 rounded-lg px-8 text-[14px] [&_svg]:size-14",medium:"h-24 min-w-24 gap-5 rounded-lg px-[7.2px] text-[14px] [&_svg]:size-14",small:"h-20 min-w-20 gap-4 rounded-md px-[5.2px] text-[12px] leading-14 [&_svg]:size-12",xsmall:"h-16 min-w-16 gap-4 rounded-md px-4 text-[10px] leading-12 [&_svg]:size-12"},shape:{default:"",circle:"rounded-full"}},compoundVariants:[{variant:"primary",appearance:"light",className:"bg-primary-base text-static-white"},{variant:"secondary",appearance:"light",className:"bg-gray-200"},{variant:"success",appearance:"light",className:"bg-green-50 text-green-700"},{variant:"warning",appearance:"light",className:"bg-yellow-50 text-yellow-700"},{variant:"info",appearance:"light",className:"bg-violet-50 text-violet-700"},{variant:"error",appearance:"light",className:"bg-red-50 text-red-700"},{variant:"primary",appearance:"outline",className:"border-blue-100 bg-blue-50 text-blue-700"},{variant:"success",appearance:"outline",className:"border-green-100 bg-green-50 text-green-700"},{variant:"warning",appearance:"outline",className:"border-yellow-100 bg-yellow-50 text-yellow-700"},{variant:"info",appearance:"outline",className:"border-violet-100 bg-violet-50 text-violet-700"},{variant:"error",appearance:"outline",className:"border-red-100 bg-red-50 text-red-700"},{variant:"primary",appearance:"ghost",className:"text-primary-base"},{variant:"secondary",appearance:"ghost",className:"text-gray-700"},{variant:"success",appearance:"ghost",className:"text-green-500"},{variant:"warning",appearance:"ghost",className:"text-yellow-500"},{variant:"info",appearance:"ghost",className:"text-violet-500"},{variant:"error",appearance:"ghost",className:"text-error-base"},{size:"large",appearance:"ghost",className:"px-0"},{size:"medium",appearance:"ghost",className:"px-0"},{size:"small",appearance:"ghost",className:"px-0"},{size:"xsmall",appearance:"ghost",className:"px-0"}],defaultVariants:{variant:"primary",appearance:"default",size:"medium"}}),_=e({base:"-me-2 inline-flex size-14 cursor-pointer items-center justify-center rounded-md p-0 leading-none opacity-60 transition-all hover:opacity-100 [&>svg]:size-14! [&>svg]:opacity-100!",variants:{variant:{default:""}},defaultVariants:{variant:"default"}});function E({className:e,variant:t,size:a,appearance:o,shape:r,asChild:s=false,disabled:m,...u}){let l=s?Slot.Slot:"span";return jsx(l,{"data-slot":"badge",className:f(w({variant:t,size:a,appearance:o,shape:r,disabled:m}),e),...u})}function H({className:e,variant:t,asChild:a=false,...o}){let r=a?Slot.Slot:"span";return jsx(r,{"data-slot":"badge-button",className:f(_({variant:t,className:e})),role:"button",...o})}function D({className:e,...t}){return jsx("span",{"data-slot":"badge-dot",className:f("size-6 rounded-full bg-[currentColor] opacity-75",e),...t})}var T={};a(T,{Avatar:()=>O,AvatarFallback:()=>W,AvatarImage:()=>j,AvatarIndicator:()=>$,AvatarStatus:()=>q,Root:()=>O,avatarStatusVariants:()=>S});var S=e({base:"border-background flex size-2 items-center rounded-full border-2",variants:{variant:{online:"bg-green-600",offline:"bg-zinc-400 dark:bg-zinc-500",busy:"bg-yellow-600",away:"bg-blue-600"}},defaultVariants:{variant:"online"}});function O({className:e,...t}){return jsx(Avatar.Root,{"data-slot":"avatar",className:f("relative flex size-40 shrink-0",e),...t})}function j({className:e,...t}){return jsx("div",{className:f("relative overflow-hidden rounded-full",e),children:jsx(Avatar.Image,{"data-slot":"avatar-image",className:f("aspect-square h-full w-full"),...t})})}function W({className:e,...t}){return jsx(Avatar.Fallback,{"data-slot":"avatar-fallback",className:f("flex h-full w-full items-center justify-center rounded-full border border-stroke-soft bg-bg-weak text-[13px] text-text-sub",e),...t})}function $({className:e,...t}){return jsx("div",{"data-slot":"avatar-indicator",className:f("absolute flex size-24 items-center justify-center",e),...t})}function q({className:e,variant:t,...a}){return jsx("div",{"data-slot":"avatar-status",className:f(S({variant:t}),e),...a})}function Ie({asChild:e,children:t,className:a,variant:o="slate",...r}){let s=e?Slot.Root:"div";return jsx(s,{className:f(`flex shrink-0 items-center justify-center rounded-xl border ui-badge-${o}`,a),...r,children:t})}export{T as Avatar,I as Badge,Ie as ColorPanel,h as UIProvider,me as formatCurrency,ue as formatIntegerCompact,ce as formatNumber,de as getFirstLetters};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jerry-fd/ui",
-  "version": "0.3.2",
+  "version": "0.3.4",
   "description": "UI component library based on Ant Design (Client-side only)",
   "type": "module",
   "sideEffects": ["index.js", "*.css"],

package/{types-6U8YKz0A.d.ts → types-BRYHaCob.d.ts}

@@ -1,4 +1,4 @@
-import { I as IconType } from './icon-Byr-7UQX.js';
+import { I as IconType } from './icon-BmaneZ4I.js';
 import { Dayjs } from 'dayjs';
 
 interface FilterColumnOption {

package/chunk-BATK4HJE.js

@@ -1 +0,0 @@
-import {e,f,u}from'./chunk-IMIYHEIN.js';import {Circle,Check,ChevronRight}from'lucide-react';import {DropdownMenu}from'radix-ui';import {jsxs,jsx,Fragment}from'react/jsx-runtime';var X=e({slots:{content:["z-50 overflow-hidden rounded-2xl bg-bg-white p-8 shadow-regular-md ring-1 ring-stroke-soft ring-inset","flex flex-col gap-4 text-label-sm text-text-sub","data-[side=bottom]:origin-top data-[side=left]:origin-right data-[side=right]:origin-left data-[side=top]:origin-bottom","data-[state=open]:animate-in data-[state=open]:fade-in-0","data-[state=closed]:animate-out data-[state=closed]:fade-out-0","data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95","data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2"],trigger:["cursor-default rounded-lg px-10 py-6 outline-none select-none [&_svg]:pointer-events-none [&_svg]:shrink-0","flex items-center gap-8","data-highlighted:bg-bg-weak data-[state=open]:bg-bg-weak","focus-visible:ring-2 focus-visible:ring-primary-base","data-disabled:pointer-events-none data-disabled:text-text-disabled"],item:["group/item relative cursor-pointer rounded-lg px-10 py-6 outline-none select-none data-highlighted:bg-bg-weak","flex items-center gap-8","transition duration-200 ease-out","focus:outline-none","focus-visible:ring-2 focus-visible:ring-primary-base","data-disabled:pointer-events-none data-disabled:text-text-disabled"],checkbox:["relative flex cursor-default items-center rounded-lg py-6 pr-6 transition-colors outline-none select-none","data-disabled:pointer-events-none data-disabled:text-text-disabled","data-highlighted:bg-bg-weak","focus:outline-none","focus-visible:ring-2 focus-visible:ring-primary-base","pl-38"],label:"px-8 py-2 text-label-sm text-text-soft",separator:"-mx-4 my-4 h-px bg-bg-weak",shortcut:"ml-auto text-text-soft group-data-disabled/item:text-text-disabled",arrow:"-mr-6 ml-auto size-16",icon:"size-16",check:"absolute top-1/2 left-10 size-16 -translate-y-1/2"},variants:{inset:{true:{trigger:"pl-38",item:"pl-38",label:"pl-38"}},destructive:{true:{item:"text-error-base focus-visible:ring-error-base data-highlighted:bg-red-50"}}}}),r=X();var G=DropdownMenu.Root,W=DropdownMenu.Trigger,z=DropdownMenu.Group,O=DropdownMenu.Portal,E=DropdownMenu.Sub,H=DropdownMenu.RadioGroup;DropdownMenu.Arrow;var x=({className:e,inset:t,children:n,...s})=>jsxs(DropdownMenu.SubTrigger,{className:r.trigger({inset:t,className:e}),...s,children:[n,jsx(ChevronRight,{className:r.arrow()})]});x.displayName=DropdownMenu.SubTrigger.displayName;var I=({className:e,...t})=>jsx(DropdownMenu.SubContent,{className:r.content({className:f("min-w-120",e)}),...t});I.displayName=DropdownMenu.SubContent.displayName;var P=({className:e,sideOffset:t=4,...n})=>jsx(DropdownMenu.Portal,{children:jsx(DropdownMenu.Content,{sideOffset:t,className:r.content({className:f("min-w-xs",e)}),...n})});P.displayName=DropdownMenu.Content.displayName;var N=({className:e,inset:t,destructive:n,...s})=>jsx(DropdownMenu.Item,{className:r.item({inset:t,destructive:n,className:e}),...s});N.displayName=DropdownMenu.Item.displayName;var k=({className:e,children:t,checked:n,...s})=>jsxs(DropdownMenu.CheckboxItem,{className:r.checkbox({className:e}),checked:n,...s,children:[jsx(DropdownMenu.ItemIndicator,{className:r.check(),asChild:true,children:jsx(Check,{})}),t]});k.displayName=DropdownMenu.CheckboxItem.displayName;var S=({className:e,children:t,...n})=>jsxs(DropdownMenu.RadioItem,{className:r.checkbox({className:e}),...n,children:[jsx(DropdownMenu.ItemIndicator,{className:r.check({className:"left-14 size-8 fill-current"}),asChild:true,children:jsx(Circle,{})}),t]});S.displayName=DropdownMenu.RadioItem.displayName;var D=({className:e,inset:t,...n})=>jsx(DropdownMenu.Label,{className:r.label({inset:t,className:e}),...n});D.displayName=DropdownMenu.Label.displayName;var M=({className:e,...t})=>jsx(DropdownMenu.Separator,{className:r.separator({className:e}),...t});M.displayName=DropdownMenu.Separator.displayName;var T=({className:e,...t})=>jsx("span",{className:r.shortcut({className:e}),...t});T.displayName="DropdownMenuShortcut";var C=({className:e,...t})=>jsx(u,{className:r.icon({className:e}),...t});C.displayName="DropdownMenuIcon";var $=({open:e,defaultOpen:t,modal:n,menuLabel:s,children:f$1,items:u,disabled:y,className:m,asChild:c=true,renderItem:R,onOpenChange:v,onAction:l,...h})=>{let i=R??K;return jsxs(G,{open:e,defaultOpen:t,modal:n,onOpenChange:v,children:[jsx(W,{disabled:y,asChild:c,children:f$1}),jsxs(P,{className:f(m,"origin-(--radix-dropdown-menu-content-transform-origin)"),...h,children:[s&&jsxs(Fragment,{children:[jsx(D,{children:s}),jsx(M,{})]}),Array.isArray(u)&&u.map((w,b)=>i(w,b,l))]})]})};$.displayName="DropdownMenu";function K(e,t,n){let{key:s,groupType:f,label:u,shortcut:y,icon:m,inset:c,onValueChange:R,...v}=e,l=s??t,h=Array.isArray(e.items)?e.items:void 0;return e.separator?jsx(M,{},s||`separator-${t}`):f==="radio"&&e.options?jsxs(H,{value:String(e.value),onValueChange:R,children:[u&&jsxs(Fragment,{children:[jsx(D,{inset:c,children:u}),jsx(M,{})]}),e.options.map(i=>jsx(S,{disabled:i.disabled||e.disabled,value:String(i.value),children:i.label},i.key||i.value))]},l):f==="checkbox"&&e.options?jsxs(z,{children:[u&&jsxs(Fragment,{children:[jsx(D,{inset:c,children:u}),jsx(M,{})]}),e.options.map(({key:i,label:w,value:b,disabled:_},q)=>jsx(k,{disabled:_||e.disabled,checked:String(e.value)?.includes(String(b)),onCheckedChange:J=>{let L=e.value??[],Q=J?[...L,b]:L.filter(U=>U!==b);e.onValueChange?.(Q);},children:w},i||q))]},l):h?jsxs(E,{children:[jsxs(x,{inset:c,disabled:e.disabled,children:[m&&jsx(C,{as:m}),u]}),jsx(O,{children:jsx(I,{children:h.map((i,w)=>K(i,`${l}-${w}`,n))})})]},l):jsxs(N,{inset:c,onClick:i=>n?.(e,i),...v,children:[m&&jsx(C,{as:m}),u,y&&jsx(T,{children:y})]},l)}export{r as a,$ as b};