@greypan/web-ui 3.0.0 → 3.0.1

package/README.CN.md

@@ -129,8 +129,9 @@ import '@greypan/web-ui/types/vue'
 
 Vue 事件类型零 cast：带值组件上的 `@input`/`@change` 解析到组件 emit，`$event.target` 即为组件实例，
 `value`/`checked` 直接读取；kebab-case 事件（如 `open-change`）的 `$event.detail` 保持 `CustomEvent` 载荷类型。
-命名 handler 用 `WebUiEvent<WebUiXxx, 'change'>` 标注。未声明为 emit 的原生事件（`@click`/`@focus` 等）
-在任何 `web-ui-*` 元素上仍可绑定。
+命名 handler 用 `WebUiEvent<WebUiXxx, 'change'>` 标注；当变量或泛型表示事件名时，使用
+`WebUiEventName<WebUiXxx>`，它只接受该组件 `$events` 的 string key。未声明为 emit 的原生事件
+（`@click`/`@focus` 等）在任何 `web-ui-*` 元素上仍可绑定。
 
 ### 属性与事件边界
 
@@ -485,6 +486,7 @@ ArrowUp/ArrowDown 键增减数值。空输入或 `-` 在提交时被忽略，值
 | `open`              | `boolean` | `false` | 对话框可见性         |
 | `no-scroll-lock`    | `boolean` | `false` | 打开时不锁定页面滚动 |
 | `no-backdrop-close` | `boolean` | `false` | 禁止点击遮罩关闭     |
+| `no-escape-close`   | `boolean` | `false` | 禁止按 Escape 关闭   |
 
 **事件：** `open-change` (`CustomEvent<{ open: boolean }>`)
 
@@ -492,7 +494,7 @@ ArrowUp/ArrowDown 键增减数值。空输入或 `-` 在提交时被忽略，值
 
 **方法：** `showModal()`, `close()`
 
-使用原生 `<dialog>`，`@cancel` 阻止默认关闭行为（Escape 调用 `close()`）。点击遮罩关闭。
+使用原生 `<dialog>`，`@cancel` 阻止默认关闭行为。除非存在 `no-escape-close`，否则 Escape 调用 `close()`；除非存在 `no-backdrop-close`，否则点击遮罩关闭。
 
 #### `<web-ui-drawer>`
 

package/README.md

@@ -132,8 +132,9 @@ import '@greypan/web-ui/types/vue'
 Vue events are typed cast-free: `@input`/`@change` on value-bearing components resolve to the component emit, so
 `$event.target` is the component instance and `value`/`checked` are read directly. `$event.detail` keeps the
 `CustomEvent` payload type for kebab-case events like `open-change`. Named handlers annotate with
-`WebUiEvent<WebUiXxx, 'change'>`. `@click`/`@focus` and other native events not declared as emits remain
-bindable on any `web-ui-*` element.
+`WebUiEvent<WebUiXxx, 'change'>`; use `WebUiEventName<WebUiXxx>` when a value or generic represents an
+event name, because it accepts only the component's string `$events` keys. `@click`/`@focus` and other native
+events not declared as emits remain bindable on any `web-ui-*` element.
 
 ### Attribute and event boundaries
 
@@ -490,11 +491,12 @@ Propagates `direction` attribute to child buttons.
 
 Modal dialog using native `<dialog>` with `showModal()`.
 
-| Attribute           | Type      | Default | Description                       |
-| ------------------- | --------- | ------- | --------------------------------- |
-| `open`              | `boolean` | `false` | Dialog visibility                 |
-| `no-scroll-lock`    | `boolean` | `false` | Do not lock body scroll when open |
-| `no-backdrop-close` | `boolean` | `false` | Do not close on backdrop click    |
+| Attribute           | Type      | Default | Description                         |
+| ------------------- | --------- | ------- | ----------------------------------- |
+| `open`              | `boolean` | `false` | Dialog visibility                   |
+| `no-scroll-lock`    | `boolean` | `false` | Do not lock body scroll when open   |
+| `no-backdrop-close` | `boolean` | `false` | Do not close on backdrop click      |
+| `no-escape-close`   | `boolean` | `false` | Do not close when Escape is pressed |
 
 **Events:** `open-change` (`CustomEvent<{ open: boolean }>`)
 
@@ -502,7 +504,7 @@ Modal dialog using native `<dialog>` with `showModal()`.
 
 **Methods:** `showModal()`, `close()`
 
-Uses native `<dialog>` with `@cancel` prevention (Escape calls `close()`). Click on backdrop closes dialog.
+Uses native `<dialog>` with `@cancel` prevention. Escape calls `close()` unless `no-escape-close` is present. Click on backdrop closes dialog unless `no-backdrop-close` is present.
 
 #### `<web-ui-drawer>`
 

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

