@geajs/ui 0.1.3 → 0.1.5

package/dist/radio-group.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.mjs","names":["__v","v","valueOf","Component","radioGroup","normalizeProps","ZagComponent","handleComponentUpdate","registerHotModule","registerComponentInstance","unregisterComponentInstance","RadioGroup","constructor","args","props","__geaCond_0","label","__geaRegisterCond","value","createMachine","_props","machine","getMachineProps","id","defaultValue","name","form","disabled","readOnly","orientation","onValueChange","details","ValueChangeDetails","connectApi","service","connect","getSpreadMap","[data-part=\"item\"]","api","el","getItemProps","HTMLElement","dataset","[data-part=\"item-text\"]","getItemTextProps","[data-part=\"item-control\"]","getItemControlProps","[data-part=\"item-hidden-input\"]","getItemHiddenInputProps","syncState","template","__id","_register","items","class","String","trim","map","item","join","render__unresolved_0Item","create__unresolved_0Item","__c","____unresolved_0_container","__geaTpl","__tw","document","createElement","innerHTML","content","firstElementChild","__err","console","error","cloneNode","__fw","__ref_0","__ref_1","nextElementSibling","__ref_2","__av","removeAttribute","setAttribute","textContent","__geaItem","patch__unresolved_0Item","row","__prevItem","__onPropChange","key","__el","element_","__boundValue","__newClass","className","__geaPatchCond","__geaSyncMap","__observe_local_props","createdHooks","__geaRegisterMap","$","__item","import","meta","hot","__moduleExports","default","url","accept","newModule","__updatedModule","invalidate","__origCreated","prototype","created","__geaProps","call","__origDispose","dispose"],"sources":["../src/components/radio-group.tsx"],"sourcesContent":["import * as radioGroup from '@zag-js/radio-group'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class RadioGroup extends ZagComponent {\n  declare value: string | null\n\n  createMachine(_props: any): any {\n    return radioGroup.machine\n  }\n\n  getMachineProps(props: any) {\n    return {\n      id: this.id,\n      value: props.value,\n      defaultValue: props.defaultValue,\n      name: props.name,\n      form: props.form,\n      disabled: props.disabled,\n      readOnly: props.readOnly,\n      orientation: props.orientation ?? 'vertical',\n      onValueChange: (details: radioGroup.ValueChangeDetails) => {\n        this.value = details.value\n        props.onValueChange?.(details)\n      },\n    }\n  }\n\n  connectApi(service: any) {\n    return radioGroup.connect(service, normalizeProps)\n  }\n\n  getSpreadMap() {\n    return {\n      '[data-part=\"root\"]': 'getRootProps',\n      '[data-part=\"label\"]': 'getLabelProps',\n      '[data-part=\"indicator\"]': 'getIndicatorProps',\n      '[data-part=\"item\"]': (api, el) => api.getItemProps({ value: (el as HTMLElement).dataset.value }),\n      '[data-part=\"item-text\"]': (api, el) => api.getItemTextProps({ value: (el as HTMLElement).dataset.value }),\n      '[data-part=\"item-control\"]': (api, el) => api.getItemControlProps({ value: (el as HTMLElement).dataset.value }),\n      '[data-part=\"item-hidden-input\"]': (api, el) =>\n        api.getItemHiddenInputProps({ value: (el as HTMLElement).dataset.value }),\n    }\n  }\n\n  syncState(api: any) {\n    this.value = api.value\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          <span data-part=\"label\" class=\"radio-group-label text-sm font-medium mb-2 block\">\n            {props.label}\n          </span>\n        )}\n        <div data-part=\"indicator\" class=\"radio-group-indicator\"></div>\n        {items.map((item: any) => (\n          <label\n            key={item.value}\n            data-part=\"item\"\n            data-value={item.value}\n            class=\"radio-group-item flex items-center gap-2 cursor-pointer py-1\"\n          >\n            <div\n              data-part=\"item-control\"\n              data-value={item.value}\n              class=\"radio-group-item-control h-4 w-4 rounded-full border border-primary flex items-center justify-center\"\n            >\n              <span class=\"radio-dot\"></span>\n            </div>\n            <input data-part=\"item-hidden-input\" data-value={item.value} type=\"radio\" class=\"sr-only\" />\n            <span data-part=\"item-text\" data-value={item.value} class=\"radio-group-item-text text-sm\">\n              {item.label}\n            </span>\n          </label>\n        ))}\n      </div>\n    )\n  }\n}\n"],"mappings":"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"}

