@geajs/ui 0.1.3 → 0.1.5

package/dist/input.d.mts

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

package/dist/input.mjs

@@ -0,0 +1,62 @@
+import { t as cn } from "./cn.mjs";
+import "./_virtual_gea-hmr.mjs";
+import { Component } from "@geajs/core";
+//#region src/components/input.tsx
+var Input = class extends Component {
+	template(props) {
+		return `<input id="${props.inputId}"${cn("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", props.class) == null || cn("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", props.class) === false ? "" : ` class="${(cn("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", props.class) != null ? String(cn("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", props.class)) : "").trim()}"`}${(props.type || "text") == null || (props.type || "text") === false ? "" : ` type="${props.type || "text"}"`}${props.placeholder == null || props.placeholder === false ? "" : ` placeholder="${props.placeholder}"`}${props.value == null || props.value === false ? "" : ` value="${props.value}"`}${props.disabled == null || props.disabled === false ? "" : ` disabled="${props.disabled}"`}${props.name == null || props.name === false ? "" : ` name="${props.name}"`} data-gea-event="ev0" />`;
+	}
+	get events() {
+		if (this.__evts) return this.__evts;
+		return this.__evts = { input: { "[data-gea-event=\"ev0\"]": this.__event_input_0 } };
+	}
+	__event_input_0(e, targetComponent) {
+		this.props.onInput?.(e);
+	}
+	__onPropChange(key, value) {
+		if (key === "class") {
+			const __el = this.element_;
+			this.props;
+			const __boundValue = cn("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", value);
+			if (__el) {
+				const __newClass = (__boundValue != null ? String(__boundValue) : "").trim();
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		}
+		if (key === "type") {
+			const __el = this.element_;
+			this.props;
+			const __boundValue = value || "text";
+			if (__el) if (__boundValue === null || __boundValue === void 0) __el.removeAttribute("type");
+			else __el.setAttribute("type", String(__boundValue));
+		}
+		if (key === "placeholder") {
+			const __el = this.element_;
+			if (__el) if (value === null || value === void 0) __el.removeAttribute("placeholder");
+			else __el.setAttribute("placeholder", String(value));
+		}
+		if (key === "value") {
+			const __el = this.element_;
+			if (__el) __el.value = value === null || value === void 0 ? "" : String(value);
+		}
+		if (key === "disabled") {
+			const __el = this.element_;
+			if (__el) if (!value) __el.removeAttribute("disabled");
+			else __el.setAttribute("disabled", "");
+		}
+		if (key === "name") {
+			const __el = this.element_;
+			if (__el) if (value === null || value === void 0) __el.removeAttribute("name");
+			else __el.setAttribute("name", String(value));
+		}
+		if (key === "inputId") {
+			const __el = this.element_;
+			if (__el) if (value === null || value === void 0) __el.removeAttribute("id");
+			else __el.setAttribute("id", String(value));
+		}
+	}
+};
+//#endregion
+export { Input as default };
+
+//# sourceMappingURL=input.mjs.map

package/dist/input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.mjs","names":["Component","cn","handleComponentUpdate","registerHotModule","registerComponentInstance","unregisterComponentInstance","Input","template","props","inputId","class","String","trim","type","placeholder","value","disabled","name","events","__evts","input","__event_input_0","e","targetComponent","onInput","__onPropChange","key","__el","element_","__boundValue","__newClass","className","undefined","removeAttribute","setAttribute","import","meta","hot","__moduleExports","default","url","accept","newModule","__updatedModule","invalidate","__origCreated","prototype","created","__geaProps","constructor","call","__origDispose","dispose"],"sources":["../src/components/input.tsx"],"sourcesContent":["import { Component } from '@geajs/core'\nimport { cn } from '../utils/cn'\n\nexport default class Input extends Component {\n  template(props: any) {\n    return (\n      <input\n        class={cn(\n          'flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm',\n          props.class,\n        )}\n        type={props.type || 'text'}\n        placeholder={props.placeholder}\n        value={props.value}\n        disabled={props.disabled}\n        name={props.name}\n        id={props.inputId}\n        input={(e: Event) => props.onInput?.(e)}\n      />\n    )\n  }\n}\n"],"mappings":";;;;AAGA,IAAqBM,QAArB,cAAmCN,UAAU;CAC3CO,SAASC,OAAY;AACnB,SAAA,cAWQA,MAAMC,QAAO,GATVR,GACL,2WACAO,MAAME,MACP,IAAA,QAHMT,GACL,2WACAO,MAAME,MACP,KAAA,QAAA,KAAA,YAHMT,GACL,2WACAO,MAAME,MACP,IAAA,OAAAC,OAHMV,GACL,2WACAO,MAAME,MACP,CAAA,GAAA,IAAAE,MAAA,CAAA,MACKJ,MAAMK,QAAQ,WAAM,SAApBL,MAAMK,QAAQ,YAAM,QAAA,KAAA,UAApBL,MAAMK,QAAQ,OAAM,KACbL,MAAMM,eAAW,QAAjBN,MAAMM,gBAAW,QAAA,KAAA,iBAAjBN,MAAMM,YAAW,KACvBN,MAAMO,SAAK,QAAXP,MAAMO,UAAK,QAAA,KAAA,WAAXP,MAAMO,MAAK,KACRP,MAAMQ,YAAQ,QAAdR,MAAMQ,aAAQ,QAAA,KAAA,cAAdR,MAAMQ,SAAQ,KAClBR,MAAMS,QAAI,QAAVT,MAAMS,SAAI,QAAA,KAAA,UAAVT,MAAMS,KAAI,GAAA;;CAKrB,IAAAC,SAAA;AAAA,MAAA,KAAAC,OAAA,QAAA,KAAAA;AAAA,SAAA,KAAAA,SAAA,EAAAC,OAAA,EAAA,4BAAA,KAAAC,iBAAA,EAAA;;CAnBHA,gBAAsBC,GAAGC,iBAAiB;AAAA,OAAAf,MAgBPgB,UAAUF,EAAC;;CAhB9CG,eAAsBC,KAAKX,OAAK;AAAA,MAAAW,QAAA,SAAA;GAAA,MAAAC,OAAA,KAAAC;AAGX,QAAApB;GAAA,MAAAqB,eAGN5B,GACL,2WAAyWc,MAAA;AAAA,OAAAY,MAAA;IAAA,MAAAG,cAAAD,gBAAA,OAAAlB,OAAAkB,aAAA,GAAA,IAAAjB,MAAA;AAAA,QAAAe,KAAAI,cAAAD,WAAAH,MAAAI,YAAAD;;;AAAA,MAAAJ,QAAA,QAAA;GAAA,MAAAC,OAAA,KAAAC;AAJ9V,QAAApB;GAAA,MAAAqB,eAAAd,SAOO;AAAM,OAAAY,KAAA,KAAAE,iBAAA,QAAAA,iBAAAG,KAAAA,EAAAL,MAAAM,gBAAA,OAAA;OAAAN,MAAAO,aAAA,QAAAvB,OAAAkB,aAAA,CAAA;;AAAA,MAAAH,QAAA,eAAA;GAAA,MAAAC,OAAA,KAAAC;AAAA,OAAAD,KAAA,KAAAZ,UAAA,QAAAA,UAAAiB,KAAAA,EAAAL,MAAAM,gBAAA,cAAA;OAAAN,MAAAO,aAAA,eAAAvB,OAAAI,MAAA,CAAA;;AAAA,MAAAW,QAAA,SAAA;GAAA,MAAAC,OAAA,KAAAC;AAAA,OAAAD,KAAAA,MAAAZ,QAAAA,UAAA,QAAAA,UAAAiB,KAAAA,IAAA,KAAArB,OAAAI,MAAA;;AAAA,MAAAW,QAAA,YAAA;GAAA,MAAAC,OAAA,KAAAC;AAAA,OAAAD,KAAA,KAAA,CAAAZ,MAAAY,MAAAM,gBAAA,WAAA;OAAAN,MAAAO,aAAA,YAAA,GAAA;;AAAA,MAAAR,QAAA,QAAA;GAAA,MAAAC,OAAA,KAAAC;AAAA,OAAAD,KAAA,KAAAZ,UAAA,QAAAA,UAAAiB,KAAAA,EAAAL,MAAAM,gBAAA,OAAA;OAAAN,MAAAO,aAAA,QAAAvB,OAAAI,MAAA,CAAA;;AAAA,MAAAW,QAAA,WAAA;GAAA,MAAAC,OAAA,KAAAC;AAAA,OAAAD,KAAA,KAAAZ,UAAA,QAAAA,UAAAiB,KAAAA,EAAAL,MAAAM,gBAAA,KAAA;OAAAN,MAAAO,aAAA,MAAAvB,OAAAI,MAAA,CAAA"}

package/dist/label.d.mts

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

package/dist/label.mjs

@@ -0,0 +1,37 @@
+import { t as cn } from "./cn.mjs";
+import "./_virtual_gea-hmr.mjs";
+import { Component } from "@geajs/core";
+//#region src/components/label.tsx
+var Label = class extends Component {
+	template(props) {
+		return `<label id="${this.id}"${cn("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", props.class) == null || cn("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", props.class) === false ? "" : ` class="${(cn("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", props.class) != null ? String(cn("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", props.class)) : "").trim()}"`}${props.htmlFor == null || props.htmlFor === false ? "" : ` for="${props.htmlFor}"`}>${props.children}</label>`;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") {
+			const __el = this.element_;
+			this.props;
+			const __boundValue = cn("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70", value);
+			if (__el) {
+				const __newClass = (__boundValue != null ? String(__boundValue) : "").trim();
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		}
+		if (key === "htmlFor") {
+			const __el = this.element_;
+			if (__el) if (value === null || value === void 0) __el.removeAttribute("for");
+			else __el.setAttribute("for", String(value));
+		}
+		if (key === "children") {
+			const __el = this.element_;
+			if (__el && __el.innerHTML !== value) {
+				__el.innerHTML = value;
+				this.instantiateChildComponents_();
+				if (this.parentComponent) this.parentComponent.mountCompiledChildComponents_();
+			}
+		}
+	}
+};
+//#endregion
+export { Label as default };
+
+//# sourceMappingURL=label.mjs.map

package/dist/label.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.mjs","names":["Component","cn","handleComponentUpdate","registerHotModule","registerComponentInstance","unregisterComponentInstance","Label","template","props","__id","id","class","String","trim","htmlFor","children","__onPropChange","key","value","__el","element_","__boundValue","__newClass","className","undefined","removeAttribute","setAttribute","innerHTML","instantiateChildComponents_","parentComponent","mountCompiledChildComponents_","import","meta","hot","__moduleExports","default","url","accept","newModule","__updatedModule","invalidate","__origCreated","prototype","created","__geaProps","constructor","name","call","__origDispose","dispose"],"sources":["../src/components/label.tsx"],"sourcesContent":["import { Component } from '@geajs/core'\nimport { cn } from '../utils/cn'\n\nexport default class Label extends Component {\n  template(props: any) {\n    return (\n      <label\n        class={cn(\n          'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70',\n          props.class,\n        )}\n        for={props.htmlFor}\n      >\n        {props.children}\n      </label>\n    )\n  }\n}\n"],"mappings":";;;;AAGA,IAAqBM,QAArB,cAAmCN,UAAU;CAC3CO,SAASC,OAAY;AACnB,SAAA,cADmB,KAAAE,GACnB,GAEWT,GACL,8FACAO,MAAMG,MACP,IAAA,QAHMV,GACL,8FACAO,MAAMG,MACP,KAAA,QAAA,KAAA,YAHMV,GACL,8FACAO,MAAMG,MACP,IAAA,OAAAC,OAHMX,GACL,8FACAO,MAAMG,MACP,CAAA,GAAA,IAAAE,MAAA,CAAA,KACIL,MAAMM,WAAO,QAAbN,MAAMM,YAAO,QAAA,KAAA,SAAbN,MAAMM,QAAO,GAAA,GAEjBN,MAAMO,SAAQ;;CAZvBC,eAAsBC,KAAKC,OAAK;AAAA,MAAAD,QAAA,SAAA;GAAA,MAAAE,OAAA,KAAAC;AAGX,QAAAZ;GAAA,MAAAa,eAGNpB,GACL,8FAA4FiB,MAAA;AAAA,OAAAC,MAAA;IAAA,MAAAG,cAAAD,gBAAA,OAAAT,OAAAS,aAAA,GAAA,IAAAR,MAAA;AAAA,QAAAM,KAAAI,cAAAD,WAAAH,MAAAI,YAAAD;;;AAAA,MAAAL,QAAA,WAAA;GAAA,MAAAE,OAAA,KAAAC;AAAA,OAAAD,KAAA,KAAAD,UAAA,QAAAA,UAAAM,KAAAA,EAAAL,MAAAM,gBAAA,MAAA;OAAAN,MAAAO,aAAA,OAAAd,OAAAM,MAAA,CAAA;;AAAA,MAAAD,QAAA,YAAA;GAAA,MAAAE,OAAA,KAAAC;AAAA,OAAAD,QAAAA,KAAAQ,cAAAT,OAAA;AAAAC,SAAAQ,YAAAT;AAAA,SAAAU,6BAAA;AAAA,QAAA,KAAAC,gBAAA,MAAAA,gBAAAC,+BAAA"}

package/dist/menu.d.mts

@@ -0,0 +1,36 @@
+import { n as ZagComponent } from "./zag-component.mjs";
+import * as menu from "@zag-js/menu";
+import * as _zag_js_types0 from "@zag-js/types";
+
+//#region src/components/menu.d.ts
+declare class Menu extends ZagComponent {
+  open: boolean;
+  createMachine(_props: any): any;
+  getMachineProps(props: any): {
+    id: string;
+    open: any;
+    defaultOpen: any;
+    closeOnSelect: any;
+    loopFocus: any;
+    positioning: any;
+    onOpenChange: (details: menu.OpenChangeDetails) => void;
+    onSelect: any;
+  };
+  connectApi(service: any): menu.Api<_zag_js_types0.PropTypes<{
+    [x: string]: any;
+  }>>;
+  getSpreadMap(): {
+    '[data-part="trigger"]': string;
+    '[data-part="positioner"]': string;
+    '[data-part="content"]': string;
+    '[data-part="separator"]': string;
+    '[data-part="item"]': (api: any, el: any) => any;
+    '[data-part="item-group"]': (api: any, el: any) => any;
+    '[data-part="item-group-label"]': (api: any, el: any) => any;
+  };
+  syncState(api: any): void;
+  template(props: any): string;
+}
+//#endregion
+export { Menu as default };
+//# sourceMappingURL=menu.d.mts.map

package/dist/menu.mjs

@@ -0,0 +1,86 @@
+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 menu from "@zag-js/menu";
+//#region src/components/menu.tsx
+var Menu = class extends ZagComponent {
+	createMachine(_props) {
+		return menu.machine;
+	}
+	getMachineProps(props) {
+		return {
+			id: this.id,
+			open: props.open,
+			defaultOpen: props.defaultOpen,
+			closeOnSelect: props.closeOnSelect ?? true,
+			loopFocus: props.loopFocus ?? false,
+			positioning: props.positioning,
+			onOpenChange: (details) => {
+				this.open = details.open;
+				props.onOpenChange?.(details);
+			},
+			onSelect: props.onSelect
+		};
+	}
+	connectApi(service) {
+		return menu.connect(service, normalizeProps);
+	}
+	getSpreadMap() {
+		return {
+			"[data-part=\"trigger\"]": "getTriggerProps",
+			"[data-part=\"positioner\"]": "getPositionerProps",
+			"[data-part=\"content\"]": "getContentProps",
+			"[data-part=\"separator\"]": "getSeparatorProps",
+			"[data-part=\"item\"]": (api, el) => api.getItemProps({ value: el.dataset.value }),
+			"[data-part=\"item-group\"]": (api, el) => api.getItemGroupProps({ id: el.dataset.groupId }),
+			"[data-part=\"item-group-label\"]": (api, el) => api.getItemGroupLabelProps({ htmlFor: el.dataset.htmlFor })
+		};
+	}
+	syncState(api) {
+		this.open = api.open;
+	}
+	template(props) {
+		const __id = this.id;
+		Component._register(ZagComponent);
+		const items = props.items || [];
+		return `<div id="${__id}"${(props.class || "") == null || (props.class || "") === false ? "" : ` class="${((props.class || "") != null ? String(props.class || "") : "").trim()}"`}><button id="${__id + "-b1"}" data-part="trigger" class="menu-trigger inline-flex items-center justify-center gap-1 rounded-md border border-input bg-background px-4 py-2 text-sm font-medium shadow-sm hover:bg-accent hover:text-accent-foreground">${props.triggerLabel || "Menu"}</button><div data-part="positioner" class="menu-positioner"><div id="${__id + "-b2"}" data-part="content" class="menu-content z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md">${items.map((item, i) => item.type === "separator" ? `<div data-gea-item-id="${String(item)}" data-part="separator" class="menu-separator -mx-1 my-1 h-px bg-muted"></div>` : `<div data-gea-item-id="${item?.id ?? item}" data-part="item"${item.value == null || item.value === false ? "" : ` data-value="${item.value}"`} class="menu-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">${item.label}</div>`).join("") + "<!---->"}</div></div></div>`;
+	}
+	render__unresolved_0Item(item, i) {
+		return `<div data-gea-item-id="${item?.id ?? item}" data-part="separator" class="menu-separator -mx-1 my-1 h-px bg-muted"></div>`;
+	}
+	__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 === "triggerLabel") {
+			const __el = this.__e0 || (this.__e0 = document.getElementById(__id + "-b1"));
+			this.props;
+			const __boundValue = value || "Menu";
+			if (__el && __el.textContent !== __boundValue) __el.textContent = __boundValue;
+		}
+		if (key === "items") this.__geaSyncMap(0);
+	}
+	__resetEls() {
+		this.__e0 = null;
+	}
+	__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, __idx) => this.create__unresolved_0Item(__item, __idx));
+	}
+};
+//#endregion
+export { Menu as default };
+
+//# sourceMappingURL=menu.mjs.map

