@ifhover/leaf-ui 0.0.0-stage → 0.5.0

package/dist/esm/browser/modules/breadcrumb/breadcrumb.js

@@ -0,0 +1,93 @@
+"use client";
+import '../../../styles/components/breadcrumb.css';
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronRight, Ellipsis } from "lucide-react";
+import { Button } from "../button/index.js";
+import { useLeafConfig } from "../config-provider/context.js";
+import { Dropdown } from "../dropdown/index.js";
+import { classes } from "../shared/classes.js";
+function Breadcrumb({ items, separator = /*#__PURE__*/ jsx(ChevronRight, {
+    size: 13
+}), maxItems = 1 / 0, itemsBeforeCollapse = 1, itemsAfterCollapse = 1, itemRender, className, 'aria-label': label, ...props }) {
+    const { messages } = useLeafConfig();
+    const before = Math.max(1, itemsBeforeCollapse), after = Math.max(1, itemsAfterCollapse);
+    const hidden = items.length > Math.max(3, maxItems) && items.length > before + after ? items.slice(before, -after) : [];
+    const visible = hidden.length ? [
+        ...items.slice(0, before),
+        {
+            title: /*#__PURE__*/ jsx(Dropdown, {
+                items: hidden.map((item, index)=>({
+                        key: item.key ?? String(index),
+                        label: item.title,
+                        href: item.href,
+                        onClick: item.onClick ? (event)=>item.onClick?.(event) : void 0
+                    })),
+                children: /*#__PURE__*/ jsx(Button, {
+                    variant: "ghost",
+                    size: "sm",
+                    "aria-label": messages.expand,
+                    startIcon: /*#__PURE__*/ jsx(Ellipsis, {
+                        size: 16
+                    })
+                })
+            }),
+            key: 'leaf-collapse'
+        },
+        ...items.slice(-after)
+    ] : [
+        ...items
+    ];
+    return /*#__PURE__*/ jsx("nav", {
+        ...props,
+        className: classes('leaf-breadcrumb', className),
+        "aria-label": label ?? messages.breadcrumb,
+        children: /*#__PURE__*/ jsx("ol", {
+            children: visible.map(({ key, title, icon, menu, ...item }, index)=>/*#__PURE__*/ jsxs("li", {
+                    children: [
+                        index > 0 && /*#__PURE__*/ jsx("span", {
+                            className: "leaf-breadcrumb__separator",
+                            "aria-hidden": "true",
+                            children: separator
+                        }),
+                        itemRender ? itemRender({
+                            key,
+                            title,
+                            icon,
+                            menu,
+                            ...item
+                        }, items.findIndex((entry)=>entry.key === key && entry.title === title)) : menu ? /*#__PURE__*/ jsx(Dropdown, {
+                            items: menu,
+                            children: /*#__PURE__*/ jsx(Button, {
+                                variant: "ghost",
+                                size: "sm",
+                                children: title
+                            })
+                        }) : item.href ? /*#__PURE__*/ jsxs("a", {
+                            ...item,
+                            "aria-current": index === visible.length - 1 ? 'page' : void 0,
+                            children: [
+                                icon && /*#__PURE__*/ jsx("span", {
+                                    "aria-hidden": "true",
+                                    children: icon
+                                }),
+                                title
+                            ]
+                        }) : /*#__PURE__*/ jsxs("span", {
+                            className: "leaf-breadcrumb__label",
+                            "aria-current": index === visible.length - 1 ? 'page' : void 0,
+                            children: [
+                                icon && /*#__PURE__*/ jsx("span", {
+                                    "aria-hidden": "true",
+                                    children: icon
+                                }),
+                                title
+                            ]
+                        })
+                    ]
+                }, key ?? index))
+        })
+    });
+}
+export { Breadcrumb };
+
+//# sourceMappingURL=breadcrumb.js.map

