@pebble-software/bonsai 0.1.1 → 0.2.0

package/dist/chunks/{builder.meta-WpXc5VBB.js → builder.meta-B7Y9M7Ab.js}

@@ -1,37 +1,43 @@
 import { z as e } from "zod";
 import { COMPONENT as t } from "../constants.js";
-const r = e.object({
+const Se = e.object({
+  set: e.string().min(1, { message: "Action `set` needs a store path" }).refine((s) => !s.startsWith("{{"), {
+    message: "Action `set` takes a plain store path (e.g. `pizzaChoice`), not a {{binding}}"
+  }).meta({ description: "Store path to write, e.g. `pizzaChoice` or `row.selected` inside an `each`" }),
+  to: e.unknown().meta({ description: "Value to write (required; `null` clears): a literal or a `{{...}}` expression, evaluated against the state at click time" })
+}).strict().meta({ id: "BonsaiClickAction" }), r = e.object({
   id: e.string().optional().meta({ description: "Unique identifier for the element" }),
-  className: e.string().optional().meta({ description: "CSS classes to apply to the element" })
-}), ye = r.extend({
+  className: e.string().optional().meta({ description: "CSS classes to apply to the element" }),
+  onClick: e.array(Se).optional().meta({ description: "Store writes applied in order when the element is clicked" })
+}).strict(), ye = r.extend({
   href: e.string({ error: "Link destination (href) is required" }).min(1, { message: "Link destination (href) cannot be empty" })
-}), Se = r.extend({
+}), Le = r.extend({
   variant: e.enum(["h1", "h2", "h3", "h4", "h5", "h6"], {
     error: "Invalid heading variant. Must be one of: h1, h2, h3, h4, h5, or h6"
   }).optional().meta({ description: "Heading level variant (h1-h6)" }),
   as: e.enum(["h1", "h2", "h3", "h4", "h5", "h6"], {
     error: "Invalid heading element type. Must be one of: h1, h2, h3, h4, h5, or h6"
   }).optional().meta({ description: "Render as a different heading element" })
-}).optional(), Le = r.extend({
+}).optional(), ve = r.extend({
   size: e.enum(["xs", "sm", "md", "lg", "xl"], {
     error: "Invalid paragraph size. Must be one of: xs, sm, md, lg, or xl"
   }).optional().meta({ description: "Paragraph text size" }),
   variant: e.enum(["default", "muted"]).optional().meta({ description: "Paragraph style variant" }),
   as: e.enum(["p", "div", "span"]).optional().meta({ description: "Render as a different element" })
-}).optional(), ve = r.optional(), _e = r.optional(), Pe = r.optional(), De = r.optional(), fe = r.optional(), Be = r.optional(), Ue = r.extend({
+}).optional(), _e = r.optional(), Pe = r.optional(), De = r.optional(), fe = r.optional(), Be = r.optional(), we = r.optional(), Ue = r.extend({
   variant: e.enum(["default", "success", "warning", "destructive"], {
     error: "Invalid alert variant. Must be one of: default, success, warning, or destructive"
   }).optional().meta({ description: "Alert style variant" }),
   size: e.enum(["default", "sm", "lg"]).optional().meta({ description: "Alert size" }),
   raised: e.enum(["xs", "sm", "md", "lg", "xl"]).optional().meta({ description: "Alert shadow elevation" })
-}).optional(), we = r.extend({
+}).optional(), Ge = r.extend({
   variant: e.enum(["default", "secondary", "destructive", "outline", "ghost"], {
     error: "Invalid badge variant. Must be one of: default, secondary, destructive, outline, or ghost"
   }).optional().meta({ description: "Badge style variant" }),
   size: e.enum(["sm", "md", "lg"]).optional().meta({ description: "Badge size" }),
   raised: e.enum(["xs", "sm", "md", "lg"]).optional().meta({ description: "Badge shadow elevation" }),
   extrude: e.enum(["xs", "sm", "md", "lg"]).optional().meta({ description: "Badge extrude elevation" })
-}).optional(), Ge = r.extend({
+}).optional(), ke = r.extend({
   variant: e.enum(["default", "secondary", "outline", "destructive", "warning", "ghost"], {
     error: "Invalid button variant. Must be one of: default, secondary, outline, destructive, warning, or ghost"
   }).optional().meta({ description: "Button style variant" }),
@@ -46,15 +52,15 @@ const r = e.object({
   type: e.enum(["button", "submit"], {
     error: "Invalid button type. Must be either 'button' or 'submit'"
   }).optional().meta({ description: "Button type attribute" })
-}).optional(), ke = r.extend({
+}).optional(), ze = r.extend({
   size: e.enum(["sm", "md"]).optional().meta({ description: "Card size" }),
   raised: e.enum(["none", "xs", "sm", "md", "lg", "xl"]).optional().meta({ description: "Card shadow elevation" })
-}).optional(), He = r.optional(), ze = r.optional(), Me = r.optional(), We = r.optional(), Fe = r.optional(), je = r.optional(), qe = r.optional(), Xe = r.extend({
+}).optional(), He = r.optional(), Me = r.optional(), We = r.optional(), Fe = r.optional(), je = r.optional(), qe = r.optional(), Xe = r.optional(), Ve = r.extend({
   checked: e.union([e.string(), e.boolean()]).optional().meta({ description: "Checkbox checked state" }),
   disabled: e.union([e.string(), e.boolean()]).optional().meta({ description: "Whether the checkbox is disabled" }),
   required: e.union([e.string(), e.boolean()]).optional().meta({ description: "Whether the checkbox must be checked" }),
   size: e.enum(["xs", "sm", "md", "lg", "xl"]).optional().meta({ description: "Checkbox size" })
-}).strict(), Ve = r.extend({
+}).strict(), Ke = r.extend({
   src: e.union(
     [
       e.url({ error: "Image source (src) must be a valid URL" }),
@@ -65,14 +71,14 @@ const r = e.object({
     }
   ),
   alt: e.string().optional().default("unknown image url").meta({ description: "Alternative text for the image" })
-}).strict(), Ke = r.extend({
+}).strict(), Ye = r.extend({
   value: e.union([e.string(), e.number()], {
     error: "OTP value is required"
   }).meta({ description: "Current OTP value" }),
   placeholder: e.string().optional().meta({ description: "Placeholder text for the OTP input" }),
   disabled: e.union([e.string(), e.boolean()]).optional().meta({ description: "Whether the OTP input is disabled" }),
   containerClassName: e.string().optional().meta({ description: "Custom CSS class for the OTP input container" })
-}).strict(), Ye = r.extend({
+}).strict(), Ze = r.extend({
   type: e.enum(["text", "email", "password", "number"], {
     error: "Invalid input type. Must be one of: text, email, password, or number"
   }).optional().meta({ description: "Input type; a number input stores a number" }),
@@ -81,13 +87,13 @@ const r = e.object({
   }).meta({ description: "Current input value" }),
   placeholder: e.string().optional().meta({ description: "Placeholder text shown when empty" }),
   disabled: e.union([e.string(), e.boolean()]).optional().meta({ description: "Whether the input is disabled" })
-}).strict(), Ze = r.extend({
+}).strict(), Je = r.extend({
   htmlFor: e.string().min(1, {
     message: "Label 'for' attribute is required and must reference an input ID"
   }).meta({ description: "ID of the associated input element" }),
   size: e.enum(["xs", "sm", "md", "lg", "xl"]).optional().meta({ description: "Label text size" }),
   variant: e.enum(["default", "underline", "destructive"]).optional().meta({ description: "Label style variant" })
-}).strict(), Je = r.extend({
+}).strict(), Qe = r.extend({
   checked: e.union([e.string(), e.boolean()], {
     error: "Switch checked state is required"
   }).meta({ description: "Current switch state" }),
@@ -95,7 +101,7 @@ const r = e.object({
   required: e.union([e.string(), e.boolean()]).optional().meta({ description: "Whether the switch must be turned on" }),
   size: e.enum(["sm", "md", "lg"]).optional().meta({ description: "Switch size" }),
   rounded: e.enum(["none", "sm", "md", "lg", "full"]).optional().meta({ description: "Switch border radius" })
-}).strict(), Qe = r.extend({
+}).strict(), $e = r.extend({
   value: e.string({ error: "Textarea value is required" }).meta({ description: "Current textarea content" }),
   placeholder: e.string().optional().meta({ description: "Placeholder text shown when empty" }),
   disabled: e.union([e.string(), e.boolean()]).optional().meta({ description: "Whether the textarea is disabled" }),
@@ -103,39 +109,39 @@ const r = e.object({
   rows: e.number().min(1, { message: "Minimum number of rows is 1" }).max(100, { message: "Maximum number of rows is 100" }).optional().meta({ description: "Number of visible text lines" }),
   minLength: e.number().min(0, { message: "Minimum character length cannot be negative" }).optional().meta({ description: "Minimum number of characters allowed" }),
   maxLength: e.number().max(1e4, { message: "Maximum character length cannot exceed 10,000" }).optional().meta({ description: "Maximum number of characters allowed" })
-}).strict(), $e = r.optional(), et = r.optional(), tt = r.extend({
+}).strict(), et = r.optional(), tt = r.optional(), nt = r.extend({
   align: e.enum(["inline-start", "inline-end", "block-start", "block-end"]).optional().meta({ description: "Alignment of the addon within the input group" })
-}).optional(), nt = r.extend({
+}).optional(), at = r.extend({
   value: e.union([e.string(), e.number()], {
     error: "Input value is required"
   }).meta({ description: "Current input value" }),
   placeholder: e.string().optional().meta({ description: "Placeholder text shown when empty" }),
   disabled: e.union([e.string(), e.boolean()]).optional().meta({ description: "Whether the input is disabled" })
-}).strict(), at = r.extend({
+}).strict(), ot = r.extend({
   variant: e.enum(["default", "secondary", "outline", "destructive", "warning", "ghost"]).optional(),
   size: e.enum(["xs", "sm", "md", "lg"]).optional()
-}).optional(), ot = r.extend({
+}).optional(), it = r.extend({
   value: e.string({ error: "Textarea value is required" }).meta({ description: "Current textarea content" }),
   placeholder: e.string().optional(),
   disabled: e.union([e.string(), e.boolean()]).optional()
-}).strict(), it = r.extend({
+}).strict(), rt = r.extend({
   value: e.string().nullable().meta({ description: "Current signature value (base64 or null if empty)" }),
   canvasClassname: e.string().optional().meta({ description: "Custom CSS class for the signature canvas" }),
   imageType: e.enum(["image/png", "image/jpeg", "image/webp"]).optional().meta({ description: "Image format for the exported signature" })
-}).strict(), rt = r.extend({
+}).strict(), st = r.extend({
   selected: e.union([e.string(), e.date(), e.array(e.date())], {
     error: "Invalid calendar selection. Must be a date string, Date object, or array of dates"
   }).optional().meta({ description: "Currently selected date(s)" }),
   buttonVariant: e.enum(["default", "secondary", "outline", "destructive", "warning", "ghost"]).optional().meta({ description: "Variant for calendar navigation buttons" }),
   hideWeekends: e.boolean().optional().meta({ description: "Whether to hide Saturday and Sunday columns" })
-}).optional(), st = r.optional(), lt = r.optional(), dt = r.optional(), ct = r.optional(), pt = r.optional(), mt = r.optional(), gt = r.optional(), ut = r.optional(), At = r.extend({
+}).optional(), lt = r.optional(), dt = r.optional(), ct = r.optional(), pt = r.optional(), mt = r.optional(), gt = r.optional(), ut = r.optional(), At = r.optional(), ht = r.extend({
   variant: e.enum(["default", "contained", "separated"]).optional().meta({ description: "Accordion style variant" }),
   raised: e.enum(["xs", "sm", "md", "lg"]).optional().meta({ description: "Accordion shadow elevation" }),
   extrude: e.enum(["xs", "sm", "md", "lg"]).optional().meta({ description: "Accordion extrude elevation" })
-}).optional(), ht = r.optional(), Tt = r.extend({
+}).optional(), Tt = r.optional(), bt = r.extend({
   disabled: e.union([e.string(), e.boolean()]).optional().meta({ description: "Whether the accordion trigger is disabled" }),
   icon: e.any().optional().meta({ description: "Custom icon component for the trigger" })
-}).optional(), bt = r.optional(), Ct = r.extend({
+}).optional(), Ct = r.optional(), xt = r.extend({
   src: e.string().optional().meta({ description: "Image source URL" }),
   alt: e.string().optional().meta({ description: "Alternative text for the avatar image" }),
   size: e.enum(["full", "sm", "md", "lg", "xl"]).optional().meta({ description: "Avatar size" }),
@@ -143,14 +149,14 @@ const r = e.object({
   raised: e.enum(["xs", "sm", "md", "lg"]).optional().meta({ description: "Avatar shadow elevation" }),
   fallback: e.string().optional().meta({ description: "Fallback text or element when image fails to load" }),
   badge: e.any().optional().meta({ description: "Badge element to overlay on the avatar" })
-}).optional(), xt = r.optional(), Nt = r.optional(), Et = r.optional(), Ot = r.extend({
+}).optional(), Nt = r.optional(), Et = r.optional(), Ot = r.optional(), It = r.extend({
   variant: e.enum(["spinner", "ping"]).optional().meta({ description: "Loader animation variant" }),
   fill: e.enum(["default", "destructive", "warning", "pending"]).optional().meta({ description: "Loader fill color" }),
   size: e.enum(["sm", "md", "lg"]).optional().meta({ description: "Loader size" }),
   icon: e.any().optional().meta({ description: "Custom spinner icon component" }),
   pingIcon: e.any().optional().meta({ description: "Custom ping icon component" }),
   iconProps: e.any().optional().meta({ description: "Props to pass to the icon components" })
-}).optional(), It = r.extend({
+}).optional(), Rt = r.extend({
   mode: e.enum(["single", "multiple"]).optional().meta({ description: "Progress display mode" }),
   value: e.union([
     e.number().nullable(),
@@ -164,174 +170,174 @@ const r = e.object({
   size: e.enum(["xs", "sm", "md", "lg", "xl"]).optional().meta({ description: "Progress size" }),
   raised: e.enum(["default", "xs", "sm", "md", "lg", "xl"]).optional().meta({ description: "Progress shadow elevation" }),
   stacked: e.enum(["default", "xs", "sm", "md", "lg", "xl"]).optional().meta({ description: "Progress stacked spacing" })
-}).optional(), Rt = r.extend({
+}).optional(), St = r.extend({
   variant: e.enum(["circle", "square", "default", "text"]).optional().meta({ description: "Skeleton shape variant" }),
   animate: e.boolean().optional().meta({ description: "Whether to animate the skeleton" })
 }).optional(), yt = e.lazy(() => e.union([e.string(), Ee])), i = e.object({
   children: e.array(yt).optional().meta({ description: "Child nodes to render inside this element" })
 }), b = i.extend({
   type: e.literal(t.DIV),
-  args: De
+  args: fe
 }).meta({ description: "Container div element for grouping content" }), C = i.extend({
   type: e.literal(t.A),
   args: ye
 }).meta({ description: "Anchor/link element" }), x = i.extend({
   type: e.literal(t.H),
-  args: Se
+  args: Le
 }).meta({ description: "Heading element (h1-h6)" }), N = i.extend({
   type: e.literal(t.P),
-  args: Le
+  args: ve
 }).meta({ description: "Paragraph text element" }), E = i.extend({
   type: e.literal(t.OL),
-  args: ve
+  args: _e
 }).meta({ description: "Ordered list element" }), O = i.extend({
   type: e.literal(t.UL),
-  args: _e
+  args: Pe
 }).meta({ description: "Unordered list element" }), I = i.extend({
   type: e.literal(t.LI),
-  args: Pe
+  args: De
 }).meta({ description: "List item element" }), R = i.extend({
   type: e.literal(t.SPAN),
-  args: fe
-}).meta({ description: "Inline span element" }), y = i.extend({
-  type: e.literal(t.SEPARATOR),
   args: Be
-}).meta({ description: "Horizontal separator / divider element" }), S = i.extend({
+}).meta({ description: "Inline span element" }), S = i.extend({
+  type: e.literal(t.SEPARATOR),
+  args: we
+}).meta({ description: "Horizontal separator / divider element" }), y = i.extend({
   type: e.literal(t.ALERT),
   args: Ue
 }).meta({ description: "Alert message box" }), L = i.extend({
   type: e.literal(t.BADGE),
-  args: we
+  args: Ge
 }).meta({ description: "Badge/status indicator" }), v = i.extend({
   type: e.literal(t.BUTTON),
-  args: Ge
+  args: ke
 }).meta({ description: "Clickable button element" }), _ = i.extend({
   type: e.literal(t.CARD),
-  args: ke
+  args: ze
 }).meta({ description: "Card container element" }), P = i.extend({
   type: e.literal(t.CHECKBOX),
-  args: Xe
+  args: Ve
 }).meta({ description: "Checkbox input element" }), D = i.extend({
   type: e.literal(t.IMAGE),
-  args: Ve
+  args: Ke
 }).meta({ description: "Image element" }), f = i.extend({
   type: e.literal(t.OTP),
-  args: Ke
+  args: Ye
 }).meta({ description: "One-time password (OTP) input" }), B = i.extend({
   type: e.literal(t.INPUT),
-  args: Ye
-}).meta({ description: "Text input element" }), U = i.extend({
-  type: e.literal(t.LABEL),
   args: Ze
-}).meta({ description: "Form label element" }), w = i.extend({
-  type: e.literal(t.SWITCH),
+}).meta({ description: "Text input element" }), w = i.extend({
+  type: e.literal(t.LABEL),
   args: Je
+}).meta({ description: "Form label element" }), U = i.extend({
+  type: e.literal(t.SWITCH),
+  args: Qe
 }).meta({ description: "Toggle switch element" }), G = i.extend({
   type: e.literal(t.TEXTAREA),
-  args: Qe
+  args: $e
 }).meta({ description: "Multi-line text input" }), k = i.extend({
   type: e.literal(t.SIGNATURE),
-  args: it
-}).meta({ description: "Signature pad input" }), H = i.extend({
-  type: e.literal(t.CALENDAR),
   args: rt
-}).meta({ description: "Date picker calendar" }), z = i.extend({
+}).meta({ description: "Signature pad input" }), z = i.extend({
+  type: e.literal(t.CALENDAR),
+  args: st
+}).meta({ description: "Date picker calendar" }), H = i.extend({
   type: e.literal(t.CARD_HEADER),
   args: He
 }).meta({ description: "Card header container" }), M = i.extend({
   type: e.literal(t.CARD_TITLE),
-  args: ze
+  args: Me
 }).meta({ description: "Card title element" }), W = i.extend({
   type: e.literal(t.CARD_DESCRIPTION),
-  args: Me
+  args: We
 }).meta({ description: "Card description element" }), F = i.extend({
   type: e.literal(t.CARD_CONTENT),
-  args: We
+  args: Fe
 }).meta({ description: "Card content body" }), j = i.extend({
   type: e.literal(t.CARD_FOOTER),
-  args: Fe
+  args: je
 }).meta({ description: "Card footer container" }), q = i.extend({
   type: e.literal(t.CARD_ACTION),
-  args: je
+  args: qe
 }).meta({ description: "Card action slot" }), X = i.extend({
   type: e.literal(t.CARD_ICON),
-  args: qe
+  args: Xe
 }).meta({ description: "Card icon slot" }), V = i.extend({
   type: e.literal(t.TABLE),
-  args: st
+  args: lt
 }).meta({ description: "Table container" }), K = i.extend({
   type: e.literal(t.TABLE_HEADER),
-  args: lt
+  args: dt
 }).meta({ description: "Table header section" }), Y = i.extend({
   type: e.literal(t.TABLE_BODY),
-  args: dt
+  args: ct
 }).meta({ description: "Table body section" }), Z = i.extend({
   type: e.literal(t.TABLE_FOOTER),
-  args: ct
+  args: pt
 }).meta({ description: "Table footer section" }), J = i.extend({
   type: e.literal(t.TABLE_HEAD),
-  args: pt
+  args: mt
 }).meta({ description: "Table header cell" }), Q = i.extend({
   type: e.literal(t.TABLE_ROW),
-  args: mt
+  args: gt
 }).meta({ description: "Table row" }), $ = i.extend({
   type: e.literal(t.TABLE_CELL),
-  args: gt
+  args: ut
 }).meta({ description: "Table data cell" }), ee = i.extend({
   type: e.literal(t.TABLE_CAPTION),
-  args: ut
+  args: At
 }).meta({ description: "Table caption" }), te = i.extend({
   type: e.literal(t.ACCORDION),
-  args: At
+  args: ht
 }).meta({ description: "Accordion container" }), ne = i.extend({
   type: e.literal(t.ACCORDION_ITEM),
-  args: ht
+  args: Tt
 }).meta({ description: "Accordion item" }), ae = i.extend({
   type: e.literal(t.ACCORDION_TRIGGER),
-  args: Tt
+  args: bt
 }).meta({ description: "Accordion trigger" }), oe = i.extend({
   type: e.literal(t.ACCORDION_CONTENT),
-  args: bt
+  args: Ct
 }).meta({ description: "Accordion content panel" }), ie = i.extend({
   type: e.literal(t.AVATAR),
-  args: Ct
+  args: xt
 }).meta({ description: "Avatar image or fallback" }), re = i.extend({
   type: e.literal(t.COLLAPSIBLE),
-  args: xt
+  args: Nt
 }).meta({ description: "Collapsible container" }), se = i.extend({
   type: e.literal(t.COLLAPSIBLE_TRIGGER),
-  args: Nt
+  args: Et
 }).meta({ description: "Collapsible trigger" }), le = i.extend({
   type: e.literal(t.COLLAPSIBLE_CONTENT),
-  args: Et
+  args: Ot
 }).meta({ description: "Collapsible content panel" }), de = i.extend({
   type: e.literal(t.LOADER),
-  args: Ot
+  args: It
 }).meta({ description: "Loading spinner indicator" }), ce = i.extend({
   type: e.literal(t.PROGRESS),
-  args: It
+  args: Rt
 }).meta({ description: "Progress bar indicator" }), pe = i.extend({
   type: e.literal(t.SKELETON),
-  args: Rt
+  args: St
 }).meta({ description: "Skeleton loading placeholder" }), me = i.extend({
   type: e.literal(t.INPUT_GROUP),
-  args: $e
+  args: et
 }).meta({ description: "Input group container" }), ge = i.extend({
   type: e.literal(t.INPUT_GROUP_TEXT),
-  args: et
+  args: tt
 }).meta({ description: "Text element within input group" }), ue = i.extend({
   type: e.literal(t.INPUT_GROUP_ADDON),
-  args: tt
+  args: nt
 }).meta({ description: "Addon container within input group" }), Ae = i.extend({
   type: e.literal(t.INPUT_GROUP_INPUT),
-  args: nt
+  args: at
 }).meta({ description: "Input element within input group" }), he = i.extend({
   type: e.literal(t.INPUT_GROUP_BUTTON),
-  args: at
+  args: ot
 }).meta({ description: "Button element within input group" }), Te = i.extend({
   type: e.literal(t.INPUT_GROUP_TEXTAREA),
-  args: ot
-}).meta({ description: "Textarea element within input group" }), St = e.object({
+  args: it
+}).meta({ description: "Textarea element within input group" }), Lt = e.object({
   items: e.string({ error: "each.items is required" }).min(1, { message: "each.items cannot be empty" }).meta({
     description: 'Binding path to the array to iterate, e.g. "{{applicants}}". Must be a plain path (not a computed/filtered expression) so each row maps back to a real store index for two-way binding.'
   }),
@@ -342,12 +348,12 @@ const r = e.object({
   })
 }).strict(), be = i.extend({
   type: e.literal(t.EACH),
-  args: St
-}).meta({ description: "Repeats its children once per item in a bound array" }), Lt = e.object({
+  args: Lt
+}).meta({ description: "Repeats its children once per item in a bound array" }), vt = e.object({
   condition: e.string({ error: "if.condition is required" }).min(1, { message: "if.condition cannot be empty" }).meta({ description: "Binding expression; children render only when it evaluates truthy" })
 }).strict(), Ce = i.extend({
   type: e.literal(t.IF),
-  args: Lt
+  args: vt
 }).meta({ description: "Conditionally renders its children based on a bound expression" });
 function a(s) {
   return s.shape.args;
@@ -355,25 +361,24 @@ function a(s) {
 function o(s) {
   return s.meta()?.description;
 }
-function vt(s) {
+function _t(s) {
   if (Object.keys(s).length === 0)
     throw new Error("createTemplateSchema: registry must declare at least one component");
-  let l;
-  const d = e.lazy(() => e.union([e.string(), l])), c = e.object({
-    children: e.array(d).optional().meta({ description: "Child nodes to render inside this element" })
-  }), g = Object.entries(s).map(([Ie, { argsSchema: Re, description: h }]) => {
-    const T = c.extend({
+  const l = e.lazy(() => e.union([e.string(), c])), g = e.object({
+    children: e.array(l).optional().meta({ description: "Child nodes to render inside this element" })
+  }), d = Object.entries(s).map(([Ie, { argsSchema: Re, description: h }]) => {
+    const T = g.extend({
       type: e.literal(Ie),
       args: Re
     });
     return h ? T.meta({ description: h }) : T;
-  });
-  return l = e.discriminatedUnion(
+  }), c = e.discriminatedUnion(
     "type",
-    g
-  ), { Node: d, ComponentNode: l };
+    d
+  );
+  return { Node: l, ComponentNode: c };
 }
-const _t = {
+const Pt = {
   [t.DIV]: { argsSchema: a(b), description: o(b) },
   [t.A]: { argsSchema: a(C), description: o(C) },
   [t.H]: { argsSchema: a(x), description: o(x) },
@@ -383,16 +388,16 @@ const _t = {
   [t.LI]: { argsSchema: a(I), description: o(I) },
   [t.SPAN]: { argsSchema: a(R), description: o(R) },
   [t.SEPARATOR]: {
-    argsSchema: a(y),
-    description: o(y)
+    argsSchema: a(S),
+    description: o(S)
   },
-  [t.ALERT]: { argsSchema: a(S), description: o(S) },
+  [t.ALERT]: { argsSchema: a(y), description: o(y) },
   [t.BADGE]: { argsSchema: a(L), description: o(L) },
   [t.BUTTON]: { argsSchema: a(v), description: o(v) },
   [t.CARD]: { argsSchema: a(_), description: o(_) },
   [t.CARD_HEADER]: {
-    argsSchema: a(z),
-    description: o(z)
+    argsSchema: a(H),
+    description: o(H)
   },
   [t.CARD_TITLE]: {
     argsSchema: a(M),
@@ -425,8 +430,8 @@ const _t = {
   [t.IMAGE]: { argsSchema: a(D), description: o(D) },
   [t.OTP]: { argsSchema: a(f), description: o(f) },
   [t.INPUT]: { argsSchema: a(B), description: o(B) },
-  [t.LABEL]: { argsSchema: a(U), description: o(U) },
-  [t.SWITCH]: { argsSchema: a(w), description: o(w) },
+  [t.LABEL]: { argsSchema: a(w), description: o(w) },
+  [t.SWITCH]: { argsSchema: a(U), description: o(U) },
   [t.TEXTAREA]: {
     argsSchema: a(G),
     description: o(G)
@@ -436,8 +441,8 @@ const _t = {
     description: o(k)
   },
   [t.CALENDAR]: {
-    argsSchema: a(H),
-    description: o(H)
+    argsSchema: a(z),
+    description: o(z)
   },
   [t.TABLE]: { argsSchema: a(V), description: o(V) },
   [t.TABLE_HEADER]: {
@@ -532,9 +537,9 @@ const _t = {
   },
   [t.EACH]: { argsSchema: a(be), description: o(be) },
   [t.IF]: { argsSchema: a(Ce), description: o(Ce) }
-}, Ne = vt(_t), Ee = Ne.ComponentNode, kt = Ne.Node, A = Object.fromEntries(
+}, Ne = _t(Pt), Ee = Ne.ComponentNode, zt = Ne.Node, A = Object.fromEntries(
   Ee.options.map((s) => [s.shape.type.value, s])
-), Oe = e.registry(), Pt = e.registry(), n = t, Dt = [
+), Oe = e.registry(), Dt = e.registry(), n = t, ft = [
   n.INPUT,
   n.INPUT_GROUP_INPUT,
   n.INPUT_GROUP_TEXTAREA,
@@ -581,10 +586,11 @@ const _t = {
   [n.UL]: { accepts: [n.LI] },
   [n.LI]: { parent: [n.OL, n.UL] }
 };
-for (const s of Dt) u[s] = { ...u[s], accepts: "none" };
-const ft = {
+for (const s of ft) u[s] = { ...u[s], accepts: "none" };
+const Bt = {
   id: { label: "Element ID", group: "Advanced" },
   className: { label: "Classes", group: "Advanced" },
+  onClick: { label: "On click", control: "json", group: "Data" },
   href: { label: "Link URL", group: "Content", placeholder: "https://" },
   src: { label: "Image URL", group: "Content", placeholder: "https:// or {{binding}}" },
   alt: { label: "Alt text", group: "Content" },
@@ -631,7 +637,7 @@ const ft = {
   pingIcon: { label: "Ping icon", control: "json", group: "Advanced" },
   iconProps: { label: "Icon props", control: "json", group: "Advanced" },
   badge: { label: "Badge", control: "json", group: "Advanced" }
-}, Bt = {
+}, wt = {
   [n.EACH]: { as: { label: "Item alias", group: "Data" } },
   [n.H]: { as: { label: "Render as", group: "Advanced" } },
   [n.P]: { as: { label: "Render as", group: "Advanced" } },
@@ -644,9 +650,9 @@ function Ut(s) {
 }
 for (const [s, l] of Object.entries(A)) {
   Oe.add(l, { accepts: "any", ...u[s] });
-  const d = Ut(s)?.shape ?? {};
-  for (const [c, g] of Object.entries(d))
-    Pt.add(g, { ...ft[c], ...Bt[s]?.[c] });
+  const g = Ut(s)?.shape ?? {};
+  for (const [d, c] of Object.entries(g))
+    Dt.add(c, { ...Bt[d], ...wt[s]?.[d] });
 }
 function Ht(s) {
   const l = A[s];
@@ -655,12 +661,12 @@ function Ht(s) {
 export {
   Ee as C,
   A as N,
-  _t as P,
-  kt as a,
+  Pt as P,
+  zt as a,
   Ht as b,
-  vt as c,
-  Pt as f,
+  _t as c,
+  Dt as f,
   Ut as g,
   Oe as n
 };
-//# sourceMappingURL=builder.meta-WpXc5VBB.js.map
+//# sourceMappingURL=builder.meta-B7Y9M7Ab.js.map