dishui 0.0.83 → 0.0.89

package/dist/components/Tabs/index.d.ts

@@ -6,6 +6,10 @@ export type TabItem<T extends string = string> = {
     icon?: React.ReactNode;
     /** 禁用该标签 */
     disabled?: boolean;
+    /** Stable tab ID; use as the external panel's aria-labelledby. Generated when omitted. */
+    id?: string;
+    /** ID of a caller-rendered role="tabpanel". Omit when used only as a filter. */
+    panelId?: string;
 };
 export type TabsProps<T extends string = string> = {
     items: readonly TabItem<T>[];
@@ -25,11 +29,18 @@ export type TabsProps<T extends string = string> = {
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
     /** 占满可用宽度，各标签平分 */
     block?: boolean;
+    /** Tablist ID and prefix for generated tab IDs. */
+    id?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    orientation?: 'horizontal' | 'vertical';
+    /** Manual (default): arrows move focus; Enter/Space activate. Automatic: arrows also activate. */
+    activationMode?: 'manual' | 'automatic';
     className?: string;
 };
 /**
  * 标签页切换条。基于 daisyUI 5 的 `tabs` 系列修饰类，
  * 支持 box / border / lift / pill 四种外观、五档尺寸与等宽（block）模式。
  */
-declare function Tabs<T extends string = string>({ items, value, onChange, variant, size, block, className, }: TabsProps<T>): React.JSX.Element;
+declare function Tabs<T extends string = string>({ items, value, onChange, variant, size, block, id, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, orientation, activationMode, className, }: TabsProps<T>): React.JSX.Element;
 export default Tabs;

package/dist/components/Tabs/index.js

@@ -1,34 +1,59 @@
 import { cn as e } from "../../utils/cn.js";
-import "react";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { useId as t, useRef as n, useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/components/Tabs/index.tsx
-var r = {
+var o = {
 	xs: "tabs-xs",
 	sm: "tabs-sm",
 	md: "tabs-md",
 	lg: "tabs-lg",
 	xl: "tabs-xl"
 };
-function i({ items: i, value: a, onChange: o, variant: s = "box", size: c = "sm", block: l = !1, className: u = "" }) {
-	let d = s === "border" ? "tabs-border" : s === "lift" ? "tabs-lift" : s === "pill" ? "tabs-box dishui-tabs-pill" : "tabs-box";
-	return /* @__PURE__ */ t("div", {
+function s({ items: s, value: c, onChange: l, variant: u = "box", size: d = "sm", block: f = !1, id: p, "aria-label": m, "aria-labelledby": h, orientation: g = "horizontal", activationMode: _ = "manual", className: v = "" }) {
+	let y = t(), b = p ?? `tabs-${y}`, x = n(/* @__PURE__ */ new Map()), [S, C] = r(null), w = s.filter((e) => !e.disabled), T = w.find((e) => e.key === S)?.key ?? w.find((e) => e.key === c)?.key ?? w[0]?.key, E = (e, t) => {
+		if (e.target !== e.currentTarget || e.defaultPrevented || e.nativeEvent.isComposing || e.altKey || e.ctrlKey || e.metaKey) return;
+		let n = g === "vertical" ? "ArrowUp" : "ArrowLeft", r = g === "vertical" ? "ArrowDown" : "ArrowRight", i = w.findIndex((e) => e.key === t), a;
+		if (e.key === "Home") a = w[0];
+		else if (e.key === "End") a = w[w.length - 1];
+		else if (e.key === n || e.key === r) {
+			let t = e.key === r ? 1 : -1;
+			a = w[(i + t + w.length) % w.length];
+		} else return;
+		e.preventDefault(), e.stopPropagation(), a && (x.current.get(a.key)?.focus(), _ === "automatic" && a.key !== c && l(a.key));
+	}, D = u === "border" ? "tabs-border" : u === "lift" ? "tabs-lift" : u === "pill" ? "tabs-box dishui-tabs-pill" : "tabs-box";
+	return /* @__PURE__ */ i("div", {
+		id: b,
 		role: "tablist",
-		className: e("tabs h-auto min-h-0", r[c], d, l && "w-full", u),
-		children: i.map((r) => /* @__PURE__ */ n("button", {
+		"aria-label": m,
+		"aria-labelledby": h,
+		"aria-orientation": g,
+		onBlur: (e) => {
+			e.currentTarget.contains(e.relatedTarget) || C(null);
+		},
+		className: e("tabs h-auto min-h-0", o[d], D, f && "w-full", g === "vertical" && "flex flex-col", v),
+		children: s.map((t) => /* @__PURE__ */ a("button", {
+			ref: (e) => {
+				e ? x.current.set(t.key, e) : x.current.delete(t.key);
+			},
+			id: t.id ?? `${b}-tab-${encodeURIComponent(t.key)}`,
 			role: "tab",
 			type: "button",
-			"aria-selected": a === r.key,
-			disabled: r.disabled,
-			onClick: () => o(r.key),
-			className: e("tab min-h-0 gap-1.5", l && "flex-1", a === r.key && "tab-active", r.disabled && "tab-disabled"),
-			children: [r.icon && /* @__PURE__ */ t("span", {
+			"aria-selected": c === t.key,
+			"aria-controls": t.panelId,
+			tabIndex: !t.disabled && t.key === T ? 0 : -1,
+			disabled: t.disabled,
+			onFocus: () => C(t.key),
+			onKeyDown: (e) => E(e, t.key),
+			onClick: () => l(t.key),
+			className: e("tab min-h-0 gap-1.5", f && "flex-1", c === t.key && "tab-active", t.disabled && "tab-disabled"),
+			children: [t.icon && /* @__PURE__ */ i("span", {
 				className: "[&>svg]:h-[1.1em] [&>svg]:w-[1.1em]",
-				children: r.icon
-			}), r.label]
-		}, r.key))
+				children: t.icon
+			}), t.label]
+		}, t.key))
 	});
 }
 //#endregion
-export { i as default };
+export { s as default };
 
 //# sourceMappingURL=index.js.map

package/dist/components/Tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Tabs/index.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\n\nexport type TabItem<T extends string = string> = {\n    key: T;\n    label: React.ReactNode;\n    /** 可选：标签前的图标 */\n    icon?: React.ReactNode;\n    /** 禁用该标签 */\n    disabled?: boolean;\n};\n\nexport type TabsProps<T extends string = string> = {\n    items: readonly TabItem<T>[];\n    /** 当前激活的 tab key */\n    value: T;\n    /** 切换回调 */\n    onChange: (key: T) => void;\n    /**\n     * 外观（基于 daisyUI 5 的 tabs 修饰类）：\n     * - `box`   实心分段（tabs-box）\n     * - `border` 底部下划线（tabs-border）\n     * - `lift`  抬升的文件夹页签（tabs-lift）\n     * - `pill`  胶囊/圆角实心（DishUI 扩展）\n     */\n    variant?: 'box' | 'border' | 'lift' | 'pill';\n    /** 尺寸：xs / sm / md / lg / xl */\n    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n    /** 占满可用宽度，各标签平分 */\n    block?: boolean;\n    className?: string;\n};\n\nconst SIZE_CLASS: Record<NonNullable<TabsProps['size']>, string> = {\n    xs: 'tabs-xs',\n    sm: 'tabs-sm',\n    md: 'tabs-md',\n    lg: 'tabs-lg',\n    xl: 'tabs-xl',\n};\n\n/**\n * 标签页切换条。基于 daisyUI 5 的 `tabs` 系列修饰类，\n * 支持 box / border / lift / pill 四种外观、五档尺寸与等宽（block）模式。\n */\nfunction Tabs<T extends string = string>({\n    items,\n    value,\n    onChange,\n    variant = 'box',\n    size = 'sm',\n    block = false,\n    className = '',\n}: TabsProps<T>) {\n    // pill 是 DishUI 扩展：在 tabs-box 基础上追加胶囊圆角类（见 components.css）\n    const variantClass =\n        variant === 'border' ? 'tabs-border'\n        : variant === 'lift' ? 'tabs-lift'\n        : variant === 'pill' ? 'tabs-box dishui-tabs-pill'\n        : 'tabs-box';\n\n    return (\n        <div\n            role=\"tablist\"\n            className={cn(\n                'tabs h-auto min-h-0',\n                SIZE_CLASS[size],\n                variantClass,\n                block && 'w-full',\n                className,\n            )}\n        >\n            {items.map((item) => (\n                <button\n                    key={item.key}\n                    role=\"tab\"\n                    type=\"button\"\n                    aria-selected={value === item.key}\n                    disabled={item.disabled}\n                    onClick={() => onChange(item.key)}\n                    className={cn(\n                        'tab min-h-0 gap-1.5',\n                        block && 'flex-1',\n                        value === item.key && 'tab-active',\n                        item.disabled && 'tab-disabled',\n                    )}\n                >\n                    {item.icon && <span className=\"[&>svg]:h-[1.1em] [&>svg]:w-[1.1em]\">{item.icon}</span>}\n                    {item.label}\n                </button>\n            ))}\n        </div>\n    );\n}\n\nexport default Tabs;\n"],"mappings":";;;;AAiCA,IAAM,IAA6D;CAC/D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACR;AAMA,SAAS,EAAgC,EACrC,UACA,UACA,aACA,aAAU,OACV,UAAO,MACP,WAAQ,IACR,eAAY,MACC;CAEb,IAAM,IACF,MAAY,WAAW,gBACrB,MAAY,SAAS,cACrB,MAAY,SAAS,8BACrB;CAEN,OACI,kBAAC,OAAD;EACI,MAAK;EACL,WAAW,EACP,uBACA,EAAW,IACX,GACA,KAAS,UACT,CACJ;EAEC,UAAA,EAAM,KAAK,MACR,kBAAC,UAAD;GAEI,MAAK;GACL,MAAK;GACL,iBAAe,MAAU,EAAK;GAC9B,UAAU,EAAK;GACf,eAAe,EAAS,EAAK,GAAG;GAChC,WAAW,EACP,uBACA,KAAS,UACT,MAAU,EAAK,OAAO,cACtB,EAAK,YAAY,cACrB;GAZJ,UAAA,CAcK,EAAK,QAAQ,kBAAC,QAAD;IAAM,WAAU;IAAuC,UAAA,EAAK;GAAW,CAAA,GACpF,EAAK,KACF;EAfC,GAAA,EAAK,GAeN,CACX;CACA,CAAA;AAEb"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Tabs/index.tsx"],"sourcesContent":["import React, { useId, useRef, useState } from 'react';\nimport { cn } from '../../utils/cn';\n\nexport type TabItem<T extends string = string> = {\n    key: T;\n    label: React.ReactNode;\n    /** 可选：标签前的图标 */\n    icon?: React.ReactNode;\n    /** 禁用该标签 */\n    disabled?: boolean;\n    /** Stable tab ID; use as the external panel's aria-labelledby. Generated when omitted. */\n    id?: string;\n    /** ID of a caller-rendered role=\"tabpanel\". Omit when used only as a filter. */\n    panelId?: string;\n};\n\nexport type TabsProps<T extends string = string> = {\n    items: readonly TabItem<T>[];\n    /** 当前激活的 tab key */\n    value: T;\n    /** 切换回调 */\n    onChange: (key: T) => void;\n    /**\n     * 外观（基于 daisyUI 5 的 tabs 修饰类）：\n     * - `box`   实心分段（tabs-box）\n     * - `border` 底部下划线（tabs-border）\n     * - `lift`  抬升的文件夹页签（tabs-lift）\n     * - `pill`  胶囊/圆角实心（DishUI 扩展）\n     */\n    variant?: 'box' | 'border' | 'lift' | 'pill';\n    /** 尺寸：xs / sm / md / lg / xl */\n    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n    /** 占满可用宽度，各标签平分 */\n    block?: boolean;\n    /** Tablist ID and prefix for generated tab IDs. */\n    id?: string;\n    'aria-label'?: string;\n    'aria-labelledby'?: string;\n    orientation?: 'horizontal' | 'vertical';\n    /** Manual (default): arrows move focus; Enter/Space activate. Automatic: arrows also activate. */\n    activationMode?: 'manual' | 'automatic';\n    className?: string;\n};\n\nconst SIZE_CLASS: Record<NonNullable<TabsProps['size']>, string> = {\n    xs: 'tabs-xs',\n    sm: 'tabs-sm',\n    md: 'tabs-md',\n    lg: 'tabs-lg',\n    xl: 'tabs-xl',\n};\n\n/**\n * 标签页切换条。基于 daisyUI 5 的 `tabs` 系列修饰类，\n * 支持 box / border / lift / pill 四种外观、五档尺寸与等宽（block）模式。\n */\nfunction Tabs<T extends string = string>({\n    items,\n    value,\n    onChange,\n    variant = 'box',\n    size = 'sm',\n    block = false,\n    id,\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    orientation = 'horizontal',\n    activationMode = 'manual',\n    className = '',\n}: TabsProps<T>) {\n    const generatedId = useId();\n    const listId = id ?? `tabs-${generatedId}`;\n    const buttons = useRef(new Map<T, HTMLButtonElement>());\n    const [focusedKey, setFocusedKey] = useState<T | null>(null);\n    const enabledItems = items.filter(item => !item.disabled);\n    const tabStop = enabledItems.find(item => item.key === focusedKey)?.key\n        ?? enabledItems.find(item => item.key === value)?.key\n        ?? enabledItems[0]?.key;\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLButtonElement>, key: T) => {\n        if (event.target !== event.currentTarget || event.defaultPrevented || event.nativeEvent.isComposing || event.altKey || event.ctrlKey || event.metaKey) return;\n        const previous = orientation === 'vertical' ? 'ArrowUp' : 'ArrowLeft';\n        const next = orientation === 'vertical' ? 'ArrowDown' : 'ArrowRight';\n        const index = enabledItems.findIndex(item => item.key === key);\n        let target: TabItem<T> | undefined;\n        if (event.key === 'Home') target = enabledItems[0];\n        else if (event.key === 'End') target = enabledItems[enabledItems.length - 1];\n        else if (event.key === previous || event.key === next) {\n            const step = event.key === next ? 1 : -1;\n            target = enabledItems[(index + step + enabledItems.length) % enabledItems.length];\n        } else return; // Native button Enter/Space activation goes through onClick once.\n        event.preventDefault();\n        event.stopPropagation();\n        if (!target) return;\n        buttons.current.get(target.key)?.focus();\n        if (activationMode === 'automatic' && target.key !== value) onChange(target.key);\n    };\n    // pill 是 DishUI 扩展：在 tabs-box 基础上追加胶囊圆角类（见 components.css）\n    const variantClass =\n        variant === 'border' ? 'tabs-border'\n        : variant === 'lift' ? 'tabs-lift'\n        : variant === 'pill' ? 'tabs-box dishui-tabs-pill'\n        : 'tabs-box';\n\n    return (\n        <div\n            id={listId}\n            role=\"tablist\"\n            aria-label={ariaLabel}\n            aria-labelledby={ariaLabelledby}\n            aria-orientation={orientation}\n            onBlur={event => {\n                if (!event.currentTarget.contains(event.relatedTarget as Node | null)) setFocusedKey(null);\n            }}\n            className={cn(\n                'tabs h-auto min-h-0',\n                SIZE_CLASS[size],\n                variantClass,\n                block && 'w-full',\n                orientation === 'vertical' && 'flex flex-col',\n                className,\n            )}\n        >\n            {items.map((item) => (\n                <button\n                    key={item.key}\n                    ref={element => {\n                        if (element) buttons.current.set(item.key, element);\n                        else buttons.current.delete(item.key);\n                    }}\n                    id={item.id ?? `${listId}-tab-${encodeURIComponent(item.key)}`}\n                    role=\"tab\"\n                    type=\"button\"\n                    aria-selected={value === item.key}\n                    aria-controls={item.panelId}\n                    tabIndex={!item.disabled && item.key === tabStop ? 0 : -1}\n                    disabled={item.disabled}\n                    onFocus={() => setFocusedKey(item.key)}\n                    onKeyDown={event => handleKeyDown(event, item.key)}\n                    onClick={() => onChange(item.key)}\n                    className={cn(\n                        'tab min-h-0 gap-1.5',\n                        block && 'flex-1',\n                        value === item.key && 'tab-active',\n                        item.disabled && 'tab-disabled',\n                    )}\n                >\n                    {item.icon && <span className=\"[&>svg]:h-[1.1em] [&>svg]:w-[1.1em]\">{item.icon}</span>}\n                    {item.label}\n                </button>\n            ))}\n        </div>\n    );\n}\n\nexport default Tabs;\n"],"mappings":";;;;AA4CA,IAAM,IAA6D;CAC/D,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACR;AAMA,SAAS,EAAgC,EACrC,UACA,UACA,aACA,aAAU,OACV,UAAO,MACP,WAAQ,IACR,OACA,cAAc,GACd,mBAAmB,GACnB,iBAAc,cACd,oBAAiB,UACjB,eAAY,MACC;CACb,IAAM,IAAc,EAAM,GACpB,IAAS,KAAM,QAAQ,KACvB,IAAU,kBAAO,IAAI,IAA0B,CAAC,GAChD,CAAC,GAAY,KAAiB,EAAmB,IAAI,GACrD,IAAe,EAAM,QAAO,MAAQ,CAAC,EAAK,QAAQ,GAClD,IAAU,EAAa,MAAK,MAAQ,EAAK,QAAQ,CAAU,CAAC,EAAE,OAC7D,EAAa,MAAK,MAAQ,EAAK,QAAQ,CAAK,CAAC,EAAE,OAC/C,EAAa,EAAE,EAAE,KAElB,KAAiB,GAA+C,MAAW;EAC7E,IAAI,EAAM,WAAW,EAAM,iBAAiB,EAAM,oBAAoB,EAAM,YAAY,eAAe,EAAM,UAAU,EAAM,WAAW,EAAM,SAAS;EACvJ,IAAM,IAAW,MAAgB,aAAa,YAAY,aACpD,IAAO,MAAgB,aAAa,cAAc,cAClD,IAAQ,EAAa,WAAU,MAAQ,EAAK,QAAQ,CAAG,GACzD;EACJ,IAAI,EAAM,QAAQ,QAAQ,IAAS,EAAa;OAC3C,IAAI,EAAM,QAAQ,OAAO,IAAS,EAAa,EAAa,SAAS;OACrE,IAAI,EAAM,QAAQ,KAAY,EAAM,QAAQ,GAAM;GACnD,IAAM,IAAO,EAAM,QAAQ,IAAO,IAAI;GACtC,IAAS,GAAc,IAAQ,IAAO,EAAa,UAAU,EAAa;EAC9E,OAAO;EACP,EAAM,eAAe,GACrB,EAAM,gBAAgB,GACjB,MACL,EAAQ,QAAQ,IAAI,EAAO,GAAG,CAAC,EAAE,MAAM,GACnC,MAAmB,eAAe,EAAO,QAAQ,KAAO,EAAS,EAAO,GAAG;CACnF,GAEM,IACF,MAAY,WAAW,gBACrB,MAAY,SAAS,cACrB,MAAY,SAAS,8BACrB;CAEN,OACI,kBAAC,OAAD;EACI,IAAI;EACJ,MAAK;EACL,cAAY;EACZ,mBAAiB;EACjB,oBAAkB;EAClB,SAAQ,MAAS;GACb,AAAK,EAAM,cAAc,SAAS,EAAM,aAA4B,KAAG,EAAc,IAAI;EAC7F;EACA,WAAW,EACP,uBACA,EAAW,IACX,GACA,KAAS,UACT,MAAgB,cAAc,iBAC9B,CACJ;EAEC,UAAA,EAAM,KAAK,MACR,kBAAC,UAAD;GAEI,MAAK,MAAW;IACZ,AAAI,IAAS,EAAQ,QAAQ,IAAI,EAAK,KAAK,CAAO,IAC7C,EAAQ,QAAQ,OAAO,EAAK,GAAG;GACxC;GACA,IAAI,EAAK,MAAM,GAAG,EAAO,OAAO,mBAAmB,EAAK,GAAG;GAC3D,MAAK;GACL,MAAK;GACL,iBAAe,MAAU,EAAK;GAC9B,iBAAe,EAAK;GACpB,UAAU,CAAC,EAAK,YAAY,EAAK,QAAQ,IAAU,IAAI;GACvD,UAAU,EAAK;GACf,eAAe,EAAc,EAAK,GAAG;GACrC,YAAW,MAAS,EAAc,GAAO,EAAK,GAAG;GACjD,eAAe,EAAS,EAAK,GAAG;GAChC,WAAW,EACP,uBACA,KAAS,UACT,MAAU,EAAK,OAAO,cACtB,EAAK,YAAY,cACrB;GArBJ,UAAA,CAuBK,EAAK,QAAQ,kBAAC,QAAD;IAAM,WAAU;IAAuC,UAAA,EAAK;GAAW,CAAA,GACpF,EAAK,KACF;EAxBC,GAAA,EAAK,GAwBN,CACX;CACA,CAAA;AAEb"}

package/dist/components/Text/index.d.ts

@@ -12,7 +12,7 @@ export type TextProps = Omit<React.HTMLAttributes<HTMLElement>, 'color'> & {
     size?: TextSize;
     /** Font weight. */
     weight?: TextWeight;
-    /** Semantic color. */
+    /** `muted` is neutral supporting text; `secondary` is the explicit theme brand color. */
     color?: TextColor;
     /** Text alignment. */
     align?: TextAlign;

package/dist/components/Text/index.js

@@ -18,9 +18,9 @@ var n = {
 	bold: "font-bold"
 }, i = {
 	default: "text-base-content",
-	muted: "text-base-content/60",
+	muted: "text-[color:var(--dishui-text-secondary)]",
 	primary: "text-primary",
-	secondary: "text-secondary",
+	secondary: "text-[color:var(--color-secondary)]",
 	accent: "text-accent",
 	info: "text-info",
 	success: "text-success",

package/dist/components/Text/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Text/index.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\n\nexport type TextElement =\n  | 'span'\n  | 'p'\n  | 'div'\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6'\n  | 'strong'\n  | 'em'\n  | 'small'\n  | 'code';\n\nexport type TextSize =\n  | 'xs'\n  | 'sm'\n  | 'base'\n  | 'lg'\n  | 'xl'\n  | '2xl'\n  | '3xl'\n  | '4xl';\n\nexport type TextWeight = 'normal' | 'medium' | 'semibold' | 'bold';\n\nexport type TextColor =\n  | 'default'\n  | 'muted'\n  | 'primary'\n  | 'secondary'\n  | 'accent'\n  | 'info'\n  | 'success'\n  | 'warning'\n  | 'error'\n  | 'inherit';\n\nexport type TextAlign = 'left' | 'center' | 'right' | 'justify';\n\nexport type TextProps = Omit<React.HTMLAttributes<HTMLElement>, 'color'> & {\n  children?: React.ReactNode;\n  /** Rendered HTML element. */\n  as?: TextElement;\n  /** Font size preset. */\n  size?: TextSize;\n  /** Font weight. */\n  weight?: TextWeight;\n  /** Semantic color. */\n  color?: TextColor;\n  /** Text alignment. */\n  align?: TextAlign;\n  /** Single-line ellipsis. */\n  truncate?: boolean;\n  /** Multi-line clamp (number of lines). */\n  clamp?: number;\n  /** Italic style. */\n  italic?: boolean;\n  /** Underline decoration. */\n  underline?: boolean;\n  /** Uppercase + letter-spacing (overline style). */\n  uppercase?: boolean;\n  /** Monospace font. */\n  mono?: boolean;\n  /** Extra class names. */\n  className?: string;\n  /** Inline styles. */\n  style?: React.CSSProperties;\n  /** Click handler. */\n  onClick?: (e: React.MouseEvent<HTMLElement>) => void;\n};\n\nconst SIZE_CLASS: Record<TextSize, string> = {\n  xs: 'text-xs',\n  sm: 'text-sm',\n  base: 'text-base',\n  lg: 'text-lg',\n  xl: 'text-xl',\n  '2xl': 'text-2xl',\n  '3xl': 'text-3xl',\n  '4xl': 'text-4xl',\n};\n\nconst WEIGHT_CLASS: Record<TextWeight, string> = {\n  normal: 'font-normal',\n  medium: 'font-medium',\n  semibold: 'font-semibold',\n  bold: 'font-bold',\n};\n\nconst COLOR_CLASS: Record<TextColor, string> = {\n  default: 'text-base-content',\n  muted: 'text-base-content/60',\n  primary: 'text-primary',\n  secondary: 'text-secondary',\n  accent: 'text-accent',\n  info: 'text-info',\n  success: 'text-success',\n  warning: 'text-warning',\n  error: 'text-error',\n  inherit: '',\n};\n\nconst ALIGN_CLASS: Record<TextAlign, string> = {\n  left: 'text-left',\n  center: 'text-center',\n  right: 'text-right',\n  justify: 'text-justify',\n};\n\n/**\n * Text —— A2UI 展示组件：文本排版原语。\n * 统一字号 / 字重 / 语义色 / 对齐与截断，替代散落各处的裸 `text-*` 组合。\n */\nconst Text: React.FC<TextProps> = ({\n  children,\n  as = 'span',\n  size = 'base',\n  weight = 'normal',\n  color = 'default',\n  align,\n  truncate = false,\n  clamp,\n  italic = false,\n  underline = false,\n  uppercase = false,\n  mono = false,\n  className = '',\n  style,\n  onClick,\n  ...attributes\n}) => {\n  const Tag = as as React.ElementType;\n\n  const classes = cn(\n    SIZE_CLASS[size],\n    WEIGHT_CLASS[weight],\n    COLOR_CLASS[color],\n    align && ALIGN_CLASS[align],\n    truncate && 'truncate',\n    italic && 'italic',\n    underline && 'underline',\n    uppercase && 'uppercase tracking-wider',\n    mono && 'font-mono',\n    !truncate && clamp && clamp > 0 && 'overflow-hidden',\n    className,\n  );\n\n  const clampStyle: React.CSSProperties =\n    !truncate && clamp && clamp > 0\n      ? {\n          display: '-webkit-box',\n          WebkitLineClamp: clamp,\n          WebkitBoxOrient: 'vertical',\n          overflow: 'hidden',\n        }\n      : {};\n\n  return (\n    <Tag {...attributes} className={classes} style={{ ...clampStyle, ...style }} onClick={onClick}>\n      {children}\n    </Tag>\n  );\n};\n\nexport default Text;\n"],"mappings":";;;;AA4EA,IAAM,IAAuC;CAC3C,IAAI;CACJ,IAAI;CACJ,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,OAAO;CACP,OAAO;AACT,GAEM,IAA2C;CAC/C,QAAQ;CACR,QAAQ;CACR,UAAU;CACV,MAAM;AACR,GAEM,IAAyC;CAC7C,SAAS;CACT,OAAO;CACP,SAAS;CACT,WAAW;CACX,QAAQ;CACR,MAAM;CACN,SAAS;CACT,SAAS;CACT,OAAO;CACP,SAAS;AACX,GAEM,IAAyC;CAC7C,MAAM;CACN,QAAQ;CACR,OAAO;CACP,SAAS;AACX,GAMM,KAA6B,EACjC,aACA,QAAK,QACL,UAAO,QACP,YAAS,UACT,WAAQ,WACR,UACA,cAAW,IACX,UACA,YAAS,IACT,eAAY,IACZ,eAAY,IACZ,UAAO,IACP,eAAY,IACZ,UACA,YACA,GAAG,QACC;CACJ,IAAM,IAAM,GAEN,IAAU,EACd,EAAW,IACX,EAAa,IACb,EAAY,IACZ,KAAS,EAAY,IACrB,KAAY,YACZ,KAAU,UACV,KAAa,aACb,KAAa,4BACb,KAAQ,aACR,CAAC,KAAY,KAAS,IAAQ,KAAK,mBACnC,CACF,GAEM,IACJ,CAAC,KAAY,KAAS,IAAQ,IAC1B;EACE,SAAS;EACT,iBAAiB;EACjB,iBAAiB;EACjB,UAAU;CACZ,IACA,CAAC;CAEP,OACE,kBAAC,GAAD;EAAK,GAAI;EAAY,WAAW;EAAS,OAAO;GAAE,GAAG;GAAY,GAAG;EAAM;EAAY;EACnF;CACE,CAAA;AAET"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Text/index.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\n\nexport type TextElement =\n  | 'span'\n  | 'p'\n  | 'div'\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6'\n  | 'strong'\n  | 'em'\n  | 'small'\n  | 'code';\n\nexport type TextSize =\n  | 'xs'\n  | 'sm'\n  | 'base'\n  | 'lg'\n  | 'xl'\n  | '2xl'\n  | '3xl'\n  | '4xl';\n\nexport type TextWeight = 'normal' | 'medium' | 'semibold' | 'bold';\n\nexport type TextColor =\n  | 'default'\n  | 'muted'\n  | 'primary'\n  | 'secondary'\n  | 'accent'\n  | 'info'\n  | 'success'\n  | 'warning'\n  | 'error'\n  | 'inherit';\n\nexport type TextAlign = 'left' | 'center' | 'right' | 'justify';\n\nexport type TextProps = Omit<React.HTMLAttributes<HTMLElement>, 'color'> & {\n  children?: React.ReactNode;\n  /** Rendered HTML element. */\n  as?: TextElement;\n  /** Font size preset. */\n  size?: TextSize;\n  /** Font weight. */\n  weight?: TextWeight;\n  /** `muted` is neutral supporting text; `secondary` is the explicit theme brand color. */\n  color?: TextColor;\n  /** Text alignment. */\n  align?: TextAlign;\n  /** Single-line ellipsis. */\n  truncate?: boolean;\n  /** Multi-line clamp (number of lines). */\n  clamp?: number;\n  /** Italic style. */\n  italic?: boolean;\n  /** Underline decoration. */\n  underline?: boolean;\n  /** Uppercase + letter-spacing (overline style). */\n  uppercase?: boolean;\n  /** Monospace font. */\n  mono?: boolean;\n  /** Extra class names. */\n  className?: string;\n  /** Inline styles. */\n  style?: React.CSSProperties;\n  /** Click handler. */\n  onClick?: (e: React.MouseEvent<HTMLElement>) => void;\n};\n\nconst SIZE_CLASS: Record<TextSize, string> = {\n  xs: 'text-xs',\n  sm: 'text-sm',\n  base: 'text-base',\n  lg: 'text-lg',\n  xl: 'text-xl',\n  '2xl': 'text-2xl',\n  '3xl': 'text-3xl',\n  '4xl': 'text-4xl',\n};\n\nconst WEIGHT_CLASS: Record<TextWeight, string> = {\n  normal: 'font-normal',\n  medium: 'font-medium',\n  semibold: 'font-semibold',\n  bold: 'font-bold',\n};\n\nconst COLOR_CLASS: Record<TextColor, string> = {\n  default: 'text-base-content',\n  muted: 'text-[color:var(--dishui-text-secondary)]',\n  primary: 'text-primary',\n  secondary: 'text-[color:var(--color-secondary)]',\n  accent: 'text-accent',\n  info: 'text-info',\n  success: 'text-success',\n  warning: 'text-warning',\n  error: 'text-error',\n  inherit: '',\n};\n\nconst ALIGN_CLASS: Record<TextAlign, string> = {\n  left: 'text-left',\n  center: 'text-center',\n  right: 'text-right',\n  justify: 'text-justify',\n};\n\n/**\n * Text —— A2UI 展示组件：文本排版原语。\n * 统一字号 / 字重 / 语义色 / 对齐与截断，替代散落各处的裸 `text-*` 组合。\n */\nconst Text: React.FC<TextProps> = ({\n  children,\n  as = 'span',\n  size = 'base',\n  weight = 'normal',\n  color = 'default',\n  align,\n  truncate = false,\n  clamp,\n  italic = false,\n  underline = false,\n  uppercase = false,\n  mono = false,\n  className = '',\n  style,\n  onClick,\n  ...attributes\n}) => {\n  const Tag = as as React.ElementType;\n\n  const classes = cn(\n    SIZE_CLASS[size],\n    WEIGHT_CLASS[weight],\n    COLOR_CLASS[color],\n    align && ALIGN_CLASS[align],\n    truncate && 'truncate',\n    italic && 'italic',\n    underline && 'underline',\n    uppercase && 'uppercase tracking-wider',\n    mono && 'font-mono',\n    !truncate && clamp && clamp > 0 && 'overflow-hidden',\n    className,\n  );\n\n  const clampStyle: React.CSSProperties =\n    !truncate && clamp && clamp > 0\n      ? {\n          display: '-webkit-box',\n          WebkitLineClamp: clamp,\n          WebkitBoxOrient: 'vertical',\n          overflow: 'hidden',\n        }\n      : {};\n\n  return (\n    <Tag {...attributes} className={classes} style={{ ...clampStyle, ...style }} onClick={onClick}>\n      {children}\n    </Tag>\n  );\n};\n\nexport default Text;\n"],"mappings":";;;;AA4EA,IAAM,IAAuC;CAC3C,IAAI;CACJ,IAAI;CACJ,MAAM;CACN,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,OAAO;CACP,OAAO;AACT,GAEM,IAA2C;CAC/C,QAAQ;CACR,QAAQ;CACR,UAAU;CACV,MAAM;AACR,GAEM,IAAyC;CAC7C,SAAS;CACT,OAAO;CACP,SAAS;CACT,WAAW;CACX,QAAQ;CACR,MAAM;CACN,SAAS;CACT,SAAS;CACT,OAAO;CACP,SAAS;AACX,GAEM,IAAyC;CAC7C,MAAM;CACN,QAAQ;CACR,OAAO;CACP,SAAS;AACX,GAMM,KAA6B,EACjC,aACA,QAAK,QACL,UAAO,QACP,YAAS,UACT,WAAQ,WACR,UACA,cAAW,IACX,UACA,YAAS,IACT,eAAY,IACZ,eAAY,IACZ,UAAO,IACP,eAAY,IACZ,UACA,YACA,GAAG,QACC;CACJ,IAAM,IAAM,GAEN,IAAU,EACd,EAAW,IACX,EAAa,IACb,EAAY,IACZ,KAAS,EAAY,IACrB,KAAY,YACZ,KAAU,UACV,KAAa,aACb,KAAa,4BACb,KAAQ,aACR,CAAC,KAAY,KAAS,IAAQ,KAAK,mBACnC,CACF,GAEM,IACJ,CAAC,KAAY,KAAS,IAAQ,IAC1B;EACE,SAAS;EACT,iBAAiB;EACjB,iBAAiB;EACjB,UAAU;CACZ,IACA,CAAC;CAEP,OACE,kBAAC,GAAD;EAAK,GAAI;EAAY,WAAW;EAAS,OAAO;GAAE,GAAG;GAAY,GAAG;EAAM;EAAY;EACnF;CACE,CAAA;AAET"}

package/dist/components/pro/ArticleContextMenu/index.js

@@ -1,6 +1,6 @@
-import { useClickOutside as e } from "../../../hooks/useClickOutside.js";
-import { useContainerElement as t } from "../../../hooks/useContainerElement.js";
-import { getMarkdownContent as n, getSelectionInfo as r } from "../../../utils/selection.js";
+import { useContainerElement as e } from "../../../hooks/useContainerElement.js";
+import { getMarkdownContent as t, getSelectionInfo as n } from "../../../utils/selection.js";
+import { useClickOutside as r } from "../../../hooks/useClickOutside.js";
 import { useCallback as i, useEffect as a, useRef as o, useState as s } from "react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
 //#region src/components/pro/ArticleContextMenu/index.tsx
@@ -8,8 +8,8 @@ var u = ({ targetId: u, targetRef: d, menuItems: f, className: p = "", enabled:
 	let [h, g] = s(!1), [_, v] = s({
 		x: 0,
 		y: 0
-	}), [y, b] = s(!1), x = o(null), S = t(u, d);
-	e(x, i(() => g(!1), []), h);
+	}), [y, b] = s(!1), x = o(null), S = e(u, d);
+	r(x, i(() => g(!1), []), h);
 	let C = i((e) => {
 		if (!m || !S) return;
 		let t = e.target, n = !1;
@@ -31,8 +31,8 @@ var u = ({ targetId: u, targetRef: d, menuItems: f, className: p = "", enabled:
 		}), g(!0);
 	}, [m, S]), w = i((e) => {
 		if (e.disabled) return;
-		let t = n(S), i = r(S);
-		e.action(t, i), g(!1);
+		let r = t(S), i = n(S);
+		e.action(r, i), g(!1);
 	}, [S]);
 	return a(() => {
 		if (!h) return;