@geajs/ui 0.1.4 → 0.2.0

package/dist/select.mjs

@@ -0,0 +1,277 @@
+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_RENDERED, GEA_SETUP_LOCAL_STATE_OBSERVERS, GEA_SYNC_MAP, geaCondValueSymbol, geaEscapeHtml } from "@geajs/core";
+import { normalizeProps } from "@zag-js/vanilla";
+import * as select from "@zag-js/select";
+//#region src/components/select.tsx
+const __v = (v) => v != null && typeof v === "object" ? v.valueOf() : v;
+var Select = class extends ZagComponent {
+	static {
+		this[GEA_CTOR_TAG_NAME] = "gea-select";
+	}
+	#__rowEls_b2;
+	#__dc_b2;
+	constructor(...args) {
+		super(...args);
+		this.props;
+		this[geaCondValueSymbol(0)] = !!this.props.label;
+		this[GEA_REGISTER_COND](0, "c0", () => {
+			this.props;
+			return this.props.label;
+		}, () => {
+			this.props;
+			return `<label data-part="label" class="select-label text-sm font-medium mb-1 block">${geaEscapeHtml(String(this.props.label))}</label>`;
+		}, null);
+	}
+	createMachine(_props) {
+		return select.machine;
+	}
+	getMachineProps(props) {
+		const items = props.items || [];
+		const col = props.collection || select.collection({
+			items,
+			itemToValue: (item) => item.value,
+			itemToString: (item) => item.label || item.value
+		});
+		return {
+			id: this.id,
+			collection: col,
+			value: props.value,
+			defaultValue: props.defaultValue,
+			open: props.open,
+			defaultOpen: props.defaultOpen,
+			multiple: props.multiple,
+			disabled: props.disabled,
+			invalid: props.invalid,
+			readOnly: props.readOnly,
+			required: props.required,
+			name: props.name,
+			form: props.form,
+			closeOnSelect: props.closeOnSelect ?? true,
+			positioning: props.positioning,
+			loopFocus: props.loopFocus ?? false,
+			onValueChange: (details) => {
+				this.value = details.value;
+				this.valueAsString = details.items.map((i) => i.label || i.value).join(", ");
+				props.onValueChange?.(details);
+			},
+			onOpenChange: (details) => {
+				this.open = details.open;
+				props.onOpenChange?.(details);
+			}
+		};
+	}
+	connectApi(service) {
+		return select.connect(service, normalizeProps);
+	}
+	getSpreadMap() {
+		return {
+			"[data-part=\"root\"]": "getRootProps",
+			"[data-part=\"label\"]": "getLabelProps",
+			"[data-part=\"control\"]": "getControlProps",
+			"[data-part=\"trigger\"]": "getTriggerProps",
+			"[data-part=\"indicator\"]": "getIndicatorProps",
+			"[data-part=\"clear-trigger\"]": "getClearTriggerProps",
+			"[data-part=\"value-text\"]": "getValueTextProps",
+			"[data-part=\"positioner\"]": "getPositionerProps",
+			"[data-part=\"content\"]": "getContentProps",
+			"[data-part=\"list\"]": "getListProps",
+			"[data-part=\"item\"]": (api, el) => {
+				const value = el.dataset.value;
+				const label = el.dataset.label || value;
+				return api.getItemProps({ item: {
+					value,
+					label
+				} });
+			},
+			"[data-part=\"item-text\"]": (api, el) => {
+				const value = el.dataset.value;
+				const label = el.dataset.label || value;
+				return api.getItemTextProps({ item: {
+					value,
+					label
+				} });
+			},
+			"[data-part=\"item-indicator\"]": (api, el) => {
+				const value = el.dataset.value;
+				const label = el.dataset.label || value;
+				return api.getItemIndicatorProps({ item: {
+					value,
+					label
+				} });
+			}
+		};
+	}
+	syncState(api) {
+		this.open = api.open;
+		this.value = api.value;
+		this.valueAsString = api.valueAsString;
+	}
+	template(props) {
+		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()}"`}><!--${__id + "-c0"}-->${props.label && `<label data-part="label" class="select-label text-sm font-medium mb-1 block">${geaEscapeHtml(String(props.label))}</label>` || ""}<!--${__id + "-c0-end"}--><div data-part="control" class="select-control"><button data-part="trigger" class="select-trigger flex h-9 w-full items-center justify-between rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50"><span id="${__id + "-b1"}" data-part="value-text" class="select-value-text">${geaEscapeHtml(String(this.valueAsString || props.placeholder || "Select..."))}</span><span data-part="indicator" class="select-indicator">▼</span></button></div><div data-part="positioner" class="select-positioner"><div data-part="content" class="select-content z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md"><div id="${__id + "-b2"}" data-part="list">${items.map((item) => `<div data-gea-item-id="${item?.value ?? item}" data-part="item"${item.value == null || item.value === false ? "" : ` data-value="${item.value}"`}${item.label == null || item.label === false ? "" : ` data-label="${item.label}"`} class="select-item relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50"><span data-part="item-text"${item.value == null || item.value === false ? "" : ` data-value="${item.value}"`}${item.label == null || item.label === false ? "" : ` data-label="${item.label}"`}>${item.label}</span><span data-part="item-indicator"${item.value == null || item.value === false ? "" : ` data-value="${item.value}"`}${item.label == null || item.label === false ? "" : ` data-label="${item.label}"`} class="select-item-indicator ml-auto">✓</span></div>`).join("") + "<!---->"}</div></div></div></div>`;
+	}
+	render__unresolved_0Item(item) {
+		return `<div data-gea-item-id="${item?.value ?? item}" data-part="item"${__v(item.value) == null || __v(item.value) === false ? "" : ` data-value="${item.value}"`}${__v(item.label) == null || __v(item.label) === false ? "" : ` data-label="${item.label}"`} class="select-item relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50"><span data-part="item-text"${__v(item.value) == null || __v(item.value) === false ? "" : ` data-value="${item.value}"`}${__v(item.label) == null || __v(item.label) === false ? "" : ` data-label="${item.label}"`}>${item.label}</span><span data-part="item-indicator"${__v(item.value) == null || __v(item.value) === false ? "" : ` data-value="${item.value}"`}${__v(item.label) == null || __v(item.label) === false ? "" : ` data-label="${item.label}"`} class="select-item-indicator ml-auto">✓</span></div>`;
+	}
+	create__unresolved_0Item(item) {
+		var __c = this.#__dc_b2 || (this.#__dc_b2 = this.____unresolved_0_container);
+		if (!__c[GEA_MAP_CONFIG_TPL]) 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");
+		} catch (__err) {
+			console.error(__err);
+		}
+		if (__c[GEA_MAP_CONFIG_TPL]) var el = __c[GEA_MAP_CONFIG_TPL].cloneNode(true);
+		else {
+			var __fw = document.createElement("template");
+			__fw.innerHTML = this.render__unresolved_0Item(item);
+			var el = __fw.content.firstElementChild;
+		}
+		el.__ref_0 = el.firstElementChild;
+		el.__ref_1 = el.firstElementChild.nextElementSibling;
+		var __av = item.value;
+		if (__av == null || __av === false) el.removeAttribute("data-value");
+		else {
+			const __newAttr = String(__av);
+			if (el.getAttribute("data-value") !== __newAttr) el.setAttribute("data-value", __newAttr);
+		}
+		var __av = item.label;
+		if (__av == null || __av === false) el.removeAttribute("data-label");
+		else {
+			const __newAttr = String(__av);
+			if (el.getAttribute("data-label") !== __newAttr) el.setAttribute("data-label", __newAttr);
+		}
+		var __av = item.value;
+		if (__av == null || __av === false) el.__ref_0.removeAttribute("data-value");
+		else {
+			const __newAttr = String(__av);
+			if (el.__ref_0.getAttribute("data-value") !== __newAttr) el.__ref_0.setAttribute("data-value", __newAttr);
+		}
+		var __av = item.label;
+		if (__av == null || __av === false) el.__ref_0.removeAttribute("data-label");
+		else {
+			const __newAttr = String(__av);
+			if (el.__ref_0.getAttribute("data-label") !== __newAttr) el.__ref_0.setAttribute("data-label", __newAttr);
+		}
+		el.__ref_0.firstChild.nodeValue = `
+                    ${item.label}
+                  `;
+		var __av = item.value;
+		if (__av == null || __av === false) el.__ref_1.removeAttribute("data-value");
+		else {
+			const __newAttr = String(__av);
+			if (el.__ref_1.getAttribute("data-value") !== __newAttr) el.__ref_1.setAttribute("data-value", __newAttr);
+		}
+		var __av = item.label;
+		if (__av == null || __av === false) el.__ref_1.removeAttribute("data-label");
+		else {
+			const __newAttr = String(__av);
+			if (el.__ref_1.getAttribute("data-label") !== __newAttr) el.__ref_1.setAttribute("data-label", __newAttr);
+		}
+		el[GEA_DOM_KEY] = String(item?.value ?? item);
+		el[GEA_DOM_ITEM] = item;
+		return el;
+	}
+	patch__unresolved_0Item(row, item, __prevItem) {
+		if (!row) return;
+		if (!row.__ref_0) row.__ref_0 = row.firstElementChild;
+		if (!row.__ref_1) row.__ref_1 = row.firstElementChild.nextElementSibling;
+		var __av = item.value;
+		if (__av == null || __av === false) row.removeAttribute("data-value");
+		else {
+			const __newAttr = String(__av);
+			if (row.getAttribute("data-value") !== __newAttr) row.setAttribute("data-value", __newAttr);
+		}
+		var __av = item.label;
+		if (__av == null || __av === false) row.removeAttribute("data-label");
+		else {
+			const __newAttr = String(__av);
+			if (row.getAttribute("data-label") !== __newAttr) row.setAttribute("data-label", __newAttr);
+		}
+		var __av = item.value;
+		if (__av == null || __av === false) row.__ref_0.removeAttribute("data-value");
+		else {
+			const __newAttr = String(__av);
+			if (row.__ref_0.getAttribute("data-value") !== __newAttr) row.__ref_0.setAttribute("data-value", __newAttr);
+		}
+		var __av = item.label;
+		if (__av == null || __av === false) row.__ref_0.removeAttribute("data-label");
+		else {
+			const __newAttr = String(__av);
+			if (row.__ref_0.getAttribute("data-label") !== __newAttr) row.__ref_0.setAttribute("data-label", __newAttr);
+		}
+		row.__ref_0.firstChild.nodeValue = `
+                    ${item.label}
+                  `;
+		var __av = item.value;
+		if (__av == null || __av === false) row.__ref_1.removeAttribute("data-value");
+		else {
+			const __newAttr = String(__av);
+			if (row.__ref_1.getAttribute("data-value") !== __newAttr) row.__ref_1.setAttribute("data-value", __newAttr);
+		}
+		var __av = item.label;
+		if (__av == null || __av === false) row.__ref_1.removeAttribute("data-label");
+		else {
+			const __newAttr = String(__av);
+			if (row.__ref_1.getAttribute("data-label") !== __newAttr) row.__ref_1.setAttribute("data-label", __newAttr);
+		}
+		row[GEA_DOM_KEY] = String(item?.value ?? item);
+		(this.#__rowEls_b2 || (this.#__rowEls_b2 = {}))[String(item?.value ?? item)] = row;
+		row[GEA_DOM_ITEM] = item;
+	}
+	__onPropChange(key, value) {
+		const __id = this.id;
+		if (key === "class") {
+			const __el = this[GEA_ELEMENT];
+			this.props;
+			const __boundValue = value || "";
+			if (__el) {
+				const __newClass = (__boundValue != null ? String(__boundValue) : "").trim();
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		}
+		if (key === "placeholder") {
+			const __el = this.__e0 || (this.__e0 = document.getElementById(__id + "-b1"));
+			this.props;
+			const __boundValue = this.valueAsString || value || "Select...";
+			if (__el && __el.textContent !== __boundValue) __el.textContent = __boundValue;
+		}
+		if (key === "label") this[GEA_PATCH_COND](0);
+		if (key === "items") this[GEA_SYNC_MAP](0);
+	}
+	*GEA_RESET_ELS() {
+		this.__e0 = null;
+	}
+	__observe_local_valueAsString(value, change) {
+		const __id = this.id;
+		if (this[GEA_RENDERED]) {
+			const __el = this.__e0 || (this.__e0 = document.getElementById(__id + "-b1"));
+			this.props;
+			const __boundValue = this.valueAsString || value || "Select...";
+			if (__el && __el.textContent !== __boundValue) __el.textContent = __boundValue;
+		}
+	}
+	__observe_local_props(__v, __c) {
+		this[GEA_SYNC_MAP](0);
+	}
+	createdHooks() {
+		this[GEA_REGISTER_MAP](0, "____unresolved_0_container", () => document.getElementById(this.id + "-b2"), () => {
+			return this.props.items || [];
+		}, (__item) => this.create__unresolved_0Item(__item), "value");
+	}
+	[GEA_SETUP_LOCAL_STATE_OBSERVERS]() {
+		if (!this.__store) return;
+		this[GEA_OBSERVE](this, ["valueAsString"], this.__observe_local_valueAsString);
+	}
+};
+//#endregion
+export { Select as default };
+
+//# sourceMappingURL=select.mjs.map

package/dist/select.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.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","select","normalizeProps","ZagComponent","Select","__rowEls_b2","__dc_b2","constructor","args","props","label","String","open","value","valueAsString","createMachine","_props","machine","getMachineProps","items","col","collection","itemToValue","item","itemToString","id","defaultValue","defaultOpen","multiple","disabled","invalid","readOnly","required","name","form","closeOnSelect","positioning","loopFocus","onValueChange","details","ValueChangeDetails","map","i","join","onOpenChange","OpenChangeDetails","connectApi","service","connect","getSpreadMap","[data-part=\"item\"]","api","el","HTMLElement","dataset","getItemProps","[data-part=\"item-text\"]","getItemTextProps","[data-part=\"item-indicator\"]","getItemIndicatorProps","syncState","template","__id","_register","class","trim","placeholder","render__unresolved_0Item","create__unresolved_0Item","__c","____unresolved_0_container","__tw","document","createElement","innerHTML","content","firstElementChild","removeAttribute","__err","console","error","cloneNode","__fw","__ref_0","__ref_1","nextElementSibling","__av","__newAttr","getAttribute","setAttribute","firstChild","nodeValue","patch__unresolved_0Item","row","__prevItem","__onPropChange","key","__el","__boundValue","__newClass","className","__e0","getElementById","textContent","__observe_local_valueAsString","change","__observe_local_props","createdHooks","__item","__store"],"sources":["../src/components/select.tsx"],"sourcesContent":["import * as select from '@zag-js/select'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class Select extends ZagComponent {\n  declare open: boolean\n  declare value: string[]\n  declare valueAsString: string\n\n  createMachine(_props: any): any {\n    return select.machine\n  }\n\n  getMachineProps(props: any) {\n    const items = props.items || []\n    const col =\n      props.collection ||\n      select.collection({\n        items,\n        itemToValue: (item: any) => item.value,\n        itemToString: (item: any) => item.label || item.value,\n      })\n\n    return {\n      id: this.id,\n      collection: col,\n      value: props.value,\n      defaultValue: props.defaultValue,\n      open: props.open,\n      defaultOpen: props.defaultOpen,\n      multiple: props.multiple,\n      disabled: props.disabled,\n      invalid: props.invalid,\n      readOnly: props.readOnly,\n      required: props.required,\n      name: props.name,\n      form: props.form,\n      closeOnSelect: props.closeOnSelect ?? true,\n      positioning: props.positioning,\n      loopFocus: props.loopFocus ?? false,\n      onValueChange: (details: select.ValueChangeDetails) => {\n        this.value = details.value\n        this.valueAsString = details.items.map((i: any) => i.label || i.value).join(', ')\n        props.onValueChange?.(details)\n      },\n      onOpenChange: (details: select.OpenChangeDetails) => {\n        this.open = details.open\n        props.onOpenChange?.(details)\n      },\n    }\n  }\n\n  connectApi(service: any) {\n    return select.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=\"trigger\"]': 'getTriggerProps',\n      '[data-part=\"indicator\"]': 'getIndicatorProps',\n      '[data-part=\"clear-trigger\"]': 'getClearTriggerProps',\n      '[data-part=\"value-text\"]': 'getValueTextProps',\n      '[data-part=\"positioner\"]': 'getPositionerProps',\n      '[data-part=\"content\"]': 'getContentProps',\n      '[data-part=\"list\"]': 'getListProps',\n      '[data-part=\"item\"]': (api, el) => {\n        const value = (el as HTMLElement).dataset.value\n        const label = (el as HTMLElement).dataset.label || value\n        return api.getItemProps({ item: { value, label } })\n      },\n      '[data-part=\"item-text\"]': (api, el) => {\n        const value = (el as HTMLElement).dataset.value\n        const label = (el as HTMLElement).dataset.label || value\n        return api.getItemTextProps({ item: { value, label } })\n      },\n      '[data-part=\"item-indicator\"]': (api, el) => {\n        const value = (el as HTMLElement).dataset.value\n        const label = (el as HTMLElement).dataset.label || value\n        return api.getItemIndicatorProps({ item: { value, label } })\n      },\n    }\n  }\n\n  syncState(api: any) {\n    this.open = api.open\n    this.value = api.value\n    this.valueAsString = api.valueAsString\n  }\n\n  template(props: any) {\n    const items = props.items || []\n    return (\n      <div data-part=\"root\" class={props.class || ''}>\n        {props.label && (\n          <label data-part=\"label\" class=\"select-label text-sm font-medium mb-1 block\">\n            {props.label}\n          </label>\n        )}\n        <div data-part=\"control\" class=\"select-control\">\n          <button\n            data-part=\"trigger\"\n            class=\"select-trigger flex h-9 w-full items-center justify-between rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50\"\n          >\n            <span data-part=\"value-text\" class=\"select-value-text\">\n              {this.valueAsString || props.placeholder || 'Select...'}\n            </span>\n            <span data-part=\"indicator\" class=\"select-indicator\">\n              &#x25BC;\n            </span>\n          </button>\n        </div>\n        <div data-part=\"positioner\" class=\"select-positioner\">\n          <div\n            data-part=\"content\"\n            class=\"select-content z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md\"\n          >\n            <div data-part=\"list\">\n              {items.map((item: any) => (\n                <div\n                  key={item.value}\n                  data-part=\"item\"\n                  data-value={item.value}\n                  data-label={item.label}\n                  class=\"select-item relative flex cursor-pointer select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50\"\n                >\n                  <span data-part=\"item-text\" data-value={item.value} data-label={item.label}>\n                    {item.label}\n                  </span>\n                  <span\n                    data-part=\"item-indicator\"\n                    data-value={item.value}\n                    data-label={item.label}\n                    class=\"select-item-indicator ml-auto\"\n                  >\n                    &#x2713;\n                  </span>\n                </div>\n              ))}\n            </div>\n          </div>\n        </div>\n      </div>\n    )\n  }\n}\n"],"mappings":"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"}

