@greypan/web-ui 1.4.1 → 2.0.0

package/dist/components/toast/manager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"manager.js","names":[],"sources":["../../../src/components/toast/manager.ts"],"sourcesContent":["import { getFallbackOverlayRoot } from '@/shared/theme/overlay-root'\nimport { findNearestTheme, findRootTheme } from '@/shared/theme/theme-scope'\n\nimport type { WebUiToast } from './toast'\nimport type {\n  ToastCloseReason,\n  ToastInstanceOptions,\n  ToastMessageUpdateOptions,\n  ToastOptions,\n  ToastPosition\n} from './types'\n\nlet toastIdCounter = 0\n\nconst toastContainers = new Set<HTMLElement>()\nconst visibleToasts = new Map<string, WebUiToast>()\n\nlet pendingBatch: Array<{ id: string; options: ToastInstanceOptions; container: HTMLElement }> | undefined\nlet isBatchScheduled = false\n\ntype ToastShortcutOptions = Omit<ToastOptions, 'message' | 'type'> & Pick<ToastInstanceOptions, 'position'>\n\nfunction generateId(): string {\n  return `toast-${++toastIdCounter}`\n}\n\nfunction ensureContainer(position: ToastPosition, root: HTMLElement): HTMLElement {\n  const existing = Array.from(root.children).find(\n    (child): child is HTMLElement => child instanceof HTMLElement && child.dataset.wuiToastPosition === position\n  )\n  if (existing) return existing\n\n  const container = document.createElement('div')\n  container.className = `wui-toast-container wui-toast-${position}`\n  container.dataset.wuiToastPosition = position\n  container.setAttribute('role', 'log')\n  container.setAttribute('aria-live', 'polite')\n  container.setAttribute('aria-relevant', 'additions')\n  root.appendChild(container)\n  toastContainers.add(container)\n\n  container.addEventListener('pointerenter', () => (container.dataset.hovered = 'true'))\n  container.addEventListener('pointerleave', () => {\n    delete container.dataset.hovered\n    scrollToBottom(container)\n  })\n  return container\n}\n\nfunction scrollToBottom(container: HTMLElement) {\n  if (container.dataset.hovered === 'true') return\n  requestAnimationFrame(() => {\n    container.scrollTop = container.scrollHeight\n  })\n}\n\nfunction scheduleBatchFlush() {\n  if (isBatchScheduled) return\n  isBatchScheduled = true\n  void Promise.resolve().then(flushBatch)\n}\n\nfunction flushBatch() {\n  isBatchScheduled = false\n  const batch = pendingBatch\n  pendingBatch = undefined\n  if (!batch) return\n\n  const containersToScroll = new Set<HTMLElement>()\n  for (const item of batch) {\n    mountToast(item.id, item.options, item.container)\n    containersToScroll.add(item.container)\n  }\n  for (const container of containersToScroll) scrollToBottom(container)\n}\n\nfunction createToast(options: ToastInstanceOptions): string {\n  const id = options.id || generateId()\n  if (visibleToasts.has(id)) return id\n\n  const position = options.position || 'top-right'\n  const targetTheme = options.target ? findNearestTheme(options.target) : findRootTheme()\n  const root = options.container ?? targetTheme?.getOverlayRoot() ?? getFallbackOverlayRoot()\n  const container = ensureContainer(position, root)\n\n  if (!pendingBatch) pendingBatch = []\n  pendingBatch.push({ id, options, container })\n  scheduleBatchFlush()\n  return id\n}\n\nfunction mountToast(id: string, options: ToastInstanceOptions, container: HTMLElement) {\n  const el = document.createElement('web-ui-toast') as WebUiToast\n  el.toastId = id\n  el.type = options.type || 'info'\n  el.position = options.position || 'top-right'\n  el.heading = options.heading || ''\n  el.message = options.message\n  el.duration = options.duration ?? 3000\n  el.closable = options.closable ?? true\n\n  el.addEventListener('toast-close', (e: Event) => {\n    const detail = (e as CustomEvent<{ id: string; reason: ToastCloseReason }>).detail\n    removeToast(detail.id)\n  })\n\n  container.appendChild(el)\n  visibleToasts.set(id, el)\n  requestAnimationFrame(() => el.show())\n}\n\nfunction removeToast(id: string) {\n  const el = visibleToasts.get(id)\n  if (!el) return\n  el.remove()\n  visibleToasts.delete(id)\n}\n\nfunction close(id: string) {\n  visibleToasts.get(id)?.dismiss('programmatic')\n}\n\nfunction clear() {\n  for (const el of visibleToasts.values()) el.dismiss('clear')\n}\n\n/**\n * 更新指定 Toast 的消息与可选标题，不影响其自动关闭倒计时。\n * 尚未完成批量挂载的 Toast 也会更新其初始内容。\n */\nfunction updateMessage(id: string, options: ToastMessageUpdateOptions) {\n  const visibleToast = visibleToasts.get(id)\n  if (visibleToast) {\n    visibleToast.message = options.message\n    if (options.heading !== undefined) visibleToast.heading = options.heading\n    return\n  }\n\n  const pendingToast = pendingBatch?.find(item => item.id === id)\n  if (!pendingToast) return\n  pendingToast.options.message = options.message\n  if (options.heading !== undefined) pendingToast.options.heading = options.heading\n}\n\nfunction toast(options: ToastInstanceOptions): string {\n  return createToast(options)\n}\n\ntoast.success = (message: string, options?: ToastShortcutOptions) =>\n  createToast({ ...options, message, type: 'success' })\ntoast.info = (message: string, options?: ToastShortcutOptions) => createToast({ ...options, message, type: 'info' })\ntoast.warning = (message: string, options?: ToastShortcutOptions) =>\n  createToast({ ...options, message, type: 'warning' })\ntoast.error = (message: string, options?: ToastShortcutOptions) =>\n  createToast({ ...options, message, type: 'error', duration: options?.duration ?? 5000 })\ntoast.close = close\ntoast.clear = clear\ntoast.updateMessage = updateMessage\n\n/** 获取当前可见 toast 数量（测试用） */\ntoast._visibleCount = () => visibleToasts.size\n\n/** 重置全部状态（测试用） */\ntoast._reset = () => {\n  pendingBatch = undefined\n  isBatchScheduled = false\n  for (const el of visibleToasts.values()) el.remove()\n  visibleToasts.clear()\n  for (const container of toastContainers) container.remove()\n  toastContainers.clear()\n}\n\nexport { toast }\n"],"mappings":"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"}

package/dist/components/toast/style.js

