@greypan/web-ui 1.4.2 → 2.0.1

package/dist/node_modules/.pnpm/@floating-ui_utils@0.2.12/node_modules/@floating-ui/utils/dist/floating-ui.utils.js

@@ -0,0 +1,102 @@
+//#region ../../node_modules/.pnpm/@floating-ui+utils@0.2.12/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs
+var e = Math.min, t = Math.max, n = Math.round, r = Math.floor, i = (e) => ({
+	x: e,
+	y: e
+}), a = {
+	left: "right",
+	right: "left",
+	bottom: "top",
+	top: "bottom"
+};
+function o(n, r, i) {
+	return t(n, e(r, i));
+}
+function s(e, t) {
+	return typeof e == "function" ? e(t) : e;
+}
+function c(e) {
+	return e.split("-")[0];
+}
+function l(e) {
+	return e.split("-")[1];
+}
+function u(e) {
+	return e === "x" ? "y" : "x";
+}
+function d(e) {
+	return e === "y" ? "height" : "width";
+}
+function f(e) {
+	let t = e[0];
+	return t === "t" || t === "b" ? "y" : "x";
+}
+function p(e) {
+	return u(f(e));
+}
+function m(e, t, n) {
+	n === void 0 && (n = !1);
+	let r = l(e), i = p(e), a = d(i), o = i === "x" ? r === (n ? "end" : "start") ? "right" : "left" : r === "start" ? "bottom" : "top";
+	return t.reference[a] > t.floating[a] && (o = C(o)), [o, C(o)];
+}
+function h(e) {
+	let t = C(e);
+	return [
+		g(e),
+		t,
+		g(t)
+	];
+}
+function g(e) {
+	return e.includes("start") ? e.replace("start", "end") : e.replace("end", "start");
+}
+var _ = ["left", "right"], v = ["right", "left"], y = ["top", "bottom"], b = ["bottom", "top"];
+function x(e, t, n) {
+	switch (e) {
+		case "top":
+		case "bottom": return n ? t ? v : _ : t ? _ : v;
+		case "left":
+		case "right": return t ? y : b;
+		default: return [];
+	}
+}
+function S(e, t, n, r) {
+	let i = l(e), a = x(c(e), n === "start", r);
+	return i && (a = a.map((e) => e + "-" + i), t && (a = a.concat(a.map(g)))), a;
+}
+function C(e) {
+	let t = c(e);
+	return a[t] + e.slice(t.length);
+}
+function w(e) {
+	return {
+		top: e.top ?? 0,
+		right: e.right ?? 0,
+		bottom: e.bottom ?? 0,
+		left: e.left ?? 0
+	};
+}
+function T(e) {
+	return typeof e == "number" ? {
+		top: e,
+		right: e,
+		bottom: e,
+		left: e
+	} : w(e);
+}
+function E(e) {
+	let { x: t, y: n, width: r, height: i } = e;
+	return {
+		width: r,
+		height: i,
+		top: n,
+		left: t,
+		right: t + r,
+		bottom: n + i,
+		x: t,
+		y: n
+	};
+}
+//#endregion
+export { o as clamp, i as createCoords, s as evaluate, w as expandPaddingObject, r as floor, l as getAlignment, p as getAlignmentAxis, m as getAlignmentSides, d as getAxisLength, h as getExpandedPlacements, g as getOppositeAlignmentPlacement, u as getOppositeAxis, S as getOppositeAxisPlacements, C as getOppositePlacement, T as getPaddingObject, c as getSide, f as getSideAxis, t as max, e as min, E as rectToClientRect, n as round };
+
+//# sourceMappingURL=floating-ui.utils.js.map

package/dist/node_modules/.pnpm/@floating-ui_utils@0.2.12/node_modules/@floating-ui/utils/dist/floating-ui.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"floating-ui.utils.js","names":[],"sources":["../../../../../../../../../../node_modules/.pnpm/@floating-ui+utils@0.2.12/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs"],"sourcesContent":["/**\n * Custom positioning reference element.\n * @see https://floating-ui.com/docs/virtual-elements\n */\n\nconst sides = ['top', 'right', 'bottom', 'left'];\nconst alignments = ['start', 'end'];\nconst placements = /*#__PURE__*/sides.reduce((acc, side) => acc.concat(side, side + \"-\" + alignments[0], side + \"-\" + alignments[1]), []);\nconst min = Math.min;\nconst max = Math.max;\nconst round = Math.round;\nconst floor = Math.floor;\nconst createCoords = v => ({\n  x: v,\n  y: v\n});\nconst oppositeSideMap = {\n  left: 'right',\n  right: 'left',\n  bottom: 'top',\n  top: 'bottom'\n};\nfunction clamp(start, value, end) {\n  return max(start, min(value, end));\n}\nfunction evaluate(value, param) {\n  return typeof value === 'function' ? value(param) : value;\n}\nfunction getSide(placement) {\n  return placement.split('-')[0];\n}\nfunction getAlignment(placement) {\n  return placement.split('-')[1];\n}\nfunction getOppositeAxis(axis) {\n  return axis === 'x' ? 'y' : 'x';\n}\nfunction getAxisLength(axis) {\n  return axis === 'y' ? 'height' : 'width';\n}\nfunction getSideAxis(placement) {\n  const firstChar = placement[0];\n  return firstChar === 't' || firstChar === 'b' ? 'y' : 'x';\n}\nfunction getAlignmentAxis(placement) {\n  return getOppositeAxis(getSideAxis(placement));\n}\nfunction getAlignmentSides(placement, rects, rtl) {\n  if (rtl === void 0) {\n    rtl = false;\n  }\n  const alignment = getAlignment(placement);\n  const alignmentAxis = getAlignmentAxis(placement);\n  const length = getAxisLength(alignmentAxis);\n  let mainAlignmentSide = alignmentAxis === 'x' ? alignment === (rtl ? 'end' : 'start') ? 'right' : 'left' : alignment === 'start' ? 'bottom' : 'top';\n  if (rects.reference[length] > rects.floating[length]) {\n    mainAlignmentSide = getOppositePlacement(mainAlignmentSide);\n  }\n  return [mainAlignmentSide, getOppositePlacement(mainAlignmentSide)];\n}\nfunction getExpandedPlacements(placement) {\n  const oppositePlacement = getOppositePlacement(placement);\n  return [getOppositeAlignmentPlacement(placement), oppositePlacement, getOppositeAlignmentPlacement(oppositePlacement)];\n}\nfunction getOppositeAlignmentPlacement(placement) {\n  return placement.includes('start') ? placement.replace('start', 'end') : placement.replace('end', 'start');\n}\nconst lrPlacement = ['left', 'right'];\nconst rlPlacement = ['right', 'left'];\nconst tbPlacement = ['top', 'bottom'];\nconst btPlacement = ['bottom', 'top'];\nfunction getSideList(side, isStart, rtl) {\n  switch (side) {\n    case 'top':\n    case 'bottom':\n      if (rtl) return isStart ? rlPlacement : lrPlacement;\n      return isStart ? lrPlacement : rlPlacement;\n    case 'left':\n    case 'right':\n      return isStart ? tbPlacement : btPlacement;\n    default:\n      return [];\n  }\n}\nfunction getOppositeAxisPlacements(placement, flipAlignment, direction, rtl) {\n  const alignment = getAlignment(placement);\n  let list = getSideList(getSide(placement), direction === 'start', rtl);\n  if (alignment) {\n    list = list.map(side => side + \"-\" + alignment);\n    if (flipAlignment) {\n      list = list.concat(list.map(getOppositeAlignmentPlacement));\n    }\n  }\n  return list;\n}\nfunction getOppositePlacement(placement) {\n  const side = getSide(placement);\n  return oppositeSideMap[side] + placement.slice(side.length);\n}\nfunction expandPaddingObject(padding) {\n  var _padding$top, _padding$right, _padding$bottom, _padding$left;\n  return {\n    top: (_padding$top = padding.top) != null ? _padding$top : 0,\n    right: (_padding$right = padding.right) != null ? _padding$right : 0,\n    bottom: (_padding$bottom = padding.bottom) != null ? _padding$bottom : 0,\n    left: (_padding$left = padding.left) != null ? _padding$left : 0\n  };\n}\nfunction getPaddingObject(padding) {\n  return typeof padding !== 'number' ? expandPaddingObject(padding) : {\n    top: padding,\n    right: padding,\n    bottom: padding,\n    left: padding\n  };\n}\nfunction rectToClientRect(rect) {\n  const {\n    x,\n    y,\n    width,\n    height\n  } = rect;\n  return {\n    width,\n    height,\n    top: y,\n    left: x,\n    right: x + width,\n    bottom: y + height,\n    x,\n    y\n  };\n}\n\nexport { alignments, clamp, createCoords, evaluate, expandPaddingObject, floor, getAlignment, getAlignmentAxis, getAlignmentSides, getAxisLength, getExpandedPlacements, getOppositeAlignmentPlacement, getOppositeAxis, getOppositeAxisPlacements, getOppositePlacement, getPaddingObject, getSide, getSideAxis, max, min, placements, rectToClientRect, round, sides };\n"],"x_google_ignoreList":[0],"mappings":"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"}

