@ifhover/leaf-ui 0.0.0-stage → 0.5.0

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

@@ -0,0 +1,367 @@
+"use client";
+import '../../../styles/components/treeselect.css';
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ChevronDown, X } from "lucide-react";
+import { forwardRef, useCallback, useEffect, useId, useMemo, useRef, useState } from "react";
+import { useLeafConfig } from "../config-provider/context.js";
+import { FieldScope, useFormField } from "../form/form.js";
+import { classes } from "../shared/classes.js";
+import { FormValue, useFieldValue, useMergedRef } from "../shared/field.js";
+import { FloatingPanel, useFloatingDismiss, usePopupState } from "../shared/floating.js";
+import { useListMotion } from "../shared/motion.js";
+import { Tree } from "../tree/index.js";
+import { treeModel } from "../tree/model.js";
+const emptyKeys = [];
+const InternalTreeSelect = /*#__PURE__*/ forwardRef(function({ options, value, defaultValue = null, onChange, multiple = false, treeCheckable = false, checkStrictly = false, showCheckedStrategy = 'child', showSearch = true, onSearch, allowClear = true, defaultExpandAll = false, treeDefaultExpandedKeys = emptyKeys, size = 'md', status: statusProp, disabled: disabledProp, required: requiredProp, popupWidth, popupMaxWidth = 420, notFoundContent, onOpenChange, loadData, onLoadError, virtual = false, listHeight = 256, itemHeight = 34, inputReadOnly, open: controlledOpen, defaultOpen, maxTagCount = 1 / 0, maxCount = 1 / 0, treeExpandedKeys, onExpand, filterTreeNode, nodeRender, cacheKey, popupPlacement, popupClassName, popupStyle, popupRender, getPopupContainer, name, form, className, style, placeholder, 'aria-label': label, ...props }, forwardedRef) {
+    const { messages } = useLeafConfig();
+    const field = useFormField();
+    const disabled = disabledProp || field?.disabled;
+    const required = requiredProp ?? field?.required;
+    const status = statusProp ?? (field?.error ? 'error' : void 0);
+    const multi = multiple || treeCheckable;
+    const trigger = useRef(null);
+    const ref = useMergedRef(trigger, forwardedRef);
+    const root = useRef(null);
+    const panel = useRef(null);
+    const pendingFocus = useRef(false);
+    const [current, setCurrent] = useFieldValue(value, defaultValue, trigger, form);
+    const selected = 'string' == typeof current ? [
+        current
+    ] : current ?? emptyKeys;
+    useListMotion(root, JSON.stringify(selected.slice(0, maxTagCount)), '.leaf-tree-select__tag[data-motion-key]');
+    useListMotion(root, selected[0], multi ? '' : '.leaf-tree-select__input-wrap[data-motion-key]');
+    const [query, setQuery] = useState('');
+    const [open, setOpen] = usePopupState(disabled || props.readOnly, onOpenChange, controlledOpen, defaultOpen);
+    const id = `${useId()}-tree-select`;
+    const [loadedOptions, setLoadedOptions] = useState(new Map());
+    const generation = useRef(0);
+    useEffect(()=>{
+        generation.current++;
+        setLoadedOptions(new Map());
+    }, [
+        options,
+        loadData,
+        cacheKey
+    ]);
+    const allOptions = useMemo(()=>{
+        const merge = (entries)=>entries.map((option)=>{
+                const children = option.children ?? loadedOptions.get(option.value);
+                return children ? {
+                    ...option,
+                    children: merge(children)
+                } : option;
+            });
+        return merge(options);
+    }, [
+        options,
+        loadedOptions
+    ]);
+    const optionRecords = useMemo(()=>{
+        const map = new Map();
+        const visit = (entries)=>{
+            for (const option of entries){
+                map.set(option.value, option);
+                if (option.children) visit(option.children);
+            }
+        };
+        visit(allOptions);
+        return map;
+    }, [
+        allOptions
+    ]);
+    const latestLoader = useRef({
+        loadData,
+        optionRecords
+    });
+    latestLoader.current = {
+        loadData,
+        optionRecords
+    };
+    const lazyLoad = useCallback(async (node, signal)=>{
+        const snapshot = generation.current;
+        const option = latestLoader.current.optionRecords.get(node.key);
+        if (!option || !latestLoader.current.loadData) return [];
+        const children = await latestLoader.current.loadData(option, signal);
+        if (!signal.aborted && snapshot === generation.current) setLoadedOptions((previous)=>new Map(previous).set(node.key, children));
+        const convert = (entries)=>entries.map(({ value: key, label: title, children, ...entry })=>({
+                    ...entry,
+                    key,
+                    title,
+                    children: children ? convert(children) : void 0
+                }));
+        return convert(children);
+    }, []);
+    const data = useMemo(()=>{
+        const convert = (nodes)=>nodes.map(({ value: key, label: title, children, ...node })=>({
+                    ...node,
+                    key,
+                    title,
+                    children: children ? convert(children) : void 0
+                }));
+        return convert(allOptions);
+    }, [
+        allOptions
+    ]);
+    const records = useMemo(()=>treeModel(data), [
+        data
+    ]);
+    const close = ()=>{
+        setOpen(false);
+        setQuery('');
+    };
+    useFloatingDismiss(open, close, trigger, panel, root);
+    useEffect(()=>{
+        if (open) {
+            if (pendingFocus.current) {
+                panel.current?.querySelector('[role="treeitem"][tabindex="0"]')?.focus();
+                pendingFocus.current = false;
+            }
+        } else setQuery('');
+    }, [
+        open
+    ]);
+    const commit = (keys)=>{
+        if (disabled || props.readOnly || keys.length > maxCount) return;
+        const next = multi ? [
+            ...keys
+        ] : keys[0] ?? null;
+        setCurrent(next);
+        onChange?.(next);
+        setQuery('');
+        if (!multi) {
+            setOpen(false);
+            trigger.current?.focus();
+        }
+    };
+    const canRemove = (key)=>!records.get(key)?.node.disabled && !records.get(key)?.node.disableCheckbox;
+    const clearable = allowClear && selected.some(canRemove) && !disabled && !props.readOnly;
+    const caption = (key)=>records.get(key)?.node.title ?? key;
+    const a11yCaption = (key)=>records.get(key)?.node.searchLabel ?? ('string' == typeof caption(key) || 'number' == typeof caption(key) ? String(caption(key)) : key);
+    const selectedCaption = void 0 === selected[0] ? void 0 : caption(selected[0]);
+    const hasRichCaption = void 0 !== selectedCaption && 'string' != typeof selectedCaption && 'number' != typeof selectedCaption;
+    const showCaption = !multi && !query && void 0 !== selected[0] && (showSearch && open || hasRichCaption);
+    const inputValue = multi || showSearch && open ? query : void 0 === selected[0] ? '' : a11yCaption(selected[0]);
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsxs("div", {
+                ref: root,
+                className: classes('leaf-tree-select', `leaf-tree-select--${size}`, multi && 'leaf-tree-select--multiple', className),
+                style: style,
+                "data-disabled": disabled || void 0,
+                "data-status": status,
+                "data-open": open || void 0,
+                "data-clearable": clearable || void 0,
+                onClick: (event)=>{
+                    if (!disabled && !event.target.closest('button')) {
+                        trigger.current?.focus();
+                        setOpen(true);
+                    }
+                },
+                children: [
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "leaf-tree-select__content",
+                        children: [
+                            multi && selected.slice(0, Math.max(0, maxTagCount)).map((key)=>/*#__PURE__*/ jsxs("span", {
+                                    className: "leaf-tree-select__tag",
+                                    "data-motion-key": key,
+                                    children: [
+                                        /*#__PURE__*/ jsx("span", {
+                                            children: caption(key)
+                                        }),
+                                        canRemove(key) && !disabled && !props.readOnly && /*#__PURE__*/ jsx("button", {
+                                            type: "button",
+                                            "aria-label": `${messages.remove} ${a11yCaption(key)}`,
+                                            onClick: ()=>commit(selected.filter((item)=>item !== key)),
+                                            children: /*#__PURE__*/ jsx(X, {
+                                                size: 12,
+                                                "aria-hidden": "true"
+                                            })
+                                        })
+                                    ]
+                                }, key)),
+                            multi && selected.length > maxTagCount && /*#__PURE__*/ jsxs("span", {
+                                className: "leaf-tree-select__tag",
+                                children: [
+                                    "+",
+                                    selected.length - maxTagCount
+                                ]
+                            }),
+                            /*#__PURE__*/ jsxs("span", {
+                                className: "leaf-tree-select__input-wrap",
+                                "data-motion-key": selected[0] ?? '',
+                                children: [
+                                    showCaption && /*#__PURE__*/ jsx("span", {
+                                        className: "leaf-tree-select__value",
+                                        "aria-hidden": "true",
+                                        children: selectedCaption
+                                    }),
+                                    /*#__PURE__*/ jsx("input", {
+                                        ...props,
+                                        ref: ref,
+                                        id: props.id ?? field?.id,
+                                        role: "combobox",
+                                        "aria-haspopup": "tree",
+                                        "aria-expanded": open,
+                                        "aria-controls": open ? id : void 0,
+                                        "aria-autocomplete": showSearch ? 'list' : void 0,
+                                        "aria-label": label ?? (field?.labelId ? void 0 : messages.select),
+                                        "aria-labelledby": props['aria-labelledby'] ?? field?.labelId,
+                                        "aria-describedby": [
+                                            props['aria-describedby'],
+                                            field?.descriptionId
+                                        ].filter(Boolean).join(' ') || void 0,
+                                        "aria-required": required || void 0,
+                                        "aria-invalid": 'error' === status || props['aria-invalid'],
+                                        autoComplete: "off",
+                                        className: classes('leaf-tree-select__input', showCaption && 'leaf-tree-select__input--caption'),
+                                        value: inputValue,
+                                        readOnly: !showSearch || props.readOnly || inputReadOnly,
+                                        disabled: disabled,
+                                        placeholder: selected.length ? void 0 : placeholder ?? messages.select,
+                                        onChange: (event)=>{
+                                            setQuery(event.target.value);
+                                            onSearch?.(event.target.value);
+                                            setOpen(true);
+                                        },
+                                        onKeyDown: (event)=>{
+                                            props.onKeyDown?.(event);
+                                            if (event.defaultPrevented || disabled) return;
+                                            if ('ArrowDown' === event.key) {
+                                                event.preventDefault();
+                                                if (open) panel.current?.querySelector('[role="treeitem"][tabindex="0"]')?.focus();
+                                                else {
+                                                    pendingFocus.current = true;
+                                                    setOpen(true);
+                                                }
+                                            } else if ('Enter' !== event.key || open) {
+                                                if ('Backspace' === event.key && !query && multi) {
+                                                    const last = [
+                                                        ...selected
+                                                    ].reverse().find(canRemove);
+                                                    if (last) commit(selected.filter((key)=>key !== last));
+                                                }
+                                            } else {
+                                                event.preventDefault();
+                                                setOpen(true);
+                                            }
+                                        }
+                                    })
+                                ]
+                            })
+                        ]
+                    }),
+                    clearable && /*#__PURE__*/ jsx("button", {
+                        type: "button",
+                        className: "leaf-tree-select__clear",
+                        "aria-label": messages.clearSelection,
+                        onClick: ()=>{
+                            commit(selected.filter((key)=>!canRemove(key)));
+                            trigger.current?.focus();
+                        },
+                        children: /*#__PURE__*/ jsx(X, {
+                            size: 14,
+                            "aria-hidden": "true"
+                        })
+                    }),
+                    /*#__PURE__*/ jsx("button", {
+                        type: "button",
+                        className: "leaf-tree-select__arrow",
+                        tabIndex: -1,
+                        disabled: disabled,
+                        "aria-label": messages.select,
+                        onClick: ()=>{
+                            trigger.current?.focus();
+                            if (open) close();
+                            else setOpen(true);
+                        },
+                        children: /*#__PURE__*/ jsx(ChevronDown, {
+                            size: 16,
+                            "aria-hidden": "true"
+                        })
+                    }),
+                    /*#__PURE__*/ jsx(FormValue, {
+                        value: selected[0] ?? '',
+                        name: name,
+                        form: form,
+                        required: required,
+                        disabled: disabled,
+                        triggerRef: trigger
+                    }),
+                    selected.slice(1).map((key)=>/*#__PURE__*/ jsx("input", {
+                            type: "hidden",
+                            name: name,
+                            form: form,
+                            value: key,
+                            disabled: disabled
+                        }, key))
+                ]
+            }),
+            /*#__PURE__*/ jsx(FloatingPanel, {
+                placement: popupPlacement,
+                container: getPopupContainer,
+                render: popupRender,
+                style: popupStyle,
+                open: open,
+                triggerRef: root,
+                panelRef: panel,
+                minWidth: "trigger",
+                width: popupWidth ?? 'max-content',
+                maxWidth: popupMaxWidth,
+                maxHeight: 320,
+                className: classes('leaf-floating leaf-tree-select__panel', popupClassName),
+                children: /*#__PURE__*/ jsx(FieldScope, {
+                    children: /*#__PURE__*/ jsx(Tree, {
+                        virtual: virtual,
+                        height: listHeight,
+                        itemHeight: itemHeight,
+                        loadData: loadData ? lazyLoad : void 0,
+                        cacheKey: cacheKey,
+                        disabled: disabled || props.readOnly,
+                        expandedKeys: treeExpandedKeys,
+                        onExpand: (keys)=>onExpand?.(keys),
+                        filterTreeNode: filterTreeNode ? (node, query)=>{
+                            const option = optionRecords.get(node.key);
+                            return !!option && filterTreeNode(option, query);
+                        } : void 0,
+                        nodeRender: nodeRender ? (node)=>{
+                            const option = optionRecords.get(node.key);
+                            return option ? nodeRender(option) : node.title;
+                        } : void 0,
+                        onLoadError: (error, node)=>{
+                            const option = optionRecords.get(node.key);
+                            if (option) onLoadError?.(error, option);
+                        },
+                        id: id,
+                        data: data,
+                        "aria-label": label ?? messages.select,
+                        multiple: multi,
+                        selectable: !treeCheckable,
+                        checkable: treeCheckable,
+                        checkStrictly: checkStrictly,
+                        selectedKeys: treeCheckable ? emptyKeys : selected,
+                        checkedKeys: selected,
+                        searchValue: query,
+                        defaultExpandAll: defaultExpandAll,
+                        defaultExpandedKeys: treeDefaultExpandedKeys,
+                        notFoundContent: notFoundContent,
+                        onSelect: (keys)=>commit(keys),
+                        onCheck: (keys)=>{
+                            const checked = new Set(keys);
+                            commit(checkStrictly || 'all' === showCheckedStrategy ? keys : keys.filter((key)=>{
+                                const record = records.get(key);
+                                if (!record) return false;
+                                if ('parent' === showCheckedStrategy) return !record.parent || !checked.has(record.parent);
+                                return !(record.node.children ?? []).some((child)=>checked.has(child.key));
+                            }));
+                        }
+                    })
+                })
+            })
+        ]
+    });
+});
+InternalTreeSelect.displayName = 'TreeSelect';
+const treeselect_TreeSelect = InternalTreeSelect;
+export { treeselect_TreeSelect as TreeSelect };
+
+//# sourceMappingURL=treeselect.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"treeselect/treeselect.js","sources":["../../../../../src/treeselect/treeselect.tsx"],"sourcesContent":["import { ChevronDown, X } from 'lucide-react';\nimport {\n  forwardRef,\n  type InputHTMLAttributes,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { useLeafConfig } from '../config-provider/context';\nimport { FieldScope, useFormField } from '../form/form';\nimport { classes } from '../shared/classes';\nimport { FormValue, useFieldValue, useMergedRef } from '../shared/field';\nimport {\n  FloatingPanel,\n  type PopupOptions,\n  useFloatingDismiss,\n  usePopupState,\n} from '../shared/floating';\nimport { useListMotion } from '../shared/motion';\nimport type { ControlSize, ControlStatus } from '../shared/types';\nimport { Tree, type TreeNode } from '../tree';\nimport { treeModel } from '../tree/model';\n\nexport interface TreeSelectOption {\n  value: string;\n  label: ReactNode;\n  children?: readonly TreeSelectOption[];\n  disabled?: boolean;\n  selectable?: boolean;\n  disableCheckbox?: boolean;\n  icon?: ReactNode;\n  searchLabel?: string;\n  isLeaf?: boolean;\n}\nexport type TreeSelectValue = string | readonly string[] | null;\ninterface InternalTreeSelectProps\n  extends Omit<\n      InputHTMLAttributes<HTMLInputElement>,\n      'value' | 'defaultValue' | 'onChange' | 'size' | 'multiple'\n    >,\n    PopupOptions {\n  options: readonly TreeSelectOption[];\n  value?: TreeSelectValue;\n  defaultValue?: TreeSelectValue;\n  onChange?: (value: TreeSelectValue) => void;\n  multiple?: boolean;\n  treeCheckable?: boolean;\n  checkStrictly?: boolean;\n  showCheckedStrategy?: 'child' | 'parent' | 'all';\n  showSearch?: boolean;\n  onSearch?: (query: string) => void;\n  allowClear?: boolean;\n  defaultExpandAll?: boolean;\n  treeDefaultExpandedKeys?: readonly string[];\n  size?: ControlSize;\n  status?: ControlStatus;\n  popupWidth?: number | string;\n  popupMaxWidth?: number | string;\n  notFoundContent?: ReactNode;\n  onOpenChange?: (open: boolean) => void;\n  loadData?: (\n    option: TreeSelectOption,\n    signal: AbortSignal,\n  ) => Promise<readonly TreeSelectOption[]>;\n  onLoadError?: (error: unknown, option: TreeSelectOption) => void;\n  virtual?: boolean;\n  listHeight?: number;\n  itemHeight?: number;\n  inputReadOnly?: boolean;\n  open?: boolean;\n  defaultOpen?: boolean;\n  maxTagCount?: number;\n  maxCount?: number;\n  treeExpandedKeys?: readonly string[];\n  onExpand?: (keys: string[]) => void;\n  filterTreeNode?: (option: TreeSelectOption, query: string) => boolean;\n  nodeRender?: (option: TreeSelectOption) => ReactNode;\n  cacheKey?: string | number;\n}\nconst emptyKeys: readonly string[] = [];\nconst InternalTreeSelect = forwardRef<HTMLInputElement, InternalTreeSelectProps>(\n  function TreeSelect(\n    {\n      options,\n      value,\n      defaultValue = null,\n      onChange,\n      multiple = false,\n      treeCheckable = false,\n      checkStrictly = false,\n      showCheckedStrategy = 'child',\n      showSearch = true,\n      onSearch,\n      allowClear = true,\n      defaultExpandAll = false,\n      treeDefaultExpandedKeys = emptyKeys,\n      size = 'md',\n      status: statusProp,\n      disabled: disabledProp,\n      required: requiredProp,\n      popupWidth,\n      popupMaxWidth = 420,\n      notFoundContent,\n      onOpenChange,\n      loadData,\n      onLoadError,\n      virtual = false,\n      listHeight = 256,\n      itemHeight = 34,\n      inputReadOnly,\n      open: controlledOpen,\n      defaultOpen,\n      maxTagCount = Infinity,\n      maxCount = Infinity,\n      treeExpandedKeys,\n      onExpand,\n      filterTreeNode,\n      nodeRender,\n      cacheKey,\n      popupPlacement,\n      popupClassName,\n      popupStyle,\n      popupRender,\n      getPopupContainer,\n      name,\n      form,\n      className,\n      style,\n      placeholder,\n      'aria-label': label,\n      ...props\n    },\n    forwardedRef,\n  ) {\n    const { messages } = useLeafConfig();\n    const field = useFormField();\n    const disabled = disabledProp || field?.disabled;\n    const required = requiredProp ?? field?.required;\n    const status = statusProp ?? (field?.error ? 'error' : undefined);\n    const multi = multiple || treeCheckable;\n    const trigger = useRef<HTMLInputElement>(null);\n    const ref = useMergedRef(trigger, forwardedRef);\n    const root = useRef<HTMLDivElement>(null);\n    const panel = useRef<HTMLDivElement>(null);\n    const pendingFocus = useRef(false);\n    const [current, setCurrent] = useFieldValue(value, defaultValue, trigger, form);\n    const selected = typeof current === 'string' ? [current] : (current ?? emptyKeys);\n    useListMotion(\n      root,\n      JSON.stringify(selected.slice(0, maxTagCount)),\n      '.leaf-tree-select__tag[data-motion-key]',\n    );\n    useListMotion(root, selected[0], multi ? '' : '.leaf-tree-select__input-wrap[data-motion-key]');\n    const [query, setQuery] = useState('');\n    const [open, setOpen] = usePopupState(\n      disabled || props.readOnly,\n      onOpenChange,\n      controlledOpen,\n      defaultOpen,\n    );\n    const id = `${useId()}-tree-select`;\n    const [loadedOptions, setLoadedOptions] = useState<Map<string, readonly TreeSelectOption[]>>(\n      new Map(),\n    );\n    const generation = useRef(0);\n    // biome-ignore lint/correctness/useExhaustiveDependencies: Invalidate lazy options on source and cache-version changes.\n    useEffect(() => {\n      generation.current++;\n      setLoadedOptions(new Map());\n    }, [options, loadData, cacheKey]);\n    const allOptions = useMemo(() => {\n      const merge = (entries: readonly TreeSelectOption[]): TreeSelectOption[] =>\n        entries.map((option) => {\n          const children = option.children ?? loadedOptions.get(option.value);\n          return children ? { ...option, children: merge(children) } : option;\n        });\n      return merge(options);\n    }, [options, loadedOptions]);\n    const optionRecords = useMemo(() => {\n      const map = new Map<string, TreeSelectOption>();\n      const visit = (entries: readonly TreeSelectOption[]) => {\n        for (const option of entries) {\n          map.set(option.value, option);\n          if (option.children) visit(option.children);\n        }\n      };\n      visit(allOptions);\n      return map;\n    }, [allOptions]);\n    const latestLoader = useRef({ loadData, optionRecords });\n    latestLoader.current = { loadData, optionRecords };\n    const lazyLoad = useCallback(async (node: TreeNode, signal: AbortSignal) => {\n      const snapshot = generation.current;\n      const option = latestLoader.current.optionRecords.get(node.key);\n      if (!option || !latestLoader.current.loadData) return [];\n      const children = await latestLoader.current.loadData(option, signal);\n      if (!signal.aborted && snapshot === generation.current)\n        setLoadedOptions((previous) => new Map(previous).set(node.key, children));\n      const convert = (entries: readonly TreeSelectOption[]): TreeNode[] =>\n        entries.map(({ value: key, label: title, children, ...entry }) => ({\n          ...entry,\n          key,\n          title,\n          children: children ? convert(children) : undefined,\n        }));\n      return convert(children);\n    }, []);\n    const data = useMemo(() => {\n      const convert = (nodes: readonly TreeSelectOption[]): TreeNode[] =>\n        nodes.map(({ value: key, label: title, children, ...node }) => ({\n          ...node,\n          key,\n          title,\n          children: children ? convert(children) : undefined,\n        }));\n      return convert(allOptions);\n    }, [allOptions]);\n    const records = useMemo(() => treeModel(data), [data]);\n    const close = () => {\n      setOpen(false);\n      setQuery('');\n    };\n    useFloatingDismiss(open, close, trigger, panel, root);\n    useEffect(() => {\n      if (!open) setQuery('');\n      else if (pendingFocus.current) {\n        panel.current?.querySelector<HTMLElement>('[role=\"treeitem\"][tabindex=\"0\"]')?.focus();\n        pendingFocus.current = false;\n      }\n    }, [open]);\n    const commit = (keys: readonly string[]) => {\n      if (disabled || props.readOnly || keys.length > maxCount) return;\n      const next: TreeSelectValue = multi ? [...keys] : (keys[0] ?? null);\n      setCurrent(next);\n      onChange?.(next);\n      setQuery('');\n      if (!multi) {\n        setOpen(false);\n        trigger.current?.focus();\n      }\n    };\n    const canRemove = (key: string) =>\n      !records.get(key)?.node.disabled && !records.get(key)?.node.disableCheckbox;\n    const clearable = allowClear && selected.some(canRemove) && !disabled && !props.readOnly;\n    const caption = (key: string) => records.get(key)?.node.title ?? key;\n    const a11yCaption = (key: string) =>\n      records.get(key)?.node.searchLabel ??\n      (typeof caption(key) === 'string' || typeof caption(key) === 'number'\n        ? String(caption(key))\n        : key);\n    const selectedCaption = selected[0] === undefined ? undefined : caption(selected[0]);\n    const hasRichCaption =\n      selectedCaption !== undefined &&\n      typeof selectedCaption !== 'string' &&\n      typeof selectedCaption !== 'number';\n    const showCaption =\n      !multi && !query && selected[0] !== undefined && ((showSearch && open) || hasRichCaption);\n    const inputValue =\n      multi || (showSearch && open)\n        ? query\n        : selected[0] === undefined\n          ? ''\n          : a11yCaption(selected[0]);\n    return (\n      <>\n        {/* biome-ignore lint/a11y/noStaticElementInteractions: The wrapper extends the input's clickable area, as in Select. */}\n        {/* biome-ignore lint/a11y/useKeyWithClickEvents: The enclosed combobox owns keyboard interaction. */}\n        <div\n          ref={root}\n          className={classes(\n            'leaf-tree-select',\n            `leaf-tree-select--${size}`,\n            multi && 'leaf-tree-select--multiple',\n            className,\n          )}\n          style={style}\n          data-disabled={disabled || undefined}\n          data-status={status}\n          data-open={open || undefined}\n          data-clearable={clearable || undefined}\n          onClick={(event) => {\n            if (!disabled && !(event.target as HTMLElement).closest('button')) {\n              trigger.current?.focus();\n              setOpen(true);\n            }\n          }}\n        >\n          <div className=\"leaf-tree-select__content\">\n            {multi &&\n              selected.slice(0, Math.max(0, maxTagCount)).map((key) => (\n                <span className=\"leaf-tree-select__tag\" key={key} data-motion-key={key}>\n                  <span>{caption(key)}</span>\n                  {canRemove(key) && !disabled && !props.readOnly && (\n                    <button\n                      type=\"button\"\n                      aria-label={`${messages.remove} ${a11yCaption(key)}`}\n                      onClick={() => commit(selected.filter((item) => item !== key))}\n                    >\n                      <X size={12} aria-hidden=\"true\" />\n                    </button>\n                  )}\n                </span>\n              ))}\n            {multi && selected.length > maxTagCount && (\n              <span className=\"leaf-tree-select__tag\">+{selected.length - maxTagCount}</span>\n            )}\n            <span className=\"leaf-tree-select__input-wrap\" data-motion-key={selected[0] ?? ''}>\n              {showCaption && (\n                <span className=\"leaf-tree-select__value\" aria-hidden=\"true\">\n                  {selectedCaption}\n                </span>\n              )}\n              <input\n                {...props}\n                ref={ref}\n                id={props.id ?? field?.id}\n                role=\"combobox\"\n                aria-haspopup=\"tree\"\n                aria-expanded={open}\n                aria-controls={open ? id : undefined}\n                aria-autocomplete={showSearch ? 'list' : undefined}\n                aria-label={label ?? (field?.labelId ? undefined : messages.select)}\n                aria-labelledby={props['aria-labelledby'] ?? field?.labelId}\n                aria-describedby={\n                  [props['aria-describedby'], field?.descriptionId].filter(Boolean).join(' ') ||\n                  undefined\n                }\n                aria-required={required || undefined}\n                aria-invalid={status === 'error' || props['aria-invalid']}\n                autoComplete=\"off\"\n                className={classes(\n                  'leaf-tree-select__input',\n                  showCaption && 'leaf-tree-select__input--caption',\n                )}\n                value={inputValue}\n                readOnly={!showSearch || props.readOnly || inputReadOnly}\n                disabled={disabled}\n                placeholder={selected.length ? undefined : (placeholder ?? messages.select)}\n                onChange={(event) => {\n                  setQuery(event.target.value);\n                  onSearch?.(event.target.value);\n                  setOpen(true);\n                }}\n                onKeyDown={(event) => {\n                  props.onKeyDown?.(event);\n                  if (event.defaultPrevented || disabled) return;\n                  if (event.key === 'ArrowDown') {\n                    event.preventDefault();\n                    if (!open) {\n                      pendingFocus.current = true;\n                      setOpen(true);\n                    } else\n                      panel.current\n                        ?.querySelector<HTMLElement>('[role=\"treeitem\"][tabindex=\"0\"]')\n                        ?.focus();\n                  } else if (event.key === 'Enter' && !open) {\n                    event.preventDefault();\n                    setOpen(true);\n                  } else if (event.key === 'Backspace' && !query && multi) {\n                    const last = [...selected].reverse().find(canRemove);\n                    if (last) commit(selected.filter((key) => key !== last));\n                  }\n                }}\n              />\n            </span>\n          </div>\n          {clearable && (\n            <button\n              type=\"button\"\n              className=\"leaf-tree-select__clear\"\n              aria-label={messages.clearSelection}\n              onClick={() => {\n                commit(selected.filter((key) => !canRemove(key)));\n                trigger.current?.focus();\n              }}\n            >\n              <X size={14} aria-hidden=\"true\" />\n            </button>\n          )}\n          <button\n            type=\"button\"\n            className=\"leaf-tree-select__arrow\"\n            tabIndex={-1}\n            disabled={disabled}\n            aria-label={messages.select}\n            onClick={() => {\n              trigger.current?.focus();\n              if (open) close();\n              else setOpen(true);\n            }}\n          >\n            <ChevronDown size={16} aria-hidden=\"true\" />\n          </button>\n          <FormValue\n            value={selected[0] ?? ''}\n            name={name}\n            form={form}\n            required={required}\n            disabled={disabled}\n            triggerRef={trigger}\n          />\n          {selected.slice(1).map((key) => (\n            <input\n              type=\"hidden\"\n              key={key}\n              name={name}\n              form={form}\n              value={key}\n              disabled={disabled}\n            />\n          ))}\n        </div>\n        <FloatingPanel\n          placement={popupPlacement}\n          container={getPopupContainer}\n          render={popupRender}\n          style={popupStyle}\n          open={open}\n          triggerRef={root}\n          panelRef={panel}\n          minWidth=\"trigger\"\n          width={popupWidth ?? 'max-content'}\n          maxWidth={popupMaxWidth}\n          maxHeight={320}\n          className={classes('leaf-floating leaf-tree-select__panel', popupClassName)}\n        >\n          <FieldScope>\n            <Tree\n              virtual={virtual}\n              height={listHeight}\n              itemHeight={itemHeight}\n              loadData={loadData ? lazyLoad : undefined}\n              cacheKey={cacheKey}\n              disabled={disabled || props.readOnly}\n              expandedKeys={treeExpandedKeys}\n              onExpand={(keys) => onExpand?.(keys)}\n              filterTreeNode={\n                filterTreeNode\n                  ? (node, query) => {\n                      const option = optionRecords.get(node.key);\n                      return !!option && filterTreeNode(option, query);\n                    }\n                  : undefined\n              }\n              nodeRender={\n                nodeRender\n                  ? (node) => {\n                      const option = optionRecords.get(node.key);\n                      return option ? nodeRender(option) : node.title;\n                    }\n                  : undefined\n              }\n              onLoadError={(error, node) => {\n                const option = optionRecords.get(node.key);\n                if (option) onLoadError?.(error, option);\n              }}\n              id={id}\n              data={data}\n              aria-label={label ?? messages.select}\n              multiple={multi}\n              selectable={!treeCheckable}\n              checkable={treeCheckable}\n              checkStrictly={checkStrictly}\n              selectedKeys={treeCheckable ? emptyKeys : selected}\n              checkedKeys={selected}\n              searchValue={query}\n              defaultExpandAll={defaultExpandAll}\n              defaultExpandedKeys={treeDefaultExpandedKeys}\n              notFoundContent={notFoundContent}\n              onSelect={(keys) => commit(keys)}\n              onCheck={(keys) => {\n                const checked = new Set(keys);\n                commit(\n                  checkStrictly || showCheckedStrategy === 'all'\n                    ? keys\n                    : keys.filter((key) => {\n                        const record = records.get(key);\n                        if (!record) return false;\n                        if (showCheckedStrategy === 'parent')\n                          return !record.parent || !checked.has(record.parent);\n                        return !(record.node.children ?? []).some((child) =>\n                          checked.has(child.key),\n                        );\n                      }),\n                );\n              }}\n            />\n          </FieldScope>\n        </FloatingPanel>\n      </>\n    );\n  },\n);\nInternalTreeSelect.displayName = 'TreeSelect';\nexport type TreeSelectProps = Omit<\n  InternalTreeSelectProps,\n  'value' | 'defaultValue' | 'onChange' | 'multiple' | 'treeCheckable'\n> &\n  (\n    | {\n        multiple?: false;\n        treeCheckable?: false;\n        value?: string | null;\n        defaultValue?: string | null;\n        onChange?: (value: string | null) => void;\n      }\n    | {\n        multiple: true;\n        treeCheckable?: boolean;\n        value?: readonly string[];\n        defaultValue?: readonly string[];\n        onChange?: (value: readonly string[]) => void;\n      }\n    | {\n        treeCheckable: true;\n        multiple?: boolean;\n        value?: readonly string[];\n        defaultValue?: readonly string[];\n        onChange?: (value: readonly string[]) => void;\n      }\n  );\nexport const TreeSelect = InternalTreeSelect as React.ForwardRefExoticComponent<\n  TreeSelectProps & React.RefAttributes<HTMLInputElement>\n>;\n"],"names":["emptyKeys","InternalTreeSelect","forwardRef","options","value","defaultValue","onChange","multiple","treeCheckable","checkStrictly","showCheckedStrategy","showSearch","onSearch","allowClear","defaultExpandAll","treeDefaultExpandedKeys","size","statusProp","disabledProp","requiredProp","popupWidth","popupMaxWidth","notFoundContent","onOpenChange","loadData","onLoadError","virtual","listHeight","itemHeight","inputReadOnly","controlledOpen","defaultOpen","maxTagCount","Infinity","maxCount","treeExpandedKeys","onExpand","filterTreeNode","nodeRender","cacheKey","popupPlacement","popupClassName","popupStyle","popupRender","getPopupContainer","name","form","className","style","placeholder","label","props","forwardedRef","messages","useLeafConfig","field","useFormField","disabled","required","status","undefined","multi","trigger","useRef","ref","useMergedRef","root","panel","pendingFocus","current","setCurrent","useFieldValue","selected","useListMotion","JSON","query","setQuery","useState","open","setOpen","usePopupState","id","useId","loadedOptions","setLoadedOptions","Map","generation","useEffect","allOptions","useMemo","merge","entries","option","children","optionRecords","map","visit","latestLoader","lazyLoad","useCallback","node","signal","snapshot","previous","convert","key","title","entry","data","nodes","records","treeModel","close","useFloatingDismiss","commit","keys","next","canRemove","clearable","caption","a11yCaption","String","selectedCaption","hasRichCaption","showCaption","inputValue","classes","event","Math","item","X","Boolean","last","ChevronDown","FormValue","FloatingPanel","FieldScope","Tree","error","checked","Set","record","child","TreeSelect"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+"use client";
+export * from "./typography.js";

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