@@ -0,0 +1,6 @@
+//#region src/components/toast/style.css?inline
+var e = "*,:before,:after{box-sizing:border-box}:host{display:block}:host([hidden]){display:none}.toast{--wui-glass-shadow:var(--wui-shadow-pop,0 3px 9px #00000045);transform:translate(var(--toast-slide-x,0), var(--toast-slide-y,-8px)) scale(.97);width:360px;font-size:var(--wui-font-size,14px);color:var(--wui-color-text,#1b1b1b);opacity:0;background-color:var(--wui-color-surface-overlay,#f5f5f5d9);transition:opacity var(--wui-duration-overlay-enter,.18s) var(--wui-ease-out,cubic-bezier(.23, 1, .32, 1)), transform var(--wui-duration-overlay-enter,.18s) var(--wui-ease-out,cubic-bezier(.23, 1, .32, 1));border-radius:20px;align-items:center;gap:12px;padding:8px;line-height:1.5;display:flex;position:relative}:host([visible]) .toast{opacity:1;transform:translate(0)scale(1)}:host(:not([visible])) .toast{transition-duration:var(--wui-duration-overlay-exit,.14s)}.toast-close-btn{pointer-events:none;cursor:pointer;width:24px;height:24px;color:var(--wui-color-text-muted,#6a6a6a);opacity:0;transition:opacity var(--wui-duration-fast,.16s) ease;border:none;border-radius:2147483647px;justify-content:center;align-items:center;margin:0;padding:0;display:flex;position:absolute;top:-8px;right:-8px}.toast-close-btn:focus-visible{pointer-events:auto;opacity:1;outline:2px solid var(--wui-focus-ring,#08f6);outline-offset:2px}@media (hover:hover) and (pointer:fine){.toast-close-btn:hover,.toast:hover .toast-close-btn{pointer-events:auto;opacity:1}}.toast-icon{border-radius:2147483647px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.toast.success .toast-icon{color:var(--wui-color-success,#16a34a);background-color:color-mix(in srgb, var(--wui-color-success,#16a34a) 10%, transparent)}.toast.info .toast-icon{color:var(--wui-color-info,#2563eb);background-color:color-mix(in srgb, var(--wui-color-info,#2563eb) 10%, transparent)}.toast.warning .toast-icon{color:var(--wui-color-warning,#d97706);background-color:color-mix(in srgb, var(--wui-color-warning,#d97706) 10%, transparent)}.toast.error .toast-icon{color:var(--wui-color-danger,#dc2626);background-color:color-mix(in srgb, var(--wui-color-danger,#dc2626) 10%, transparent)}.toast-body{flex:1;min-width:0;padding-top:1px}.toast-heading{font-size:var(--wui-font-size,14px);color:var(--wui-color-text,#1b1b1b);text-overflow:ellipsis;white-space:nowrap;font-weight:600;line-height:1.4;overflow:hidden}.toast-message{-webkit-line-clamp:3;font-size:calc(var(--wui-font-size,14px) - 1px);color:color-mix(in srgb, var(--wui-color-text,#1b1b1b) 55%, transparent);word-break:break-all;-webkit-box-orient:vertical;margin-top:2px;line-height:1.45;display:-webkit-box;overflow:hidden}.toast-time{color:color-mix(in srgb, var(--wui-color-text,#1b1b1b) 30%, transparent);white-space:nowrap;flex-shrink:0;padding-top:2px;font-size:12px}@media (prefers-reduced-motion:reduce){.toast,:host([visible]) .toast{transform:none}}";
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=style.js.map