package/dist/shared/menu-portal/menu-portal.js

@@ -0,0 +1,11 @@
+import { getFallbackOverlayRoot as e } from "../theme/overlay-root.js";
+import { findNearestTheme as t, findRootTheme as n } from "../theme/theme-scope.js";
+//#region src/shared/menu-portal/menu-portal.ts
+function r(r, i) {
+	let a = document.createElement("div");
+	return a.className = `wui-menu-portal-overlay wui-floating-panel wui-glass ${r}`, ((i ? t(i) : n())?.getOverlayRoot() ?? e()).appendChild(a), a;
+}
+//#endregion
+export { r as createMenuPortalOverlay };
+
+//# sourceMappingURL=menu-portal.js.map

package/dist/shared/menu-portal/menu-portal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu-portal.js","names":[],"sources":["../../../src/shared/menu-portal/menu-portal.ts"],"sourcesContent":["import { getFallbackOverlayRoot } from '@/shared/theme/overlay-root'\nimport { findNearestTheme, findRootTheme } from '@/shared/theme/theme-scope'\n\nexport function createMenuPortalOverlay(className: string, target?: Element): HTMLElement {\n  const overlay = document.createElement('div')\n  overlay.className = `wui-menu-portal-overlay wui-floating-panel wui-glass ${className}`\n  const root = target ? findNearestTheme(target) : findRootTheme()\n  const container = root?.getOverlayRoot() ?? getFallbackOverlayRoot()\n  container.appendChild(overlay)\n  return overlay\n}\n"],"mappings":";;;AAGA,SAAgB,EAAwB,GAAmB,GAA+B;CACxF,IAAM,IAAU,SAAS,cAAc,KAAK;CAK5C,OAJA,EAAQ,YAAY,wDAAwD,OAC/D,IAAS,EAAiB,CAAM,IAAI,EAAc,EAAA,EACvC,eAAe,KAAK,EAAuB,EAAA,CACzD,YAAY,CAAO,GACtB;AACT"}

package/dist/shared/normalize/index.js

@@ -0,0 +1,11 @@
+//#region src/shared/normalize/index.ts
+function e(e, t, n) {
+	return typeof e == "string" && t.includes(e) ? e : n;
+}
+function t(e, t, n, r) {
+	return typeof e == "number" && Number.isFinite(e) ? Math.min(n, Math.max(t, e)) : r;
+}
+//#endregion
+export { e as normalizeLiteral, t as normalizeNumber };
+
+//# sourceMappingURL=index.js.map

package/dist/shared/normalize/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/shared/normalize/index.ts"],"sourcesContent":["/**\n * 运行时参数规范化工具。\n *\n * 组件的属性 setter 在赋值前调用这些函数，确保非法输入回退到文档化默认值。\n * 这与 TypeScript 类型系统互补——类型保证编译期安全，运行时规范化保证 JS 调用方的健壮性。\n *\n * 使用方式：\n * ```\n * import { normalizeLiteral } from '@/shared/normalize'\n *\n * @property({ type: String, reflect: true })\n * get variant(): 'primary' | 'secondary' | 'ghost' { return this._variant }\n * set variant(v: string) {\n *   this._variant = normalizeLiteral(v, ALLOWED_VARIANTS, 'primary')\n *   this.requestUpdate('variant', old)\n * }\n * ```\n */\n\n/** 字面量联合类型属性可接受的值 */\nexport type LiteralValues<T extends string> = readonly T[]\n\n/**\n * 将输入值规范化为字面量联合类型之一。\n * 不在允许集合中的值回退到默认值。\n */\nexport function normalizeLiteral<T extends string>(value: unknown, allowed: LiteralValues<T>, defaultValue: T): T {\n  if (typeof value === 'string' && (allowed as readonly string[]).includes(value)) {\n    return value as T\n  }\n  return defaultValue\n}\n\n/**\n * 将输入值规范化为指定范围内的数值。\n * NaN、Infinity 或非数值回退到默认值。\n */\nexport function normalizeNumber(value: unknown, min: number, max: number, defaultValue: number): number {\n  if (typeof value === 'number' && Number.isFinite(value)) {\n    return Math.min(max, Math.max(min, value))\n  }\n  return defaultValue\n}\n"],"mappings":";AA0BA,SAAgB,EAAmC,GAAgB,GAA2B,GAAoB;CAIhH,OAHI,OAAO,KAAU,YAAa,EAA8B,SAAS,CAAK,IACrE,IAEF;AACT;AAMA,SAAgB,EAAgB,GAAgB,GAAa,GAAa,GAA8B;CAItG,OAHI,OAAO,KAAU,YAAY,OAAO,SAAS,CAAK,IAC7C,KAAK,IAAI,GAAK,KAAK,IAAI,GAAK,CAAK,CAAC,IAEpC;AACT"}

package/dist/shared/overlay/overlay.js

@@ -0,0 +1,68 @@
+import { autoUpdate as e, computePosition as t, flip as n, offset as r, shift as i, size as a } from "../../node_modules/.pnpm/@floating-ui_dom@1.8.0/node_modules/@floating-ui/dom/dist/floating-ui.dom.js";
+import { definePlugin as o } from "@greypan/js-kit";
+//#region src/shared/overlay/overlay.ts
+var s = {
+	placement: "bottom-start",
+	offset: 4,
+	flip: !0,
+	shift: !0,
+	matchWidth: !1,
+	minAnchorWidth: !1,
+	strategy: "absolute"
+};
+function c(e) {
+	let [t, n] = e.split("-"), r = n === "start" ? "left" : n === "end" ? "right" : "center", i = n === "start" ? "top" : n === "end" ? "bottom" : "center";
+	return t === "top" ? `bottom ${r}` : t === "bottom" ? `top ${r}` : t === "left" ? `right ${i}` : `left ${i}`;
+}
+var l = o((o) => {
+	let l = {
+		placement: o.placement ?? s.placement,
+		offset: o.offset ?? s.offset,
+		flip: o.flip ?? s.flip,
+		shift: o.shift ?? s.shift,
+		matchWidth: o.matchWidth ?? s.matchWidth,
+		minAnchorWidth: o.minAnchorWidth ?? s.minAnchorWidth,
+		strategy: o.strategy ?? s.strategy
+	}, u = o.overlay, d = !1, f = null, p = o.anchor;
+	function m() {
+		let o = [r(l.offset)];
+		l.flip && o.push(n()), l.shift && o.push(i({ padding: 8 })), l.matchWidth ? o.push(a({ apply({ rects: e }) {
+			u.style.width = `${e.reference.width}px`;
+		} })) : l.minAnchorWidth && o.push(a({ apply({ rects: e }) {
+			u.style.minWidth = `${Math.max(e.reference.width, 120)}px`;
+		} })), f?.(), f = e(p, u, () => {
+			t(p, u, {
+				placement: l.placement,
+				strategy: l.strategy,
+				middleware: o
+			}).then(({ x: e, y: t, placement: n }) => {
+				u.style.left = `${e}px`, u.style.top = `${t}px`, u.style.setProperty("--wui-overlay-transform-origin", c(n));
+			});
+		});
+	}
+	return {
+		isOpen() {
+			return d;
+		},
+		options: l,
+		open() {
+			d || (d = !0, u.style.display = "", m());
+		},
+		close() {
+			d && (d = !1, f?.(), f = null);
+		},
+		toggle() {
+			d ? this.close() : this.open();
+		},
+		updateAnchor(e) {
+			p = e, d && m();
+		},
+		dispose() {
+			this.close();
+		}
+	};
+});
+//#endregion
+export { l as withOverlay };
+
+//# sourceMappingURL=overlay.js.map