@@ -0,0 +1,170 @@
+"use client";
+import '../../../styles/components/typography.css';
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Check, Copy, Pencil } from "lucide-react";
+import { forwardRef, useEffect, useRef, useState } from "react";
+import { Button } from "../button/index.js";
+import { classes } from "../shared/classes.js";
+import { useText } from "../shared/use-text.js";
+const typography_Typography = /*#__PURE__*/ forwardRef(function({ compact, className, ...props }, ref) {
+    return /*#__PURE__*/ jsx("div", {
+        ...props,
+        ref: ref,
+        className: classes('leaf-typography', compact && 'leaf-typography--compact', className)
+    });
+});
+function TextContent({ children, ellipsis, copyable, editable }) {
+    const t = useText();
+    const [expanded, setExpanded] = useState(false), [copied, setCopied] = useState(false), [editing, setEditing] = useState(false), [draft, setDraft] = useState('');
+    const text = 'string' == typeof children || 'number' == typeof children ? String(children) : '';
+    const rows = 'object' == typeof ellipsis ? ellipsis.rows ?? 1 : 1;
+    const session = useRef(false);
+    const input = useRef(null);
+    useEffect(()=>{
+        if (editing) input.current?.focus();
+    }, [
+        editing
+    ]);
+    useEffect(()=>{
+        if (!copied) return;
+        const timer = setTimeout(()=>setCopied(false), 2000);
+        return ()=>clearTimeout(timer);
+    }, [
+        copied
+    ]);
+    const finish = ()=>{
+        if (!session.current) return;
+        session.current = false;
+        editable?.onChange(draft);
+        setEditing(false);
+    };
+    if (editing) return /*#__PURE__*/ jsx("input", {
+        ref: input,
+        className: "leaf-text__editor",
+        type: "text",
+        "aria-label": t('编辑文本', 'Edit text'),
+        value: draft,
+        onChange: (event)=>setDraft(event.target.value),
+        onBlur: finish,
+        onKeyDown: (event)=>{
+            if ('Enter' === event.key && !event.nativeEvent.isComposing) {
+                event.preventDefault();
+                finish();
+            }
+            if ('Escape' === event.key) {
+                event.preventDefault();
+                session.current = false;
+                setEditing(false);
+            }
+        }
+    });
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx("span", {
+                className: classes('leaf-text__content', ellipsis && !expanded && 'leaf-text__content--ellipsis'),
+                style: ellipsis && !expanded ? {
+                    WebkitLineClamp: rows,
+                    display: rows > 1 ? '-webkit-box' : void 0
+                } : void 0,
+                children: children
+            }),
+            'object' == typeof ellipsis && ellipsis.expandable && /*#__PURE__*/ jsx("button", {
+                type: "button",
+                className: "leaf-text__action",
+                "aria-expanded": expanded,
+                onClick: ()=>setExpanded(!expanded),
+                children: expanded ? t('收起', 'Collapse') : t('展开', 'Expand')
+            }),
+            copyable && /*#__PURE__*/ jsx(Button, {
+                variant: "ghost",
+                size: "sm",
+                startIcon: copied ? /*#__PURE__*/ jsx(Check, {
+                    size: 14
+                }) : /*#__PURE__*/ jsx(Copy, {
+                    size: 14
+                }),
+                "aria-label": t('复制文本', 'Copy text'),
+                onClick: async ()=>{
+                    const value = 'object' == typeof copyable ? copyable.text ?? text : text;
+                    try {
+                        await navigator.clipboard.writeText(value);
+                        setCopied(true);
+                        if ('object' == typeof copyable) copyable.onCopy?.(value);
+                    } catch (error) {
+                        if ('object' == typeof copyable) copyable.onError?.(error);
+                    }
+                }
+            }),
+            editable && /*#__PURE__*/ jsx(Button, {
+                variant: "ghost",
+                size: "sm",
+                startIcon: /*#__PURE__*/ jsx(Pencil, {
+                    size: 14
+                }),
+                "aria-label": t('编辑文本', 'Edit text'),
+                onClick: ()=>{
+                    setDraft(editable.text ?? text);
+                    session.current = true;
+                    setEditing(true);
+                }
+            })
+        ]
+    });
+}
+const typography_Text = /*#__PURE__*/ forwardRef(function({ tone = 'default', strong, italic, underline, code, mark, ellipsis, copyable, editable, className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx("span", {
+        ...props,
+        ref: ref,
+        className: classes('leaf-text', `leaf-text--${tone}`, strong && 'leaf-text--strong', italic && 'leaf-text--italic', underline && 'leaf-text--underline', code && 'leaf-text--code', mark && 'leaf-text--mark', className),
+        children: /*#__PURE__*/ jsx(TextContent, {
+            children,
+            ellipsis,
+            copyable,
+            editable
+        })
+    });
+});
+const typography_Paragraph = /*#__PURE__*/ forwardRef(function({ tone = 'default', strong, italic, underline, code, mark, ellipsis, copyable, editable, className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsx("p", {
+        ...props,
+        ref: ref,
+        className: classes('leaf-paragraph', 'leaf-text', `leaf-text--${tone}`, strong && 'leaf-text--strong', italic && 'leaf-text--italic', underline && 'leaf-text--underline', code && 'leaf-text--code', mark && 'leaf-text--mark', className),
+        children: /*#__PURE__*/ jsx(TextContent, {
+            children,
+            ellipsis,
+            copyable,
+            editable
+        })
+    });
+});
+const typography_Title = /*#__PURE__*/ forwardRef(function({ level = 2, className, ...props }, ref) {
+    const Heading = `h${level}`;
+    return /*#__PURE__*/ jsx(Heading, {
+        ...props,
+        ref: ref,
+        className: classes('leaf-title', `leaf-title--${level}`, className)
+    });
+});
+const typography_Link = /*#__PURE__*/ forwardRef(function({ disabled, underline = true, external, icon, className, children, ...props }, ref) {
+    return /*#__PURE__*/ jsxs("a", {
+        ...props,
+        ref: ref,
+        href: disabled ? void 0 : props.href,
+        target: external ? '_blank' : props.target,
+        rel: external ? 'noopener noreferrer' : props.rel,
+        "aria-disabled": disabled || void 0,
+        tabIndex: disabled ? -1 : props.tabIndex,
+        className: classes('leaf-link', underline && 'leaf-link--underline', className),
+        onClick: (event)=>{
+            if (disabled) event.preventDefault();
+            else props.onClick?.(event);
+        },
+        children: [
+            icon,
+            children
+        ]
+    });
+});
+export { typography_Link as Link, typography_Paragraph as Paragraph, typography_Text as Text, typography_Title as Title, typography_Typography as Typography };
+
+//# sourceMappingURL=typography.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"typography/typography.js","sources":["../../../../../src/typography/typography.tsx"],"sourcesContent":["import { Check, Copy, Pencil } from 'lucide-react';\nimport {\n  type AnchorHTMLAttributes,\n  forwardRef,\n  type HTMLAttributes,\n  type ReactNode,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { Button } from '../button';\nimport { classes } from '../shared/classes';\nimport { useText } from '../shared/use-text';\n\nexport interface TypographyProps extends HTMLAttributes<HTMLDivElement> {\n  compact?: boolean;\n}\nexport const Typography = forwardRef<HTMLDivElement, TypographyProps>(function Typography(\n  { compact, className, ...props },\n  ref,\n) {\n  return (\n    <div\n      {...props}\n      ref={ref}\n      className={classes('leaf-typography', compact && 'leaf-typography--compact', className)}\n    />\n  );\n});\nexport interface TextProps extends HTMLAttributes<HTMLSpanElement> {\n  tone?: 'default' | 'muted' | 'primary' | 'success' | 'warning' | 'danger';\n  strong?: boolean;\n  italic?: boolean;\n  underline?: boolean;\n  code?: boolean;\n  mark?: boolean;\n  ellipsis?: boolean | { rows?: number; expandable?: boolean };\n  copyable?:\n    | boolean\n    | { text?: string; onCopy?: (text: string) => void; onError?: (error: unknown) => void };\n  editable?: { onChange: (text: string) => void; text?: string };\n}\nfunction TextContent({\n  children,\n  ellipsis,\n  copyable,\n  editable,\n}: Pick<TextProps, 'children' | 'ellipsis' | 'copyable' | 'editable'>) {\n  const t = useText();\n  const [expanded, setExpanded] = useState(false),\n    [copied, setCopied] = useState(false),\n    [editing, setEditing] = useState(false),\n    [draft, setDraft] = useState('');\n  const text = typeof children === 'string' || typeof children === 'number' ? String(children) : '';\n  const rows = typeof ellipsis === 'object' ? (ellipsis.rows ?? 1) : 1;\n  const session = useRef(false);\n  const input = useRef<HTMLInputElement>(null);\n  useEffect(() => {\n    if (editing) input.current?.focus();\n  }, [editing]);\n  useEffect(() => {\n    if (!copied) return;\n    const timer = setTimeout(() => setCopied(false), 2000);\n    return () => clearTimeout(timer);\n  }, [copied]);\n  const finish = () => {\n    if (!session.current) return;\n    session.current = false;\n    editable?.onChange(draft);\n    setEditing(false);\n  };\n  if (editing)\n    return (\n      <input\n        ref={input}\n        className=\"leaf-text__editor\"\n        type=\"text\"\n        aria-label={t('编辑文本', 'Edit text')}\n        value={draft}\n        onChange={(event) => setDraft(event.target.value)}\n        onBlur={finish}\n        onKeyDown={(event) => {\n          if (event.key === 'Enter' && !event.nativeEvent.isComposing) {\n            event.preventDefault();\n            finish();\n          }\n          if (event.key === 'Escape') {\n            event.preventDefault();\n            session.current = false;\n            setEditing(false);\n          }\n        }}\n      />\n    );\n  return (\n    <>\n      <span\n        className={classes(\n          'leaf-text__content',\n          ellipsis && !expanded && 'leaf-text__content--ellipsis',\n        )}\n        style={\n          ellipsis && !expanded\n            ? { WebkitLineClamp: rows, display: rows > 1 ? '-webkit-box' : undefined }\n            : undefined\n        }\n      >\n        {children}\n      </span>\n      {typeof ellipsis === 'object' && ellipsis.expandable && (\n        <button\n          type=\"button\"\n          className=\"leaf-text__action\"\n          aria-expanded={expanded}\n          onClick={() => setExpanded(!expanded)}\n        >\n          {expanded ? t('收起', 'Collapse') : t('展开', 'Expand')}\n        </button>\n      )}\n      {copyable && (\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          startIcon={copied ? <Check size={14} /> : <Copy size={14} />}\n          aria-label={t('复制文本', 'Copy text')}\n          onClick={async () => {\n            const value = typeof copyable === 'object' ? (copyable.text ?? text) : text;\n            try {\n              await navigator.clipboard.writeText(value);\n              setCopied(true);\n              if (typeof copyable === 'object') copyable.onCopy?.(value);\n            } catch (error) {\n              if (typeof copyable === 'object') copyable.onError?.(error);\n            }\n          }}\n        />\n      )}\n      {editable && (\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          startIcon={<Pencil size={14} />}\n          aria-label={t('编辑文本', 'Edit text')}\n          onClick={() => {\n            setDraft(editable.text ?? text);\n            session.current = true;\n            setEditing(true);\n          }}\n        />\n      )}\n    </>\n  );\n}\nexport const Text = forwardRef<HTMLSpanElement, TextProps>(function Text(\n  {\n    tone = 'default',\n    strong,\n    italic,\n    underline,\n    code,\n    mark,\n    ellipsis,\n    copyable,\n    editable,\n    className,\n    children,\n    ...props\n  },\n  ref,\n) {\n  return (\n    <span\n      {...props}\n      ref={ref}\n      className={classes(\n        'leaf-text',\n        `leaf-text--${tone}`,\n        strong && 'leaf-text--strong',\n        italic && 'leaf-text--italic',\n        underline && 'leaf-text--underline',\n        code && 'leaf-text--code',\n        mark && 'leaf-text--mark',\n        className,\n      )}\n    >\n      <TextContent {...{ children, ellipsis, copyable, editable }} />\n    </span>\n  );\n});\nexport interface ParagraphProps extends TextProps {}\nexport const Paragraph = forwardRef<HTMLParagraphElement, ParagraphProps>(function Paragraph(\n  {\n    tone = 'default',\n    strong,\n    italic,\n    underline,\n    code,\n    mark,\n    ellipsis,\n    copyable,\n    editable,\n    className,\n    children,\n    ...props\n  },\n  ref,\n) {\n  return (\n    <p\n      {...props}\n      ref={ref}\n      className={classes(\n        'leaf-paragraph',\n        'leaf-text',\n        `leaf-text--${tone}`,\n        strong && 'leaf-text--strong',\n        italic && 'leaf-text--italic',\n        underline && 'leaf-text--underline',\n        code && 'leaf-text--code',\n        mark && 'leaf-text--mark',\n        className,\n      )}\n    >\n      <TextContent {...{ children, ellipsis, copyable, editable }} />\n    </p>\n  );\n});\nexport interface TitleProps extends HTMLAttributes<HTMLHeadingElement> {\n  level?: 1 | 2 | 3 | 4 | 5 | 6;\n}\nexport const Title = forwardRef<HTMLHeadingElement, TitleProps>(function Title(\n  { level = 2, className, ...props },\n  ref,\n) {\n  const Heading = `h${level}` as 'h2';\n  return (\n    <Heading\n      {...props}\n      ref={ref}\n      className={classes('leaf-title', `leaf-title--${level}`, className)}\n    />\n  );\n});\nexport interface LinkProps extends AnchorHTMLAttributes<HTMLAnchorElement> {\n  disabled?: boolean;\n  underline?: boolean;\n  external?: boolean;\n  icon?: ReactNode;\n}\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>(function Link(\n  { disabled, underline = true, external, icon, className, children, ...props },\n  ref,\n) {\n  return (\n    <a\n      {...props}\n      ref={ref}\n      href={disabled ? undefined : props.href}\n      target={external ? '_blank' : props.target}\n      rel={external ? 'noopener noreferrer' : props.rel}\n      aria-disabled={disabled || undefined}\n      tabIndex={disabled ? -1 : props.tabIndex}\n      className={classes('leaf-link', underline && 'leaf-link--underline', className)}\n      onClick={(event) => {\n        if (disabled) event.preventDefault();\n        else props.onClick?.(event);\n      }}\n    >\n      {icon}\n      {children}\n    </a>\n  );\n});\n"],"names":["Typography","forwardRef","compact","className","props","ref","classes","TextContent","children","ellipsis","copyable","editable","t","useText","expanded","setExpanded","useState","copied","setCopied","editing","setEditing","draft","setDraft","text","String","rows","session","useRef","input","useEffect","timer","setTimeout","clearTimeout","finish","event","undefined","Button","Check","Copy","value","navigator","error","Pencil","Text","tone","strong","italic","underline","code","mark","Paragraph","Title","level","Heading","Link","disabled","external","icon"],"mappings":"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"}

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

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