package/dist/components/toast/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","names":[],"sources":["../../../src/components/toast/style.css?inline"],"sourcesContent":["*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n:host {\n  display: block;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n/* ===== 入场 / 退场动画 ===== */\n\n.toast {\n  --wui-glass-shadow: var(--wui-shadow-pop, 0 3px 9px rgb(0 0 0 / 0.27));\n  position: relative;\n  transform: translate(var(--toast-slide-x, 0), var(--toast-slide-y, -8px)) scale(0.97);\n\n  display: flex;\n  gap: 12px;\n  align-items: center;\n\n  width: 360px;\n  padding: 8px;\n  border-radius: 20px;\n\n  font-size: var(--wui-font-size, 14px);\n  line-height: 1.5;\n  color: var(--wui-color-text, #1b1b1b);\n\n  opacity: 0;\n  background-color: var(--wui-color-surface-overlay, rgb(245 245 245 / 0.85));\n\n  transition:\n    opacity var(--wui-duration-overlay-enter, 180ms) var(--wui-ease-out, cubic-bezier(0.23, 1, 0.32, 1)),\n    transform var(--wui-duration-overlay-enter, 180ms) var(--wui-ease-out, cubic-bezier(0.23, 1, 0.32, 1));\n}\n\n:host([visible]) .toast {\n  transform: translate(0, 0) scale(1);\n  opacity: 1;\n}\n\n:host(:not([visible])) .toast {\n  transition-duration: var(--wui-duration-overlay-exit, 140ms);\n}\n\n/* ===== 关闭按钮（放在 hover 规则之前，避免 specificity 降序） ===== */\n\n.toast-close-btn {\n  pointer-events: none;\n  cursor: pointer;\n\n  position: absolute;\n  top: -8px;\n  right: -8px;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 24px;\n  height: 24px;\n  margin: 0;\n  padding: 0;\n  border: none;\n  border-radius: calc(infinity * 1px);\n\n  color: var(--wui-color-text-muted, #6a6a6a);\n\n  opacity: 0;\n\n  transition: opacity var(--wui-duration-fast, 160ms) ease;\n\n  &:focus-visible {\n    pointer-events: auto;\n    opacity: 1;\n    outline: 2px solid var(--wui-focus-ring, rgb(0 136 255 / 0.4));\n    outline-offset: 2px;\n  }\n}\n\n@media (hover: hover) and (pointer: fine) {\n  .toast-close-btn:hover,\n  .toast:hover .toast-close-btn {\n    pointer-events: auto;\n    opacity: 1;\n  }\n}\n\n/* ===== 图标 ===== */\n\n.toast-icon {\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n\n  width: 32px;\n  height: 32px;\n  border-radius: calc(infinity * 1px);\n}\n\n.toast.success .toast-icon {\n  color: var(--wui-color-success, #16a34a);\n  background-color: color-mix(in srgb, var(--wui-color-success, #16a34a) 10%, transparent);\n}\n\n.toast.info .toast-icon {\n  color: var(--wui-color-info, #2563eb);\n  background-color: color-mix(in srgb, var(--wui-color-info, #2563eb) 10%, transparent);\n}\n\n.toast.warning .toast-icon {\n  color: var(--wui-color-warning, #d97706);\n  background-color: color-mix(in srgb, var(--wui-color-warning, #d97706) 10%, transparent);\n}\n\n.toast.error .toast-icon {\n  color: var(--wui-color-danger, #dc2626);\n  background-color: color-mix(in srgb, var(--wui-color-danger, #dc2626) 10%, transparent);\n}\n\n/* ===== 内容区 ===== */\n\n.toast-body {\n  flex: 1;\n  min-width: 0;\n  padding-top: 1px;\n}\n\n.toast-heading {\n  overflow: hidden;\n\n  font-size: var(--wui-font-size, 14px);\n  font-weight: 600;\n  line-height: 1.4;\n  color: var(--wui-color-text, #1b1b1b);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.toast-message {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 3;\n\n  margin-top: 2px;\n\n  font-size: calc(var(--wui-font-size, 14px) - 1px);\n  line-height: 1.45;\n  color: color-mix(in srgb, var(--wui-color-text, #1b1b1b) 55%, transparent);\n  word-break: break-all;\n}\n\n/* ===== 时间戳 ===== */\n\n.toast-time {\n  flex-shrink: 0;\n\n  padding-top: 2px;\n\n  font-size: 12px;\n  color: color-mix(in srgb, var(--wui-color-text, #1b1b1b) 30%, transparent);\n  white-space: nowrap;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .toast,\n  :host([visible]) .toast {\n    transform: none;\n  }\n}\n"],"mappings":""}

package/dist/components/toast/toast.d.ts

@@ -0,0 +1,42 @@
+import { LitElement, PropertyValues } from 'lit';
+import { ToastCloseReason, ToastPosition, ToastType } from './types';
+export declare class WebUiToast extends LitElement {
+    static styles: import('lit').CSSResult[];
+    toastId: string;
+    type: ToastType;
+    position: ToastPosition;
+    heading: string;
+    message: string;
+    duration: number;
+    closable: boolean;
+    visible: boolean;
+    private _closeTimer?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected updated(changed: PropertyValues): void;
+    /** 根据 position 设置入场/退场滑动方向 */
+    private _applySlideDirection;
+    /** 启动自动关闭计时器 */
+    startAutoClose(): void;
+    /** 由 manager 调用：播放入场动画后自动开始计时 */
+    show(): void;
+    /** 关闭（含退场动画） */
+    dismiss(reason?: ToastCloseReason): void;
+    private _clearTimer;
+    private _onPointerEnter;
+    private _onPointerLeave;
+    private _onCloseClick;
+    private _dispatchClose;
+    render(): import('lit').TemplateResult<1>;
+    readonly $events: {
+        'toast-close': CustomEvent<{
+            id: string;
+            reason: ToastCloseReason;
+        }>;
+    };
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'web-ui-toast': WebUiToast;
+    }
+}

package/dist/components/toast/toast.js

@@ -0,0 +1,122 @@
+import e from "../../_virtual/_@oxc-project_runtime@0.140.0/helpers/esm/decorate.js";
+import "../icon/index.js";
+import t from "../../assets/glass.js";
+import n from "../../icons/generated/lucide-check.js";
+import r from "../../icons/generated/lucide-info.js";
+import i from "../../icons/generated/lucide-triangle-alert.js";
+import a from "../../icons/generated/lucide-circle-alert.js";
+import o from "../../icons/generated/heroicons-x-mark-16-solid.js";
+import { booleanWithFalseString as s } from "../../shared/property-converters/boolean-with-false-string.js";
+import { getTransitionDuration as c } from "../../shared/overlay/presence.js";
+import l from "./style.js";
+import { LitElement as u, html as d, nothing as f, unsafeCSS as p } from "lit";
+import { customElement as m, property as h } from "lit/decorators.js";
+//#region src/components/toast/toast.ts
+var g = {
+	success: n,
+	info: r,
+	warning: i,
+	error: a
+};
+function _() {
+	let e = /* @__PURE__ */ new Date();
+	return `${e.getHours().toString().padStart(2, "0")}:${e.getMinutes().toString().padStart(2, "0")}`;
+}
+var v = class extends u {
+	constructor(...e) {
+		super(...e), this.toastId = "", this.type = "info", this.position = "top-right", this.heading = "", this.message = "", this.duration = 3e3, this.closable = !0, this.visible = !1, this._onPointerEnter = (e) => {
+			e.pointerType !== "touch" && this._clearTimer();
+		}, this._onPointerLeave = (e) => {
+			e.pointerType !== "touch" && this.startAutoClose();
+		}, this._onCloseClick = () => {
+			this.dismiss("manual");
+		};
+	}
+	static {
+		this.styles = [p(t), p(l)];
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.addEventListener("pointerenter", this._onPointerEnter), this.addEventListener("pointerleave", this._onPointerLeave);
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this.removeEventListener("pointerenter", this._onPointerEnter), this.removeEventListener("pointerleave", this._onPointerLeave), this._clearTimer();
+	}
+	updated(e) {
+		e.has("position") && this._applySlideDirection();
+	}
+	_applySlideDirection() {
+		let e = 0, t = 0;
+		this.position.includes("left") ? e = -20 : this.position.includes("right") && (e = 20), this.position.startsWith("top") ? t = -20 : this.position.startsWith("bottom") && (t = 20), this.style.setProperty("--toast-slide-x", `${e}px`), this.style.setProperty("--toast-slide-y", `${t}px`);
+	}
+	startAutoClose() {
+		this._clearTimer(), this.duration > 0 && (this._closeTimer = setTimeout(() => {
+			this.dismiss("auto");
+		}, this.duration));
+	}
+	show() {
+		this.visible = !0, this.startAutoClose();
+	}
+	dismiss(e = "programmatic") {
+		if (!this.visible) return;
+		this.visible = !1, this._clearTimer();
+		let t = () => {
+			this.removeEventListener("transitionend", t), this._dispatchClose(e);
+		};
+		this.addEventListener("transitionend", t);
+		let n = this.shadowRoot?.querySelector(".toast");
+		setTimeout(t, c(n ?? this) + 80);
+	}
+	_clearTimer() {
+		this._closeTimer !== void 0 && (clearTimeout(this._closeTimer), this._closeTimer = void 0);
+	}
+	_dispatchClose(e) {
+		this.dispatchEvent(new CustomEvent("toast-close", {
+			detail: {
+				id: this.toastId,
+				reason: e
+			},
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+	render() {
+		let e = g[this.type], t = this.type === "error" ? "assertive" : "polite";
+		return d`
+      <div class="toast wui-glass ${this.type}" role="alert" aria-live=${t} aria-atomic="true">
+        <span class="toast-icon" aria-hidden="true">
+          <web-ui-icon .icon=${e} :size="18"></web-ui-icon>
+        </span>
+        <div class="toast-body">
+          ${this.heading ? d`<div class="toast-heading">${this.heading}</div>` : f}
+          <div class="toast-message">${this.message}</div>
+        </div>
+        <span class="toast-time">${_()}</span>
+        ${this.closable ? d`
+              <button class="toast-close-btn wui-glass" aria-label="关闭" @click=${this._onCloseClick}>
+                <web-ui-icon .icon=${o} :size="10"></web-ui-icon>
+              </button>
+            ` : f}
+      </div>
+    `;
+	}
+};
+e([h({
+	type: String,
+	reflect: !0
+})], v.prototype, "toastId", void 0), e([h({
+	type: String,
+	reflect: !0
+})], v.prototype, "type", void 0), e([h({
+	type: String,
+	reflect: !0
+})], v.prototype, "position", void 0), e([h({ type: String })], v.prototype, "heading", void 0), e([h({ type: String })], v.prototype, "message", void 0), e([h({ type: Number })], v.prototype, "duration", void 0), e([h({
+	reflect: !0,
+	converter: s
+})], v.prototype, "closable", void 0), e([h({
+	type: Boolean,
+	reflect: !0
+})], v.prototype, "visible", void 0), v = e([m("web-ui-toast")], v);
+//#endregion
+export { v as WebUiToast };
+
+//# sourceMappingURL=toast.js.map

package/dist/components/toast/toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.js","names":[],"sources":["../../../src/components/toast/toast.ts"],"sourcesContent":["import type { IconifyIcon } from '@iconify/types'\nimport { html, LitElement, nothing, type PropertyValues, unsafeCSS } from 'lit'\n\nimport '@/components/icon'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport glass from '@/assets/glass.css?inline'\nimport { lucideCheck, lucideInfo, lucideTriangleAlert, lucideCircleAlert, heroiconsXMark16Solid } from '@/icons'\nimport { getTransitionDuration } from '@/shared/overlay/presence'\nimport { booleanWithFalseString } from '@/shared/property-converters/boolean-with-false-string'\n\nimport style from './style.css?inline'\nimport type { ToastCloseReason, ToastPosition, ToastType } from './types'\n\nconst TYPE_ICONS: Record<ToastType, IconifyIcon> = {\n  success: lucideCheck,\n  info: lucideInfo,\n  warning: lucideTriangleAlert,\n  error: lucideCircleAlert\n}\n\nfunction _formatTime(): string {\n  const now = new Date()\n  const h = now.getHours().toString().padStart(2, '0')\n  const m = now.getMinutes().toString().padStart(2, '0')\n  return `${h}:${m}`\n}\n\n@customElement('web-ui-toast')\nexport class WebUiToast extends LitElement {\n  static override styles = [unsafeCSS(glass), unsafeCSS(style)]\n\n  @property({ type: String, reflect: true }) toastId = ''\n  @property({ type: String, reflect: true }) type: ToastType = 'info'\n  @property({ type: String, reflect: true }) position: ToastPosition = 'top-right'\n  @property({ type: String }) heading = ''\n  @property({ type: String }) message = ''\n  @property({ type: Number }) duration = 3000\n  @property({ reflect: true, converter: booleanWithFalseString }) closable = true\n  @property({ type: Boolean, reflect: true }) visible = false\n\n  private _closeTimer?: ReturnType<typeof setTimeout>\n\n  override connectedCallback() {\n    super.connectedCallback()\n    this.addEventListener('pointerenter', this._onPointerEnter)\n    this.addEventListener('pointerleave', this._onPointerLeave)\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback()\n    this.removeEventListener('pointerenter', this._onPointerEnter)\n    this.removeEventListener('pointerleave', this._onPointerLeave)\n    this._clearTimer()\n  }\n\n  protected override updated(changed: PropertyValues) {\n    if (changed.has('position')) {\n      this._applySlideDirection()\n    }\n  }\n\n  /** 根据 position 设置入场/退场滑动方向 */\n  private _applySlideDirection() {\n    const SLIDE_OFFSET = 20\n    let x = 0\n    let y = 0\n\n    if (this.position.includes('left')) x = -SLIDE_OFFSET\n    else if (this.position.includes('right')) x = SLIDE_OFFSET\n\n    if (this.position.startsWith('top')) y = -SLIDE_OFFSET\n    else if (this.position.startsWith('bottom')) y = SLIDE_OFFSET\n\n    this.style.setProperty('--toast-slide-x', `${x}px`)\n    this.style.setProperty('--toast-slide-y', `${y}px`)\n  }\n\n  /** 启动自动关闭计时器 */\n  startAutoClose() {\n    this._clearTimer()\n    if (this.duration > 0) {\n      this._closeTimer = setTimeout(() => {\n        this.dismiss('auto')\n      }, this.duration)\n    }\n  }\n\n  /** 由 manager 调用：播放入场动画后自动开始计时 */\n  show() {\n    this.visible = true\n    this.startAutoClose()\n  }\n\n  /** 关闭（含退场动画） */\n  dismiss(reason: ToastCloseReason = 'programmatic') {\n    if (!this.visible) return\n    this.visible = false\n    this._clearTimer()\n    const onEnd = () => {\n      this.removeEventListener('transitionend', onEnd)\n      this._dispatchClose(reason)\n    }\n    this.addEventListener('transitionend', onEnd)\n    // fallback: transitionend 不触发时（display:none 等）\n    const toast = this.shadowRoot?.querySelector<HTMLElement>('.toast')\n    setTimeout(onEnd, getTransitionDuration(toast ?? this) + 80)\n  }\n\n  private _clearTimer() {\n    if (this._closeTimer !== undefined) {\n      clearTimeout(this._closeTimer)\n      this._closeTimer = undefined\n    }\n  }\n\n  private _onPointerEnter = (e: PointerEvent) => {\n    if (e.pointerType === 'touch') return\n    this._clearTimer()\n  }\n\n  private _onPointerLeave = (e: PointerEvent) => {\n    if (e.pointerType === 'touch') return\n    this.startAutoClose()\n  }\n\n  private _onCloseClick = () => {\n    this.dismiss('manual')\n  }\n\n  private _dispatchClose(reason: ToastCloseReason) {\n    this.dispatchEvent(\n      new CustomEvent('toast-close', {\n        detail: { id: this.toastId, reason },\n        bubbles: true,\n        composed: true\n      })\n    )\n  }\n\n  override render() {\n    const icon = TYPE_ICONS[this.type]\n    const ariaLive = this.type === 'error' ? 'assertive' : 'polite'\n\n    return html`\n      <div class=\"toast wui-glass ${this.type}\" role=\"alert\" aria-live=${ariaLive} aria-atomic=\"true\">\n        <span class=\"toast-icon\" aria-hidden=\"true\">\n          <web-ui-icon .icon=${icon} :size=\"18\"></web-ui-icon>\n        </span>\n        <div class=\"toast-body\">\n          ${this.heading ? html`<div class=\"toast-heading\">${this.heading}</div>` : nothing}\n          <div class=\"toast-message\">${this.message}</div>\n        </div>\n        <span class=\"toast-time\">${_formatTime()}</span>\n        ${this.closable\n          ? html`\n              <button class=\"toast-close-btn wui-glass\" aria-label=\"关闭\" @click=${this._onCloseClick}>\n                <web-ui-icon .icon=${heroiconsXMark16Solid} :size=\"10\"></web-ui-icon>\n              </button>\n            `\n          : nothing}\n      </div>\n    `\n  }\n\n  declare readonly $events: {\n    'toast-close': CustomEvent<{ id: string; reason: ToastCloseReason }>\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'web-ui-toast': WebUiToast\n  }\n}\n"],"mappings":"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"}

package/dist/components/toast/types.d.ts

@@ -0,0 +1,23 @@
+export type ToastType = 'success' | 'info' | 'warning' | 'error';
+export type ToastCloseReason = 'auto' | 'manual' | 'programmatic' | 'clear';
+export type ToastPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
+export interface ToastOptions {
+    message: string;
+    type?: ToastType;
+    duration?: number;
+    closable?: boolean;
+    id?: string;
+    heading?: string;
+    /** 用于解析最近 web-ui-theme 的触发元素。 */
+    target?: Element;
+    /** 显式挂载容器，优先级高于 target 和主题作用域。 */
+    container?: HTMLElement;
+}
+export interface ToastInstanceOptions extends ToastOptions {
+    position?: ToastPosition;
+}
+/** 更新已创建 Toast 的文本内容。未传入 heading 时保留原值。 */
+export interface ToastMessageUpdateOptions {
+    message: string;
+    heading?: string;
+}

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

@@ -0,0 +1,59 @@
+import { Placement } from '@floating-ui/dom';
+import { LitElement } from 'lit';
+import { OverlayContainer } from '../../shared/overlay/portal';
+export declare class WebUiTooltip extends LitElement {
+    static styles: import('lit').CSSResult[];
+    get placement(): Placement;
+    set placement(v: string);
+    private _placement;
+    get showDelay(): number;
+    set showDelay(v: number);
+    private _showDelay;
+    get hideDelay(): number;
+    set hideDelay(v: number);
+    private _hideDelay;
+    disabled: boolean;
+    get offset(): number;
+    set offset(v: number);
+    private _offset;
+    content: string;
+    open: boolean;
+    portal: boolean;
+    overlayContainer?: OverlayContainer;
+    private _overlay?;
+    private _showTimer?;
+    private _hideTimer?;
+    private _portal?;
+    private _isCountedVisible;
+    private _shouldOpenInstantly;
+    get isOpen(): boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    firstUpdated(): void;
+    protected updated(changed: Map<string, unknown>): void;
+    private _onPointerEnter;
+    private _onPointerLeave;
+    private _onFocusIn;
+    private _onFocusOut;
+    private _show;
+    private _hide;
+    private _initLocalOverlay;
+    private _openOverlay;
+    private _openPortal;
+    private _closeOverlay;
+    private _disposeOverlay;
+    private _reconfigureOverlay;
+    private _dispatchChange;
+    private _syncVisibleTooltipCount;
+    render(): import('lit').TemplateResult<1>;
+    readonly $events: {
+        'open-change': CustomEvent<{
+            open: boolean;
+        }>;
+    };
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'web-ui-tooltip': WebUiTooltip;
+    }
+}

package/dist/components/tooltip/index.js

@@ -0,0 +1,190 @@
+import e from "../../_virtual/_@oxc-project_runtime@0.140.0/helpers/esm/decorate.js";
+import t from "../../assets/glass.js";
+import { normalizeLiteral as n, normalizeNumber as r } from "../../shared/normalize/index.js";
+import i from "../../assets/overlay-motion.js";
+import { hideOverlayPresence as a, showOverlayPresence as o } from "../../shared/overlay/presence.js";
+import { withOverlay as s } from "../../shared/overlay/overlay.js";
+import { createOverlayPortal as c } from "../../shared/overlay/portal.js";
+import l from "./style.js";
+import { LitElement as u, html as d, unsafeCSS as f } from "lit";
+import { customElement as p, property as m } from "lit/decorators.js";
+//#region src/components/tooltip/index.ts
+var h = [
+	"top",
+	"top-start",
+	"top-end",
+	"bottom",
+	"bottom-start",
+	"bottom-end",
+	"left",
+	"left-start",
+	"left-end",
+	"right",
+	"right-start",
+	"right-end"
+], g = 0, _ = class extends u {
+	constructor(...e) {
+		super(...e), this._placement = "top", this._showDelay = 200, this._hideDelay = 100, this.disabled = !1, this._offset = 6, this.content = "", this.open = !1, this.portal = !1, this._isCountedVisible = !1, this._shouldOpenInstantly = !0, this._onPointerEnter = (e) => {
+			e.pointerType !== "touch" && (this.disabled || (clearTimeout(this._hideTimer), this._showTimer = setTimeout(() => this._show(), g > 0 ? 0 : this.showDelay)));
+		}, this._onPointerLeave = (e) => {
+			e.pointerType !== "touch" && (this.disabled || (clearTimeout(this._showTimer), this._hideTimer = setTimeout(() => this._hide(), this.hideDelay)));
+		}, this._onFocusIn = () => {
+			this.disabled || (clearTimeout(this._hideTimer), this._show(!0));
+		}, this._onFocusOut = () => {
+			this.disabled || (clearTimeout(this._showTimer), this._hide());
+		};
+	}
+	static {
+		this.styles = [
+			f(t),
+			f(i),
+			f(l)
+		];
+	}
+	get placement() {
+		return this._placement;
+	}
+	set placement(e) {
+		let t = this._placement;
+		this._placement = n(e, h, "top"), this.requestUpdate("placement", t);
+	}
+	get showDelay() {
+		return this._showDelay;
+	}
+	set showDelay(e) {
+		let t = this._showDelay;
+		this._showDelay = r(e, 0, 5e3, 200), this.requestUpdate("showDelay", t);
+	}
+	get hideDelay() {
+		return this._hideDelay;
+	}
+	set hideDelay(e) {
+		let t = this._hideDelay;
+		this._hideDelay = r(e, 0, 5e3, 100), this.requestUpdate("hideDelay", t);
+	}
+	get offset() {
+		return this._offset;
+	}
+	set offset(e) {
+		let t = this._offset;
+		this._offset = r(e, 0, 100, 6), this.requestUpdate("offset", t);
+	}
+	get isOpen() {
+		return this.open;
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.addEventListener("pointerenter", this._onPointerEnter), this.addEventListener("pointerleave", this._onPointerLeave), this.addEventListener("focusin", this._onFocusIn), this.addEventListener("focusout", this._onFocusOut);
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this.removeEventListener("pointerenter", this._onPointerEnter), this.removeEventListener("pointerleave", this._onPointerLeave), this.removeEventListener("focusin", this._onFocusIn), this.removeEventListener("focusout", this._onFocusOut), clearTimeout(this._showTimer), clearTimeout(this._hideTimer), this._syncVisibleTooltipCount(!1), this._disposeOverlay();
+	}
+	firstUpdated() {
+		this._initLocalOverlay(), this.open && (this._openOverlay(this._shouldOpenInstantly), this._shouldOpenInstantly = !0);
+	}
+	updated(e) {
+		(e.has("placement") || e.has("portal") || e.has("overlayContainer")) && requestAnimationFrame(() => this._reconfigureOverlay()), e.has("open") && (this._syncVisibleTooltipCount(this.open), this.open ? (this._openOverlay(this._shouldOpenInstantly), this._shouldOpenInstantly = !0) : this._closeOverlay(), this._dispatchChange(this.open));
+	}
+	_show(e = !1) {
+		this.open ||= (this._shouldOpenInstantly = e, !0);
+	}
+	_hide() {
+		this.open &&= !1;
+	}
+	_initLocalOverlay() {
+		let e = this.shadowRoot?.querySelector(".tooltip-trigger"), t = this.shadowRoot?.querySelector(".tooltip-panel");
+		!e || !t || (this._overlay = s.make({
+			anchor: e,
+			overlay: t,
+			placement: this.placement,
+			offset: this.offset
+		}));
+	}
+	_openOverlay(e = !1) {
+		if (this.portal) this._openPortal(e);
+		else {
+			this._overlay?.open();
+			let t = this.shadowRoot?.querySelector(".tooltip-panel");
+			t && o(t, { isInstant: e });
+		}
+	}
+	_openPortal(e = !1) {
+		if (this._portal) {
+			this._overlay?.open(), o(this._portal.panel, { isInstant: e });
+			return;
+		}
+		let n = this.shadowRoot?.querySelector(".tooltip-trigger");
+		if (!n) return;
+		let r = c({
+			container: this.overlayContainer,
+			target: this,
+			style: `${t}\n${i}\n${l}`,
+			className: "tooltip-panel portal wui-glass wui-floating-panel"
+		});
+		if (this.content) {
+			let e = document.createElement("span");
+			e.className = "tooltip-text", e.textContent = this.content, r.panel.append(e);
+		} else r.moveContent(Array.from(this.querySelectorAll("[slot=\"content\"]")));
+		r.panel.setAttribute("role", "tooltip"), this._portal = r, this._overlay = s.make({
+			anchor: n,
+			overlay: r.panel,
+			placement: this.placement,
+			offset: this.offset,
+			strategy: "fixed"
+		}), this._overlay.open(), o(r.panel, { isInstant: e });
+	}
+	async _closeOverlay() {
+		this._overlay?.close();
+		let e = this._portal?.panel ?? this.shadowRoot?.querySelector(".tooltip-panel");
+		e && !await a(e) || !this._portal || this.open || (this._portal.restoreContent(), this._portal.remove(), this._portal = void 0, this._overlay = void 0);
+	}
+	_disposeOverlay() {
+		this._overlay?.dispose(), this._overlay = void 0, this._portal?.restoreContent(), this._portal?.remove(), this._portal = void 0;
+	}
+	_reconfigureOverlay() {
+		let e = (this._portal?.panel ?? this.shadowRoot?.querySelector(".tooltip-panel"))?.dataset.wuiPresence === "entering";
+		this._disposeOverlay(), this.portal || this._initLocalOverlay(), this.open && this._openOverlay(!e);
+	}
+	_dispatchChange(e) {
+		this.dispatchEvent(new CustomEvent("open-change", {
+			detail: { open: e },
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+	_syncVisibleTooltipCount(e) {
+		e && !this._isCountedVisible ? (g += 1, this._isCountedVisible = !0) : !e && this._isCountedVisible && (g = Math.max(0, g - 1), this._isCountedVisible = !1);
+	}
+	render() {
+		return d`
+      <div class="tooltip-anchor">
+        <div class="tooltip-trigger"><slot></slot></div>
+        <div class="tooltip-panel wui-glass wui-floating-panel" hidden role="tooltip">
+          ${this.content ? d`<span class="tooltip-text">${this.content}</span>` : d`<slot name="content"></slot>`}
+        </div>
+      </div>
+    `;
+	}
+};
+e([m({
+	type: String,
+	reflect: !0
+})], _.prototype, "placement", null), e([m({
+	type: Number,
+	attribute: "show-delay"
+})], _.prototype, "showDelay", null), e([m({
+	type: Number,
+	attribute: "hide-delay"
+})], _.prototype, "hideDelay", null), e([m({
+	type: Boolean,
+	reflect: !0
+})], _.prototype, "disabled", void 0), e([m({ type: Number })], _.prototype, "offset", null), e([m({ type: String })], _.prototype, "content", void 0), e([m({
+	type: Boolean,
+	reflect: !0
+})], _.prototype, "open", void 0), e([m({
+	type: Boolean,
+	reflect: !0
+})], _.prototype, "portal", void 0), e([m({ attribute: !1 })], _.prototype, "overlayContainer", void 0), _ = e([p("web-ui-tooltip")], _);
+//#endregion
+export { _ as WebUiTooltip };
+
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/tooltip/index.ts"],"sourcesContent":["import type { Placement } from '@floating-ui/dom'\nimport { html, LitElement, unsafeCSS } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nimport glass from '@/assets/glass.css?inline'\nimport overlayMotion from '@/assets/overlay-motion.css?inline'\nimport { normalizeLiteral, normalizeNumber } from '@/shared/normalize'\nimport { withOverlay } from '@/shared/overlay/overlay'\nimport type { OverlayApi } from '@/shared/overlay/overlay'\nimport { createOverlayPortal } from '@/shared/overlay/portal'\nimport type { OverlayContainer, OverlayPortal } from '@/shared/overlay/portal'\nimport { hideOverlayPresence, showOverlayPresence } from '@/shared/overlay/presence'\n\nimport style from './style.css?inline'\n\nconst ALLOWED_PLACEMENTS = [\n  'top',\n  'top-start',\n  'top-end',\n  'bottom',\n  'bottom-start',\n  'bottom-end',\n  'left',\n  'left-start',\n  'left-end',\n  'right',\n  'right-start',\n  'right-end'\n] as const\n\nlet visibleTooltipCount = 0\n\n@customElement('web-ui-tooltip')\nexport class WebUiTooltip extends LitElement {\n  static override styles = [unsafeCSS(glass), unsafeCSS(overlayMotion), unsafeCSS(style)]\n\n  @property({ type: String, reflect: true })\n  get placement(): Placement {\n    return this._placement\n  }\n  set placement(v: string) {\n    const old = this._placement\n    this._placement = normalizeLiteral(v, ALLOWED_PLACEMENTS, 'top')\n    this.requestUpdate('placement', old)\n  }\n  private _placement: Placement = 'top'\n\n  @property({ type: Number, attribute: 'show-delay' })\n  get showDelay(): number {\n    return this._showDelay\n  }\n  set showDelay(v: number) {\n    const old = this._showDelay\n    this._showDelay = normalizeNumber(v, 0, 5000, 200)\n    this.requestUpdate('showDelay', old)\n  }\n  private _showDelay = 200\n\n  @property({ type: Number, attribute: 'hide-delay' })\n  get hideDelay(): number {\n    return this._hideDelay\n  }\n  set hideDelay(v: number) {\n    const old = this._hideDelay\n    this._hideDelay = normalizeNumber(v, 0, 5000, 100)\n    this.requestUpdate('hideDelay', old)\n  }\n  private _hideDelay = 100\n\n  @property({ type: Boolean, reflect: true }) disabled = false\n\n  @property({ type: Number })\n  get offset(): number {\n    return this._offset\n  }\n  set offset(v: number) {\n    const old = this._offset\n    this._offset = normalizeNumber(v, 0, 100, 6)\n    this.requestUpdate('offset', old)\n  }\n  private _offset = 6\n\n  @property({ type: String }) content = ''\n\n  @property({ type: Boolean, reflect: true }) open = false\n  @property({ type: Boolean, reflect: true }) portal = false\n  @property({ attribute: false }) overlayContainer?: OverlayContainer\n\n  private _overlay?: OverlayApi & { anchor: HTMLElement; overlay: HTMLElement }\n  private _showTimer?: ReturnType<typeof setTimeout>\n  private _hideTimer?: ReturnType<typeof setTimeout>\n  private _portal?: OverlayPortal\n  private _isCountedVisible = false\n  private _shouldOpenInstantly = true\n\n  get isOpen(): boolean {\n    return this.open\n  }\n\n  override connectedCallback() {\n    super.connectedCallback()\n    this.addEventListener('pointerenter', this._onPointerEnter)\n    this.addEventListener('pointerleave', this._onPointerLeave)\n    this.addEventListener('focusin', this._onFocusIn)\n    this.addEventListener('focusout', this._onFocusOut)\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback()\n    this.removeEventListener('pointerenter', this._onPointerEnter)\n    this.removeEventListener('pointerleave', this._onPointerLeave)\n    this.removeEventListener('focusin', this._onFocusIn)\n    this.removeEventListener('focusout', this._onFocusOut)\n    clearTimeout(this._showTimer)\n    clearTimeout(this._hideTimer)\n    this._syncVisibleTooltipCount(false)\n    this._disposeOverlay()\n  }\n\n  override firstUpdated() {\n    this._initLocalOverlay()\n    if (this.open) {\n      this._openOverlay(this._shouldOpenInstantly)\n      this._shouldOpenInstantly = true\n    }\n  }\n\n  protected override updated(changed: Map<string, unknown>) {\n    if (changed.has('placement') || changed.has('portal') || changed.has('overlayContainer')) {\n      requestAnimationFrame(() => this._reconfigureOverlay())\n    }\n\n    if (changed.has('open')) {\n      this._syncVisibleTooltipCount(this.open)\n      if (this.open) {\n        this._openOverlay(this._shouldOpenInstantly)\n        this._shouldOpenInstantly = true\n      } else {\n        void this._closeOverlay()\n      }\n      this._dispatchChange(this.open)\n    }\n  }\n\n  private _onPointerEnter = (e: PointerEvent) => {\n    if (e.pointerType === 'touch') return\n    if (this.disabled) return\n    clearTimeout(this._hideTimer)\n    this._showTimer = setTimeout(() => this._show(), visibleTooltipCount > 0 ? 0 : this.showDelay)\n  }\n\n  private _onPointerLeave = (e: PointerEvent) => {\n    if (e.pointerType === 'touch') return\n    if (this.disabled) return\n    clearTimeout(this._showTimer)\n    this._hideTimer = setTimeout(() => this._hide(), this.hideDelay)\n  }\n\n  private _onFocusIn = () => {\n    if (this.disabled) return\n    clearTimeout(this._hideTimer)\n    this._show(true)\n  }\n\n  private _onFocusOut = () => {\n    if (this.disabled) return\n    clearTimeout(this._showTimer)\n    this._hide()\n  }\n\n  private _show(isInstant = false) {\n    if (this.open) return\n    this._shouldOpenInstantly = isInstant\n    this.open = true\n  }\n\n  private _hide() {\n    if (!this.open) return\n    this.open = false\n  }\n\n  private _initLocalOverlay() {\n    const anchor = this.shadowRoot?.querySelector<HTMLElement>('.tooltip-trigger')\n    const panel = this.shadowRoot?.querySelector<HTMLElement>('.tooltip-panel')\n    if (!anchor || !panel) return\n    this._overlay = withOverlay.make({\n      anchor,\n      overlay: panel,\n      placement: this.placement,\n      offset: this.offset\n    })\n  }\n\n  private _openOverlay(isInstant = false) {\n    if (this.portal) this._openPortal(isInstant)\n    else {\n      this._overlay?.open()\n      const panel = this.shadowRoot?.querySelector<HTMLElement>('.tooltip-panel')\n      if (panel) showOverlayPresence(panel, { isInstant })\n    }\n  }\n\n  private _openPortal(isInstant = false) {\n    if (this._portal) {\n      this._overlay?.open()\n      showOverlayPresence(this._portal.panel, { isInstant })\n      return\n    }\n    const anchor = this.shadowRoot?.querySelector('.tooltip-trigger') as HTMLElement | null\n    if (!anchor) return\n    const portal = createOverlayPortal({\n      container: this.overlayContainer,\n      target: this,\n      style: `${glass}\\n${overlayMotion}\\n${style}`,\n      className: 'tooltip-panel portal wui-glass wui-floating-panel'\n    })\n    if (this.content) {\n      const text = document.createElement('span')\n      text.className = 'tooltip-text'\n      text.textContent = this.content\n      portal.panel.append(text)\n    } else portal.moveContent(Array.from(this.querySelectorAll('[slot=\"content\"]')))\n    portal.panel.setAttribute('role', 'tooltip')\n    this._portal = portal\n    this._overlay = withOverlay.make({\n      anchor,\n      overlay: portal.panel,\n      placement: this.placement,\n      offset: this.offset,\n      strategy: 'fixed'\n    })\n    this._overlay.open()\n    showOverlayPresence(portal.panel, { isInstant })\n  }\n\n  private async _closeOverlay() {\n    this._overlay?.close()\n    const panel = this._portal?.panel ?? this.shadowRoot?.querySelector<HTMLElement>('.tooltip-panel')\n    if (panel && !(await hideOverlayPresence(panel))) return\n    if (!this._portal || this.open) return\n    this._portal.restoreContent()\n    this._portal.remove()\n    this._portal = undefined\n    this._overlay = undefined\n  }\n\n  private _disposeOverlay() {\n    this._overlay?.dispose()\n    this._overlay = undefined\n    this._portal?.restoreContent()\n    this._portal?.remove()\n    this._portal = undefined\n  }\n\n  private _reconfigureOverlay() {\n    const panel = this._portal?.panel ?? this.shadowRoot?.querySelector<HTMLElement>('.tooltip-panel')\n    const shouldAnimate = panel?.dataset.wuiPresence === 'entering'\n    this._disposeOverlay()\n    if (!this.portal) this._initLocalOverlay()\n    if (this.open) this._openOverlay(!shouldAnimate)\n  }\n\n  private _dispatchChange(open: boolean) {\n    this.dispatchEvent(\n      new CustomEvent('open-change', {\n        detail: { open },\n        bubbles: true,\n        composed: true\n      })\n    )\n  }\n\n  private _syncVisibleTooltipCount(isVisible: boolean) {\n    if (isVisible && !this._isCountedVisible) {\n      visibleTooltipCount += 1\n      this._isCountedVisible = true\n    } else if (!isVisible && this._isCountedVisible) {\n      visibleTooltipCount = Math.max(0, visibleTooltipCount - 1)\n      this._isCountedVisible = false\n    }\n  }\n\n  override render() {\n    return html`\n      <div class=\"tooltip-anchor\">\n        <div class=\"tooltip-trigger\"><slot></slot></div>\n        <div class=\"tooltip-panel wui-glass wui-floating-panel\" hidden role=\"tooltip\">\n          ${this.content ? html`<span class=\"tooltip-text\">${this.content}</span>` : html`<slot name=\"content\"></slot>`}\n        </div>\n      </div>\n    `\n  }\n\n  declare readonly $events: {\n    'open-change': CustomEvent<{ open: boolean }>\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'web-ui-tooltip': WebUiTooltip\n  }\n}\n"],"mappings":"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"}

package/dist/components/tooltip/style.js

@@ -0,0 +1,6 @@
+//#region src/components/tooltip/style.css?inline
+var e = "*,:before,:after{box-sizing:border-box}:host,.tooltip-trigger{display:inline-flex}.tooltip-anchor{display:inline-flex;position:relative}.tooltip-panel{--wui-glass-shadow:var(--wui-shadow-pop,0 3px 9px #00000045);pointer-events:none;z-index:var(--wui-layer-local-overlay,1);box-sizing:border-box;width:max-content;max-width:var(--wui-tooltip-max-width,240px);font-size:var(--wui-tooltip-font-size,13px);color:var(--wui-color-text,#1b1b1b);background-color:var(--wui-color-surface-overlay,#f5f5f5d9);border-radius:20px;padding:6px 10px;position:absolute;top:-9999px;left:-9999px}.tooltip-panel.portal{z-index:var(--wui-layer-menu,100);position:fixed}.tooltip-panel.hidden{display:none}.tooltip-text{overflow-wrap:break-word;white-space:normal;display:block}:host([portal]) .tooltip-panel{display:none}";
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=style.js.map

package/dist/components/tooltip/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","names":[],"sources":["../../../src/components/tooltip/style.css?inline"],"sourcesContent":["*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n:host {\n  display: inline-flex;\n}\n\n.tooltip-trigger {\n  display: inline-flex;\n}\n\n.tooltip-anchor {\n  position: relative;\n  display: inline-flex;\n}\n\n.tooltip-panel {\n  --wui-glass-shadow: var(--wui-shadow-pop, 0 3px 9px rgb(0 0 0 / 0.27));\n\n  pointer-events: none;\n\n  position: absolute;\n  z-index: var(--wui-layer-local-overlay, 1);\n  top: -9999px;\n  left: -9999px;\n\n  box-sizing: border-box;\n  width: max-content;\n  max-width: var(--wui-tooltip-max-width, 240px);\n  padding: 6px 10px;\n  border-radius: 20px;\n\n  font-size: var(--wui-tooltip-font-size, 13px);\n  color: var(--wui-color-text, #1b1b1b);\n\n  background-color: var(--wui-color-surface-overlay, rgb(245 245 245 / 0.85));\n}\n\n.tooltip-panel.portal {\n  position: fixed;\n  z-index: var(--wui-layer-menu, 100);\n}\n\n.tooltip-panel.hidden {\n  display: none;\n}\n\n.tooltip-text {\n  display: block;\n  overflow-wrap: break-word;\n  white-space: normal;\n}\n\n:host([portal]) .tooltip-panel {\n  display: none;\n}\n"],"mappings":""}

package/dist/icons/generated/heroicons-check-16-solid.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    body: string;
+    width: number;
+    height: number;
+};
+export default _default;

package/dist/icons/generated/heroicons-check-16-solid.js

@@ -0,0 +1,10 @@
+//#region src/icons/generated/heroicons-check-16-solid.ts
+var e = {
+	body: "<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M12.416 3.376a.75.75 0 0 1 .208 1.04l-5 7.5a.75.75 0 0 1-1.154.114l-3-3a.75.75 0 0 1 1.06-1.06l2.353 2.353l4.493-6.74a.75.75 0 0 1 1.04-.207\" clip-rule=\"evenodd\"/>",
+	width: 16,
+	height: 16
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=heroicons-check-16-solid.js.map

package/dist/icons/generated/heroicons-check-16-solid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"heroicons-check-16-solid.js","names":[],"sources":["../../../src/icons/generated/heroicons-check-16-solid.ts"],"sourcesContent":["import type { IconifyIcon } from '@iconify/types'\n\nexport default {\n  body: '<path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M12.416 3.376a.75.75 0 0 1 .208 1.04l-5 7.5a.75.75 0 0 1-1.154.114l-3-3a.75.75 0 0 1 1.06-1.06l2.353 2.353l4.493-6.74a.75.75 0 0 1 1.04-.207\" clip-rule=\"evenodd\"/>',\n  width: 16,\n  height: 16\n} satisfies IconifyIcon\n"],"mappings":";AAEA,IAAA,IAAe;CACb,MAAM;CACN,OAAO;CACP,QAAQ;AACV"}

package/dist/icons/generated/heroicons-x-mark-16-solid.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    body: string;
+    width: number;
+    height: number;
+};
+export default _default;

package/dist/icons/generated/heroicons-x-mark-16-solid.js

@@ -0,0 +1,10 @@
+//#region src/icons/generated/heroicons-x-mark-16-solid.ts
+var e = {
+	body: "<path fill=\"currentColor\" d=\"M5.28 4.22a.75.75 0 0 0-1.06 1.06L6.94 8l-2.72 2.72a.75.75 0 1 0 1.06 1.06L8 9.06l2.72 2.72a.75.75 0 1 0 1.06-1.06L9.06 8l2.72-2.72a.75.75 0 0 0-1.06-1.06L8 6.94z\"/>",
+	width: 16,
+	height: 16
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=heroicons-x-mark-16-solid.js.map

package/dist/icons/generated/heroicons-x-mark-16-solid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"heroicons-x-mark-16-solid.js","names":[],"sources":["../../../src/icons/generated/heroicons-x-mark-16-solid.ts"],"sourcesContent":["import type { IconifyIcon } from '@iconify/types'\n\nexport default {\n  body: '<path fill=\"currentColor\" d=\"M5.28 4.22a.75.75 0 0 0-1.06 1.06L6.94 8l-2.72 2.72a.75.75 0 1 0 1.06 1.06L8 9.06l2.72 2.72a.75.75 0 1 0 1.06-1.06L9.06 8l2.72-2.72a.75.75 0 0 0-1.06-1.06L8 6.94z\"/>',\n  width: 16,\n  height: 16\n} satisfies IconifyIcon\n"],"mappings":";AAEA,IAAA,IAAe;CACb,MAAM;CACN,OAAO;CACP,QAAQ;AACV"}

package/dist/icons/generated/jam-close-circle-f.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    body: string;
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+};
+export default _default;

package/dist/icons/generated/jam-close-circle-f.js

@@ -0,0 +1,12 @@
+//#region src/icons/generated/jam-close-circle-f.ts
+var e = {
+	body: "<path fill=\"currentColor\" d=\"m11.414 10l2.829-2.828a1 1 0 1 0-1.415-1.415L10 8.586L7.172 5.757a1 1 0 0 0-1.415 1.415L8.586 10l-2.829 2.828a1 1 0 0 0 1.415 1.415L10 11.414l2.828 2.829a1 1 0 0 0 1.415-1.415zM10 20C4.477 20 0 15.523 0 10S4.477 0 10 0s10 4.477 10 10s-4.477 10-10 10\"/>",
+	left: -2,
+	top: -2,
+	width: 24,
+	height: 24
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=jam-close-circle-f.js.map

package/dist/icons/generated/jam-close-circle-f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"jam-close-circle-f.js","names":[],"sources":["../../../src/icons/generated/jam-close-circle-f.ts"],"sourcesContent":["import type { IconifyIcon } from '@iconify/types'\n\nexport default {\n  body: '<path fill=\"currentColor\" d=\"m11.414 10l2.829-2.828a1 1 0 1 0-1.415-1.415L10 8.586L7.172 5.757a1 1 0 0 0-1.415 1.415L8.586 10l-2.829 2.828a1 1 0 0 0 1.415 1.415L10 11.414l2.828 2.829a1 1 0 0 0 1.415-1.415zM10 20C4.477 20 0 15.523 0 10S4.477 0 10 0s10 4.477 10 10s-4.477 10-10 10\"/>',\n  left: -2,\n  top: -2,\n  width: 24,\n  height: 24\n} satisfies IconifyIcon\n"],"mappings":";AAEA,IAAA,IAAe;CACb,MAAM;CACN,MAAM;CACN,KAAK;CACL,OAAO;CACP,QAAQ;AACV"}

package/dist/icons/generated/jam-volume.d.ts

@@ -0,0 +1,8 @@
+declare const _default: {
+    body: string;
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+};
+export default _default;