@jerry-fd/ui 0.4.2 → 0.4.4

package/index.d.ts

@@ -1,19 +1,28 @@
 import * as React$1 from 'react';
 import React__default from 'react';
-import { P as PaginationConfig } from './types-DCCJucSo.js';
-export { B as Button, b as baseButtonStyle, a as buttonVariants } from './types-DCCJucSo.js';
+import { PaginationProps } from 'antd';
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Avatar as Avatar$1, Popover as Popover$1, Tabs as Tabs$1, DropdownMenu as DropdownMenu$2 } from 'radix-ui';
+import { Avatar as Avatar$1, Tabs as Tabs$1, Popover as Popover$1, DropdownMenu as DropdownMenu$2, Collapsible as Collapsible$1, Tooltip as Tooltip$1 } from 'radix-ui';
 import { Command as Command$1 } from 'cmdk';
-import { I as IconType } from './types-DAZ2BTzl.js';
+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 { I as IconType } from './icon-BmaneZ4I.js';
 import * as tailwind_merge from 'tailwind-merge';
-import 'antd';
-import 'antd/es/table';
-import 'antd/es/table/interface';
-import 'antd/es/date-picker';
-import 'dayjs';
+
+type IValue = string;
+interface IOptionItem {
+    key?: React.Key;
+    label: string;
+    icon?: React.ReactNode;
+    value: IValue;
+    disabled?: boolean;
+}
+type PolymorphicProps<T extends React.ElementType, Props = object> = {
+    as?: T;
+} & Props & Omit<React.ComponentPropsWithoutRef<T>, keyof Props | 'as'>;
 
 declare const Card: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLDivElement> & VariantProps<tailwind_variants.TVReturnType<{
     variant: {
@@ -37,7 +46,7 @@ declare function CardExtra({ className, ...props }: React__default.HTMLAttribute
 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 CardToolbar<T extends React__default.ElementType = 'div'>({ as, className, ...props }: PolymorphicProps<T>): 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;
@@ -57,6 +66,8 @@ 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 };
 }
 
+type PaginationConfig = Omit<PaginationProps, 'total'>;
+
 type UILocale = (typeof SUPPORTED_LOCALES)[number];
 declare const SUPPORTED_LOCALES: readonly ["en-US", "zh-CN"];
 
@@ -144,6 +155,8 @@ declare const twMergeConfig: {
 declare const tv: tailwind_variants.TV;
 declare const cn: (...classes: ClassNameArray) => string;
 
+declare function mergeRefs<T = unknown>(refs: Array<React.Ref<T> | undefined | null>): React.RefCallback<T>;
+
 interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
     asChild?: boolean;
     dotClassName?: string;
@@ -311,26 +324,6 @@ 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;
@@ -427,6 +420,135 @@ declare namespace tabs {
   export { Tabs as Root, tabs_Tabs as Tabs, tabs_TabsContent as TabsContent, tabs_TabsList as TabsList, tabs_TabsTrigger as TabsTrigger };
 }
 
+declare const Popover: React__default.FC<Popover$1.PopoverProps>;
+declare function PopoverTrigger({ asChild, ...props }: React__default.ComponentProps<typeof Popover$1.Trigger>): react_jsx_runtime.JSX.Element;
+declare function PopoverContent({ children, className, align, sideOffset, collisionPadding, arrowPadding, arrow, unstyled, arrowClassName, ref, ...rest }: React__default.ComponentPropsWithRef<typeof Popover$1.Content> & {
+    arrow?: boolean;
+    unstyled?: boolean;
+    arrowClassName?: string;
+}): react_jsx_runtime.JSX.Element;
+declare function PopoverClose({ className, unstyled, ...rest }: React__default.ComponentProps<typeof Popover$1.Close> & {
+    unstyled?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare function PopoverAnchor({ ...props }: React__default.ComponentProps<typeof Popover$1.Anchor>): react_jsx_runtime.JSX.Element;
+declare function PopoverOverlay({ className, ...props }: React__default.ComponentProps<'div'>): 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_PopoverOverlay: typeof PopoverOverlay;
+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_PopoverOverlay as PopoverOverlay, popover_PopoverTrigger as PopoverTrigger, Popover as Root };
+}
+
+declare const popoverVariants: tailwind_variants.TVReturnType<{
+    variant: {
+        default: {
+            root: string;
+            close: string;
+        };
+        accent: {
+            root: string;
+            content: string;
+            header: string;
+            close: string;
+            arrowCls: string;
+        };
+    };
+}, {
+    root: string;
+    content: string;
+    arrowCls: string;
+    header: string;
+    close: string;
+}, undefined, {
+    variant: {
+        default: {
+            root: string;
+            close: string;
+        };
+        accent: {
+            root: string;
+            content: string;
+            header: string;
+            close: string;
+            arrowCls: string;
+        };
+    };
+}, {
+    root: string;
+    content: string;
+    arrowCls: string;
+    header: string;
+    close: string;
+}, tailwind_variants.TVReturnType<{
+    variant: {
+        default: {
+            root: string;
+            close: string;
+        };
+        accent: {
+            root: string;
+            content: string;
+            header: string;
+            close: string;
+            arrowCls: string;
+        };
+    };
+}, {
+    root: string;
+    content: string;
+    arrowCls: string;
+    header: string;
+    close: string;
+}, undefined, unknown, unknown, undefined>>;
+type PopoverPresetProps = VariantProps<typeof popoverVariants> & React__default.ComponentProps<typeof PopoverContent> & {
+    title?: React__default.ReactNode;
+    content?: React__default.ReactNode;
+    contentClassName?: string;
+    open?: boolean;
+    defaultOpen?: boolean;
+    closeable?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    onClose?: () => void;
+};
+declare function PopoverPreset({ variant, className, contentClassName, side, align, arrow, unstyled, closeable, sideOffset, title, content: contentNode, children, defaultOpen, open: controlledOpen, onOpenChange: controlledOnOpenChange, onClose, ...rest }: PopoverPresetProps): 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 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 CopyableTextProps = Omit<ButtonSharedProps, 'loading'> & {
+    className?: string;
+    content: string;
+    as?: 'button' | 'inline' | 'text';
+    delay?: number;
+    tooltipDelayDuration?: number;
+    onCopy?: (content: string) => void;
+};
+declare function CopyableText({ content, delay, tooltipDelayDuration, variant, mode, size, as, onCopy, className, }: CopyableTextProps): react_jsx_runtime.JSX.Element;
+
 declare function Skeleton({ className, ...props }: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
 
 type OwnProps = {
@@ -435,15 +557,6 @@ type OwnProps = {
 };
 declare function Spinner({ stroke, className }: OwnProps): react_jsx_runtime.JSX.Element;
 
-type IValue = string;
-interface IOptionItem {
-    key?: React.Key;
-    label: string;
-    icon?: React.ReactNode;
-    value: IValue;
-    disabled?: boolean;
-}
-
 declare const DropdownMenu$1: React__default.FC<DropdownMenu$2.DropdownMenuProps>;
 declare const DropdownMenuContent: React__default.FC<React__default.ComponentPropsWithRef<typeof DropdownMenu$2.Content>>;
 
@@ -660,4 +773,104 @@ type ColorPanelProps = React__default.ComponentProps<'div'> & {
 };
 declare function ColorPanel({ asChild, children, className, variant, ...props }: ColorPanelProps): react_jsx_runtime.JSX.Element;
 
-export { avatar as Avatar, badge as Badge, card as Card, ColorPanel, command as Command, type DebouncedFunction, DropdownMenu, type DropdownMenuItemProps, type DropdownMenuProps, type DropdownMenuVariants, type MenuPropBase, popover as Popover, type Scheduler, Skeleton, Spinner, tabs as Tabs, type ThrottledFunction, UIProvider, cn, dateUtils, debounce, dropdownMenuStyles, formatCurrency, formatIntegerCompact, formatNumber, getFirstLetters, throttle, tv, twMergeConfig };
+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;
+declare function CollapsibleContent({ className, ...props }: React__default.ComponentProps<typeof Collapsible$1.CollapsibleContent>): react_jsx_runtime.JSX.Element;
+
+declare const TooltipRoot: React__default.FC<Tooltip$1.TooltipProps>;
+declare const TooltipTrigger: React__default.ForwardRefExoticComponent<Tooltip$1.TooltipTriggerProps & React__default.RefAttributes<HTMLButtonElement>>;
+declare const TooltipArrow: React__default.ForwardRefExoticComponent<Tooltip$1.TooltipArrowProps & React__default.RefAttributes<SVGSVGElement>>;
+interface TooltipProps extends React__default.ComponentPropsWithRef<typeof Tooltip$1.Root>, Omit<React__default.ComponentPropsWithRef<typeof Tooltip$1.Content>, 'content'>, VariantProps<typeof tooltipVariants> {
+    arrow?: boolean;
+}
+declare const tooltipVariants: tailwind_variants.TVReturnType<{
+    size: {
+        large: {
+            contentClassnames: string;
+        };
+        medium: {
+            contentClassnames: string;
+        };
+        small: {
+            contentClassnames: string;
+        };
+        xsmall: {
+            contentClassnames: string;
+        };
+    };
+    variant: {
+        dark: {
+            contentClassnames: string;
+            arrowClassnames: string;
+        };
+        light: {
+            contentClassnames: string;
+            arrowClassnames: string;
+        };
+    };
+}, {
+    contentClassnames: string[];
+    arrowClassnames: string;
+}, undefined, {
+    size: {
+        large: {
+            contentClassnames: string;
+        };
+        medium: {
+            contentClassnames: string;
+        };
+        small: {
+            contentClassnames: string;
+        };
+        xsmall: {
+            contentClassnames: string;
+        };
+    };
+    variant: {
+        dark: {
+            contentClassnames: string;
+            arrowClassnames: string;
+        };
+        light: {
+            contentClassnames: string;
+            arrowClassnames: string;
+        };
+    };
+}, {
+    contentClassnames: string[];
+    arrowClassnames: string;
+}, tailwind_variants.TVReturnType<{
+    size: {
+        large: {
+            contentClassnames: string;
+        };
+        medium: {
+            contentClassnames: string;
+        };
+        small: {
+            contentClassnames: string;
+        };
+        xsmall: {
+            contentClassnames: string;
+        };
+    };
+    variant: {
+        dark: {
+            contentClassnames: string;
+            arrowClassnames: string;
+        };
+        light: {
+            contentClassnames: string;
+            arrowClassnames: string;
+        };
+    };
+}, {
+    contentClassnames: string[];
+    arrowClassnames: string;
+}, undefined, unknown, unknown, undefined>>;
+declare function TooltipProvider({ delayDuration, skipDelayDuration, ...props }: React__default.ComponentProps<typeof Tooltip$1.Provider>): react_jsx_runtime.JSX.Element;
+declare const Tooltip: React__default.FC<TooltipProps & {
+    content: React__default.ReactNode;
+}>;
+
+export { avatar as Avatar, badge as Badge, 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, type MenuPropBase, popover as Popover, PopoverPreset, type PopoverPresetProps, type Scheduler, Skeleton, Spinner, tabs as Tabs, type ThrottledFunction, Tooltip, TooltipArrow, TooltipProvider, TooltipRoot, TooltipTrigger, UIProvider, type UseDrawerOptions, cn, dateUtils, debounce, dropdownMenuStyles, formatCurrency, formatIntegerCompact, formatNumber, getFirstLetters, mergeRefs, throttle, tooltipVariants, tv, twMergeConfig, useDrawer };

package/index.js

@@ -1 +1,2 @@
-export{k as DropdownMenu,i as Skeleton,h as Tabs,a as UIProvider,c as debounce,j as dropdownMenuStyles,d as throttle}from'./chunk-ULLCSZUV.js';import {d as d$1,e}from'./chunk-MX44Q3PS.js';export{K as Button,p as Card,G as Command,t as Popover,H as Spinner,I as baseButtonStyle,J as buttonVariants,e as cn,d as tv,c as twMergeConfig}from'./chunk-MX44Q3PS.js';import {a}from'./chunk-WOT6VMZA.js';import {Slot,Avatar}from'radix-ui';import {jsx}from'react/jsx-runtime';var R={dateDash:"yyyy-MM-dd",dateSlash:"YYYY/MM/DD",dateTimeMinuteDash:"yyyy-MM-dd HH:mm",dateTimeMinuteSlash:"yyyy/MM/dd HH:mm",dateTimeSecondDash:"yyyy-MM-dd HH:mm:ss",dateTimeSecondSlash:"yyyy/MM/dd HH:mm:ss",timeMinute:"HH:mm",timeSecond:"HH:mm:ss"},V={presets:R};var u=new WeakMap;function d(e){return((...t)=>{let a=u.get(e),o=t.map(String).join("_");if(a){let s=a.get(o);if(s)return s}else a=new Map,u.set(e,a);let n=e(...t);return a.set(o,n),n})}function Z(e,t,a="zh-CN"){return new Intl.NumberFormat(a,t).format(e)}function ee(e,t,a="zh-CN"){return new Intl.NumberFormat(a,{style:"currency",...t}).format(e)}function te(e,t="en-US"){return new Intl.NumberFormat(t,{notation:"compact",compactDisplay:"short"}).format(e)}var ae=d((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"),n=a.match(o)?.[0];return n?n.charAt(0).toUpperCase()+n.slice(1):e.charAt(0).toUpperCase()+e.slice(1,2)}).join(""));var b={};a(b,{Badge:()=>z,BadgeButton:()=>A,BadgeDot:()=>S,Root:()=>z,badgeVariants:()=>f});var f=d$1({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"}}),H=d$1({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 z({className:e$1,variant:t,size:a,appearance:o,shape:n,asChild:s=false,disabled:y,...h}){let w=s?Slot.Slot:"span";return jsx(w,{"data-slot":"badge",className:e(f({variant:t,size:a,appearance:o,shape:n,disabled:y}),e$1),...h})}function A({className:e$1,variant:t,asChild:a=false,...o}){let n=a?Slot.Slot:"span";return jsx(n,{"data-slot":"badge-button",className:e(H({variant:t,className:e$1})),role:"button",...o})}function S({className:e$1,...t}){return jsx("span",{"data-slot":"badge-dot",className:e("size-6 rounded-full bg-[currentColor] opacity-75",e$1),...t})}var x={};a(x,{Avatar:()=>k,AvatarFallback:()=>B,AvatarImage:()=>I,AvatarIndicator:()=>D,AvatarStatus:()=>F,Root:()=>k,avatarStatusVariants:()=>v});var v=d$1({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 k({className:e$1,...t}){return jsx(Avatar.Root,{"data-slot":"avatar",className:e("relative flex size-40 shrink-0",e$1),...t})}function I({className:e$1,...t}){return jsx("div",{className:e("relative overflow-hidden rounded-full",e$1),children:jsx(Avatar.Image,{"data-slot":"avatar-image",className:e("aspect-square h-full w-full"),...t})})}function B({className:e$1,...t}){return jsx(Avatar.Fallback,{"data-slot":"avatar-fallback",className:e("flex h-full w-full items-center justify-center rounded-full border border-stroke-soft bg-bg-weak text-[13px] text-text-sub",e$1),...t})}function D({className:e$1,...t}){return jsx("div",{"data-slot":"avatar-indicator",className:e("absolute flex size-24 items-center justify-center",e$1),...t})}function F({className:e$1,variant:t,...a}){return jsx("div",{"data-slot":"avatar-status",className:e(v({variant:t}),e$1),...a})}function ge({asChild:e$1,children:t,className:a,variant:o="slate",...n}){let s=e$1?Slot.Root:"div";return jsx(s,{className:e(`flex shrink-0 items-center justify-center rounded-xl border ui-badge-${o}`,a),...n,children:t})}export{x as Avatar,b as Badge,ge as ColorPanel,V as dateUtils,ee as formatCurrency,te as formatIntegerCompact,Z as formatNumber,ae as getFirstLetters};
+import {j}from'./chunk-EM7GIZXE.js';export{l as DropdownMenu,j as Skeleton,i as Tabs,a as UIProvider,c as debounce,k as dropdownMenuStyles,e as mergeRefs,d as throttle}from'./chunk-EM7GIZXE.js';import {b,c,D,H,E,F,G,O as O$1,M,i}from'./chunk-VZDC732G.js';export{M as Button,u as Card,C as Command,I as Popover,J as Spinner,i as Tooltip,f as TooltipArrow,h as TooltipProvider,d as TooltipRoot,e as TooltipTrigger,K as baseButtonStyle,L as buttonVariants,c as cn,g as tooltipVariants,b as tv,a as twMergeConfig}from'./chunk-VZDC732G.js';import {a}from'./chunk-M7AD2PUT.js';import {Slot,Avatar,Collapsible}from'radix-ui';import {jsx,jsxs,Fragment}from'react/jsx-runtime';import*as O from'react';import O__default from'react';import {Drawer}from'vaul';import {AnimatePresence,m}from'motion/react';import {Copy,CheckCheck}from'lucide-react';var He={dateDash:"yyyy-MM-dd",dateSlash:"YYYY/MM/DD",dateTimeMinuteDash:"yyyy-MM-dd HH:mm",dateTimeMinuteSlash:"yyyy/MM/dd HH:mm",dateTimeSecondDash:"yyyy-MM-dd HH:mm:ss",dateTimeSecondSlash:"yyyy/MM/dd HH:mm:ss",timeMinute:"HH:mm",timeSecond:"HH:mm:ss"},Ie={presets:He};var le=new WeakMap;function pe(e){return((...t)=>{let r=le.get(e),o=t.map(String).join("_");if(r){let i=r.get(o);if(i)return i}else r=new Map,le.set(e,r);let n=e(...t);return r.set(o,n),n})}function zt(e,t,r="zh-CN"){return new Intl.NumberFormat(r,t).format(e)}function Vt(e,t,r="zh-CN"){return new Intl.NumberFormat(r,{style:"currency",...t}).format(e)}function Bt(e,t="en-US"){return new Intl.NumberFormat(t,{notation:"compact",compactDisplay:"short"}).format(e)}var Mt=pe((e,t=2)=>e.replace(/[.,!@#$%^&*()_+=\-`~[\]/\\{}:"|<>?]+/gi,"").trim().split(/\s+/).slice(0,t).map(r=>{if(!r.length)return "";if(/\s+/.test(e))return r.match(/./u)?.[0].toUpperCase();let o=new RegExp(".".repeat(t),"u"),n=r.match(o)?.[0];return n?n.charAt(0).toUpperCase()+n.slice(1):e.charAt(0).toUpperCase()+e.slice(1,2)}).join(""));var de={};a(de,{Badge:()=>Fe,BadgeButton:()=>Ee,BadgeDot:()=>Ue,Root:()=>Fe,badgeVariants:()=>me});var me=b({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"}}),Le=b({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 Fe({className:e,variant:t,size:r,appearance:o,shape:n,asChild:i=false,disabled:u,...l}){let m=i?Slot.Slot:"span";return jsx(m,{"data-slot":"badge",className:c(me({variant:t,size:r,appearance:o,shape:n,disabled:u}),e),...l})}function Ee({className:e,variant:t,asChild:r=false,...o}){let n=r?Slot.Slot:"span";return jsx(n,{"data-slot":"badge-button",className:c(Le({variant:t,className:e})),role:"button",...o})}function Ue({className:e,...t}){return jsx("span",{"data-slot":"badge-dot",className:c("size-6 rounded-full bg-[currentColor] opacity-75",e),...t})}var fe={};a(fe,{Avatar:()=>_e,AvatarFallback:()=>We,AvatarImage:()=>Ye,AvatarIndicator:()=>qe,AvatarStatus:()=>$e,Root:()=>_e,avatarStatusVariants:()=>ue});var ue=b({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 _e({className:e,...t}){return jsx(Avatar.Root,{"data-slot":"avatar",className:c("relative flex size-40 shrink-0",e),...t})}function Ye({className:e,...t}){return jsx("div",{className:c("relative overflow-hidden rounded-full",e),children:jsx(Avatar.Image,{"data-slot":"avatar-image",className:c("aspect-square h-full w-full"),...t})})}function We({className:e,...t}){return jsx(Avatar.Fallback,{"data-slot":"avatar-fallback",className:c("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 qe({className:e,...t}){return jsx("div",{"data-slot":"avatar-indicator",className:c("absolute flex size-24 items-center justify-center",e),...t})}function $e({className:e,variant:t,...r}){return jsx("div",{"data-slot":"avatar-status",className:c(ue({variant:t}),e),...r})}function U({className:e,variant:t="neutral",mode:r="stroke",size:o="small",...n}){return jsx(M,{variant:t,mode:r,size:o,className:c("absolute top-12 right-10 z-10 m-auto aspect-square rounded-full border-transparent text-text-soft hover:text-text-strong",e),...n,children:jsxs("svg",{width:"1em",height:"1em",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsx("path",{d:"M10.4854 1.99998L2.00007 10.4853",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),jsx("path",{d:"M10.4854 10.4844L2.00007 1.99908",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]})})}var je=b({slots:{root:"relative flex w-fit max-w-xl flex-col rounded-[12px] border border-stroke-soft p-0 text-md",content:"",arrowCls:"",header:"flex items-center pe-28 select-none",close:"rounded-full"},variants:{variant:{default:{root:"gap-8 bg-bg-white p-16 pt-12",close:"top-14 right-12 hover:bg-bg-weak"},accent:{root:"bg-bg-weak p-4",content:"rounded-[8px] bg-bg-white px-12 py-8 shadow-sm",header:"px-12 py-4 pb-6",close:"top-10 right-8 hover:bg-bg-white",arrowCls:"bg-bg-weak"}}},defaultVariants:{variant:"default"}});function Ge({variant:e,className:t,contentClassName:r,side:o="bottom",align:n="start",arrow:i=true,unstyled:u=true,closeable:l=true,sideOffset:m=1,title:p,content:d,children:b,defaultOpen:H$1,open:h,onOpenChange:C,onClose:v,...P}){let{root:N,content:R,header:D$1,close:T,arrowCls:q}=je({variant:e}),[I,$]=O__default.useState(H$1??false),k=h!==void 0,z=k?h:I,V=O__default.useCallback(L=>{k||$(L),C?.(L);},[k,C]);return jsxs(D,{open:z,onOpenChange:V,children:[k&&z&&jsx(H,{}),jsx(E,{className:c(z&&"active",k&&z&&"relative z-20"),children:b}),jsxs(F,{className:N({className:t}),arrowClassName:q(),unstyled:u,side:o,align:n,sideOffset:m,arrow:i,...P,children:[p&&jsxs("header",{className:D$1(),children:[jsx("h4",{className:"m-0 text-[15px] leading-26 font-medium text-text-strong",children:p}),l&&jsx(G,{asChild:true,onClick:v,children:jsx(U,{size:"xsmall",mode:"ghost",className:T({class:"size-24 p-0"})})})]}),jsx("div",{className:R({className:r}),children:d})]})]})}function ve({...e}){return jsx(Drawer.Root,{"data-slot":"drawer",...e})}function xe({...e}){return jsx(Drawer.Trigger,{"data-slot":"drawer-trigger",...e})}function Je({...e}){return jsx(Drawer.Portal,{"data-slot":"drawer-portal",...e})}function X({...e}){return jsx(Drawer.Close,{"data-slot":"drawer-close",...e})}function Qe({className:e,...t}){return jsx(Drawer.Overlay,{"data-slot":"drawer-overlay",className:c("fixed inset-0 z-50 bg-black/10 data-closed:animate-out data-closed:fade-out-0 data-open:animate-in data-open:fade-in-0",e),...t})}var Xe={top:"inset-x-8 top-8 max-h-[80vh]",bottom:"inset-x-8 bottom-8 mt-96 max-h-[80vh]",left:"inset-y-8 left-8 w-3/5",right:"inset-y-8 right-8 w-3/5"};function ye({className:e,direction:t,children:r,...o}){let n=O.useRef({"--initial-transform":"calc(100% + 8px)"});return jsxs(Je,{"data-slot":"drawer-portal",children:[jsx(Qe,{}),jsx(Drawer.Content,{"data-slot":"drawer-content",style:n.current,className:c("group/drawer-content fixed z-50 flex h-auto flex-col rounded-[12px] bg-static-white outline-none",t&&Xe[t],e),...o,children:r})]})}function we({className:e,...t}){return jsx("div",{"data-slot":"drawer-header",className:c("flex flex-col px-16 py-12",e),...t})}function he({className:e,...t}){return jsx("div",{"data-slot":"drawer-body",className:c("scrollbar-thin overflow-y-auto p-16 select-text",e),...t})}function Ce({className:e,...t}){return jsx("div",{"data-slot":"drawer-footer",className:c("mt-auto flex flex-col gap-8 px-16 py-18",e),...t})}function Pe({className:e,...t}){return jsx(Drawer.Title,{"data-slot":"drawer-title",className:c("m-0 text-xl leading-32 font-medium text-text-strong",e),...t})}function Ne({className:e,...t}){return jsx(Drawer.Description,{"data-slot":"drawer-description",className:c("m-0 text-md text-text-sub",e),...t})}function tt({direction:e="right",dismissible:t=true,skeletonItemCount:r=5,className:o,footerClassName:n,bodyClassName:i,headerClassName:u,title:l="Title",description:m,footer:p,trigger:d,container:b,children:H,open:h,onOpenChange:C,loading:v,handleOnly:P=true,style:N,width:R,onClose:D,onOk:T,...q}){let I=O$1(),$=O__default.useRef({...N,width:R}),[k,z]=O__default.useState(false),[V,L]=O__default.useState(false),K=h!==void 0,ke=K?h:k,F=O__default.useCallback(B=>{!B&&V||(K||z(B),C?.(B));},[K,C,V]),Se=O__default.useCallback(async()=>{if(!T){F(false);return}let B=T();if(B instanceof Promise){L(true);try{await B,F(!1);}catch{}finally{L(false);}}else F(false);},[T,F]),E=!V&&t;return jsxs(ve,{container:b,direction:e,dismissible:E,handleOnly:P,autoFocus:true,open:ke,onOpenChange:F,...q,children:[d&&jsx(xe,{asChild:true,children:d}),jsxs(ye,{direction:e,className:c(b&&b!==document.body&&"absolute",o),style:$.current,children:[t&&jsx(X,{asChild:true,children:jsx(U,{disabled:!E})}),t===false&&jsx(U,{disabled:!E,onClick:D}),jsxs(we,{className:c("border-b border-b-stroke-antd",u),children:[jsx(Pe,{className:"pe-42",asChild:true,children:typeof l=="string"?jsx("h3",{children:l}):jsx("div",{children:l})}),jsx(Ne,{className:c(!m&&"sr-only"),children:m})]}),jsxs(he,{className:i,children:[v&&jsx(rt,{count:r}),!v&&H]}),jsxs(Ce,{className:c("flex-row border-t border-t-stroke-antd",n),children:[p,!p&&jsxs(Fragment,{children:[t&&jsx(X,{asChild:true,children:jsx(M,{variant:"neutral",mode:"stroke",className:"w-2/5",disabled:!E,children:I("close")})}),t===false&&jsx(M,{variant:"neutral",mode:"stroke",className:"w-2/5",disabled:!E,onClick:D,children:I("close")}),jsx(M,{variant:"neutral",mode:"filled",className:"w-3/5",loading:v||V,onClick:Se,children:I("ok")})]})]})]})]})}function rt({count:e=5}){let t=Array.from({length:e});return jsxs("div",{className:"flex flex-col gap-16",children:[jsxs("div",{className:"flex flex-row items-center gap-12",children:[jsx(j,{className:"size-58 rounded-2xl"}),jsxs("div",{className:"flex flex-1 flex-col gap-4",children:[jsx(j,{className:"mb-4 h-14 w-3/10"}),jsx(j,{className:"h-10 w-7/10"}),jsx(j,{className:"h-10 w-9/10"})]})]}),t.map((r,o)=>jsxs("div",{className:"flex flex-col gap-8",children:[jsx(j,{className:"h-12 w-5/10"}),jsx(j,{className:"h-12 w-7/10"}),jsx(j,{className:"h-12 w-full"})]},o))]})}function ot(e){let[t,r]=O__default.useState(false),[o,n]=O__default.useState(null),i=O__default.useCallback(p=>{n(p),r(true);},[]),u=O__default.useCallback(()=>{r(false),n(null);},[]),l=O__default.useCallback(p=>{r(p),p||n(null);},[]);return [{...e,open:t,onOpenChange:l,onClose:u},o,i,u]}var it={initial:{scale:.5,opacity:0,filter:"blur(2px)"},animate:{scale:1,opacity:1,filter:"blur(0px)"},exit:{scale:.5,opacity:0,filter:"blur(2px)"}},lt={opacity:{duration:.25},filter:{duration:.25},scale:{duration:.35,ease:[.34,1.56,.64,1]}};function De({state:e,states:t,className:r}){return jsx(AnimatePresence,{initial:false,mode:"popLayout",children:jsx(m.span,{className:c("inline-flex items-center justify-center",r),variants:it,initial:"initial",animate:"animate",exit:"exit",transition:lt,children:t[e]},e)})}var Te=async e=>{if(!e)return;if(navigator.clipboard){await navigator.clipboard.writeText(e);return}let t=document.createElement("textarea");t.setAttribute("readonly",""),t.tabIndex=-1,t.style.position="fixed",t.style.left="-9999px",t.value=e,document.body.appendChild(t);let r=document.getSelection();if(r){let o=r.rangeCount>0&&r.getRangeAt(0);t.select(),document.execCommand("copy"),o&&(r.removeAllRanges(),r.addRange(o));}document.body.removeChild(t);};function mt({content:e,delay:t=2e3,tooltipDelayDuration:r=700,variant:o="neutral",mode:n="stroke",size:i$1="small",as:u="button",onCopy:l,className:m}){let p=O$1(),[d,b]=O__default.useState(false),[H,h]=O__default.useState(false),[C,v]=O__default.useState(false),P=O__default.useRef(null),N=O__default.useRef(null);O__default.useEffect(()=>()=>{P.current&&clearTimeout(P.current),N.current&&clearTimeout(N.current);},[]);let R=O__default.useCallback(async()=>{d||(b(true),v(true),await Te(e),l?.(e),P.current=setTimeout(()=>{v(false),N.current=setTimeout(()=>b(false),150);},t));},[d,t,e,l]),D=jsx(De,{state:d?"succeed":"normal",states:{succeed:jsx(CheckCheck,{width:"1em",height:"1em"}),normal:jsx(Copy,{width:"1em",height:"1em"})}}),T=(()=>{switch(u){case "text":return jsx("span",{className:c("relative cursor-pointer before:absolute before:-inset-x-6 before:-inset-y-2 before:rounded-md hover:before:bg-bg-antd",m),onClick:R,children:jsx("span",{className:"relative z-1",children:e})});case "inline":return jsxs("span",{className:c("relative inline-flex cursor-pointer items-center gap-6 before:absolute before:-inset-x-6 before:-inset-y-2 before:rounded-md hover:before:bg-bg-antd",m),onClick:R,children:[jsx("span",{className:"relative z-1",children:e}),jsx("span",{className:c("inline-flex items-center text-zinc-500",d&&"text-primary-base"),children:D})]});default:return jsx(M,{variant:o,mode:n,size:i$1,className:c(d&&"cursor-not-allowed",m),onClick:R,startContent:D})}})();return jsx(i,{content:p(d?"copied":"copy"),size:i$1,open:C||H,delayDuration:r,onOpenChange:h,children:T})}function Or({asChild:e,children:t,className:r,variant:o="slate",...n}){let i=e?Slot.Root:"div";return jsx(i,{className:c(`flex shrink-0 items-center justify-center rounded-xl border ui-badge-${o}`,r),...n,children:t})}function Ar({...e}){return jsx(Collapsible.Root,{"data-slot":"collapsible",...e})}function Hr({...e}){return jsx(Collapsible.CollapsibleTrigger,{"data-slot":"collapsible-trigger",...e})}function Ir({className:e,...t}){return jsx(Collapsible.CollapsibleContent,{"data-slot":"collapsible-content",className:c("collapsible-content",e),...t})}
+export{fe as Avatar,de as Badge,Ar as Collapsible,Ir as CollapsibleContent,Hr as CollapsibleTrigger,Or as ColorPanel,mt as CopyableText,tt as Drawer,Ge as PopoverPreset,Ie as dateUtils,Vt as formatCurrency,Bt as formatIntegerCompact,zt as formatNumber,Mt as getFirstLetters,ot as useDrawer};

package/motion-features-BVPA56CL.js

@@ -0,0 +1 @@
+import'./chunk-M7AD2PUT.js';import {domMax}from'motion/react';var r=domMax;export{r as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jerry-fd/ui",
-  "version": "0.4.2",
+  "version": "0.4.4",
   "description": "UI component library based on Ant Design (Client-side only)",
   "type": "module",
   "sideEffects": ["index.js", "*.css"],
@@ -15,9 +15,9 @@
       "types": "./antd-data-filter.d.ts",
       "import": "./antd-data-filter.js"
     },
-    "./antd-data-table": {
-      "types": "./antd-data-table.d.ts",
-      "import": "./antd-data-table.js"
+    "./data-table": {
+      "types": "./data-table.d.ts",
+      "import": "./data-table.js"
     },
     "./theme": "./theme/index.css",
     "./theme/colors": "./theme/colors.css",
@@ -43,6 +43,7 @@
     "cmdk": "^1.1.1",
     "motion": "^12.29.0",
     "radix-ui": "^1.4.3",
+    "vaul": "^1.1.2",
     "react-use-measure": "^2.1.7",
     "tailwind-merge": "^3.4.0",
     "tailwind-variants": "^3.2.2",

package/theme/shadows.css

@@ -10,4 +10,6 @@
     --shadow-regular-xs: 0 1px 2px 0 #0a0d1408;
     --shadow-regular-sm: 0 2px 4px #1b1c1d0a;
     --shadow-regular-md: 0 16px 32px -12px #0e121b1a;
+
+    --shadow-tooltip: 0 12px 24px 0 #0e121b0f, 0 1px 2px 0 #0e121b08;
 }

package/theme/typography.css

@@ -3,6 +3,17 @@
  */
 
 @theme {
+    --text-xs: 10px;
+    --text-11: 11px;
+    --text-sm: 12px;
+    --text-13: 13px;
+    --text-md: 14px;
+    --text-15: 13px;
+    --text-lg: 16px;
+    --text-xl: 18px;
+    --text-2xl: 20px;
+    --text-3xl: 24px;
+
     /* Font Families */
     --font-sans: system-ui, -apple-system, blinkmacsystemfont, 'Segoe UI', roboto, 'Helvetica Neue', arial, sans-serif;
     --font-mono: ui-monospace, sfmono-regular, 'SF Mono', menlo, consolas, 'Liberation Mono', monospace;