@geajs/ui 0.1.4 → 0.2.0

package/dist/toast.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.mjs","names":["toast","VanillaMachine","normalizeProps","spreadProps","Component","GEA_RENDERED","GEA_ELEMENT","GEA_MAPS","GEA_CONDS","GEA_RESET_ELS","GEA_OBSERVE","GEA_OBSERVE_LIST","GEA_EL","GEA_UPDATE_TEXT","GEA_REQUEST_RENDER","GEA_UPDATE_PROPS","GEA_SYNC_MAP","GEA_REGISTER_MAP","GEA_PATCH_COND","GEA_REGISTER_COND","GEA_REFRESH_LIST","GEA_RECONCILE_LIST","GEA_ENSURE_ARRAY_CONFIGS","GEA_APPLY_LIST_CHANGES","GEA_SWAP_CHILD","GEA_SWAP_STATE_CHILDREN","GEA_CHILD","GEA_LIST_CONFIG_REFRESHING","GEA_DOM_KEY","GEA_DOM_ITEM","GEA_DOM_PROPS","GEA_MAP_CONFIG_TPL","GEA_MAP_CONFIG_PREV","GEA_MAP_CONFIG_COUNT","geaCondPatchedSymbol","geaCondValueSymbol","geaObservePrevSymbol","geaPrevGuardSymbol","GEA_SETUP_LOCAL_STATE_OBSERVERS","geaSanitizeAttr","geaEscapeHtml","GEA_CTOR_TAG_NAME","stripStyle","props","Record","style","_style","rest","_store","Store","getStore","StoreProps","createStore","placement","duration","removeDelay","max","ToastStore","create","options","Options","success","Omit","type","error","info","loading","dismiss","id","Toaster","_machine","_api","_toastMachines","Map","_spreadCleanups","Array","_currentToasts","created","store","storeProps","group","machine","start","connect","service","subscribe","nextToasts","getToasts","_syncToastDOM","_syncToastMachines","queueMicrotask","_applyGroupSpreads","_createToastElement","t","HTMLElement","div","document","createElement","setAttribute","className","inner","title","description","innerHTML","container","el","currentIds","Set","map","nextIds","has","querySelector","cleanups","get","forEach","fn","delete","remove","appendChild","stop","i","length","toastMachine","parent","index","stacked","set","rendered","groupEl","getGroupProps","toastEls","$$","toastId","dataset","api","prevCleanups","rootProps","getRootProps","push","getTitleProps","desc","getDescriptionProps","close","getCloseTriggerProps","action","getActionTriggerProps","onAfterRender","dispose","values","clear","template","__id","class","trim","__tpl","undefined","__cloneTemplate","constructor","Error","__root","content","firstElementChild","cloneNode","__onPropChange","key","value","__el","__boundValue","__newClass","String"],"sources":["../src/components/toast.tsx"],"sourcesContent":["import * as toast from '@zag-js/toast'\nimport { VanillaMachine, normalizeProps, spreadProps } from '@zag-js/vanilla'\nimport { Component } from '@geajs/core'\n\nfunction stripStyle(props: Record<string, any>): Record<string, any> {\n  const { style: _style, ...rest } = props\n  return rest\n}\n\nlet _store: toast.Store | null = null\n\nfunction getStore(props?: toast.StoreProps) {\n  if (!_store) {\n    _store = toast.createStore({\n      placement: 'bottom-end',\n      duration: 5000,\n      removeDelay: 200,\n      max: 5,\n      ...props,\n    })\n  }\n  return _store\n}\n\nexport class ToastStore {\n  static getStore = getStore\n\n  static create(options: toast.Options) {\n    return getStore().create(options)\n  }\n\n  static success(options: Omit<toast.Options, 'type'>) {\n    return getStore().create({ ...options, type: 'success' })\n  }\n\n  static error(options: Omit<toast.Options, 'type'>) {\n    return getStore().create({ ...options, type: 'error' })\n  }\n\n  static info(options: Omit<toast.Options, 'type'>) {\n    return getStore().create({ ...options, type: 'info' })\n  }\n\n  static loading(options: Omit<toast.Options, 'type'>) {\n    return getStore().create({ ...options, type: 'loading' })\n  }\n\n  static dismiss(id?: string) {\n    if (id) getStore().dismiss(id)\n    else getStore().dismiss()\n  }\n}\n\nexport class Toaster extends Component {\n  declare _machine: VanillaMachine<any> | null\n  declare _api: any\n  declare _toastMachines: Map<string, VanillaMachine<any>>\n  declare _spreadCleanups: Map<string, Array<() => void>>\n  declare _currentToasts: toast.Options[]\n\n  created(props: any) {\n    this._toastMachines = new Map()\n    this._spreadCleanups = new Map()\n    this._currentToasts = []\n\n    const store = getStore(props.storeProps)\n\n    this._machine = new VanillaMachine(toast.group.machine, { store })\n    this._machine.start()\n\n    this._api = toast.group.connect(this._machine.service, normalizeProps)\n\n    this._machine.subscribe(() => {\n      if (!this._machine) return\n      this._api = toast.group.connect(this._machine.service, normalizeProps)\n      const nextToasts = this._api.getToasts()\n      this._syncToastDOM(nextToasts)\n      this._currentToasts = nextToasts\n      this._syncToastMachines()\n      queueMicrotask(() => this._applyGroupSpreads())\n    })\n  }\n\n  _createToastElement(t: any): HTMLElement {\n    const div = document.createElement('div')\n    div.setAttribute('data-part', 'toast-root')\n    div.setAttribute('data-toast-id', t.id)\n    div.className =\n      'toast-root group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md border p-4 shadow-lg transition-all bg-background text-foreground'\n\n    let inner = '<div class=\"grid gap-1\">'\n    if (t.title) inner += `<div data-part=\"title\" class=\"toast-title text-sm font-semibold\">${t.title}</div>`\n    if (t.description)\n      inner += `<div data-part=\"description\" class=\"toast-description text-sm opacity-90\">${t.description}</div>`\n    inner += '</div>'\n    inner +=\n      '<button data-part=\"close-trigger\" class=\"toast-close-trigger text-foreground/50 hover:text-foreground\">&#x2715;</button>'\n    div.innerHTML = inner\n    return div\n  }\n\n  _syncToastDOM(nextToasts: any[]) {\n    const container = this.el\n    if (!container) return\n\n    const currentIds = new Set(this._currentToasts.map((t: any) => t.id))\n    const nextIds = new Set(nextToasts.map((t: any) => t.id))\n\n    for (const id of currentIds) {\n      if (!nextIds.has(id)) {\n        const el = container.querySelector(`[data-toast-id=\"${id}\"]`)\n        if (el) {\n          const cleanups = this._spreadCleanups.get(id)\n          if (cleanups) cleanups.forEach((fn) => fn())\n          this._spreadCleanups.delete(id)\n          el.remove()\n        }\n      }\n    }\n\n    for (const t of nextToasts) {\n      if (!currentIds.has((t as any).id)) {\n        const el = this._createToastElement(t as any)\n        container.appendChild(el)\n      }\n    }\n  }\n\n  _syncToastMachines() {\n    if (!this._machine) return\n    const currentIds = new Set(this._currentToasts.map((t: any) => t.id))\n\n    for (const [id, machine] of this._toastMachines) {\n      if (!currentIds.has(id)) {\n        machine.stop()\n        this._toastMachines.delete(id)\n      }\n    }\n\n    for (let i = 0; i < this._currentToasts.length; i++) {\n      const t = this._currentToasts[i] as any\n      if (!this._toastMachines.has(t.id)) {\n        const toastMachine = new VanillaMachine(toast.machine, {\n          ...t,\n          parent: this._machine.service,\n          index: i,\n          stacked: true,\n          removeDelay: t.removeDelay ?? 200,\n        })\n        toastMachine.start()\n        this._toastMachines.set(t.id, toastMachine)\n\n        toastMachine.subscribe(() => {\n          queueMicrotask(() => this._applyGroupSpreads())\n        })\n      }\n    }\n  }\n\n  _applyGroupSpreads() {\n    if (!this.rendered || !this._api) return\n\n    const groupEl = this.el\n    if (groupEl) {\n      spreadProps(groupEl, stripStyle(this._api.getGroupProps()))\n    }\n\n    const toastEls = this.$$('[data-toast-id]')\n    for (const el of toastEls) {\n      const toastId = (el as HTMLElement).dataset.toastId\n      if (!toastId) continue\n\n      const toastMachine = this._toastMachines.get(toastId)\n      if (!toastMachine) continue\n\n      const api = toast.connect(toastMachine.service, normalizeProps)\n\n      const prevCleanups = this._spreadCleanups.get(toastId)\n      if (prevCleanups) prevCleanups.forEach((fn) => fn())\n\n      const cleanups: Array<() => void> = []\n      const rootProps = stripStyle(api.getRootProps())\n      delete rootProps['data-part']\n      cleanups.push(spreadProps(el, rootProps))\n\n      const title = el.querySelector('[data-part=\"title\"]')\n      if (title) cleanups.push(spreadProps(title, api.getTitleProps()))\n\n      const desc = el.querySelector('[data-part=\"description\"]')\n      if (desc) cleanups.push(spreadProps(desc, api.getDescriptionProps()))\n\n      const close = el.querySelector('[data-part=\"close-trigger\"]')\n      if (close) cleanups.push(spreadProps(close, api.getCloseTriggerProps()))\n\n      const action = el.querySelector('[data-part=\"action-trigger\"]')\n      if (action) cleanups.push(spreadProps(action, api.getActionTriggerProps()))\n\n      this._spreadCleanups.set(toastId, cleanups)\n    }\n  }\n\n  onAfterRender() {\n    this._applyGroupSpreads()\n  }\n\n  dispose() {\n    for (const cleanups of this._spreadCleanups.values()) {\n      cleanups.forEach((fn) => fn())\n    }\n    this._spreadCleanups.clear()\n\n    for (const machine of this._toastMachines.values()) {\n      machine.stop()\n    }\n    this._toastMachines.clear()\n\n    if (this._machine) {\n      this._machine.stop()\n      this._machine = null\n    }\n    this._api = null\n\n    super.dispose()\n  }\n\n  template(props: any) {\n    return (\n      <div\n        data-part=\"group\"\n        class={`toaster fixed z-[100] flex max-h-screen flex-col-reverse gap-2 p-4 ${props.class || 'bottom-0 right-0'}`}\n      />\n    )\n  }\n}\n"],"mappings":"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"}

package/dist/toggle-group.d.mts

@@ -0,0 +1,32 @@
+import { n as ZagComponent } from "./zag-component.mjs";
+import * as toggleGroup from "@zag-js/toggle-group";
+import * as _$_zag_js_types0 from "@zag-js/types";
+
+//#region src/components/toggle-group.d.ts
+declare class ToggleGroup extends ZagComponent {
+  value: string[];
+  createMachine(_props: any): any;
+  getMachineProps(props: any): {
+    id: any;
+    value: any;
+    defaultValue: any;
+    multiple: any;
+    disabled: any;
+    orientation: any;
+    loopFocus: any;
+    rovingFocus: any;
+    onValueChange: (details: toggleGroup.ValueChangeDetails) => void;
+  };
+  connectApi(service: any): toggleGroup.Api<_$_zag_js_types0.PropTypes<{
+    [x: string]: any;
+  }>>;
+  getSpreadMap(): {
+    '[data-part="root"]': string;
+    '[data-part="item"]': (api: any, el: any) => any;
+  };
+  syncState(api: any): void;
+  template(props: any): string;
+}
+//#endregion
+export { ToggleGroup as default };
+//# sourceMappingURL=toggle-group.d.mts.map

package/dist/toggle-group.mjs

@@ -0,0 +1,124 @@
+import { t as ZagComponent } from "./zag-component.mjs";
+import { Component, GEA_CTOR_TAG_NAME, GEA_DOM_ITEM, GEA_DOM_KEY, GEA_ELEMENT, GEA_MAP_CONFIG_TPL, GEA_REGISTER_MAP, GEA_SYNC_MAP } from "@geajs/core";
+import { normalizeProps } from "@zag-js/vanilla";
+import * as toggleGroup from "@zag-js/toggle-group";
+//#region src/components/toggle-group.tsx
+const __v = (v) => v != null && typeof v === "object" ? v.valueOf() : v;
+var ToggleGroup = class extends ZagComponent {
+	static {
+		this[GEA_CTOR_TAG_NAME] = "toggle-group";
+	}
+	#__rowEls_list;
+	#__dc___unresolved_0;
+	createMachine(_props) {
+		return toggleGroup.machine;
+	}
+	getMachineProps(props) {
+		return {
+			id: this.id,
+			value: props.value,
+			defaultValue: props.defaultValue,
+			multiple: props.multiple ?? false,
+			disabled: props.disabled,
+			orientation: props.orientation ?? "horizontal",
+			loopFocus: props.loopFocus ?? true,
+			rovingFocus: props.rovingFocus ?? true,
+			onValueChange: (details) => {
+				this.value = details.value;
+				props.onValueChange?.(details);
+			}
+		};
+	}
+	connectApi(service) {
+		return toggleGroup.connect(service, normalizeProps);
+	}
+	getSpreadMap() {
+		return {
+			"[data-part=\"root\"]": "getRootProps",
+			"[data-part=\"item\"]": (api, el) => api.getItemProps({ value: el.dataset.value })
+		};
+	}
+	syncState(api) {
+		this.value = api.value;
+	}
+	template(props) {
+		const __id = this.id;
+		Component._register(ZagComponent, "zag-component");
+		const items = props.items || [];
+		return `<div id="${__id}" data-part="root" class="${`toggle-group-root inline-flex rounded-md border ${props.class || ""}`.trim()}">${items.map((item) => `<button data-gea-item-id="${item?.value ?? item}" data-part="item"${item.value == null || item.value === false ? "" : ` data-value="${item.value}"`} class="toggle-group-item inline-flex items-center justify-center rounded-md px-3 py-2 text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground data-[state=on]:bg-accent data-[state=on]:text-accent-foreground">${item.label}</button>`).join("") + "<!---->"}</div>`;
+	}
+	render__unresolved_0Item(item) {
+		return `<button data-gea-item-id="${item?.value ?? item}" data-part="item"${__v(item.value) == null || __v(item.value) === false ? "" : ` data-value="${item.value}"`} class="toggle-group-item inline-flex items-center justify-center rounded-md px-3 py-2 text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground data-[state=on]:bg-accent data-[state=on]:text-accent-foreground">${item.label}</button>`;
+	}
+	create__unresolved_0Item(item) {
+		var __c = this.#__dc___unresolved_0 || (this.#__dc___unresolved_0 = this.____unresolved_0_container);
+		if (!__c[GEA_MAP_CONFIG_TPL]) try {
+			var __tw = document.createElement("template");
+			__tw.innerHTML = this.render__unresolved_0Item({
+				value: 0,
+				label: " "
+			});
+			__c[GEA_MAP_CONFIG_TPL] = __tw.content.firstElementChild;
+			__c[GEA_MAP_CONFIG_TPL]?.removeAttribute("data-gea-item-id");
+		} catch (__err) {
+			console.error(__err);
+		}
+		if (__c[GEA_MAP_CONFIG_TPL]) var el = __c[GEA_MAP_CONFIG_TPL].cloneNode(true);
+		else {
+			var __fw = document.createElement("template");
+			__fw.innerHTML = this.render__unresolved_0Item(item);
+			var el = __fw.content.firstElementChild;
+		}
+		var __av = item.value;
+		if (__av == null || __av === false) el.removeAttribute("data-value");
+		else {
+			const __newAttr = String(__av);
+			if (el.getAttribute("data-value") !== __newAttr) el.setAttribute("data-value", __newAttr);
+		}
+		el.firstChild.nodeValue = `
+            ${item.label}
+          `;
+		el[GEA_DOM_KEY] = String(item?.value ?? item);
+		el[GEA_DOM_ITEM] = 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 {
+			const __newAttr = String(__av);
+			if (row.getAttribute("data-value") !== __newAttr) row.setAttribute("data-value", __newAttr);
+		}
+		row.firstChild.nodeValue = `
+            ${item.label}
+          `;
+		row[GEA_DOM_KEY] = String(item?.value ?? item);
+		(this.#__rowEls_list || (this.#__rowEls_list = {}))[String(item?.value ?? item)] = row;
+		row[GEA_DOM_ITEM] = item;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") {
+			const __el = this[GEA_ELEMENT];
+			this.props;
+			const __boundValue = `toggle-group-root inline-flex rounded-md border ${value || ""}`;
+			if (__el) {
+				const __newClass = (__boundValue != null ? String(__boundValue) : "").trim();
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		}
+		if (key === "items") this[GEA_SYNC_MAP](0);
+	}
+	__observe_local_props(__v, __c) {
+		this[GEA_SYNC_MAP](0);
+	}
+	createdHooks() {
+		this[GEA_REGISTER_MAP](0, "____unresolved_0_container", () => this.$(":scope"), () => {
+			return this.props.items || [];
+		}, (__item) => this.create__unresolved_0Item(__item), "value");
+	}
+};
+//#endregion
+export { ToggleGroup as default };
+
+//# sourceMappingURL=toggle-group.mjs.map

package/dist/toggle-group.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.mjs","names":["__v","v","valueOf","Component","GEA_RENDERED","GEA_ELEMENT","GEA_MAPS","GEA_CONDS","GEA_RESET_ELS","GEA_OBSERVE","GEA_OBSERVE_LIST","GEA_EL","GEA_UPDATE_TEXT","GEA_REQUEST_RENDER","GEA_UPDATE_PROPS","GEA_SYNC_MAP","GEA_REGISTER_MAP","GEA_PATCH_COND","GEA_REGISTER_COND","GEA_REFRESH_LIST","GEA_RECONCILE_LIST","GEA_ENSURE_ARRAY_CONFIGS","GEA_APPLY_LIST_CHANGES","GEA_SWAP_CHILD","GEA_SWAP_STATE_CHILDREN","GEA_CHILD","GEA_LIST_CONFIG_REFRESHING","GEA_DOM_KEY","GEA_DOM_ITEM","GEA_DOM_PROPS","GEA_MAP_CONFIG_TPL","GEA_MAP_CONFIG_PREV","GEA_MAP_CONFIG_COUNT","geaCondPatchedSymbol","geaCondValueSymbol","geaObservePrevSymbol","geaPrevGuardSymbol","GEA_SETUP_LOCAL_STATE_OBSERVERS","geaSanitizeAttr","geaEscapeHtml","GEA_CTOR_TAG_NAME","toggleGroup","normalizeProps","ZagComponent","ToggleGroup","__rowEls_list","__dc___unresolved_0","value","createMachine","_props","machine","getMachineProps","props","id","defaultValue","multiple","disabled","orientation","loopFocus","rovingFocus","onValueChange","details","ValueChangeDetails","connectApi","service","connect","getSpreadMap","[data-part=\"item\"]","api","el","getItemProps","HTMLElement","dataset","syncState","template","__id","_register","items","class","trim","map","item","label","join","render__unresolved_0Item","create__unresolved_0Item","__c","____unresolved_0_container","__tw","document","createElement","innerHTML","content","firstElementChild","removeAttribute","__err","console","error","cloneNode","__fw","__av","__newAttr","String","getAttribute","setAttribute","firstChild","nodeValue","patch__unresolved_0Item","row","__prevItem","__onPropChange","key","__el","__boundValue","__newClass","className","__observe_local_props","createdHooks","$","__item"],"sources":["../src/components/toggle-group.tsx"],"sourcesContent":["import * as toggleGroup from '@zag-js/toggle-group'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class ToggleGroup extends ZagComponent {\n  declare value: string[]\n\n  createMachine(_props: any): any {\n    return toggleGroup.machine\n  }\n\n  getMachineProps(props: any) {\n    return {\n      id: this.id,\n      value: props.value,\n      defaultValue: props.defaultValue,\n      multiple: props.multiple ?? false,\n      disabled: props.disabled,\n      orientation: props.orientation ?? 'horizontal',\n      loopFocus: props.loopFocus ?? true,\n      rovingFocus: props.rovingFocus ?? true,\n      onValueChange: (details: toggleGroup.ValueChangeDetails) => {\n        this.value = details.value\n        props.onValueChange?.(details)\n      },\n    }\n  }\n\n  connectApi(service: any) {\n    return toggleGroup.connect(service, normalizeProps)\n  }\n\n  getSpreadMap() {\n    return {\n      '[data-part=\"root\"]': 'getRootProps',\n      '[data-part=\"item\"]': (api, el) => api.getItemProps({ 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={`toggle-group-root inline-flex rounded-md border ${props.class || ''}`}>\n        {items.map((item: any) => (\n          <button\n            key={item.value}\n            data-part=\"item\"\n            data-value={item.value}\n            class=\"toggle-group-item inline-flex items-center justify-center rounded-md px-3 py-2 text-sm font-medium transition-colors hover:bg-muted hover:text-muted-foreground data-[state=on]:bg-accent data-[state=on]:text-accent-foreground\"\n          >\n            {item.label}\n          </button>\n        ))}\n      </div>\n    )\n  }\n}\n"],"mappings":"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"}

package/dist/tooltip.d.mts

@@ -0,0 +1,39 @@
+import { n as ZagComponent } from "./zag-component.mjs";
+import * as tooltip from "@zag-js/tooltip";
+import * as _$_zag_js_types0 from "@zag-js/types";
+
+//#region src/components/tooltip.d.ts
+declare class Tooltip extends ZagComponent {
+  open: boolean;
+  createMachine(_props: any): any;
+  getMachineProps(props: any): {
+    id: any;
+    open: any;
+    defaultOpen: any;
+    openDelay: any;
+    closeDelay: any;
+    closeOnPointerDown: any;
+    closeOnEscape: any;
+    closeOnScroll: any;
+    interactive: any;
+    disabled: any;
+    positioning: any;
+    'aria-label': any;
+    onOpenChange: (details: tooltip.OpenChangeDetails) => void;
+  };
+  connectApi(service: any): tooltip.Api<_$_zag_js_types0.PropTypes<{
+    [x: string]: any;
+  }>>;
+  getSpreadMap(): {
+    '[data-part="trigger"]': string;
+    '[data-part="positioner"]': string;
+    '[data-part="content"]': string;
+    '[data-part="arrow"]': string;
+    '[data-part="arrow-tip"]': string;
+  };
+  syncState(api: any): void;
+  template(props: any): string;
+}
+//#endregion
+export { Tooltip as default };
+//# sourceMappingURL=tooltip.d.mts.map

package/dist/tooltip.mjs

@@ -0,0 +1,85 @@
+import { t as ZagComponent } from "./zag-component.mjs";
+import { Component, GEA_CTOR_TAG_NAME, GEA_ELEMENT, geaEscapeHtml } from "@geajs/core";
+import { normalizeProps } from "@zag-js/vanilla";
+import * as tooltip from "@zag-js/tooltip";
+//#region src/components/tooltip.tsx
+var Tooltip = class extends ZagComponent {
+	static {
+		this[GEA_CTOR_TAG_NAME] = "tooltip";
+	}
+	createMachine(_props) {
+		return tooltip.machine;
+	}
+	getMachineProps(props) {
+		return {
+			id: this.id,
+			open: props.open,
+			defaultOpen: props.defaultOpen,
+			openDelay: props.openDelay ?? 400,
+			closeDelay: props.closeDelay ?? 150,
+			closeOnPointerDown: props.closeOnPointerDown ?? true,
+			closeOnEscape: props.closeOnEscape ?? true,
+			closeOnScroll: props.closeOnScroll ?? true,
+			interactive: props.interactive ?? false,
+			disabled: props.disabled,
+			positioning: props.positioning,
+			"aria-label": props["aria-label"],
+			onOpenChange: (details) => {
+				this.open = details.open;
+				props.onOpenChange?.(details);
+			}
+		};
+	}
+	connectApi(service) {
+		return tooltip.connect(service, normalizeProps);
+	}
+	getSpreadMap() {
+		return {
+			"[data-part=\"trigger\"]": "getTriggerProps",
+			"[data-part=\"positioner\"]": "getPositionerProps",
+			"[data-part=\"content\"]": "getContentProps",
+			"[data-part=\"arrow\"]": "getArrowProps",
+			"[data-part=\"arrow-tip\"]": "getArrowTipProps"
+		};
+	}
+	syncState(api) {
+		this.open = api.open;
+	}
+	template(props) {
+		const __id = this.id;
+		Component._register(ZagComponent, "zag-component");
+		return `<div id="${__id}"${(props.class || "") == null || (props.class || "") === false ? "" : ` class="${((props.class || "") != null ? String(props.class || "") : "").trim()}"`} style="display: inline-block"><div id="${__id + "-b1"}" data-part="trigger" class="tooltip-trigger" style="display: inline-block">${props.children}</div><div data-part="positioner" class="tooltip-positioner"><div id="${__id + "-b2"}" data-part="content" class="tooltip-content z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground shadow-md">${geaEscapeHtml(String(props.content))}</div></div></div>`;
+	}
+	__onPropChange(key, value) {
+		const __id = this.id;
+		if (key === "class") {
+			const __el = this[GEA_ELEMENT];
+			this.props;
+			const __boundValue = value || "";
+			if (__el) {
+				const __newClass = (__boundValue != null ? String(__boundValue) : "").trim();
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		}
+		if (key === "children") {
+			const __el = this.__e0 || (this.__e0 = document.getElementById(__id + "-b1"));
+			if (__el && __el.innerHTML !== value) {
+				__el.innerHTML = value;
+				this.instantiateChildComponents_();
+				if (this.parentComponent) this.parentComponent.mountCompiledChildComponents_();
+			}
+		}
+		if (key === "content") {
+			const __el = this.__e1 || (this.__e1 = document.getElementById(__id + "-b2"));
+			if (__el && __el.textContent !== value) __el.textContent = value;
+		}
+	}
+	*GEA_RESET_ELS() {
+		this.__e0 = null;
+		this.__e1 = null;
+	}
+};
+//#endregion
+export { Tooltip as default };
+
+//# sourceMappingURL=tooltip.mjs.map

package/dist/tooltip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.mjs","names":["tooltip","normalizeProps","ZagComponent","Tooltip","GEA_CTOR_TAG_NAME","open","createMachine","_props","machine","getMachineProps","props","id","defaultOpen","openDelay","closeDelay","closeOnPointerDown","closeOnEscape","closeOnScroll","interactive","disabled","positioning","onOpenChange","details","OpenChangeDetails","connectApi","service","connect","getSpreadMap","syncState","api","template","__id","Component","_register","class","String","trim","children","geaEscapeHtml","content","__onPropChange","key","value","__el","GEA_ELEMENT","__boundValue","__newClass","className","__e0","document","getElementById","innerHTML","instantiateChildComponents_","parentComponent","mountCompiledChildComponents_","__e1","textContent","GEA_RESET_ELS"],"sources":["../src/components/tooltip.tsx"],"sourcesContent":["import * as tooltip from '@zag-js/tooltip'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class Tooltip extends ZagComponent {\n  declare open: boolean\n\n  createMachine(_props: any): any {\n    return tooltip.machine\n  }\n\n  getMachineProps(props: any) {\n    return {\n      id: this.id,\n      open: props.open,\n      defaultOpen: props.defaultOpen,\n      openDelay: props.openDelay ?? 400,\n      closeDelay: props.closeDelay ?? 150,\n      closeOnPointerDown: props.closeOnPointerDown ?? true,\n      closeOnEscape: props.closeOnEscape ?? true,\n      closeOnScroll: props.closeOnScroll ?? true,\n      interactive: props.interactive ?? false,\n      disabled: props.disabled,\n      positioning: props.positioning,\n      'aria-label': props['aria-label'],\n      onOpenChange: (details: tooltip.OpenChangeDetails) => {\n        this.open = details.open\n        props.onOpenChange?.(details)\n      },\n    }\n  }\n\n  connectApi(service: any) {\n    return tooltip.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=\"arrow\"]': 'getArrowProps',\n      '[data-part=\"arrow-tip\"]': 'getArrowTipProps',\n    }\n  }\n\n  syncState(api: any) {\n    this.open = api.open\n  }\n\n  template(props: any) {\n    return (\n      <div class={props.class || ''} style={{ display: 'inline-block' }}>\n        <div data-part=\"trigger\" class=\"tooltip-trigger\" style={{ display: 'inline-block' }}>\n          {props.children}\n        </div>\n        <div data-part=\"positioner\" class=\"tooltip-positioner\">\n          <div\n            data-part=\"content\"\n            class=\"tooltip-content z-50 overflow-hidden rounded-md bg-primary px-3 py-1.5 text-xs text-primary-foreground shadow-md\"\n          >\n            {props.content}\n          </div>\n        </div>\n      </div>\n    )\n  }\n}\n"],"mappings":";;;;;AAIA,IAAqBG,UAArB,cAAqCD,aAAa;;OAAAE,qBAAA;;CAGhDE,cAAcC,QAAkB;AAC9B,SAAOP,QAAQQ;;CAGjBC,gBAAgBC,OAAY;AAC1B,SAAO;GACLC,IAAI,KAAKA;GACTN,MAAMK,MAAML;GACZO,aAAaF,MAAME;GACnBC,WAAWH,MAAMG,aAAa;GAC9BC,YAAYJ,MAAMI,cAAc;GAChCC,oBAAoBL,MAAMK,sBAAsB;GAChDC,eAAeN,MAAMM,iBAAiB;GACtCC,eAAeP,MAAMO,iBAAiB;GACtCC,aAAaR,MAAMQ,eAAe;GAClCC,UAAUT,MAAMS;GAChBC,aAAaV,MAAMU;GACnB,cAAcV,MAAM;GACpBW,eAAeC,YAAuC;AACpD,SAAKjB,OAAOiB,QAAQjB;AACpBK,UAAMW,eAAeC,QAAQ;;GAEhC;;CAGHE,WAAWC,SAAc;AACvB,SAAOzB,QAAQ0B,QAAQD,SAASxB,eAAe;;CAGjD0B,eAAe;AACb,SAAO;GACL,2BAAyB;GACzB,8BAA4B;GAC5B,2BAAyB;GACzB,yBAAuB;GACvB,6BAA2B;GAC5B;;CAGHC,UAAUC,KAAU;AAClB,OAAKxB,OAAOwB,IAAIxB;;CAGlByB,SAASpB,OAAY;EAAA,MAAAqB,OAAA,KAAApB;AAAAqB,YAAAC,UAAA/B,cAAA,gBAAA;AACnB,SAAA,YAAA6B,KAAA,IACcrB,MAAMwB,SAAS,OAAE,SAAjBxB,MAAMwB,SAAS,QAAE,QAAA,KAAA,aAAjBxB,MAAMwB,SAAS,OAAE,OAAAC,OAAjBzB,MAAMwB,SAAS,GAAE,GAAA,IAAAE,MAAA,CAAA,GAAA,0CAAAL,OAAA,MAAA,8EAExBrB,MAAM2B,SAAQ,wEAAAN,OAAA,MAAA,iJAAAO,cAAAH,OAOZzB,MAAM6B,QAAO,CAAA,CAAA;;CA5D1BC,eAAsBC,KAAKC,OAAK;EAAA,MAAAX,OAAA,KAAApB;AAAA,MAAA8B,QAAA,SAAA;GAAA,MAAAE,OAAA,KAAAC;AAiDX,QAAAlC;GAAA,MAAAmC,eAAAH,SAEY;AAAE,OAAAC,MAAA;IAAA,MAAAG,cAAAD,gBAAA,OAAAV,OAAAU,aAAA,GAAA,IAAAT,MAAA;AAAA,QAAAO,KAAAI,cAAAD,WAAAH,MAAAI,YAAAD;;;AAAA,MAAAL,QAAA,YAAA;GAAA,MAAAE,OAAA,KAAAK,SAAA,KAAAA,OAAAC,SAAAC,eAAAnB,OAAA,MAAA;AAAA,OAAAY,QAAAA,KAAAQ,cAAAT,OAAA;AAAAC,SAAAQ,YAAAT;AAAA,SAAAU,6BAAA;AAAA,QAAA,KAAAC,gBAAA,MAAAA,gBAAAC,+BAAA;;;AAAA,MAAAb,QAAA,WAAA;GAAA,MAAAE,OAAA,KAAAY,SAAA,KAAAA,OAAAN,SAAAC,eAAAnB,OAAA,MAAA;AAAA,OAAAY,QAAAA,KAAAa,gBAAAd,MAAAC,MAAAa,cAAAd;;;CAnDC,CAAAe,gBAAA;AAAA,OAAAT,OAAA;AAAA,OAAAO,OAAA"}

package/dist/tree-view.d.mts

@@ -0,0 +1,35 @@
+import { n as ZagComponent } from "./zag-component.mjs";
+import * as treeView from "@zag-js/tree-view";
+import * as _$_zag_js_types0 from "@zag-js/types";
+
+//#region src/components/tree-view.d.ts
+declare class TreeView extends ZagComponent {
+  selectedValue: string[];
+  expandedValue: string[];
+  createMachine(_props: any): any;
+  getMachineProps(props: any): {
+    id: any;
+    collection: any;
+    selectedValue: any;
+    defaultSelectedValue: any;
+    expandedValue: any;
+    defaultExpandedValue: any;
+    selectionMode: any;
+    expandOnClick: any;
+    onSelectionChange: (details: treeView.SelectionChangeDetails) => void;
+    onExpandedChange: (details: treeView.ExpandedChangeDetails) => void;
+  };
+  connectApi(service: any): treeView.Api<_$_zag_js_types0.PropTypes<{
+    [x: string]: any;
+  }>, any>;
+  getSpreadMap(): {
+    '[data-part="root"]': string;
+    '[data-part="label"]': string;
+    '[data-part="tree"]': string;
+  };
+  syncState(api: any): void;
+  template(props: any): string;
+}
+//#endregion
+export { TreeView as default };
+//# sourceMappingURL=tree-view.d.mts.map

package/dist/tree-view.mjs

@@ -0,0 +1,94 @@
+import { t as ZagComponent } from "./zag-component.mjs";
+import { Component, GEA_CTOR_TAG_NAME, GEA_ELEMENT, GEA_PATCH_COND, GEA_REGISTER_COND, geaCondValueSymbol, geaEscapeHtml } from "@geajs/core";
+import { normalizeProps } from "@zag-js/vanilla";
+import * as treeView from "@zag-js/tree-view";
+//#region src/components/tree-view.tsx
+var TreeView = class extends ZagComponent {
+	static {
+		this[GEA_CTOR_TAG_NAME] = "tree-view";
+	}
+	constructor(...args) {
+		super(...args);
+		this.selectedValue = [];
+		this.expandedValue = [];
+		this.props;
+		this[geaCondValueSymbol(0)] = !!this.props.label;
+		this[GEA_REGISTER_COND](0, "c0", () => {
+			this.props;
+			return this.props.label;
+		}, () => {
+			this.props;
+			return `<label data-part="label" class="tree-view-label text-sm font-medium mb-2 block">${geaEscapeHtml(String(this.props.label))}</label>`;
+		}, null);
+	}
+	createMachine(_props) {
+		return treeView.machine;
+	}
+	getMachineProps(props) {
+		return {
+			id: this.id,
+			collection: props.collection,
+			selectedValue: props.selectedValue,
+			defaultSelectedValue: props.defaultSelectedValue,
+			expandedValue: props.expandedValue,
+			defaultExpandedValue: props.defaultExpandedValue,
+			selectionMode: props.selectionMode ?? "single",
+			expandOnClick: props.expandOnClick ?? true,
+			onSelectionChange: (details) => {
+				this.selectedValue = details.selectedValue;
+				props.onSelectionChange?.(details);
+			},
+			onExpandedChange: (details) => {
+				this.expandedValue = details.expandedValue;
+				props.onExpandedChange?.(details);
+			}
+		};
+	}
+	connectApi(service) {
+		return treeView.connect(service, normalizeProps);
+	}
+	getSpreadMap() {
+		return {
+			"[data-part=\"root\"]": "getRootProps",
+			"[data-part=\"label\"]": "getLabelProps",
+			"[data-part=\"tree\"]": "getTreeProps"
+		};
+	}
+	syncState(api) {
+		this.selectedValue = api.selectedValue;
+		this.expandedValue = api.expandedValue;
+	}
+	template(props) {
+		const __id = this.id;
+		Component._register(ZagComponent, "zag-component");
+		return `<div id="${__id}" data-part="root"${(props.class || "") == null || (props.class || "") === false ? "" : ` class="${((props.class || "") != null ? String(props.class || "") : "").trim()}"`}><!--${__id + "-c0"}-->${props.label && `<label data-part="label" class="tree-view-label text-sm font-medium mb-2 block">${geaEscapeHtml(String(props.label))}</label>` || ""}<!--${__id + "-c0-end"}--><div id="${__id + "-b1"}" data-part="tree" class="tree-view-tree" role="tree">${props.children}</div></div>`;
+	}
+	__onPropChange(key, value) {
+		const __id = this.id;
+		if (key === "class") {
+			const __el = this[GEA_ELEMENT];
+			this.props;
+			const __boundValue = value || "";
+			if (__el) {
+				const __newClass = (__boundValue != null ? String(__boundValue) : "").trim();
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		}
+		if (key === "children") {
+			const __el = this.__e0 || (this.__e0 = document.getElementById(__id + "-b1"));
+			if (__el && __el.innerHTML !== value) {
+				__el.innerHTML = value;
+				this.instantiateChildComponents_();
+				if (this.parentComponent) this.parentComponent.mountCompiledChildComponents_();
+			}
+		}
+		if (key === "label") this[GEA_PATCH_COND](0);
+	}
+	*GEA_RESET_ELS() {
+		this.__e0 = null;
+	}
+};
+//#endregion
+export { TreeView as default };
+
+//# sourceMappingURL=tree-view.mjs.map

package/dist/tree-view.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-view.mjs","names":["treeView","normalizeProps","ZagComponent","TreeView","GEA_CTOR_TAG_NAME","constructor","args","props","geaCondValueSymbol","label","GEA_REGISTER_COND","geaEscapeHtml","String","selectedValue","expandedValue","createMachine","_props","machine","getMachineProps","id","collection","defaultSelectedValue","defaultExpandedValue","selectionMode","expandOnClick","onSelectionChange","details","SelectionChangeDetails","onExpandedChange","ExpandedChangeDetails","connectApi","service","connect","getSpreadMap","syncState","api","template","__id","Component","_register","class","trim","children","__onPropChange","key","value","__el","GEA_ELEMENT","__boundValue","__newClass","className","__e0","document","getElementById","innerHTML","instantiateChildComponents_","parentComponent","mountCompiledChildComponents_","GEA_PATCH_COND","GEA_RESET_ELS"],"sources":["../src/components/tree-view.tsx"],"sourcesContent":["import * as treeView from '@zag-js/tree-view'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class TreeView extends ZagComponent {\n  selectedValue: string[] = []\n  expandedValue: string[] = []\n\n  createMachine(_props: any): any {\n    return treeView.machine\n  }\n\n  getMachineProps(props: any) {\n    return {\n      id: this.id,\n      collection: props.collection,\n      selectedValue: props.selectedValue,\n      defaultSelectedValue: props.defaultSelectedValue,\n      expandedValue: props.expandedValue,\n      defaultExpandedValue: props.defaultExpandedValue,\n      selectionMode: props.selectionMode ?? 'single',\n      expandOnClick: props.expandOnClick ?? true,\n      onSelectionChange: (details: treeView.SelectionChangeDetails) => {\n        this.selectedValue = details.selectedValue\n        props.onSelectionChange?.(details)\n      },\n      onExpandedChange: (details: treeView.ExpandedChangeDetails) => {\n        this.expandedValue = details.expandedValue\n        props.onExpandedChange?.(details)\n      },\n    }\n  }\n\n  connectApi(service: any) {\n    return treeView.connect(service, normalizeProps)\n  }\n\n  getSpreadMap() {\n    return {\n      '[data-part=\"root\"]': 'getRootProps',\n      '[data-part=\"label\"]': 'getLabelProps',\n      '[data-part=\"tree\"]': 'getTreeProps',\n    }\n  }\n\n  syncState(api: any) {\n    this.selectedValue = api.selectedValue\n    this.expandedValue = api.expandedValue\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=\"tree-view-label text-sm font-medium mb-2 block\">\n            {props.label}\n          </label>\n        )}\n        <div data-part=\"tree\" class=\"tree-view-tree\" role=\"tree\">\n          {props.children}\n        </div>\n      </div>\n    )\n  }\n}\n"],"mappings":";;;;;AAIA,IAAqBG,WAArB,cAAsCD,aAAa;;OAAAE,qBAAA;;CAHnDC,YAAsB,GAAGC,MAAI;AAAA,QAAA,GAAAA,KAAA;uBAID,EAAE;uBACF,EAAE;AA4CT,OAAAC;AAAA,OAAAC,mBAAA,EAAA,IAAA,CAAA,CAAA,KAAAD,MAGNE;AAAK,OAAAC,mBAAA,GAAA,YAAA;AAHC,QAAAH;AAAA,UAAA,KAAAA,MAGNE;WAAK;AAHC,QAAAF;AAAA,UAAA,mFAAAI,cAAAC,OAAA,KAAAL,MAKFE,MAAK,CAAA,CAAA;KAAA,KAAA;;CA/CtBM,cAAcC,QAAkB;AAC9B,SAAOhB,SAASiB;;CAGlBC,gBAAgBX,OAAY;AAC1B,SAAO;GACLY,IAAI,KAAKA;GACTC,YAAYb,MAAMa;GAClBP,eAAeN,MAAMM;GACrBQ,sBAAsBd,MAAMc;GAC5BP,eAAeP,MAAMO;GACrBQ,sBAAsBf,MAAMe;GAC5BC,eAAehB,MAAMgB,iBAAiB;GACtCC,eAAejB,MAAMiB,iBAAiB;GACtCC,oBAAoBC,YAA6C;AAC/D,SAAKb,gBAAgBa,QAAQb;AAC7BN,UAAMkB,oBAAoBC,QAAQ;;GAEpCE,mBAAmBF,YAA4C;AAC7D,SAAKZ,gBAAgBY,QAAQZ;AAC7BP,UAAMqB,mBAAmBF,QAAQ;;GAEpC;;CAGHI,WAAWC,SAAc;AACvB,SAAO/B,SAASgC,QAAQD,SAAS9B,eAAe;;CAGlDgC,eAAe;AACb,SAAO;GACL,wBAAsB;GACtB,yBAAuB;GACvB,wBAAsB;GACvB;;CAGHC,UAAUC,KAAU;AAClB,OAAKtB,gBAAgBsB,IAAItB;AACzB,OAAKC,gBAAgBqB,IAAIrB;;CAG3BsB,SAAS7B,OAAY;EAAA,MAAA8B,OAAA,KAAAlB;AAAAmB,YAAAC,UAAArC,cAAA,gBAAA;AACnB,SAAA,YAAAmC,KAAA,qBAC+B9B,MAAMiC,SAAS,OAAE,SAAjBjC,MAAMiC,SAAS,QAAE,QAAA,KAAA,aAAjBjC,MAAMiC,SAAS,OAAE,OAAA5B,OAAjBL,MAAMiC,SAAS,GAAE,GAAA,IAAAC,MAAA,CAAA,GAAA,OAAAJ,OAAA,MAAA,KAC3C9B,MAAME,SAAK,mFAAAE,cAAAC,OAEPL,MAAME,MAAK,CAAA,CAAA,aAAA,GAAA,MAAA4B,OAAA,UAAA,cAAAA,OAAA,MAAA,wDAIb9B,MAAMmC,SAAQ;;CA1DzBC,eAAsBC,KAAKC,OAAK;EAAA,MAAAR,OAAA,KAAAlB;AAAA,MAAAyB,QAAA,SAAA;GAAA,MAAAE,OAAA,KAAAC;AAiDX,QAAAxC;GAAA,MAAAyC,eAAAH,SAE6B;AAAE,OAAAC,MAAA;IAAA,MAAAG,cAAAD,gBAAA,OAAApC,OAAAoC,aAAA,GAAA,IAAAP,MAAA;AAAA,QAAAK,KAAAI,cAAAD,WAAAH,MAAAI,YAAAD;;;AAAA,MAAAL,QAAA,YAAA;GAAA,MAAAE,OAAA,KAAAK,SAAA,KAAAA,OAAAC,SAAAC,eAAAhB,OAAA,MAAA;AAAA,OAAAS,QAAAA,KAAAQ,cAAAT,OAAA;AAAAC,SAAAQ,YAAAT;AAAA,SAAAU,6BAAA;AAAA,QAAA,KAAAC,gBAAA,MAAAA,gBAAAC,+BAAA;;;AAAA,MAAAb,QAAA,QAAA,MAAAc,gBAAA,EAAA;;CAnDhB,CAAAC,gBAAA;AAAA,OAAAR,OAAA"}

package/dist/zag-component.d.mts

@@ -0,0 +1,40 @@
+import { Component, GEA_SYNC_MAP, GEA_UPDATE_PROPS } from "@geajs/core";
+import { VanillaMachine } from "@zag-js/vanilla";
+import * as _$_zag_js_types0 from "@zag-js/types";
+
+//#region src/primitives/zag-component.d.ts
+type SpreadCleanup = () => void;
+type PropsGetter = string | ((api: any, el: Element) => Record<string, any>);
+interface SpreadMap {
+  [selector: string]: PropsGetter;
+}
+declare class ZagComponent<P = Record<string, unknown>> extends Component<P> {
+  _machine: VanillaMachine<any> | null;
+  _api: any;
+  _spreadCleanups: Map<string, SpreadCleanup>;
+  _spreadScheduled: boolean;
+  _zagIdMap: Map<string, Element>;
+  _elementCache: Map<string, Element[]>;
+  createMachine(_props: any): any;
+  getMachineProps(_props: any): any;
+  connectApi(_service: any): any;
+  getSpreadMap(): {};
+  syncState(_api: any): void;
+  created(props: P): void;
+  _syncMachineProps(): void;
+  [GEA_UPDATE_PROPS](nextProps: Record<string, any>): void;
+  _scheduleSpreadApplication(): void;
+  _resolveProps(getter: PropsGetter, el: Element): Record<string, any> | null;
+  _queryAllIncludingSelf(selector: string): Element[];
+  _applyAllSpreads(): void;
+  [GEA_SYNC_MAP](idx: number): void;
+  onAfterRender(): void;
+  _cacheArrayContainers(): void;
+  dispose(): void;
+  static normalizeProps: _$_zag_js_types0.NormalizeProps<_$_zag_js_types0.PropTypes<{
+    [x: string]: any;
+  }>>;
+}
+//#endregion
+export { ZagComponent as n, SpreadMap as t };
+//# sourceMappingURL=zag-component.d.mts.map