@pebble-software/bonsai 0.1.2 → 0.2.0

package/dist/chunks/{render-shared-Ci28BpkI.js → render-shared-Cwb527d4.js}

@@ -1,101 +1,125 @@
-import { jsx as s, jsxs as N, Fragment as E } from "react/jsx-runtime";
-import * as j from "react";
-import { createContext as sa, useContext as da, Fragment as wa, createElement as R } from "react";
-import { COMPONENT as d } from "../constants.js";
-import { cva as g } from "class-variance-authority";
-import { c as i, a as za, d as ka, B as na, e as ya, L as Na } from "./button-jfJanilw.js";
-import { Accordion as P } from "@base-ui/react/accordion";
-import { IconChevronDown as Ca, IconCheck as Pa } from "@tabler/icons-react";
-import { useWebHaptics as L } from "web-haptics/react";
-import { Avatar as S } from "@base-ui/react/avatar";
-import { mergeProps as Ta } from "@base-ui/react/merge-props";
-import { useRender as Aa } from "@base-ui/react/use-render";
-import { Checkbox as K } from "@base-ui/react/checkbox";
-import { Collapsible as $ } from "@base-ui/react/collapsible";
-import { Input as Oa } from "@base-ui/react/input";
-import { OTPInput as Ia } from "input-otp";
-import { Progress as k } from "@base-ui/react/progress";
-import { Separator as Ea } from "@base-ui/react/separator";
-import { Switch as X } from "@base-ui/react/switch";
-import { L as Ra, c as q, s as _a, p as Va } from "./index-DzpRdatr.js";
-const Sa = /[^.[\]]+|\[(?:[^\[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/g;
-function B(a) {
-  return a.match(Sa) || [];
-}
-function C(a) {
+import { jsx as s, jsxs as T, Fragment as R } from "react/jsx-runtime";
+import * as D from "react";
+import { createContext as da, useContext as ia, Fragment as ya, createElement as _ } from "react";
+import { COMPONENT as n } from "../constants.js";
+import { cva as f } from "class-variance-authority";
+import { c as i, a as Ca, d as Na, B as la, e as Pa, L as Ta } from "./button-jfJanilw.js";
+import { Accordion as A } from "@base-ui/react/accordion";
+import { IconChevronDown as Aa, IconCheck as Oa } from "@tabler/icons-react";
+import { useWebHaptics as U } from "web-haptics/react";
+import { Avatar as V } from "@base-ui/react/avatar";
+import { mergeProps as Ia } from "@base-ui/react/merge-props";
+import { useRender as Ea } from "@base-ui/react/use-render";
+import { Checkbox as Z } from "@base-ui/react/checkbox";
+import { Collapsible as G } from "@base-ui/react/collapsible";
+import { Input as Ra } from "@base-ui/react/input";
+import { OTPInput as _a } from "input-otp";
+import { Progress as N } from "@base-ui/react/progress";
+import { Separator as Sa } from "@base-ui/react/separator";
+import { Switch as aa } from "@base-ui/react/switch";
+import { L as Va, c as L, s as La, p as ja } from "./index-CD5pykpk.js";
+const $a = /* @__PURE__ */ new Set([
+  "__proto__",
+  "dangerouslySetInnerHTML",
+  "srcDoc",
+  "formAction",
+  "formMethod",
+  "formTarget",
+  "formEncType"
+]), ca = /* @__PURE__ */ new Set(["href", "src", "action", "xlinkHref"]), Ba = /^(?:(?:https?|mailto|tel):|data:image\/|[^:]*(?:[/?#]|$))/i;
+function H(a) {
+  return a == null || Ba.test(String(a)) ? a : void 0;
+}
+const Da = /[^.[\]]+|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/g;
+function F(a) {
+  return a.match(Da) || [];
+}
+function M(a) {
   return a.startsWith("[") && a.endsWith("]") ? a.slice(1, -1).replace(/^["']|["']$/g, "") : a;
 }
-function ja(a) {
-  const t = B(a).map(C), e = t.map((r, o) => {
-    const n = t[o + 1];
-    return n !== void 0 && /^\d+$/.test(n);
+function Ua(a) {
+  const t = F(a).map(M), e = t.map((r, o) => {
+    const d = t[o + 1];
+    return d !== void 0 && /^\d+$/.test(d);
   });
   return { key: a, segments: t, numericNext: e };
 }
-function I(a) {
-  const t = typeof a == "string", e = a, r = /* @__PURE__ */ Object.create(null), o = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ Object.create(null), l = /* @__PURE__ */ new Set();
-  let u = null;
+function E(a) {
+  const t = typeof a == "string", e = t ? void 0 : a, r = /* @__PURE__ */ Object.create(null), o = {}, d = /* @__PURE__ */ new Set(), l = /* @__PURE__ */ Object.create(null), c = /* @__PURE__ */ new Set();
+  let u = null, p = null;
   if (t)
-    u = q(a), u?.variables.forEach((h) => l.add(h));
-  else
-    for (const [h, _] of Object.entries(e?.args ?? {})) {
-      const b = q(_);
-      b && (r[h] = b, o.add(h), b.ast && _a(b.ast) != null && (n[h] = b.content), b.variables.forEach((A) => l.add(A)));
-    }
-  const c = t ? void 0 : e?.type, p = c || "div", f = c === d.EACH, w = c === d.IF, T = f ? {
-    as: e.args?.as,
-    indexAlias: e.args?.index,
-    keyExpr: e.args?.key,
-    rawItemsPath: n.items ?? ""
-  } : null, x = Array.from(l, ja);
+    u = L(a), u?.variables.forEach((z) => c.add(z));
+  else {
+    for (const [h, g] of Object.entries(e?.args ?? {})) {
+      if ($a.has(h)) continue;
+      const m = L(g);
+      if (!m) {
+        o[h] = ca.has(h) ? H(g) : g;
+        continue;
+      }
+      o[h] = g, r[h] = m, d.add(h), m.ast && La(m.ast) != null && (l[h] = m.content), m.variables.forEach((y) => c.add(y));
+    }
+    const z = e?.args?.onClick;
+    Array.isArray(z) && (p = z.filter(
+      (h) => typeof h?.set == "string" && h.set !== ""
+    ), p.forEach((h) => L(h.to)?.variables.forEach((g) => c.add(g))));
+  }
+  const b = e?.type, x = b || "div", C = b === n.EACH, w = b === n.IF, v = e?.args, P = C ? {
+    as: v?.as,
+    indexAlias: v?.index,
+    keyExpr: v?.key,
+    rawItemsPath: l.items ?? ""
+  } : null, O = Array.from(c, Ua);
   return {
     source: a,
+    args: o,
     isText: t,
-    type: p,
-    isEach: f,
+    type: x,
+    isEach: C,
     isIf: w,
-    isImage: c === d.IMAGE,
-    dynamicKeys: x,
-    dynamicArgs: o,
-    argPaths: n,
+    isImage: b === n.IMAGE,
+    dynamicKeys: O,
+    dynamicArgs: d,
+    argPaths: l,
     expressions: r,
     text: u,
     // Matches `isStaticLeaf`: control nodes always re-render, otherwise "no bindings of its own".
-    isStatic: !f && !w && x.length === 0,
-    each: T,
-    children: t ? [] : (e?.children ?? []).map(I)
+    isStatic: !C && !w && O.length === 0 && !p,
+    actions: p,
+    each: P,
+    children: t ? [] : (e?.children ?? []).map(E)
   };
 }
-const Y = /* @__PURE__ */ new WeakMap(), J = new Ra(50);
-function ve(a) {
+const ta = /* @__PURE__ */ new WeakMap(), ea = new Va(50);
+function Ce(a) {
   if (typeof a == "string") {
-    const r = J.get(a);
+    const r = ea.get(a);
     if (r) return r;
     const o = {
-      root: I(a),
+      root: E(a),
       source: a
     };
-    return J.set(a, o), o;
+    return ea.set(a, o), o;
   }
   if (a == null || typeof a != "object")
-    return { root: I(a), source: a };
-  const t = Y.get(a);
+    return { root: E(a), source: a };
+  const t = ta.get(a);
   if (t) return t;
   const e = {
-    root: I(a),
+    root: E(a),
     source: a
   };
-  return Y.set(a, e), e;
+  return ta.set(a, e), e;
 }
-function xe(a) {
+function Ne(a) {
   return a;
 }
-function we(a) {
+function Pe(a) {
   return a;
 }
-const ia = j.forwardRef(({ ...a }, t) => /* @__PURE__ */ s("a", { ref: t, ...a }));
-ia.displayName = "A";
-const La = g("font-heading font-semibold scroll-m-20", {
+const ua = D.forwardRef(({ ...a }, t) => /* @__PURE__ */ s("a", { ref: t, ...a }));
+ua.displayName = "A";
+const Ga = f("font-heading font-semibold scroll-m-20", {
   variants: {
     variant: {
       h1: "text-6xl font-semibold tracking-tight",
@@ -109,18 +133,18 @@ const La = g("font-heading font-semibold scroll-m-20", {
   defaultVariants: {
     variant: "h3"
   }
-}), la = j.forwardRef(
+}), pa = D.forwardRef(
   ({ className: a, variant: t, as: e, ...r }, o) => /* @__PURE__ */ s(
     e || t || "h3",
     {
       ref: o,
-      className: i(La({ variant: t }), a),
+      className: i(Ga({ variant: t }), a),
       ...r
     }
   )
 );
-la.displayName = "H";
-const $a = g("text-base", {
+pa.displayName = "H";
+const Ha = f("text-base", {
   variants: {
     variant: {
       default: "",
@@ -138,18 +162,18 @@ const $a = g("text-base", {
     variant: "default",
     size: "md"
   }
-}), ua = j.forwardRef(
-  ({ className: a, variant: t, size: e, as: r = "p", ...o }, n) => /* @__PURE__ */ s(
+}), ga = D.forwardRef(
+  ({ className: a, variant: t, size: e, as: r = "p", ...o }, d) => /* @__PURE__ */ s(
     r,
     {
-      ref: n,
-      className: i($a({ variant: t, size: e }), a),
+      ref: d,
+      className: i(Ha({ variant: t, size: e }), a),
       ...o
     }
   )
 );
-ua.displayName = "P";
-const Ba = g("flex w-full flex-col", {
+ga.displayName = "P";
+const Fa = f("flex w-full flex-col", {
   variants: {
     variant: {
       default: "",
@@ -173,7 +197,7 @@ const Ba = g("flex w-full flex-col", {
     variant: "default"
   }
 });
-function Da({
+function Ma({
   className: a,
   variant: t = "default",
   raised: e,
@@ -181,14 +205,14 @@ function Da({
   ...o
 }) {
   return /* @__PURE__ */ s(
-    P.Root,
+    A.Root,
     {
       "data-slot": "accordion",
       "data-variant": t,
       "data-raised": e ?? void 0,
       "data-extrude": r ?? void 0,
       className: i(
-        Ba({ variant: t, raised: e, extrude: r }),
+        Fa({ variant: t, raised: e, extrude: r }),
         "group/accordion",
         a
       ),
@@ -196,9 +220,9 @@ function Da({
     }
   );
 }
-function Ga({ className: a, ...t }) {
+function Ka({ className: a, ...t }) {
   return /* @__PURE__ */ s(
-    P.Item,
+    A.Item,
     {
       "data-slot": "accordion-item",
       className: i(
@@ -245,17 +269,16 @@ function Ga({ className: a, ...t }) {
     }
   );
 }
-function Ua({
+function Wa({
   className: a,
   children: t,
-  disabled: e,
-  icon: r = Ca,
-  onClick: o,
-  ...n
+  icon: e = Aa,
+  onClick: r,
+  ...o
 }) {
-  const { trigger: l } = L();
-  return /* @__PURE__ */ s(P.Header, { className: "flex", children: /* @__PURE__ */ N(
-    P.Trigger,
+  const { trigger: d } = U();
+  return /* @__PURE__ */ s(A.Header, { className: "flex", children: /* @__PURE__ */ T(
+    A.Trigger,
     {
       "data-slot": "accordion-trigger",
       className: i(
@@ -269,14 +292,14 @@ function Ua({
         "group-data-[variant=separated]/accordion:pt-4",
         a
       ),
-      onClick: (u) => {
-        l(za), o?.(u);
+      onClick: (l) => {
+        d(Ca), r?.(l);
       },
-      ...n,
+      ...o,
       children: [
         t,
         /* @__PURE__ */ s(
-          r,
+          e,
           {
             "data-slot": "accordion-trigger-icon",
             className: i(
@@ -289,13 +312,13 @@ function Ua({
     }
   ) });
 }
-function Ha({
+function Xa({
   className: a,
   children: t,
   ...e
 }) {
   return /* @__PURE__ */ s(
-    P.Panel,
+    A.Panel,
     {
       "data-slot": "accordion-content",
       keepMounted: !0,
@@ -314,7 +337,7 @@ function Ha({
     }
   );
 }
-const Fa = g(
+const qa = f(
   "relative grid px-4 py-3 gap-0.5 rounded-base border text-left text-sm *:[svg]:row-span-2 *:[svg]:translate-y-1 *:[svg]:text-current has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-24 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2.5",
   {
     variants: {
@@ -342,7 +365,7 @@ const Fa = g(
     }
   }
 );
-function Ma({
+function Ya({
   className: a,
   variant: t = "default",
   size: e = "default",
@@ -355,7 +378,7 @@ function Ma({
       "data-slot": "alert",
       role: "alert",
       className: i(
-        Fa({ variant: t, raised: r, size: e }),
+        qa({ variant: t, raised: r, size: e }),
         "group/alert",
         a
       ),
@@ -363,7 +386,7 @@ function Ma({
     }
   );
 }
-const Wa = g("relative flex shrink-0 select-none", {
+const Ja = f("relative flex shrink-0 select-none", {
   variants: {
     size: {
       full: "size-full",
@@ -391,34 +414,34 @@ const Wa = g("relative flex shrink-0 select-none", {
     rounded: "full"
   }
 });
-function Ka({
+function Qa({
   className: a,
   size: t = "md",
   rounded: e = "full",
   raised: r,
   src: o,
-  alt: n,
+  alt: d,
   fallback: l,
-  badge: u,
-  children: c,
+  badge: c,
+  children: u,
   ...p
 }) {
   return /* @__PURE__ */ s(
-    S.Root,
+    V.Root,
     {
       "data-slot": "avatar",
       "data-size": t,
       "data-raised": r,
       "data-rounded": e,
       className: i(
-        Wa({ size: t, rounded: e, raised: r }),
+        Ja({ size: t, rounded: e, raised: r }),
         "group/avatar",
         a
       ),
       ...p,
-      children: c ?? /* @__PURE__ */ N(E, { children: [
+      children: u ?? /* @__PURE__ */ T(R, { children: [
         o && /* @__PURE__ */ s(
-          S.Image,
+          V.Image,
           {
             "data-slot": "avatar-image",
             className: i(
@@ -429,11 +452,11 @@ function Ka({
               "group-data-[rounded=full]/avatar:rounded-full"
             ),
             src: o,
-            alt: n
+            alt: d
           }
         ),
         l != null && /* @__PURE__ */ s(
-          S.Fallback,
+          V.Fallback,
           {
             "data-slot": "avatar-fallback",
             className: i(
@@ -448,7 +471,7 @@ function Ka({
             children: l
           }
         ),
-        u != null && /* @__PURE__ */ s(
+        c != null && /* @__PURE__ */ s(
           "span",
           {
             "data-slot": "avatar-badge",
@@ -479,14 +502,14 @@ function Ka({
               "group-data-[rounded=full]/avatar:rounded-full",
               "group-data-[rounded=full]/avatar:translate-0"
             ),
-            children: u
+            children: c
           }
         )
       ] })
     }
   );
 }
-const Xa = g(
+const Za = f(
   "gap-1 px-2 py-0.5 [button]:cursor-pointer rounded-full border text-xs font-medium transition-[color,box-shadow,translate] has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 [&>svg]:pointer-events-none aria-invalid:border-accent-red duration-200 overflow-hidden",
   {
     variants: {
@@ -521,21 +544,21 @@ const Xa = g(
     }
   }
 );
-function qa({
+function at({
   className: a,
   variant: t = "default",
   size: e = "md",
   raised: r,
   extrude: o,
-  render: n,
+  render: d,
   ...l
 }) {
-  return Aa({
+  return Ea({
     defaultTagName: "span",
-    props: Ta(
+    props: Ia(
       {
         className: i(
-          Xa({ size: e, variant: t, raised: r, extrude: o }),
+          Za({ size: e, variant: t, raised: r, extrude: o }),
           "group/badge",
           a
         ),
@@ -543,14 +566,14 @@ function qa({
       },
       l
     ),
-    render: n,
+    render: d,
     state: {
       slot: "badge",
       variant: t
     }
   });
 }
-const Ya = g(
+const tt = f(
   "bg-surface border text-foreground overflow-hidden rounded-base text-sm flex flex-col",
   {
     variants: {
@@ -573,7 +596,7 @@ const Ya = g(
     }
   }
 );
-function Ja({
+function et({
   className: a,
   size: t = "md",
   raised: e = "md",
@@ -584,12 +607,12 @@ function Ja({
     {
       "data-slot": "card",
       "data-size": t,
-      className: i(Ya({ raised: e, size: t }), "group/card", a),
+      className: i(tt({ raised: e, size: t }), "group/card", a),
       ...r
     }
   );
 }
-function Qa({ className: a, ...t }) {
+function rt({ className: a, ...t }) {
   return /* @__PURE__ */ s(
     "div",
     {
@@ -607,7 +630,7 @@ function Qa({ className: a, ...t }) {
     }
   );
 }
-function Za({ className: a, ...t }) {
+function ot({ className: a, ...t }) {
   return /* @__PURE__ */ s(
     "div",
     {
@@ -628,7 +651,7 @@ function Za({ className: a, ...t }) {
     }
   );
 }
-function at({ className: a, ...t }) {
+function st({ className: a, ...t }) {
   return /* @__PURE__ */ s(
     "div",
     {
@@ -645,7 +668,7 @@ function at({ className: a, ...t }) {
     }
   );
 }
-function tt({ className: a, ...t }) {
+function nt({ className: a, ...t }) {
   return /* @__PURE__ */ s(
     "div",
     {
@@ -658,7 +681,7 @@ function tt({ className: a, ...t }) {
     }
   );
 }
-function et({ className: a, ...t }) {
+function dt({ className: a, ...t }) {
   return /* @__PURE__ */ s(
     "div",
     {
@@ -677,7 +700,7 @@ function et({ className: a, ...t }) {
     }
   );
 }
-function rt({ className: a, ...t }) {
+function it({ className: a, ...t }) {
   return /* @__PURE__ */ s(
     "div",
     {
@@ -693,7 +716,7 @@ function rt({ className: a, ...t }) {
     }
   );
 }
-function ot({ className: a, ...t }) {
+function lt({ className: a, ...t }) {
   return /* @__PURE__ */ s(
     "div",
     {
@@ -710,7 +733,7 @@ function ot({ className: a, ...t }) {
     }
   );
 }
-const st = g(
+const ct = f(
   "neo-base neo-checkbox-focus flex size-5 cursor-pointer items-center justify-center rounded-md border relative shrink-0 transition-[color,opacity,box-shadow,translate] data-checked:bg-main aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:opacity-50 aria-invalid:bg-accent-red-secondary",
   {
     variants: {
@@ -727,35 +750,35 @@ const st = g(
     }
   }
 );
-function dt({
+function ut({
   className: a,
   size: t,
   onCheckedChange: e,
   ...r
 }) {
-  const { trigger: o } = L();
+  const { trigger: o } = U();
   return /* @__PURE__ */ s(
-    K.Root,
+    Z.Root,
     {
       "data-slot": "checkbox",
       "data-size": t,
       className: i(
-        st({ size: t }),
+        ct({ size: t }),
         "peer group/checkbox",
         a
       ),
       "aria-label": r["aria-label"] ?? "checkbox",
-      onCheckedChange: (n, l) => {
-        o(ka), e?.(n, l);
+      onCheckedChange: (d, l) => {
+        o(Na), e?.(d, l);
       },
       ...r,
       children: /* @__PURE__ */ s(
-        K.Indicator,
+        Z.Indicator,
         {
           "data-slot": "checkbox-indicator",
           className: "grid place-content-center text-current",
           children: /* @__PURE__ */ s(
-            Pa,
+            Oa,
             {
               stroke: 3.5,
               className: i(
@@ -773,9 +796,9 @@ function dt({
     }
   );
 }
-function nt({ className: a, ...t }) {
+function pt({ className: a, ...t }) {
   return /* @__PURE__ */ s(
-    $.Root,
+    G.Root,
     {
       className: i("group/collapsible", a),
       "data-slot": "collapsible",
@@ -783,12 +806,12 @@ function nt({ className: a, ...t }) {
     }
   );
 }
-function it({
+function gt({
   className: a,
   ...t
 }) {
   return /* @__PURE__ */ s(
-    $.Trigger,
+    G.Trigger,
     {
       className: i(
         "group-data-open/collapsible:[&_svg]:-scale-y-100",
@@ -799,13 +822,13 @@ function it({
     }
   );
 }
-function lt({
+function mt({
   className: a,
   children: t,
   ...e
 }) {
   return /* @__PURE__ */ s(
-    $.Panel,
+    G.Panel,
     {
       className: i("group overflow-hidden", a),
       "data-slot": "collapsible-content",
@@ -826,9 +849,9 @@ function lt({
     }
   );
 }
-function ca({ className: a, type: t, ...e }) {
+function ma({ className: a, type: t, ...e }) {
   return /* @__PURE__ */ s(
-    Oa,
+    Ra,
     {
       type: t,
       "data-slot": "input",
@@ -840,13 +863,13 @@ function ca({ className: a, type: t, ...e }) {
     }
   );
 }
-function ut({
+function ft({
   className: a,
   containerClassName: t,
   ...e
 }) {
   return /* @__PURE__ */ s(
-    Ia,
+    _a,
     {
       "data-slot": "input-otp",
       containerClassName: i(
@@ -859,7 +882,7 @@ function ut({
     }
   );
 }
-function pa({
+function fa({
   className: a,
   onInput: t,
   autosize: e = !1,
@@ -869,9 +892,9 @@ function pa({
     "textarea",
     {
       "data-slot": "textarea",
-      onInput: t || ((n) => {
+      onInput: t || ((d) => {
         if (e) {
-          const l = n.currentTarget;
+          const l = d.currentTarget;
           l.style.height = "auto", l.style.height = l.scrollHeight + "px";
         }
       }),
@@ -888,7 +911,7 @@ function pa({
     }
   );
 }
-function ct({ className: a, ...t }) {
+function ht({ className: a, ...t }) {
   return /* @__PURE__ */ s(
     "div",
     {
@@ -905,7 +928,7 @@ function ct({ className: a, ...t }) {
     }
   );
 }
-const pt = g(
+const bt = f(
   "text-muted h-full gap-2 p-2 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 flex cursor-text items-center justify-center select-none",
   {
     variants: {
@@ -921,7 +944,7 @@ const pt = g(
     }
   }
 );
-function gt({
+function vt({
   className: a,
   align: t = "inline-start",
   ...e
@@ -932,7 +955,7 @@ function gt({
       role: "group",
       "data-slot": "input-group-addon",
       "data-align": t,
-      className: i(pt({ align: t }), a),
+      className: i(bt({ align: t }), a),
       onClick: (r) => {
         r.target.closest("button") || r.currentTarget.parentElement?.querySelector("input")?.focus();
       },
@@ -940,7 +963,7 @@ function gt({
     }
   );
 }
-const mt = g("gap-2 text-sm flex items-center", {
+const xt = f("gap-2 text-sm flex items-center", {
   variants: {
     size: {
       xs: "h-7 gap-1 rounded-sm px-1.5 py-0.5",
@@ -953,28 +976,28 @@ const mt = g("gap-2 text-sm flex items-center", {
     size: "xs"
   }
 });
-function ht({
+function wt({
   className: a,
   type: t = "button",
   variant: e = "outline",
   extrude: r = "xs",
   size: o,
-  ...n
+  ...d
 }) {
   return /* @__PURE__ */ s(
-    na,
+    la,
     {
       type: t,
       "data-size": o,
       variant: e,
       extrude: r ?? null,
-      "aria-label": n["aria-label"] ?? "input-button",
-      className: i(mt({ size: o }), a),
-      ...n
+      "aria-label": d["aria-label"] ?? "input-button",
+      className: i(xt({ size: o }), a),
+      ...d
     }
   );
 }
-function ft({ className: a, ...t }) {
+function zt({ className: a, ...t }) {
   return /* @__PURE__ */ s(
     "span",
     {
@@ -986,12 +1009,12 @@ function ft({ className: a, ...t }) {
     }
   );
 }
-function bt({
+function kt({
   className: a,
   ...t
 }) {
   return /* @__PURE__ */ s(
-    ca,
+    ma,
     {
       "data-slot": "input-group-control",
       className: i(
@@ -1014,12 +1037,12 @@ function bt({
     }
   );
 }
-function vt({
+function yt({
   className: a,
   ...t
 }) {
   return /* @__PURE__ */ s(
-    pa,
+    fa,
     {
       "data-slot": "input-group-control",
       className: i(
@@ -1040,7 +1063,7 @@ function vt({
     }
   );
 }
-const xt = g(
+const Ct = f(
   "gap-2 leading-none group-data-[disabled=true]:opacity-50 peer-disabled:opacity-50 flex items-center select-none group-data-[disabled=true]:pointer-events-none peer-disabled:cursor-not-allowed",
   {
     variants: {
@@ -1059,7 +1082,7 @@ const xt = g(
     }
   }
 );
-function wt({
+function Nt({
   size: a = "sm",
   variant: t,
   className: e,
@@ -1071,12 +1094,12 @@ function wt({
     {
       "data-slot": "label",
       htmlFor: r,
-      className: i(xt({ size: a, variant: t }), e),
+      className: i(Ct({ size: a, variant: t }), e),
       ...o
     }
   );
 }
-const Q = g("group/progress flex flex-wrap", {
+const ra = f("group/progress flex flex-wrap", {
   variants: {
     size: {
       xs: "gap-1",
@@ -1103,47 +1126,47 @@ const Q = g("group/progress flex flex-wrap", {
     }
   }
 });
-function zt(a) {
+function Pt(a) {
   const {
     size: t = "md",
     raised: e = "default",
     stacked: r = "default",
     className: o,
-    children: n,
+    children: d,
     ...l
   } = a;
   if (a.mode === "multiple") {
-    const u = [...a.value].sort((c, p) => p.value - c.value);
-    return /* @__PURE__ */ N(
-      k.Root,
+    const c = [...a.value].sort((u, p) => p.value - u.value);
+    return /* @__PURE__ */ T(
+      N.Root,
       {
         "data-slot": "progress",
         "data-size": t,
         "data-raised": e,
         "data-stacked": r,
-        className: i(Q({ size: t, raised: e, stacked: r }), o),
+        className: i(ra({ size: t, raised: e, stacked: r }), o),
         ...l,
         children: [
-          n,
+          d,
           /* @__PURE__ */ s(
-            Z,
+            oa,
             {
               style: {
-                marginTop: `calc(var(--stack-translate, 0px) * ${u.length - 1})`,
-                transform: `translateX(calc(var(--stack-translate, 0px) * ${u.length - 1}))`
+                marginTop: `calc(var(--stack-translate, 0px) * ${c.length - 1})`,
+                transform: `translateX(calc(var(--stack-translate, 0px) * ${c.length - 1}))`
               },
               className: "grid grid-cols-1 *:row-start-1 *:col-start-1 *:row-end-1 *:col-end-1 items-end *:self-start",
-              children: u.map((c, p) => /* @__PURE__ */ s(
-                yt,
+              children: c.map((u, p) => /* @__PURE__ */ s(
+                At,
                 {
                   index: p,
-                  "data-value": c.value,
-                  ...c,
+                  "data-value": u.value,
+                  ...u,
                   children: /* @__PURE__ */ s(
-                    k.Value,
+                    N.Value,
                     {
                       className: i(
-                        c.value < 5 ? "pr-0.5" : "",
+                        u.value < 5 ? "pr-0.5" : "",
                         "text-muted leading-none font-heading tabular-nums h-full flex flex-row items-end justify-end gap-1 ml-auto my-auto",
                         "group-data-[size=xs]/progress:hidden",
                         "group-data-[size=sm]/progress:hidden",
@@ -1156,20 +1179,20 @@ function zt(a) {
                         "group-data-[stacked=default]/progress:translate-y-0 group-data-[stacked=default]/progress:items-center"
                       ),
                       "data-slot": "progress-indicator-group-value",
-                      children: () => /* @__PURE__ */ N(E, { children: [
-                        c.name && /* @__PURE__ */ s(
+                      children: () => /* @__PURE__ */ T(R, { children: [
+                        u.name && /* @__PURE__ */ s(
                           "span",
                           {
                             className: "font-semibold line-clamp-1 opacity-0 -translate-y-10 transition-[opacity,translate] duration-200 hover:ease-in ease-out",
                             "data-slot": "progress-name",
-                            children: c.name
+                            children: u.name
                           }
                         ),
-                        c.value.toLocaleString("default", {
+                        u.value.toLocaleString("default", {
                           minimumFractionDigits: 0,
                           maximumFractionDigits: 2
                         }),
-                        c.value < 5 ? "" : "%"
+                        u.value < 5 ? "" : "%"
                       ] })
                     }
                   )
@@ -1182,8 +1205,8 @@ function zt(a) {
       }
     );
   }
-  return /* @__PURE__ */ N(
-    k.Root,
+  return /* @__PURE__ */ T(
+    N.Root,
     {
       ...l,
       value: a.value,
@@ -1191,17 +1214,17 @@ function zt(a) {
       "data-size": t,
       "data-raised": e,
       "data-stacked": r,
-      className: i(Q({ size: t, raised: e, stacked: r }), o),
+      className: i(ra({ size: t, raised: e, stacked: r }), o),
       children: [
-        n,
-        /* @__PURE__ */ s(Z, { children: /* @__PURE__ */ s(kt, { "data-value": a.value }) })
+        d,
+        /* @__PURE__ */ s(oa, { children: /* @__PURE__ */ s(Tt, { "data-value": a.value }) })
       ]
     }
   );
 }
-function Z({ className: a, ...t }) {
+function oa({ className: a, ...t }) {
   return /* @__PURE__ */ s(
-    k.Track,
+    N.Track,
     {
       className: i(
         "bg-surface border-2 rounded-full relative flex w-full items-center",
@@ -1224,12 +1247,12 @@ function Z({ className: a, ...t }) {
     }
   );
 }
-function kt({
+function Tt({
   className: a,
   ...t
 }) {
   return /* @__PURE__ */ s(
-    k.Indicator,
+    N.Indicator,
     {
       "data-slot": "progress-indicator",
       className: i(
@@ -1247,7 +1270,7 @@ function kt({
     }
   );
 }
-function yt({
+function At({
   className: a,
   children: t,
   value: e,
@@ -1255,7 +1278,7 @@ function yt({
   ...o
 }) {
   return /* @__PURE__ */ s(
-    k.Indicator,
+    N.Indicator,
     {
       "data-slot": "progress-indicator-group",
       "data-value": e,
@@ -1286,7 +1309,7 @@ function yt({
     }
   );
 }
-const Nt = g("bg-border shrink-0", {
+const Ot = f("bg-border shrink-0", {
   variants: {
     stroke: {
       thin: "border-0.5",
@@ -1303,23 +1326,23 @@ const Nt = g("bg-border shrink-0", {
     orientation: "horizontal"
   }
 });
-function Ct({
+function It({
   className: a,
   orientation: t,
   stroke: e,
   ...r
 }) {
   return /* @__PURE__ */ s(
-    Ea,
+    Sa,
     {
       "data-slot": "separator",
       orientation: t,
-      className: i(Nt({ orientation: t, stroke: e }), a),
+      className: i(Ot({ orientation: t, stroke: e }), a),
       ...r
     }
   );
 }
-const Pt = g("bg-foreground/30 rounded-base", {
+const Et = f("bg-foreground/30 rounded-base", {
   variants: {
     variant: {
       circle: "aspect-square w-auto rounded-full",
@@ -1333,7 +1356,7 @@ const Pt = g("bg-foreground/30 rounded-base", {
     }
   }
 });
-function Tt({
+function Rt({
   variant: a = "default",
   animate: t = !0,
   className: e,
@@ -1343,12 +1366,12 @@ function Tt({
     "div",
     {
       "data-slot": "skeleton",
-      className: i(Pt({ variant: a, animate: t }), e),
+      className: i(Et({ variant: a, animate: t }), e),
       ...r
     }
   );
 }
-const At = g(
+const _t = f(
   "neo-base neo-switch-focus relative cursor-pointer inline-flex items-center data-checked:bg-main data-unchecked:bg-surface shrink-0 border-2 border-border transition-[translate,box-shadow,color] aria-disabled:cursor-not-allowed aria-disabled:opacity-50",
   {
     variants: {
@@ -1371,32 +1394,32 @@ const At = g(
     }
   }
 );
-function Ot({
+function St({
   className: a,
   size: t = "md",
   rounded: e = "full",
   onCheckedChange: r,
   ...o
 }) {
-  const { trigger: n } = L();
+  const { trigger: d } = U();
   return /* @__PURE__ */ s(
-    X.Root,
+    aa.Root,
     {
       "data-slot": "switch",
       "data-size": t,
       "data-rounded": e,
       className: i(
-        At({ size: t, rounded: e }),
+        _t({ size: t, rounded: e }),
         "peer group/switch",
         a
       ),
       "aria-label": o["aria-label"] ?? "switch",
-      onCheckedChange: (l, u) => {
-        n(ya), r?.(l, u);
+      onCheckedChange: (l, c) => {
+        d(Pa), r?.(l, c);
       },
       ...o,
       children: /* @__PURE__ */ s(
-        X.Thumb,
+        aa.Thumb,
         {
           "data-slot": "switch-thumb",
           className: i(
@@ -1421,7 +1444,7 @@ function Ot({
     }
   );
 }
-const It = g("w-full caption-bottom text-sm", {
+const Vt = f("w-full caption-bottom text-sm", {
   variants: {
     variant: {
       default: "",
@@ -1430,7 +1453,7 @@ const It = g("w-full caption-bottom text-sm", {
     }
   }
 });
-function Et({
+function Lt({
   className: a,
   variant: t = "default",
   ...e
@@ -1445,14 +1468,14 @@ function Et({
         {
           "data-slot": "table",
           "data-variant": t,
-          className: i(It({ variant: t }), "group/table", a),
+          className: i(Vt({ variant: t }), "group/table", a),
           ...e
         }
       )
     }
   );
 }
-function Rt({ className: a, ...t }) {
+function jt({ className: a, ...t }) {
   return /* @__PURE__ */ s(
     "thead",
     {
@@ -1462,7 +1485,7 @@ function Rt({ className: a, ...t }) {
     }
   );
 }
-function _t({ className: a, ...t }) {
+function $t({ className: a, ...t }) {
   return /* @__PURE__ */ s(
     "tbody",
     {
@@ -1472,7 +1495,7 @@ function _t({ className: a, ...t }) {
     }
   );
 }
-function Vt({ className: a, ...t }) {
+function Bt({ className: a, ...t }) {
   return /* @__PURE__ */ s(
     "tfoot",
     {
@@ -1488,7 +1511,7 @@ function Vt({ className: a, ...t }) {
     }
   );
 }
-function St({ className: a, ...t }) {
+function Dt({ className: a, ...t }) {
   return /* @__PURE__ */ s(
     "tr",
     {
@@ -1514,7 +1537,7 @@ function St({ className: a, ...t }) {
     }
   );
 }
-function jt({ className: a, ...t }) {
+function Ut({ className: a, ...t }) {
   return /* @__PURE__ */ s(
     "th",
     {
@@ -1529,7 +1552,7 @@ function jt({ className: a, ...t }) {
     }
   );
 }
-function Lt({ className: a, ...t }) {
+function Gt({ className: a, ...t }) {
   return /* @__PURE__ */ s(
     "td",
     {
@@ -1544,7 +1567,7 @@ function Lt({ className: a, ...t }) {
     }
   );
 }
-function $t({
+function Ht({
   className: a,
   ...t
 }) {
@@ -1560,93 +1583,93 @@ function $t({
     }
   );
 }
-const Bt = ["bindings", "formField", "ssr", "pdf"], Dt = ["children", "bindings", "ssr", "pdf"];
-function aa(a) {
+const Ft = ["bindings", "formField", "events", "ssr", "pdf"], Mt = ["children", "bindings", "events", "ssr", "pdf"];
+function sa(a) {
   return {
     valueProp: a.valueProp,
     changeProp: a.changeProp,
     extract: a.extractor
   };
 }
-function Gt(a) {
+function Kt(a) {
   if (a)
     return typeof a == "object" && "default" in a ? Object.fromEntries(
       Object.entries(a).map(([t, e]) => [
         t,
-        aa(e)
+        sa(e)
       ])
-    ) : aa(a);
+    ) : sa(a);
 }
-function Ut(a, { components: t = {}, controlledInputs: e = {} }) {
+function Wt(a, { components: t = {}, controlledInputs: e = {} }) {
   const r = { ...a.components };
   for (const o of /* @__PURE__ */ new Set([...Object.keys(t), ...Object.keys(e)])) {
-    const n = Object.hasOwn(r, o) ? r[o] : void 0, l = Object.hasOwn(t, o) ? t[o] : n?.component;
+    const d = Object.hasOwn(r, o) ? r[o] : void 0, l = Object.hasOwn(t, o) ? t[o] : d?.component;
     if (l === void 0) continue;
-    const u = Object.hasOwn(e, o) ? Gt(e[o]) : n?.controlled;
+    const c = Object.hasOwn(e, o) ? Kt(e[o]) : d?.controlled;
     r[o] = {
-      ...n,
+      ...d,
       component: l,
-      controlled: u,
-      capabilities: n?.capabilities ?? (u ? Bt : Dt)
+      controlled: c,
+      capabilities: d?.capabilities ?? (c ? Ft : Mt)
     };
   }
   return { ...a, components: r };
 }
-const Ht = {
-  [d.A]: ia,
-  [d.H]: la,
-  [d.P]: ua,
-  [d.OL]: "ol",
-  [d.UL]: "ul",
-  [d.LI]: "li",
-  [d.DIV]: "div",
-  [d.SPAN]: "span",
-  [d.IMAGE]: "img",
-  [d.ACCORDION]: Da,
-  [d.ACCORDION_ITEM]: Ga,
-  [d.ACCORDION_TRIGGER]: Ua,
-  [d.ACCORDION_CONTENT]: Ha,
-  [d.ALERT]: Ma,
-  [d.AVATAR]: Ka,
-  [d.BADGE]: qa,
-  [d.BUTTON]: na,
-  [d.CARD]: Ja,
-  [d.CARD_HEADER]: Qa,
-  [d.CARD_TITLE]: Za,
-  [d.CARD_DESCRIPTION]: at,
-  [d.CARD_CONTENT]: rt,
-  [d.CARD_FOOTER]: ot,
-  [d.CARD_ACTION]: tt,
-  [d.CARD_ICON]: et,
-  [d.CHECKBOX]: dt,
-  [d.COLLAPSIBLE]: nt,
-  [d.COLLAPSIBLE_TRIGGER]: it,
-  [d.COLLAPSIBLE_CONTENT]: lt,
-  [d.OTP]: ut,
-  [d.INPUT]: ca,
-  [d.INPUT_GROUP]: ct,
-  [d.INPUT_GROUP_TEXT]: ft,
-  [d.INPUT_GROUP_ADDON]: gt,
-  [d.INPUT_GROUP_INPUT]: bt,
-  [d.INPUT_GROUP_BUTTON]: ht,
-  [d.INPUT_GROUP_TEXTAREA]: vt,
-  [d.LABEL]: wt,
-  [d.LOADER]: Na,
-  [d.PROGRESS]: zt,
-  [d.SWITCH]: Ot,
-  [d.SEPARATOR]: Ct,
-  [d.SKELETON]: Tt,
-  [d.TABLE]: Et,
-  [d.TABLE_HEADER]: Rt,
-  [d.TABLE_BODY]: _t,
-  [d.TABLE_FOOTER]: Vt,
-  [d.TABLE_HEAD]: jt,
-  [d.TABLE_ROW]: St,
-  [d.TABLE_CELL]: Lt,
-  [d.TABLE_CAPTION]: $t,
-  [d.TEXTAREA]: pa
-}, Ft = {
-  [d.INPUT]: {
+const Xt = {
+  [n.A]: ua,
+  [n.H]: pa,
+  [n.P]: ga,
+  [n.OL]: "ol",
+  [n.UL]: "ul",
+  [n.LI]: "li",
+  [n.DIV]: "div",
+  [n.SPAN]: "span",
+  [n.IMAGE]: "img",
+  [n.ACCORDION]: Ma,
+  [n.ACCORDION_ITEM]: Ka,
+  [n.ACCORDION_TRIGGER]: Wa,
+  [n.ACCORDION_CONTENT]: Xa,
+  [n.ALERT]: Ya,
+  [n.AVATAR]: Qa,
+  [n.BADGE]: at,
+  [n.BUTTON]: la,
+  [n.CARD]: et,
+  [n.CARD_HEADER]: rt,
+  [n.CARD_TITLE]: ot,
+  [n.CARD_DESCRIPTION]: st,
+  [n.CARD_CONTENT]: it,
+  [n.CARD_FOOTER]: lt,
+  [n.CARD_ACTION]: nt,
+  [n.CARD_ICON]: dt,
+  [n.CHECKBOX]: ut,
+  [n.COLLAPSIBLE]: pt,
+  [n.COLLAPSIBLE_TRIGGER]: gt,
+  [n.COLLAPSIBLE_CONTENT]: mt,
+  [n.OTP]: ft,
+  [n.INPUT]: ma,
+  [n.INPUT_GROUP]: ht,
+  [n.INPUT_GROUP_TEXT]: zt,
+  [n.INPUT_GROUP_ADDON]: vt,
+  [n.INPUT_GROUP_INPUT]: kt,
+  [n.INPUT_GROUP_BUTTON]: wt,
+  [n.INPUT_GROUP_TEXTAREA]: yt,
+  [n.LABEL]: Nt,
+  [n.LOADER]: Ta,
+  [n.PROGRESS]: Pt,
+  [n.SWITCH]: St,
+  [n.SEPARATOR]: It,
+  [n.SKELETON]: Rt,
+  [n.TABLE]: Lt,
+  [n.TABLE_HEADER]: jt,
+  [n.TABLE_BODY]: $t,
+  [n.TABLE_FOOTER]: Bt,
+  [n.TABLE_HEAD]: Ut,
+  [n.TABLE_ROW]: Dt,
+  [n.TABLE_CELL]: Gt,
+  [n.TABLE_CAPTION]: Ht,
+  [n.TEXTAREA]: fa
+}, qt = {
+  [n.INPUT]: {
     text: {
       valueProp: "value",
       changeProp: "onChange",
@@ -1675,37 +1698,37 @@ const Ht = {
     }
   },
   // input-otp calls onChange with the new string, not an event.
-  [d.OTP]: {
+  [n.OTP]: {
     valueProp: "value",
     changeProp: "onChange",
     extractor: (a) => a
   },
-  [d.CHECKBOX]: {
+  [n.CHECKBOX]: {
     valueProp: "checked",
     changeProp: "onCheckedChange",
     extractor: (a) => a
   },
-  [d.TEXTAREA]: {
+  [n.TEXTAREA]: {
     valueProp: "value",
     changeProp: "onChange",
     extractor: (a) => a.target.value
   },
-  [d.INPUT_GROUP_INPUT]: {
+  [n.INPUT_GROUP_INPUT]: {
     valueProp: "value",
     changeProp: "onChange",
     extractor: (a) => a.target.value
   },
-  [d.INPUT_GROUP_TEXTAREA]: {
+  [n.INPUT_GROUP_TEXTAREA]: {
     valueProp: "value",
     changeProp: "onChange",
     extractor: (a) => a.target.value
   },
-  [d.SWITCH]: {
+  [n.SWITCH]: {
     valueProp: "checked",
     changeProp: "onCheckedChange",
     extractor: (a) => a
   }
-}, Mt = Ut(
+}, Yt = Wt(
   {
     id: "pebble-ui",
     version: "1.0.0",
@@ -1713,24 +1736,24 @@ const Ht = {
     fallback: "div",
     components: {}
   },
-  { components: Ht, controlledInputs: Ft }
-), ga = sa(Mt);
-function Wt() {
-  return da(ga);
+  { components: Xt, controlledInputs: qt }
+), ha = da(Yt);
+function Jt() {
+  return ia(ha);
 }
-const ma = sa("web");
-function ze() {
-  return da(ma);
+const ba = da("web");
+function Te() {
+  return ia(ba);
 }
-function ke({
+function Ae({
   registry: a,
   render: t = "web",
   children: e
 }) {
-  const r = Wt();
-  return /* @__PURE__ */ s(ga.Provider, { value: a ?? r, children: /* @__PURE__ */ s(ma.Provider, { value: t, children: e }) });
+  const r = Jt();
+  return /* @__PURE__ */ s(ha.Provider, { value: a ?? r, children: /* @__PURE__ */ s(ba.Provider, { value: t, children: e }) });
 }
-const Kt = /* @__PURE__ */ new Set([
+const Qt = /* @__PURE__ */ new Set([
   "area",
   "base",
   "br",
@@ -1745,57 +1768,58 @@ const Kt = /* @__PURE__ */ new Set([
   "source",
   "track",
   "wbr"
-]), O = (a, t, e) => `${a.type}-${e}-${t}`;
-function ta(a, t, e = void 0) {
-  return t ? B(t).reduce((o, n) => {
+]), I = (a, t, e) => `${a.type}-${e}-${t}`;
+function na(a, t, e) {
+  return t ? F(t).reduce((o, d) => {
     if (o != null)
-      return o[C(n)];
+      return o[M(d)];
   }, a) ?? e : a;
 }
-function ye(a, t, e) {
+function Oe(a, t, e) {
   if (!t) {
     Object.assign(a, e);
     return;
   }
-  const r = B(t);
+  const r = F(t).map(M);
+  if (r.includes("__proto__")) return;
   let o = a;
-  for (let n = 0; n < r.length - 1; n++) {
-    const l = C(r[n]), u = C(r[n + 1]);
-    o[l] ??= /^\d+$/.test(u) ? [] : {}, o = o[l];
+  for (let d = 0; d < r.length - 1; d++) {
+    const l = r[d];
+    (!Object.hasOwn(o, l) || o[l] == null) && (o[l] = /^\d+$/.test(r[d + 1]) ? [] : {}), o = o[l];
   }
-  o[C(r[r.length - 1])] = e;
+  o[r[r.length - 1]] = e;
 }
-function ha(a) {
+function va(a) {
   const t = a.match(/^[^.[]+/);
   return t ? t[0] : a;
 }
-function ea(a, t) {
-  return !!t && Object.hasOwn(t, ha(a));
+function j(a, t) {
+  return !!t && Object.hasOwn(t, va(a));
 }
-function ra(a, t) {
+function $(a, t) {
   if (!t) return a;
-  const e = ha(a), r = t[e];
+  const e = va(a), r = t[e];
   return r == null ? a : r + a.slice(e.length);
 }
-const z = (a, t) => Va(a, t);
-function Ne(a, t) {
+const k = (a, t) => ja(a, t);
+function Ie(a, t) {
   const e = {};
-  for (const { key: r, segments: o, numericNext: n } of a) {
+  for (const { key: r, segments: o, numericNext: d } of a) {
     const l = t(r);
     if (o.length === 1) {
       e[r] = l;
       continue;
     }
-    let u = e;
-    for (let c = 0; c < o.length - 1; c++) {
-      const p = o[c];
-      (!(p in u) || typeof u[p] != "object" || u[p] === null) && (u[p] = n[c] ? [] : {}), u = u[p];
+    let c = e;
+    for (let u = 0; u < o.length - 1; u++) {
+      const p = o[u];
+      (!(p in c) || typeof c[p] != "object" || c[p] === null) && (c[p] = d[u] ? [] : {}), c = c[p];
     }
-    u[o[o.length - 1]] = l;
+    c[o[o.length - 1]] = l;
   }
   return e;
 }
-const Xt = (a, t) => {
+const Zt = (a, t) => {
   if (!t) return "div";
   if (Object.hasOwn(a.components, t))
     return a.components[t].component;
@@ -1804,186 +1828,204 @@ const Xt = (a, t) => {
       `Bonsai: unknown component type "${t}" in registry "${a.id}"@"${a.version}"`
     );
   return a.fallback && a.fallback !== "div" ? a.fallback : "div";
-}, fa = (a, t, e, r = {}) => {
+}, xa = (a, t, e, r = {}) => {
   const o = {
     key: e,
-    ...a.source?.args,
+    ...a.args,
     ...r
   };
-  for (const n of Object.keys(o))
-    (a.dynamicArgs.has(n) || Object.hasOwn(r, n)) && (o[n] = z(o[n], t));
+  for (const d of Object.keys(o))
+    if (a.dynamicArgs.has(d) || Object.hasOwn(r, d)) {
+      const l = k(o[d], t);
+      o[d] = ca.has(d) ? H(l) : l;
+    }
   return o;
 };
-function qt(a, t, e, r, o) {
+function ae(a, t, e, r, o) {
   return r[a.changeProp] ? {} : {
-    [a.changeProp]: (n) => o(t, a.extract(n)),
+    [a.changeProp]: (d) => o(t, a.extract(d)),
     [a.valueProp]: e
   };
 }
-const Yt = () => {
+const te = () => {
 };
-function Jt({
+function ee(a, t, e, r) {
+  return () => {
+    for (const { set: o, to: d } of a)
+      j(o, e.valueScope) || r($(o, e.scope), B(k(d, t)));
+  };
+}
+function re({
   node: a,
   dataSlice: t,
   elementKey: e,
   ElementType: r,
   ctrlInput: o,
-  keyPath: n,
+  keyPath: d,
   storeValue: l,
-  updateData: u,
-  children: c
+  updateData: c,
+  actionProps: u,
+  children: p
 }) {
-  const p = qt(
+  const b = ae(
     o,
-    n,
+    d,
     l,
-    a.source?.args ?? {},
-    u
-  ), f = fa(a, t, e, p);
-  return c !== void 0 ? R(r, f, c) : R(r, f);
+    a.args,
+    c
+  ), x = xa(a, t, e, { ...u, ...b });
+  return p !== void 0 ? _(r, x, p) : _(r, x);
 }
-function Qt(a, t, e) {
+function oe(a, t, e) {
   if (!Object.hasOwn(a.components, t)) return;
   const r = a.components[t].controlled;
   if (r) {
     if (typeof r == "object" && "default" in r) {
-      const o = e?.args?.type || "default", n = r;
-      return (Object.hasOwn(n, o) ? n[o] : void 0) || n.default;
+      const o = e.args?.type || "default", d = r;
+      return (Object.hasOwn(d, o) ? d[o] : void 0) || d.default;
     }
     return r;
   }
 }
-function Ce(a, t) {
+function Ee(a, t) {
   return a === "pdf" || t === "div" ? "div" : "form";
 }
-function oa(a) {
-  if (Array.isArray(a)) return a.map((t) => oa(t));
+function B(a) {
+  if (Array.isArray(a)) return a.map((t) => B(t));
   if (a !== null && typeof a == "object") {
     const t = Object.getPrototypeOf(a);
     if (t === Object.prototype || t === null) {
       const e = {};
       for (const [r, o] of Object.entries(a))
-        e[r] = oa(o);
+        e[r] = B(o);
       return e;
     }
   }
   return a;
 }
-function Pe(a, t, e, r, o, n, l, u) {
-  const c = a.source;
-  if (!c) return null;
-  const p = u.dataSlice(a, r, o);
-  if (a.isText)
-    return z(c, p);
+function Re(a, t, e, r, o, d, l, c) {
+  const u = a.source;
+  if (!u) return null;
+  const p = c.dataSlice(a, r, o);
+  if (typeof u == "string")
+    return k(u, p);
   try {
-    const f = a.type;
+    const b = a.type;
     if (a.isIf)
-      return z(c.args.condition, p) ? /* @__PURE__ */ s(E, { children: a.children.map(
-        (v, y) => u.renderChild(
-          v,
+      return k(u.args?.condition, p) ? /* @__PURE__ */ s(R, { children: a.children.map(
+        (m, y) => c.renderChild(
+          m,
           y,
           `${e}-${t}-if`,
           r,
-          O(v, y, `${e}-${t}-if`)
+          I(m, y, `${e}-${t}-if`)
         )
       ) }) : null;
     if (a.isEach) {
-      const m = a.each, { as: v, keyExpr: y, rawItemsPath: V } = m, D = z(c.args.items, p), ba = Array.isArray(D) ? D : [], va = V && !ea(V, r.valueScope) ? ra(V, r.scope) : "";
-      return /* @__PURE__ */ s(E, { children: ba.map((G, U) => {
-        const xa = u.rowCtx(r, o, G, U, m, va), H = y ? z(y, { ...p, [v]: G }) : U, F = `${e}-${t}-each-${H}`;
-        return /* @__PURE__ */ s(wa, { children: a.children.map(
-          (M, W) => u.renderChild(
-            M,
-            W,
-            F,
-            xa,
-            O(M, W, F)
+      const g = a.each, { as: m, keyExpr: y, rawItemsPath: S } = g, K = k(u.args?.items, p), wa = Array.isArray(K) ? K : [], za = S && !j(S, r.valueScope) ? $(S, r.scope) : "";
+      return /* @__PURE__ */ s(R, { children: wa.map((W, X) => {
+        const ka = c.rowCtx(r, o, W, X, g, za), q = y ? k(y, { ...p, [m]: W }) : X, Y = `${e}-${t}-each-${q}`;
+        return /* @__PURE__ */ s(ya, { children: a.children.map(
+          (J, Q) => c.renderChild(
+            J,
+            Q,
+            Y,
+            ka,
+            I(J, Q, Y)
           )
-        ) }, String(H));
+        ) }, String(q));
       }) });
     }
-    const w = Xt(n, f), T = O(a, t, e), x = Qt(n, f, c);
-    let h;
-    if (x) {
-      const m = a.argPaths[x.valueProp];
-      if (m !== void 0 && ea(m, r.valueScope))
-        h = {
-          keyPath: m,
-          storeValue: ta(r.valueScope, m),
+    const x = Zt(d, b), C = I(a, t, e), w = oe(d, b, u);
+    let v;
+    if (w) {
+      const g = a.argPaths[w.valueProp];
+      if (g !== void 0 && j(g, r.valueScope))
+        v = {
+          keyPath: g,
+          storeValue: na(r.valueScope, g),
           readOnly: !0
         };
-      else if (m !== void 0) {
-        const v = ra(m, r.scope);
-        h = {
-          keyPath: v,
-          storeValue: ta(o.data ?? o, v)
+      else if (g !== void 0) {
+        const m = $(g, r.scope);
+        v = {
+          keyPath: m,
+          storeValue: na(o.data ?? o, m)
         };
-      } else a.dynamicArgs.has(x.valueProp) && (h = {
+      } else a.dynamicArgs.has(w.valueProp) && (v = {
         keyPath: "",
-        storeValue: z(c.args[x.valueProp], p),
+        storeValue: k(u.args?.[w.valueProp], p),
         readOnly: !0
       });
     }
     if (a.isImage) {
-      const m = z(c.args?.src, p);
-      if (m === "" || m == null) return null;
-    }
-    const _ = a.children.length > 0 ? a.children.map(
-      (m, v) => u.renderChild(
+      const g = H(k(a.args.src, p));
+      if (g === "" || g == null) return null;
+    }
+    let P;
+    if (a.actions) {
+      const g = Object.hasOwn(d.components, b) ? d.components[b].capabilities : void 0;
+      P = {
+        onClick: !g || g.includes("events") ? ee(a.actions, p, r, l) : void 0
+      };
+    }
+    const O = a.children.length > 0 ? a.children.map(
+      (g, m) => c.renderChild(
+        g,
         m,
-        v,
         `${e}-${t}`,
         r,
-        O(a, v, `${e}-${t}`)
+        I(a, m, `${e}-${t}`)
       )
-    ) : void 0, b = typeof w == "string" && Kt.has(w) ? void 0 : _;
-    if (h && x)
+    ) : void 0, z = typeof x == "string" && Qt.has(x) ? void 0 : O;
+    if (v && w)
       return /* @__PURE__ */ s(
-        Jt,
+        re,
         {
           node: a,
           dataSlice: p,
-          elementKey: T,
-          ElementType: w,
-          ctrlInput: x,
-          keyPath: h.keyPath,
-          storeValue: h.storeValue,
-          updateData: h.readOnly ? Yt : l,
-          children: b
+          elementKey: C,
+          ElementType: x,
+          ctrlInput: w,
+          keyPath: v.keyPath,
+          storeValue: v.storeValue,
+          updateData: v.readOnly ? te : l,
+          actionProps: P,
+          children: z
         }
       );
-    const A = fa(a, p, T);
-    return b !== void 0 ? R(w, A, b) : R(w, A);
-  } catch (f) {
-    return console.error(`Error at ${e}-${t}:`, f), null;
+    const h = xa(a, p, C, P);
+    return z !== void 0 ? _(x, h, z) : _(x, h);
+  } catch (b) {
+    return console.error(`Error at ${e}-${t}:`, b), null;
   }
 }
 export {
-  ke as B,
-  ct as I,
-  Kt as V,
-  Ft as a,
-  Mt as b,
-  Ht as c,
-  we as d,
-  xe as e,
-  Ut as f,
-  gt as g,
-  bt as h,
-  ve as i,
-  Wt as j,
-  Pe as k,
-  Ne as l,
-  ta as m,
-  oa as n,
-  Xt as o,
-  O as p,
-  fa as q,
-  Ce as r,
-  ye as s,
-  ha as t,
-  ze as u,
-  ra as v,
-  ga as w
+  Ae as B,
+  ht as I,
+  Qt as V,
+  qt as a,
+  Yt as b,
+  Xt as c,
+  Pe as d,
+  Ne as e,
+  Wt as f,
+  vt as g,
+  kt as h,
+  Ce as i,
+  Jt as j,
+  Re as k,
+  Ie as l,
+  na as m,
+  B as n,
+  Zt as o,
+  I as p,
+  xa as q,
+  Ee as r,
+  Oe as s,
+  va as t,
+  Te as u,
+  $ as v,
+  ha as w
 };
-//# sourceMappingURL=render-shared-Ci28BpkI.js.map
+//# sourceMappingURL=render-shared-Cwb527d4.js.map