@geajs/ui 0.1.4 → 0.2.0

package/dist/button.mjs

@@ -0,0 +1,96 @@
+import { t as cn } from "./cn.mjs";
+import { Component, GEA_CTOR_TAG_NAME, GEA_ELEMENT } from "@geajs/core";
+//#region src/components/button.tsx
+const variants = {
+	default: "bg-primary text-primary-foreground shadow-sm hover:bg-primary/90",
+	destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
+	outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
+	secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
+	ghost: "hover:bg-accent hover:text-accent-foreground",
+	link: "text-primary underline-offset-4 hover:underline"
+};
+const sizes = {
+	default: "h-9 px-4 py-2",
+	sm: "h-8 rounded-md px-3 text-xs",
+	lg: "h-10 rounded-md px-8",
+	icon: "h-9 w-9"
+};
+var Button = class extends Component {
+	static {
+		this[GEA_CTOR_TAG_NAME] = "gea-button";
+	}
+	template(props) {
+		const __id = this.id;
+		const variant = variants[props.variant || "default"] || variants.default;
+		const size = sizes[props.size || "default"] || sizes.default;
+		return `<button id="${__id}"${cn("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50", variant, size, props.class) == null || cn("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50", variant, size, props.class) === false ? "" : ` class="${(cn("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50", variant, size, props.class) != null ? String(cn("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50", variant, size, props.class)) : "").trim()}"`}${(props.type || "button") == null || (props.type || "button") === false ? "" : ` type="${props.type || "button"}"`}${props.disabled == null || props.disabled === false ? "" : ` disabled="${props.disabled}"`}>${props.children}</button>`;
+	}
+	get events() {
+		if (this.__evts && this[GEA_ELEMENT]) return this.__evts;
+		const __geaEvtsResult = { click: { [`#${this.id}`]: (e, targetComponent) => this.__event_click_0(e, targetComponent) } };
+		if (this[GEA_ELEMENT]) this.__evts = __geaEvtsResult;
+		return __geaEvtsResult;
+	}
+	__event_click_0(e, targetComponent) {
+		(this.props.click || this.props.onClick)?.(e);
+	}
+	__onPropChange(key, value) {
+		if (key === "variant") {
+			const __el = this[GEA_ELEMENT];
+			const props = this.props;
+			const __boundValue = cn("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50", variants[props.variant || "default"] || variants.default, sizes[props.size || "default"] || sizes.default, this.props.class);
+			if (__el) {
+				const __newClass = (__boundValue != null ? String(__boundValue) : "").trim();
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		}
+		if (key === "size") {
+			const __el = this[GEA_ELEMENT];
+			const props = this.props;
+			const __boundValue = cn("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50", variants[props.variant || "default"] || variants.default, sizes[props.size || "default"] || sizes.default, this.props.class);
+			if (__el) {
+				const __newClass = (__boundValue != null ? String(__boundValue) : "").trim();
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		}
+		if (key === "class") {
+			const __el = this[GEA_ELEMENT];
+			const props = this.props;
+			const __boundValue = cn("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50", variants[props.variant || "default"] || variants.default, sizes[props.size || "default"] || sizes.default, value);
+			if (__el) {
+				const __newClass = (__boundValue != null ? String(__boundValue) : "").trim();
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		}
+		if (key === "type") {
+			const __el = this[GEA_ELEMENT];
+			this.props;
+			const __boundValue = value || "button";
+			if (__el) if (__boundValue === null || __boundValue === void 0) __el.removeAttribute("type");
+			else {
+				const __newAttr = String(__boundValue);
+				if (__el.getAttribute("type") !== __newAttr) __el.setAttribute("type", __newAttr);
+			}
+		}
+		if (key === "disabled") {
+			const __el = this[GEA_ELEMENT];
+			if (__el) if (!value) __el.removeAttribute("disabled");
+			else {
+				const __newAttr = "";
+				if (__el.getAttribute("disabled") !== __newAttr) __el.setAttribute("disabled", __newAttr);
+			}
+		}
+		if (key === "children") {
+			const __el = this[GEA_ELEMENT];
+			if (__el && __el.innerHTML !== value) {
+				__el.innerHTML = value;
+				this.instantiateChildComponents_();
+				if (this.parentComponent) this.parentComponent.mountCompiledChildComponents_();
+			}
+		}
+	}
+};
+//#endregion
+export { Button as default };
+
+//# sourceMappingURL=button.mjs.map

package/dist/button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.mjs","names":["Component","GEA_RENDERED","GEA_ELEMENT","GEA_MAPS","GEA_CONDS","GEA_RESET_ELS","GEA_OBSERVE","GEA_OBSERVE_LIST","GEA_EL","GEA_UPDATE_TEXT","GEA_REQUEST_RENDER","GEA_UPDATE_PROPS","GEA_SYNC_MAP","GEA_REGISTER_MAP","GEA_PATCH_COND","GEA_REGISTER_COND","GEA_REFRESH_LIST","GEA_RECONCILE_LIST","GEA_ENSURE_ARRAY_CONFIGS","GEA_APPLY_LIST_CHANGES","GEA_SWAP_CHILD","GEA_SWAP_STATE_CHILDREN","GEA_CHILD","GEA_LIST_CONFIG_REFRESHING","GEA_DOM_KEY","GEA_DOM_ITEM","GEA_DOM_PROPS","GEA_MAP_CONFIG_TPL","GEA_MAP_CONFIG_PREV","GEA_MAP_CONFIG_COUNT","geaCondPatchedSymbol","geaCondValueSymbol","geaObservePrevSymbol","geaPrevGuardSymbol","GEA_SETUP_LOCAL_STATE_OBSERVERS","geaSanitizeAttr","geaEscapeHtml","GEA_CTOR_TAG_NAME","MouseEventHandler","ReactNode","cn","ButtonVariant","ButtonSize","ButtonProps","variant","size","type","disabled","class","click","HTMLButtonElement","onClick","children","variants","Record","default","destructive","outline","secondary","ghost","link","sizes","sm","lg","icon","Button","template","props","__id","id","String","trim","events","__evts","__geaEvtsResult","e","targetComponent","__event_click_0","handleClick","__onPropChange","key","value","__el","__boundValue","__newClass","className","undefined","removeAttribute","__newAttr","getAttribute","setAttribute","innerHTML","instantiateChildComponents_","parentComponent","mountCompiledChildComponents_"],"sources":["../src/components/button.tsx"],"sourcesContent":["import { Component } from '@geajs/core'\nimport type { MouseEventHandler, ReactNode } from 'react'\nimport { cn } from '../utils/cn'\n\nexport type ButtonVariant = 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link'\nexport type ButtonSize = 'default' | 'sm' | 'lg' | 'icon'\n\nexport interface ButtonProps {\n  variant?: ButtonVariant | (string & {})\n  size?: ButtonSize | (string & {})\n  type?: 'button' | 'submit' | 'reset'\n  disabled?: boolean\n  class?: string\n  click?: MouseEventHandler<HTMLButtonElement>\n  onClick?: MouseEventHandler<HTMLButtonElement>\n  children?: ReactNode\n}\n\nconst variants: Record<string, string> = {\n  default: 'bg-primary text-primary-foreground shadow-sm hover:bg-primary/90',\n  destructive: 'bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90',\n  outline: 'border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground',\n  secondary: 'bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80',\n  ghost: 'hover:bg-accent hover:text-accent-foreground',\n  link: 'text-primary underline-offset-4 hover:underline',\n}\n\nconst sizes: Record<string, string> = {\n  default: 'h-9 px-4 py-2',\n  sm: 'h-8 rounded-md px-3 text-xs',\n  lg: 'h-10 rounded-md px-8',\n  icon: 'h-9 w-9',\n}\n\nexport default class Button extends Component<ButtonProps> {\n  template(props: ButtonProps) {\n    const variant = variants[props.variant || 'default'] || variants.default\n    const size = sizes[props.size || 'default'] || sizes.default\n    const handleClick = props.click || props.onClick\n\n    return (\n      <button\n        class={cn(\n          'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50',\n          variant,\n          size,\n          props.class,\n        )}\n        type={props.type || 'button'}\n        disabled={props.disabled}\n        click={(e: any) => handleClick?.(e)}\n      >\n        {props.children}\n      </button>\n    )\n  }\n}\n"],"mappings":"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"}

package/dist/card.d.mts

@@ -0,0 +1,24 @@
+import { Component } from "@geajs/core";
+
+//#region src/components/card.d.ts
+declare class Card extends Component {
+  template(props: any): string;
+}
+declare class CardHeader extends Component {
+  template(props: any): string;
+}
+declare class CardTitle extends Component {
+  template(props: any): string;
+}
+declare class CardDescription extends Component {
+  template(props: any): string;
+}
+declare class CardContent extends Component {
+  template(props: any): string;
+}
+declare class CardFooter extends Component {
+  template(props: any): string;
+}
+//#endregion
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
+//# sourceMappingURL=card.d.mts.map

package/dist/card.mjs

@@ -0,0 +1,169 @@
+import { t as cn } from "./cn.mjs";
+import { Component, GEA_CTOR_TAG_NAME, GEA_ELEMENT } from "@geajs/core";
+//#region src/components/card.tsx
+var Card = class extends Component {
+	static {
+		this[GEA_CTOR_TAG_NAME] = "card";
+	}
+	template(props) {
+		return `<div id="${this.id}"${cn("rounded-xl border bg-card text-card-foreground shadow", props.class) == null || cn("rounded-xl border bg-card text-card-foreground shadow", props.class) === false ? "" : ` class="${(cn("rounded-xl border bg-card text-card-foreground shadow", props.class) != null ? String(cn("rounded-xl border bg-card text-card-foreground shadow", props.class)) : "").trim()}"`}>${props.children}</div>`;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") {
+			const __el = this[GEA_ELEMENT];
+			this.props;
+			const __boundValue = cn("rounded-xl border bg-card text-card-foreground shadow", value);
+			if (__el) {
+				const __newClass = (__boundValue != null ? String(__boundValue) : "").trim();
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		}
+		if (key === "children") {
+			const __el = this[GEA_ELEMENT];
+			if (__el && __el.innerHTML !== value) {
+				__el.innerHTML = value;
+				this.instantiateChildComponents_();
+				if (this.parentComponent) this.parentComponent.mountCompiledChildComponents_();
+			}
+		}
+	}
+};
+var CardHeader = class extends Component {
+	static {
+		this[GEA_CTOR_TAG_NAME] = "card-header";
+	}
+	template(props) {
+		return `<div id="${this.id}"${cn("flex flex-col space-y-1.5 p-6", props.class) == null || cn("flex flex-col space-y-1.5 p-6", props.class) === false ? "" : ` class="${(cn("flex flex-col space-y-1.5 p-6", props.class) != null ? String(cn("flex flex-col space-y-1.5 p-6", props.class)) : "").trim()}"`}>${props.children}</div>`;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") {
+			const __el = this[GEA_ELEMENT];
+			this.props;
+			const __boundValue = cn("flex flex-col space-y-1.5 p-6", value);
+			if (__el) {
+				const __newClass = (__boundValue != null ? String(__boundValue) : "").trim();
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		}
+		if (key === "children") {
+			const __el = this[GEA_ELEMENT];
+			if (__el && __el.innerHTML !== value) {
+				__el.innerHTML = value;
+				this.instantiateChildComponents_();
+				if (this.parentComponent) this.parentComponent.mountCompiledChildComponents_();
+			}
+		}
+	}
+};
+var CardTitle = class extends Component {
+	static {
+		this[GEA_CTOR_TAG_NAME] = "card-title";
+	}
+	template(props) {
+		return `<h3 id="${this.id}"${cn("font-semibold leading-none tracking-tight", props.class) == null || cn("font-semibold leading-none tracking-tight", props.class) === false ? "" : ` class="${(cn("font-semibold leading-none tracking-tight", props.class) != null ? String(cn("font-semibold leading-none tracking-tight", props.class)) : "").trim()}"`}>${props.children}</h3>`;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") {
+			const __el = this[GEA_ELEMENT];
+			this.props;
+			const __boundValue = cn("font-semibold leading-none tracking-tight", value);
+			if (__el) {
+				const __newClass = (__boundValue != null ? String(__boundValue) : "").trim();
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		}
+		if (key === "children") {
+			const __el = this[GEA_ELEMENT];
+			if (__el && __el.innerHTML !== value) {
+				__el.innerHTML = value;
+				this.instantiateChildComponents_();
+				if (this.parentComponent) this.parentComponent.mountCompiledChildComponents_();
+			}
+		}
+	}
+};
+var CardDescription = class extends Component {
+	static {
+		this[GEA_CTOR_TAG_NAME] = "card-description";
+	}
+	template(props) {
+		return `<p id="${this.id}"${cn("text-sm text-muted-foreground", props.class) == null || cn("text-sm text-muted-foreground", props.class) === false ? "" : ` class="${(cn("text-sm text-muted-foreground", props.class) != null ? String(cn("text-sm text-muted-foreground", props.class)) : "").trim()}"`}>${props.children}</p>`;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") {
+			const __el = this[GEA_ELEMENT];
+			this.props;
+			const __boundValue = cn("text-sm text-muted-foreground", value);
+			if (__el) {
+				const __newClass = (__boundValue != null ? String(__boundValue) : "").trim();
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		}
+		if (key === "children") {
+			const __el = this[GEA_ELEMENT];
+			if (__el && __el.innerHTML !== value) {
+				__el.innerHTML = value;
+				this.instantiateChildComponents_();
+				if (this.parentComponent) this.parentComponent.mountCompiledChildComponents_();
+			}
+		}
+	}
+};
+var CardContent = class extends Component {
+	static {
+		this[GEA_CTOR_TAG_NAME] = "card-content";
+	}
+	template(props) {
+		return `<div id="${this.id}"${cn("p-6 pt-0", props.class) == null || cn("p-6 pt-0", props.class) === false ? "" : ` class="${(cn("p-6 pt-0", props.class) != null ? String(cn("p-6 pt-0", props.class)) : "").trim()}"`}>${props.children}</div>`;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") {
+			const __el = this[GEA_ELEMENT];
+			this.props;
+			const __boundValue = cn("p-6 pt-0", value);
+			if (__el) {
+				const __newClass = (__boundValue != null ? String(__boundValue) : "").trim();
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		}
+		if (key === "children") {
+			const __el = this[GEA_ELEMENT];
+			if (__el && __el.innerHTML !== value) {
+				__el.innerHTML = value;
+				this.instantiateChildComponents_();
+				if (this.parentComponent) this.parentComponent.mountCompiledChildComponents_();
+			}
+		}
+	}
+};
+var CardFooter = class extends Component {
+	static {
+		this[GEA_CTOR_TAG_NAME] = "card-footer";
+	}
+	template(props) {
+		return `<div id="${this.id}"${cn("flex items-center p-6 pt-0", props.class) == null || cn("flex items-center p-6 pt-0", props.class) === false ? "" : ` class="${(cn("flex items-center p-6 pt-0", props.class) != null ? String(cn("flex items-center p-6 pt-0", props.class)) : "").trim()}"`}>${props.children}</div>`;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") {
+			const __el = this[GEA_ELEMENT];
+			this.props;
+			const __boundValue = cn("flex items-center p-6 pt-0", value);
+			if (__el) {
+				const __newClass = (__boundValue != null ? String(__boundValue) : "").trim();
+				if (__el.className !== __newClass) __el.className = __newClass;
+			}
+		}
+		if (key === "children") {
+			const __el = this[GEA_ELEMENT];
+			if (__el && __el.innerHTML !== value) {
+				__el.innerHTML = value;
+				this.instantiateChildComponents_();
+				if (this.parentComponent) this.parentComponent.mountCompiledChildComponents_();
+			}
+		}
+	}
+};
+//#endregion
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
+
+//# sourceMappingURL=card.mjs.map

package/dist/card.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.mjs","names":["Component","GEA_RENDERED","GEA_ELEMENT","GEA_MAPS","GEA_CONDS","GEA_RESET_ELS","GEA_OBSERVE","GEA_OBSERVE_LIST","GEA_EL","GEA_UPDATE_TEXT","GEA_REQUEST_RENDER","GEA_UPDATE_PROPS","GEA_SYNC_MAP","GEA_REGISTER_MAP","GEA_PATCH_COND","GEA_REGISTER_COND","GEA_REFRESH_LIST","GEA_RECONCILE_LIST","GEA_ENSURE_ARRAY_CONFIGS","GEA_APPLY_LIST_CHANGES","GEA_SWAP_CHILD","GEA_SWAP_STATE_CHILDREN","GEA_CHILD","GEA_LIST_CONFIG_REFRESHING","GEA_DOM_KEY","GEA_DOM_ITEM","GEA_DOM_PROPS","GEA_MAP_CONFIG_TPL","GEA_MAP_CONFIG_PREV","GEA_MAP_CONFIG_COUNT","geaCondPatchedSymbol","geaCondValueSymbol","geaObservePrevSymbol","geaPrevGuardSymbol","GEA_SETUP_LOCAL_STATE_OBSERVERS","geaSanitizeAttr","geaEscapeHtml","GEA_CTOR_TAG_NAME","cn","Card","template","props","__id","id","class","String","trim","children","__onPropChange","key","value","__el","__boundValue","__newClass","className","innerHTML","instantiateChildComponents_","parentComponent","mountCompiledChildComponents_","CardHeader","CardTitle","CardDescription","CardContent","CardFooter"],"sources":["../src/components/card.tsx"],"sourcesContent":["import { Component } from '@geajs/core'\nimport { cn } from '../utils/cn'\n\nexport class Card extends Component {\n  template(props: any) {\n    return <div class={cn('rounded-xl border bg-card text-card-foreground shadow', props.class)}>{props.children}</div>\n  }\n}\n\nexport class CardHeader extends Component {\n  template(props: any) {\n    return <div class={cn('flex flex-col space-y-1.5 p-6', props.class)}>{props.children}</div>\n  }\n}\n\nexport class CardTitle extends Component {\n  template(props: any) {\n    return <h3 class={cn('font-semibold leading-none tracking-tight', props.class)}>{props.children}</h3>\n  }\n}\n\nexport class CardDescription extends Component {\n  template(props: any) {\n    return <p class={cn('text-sm text-muted-foreground', props.class)}>{props.children}</p>\n  }\n}\n\nexport class CardContent extends Component {\n  template(props: any) {\n    return <div class={cn('p-6 pt-0', props.class)}>{props.children}</div>\n  }\n}\n\nexport class CardFooter extends Component {\n  template(props: any) {\n    return <div class={cn('flex items-center p-6 pt-0', props.class)}>{props.children}</div>\n  }\n}\n"],"mappings":"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"}

package/dist/checkbox.d.mts

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

package/dist/checkbox.mjs

@@ -0,0 +1,80 @@
+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 checkbox from "@zag-js/checkbox";
+//#region src/components/checkbox.tsx
+var Checkbox = class extends ZagComponent {
+	static {
+		this[GEA_CTOR_TAG_NAME] = "checkbox";
+	}
+	constructor(...args) {
+		super(...args);
+		this.checked = false;
+		this.props;
+		this[geaCondValueSymbol(0)] = !!this.props.label;
+		this[GEA_REGISTER_COND](0, "c0", () => {
+			this.props;
+			return this.props.label;
+		}, () => {
+			this.props;
+			return `<span data-part="label" class="checkbox-label text-sm font-medium leading-none">${geaEscapeHtml(String(this.props.label))}</span>`;
+		}, null);
+	}
+	createMachine(_props) {
+		return checkbox.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 checkbox.connect(service, normalizeProps);
+	}
+	getSpreadMap() {
+		return {
+			"[data-part=\"root\"]": "getRootProps",
+			"[data-part=\"label\"]": "getLabelProps",
+			"[data-part=\"control\"]": "getControlProps",
+			"[data-part=\"indicator\"]": "getIndicatorProps",
+			"[data-part=\"hidden-input\"]": "getHiddenInputProps"
+		};
+	}
+	syncState(api) {
+		this.checked = api.checkedState;
+	}
+	template(props) {
+		const __id = this.id;
+		Component._register(ZagComponent, "zag-component");
+		return `<label id="${__id}" data-part="root" class="${`checkbox-root inline-flex items-center gap-2 cursor-pointer ${props.class || ""}`.trim()}"><input data-part="hidden-input" type="checkbox" class="sr-only" /><div data-part="control" class="checkbox-control h-4 w-4 shrink-0 rounded-sm border border-primary shadow transition-colors data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground"><span data-part="indicator" class="checkbox-indicator flex items-center justify-center text-current h-full w-full"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="h-3 w-3"><polyline points="20 6 9 17 4 12"></polyline></svg></span></div><!--${__id + "-c0"}-->${props.label && `<span data-part="label" class="checkbox-label text-sm font-medium leading-none">${geaEscapeHtml(String(props.label))}</span>` || ""}<!--${__id + "-c0-end"}--></label>`;
+	}
+	__onPropChange(key, value) {
+		if (key === "class") {
+			const __el = this[GEA_ELEMENT];
+			this.props;
+			const __boundValue = `checkbox-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[GEA_PATCH_COND](0);
+	}
+};
+//#endregion
+export { Checkbox as default };
+
+//# sourceMappingURL=checkbox.mjs.map

package/dist/checkbox.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.mjs","names":["checkbox","normalizeProps","ZagComponent","Checkbox","GEA_CTOR_TAG_NAME","constructor","args","props","geaCondValueSymbol","label","GEA_REGISTER_COND","geaEscapeHtml","String","checked","createMachine","_props","machine","getMachineProps","id","defaultChecked","disabled","invalid","required","readOnly","name","form","value","onCheckedChange","details","CheckedChangeDetails","connectApi","service","connect","getSpreadMap","syncState","api","checkedState","template","__id","Component","_register","class","trim","__onPropChange","key","__el","GEA_ELEMENT","__boundValue","__newClass","className","GEA_PATCH_COND"],"sources":["../src/components/checkbox.tsx"],"sourcesContent":["import * as checkbox from '@zag-js/checkbox'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class Checkbox extends ZagComponent {\n  checked: boolean | 'indeterminate' = false\n\n  createMachine(_props: any): any {\n    return checkbox.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: checkbox.CheckedChangeDetails) => {\n        this.checked = details.checked\n        props.onCheckedChange?.(details)\n      },\n    }\n  }\n\n  connectApi(service: any) {\n    return checkbox.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=\"indicator\"]': 'getIndicatorProps',\n      '[data-part=\"hidden-input\"]': 'getHiddenInputProps',\n    }\n  }\n\n  syncState(api: any) {\n    this.checked = api.checkedState\n  }\n\n  template(props: any) {\n    return (\n      <label\n        data-part=\"root\"\n        class={`checkbox-root inline-flex items-center gap-2 cursor-pointer ${props.class || ''}`}\n      >\n        <input data-part=\"hidden-input\" type=\"checkbox\" class=\"sr-only\" />\n        <div\n          data-part=\"control\"\n          class=\"checkbox-control h-4 w-4 shrink-0 rounded-sm border border-primary shadow transition-colors data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground\"\n        >\n          <span\n            data-part=\"indicator\"\n            class=\"checkbox-indicator flex items-center justify-center text-current h-full w-full\"\n          >\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              viewBox=\"0 0 24 24\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              stroke-width=\"3\"\n              stroke-linecap=\"round\"\n              stroke-linejoin=\"round\"\n              class=\"h-3 w-3\"\n            >\n              <polyline points=\"20 6 9 17 4 12\"></polyline>\n            </svg>\n          </span>\n        </div>\n        {props.label && (\n          <span data-part=\"label\" class=\"checkbox-label text-sm font-medium leading-none\">\n            {props.label}\n          </span>\n        )}\n      </label>\n    )\n  }\n}\n"],"mappings":";;;;;AAIA,IAAqBG,WAArB,cAAsCD,aAAa;;OAAAE,qBAAA;;CAHnDC,YAAsB,GAAGC,MAAI;AAAA,QAAA,GAAAA,KAAA;iBAIU;AA2ClB,OAAAC;AAAA,OAAAC,mBAAA,EAAA,IAAA,CAAA,CAAA,KAAAD,MA6BNE;AAAK,OAAAC,mBAAA,GAAA,YAAA;AA7BC,QAAAH;AAAA,UAAA,KAAAA,MA6BNE;WAAK;AA7BC,QAAAF;AAAA,UAAA,mFAAAI,cAAAC,OAAA,KAAAL,MA+BFE,MAAK,CAAA,CAAA;KAAA,KAAA;;CAxEtBK,cAAcC,QAAkB;AAC9B,SAAOf,SAASgB;;CAGlBC,gBAAgBV,OAAY;AAC1B,SAAO;GACLW,IAAI,KAAKA;GACTL,SAASN,MAAMM;GACfM,gBAAgBZ,MAAMY;GACtBC,UAAUb,MAAMa;GAChBC,SAASd,MAAMc;GACfC,UAAUf,MAAMe;GAChBC,UAAUhB,MAAMgB;GAChBC,MAAMjB,MAAMiB;GACZC,MAAMlB,MAAMkB;GACZC,OAAOnB,MAAMmB,SAAS;GACtBC,kBAAkBC,YAA2C;AAC3D,SAAKf,UAAUe,QAAQf;AACvBN,UAAMoB,kBAAkBC,QAAQ;;GAEnC;;CAGHE,WAAWC,SAAc;AACvB,SAAO/B,SAASgC,QAAQD,SAAS9B,eAAe;;CAGlDgC,eAAe;AACb,SAAO;GACL,wBAAsB;GACtB,yBAAuB;GACvB,2BAAyB;GACzB,6BAA2B;GAC3B,gCAA8B;GAC/B;;CAGHC,UAAUC,KAAU;AAClB,OAAKtB,UAAUsB,IAAIC;;CAGrBC,SAAS9B,OAAY;EAAA,MAAA+B,OAAA,KAAApB;AAAAqB,YAAAC,UAAAtC,cAAA,gBAAA;AACnB,SAAA,cAAAoC,KAAA,4BAGW,+DAA+D/B,MAAMkC,SAAS,KAAIC,MAAA,CAAA,qnBAAAJ,OAAA,MAAA,KAyBxF/B,MAAME,SAAK,mFAAAE,cAAAC,OAEPL,MAAME,MAAK,CAAA,CAAA,YAAA,GAAA,MAAA6B,OAAA,UAAA;;CA9ExBK,eAAsBC,KAAKlB,OAAK;AAAA,MAAAkB,QAAA,SAAA;GAAA,MAAAC,OAAA,KAAAC;AA+CX,QAAAvC;GAAA,MAAAwC,eAAA,+DAAArB,SAIwE;AAAE,OAAAmB,MAAA;IAAA,MAAAG,cAAAD,gBAAA,OAAAnC,OAAAmC,aAAA,GAAA,IAAAL,MAAA;AAAA,QAAAG,KAAAI,cAAAD,WAAAH,MAAAI,YAAAD;;;AAAA,MAAAJ,QAAA,QAAA,MAAAM,gBAAA,EAAA"}

package/dist/clipboard.d.mts

@@ -0,0 +1,33 @@
+import { n as ZagComponent } from "./zag-component.mjs";
+import * as clipboard from "@zag-js/clipboard";
+import * as _$_zag_js_types0 from "@zag-js/types";
+
+//#region src/components/clipboard.d.ts
+declare class Clipboard extends ZagComponent {
+  copied: boolean;
+  createMachine(_props: any): any;
+  getMachineProps(props: any): {
+    id: any;
+    value: any;
+    defaultValue: any;
+    timeout: any;
+    onStatusChange: (details: clipboard.CopyStatusDetails) => void;
+  };
+  connectApi(service: any): clipboard.Api<_$_zag_js_types0.PropTypes<{
+    [x: string]: any;
+  }>>;
+  getSpreadMap(): {
+    '[data-part="root"]': string;
+    '[data-part="label"]': string;
+    '[data-part="control"]': string;
+    '[data-part="trigger"]': string;
+    '[data-part="input"]': string;
+    '[data-part="indicator-copied"]': (api: any) => any;
+    '[data-part="indicator-not-copied"]': (api: any) => any;
+  };
+  syncState(api: any): void;
+  template(props: any): string;
+}
+//#endregion
+export { Clipboard as default };
+//# sourceMappingURL=clipboard.d.mts.map

package/dist/clipboard.mjs

@@ -0,0 +1,100 @@
+import { t as ZagComponent } from "./zag-component.mjs";
+import { Component, GEA_CTOR_TAG_NAME, GEA_ELEMENT, GEA_OBSERVE, GEA_PATCH_COND, GEA_REGISTER_COND, GEA_RENDERED, GEA_SETUP_LOCAL_STATE_OBSERVERS, geaCondPatchedSymbol, geaCondValueSymbol, geaEscapeHtml } from "@geajs/core";
+import { normalizeProps } from "@zag-js/vanilla";
+import * as clipboard from "@zag-js/clipboard";
+//#region src/components/clipboard.tsx
+var Clipboard = class extends ZagComponent {
+	static {
+		this[GEA_CTOR_TAG_NAME] = "clipboard";
+	}
+	constructor(...args) {
+		super(...args);
+		this.copied = false;
+		this.props;
+		this[geaCondValueSymbol(0)] = !!this.copied;
+		this[geaCondValueSymbol(1)] = !!this.props.label;
+		this[GEA_REGISTER_COND](0, "c0", () => {
+			this.props;
+			return this.copied;
+		}, () => {
+			this.props;
+			return `<span data-part="indicator-copied">✓ Copied</span>`;
+		}, () => {
+			this.props;
+			return `<span data-part="indicator-not-copied">Copy</span>`;
+		});
+		this[GEA_REGISTER_COND](1, "c1", () => {
+			this.props;
+			return this.props.label;
+		}, () => {
+			this.props;
+			return `<label data-part="label" class="clipboard-label text-sm font-medium mb-1 block">${geaEscapeHtml(String(this.props.label))}</label>`;
+		}, null);
+	}
+	createMachine(_props) {
+		return clipboard.machine;
+	}
+	getMachineProps(props) {
+		return {
+			id: this.id,
+			value: props.value,
+			defaultValue: props.defaultValue,
+			timeout: props.timeout ?? 2e3,
+			onStatusChange: (details) => {
+				this.copied = details.copied;
+				props.onStatusChange?.(details);
+			}
+		};
+	}
+	connectApi(service) {
+		return clipboard.connect(service, normalizeProps);
+	}
+	getSpreadMap() {
+		return {
+			"[data-part=\"root\"]": "getRootProps",
+			"[data-part=\"label\"]": "getLabelProps",
+			"[data-part=\"control\"]": "getControlProps",
+			"[data-part=\"trigger\"]": "getTriggerProps",
+			"[data-part=\"input\"]": "getInputProps",
+			"[data-part=\"indicator-copied\"]": (api) => api.getIndicatorProps({ copied: true }),
+			"[data-part=\"indicator-not-copied\"]": (api) => api.getIndicatorProps({ copied: false })
+		};
+	}
+	syncState(api) {
+		this.copied = api.copied;
+	}
+	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 + "-c1"}-->${props.label && `<label data-part="label" class="clipboard-label text-sm font-medium mb-1 block">${geaEscapeHtml(String(props.label))}</label>` || ""}<!--${__id + "-c1-end"}--><div data-part="control" class="clipboard-control flex gap-2"><input data-part="input" class="clipboard-input flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm" /><button data-part="trigger" class="clipboard-trigger inline-flex h-9 items-center justify-center rounded-md border border-input bg-background px-3 text-sm shadow-sm hover:bg-accent"><!--${__id + "-c0"}-->${(this.copied ? `<span data-part="indicator-copied">✓ Copied</span>` : `<span data-part="indicator-not-copied">Copy</span>`) || ""}<!--${__id + "-c0-end"}--></button></div></div>`;
+	}
+	__onPropChange(key, value) {
+		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;
+			}
+		}
+		this[GEA_PATCH_COND](0);
+		if (key === "label") this[GEA_PATCH_COND](1);
+	}
+	__observe_local_copied(value, change) {
+		if (this[GEA_RENDERED]) {
+			if (this[geaCondPatchedSymbol(0)]) return;
+			this[geaCondPatchedSymbol(0)] = this[GEA_PATCH_COND](0);
+			if (this[geaCondPatchedSymbol(0)]) queueMicrotask(() => this[geaCondPatchedSymbol(0)] = false);
+			if (this[geaCondPatchedSymbol(0)]) return;
+		}
+	}
+	[GEA_SETUP_LOCAL_STATE_OBSERVERS]() {
+		if (!this.__store) return;
+		this[GEA_OBSERVE](this, ["copied"], this.__observe_local_copied);
+	}
+};
+//#endregion
+export { Clipboard as default };
+
+//# sourceMappingURL=clipboard.mjs.map

package/dist/clipboard.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"clipboard.mjs","names":["clipboard","normalizeProps","ZagComponent","Clipboard","GEA_CTOR_TAG_NAME","constructor","args","props","geaCondValueSymbol","copied","label","GEA_REGISTER_COND","geaEscapeHtml","String","createMachine","_props","machine","getMachineProps","id","value","defaultValue","timeout","onStatusChange","details","CopyStatusDetails","connectApi","service","connect","getSpreadMap","api","getIndicatorProps","syncState","template","__id","Component","_register","class","trim","__onPropChange","key","__el","GEA_ELEMENT","__boundValue","__newClass","className","GEA_PATCH_COND","__observe_local_copied","change","GEA_RENDERED","geaCondPatchedSymbol","queueMicrotask","GEA_SETUP_LOCAL_STATE_OBSERVERS","__store","GEA_OBSERVE"],"sources":["../src/components/clipboard.tsx"],"sourcesContent":["import * as clipboard from '@zag-js/clipboard'\nimport { normalizeProps } from '@zag-js/vanilla'\nimport ZagComponent from '../primitives/zag-component'\n\nexport default class Clipboard extends ZagComponent {\n  copied = false\n\n  createMachine(_props: any): any {\n    return clipboard.machine\n  }\n\n  getMachineProps(props: any) {\n    return {\n      id: this.id,\n      value: props.value,\n      defaultValue: props.defaultValue,\n      timeout: props.timeout ?? 2000,\n      onStatusChange: (details: clipboard.CopyStatusDetails) => {\n        this.copied = details.copied\n        props.onStatusChange?.(details)\n      },\n    }\n  }\n\n  connectApi(service: any) {\n    return clipboard.connect(service, normalizeProps)\n  }\n\n  getSpreadMap() {\n    return {\n      '[data-part=\"root\"]': 'getRootProps',\n      '[data-part=\"label\"]': 'getLabelProps',\n      '[data-part=\"control\"]': 'getControlProps',\n      '[data-part=\"trigger\"]': 'getTriggerProps',\n      '[data-part=\"input\"]': 'getInputProps',\n      '[data-part=\"indicator-copied\"]': (api) => api.getIndicatorProps({ copied: true }),\n      '[data-part=\"indicator-not-copied\"]': (api) => api.getIndicatorProps({ copied: false }),\n    }\n  }\n\n  syncState(api: any) {\n    this.copied = api.copied\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=\"clipboard-label text-sm font-medium mb-1 block\">\n            {props.label}\n          </label>\n        )}\n        <div data-part=\"control\" class=\"clipboard-control flex gap-2\">\n          <input\n            data-part=\"input\"\n            class=\"clipboard-input flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm\"\n          />\n          <button\n            data-part=\"trigger\"\n            class=\"clipboard-trigger inline-flex h-9 items-center justify-center rounded-md border border-input bg-background px-3 text-sm shadow-sm hover:bg-accent\"\n          >\n            {this.copied ? (\n              <span data-part=\"indicator-copied\">&#x2713; Copied</span>\n            ) : (\n              <span data-part=\"indicator-not-copied\">Copy</span>\n            )}\n          </button>\n        </div>\n      </div>\n    )\n  }\n}\n"],"mappings":"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"}

package/dist/cn.mjs

@@ -0,0 +1,10 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+//#region src/utils/cn.ts
+function cn(...inputs) {
+	return twMerge(clsx(inputs));
+}
+//#endregion
+export { cn as t };
+
+//# sourceMappingURL=cn.mjs.map

package/dist/cn.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.mjs","names":[],"sources":["../src/utils/cn.ts"],"sourcesContent":["import { clsx, type ClassValue } from 'clsx'\nimport { twMerge } from 'tailwind-merge'\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n"],"mappings":";;;AAGA,SAAgB,GAAG,GAAG,QAAsB;AAC1C,QAAO,QAAQ,KAAK,OAAO,CAAC"}

package/dist/collapsible.d.mts

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