package/dist/rating-group.d.mts

@@ -0,0 +1,38 @@
+import { n as ZagComponent } from "./zag-component.mjs";
+import * as ratingGroup from "@zag-js/rating-group";
+import * as _zag_js_types0 from "@zag-js/types";
+
+//#region src/components/rating-group.d.ts
+declare class RatingGroup extends ZagComponent {
+  value: number;
+  _allowHalf: boolean;
+  createMachine(_props: any): any;
+  getMachineProps(props: any): {
+    id: string;
+    value: any;
+    defaultValue: any;
+    count: any;
+    allowHalf: boolean;
+    readOnly: any;
+    disabled: any;
+    name: any;
+    form: any;
+    onValueChange: (details: ratingGroup.ValueChangeDetails) => void;
+  };
+  connectApi(service: any): ratingGroup.Api<_zag_js_types0.PropTypes<{
+    [x: string]: any;
+  }>>;
+  getSpreadMap(): {
+    '[data-part="root"]': string;
+    '[data-part="label"]': string;
+    '[data-part="control"]': string;
+    '[data-part="hidden-input"]': string;
+    '[data-part="item"]': (api: any, el: any) => any;
+  };
+  syncState(api: any): void;
+  _applyAllSpreads(): void;
+  template(props: any): string;
+}
+//#endregion
+export { RatingGroup as default };
+//# sourceMappingURL=rating-group.d.mts.map

package/dist/rating-group.mjs