package/dist/shared/overlay/overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.js","names":[],"sources":["../../../src/shared/overlay/overlay.ts"],"sourcesContent":["import {\n  autoUpdate,\n  computePosition,\n  flip,\n  offset,\n  shift,\n  size,\n  type Middleware,\n  type Placement,\n  type Strategy\n} from '@floating-ui/dom'\nimport { definePlugin } from '@greypan/js-kit'\n\nexport interface OverlayOptions {\n  placement?: Placement\n  offset?: number\n  flip?: boolean\n  shift?: boolean\n  /** Sync overlay width to anchor width */\n  matchWidth?: boolean\n  /** Set overlay min-width to anchor width (content can expand wider) */\n  minAnchorWidth?: boolean\n  strategy?: Strategy\n}\n\nexport interface OverlayApi {\n  isOpen(): boolean\n  readonly options: Required<OverlayOptions>\n  open(): void\n  close(): void\n  toggle(): void\n  updateAnchor(anchor: HTMLElement): void\n  dispose(): void\n}\n\nconst DEFAULT_OPTIONS: Required<OverlayOptions> = {\n  placement: 'bottom-start',\n  offset: 4,\n  flip: true,\n  shift: true,\n  matchWidth: false,\n  minAnchorWidth: false,\n  strategy: 'absolute'\n}\n\nfunction getTransformOrigin(placement: Placement): string {\n  const [side, alignment] = placement.split('-')\n  const horizontalOrigin = alignment === 'start' ? 'left' : alignment === 'end' ? 'right' : 'center'\n  const verticalOrigin = alignment === 'start' ? 'top' : alignment === 'end' ? 'bottom' : 'center'\n\n  if (side === 'top') return `bottom ${horizontalOrigin}`\n  if (side === 'bottom') return `top ${horizontalOrigin}`\n  if (side === 'left') return `right ${verticalOrigin}`\n  return `left ${verticalOrigin}`\n}\n\nexport const withOverlay = definePlugin<OverlayApi, { anchor: HTMLElement; overlay: HTMLElement } & OverlayOptions>(\n  ctx => {\n    const options: Required<OverlayOptions> = {\n      placement: ctx.placement ?? DEFAULT_OPTIONS.placement,\n      offset: ctx.offset ?? DEFAULT_OPTIONS.offset,\n      flip: ctx.flip ?? DEFAULT_OPTIONS.flip,\n      shift: ctx.shift ?? DEFAULT_OPTIONS.shift,\n      matchWidth: ctx.matchWidth ?? DEFAULT_OPTIONS.matchWidth,\n      minAnchorWidth: ctx.minAnchorWidth ?? DEFAULT_OPTIONS.minAnchorWidth,\n      strategy: ctx.strategy ?? DEFAULT_OPTIONS.strategy\n    }\n\n    const overlay = ctx.overlay\n    let isOpen = false\n    let cleanup: (() => void) | null = null\n    let anchor = ctx.anchor\n\n    function updatePosition() {\n      const middleware: Middleware[] = [offset(options.offset)]\n      if (options.flip) middleware.push(flip())\n      if (options.shift) middleware.push(shift({ padding: 8 }))\n      if (options.matchWidth) {\n        middleware.push(\n          size({\n            apply({ rects }) {\n              overlay.style.width = `${rects.reference.width}px`\n            }\n          })\n        )\n      } else if (options.minAnchorWidth) {\n        middleware.push(\n          size({\n            apply({ rects }) {\n              overlay.style.minWidth = `${Math.max(rects.reference.width, 120)}px`\n            }\n          })\n        )\n      }\n\n      cleanup?.()\n      cleanup = autoUpdate(anchor, overlay, () => {\n        void computePosition(anchor, overlay, {\n          placement: options.placement,\n          strategy: options.strategy,\n          middleware\n        }).then(({ x, y, placement }) => {\n          overlay.style.left = `${x}px`\n          overlay.style.top = `${y}px`\n          overlay.style.setProperty('--wui-overlay-transform-origin', getTransformOrigin(placement))\n        })\n      })\n    }\n\n    return {\n      isOpen() {\n        return isOpen\n      },\n      options,\n\n      open() {\n        if (isOpen) return\n        isOpen = true\n        overlay.style.display = ''\n        updatePosition()\n      },\n\n      close() {\n        if (!isOpen) return\n        isOpen = false\n        cleanup?.()\n        cleanup = null\n      },\n\n      toggle() {\n        if (isOpen) this.close()\n        else this.open()\n      },\n\n      updateAnchor(newAnchor: HTMLElement) {\n        anchor = newAnchor\n        if (isOpen) updatePosition()\n      },\n\n      dispose() {\n        this.close()\n      }\n    }\n  }\n)\n"],"mappings":";;;AAmCA,IAAM,IAA4C;CAChD,WAAW;CACX,QAAQ;CACR,MAAM;CACN,OAAO;CACP,YAAY;CACZ,gBAAgB;CAChB,UAAU;AACZ;AAEA,SAAS,EAAmB,GAA8B;CACxD,IAAM,CAAC,GAAM,KAAa,EAAU,MAAM,GAAG,GACvC,IAAmB,MAAc,UAAU,SAAS,MAAc,QAAQ,UAAU,UACpF,IAAiB,MAAc,UAAU,QAAQ,MAAc,QAAQ,WAAW;CAKxF,OAHI,MAAS,QAAc,UAAU,MACjC,MAAS,WAAiB,OAAO,MACjC,MAAS,SAAe,SAAS,MAC9B,QAAQ;AACjB;AAEA,IAAa,IAAc,GACzB,MAAO;CACL,IAAM,IAAoC;EACxC,WAAW,EAAI,aAAa,EAAgB;EAC5C,QAAQ,EAAI,UAAU,EAAgB;EACtC,MAAM,EAAI,QAAQ,EAAgB;EAClC,OAAO,EAAI,SAAS,EAAgB;EACpC,YAAY,EAAI,cAAc,EAAgB;EAC9C,gBAAgB,EAAI,kBAAkB,EAAgB;EACtD,UAAU,EAAI,YAAY,EAAgB;CAC5C,GAEM,IAAU,EAAI,SAChB,IAAS,IACT,IAA+B,MAC/B,IAAS,EAAI;CAEjB,SAAS,IAAiB;EACxB,IAAM,IAA2B,CAAC,EAAO,EAAQ,MAAM,CAAC;EAsBxD,AArBI,EAAQ,QAAM,EAAW,KAAK,EAAK,CAAC,GACpC,EAAQ,SAAO,EAAW,KAAK,EAAM,EAAE,SAAS,EAAE,CAAC,CAAC,GACpD,EAAQ,aACV,EAAW,KACT,EAAK,EACH,MAAM,EAAE,YAAS;GACf,EAAQ,MAAM,QAAQ,GAAG,EAAM,UAAU,MAAM;EACjD,EACF,CAAC,CACH,IACS,EAAQ,kBACjB,EAAW,KACT,EAAK,EACH,MAAM,EAAE,YAAS;GACf,EAAQ,MAAM,WAAW,GAAG,KAAK,IAAI,EAAM,UAAU,OAAO,GAAG,EAAE;EACnE,EACF,CAAC,CACH,GAGF,IAAU,GACV,IAAU,EAAW,GAAQ,SAAe;GAC1C,EAAqB,GAAQ,GAAS;IACpC,WAAW,EAAQ;IACnB,UAAU,EAAQ;IAClB;GACF,CAAC,CAAC,CAAC,MAAM,EAAE,MAAG,MAAG,mBAAgB;IAG/B,AAFA,EAAQ,MAAM,OAAO,GAAG,EAAE,KAC1B,EAAQ,MAAM,MAAM,GAAG,EAAE,KACzB,EAAQ,MAAM,YAAY,kCAAkC,EAAmB,CAAS,CAAC;GAC3F,CAAC;EACH,CAAC;CACH;CAEA,OAAO;EACL,SAAS;GACP,OAAO;EACT;EACA;EAEA,OAAO;GACD,MACJ,IAAS,IACT,EAAQ,MAAM,UAAU,IACxB,EAAe;EACjB;EAEA,QAAQ;GACD,MACL,IAAS,IACT,IAAU,GACV,IAAU;EACZ;EAEA,SAAS;GACP,AAAI,IAAQ,KAAK,MAAM,IAClB,KAAK,KAAK;EACjB;EAEA,aAAa,GAAwB;GAEnC,AADA,IAAS,GACL,KAAQ,EAAe;EAC7B;EAEA,UAAU;GACR,KAAK,MAAM;EACb;CACF;AACF,CACF"}

