@geajs/ui 0.1.5 → 0.2.0

package/dist/button.mjs

@@ -1,6 +1,5 @@
 import { t as cn } from "./cn.mjs";
-import "./_virtual_gea-hmr.mjs";
-import { Component } from "@geajs/core";
+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",
@@ -17,6 +16,9 @@ const sizes = {
 	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;
@@ -24,15 +26,17 @@ var Button = class extends Component {
 		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) return this.__evts;
-		return this.__evts = { click: { [`#${this.id}`]: this.__event_click_0 } };
+		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.element_;
+			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) {
@@ -41,7 +45,7 @@ var Button = class extends Component {
 			}
 		}
 		if (key === "size") {
-			const __el = this.element_;
+			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) {
@@ -50,7 +54,7 @@ var Button = class extends Component {
 			}
 		}
 		if (key === "class") {
-			const __el = this.element_;
+			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) {
@@ -59,19 +63,25 @@ var Button = class extends Component {
 			}
 		}
 		if (key === "type") {
-			const __el = this.element_;
+			const __el = this[GEA_ELEMENT];
 			this.props;
 			const __boundValue = value || "button";
 			if (__el) if (__boundValue === null || __boundValue === void 0) __el.removeAttribute("type");
-			else __el.setAttribute("type", String(__boundValue));
+			else {
+				const __newAttr = String(__boundValue);
+				if (__el.getAttribute("type") !== __newAttr) __el.setAttribute("type", __newAttr);
+			}
 		}
 		if (key === "disabled") {
-			const __el = this.element_;
+			const __el = this[GEA_ELEMENT];
 			if (__el) if (!value) __el.removeAttribute("disabled");
-			else __el.setAttribute("disabled", "");
+			else {
+				const __newAttr = "";
+				if (__el.getAttribute("disabled") !== __newAttr) __el.setAttribute("disabled", __newAttr);
+			}
 		}
 		if (key === "children") {
-			const __el = this.element_;
+			const __el = this[GEA_ELEMENT];
 			if (__el && __el.innerHTML !== value) {
 				__el.innerHTML = value;
 				this.instantiateChildComponents_();

package/dist/button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"button.mjs","names":["Component","MouseEventHandler","ReactNode","cn","handleComponentUpdate","registerHotModule","registerComponentInstance","unregisterComponentInstance","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","__event_click_0","e","targetComponent","handleClick","__onPropChange","key","value","__el","element_","__boundValue","__newClass","className","undefined","removeAttribute","setAttribute","innerHTML","instantiateChildComponents_","parentComponent","mountCompiledChildComponents_","import","meta","hot","__moduleExports","url","accept","newModule","__updatedModule","invalidate","__origCreated","prototype","created","__geaProps","constructor","name","call","__origDispose","dispose"],"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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"}
+{"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.mjs

@@ -1,14 +1,16 @@
 import { t as cn } from "./cn.mjs";
-import "./_virtual_gea-hmr.mjs";
-import { Component } from "@geajs/core";
+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.element_;
+			const __el = this[GEA_ELEMENT];
 			this.props;
 			const __boundValue = cn("rounded-xl border bg-card text-card-foreground shadow", value);
 			if (__el) {
@@ -17,7 +19,7 @@ var Card = class extends Component {
 			}
 		}
 		if (key === "children") {
-			const __el = this.element_;
+			const __el = this[GEA_ELEMENT];
 			if (__el && __el.innerHTML !== value) {
 				__el.innerHTML = value;
 				this.instantiateChildComponents_();
@@ -27,12 +29,15 @@ var Card = class extends Component {
 	}
 };
 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.element_;
+			const __el = this[GEA_ELEMENT];
 			this.props;
 			const __boundValue = cn("flex flex-col space-y-1.5 p-6", value);
 			if (__el) {
@@ -41,7 +46,7 @@ var CardHeader = class extends Component {
 			}
 		}
 		if (key === "children") {
-			const __el = this.element_;
+			const __el = this[GEA_ELEMENT];
 			if (__el && __el.innerHTML !== value) {
 				__el.innerHTML = value;
 				this.instantiateChildComponents_();
@@ -51,12 +56,15 @@ var CardHeader = class extends Component {
 	}
 };
 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.element_;
+			const __el = this[GEA_ELEMENT];
 			this.props;
 			const __boundValue = cn("font-semibold leading-none tracking-tight", value);
 			if (__el) {
@@ -65,7 +73,7 @@ var CardTitle = class extends Component {
 			}
 		}
 		if (key === "children") {
-			const __el = this.element_;
+			const __el = this[GEA_ELEMENT];
 			if (__el && __el.innerHTML !== value) {
 				__el.innerHTML = value;
 				this.instantiateChildComponents_();
@@ -75,12 +83,15 @@ var CardTitle = class extends Component {
 	}
 };
 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.element_;
+			const __el = this[GEA_ELEMENT];
 			this.props;
 			const __boundValue = cn("text-sm text-muted-foreground", value);
 			if (__el) {
@@ -89,7 +100,7 @@ var CardDescription = class extends Component {
 			}
 		}
 		if (key === "children") {
-			const __el = this.element_;
+			const __el = this[GEA_ELEMENT];
 			if (__el && __el.innerHTML !== value) {
 				__el.innerHTML = value;
 				this.instantiateChildComponents_();
@@ -99,12 +110,15 @@ var CardDescription = class extends Component {
 	}
 };
 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.element_;
+			const __el = this[GEA_ELEMENT];
 			this.props;
 			const __boundValue = cn("p-6 pt-0", value);
 			if (__el) {
@@ -113,7 +127,7 @@ var CardContent = class extends Component {
 			}
 		}
 		if (key === "children") {
-			const __el = this.element_;
+			const __el = this[GEA_ELEMENT];
 			if (__el && __el.innerHTML !== value) {
 				__el.innerHTML = value;
 				this.instantiateChildComponents_();
@@ -123,12 +137,15 @@ var CardContent = class extends Component {
 	}
 };
 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.element_;
+			const __el = this[GEA_ELEMENT];
 			this.props;
 			const __boundValue = cn("flex items-center p-6 pt-0", value);
 			if (__el) {
@@ -137,7 +154,7 @@ var CardFooter = class extends Component {
 			}
 		}
 		if (key === "children") {
-			const __el = this.element_;
+			const __el = this[GEA_ELEMENT];
 			if (__el && __el.innerHTML !== value) {
 				__el.innerHTML = value;
 				this.instantiateChildComponents_();

package/dist/card.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"card.mjs","names":["Component","cn","handleComponentUpdate","registerHotModule","registerComponentInstance","unregisterComponentInstance","Card","template","props","__id","id","class","String","trim","children","__onPropChange","key","value","__el","element_","__boundValue","__newClass","className","innerHTML","instantiateChildComponents_","parentComponent","mountCompiledChildComponents_","CardHeader","CardTitle","CardDescription","CardContent","CardFooter","import","meta","hot","__moduleExports","url","accept","newModule","__updatedModule","invalidate","__origCreated","prototype","created","__geaProps","constructor","name","call","__origDispose","dispose"],"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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"}
+{"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

@@ -1,13 +1,13 @@
 import { n as ZagComponent } from "./zag-component.mjs";
 import * as checkbox from "@zag-js/checkbox";
-import * as _zag_js_types0 from "@zag-js/types";
+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: string;
+    id: any;
     checked: any;
     defaultChecked: any;
     disabled: any;
@@ -19,7 +19,7 @@ declare class Checkbox extends ZagComponent {
     value: any;
     onCheckedChange: (details: checkbox.CheckedChangeDetails) => void;
   };
-  connectApi(service: any): checkbox.Api<_zag_js_types0.PropTypes<{
+  connectApi(service: any): checkbox.Api<_$_zag_js_types0.PropTypes<{
     [x: string]: any;
   }>>;
   getSpreadMap(): {

package/dist/checkbox.mjs

@@ -1,21 +1,23 @@
 import { t as ZagComponent } from "./zag-component.mjs";
-import "./_virtual_gea-hmr.mjs";
-import { Component } from "@geajs/core";
+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.__geaCond_0 = !!this.props.label;
-		this.__geaRegisterCond(0, "c0", () => {
+		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">${this.props.label}</span>`;
+			return `<span data-part="label" class="checkbox-label text-sm font-medium leading-none">${geaEscapeHtml(String(this.props.label))}</span>`;
 		}, null);
 	}
 	createMachine(_props) {
@@ -56,12 +58,12 @@ var Checkbox = class extends ZagComponent {
 	}
 	template(props) {
 		const __id = this.id;
-		Component._register(ZagComponent);
-		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">${props.label}</span>` || ""}<!--${__id + "-c0-end"}--></label>`;
+		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.element_;
+			const __el = this[GEA_ELEMENT];
 			this.props;
 			const __boundValue = `checkbox-root inline-flex items-center gap-2 cursor-pointer ${value || ""}`;
 			if (__el) {
@@ -69,7 +71,7 @@ var Checkbox = class extends ZagComponent {
 				if (__el.className !== __newClass) __el.className = __newClass;
 			}
 		}
-		if (key === "label") this.__geaPatchCond(0);
+		if (key === "label") this[GEA_PATCH_COND](0);
 	}
 };
 //#endregion

package/dist/checkbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.mjs","names":["checkbox","normalizeProps","ZagComponent","handleComponentUpdate","registerHotModule","registerComponentInstance","unregisterComponentInstance","Checkbox","constructor","args","props","__geaCond_0","label","__geaRegisterCond","checked","createMachine","_props","machine","getMachineProps","id","defaultChecked","disabled","invalid","required","readOnly","name","form","value","onCheckedChange","details","CheckedChangeDetails","connectApi","service","connect","getSpreadMap","syncState","api","checkedState","template","__id","Component","_register","class","trim","__onPropChange","key","__el","element_","__boundValue","__newClass","String","className","__geaPatchCond","import","meta","hot","__moduleExports","default","url","accept","newModule","__updatedModule","invalidate","__origCreated","prototype","created","__geaProps","call","__origDispose","dispose"],"sources":["../src/components/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,IAAqBO,WAArB,cAAsCL,aAAa;CAHnDM,YAAsB,GAAGC,MAAI;AAAA,QAAA,GAAAA,KAAA;iBAIU;AA2ClB,OAAAC;AAAA,OAAAC,cAAA,CAAA,CAAA,KAAAD,MA6BNE;AAAK,OAAAC,kBAAA,GAAA,YAAA;AA7BC,QAAAH;AAAA,UAAA,KAAAA,MA6BNE;WAAK;AA7BC,QAAAF;AAAA,UAAA,mFAAA,KAAAA,MA+BFE,MAAK;KAAA,KAAA;;CAxEtBG,cAAcC,QAAkB;AAC9B,SAAOhB,SAASiB;;CAGlBC,gBAAgBR,OAAY;AAC1B,SAAO;GACLS,IAAI,KAAKA;GACTL,SAASJ,MAAMI;GACfM,gBAAgBV,MAAMU;GACtBC,UAAUX,MAAMW;GAChBC,SAASZ,MAAMY;GACfC,UAAUb,MAAMa;GAChBC,UAAUd,MAAMc;GAChBC,MAAMf,MAAMe;GACZC,MAAMhB,MAAMgB;GACZC,OAAOjB,MAAMiB,SAAS;GACtBC,kBAAkBC,YAA2C;AAC3D,SAAKf,UAAUe,QAAQf;AACvBJ,UAAMkB,kBAAkBC,QAAQ;;GAEnC;;CAGHE,WAAWC,SAAc;AACvB,SAAOhC,SAASiC,QAAQD,SAAS/B,eAAe;;CAGlDiC,eAAe;AACb,SAAO;GACL,wBAAsB;GACtB,yBAAuB;GACvB,2BAAyB;GACzB,6BAA2B;GAC3B,gCAA8B;GAC/B;;CAGHC,UAAUC,KAAU;AAClB,OAAKtB,UAAUsB,IAAIC;;CAGrBC,SAAS5B,OAAY;EAAA,MAAA6B,OAAA,KAAApB;AAAAqB,YAAAC,UAAAvC,aAAA;AACnB,SAAA,cAAAqC,KAAA,4BAGW,+DAA+D7B,MAAMgC,SAAS,KAAIC,MAAA,CAAA,qnBAAAJ,OAAA,MAAA,KAyBxF7B,MAAME,SAAK,mFAEPF,MAAME,MAAK,YAAA,GAAA,MAAA2B,OAAA,UAAA;;CA9ExBK,eAAsBC,KAAKlB,OAAK;AAAA,MAAAkB,QAAA,SAAA;GAAA,MAAAC,OAAA,KAAAC;AA+CX,QAAArC;GAAA,MAAAsC,eAAA,+DAAArB,SAIwE;AAAE,OAAAmB,MAAA;IAAA,MAAAG,cAAAD,gBAAA,OAAAE,OAAAF,aAAA,GAAA,IAAAL,MAAA;AAAA,QAAAG,KAAAK,cAAAF,WAAAH,MAAAK,YAAAF;;;AAAA,MAAAJ,QAAA,QAAA,MAAAO,eAAA,EAAA"}
+{"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

@@ -1,19 +1,19 @@
 import { n as ZagComponent } from "./zag-component.mjs";
 import * as clipboard from "@zag-js/clipboard";
-import * as _zag_js_types0 from "@zag-js/types";
+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: string;
+    id: any;
     value: any;
     defaultValue: any;
     timeout: any;
     onStatusChange: (details: clipboard.CopyStatusDetails) => void;
   };
-  connectApi(service: any): clipboard.Api<_zag_js_types0.PropTypes<{
+  connectApi(service: any): clipboard.Api<_$_zag_js_types0.PropTypes<{
     [x: string]: any;
   }>>;
   getSpreadMap(): {

package/dist/clipboard.mjs

@@ -1,17 +1,19 @@
 import { t as ZagComponent } from "./zag-component.mjs";
-import "./_virtual_gea-hmr.mjs";
-import { Component } from "@geajs/core";
+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.__geaCond_0 = !!this.copied;
-		this.__geaCond_1 = !!this.props.label;
-		this.__geaRegisterCond(0, "c0", () => {
+		this[geaCondValueSymbol(0)] = !!this.copied;
+		this[geaCondValueSymbol(1)] = !!this.props.label;
+		this[GEA_REGISTER_COND](0, "c0", () => {
 			this.props;
 			return this.copied;
 		}, () => {
@@ -21,12 +23,12 @@ var Clipboard = class extends ZagComponent {
 			this.props;
 			return `<span data-part="indicator-not-copied">Copy</span>`;
 		});
-		this.__geaRegisterCond(1, "c1", () => {
+		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">${this.props.label}</label>`;
+			return `<label data-part="label" class="clipboard-label text-sm font-medium mb-1 block">${geaEscapeHtml(String(this.props.label))}</label>`;
 		}, null);
 	}
 	createMachine(_props) {
@@ -63,12 +65,12 @@ var Clipboard = class extends ZagComponent {
 	}
 	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 + "-c1"}-->${props.label && `<label data-part="label" class="clipboard-label text-sm font-medium mb-1 block">${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>`;
+		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.element_;
+			const __el = this[GEA_ELEMENT];
 			this.props;
 			const __boundValue = value || "";
 			if (__el) {
@@ -76,18 +78,20 @@ var Clipboard = class extends ZagComponent {
 				if (__el.className !== __newClass) __el.className = __newClass;
 			}
 		}
-		this.__geaPatchCond(0);
-		if (key === "label") this.__geaPatchCond(1);
+		this[GEA_PATCH_COND](0);
+		if (key === "label") this[GEA_PATCH_COND](1);
 	}
 	__observe_local_copied(value, change) {
-		if (this.rendered_) {
-			this.__geaCondPatched_0 = this.__geaPatchCond(0);
-			if (this.__geaCondPatched_0) return;
+		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;
 		}
 	}
-	__setupLocalStateObservers() {
+	[GEA_SETUP_LOCAL_STATE_OBSERVERS]() {
 		if (!this.__store) return;
-		this.__observe(this, ["copied"], this.__observe_local_copied);
+		this[GEA_OBSERVE](this, ["copied"], this.__observe_local_copied);
 	}
 };
 //#endregion

package/dist/clipboard.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"clipboard.mjs","names":["clipboard","normalizeProps","ZagComponent","handleComponentUpdate","registerHotModule","registerComponentInstance","unregisterComponentInstance","Clipboard","constructor","args","props","__geaCond_0","copied","__geaCond_1","label","__geaRegisterCond","createMachine","_props","machine","getMachineProps","id","value","defaultValue","timeout","onStatusChange","details","CopyStatusDetails","connectApi","service","connect","getSpreadMap","api","getIndicatorProps","syncState","template","__id","Component","_register","class","String","trim","__onPropChange","key","__el","element_","__boundValue","__newClass","className","__geaPatchCond","__observe_local_copied","change","rendered_","__geaCondPatched_0","__setupLocalStateObservers","__store","__observe","import","meta","hot","__moduleExports","default","url","accept","newModule","__updatedModule","invalidate","__origCreated","prototype","created","__geaProps","name","call","__origDispose","dispose"],"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":";;;;;;AAIA,IAAqBO,YAArB,cAAuCL,aAAa;CAHpDM,YAAsB,GAAGC,MAAI;AAAA,QAAA,GAAAA,KAAA;gBAIlB;AAuCU,OAAAC;AAAA,OAAAC,cAAA,CAAA,CAiBR,KAAKC;AAAM,OAAAC,cAAA,CAAA,CAAA,KAAAH,MAdTI;AAAK,OAAAC,kBAAA,GAAA,YAAA;AAHC,QAAAL;AAAA,UAiBR,KAAKE;WAAM;AAjBH,QAAAF;AAAA,UAAA;WAAA;AAAA,QAAAA;AAAA,UAAA;IAAA;AAAA,OAAAK,kBAAA,GAAA,YAAA;AAAA,QAAAL;AAAA,UAAA,KAAAA,MAGNI;WAAK;AAHC,QAAAJ;AAAA,UAAA,mFAAA,KAAAA,MAKFI,MAAK;KAAA,KAAA;;CA1CtBE,cAAcC,QAAkB;AAC9B,SAAOjB,UAAUkB;;CAGnBC,gBAAgBT,OAAY;AAC1B,SAAO;GACLU,IAAI,KAAKA;GACTC,OAAOX,MAAMW;GACbC,cAAcZ,MAAMY;GACpBC,SAASb,MAAMa,WAAW;GAC1BC,iBAAiBC,YAAyC;AACxD,SAAKb,SAASa,QAAQb;AACtBF,UAAMc,iBAAiBC,QAAQ;;GAElC;;CAGHE,WAAWC,SAAc;AACvB,SAAO5B,UAAU6B,QAAQD,SAAS3B,eAAe;;CAGnD6B,eAAe;AACb,SAAO;GACL,wBAAsB;GACtB,yBAAuB;GACvB,2BAAyB;GACzB,2BAAyB;GACzB,yBAAuB;GACvB,qCAAmCC,QAAQA,IAAIC,kBAAkB,EAAEpB,QAAQ,MAAM,CAAC;GAClF,yCAAuCmB,QAAQA,IAAIC,kBAAkB,EAAEpB,QAAQ,OAAO,CAAA;GACvF;;CAGHqB,UAAUF,KAAU;AAClB,OAAKnB,SAASmB,IAAInB;;CAGpBsB,SAASxB,OAAY;EAAA,MAAAyB,OAAA,KAAAf;AAAAgB,YAAAC,UAAAnC,aAAA;AACnB,SAAA,YAAAiC,KAAA,qBAC+BzB,MAAM4B,SAAS,OAAE,SAAjB5B,MAAM4B,SAAS,QAAE,QAAA,KAAA,aAAjB5B,MAAM4B,SAAS,OAAE,OAAAC,OAAjB7B,MAAM4B,SAAS,GAAE,GAAA,IAAAE,MAAA,CAAA,GAAA,OAAAL,OAAA,MAAA,KAC3CzB,MAAMI,SAAK,mFAEPJ,MAAMI,MAAK,aAAA,GAAA,MAAAqB,OAAA,UAAA,0YAAAA,OAAA,MAAA,MAYX,KAAKvB,SAAM,uDAAA,yDAAA,GAAA,MAAAuB,OAAA,UAAA;;CA5DxBM,eAAsBC,KAAKrB,OAAK;AAAA,MAAAqB,QAAA,SAAA;GAAA,MAAAC,OAAA,KAAAC;AA2CX,QAAAlC;GAAA,MAAAmC,eAAAxB,SAE6B;AAAE,OAAAsB,MAAA;IAAA,MAAAG,cAAAD,gBAAA,OAAAN,OAAAM,aAAA,GAAA,IAAAL,MAAA;AAAA,QAAAG,KAAAI,cAAAD,WAAAH,MAAAI,YAAAD;;;AAAA,OAAAE,eAAA,EAAA;AAAA,MAAAN,QAAA,QAAA,MAAAM,eAAA,EAAA;;CA7CpDC,uBAAsB5B,OAAO6B,QAAQ;AAAA,MAAA,KAAAC,WAAA;AAAA,QAAAC,qBAAA,KAAAJ,eAAA,EAAA;AAAA,OAAA,KAAAI,mBAAA;;;CAArCC,6BAAwB;AAAxB,MAAI,CAAA,KAAAC,QAA0B;AAAS,OAAAC,UAAA,MAAA,CAAA,SAAA,EAAA,KAAAN,uBAAA"}
+{"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/collapsible.d.mts

@@ -1,19 +1,19 @@
 import { n as ZagComponent } from "./zag-component.mjs";
 import * as collapsible from "@zag-js/collapsible";
-import * as _zag_js_types0 from "@zag-js/types";
+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: string;
+    id: any;
     open: any;
     defaultOpen: any;
     disabled: any;
     onOpenChange: (details: collapsible.OpenChangeDetails) => void;
   };
-  connectApi(service: any): collapsible.Api<_zag_js_types0.PropTypes<{
+  connectApi(service: any): collapsible.Api<_$_zag_js_types0.PropTypes<{
     [x: string]: any;
   }>>;
   getSpreadMap(): {