@@ -0,0 +1,159 @@
+import { t as ZagComponent } from "./zag-component.mjs";
+import "./_virtual_gea-hmr.mjs";
+import { Component } from "@geajs/core";
+import { normalizeProps } from "@zag-js/vanilla";
+import * as ratingGroup from "@zag-js/rating-group";
+//#region src/components/rating-group.tsx
+const __v = (v) => v != null && typeof v === "object" ? v.valueOf() : v;
+var RatingGroup = class extends ZagComponent {
+	constructor(...args) {
+		super(...args);
+		this.props;
+		this.__geaCond_0 = !!this.props.label;
+		this.__geaRegisterCond(0, "c0", () => {
+			this.props;
+			return this.props.label;
+		}, () => {
+			this.props;
+			return `<label data-part="label" class="rating-group-label text-sm font-medium mb-1 block">${this.props.label}</label>`;
+		}, null);
+	}
+	createMachine(_props) {
+		return ratingGroup.machine;
+	}
+	getMachineProps(props) {
+		this._allowHalf = !!props.allowHalf;
+		return {
+			id: this.id,
+			value: props.value,
+			defaultValue: props.defaultValue,
+			count: props.count ?? 5,
+			allowHalf: !!props.allowHalf,
+			readOnly: props.readOnly,
+			disabled: props.disabled,
+			name: props.name,
+			form: props.form,
+			onValueChange: (details) => {
+				this.value = details.value;
+				props.onValueChange?.(details);
+			}
+		};
+	}
+	connectApi(service) {
+		return ratingGroup.connect(service, normalizeProps);
+	}
+	getSpreadMap() {
+		return {
+			"[data-part=\"root\"]": "getRootProps",
+			"[data-part=\"label\"]": "getLabelProps",
+			"[data-part=\"control\"]": "getControlProps",
+			"[data-part=\"hidden-input\"]": "getHiddenInputProps",
+			"[data-part=\"item\"]": (api, el) => {
+				const htmlEl = el;
+				const index = parseInt(htmlEl.dataset.index || "0", 10);
+				const props = api.getItemProps({ index });
+				if (this._allowHalf) props.onpointerdown = (e) => {
+					const rect = htmlEl.getBoundingClientRect();
+					const isLeftHalf = e.clientX - rect.left < rect.width / 2;
+					api.setValue(isLeftHalf ? index - .5 : index);
+				};
+				return props;
+			}
+		};
+	}
+	syncState(api) {
+		this.value = api.value;
+	}
+	_applyAllSpreads() {
+		super._applyAllSpreads();
+		if (!this._api || !this.el) return;
+		const items = this.el.querySelectorAll("[data-part=\"item\"]");
+		for (let i = 0; i < items.length; i++) {
+			const el = items[i];
+			const index = parseInt(el.dataset.index || "0", 10);
+			if (this._api.getItemState({ index }).half) {
+				el.style.background = "linear-gradient(90deg, #facc15 50%, hsl(var(--muted-foreground)) 50%)";
+				el.style.backgroundClip = "text";
+				el.style.setProperty("-webkit-background-clip", "text");
+				el.style.setProperty("-webkit-text-fill-color", "transparent");
+			} else {
+				el.style.background = "";
+				el.style.backgroundClip = "";
+				el.style.setProperty("-webkit-background-clip", "");
+				el.style.setProperty("-webkit-text-fill-color", "");
+			}
+		}
+	}
+	template(props) {
+		const __id = this.id;
+		Component._register(ZagComponent);
+		const count = props.count ?? 5;
+		const items = Array.from({ length: count }, (_, i) => i + 1);
+		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="rating-group-label text-sm font-medium mb-1 block">${props.label}</label>` || ""}<!--${__id + "-c0-end"}--><div id="${__id + "-b1"}" data-part="control" class="rating-group-control flex gap-0.5">${items.map((i) => `<span data-gea-item-id="${String(i)}" data-part="item"${String(i) == null || String(i) === false ? "" : ` data-index="${String(i)}"`} class="rating-group-item cursor-pointer text-2xl text-muted-foreground data-[highlighted]:text-yellow-400 data-[checked]:text-yellow-400" style="line-height: 1px">★</span>`).join("") + "<!---->"}</div><input data-part="hidden-input" type="hidden" /></div>`;
+	}
+	render__unresolved_0Item(i) {
+		return `<span data-gea-item-id="${String(i)}" data-part="item"${__v(String(i)) == null || __v(String(i)) === false ? "" : ` data-index="${String(i)}"`} class="rating-group-item cursor-pointer text-2xl text-muted-foreground data-[highlighted]:text-yellow-400 data-[checked]:text-yellow-400" style="line-height: 1px">★</span>`;
+	}
+	create__unresolved_0Item(item) {
+		var __c = this.____unresolved_0_container;
+		if (!__c.__geaTpl) try {
+			var __tw = document.createElement("template");
+			__tw.innerHTML = this.render__unresolved_0Item("__dummy__");
+			__c.__geaTpl = __tw.content.firstElementChild;
+		} catch (__err) {
+			console.error(__err);
+		}
+		if (__c.__geaTpl) var el = __c.__geaTpl.cloneNode(true);
+		else {
+			var __fw = document.createElement("template");
+			__fw.innerHTML = this.render__unresolved_0Item(item);
+			var el = __fw.content.firstElementChild;
+		}
+		var __av = String(item);
+		if (__av == null || __av === false) el.removeAttribute("data-index");
+		else el.setAttribute("data-index", String(__av));
+		var __av = { lineHeight: 1 };
+		if (__av == null || __av === false) el.removeAttribute("style");
+		else el.style.cssText = typeof __av === "object" ? Object.entries(__av).map(([k, v]) => k.replace(/[A-Z]/g, "-$&") + ": " + v).join("; ") : String(__av);
+		el.setAttribute("data-gea-item-id", String(item));
+		el.__geaItem = item;
+		return el;
+	}
+	patch__unresolved_0Item(row, item, __prevItem) {
+		if (!row) return;
+		var __av = String(item);
+		if (__av == null || __av === false) row.removeAttribute("data-index");
+		else row.setAttribute("data-index", String(__av));
+		var __av = { lineHeight: 1 };
+		if (__av == null || __av === false) row.removeAttribute("style");
+		else row.style.cssText = typeof __av === "object" ? Object.entries(__av).map(([k, v]) => k.replace(/[A-Z]/g, "-$&") + ": " + v).join("; ") : String(__av);
+		row.setAttribute("data-gea-item-id", String(item));
+		row.__geaItem = item;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") {
+			const __el = this.element_;
+			this.props;
+			const __boundValue = value || "";
+			if (__el) {
+				const __newClass = (__boundValue != null ? String(__boundValue) : "").trim();
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		}
+		if (key === "label") this.__geaPatchCond(0);
+		if (key === "count") this.__geaSyncMap(0);
+	}
+	__observe_local_props(__v, __c) {
+		this.__geaSyncMap(0);
+	}
+	createdHooks() {
+		this.__geaRegisterMap(0, "____unresolved_0_container", () => document.getElementById(this.id + "-b1"), () => {
+			const count = this.props.count ?? 5;
+			return Array.from({ length: count }, (_, i) => i + 1);
+		}, (__item) => this.create__unresolved_0Item(__item));
+	}
+};
+//#endregion
+export { RatingGroup as default };
+
+//# sourceMappingURL=rating-group.mjs.map