package/dist/menu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.mjs","names":["menu","normalizeProps","ZagComponent","handleComponentUpdate","registerHotModule","registerComponentInstance","unregisterComponentInstance","Menu","open","createMachine","_props","machine","getMachineProps","props","id","defaultOpen","closeOnSelect","loopFocus","positioning","onOpenChange","details","OpenChangeDetails","onSelect","connectApi","service","connect","getSpreadMap","[data-part=\"item\"]","api","el","getItemProps","value","HTMLElement","dataset","[data-part=\"item-group\"]","getItemGroupProps","groupId","[data-part=\"item-group-label\"]","getItemGroupLabelProps","htmlFor","syncState","template","__id","Component","_register","items","class","String","trim","triggerLabel","map","item","i","type","label","join","render__unresolved_0Item","__onPropChange","key","__el","element_","__boundValue","__newClass","className","__e0","document","getElementById","textContent","__geaSyncMap","__resetEls","__observe_local_props","__v","__c","createdHooks","__geaRegisterMap","__item","__idx","create__unresolved_0Item","import","meta","hot","__moduleExports","default","url","accept","newModule","__updatedModule","invalidate","__origCreated","prototype","created","__geaProps","constructor","name","call","__origDispose","dispose"],"sources":["../src/components/menu.tsx"],"sourcesContent":["import * as menu from '@zag-js/menu'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class Menu extends ZagComponent {\n  declare open: boolean\n\n  createMachine(_props: any): any {\n    return menu.machine\n  }\n\n  getMachineProps(props: any) {\n    return {\n      id: this.id,\n      open: props.open,\n      defaultOpen: props.defaultOpen,\n      closeOnSelect: props.closeOnSelect ?? true,\n      loopFocus: props.loopFocus ?? false,\n      positioning: props.positioning,\n      onOpenChange: (details: menu.OpenChangeDetails) => {\n        this.open = details.open\n        props.onOpenChange?.(details)\n      },\n      onSelect: props.onSelect,\n    }\n  }\n\n  connectApi(service: any) {\n    return menu.connect(service, normalizeProps)\n  }\n\n  getSpreadMap() {\n    return {\n      '[data-part=\"trigger\"]': 'getTriggerProps',\n      '[data-part=\"positioner\"]': 'getPositionerProps',\n      '[data-part=\"content\"]': 'getContentProps',\n      '[data-part=\"separator\"]': 'getSeparatorProps',\n      '[data-part=\"item\"]': (api, el) => api.getItemProps({ value: (el as HTMLElement).dataset.value }),\n      '[data-part=\"item-group\"]': (api, el) => api.getItemGroupProps({ id: (el as HTMLElement).dataset.groupId }),\n      '[data-part=\"item-group-label\"]': (api, el) =>\n        api.getItemGroupLabelProps({ htmlFor: (el as HTMLElement).dataset.htmlFor }),\n    }\n  }\n\n  syncState(api: any) {\n    this.open = api.open\n  }\n\n  template(props: any) {\n    const items = props.items || []\n    return (\n      <div class={props.class || ''}>\n        <button\n          data-part=\"trigger\"\n          class=\"menu-trigger inline-flex items-center justify-center gap-1 rounded-md border border-input bg-background px-4 py-2 text-sm font-medium shadow-sm hover:bg-accent hover:text-accent-foreground\"\n        >\n          {props.triggerLabel || 'Menu'}\n        </button>\n        <div data-part=\"positioner\" class=\"menu-positioner\">\n          <div\n            data-part=\"content\"\n            class=\"menu-content z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md\"\n          >\n            {items.map((item: any, i: number) =>\n              item.type === 'separator' ? (\n                <div key={`sep-${i}`} data-part=\"separator\" class=\"menu-separator -mx-1 my-1 h-px bg-muted\"></div>\n              ) : (\n                <div\n                  key={item.value}\n                  data-part=\"item\"\n                  data-value={item.value}\n                  class=\"menu-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                  {item.label}\n                </div>\n              ),\n            )}\n          </div>\n        </div>\n      </div>\n    )\n  }\n}\n"],"mappings":";;;;;;AAIA,IAAqBO,OAArB,cAAkCL,aAAa;CAG7CO,cAAcC,QAAkB;AAC9B,SAAOV,KAAKW;;CAGdC,gBAAgBC,OAAY;AAC1B,SAAO;GACLC,IAAI,KAAKA;GACTN,MAAMK,MAAML;GACZO,aAAaF,MAAME;GACnBC,eAAeH,MAAMG,iBAAiB;GACtCC,WAAWJ,MAAMI,aAAa;GAC9BC,aAAaL,MAAMK;GACnBC,eAAeC,YAAoC;AACjD,SAAKZ,OAAOY,QAAQZ;AACpBK,UAAMM,eAAeC,QAAQ;;GAE/BE,UAAUT,MAAMS;GACjB;;CAGHC,WAAWC,SAAc;AACvB,SAAOxB,KAAKyB,QAAQD,SAASvB,eAAe;;CAG9CyB,eAAe;AACb,SAAO;GACL,2BAAyB;GACzB,8BAA4B;GAC5B,2BAAyB;GACzB,6BAA2B;GAC3B,yBAAuBE,KAAKC,OAAOD,IAAIE,aAAa,EAAEC,OAAQF,GAAmBI,QAAQF,OAAO,CAAC;GACjG,+BAA6BH,KAAKC,OAAOD,IAAIO,kBAAkB,EAAErB,IAAKe,GAAmBI,QAAQG,SAAS,CAAC;GAC3G,qCAAmCR,KAAKC,OACtCD,IAAIU,uBAAuB,EAAEC,SAAUV,GAAmBI,QAAQM,SAAS,CAAA;GAC9E;;CAGHC,UAAUZ,KAAU;AAClB,OAAKpB,OAAOoB,IAAIpB;;CAGlBiC,SAAS5B,OAAY;EAAA,MAAA6B,OAAA,KAAA5B;AAAA6B,YAAAC,UAAA1C,aAAA;EACnB,MAAM2C,QAAQhC,MAAMgC,SAAS,EAAE;AAC/B,SAAA,YAAAH,KAAA,IACc7B,MAAMiC,SAAS,OAAE,SAAjBjC,MAAMiC,SAAS,QAAE,QAAA,KAAA,aAAjBjC,MAAMiC,SAAS,OAAE,OAAAC,OAAjBlC,MAAMiC,SAAS,GAAE,GAAA,IAAAE,MAAA,CAAA,GAAA,eAAAN,OAAA,MAAA,6NAKxB7B,MAAMoC,gBAAgB,OAAM,wEAAAP,OAAA,MAAA,kJAO1BG,MAAMK,KAAKC,MAAWC,MACrBD,KAAKE,SAAS,cAAW,0BAAAN,OAAAI,KAAA,CAAA,kFAAA,0BAAAA,MAAArC,MAAAqC,KAAA,oBAMTA,KAAKpB,SAAK,QAAVoB,KAAKpB,UAAK,QAAA,KAAA,gBAAVoB,KAAKpB,MAAK,GAAA,6PAGrBoB,KAAKG,MAAK,QAAA,CAAAC,KAAA,GAAA,GAAA,UAAA;;CAxE7BC,yBAAAL,MAAAC,GAAA;AAAA,SAAA,0BAAAD,MAAArC,MAAAqC,KAAA;;CAAAM,eAAsBC,KAAK3B,OAAK;EAAA,MAAAW,OAAA,KAAA5B;AAAA,MAAA4C,QAAA,SAAA;GAAA,MAAAC,OAAA,KAAAC;AA+CX,QAAA/C;GAAA,MAAAgD,eAAA9B,SAGY;AAAE,OAAA4B,MAAA;IAAA,MAAAG,cAAAD,gBAAA,OAAAd,OAAAc,aAAA,GAAA,IAAAb,MAAA;AAAA,QAAAW,KAAAI,cAAAD,WAAAH,MAAAI,YAAAD;;;AAAA,MAAAJ,QAAA,gBAAA;GAAA,MAAAC,OAAA,KAAAK,SAAA,KAAAA,OAAAC,SAAAC,eAAAxB,OAAA,MAAA;AAHd,QAAA7B;GAAA,MAAAgD,eAAA9B,SAQY;AAAM,OAAA4B,QAAAA,KAAAQ,gBAAAN,aAAAF,MAAAQ,cAAAN;;AAAA,MAAAH,QAAA,QAAA,MAAAU,aAAA,EAAA;;CAvDHC,aAAA;AAAA,OAAAL,OAAA;;CAAAM,sBAAAC,KAAAC,KAAA;AAAA,OAAAJ,aAAA,EAAA;;CAApCK,eAAwB;AAAA,OAAAC,iBAAA,GAAA,oCAAAT,SAAAC,eAAA,KAAApD,KAAA,MAAA,QAAA;AAAA,UAAA,KAAAD,MAgDAgC,SAAK,EAAA;MAAA8B,QAAAC,UAAA,KAAAC,yBAAAF,QAAAC,MAAA,CAAA"}

