@geajs/ui 0.1.3 → 0.1.5

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,41 @@
+import { t as cn } from "./cn.mjs";
+import "./_virtual_gea-hmr.mjs";
+import { Component } from "@geajs/core";
+//#region src/components/skeleton.tsx
+var Skeleton = class extends Component {
+	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.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","cn","handleComponentUpdate","registerHotModule","registerComponentInstance","unregisterComponentInstance","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","element_","__boundValue","__newClass","import","meta","hot","__moduleExports","default","url","accept","newModule","__updatedModule","invalidate","__origCreated","prototype","created","__geaProps","name","call","__origDispose","dispose"],"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,IAAqBM,WAArB,cAAsCN,UAAU;CAC9CO,SAASC,OAAY;AACnB,SAAA,YADmB,KAAAE,GACnB,GAAmBT,GAAG,0CAA0CO,MAAMG,MAAM,IAAA,QAAzDV,GAAG,0CAA0CO,MAAMG,MAAM,KAAA,QAAA,KAAA,YAAzDV,GAAG,0CAA0CO,MAAMG,MAAM,IAAA,OAAAC,OAAzDX,GAAG,0CAA0CO,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,aADoB1B,GAAG,0CAA0CO,MAAMG,MAAM,IAAA,OAAAC,OAAzDX,GAAG,0CAA0CO,MAAMG,MAAM,CAAA,GAAA,IAAAE,MAAA;AAAA,SAAAU;;CAJhFK,eAAsBC,KAAKC,OAAK;AAAA,MAAAD,QAAA,SAAA;GAAA,MAAAE,OAAA,KAAAC;AAGX,QAAAxB;GAAA,MAAAyB,eACEhC,GAAG,0CAAwC6B,MAAA;AAAA,OAAAC,MAAA;IAAA,MAAAG,cAAAD,gBAAA,OAAArB,OAAAqB,aAAA,GAAA,IAAApB,MAAA;AAAA,QAAAkB,KAAAJ,cAAAO,WAAAH,MAAAJ,YAAAO"}

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: string;
+    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,114 @@
+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 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 {
+	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 `<div class="flex justify-between mb-2"><label data-part="label" class="slider-label text-sm font-medium">${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();
+		super._applyAllSpreads();
+	}
+	template(props) {
+		const __id = this.id;
+		Component._register(ZagComponent);
+		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">${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.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.__geaPatchCond(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","handleComponentUpdate","registerHotModule","registerComponentInstance","unregisterComponentInstance","THUMB_CLASS","Slider","constructor","args","props","__geaCond_0","label","__geaRegisterCond","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","String","className","input","type","appendChild","remove","syncState","_applyAllSpreads","template","__id","Component","_register","class","trim","__onPropChange","key","__el","element_","__boundValue","__newClass","__geaPatchCond","import","meta","hot","__moduleExports","default","url","accept","newModule","__updatedModule","invalidate","__origCreated","prototype","created","__geaProps","call","__origDispose","dispose"],"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    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.d.mts

@@ -0,0 +1,37 @@
+import { n as ZagComponent } from "./zag-component.mjs";
+import * as switchMachine from "@zag-js/switch";
+import * as _zag_js_types0 from "@zag-js/types";
+
+//#region src/components/switch.d.ts
+declare class Switch extends ZagComponent {
+  checked: boolean;
+  createMachine(_props: any): any;
+  getMachineProps(props: any): {
+    id: string;
+    checked: any;
+    defaultChecked: any;
+    disabled: any;
+    invalid: any;
+    required: any;
+    readOnly: any;
+    name: any;
+    form: any;
+    value: any;
+    onCheckedChange: (details: switchMachine.CheckedChangeDetails) => void;
+  };
+  connectApi(service: any): switchMachine.Api<_zag_js_types0.PropTypes<{
+    [x: string]: any;
+  }>>;
+  getSpreadMap(): {
+    '[data-part="root"]': string;
+    '[data-part="label"]': string;
+    '[data-part="control"]': string;
+    '[data-part="thumb"]': string;
+    '[data-part="hidden-input"]': string;
+  };
+  syncState(api: any): void;
+  template(props: any): string;
+}
+//#endregion
+export { Switch as default };
+//# sourceMappingURL=switch.d.mts.map

package/dist/switch.mjs

@@ -0,0 +1,78 @@
+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 switchMachine from "@zag-js/switch";
+//#region src/components/switch.tsx
+var Switch = class extends ZagComponent {
+	constructor(...args) {
+		super(...args);
+		this.checked = false;
+		this.props;
+		this.__geaCond_0 = !!this.props.label;
+		this.__geaRegisterCond(0, "c0", () => {
+			this.props;
+			return this.props.label;
+		}, () => {
+			this.props;
+			return `<span data-part="label" class="switch-label text-sm font-medium">${this.props.label}</span>`;
+		}, null);
+	}
+	createMachine(_props) {
+		return switchMachine.machine;
+	}
+	getMachineProps(props) {
+		return {
+			id: this.id,
+			checked: props.checked,
+			defaultChecked: props.defaultChecked,
+			disabled: props.disabled,
+			invalid: props.invalid,
+			required: props.required,
+			readOnly: props.readOnly,
+			name: props.name,
+			form: props.form,
+			value: props.value ?? "on",
+			onCheckedChange: (details) => {
+				this.checked = details.checked;
+				props.onCheckedChange?.(details);
+			}
+		};
+	}
+	connectApi(service) {
+		return switchMachine.connect(service, normalizeProps);
+	}
+	getSpreadMap() {
+		return {
+			"[data-part=\"root\"]": "getRootProps",
+			"[data-part=\"label\"]": "getLabelProps",
+			"[data-part=\"control\"]": "getControlProps",
+			"[data-part=\"thumb\"]": "getThumbProps",
+			"[data-part=\"hidden-input\"]": "getHiddenInputProps"
+		};
+	}
+	syncState(api) {
+		this.checked = api.checked;
+	}
+	template(props) {
+		const __id = this.id;
+		Component._register(ZagComponent);
+		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">${props.label}</span>` || ""}<!--${__id + "-c0-end"}--></label>`;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") {
+			const __el = this.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();
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		}
+		if (key === "label") this.__geaPatchCond(0);
+	}
+};
+//#endregion
+export { Switch as default };
+
+//# sourceMappingURL=switch.mjs.map

package/dist/switch.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.mjs","names":["switchMachine","normalizeProps","ZagComponent","handleComponentUpdate","registerHotModule","registerComponentInstance","unregisterComponentInstance","Switch","constructor","args","props","__geaCond_0","label","__geaRegisterCond","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","element_","__boundValue","__newClass","String","className","__geaPatchCond","import","meta","hot","__moduleExports","default","url","accept","newModule","__updatedModule","invalidate","__origCreated","prototype","created","__geaProps","call","__origDispose","dispose"],"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,IAAqBO,SAArB,cAAoCL,aAAa;CAHjDM,YAAsB,GAAGC,MAAI;AAAA,QAAA,GAAAA,KAAA;iBAIjB;AA2CS,OAAAC;AAAA,OAAAC,cAAA,CAAA,CAAA,KAAAD,MAaNE;AAAK,OAAAC,kBAAA,GAAA,YAAA;AAbC,QAAAH;AAAA,UAAA,KAAAA,MAaNE;WAAK;AAbC,QAAAF;AAAA,UAAA,oEAAA,KAAAA,MAeFE,MAAK;KAAA,KAAA;;CAxDtBG,cAAcC,QAAkB;AAC9B,SAAOhB,cAAciB;;CAGvBC,gBAAgBR,OAAY;AAC1B,SAAO;GACLS,IAAI,KAAKA;GACTL,SAASJ,MAAMI;GACfM,gBAAgBV,MAAMU;GACtBC,UAAUX,MAAMW;GAChBC,SAASZ,MAAMY;GACfC,UAAUb,MAAMa;GAChBC,UAAUd,MAAMc;GAChBC,MAAMf,MAAMe;GACZC,MAAMhB,MAAMgB;GACZC,OAAOjB,MAAMiB,SAAS;GACtBC,kBAAkBC,YAAgD;AAChE,SAAKf,UAAUe,QAAQf;AACvBJ,UAAMkB,kBAAkBC,QAAQ;;GAEnC;;CAGHE,WAAWC,SAAc;AACvB,SAAOhC,cAAciC,QAAQD,SAAS/B,eAAe;;CAGvDiC,eAAe;AACb,SAAO;GACL,wBAAsB;GACtB,yBAAuB;GACvB,2BAAyB;GACzB,yBAAuB;GACvB,gCAA8B;GAC/B;;CAGHC,UAAUC,KAAU;AAClB,OAAKtB,UAAUsB,IAAItB;;CAGrBuB,SAAS3B,OAAY;EAAA,MAAA4B,OAAA,KAAAnB;AAAAoB,YAAAC,UAAAtC,aAAA;AACnB,SAAA,cAAAoC,KAAA,4BACiC,6DAA6D5B,MAAM+B,SAAS,KAAIC,MAAA,CAAA,+gBAAAJ,OAAA,MAAA,KAW5G5B,MAAME,SAAK,oEAEPF,MAAME,MAAK,YAAA,GAAA,MAAA0B,OAAA,UAAA;;CA9DxBK,eAAsBC,KAAKjB,OAAK;AAAA,MAAAiB,QAAA,SAAA;GAAA,MAAAC,OAAA,KAAAC;AA+CX,QAAApC;GAAA,MAAAqC,eAAA,6DAAApB,SAE4F;AAAE,OAAAkB,MAAA;IAAA,MAAAG,cAAAD,gBAAA,OAAAE,OAAAF,aAAA,GAAA,IAAAL,MAAA;AAAA,QAAAG,KAAAK,cAAAF,WAAAH,MAAAK,YAAAF;;;AAAA,MAAAJ,QAAA,QAAA,MAAAO,eAAA,EAAA"}

package/dist/tabs.d.mts

@@ -0,0 +1,36 @@
+import { n as ZagComponent } from "./zag-component.mjs";
+import * as tabs from "@zag-js/tabs";
+import * as _zag_js_types0 from "@zag-js/types";
+
+//#region src/components/tabs.d.ts
+declare class Tabs extends ZagComponent {
+  value: string | null;
+  createMachine(_props: any): any;
+  getMachineProps(props: any): {
+    id: string;
+    value: any;
+    defaultValue: any;
+    orientation: any;
+    activationMode: any;
+    loopFocus: any;
+    onValueChange: (details: tabs.ValueChangeDetails) => void;
+    onFocusChange: any;
+  };
+  connectApi(service: any): tabs.Api<_zag_js_types0.PropTypes<{
+    [x: string]: any;
+  }>>;
+  _syncMachineProps(): void;
+  getSpreadMap(): {
+    '[data-part="root"]': string;
+    '[data-part="list"]': string;
+    '[data-part="indicator"]': (api: any) => any;
+    '[data-part="trigger"]': (api: any, el: any) => any;
+    '[data-part="content"]': (api: any, el: any) => any;
+  };
+  syncState(api: any): void;
+  onAfterRender(): void;
+  template(props: any): string;
+}
+//#endregion
+export { Tabs as default };
+//# sourceMappingURL=tabs.d.mts.map

package/dist/tabs.mjs

@@ -0,0 +1,175 @@
+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 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 {
+	createMachine(_props) {
+		return tabs.machine;
+	}
+	getMachineProps(props) {
+		return {
+			id: this.id,
+			value: props.value,
+			defaultValue: props.defaultValue,
+			orientation: props.orientation ?? "horizontal",
+			activationMode: props.activationMode ?? "automatic",
+			loopFocus: props.loopFocus ?? true,
+			onValueChange: (details) => {
+				this.value = details.value;
+				props.onValueChange?.(details);
+			},
+			onFocusChange: props.onFocusChange
+		};
+	}
+	connectApi(service) {
+		return tabs.connect(service, normalizeProps);
+	}
+	_syncMachineProps() {
+		super._syncMachineProps();
+		if (this._machine && this.rendered_) this._machine.service.send({ type: "SET_INDICATOR_RECT" });
+	}
+	getSpreadMap() {
+		return {
+			"[data-part=\"root\"]": "getRootProps",
+			"[data-part=\"list\"]": "getListProps",
+			"[data-part=\"indicator\"]": (api) => {
+				const props = api.getIndicatorProps();
+				props.style = (props.style || "") + "bottom:0;width:var(--width);height:2px;";
+				return props;
+			},
+			"[data-part=\"trigger\"]": (api, el) => api.getTriggerProps({ value: el.dataset.value }),
+			"[data-part=\"content\"]": (api, el) => api.getContentProps({ value: el.dataset.value })
+		};
+	}
+	syncState(api) {
+		this.value = api.value;
+	}
+	onAfterRender() {
+		super.onAfterRender();
+		if (this._api?.value && this._machine) this._machine.service.send({ type: "SET_INDICATOR_RECT" });
+	}
+	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()}"`}><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>`;
+	}
+	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>`;
+	}
+	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;
+		}
+		var __av = item.value;
+		if (__av == null || __av === false) el.removeAttribute("data-value");
+		else el.setAttribute("data-value", String(__av));
+		el.textContent = `
+              ${item.label}
+            `;
+		el.setAttribute("data-gea-item-id", item?.value ?? item);
+		el.__geaItem = item;
+		return el;
+	}
+	patch__unresolved_0Item(row, item, __prevItem) {
+		if (!row) return;
+		var __av = item.value;
+		if (__av == null || __av === false) row.removeAttribute("data-value");
+		else row.setAttribute("data-value", String(__av));
+		row.textContent = `
+              ${item.label}
+            `;
+		row.setAttribute("data-gea-item-id", item?.value ?? item);
+		row.__geaItem = 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>`;
+	}
+	create__unresolved_1Item(item) {
+		var __c = this.____unresolved_1_container;
+		if (!__c.__geaTpl) try {
+			var __tw = document.createElement("template");
+			__tw.innerHTML = this.render__unresolved_1Item({
+				value: 0,
+				content: ""
+			});
+			__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_1Item(item);
+			var el = __fw.content.firstElementChild;
+		}
+		var __av = item.value;
+		if (__av == null || __av === false) el.removeAttribute("data-value");
+		else el.setAttribute("data-value", String(__av));
+		el.textContent = `
+            ${item.content}
+          `;
+		el.setAttribute("data-gea-item-id", item?.value ?? item);
+		el.__geaItem = item;
+		return el;
+	}
+	patch__unresolved_1Item(row, item, __prevItem) {
+		if (!row) return;
+		var __av = item.value;
+		if (__av == null || __av === false) row.removeAttribute("data-value");
+		else row.setAttribute("data-value", String(__av));
+		row.textContent = `
+            ${item.content}
+          `;
+		row.setAttribute("data-gea-item-id", item?.value ?? 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 === "items") {
+			this.__geaSyncMap(0);
+			this.__geaSyncMap(1);
+		}
+	}
+	__observe_local_props(__v, __c) {
+		this.__geaSyncMap(0);
+		this.__geaSyncMap(1);
+	}
+	createdHooks() {
+		this.__geaRegisterMap(0, "____unresolved_0_container", () => document.getElementById(this.id + "-b1"), () => {
+			return this.props.items || [];
+		}, (__item) => this.create__unresolved_0Item(__item), "value");
+		this.__geaRegisterMap(1, "____unresolved_1_container", () => this.$(":scope"), () => {
+			return this.props.items || [];
+		}, (__item) => this.create__unresolved_1Item(__item), "value");
+	}
+};
+//#endregion
+export { Tabs as default };
+
+//# sourceMappingURL=tabs.mjs.map

package/dist/tabs.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.mjs","names":["__v","v","valueOf","Component","tabs","normalizeProps","ZagComponent","handleComponentUpdate","registerHotModule","registerComponentInstance","unregisterComponentInstance","Tabs","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","__err","console","error","cloneNode","__fw","__av","removeAttribute","setAttribute","textContent","__geaItem","patch__unresolved_0Item","row","__prevItem","render__unresolved_1Item","create__unresolved_1Item","____unresolved_1_container","patch__unresolved_1Item","__onPropChange","key","__el","element_","__boundValue","__newClass","className","__geaSyncMap","__observe_local_props","createdHooks","__geaRegisterMap","getElementById","__item","$","import","meta","hot","__moduleExports","default","url","accept","newModule","__updatedModule","invalidate","__origCreated","prototype","created","__geaProps","constructor","name","call","__origDispose","dispose"],"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.d.mts

@@ -0,0 +1,48 @@
+import { n as ZagComponent } from "./zag-component.mjs";
+import * as tagsInput from "@zag-js/tags-input";
+import * as _zag_js_types0 from "@zag-js/types";
+
+//#region src/components/tags-input.d.ts
+declare class TagsInput extends ZagComponent {
+  value: string[];
+  createMachine(_props: any): any;
+  getMachineProps(props: any): {
+    id: string;
+    value: any;
+    defaultValue: any;
+    max: any;
+    maxLength: any;
+    disabled: any;
+    readOnly: any;
+    invalid: any;
+    addOnPaste: any;
+    editable: any;
+    allowDuplicates: any;
+    name: any;
+    form: any;
+    placeholder: any;
+    blurBehavior: any;
+    delimiter: any;
+    onValueChange: (details: tagsInput.ValueChangeDetails) => void;
+  };
+  connectApi(service: any): tagsInput.Api<_zag_js_types0.PropTypes<{
+    [x: string]: any;
+  }>>;
+  getSpreadMap(): {
+    '[data-part="root"]': string;
+    '[data-part="label"]': string;
+    '[data-part="control"]': string;
+    '[data-part="input"]': string;
+    '[data-part="hidden-input"]': string;
+    '[data-part="clear-trigger"]': string;
+    '[data-part="item"]': (api: any, el: any) => any;
+    '[data-part="item-preview"]': (api: any, el: any) => any;
+    '[data-part="item-text"]': (api: any, el: any) => any;
+    '[data-part="item-delete-trigger"]': (api: any, el: any) => any;
+  };
+  syncState(api: any): void;
+  template(props: any): string;
+}
+//#endregion
+export { TagsInput as default };
+//# sourceMappingURL=tags-input.d.mts.map