package/dist/shared/overlay/portal.js

@@ -0,0 +1,29 @@
+import { getFallbackOverlayRoot as e } from "../theme/overlay-root.js";
+import { findNearestTheme as t } from "../theme/theme-scope.js";
+//#region src/shared/overlay/portal.ts
+function n(e) {
+	let t = document.createElement("div"), n = t.attachShadow({ mode: "open" }), i = document.createElement("style");
+	i.textContent = e.style;
+	let a = document.createElement("div");
+	a.className = e.className, n.append(i, a), r(e.container, e.target).appendChild(t);
+	let o = [];
+	return {
+		panel: a,
+		moveContent(e) {
+			o.splice(0, o.length, ...e), a.append(...o);
+		},
+		restoreContent() {
+			e.target.append(...o), o.length = 0;
+		},
+		remove() {
+			t.remove();
+		}
+	};
+}
+function r(n, r) {
+	return (typeof n == "function" ? n() : n) ?? t(r)?.getOverlayRoot() ?? e();
+}
+//#endregion
+export { n as createOverlayPortal, r as resolveOverlayContainer };
+
+//# sourceMappingURL=portal.js.map

package/dist/shared/overlay/portal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal.js","names":[],"sources":["../../../src/shared/overlay/portal.ts"],"sourcesContent":["import { getFallbackOverlayRoot } from '@/shared/theme/overlay-root'\nimport { findNearestTheme } from '@/shared/theme/theme-scope'\n\nexport type OverlayContainer = HTMLElement | (() => HTMLElement | undefined)\n\ninterface OverlayPortalOptions {\n  container?: OverlayContainer\n  target: Element\n  style: string\n  className: string\n}\n\nexport interface OverlayPortal {\n  readonly panel: HTMLElement\n  restoreContent(): void\n  moveContent(nodes: Node[]): void\n  remove(): void\n}\n\nexport function createOverlayPortal(options: OverlayPortalOptions): OverlayPortal {\n  const host = document.createElement('div')\n  const root = host.attachShadow({ mode: 'open' })\n  const style = document.createElement('style')\n  style.textContent = options.style\n  const panel = document.createElement('div')\n  panel.className = options.className\n  root.append(style, panel)\n  resolveOverlayContainer(options.container, options.target).appendChild(host)\n\n  const nodes: Node[] = []\n  return {\n    panel,\n    moveContent(content) {\n      nodes.splice(0, nodes.length, ...content)\n      panel.append(...nodes)\n    },\n    restoreContent() {\n      options.target.append(...nodes)\n      nodes.length = 0\n    },\n    remove() {\n      host.remove()\n    }\n  }\n}\n\nexport function resolveOverlayContainer(container: OverlayContainer | undefined, target: Element): HTMLElement {\n  const explicit = typeof container === 'function' ? container() : container\n  return explicit ?? findNearestTheme(target)?.getOverlayRoot() ?? getFallbackOverlayRoot()\n}\n"],"mappings":";;;AAmBA,SAAgB,EAAoB,GAA8C;CAChF,IAAM,IAAO,SAAS,cAAc,KAAK,GACnC,IAAO,EAAK,aAAa,EAAE,MAAM,OAAO,CAAC,GACzC,IAAQ,SAAS,cAAc,OAAO;CAC5C,EAAM,cAAc,EAAQ;CAC5B,IAAM,IAAQ,SAAS,cAAc,KAAK;CAG1C,AAFA,EAAM,YAAY,EAAQ,WAC1B,EAAK,OAAO,GAAO,CAAK,GACxB,EAAwB,EAAQ,WAAW,EAAQ,MAAM,CAAC,CAAC,YAAY,CAAI;CAE3E,IAAM,IAAgB,CAAC;CACvB,OAAO;EACL;EACA,YAAY,GAAS;GAEnB,AADA,EAAM,OAAO,GAAG,EAAM,QAAQ,GAAG,CAAO,GACxC,EAAM,OAAO,GAAG,CAAK;EACvB;EACA,iBAAiB;GAEf,AADA,EAAQ,OAAO,OAAO,GAAG,CAAK,GAC9B,EAAM,SAAS;EACjB;EACA,SAAS;GACP,EAAK,OAAO;EACd;CACF;AACF;AAEA,SAAgB,EAAwB,GAAyC,GAA8B;CAE7G,QADiB,OAAO,KAAc,aAAa,EAAU,IAAI,MAC9C,EAAiB,CAAM,CAAC,EAAE,eAAe,KAAK,EAAuB;AAC1F"}

package/dist/shared/overlay/presence.js

@@ -0,0 +1,34 @@
+//#region src/shared/overlay/presence.ts
+var e = /* @__PURE__ */ new WeakMap();
+function t(e) {
+	let t = e.trim();
+	return t.endsWith("ms") ? Number.parseFloat(t) : t.endsWith("s") ? Number.parseFloat(t) * 1e3 : 0;
+}
+function n(e, n = 160) {
+	let r = getComputedStyle(e), i = r.transitionDuration.split(",").map(t), a = r.transitionDelay.split(",").map(t);
+	return i.reduce((e, t, n) => Math.max(e, t + (a[n] ?? a[0] ?? 0)), 0) || n;
+}
+function r(t, n = {}) {
+	if (e.get(t)?.(), t.hidden = !1, n.isInstant) {
+		t.dataset.wuiPresence = "open";
+		return;
+	}
+	t.dataset.wuiPresence = "entering", requestAnimationFrame(() => {
+		t.dataset.wuiPresence === "entering" && (t.dataset.wuiPresence = "open");
+	});
+}
+function i(t) {
+	return e.get(t)?.(), t.dataset.wuiPresence = "closing", n(t, 0) === 0 ? (t.hidden = !0, Promise.resolve(!0)) : new Promise((r) => {
+		let i = !1, a = (n) => {
+			i || (i = !0, t.removeEventListener("transitionend", o), clearTimeout(s), e.delete(t), n && t.dataset.wuiPresence === "closing" && (t.hidden = !0), r(n));
+		}, o = (e) => {
+			e.target === t && (e.propertyName === "opacity" || e.propertyName === "transform") && a(!0);
+		};
+		e.set(t, () => a(!1)), t.addEventListener("transitionend", o);
+		let s = setTimeout(() => a(!0), n(t) + 80);
+	});
+}
+//#endregion
+export { n as getTransitionDuration, i as hideOverlayPresence, r as showOverlayPresence };
+
+//# sourceMappingURL=presence.js.map

