@greypan/web-ui 11.2.0 → 12.0.0

package/dist/components/checkbox-group/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/checkbox-group/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAca,2BAA2B;SACtB,sBAAM;EACqB;EACC;EACA;MAGxC;MAGA,UAAU;UAKN;UAES;mBAEA;;;;;;;;UAmCT;UAEA;MASJ;MAIA,MAAM;cAOE;mBAIK;mBA8BA;EAER,qBAAqB;UAKtB;EAUC,wBAAM;WAIE;IACf,OAAO;IACP,QAAQ;;;QAIJ;YACI;IACR,yBAAyB"}

package/dist/components/checkbox-group/index.js

@@ -1,121 +1,143 @@
-import e from "../../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorate.js";
-import { FormAssociated as t, FormAssociationController as n, defineFormAssociation as r } from "../../shared/form-association/index.js";
-import { GroupController as i, defineGroupCoordinator as a } from "../../shared/group-management/index.js";
-import { normalizeLiteral as o } from "../../shared/normalize/index.js";
-import s from "./style.js";
-import { LitElement as c, html as l, unsafeCSS as u } from "lit";
-import { customElement as d, property as f, state as p } from "lit/decorators.js";
-//#region src/components/checkbox-group/index.ts
-var m = ["horizontal", "vertical"], h = class extends t(c) {
-	constructor(...e) {
-		super(...e), this.name = "", this.disabled = !1, this.required = !1, this._direction = "vertical", this._value = [], this._groupController = new i(this, a({
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
+import { FormAssociated, FormAssociationController, defineFormAssociation } from "../../shared/form-association/index.js";
+import { GroupController, defineGroupCoordinator } from "../../shared/group-management/index.js";
+import { normalizeLiteral } from "../../shared/normalize/index.js";
+import style_default from "./style.js";
+import { LitElement, html, unsafeCSS } from "lit";
+import { customElement, property, state } from "lit/decorators.js";
+// src/components/checkbox-group/index.ts
+const ALLOWED_DIRECTIONS = ["horizontal", "vertical"];
+let WebUiCheckboxGroup = class WebUiCheckboxGroup extends FormAssociated(LitElement) {
+	constructor(..._args) {
+		super(..._args);
+		this.name = "";
+		this.disabled = false;
+		this.required = false;
+		this._direction = "vertical";
+		this._value = [];
+		this._groupController = new GroupController(this, defineGroupCoordinator({
 			host: this,
 			getItems: () => [...this.querySelectorAll("web-ui-checkbox")],
 			getValue: () => this._value,
-			setValue: (e) => {
-				this.value = e;
+			setValue: (value) => {
+				this.value = value;
 			},
 			getDisabled: () => this._isDisabled,
-			isItem: (e) => e instanceof HTMLElement && e.matches("web-ui-checkbox"),
-			isItemSelected: (e, t) => t.includes(e.value),
-			getNextValue: (e, t) => e.checked ? [.../* @__PURE__ */ new Set([...t, e.value])] : t.filter((t) => t !== e.value),
-			valuesEqual: (e, t) => e.length === t.length && e.every((e, n) => e === t[n]),
-			copyValue: (e) => [...e],
-			setItemSelected: (e, t) => {
-				e.checked = t;
+			isItem: (target) => target instanceof HTMLElement && target.matches("web-ui-checkbox"),
+			isItemSelected: (checkbox, value) => value.includes(checkbox.value),
+			getNextValue: (checkbox, value) => checkbox.checked ? [.../* @__PURE__ */ new Set([...value, checkbox.value])] : value.filter((item) => item !== checkbox.value),
+			valuesEqual: (a, b) => a.length === b.length && a.every((value, index) => value === b[index]),
+			copyValue: (value) => [...value],
+			setItemSelected: (checkbox, selected) => {
+				checkbox.checked = selected;
 			},
 			dispatchValueChange: () => {
 				this.dispatchEvent(new Event("input", {
-					bubbles: !0,
-					composed: !0
-				})), this.dispatchEvent(new Event("change", {
-					bubbles: !0,
-					composed: !0
+					bubbles: true,
+					composed: true
+				}));
+				this.dispatchEvent(new Event("change", {
+					bubbles: true,
+					composed: true
 				}));
 			}
-		}).make(), { afterSync: () => this._pruneRemovedMembers() }), this._knownMemberValues = /* @__PURE__ */ new Set(), this._formAssociation = r({
+		}).make(), { afterSync: () => this._pruneRemovedMembers() });
+		this._knownMemberValues = /* @__PURE__ */ new Set();
+		this._formAssociation = defineFormAssociation({
 			host: this,
 			initialize: () => {
-				let e = this.getAttribute("value");
-				e !== null && (this.value = e.split(",").filter(Boolean));
+				const attributeValue = this.getAttribute("value");
+				if (attributeValue !== null) this.value = attributeValue.split(",").filter(Boolean);
 			},
 			getState: () => this._value,
-			setState: (e) => {
-				this.value = e;
+			setState: (value) => {
+				this.value = value;
 			},
-			copyState: (e) => [...e],
+			copyState: (value) => [...value],
 			getFormValue: () => {
 				if (!this.name || this._value.length === 0) return null;
-				let e = new FormData();
-				return this._value.forEach((t) => e.append(this.name, t)), e;
+				const formData = new FormData();
+				this._value.forEach((value) => formData.append(this.name, value));
+				return formData;
 			},
 			getFormState: () => JSON.stringify(this._value),
-			restoreState: (e) => {
-				if (typeof e == "string") try {
-					let t = JSON.parse(e);
-					Array.isArray(t) && t.every((e) => typeof e == "string") && (this.value = t);
+			restoreState: (state) => {
+				if (typeof state !== "string") return;
+				try {
+					const value = JSON.parse(state);
+					if (Array.isArray(value) && value.every((item) => typeof item === "string")) this.value = value;
 				} catch {}
 			},
 			syncValidity: () => this._syncValidity()
-		}).make(), this._formAssociationController = new n(this, this._formAssociation);
+		}).make();
+		this._formAssociationController = new FormAssociationController(this, this._formAssociation);
 	}
 	static {
-		this.styles = u(s);
+		this.styles = unsafeCSS(style_default);
 	}
 	get direction() {
 		return this._direction;
 	}
-	set direction(e) {
-		let t = this._direction;
-		this._direction = o(e, m, "vertical"), this.requestUpdate("direction", t);
+	set direction(v) {
+		const old = this._direction;
+		this._direction = normalizeLiteral(v, ALLOWED_DIRECTIONS, "vertical");
+		this.requestUpdate("direction", old);
 	}
 	_pruneRemovedMembers() {
-		let e = [...this.querySelectorAll("web-ui-checkbox")];
-		if (e.length === 0) return;
-		let t = new Set(e.map((e) => e.value)), n = this._value.filter((e) => t.has(e) || !this._knownMemberValues.has(e));
-		this._knownMemberValues = t, n.length !== this._value.length && (this.value = n);
+		const items = [...this.querySelectorAll("web-ui-checkbox")];
+		if (items.length === 0) return;
+		const alive = new Set(items.map((item) => item.value));
+		const next = this._value.filter((value) => alive.has(value) || !this._knownMemberValues.has(value));
+		this._knownMemberValues = alive;
+		if (next.length !== this._value.length) this.value = next;
 	}
 	get value() {
 		return this._value;
 	}
-	set value(e) {
-		let t = this._value;
-		this._value = [...e], this._formAssociation.sync(), this.requestUpdate("value", t);
+	set value(v) {
+		const old = this._value;
+		this._value = [...v];
+		this._formAssociation.sync();
+		this.requestUpdate("value", old);
 	}
 	get _isDisabled() {
 		return this.disabled || this._formAssociation.isFormDisabled();
 	}
-	formDisabledCallback(e) {
-		this._formAssociation.setDisabled(e), this._groupController.sync();
+	formDisabledCallback(disabled) {
+		this._formAssociation.setDisabled(disabled);
+		this._groupController.sync();
 	}
 	_syncValidity() {
-		let e = this._formAssociation.getInternals();
-		if (e && typeof e.setValidity == "function") {
-			if (this._isDisabled || !this.required || this._value.length > 0) {
-				e.setValidity({});
-				return;
-			}
-			e.setValidity({ valueMissing: !0 }, "Select at least one option");
+		const internals = this._formAssociation.getInternals();
+		if (!internals || typeof internals.setValidity !== "function") return;
+		if (this._isDisabled || !this.required || this._value.length > 0) {
+			internals.setValidity({});
+			return;
 		}
+		internals.setValidity({ valueMissing: true }, "Select at least one option");
 	}
 	render() {
-		return l`<div class="wui-checkbox-group"><slot></slot></div>`;
+		return html`<div class="wui-checkbox-group"><slot></slot></div>`;
 	}
 };
-e([f({
+__decorate([property({
 	type: String,
-	reflect: !0
-})], h.prototype, "name", void 0), e([f({
+	reflect: true
+})], WebUiCheckboxGroup.prototype, "name", void 0);
+__decorate([property({
 	type: Boolean,
-	reflect: !0
-})], h.prototype, "disabled", void 0), e([f({
+	reflect: true
+})], WebUiCheckboxGroup.prototype, "disabled", void 0);
+__decorate([property({
 	type: Boolean,
-	reflect: !0
-})], h.prototype, "required", void 0), e([f({
+	reflect: true
+})], WebUiCheckboxGroup.prototype, "required", void 0);
+__decorate([property({
 	type: String,
-	reflect: !0
-})], h.prototype, "direction", null), e([p()], h.prototype, "_value", void 0), h = e([d("web-ui-checkbox-group")], h);
-//#endregion
-export { h as WebUiCheckboxGroup };
+	reflect: true
+})], WebUiCheckboxGroup.prototype, "direction", null);
+__decorate([state()], WebUiCheckboxGroup.prototype, "_value", void 0);
+WebUiCheckboxGroup = __decorate([customElement("web-ui-checkbox-group")], WebUiCheckboxGroup);
+export { WebUiCheckboxGroup };
 
 //# sourceMappingURL=index.js.map

package/dist/components/checkbox-group/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/checkbox-group/index.ts"],"sourcesContent":["import { html, LitElement, unsafeCSS } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { FormAssociated, defineFormAssociation, FormAssociationController } from '@/shared/form-association'\nimport { defineGroupCoordinator, GroupController } from '@/shared/group-management'\nimport { normalizeLiteral } from '@/shared/normalize'\n\nimport type { WebUiCheckbox } from '../checkbox'\n\nimport style from './style.css?inline'\n\nconst ALLOWED_DIRECTIONS = ['horizontal', 'vertical'] as const\n\n@customElement('web-ui-checkbox-group')\nexport class WebUiCheckboxGroup extends FormAssociated(LitElement) {\n  static override styles = unsafeCSS(style)\n  @property({ type: String, reflect: true }) name = ''\n  @property({ type: Boolean, reflect: true }) disabled = false\n  @property({ type: Boolean, reflect: true }) required = false\n\n  @property({ type: String, reflect: true })\n  get direction(): 'horizontal' | 'vertical' {\n    return this._direction\n  }\n  set direction(v: string) {\n    const old = this._direction\n    this._direction = normalizeLiteral(v, ALLOWED_DIRECTIONS, 'vertical')\n    this.requestUpdate('direction', old)\n  }\n  private _direction: 'horizontal' | 'vertical' = 'vertical'\n\n  @state() private _value: string[] = []\n\n  private readonly _groupController = new GroupController(\n    this,\n    defineGroupCoordinator<WebUiCheckbox, string[]>({\n      host: this,\n      getItems: () => [...this.querySelectorAll<WebUiCheckbox>('web-ui-checkbox')],\n      getValue: () => this._value,\n      setValue: value => {\n        this.value = value\n      },\n      getDisabled: () => this._isDisabled,\n      isItem: (target): target is WebUiCheckbox => target instanceof HTMLElement && target.matches('web-ui-checkbox'),\n      isItemSelected: (checkbox, value) => value.includes(checkbox.value),\n      getNextValue: (checkbox, value) =>\n        checkbox.checked ? [...new Set([...value, checkbox.value])] : value.filter(item => item !== checkbox.value),\n      valuesEqual: (a, b) => a.length === b.length && a.every((value, index) => value === b[index]),\n      copyValue: value => [...value],\n      setItemSelected: (checkbox, selected) => {\n        checkbox.checked = selected\n      },\n      dispatchValueChange: () => {\n        this.dispatchEvent(new Event('input', { bubbles: true, composed: true }))\n        this.dispatchEvent(new Event('change', { bubbles: true, composed: true }))\n      }\n    }).make(),\n    // 每次成员集合同步后把组值剪到现存成员范围内\n    { afterSync: () => this._pruneRemovedMembers() }\n  )\n\n  /**\n   * 成员被移除后，它的 value 会作为不可见、也取消不掉的幽灵值留在组值里，\n   * 并能继续进 FormData。这里以「曾经出现在成员里、现在消失了」为剪枝条件。\n   *\n   * 不能用「不在现存成员里就剪」：v-if / 异步渲染下组值常常先于成员出现，\n   * 那样会把合法的预设值当成幽灵值清掉。\n   */\n  private _knownMemberValues = new Set<string>()\n\n  private _pruneRemovedMembers() {\n    const items = [...this.querySelectorAll<WebUiCheckbox>('web-ui-checkbox')]\n    if (items.length === 0) return\n    const alive = new Set(items.map(item => item.value))\n    const next = this._value.filter(value => alive.has(value) || !this._knownMemberValues.has(value))\n    this._knownMemberValues = alive\n    if (next.length !== this._value.length) this.value = next\n  }\n\n  get value(): string[] {\n    return this._value\n  }\n\n  set value(v: string[]) {\n    const old = this._value\n    this._value = [...v]\n    this._formAssociation.sync()\n    this.requestUpdate('value', old)\n  }\n\n  private get _isDisabled(): boolean {\n    return this.disabled || this._formAssociation.isFormDisabled()\n  }\n\n  private readonly _formAssociation = defineFormAssociation<string[]>({\n    host: this,\n    initialize: () => {\n      const attributeValue = this.getAttribute('value')\n      if (attributeValue !== null) this.value = attributeValue.split(',').filter(Boolean)\n    },\n    getState: () => this._value,\n    setState: value => {\n      this.value = value\n    },\n    copyState: value => [...value],\n    getFormValue: () => {\n      if (!this.name || this._value.length === 0) return null\n      const formData = new FormData()\n      this._value.forEach(value => formData.append(this.name, value))\n      return formData\n    },\n    getFormState: () => JSON.stringify(this._value),\n    restoreState: state => {\n      if (typeof state !== 'string') return\n      try {\n        const value = JSON.parse(state)\n        if (Array.isArray(value) && value.every(item => typeof item === 'string')) this.value = value\n      } catch {\n        // 忽略无法解析的历史表单状态。\n      }\n    },\n    syncValidity: () => this._syncValidity()\n  }).make()\n\n  private readonly _formAssociationController = new FormAssociationController(this, this._formAssociation)\n\n  override formDisabledCallback(disabled: boolean) {\n    this._formAssociation.setDisabled(disabled)\n    this._groupController.sync()\n  }\n\n  private _syncValidity() {\n    const internals = this._formAssociation.getInternals()\n    if (!internals || typeof internals.setValidity !== 'function') return\n    if (this._isDisabled || !this.required || this._value.length > 0) {\n      internals.setValidity({})\n      return\n    }\n    internals.setValidity({ valueMissing: true }, 'Select at least one option')\n  }\n\n  override render() {\n    return html`<div class=\"wui-checkbox-group\"><slot></slot></div>`\n  }\n\n  declare readonly $events: {\n    input: Event\n    change: Event\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'web-ui-checkbox-group': WebUiCheckboxGroup\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["style"],"sources":["../../../src/components/checkbox-group/index.ts"],"sourcesContent":["import { html, LitElement, unsafeCSS } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { FormAssociated, defineFormAssociation, FormAssociationController } from '@/shared/form-association'\nimport { defineGroupCoordinator, GroupController } from '@/shared/group-management'\nimport { normalizeLiteral } from '@/shared/normalize'\n\nimport type { WebUiCheckbox } from '../checkbox'\n\nimport style from './style.css?inline'\n\nconst ALLOWED_DIRECTIONS = ['horizontal', 'vertical'] as const\n\n@customElement('web-ui-checkbox-group')\nexport class WebUiCheckboxGroup extends FormAssociated(LitElement) {\n  static override styles = unsafeCSS(style)\n  @property({ type: String, reflect: true }) name = ''\n  @property({ type: Boolean, reflect: true }) disabled = false\n  @property({ type: Boolean, reflect: true }) required = false\n\n  @property({ type: String, reflect: true })\n  get direction(): 'horizontal' | 'vertical' {\n    return this._direction\n  }\n  set direction(v: string) {\n    const old = this._direction\n    this._direction = normalizeLiteral(v, ALLOWED_DIRECTIONS, 'vertical')\n    this.requestUpdate('direction', old)\n  }\n  private _direction: 'horizontal' | 'vertical' = 'vertical'\n\n  @state() private _value: string[] = []\n\n  private readonly _groupController = new GroupController(\n    this,\n    defineGroupCoordinator<WebUiCheckbox, string[]>({\n      host: this,\n      getItems: () => [...this.querySelectorAll<WebUiCheckbox>('web-ui-checkbox')],\n      getValue: () => this._value,\n      setValue: value => {\n        this.value = value\n      },\n      getDisabled: () => this._isDisabled,\n      isItem: (target): target is WebUiCheckbox => target instanceof HTMLElement && target.matches('web-ui-checkbox'),\n      isItemSelected: (checkbox, value) => value.includes(checkbox.value),\n      getNextValue: (checkbox, value) =>\n        checkbox.checked ? [...new Set([...value, checkbox.value])] : value.filter(item => item !== checkbox.value),\n      valuesEqual: (a, b) => a.length === b.length && a.every((value, index) => value === b[index]),\n      copyValue: value => [...value],\n      setItemSelected: (checkbox, selected) => {\n        checkbox.checked = selected\n      },\n      dispatchValueChange: () => {\n        this.dispatchEvent(new Event('input', { bubbles: true, composed: true }))\n        this.dispatchEvent(new Event('change', { bubbles: true, composed: true }))\n      }\n    }).make(),\n    // 每次成员集合同步后把组值剪到现存成员范围内\n    { afterSync: () => this._pruneRemovedMembers() }\n  )\n\n  /**\n   * 成员被移除后，它的 value 会作为不可见、也取消不掉的幽灵值留在组值里，\n   * 并能继续进 FormData。这里以「曾经出现在成员里、现在消失了」为剪枝条件。\n   *\n   * 不能用「不在现存成员里就剪」：v-if / 异步渲染下组值常常先于成员出现，\n   * 那样会把合法的预设值当成幽灵值清掉。\n   */\n  private _knownMemberValues = new Set<string>()\n\n  private _pruneRemovedMembers() {\n    const items = [...this.querySelectorAll<WebUiCheckbox>('web-ui-checkbox')]\n    if (items.length === 0) return\n    const alive = new Set(items.map(item => item.value))\n    const next = this._value.filter(value => alive.has(value) || !this._knownMemberValues.has(value))\n    this._knownMemberValues = alive\n    if (next.length !== this._value.length) this.value = next\n  }\n\n  get value(): string[] {\n    return this._value\n  }\n\n  set value(v: string[]) {\n    const old = this._value\n    this._value = [...v]\n    this._formAssociation.sync()\n    this.requestUpdate('value', old)\n  }\n\n  private get _isDisabled(): boolean {\n    return this.disabled || this._formAssociation.isFormDisabled()\n  }\n\n  private readonly _formAssociation = defineFormAssociation<string[]>({\n    host: this,\n    initialize: () => {\n      const attributeValue = this.getAttribute('value')\n      if (attributeValue !== null) this.value = attributeValue.split(',').filter(Boolean)\n    },\n    getState: () => this._value,\n    setState: value => {\n      this.value = value\n    },\n    copyState: value => [...value],\n    getFormValue: () => {\n      if (!this.name || this._value.length === 0) return null\n      const formData = new FormData()\n      this._value.forEach(value => formData.append(this.name, value))\n      return formData\n    },\n    getFormState: () => JSON.stringify(this._value),\n    restoreState: state => {\n      if (typeof state !== 'string') return\n      try {\n        const value = JSON.parse(state)\n        if (Array.isArray(value) && value.every(item => typeof item === 'string')) this.value = value\n      } catch {\n        // 忽略无法解析的历史表单状态。\n      }\n    },\n    syncValidity: () => this._syncValidity()\n  }).make()\n\n  private readonly _formAssociationController = new FormAssociationController(this, this._formAssociation)\n\n  override formDisabledCallback(disabled: boolean) {\n    this._formAssociation.setDisabled(disabled)\n    this._groupController.sync()\n  }\n\n  private _syncValidity() {\n    const internals = this._formAssociation.getInternals()\n    if (!internals || typeof internals.setValidity !== 'function') return\n    if (this._isDisabled || !this.required || this._value.length > 0) {\n      internals.setValidity({})\n      return\n    }\n    internals.setValidity({ valueMissing: true }, 'Select at least one option')\n  }\n\n  override render() {\n    return html`<div class=\"wui-checkbox-group\"><slot></slot></div>`\n  }\n\n  declare readonly $events: {\n    input: Event\n    change: Event\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'web-ui-checkbox-group': WebUiCheckboxGroup\n  }\n}\n"],"mappings":"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"}

package/dist/components/checkbox-group/style.js

@@ -1,6 +1,5 @@
-//#region src/components/checkbox-group/style.css?inline
-var e = "*,:before,:after{box-sizing:border-box}:host{-webkit-user-select:none;user-select:none;gap:var(--wui-checkbox-group-gap,var(--wui-space-2,8px));flex-direction:column;display:inline-flex}.wui-checkbox-group{flex-direction:inherit;gap:inherit;display:flex}:host([direction=horizontal]){flex-direction:row}";
-//#endregion
-export { e as default };
+// src/components/checkbox-group/style.css?inline
+var style_default = "*,:before,:after{box-sizing:border-box}:host{-webkit-user-select:none;user-select:none;gap:var(--wui-checkbox-group-gap,var(--wui-space-2,8px));flex-direction:column;display:inline-flex}.wui-checkbox-group{flex-direction:inherit;gap:inherit;display:flex}:host([direction=horizontal]){flex-direction:row}\n";
+export { style_default as default };
 
 //# sourceMappingURL=style.js.map

package/dist/components/checkbox-group/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","names":[],"sources":["../../../src/components/checkbox-group/style.css?inline"],"sourcesContent":["*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n:host {\n  user-select: none;\n  display: inline-flex;\n  flex-direction: column;\n  gap: var(--wui-checkbox-group-gap, var(--wui-space-2, 8px));\n}\n\n.wui-checkbox-group {\n  display: flex;\n  flex-direction: inherit;\n  gap: inherit;\n}\n\n:host([direction='horizontal']) {\n  flex-direction: row;\n}\n"],"mappings":""}
+{"version":3,"file":"style.js","names":[],"sources":["../../../src/components/checkbox-group/style.css?inline"],"sourcesContent":["*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n:host {\n  user-select: none;\n  display: inline-flex;\n  flex-direction: column;\n  gap: var(--wui-checkbox-group-gap, var(--wui-space-2, 8px));\n}\n\n.wui-checkbox-group {\n  display: flex;\n  flex-direction: inherit;\n  gap: inherit;\n}\n\n:host([direction='horizontal']) {\n  flex-direction: row;\n}\n"],"mappings":";AAAA,IAAA,gBAAA"}

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

@@ -1,4 +1,4 @@
-import { LitElement } from 'lit';
+import { LitElement } from "lit";
 /**
  * 文档流内 collapse panel：trigger 经默认 slot 提供，内容经 `slot="content"` 提供。
  *
@@ -27,76 +27,77 @@ import { LitElement } from 'lit';
  * 方向的动画改为读出像素后以显式长度写入 track，落稳态时清除内联值交回 CSS 规则。
  */
 export declare class WebUiCollapse extends LitElement {
-    static styles: import('lit').CSSResult[];
-    /** 展开状态；严格受控，唯一状态源。 */
-    open: boolean;
-    /** 禁用触发：点击忽略、`disabled` 写入 trigger 元素；已展开内容保持现状。 */
-    disabled: boolean;
-    /** 水平方向：true 时沿宽度展开，默认沿高度。 */
-    horizontal: boolean;
-    /** 关闭稳态保持内容 `inert` 而非 `hidden`（保留滚动位置，可测量）。 */
-    keepMounted: boolean;
-    /**
-     * 关闭稳态露出的尺寸（CSS 长度，如 `120px`、`6rem`），沿动画轴生效：默认是高度，
-     * `horizontal` 时为宽度；未设置时保持完全收起。
-     *
-     * 设置后关闭稳态语义等同 `keep-mounted`（内容留在 track 内、`inert` 阻断交互），
-     * 只露出 `peek` 范围内的部分；内容本身不足 `peek` 时按内容实际尺寸收起。
-     * 注意 `peek` 是固定长度与内容自适应高度之间的过渡：CSS 无法在两者之间插值，
-     * 因此这两个方向的动画由本组件读出内容尺寸后以显式长度驱动（其余路径仍是
-     * 零测量的 grid fr 过渡）。
-     *
-     * 露出区域末端自带一段边缘渐隐（提示下方还有内容），长度由 `peek` 按比例推导，
-     * 无需也不接受调用方单独指定——见 style.css 中 `--wui-collapse-peek-edge-*`
-     * 系列变量（比例、上限、末端颜色可用 CSS 覆盖，属于主题级调优而非组件 API）。
-     */
-    peek: string | null;
-    private _triggerWrapper;
-    private readonly _userOpenChange;
-    private _exitTimer?;
-    private _generation;
-    private _lastOpen?;
-    private _triggerSnapshot?;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    protected updated(changed: Map<string, unknown>): void;
-    show(): void;
-    close(): void;
-    toggle(): void;
-    private _dispatchChange;
-    private _onTriggerClick;
-    private _queryTrigger;
-    private readonly _onTriggerSlotChange;
-    private _restoreTriggerSnapshot;
-    private _syncTriggerState;
-    /** 关闭稳态是否露出部分内容；空值与非空判断避免 `peek=""` 被当作有效长度。 */
-    private get _peeks();
-    private _applyOpenSteadyState;
-    private _applyClosedSteadyState;
-    private _beginExpand;
-    private _beginCollapse;
-    private _settle;
-    private _awaitTransition;
-    private _clearExitTimer;
-    private _syncPeek;
-    private _clampProperty;
-    private _measureInnerSize;
-    private _measureContentSize;
-    private _setInnerClamp;
-    private _clearInnerClamp;
-    private _setInnerInert;
-    private _contentInner;
-    private _contentContainer;
-    private _contentTrack;
-    render(): import('lit').TemplateResult<1>;
-    readonly $events: {
-        'open-change': CustomEvent<{
-            open: boolean;
-        }>;
-    };
+  static styles: import("lit").CSSResult[];
+  /** 展开状态；严格受控，唯一状态源。 */
+  open: boolean;
+  /** 禁用触发：点击忽略、`disabled` 写入 trigger 元素；已展开内容保持现状。 */
+  disabled: boolean;
+  /** 水平方向：true 时沿宽度展开，默认沿高度。 */
+  horizontal: boolean;
+  /** 关闭稳态保持内容 `inert` 而非 `hidden`（保留滚动位置，可测量）。 */
+  keepMounted: boolean;
+  /**
+   * 关闭稳态露出的尺寸（CSS 长度，如 `120px`、`6rem`），沿动画轴生效：默认是高度，
+   * `horizontal` 时为宽度；未设置时保持完全收起。
+   *
+   * 设置后关闭稳态语义等同 `keep-mounted`（内容留在 track 内、`inert` 阻断交互），
+   * 只露出 `peek` 范围内的部分；内容本身不足 `peek` 时按内容实际尺寸收起。
+   * 注意 `peek` 是固定长度与内容自适应高度之间的过渡：CSS 无法在两者之间插值，
+   * 因此这两个方向的动画由本组件读出内容尺寸后以显式长度驱动（其余路径仍是
+   * 零测量的 grid fr 过渡）。
+   *
+   * 露出区域末端自带一段边缘渐隐（提示下方还有内容），长度由 `peek` 按比例推导，
+   * 无需也不接受调用方单独指定——见 style.css 中 `--wui-collapse-peek-edge-*`
+   * 系列变量（比例、上限、末端颜色可用 CSS 覆盖，属于主题级调优而非组件 API）。
+   */
+  peek: string | null;
+  private _triggerWrapper;
+  private readonly _userOpenChange;
+  private _exitTimer?;
+  private _generation;
+  private _lastOpen?;
+  private _triggerSnapshot?;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  protected updated(changed: Map<string, unknown>): void;
+  show(): void;
+  close(): void;
+  toggle(): void;
+  private _dispatchChange;
+  private _onTriggerClick;
+  private _queryTrigger;
+  private readonly _onTriggerSlotChange;
+  private _restoreTriggerSnapshot;
+  private _syncTriggerState;
+  /** 关闭稳态是否露出部分内容；空值与非空判断避免 `peek=""` 被当作有效长度。 */
+  private get _peeks();
+  private _applyOpenSteadyState;
+  private _applyClosedSteadyState;
+  private _beginExpand;
+  private _beginCollapse;
+  private _settle;
+  private _awaitTransition;
+  private _clearExitTimer;
+  private _syncPeek;
+  private _clampProperty;
+  private _measureInnerSize;
+  private _measureContentSize;
+  private _setInnerClamp;
+  private _clearInnerClamp;
+  private _setInnerInert;
+  private _contentInner;
+  private _contentContainer;
+  private _contentTrack;
+  render(): import("lit").TemplateResult<1>;
+  readonly $events: {
+    'open-change': CustomEvent<{
+      open: boolean;
+    }>;
+  };
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        'web-ui-collapse': WebUiCollapse;
-    }
+  interface HTMLElementTagNameMap {
+    'web-ui-collapse': WebUiCollapse;
+  }
 }
+//# sourceMappingURL=index.d.ts.map

package/dist/components/collapse/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/collapse/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;qBA0Ea,sBAAsB;SACjB,sBAAM;;EAGsB;;EAGA;;EAGA;;EAG2B;;;;;;;;;;;;;;;EAgB5B;UAEK;mBAE/B;UAET;UAEA;UACA;UACA;EAMC;EAgBA;YAMU,QAAQ,SAAS;EA2BpC;EAKA;EAKA;UAKQ;UASA;UAWA;mBAUS;UAIT;UAmBA;;cAoBI;UAIJ;UAWA;UAgBA;UA6CA;UAqCA;UAqBA;UA+BA;UAcA;UAWA;UAIA;UASA;UAIA;UAIA;UAOA;UAIA;UAIA;UAIA;EAIC,wBAAM;WAmBE;IACf,eAAe;MAAc;;;;QAIzB;YACI;IACR,mBAAmB"}