package/dist/rating-group.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rating-group.mjs","names":["__v","v","valueOf","Component","ratingGroup","normalizeProps","ZagComponent","handleComponentUpdate","registerHotModule","registerComponentInstance","unregisterComponentInstance","RatingGroup","constructor","args","props","__geaCond_0","label","__geaRegisterCond","value","_allowHalf","createMachine","_props","machine","getMachineProps","allowHalf","id","defaultValue","count","readOnly","disabled","name","form","onValueChange","details","ValueChangeDetails","connectApi","service","connect","getSpreadMap","[data-part=\"item\"]","api","el","htmlEl","HTMLElement","index","parseInt","dataset","getItemProps","onpointerdown","e","PointerEvent","rect","getBoundingClientRect","isLeftHalf","clientX","left","width","setValue","syncState","_applyAllSpreads","_api","items","querySelectorAll","i","length","state","getItemState","half","style","background","backgroundClip","setProperty","template","__id","_register","Array","from","_","class","String","trim","map","join","render__unresolved_0Item","create__unresolved_0Item","item","__c","____unresolved_0_container","__geaTpl","__tw","document","createElement","innerHTML","content","firstElementChild","__err","console","error","cloneNode","__fw","__av","removeAttribute","setAttribute","lineHeight","cssText","Object","entries","k","replace","__geaItem","patch__unresolved_0Item","row","__prevItem","__onPropChange","key","__el","element_","__boundValue","__newClass","className","__geaPatchCond","__geaSyncMap","__observe_local_props","createdHooks","__geaRegisterMap","getElementById","__item","import","meta","hot","__moduleExports","default","url","accept","newModule","__updatedModule","invalidate","__origCreated","prototype","created","__geaProps","call","__origDispose","dispose"],"sources":["../src/components/rating-group.tsx"],"sourcesContent":["import * as ratingGroup from '@zag-js/rating-group'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class RatingGroup extends ZagComponent {\n  declare value: number\n  declare _allowHalf: boolean\n\n  createMachine(_props: any): any {\n    return ratingGroup.machine\n  }\n\n  getMachineProps(props: any) {\n    this._allowHalf = !!props.allowHalf\n    return {\n      id: this.id,\n      value: props.value,\n      defaultValue: props.defaultValue,\n      count: props.count ?? 5,\n      allowHalf: !!props.allowHalf,\n      readOnly: props.readOnly,\n      disabled: props.disabled,\n      name: props.name,\n      form: props.form,\n      onValueChange: (details: ratingGroup.ValueChangeDetails) => {\n        this.value = details.value\n        props.onValueChange?.(details)\n      },\n    }\n  }\n\n  connectApi(service: any) {\n    return ratingGroup.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=\"hidden-input\"]': 'getHiddenInputProps',\n      '[data-part=\"item\"]': (api, el) => {\n        const htmlEl = el as HTMLElement\n        const index = parseInt(htmlEl.dataset.index || '0', 10)\n        const props = api.getItemProps({ index })\n        if (this._allowHalf) {\n          props.onpointerdown = (e: PointerEvent) => {\n            const rect = htmlEl.getBoundingClientRect()\n            const isLeftHalf = e.clientX - rect.left < rect.width / 2\n            api.setValue(isLeftHalf ? index - 0.5 : index)\n          }\n        }\n        return props\n      },\n    }\n  }\n\n  syncState(api: any) {\n    this.value = api.value\n  }\n\n  _applyAllSpreads() {\n    super._applyAllSpreads()\n    if (!this._api || !this.el) return\n    const items = this.el.querySelectorAll('[data-part=\"item\"]')\n    for (let i = 0; i < items.length; i++) {\n      const el = items[i] as HTMLElement\n      const index = parseInt(el.dataset.index || '0', 10)\n      const state = this._api.getItemState({ index })\n      if (state.half) {\n        el.style.background = 'linear-gradient(90deg, #facc15 50%, hsl(var(--muted-foreground)) 50%)'\n        el.style.backgroundClip = 'text'\n        el.style.setProperty('-webkit-background-clip', 'text')\n        el.style.setProperty('-webkit-text-fill-color', 'transparent')\n      } else {\n        el.style.background = ''\n        el.style.backgroundClip = ''\n        el.style.setProperty('-webkit-background-clip', '')\n        el.style.setProperty('-webkit-text-fill-color', '')\n      }\n    }\n  }\n\n  template(props: any) {\n    const count = props.count ?? 5\n    const items = Array.from({ length: count }, (_, i) => i + 1)\n    return (\n      <div data-part=\"root\" class={props.class || ''}>\n        {props.label && (\n          <label data-part=\"label\" class=\"rating-group-label text-sm font-medium mb-1 block\">\n            {props.label}\n          </label>\n        )}\n        <div data-part=\"control\" class=\"rating-group-control flex gap-0.5\">\n          {items.map((i: number) => (\n            <span\n              key={i}\n              data-part=\"item\"\n              data-index={String(i)}\n              class=\"rating-group-item cursor-pointer text-2xl text-muted-foreground data-[highlighted]:text-yellow-400 data-[checked]:text-yellow-400\"\n              style={{ lineHeight: 1 }}\n            >\n              &#x2605;\n            </span>\n          ))}\n        </div>\n        <input data-part=\"hidden-input\" type=\"hidden\" />\n      </div>\n    )\n  }\n}\n"],"mappings":"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"}