package/dist/number-input.d.mts

@@ -0,0 +1,46 @@
+import { n as ZagComponent } from "./zag-component.mjs";
+import * as numberInput from "@zag-js/number-input";
+import * as _zag_js_types0 from "@zag-js/types";
+
+//#region src/components/number-input.d.ts
+declare class NumberInput extends ZagComponent {
+  value: string;
+  valueAsNumber: number;
+  createMachine(_props: any): any;
+  getMachineProps(props: any): {
+    id: string;
+    value: any;
+    defaultValue: any;
+    min: any;
+    max: any;
+    step: any;
+    disabled: any;
+    readOnly: any;
+    invalid: any;
+    required: any;
+    name: any;
+    form: any;
+    allowMouseWheel: any;
+    clampValueOnBlur: any;
+    formatOptions: any;
+    locale: any;
+    onValueChange: (details: numberInput.ValueChangeDetails) => void;
+  };
+  connectApi(service: any): numberInput.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="increment-trigger"]': string;
+    '[data-part="decrement-trigger"]': string;
+    '[data-part="scrubber"]': string;
+  };
+  syncState(api: any): void;
+  template(props: any): string;
+}
+//#endregion
+export { NumberInput as default };
+//# sourceMappingURL=number-input.d.mts.map

package/dist/number-input.mjs