package/dist/esm/browser/modules/breadcrumb/breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb/breadcrumb.js","sources":["../../../../../src/breadcrumb/breadcrumb.tsx"],"sourcesContent":["import { ChevronRight, Ellipsis } from 'lucide-react';\nimport type { AnchorHTMLAttributes, HTMLAttributes, ReactNode } from 'react';\nimport { Button } from '../button';\nimport { useLeafConfig } from '../config-provider/context';\nimport { Dropdown, type DropdownItem } from '../dropdown';\nimport { classes } from '../shared/classes';\n\nexport interface BreadcrumbItem\n  extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'title' | 'children'> {\n  key?: string;\n  title: ReactNode;\n  icon?: ReactNode;\n  menu?: readonly DropdownItem[];\n}\nexport interface BreadcrumbProps extends HTMLAttributes<HTMLElement> {\n  items: readonly BreadcrumbItem[];\n  separator?: ReactNode;\n  maxItems?: number;\n  itemsBeforeCollapse?: number;\n  itemsAfterCollapse?: number;\n  itemRender?: (item: BreadcrumbItem, index: number) => ReactNode;\n}\nexport function Breadcrumb({\n  items,\n  separator = <ChevronRight size={13} />,\n  maxItems = Infinity,\n  itemsBeforeCollapse = 1,\n  itemsAfterCollapse = 1,\n  itemRender,\n  className,\n  'aria-label': label,\n  ...props\n}: BreadcrumbProps) {\n  const { messages } = useLeafConfig();\n  const before = Math.max(1, itemsBeforeCollapse),\n    after = Math.max(1, itemsAfterCollapse);\n  const hidden =\n    items.length > Math.max(3, maxItems) && items.length > before + after\n      ? items.slice(before, -after)\n      : [];\n  const visible: BreadcrumbItem[] = hidden.length\n    ? [\n        ...items.slice(0, before),\n        {\n          title: (\n            <Dropdown\n              items={hidden.map((item, index) => ({\n                key: item.key ?? String(index),\n                label: item.title,\n                href: item.href,\n                onClick: item.onClick\n                  ? (event) => item.onClick?.(event as React.MouseEvent<HTMLAnchorElement>)\n                  : undefined,\n              }))}\n            >\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                aria-label={messages.expand}\n                startIcon={<Ellipsis size={16} />}\n              />\n            </Dropdown>\n          ),\n          key: 'leaf-collapse',\n        },\n        ...items.slice(-after),\n      ]\n    : [...items];\n  return (\n    <nav\n      {...props}\n      className={classes('leaf-breadcrumb', className)}\n      aria-label={label ?? messages.breadcrumb}\n    >\n      <ol>\n        {visible.map(({ key, title, icon, menu, ...item }, index) => (\n          <li key={key ?? index}>\n            {index > 0 && (\n              <span className=\"leaf-breadcrumb__separator\" aria-hidden=\"true\">\n                {separator}\n              </span>\n            )}\n            {itemRender ? (\n              itemRender(\n                { key, title, icon, menu, ...item },\n                items.findIndex((entry) => entry.key === key && entry.title === title),\n              )\n            ) : menu ? (\n              <Dropdown items={menu}>\n                <Button variant=\"ghost\" size=\"sm\">\n                  {title}\n                </Button>\n              </Dropdown>\n            ) : item.href ? (\n              <a {...item} aria-current={index === visible.length - 1 ? 'page' : undefined}>\n                {icon && <span aria-hidden=\"true\">{icon}</span>}\n                {title}\n              </a>\n            ) : (\n              <span\n                className=\"leaf-breadcrumb__label\"\n                aria-current={index === visible.length - 1 ? 'page' : undefined}\n              >\n                {icon && <span aria-hidden=\"true\">{icon}</span>}\n                {title}\n              </span>\n            )}\n          </li>\n        ))}\n      </ol>\n    </nav>\n  );\n}\n"],"names":["Breadcrumb","items","separator","ChevronRight","maxItems","Infinity","itemsBeforeCollapse","itemsAfterCollapse","itemRender","className","label","props","messages","useLeafConfig","before","Math","after","hidden","visible","Dropdown","item","index","String","event","undefined","Button","Ellipsis","classes","key","title","icon","menu","entry"],"mappings":";;;;;;;;AAsBO,SAASA,WAAW,EACzBC,KAAK,EACLC,YAAY,WAAZA,GAAY,IAACC,cAAYA;IAAC,MAAM;EAAM,EACtCC,WAAWC,KAAQ,EACnBC,sBAAsB,CAAC,EACvBC,qBAAqB,CAAC,EACtBC,UAAU,EACVC,SAAS,EACT,cAAcC,KAAK,EACnB,GAAGC,OACa;IAChB,MAAM,EAAEC,QAAQ,EAAE,GAAGC;IACrB,MAAMC,SAASC,KAAK,GAAG,CAAC,GAAGT,sBACzBU,QAAQD,KAAK,GAAG,CAAC,GAAGR;IACtB,MAAMU,SACJhB,MAAM,MAAM,GAAGc,KAAK,GAAG,CAAC,GAAGX,aAAaH,MAAM,MAAM,GAAGa,SAASE,QAC5Df,MAAM,KAAK,CAACa,QAAQ,CAACE,SACrB,EAAE;IACR,MAAME,UAA4BD,OAAO,MAAM,GAC3C;WACKhB,MAAM,KAAK,CAAC,GAAGa;QAClB;YACE,OAAO,WAAP,GACE,IAACK,UAAQA;gBACP,OAAOF,OAAO,GAAG,CAAC,CAACG,MAAMC,QAAW;wBAClC,KAAKD,KAAK,GAAG,IAAIE,OAAOD;wBACxB,OAAOD,KAAK,KAAK;wBACjB,MAAMA,KAAK,IAAI;wBACf,SAASA,KAAK,OAAO,GACjB,CAACG,QAAUH,KAAK,OAAO,GAAGG,SAC1BC;oBACN;0BAEA,kBAACC,QAAMA;oBACL,SAAQ;oBACR,MAAK;oBACL,cAAYb,SAAS,MAAM;oBAC3B,yBAAW,IAACc,UAAQA;wBAAC,MAAM;;;;YAIjC,KAAK;QACP;WACGzB,MAAM,KAAK,CAAC,CAACe;KACjB,GACD;WAAIf;KAAM;IACd,OAAO,WAAP,GACE,IAAC;QACE,GAAGU,KAAK;QACT,WAAWgB,QAAQ,mBAAmBlB;QACtC,cAAYC,SAASE,SAAS,UAAU;kBAExC,kBAAC;sBACEM,QAAQ,GAAG,CAAC,CAAC,EAAEU,GAAG,EAAEC,KAAK,EAAEC,IAAI,EAAEC,IAAI,EAAE,GAAGX,MAAM,EAAEC,QAAAA,WAAAA,GACjD,KAAC;;wBACEA,QAAQ,KAAK,WAAL,GACP,IAAC;4BAAK,WAAU;4BAA6B,eAAY;sCACtDnB;;wBAGJM,aACCA,WACE;4BAAEoB;4BAAKC;4BAAOC;4BAAMC;4BAAM,GAAGX,IAAI;wBAAC,GAClCnB,MAAM,SAAS,CAAC,CAAC+B,QAAUA,MAAM,GAAG,KAAKJ,OAAOI,MAAM,KAAK,KAAKH,UAEhEE,OAAO,WAAPA,GACF,IAACZ,UAAQA;4BAAC,OAAOY;sCACf,kBAACN,QAAMA;gCAAC,SAAQ;gCAAQ,MAAK;0CAC1BI;;6BAGHT,KAAK,IAAI,GAAG,WAAH,GACX,KAAC;4BAAG,GAAGA,IAAI;4BAAE,gBAAcC,UAAUH,QAAQ,MAAM,GAAG,IAAI,SAASM;;gCAChEM,QAAQ,WAARA,GAAQ,IAAC;oCAAK,eAAY;8CAAQA;;gCAClCD;;2CAGH,KAAC;4BACC,WAAU;4BACV,gBAAcR,UAAUH,QAAQ,MAAM,GAAG,IAAI,SAASM;;gCAErDM,QAAQ,WAARA,GAAQ,IAAC;oCAAK,eAAY;8CAAQA;;gCAClCD;;;;mBA5BED,OAAOP;;;AAoC1B"}

package/dist/esm/browser/modules/breadcrumb/index.js

@@ -0,0 +1,2 @@
+"use client";
+export { Breadcrumb } from "./breadcrumb.js";

package/dist/esm/browser/modules/button/button.js

@@ -0,0 +1,63 @@
+"use client";
+import '../../../styles/components/button.css';
+import { jsx, jsxs } from "react/jsx-runtime";
+import { LoaderCircle } from "lucide-react";
+import { forwardRef } from "react";
+import { classes } from "../shared/classes.js";
+import { useButtonWave } from "./wave.js";
+const button_Button = /*#__PURE__*/ forwardRef(function({ variant = 'solid', size = 'md', danger = false, loading = false, fullWidth = false, disabled = false, type = 'button', className, children, startIcon, endIcon, onClick, 'aria-busy': ariaBusy, ...props }, ref) {
+    const hasLabel = null != children && false !== children && '' !== children;
+    const iconOnly = !hasLabel && Boolean(startIcon || endIcon || loading);
+    const hasWave = 'solid' === variant || 'outline' === variant;
+    const { wave, play } = useButtonWave(disabled || loading || !hasWave);
+    return /*#__PURE__*/ jsxs("button", {
+        ...props,
+        ref: ref,
+        type: type,
+        className: classes('leaf-button', `leaf-button--${variant}`, `leaf-button--${size}`, danger && 'leaf-button--danger', iconOnly && 'leaf-button--icon-only', fullWidth && 'leaf-button--full-width', className),
+        disabled: disabled || loading,
+        "aria-busy": loading || ariaBusy,
+        "data-loading": loading ? '' : void 0,
+        onClick: (event)=>{
+            play(event.currentTarget);
+            onClick?.(event);
+        },
+        children: [
+            hasWave && /*#__PURE__*/ jsx("span", {
+                ref: wave,
+                className: "leaf-button__wave",
+                "aria-hidden": "true"
+            }),
+            /*#__PURE__*/ jsxs("span", {
+                className: "leaf-button__content",
+                children: [
+                    startIcon && /*#__PURE__*/ jsx("span", {
+                        className: "leaf-button__icon",
+                        "aria-hidden": "true",
+                        children: startIcon
+                    }),
+                    hasLabel && /*#__PURE__*/ jsx("span", {
+                        className: "leaf-button__label",
+                        children: children
+                    }),
+                    endIcon && /*#__PURE__*/ jsx("span", {
+                        className: "leaf-button__icon",
+                        "aria-hidden": "true",
+                        children: endIcon
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx("span", {
+                className: "leaf-button__loading",
+                "aria-hidden": "true",
+                children: /*#__PURE__*/ jsx(LoaderCircle, {
+                    className: "leaf-button__spinner"
+                })
+            })
+        ]
+    });
+});
+button_Button.displayName = 'Button';
+export { button_Button as Button };
+
+//# sourceMappingURL=button.js.map

package/dist/esm/browser/modules/button/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button/button.js","sources":["../../../../../src/button/button.tsx"],"sourcesContent":["import { LoaderCircle } from 'lucide-react';\nimport { type ButtonHTMLAttributes, forwardRef, type ReactNode } from 'react';\nimport { classes } from '../shared/classes';\nimport type { ControlSize } from '../shared/types';\nimport { useButtonWave } from './wave';\n\nexport type ButtonVariant = 'solid' | 'outline' | 'ghost' | 'link';\nexport type ButtonSize = ControlSize;\n\nexport interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Visual style. @default 'solid' */\n  variant?: ButtonVariant;\n  /** Shared control size. @default 'md' (40px) */\n  size?: ButtonSize;\n  /** Uses the semantic danger color in every variant. */\n  danger?: boolean;\n  /** Displays a spinner and prevents repeated interactions. */\n  loading?: boolean;\n  /** Expands the button to the width of its container. */\n  fullWidth?: boolean;\n  /** Content before the label. Use aria-label for icon-only buttons. */\n  startIcon?: ReactNode;\n  /** Content after the label. */\n  endIcon?: ReactNode;\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(function Button(\n  {\n    variant = 'solid',\n    size = 'md',\n    danger = false,\n    loading = false,\n    fullWidth = false,\n    disabled = false,\n    type = 'button',\n    className,\n    children,\n    startIcon,\n    endIcon,\n    onClick,\n    'aria-busy': ariaBusy,\n    ...props\n  },\n  ref,\n) {\n  const hasLabel =\n    children !== undefined && children !== null && children !== false && children !== '';\n  const iconOnly = !hasLabel && Boolean(startIcon || endIcon || loading);\n  const hasWave = variant === 'solid' || variant === 'outline';\n  const { wave, play } = useButtonWave(disabled || loading || !hasWave);\n\n  return (\n    <button\n      {...props}\n      ref={ref}\n      type={type}\n      className={classes(\n        'leaf-button',\n        `leaf-button--${variant}`,\n        `leaf-button--${size}`,\n        danger && 'leaf-button--danger',\n        iconOnly && 'leaf-button--icon-only',\n        fullWidth && 'leaf-button--full-width',\n        className,\n      )}\n      disabled={disabled || loading}\n      aria-busy={loading || ariaBusy}\n      data-loading={loading ? '' : undefined}\n      onClick={(event) => {\n        play(event.currentTarget);\n        onClick?.(event);\n      }}\n    >\n      {hasWave && <span ref={wave} className=\"leaf-button__wave\" aria-hidden=\"true\" />}\n      <span className=\"leaf-button__content\">\n        {startIcon && (\n          <span className=\"leaf-button__icon\" aria-hidden=\"true\">\n            {startIcon}\n          </span>\n        )}\n        {hasLabel && <span className=\"leaf-button__label\">{children}</span>}\n        {endIcon && (\n          <span className=\"leaf-button__icon\" aria-hidden=\"true\">\n            {endIcon}\n          </span>\n        )}\n      </span>\n      <span className=\"leaf-button__loading\" aria-hidden=\"true\">\n        <LoaderCircle className=\"leaf-button__spinner\" />\n      </span>\n    </button>\n  );\n});\nButton.displayName = 'Button';\n"],"names":["Button","forwardRef","variant","size","danger","loading","fullWidth","disabled","type","className","children","startIcon","endIcon","onClick","ariaBusy","props","ref","hasLabel","iconOnly","Boolean","hasWave","wave","play","useButtonWave","classes","undefined","event","LoaderCircle"],"mappings":";;;;;;;AA0BO,MAAMA,gBAAS,WAAHA,GAAGC,WAA2C,SAC/D,EACEC,UAAU,OAAO,EACjBC,OAAO,IAAI,EACXC,SAAS,KAAK,EACdC,UAAU,KAAK,EACfC,YAAY,KAAK,EACjBC,WAAW,KAAK,EAChBC,OAAO,QAAQ,EACfC,SAAS,EACTC,QAAQ,EACRC,SAAS,EACTC,OAAO,EACPC,OAAO,EACP,aAAaC,QAAQ,EACrB,GAAGC,OACJ,EACDC,GAAG;IAEH,MAAMC,WACJP,QAAAA,YAA+CA,AAAa,UAAbA,YAAsBA,AAAa,OAAbA;IACvE,MAAMQ,WAAW,CAACD,YAAYE,QAAQR,aAAaC,WAAWP;IAC9D,MAAMe,UAAUlB,AAAY,YAAZA,WAAuBA,AAAY,cAAZA;IACvC,MAAM,EAAEmB,IAAI,EAAEC,IAAI,EAAE,GAAGC,cAAchB,YAAYF,WAAW,CAACe;IAE7D,OAAO,WAAP,GACE,KAAC;QACE,GAAGL,KAAK;QACT,KAAKC;QACL,MAAMR;QACN,WAAWgB,QACT,eACA,CAAC,aAAa,EAAEtB,SAAS,EACzB,CAAC,aAAa,EAAEC,MAAM,EACtBC,UAAU,uBACVc,YAAY,0BACZZ,aAAa,2BACbG;QAEF,UAAUF,YAAYF;QACtB,aAAWA,WAAWS;QACtB,gBAAcT,UAAU,KAAKoB;QAC7B,SAAS,CAACC;YACRJ,KAAKI,MAAM,aAAa;YACxBb,UAAUa;QACZ;;YAECN,WAAW,WAAXA,GAAW,IAAC;gBAAK,KAAKC;gBAAM,WAAU;gBAAoB,eAAY;;0BACvE,KAAC;gBAAK,WAAU;;oBACbV,aAAa,WAAbA,GACC,IAAC;wBAAK,WAAU;wBAAoB,eAAY;kCAC7CA;;oBAGJM,YAAY,WAAZA,GAAY,IAAC;wBAAK,WAAU;kCAAsBP;;oBAClDE,WAAW,WAAXA,GACC,IAAC;wBAAK,WAAU;wBAAoB,eAAY;kCAC7CA;;;;0BAIP,IAAC;gBAAK,WAAU;gBAAuB,eAAY;0BACjD,kBAACe,cAAYA;oBAAC,WAAU;;;;;AAIhC;AACA3B,cAAO,WAAW,GAAG"}

package/dist/esm/browser/modules/button/group.js

@@ -0,0 +1,49 @@
+"use client";
+import '../../../styles/components/button.css';
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDown } from "lucide-react";
+import { Children, cloneElement, isValidElement } from "react";
+import { Dropdown } from "../dropdown/index.js";
+import { classes } from "../shared/classes.js";
+import { useText } from "../shared/use-text.js";
+import { Button } from "./button.js";
+function ButtonGroup({ size, disabled, attached = true, children, className, ...props }) {
+    return /*#__PURE__*/ jsx("fieldset", {
+        ...props,
+        disabled: disabled,
+        className: classes('leaf-button-group', attached && 'leaf-button-group--attached', className),
+        children: Children.map(children, (child)=>/*#__PURE__*/ isValidElement(child) ? /*#__PURE__*/ cloneElement(child, {
+                size: child.props.size ?? size,
+                disabled: disabled || child.props.disabled
+            }) : child)
+    });
+}
+function SplitButton({ items, menuLabel, dropdownProps, children, className, ...props }) {
+    const t = useText();
+    return /*#__PURE__*/ jsxs(ButtonGroup, {
+        className: className,
+        children: [
+            /*#__PURE__*/ jsx(Button, {
+                ...props,
+                children: children
+            }),
+            /*#__PURE__*/ jsx(Dropdown, {
+                ...dropdownProps,
+                items: items,
+                disabled: props.disabled || props.loading,
+                children: /*#__PURE__*/ jsx(Button, {
+                    variant: props.variant,
+                    size: props.size,
+                    danger: props.danger,
+                    startIcon: /*#__PURE__*/ jsx(ChevronDown, {
+                        size: 16
+                    }),
+                    "aria-label": menuLabel ?? t('更多操作', 'More actions')
+                })
+            })
+        ]
+    });
+}
+export { ButtonGroup, SplitButton };
+
+//# sourceMappingURL=group.js.map

package/dist/esm/browser/modules/button/group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button/group.js","sources":["../../../../../src/button/group.tsx"],"sourcesContent":["import { ChevronDown } from 'lucide-react';\nimport {\n  Children,\n  cloneElement,\n  type FieldsetHTMLAttributes,\n  isValidElement,\n  type ReactElement,\n} from 'react';\nimport { Dropdown, type DropdownItem, type DropdownProps } from '../dropdown';\nimport { classes } from '../shared/classes';\nimport type { ControlSize } from '../shared/types';\nimport { useText } from '../shared/use-text';\nimport { Button, type ButtonProps } from './button';\nexport interface ButtonGroupProps extends FieldsetHTMLAttributes<HTMLFieldSetElement> {\n  size?: ControlSize;\n  disabled?: boolean;\n  attached?: boolean;\n}\nexport function ButtonGroup({\n  size,\n  disabled,\n  attached = true,\n  children,\n  className,\n  ...props\n}: ButtonGroupProps) {\n  return (\n    <fieldset\n      {...props}\n      disabled={disabled}\n      className={classes('leaf-button-group', attached && 'leaf-button-group--attached', className)}\n    >\n      {Children.map(children, (child) =>\n        isValidElement<ButtonProps>(child)\n          ? cloneElement(child, {\n              size: child.props.size ?? size,\n              disabled: disabled || child.props.disabled,\n            })\n          : child,\n      )}\n    </fieldset>\n  );\n}\nexport interface SplitButtonProps extends ButtonProps {\n  items: readonly DropdownItem[];\n  menuLabel?: string;\n  dropdownProps?: Omit<DropdownProps, 'items' | 'children' | 'disabled'>;\n}\nexport function SplitButton({\n  items,\n  menuLabel,\n  dropdownProps,\n  children,\n  className,\n  ...props\n}: SplitButtonProps): ReactElement {\n  const t = useText();\n  return (\n    <ButtonGroup className={className}>\n      <Button {...props}>{children}</Button>\n      <Dropdown {...dropdownProps} items={items} disabled={props.disabled || props.loading}>\n        <Button\n          variant={props.variant}\n          size={props.size}\n          danger={props.danger}\n          startIcon={<ChevronDown size={16} />}\n          aria-label={menuLabel ?? t('更多操作', 'More actions')}\n        />\n      </Dropdown>\n    </ButtonGroup>\n  );\n}\n"],"names":["ButtonGroup","size","disabled","attached","children","className","props","classes","Children","child","isValidElement","cloneElement","SplitButton","items","menuLabel","dropdownProps","t","useText","Button","Dropdown","ChevronDown"],"mappings":";;;;;;;;;AAkBO,SAASA,YAAY,EAC1BC,IAAI,EACJC,QAAQ,EACRC,WAAW,IAAI,EACfC,QAAQ,EACRC,SAAS,EACT,GAAGC,OACc;IACjB,OAAO,WAAP,GACE,IAAC;QACE,GAAGA,KAAK;QACT,UAAUJ;QACV,WAAWK,QAAQ,qBAAqBJ,YAAY,+BAA+BE;kBAElFG,SAAS,GAAG,CAACJ,UAAU,CAACK,QAAAA,WAAAA,GACvBC,eAA4BD,SAAAA,WAAAA,GACxBE,aAAaF,OAAO;gBAClB,MAAMA,MAAM,KAAK,CAAC,IAAI,IAAIR;gBAC1B,UAAUC,YAAYO,MAAM,KAAK,CAAC,QAAQ;YAC5C,KACAA;;AAIZ;AAMO,SAASG,YAAY,EAC1BC,KAAK,EACLC,SAAS,EACTC,aAAa,EACbX,QAAQ,EACRC,SAAS,EACT,GAAGC,OACc;IACjB,MAAMU,IAAIC;IACV,OAAO,WAAP,GACE,KAACjB,aAAWA;QAAC,WAAWK;;0BACtB,IAACa,QAAMA;gBAAE,GAAGZ,KAAK;0BAAGF;;0BACpB,IAACe,UAAQA;gBAAE,GAAGJ,aAAa;gBAAE,OAAOF;gBAAO,UAAUP,MAAM,QAAQ,IAAIA,MAAM,OAAO;0BAClF,kBAACY,QAAMA;oBACL,SAASZ,MAAM,OAAO;oBACtB,MAAMA,MAAM,IAAI;oBAChB,QAAQA,MAAM,MAAM;oBACpB,yBAAW,IAACc,aAAWA;wBAAC,MAAM;;oBAC9B,cAAYN,aAAaE,EAAE,QAAQ;;;;;AAK7C"}

package/dist/esm/browser/modules/button/index.js

@@ -0,0 +1,3 @@
+"use client";
+export { Button } from "./button.js";
+export { ButtonGroup, SplitButton } from "./group.js";

package/dist/esm/browser/modules/button/wave.js

@@ -0,0 +1,65 @@
+"use client";
+import { useEffect, useRef } from "react";
+import { motionDuration, useMotionEnabled } from "../shared/motion.js";
+const waveFrames = [
+    {
+        boxShadow: '0 0 0 0 currentColor',
+        opacity: 0.2,
+        offset: 0,
+        easing: 'cubic-bezier(0.08, 0.82, 0.17, 1)'
+    },
+    {
+        boxShadow: '0 0 0 6px currentColor',
+        offset: 0.2
+    },
+    {
+        boxShadow: '0 0 0 6px currentColor',
+        opacity: 0,
+        offset: 1
+    }
+];
+function useButtonWave(inactive) {
+    const enabled = useMotionEnabled();
+    const wave = useRef(null);
+    const running = useRef(void 0);
+    useEffect(()=>{
+        if (!enabled || inactive) {
+            running.current?.cancel();
+            running.current = void 0;
+        }
+        return ()=>{
+            running.current?.cancel();
+            running.current = void 0;
+        };
+    }, [
+        enabled,
+        inactive
+    ]);
+    function play(button) {
+        const element = wave.current;
+        if (!enabled || inactive || !element?.animate || button.matches(':disabled') || 'true' === button.getAttribute('aria-disabled') || window.matchMedia?.('(forced-colors: active)').matches) return;
+        running.current?.cancel();
+        running.current = void 0;
+        let animation;
+        try {
+            const duration = motionDuration(element, 10);
+            if (!duration) return;
+            animation = element.animate(waveFrames, {
+                duration
+            });
+        } catch  {
+            return;
+        }
+        running.current = animation;
+        if (animation) animation.onfinish = ()=>{
+            if (running.current === animation) running.current = void 0;
+        };
+    }
+    return {
+        wave,
+        play
+    };
+}
+export { useButtonWave };
+
+//# sourceMappingURL=wave.js.map

package/dist/esm/browser/modules/button/wave.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button/wave.js","sources":["../../../../../src/button/wave.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\nimport { motionDuration, useMotionEnabled } from '../shared/motion';\n\n// Sparse property keyframes give the shadow a 400ms expansion and opacity a\n// 2s decay (at the default 200ms regional duration), in one browser animation.\n// No size/color measurement, React root, observer or per-frame JS is needed.\nconst waveFrames: Keyframe[] = [\n  {\n    boxShadow: '0 0 0 0 currentColor',\n    opacity: 0.2,\n    offset: 0,\n    easing: 'cubic-bezier(0.08, 0.82, 0.17, 1)',\n  },\n  { boxShadow: '0 0 0 6px currentColor', offset: 0.2 },\n  { boxShadow: '0 0 0 6px currentColor', opacity: 0, offset: 1 },\n];\n\n/** One transient wave per button; never animate the button or its contents. */\nexport function useButtonWave(inactive: boolean) {\n  const enabled = useMotionEnabled();\n  const wave = useRef<HTMLSpanElement>(null);\n  const running = useRef<Animation | undefined>(undefined);\n\n  useEffect(() => {\n    if (!enabled || inactive) {\n      running.current?.cancel();\n      running.current = undefined;\n    }\n    return () => {\n      running.current?.cancel();\n      running.current = undefined;\n    };\n  }, [enabled, inactive]);\n\n  function play(button: HTMLButtonElement) {\n    const element = wave.current;\n    if (\n      !enabled ||\n      inactive ||\n      !element?.animate ||\n      button.matches(':disabled') ||\n      button.getAttribute('aria-disabled') === 'true' ||\n      window.matchMedia?.('(forced-colors: active)').matches\n    ) {\n      return;\n    }\n    // Shadows are ink overflow: expanding them cannot create a\n    // scrollbar in a full-width button's surrounding scroll container.\n    running.current?.cancel();\n    running.current = undefined;\n    let animation: Animation | undefined;\n    try {\n      const duration = motionDuration(element, 10);\n      if (!duration) return;\n      animation = element.animate(waveFrames, { duration });\n    } catch {\n      // An unsupported animation must never prevent\n      // the consumer's click handler, preventDefault or native submission.\n      return;\n    }\n    running.current = animation;\n    if (animation) {\n      animation.onfinish = () => {\n        if (running.current === animation) running.current = undefined;\n      };\n    }\n  }\n\n  return { wave, play };\n}\n"],"names":["waveFrames","useButtonWave","inactive","enabled","useMotionEnabled","wave","useRef","running","undefined","useEffect","play","button","element","window","animation","duration","motionDuration"],"mappings":";;;AAMA,MAAMA,aAAyB;IAC7B;QACE,WAAW;QACX,SAAS;QACT,QAAQ;QACR,QAAQ;IACV;IACA;QAAE,WAAW;QAA0B,QAAQ;IAAI;IACnD;QAAE,WAAW;QAA0B,SAAS;QAAG,QAAQ;IAAE;CAC9D;AAGM,SAASC,cAAcC,QAAiB;IAC7C,MAAMC,UAAUC;IAChB,MAAMC,OAAOC,OAAwB;IACrC,MAAMC,UAAUD,OAA8BE;IAE9CC,UAAU;QACR,IAAI,CAACN,WAAWD,UAAU;YACxBK,QAAQ,OAAO,EAAE;YACjBA,QAAQ,OAAO,GAAGC;QACpB;QACA,OAAO;YACLD,QAAQ,OAAO,EAAE;YACjBA,QAAQ,OAAO,GAAGC;QACpB;IACF,GAAG;QAACL;QAASD;KAAS;IAEtB,SAASQ,KAAKC,MAAyB;QACrC,MAAMC,UAAUP,KAAK,OAAO;QAC5B,IACE,CAACF,WACDD,YACA,CAACU,SAAS,WACVD,OAAO,OAAO,CAAC,gBACfA,AAAyC,WAAzCA,OAAO,YAAY,CAAC,oBACpBE,OAAO,UAAU,GAAG,2BAA2B,SAE/C;QAIFN,QAAQ,OAAO,EAAE;QACjBA,QAAQ,OAAO,GAAGC;QAClB,IAAIM;QACJ,IAAI;YACF,MAAMC,WAAWC,eAAeJ,SAAS;YACzC,IAAI,CAACG,UAAU;YACfD,YAAYF,QAAQ,OAAO,CAACZ,YAAY;gBAAEe;YAAS;QACrD,EAAE,OAAM;YAGN;QACF;QACAR,QAAQ,OAAO,GAAGO;QAClB,IAAIA,WACFA,UAAU,QAAQ,GAAG;YACnB,IAAIP,QAAQ,OAAO,KAAKO,WAAWP,QAAQ,OAAO,GAAGC;QACvD;IAEJ;IAEA,OAAO;QAAEH;QAAMK;IAAK;AACtB"}

package/dist/esm/browser/modules/calendar/calendar.js

@@ -0,0 +1,49 @@
+"use client";
+import '../../../styles/components/calendar.css';
+import { jsx } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { useLeafConfig } from "../config-provider/context.js";
+import { CalendarPanel } from "../shared/calendar.js";
+import { classes } from "../shared/classes.js";
+function Calendar({ value, defaultValue, onChange, visibleDate, onVisibleChange, mode = 'date', fullscreen = true, minDate, maxDate, disabledDate, cellRender, headerExtra, showToday = true, className, 'aria-label': label, ...props }) {
+    const { messages } = useLeafConfig();
+    const [internal, setInternal] = useState(defaultValue);
+    const selected = value ?? internal;
+    const [visible, setVisible] = useState(visibleDate ?? defaultValue ?? value ?? minDate ?? new Date());
+    const changeVisible = (next)=>{
+        if (void 0 === visibleDate) setVisible(next);
+        onVisibleChange?.(next);
+    };
+    const valueTime = value?.getTime();
+    useEffect(()=>{
+        if (void 0 !== valueTime && void 0 === visibleDate) setVisible(new Date(valueTime));
+    }, [
+        valueTime,
+        visibleDate
+    ]);
+    return /*#__PURE__*/ jsx("section", {
+        ...props,
+        "aria-label": label ?? messages.calendar,
+        className: classes('leaf-calendar-view', fullscreen && 'leaf-calendar-view--full', className),
+        children: /*#__PURE__*/ jsx(CalendarPanel, {
+            picker: mode,
+            value: selected,
+            visibleDate: visibleDate ?? visible,
+            onVisibleChange: changeVisible,
+            minDate: minDate,
+            maxDate: maxDate,
+            disabledDate: disabledDate,
+            cellRender: cellRender,
+            headerExtra: headerExtra,
+            showToday: fullscreen && showToday,
+            onChange: (next)=>{
+                if (void 0 === value) setInternal(next);
+                changeVisible(next);
+                onChange?.(next);
+            }
+        })
+    });
+}
+export { Calendar };
+
+//# sourceMappingURL=calendar.js.map

package/dist/esm/browser/modules/calendar/calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar/calendar.js","sources":["../../../../../src/calendar/calendar.tsx"],"sourcesContent":["import { type HTMLAttributes, type ReactNode, useEffect, useState } from 'react';\nimport { useLeafConfig } from '../config-provider/context';\nimport { CalendarPanel } from '../shared/calendar';\nimport { classes } from '../shared/classes';\n\nexport interface CalendarProps\n  extends Omit<HTMLAttributes<HTMLElement>, 'onChange' | 'defaultValue'> {\n  value?: Date;\n  defaultValue?: Date;\n  onChange?: (date: Date) => void;\n  visibleDate?: Date;\n  onVisibleChange?: (date: Date) => void;\n  mode?: 'date' | 'month';\n  fullscreen?: boolean;\n  minDate?: Date;\n  maxDate?: Date;\n  disabledDate?: (date: Date) => boolean;\n  cellRender?: (date: Date) => ReactNode;\n  headerExtra?: ReactNode;\n  showToday?: boolean;\n}\nexport function Calendar({\n  value,\n  defaultValue,\n  onChange,\n  visibleDate,\n  onVisibleChange,\n  mode = 'date',\n  fullscreen = true,\n  minDate,\n  maxDate,\n  disabledDate,\n  cellRender,\n  headerExtra,\n  showToday = true,\n  className,\n  'aria-label': label,\n  ...props\n}: CalendarProps) {\n  const { messages } = useLeafConfig();\n  const [internal, setInternal] = useState(defaultValue);\n  const selected = value ?? internal;\n  const [visible, setVisible] = useState(\n    visibleDate ?? defaultValue ?? value ?? minDate ?? new Date(),\n  );\n  const changeVisible = (next: Date) => {\n    if (visibleDate === undefined) setVisible(next);\n    onVisibleChange?.(next);\n  };\n  const valueTime = value?.getTime();\n  useEffect(() => {\n    if (valueTime !== undefined && visibleDate === undefined) setVisible(new Date(valueTime));\n  }, [valueTime, visibleDate]);\n  return (\n    <section\n      {...props}\n      aria-label={label ?? messages.calendar}\n      className={classes('leaf-calendar-view', fullscreen && 'leaf-calendar-view--full', className)}\n    >\n      <CalendarPanel\n        picker={mode}\n        value={selected}\n        visibleDate={visibleDate ?? visible}\n        onVisibleChange={changeVisible}\n        minDate={minDate}\n        maxDate={maxDate}\n        disabledDate={disabledDate}\n        cellRender={cellRender}\n        headerExtra={headerExtra}\n        showToday={fullscreen && showToday}\n        onChange={(next) => {\n          if (value === undefined) setInternal(next);\n          changeVisible(next);\n          onChange?.(next);\n        }}\n      />\n    </section>\n  );\n}\n"],"names":["Calendar","value","defaultValue","onChange","visibleDate","onVisibleChange","mode","fullscreen","minDate","maxDate","disabledDate","cellRender","headerExtra","showToday","className","label","props","messages","useLeafConfig","internal","setInternal","useState","selected","visible","setVisible","Date","changeVisible","next","undefined","valueTime","useEffect","classes","CalendarPanel"],"mappings":";;;;;;;AAqBO,SAASA,SAAS,EACvBC,KAAK,EACLC,YAAY,EACZC,QAAQ,EACRC,WAAW,EACXC,eAAe,EACfC,OAAO,MAAM,EACbC,aAAa,IAAI,EACjBC,OAAO,EACPC,OAAO,EACPC,YAAY,EACZC,UAAU,EACVC,WAAW,EACXC,YAAY,IAAI,EAChBC,SAAS,EACT,cAAcC,KAAK,EACnB,GAAGC,OACW;IACd,MAAM,EAAEC,QAAQ,EAAE,GAAGC;IACrB,MAAM,CAACC,UAAUC,YAAY,GAAGC,SAASnB;IACzC,MAAMoB,WAAWrB,SAASkB;IAC1B,MAAM,CAACI,SAASC,WAAW,GAAGH,SAC5BjB,eAAeF,gBAAgBD,SAASO,WAAW,IAAIiB;IAEzD,MAAMC,gBAAgB,CAACC;QACrB,IAAIvB,AAAgBwB,WAAhBxB,aAA2BoB,WAAWG;QAC1CtB,kBAAkBsB;IACpB;IACA,MAAME,YAAY5B,OAAO;IACzB6B,UAAU;QACR,IAAID,AAAcD,WAAdC,aAA2BzB,AAAgBwB,WAAhBxB,aAA2BoB,WAAW,IAAIC,KAAKI;IAChF,GAAG;QAACA;QAAWzB;KAAY;IAC3B,OAAO,WAAP,GACE,IAAC;QACE,GAAGY,KAAK;QACT,cAAYD,SAASE,SAAS,QAAQ;QACtC,WAAWc,QAAQ,sBAAsBxB,cAAc,4BAA4BO;kBAEnF,kBAACkB,eAAaA;YACZ,QAAQ1B;YACR,OAAOgB;YACP,aAAalB,eAAemB;YAC5B,iBAAiBG;YACjB,SAASlB;YACT,SAASC;YACT,cAAcC;YACd,YAAYC;YACZ,aAAaC;YACb,WAAWL,cAAcM;YACzB,UAAU,CAACc;gBACT,IAAI1B,AAAU2B,WAAV3B,OAAqBmB,YAAYO;gBACrCD,cAAcC;gBACdxB,WAAWwB;YACb;;;AAIR"}

package/dist/esm/browser/modules/calendar/index.js

@@ -0,0 +1,2 @@
+"use client";
+export { Calendar } from "./calendar.js";

package/dist/esm/browser/modules/card/card.js

@@ -0,0 +1,59 @@
+"use client";
+import '../../../styles/components/card.css';
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
+import { classes } from "../shared/classes.js";
+import { useContentTransition } from "../shared/presence.js";
+import { Skeleton } from "../skeleton/index.js";
+function Card({ title, description, extra, cover, footer, loading = false, bordered = true, divided = false, hoverable = false, size = 'md', children, className, ...props }) {
+    const body = useRef(null);
+    useContentTransition(body, loading ? 'loading' : 'content');
+    return /*#__PURE__*/ jsxs("div", {
+        ...props,
+        "aria-busy": loading || void 0,
+        className: classes('leaf-card', `leaf-card--${size}`, bordered && 'leaf-card--bordered', divided && 'leaf-card--divided', hoverable && 'leaf-card--hoverable', className),
+        children: [
+            null != cover && /*#__PURE__*/ jsx("div", {
+                className: "leaf-card__cover",
+                children: cover
+            }),
+            (null != title || null != description || null != extra) && /*#__PURE__*/ jsxs("div", {
+                className: "leaf-card__header",
+                children: [
+                    (null != title || null != description) && /*#__PURE__*/ jsxs("div", {
+                        className: "leaf-card__heading",
+                        children: [
+                            null != title && /*#__PURE__*/ jsx("h3", {
+                                className: "leaf-card__title",
+                                children: title
+                            }),
+                            null != description && /*#__PURE__*/ jsx("div", {
+                                className: "leaf-card__description",
+                                children: description
+                            })
+                        ]
+                    }),
+                    null != extra && /*#__PURE__*/ jsx("div", {
+                        className: "leaf-card__extra",
+                        children: extra
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: "leaf-card__body",
+                ref: body,
+                children: /*#__PURE__*/ jsx(Skeleton, {
+                    loading: loading,
+                    children: children
+                })
+            }),
+            null != footer && /*#__PURE__*/ jsx("div", {
+                className: "leaf-card__footer",
+                children: footer
+            })
+        ]
+    });
+}
+export { Card };
+
+//# sourceMappingURL=card.js.map

package/dist/esm/browser/modules/card/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card/card.js","sources":["../../../../../src/card/card.tsx"],"sourcesContent":["import { type HTMLAttributes, type ReactNode, useRef } from 'react';\nimport { classes } from '../shared/classes';\nimport { useContentTransition } from '../shared/presence';\nimport { Skeleton } from '../skeleton';\n\nexport interface CardProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n  title?: ReactNode;\n  description?: ReactNode;\n  extra?: ReactNode;\n  cover?: ReactNode;\n  footer?: ReactNode;\n  loading?: boolean;\n  bordered?: boolean;\n  /** Opt into section dividers and a muted footer surface. */\n  divided?: boolean;\n  hoverable?: boolean;\n  size?: 'sm' | 'md';\n}\nexport function Card({\n  title,\n  description,\n  extra,\n  cover,\n  footer,\n  loading = false,\n  bordered = true,\n  divided = false,\n  hoverable = false,\n  size = 'md',\n  children,\n  className,\n  ...props\n}: CardProps) {\n  const body = useRef<HTMLDivElement>(null);\n  useContentTransition(body, loading ? 'loading' : 'content');\n  return (\n    <div\n      {...props}\n      aria-busy={loading || undefined}\n      className={classes(\n        'leaf-card',\n        `leaf-card--${size}`,\n        bordered && 'leaf-card--bordered',\n        divided && 'leaf-card--divided',\n        hoverable && 'leaf-card--hoverable',\n        className,\n      )}\n    >\n      {cover != null && <div className=\"leaf-card__cover\">{cover}</div>}\n      {(title != null || description != null || extra != null) && (\n        <div className=\"leaf-card__header\">\n          {(title != null || description != null) && (\n            <div className=\"leaf-card__heading\">\n              {title != null && <h3 className=\"leaf-card__title\">{title}</h3>}\n              {description != null && <div className=\"leaf-card__description\">{description}</div>}\n            </div>\n          )}\n          {extra != null && <div className=\"leaf-card__extra\">{extra}</div>}\n        </div>\n      )}\n      <div className=\"leaf-card__body\" ref={body}>\n        <Skeleton loading={loading}>{children}</Skeleton>\n      </div>\n      {footer != null && <div className=\"leaf-card__footer\">{footer}</div>}\n    </div>\n  );\n}\n"],"names":["Card","title","description","extra","cover","footer","loading","bordered","divided","hoverable","size","children","className","props","body","useRef","useContentTransition","undefined","classes","Skeleton"],"mappings":";;;;;;;AAkBO,SAASA,KAAK,EACnBC,KAAK,EACLC,WAAW,EACXC,KAAK,EACLC,KAAK,EACLC,MAAM,EACNC,UAAU,KAAK,EACfC,WAAW,IAAI,EACfC,UAAU,KAAK,EACfC,YAAY,KAAK,EACjBC,OAAO,IAAI,EACXC,QAAQ,EACRC,SAAS,EACT,GAAGC,OACO;IACV,MAAMC,OAAOC,OAAuB;IACpCC,qBAAqBF,MAAMR,UAAU,YAAY;IACjD,OAAO,WAAP,GACE,KAAC;QACE,GAAGO,KAAK;QACT,aAAWP,WAAWW;QACtB,WAAWC,QACT,aACA,CAAC,WAAW,EAAER,MAAM,EACpBH,YAAY,uBACZC,WAAW,sBACXC,aAAa,wBACbG;;YAGQ,QAATR,SAAiB,WAAR,GAAQ,IAAC;gBAAI,WAAU;0BAAoBA;;YACnDH,CAAAA,AAAS,QAATA,SAAiBC,AAAe,QAAfA,eAAuBC,AAAS,QAATA,KAAY,mBACpD,KAAC;gBAAI,WAAU;;oBACXF,CAAAA,AAAS,QAATA,SAAiBC,AAAe,QAAfA,WAAkB,mBACnC,KAAC;wBAAI,WAAU;;4BACH,QAATD,SAAiB,WAAR,GAAQ,IAAC;gCAAG,WAAU;0CAAoBA;;4BACpC,QAAfC,eAAuB,WAAR,GAAQ,IAAC;gCAAI,WAAU;0CAA0BA;;;;oBAG3D,QAATC,SAAiB,WAAR,GAAQ,IAAC;wBAAI,WAAU;kCAAoBA;;;;0BAGzD,IAAC;gBAAI,WAAU;gBAAkB,KAAKW;0BACpC,kBAACK,UAAQA;oBAAC,SAASb;8BAAUK;;;YAEpB,QAAVN,UAAkB,WAAR,GAAQ,IAAC;gBAAI,WAAU;0BAAqBA;;;;AAG7D"}

package/dist/esm/browser/modules/card/index.js

@@ -0,0 +1,2 @@
+"use client";
+export { Card } from "./card.js";