package/dist/select.d.mts

@@ -0,0 +1,54 @@
+import { n as ZagComponent } from "./zag-component.mjs";
+import * as select from "@zag-js/select";
+import * as _zag_js_types0 from "@zag-js/types";
+
+//#region src/components/select.d.ts
+declare class Select extends ZagComponent {
+  open: boolean;
+  value: string[];
+  valueAsString: string;
+  createMachine(_props: any): any;
+  getMachineProps(props: any): {
+    id: string;
+    collection: any;
+    value: any;
+    defaultValue: any;
+    open: any;
+    defaultOpen: any;
+    multiple: any;
+    disabled: any;
+    invalid: any;
+    readOnly: any;
+    required: any;
+    name: any;
+    form: any;
+    closeOnSelect: any;
+    positioning: any;
+    loopFocus: any;
+    onValueChange: (details: select.ValueChangeDetails) => void;
+    onOpenChange: (details: select.OpenChangeDetails) => void;
+  };
+  connectApi(service: any): select.Api<_zag_js_types0.PropTypes<{
+    [x: string]: any;
+  }>, any>;
+  getSpreadMap(): {
+    '[data-part="root"]': string;
+    '[data-part="label"]': string;
+    '[data-part="control"]': string;
+    '[data-part="trigger"]': string;
+    '[data-part="indicator"]': string;
+    '[data-part="clear-trigger"]': string;
+    '[data-part="value-text"]': string;
+    '[data-part="positioner"]': string;
+    '[data-part="content"]': string;
+    '[data-part="list"]': string;
+    '[data-part="item"]': (api: any, el: any) => any;
+    '[data-part="item-text"]': (api: any, el: any) => any;
+    '[data-part="item-indicator"]': (api: any, el: any) => any;
+  };
+  syncState(api: any): void;
+  template(props: any): string;
+}
+//#endregion
+export { Select as default };
+//# sourceMappingURL=select.d.mts.map

package/dist/select.mjs