package/dist/shared/overlay/presence.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presence.js","names":[],"sources":["../../../src/shared/overlay/presence.ts"],"sourcesContent":["const DEFAULT_EXIT_DURATION = 160\nconst EXIT_FALLBACK_BUFFER = 80\n\nconst pendingExits = new WeakMap<HTMLElement, () => void>()\n\ninterface OverlayPresenceOptions {\n  isInstant?: boolean\n}\n\nfunction parseDuration(value: string): number {\n  const trimmed = value.trim()\n  if (trimmed.endsWith('ms')) return Number.parseFloat(trimmed)\n  if (trimmed.endsWith('s')) return Number.parseFloat(trimmed) * 1000\n  return 0\n}\n\n/** 读取元素实际 CSS transition 的最长时长，供可覆盖主题 token 的 JS 生命周期使用。 */\nexport function getTransitionDuration(panel: HTMLElement, fallback = DEFAULT_EXIT_DURATION): number {\n  const style = getComputedStyle(panel)\n  const durations = style.transitionDuration.split(',').map(parseDuration)\n  const delays = style.transitionDelay.split(',').map(parseDuration)\n  const longest = durations.reduce(\n    (max, duration, index) => Math.max(max, duration + (delays[index] ?? delays[0] ?? 0)),\n    0\n  )\n\n  return longest || fallback\n}\n\n/** 以可中断的方式显示浮层，避免快速切换时重启动画。 */\nexport function showOverlayPresence(panel: HTMLElement, options: OverlayPresenceOptions = {}) {\n  pendingExits.get(panel)?.()\n  panel.hidden = false\n  if (options.isInstant) {\n    panel.dataset.wuiPresence = 'open'\n    return\n  }\n  panel.dataset.wuiPresence = 'entering'\n\n  requestAnimationFrame(() => {\n    if (panel.dataset.wuiPresence === 'entering') panel.dataset.wuiPresence = 'open'\n  })\n}\n\n/** 播放退出过渡；若在结束前重新显示则返回 false。 */\nexport function hideOverlayPresence(panel: HTMLElement): Promise<boolean> {\n  pendingExits.get(panel)?.()\n  panel.dataset.wuiPresence = 'closing'\n\n  // jsdom 等没有计算 CSS transition 的环境无需伪造退场等待。\n  if (getTransitionDuration(panel, 0) === 0) {\n    panel.hidden = true\n    return Promise.resolve(true)\n  }\n\n  return new Promise(resolve => {\n    let settled = false\n    const finish = (didClose: boolean) => {\n      if (settled) return\n      settled = true\n      panel.removeEventListener('transitionend', onTransitionEnd)\n      clearTimeout(timeout)\n      pendingExits.delete(panel)\n      if (didClose && panel.dataset.wuiPresence === 'closing') panel.hidden = true\n      resolve(didClose)\n    }\n\n    const onTransitionEnd = (event: TransitionEvent) => {\n      if (event.target === panel && (event.propertyName === 'opacity' || event.propertyName === 'transform'))\n        finish(true)\n    }\n\n    pendingExits.set(panel, () => finish(false))\n    panel.addEventListener('transitionend', onTransitionEnd)\n    const timeout = setTimeout(() => finish(true), getTransitionDuration(panel) + EXIT_FALLBACK_BUFFER)\n  })\n}\n"],"mappings":";AAAA,IAGM,oBAAe,IAAI,QAAiC;AAM1D,SAAS,EAAc,GAAuB;CAC5C,IAAM,IAAU,EAAM,KAAK;CAG3B,OAFI,EAAQ,SAAS,IAAI,IAAU,OAAO,WAAW,CAAO,IACxD,EAAQ,SAAS,GAAG,IAAU,OAAO,WAAW,CAAO,IAAI,MACxD;AACT;AAGA,SAAgB,EAAsB,GAAoB,IAAW,KAA+B;CAClG,IAAM,IAAQ,iBAAiB,CAAK,GAC9B,IAAY,EAAM,mBAAmB,MAAM,GAAG,CAAC,CAAC,IAAI,CAAa,GACjE,IAAS,EAAM,gBAAgB,MAAM,GAAG,CAAC,CAAC,IAAI,CAAa;CAMjE,OALgB,EAAU,QACvB,GAAK,GAAU,MAAU,KAAK,IAAI,GAAK,KAAY,EAAO,MAAU,EAAO,MAAM,EAAE,GACpF,CAGK,KAAW;AACpB;AAGA,SAAgB,EAAoB,GAAoB,IAAkC,CAAC,GAAG;CAG5F,IAFA,EAAa,IAAI,CAAK,CAAC,GAAG,GAC1B,EAAM,SAAS,IACX,EAAQ,WAAW;EACrB,EAAM,QAAQ,cAAc;EAC5B;CACF;CAGA,AAFA,EAAM,QAAQ,cAAc,YAE5B,4BAA4B;EAC1B,AAAI,EAAM,QAAQ,gBAAgB,eAAY,EAAM,QAAQ,cAAc;CAC5E,CAAC;AACH;AAGA,SAAgB,EAAoB,GAAsC;CAUxE,OATA,EAAa,IAAI,CAAK,CAAC,GAAG,GAC1B,EAAM,QAAQ,cAAc,WAGxB,EAAsB,GAAO,CAAC,MAAM,KACtC,EAAM,SAAS,IACR,QAAQ,QAAQ,EAAI,KAGtB,IAAI,SAAQ,MAAW;EAC5B,IAAI,IAAU,IACR,KAAU,MAAsB;GAChC,MACJ,IAAU,IACV,EAAM,oBAAoB,iBAAiB,CAAe,GAC1D,aAAa,CAAO,GACpB,EAAa,OAAO,CAAK,GACrB,KAAY,EAAM,QAAQ,gBAAgB,cAAW,EAAM,SAAS,KACxE,EAAQ,CAAQ;EAClB,GAEM,KAAmB,MAA2B;GAClD,AAAI,EAAM,WAAW,MAAU,EAAM,iBAAiB,aAAa,EAAM,iBAAiB,gBACxF,EAAO,EAAI;EACf;EAGA,AADA,EAAa,IAAI,SAAa,EAAO,EAAK,CAAC,GAC3C,EAAM,iBAAiB,iBAAiB,CAAe;EACvD,IAAM,IAAU,iBAAiB,EAAO,EAAI,GAAG,EAAsB,CAAK,IAAI,EAAoB;CACpG,CAAC;AACH"}

package/dist/shared/property-converters/boolean-with-false-string.js

@@ -0,0 +1,9 @@
+//#region src/shared/property-converters/boolean-with-false-string.ts
+var e = {
+	fromAttribute: (e) => e !== "false",
+	toAttribute: (e) => e ? "" : "false"
+};
+//#endregion
+export { e as booleanWithFalseString };
+
+//# sourceMappingURL=boolean-with-false-string.js.map

package/dist/shared/property-converters/boolean-with-false-string.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"boolean-with-false-string.js","names":[],"sources":["../../../src/shared/property-converters/boolean-with-false-string.ts"],"sourcesContent":["import type { PropertyDeclaration } from 'lit'\n\n/** 默认 true 的布尔属性需要保留 false 字面量，供模板框架声明式传值。 */\nexport const booleanWithFalseString: PropertyDeclaration<unknown>['converter'] = {\n  fromAttribute: value => value !== 'false',\n  toAttribute: value => (value ? '' : 'false')\n}\n"],"mappings":";AAGA,IAAa,IAAoE;CAC/E,gBAAe,MAAS,MAAU;CAClC,cAAa,MAAU,IAAQ,KAAK;AACtC"}