@@ -4,6 +4,7 @@ export declare class WebUiDialog extends LitElement {
     open: boolean;
     noScrollLock: boolean;
     noBackdropClose: boolean;
+    noEscapeClose: boolean;
     private _hasBody;
     private readonly _userOpenChange;
     private readonly _scrollLock;

package/dist/components/dialog/index.js

@@ -10,7 +10,7 @@ import { customElement as l, property as u, state as d } from "lit/decorators.js
 //#region src/components/dialog/index.ts
 var f = class extends o {
 	constructor(...e) {
-		super(...e), this.open = !1, this.noScrollLock = !1, this.noBackdropClose = !1, this._hasBody = !1, this._userOpenChange = new r(), this._scrollLock = n().make(), this._presence = i().make({
+		super(...e), this.open = !1, this.noScrollLock = !1, this.noBackdropClose = !1, this.noEscapeClose = !1, this._hasBody = !1, this._userOpenChange = new r(), this._scrollLock = n().make(), this._presence = i().make({
 			getDialog: () => this.dialog,
 			isConnected: () => this.isConnected,
 			isOpen: () => this.open
@@ -39,7 +39,7 @@ var f = class extends o {
 		this.open = !1;
 	}
 	handleCancel(e) {
-		e.preventDefault(), this._userOpenChange.mark(), this.close();
+		e.preventDefault(), !this.noEscapeClose && (this._userOpenChange.mark(), this.close());
 	}
 	handleBackdropClick(e) {
 		e.target === e.currentTarget && (this.noBackdropClose || (this._userOpenChange.mark(), this.close()));
@@ -88,7 +88,11 @@ e([u({
 	type: Boolean,
 	reflect: !0,
 	attribute: "no-backdrop-close"
-})], f.prototype, "noBackdropClose", void 0), e([d()], f.prototype, "_hasBody", void 0), f = e([l("web-ui-dialog")], f);
+})], f.prototype, "noBackdropClose", void 0), e([u({
+	type: Boolean,
+	reflect: !0,
+	attribute: "no-escape-close"
+})], f.prototype, "noEscapeClose", void 0), e([d()], f.prototype, "_hasBody", void 0), f = e([l("web-ui-dialog")], f);
 //#endregion
 export { f as WebUiDialog };
 

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/dialog/index.ts"],"sourcesContent":["import { html, LitElement, type PropertyValues, unsafeCSS } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport '@/components/button'\nimport glass from '@/assets/glass.css?inline'\nimport { UserChangeController } from '@/shared/events/user-change'\nimport { defineNativeDialogPresence } from '@/shared/overlay/native-dialog-presence'\nimport { defineScrollLockLease } from '@/shared/scroll-lock/scroll-lock'\n\nimport style from './style.css?inline'\n\n@customElement('web-ui-dialog')\nexport class WebUiDialog extends LitElement {\n  static override styles = [unsafeCSS(glass), unsafeCSS(style)]\n\n  @property({ type: Boolean, reflect: true }) open = false\n  @property({ type: Boolean, reflect: true, attribute: 'no-scroll-lock' }) noScrollLock = false\n  @property({ type: Boolean, reflect: true, attribute: 'no-backdrop-close' }) noBackdropClose = false\n\n  @state() private _hasBody = false\n  private readonly _userOpenChange = new UserChangeController()\n\n  private readonly _scrollLock = defineScrollLockLease().make()\n  private readonly _presence = defineNativeDialogPresence().make({\n    getDialog: () => this.dialog,\n    isConnected: () => this.isConnected,\n    isOpen: () => this.open\n  })\n\n  private get dialog() {\n    return this.shadowRoot?.querySelector('dialog') ?? null\n  }\n\n  protected override updated(props: PropertyValues) {\n    super.updated(props)\n    if (!this.isConnected) return\n\n    if (props.has('open')) {\n      if (this._userOpenChange.consume()) this.emitOpenChange()\n      this._presence.sync(this.open)\n    }\n    if (props.has('open') || props.has('noScrollLock')) this._syncScrollLock()\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback()\n    this._presence.dispose()\n    this._scrollLock.release()\n  }\n\n  // 以模态方式打开对话框（命令式）\n  showModal() {\n    if (this.open) return\n    this.open = true\n  }\n\n  close() {\n    this.open = false\n  }\n\n  private handleCancel(e: Event) {\n    // 保留 top layer 直到视觉退场完成，避免原生关闭跳过退出动画。\n    e.preventDefault()\n    this._userOpenChange.mark()\n    this.close()\n  }\n\n  private handleBackdropClick(e: MouseEvent) {\n    if (e.target !== (e.currentTarget as HTMLDialogElement)) return\n    if (this.noBackdropClose) return\n    this._userOpenChange.mark()\n    this.close()\n  }\n\n  private emitOpenChange() {\n    this.dispatchEvent(\n      new CustomEvent('open-change', {\n        detail: { open: this.open },\n        bubbles: true,\n        composed: true\n      })\n    )\n  }\n\n  private _onTransitionEnd = (event: TransitionEvent) => {\n    this._presence.handleTransitionEnd(event)\n  }\n\n  private _onNativeClose = () => {\n    if (!this.open) return\n    this._presence.handleNativeClose()\n    this._userOpenChange.mark()\n    this.open = false\n  }\n\n  private _syncScrollLock(isOpen = this.open) {\n    this._scrollLock.sync(isOpen && !this.noScrollLock)\n  }\n\n  private _onBodySlotChange(e: Event) {\n    if (!(e.target instanceof HTMLSlotElement)) return\n    this._hasBody = e.target.assignedElements().length > 0\n  }\n\n  override render() {\n    return html`\n      <dialog\n        @cancel=${this.handleCancel}\n        @close=${this._onNativeClose}\n        @click=${this.handleBackdropClick}\n        @transitionend=${this._onTransitionEnd}\n      >\n        <div class=\"wui-dialog-body wui-glass\">\n          ${this._hasBody\n            ? html`<slot name=\"body\" @slotchange=${this._onBodySlotChange}></slot>`\n            : html`\n                <slot name=\"body\" @slotchange=${this._onBodySlotChange} hidden></slot>\n                <div class=\"title\"><slot name=\"title\"></slot></div>\n                <div class=\"desc\"><slot></slot></div>\n                <div class=\"wui-dialog-footer\"><slot name=\"footer\"></slot></div>\n              `}\n        </div>\n      </dialog>\n    `\n  }\n\n  declare readonly $events: {\n    'open-change': CustomEvent<{ open: boolean }>\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'web-ui-dialog': WebUiDialog\n  }\n}\n"],"mappings":";;;;;;;;;;AAYO,IAAM,IAAN,cAA0B,EAAW;;EA4EX,aAzEoB,KAAA,OAAA,IACqC,KAAA,eAAA,IACM,KAAA,kBAAA,IAElE,KAAA,WAAA,IACO,KAAA,kBAAA,IAAI,EAAqB,GAE7B,KAAA,cAAA,EAAsB,CAAC,CAAC,KAAK,GAC/B,KAAA,YAAA,EAA2B,CAAC,CAAC,KAAK;GAC7D,iBAAiB,KAAK;GACtB,mBAAmB,KAAK;GACxB,cAAc,KAAK;EACrB,CAAC,GAyD2B,KAAA,oBAAA,MAA2B;GACrD,KAAK,UAAU,oBAAoB,CAAK;EAC1C,GAE+B,KAAA,uBAAA;GACxB,AAGL,KAAK,UAFL,KAAK,UAAU,kBAAkB,GACjC,KAAK,gBAAgB,KAAK,GACd;EACd;;;EAhFyB,KAAA,SAAA,CAAC,EAAU,CAAK,GAAG,EAAU,CAAK,CAAC;;CAgB5D,IAAY,SAAS;EACnB,OAAO,KAAK,YAAY,cAAc,QAAQ,KAAK;CACrD;CAEA,QAA2B,GAAuB;EAChD,MAAM,QAAQ,CAAK,GACd,KAAK,gBAEN,EAAM,IAAI,MAAM,MACd,KAAK,gBAAgB,QAAQ,KAAG,KAAK,eAAe,GACxD,KAAK,UAAU,KAAK,KAAK,IAAI,KAE3B,EAAM,IAAI,MAAM,KAAK,EAAM,IAAI,cAAc,MAAG,KAAK,gBAAgB;CAC3E;CAEA,uBAAgC;EAG9B,AAFA,MAAM,qBAAqB,GAC3B,KAAK,UAAU,QAAQ,GACvB,KAAK,YAAY,QAAQ;CAC3B;CAGA,YAAY;EACN,AACJ,KAAK,SAAO;CACd;CAEA,QAAQ;EACN,KAAK,OAAO;CACd;CAEA,aAAqB,GAAU;EAI7B,AAFA,EAAE,eAAe,GACjB,KAAK,gBAAgB,KAAK,GAC1B,KAAK,MAAM;CACb;CAEA,oBAA4B,GAAe;EACrC,EAAE,WAAY,EAAE,kBAChB,KAAK,oBACT,KAAK,gBAAgB,KAAK,GAC1B,KAAK,MAAM;CACb;CAEA,iBAAyB;EACvB,KAAK,cACH,IAAI,YAAY,eAAe;GAC7B,QAAQ,EAAE,MAAM,KAAK,KAAK;GAC1B,SAAS;GACT,UAAU;EACZ,CAAC,CACH;CACF;CAaA,gBAAwB,IAAS,KAAK,MAAM;EAC1C,KAAK,YAAY,KAAK,KAAU,CAAC,KAAK,YAAY;CACpD;CAEA,kBAA0B,GAAU;EAC5B,EAAE,kBAAkB,oBAC1B,KAAK,WAAW,EAAE,OAAO,iBAAiB,CAAC,CAAC,SAAS;CACvD;CAEA,SAAkB;EAChB,OAAO,CAAI;;kBAEG,KAAK,aAAa;iBACnB,KAAK,eAAe;iBACpB,KAAK,oBAAoB;yBACjB,KAAK,iBAAiB;;;YAGnC,KAAK,WACH,CAAI,iCAAiC,KAAK,kBAAkB,YAC5D,CAAI;gDAC8B,KAAK,kBAAkB;;;;gBAIvD;;;;CAId;AAKF;AAlHG,EAAA,CAAA,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,GACzC,EAAA,CAAA,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;AAAiB,CAAC,CAAA,GAAA,EAAA,WAAA,gBAAA,KAAA,CAAA,GACtE,EAAA,CAAA,EAAS;CAAE,MAAM;CAAS,SAAS;CAAM,WAAW;AAAoB,CAAC,CAAA,GAAA,EAAA,WAAA,mBAAA,KAAA,CAAA,GAEzE,EAAA,CAAA,EAAM,CAAA,GAAA,EAAA,WAAA,YAAA,KAAA,CAAA,GARR,IAAA,EAAA,CAAA,EAAc,eAAe,CAAA,GAAA,CAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/dialog/index.ts"],"sourcesContent":["import { html, LitElement, type PropertyValues, unsafeCSS } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport '@/components/button'\nimport glass from '@/assets/glass.css?inline'\nimport { UserChangeController } from '@/shared/events/user-change'\nimport { defineNativeDialogPresence } from '@/shared/overlay/native-dialog-presence'\nimport { defineScrollLockLease } from '@/shared/scroll-lock/scroll-lock'\n\nimport style from './style.css?inline'\n\n@customElement('web-ui-dialog')\nexport class WebUiDialog extends LitElement {\n  static override styles = [unsafeCSS(glass), unsafeCSS(style)]\n\n  @property({ type: Boolean, reflect: true }) open = false\n  @property({ type: Boolean, reflect: true, attribute: 'no-scroll-lock' }) noScrollLock = false\n  @property({ type: Boolean, reflect: true, attribute: 'no-backdrop-close' }) noBackdropClose = false\n  @property({ type: Boolean, reflect: true, attribute: 'no-escape-close' }) noEscapeClose = false\n\n  @state() private _hasBody = false\n  private readonly _userOpenChange = new UserChangeController()\n\n  private readonly _scrollLock = defineScrollLockLease().make()\n  private readonly _presence = defineNativeDialogPresence().make({\n    getDialog: () => this.dialog,\n    isConnected: () => this.isConnected,\n    isOpen: () => this.open\n  })\n\n  private get dialog() {\n    return this.shadowRoot?.querySelector('dialog') ?? null\n  }\n\n  protected override updated(props: PropertyValues) {\n    super.updated(props)\n    if (!this.isConnected) return\n\n    if (props.has('open')) {\n      if (this._userOpenChange.consume()) this.emitOpenChange()\n      this._presence.sync(this.open)\n    }\n    if (props.has('open') || props.has('noScrollLock')) this._syncScrollLock()\n  }\n\n  override disconnectedCallback() {\n    super.disconnectedCallback()\n    this._presence.dispose()\n    this._scrollLock.release()\n  }\n\n  // 以模态方式打开对话框（命令式）\n  showModal() {\n    if (this.open) return\n    this.open = true\n  }\n\n  close() {\n    this.open = false\n  }\n\n  private handleCancel(e: Event) {\n    // 保留 top layer 直到视觉退场完成，避免原生关闭跳过退出动画。\n    e.preventDefault()\n    if (this.noEscapeClose) return\n    this._userOpenChange.mark()\n    this.close()\n  }\n\n  private handleBackdropClick(e: MouseEvent) {\n    if (e.target !== (e.currentTarget as HTMLDialogElement)) return\n    if (this.noBackdropClose) return\n    this._userOpenChange.mark()\n    this.close()\n  }\n\n  private emitOpenChange() {\n    this.dispatchEvent(\n      new CustomEvent('open-change', {\n        detail: { open: this.open },\n        bubbles: true,\n        composed: true\n      })\n    )\n  }\n\n  private _onTransitionEnd = (event: TransitionEvent) => {\n    this._presence.handleTransitionEnd(event)\n  }\n\n  private _onNativeClose = () => {\n    if (!this.open) return\n    this._presence.handleNativeClose()\n    this._userOpenChange.mark()\n    this.open = false\n  }\n\n  private _syncScrollLock(isOpen = this.open) {\n    this._scrollLock.sync(isOpen && !this.noScrollLock)\n  }\n\n  private _onBodySlotChange(e: Event) {\n    if (!(e.target instanceof HTMLSlotElement)) return\n    this._hasBody = e.target.assignedElements().length > 0\n  }\n\n  override render() {\n    return html`\n      <dialog\n        @cancel=${this.handleCancel}\n        @close=${this._onNativeClose}\n        @click=${this.handleBackdropClick}\n        @transitionend=${this._onTransitionEnd}\n      >\n        <div class=\"wui-dialog-body wui-glass\">\n          ${this._hasBody\n            ? html`<slot name=\"body\" @slotchange=${this._onBodySlotChange}></slot>`\n            : html`\n                <slot name=\"body\" @slotchange=${this._onBodySlotChange} hidden></slot>\n                <div class=\"title\"><slot name=\"title\"></slot></div>\n                <div class=\"desc\"><slot></slot></div>\n                <div class=\"wui-dialog-footer\"><slot name=\"footer\"></slot></div>\n              `}\n        </div>\n      </dialog>\n    `\n  }\n\n  declare readonly $events: {\n    'open-change': CustomEvent<{ open: boolean }>\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'web-ui-dialog': WebUiDialog\n  }\n}\n"],"mappings":"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"}

package/dist/components/index.d.ts

@@ -33,7 +33,7 @@ export * from './toast';
 export * from './svg-draw-lines';
 export * from './switch';
 export * from './tooltip';
-export type { WebUiEvent } from '../types/utils';
+export type { WebUiEvent, WebUiEventName } from '../types/utils';
 export type WebUiElementMap = {
     [K in keyof HTMLElementTagNameMap as K extends `web-ui-${string}` ? K : never]: HTMLElementTagNameMap[K];
 };

package/dist/icons/generated/lucide-external-link.d.ts

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

package/dist/icons/generated/lucide-external-link.js

@@ -0,0 +1,10 @@
+//#region src/icons/generated/lucide-external-link.ts
+var e = {
+	body: "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 3h6v6m-11 5L21 3m-3 10v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"/>",
+	width: 24,
+	height: 24
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=lucide-external-link.js.map

package/dist/icons/generated/lucide-external-link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lucide-external-link.js","names":[],"sources":["../../../src/icons/generated/lucide-external-link.ts"],"sourcesContent":["import type { IconifyIcon } from '@iconify/types'\n\nexport default {\n  body: '<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 3h6v6m-11 5L21 3m-3 10v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6\"/>',\n  width: 24,\n  height: 24\n} satisfies IconifyIcon\n"],"mappings":";AAEA,IAAA,IAAe;CACb,MAAM;CACN,OAAO;CACP,QAAQ;AACV"}

package/dist/icons/generated/lucide-file-text.d.ts

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

package/dist/icons/generated/lucide-file-text.js

@@ -0,0 +1,10 @@
+//#region src/icons/generated/lucide-file-text.ts
+var e = {
+	body: "<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\"/><path d=\"M14 2v5a1 1 0 0 0 1 1h5M10 9H8m8 4H8m8 4H8\"/></g>",
+	width: 24,
+	height: 24
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=lucide-file-text.js.map

package/dist/icons/generated/lucide-file-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lucide-file-text.js","names":[],"sources":["../../../src/icons/generated/lucide-file-text.ts"],"sourcesContent":["import type { IconifyIcon } from '@iconify/types'\n\nexport default {\n  body: '<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\"/><path d=\"M14 2v5a1 1 0 0 0 1 1h5M10 9H8m8 4H8m8 4H8\"/></g>',\n  width: 24,\n  height: 24\n} satisfies IconifyIcon\n"],"mappings":";AAEA,IAAA,IAAe;CACb,MAAM;CACN,OAAO;CACP,QAAQ;AACV"}

package/dist/icons/generated/lucide-film.d.ts

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

package/dist/icons/generated/lucide-film.js

@@ -0,0 +1,10 @@
+//#region src/icons/generated/lucide-film.ts
+var e = {
+	body: "<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\"/><path d=\"M7 3v18M3 7.5h4M3 12h18M3 16.5h4M17 3v18m0-13.5h4m-4 9h4\"/></g>",
+	width: 24,
+	height: 24
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=lucide-film.js.map

package/dist/icons/generated/lucide-film.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lucide-film.js","names":[],"sources":["../../../src/icons/generated/lucide-film.ts"],"sourcesContent":["import type { IconifyIcon } from '@iconify/types'\n\nexport default {\n  body: '<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><rect width=\"18\" height=\"18\" x=\"3\" y=\"3\" rx=\"2\"/><path d=\"M7 3v18M3 7.5h4M3 12h18M3 16.5h4M17 3v18m0-13.5h4m-4 9h4\"/></g>',\n  width: 24,\n  height: 24\n} satisfies IconifyIcon\n"],"mappings":";AAEA,IAAA,IAAe;CACb,MAAM;CACN,OAAO;CACP,QAAQ;AACV"}

package/dist/icons/generated/lucide-folder-open.d.ts

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

package/dist/icons/generated/lucide-folder-open.js

@@ -0,0 +1,10 @@
+//#region src/icons/generated/lucide-folder-open.ts
+var e = {
+	body: "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m6 14l1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2\"/>",
+	width: 24,
+	height: 24
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=lucide-folder-open.js.map

package/dist/icons/generated/lucide-folder-open.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lucide-folder-open.js","names":[],"sources":["../../../src/icons/generated/lucide-folder-open.ts"],"sourcesContent":["import type { IconifyIcon } from '@iconify/types'\n\nexport default {\n  body: '<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m6 14l1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2\"/>',\n  width: 24,\n  height: 24\n} satisfies IconifyIcon\n"],"mappings":";AAEA,IAAA,IAAe;CACb,MAAM;CACN,OAAO;CACP,QAAQ;AACV"}

package/dist/icons/generated/lucide-layout-grid.d.ts

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

package/dist/icons/generated/lucide-layout-grid.js

@@ -0,0 +1,10 @@
+//#region src/icons/generated/lucide-layout-grid.ts
+var e = {
+	body: "<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><rect width=\"7\" height=\"7\" x=\"3\" y=\"3\" rx=\"1\"/><rect width=\"7\" height=\"7\" x=\"14\" y=\"3\" rx=\"1\"/><rect width=\"7\" height=\"7\" x=\"14\" y=\"14\" rx=\"1\"/><rect width=\"7\" height=\"7\" x=\"3\" y=\"14\" rx=\"1\"/></g>",
+	width: 24,
+	height: 24
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=lucide-layout-grid.js.map

package/dist/icons/generated/lucide-layout-grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lucide-layout-grid.js","names":[],"sources":["../../../src/icons/generated/lucide-layout-grid.ts"],"sourcesContent":["import type { IconifyIcon } from '@iconify/types'\n\nexport default {\n  body: '<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><rect width=\"7\" height=\"7\" x=\"3\" y=\"3\" rx=\"1\"/><rect width=\"7\" height=\"7\" x=\"14\" y=\"3\" rx=\"1\"/><rect width=\"7\" height=\"7\" x=\"14\" y=\"14\" rx=\"1\"/><rect width=\"7\" height=\"7\" x=\"3\" y=\"14\" rx=\"1\"/></g>',\n  width: 24,\n  height: 24\n} satisfies IconifyIcon\n"],"mappings":";AAEA,IAAA,IAAe;CACb,MAAM;CACN,OAAO;CACP,QAAQ;AACV"}

package/dist/icons/generated/lucide-music.d.ts

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

package/dist/icons/generated/lucide-music.js

@@ -0,0 +1,10 @@
+//#region src/icons/generated/lucide-music.ts
+var e = {
+	body: "<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M9 18V5l12-2v13\"/><circle cx=\"6\" cy=\"18\" r=\"3\"/><circle cx=\"18\" cy=\"16\" r=\"3\"/></g>",
+	width: 24,
+	height: 24
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=lucide-music.js.map

package/dist/icons/generated/lucide-music.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lucide-music.js","names":[],"sources":["../../../src/icons/generated/lucide-music.ts"],"sourcesContent":["import type { IconifyIcon } from '@iconify/types'\n\nexport default {\n  body: '<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M9 18V5l12-2v13\"/><circle cx=\"6\" cy=\"18\" r=\"3\"/><circle cx=\"18\" cy=\"16\" r=\"3\"/></g>',\n  width: 24,\n  height: 24\n} satisfies IconifyIcon\n"],"mappings":";AAEA,IAAA,IAAe;CACb,MAAM;CACN,OAAO;CACP,QAAQ;AACV"}

package/dist/icons/generated/lucide-package.d.ts

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

package/dist/icons/generated/lucide-package.js

@@ -0,0 +1,10 @@
+//#region src/icons/generated/lucide-package.ts
+var e = {
+	body: "<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73zm1 .27V12\"/><path d=\"M3.29 7L12 12l8.71-5M7.5 4.27l9 5.15\"/></g>",
+	width: 24,
+	height: 24
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=lucide-package.js.map

package/dist/icons/generated/lucide-package.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lucide-package.js","names":[],"sources":["../../../src/icons/generated/lucide-package.ts"],"sourcesContent":["import type { IconifyIcon } from '@iconify/types'\n\nexport default {\n  body: '<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73zm1 .27V12\"/><path d=\"M3.29 7L12 12l8.71-5M7.5 4.27l9 5.15\"/></g>',\n  width: 24,\n  height: 24\n} satisfies IconifyIcon\n"],"mappings":";AAEA,IAAA,IAAe;CACb,MAAM;CACN,OAAO;CACP,QAAQ;AACV"}

package/dist/icons/generated/lucide-pencil.d.ts

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

package/dist/icons/generated/lucide-pencil.js

@@ -0,0 +1,10 @@
+//#region src/icons/generated/lucide-pencil.ts
+var e = {
+	body: "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497zM15 5l4 4\"/>",
+	width: 24,
+	height: 24
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=lucide-pencil.js.map

package/dist/icons/generated/lucide-pencil.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lucide-pencil.js","names":[],"sources":["../../../src/icons/generated/lucide-pencil.ts"],"sourcesContent":["import type { IconifyIcon } from '@iconify/types'\n\nexport default {\n  body: '<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497zM15 5l4 4\"/>',\n  width: 24,\n  height: 24\n} satisfies IconifyIcon\n"],"mappings":";AAEA,IAAA,IAAe;CACb,MAAM;CACN,OAAO;CACP,QAAQ;AACV"}

package/dist/icons/generated/lucide-refresh-cw.d.ts

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

package/dist/icons/generated/lucide-refresh-cw.js

@@ -0,0 +1,10 @@
+//#region src/icons/generated/lucide-refresh-cw.ts
+var e = {
+	body: "<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M3 12a9 9 0 0 1 9-9a9.75 9.75 0 0 1 6.74 2.74L21 8\"/><path d=\"M21 3v5h-5m5 4a9 9 0 0 1-9 9a9.75 9.75 0 0 1-6.74-2.74L3 16\"/><path d=\"M8 16H3v5\"/></g>",
+	width: 24,
+	height: 24
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=lucide-refresh-cw.js.map

package/dist/icons/generated/lucide-refresh-cw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lucide-refresh-cw.js","names":[],"sources":["../../../src/icons/generated/lucide-refresh-cw.ts"],"sourcesContent":["import type { IconifyIcon } from '@iconify/types'\n\nexport default {\n  body: '<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M3 12a9 9 0 0 1 9-9a9.75 9.75 0 0 1 6.74 2.74L21 8\"/><path d=\"M21 3v5h-5m5 4a9 9 0 0 1-9 9a9.75 9.75 0 0 1-6.74-2.74L3 16\"/><path d=\"M8 16H3v5\"/></g>',\n  width: 24,\n  height: 24\n} satisfies IconifyIcon\n"],"mappings":";AAEA,IAAA,IAAe;CACb,MAAM;CACN,OAAO;CACP,QAAQ;AACV"}

package/dist/icons/generated/lucide-tags.d.ts

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

package/dist/icons/generated/lucide-tags.js

@@ -0,0 +1,10 @@
+//#region src/icons/generated/lucide-tags.ts
+var e = {
+	body: "<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M13.172 2a2 2 0 0 1 1.414.586l6.71 6.71a2.4 2.4 0 0 1 0 3.408l-4.592 4.592a2.4 2.4 0 0 1-3.408 0l-6.71-6.71A2 2 0 0 1 6 9.172V3a1 1 0 0 1 1-1zM2 7v6.172a2 2 0 0 0 .586 1.414l6.71 6.71a2.4 2.4 0 0 0 3.191.193\"/><circle cx=\"10.5\" cy=\"6.5\" r=\".5\" fill=\"currentColor\"/></g>",
+	width: 24,
+	height: 24
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=lucide-tags.js.map

package/dist/icons/generated/lucide-tags.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lucide-tags.js","names":[],"sources":["../../../src/icons/generated/lucide-tags.ts"],"sourcesContent":["import type { IconifyIcon } from '@iconify/types'\n\nexport default {\n  body: '<g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><path d=\"M13.172 2a2 2 0 0 1 1.414.586l6.71 6.71a2.4 2.4 0 0 1 0 3.408l-4.592 4.592a2.4 2.4 0 0 1-3.408 0l-6.71-6.71A2 2 0 0 1 6 9.172V3a1 1 0 0 1 1-1zM2 7v6.172a2 2 0 0 0 .586 1.414l6.71 6.71a2.4 2.4 0 0 0 3.191.193\"/><circle cx=\"10.5\" cy=\"6.5\" r=\".5\" fill=\"currentColor\"/></g>',\n  width: 24,\n  height: 24\n} satisfies IconifyIcon\n"],"mappings":";AAEA,IAAA,IAAe;CACb,MAAM;CACN,OAAO;CACP,QAAQ;AACV"}

package/dist/icons/generated/lucide-wrench.d.ts

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

package/dist/icons/generated/lucide-wrench.js

@@ -0,0 +1,10 @@
+//#region src/icons/generated/lucide-wrench.ts
+var e = {
+	body: "<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z\"/>",
+	width: 24,
+	height: 24
+};
+//#endregion
+export { e as default };
+
+//# sourceMappingURL=lucide-wrench.js.map

package/dist/icons/generated/lucide-wrench.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lucide-wrench.js","names":[],"sources":["../../../src/icons/generated/lucide-wrench.ts"],"sourcesContent":["import type { IconifyIcon } from '@iconify/types'\n\nexport default {\n  body: '<path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z\"/>',\n  width: 24,\n  height: 24\n} satisfies IconifyIcon\n"],"mappings":";AAEA,IAAA,IAAe;CACb,MAAM;CACN,OAAO;CACP,QAAQ;AACV"}

package/dist/icons/index.d.ts

@@ -38,3 +38,14 @@ export { default as lucideImage } from './generated/lucide-image';
 export { default as lucideGlobe } from './generated/lucide-globe';
 export { default as radixIconsPanelLeftMinimized } from './generated/radix-icons-panel-left-minimized';
 export { default as oouiClose } from './generated/ooui-close';
+export { default as lucideExternalLink } from './generated/lucide-external-link';
+export { default as lucideFileText } from './generated/lucide-file-text';
+export { default as lucideFilm } from './generated/lucide-film';
+export { default as lucideFolderOpen } from './generated/lucide-folder-open';
+export { default as lucideLayoutGrid } from './generated/lucide-layout-grid';
+export { default as lucideMusic } from './generated/lucide-music';
+export { default as lucidePackage } from './generated/lucide-package';
+export { default as lucidePencil } from './generated/lucide-pencil';
+export { default as lucideRefreshCw } from './generated/lucide-refresh-cw';
+export { default as lucideTags } from './generated/lucide-tags';
+export { default as lucideWrench } from './generated/lucide-wrench';

package/dist/icons/index.js

@@ -38,4 +38,15 @@ import I from "./generated/lucide-image.js";
 import L from "./generated/lucide-globe.js";
 import R from "./generated/radix-icons-panel-left-minimized.js";
 import z from "./generated/ooui-close.js";
-export { k as heroiconsCheck16Solid, j as heroiconsXMark16Solid, w as jamCloseCircleF, r as lucideArrowDownToLine, n as lucideArrowUpToLine, P as lucideBell, T as lucideCheck, s as lucideChevronDown, i as lucideChevronLeft, a as lucideChevronRight, o as lucideChevronUp, O as lucideCircleAlert, h as lucideClipboardPaste, m as lucideCopy, y as lucideDownload, f as lucideFile, p as lucideFolder, L as lucideGlobe, N as lucideHeart, I as lucideImage, e as lucideInbox, E as lucideInfo, t as lucideLoaderCircle, F as lucideMail, l as lucideMinus, c as lucidePlus, _ as lucidePrinter, S as lucideRedo2, C as lucideScissors, u as lucideSearch, v as lucideSettings, M as lucideStar, g as lucideTrash2, D as lucideTriangleAlert, x as lucideUndo2, b as lucideUpload, A as lucideUser, d as lucideX, z as oouiClose, R as radixIconsPanelLeftMinimized };
+import B from "./generated/lucide-external-link.js";
+import V from "./generated/lucide-file-text.js";
+import H from "./generated/lucide-film.js";
+import U from "./generated/lucide-folder-open.js";
+import W from "./generated/lucide-layout-grid.js";
+import G from "./generated/lucide-music.js";
+import K from "./generated/lucide-package.js";
+import q from "./generated/lucide-pencil.js";
+import J from "./generated/lucide-refresh-cw.js";
+import Y from "./generated/lucide-tags.js";
+import X from "./generated/lucide-wrench.js";
+export { k as heroiconsCheck16Solid, j as heroiconsXMark16Solid, w as jamCloseCircleF, r as lucideArrowDownToLine, n as lucideArrowUpToLine, P as lucideBell, T as lucideCheck, s as lucideChevronDown, i as lucideChevronLeft, a as lucideChevronRight, o as lucideChevronUp, O as lucideCircleAlert, h as lucideClipboardPaste, m as lucideCopy, y as lucideDownload, B as lucideExternalLink, f as lucideFile, V as lucideFileText, H as lucideFilm, p as lucideFolder, U as lucideFolderOpen, L as lucideGlobe, N as lucideHeart, I as lucideImage, e as lucideInbox, E as lucideInfo, W as lucideLayoutGrid, t as lucideLoaderCircle, F as lucideMail, l as lucideMinus, G as lucideMusic, K as lucidePackage, q as lucidePencil, c as lucidePlus, _ as lucidePrinter, S as lucideRedo2, J as lucideRefreshCw, C as lucideScissors, u as lucideSearch, v as lucideSettings, M as lucideStar, Y as lucideTags, g as lucideTrash2, D as lucideTriangleAlert, x as lucideUndo2, b as lucideUpload, A as lucideUser, X as lucideWrench, d as lucideX, z as oouiClose, R as radixIconsPanelLeftMinimized };

package/dist/types/utils.d.ts

@@ -32,11 +32,16 @@ export type WithHost<T extends EventTarget, E> = E extends Event ? E & {
 export type HostEventMap<T extends HTMLElement> = {
     [K in keyof ComponentEvents<T>]: WithHost<T, ComponentEvents<T>[K]>;
 };
+/**
+ * 组件 `$events` 中的 string 事件名。
+ * 无公共事件或仅有非 string 键的组件得到 `never`。
+ */
+export type WebUiEventName<T extends HTMLElement> = keyof ComponentEvents<T> & string;
 /**
  * 具名 handler 的显式事件类型，用于 Vue 命名 handler 等无法从上下文推导 `$event` 的位置。
  * 用法：`function onChange(e: WebUiEvent<WebUiSelect, 'change'>)`
  */
-export type WebUiEvent<T extends HTMLElement, K extends keyof HostEventMap<T>> = HostEventMap<T>[K];
+export type WebUiEvent<T extends HTMLElement, K extends WebUiEventName<T>> = HostEventMap<T>[K];
 /**
  * React 自定义事件（kebab-case 事件名）→ `on<event>` 绑定。
  * 标准 DOM 事件（input/change/focus/blur）由 React 的 camelCase handler 提供，

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@greypan/web-ui",
-  "version": "3.0.0",
+  "version": "3.0.1",
   "description": "Lit-based web components for React, Vue, and vanilla JS",
   "license": "MIT",
   "repository": {
@@ -41,8 +41,8 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.8.0",
-    "@greypan/js-kit": "1.6.6",
-    "@greypan/browser-kit": "1.7.7"
+    "@greypan/browser-kit": "1.7.8",
+    "@greypan/js-kit": "1.6.7"
   },
   "devDependencies": {
     "@iconify-json/jam": "^1.2.3",
@@ -56,7 +56,7 @@
     "lit": "^3.3.3",
     "vite-plugin-dts": "^5.0.3",
     "vue": "^3.5.39",
-    "@greypan/tsconfig": "1.0.4"
+    "@greypan/tsconfig": "1.0.5"
   },
   "peerDependencies": {
     "@types/react": ">=19",