@@ -0,0 +1,235 @@
+import { t as ZagComponent } from "./zag-component.mjs";
+import "./_virtual_gea-hmr.mjs";
+import { Component } 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 {
+	constructor(...args) {
+		super(...args);
+		this.props;
+		this.__geaCond_0 = !!this.props.label;
+		this.__geaRegisterCond(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">${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);
+		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">${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">${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.____unresolved_0_container;
+		if (!__c.__geaTpl) try {
+			var __tw = document.createElement("template");
+			__tw.innerHTML = this.render__unresolved_0Item({
+				value: 0,
+				label: ""
+			});
+			__c.__geaTpl = __tw.content.firstElementChild;
+		} catch (__err) {
+			console.error(__err);
+		}
+		if (__c.__geaTpl) var el = __c.__geaTpl.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 el.setAttribute("data-value", String(__av));
+		var __av = item.label;
+		if (__av == null || __av === false) el.removeAttribute("data-label");
+		else el.setAttribute("data-label", String(__av));
+		var __av = item.value;
+		if (__av == null || __av === false) el.__ref_0.removeAttribute("data-value");
+		else el.__ref_0.setAttribute("data-value", String(__av));
+		var __av = item.label;
+		if (__av == null || __av === false) el.__ref_0.removeAttribute("data-label");
+		else el.__ref_0.setAttribute("data-label", String(__av));
+		el.__ref_0.textContent = `
+                    ${item.label}
+                  `;
+		var __av = item.value;
+		if (__av == null || __av === false) el.__ref_1.removeAttribute("data-value");
+		else el.__ref_1.setAttribute("data-value", String(__av));
+		var __av = item.label;
+		if (__av == null || __av === false) el.__ref_1.removeAttribute("data-label");
+		else el.__ref_1.setAttribute("data-label", String(__av));
+		el.setAttribute("data-gea-item-id", item?.value ?? item);
+		el.__geaItem = 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 row.setAttribute("data-value", String(__av));
+		var __av = item.label;
+		if (__av == null || __av === false) row.removeAttribute("data-label");
+		else row.setAttribute("data-label", String(__av));
+		var __av = item.value;
+		if (__av == null || __av === false) row.__ref_0.removeAttribute("data-value");
+		else row.__ref_0.setAttribute("data-value", String(__av));
+		var __av = item.label;
+		if (__av == null || __av === false) row.__ref_0.removeAttribute("data-label");
+		else row.__ref_0.setAttribute("data-label", String(__av));
+		row.__ref_0.textContent = `
+                    ${item.label}
+                  `;
+		var __av = item.value;
+		if (__av == null || __av === false) row.__ref_1.removeAttribute("data-value");
+		else row.__ref_1.setAttribute("data-value", String(__av));
+		var __av = item.label;
+		if (__av == null || __av === false) row.__ref_1.removeAttribute("data-label");
+		else row.__ref_1.setAttribute("data-label", String(__av));
+		row.setAttribute("data-gea-item-id", item?.value ?? item);
+		row.__geaItem = item;
+	}
+	__onPropChange(key, value) {
+		const __id = this.id;
+		if (key === "class") {
+			const __el = this.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.__geaPatchCond(0);
+		if (key === "items") this.__geaSyncMap(0);
+	}
+	__resetEls() {
+		this.__e0 = null;
+	}
+	__observe_local_valueAsString(value, change) {
+		const __id = this.id;
+		if (this.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.__geaSyncMap(0);
+	}
+	createdHooks() {
+		this.__geaRegisterMap(0, "____unresolved_0_container", () => document.getElementById(this.id + "-b2"), () => {
+			return this.props.items || [];
+		}, (__item) => this.create__unresolved_0Item(__item), "value");
+	}
+	__setupLocalStateObservers() {
+		if (!this.__store) return;
+		this.__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","select","normalizeProps","ZagComponent","handleComponentUpdate","registerHotModule","registerComponentInstance","unregisterComponentInstance","Select","constructor","args","props","__geaCond_0","label","__geaRegisterCond","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","String","trim","placeholder","render__unresolved_0Item","create__unresolved_0Item","__c","____unresolved_0_container","__geaTpl","__tw","document","createElement","innerHTML","content","firstElementChild","__err","console","error","cloneNode","__fw","__ref_0","__ref_1","nextElementSibling","__av","removeAttribute","setAttribute","textContent","__geaItem","patch__unresolved_0Item","row","__prevItem","__onPropChange","key","__el","element_","__boundValue","__newClass","className","__e0","getElementById","__geaPatchCond","__geaSyncMap","__resetEls","__observe_local_valueAsString","change","rendered_","__observe_local_props","createdHooks","__geaRegisterMap","__item","__setupLocalStateObservers","__store","__observe","import","meta","hot","__moduleExports","default","url","accept","newModule","__updatedModule","invalidate","__origCreated","prototype","created","__geaProps","call","__origDispose","dispose"],"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,44 @@
+import { t as cn } from "./cn.mjs";
+import "./_virtual_gea-hmr.mjs";
+import { Component } from "@geajs/core";
+//#region src/components/separator.tsx
+var Separator = class extends Component {
+	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.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.element_;
+				this.props;
+				const __boundValue = value || "horizontal";
+				if (__el) if (__boundValue === null || __boundValue === void 0) __el.removeAttribute("aria-orientation");
+				else __el.setAttribute("aria-orientation", String(__boundValue));
+			}
+		}
+		if (key === "class") {
+			const __el = this.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","cn","handleComponentUpdate","registerHotModule","registerComponentInstance","unregisterComponentInstance","Separator","template","props","__id","id","isVertical","orientation","class","String","trim","__onPropChange","key","value","__el","element_","__boundValue","__newClass","className","undefined","removeAttribute","setAttribute","import","meta","hot","__moduleExports","default","url","accept","newModule","__updatedModule","invalidate","__origCreated","prototype","created","__geaProps","constructor","name","call","__origDispose","dispose"],"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,IAAqBM,YAArB,cAAuCN,UAAU;CAC/CO,SAASC,OAAY;EAAA,MAAAC,OAAA,KAAAC;EACnB,MAAMC,aAAaH,MAAMI,gBAAgB;AAEzC,SAAA,YAAAH,KAAA,GAEWR,GAAG,sBAAsBU,aAAa,mBAAmB,kBAAkBH,MAAMK,MAAM,IAAA,QAAvFZ,GAAG,sBAAsBU,aAAa,mBAAmB,kBAAkBH,MAAMK,MAAM,KAAA,QAAA,KAAA,YAAvFZ,GAAG,sBAAsBU,aAAa,mBAAmB,kBAAkBH,MAAMK,MAAM,IAAA,OAAAC,OAAvFb,GAAG,sBAAsBU,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,KAAAC;AAGX,SAAAZ;IACkC,MAAAa,eAIxCpB,GAAG,sBAJE,KAAAO,MAASI,gBAAgB,aAIQ,mBAAmB,kBAAgB,KAAAJ,MAAQK,MAAK;AAAA,QAAAM,MAAA;KAAA,MAAAG,cAAAD,gBAAA,OAAAP,OAAAO,aAAA,GAAA,IAAAN,MAAA;AAAA,SAAAI,KAAAI,cAAAD,WAAAH,MAAAI,YAAAD;;;GAAA;IAAA,MAAAH,OAAA,KAAAC;AALhF,SAAAZ;IAAA,MAAAa,eAAAH,SAO0B;AAAY,QAAAC,KAAA,KAAAE,iBAAA,QAAAA,iBAAAG,KAAAA,EAAAL,MAAAM,gBAAA,mBAAA;QAAAN,MAAAO,aAAA,oBAAAZ,OAAAO,aAAA,CAAA;;;AAAA,MAAAJ,QAAA,SAAA;GAAA,MAAAE,OAAA,KAAAC;AAPtC,QAAAZ;GACkC,MAAAa,eAIxCpB,GAAG,sBAJE,KAAAO,MAASI,gBAAgB,aAIQ,mBAAmB,kBAAgBM,MAAA;AAAA,OAAAC,MAAA;IAAA,MAAAG,cAAAD,gBAAA,OAAAP,OAAAO,aAAA,GAAA,IAAAN,MAAA;AAAA,QAAAI,KAAAI,cAAAD,WAAAH,MAAAI,YAAAD"}