package/dist/separator.d.mts

@@ -0,0 +1,9 @@
+import { Component } from "@geajs/core";
+
+//#region src/components/separator.d.ts
+declare class Separator extends Component {
+  template(props: any): string;
+}
+//#endregion
+export { Separator as default };
+//# sourceMappingURL=separator.d.mts.map

package/dist/separator.mjs

@@ -0,0 +1,49 @@
+import { t as cn } from "./cn.mjs";
+import { Component, GEA_CTOR_TAG_NAME, GEA_ELEMENT } from "@geajs/core";
+//#region src/components/separator.tsx
+var Separator = class extends Component {
+	static {
+		this[GEA_CTOR_TAG_NAME] = "separator";
+	}
+	template(props) {
+		const __id = this.id;
+		const isVertical = props.orientation === "vertical";
+		return `<div id="${__id}"${cn("shrink-0 bg-border", isVertical ? "h-full w-[1px]" : "h-[1px] w-full", props.class) == null || cn("shrink-0 bg-border", isVertical ? "h-full w-[1px]" : "h-[1px] w-full", props.class) === false ? "" : ` class="${(cn("shrink-0 bg-border", isVertical ? "h-full w-[1px]" : "h-[1px] w-full", props.class) != null ? String(cn("shrink-0 bg-border", isVertical ? "h-full w-[1px]" : "h-[1px] w-full", props.class)) : "").trim()}"`} role="separator"${(props.orientation || "horizontal") == null || (props.orientation || "horizontal") === false ? "" : ` aria-orientation="${props.orientation || "horizontal"}"`}></div>`;
+	}
+	__onPropChange(key, value) {
+		if (key === "orientation") {
+			{
+				const __el = this[GEA_ELEMENT];
+				this.props;
+				const __boundValue = cn("shrink-0 bg-border", this.props.orientation === "vertical" ? "h-full w-[1px]" : "h-[1px] w-full", this.props.class);
+				if (__el) {
+					const __newClass = (__boundValue != null ? String(__boundValue) : "").trim();
+					if (__el.className !== __newClass) __el.className = __newClass;
+				}
+			}
+			{
+				const __el = this[GEA_ELEMENT];
+				this.props;
+				const __boundValue = value || "horizontal";
+				if (__el) if (__boundValue === null || __boundValue === void 0) __el.removeAttribute("aria-orientation");
+				else {
+					const __newAttr = String(__boundValue);
+					if (__el.getAttribute("aria-orientation") !== __newAttr) __el.setAttribute("aria-orientation", __newAttr);
+				}
+			}
+		}
+		if (key === "class") {
+			const __el = this[GEA_ELEMENT];
+			this.props;
+			const __boundValue = cn("shrink-0 bg-border", this.props.orientation === "vertical" ? "h-full w-[1px]" : "h-[1px] w-full", value);
+			if (__el) {
+				const __newClass = (__boundValue != null ? String(__boundValue) : "").trim();
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		}
+	}
+};
+//#endregion
+export { Separator as default };
+
+//# sourceMappingURL=separator.mjs.map

package/dist/separator.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.mjs","names":["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","cn","Separator","template","props","__id","id","isVertical","orientation","class","String","trim","__onPropChange","key","value","__el","__boundValue","__newClass","className","undefined","removeAttribute","__newAttr","getAttribute","setAttribute"],"sources":["../src/components/separator.tsx"],"sourcesContent":["import { Component } from '@geajs/core'\nimport { cn } from '../utils/cn'\n\nexport default class Separator extends Component {\n  template(props: any) {\n    const isVertical = props.orientation === 'vertical'\n\n    return (\n      <div\n        class={cn('shrink-0 bg-border', isVertical ? 'h-full w-[1px]' : 'h-[1px] w-full', props.class)}\n        role=\"separator\"\n        aria-orientation={props.orientation || 'horizontal'}\n      ></div>\n    )\n  }\n}\n"],"mappings":";;;AAGA,IAAqBuC,YAArB,cAAuCvC,UAAU;;OAAAqC,qBAAA;;CAC/CG,SAASC,OAAY;EAAA,MAAAC,OAAA,KAAAC;EACnB,MAAMC,aAAaH,MAAMI,gBAAgB;AAEzC,SAAA,YAAAH,KAAA,GAEWJ,GAAG,sBAAsBM,aAAa,mBAAmB,kBAAkBH,MAAMK,MAAM,IAAA,QAAvFR,GAAG,sBAAsBM,aAAa,mBAAmB,kBAAkBH,MAAMK,MAAM,KAAA,QAAA,KAAA,YAAvFR,GAAG,sBAAsBM,aAAa,mBAAmB,kBAAkBH,MAAMK,MAAM,IAAA,OAAAC,OAAvFT,GAAG,sBAAsBM,aAAa,mBAAmB,kBAAkBH,MAAMK,MAAM,CAAA,GAAA,IAAAE,MAAA,CAAA,GAAA,oBAE5EP,MAAMI,eAAe,iBAAY,SAAjCJ,MAAMI,eAAe,kBAAY,QAAA,KAAA,sBAAjCJ,MAAMI,eAAe,aAAY,GAAA;;CAV3DI,eAAsBC,KAAKC,OAAK;AAAA,MAAAD,QAAA,eAAA;GAAA;IAAA,MAAAE,OAAA,KAAAlD;AAGX,SAAAuC;IACkC,MAAAY,eAIxCf,GAAG,sBAJE,KAAAG,MAASI,gBAAgB,aAIQ,mBAAmB,kBAAgB,KAAAJ,MAAQK,MAAK;AAAA,QAAAM,MAAA;KAAA,MAAAE,cAAAD,gBAAA,OAAAN,OAAAM,aAAA,GAAA,IAAAL,MAAA;AAAA,SAAAI,KAAAG,cAAAD,WAAAF,MAAAG,YAAAD;;;GAAA;IAAA,MAAAF,OAAA,KAAAlD;AALhF,SAAAuC;IAAA,MAAAY,eAAAF,SAO0B;AAAY,QAAAC,KAAA,KAAAC,iBAAA,QAAAA,iBAAAG,KAAAA,EAAAJ,MAAAK,gBAAA,mBAAA;SAAA;KAAA,MAAAC,YAAAX,OAAAM,aAAA;AAAA,SAAAD,KAAAO,aAAA,mBAAA,KAAAD,UAAAN,MAAAQ,aAAA,oBAAAF,UAAA;;;;AAAA,MAAAR,QAAA,SAAA;GAAA,MAAAE,OAAA,KAAAlD;AAPtC,QAAAuC;GACkC,MAAAY,eAIxCf,GAAG,sBAJE,KAAAG,MAASI,gBAAgB,aAIQ,mBAAmB,kBAAgBM,MAAA;AAAA,OAAAC,MAAA;IAAA,MAAAE,cAAAD,gBAAA,OAAAN,OAAAM,aAAA,GAAA,IAAAL,MAAA;AAAA,QAAAI,KAAAG,cAAAD,WAAAF,MAAAG,YAAAD"}

package/dist/skeleton.d.mts

@@ -0,0 +1,9 @@
+import { Component } from "@geajs/core";
+
+//#region src/components/skeleton.d.ts
+declare class Skeleton extends Component {
+  template(props: any): string;
+}
+//#endregion
+export { Skeleton as default };
+//# sourceMappingURL=skeleton.d.mts.map

package/dist/skeleton.mjs

@@ -0,0 +1,43 @@
+import { t as cn } from "./cn.mjs";
+import { Component, GEA_CTOR_TAG_NAME, GEA_ELEMENT } from "@geajs/core";
+//#region src/components/skeleton.tsx
+var Skeleton = class extends Component {
+	static {
+		this[GEA_CTOR_TAG_NAME] = "skeleton";
+	}
+	template(props) {
+		return `<div id="${this.id}"${cn("animate-pulse rounded-md bg-primary/10", props.class) == null || cn("animate-pulse rounded-md bg-primary/10", props.class) === false ? "" : ` class="${(cn("animate-pulse rounded-md bg-primary/10", props.class) != null ? String(cn("animate-pulse rounded-md bg-primary/10", props.class)) : "").trim()}"`}></div>`;
+	}
+	static {
+		this.__tpl = (() => {
+			if (typeof document === "undefined") return void 0;
+			var t = document.createElement("template");
+			t.innerHTML = "<div></div>";
+			return t;
+		})();
+	}
+	__cloneTemplate() {
+		const __id = this.id;
+		var __tpl = this.constructor.__tpl;
+		if (!__tpl) throw new Error("[gea] __tpl missing for clone template");
+		var __root = __tpl.content.firstElementChild.cloneNode(true);
+		__root.id = __id;
+		__root.className = (cn("animate-pulse rounded-md bg-primary/10", props.class) != null ? String(cn("animate-pulse rounded-md bg-primary/10", props.class)) : "").trim();
+		return __root;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") {
+			const __el = this[GEA_ELEMENT];
+			this.props;
+			const __boundValue = cn("animate-pulse rounded-md bg-primary/10", value);
+			if (__el) {
+				const __newClass = (__boundValue != null ? String(__boundValue) : "").trim();
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		}
+	}
+};
+//#endregion
+export { Skeleton as default };
+
+//# sourceMappingURL=skeleton.mjs.map

package/dist/skeleton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.mjs","names":["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","cn","Skeleton","template","props","__id","id","class","String","trim","__tpl","document","undefined","t","createElement","innerHTML","__cloneTemplate","constructor","Error","__root","content","firstElementChild","cloneNode","className","__onPropChange","key","value","__el","__boundValue","__newClass"],"sources":["../src/components/skeleton.tsx"],"sourcesContent":["import { Component } from '@geajs/core'\nimport { cn } from '../utils/cn'\n\nexport default class Skeleton extends Component {\n  template(props: any) {\n    return <div class={cn('animate-pulse rounded-md bg-primary/10', props.class)}></div>\n  }\n}\n"],"mappings":";;;AAGA,IAAqBuC,WAArB,cAAsCvC,UAAU;;OAAAqC,qBAAA;;CAC9CG,SAASC,OAAY;AACnB,SAAA,YADmB,KAAAE,GACnB,GAAmBL,GAAG,0CAA0CG,MAAMG,MAAM,IAAA,QAAzDN,GAAG,0CAA0CG,MAAMG,MAAM,KAAA,QAAA,KAAA,YAAzDN,GAAG,0CAA0CG,MAAMG,MAAM,IAAA,OAAAC,OAAzDP,GAAG,0CAA0CG,MAAMG,MAAM,CAAA,GAAA,IAAAE,MAAA,CAAA,GAAA;;;sBAC7E;AAAA,OAAA,OAAAE,aAAA,YAAA,QAAAC,KAAAA;GAAA,IAAAC,IAAAF,SAAAG,cAAA,WAAA;AAAAD,KAAAE,YAAA;AAAA,UAAAF;MAAA;;CAAAG,kBAAA;EAAA,MAAAX,OAAA,KAAAC;EAAA,IAAAI,QAAA,KAAAO,YAAAP;AAAA,MAAA,CAAAA,MAAA,OAAA,IAAAQ,MAAA,yCAAA;EAAA,IAAAC,SAAAT,MAAAU,QAAAC,kBAAAC,UAAA,KAAA;AAAAH,SAAAb,KAAAD;AAAAc,SAAAI,aADoBtB,GAAG,0CAA0CG,MAAMG,MAAM,IAAA,OAAAC,OAAzDP,GAAG,0CAA0CG,MAAMG,MAAM,CAAA,GAAA,IAAAE,MAAA;AAAA,SAAAU;;CAJhFK,eAAsBC,KAAKC,OAAK;AAAA,MAAAD,QAAA,SAAA;GAAA,MAAAE,OAAA,KAAA9D;AAGX,QAAAuC;GAAA,MAAAwB,eACE3B,GAAG,0CAAwCyB,MAAA;AAAA,OAAAC,MAAA;IAAA,MAAAE,cAAAD,gBAAA,OAAApB,OAAAoB,aAAA,GAAA,IAAAnB,MAAA;AAAA,QAAAkB,KAAAJ,cAAAM,WAAAF,MAAAJ,YAAAM"}

package/dist/slider.d.mts

@@ -0,0 +1,44 @@
+import { n as ZagComponent } from "./zag-component.mjs";
+import * as slider from "@zag-js/slider";
+import * as _$_zag_js_types0 from "@zag-js/types";
+
+//#region src/components/slider.d.ts
+declare class Slider extends ZagComponent {
+  value: number[];
+  createMachine(_props: any): any;
+  getMachineProps(props: any): {
+    id: any;
+    value: any;
+    defaultValue: any;
+    min: any;
+    max: any;
+    step: any;
+    orientation: any;
+    thumbAlignment: any;
+    disabled: any;
+    readOnly: any;
+    name: any;
+    'aria-label': any;
+    onValueChange: (details: slider.ValueChangeDetails) => void;
+    onValueChangeEnd: any;
+  };
+  connectApi(service: any): slider.Api<_$_zag_js_types0.PropTypes<{
+    [x: string]: any;
+  }>>;
+  getSpreadMap(): {
+    '[data-part="root"]': string;
+    '[data-part="label"]': string;
+    '[data-part="control"]': string;
+    '[data-part="track"]': string;
+    '[data-part="range"]': string;
+    '[data-part="thumb"]': (api: any, el: any) => any;
+    '[data-part="hidden-input"]': (api: any, el: any) => any;
+  };
+  _syncThumbs(): void;
+  syncState(api: any): void;
+  _applyAllSpreads(): void;
+  template(props: any): string;
+}
+//#endregion
+export { Slider as default };
+//# sourceMappingURL=slider.d.mts.map

package/dist/slider.mjs

@@ -0,0 +1,117 @@
+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 { 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";
+var Slider = class extends ZagComponent {
+	static {
+		this[GEA_CTOR_TAG_NAME] = "slider";
+	}
+	constructor(...args) {
+		super(...args);
+		this.props;
+		this[geaCondValueSymbol(0)] = !!this.props.label;
+		this[GEA_REGISTER_COND](0, "c0", () => {
+			this.props;
+			return this.props.label;
+		}, () => {
+			this.props;
+			return `<div class="flex justify-between mb-2"><label data-part="label" class="slider-label text-sm font-medium">${geaEscapeHtml(String(this.props.label))}</label></div>`;
+		}, null);
+	}
+	createMachine(_props) {
+		return slider.machine;
+	}
+	getMachineProps(props) {
+		return {
+			id: this.id,
+			value: props.value,
+			defaultValue: props.defaultValue ?? [50],
+			min: props.min ?? 0,
+			max: props.max ?? 100,
+			step: props.step ?? 1,
+			orientation: props.orientation ?? "horizontal",
+			thumbAlignment: props.thumbAlignment ?? "center",
+			disabled: props.disabled,
+			readOnly: props.readOnly,
+			name: props.name,
+			"aria-label": props["aria-label"],
+			onValueChange: (details) => {
+				this.value = details.value;
+				props.onValueChange?.(details);
+			},
+			onValueChangeEnd: props.onValueChangeEnd
+		};
+	}
+	connectApi(service) {
+		return slider.connect(service, normalizeProps);
+	}
+	getSpreadMap() {
+		return {
+			"[data-part=\"root\"]": "getRootProps",
+			"[data-part=\"label\"]": "getLabelProps",
+			"[data-part=\"control\"]": "getControlProps",
+			"[data-part=\"track\"]": "getTrackProps",
+			"[data-part=\"range\"]": "getRangeProps",
+			"[data-part=\"thumb\"]": (api, el) => {
+				const index = parseInt(el.dataset.index || "0", 10);
+				return api.getThumbProps({ index });
+			},
+			"[data-part=\"hidden-input\"]": (api, el) => {
+				const index = parseInt(el.dataset.index || "0", 10);
+				return api.getHiddenInputProps({ index });
+			}
+		};
+	}
+	_syncThumbs() {
+		if (!this._api || !this.el) return;
+		const control = this.el.querySelector("[data-part=\"control\"]");
+		if (!control) return;
+		const thumbCount = this._api.value.length;
+		const existing = control.querySelectorAll(":scope > [data-part=\"thumb\"]");
+		if (existing.length === thumbCount) return;
+		if (existing.length < thumbCount) for (let i = existing.length; i < thumbCount; i++) {
+			const thumb = document.createElement("div");
+			thumb.setAttribute("data-part", "thumb");
+			thumb.setAttribute("data-index", String(i));
+			thumb.className = THUMB_CLASS;
+			const input = document.createElement("input");
+			input.setAttribute("data-part", "hidden-input");
+			input.setAttribute("data-index", String(i));
+			input.type = "hidden";
+			thumb.appendChild(input);
+			control.appendChild(thumb);
+		}
+		else for (let i = existing.length - 1; i >= thumbCount; i--) existing[i].remove();
+	}
+	syncState(api) {
+		this.value = api.value;
+	}
+	_applyAllSpreads() {
+		this._syncThumbs();
+		this._elementCache?.clear();
+		super._applyAllSpreads();
+	}
+	template(props) {
+		const __id = this.id;
+		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) {
+		if (key === "class") {
+			const __el = this[GEA_ELEMENT];
+			this.props;
+			const __boundValue = "w-full " + (value || "");
+			if (__el) {
+				const __newClass = (__boundValue != null ? String(__boundValue) : "").trim();
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		}
+		if (key === "label") this[GEA_PATCH_COND](0);
+	}
+};
+//#endregion
+export { Slider as default };
+
+//# sourceMappingURL=slider.mjs.map

package/dist/slider.mjs.map

@@ -0,0 +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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"}