@@ -0,0 +1,87 @@
+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 numberInput from "@zag-js/number-input";
+//#region src/components/number-input.tsx
+var NumberInput = 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="number-input-label text-sm font-medium mb-1 block">${this.props.label}</label>`;
+		}, null);
+	}
+	createMachine(_props) {
+		return numberInput.machine;
+	}
+	getMachineProps(props) {
+		return {
+			id: this.id,
+			value: props.value,
+			defaultValue: props.defaultValue,
+			min: props.min,
+			max: props.max,
+			step: props.step ?? 1,
+			disabled: props.disabled,
+			readOnly: props.readOnly,
+			invalid: props.invalid,
+			required: props.required,
+			name: props.name,
+			form: props.form,
+			allowMouseWheel: props.allowMouseWheel,
+			clampValueOnBlur: props.clampValueOnBlur ?? true,
+			formatOptions: props.formatOptions,
+			locale: props.locale,
+			onValueChange: (details) => {
+				this.value = details.value;
+				this.valueAsNumber = details.valueAsNumber;
+				props.onValueChange?.(details);
+			}
+		};
+	}
+	connectApi(service) {
+		return numberInput.connect(service, normalizeProps);
+	}
+	getSpreadMap() {
+		return {
+			"[data-part=\"root\"]": "getRootProps",
+			"[data-part=\"label\"]": "getLabelProps",
+			"[data-part=\"control\"]": "getControlProps",
+			"[data-part=\"input\"]": "getInputProps",
+			"[data-part=\"increment-trigger\"]": "getIncrementTriggerProps",
+			"[data-part=\"decrement-trigger\"]": "getDecrementTriggerProps",
+			"[data-part=\"scrubber\"]": "getScrubberProps"
+		};
+	}
+	syncState(api) {
+		this.value = api.value;
+		this.valueAsNumber = api.valueAsNumber;
+	}
+	template(props) {
+		const __id = this.id;
+		Component._register(ZagComponent);
+		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="number-input-label text-sm font-medium mb-1 block">${props.label}</label>` || ""}<!--${__id + "-c0-end"}--><div data-part="control" class="number-input-control flex"><button data-part="decrement-trigger" class="number-input-decrement inline-flex h-9 items-center justify-center rounded-l-md border border-r-0 border-input px-2 hover:bg-accent">−</button><input data-part="input" class="number-input-input h-9 w-full border border-input bg-transparent px-3 text-center text-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring" /><button data-part="increment-trigger" class="number-input-increment inline-flex h-9 items-center justify-center rounded-r-md border border-l-0 border-input px-2 hover:bg-accent">+</button></div></div>`;
+	}
+	__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);
+	}
+};
+//#endregion
+export { NumberInput as default };
+
+//# sourceMappingURL=number-input.mjs.map

package/dist/number-input.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-input.mjs","names":["numberInput","normalizeProps","ZagComponent","handleComponentUpdate","registerHotModule","registerComponentInstance","unregisterComponentInstance","NumberInput","constructor","args","props","__geaCond_0","label","__geaRegisterCond","value","valueAsNumber","createMachine","_props","machine","getMachineProps","id","defaultValue","min","max","step","disabled","readOnly","invalid","required","name","form","allowMouseWheel","clampValueOnBlur","formatOptions","locale","onValueChange","details","ValueChangeDetails","connectApi","service","connect","getSpreadMap","syncState","api","template","__id","Component","_register","class","String","trim","__onPropChange","key","__el","element_","__boundValue","__newClass","className","__geaPatchCond","import","meta","hot","__moduleExports","default","url","accept","newModule","__updatedModule","invalidate","__origCreated","prototype","created","__geaProps","call","__origDispose","dispose"],"sources":["../src/components/number-input.tsx"],"sourcesContent":["import * as numberInput from '@zag-js/number-input'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class NumberInput extends ZagComponent {\n  declare value: string\n  declare valueAsNumber: number\n\n  createMachine(_props: any): any {\n    return numberInput.machine\n  }\n\n  getMachineProps(props: any) {\n    return {\n      id: this.id,\n      value: props.value,\n      defaultValue: props.defaultValue,\n      min: props.min,\n      max: props.max,\n      step: props.step ?? 1,\n      disabled: props.disabled,\n      readOnly: props.readOnly,\n      invalid: props.invalid,\n      required: props.required,\n      name: props.name,\n      form: props.form,\n      allowMouseWheel: props.allowMouseWheel,\n      clampValueOnBlur: props.clampValueOnBlur ?? true,\n      formatOptions: props.formatOptions,\n      locale: props.locale,\n      onValueChange: (details: numberInput.ValueChangeDetails) => {\n        this.value = details.value\n        this.valueAsNumber = details.valueAsNumber\n        props.onValueChange?.(details)\n      },\n    }\n  }\n\n  connectApi(service: any) {\n    return numberInput.connect(service, normalizeProps)\n  }\n\n  getSpreadMap() {\n    return {\n      '[data-part=\"root\"]': 'getRootProps',\n      '[data-part=\"label\"]': 'getLabelProps',\n      '[data-part=\"control\"]': 'getControlProps',\n      '[data-part=\"input\"]': 'getInputProps',\n      '[data-part=\"increment-trigger\"]': 'getIncrementTriggerProps',\n      '[data-part=\"decrement-trigger\"]': 'getDecrementTriggerProps',\n      '[data-part=\"scrubber\"]': 'getScrubberProps',\n    }\n  }\n\n  syncState(api: any) {\n    this.value = api.value\n    this.valueAsNumber = api.valueAsNumber\n  }\n\n  template(props: any) {\n    return (\n      <div data-part=\"root\" class={props.class || ''}>\n        {props.label && (\n          <label data-part=\"label\" class=\"number-input-label text-sm font-medium mb-1 block\">\n            {props.label}\n          </label>\n        )}\n        <div data-part=\"control\" class=\"number-input-control flex\">\n          <button\n            data-part=\"decrement-trigger\"\n            class=\"number-input-decrement inline-flex h-9 items-center justify-center rounded-l-md border border-r-0 border-input px-2 hover:bg-accent\"\n          >\n            &#x2212;\n          </button>\n          <input\n            data-part=\"input\"\n            class=\"number-input-input h-9 w-full border border-input bg-transparent px-3 text-center text-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring\"\n          />\n          <button\n            data-part=\"increment-trigger\"\n            class=\"number-input-increment inline-flex h-9 items-center justify-center rounded-r-md border border-l-0 border-input px-2 hover:bg-accent\"\n          >\n            &#x2B;\n          </button>\n        </div>\n      </div>\n    )\n  }\n}\n"],"mappings":";;;;;;AAIA,IAAqBO,cAArB,cAAyCL,aAAa;CAHtDM,YAAsB,GAAGC,MAAI;AAAA,QAAA,GAAAA,KAAA;AA0DR,OAAAC;AAAA,OAAAC,cAAA,CAAA,CAAA,KAAAD,MAGNE;AAAK,OAAAC,kBAAA,GAAA,YAAA;AAHC,QAAAH;AAAA,UAAA,KAAAA,MAGNE;WAAK;AAHC,QAAAF;AAAA,UAAA,sFAAA,KAAAA,MAKFE,MAAK;KAAA,KAAA;;CAxDtBI,cAAcC,QAAkB;AAC9B,SAAOjB,YAAYkB;;CAGrBC,gBAAgBT,OAAY;AAC1B,SAAO;GACLU,IAAI,KAAKA;GACTN,OAAOJ,MAAMI;GACbO,cAAcX,MAAMW;GACpBC,KAAKZ,MAAMY;GACXC,KAAKb,MAAMa;GACXC,MAAMd,MAAMc,QAAQ;GACpBC,UAAUf,MAAMe;GAChBC,UAAUhB,MAAMgB;GAChBC,SAASjB,MAAMiB;GACfC,UAAUlB,MAAMkB;GAChBC,MAAMnB,MAAMmB;GACZC,MAAMpB,MAAMoB;GACZC,iBAAiBrB,MAAMqB;GACvBC,kBAAkBtB,MAAMsB,oBAAoB;GAC5CC,eAAevB,MAAMuB;GACrBC,QAAQxB,MAAMwB;GACdC,gBAAgBC,YAA4C;AAC1D,SAAKtB,QAAQsB,QAAQtB;AACrB,SAAKC,gBAAgBqB,QAAQrB;AAC7BL,UAAMyB,gBAAgBC,QAAQ;;GAEjC;;CAGHE,WAAWC,SAAc;AACvB,SAAOvC,YAAYwC,QAAQD,SAAStC,eAAe;;CAGrDwC,eAAe;AACb,SAAO;GACL,wBAAsB;GACtB,yBAAuB;GACvB,2BAAyB;GACzB,yBAAuB;GACvB,qCAAmC;GACnC,qCAAmC;GACnC,4BAA0B;GAC3B;;CAGHC,UAAUC,KAAU;AAClB,OAAK7B,QAAQ6B,IAAI7B;AACjB,OAAKC,gBAAgB4B,IAAI5B;;CAG3B6B,SAASlC,OAAY;EAAA,MAAAmC,OAAA,KAAAzB;AAAA0B,YAAAC,UAAA7C,aAAA;AACnB,SAAA,YAAA2C,KAAA,qBAC+BnC,MAAMsC,SAAS,OAAE,SAAjBtC,MAAMsC,SAAS,QAAE,QAAA,KAAA,aAAjBtC,MAAMsC,SAAS,OAAE,OAAAC,OAAjBvC,MAAMsC,SAAS,GAAE,GAAA,IAAAE,MAAA,CAAA,GAAA,OAAAL,OAAA,MAAA,KAC3CnC,MAAME,SAAK,sFAEPF,MAAME,MAAK,aAAA,GAAA,MAAAiC,OAAA,UAAA;;CA/DxBM,eAAsBC,KAAKtC,OAAK;AAAA,MAAAsC,QAAA,SAAA;GAAA,MAAAC,OAAA,KAAAC;AA0DX,QAAA5C;GAAA,MAAA6C,eAAAzC,SAE6B;AAAE,OAAAuC,MAAA;IAAA,MAAAG,cAAAD,gBAAA,OAAAN,OAAAM,aAAA,GAAA,IAAAL,MAAA;AAAA,QAAAG,KAAAI,cAAAD,WAAAH,MAAAI,YAAAD;;;AAAA,MAAAJ,QAAA,QAAA,MAAAM,eAAA,EAAA"}

package/dist/pagination.d.mts

@@ -0,0 +1,37 @@
+import { n as ZagComponent } from "./zag-component.mjs";
+import * as pagination from "@zag-js/pagination";
+import * as _zag_js_types0 from "@zag-js/types";
+
+//#region src/components/pagination.d.ts
+declare class Pagination extends ZagComponent {
+  page: number;
+  totalPages: number;
+  createMachine(_props: any): any;
+  getMachineProps(props: any): {
+    id: string;
+    count: any;
+    page: any;
+    defaultPage: any;
+    pageSize: any;
+    defaultPageSize: any;
+    siblingCount: any;
+    type: any;
+    onPageChange: (details: pagination.PageChangeDetails) => void;
+    onPageSizeChange: any;
+  };
+  connectApi(service: any): pagination.Api<_zag_js_types0.PropTypes<{
+    [x: string]: any;
+  }>>;
+  getSpreadMap(): {
+    '[data-part="root"]': string;
+    '[data-part="prev-trigger"]': string;
+    '[data-part="next-trigger"]': string;
+    '[data-part="item"]': (api: any, el: any) => any;
+    '[data-part="ellipsis"]': (api: any, el: any) => any;
+  };
+  syncState(api: any): void;
+  template(props: any): string;
+}
+//#endregion
+export { Pagination as default };
+//# sourceMappingURL=pagination.d.mts.map

package/dist/pagination.mjs

@@ -0,0 +1,95 @@
+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 pagination from "@zag-js/pagination";
+//#region src/components/pagination.tsx
+var Pagination = class extends ZagComponent {
+	constructor(..._args) {
+		super(..._args);
+		this.page = 1;
+		this.totalPages = 1;
+	}
+	createMachine(_props) {
+		return pagination.machine;
+	}
+	getMachineProps(props) {
+		return {
+			id: this.id,
+			count: props.count ?? 0,
+			page: props.page,
+			defaultPage: props.defaultPage ?? 1,
+			pageSize: props.pageSize,
+			defaultPageSize: props.defaultPageSize ?? 10,
+			siblingCount: props.siblingCount ?? 1,
+			type: props.type ?? "button",
+			onPageChange: (details) => {
+				this.page = details.page;
+				props.onPageChange?.(details);
+			},
+			onPageSizeChange: props.onPageSizeChange
+		};
+	}
+	connectApi(service) {
+		return pagination.connect(service, normalizeProps);
+	}
+	getSpreadMap() {
+		return {
+			"[data-part=\"root\"]": "getRootProps",
+			"[data-part=\"prev-trigger\"]": "getPrevTriggerProps",
+			"[data-part=\"next-trigger\"]": "getNextTriggerProps",
+			"[data-part=\"item\"]": (api, el) => {
+				const value = parseInt(el.dataset.value || "1", 10);
+				return api.getItemProps({
+					type: "page",
+					value
+				});
+			},
+			"[data-part=\"ellipsis\"]": (api, el) => {
+				const index = parseInt(el.dataset.index || "0", 10);
+				return api.getEllipsisProps({ index });
+			}
+		};
+	}
+	syncState(api) {
+		this.page = api.page;
+		this.totalPages = api.totalPages;
+	}
+	template(props) {
+		const __id = this.id;
+		Component._register(ZagComponent);
+		return `<nav id="${__id}" data-part="root" class="${`pagination-root ${props.class || ""}`.trim()}"><div class="flex items-center gap-1"><button data-part="prev-trigger" class="pagination-prev inline-flex h-9 items-center justify-center rounded-md border border-input bg-background px-3 text-sm shadow-sm hover:bg-accent disabled:opacity-50">‹ Prev</button><button data-part="next-trigger" class="pagination-next inline-flex h-9 items-center justify-center rounded-md border border-input bg-background px-3 text-sm shadow-sm hover:bg-accent disabled:opacity-50">Next ›</button></div></nav>`;
+	}
+	static {
+		this.__tpl = (() => {
+			if (typeof document === "undefined") return void 0;
+			var t = document.createElement("template");
+			t.innerHTML = "<nav data-part=\"root\"><div class=\"flex items-center gap-1\"><button data-part=\"prev-trigger\" class=\"pagination-prev inline-flex h-9 items-center justify-center rounded-md border border-input bg-background px-3 text-sm shadow-sm hover:bg-accent disabled:opacity-50\">‹ Prev</button><button data-part=\"next-trigger\" class=\"pagination-next inline-flex h-9 items-center justify-center rounded-md border border-input bg-background px-3 text-sm shadow-sm hover:bg-accent disabled:opacity-50\">Next ›</button></div></nav>";
+			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 = `pagination-root ${props.class || ""}`.trim();
+		return __root;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") {
+			const __el = this.element_;
+			this.props;
+			const __boundValue = `pagination-root ${value || ""}`;
+			if (__el) {
+				const __newClass = (__boundValue != null ? String(__boundValue) : "").trim();
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		}
+	}
+};
+//#endregion
+export { Pagination as default };
+
+//# sourceMappingURL=pagination.mjs.map

package/dist/pagination.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.mjs","names":["pagination","normalizeProps","ZagComponent","handleComponentUpdate","registerHotModule","registerComponentInstance","unregisterComponentInstance","Pagination","page","totalPages","createMachine","_props","machine","getMachineProps","props","id","count","defaultPage","pageSize","defaultPageSize","siblingCount","type","onPageChange","details","PageChangeDetails","onPageSizeChange","connectApi","service","connect","getSpreadMap","[data-part=\"item\"]","api","el","value","parseInt","HTMLElement","dataset","getItemProps","[data-part=\"ellipsis\"]","index","getEllipsisProps","syncState","template","__id","Component","_register","class","trim","__tpl","document","undefined","t","createElement","innerHTML","__cloneTemplate","constructor","Error","__root","content","firstElementChild","cloneNode","className","__onPropChange","key","__el","element_","__boundValue","__newClass","String","import","meta","hot","__moduleExports","default","url","accept","newModule","__updatedModule","invalidate","__origCreated","prototype","created","__geaProps","name","call","__origDispose","dispose"],"sources":["../src/components/pagination.tsx"],"sourcesContent":["import * as pagination from '@zag-js/pagination'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class Pagination extends ZagComponent {\n  page = 1\n  totalPages = 1\n\n  createMachine(_props: any): any {\n    return pagination.machine\n  }\n\n  getMachineProps(props: any) {\n    return {\n      id: this.id,\n      count: props.count ?? 0,\n      page: props.page,\n      defaultPage: props.defaultPage ?? 1,\n      pageSize: props.pageSize,\n      defaultPageSize: props.defaultPageSize ?? 10,\n      siblingCount: props.siblingCount ?? 1,\n      type: props.type ?? 'button',\n      onPageChange: (details: pagination.PageChangeDetails) => {\n        this.page = details.page\n        props.onPageChange?.(details)\n      },\n      onPageSizeChange: props.onPageSizeChange,\n    }\n  }\n\n  connectApi(service: any) {\n    return pagination.connect(service, normalizeProps)\n  }\n\n  getSpreadMap() {\n    return {\n      '[data-part=\"root\"]': 'getRootProps',\n      '[data-part=\"prev-trigger\"]': 'getPrevTriggerProps',\n      '[data-part=\"next-trigger\"]': 'getNextTriggerProps',\n      '[data-part=\"item\"]': (api, el) => {\n        const value = parseInt((el as HTMLElement).dataset.value || '1', 10)\n        return api.getItemProps({ type: 'page', value })\n      },\n      '[data-part=\"ellipsis\"]': (api, el) => {\n        const index = parseInt((el as HTMLElement).dataset.index || '0', 10)\n        return api.getEllipsisProps({ index })\n      },\n    }\n  }\n\n  syncState(api: any) {\n    this.page = api.page\n    this.totalPages = api.totalPages\n  }\n\n  template(props: any) {\n    return (\n      <nav data-part=\"root\" class={`pagination-root ${props.class || ''}`}>\n        <div class=\"flex items-center gap-1\">\n          <button\n            data-part=\"prev-trigger\"\n            class=\"pagination-prev inline-flex h-9 items-center justify-center rounded-md border border-input bg-background px-3 text-sm shadow-sm hover:bg-accent disabled:opacity-50\"\n          >\n            &lsaquo; Prev\n          </button>\n          <button\n            data-part=\"next-trigger\"\n            class=\"pagination-next inline-flex h-9 items-center justify-center rounded-md border border-input bg-background px-3 text-sm shadow-sm hover:bg-accent disabled:opacity-50\"\n          >\n            Next &rsaquo;\n          </button>\n        </div>\n      </nav>\n    )\n  }\n}\n"],"mappings":";;;;;;AAIA,IAAqBO,aAArB,cAAwCL,aAAa;;;cAC5C;oBACM;;CAEbQ,cAAcC,QAAkB;AAC9B,SAAOX,WAAWY;;CAGpBC,gBAAgBC,OAAY;AAC1B,SAAO;GACLC,IAAI,KAAKA;GACTC,OAAOF,MAAME,SAAS;GACtBR,MAAMM,MAAMN;GACZS,aAAaH,MAAMG,eAAe;GAClCC,UAAUJ,MAAMI;GAChBC,iBAAiBL,MAAMK,mBAAmB;GAC1CC,cAAcN,MAAMM,gBAAgB;GACpCC,MAAMP,MAAMO,QAAQ;GACpBC,eAAeC,YAA0C;AACvD,SAAKf,OAAOe,QAAQf;AACpBM,UAAMQ,eAAeC,QAAQ;;GAE/BE,kBAAkBX,MAAMW;GACzB;;CAGHC,WAAWC,SAAc;AACvB,SAAO3B,WAAW4B,QAAQD,SAAS1B,eAAe;;CAGpD4B,eAAe;AACb,SAAO;GACL,wBAAsB;GACtB,gCAA8B;GAC9B,gCAA8B;GAC9B,yBAAuBE,KAAKC,OAAO;IACjC,MAAMC,QAAQC,SAAUF,GAAmBI,QAAQH,SAAS,KAAK,GAAG;AACpE,WAAOF,IAAIM,aAAa;KAAEhB,MAAM;KAAQY;KAAO,CAAC;;GAElD,6BAA2BF,KAAKC,OAAO;IACrC,MAAMO,QAAQL,SAAUF,GAAmBI,QAAQG,SAAS,KAAK,GAAG;AACpE,WAAOR,IAAIS,iBAAiB,EAAED,OAAO,CAAC;;GAEzC;;CAGHE,UAAUV,KAAU;AAClB,OAAKvB,OAAOuB,IAAIvB;AAChB,OAAKC,aAAasB,IAAItB;;CAGxBiC,SAAS5B,OAAY;EAAA,MAAA6B,OAAA,KAAA5B;AAAA6B,YAAAC,UAAA3C,aAAA;AACnB,SAAA,YAAAyC,KAAA,4BAC+B,mBAAmB7B,MAAMgC,SAAS,KAAIC,MAAA,CAAA;;;sBAiBtE;AAAA,OAAA,OAAAE,aAAA,YAAA,QAAAC,KAAAA;GAAA,IAAAC,IAAAF,SAAAG,cAAA,WAAA;AAAAD,KAAAE,YAAA;AAAA,UAAAF;MAAA;;CAAAG,kBAAA;EAAA,MAAAX,OAAA,KAAA5B;EAAA,IAAAiC,QAAA,KAAAO,YAAAP;AAAA,MAAA,CAAAA,MAAA,OAAA,IAAAQ,MAAA,yCAAA;EAAA,IAAAC,SAAAT,MAAAU,QAAAC,kBAAAC,UAAA,KAAA;AAAAH,SAAA1C,KAAA4B;AAAAc,SAAAI,YAjBgC,mBAAmB/C,MAAMgC,SAAS,KAAIC,MAAA;AAAA,SAAAU;;CAxDzEK,eAAsBC,KAAK9B,OAAK;AAAA,MAAA8B,QAAA,SAAA;GAAA,MAAAC,OAAA,KAAAC;AAsDX,QAAAnD;GAAA,MAAAoD,eAAA,mBAAAjC,SAEgD;AAAE,OAAA+B,MAAA;IAAA,MAAAG,cAAAD,gBAAA,OAAAE,OAAAF,aAAA,GAAA,IAAAnB,MAAA;AAAA,QAAAiB,KAAAH,cAAAM,WAAAH,MAAAH,YAAAM"}

package/dist/pin-input.d.mts

@@ -0,0 +1,45 @@
+import { n as ZagComponent } from "./zag-component.mjs";
+import * as pinInput from "@zag-js/pin-input";
+import * as _zag_js_types0 from "@zag-js/types";
+
+//#region src/components/pin-input.d.ts
+declare class PinInput extends ZagComponent {
+  value: string[];
+  valueAsString: string;
+  createMachine(_props: any): any;
+  getMachineProps(props: any): {
+    id: string;
+    value: any;
+    defaultValue: any;
+    count: any;
+    type: any;
+    otp: any;
+    mask: any;
+    placeholder: any;
+    disabled: any;
+    readOnly: any;
+    invalid: any;
+    name: any;
+    form: any;
+    blurOnComplete: any;
+    autoFocus: any;
+    onValueChange: (details: pinInput.ValueChangeDetails) => void;
+    onValueComplete: any;
+    onValueInvalid: any;
+  };
+  connectApi(service: any): pinInput.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="input"]': (api: any, el: any) => any;
+  };
+  syncState(api: any): void;
+  template(props: any): string;
+}
+//#endregion
+export { PinInput as default };
+//# sourceMappingURL=pin-input.d.mts.map