@geajs/ui 0.2.1 → 0.2.3

package/dist/slider.mjs

@@ -1,12 +1,12 @@
 import { t as ZagComponent } from "./zag-component.mjs";
-import { Component, GEA_CTOR_TAG_NAME, GEA_ELEMENT, GEA_PATCH_COND, GEA_REGISTER_COND, geaCondValueSymbol, geaEscapeHtml } from "@geajs/core";
+import { Component, GEA_ELEMENT, GEA_ON_PROP_CHANGE, GEA_PATCH_COND, GEA_REGISTER_COND, geaCondValueSymbol, geaEscapeHtml } from "@geajs/core";
 import { normalizeProps } from "@zag-js/vanilla";
 import * as slider from "@zag-js/slider";
 //#region src/components/slider.tsx
-const THUMB_CLASS = "slider-thumb block h-5 w-5 rounded-full border-2 border-primary bg-background shadow ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2";
+const THUMB_CLASS = "slider-thumb block h-5 w-5 rounded-full border-2 border-primary bg-background shadow transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring";
 var Slider = class extends ZagComponent {
 	static {
-		this[GEA_CTOR_TAG_NAME] = "slider";
+		this.__geaTagName = "gea-slider";
 	}
 	constructor(...args) {
 		super(...args);
@@ -98,13 +98,13 @@ var Slider = class extends ZagComponent {
 		Component._register(ZagComponent, "zag-component");
 		return `<div id="${__id}" data-part="root"${"w-full " + (props.class || "") == null || "w-full " + (props.class || "") === false ? "" : ` class="${("w-full " + (props.class || "") != null ? String("w-full " + (props.class || "")) : "").trim()}"`}><!--${__id + "-c0"}-->${props.label && `<div class="flex justify-between mb-2"><label data-part="label" class="slider-label text-sm font-medium">${geaEscapeHtml(String(props.label))}</label></div>` || ""}<!--${__id + "-c0-end"}--><div data-part="control" class="slider-control relative flex items-center"><div data-part="track" class="slider-track relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20"><div data-part="range" class="slider-range absolute h-full bg-primary"></div></div><div data-part="thumb" data-index="0"${THUMB_CLASS == null || THUMB_CLASS === false ? "" : ` class="${(THUMB_CLASS != null ? String(THUMB_CLASS) : "").trim()}"`}><input data-part="hidden-input" data-index="0" type="hidden" /></div></div></div>`;
 	}
-	__onPropChange(key, value) {
+	[GEA_ON_PROP_CHANGE](key, value) {
 		if (key === "class") {
 			const __el = this[GEA_ELEMENT];
 			this.props;
 			const __boundValue = "w-full " + (value || "");
 			if (__el) {
-				const __newClass = (__boundValue != null ? String(__boundValue) : "").trim();
+				const __newClass = String(__boundValue ?? "").trim().replace(/\s+/g, " ");
 				if (__el.className !== __newClass) __el.className = __newClass;
 			}
 		}

package/dist/slider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"slider.mjs","names":["slider","normalizeProps","ZagComponent","THUMB_CLASS","Slider","GEA_CTOR_TAG_NAME","constructor","args","props","geaCondValueSymbol","label","GEA_REGISTER_COND","geaEscapeHtml","String","value","createMachine","_props","machine","getMachineProps","id","defaultValue","min","max","step","orientation","thumbAlignment","disabled","readOnly","name","onValueChange","details","ValueChangeDetails","onValueChangeEnd","connectApi","service","connect","getSpreadMap","[data-part=\"thumb\"]","api","el","index","parseInt","HTMLElement","dataset","getThumbProps","[data-part=\"hidden-input\"]","getHiddenInputProps","_syncThumbs","_api","control","querySelector","thumbCount","length","existing","querySelectorAll","i","thumb","document","createElement","setAttribute","className","input","type","appendChild","remove","syncState","_applyAllSpreads","_elementCache","clear","template","__id","Component","_register","class","trim","__onPropChange","key","__el","GEA_ELEMENT","__boundValue","__newClass","GEA_PATCH_COND"],"sources":["../src/components/slider.tsx"],"sourcesContent":["import * as slider from '@zag-js/slider'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nconst THUMB_CLASS =\n  'slider-thumb block h-5 w-5 rounded-full border-2 border-primary bg-background shadow ' +\n  'ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 ' +\n  'focus-visible:ring-ring focus-visible:ring-offset-2'\n\nexport default class Slider extends ZagComponent {\n  declare value: number[]\n\n  createMachine(_props: any): any {\n    return slider.machine\n  }\n\n  getMachineProps(props: any) {\n    return {\n      id: this.id,\n      value: props.value,\n      defaultValue: props.defaultValue ?? [50],\n      min: props.min ?? 0,\n      max: props.max ?? 100,\n      step: props.step ?? 1,\n      orientation: props.orientation ?? 'horizontal',\n      thumbAlignment: props.thumbAlignment ?? 'center',\n      disabled: props.disabled,\n      readOnly: props.readOnly,\n      name: props.name,\n      'aria-label': props['aria-label'],\n      onValueChange: (details: slider.ValueChangeDetails) => {\n        this.value = details.value\n        props.onValueChange?.(details)\n      },\n      onValueChangeEnd: props.onValueChangeEnd,\n    }\n  }\n\n  connectApi(service: any) {\n    return slider.connect(service, normalizeProps)\n  }\n\n  getSpreadMap() {\n    return {\n      '[data-part=\"root\"]': 'getRootProps',\n      '[data-part=\"label\"]': 'getLabelProps',\n      '[data-part=\"control\"]': 'getControlProps',\n      '[data-part=\"track\"]': 'getTrackProps',\n      '[data-part=\"range\"]': 'getRangeProps',\n      '[data-part=\"thumb\"]': (api, el) => {\n        const index = parseInt((el as HTMLElement).dataset.index || '0', 10)\n        return api.getThumbProps({ index })\n      },\n      '[data-part=\"hidden-input\"]': (api, el) => {\n        const index = parseInt((el as HTMLElement).dataset.index || '0', 10)\n        return api.getHiddenInputProps({ index })\n      },\n    }\n  }\n\n  _syncThumbs() {\n    if (!this._api || !this.el) return\n    const control = this.el.querySelector('[data-part=\"control\"]')\n    if (!control) return\n\n    const thumbCount = this._api.value.length\n    const existing = control.querySelectorAll(':scope > [data-part=\"thumb\"]')\n\n    if (existing.length === thumbCount) return\n\n    if (existing.length < thumbCount) {\n      for (let i = existing.length; i < thumbCount; i++) {\n        const thumb = document.createElement('div')\n        thumb.setAttribute('data-part', 'thumb')\n        thumb.setAttribute('data-index', String(i))\n        thumb.className = THUMB_CLASS\n\n        const input = document.createElement('input')\n        input.setAttribute('data-part', 'hidden-input')\n        input.setAttribute('data-index', String(i))\n        input.type = 'hidden'\n        thumb.appendChild(input)\n\n        control.appendChild(thumb)\n      }\n    } else {\n      for (let i = existing.length - 1; i >= thumbCount; i--) {\n        existing[i].remove()\n      }\n    }\n  }\n\n  syncState(api: any) {\n    this.value = api.value\n  }\n\n  _applyAllSpreads() {\n    this._syncThumbs()\n    this._elementCache?.clear()\n    super._applyAllSpreads()\n  }\n\n  template(props: any) {\n    return (\n      <div data-part=\"root\" class={'w-full ' + (props.class || '')}>\n        {props.label && (\n          <div class=\"flex justify-between mb-2\">\n            <label data-part=\"label\" class=\"slider-label text-sm font-medium\">\n              {props.label}\n            </label>\n          </div>\n        )}\n        <div data-part=\"control\" class=\"slider-control relative flex items-center\">\n          <div\n            data-part=\"track\"\n            class=\"slider-track relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20\"\n          >\n            <div data-part=\"range\" class=\"slider-range absolute h-full bg-primary\"></div>\n          </div>\n          <div data-part=\"thumb\" data-index=\"0\" class={THUMB_CLASS}>\n            <input data-part=\"hidden-input\" data-index=\"0\" type=\"hidden\" />\n          </div>\n        </div>\n      </div>\n    )\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"slider.mjs","names":["Component","geaCondValueSymbol","GEA_REGISTER_COND","geaEscapeHtml","GEA_ON_PROP_CHANGE","GEA_ELEMENT","GEA_PATCH_COND","slider","normalizeProps","ZagComponent","THUMB_CLASS","Slider","__geaTagName","constructor","args","props","label","String","value","createMachine","_props","machine","getMachineProps","id","defaultValue","min","max","step","orientation","thumbAlignment","disabled","readOnly","name","onValueChange","details","ValueChangeDetails","onValueChangeEnd","connectApi","service","connect","getSpreadMap","[data-part=\"thumb\"]","api","el","index","parseInt","HTMLElement","dataset","getThumbProps","[data-part=\"hidden-input\"]","getHiddenInputProps","_syncThumbs","_api","control","querySelector","thumbCount","length","existing","querySelectorAll","i","thumb","document","createElement","setAttribute","className","input","type","appendChild","remove","syncState","_applyAllSpreads","_elementCache","clear","template","__id","_register","class","trim","key","__el","__boundValue","__newClass","replace"],"sources":["../src/components/slider.tsx"],"sourcesContent":["import * as slider from '@zag-js/slider'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nconst THUMB_CLASS =\n  'slider-thumb block h-5 w-5 rounded-full border-2 border-primary bg-background shadow ' +\n  'transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring'\n\nexport default class Slider extends ZagComponent {\n  declare value: number[]\n\n  createMachine(_props: any): any {\n    return slider.machine\n  }\n\n  getMachineProps(props: any) {\n    return {\n      id: this.id,\n      value: props.value,\n      defaultValue: props.defaultValue ?? [50],\n      min: props.min ?? 0,\n      max: props.max ?? 100,\n      step: props.step ?? 1,\n      orientation: props.orientation ?? 'horizontal',\n      thumbAlignment: props.thumbAlignment ?? 'center',\n      disabled: props.disabled,\n      readOnly: props.readOnly,\n      name: props.name,\n      'aria-label': props['aria-label'],\n      onValueChange: (details: slider.ValueChangeDetails) => {\n        this.value = details.value\n        props.onValueChange?.(details)\n      },\n      onValueChangeEnd: props.onValueChangeEnd,\n    }\n  }\n\n  connectApi(service: any) {\n    return slider.connect(service, normalizeProps)\n  }\n\n  getSpreadMap() {\n    return {\n      '[data-part=\"root\"]': 'getRootProps',\n      '[data-part=\"label\"]': 'getLabelProps',\n      '[data-part=\"control\"]': 'getControlProps',\n      '[data-part=\"track\"]': 'getTrackProps',\n      '[data-part=\"range\"]': 'getRangeProps',\n      '[data-part=\"thumb\"]': (api, el) => {\n        const index = parseInt((el as HTMLElement).dataset.index || '0', 10)\n        return api.getThumbProps({ index })\n      },\n      '[data-part=\"hidden-input\"]': (api, el) => {\n        const index = parseInt((el as HTMLElement).dataset.index || '0', 10)\n        return api.getHiddenInputProps({ index })\n      },\n    }\n  }\n\n  _syncThumbs() {\n    if (!this._api || !this.el) return\n    const control = this.el.querySelector('[data-part=\"control\"]')\n    if (!control) return\n\n    const thumbCount = this._api.value.length\n    const existing = control.querySelectorAll(':scope > [data-part=\"thumb\"]')\n\n    if (existing.length === thumbCount) return\n\n    if (existing.length < thumbCount) {\n      for (let i = existing.length; i < thumbCount; i++) {\n        const thumb = document.createElement('div')\n        thumb.setAttribute('data-part', 'thumb')\n        thumb.setAttribute('data-index', String(i))\n        thumb.className = THUMB_CLASS\n\n        const input = document.createElement('input')\n        input.setAttribute('data-part', 'hidden-input')\n        input.setAttribute('data-index', String(i))\n        input.type = 'hidden'\n        thumb.appendChild(input)\n\n        control.appendChild(thumb)\n      }\n    } else {\n      for (let i = existing.length - 1; i >= thumbCount; i--) {\n        existing[i].remove()\n      }\n    }\n  }\n\n  syncState(api: any) {\n    this.value = api.value\n  }\n\n  _applyAllSpreads() {\n    this._syncThumbs()\n    this._elementCache?.clear()\n    super._applyAllSpreads()\n  }\n\n  template(props: any) {\n    return (\n      <div data-part=\"root\" class={'w-full ' + (props.class || '')}>\n        {props.label && (\n          <div class=\"flex justify-between mb-2\">\n            <label data-part=\"label\" class=\"slider-label text-sm font-medium\">\n              {props.label}\n            </label>\n          </div>\n        )}\n        <div data-part=\"control\" class=\"slider-control relative flex items-center\">\n          <div\n            data-part=\"track\"\n            class=\"slider-track relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20\"\n          >\n            <div data-part=\"range\" class=\"slider-range absolute h-full bg-primary\"></div>\n          </div>\n          <div data-part=\"thumb\" data-index=\"0\" class={THUMB_CLASS}>\n            <input data-part=\"hidden-input\" data-index=\"0\" type=\"hidden\" />\n          </div>\n        </div>\n      </div>\n    )\n  }\n}\n"],"mappings":"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"}

package/dist/switch.mjs

@@ -1,11 +1,11 @@
 import { t as ZagComponent } from "./zag-component.mjs";
-import { Component, GEA_CTOR_TAG_NAME, GEA_ELEMENT, GEA_PATCH_COND, GEA_REGISTER_COND, geaCondValueSymbol, geaEscapeHtml } from "@geajs/core";
+import { Component, GEA_ELEMENT, GEA_ON_PROP_CHANGE, GEA_PATCH_COND, GEA_REGISTER_COND, geaCondValueSymbol, geaEscapeHtml } from "@geajs/core";
 import { normalizeProps } from "@zag-js/vanilla";
 import * as switchMachine from "@zag-js/switch";
 //#region src/components/switch.tsx
 var Switch = class extends ZagComponent {
 	static {
-		this[GEA_CTOR_TAG_NAME] = "switch";
+		this.__geaTagName = "gea-switch";
 	}
 	constructor(...args) {
 		super(...args);
@@ -59,15 +59,15 @@ var Switch = class extends ZagComponent {
 	template(props) {
 		const __id = this.id;
 		Component._register(ZagComponent, "zag-component");
-		return `<label id="${__id}" data-part="root" class="${`switch-root inline-flex items-center gap-2 cursor-pointer ${props.class || ""}`.trim()}"><input data-part="hidden-input" type="checkbox" /><span data-part="control" class="switch-control inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors data-[state=checked]:bg-primary data-[state=unchecked]:bg-input"><span data-part="thumb" class="switch-thumb pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"></span></span><!--${__id + "-c0"}-->${props.label && `<span data-part="label" class="switch-label text-sm font-medium">${geaEscapeHtml(String(props.label))}</span>` || ""}<!--${__id + "-c0-end"}--></label>`;
+		return `<label id="${__id}" data-part="root" class="${`switch-root inline-flex items-center gap-2 cursor-pointer ${props.class || ""}`.trim()}"><input data-part="hidden-input" type="checkbox" /><span data-part="control" class="switch-control inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-xs transition-colors data-[state=checked]:bg-primary data-[state=unchecked]:bg-input"><span data-part="thumb" class="switch-thumb pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"></span></span><!--${__id + "-c0"}-->${props.label && `<span data-part="label" class="switch-label text-sm font-medium">${geaEscapeHtml(String(props.label))}</span>` || ""}<!--${__id + "-c0-end"}--></label>`;
 	}
-	__onPropChange(key, value) {
+	[GEA_ON_PROP_CHANGE](key, value) {
 		if (key === "class") {
 			const __el = this[GEA_ELEMENT];
 			this.props;
 			const __boundValue = `switch-root inline-flex items-center gap-2 cursor-pointer ${value || ""}`;
 			if (__el) {
-				const __newClass = (__boundValue != null ? String(__boundValue) : "").trim();
+				const __newClass = String(__boundValue ?? "").trim().replace(/\s+/g, " ");
 				if (__el.className !== __newClass) __el.className = __newClass;
 			}
 		}

package/dist/switch.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"switch.mjs","names":["switchMachine","normalizeProps","ZagComponent","Switch","GEA_CTOR_TAG_NAME","constructor","args","props","geaCondValueSymbol","label","GEA_REGISTER_COND","geaEscapeHtml","String","checked","createMachine","_props","machine","getMachineProps","id","defaultChecked","disabled","invalid","required","readOnly","name","form","value","onCheckedChange","details","CheckedChangeDetails","connectApi","service","connect","getSpreadMap","syncState","api","template","__id","Component","_register","class","trim","__onPropChange","key","__el","GEA_ELEMENT","__boundValue","__newClass","className","GEA_PATCH_COND"],"sources":["../src/components/switch.tsx"],"sourcesContent":["import * as switchMachine from '@zag-js/switch'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class Switch extends ZagComponent {\n  checked = false\n\n  createMachine(_props: any): any {\n    return switchMachine.machine\n  }\n\n  getMachineProps(props: any) {\n    return {\n      id: this.id,\n      checked: props.checked,\n      defaultChecked: props.defaultChecked,\n      disabled: props.disabled,\n      invalid: props.invalid,\n      required: props.required,\n      readOnly: props.readOnly,\n      name: props.name,\n      form: props.form,\n      value: props.value ?? 'on',\n      onCheckedChange: (details: switchMachine.CheckedChangeDetails) => {\n        this.checked = details.checked\n        props.onCheckedChange?.(details)\n      },\n    }\n  }\n\n  connectApi(service: any) {\n    return switchMachine.connect(service, normalizeProps)\n  }\n\n  getSpreadMap() {\n    return {\n      '[data-part=\"root\"]': 'getRootProps',\n      '[data-part=\"label\"]': 'getLabelProps',\n      '[data-part=\"control\"]': 'getControlProps',\n      '[data-part=\"thumb\"]': 'getThumbProps',\n      '[data-part=\"hidden-input\"]': 'getHiddenInputProps',\n    }\n  }\n\n  syncState(api: any) {\n    this.checked = api.checked\n  }\n\n  template(props: any) {\n    return (\n      <label data-part=\"root\" class={`switch-root inline-flex items-center gap-2 cursor-pointer ${props.class || ''}`}>\n        <input data-part=\"hidden-input\" type=\"checkbox\" />\n        <span\n          data-part=\"control\"\n          class=\"switch-control inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors data-[state=checked]:bg-primary data-[state=unchecked]:bg-input\"\n        >\n          <span\n            data-part=\"thumb\"\n            class=\"switch-thumb pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0\"\n          ></span>\n        </span>\n        {props.label && (\n          <span data-part=\"label\" class=\"switch-label text-sm font-medium\">\n            {props.label}\n          </span>\n        )}\n      </label>\n    )\n  }\n}\n"],"mappings":";;;;;AAIA,IAAqBG,SAArB,cAAoCD,aAAa;;OAAAE,qBAAA;;CAHjDC,YAAsB,GAAGC,MAAI;AAAA,QAAA,GAAAA,KAAA;iBAIjB;AA2CS,OAAAC;AAAA,OAAAC,mBAAA,EAAA,IAAA,CAAA,CAAA,KAAAD,MAaNE;AAAK,OAAAC,mBAAA,GAAA,YAAA;AAbC,QAAAH;AAAA,UAAA,KAAAA,MAaNE;WAAK;AAbC,QAAAF;AAAA,UAAA,oEAAAI,cAAAC,OAAA,KAAAL,MAeFE,MAAK,CAAA,CAAA;KAAA,KAAA;;CAxDtBK,cAAcC,QAAkB;AAC9B,SAAOf,cAAcgB;;CAGvBC,gBAAgBV,OAAY;AAC1B,SAAO;GACLW,IAAI,KAAKA;GACTL,SAASN,MAAMM;GACfM,gBAAgBZ,MAAMY;GACtBC,UAAUb,MAAMa;GAChBC,SAASd,MAAMc;GACfC,UAAUf,MAAMe;GAChBC,UAAUhB,MAAMgB;GAChBC,MAAMjB,MAAMiB;GACZC,MAAMlB,MAAMkB;GACZC,OAAOnB,MAAMmB,SAAS;GACtBC,kBAAkBC,YAAgD;AAChE,SAAKf,UAAUe,QAAQf;AACvBN,UAAMoB,kBAAkBC,QAAQ;;GAEnC;;CAGHE,WAAWC,SAAc;AACvB,SAAO/B,cAAcgC,QAAQD,SAAS9B,eAAe;;CAGvDgC,eAAe;AACb,SAAO;GACL,wBAAsB;GACtB,yBAAuB;GACvB,2BAAyB;GACzB,yBAAuB;GACvB,gCAA8B;GAC/B;;CAGHC,UAAUC,KAAU;AAClB,OAAKtB,UAAUsB,IAAItB;;CAGrBuB,SAAS7B,OAAY;EAAA,MAAA8B,OAAA,KAAAnB;AAAAoB,YAAAC,UAAArC,cAAA,gBAAA;AACnB,SAAA,cAAAmC,KAAA,4BACiC,6DAA6D9B,MAAMiC,SAAS,KAAIC,MAAA,CAAA,+gBAAAJ,OAAA,MAAA,KAW5G9B,MAAME,SAAK,oEAAAE,cAAAC,OAEPL,MAAME,MAAK,CAAA,CAAA,YAAA,GAAA,MAAA4B,OAAA,UAAA;;CA9DxBK,eAAsBC,KAAKjB,OAAK;AAAA,MAAAiB,QAAA,SAAA;GAAA,MAAAC,OAAA,KAAAC;AA+CX,QAAAtC;GAAA,MAAAuC,eAAA,6DAAApB,SAE4F;AAAE,OAAAkB,MAAA;IAAA,MAAAG,cAAAD,gBAAA,OAAAlC,OAAAkC,aAAA,GAAA,IAAAL,MAAA;AAAA,QAAAG,KAAAI,cAAAD,WAAAH,MAAAI,YAAAD;;;AAAA,MAAAJ,QAAA,QAAA,MAAAM,gBAAA,EAAA"}
+{"version":3,"file":"switch.mjs","names":["Component","geaCondValueSymbol","GEA_REGISTER_COND","geaEscapeHtml","GEA_ON_PROP_CHANGE","GEA_ELEMENT","GEA_PATCH_COND","switchMachine","normalizeProps","ZagComponent","Switch","__geaTagName","constructor","args","props","label","String","checked","createMachine","_props","machine","getMachineProps","id","defaultChecked","disabled","invalid","required","readOnly","name","form","value","onCheckedChange","details","CheckedChangeDetails","connectApi","service","connect","getSpreadMap","syncState","api","template","__id","_register","class","trim","key","__el","__boundValue","__newClass","replace","className"],"sources":["../src/components/switch.tsx"],"sourcesContent":["import * as switchMachine from '@zag-js/switch'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class Switch extends ZagComponent {\n  checked = false\n\n  createMachine(_props: any): any {\n    return switchMachine.machine\n  }\n\n  getMachineProps(props: any) {\n    return {\n      id: this.id,\n      checked: props.checked,\n      defaultChecked: props.defaultChecked,\n      disabled: props.disabled,\n      invalid: props.invalid,\n      required: props.required,\n      readOnly: props.readOnly,\n      name: props.name,\n      form: props.form,\n      value: props.value ?? 'on',\n      onCheckedChange: (details: switchMachine.CheckedChangeDetails) => {\n        this.checked = details.checked\n        props.onCheckedChange?.(details)\n      },\n    }\n  }\n\n  connectApi(service: any) {\n    return switchMachine.connect(service, normalizeProps)\n  }\n\n  getSpreadMap() {\n    return {\n      '[data-part=\"root\"]': 'getRootProps',\n      '[data-part=\"label\"]': 'getLabelProps',\n      '[data-part=\"control\"]': 'getControlProps',\n      '[data-part=\"thumb\"]': 'getThumbProps',\n      '[data-part=\"hidden-input\"]': 'getHiddenInputProps',\n    }\n  }\n\n  syncState(api: any) {\n    this.checked = api.checked\n  }\n\n  template(props: any) {\n    return (\n      <label data-part=\"root\" class={`switch-root inline-flex items-center gap-2 cursor-pointer ${props.class || ''}`}>\n        <input data-part=\"hidden-input\" type=\"checkbox\" />\n        <span\n          data-part=\"control\"\n          class=\"switch-control inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-xs transition-colors data-[state=checked]:bg-primary data-[state=unchecked]:bg-input\"\n        >\n          <span\n            data-part=\"thumb\"\n            class=\"switch-thumb pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0\"\n          ></span>\n        </span>\n        {props.label && (\n          <span data-part=\"label\" class=\"switch-label text-sm font-medium\">\n            {props.label}\n          </span>\n        )}\n      </label>\n    )\n  }\n}\n"],"mappings":";;;;;AAIA,IAAqBU,SAArB,cAAoCD,aAAa;;sBAAA;;CAHjDG,YAAsB,GAAGC,MAAI;AAA7B,QAAM,GAAGA,KAAK;iBAIF;AA2CS,OAAAC;AAAA,OAAAb,mBAAA,EAAA,IAAA,CAAA,CA/CrB,KAAKa,MA4DUC;AA5Df,OAAIb,mBAAuB,GAAA,YAAA;AA+CN,QAAAY;AAAA,UA/CrB,KAAKA,MA4DUC;WAAK;AAbC,QAAAD;AAAA,UAAA,oEA/CrBX,cAAca,OAAd,KAAKF,MA8DcC,MA9DwB,CAAC,CAAA;KAAA,KAAA;;CAM1CG,cAAcC,QAAkB;AAC9B,SAAOZ,cAAca;;CAGvBC,gBAAgBP,OAAY;AAC1B,SAAO;GACLQ,IAAI,KAAKA;GACTL,SAASH,MAAMG;GACfM,gBAAgBT,MAAMS;GACtBC,UAAUV,MAAMU;GAChBC,SAASX,MAAMW;GACfC,UAAUZ,MAAMY;GAChBC,UAAUb,MAAMa;GAChBC,MAAMd,MAAMc;GACZC,MAAMf,MAAMe;GACZC,OAAOhB,MAAMgB,SAAS;GACtBC,kBAAkBC,YAAgD;AAChE,SAAKf,UAAUe,QAAQf;AACvBH,UAAMiB,kBAAkBC,QAAQ;;GAEnC;;CAGHE,WAAWC,SAAc;AACvB,SAAO5B,cAAc6B,QAAQD,SAAS3B,eAAe;;CAGvD6B,eAAe;AACb,SAAO;GACL,wBAAsB;GACtB,yBAAuB;GACvB,2BAAyB;GACzB,yBAAuB;GACvB,gCAA8B;GAC/B;;CAGHC,UAAUC,KAAU;AAClB,OAAKtB,UAAUsB,IAAItB;;CAGrBuB,SAAS1B,OAAY;EAAA,MAAA2B,OAAA,KAAAnB;AAAAtB,YAAA0C,UAAAjC,cAAA,gBAAA;AACnB,SAAA,cAAAgC,KAAA,4BACiC,6DAA6D3B,MAAM6B,SAAS,KAAIC,MAAA,CAAA,+gBAjDrHH,OAAU,MAAK,KA4DN3B,MAAMC,SAAK,oEA5DpBZ,cAAca,OA8DDF,MAAMC,MA9DwB,CAAC,CAAA,YAAA,GAAA,MAA5C0B,OAAU,UAAS;;CAAnB,CAAArC,oBAAwByC,KAAKf,OAAK;AAAA,MAAAe,QAAA,SAAA;GAAA,MAAAC,OAAA,KAAAzC;AA+Cb,QAAAS;GAAA,MAAAiC,eAEgB,6DAA6DjB,SAAe;AAAI,OAAAgB,MAjDrH;IACM,MAAME,aADXhC,OAAO+B,gBAAyB,GAAG,CAAEH,MAAM,CAACK,QAAQ,QAAQ,IACf;AACxC,QAAIH,KAAsBI,cAAcF,WAAYF,MAAsBI,YAAYF;;;AACvF,MAAAH,QAAA,QAHL,MAAIvC,gBAAwB,EAAE"}

package/dist/tabs.mjs

@@ -1,12 +1,12 @@
 import { t as ZagComponent } from "./zag-component.mjs";
-import { Component, GEA_CTOR_TAG_NAME, GEA_DOM_ITEM, GEA_DOM_KEY, GEA_ELEMENT, GEA_MAP_CONFIG_TPL, GEA_REGISTER_MAP, GEA_SYNC_MAP } from "@geajs/core";
+import { Component, GEA_DOM_ITEM, GEA_DOM_KEY, GEA_ELEMENT, GEA_ON_PROP_CHANGE, GEA_REGISTER_MAP, GEA_SYNC_MAP } from "@geajs/core";
 import { normalizeProps } from "@zag-js/vanilla";
 import * as tabs from "@zag-js/tabs";
 //#region src/components/tabs.tsx
 const __v = (v) => v != null && typeof v === "object" ? v.valueOf() : v;
 var Tabs = class extends ZagComponent {
 	static {
-		this[GEA_CTOR_TAG_NAME] = "tabs";
+		this.__geaTagName = "gea-tabs";
 	}
 	#__rowEls_list;
 	#__dc___unresolved_1;
@@ -61,25 +61,25 @@ var Tabs = class extends ZagComponent {
 		const __id = this.id;
 		Component._register(ZagComponent, "zag-component");
 		const items = props.items || [];
-		return `<div id="${__id}" data-part="root"${(props.class || "") == null || (props.class || "") === false ? "" : ` class="${((props.class || "") != null ? String(props.class || "") : "").trim()}"`}><div id="${__id + "-b1"}" data-part="list" class="tabs-list relative flex border-b border-gray-200 dark:border-gray-700">${items.map((item) => `<button data-gea-item-id="${item?.value ?? item}" data-part="trigger"${item.value == null || item.value === false ? "" : ` data-value="${item.value}"`} class="tabs-trigger px-4 py-2 text-sm font-medium text-gray-600 hover:text-gray-900 data-[selected]:text-blue-600 dark:text-gray-400 dark:hover:text-gray-100 dark:data-[selected]:text-blue-400">${item.label}</button>`).join("") + "<!---->"}<div data-part="indicator" class="tabs-indicator bg-blue-600 dark:bg-blue-400"></div></div>${items.map((item) => `<div data-gea-item-id="${item?.value ?? item}" data-part="content"${item.value == null || item.value === false ? "" : ` data-value="${item.value}"`} class="tabs-content p-4">${item.content}</div>`).join("") + "<!---->"}</div>`;
+		return `<div id="${__id}" data-part="root"${(props.class || "") == null || (props.class || "") === false ? "" : ` class="${((props.class || "") != null ? String(props.class || "") : "").trim()}"`}><div id="${__id + "-b1"}" data-part="list" class="tabs-list relative flex border-b border-gray-200 dark:border-gray-700">${items.map((item) => `<button data-gid="${item?.value ?? item}" data-part="trigger"${item.value == null || item.value === false ? "" : ` data-value="${item.value}"`} class="tabs-trigger px-4 py-2 text-sm font-medium text-gray-600 hover:text-gray-900 data-[selected]:text-blue-600 dark:text-gray-400 dark:hover:text-gray-100 dark:data-[selected]:text-blue-400">${item.label}</button>`).join("") + "<!---->"}<div data-part="indicator" class="tabs-indicator bg-blue-600 dark:bg-blue-400"></div></div>${items.map((item) => `<div data-gid="${item?.value ?? item}" data-part="content"${item.value == null || item.value === false ? "" : ` data-value="${item.value}"`} class="tabs-content p-4">${item.content}</div>`).join("") + "<!---->"}</div>`;
 	}
 	render__unresolved_0Item(item) {
-		return `<button data-gea-item-id="${item?.value ?? item}" data-part="trigger"${__v(item.value) == null || __v(item.value) === false ? "" : ` data-value="${item.value}"`} class="tabs-trigger px-4 py-2 text-sm font-medium text-gray-600 hover:text-gray-900 data-[selected]:text-blue-600 dark:text-gray-400 dark:hover:text-gray-100 dark:data-[selected]:text-blue-400">${item.label}</button>`;
+		return `<button data-gid="${item?.value ?? item}" data-part="trigger"${__v(item.value) == null || __v(item.value) === false ? "" : ` data-value="${item.value}"`} class="tabs-trigger px-4 py-2 text-sm font-medium text-gray-600 hover:text-gray-900 data-[selected]:text-blue-600 dark:text-gray-400 dark:hover:text-gray-100 dark:data-[selected]:text-blue-400">${item.label}</button>`;
 	}
 	create__unresolved_0Item(item) {
 		var __c = this.#__dc_b1 || (this.#__dc_b1 = this.____unresolved_0_container);
-		if (!__c[GEA_MAP_CONFIG_TPL]) try {
+		if (!__c.__geaTpl) try {
 			var __tw = document.createElement("template");
 			__tw.innerHTML = this.render__unresolved_0Item({
 				value: 0,
 				label: " "
 			});
-			__c[GEA_MAP_CONFIG_TPL] = __tw.content.firstElementChild;
-			__c[GEA_MAP_CONFIG_TPL]?.removeAttribute("data-gea-item-id");
+			__c.__geaTpl = __tw.content.firstElementChild;
+			__c.__geaTpl?.removeAttribute("data-gid");
 		} catch (__err) {
 			console.error(__err);
 		}
-		if (__c[GEA_MAP_CONFIG_TPL]) var el = __c[GEA_MAP_CONFIG_TPL].cloneNode(true);
+		if (__c.__geaTpl) var el = __c.__geaTpl.cloneNode(true);
 		else {
 			var __fw = document.createElement("template");
 			__fw.innerHTML = this.render__unresolved_0Item(item);
@@ -91,7 +91,9 @@ var Tabs = class extends ZagComponent {
 			const __newAttr = String(__av);
 			if (el.getAttribute("data-value") !== __newAttr) el.setAttribute("data-value", __newAttr);
 		}
-		el.firstChild.nodeValue = `
+		if (el.textContent !== `
+              ${item.label}
+            `) el.textContent = `
               ${item.label}
             `;
 		el[GEA_DOM_KEY] = String(item?.value ?? item);
@@ -106,7 +108,9 @@ var Tabs = class extends ZagComponent {
 			const __newAttr = String(__av);
 			if (row.getAttribute("data-value") !== __newAttr) row.setAttribute("data-value", __newAttr);
 		}
-		row.firstChild.nodeValue = `
+		if (row.textContent !== `
+              ${item.label}
+            `) row.textContent = `
               ${item.label}
             `;
 		row[GEA_DOM_KEY] = String(item?.value ?? item);
@@ -114,22 +118,22 @@ var Tabs = class extends ZagComponent {
 		row[GEA_DOM_ITEM] = item;
 	}
 	render__unresolved_1Item(item) {
-		return `<div data-gea-item-id="${item?.value ?? item}" data-part="content"${__v(item.value) == null || __v(item.value) === false ? "" : ` data-value="${item.value}"`} class="tabs-content p-4">${item.content}</div>`;
+		return `<div data-gid="${item?.value ?? item}" data-part="content"${__v(item.value) == null || __v(item.value) === false ? "" : ` data-value="${item.value}"`} class="tabs-content p-4">${item.content}</div>`;
 	}
 	create__unresolved_1Item(item) {
 		var __c = this.#__dc___unresolved_1 || (this.#__dc___unresolved_1 = this.____unresolved_1_container);
-		if (!__c[GEA_MAP_CONFIG_TPL]) try {
+		if (!__c.__geaTpl) try {
 			var __tw = document.createElement("template");
 			__tw.innerHTML = this.render__unresolved_1Item({
 				value: 0,
 				content: " "
 			});
-			__c[GEA_MAP_CONFIG_TPL] = __tw.content.firstElementChild;
-			__c[GEA_MAP_CONFIG_TPL]?.removeAttribute("data-gea-item-id");
+			__c.__geaTpl = __tw.content.firstElementChild;
+			__c.__geaTpl?.removeAttribute("data-gid");
 		} catch (__err) {
 			console.error(__err);
 		}
-		if (__c[GEA_MAP_CONFIG_TPL]) var el = __c[GEA_MAP_CONFIG_TPL].cloneNode(true);
+		if (__c.__geaTpl) var el = __c.__geaTpl.cloneNode(true);
 		else {
 			var __fw = document.createElement("template");
 			__fw.innerHTML = this.render__unresolved_1Item(item);
@@ -141,7 +145,9 @@ var Tabs = class extends ZagComponent {
 			const __newAttr = String(__av);
 			if (el.getAttribute("data-value") !== __newAttr) el.setAttribute("data-value", __newAttr);
 		}
-		el.firstChild.nodeValue = `
+		if (el.textContent !== `
+            ${item.content}
+          `) el.textContent = `
             ${item.content}
           `;
 		el[GEA_DOM_KEY] = String(item?.value ?? item);
@@ -156,20 +162,22 @@ var Tabs = class extends ZagComponent {
 			const __newAttr = String(__av);
 			if (row.getAttribute("data-value") !== __newAttr) row.setAttribute("data-value", __newAttr);
 		}
-		row.firstChild.nodeValue = `
+		if (row.textContent !== `
+            ${item.content}
+          `) row.textContent = `
             ${item.content}
           `;
 		row[GEA_DOM_KEY] = String(item?.value ?? item);
 		(this.#__rowEls_list || (this.#__rowEls_list = {}))[String(item?.value ?? item)] = row;
 		row[GEA_DOM_ITEM] = item;
 	}
-	__onPropChange(key, value) {
+	[GEA_ON_PROP_CHANGE](key, value) {
 		if (key === "class") {
 			const __el = this[GEA_ELEMENT];
 			this.props;
 			const __boundValue = value || "";
 			if (__el) {
-				const __newClass = (__boundValue != null ? String(__boundValue) : "").trim();
+				const __newClass = String(__boundValue ?? "").trim().replace(/\s+/g, " ");
 				if (__el.className !== __newClass) __el.className = __newClass;
 			}
 		}
@@ -183,7 +191,7 @@ var Tabs = class extends ZagComponent {
 		this[GEA_SYNC_MAP](1);
 	}
 	createdHooks() {
-		this[GEA_REGISTER_MAP](0, "____unresolved_0_container", () => document.getElementById(this.id + "-b1"), () => {
+		this[GEA_REGISTER_MAP](0, "____unresolved_0_container", () => __gid(this.id + "-b1"), () => {
 			return this.props.items || [];
 		}, (__item) => this.create__unresolved_0Item(__item), "value");
 		this[GEA_REGISTER_MAP](1, "____unresolved_1_container", () => this.$(":scope"), () => {

package/dist/tabs.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.mjs","names":["__v","v","valueOf","Component","GEA_RENDERED","GEA_ELEMENT","GEA_MAPS","GEA_CONDS","GEA_RESET_ELS","GEA_OBSERVE","GEA_OBSERVE_LIST","GEA_EL","GEA_UPDATE_TEXT","GEA_REQUEST_RENDER","GEA_UPDATE_PROPS","GEA_SYNC_MAP","GEA_REGISTER_MAP","GEA_PATCH_COND","GEA_REGISTER_COND","GEA_REFRESH_LIST","GEA_RECONCILE_LIST","GEA_ENSURE_ARRAY_CONFIGS","GEA_APPLY_LIST_CHANGES","GEA_SWAP_CHILD","GEA_SWAP_STATE_CHILDREN","GEA_CHILD","GEA_LIST_CONFIG_REFRESHING","GEA_DOM_KEY","GEA_DOM_ITEM","GEA_DOM_PROPS","GEA_MAP_CONFIG_TPL","GEA_MAP_CONFIG_PREV","GEA_MAP_CONFIG_COUNT","geaCondPatchedSymbol","geaCondValueSymbol","geaObservePrevSymbol","geaPrevGuardSymbol","GEA_SETUP_LOCAL_STATE_OBSERVERS","geaSanitizeAttr","geaEscapeHtml","GEA_CTOR_TAG_NAME","tabs","normalizeProps","ZagComponent","Tabs","__rowEls_list","__dc___unresolved_1","__rowEls_b1","__dc_b1","value","createMachine","_props","machine","getMachineProps","props","id","defaultValue","orientation","activationMode","loopFocus","onValueChange","details","ValueChangeDetails","onFocusChange","connectApi","service","connect","_syncMachineProps","_machine","rendered","send","type","getSpreadMap","api","getIndicatorProps","style","[data-part=\"trigger\"]","el","getTriggerProps","HTMLElement","dataset","[data-part=\"content\"]","getContentProps","syncState","onAfterRender","_api","template","__id","_register","items","class","String","trim","map","item","label","join","content","render__unresolved_0Item","create__unresolved_0Item","__c","____unresolved_0_container","__tw","document","createElement","innerHTML","firstElementChild","removeAttribute","__err","console","error","cloneNode","__fw","__av","__newAttr","getAttribute","setAttribute","firstChild","nodeValue","patch__unresolved_0Item","row","__prevItem","render__unresolved_1Item","create__unresolved_1Item","____unresolved_1_container","patch__unresolved_1Item","__onPropChange","key","__el","__boundValue","__newClass","className","__observe_local_props","createdHooks","getElementById","__item","$"],"sources":["../src/components/tabs.tsx"],"sourcesContent":["import * as tabs from '@zag-js/tabs'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class Tabs extends ZagComponent {\n  declare value: string | null\n\n  createMachine(_props: any): any {\n    return tabs.machine\n  }\n\n  getMachineProps(props: any) {\n    return {\n      id: this.id,\n      value: props.value,\n      defaultValue: props.defaultValue,\n      orientation: props.orientation ?? 'horizontal',\n      activationMode: props.activationMode ?? 'automatic',\n      loopFocus: props.loopFocus ?? true,\n      onValueChange: (details: tabs.ValueChangeDetails) => {\n        this.value = details.value\n        props.onValueChange?.(details)\n      },\n      onFocusChange: props.onFocusChange,\n    }\n  }\n\n  connectApi(service: any) {\n    return tabs.connect(service, normalizeProps)\n  }\n\n  _syncMachineProps() {\n    super._syncMachineProps()\n    if (this._machine && this.rendered) {\n      this._machine.service.send({ type: 'SET_INDICATOR_RECT' })\n    }\n  }\n\n  getSpreadMap() {\n    return {\n      '[data-part=\"root\"]': 'getRootProps',\n      '[data-part=\"list\"]': 'getListProps',\n      '[data-part=\"indicator\"]': (api) => {\n        const props = api.getIndicatorProps()\n        props.style = (props.style || '') + 'bottom:0;width:var(--width);height:2px;'\n        return props\n      },\n      '[data-part=\"trigger\"]': (api, el) => api.getTriggerProps({ value: (el as HTMLElement).dataset.value }),\n      '[data-part=\"content\"]': (api, el) => api.getContentProps({ value: (el as HTMLElement).dataset.value }),\n    }\n  }\n\n  syncState(api: any) {\n    this.value = api.value\n  }\n\n  onAfterRender() {\n    super.onAfterRender()\n    if (this._api?.value && this._machine) {\n      this._machine.service.send({ type: 'SET_INDICATOR_RECT' })\n    }\n  }\n\n  template(props: any) {\n    const items = props.items || []\n    return (\n      <div data-part=\"root\" class={props.class || ''}>\n        <div data-part=\"list\" class=\"tabs-list relative flex border-b border-gray-200 dark:border-gray-700\">\n          {items.map((item: any) => (\n            <button\n              key={item.value}\n              data-part=\"trigger\"\n              data-value={item.value}\n              class=\"tabs-trigger px-4 py-2 text-sm font-medium text-gray-600 hover:text-gray-900 data-[selected]:text-blue-600 dark:text-gray-400 dark:hover:text-gray-100 dark:data-[selected]:text-blue-400\"\n            >\n              {item.label}\n            </button>\n          ))}\n          <div data-part=\"indicator\" class=\"tabs-indicator bg-blue-600 dark:bg-blue-400\"></div>\n        </div>\n        {items.map((item: any) => (\n          <div key={item.value} data-part=\"content\" data-value={item.value} class=\"tabs-content p-4\">\n            {item.content}\n          </div>\n        ))}\n      </div>\n    )\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"tabs.mjs","names":["__v","v","valueOf","Component","GEA_DOM_KEY","GEA_DOM_ITEM","GEA_ON_PROP_CHANGE","GEA_ELEMENT","GEA_SYNC_MAP","GEA_REGISTER_MAP","tabs","normalizeProps","ZagComponent","Tabs","__geaTagName","__rowEls_list","__dc___unresolved_1","__rowEls_b1","__dc_b1","value","createMachine","_props","machine","getMachineProps","props","id","defaultValue","orientation","activationMode","loopFocus","onValueChange","details","ValueChangeDetails","onFocusChange","connectApi","service","connect","_syncMachineProps","_machine","rendered","send","type","getSpreadMap","api","getIndicatorProps","style","[data-part=\"trigger\"]","el","getTriggerProps","HTMLElement","dataset","[data-part=\"content\"]","getContentProps","syncState","onAfterRender","_api","template","__id","_register","items","class","String","trim","map","item","label","join","content","render__unresolved_0Item","create__unresolved_0Item","__c","____unresolved_0_container","__geaTpl","__tw","document","createElement","innerHTML","firstElementChild","removeAttribute","__err","console","error","cloneNode","__fw","__av","__newAttr","getAttribute","setAttribute","textContent","patch__unresolved_0Item","row","__prevItem","render__unresolved_1Item","create__unresolved_1Item","____unresolved_1_container","patch__unresolved_1Item","key","__el","__boundValue","__newClass","replace","className","__observe_local_props","createdHooks","__gid","__item","$"],"sources":["../src/components/tabs.tsx"],"sourcesContent":["import * as tabs from '@zag-js/tabs'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class Tabs extends ZagComponent {\n  declare value: string | null\n\n  createMachine(_props: any): any {\n    return tabs.machine\n  }\n\n  getMachineProps(props: any) {\n    return {\n      id: this.id,\n      value: props.value,\n      defaultValue: props.defaultValue,\n      orientation: props.orientation ?? 'horizontal',\n      activationMode: props.activationMode ?? 'automatic',\n      loopFocus: props.loopFocus ?? true,\n      onValueChange: (details: tabs.ValueChangeDetails) => {\n        this.value = details.value\n        props.onValueChange?.(details)\n      },\n      onFocusChange: props.onFocusChange,\n    }\n  }\n\n  connectApi(service: any) {\n    return tabs.connect(service, normalizeProps)\n  }\n\n  _syncMachineProps() {\n    super._syncMachineProps()\n    if (this._machine && this.rendered) {\n      this._machine.service.send({ type: 'SET_INDICATOR_RECT' })\n    }\n  }\n\n  getSpreadMap() {\n    return {\n      '[data-part=\"root\"]': 'getRootProps',\n      '[data-part=\"list\"]': 'getListProps',\n      '[data-part=\"indicator\"]': (api) => {\n        const props = api.getIndicatorProps()\n        props.style = (props.style || '') + 'bottom:0;width:var(--width);height:2px;'\n        return props\n      },\n      '[data-part=\"trigger\"]': (api, el) => api.getTriggerProps({ value: (el as HTMLElement).dataset.value }),\n      '[data-part=\"content\"]': (api, el) => api.getContentProps({ value: (el as HTMLElement).dataset.value }),\n    }\n  }\n\n  syncState(api: any) {\n    this.value = api.value\n  }\n\n  onAfterRender() {\n    super.onAfterRender()\n    if (this._api?.value && this._machine) {\n      this._machine.service.send({ type: 'SET_INDICATOR_RECT' })\n    }\n  }\n\n  template(props: any) {\n    const items = props.items || []\n    return (\n      <div data-part=\"root\" class={props.class || ''}>\n        <div data-part=\"list\" class=\"tabs-list relative flex border-b border-gray-200 dark:border-gray-700\">\n          {items.map((item: any) => (\n            <button\n              key={item.value}\n              data-part=\"trigger\"\n              data-value={item.value}\n              class=\"tabs-trigger px-4 py-2 text-sm font-medium text-gray-600 hover:text-gray-900 data-[selected]:text-blue-600 dark:text-gray-400 dark:hover:text-gray-100 dark:data-[selected]:text-blue-400\"\n            >\n              {item.label}\n            </button>\n          ))}\n          <div data-part=\"indicator\" class=\"tabs-indicator bg-blue-600 dark:bg-blue-400\"></div>\n        </div>\n        {items.map((item: any) => (\n          <div key={item.value} data-part=\"content\" data-value={item.value} class=\"tabs-content p-4\">\n            {item.content}\n          </div>\n        ))}\n      </div>\n    )\n  }\n}\n"],"mappings":"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"}

package/dist/tags-input.mjs

@@ -1,12 +1,12 @@
 import { t as ZagComponent } from "./zag-component.mjs";
-import { Component, GEA_CTOR_TAG_NAME, GEA_DOM_ITEM, GEA_DOM_KEY, GEA_ELEMENT, GEA_MAP_CONFIG_TPL, GEA_OBSERVE, GEA_PATCH_COND, GEA_REGISTER_COND, GEA_REGISTER_MAP, GEA_SETUP_LOCAL_STATE_OBSERVERS, GEA_SYNC_MAP, geaCondValueSymbol, geaEscapeHtml } from "@geajs/core";
+import { Component, GEA_DOM_ITEM, GEA_DOM_KEY, GEA_ELEMENT, GEA_OBSERVE, GEA_ON_PROP_CHANGE, GEA_PATCH_COND, GEA_REGISTER_COND, GEA_REGISTER_MAP, GEA_SETUP_LOCAL_STATE_OBSERVERS, GEA_STORE_ROOT, GEA_SYNC_MAP, geaCondValueSymbol, geaEscapeHtml } from "@geajs/core";
 import { normalizeProps } from "@zag-js/vanilla";
 import * as tagsInput from "@zag-js/tags-input";
 //#region src/components/tags-input.tsx
 const __v = (v) => v != null && typeof v === "object" ? v.valueOf() : v;
 var TagsInput = class extends ZagComponent {
 	static {
-		this[GEA_CTOR_TAG_NAME] = "tags-input";
+		this.__geaTagName = "tags-input";
 	}
 	#__rowEls_b1;
 	#__dc_b1;
@@ -96,22 +96,22 @@ var TagsInput = class extends ZagComponent {
 	template(props) {
 		const __id = this.id;
 		Component._register(ZagComponent, "zag-component");
-		return `<div id="${__id}" data-part="root"${(props.class || "") == null || (props.class || "") === false ? "" : ` class="${((props.class || "") != null ? String(props.class || "") : "").trim()}"`}><!--${__id + "-c0"}-->${props.label && `<label data-part="label" class="tags-input-label text-sm font-medium mb-1 block">${geaEscapeHtml(String(props.label))}</label>` || ""}<!--${__id + "-c0-end"}--><div id="${__id + "-b1"}" data-part="control" class="tags-input-control flex flex-wrap gap-1.5 rounded-md border border-input bg-transparent px-3 py-2 shadow-sm focus-within:ring-1 focus-within:ring-ring">${(this.value || []).map((tag, i) => `<span data-gea-item-id="${String(`${tag}-${i}`)}" data-part="item"${String(i) == null || String(i) === false ? "" : ` data-index="${String(i)}"`}${tag == null || tag === false ? "" : ` data-value="${tag}"`} class="tags-input-item inline-flex items-center gap-1 rounded-md bg-secondary px-2 py-0.5 text-xs font-medium"><span data-part="item-preview"${String(i) == null || String(i) === false ? "" : ` data-index="${String(i)}"`}${tag == null || tag === false ? "" : ` data-value="${tag}"`} class="inline-flex items-center gap-1 data-[highlighted]:ring-2 data-[highlighted]:ring-ring data-[highlighted]:rounded-sm"><span data-part="item-text"${String(i) == null || String(i) === false ? "" : ` data-index="${String(i)}"`}${tag == null || tag === false ? "" : ` data-value="${tag}"`}>${tag}</span></span><button data-part="item-delete-trigger"${String(i) == null || String(i) === false ? "" : ` data-index="${String(i)}"`}${tag == null || tag === false ? "" : ` data-value="${tag}"`} class="tags-input-item-delete text-muted-foreground hover:text-foreground">✕</button></span>`).join("") + "<!---->"}<input data-part="input" class="tags-input-input flex-1 bg-transparent text-sm outline-none placeholder:text-muted-foreground min-w-[60px]" /></div><input data-part="hidden-input" type="hidden" /></div>`;
+		return `<div id="${__id}" data-part="root"${(props.class || "") == null || (props.class || "") === false ? "" : ` class="${((props.class || "") != null ? String(props.class || "") : "").trim()}"`}><!--${__id + "-c0"}-->${props.label && `<label data-part="label" class="tags-input-label text-sm font-medium mb-1 block">${geaEscapeHtml(String(props.label))}</label>` || ""}<!--${__id + "-c0-end"}--><div id="${__id + "-b1"}" data-part="control" class="tags-input-control flex flex-wrap gap-1.5 rounded-md border border-input bg-transparent px-3 py-2 shadow-xs focus-within:ring-1 focus-within:ring-ring">${(this.value || []).map((tag, i) => `<span data-gid="${String(`${tag}-${i}`)}" data-part="item"${String(i) == null || String(i) === false ? "" : ` data-index="${String(i)}"`}${tag == null || tag === false ? "" : ` data-value="${tag}"`} class="tags-input-item inline-flex items-center gap-1 rounded-md bg-secondary px-2 py-0.5 text-xs font-medium"><span data-part="item-preview"${String(i) == null || String(i) === false ? "" : ` data-index="${String(i)}"`}${tag == null || tag === false ? "" : ` data-value="${tag}"`} class="inline-flex items-center gap-1 data-[highlighted]:ring-2 data-[highlighted]:ring-ring data-[highlighted]:rounded-xs"><span data-part="item-text"${String(i) == null || String(i) === false ? "" : ` data-index="${String(i)}"`}${tag == null || tag === false ? "" : ` data-value="${tag}"`}>${tag}</span></span><button data-part="item-delete-trigger"${String(i) == null || String(i) === false ? "" : ` data-index="${String(i)}"`}${tag == null || tag === false ? "" : ` data-value="${tag}"`} class="tags-input-item-delete text-muted-foreground hover:text-foreground">✕</button></span>`).join("") + "<!---->"}<input data-part="input" class="tags-input-input flex-1 bg-transparent text-sm outline-hidden placeholder:text-muted-foreground min-w-[60px]" /></div><input data-part="hidden-input" type="hidden" /></div>`;
 	}
 	render__unresolved_0Item(tag, i) {
-		return `<span data-gea-item-id="${String(`${tag}-${i}`)}" data-part="item"${__v(String(i)) == null || __v(String(i)) === false ? "" : ` data-index="${String(i)}"`}${__v(tag) == null || __v(tag) === false ? "" : ` data-value="${tag}"`} class="tags-input-item inline-flex items-center gap-1 rounded-md bg-secondary px-2 py-0.5 text-xs font-medium"><span data-part="item-preview"${__v(String(i)) == null || __v(String(i)) === false ? "" : ` data-index="${String(i)}"`}${__v(tag) == null || __v(tag) === false ? "" : ` data-value="${tag}"`} class="inline-flex items-center gap-1 data-[highlighted]:ring-2 data-[highlighted]:ring-ring data-[highlighted]:rounded-sm"><span data-part="item-text"${__v(String(i)) == null || __v(String(i)) === false ? "" : ` data-index="${String(i)}"`}${__v(tag) == null || __v(tag) === false ? "" : ` data-value="${tag}"`}>${tag}</span></span><button data-part="item-delete-trigger"${__v(String(i)) == null || __v(String(i)) === false ? "" : ` data-index="${String(i)}"`}${__v(tag) == null || __v(tag) === false ? "" : ` data-value="${tag}"`} class="tags-input-item-delete text-muted-foreground hover:text-foreground">✕</button></span>`;
+		return `<span data-gid="${tag?.id ?? tag}" data-part="item"${__v(String(i)) == null || __v(String(i)) === false ? "" : ` data-index="${String(i)}"`}${__v(tag) == null || __v(tag) === false ? "" : ` data-value="${tag}"`} class="tags-input-item inline-flex items-center gap-1 rounded-md bg-secondary px-2 py-0.5 text-xs font-medium"><span data-part="item-preview"${__v(String(i)) == null || __v(String(i)) === false ? "" : ` data-index="${String(i)}"`}${__v(tag) == null || __v(tag) === false ? "" : ` data-value="${tag}"`} class="inline-flex items-center gap-1 data-[highlighted]:ring-2 data-[highlighted]:ring-ring data-[highlighted]:rounded-xs"><span data-part="item-text"${__v(String(i)) == null || __v(String(i)) === false ? "" : ` data-index="${String(i)}"`}${__v(tag) == null || __v(tag) === false ? "" : ` data-value="${tag}"`}>${tag}</span></span><button data-part="item-delete-trigger"${__v(String(i)) == null || __v(String(i)) === false ? "" : ` data-index="${String(i)}"`}${__v(tag) == null || __v(tag) === false ? "" : ` data-value="${tag}"`} class="tags-input-item-delete text-muted-foreground hover:text-foreground">✕</button></span>`;
 	}
 	create__unresolved_0Item(item, __idx) {
 		var __c = this.#__dc_b1 || (this.#__dc_b1 = this.____unresolved_0_container);
-		if (!__c[GEA_MAP_CONFIG_TPL]) try {
+		if (!__c.__geaTpl) try {
 			var __tw = document.createElement("template");
 			__tw.innerHTML = this.render__unresolved_0Item({}, 0);
-			__c[GEA_MAP_CONFIG_TPL] = __tw.content.firstElementChild;
-			__c[GEA_MAP_CONFIG_TPL]?.removeAttribute("data-gea-item-id");
+			__c.__geaTpl = __tw.content.firstElementChild;
+			__c.__geaTpl?.removeAttribute("data-gid");
 		} catch (__err) {
 			console.error(__err);
 		}
-		if (__c[GEA_MAP_CONFIG_TPL]) var el = __c[GEA_MAP_CONFIG_TPL].cloneNode(true);
+		if (__c.__geaTpl) var el = __c.__geaTpl.cloneNode(true);
 		else {
 			var __fw = document.createElement("template");
 			__fw.innerHTML = this.render__unresolved_0Item(item, __idx);
@@ -156,7 +156,9 @@ var TagsInput = class extends ZagComponent {
 			const __newAttr = String(__av);
 			if (el.__ref_0_0.getAttribute("data-value") !== __newAttr) el.__ref_0_0.setAttribute("data-value", __newAttr);
 		}
-		el.__ref_0_0.firstChild.nodeValue = `
+		if (el.__ref_0_0.textContent !== `
+                  ${item}
+                `) el.__ref_0_0.textContent = `
                   ${item}
                 `;
 		var __av = String(__idx);
@@ -216,7 +218,9 @@ var TagsInput = class extends ZagComponent {
 			const __newAttr = String(__av);
 			if (row.__ref_0_0.getAttribute("data-value") !== __newAttr) row.__ref_0_0.setAttribute("data-value", __newAttr);
 		}
-		row.__ref_0_0.firstChild.nodeValue = `
+		if (row.__ref_0_0.textContent !== `
+                  ${item}
+                `) row.__ref_0_0.textContent = `
                   ${item}
                 `;
 		var __av = String(__idx);
@@ -239,25 +243,25 @@ var TagsInput = class extends ZagComponent {
 		this[GEA_SYNC_MAP](0);
 		this[GEA_SYNC_MAP](0);
 	}
-	__onPropChange(key, value) {
+	[GEA_ON_PROP_CHANGE](key, value) {
 		if (key === "class") {
 			const __el = this[GEA_ELEMENT];
 			this.props;
 			const __boundValue = value || "";
 			if (__el) {
-				const __newClass = (__boundValue != null ? String(__boundValue) : "").trim();
+				const __newClass = String(__boundValue ?? "").trim().replace(/\s+/g, " ");
 				if (__el.className !== __newClass) __el.className = __newClass;
 			}
 		}
 		if (key === "label") this[GEA_PATCH_COND](0);
 	}
 	createdHooks() {
-		this[GEA_REGISTER_MAP](0, "____unresolved_0_container", () => document.getElementById(this.id + "-b1"), () => {
+		this[GEA_REGISTER_MAP](0, "____unresolved_0_container", () => __gid(this.id + "-b1"), () => {
 			return this.value || [];
 		}, (__item, __idx) => this.create__unresolved_0Item(__item, __idx), (__k, __ki) => String(`${__k}-${__ki}`));
 	}
 	[GEA_SETUP_LOCAL_STATE_OBSERVERS]() {
-		if (!this.__store) return;
+		if (!this[GEA_STORE_ROOT]) return;
 		this[GEA_OBSERVE](this, ["value"], this.__observe_local_value);
 	}
 };

package/dist/tags-input.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tags-input.mjs","names":["__v","v","valueOf","Component","GEA_RENDERED","GEA_ELEMENT","GEA_MAPS","GEA_CONDS","GEA_RESET_ELS","GEA_OBSERVE","GEA_OBSERVE_LIST","GEA_EL","GEA_UPDATE_TEXT","GEA_REQUEST_RENDER","GEA_UPDATE_PROPS","GEA_SYNC_MAP","GEA_REGISTER_MAP","GEA_PATCH_COND","GEA_REGISTER_COND","GEA_REFRESH_LIST","GEA_RECONCILE_LIST","GEA_ENSURE_ARRAY_CONFIGS","GEA_APPLY_LIST_CHANGES","GEA_SWAP_CHILD","GEA_SWAP_STATE_CHILDREN","GEA_CHILD","GEA_LIST_CONFIG_REFRESHING","GEA_DOM_KEY","GEA_DOM_ITEM","GEA_DOM_PROPS","GEA_MAP_CONFIG_TPL","GEA_MAP_CONFIG_PREV","GEA_MAP_CONFIG_COUNT","geaCondPatchedSymbol","geaCondValueSymbol","geaObservePrevSymbol","geaPrevGuardSymbol","GEA_SETUP_LOCAL_STATE_OBSERVERS","geaSanitizeAttr","geaEscapeHtml","GEA_CTOR_TAG_NAME","tagsInput","normalizeProps","ZagComponent","TagsInput","__rowEls_b1","__dc_b1","constructor","args","props","label","String","value","createMachine","_props","machine","getMachineProps","id","defaultValue","max","maxLength","disabled","readOnly","invalid","addOnPaste","editable","allowDuplicates","name","form","placeholder","blurBehavior","delimiter","onValueChange","details","ValueChangeDetails","connectApi","service","connect","getSpreadMap","[data-part=\"item\"]","api","el","ds","HTMLElement","dataset","getItemProps","index","[data-part=\"item-preview\"]","getItemPreviewProps","[data-part=\"item-text\"]","getItemTextProps","[data-part=\"item-delete-trigger\"]","getItemDeleteTriggerProps","syncState","template","__id","_register","class","trim","map","tag","i","join","render__unresolved_0Item","create__unresolved_0Item","item","__idx","__c","____unresolved_0_container","__tw","document","createElement","innerHTML","content","firstElementChild","removeAttribute","__err","console","error","cloneNode","__fw","__ref_0","__ref_0_0","__ref_1","nextElementSibling","__av","__newAttr","getAttribute","setAttribute","firstChild","nodeValue","patch__unresolved_0Item","row","__prevItem","__observe_local_value","change","__onPropChange","key","__el","__boundValue","__newClass","className","createdHooks","getElementById","__item","__k","__ki","__store"],"sources":["../src/components/tags-input.tsx"],"sourcesContent":["import * as tagsInput from '@zag-js/tags-input'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class TagsInput extends ZagComponent {\n  declare value: string[]\n\n  createMachine(_props: any): any {\n    return tagsInput.machine\n  }\n\n  getMachineProps(props: any) {\n    return {\n      id: this.id,\n      value: props.value,\n      defaultValue: props.defaultValue,\n      max: props.max,\n      maxLength: props.maxLength,\n      disabled: props.disabled,\n      readOnly: props.readOnly,\n      invalid: props.invalid,\n      addOnPaste: props.addOnPaste ?? false,\n      editable: props.editable ?? true,\n      allowDuplicates: props.allowDuplicates ?? false,\n      name: props.name,\n      form: props.form,\n      placeholder: props.placeholder,\n      blurBehavior: props.blurBehavior,\n      delimiter: props.delimiter,\n      onValueChange: (details: tagsInput.ValueChangeDetails) => {\n        this.value = details.value\n        props.onValueChange?.(details)\n      },\n    }\n  }\n\n  connectApi(service: any) {\n    return tagsInput.connect(service, normalizeProps)\n  }\n\n  getSpreadMap() {\n    return {\n      '[data-part=\"root\"]': 'getRootProps',\n      '[data-part=\"label\"]': 'getLabelProps',\n      '[data-part=\"control\"]': 'getControlProps',\n      '[data-part=\"input\"]': 'getInputProps',\n      '[data-part=\"hidden-input\"]': 'getHiddenInputProps',\n      '[data-part=\"clear-trigger\"]': 'getClearTriggerProps',\n      '[data-part=\"item\"]': (api, el) => {\n        const ds = (el as HTMLElement).dataset\n        return api.getItemProps({ index: ds.index!, value: ds.value! })\n      },\n      '[data-part=\"item-preview\"]': (api, el) => {\n        const ds = (el as HTMLElement).dataset\n        return api.getItemPreviewProps({ index: ds.index!, value: ds.value! })\n      },\n      '[data-part=\"item-text\"]': (api, el) => {\n        const ds = (el as HTMLElement).dataset\n        return api.getItemTextProps({ index: ds.index!, value: ds.value! })\n      },\n      '[data-part=\"item-delete-trigger\"]': (api, el) => {\n        const ds = (el as HTMLElement).dataset\n        return api.getItemDeleteTriggerProps({ index: ds.index!, value: ds.value! })\n      },\n    }\n  }\n\n  syncState(api: any) {\n    this.value = api.value\n  }\n\n  template(props: any) {\n    return (\n      <div data-part=\"root\" class={props.class || ''}>\n        {props.label && (\n          <label data-part=\"label\" class=\"tags-input-label text-sm font-medium mb-1 block\">\n            {props.label}\n          </label>\n        )}\n        <div\n          data-part=\"control\"\n          class=\"tags-input-control flex flex-wrap gap-1.5 rounded-md border border-input bg-transparent px-3 py-2 shadow-sm focus-within:ring-1 focus-within:ring-ring\"\n        >\n          {(this.value || []).map((tag: string, i: number) => (\n            <span\n              key={`${tag}-${i}`}\n              data-part=\"item\"\n              data-index={String(i)}\n              data-value={tag}\n              class=\"tags-input-item inline-flex items-center gap-1 rounded-md bg-secondary px-2 py-0.5 text-xs font-medium\"\n            >\n              <span\n                data-part=\"item-preview\"\n                data-index={String(i)}\n                data-value={tag}\n                class=\"inline-flex items-center gap-1 data-[highlighted]:ring-2 data-[highlighted]:ring-ring data-[highlighted]:rounded-sm\"\n              >\n                <span data-part=\"item-text\" data-index={String(i)} data-value={tag}>\n                  {tag}\n                </span>\n              </span>\n              <button\n                data-part=\"item-delete-trigger\"\n                data-index={String(i)}\n                data-value={tag}\n                class=\"tags-input-item-delete text-muted-foreground hover:text-foreground\"\n              >\n                &#x2715;\n              </button>\n            </span>\n          ))}\n          <input\n            data-part=\"input\"\n            class=\"tags-input-input flex-1 bg-transparent text-sm outline-none placeholder:text-muted-foreground min-w-[60px]\"\n          />\n        </div>\n        <input data-part=\"hidden-input\" type=\"hidden\" />\n      </div>\n    )\n  }\n}\n"],"mappings":";;;;;AAEI,MAAMA,OAAOC,MACXA,KAAK,QAAQ,OAAOA,MAAM,WACtBA,EAAEC,SAAS,GACXD;AADV,IAAqB2C,YAArB,cAAuCD,aAAa;;OAAAH,qBAAA;;CAAA;CAAA;CAHpDO,YAAsB,GAAGC,MAAI;AAAA,QAAA,GAAAA,KAAA;AAsER,OAAAC;AAAA,OAAAf,mBAAA,EAAA,IAAA,CAAA,CAAA,KAAAe,MAGNC;AAAK,OAAAhC,mBAAA,GAAA,YAAA;AAHC,QAAA+B;AAAA,UAAA,KAAAA,MAGNC;WAAK;AAHC,QAAAD;AAAA,UAAA,oFAAAV,cAAAY,OAAA,KAAAF,MAKFC,MAAK,CAAA,CAAA;KAAA,KAAA;;CArEtBG,cAAcC,QAAkB;AAC9B,SAAOb,UAAUc;;CAGnBC,gBAAgBP,OAAY;AAC1B,SAAO;GACLQ,IAAI,KAAKA;GACTL,OAAOH,MAAMG;GACbM,cAAcT,MAAMS;GACpBC,KAAKV,MAAMU;GACXC,WAAWX,MAAMW;GACjBC,UAAUZ,MAAMY;GAChBC,UAAUb,MAAMa;GAChBC,SAASd,MAAMc;GACfC,YAAYf,MAAMe,cAAc;GAChCC,UAAUhB,MAAMgB,YAAY;GAC5BC,iBAAiBjB,MAAMiB,mBAAmB;GAC1CC,MAAMlB,MAAMkB;GACZC,MAAMnB,MAAMmB;GACZC,aAAapB,MAAMoB;GACnBC,cAAcrB,MAAMqB;GACpBC,WAAWtB,MAAMsB;GACjBC,gBAAgBC,YAA0C;AACxD,SAAKrB,QAAQqB,QAAQrB;AACrBH,UAAMuB,gBAAgBC,QAAQ;;GAEjC;;CAGHE,WAAWC,SAAc;AACvB,SAAOnC,UAAUoC,QAAQD,SAASlC,eAAe;;CAGnDoC,eAAe;AACb,SAAO;GACL,wBAAsB;GACtB,yBAAuB;GACvB,2BAAyB;GACzB,yBAAuB;GACvB,gCAA8B;GAC9B,iCAA+B;GAC/B,yBAAuBE,KAAKC,OAAO;IACjC,MAAMC,KAAMD,GAAmBG;AAC/B,WAAOJ,IAAIK,aAAa;KAAEC,OAAOJ,GAAGI;KAAQlC,OAAO8B,GAAG9B;KAAQ,CAAC;;GAEjE,iCAA+B4B,KAAKC,OAAO;IACzC,MAAMC,KAAMD,GAAmBG;AAC/B,WAAOJ,IAAIQ,oBAAoB;KAAEF,OAAOJ,GAAGI;KAAQlC,OAAO8B,GAAG9B;KAAQ,CAAC;;GAExE,8BAA4B4B,KAAKC,OAAO;IACtC,MAAMC,KAAMD,GAAmBG;AAC/B,WAAOJ,IAAIU,iBAAiB;KAAEJ,OAAOJ,GAAGI;KAAQlC,OAAO8B,GAAG9B;KAAQ,CAAC;;GAErE,wCAAsC4B,KAAKC,OAAO;IAChD,MAAMC,KAAMD,GAAmBG;AAC/B,WAAOJ,IAAIY,0BAA0B;KAAEN,OAAOJ,GAAGI;KAAQlC,OAAO8B,GAAG9B;KAAQ,CAAC;;GAE/E;;CAGHyC,UAAUb,KAAU;AAClB,OAAK5B,QAAQ4B,IAAI5B;;CAGnB0C,SAAS7C,OAAY;EAAA,MAAA8C,OAAA,KAAAtC;AAAAtD,YAAA6F,UAAArD,cAAA,gBAAA;AACnB,SAAA,YAAAoD,KAAA,qBAC+B9C,MAAMgD,SAAS,OAAE,SAAjBhD,MAAMgD,SAAS,QAAE,QAAA,KAAA,aAAjBhD,MAAMgD,SAAS,OAAE,OAAA9C,OAAjBF,MAAMgD,SAAS,GAAE,GAAA,IAAAC,MAAA,CAAA,GAAA,OAAAH,OAAA,MAAA,KAC3C9C,MAAMC,SAAK,oFAAAX,cAAAY,OAEPF,MAAMC,MAAK,CAAA,CAAA,aAAA,GAAA,MAAA6C,OAAA,UAAA,cAAAA,OAAA,MAAA,wLAOZ,KAAK3C,SAAS,EAAE,EAAE+C,KAAKC,KAAaC,MAAS,2BAAAlD,OAEtC,GAAGiD,IAAG,GAAIC,IAAG,CAAA,oBAENlD,OAAOkD,EAAE,IAAA,QAATlD,OAAOkD,EAAE,KAAA,QAAA,KAAA,gBAATlD,OAAOkD,EAAE,CAAA,KACTD,OAAG,QAAHA,QAAG,QAAA,KAAA,gBAAHA,IAAG,GAAA,gJAKDjD,OAAOkD,EAAE,IAAA,QAATlD,OAAOkD,EAAE,KAAA,QAAA,KAAA,gBAATlD,OAAOkD,EAAE,CAAA,KACTD,OAAG,QAAHA,QAAG,QAAA,KAAA,gBAAHA,IAAG,GAAA,0JAGyBjD,OAAOkD,EAAE,IAAA,QAATlD,OAAOkD,EAAE,KAAA,QAAA,KAAA,gBAATlD,OAAOkD,EAAE,CAAA,KAAcD,OAAG,QAAHA,QAAG,QAAA,KAAA,gBAAHA,IAAG,GAAA,GAC/DA,IAAG,uDAKMjD,OAAOkD,EAAE,IAAA,QAATlD,OAAOkD,EAAE,KAAA,QAAA,KAAA,gBAATlD,OAAOkD,EAAE,CAAA,KACTD,OAAG,QAAHA,QAAG,QAAA,KAAA,gBAAHA,IAAG,GAAA,+FAAA,CAAAE,KAAA,GAAA,GAAA,UAAA;;CAvG/BC,yBAAAH,KAAAC,GAAA;AAAA,SAAA,2BAAAlD,OAAA,GAoFsBiD,IAAG,GAAIC,IAAC,CAAA,oBAAArG,IAEJmD,OAAOkD,EAAC,CAAA,IAAA,QAAArG,IAARmD,OAAOkD,EAAC,CAAA,KAAA,QAAA,KAAA,gBAARlD,OAAOkD,EAAC,CAAA,KAAArG,IACRoG,IAAG,IAAA,QAAApG,IAAHoG,IAAG,KAAA,QAAA,KAAA,gBAAHA,IAAG,GAAA,gJAAApG,IAKDmD,OAAOkD,EAAC,CAAA,IAAA,QAAArG,IAARmD,OAAOkD,EAAC,CAAA,KAAA,QAAA,KAAA,gBAARlD,OAAOkD,EAAC,CAAA,KAAArG,IACRoG,IAAG,IAAA,QAAApG,IAAHoG,IAAG,KAAA,QAAA,KAAA,gBAAHA,IAAG,GAAA,0JAAApG,IAGyBmD,OAAOkD,EAAC,CAAA,IAAA,QAAArG,IAARmD,OAAOkD,EAAC,CAAA,KAAA,QAAA,KAAA,gBAARlD,OAAOkD,EAAC,CAAA,KAAArG,IAAeoG,IAAG,IAAA,QAAApG,IAAHoG,IAAG,KAAA,QAAA,KAAA,gBAAHA,IAAG,GAAA,GAC/DA,IAAG,uDAAApG,IAKMmD,OAAOkD,EAAC,CAAA,IAAA,QAAArG,IAARmD,OAAOkD,EAAC,CAAA,KAAA,QAAA,KAAA,gBAARlD,OAAOkD,EAAC,CAAA,KAAArG,IACRoG,IAAG,IAAA,QAAApG,IAAHoG,IAAG,KAAA,QAAA,KAAA,gBAAHA,IAAG,GAAA;;CAvGgBI,yBAAAC,MAAAC,OAAA;EAAA,IAAAC,MAAA,MAAA,YAAA,MAAA,UAAA,KAAAC;AAAA,MAAA,CAAAD,IAAA7E,oBAAA,KAAA;GAAA,IAAA+E,OAAAC,SAAAC,cAAA,WAAA;AAAAF,QAAAG,YAAA,KAAAT,yBAAA,EAAA,EAAA,EAAA;AAAAI,OAAA7E,sBAAA+E,KAAAI,QAAAC;AAAAP,OAAA7E,qBAAAqF,gBAAA,mBAAA;WAAAC,OAAA;AAAAC,WAAAC,MAAAF,MAAA;;AAAA,MAAAT,IAAA7E,qBAAA,IAAAmD,KAAA0B,IAAA7E,oBAAAyF,UAAA,KAAA;OAAA;GAAA,IAAAC,OAAAV,SAAAC,cAAA,WAAA;AAAAS,QAAAR,YAAA,KAAAT,yBAAAE,MAAAC,MAAA;GAAA,IAAAzB,KAAAuC,KAAAP,QAAAC;;AAAAjC,KAAAwC,UAAAxC,GAAAiC;AAAAjC,KAAAyC,YAAAzC,GAAAiC,kBAAAA;AAAAjC,KAAA0C,UAAA1C,GAAAiC,kBAAAU;EAAA,IAAAC,OAsFrB1E,OAAOkD,MAAC;AAAA,MAAAwB,QAAA,QAAAA,SAAA,MAAA5C,IAAAkC,gBAAA,aAAA;OAAA;GAAA,MAAAW,YAAA3E,OAAA0E,KAAA;AAAA,OAAA5C,GAAA8C,aAAA,aAAA,KAAAD,UAAA7C,IAAA+C,aAAA,cAAAF,UAAA;;EAAA,IAAAD,OACRzB;AAAG,MAAAyB,QAAA,QAAAA,SAAA,MAAA5C,IAAAkC,gBAAA,aAAA;OAAA;GAAA,MAAAW,YAAA3E,OAAA0E,KAAA;AAAA,OAAA5C,GAAA8C,aAAA,aAAA,KAAAD,UAAA7C,IAAA+C,aAAA,cAAAF,UAAA;;EAAA,IAAAD,OAKD1E,OAAOkD,MAAC;AAAA,MAAAwB,QAAA,QAAAA,SAAA,MAAA5C,IAAAwC,QAAAN,gBAAA,aAAA;OAAA;GAAA,MAAAW,YAAA3E,OAAA0E,KAAA;AAAA,OAAA5C,GAAAwC,QAAAM,aAAA,aAAA,KAAAD,UAAA7C,IAAAwC,QAAAO,aAAA,cAAAF,UAAA;;EAAA,IAAAD,OACRzB;AAAG,MAAAyB,QAAA,QAAAA,SAAA,MAAA5C,IAAAwC,QAAAN,gBAAA,aAAA;OAAA;GAAA,MAAAW,YAAA3E,OAAA0E,KAAA;AAAA,OAAA5C,GAAAwC,QAAAM,aAAA,aAAA,KAAAD,UAAA7C,IAAAwC,QAAAO,aAAA,cAAAF,UAAA;;EAAA,IAAAD,OAGyB1E,OAAOkD,MAAC;AAAA,MAAAwB,QAAA,QAAAA,SAAA,MAAA5C,IAAAyC,UAAAP,gBAAA,aAAA;OAAA;GAAA,MAAAW,YAAA3E,OAAA0E,KAAA;AAAA,OAAA5C,GAAAyC,UAAAK,aAAA,aAAA,KAAAD,UAAA7C,IAAAyC,UAAAM,aAAA,cAAAF,UAAA;;EAAA,IAAAD,OAAezB;AAAG,MAAAyB,QAAA,QAAAA,SAAA,MAAA5C,IAAAyC,UAAAP,gBAAA,aAAA;OAAA;GAAA,MAAAW,YAAA3E,OAAA0E,KAAA;AAAA,OAAA5C,GAAAyC,UAAAK,aAAA,aAAA,KAAAD,UAAA7C,IAAAyC,UAAAM,aAAA,cAAAF,UAAA;;AAAA7C,KAAAyC,UAAAO,WAAAC,YAAA;oBAC/D9B,KAAG;;EAAA,IAAAyB,OAKM1E,OAAOkD,MAAC;AAAA,MAAAwB,QAAA,QAAAA,SAAA,MAAA5C,IAAA0C,QAAAR,gBAAA,aAAA;OAAA;GAAA,MAAAW,YAAA3E,OAAA0E,KAAA;AAAA,OAAA5C,GAAA0C,QAAAI,aAAA,aAAA,KAAAD,UAAA7C,IAAA0C,QAAAK,aAAA,cAAAF,UAAA;;EAAA,IAAAD,OACRzB;AAAG,MAAAyB,QAAA,QAAAA,SAAA,MAAA5C,IAAA0C,QAAAR,gBAAA,aAAA;OAAA;GAAA,MAAAW,YAAA3E,OAAA0E,KAAA;AAAA,OAAA5C,GAAA0C,QAAAI,aAAA,aAAA,KAAAD,UAAA7C,IAAA0C,QAAAK,aAAA,cAAAF,UAAA;;AAAA7C,KAAAtD,eAAAwB,OAnBZ,GAAGiD,KAAG,GAAIC,QAAG;AAAApB,KAAArD,gBAAA6E;AAAA,SAAAxB;;CAAAkD,wBAAAC,KAAA3B,MAAA4B,YAAA3B,OAAA;AAAA,MAAA,CAAA0B,IAAA;AAAA,MAAA,CAAAA,IAAAX,QAAAW,KAAAX,UAAAW,IAAAlB;AAAA,MAAA,CAAAkB,IAAAV,UAAAU,KAAAV,YAAAU,IAAAlB,kBAAAA;AAAA,MAAA,CAAAkB,IAAAT,QAAAS,KAAAT,UAAAS,IAAAlB,kBAAAU;EAAA,IAAAC,OAEN1E,OAAOkD,MAAC;AAAA,MAAAwB,QAAA,QAAAA,SAAA,MAAAO,KAAAjB,gBAAA,aAAA;OAAA;GAAA,MAAAW,YAAA3E,OAAA0E,KAAA;AAAA,OAAAO,IAAAL,aAAA,aAAA,KAAAD,UAAAM,KAAAJ,aAAA,cAAAF,UAAA;;EAAA,IAAAD,OACRzB;AAAG,MAAAyB,QAAA,QAAAA,SAAA,MAAAO,KAAAjB,gBAAA,aAAA;OAAA;GAAA,MAAAW,YAAA3E,OAAA0E,KAAA;AAAA,OAAAO,IAAAL,aAAA,aAAA,KAAAD,UAAAM,KAAAJ,aAAA,cAAAF,UAAA;;EAAA,IAAAD,OAKD1E,OAAOkD,MAAC;AAAA,MAAAwB,QAAA,QAAAA,SAAA,MAAAO,KAAAX,QAAAN,gBAAA,aAAA;OAAA;GAAA,MAAAW,YAAA3E,OAAA0E,KAAA;AAAA,OAAAO,IAAAX,QAAAM,aAAA,aAAA,KAAAD,UAAAM,KAAAX,QAAAO,aAAA,cAAAF,UAAA;;EAAA,IAAAD,OACRzB;AAAG,MAAAyB,QAAA,QAAAA,SAAA,MAAAO,KAAAX,QAAAN,gBAAA,aAAA;OAAA;GAAA,MAAAW,YAAA3E,OAAA0E,KAAA;AAAA,OAAAO,IAAAX,QAAAM,aAAA,aAAA,KAAAD,UAAAM,KAAAX,QAAAO,aAAA,cAAAF,UAAA;;EAAA,IAAAD,OAGyB1E,OAAOkD,MAAC;AAAA,MAAAwB,QAAA,QAAAA,SAAA,MAAAO,KAAAV,UAAAP,gBAAA,aAAA;OAAA;GAAA,MAAAW,YAAA3E,OAAA0E,KAAA;AAAA,OAAAO,IAAAV,UAAAK,aAAA,aAAA,KAAAD,UAAAM,KAAAV,UAAAM,aAAA,cAAAF,UAAA;;EAAA,IAAAD,OAAezB;AAAG,MAAAyB,QAAA,QAAAA,SAAA,MAAAO,KAAAV,UAAAP,gBAAA,aAAA;OAAA;GAAA,MAAAW,YAAA3E,OAAA0E,KAAA;AAAA,OAAAO,IAAAV,UAAAK,aAAA,aAAA,KAAAD,UAAAM,KAAAV,UAAAM,aAAA,cAAAF,UAAA;;AAAAM,MAAAV,UAAAO,WAAAC,YAAA;oBAC/D9B,KAAG;;EAAA,IAAAyB,OAKM1E,OAAOkD,MAAC;AAAA,MAAAwB,QAAA,QAAAA,SAAA,MAAAO,KAAAT,QAAAR,gBAAA,aAAA;OAAA;GAAA,MAAAW,YAAA3E,OAAA0E,KAAA;AAAA,OAAAO,IAAAT,QAAAI,aAAA,aAAA,KAAAD,UAAAM,KAAAT,QAAAK,aAAA,cAAAF,UAAA;;EAAA,IAAAD,OACRzB;AAAG,MAAAyB,QAAA,QAAAA,SAAA,MAAAO,KAAAT,QAAAR,gBAAA,aAAA;OAAA;GAAA,MAAAW,YAAA3E,OAAA0E,KAAA;AAAA,OAAAO,IAAAT,QAAAI,aAAA,aAAA,KAAAD,UAAAM,KAAAT,QAAAK,aAAA,cAAAF,UAAA;;AAAAM,MAAAzG,eAAAwB,OAnBZ,GAAGiD,KAAG,GAAIC,QAAG;AAAA,GAAA,MAAA,gBAAA,MAAA,cAAA,EAAA,GAAAlD,OAAb,GAAGiD,KAAG,GAAIC,QAAG,IAAA+B;AAAAA,MAAAxG,gBAAA6E;;CAAA6B,sBAAAlF,OAAAmF,QAAA;AAAA,OAAAxH,cAAA,EAAA;AAAA,OAAAA,cAAA,EAAA;;CApFhCyH,eAAsBC,KAAKrF,OAAK;AAAA,MAAAqF,QAAA,SAAA;GAAA,MAAAC,OAAA,KAAArI;AAsEX,QAAA4C;GAAA,MAAA0F,eAAAvF,SAE6B;AAAE,OAAAsF,MAAA;IAAA,MAAAE,cAAAD,gBAAA,OAAAxF,OAAAwF,aAAA,GAAA,IAAAzC,MAAA;AAAA,QAAAwC,KAAAG,cAAAD,WAAAF,MAAAG,YAAAD;;;AAAA,MAAAH,QAAA,QAAA,MAAAxH,gBAAA,EAAA;;CAxEpD6H,eAAwB;AAAA,OAAA9H,kBAAA,GAAA,oCAAA8F,SAAAiC,eAAA,KAAAtF,KAAA,MAAA,QAAA;AAAA,UAkFZ,KAAKL,SAAK,EAAA;MAAA4F,QAAAtC,UAAA,KAAAF,yBAAAwC,QAAAtC,MAAA,GAAAuC,KAAAC,SAAA/F,OAEH,GAAGiD,IAAG,GAAIC,OAAG,CAAA;;CApFN,CAAAhE,mCAAA;AAA1B,MAAI,CAAA,KAAA8G,QAA0B;AAAS,OAAA1I,aAAA,MAAA,CAAA,QAAA,EAAA,KAAA6H,sBAAA"}
+{"version":3,"file":"tags-input.mjs","names":["__v","v","valueOf","Component","geaCondValueSymbol","GEA_REGISTER_COND","geaEscapeHtml","GEA_DOM_KEY","GEA_DOM_ITEM","GEA_SYNC_MAP","GEA_ON_PROP_CHANGE","GEA_ELEMENT","GEA_PATCH_COND","GEA_REGISTER_MAP","GEA_SETUP_LOCAL_STATE_OBSERVERS","GEA_STORE_ROOT","GEA_OBSERVE","tagsInput","normalizeProps","ZagComponent","TagsInput","__geaTagName","__rowEls_b1","__dc_b1","constructor","args","props","label","String","value","createMachine","_props","machine","getMachineProps","id","defaultValue","max","maxLength","disabled","readOnly","invalid","addOnPaste","editable","allowDuplicates","name","form","placeholder","blurBehavior","delimiter","onValueChange","details","ValueChangeDetails","connectApi","service","connect","getSpreadMap","[data-part=\"item\"]","api","el","ds","HTMLElement","dataset","getItemProps","index","[data-part=\"item-preview\"]","getItemPreviewProps","[data-part=\"item-text\"]","getItemTextProps","[data-part=\"item-delete-trigger\"]","getItemDeleteTriggerProps","syncState","template","__id","_register","class","trim","map","tag","i","join","render__unresolved_0Item","create__unresolved_0Item","item","__idx","__c","____unresolved_0_container","__geaTpl","__tw","document","createElement","innerHTML","content","firstElementChild","removeAttribute","__err","console","error","cloneNode","__fw","__ref_0","__ref_0_0","__ref_1","nextElementSibling","__av","__newAttr","getAttribute","setAttribute","textContent","patch__unresolved_0Item","row","__prevItem","__observe_local_value","change","key","__el","__boundValue","__newClass","replace","className","createdHooks","__gid","__item","__k","__ki"],"sources":["../src/components/tags-input.tsx"],"sourcesContent":["import * as tagsInput from '@zag-js/tags-input'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class TagsInput extends ZagComponent {\n  declare value: string[]\n\n  createMachine(_props: any): any {\n    return tagsInput.machine\n  }\n\n  getMachineProps(props: any) {\n    return {\n      id: this.id,\n      value: props.value,\n      defaultValue: props.defaultValue,\n      max: props.max,\n      maxLength: props.maxLength,\n      disabled: props.disabled,\n      readOnly: props.readOnly,\n      invalid: props.invalid,\n      addOnPaste: props.addOnPaste ?? false,\n      editable: props.editable ?? true,\n      allowDuplicates: props.allowDuplicates ?? false,\n      name: props.name,\n      form: props.form,\n      placeholder: props.placeholder,\n      blurBehavior: props.blurBehavior,\n      delimiter: props.delimiter,\n      onValueChange: (details: tagsInput.ValueChangeDetails) => {\n        this.value = details.value\n        props.onValueChange?.(details)\n      },\n    }\n  }\n\n  connectApi(service: any) {\n    return tagsInput.connect(service, normalizeProps)\n  }\n\n  getSpreadMap() {\n    return {\n      '[data-part=\"root\"]': 'getRootProps',\n      '[data-part=\"label\"]': 'getLabelProps',\n      '[data-part=\"control\"]': 'getControlProps',\n      '[data-part=\"input\"]': 'getInputProps',\n      '[data-part=\"hidden-input\"]': 'getHiddenInputProps',\n      '[data-part=\"clear-trigger\"]': 'getClearTriggerProps',\n      '[data-part=\"item\"]': (api, el) => {\n        const ds = (el as HTMLElement).dataset\n        return api.getItemProps({ index: ds.index!, value: ds.value! })\n      },\n      '[data-part=\"item-preview\"]': (api, el) => {\n        const ds = (el as HTMLElement).dataset\n        return api.getItemPreviewProps({ index: ds.index!, value: ds.value! })\n      },\n      '[data-part=\"item-text\"]': (api, el) => {\n        const ds = (el as HTMLElement).dataset\n        return api.getItemTextProps({ index: ds.index!, value: ds.value! })\n      },\n      '[data-part=\"item-delete-trigger\"]': (api, el) => {\n        const ds = (el as HTMLElement).dataset\n        return api.getItemDeleteTriggerProps({ index: ds.index!, value: ds.value! })\n      },\n    }\n  }\n\n  syncState(api: any) {\n    this.value = api.value\n  }\n\n  template(props: any) {\n    return (\n      <div data-part=\"root\" class={props.class || ''}>\n        {props.label && (\n          <label data-part=\"label\" class=\"tags-input-label text-sm font-medium mb-1 block\">\n            {props.label}\n          </label>\n        )}\n        <div\n          data-part=\"control\"\n          class=\"tags-input-control flex flex-wrap gap-1.5 rounded-md border border-input bg-transparent px-3 py-2 shadow-xs focus-within:ring-1 focus-within:ring-ring\"\n        >\n          {(this.value || []).map((tag: string, i: number) => (\n            <span\n              key={`${tag}-${i}`}\n              data-part=\"item\"\n              data-index={String(i)}\n              data-value={tag}\n              class=\"tags-input-item inline-flex items-center gap-1 rounded-md bg-secondary px-2 py-0.5 text-xs font-medium\"\n            >\n              <span\n                data-part=\"item-preview\"\n                data-index={String(i)}\n                data-value={tag}\n                class=\"inline-flex items-center gap-1 data-[highlighted]:ring-2 data-[highlighted]:ring-ring data-[highlighted]:rounded-xs\"\n              >\n                <span data-part=\"item-text\" data-index={String(i)} data-value={tag}>\n                  {tag}\n                </span>\n              </span>\n              <button\n                data-part=\"item-delete-trigger\"\n                data-index={String(i)}\n                data-value={tag}\n                class=\"tags-input-item-delete text-muted-foreground hover:text-foreground\"\n              >\n                &#x2715;\n              </button>\n            </span>\n          ))}\n          <input\n            data-part=\"input\"\n            class=\"tags-input-input flex-1 bg-transparent text-sm outline-hidden placeholder:text-muted-foreground min-w-[60px]\"\n          />\n        </div>\n        <input data-part=\"hidden-input\" type=\"hidden\" />\n      </div>\n    )\n  }\n}\n"],"mappings":"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"}