package/dist/shared/scroll-lock/scroll-lock.js

@@ -0,0 +1,12 @@
+//#region src/shared/scroll-lock/scroll-lock.ts
+var e = 0, t = "", n = 0;
+function r() {
+	e === 0 && (n = window.scrollY, t = document.documentElement.style.overflow, document.documentElement.style.overflow = "hidden", document.body.style.position = "fixed", document.body.style.top = `-${n}px`, document.body.style.width = "100%"), e++;
+}
+function i() {
+	e = Math.max(0, e - 1), e === 0 && (document.documentElement.style.overflow = t, document.body.style.position = "", document.body.style.top = "", document.body.style.width = "", window.scrollTo(0, n));
+}
+//#endregion
+export { r as lockScroll, i as unlockScroll };
+
+//# sourceMappingURL=scroll-lock.js.map

package/dist/shared/scroll-lock/scroll-lock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-lock.js","names":[],"sources":["../../../src/shared/scroll-lock/scroll-lock.ts"],"sourcesContent":["let lockCount = 0\nlet savedOverflow = ''\nlet savedScrollY = 0\n\n/**\n * 锁定页面滚动。支持嵌套调用（引用计数），仅在最后一个锁释放时恢复。\n */\nexport function lockScroll() {\n  if (lockCount === 0) {\n    savedScrollY = window.scrollY\n    savedOverflow = document.documentElement.style.overflow\n    document.documentElement.style.overflow = 'hidden'\n    // 固定 body 防止 iOS 弹性滚动\n    document.body.style.position = 'fixed'\n    document.body.style.top = `-${savedScrollY}px`\n    document.body.style.width = '100%'\n  }\n  lockCount++\n}\n\n/**\n * 解锁页面滚动。与 lockScroll 配对，引用归零时恢复。\n */\nexport function unlockScroll() {\n  lockCount = Math.max(0, lockCount - 1)\n  if (lockCount === 0) {\n    document.documentElement.style.overflow = savedOverflow\n    document.body.style.position = ''\n    document.body.style.top = ''\n    document.body.style.width = ''\n    window.scrollTo(0, savedScrollY)\n  }\n}\n"],"mappings":";AAAA,IAAI,IAAY,GACZ,IAAgB,IAChB,IAAe;AAKnB,SAAgB,IAAa;CAU3B,AATI,MAAc,MAChB,IAAe,OAAO,SACtB,IAAgB,SAAS,gBAAgB,MAAM,UAC/C,SAAS,gBAAgB,MAAM,WAAW,UAE1C,SAAS,KAAK,MAAM,WAAW,SAC/B,SAAS,KAAK,MAAM,MAAM,IAAI,EAAa,KAC3C,SAAS,KAAK,MAAM,QAAQ,SAE9B;AACF;AAKA,SAAgB,IAAe;CAE7B,AADA,IAAY,KAAK,IAAI,GAAG,IAAY,CAAC,GACjC,MAAc,MAChB,SAAS,gBAAgB,MAAM,WAAW,GAC1C,SAAS,KAAK,MAAM,WAAW,IAC/B,SAAS,KAAK,MAAM,MAAM,IAC1B,SAAS,KAAK,MAAM,QAAQ,IAC5B,OAAO,SAAS,GAAG,CAAY;AAEnC"}

package/dist/shared/theme/overlay-root.js

@@ -0,0 +1,28 @@
+import e from "../../assets/glass.js";
+import t from "../../assets/menu-portal.js";
+import n from "../../assets/overlay-motion.js";
+import r from "../../assets/toast-containers.js";
+//#region src/shared/theme/overlay-root.ts
+var i = "data-wui-overlay-root", a = `${e}\n${r}\n${t}\n${n}`;
+function o(e) {
+	let t = document.createElement("style");
+	t.textContent = a, e.prepend(t);
+}
+function s() {
+	let e = document.querySelector(`[${i}]`);
+	if (e?.shadowRoot) return c(e.shadowRoot);
+	let t = document.createElement("div");
+	t.setAttribute(i, "");
+	let n = t.attachShadow({ mode: "open" });
+	return o(n), document.body.appendChild(t), c(n);
+}
+function c(e) {
+	let t = e.querySelector("[data-wui-overlay-container]");
+	if (t) return t;
+	let n = document.createElement("div");
+	return n.setAttribute("data-wui-overlay-container", ""), e.appendChild(n), n;
+}
+//#endregion
+export { o as applyOverlayRootStyles, s as getFallbackOverlayRoot, c as getOverlayContainer };
+
+//# sourceMappingURL=overlay-root.js.map

package/dist/shared/theme/overlay-root.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay-root.js","names":[],"sources":["../../../src/shared/theme/overlay-root.ts"],"sourcesContent":["import glass from '@/assets/glass.css?inline'\nimport menuPortalStyle from '@/assets/menu-portal.css?inline'\nimport overlayMotion from '@/assets/overlay-motion.css?inline'\nimport toastContainerStyle from '@/assets/toast-containers.css?inline'\n\nconst FALLBACK_ROOT_ATTRIBUTE = 'data-wui-overlay-root'\n\nconst overlayStyle = `${glass}\\n${toastContainerStyle}\\n${menuPortalStyle}\\n${overlayMotion}`\n\nexport function applyOverlayRootStyles(root: ShadowRoot) {\n  const style = document.createElement('style')\n  style.textContent = overlayStyle\n  root.prepend(style)\n}\n\nexport function getFallbackOverlayRoot(): HTMLElement {\n  const existing = document.querySelector<HTMLElement>(`[${FALLBACK_ROOT_ATTRIBUTE}]`)\n  if (existing?.shadowRoot) return getOverlayContainer(existing.shadowRoot)\n\n  const host = document.createElement('div')\n  host.setAttribute(FALLBACK_ROOT_ATTRIBUTE, '')\n  const root = host.attachShadow({ mode: 'open' })\n  applyOverlayRootStyles(root)\n  document.body.appendChild(host)\n  return getOverlayContainer(root)\n}\n\nexport function getOverlayContainer(root: ShadowRoot): HTMLElement {\n  const existing = root.querySelector<HTMLElement>('[data-wui-overlay-container]')\n  if (existing) return existing\n\n  const container = document.createElement('div')\n  container.setAttribute('data-wui-overlay-container', '')\n  root.appendChild(container)\n  return container\n}\n"],"mappings":";;;;;AAKA,IAAM,IAA0B,yBAE1B,IAAe,GAAG,EAAM,IAAI,EAAoB,IAAI,EAAgB,IAAI;AAE9E,SAAgB,EAAuB,GAAkB;CACvD,IAAM,IAAQ,SAAS,cAAc,OAAO;CAE5C,AADA,EAAM,cAAc,GACpB,EAAK,QAAQ,CAAK;AACpB;AAEA,SAAgB,IAAsC;CACpD,IAAM,IAAW,SAAS,cAA2B,IAAI,EAAwB,EAAE;CACnF,IAAI,GAAU,YAAY,OAAO,EAAoB,EAAS,UAAU;CAExE,IAAM,IAAO,SAAS,cAAc,KAAK;CACzC,EAAK,aAAa,GAAyB,EAAE;CAC7C,IAAM,IAAO,EAAK,aAAa,EAAE,MAAM,OAAO,CAAC;CAG/C,OAFA,EAAuB,CAAI,GAC3B,SAAS,KAAK,YAAY,CAAI,GACvB,EAAoB,CAAI;AACjC;AAEA,SAAgB,EAAoB,GAA+B;CACjE,IAAM,IAAW,EAAK,cAA2B,8BAA8B;CAC/E,IAAI,GAAU,OAAO;CAErB,IAAM,IAAY,SAAS,cAAc,KAAK;CAG9C,OAFA,EAAU,aAAa,8BAA8B,EAAE,GACvD,EAAK,YAAY,CAAS,GACnB;AACT"}

package/dist/shared/theme/theme-scope.js

@@ -0,0 +1,27 @@
+//#region src/shared/theme/theme-scope.ts
+function e(e) {
+	if (e.parentElement) return e.parentElement;
+	let t = e.getRootNode();
+	return t instanceof ShadowRoot ? t.host : null;
+}
+function t(t) {
+	let n = t;
+	for (; n;) {
+		if (n instanceof HTMLElement && n.tagName === "WEB-UI-THEME") {
+			let e = n;
+			if (e.getOverlayRoot()) return e;
+		}
+		n = e(n);
+	}
+}
+function n() {
+	return Array.from(document.querySelectorAll("web-ui-theme")).find((n) => {
+		if (!n.getOverlayRoot()) return !1;
+		let r = e(n);
+		return !r || !t(r);
+	});
+}
+//#endregion
+export { t as findNearestTheme, n as findRootTheme };
+
+//# sourceMappingURL=theme-scope.js.map

package/dist/shared/theme/theme-scope.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-scope.js","names":[],"sources":["../../../src/shared/theme/theme-scope.ts"],"sourcesContent":["import type { WebUiTheme } from '@/components/theme'\n\nfunction getParentElement(element: Element): Element | null {\n  if (element.parentElement) return element.parentElement\n  const root = element.getRootNode()\n  return root instanceof ShadowRoot ? root.host : null\n}\n\nexport function findNearestTheme(element: Element): WebUiTheme | undefined {\n  let current: Element | null = element\n  while (current) {\n    if (current instanceof HTMLElement && current.tagName === 'WEB-UI-THEME') {\n      const theme = current as WebUiTheme\n      if (theme.getOverlayRoot()) return theme\n    }\n    current = getParentElement(current)\n  }\n  return undefined\n}\n\nexport function findRootTheme(): WebUiTheme | undefined {\n  return Array.from(document.querySelectorAll<WebUiTheme>('web-ui-theme')).find(theme => {\n    if (!theme.getOverlayRoot()) return false\n    const parent = getParentElement(theme)\n    return !parent || !findNearestTheme(parent)\n  })\n}\n"],"mappings":";AAEA,SAAS,EAAiB,GAAkC;CAC1D,IAAI,EAAQ,eAAe,OAAO,EAAQ;CAC1C,IAAM,IAAO,EAAQ,YAAY;CACjC,OAAO,aAAgB,aAAa,EAAK,OAAO;AAClD;AAEA,SAAgB,EAAiB,GAA0C;CACzE,IAAI,IAA0B;CAC9B,OAAO,IAAS;EACd,IAAI,aAAmB,eAAe,EAAQ,YAAY,gBAAgB;GACxE,IAAM,IAAQ;GACd,IAAI,EAAM,eAAe,GAAG,OAAO;EACrC;EACA,IAAU,EAAiB,CAAO;CACpC;AAEF;AAEA,SAAgB,IAAwC;CACtD,OAAO,MAAM,KAAK,SAAS,iBAA6B,cAAc,CAAC,CAAC,CAAC,MAAK,MAAS;EACrF,IAAI,CAAC,EAAM,eAAe,GAAG,OAAO;EACpC,IAAM,IAAS,EAAiB,CAAK;EACrC,OAAO,CAAC,KAAU,CAAC,EAAiB,CAAM;CAC5C,CAAC;AACH"}

package/dist/types/iconify.d.ts

@@ -0,0 +1 @@
+export type * from '@iconify/types';

package/dist/types/react.d.ts

@@ -1,16 +1,43 @@
 import { DetailedHTMLProps, HTMLAttributes } from 'react';
-import { WebUiBackTop, WebUiButton, WebUiLayout } from '..';
-import { ExtractProps, OmitLitBase } from './utils';
-type ExtractReactEvents<T> = T extends {
+import { WebUiAvatar, WebUiBackTop, WebUiBadge, WebUiButton, WebUiButtonGroup, WebUiCheckbox, WebUiCheckboxGroup, WebUiContextMenu, WebUiDialog, WebUiDrawer, WebUiEmpty, WebUiDropdownDivider, WebUiDropdownHeader, WebUiDropdownItem, WebUiDropdown, WebUiIcon, WebUiInput, WebUiInputNumber, WebUiLayout, WebUiOption, WebUiPopover, WebUiRadio, WebUiRadioGroup, WebUiSegmented, WebUiSegmentedTrigger, WebUiSelect, WebUiSlider, WebUiSpinner, WebUiTextarea, WebUiTheme, WebUiToast, WebUiSwitch, WebUiTooltip } from '../components';
+import { ExtractProps, EventListeners, OmitLitBase } from './utils';
+export type LitReactWrapper<T> = T extends {
     readonly $events: infer E;
-} ? {
-    [K in keyof E as `on${string & K}`]?: (e: E[K]) => void;
-} : object;
-export type LitReactWrapper<T> = DetailedHTMLProps<ExtractProps<OmitLitBase<T>> & ExtractReactEvents<T> & HTMLAttributes<HTMLElement>, HTMLElement>;
+} ? DetailedHTMLProps<ExtractProps<OmitLitBase<T>> & EventListeners<E> & HTMLAttributes<HTMLElement>, HTMLElement> : DetailedHTMLProps<ExtractProps<OmitLitBase<T>> & HTMLAttributes<HTMLElement>, HTMLElement>;
 export interface WebUiComponents {
-    'web-ui-button': LitReactWrapper<WebUiButton>;
+    'web-ui-avatar': LitReactWrapper<WebUiAvatar>;
     'web-ui-back-top': LitReactWrapper<WebUiBackTop>;
+    'web-ui-badge': LitReactWrapper<WebUiBadge>;
+    'web-ui-button': LitReactWrapper<WebUiButton>;
+    'web-ui-button-group': LitReactWrapper<WebUiButtonGroup>;
+    'web-ui-checkbox': LitReactWrapper<WebUiCheckbox>;
+    'web-ui-checkbox-group': LitReactWrapper<WebUiCheckboxGroup>;
+    'web-ui-context-menu': LitReactWrapper<WebUiContextMenu>;
+    'web-ui-dialog': LitReactWrapper<WebUiDialog>;
+    'web-ui-drawer': LitReactWrapper<WebUiDrawer>;
+    'web-ui-empty': LitReactWrapper<WebUiEmpty>;
+    'web-ui-dropdown-divider': LitReactWrapper<WebUiDropdownDivider>;
+    'web-ui-dropdown-header': LitReactWrapper<WebUiDropdownHeader>;
+    'web-ui-dropdown-item': LitReactWrapper<WebUiDropdownItem>;
+    'web-ui-dropdown': LitReactWrapper<WebUiDropdown>;
+    'web-ui-icon': LitReactWrapper<WebUiIcon>;
+    'web-ui-input': LitReactWrapper<WebUiInput>;
+    'web-ui-input-number': LitReactWrapper<WebUiInputNumber>;
+    'web-ui-select': LitReactWrapper<WebUiSelect>;
+    'web-ui-slider': LitReactWrapper<WebUiSlider>;
+    'web-ui-spinner': LitReactWrapper<WebUiSpinner>;
+    'web-ui-option': LitReactWrapper<WebUiOption>;
+    'web-ui-popover': LitReactWrapper<WebUiPopover>;
+    'web-ui-radio': LitReactWrapper<WebUiRadio>;
+    'web-ui-radio-group': LitReactWrapper<WebUiRadioGroup>;
+    'web-ui-segmented': LitReactWrapper<WebUiSegmented>;
+    'web-ui-segmented-trigger': LitReactWrapper<WebUiSegmentedTrigger>;
     'web-ui-layout': LitReactWrapper<WebUiLayout>;
+    'web-ui-switch': LitReactWrapper<WebUiSwitch>;
+    'web-ui-textarea': LitReactWrapper<WebUiTextarea>;
+    'web-ui-theme': LitReactWrapper<WebUiTheme>;
+    'web-ui-toast': LitReactWrapper<WebUiToast>;
+    'web-ui-tooltip': LitReactWrapper<WebUiTooltip>;
 }
 declare module 'react' {
     namespace JSX {
@@ -18,4 +45,3 @@ declare module 'react' {
         }
     }
 }
-export {};

package/dist/types/utils.d.ts

@@ -9,4 +9,18 @@ export type ExtractProps<T> = {
     [K in keyof T as T[K] extends Fn ? never : K extends '$events' ? never : K]?: T[K];
 };
 export type OmitLitBase<T> = Omit<T, keyof HTMLElement | keyof LitElement>;
+/**
+ * kebab-case 转 PascalCase
+ * 'visible-change' → 'VisibleChange'
+ * 'input' → 'Input'
+ */
+type KebabToPascal<S extends string> = S extends `${infer P}-${infer Q}` ? `${Capitalize<P>}${KebabToPascal<Q>}` : Capitalize<S>;
+/**
+ * 将 EventMap 转换为 on* 事件监听器类型
+ * 例如 { input: Event } → { onInput?: (e: Event) => void }
+ *      { 'visible-change': CustomEvent<...> } → { onVisibleChange?: (e: CustomEvent<...>) => void }
+ */
+export type EventListeners<T> = {
+    [K in keyof T & string as `on${KebabToPascal<K>}`]?: (e: T[K]) => void;
+};
 export {};

package/dist/types/vue.d.ts

@@ -1,19 +1,59 @@
-import { DefineComponent } from 'vue';
-import { WebUiBackTop, WebUiButton, WebUiLayout } from '..';
+import { ComponentOptionsMixin, DefineComponent, HTMLAttributes } from 'vue';
+import { WebUiAvatar, WebUiBackTop, WebUiBadge, WebUiButton, WebUiButtonGroup, WebUiCheckbox, WebUiCheckboxGroup, WebUiContextMenu, WebUiDialog, WebUiDrawer, WebUiEmpty, WebUiDropdownDivider, WebUiDropdownHeader, WebUiDropdownItem, WebUiDropdown, WebUiIcon, WebUiInput, WebUiInputNumber, WebUiLayout, WebUiOption, WebUiPopover, WebUiRadio, WebUiRadioGroup, WebUiSegmented, WebUiSegmentedTrigger, WebUiSelect, WebUiSlider, WebUiSpinner, WebUiTextarea, WebUiTheme, WebUiToast, WebUiSwitch, WebUiTooltip } from '../components';
 import { ExtractProps, OmitLitBase } from './utils';
-type ExtractVueEvents<T> = T extends {
+type ExtractVueEmits<T> = T extends {
     readonly $events: infer E;
 } ? {
-    [K in keyof E as `on${Capitalize<string & K>}`]?: (e: E[K]) => void;
-} : object;
-export type LitVueWrapper<T> = DefineComponent<ExtractProps<OmitLitBase<T>> & ExtractVueEvents<T>>;
+    [K in keyof E]: (e: E[K]) => void;
+} : Record<string, never>;
+/**
+ * Lit Web Component 的 Vue 包装类型。
+ *
+ * - Props: 从 LitElement 推导的组件属性 + Vue HTMLAttributes（含原生 DOM 事件）
+ * - Emits: 从 $events 接口提取的自定义事件，Volar 可识别 @event 绑定
+ */
+export type LitVueWrapper<T> = T extends {
+    readonly $events: infer E;
+} ? DefineComponent<ExtractProps<OmitLitBase<T>>, Record<string, never>, Record<string, never>, Record<string, never>, Record<string, never>, ComponentOptionsMixin, ComponentOptionsMixin, ExtractVueEmits<T>> : DefineComponent<ExtractProps<OmitLitBase<T>>>;
 export interface WebUiComponents {
-    'web-ui-button': LitVueWrapper<WebUiButton>;
+    'web-ui-avatar': LitVueWrapper<WebUiAvatar>;
     'web-ui-back-top': LitVueWrapper<WebUiBackTop>;
+    'web-ui-badge': LitVueWrapper<WebUiBadge>;
+    'web-ui-button': LitVueWrapper<WebUiButton>;
+    'web-ui-button-group': LitVueWrapper<WebUiButtonGroup>;
+    'web-ui-checkbox': LitVueWrapper<WebUiCheckbox>;
+    'web-ui-checkbox-group': LitVueWrapper<WebUiCheckboxGroup>;
+    'web-ui-context-menu': LitVueWrapper<WebUiContextMenu>;
+    'web-ui-dialog': LitVueWrapper<WebUiDialog>;
+    'web-ui-drawer': LitVueWrapper<WebUiDrawer>;
+    'web-ui-empty': LitVueWrapper<WebUiEmpty>;
+    'web-ui-dropdown-divider': LitVueWrapper<WebUiDropdownDivider>;
+    'web-ui-dropdown-header': LitVueWrapper<WebUiDropdownHeader>;
+    'web-ui-dropdown-item': LitVueWrapper<WebUiDropdownItem>;
+    'web-ui-dropdown': LitVueWrapper<WebUiDropdown>;
+    'web-ui-icon': LitVueWrapper<WebUiIcon>;
+    'web-ui-input': LitVueWrapper<WebUiInput>;
+    'web-ui-input-number': LitVueWrapper<WebUiInputNumber>;
+    'web-ui-select': LitVueWrapper<WebUiSelect>;
+    'web-ui-slider': LitVueWrapper<WebUiSlider>;
+    'web-ui-spinner': LitVueWrapper<WebUiSpinner>;
+    'web-ui-option': LitVueWrapper<WebUiOption>;
+    'web-ui-popover': LitVueWrapper<WebUiPopover>;
+    'web-ui-radio': LitVueWrapper<WebUiRadio>;
+    'web-ui-radio-group': LitVueWrapper<WebUiRadioGroup>;
+    'web-ui-segmented': LitVueWrapper<WebUiSegmented>;
+    'web-ui-segmented-trigger': LitVueWrapper<WebUiSegmentedTrigger>;
     'web-ui-layout': LitVueWrapper<WebUiLayout>;
+    'web-ui-switch': LitVueWrapper<WebUiSwitch>;
+    'web-ui-textarea': LitVueWrapper<WebUiTextarea>;
+    'web-ui-theme': LitVueWrapper<WebUiTheme>;
+    'web-ui-toast': LitVueWrapper<WebUiToast>;
+    'web-ui-tooltip': LitVueWrapper<WebUiTooltip>;
 }
 declare module 'vue' {
     interface GlobalComponents extends WebUiComponents {
     }
+    interface ComponentCustomProps extends HTMLAttributes {
+    }
 }
 export {};