@pebble-software/bonsai 0.0.8 → 0.1.1

package/dist/presets/signature.js

@@ -0,0 +1,405 @@
+import { COMPONENT as C } from "../constants.js";
+import { jsx as a, jsxs as u } from "react/jsx-runtime";
+import { useState as S, useRef as x, useCallback as D, useEffect as v } from "react";
+import { c as n, H as G, B as L } from "../chunks/button-jfJanilw.js";
+import { Tabs as _ } from "@base-ui/react/tabs";
+import { cva as B } from "class-variance-authority";
+import { useWebHaptics as U } from "web-haptics/react";
+import F from "react-signature-canvas";
+import { IconWriting as O, IconTextSize as $, IconEraser as H } from "@tabler/icons-react";
+import { u as W, I as V, g as X, h as Z } from "../chunks/render-shared-Ci28BpkI.js";
+function q({
+  className: r,
+  orientation: s = "horizontal",
+  ...i
+}) {
+  return /* @__PURE__ */ a(
+    _.Root,
+    {
+      "data-slot": "tabs",
+      "data-orientation": s,
+      className: n(
+        "gap-2 group/tabs flex",
+        "data-[orientation=horizontal]:flex-col",
+        "data-[orientation=vertical]:w-full",
+        r
+      ),
+      ...i
+    }
+  );
+}
+const Y = B(
+  "overflow-auto inline-flex bg-transparent w-fit items-start justify-start group-data-horizontal/tabs:h-9 group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col",
+  {
+    variants: {
+      variant: {
+        default: "gap-1.5 border-2 rounded-base p-[calc(var(--trigger-translate)+6px)]",
+        ghost: "gap-1 border-none rounded-none p-[calc(var(--trigger-translate)+6px)]",
+        icon: "gap-1.5 border-2 rounded-base p-[calc(var(--trigger-translate)+6px)]",
+        contained: "gap-0 border-0 rounded-md p-[calc(var(--trigger-translate)+2px)]"
+      },
+      size: {
+        sm: "",
+        md: "",
+        lg: "",
+        xl: ""
+      },
+      extrude: {
+        default: "[--trigger-shadow:var(--shadow-none)] [--trigger-translate:0px] [--focus-trigger-translate:0px]",
+        xs: "[--trigger-shadow:var(--shadow-min)] [--trigger-translate:1px] [--focus-trigger-shadow:var(--shadow-none)] [--focus-trigger-translate:0px]",
+        sm: "[--trigger-shadow:var(--shadow-xs)] [--trigger-translate:2px] [--focus-trigger-shadow:var(--shadow-min)] [--focus-trigger-translate:1px]",
+        md: "[--trigger-shadow:var(--shadow-sm)] [--trigger-translate:3px] [--focus-trigger-shadow:var(--shadow-xs)] [--focus-trigger-translate:2px]",
+        lg: "[--trigger-shadow:var(--shadow-md)] [--trigger-translate:4px] [--focus-trigger-shadow:var(--shadow-xs)] [--focus-trigger-translate:2px]",
+        xl: "[--trigger-shadow:var(--shadow-lg)] [--trigger-translate:5px] [--focus-trigger-shadow:var(--shadow-xs)] [--focus-trigger-translate:2px]"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "md",
+      extrude: "default"
+    }
+  }
+);
+function J({
+  className: r,
+  variant: s = "default",
+  size: i = "md",
+  extrude: d = "default",
+  ...c
+}) {
+  return /* @__PURE__ */ a(
+    _.List,
+    {
+      "data-slot": "tabs-list",
+      "data-variant": s,
+      "data-size": i,
+      className: n(
+        Y({ variant: s, size: i, extrude: d }),
+        "group/tabs-list",
+        r
+      ),
+      ...c
+    }
+  );
+}
+function R({
+  label: r,
+  description: s,
+  children: i,
+  className: d,
+  onClick: c,
+  ...t
+}) {
+  const { trigger: l } = U();
+  return /* @__PURE__ */ u(
+    _.Tab,
+    {
+      "data-slot": "tabs-trigger",
+      "aria-label": t.value ?? "tabs-trigger",
+      className: n(
+        "group/tabs-trigger neo-base relative inline-flex flex-1 items-center justify-center overflow-hidden cursor-pointer rounded-base border-2 py-1",
+        "bg-surface data-active:bg-main",
+        "font-medium h-[calc(100%-1px)] whitespace-nowrap [&_svg]:shrink-0",
+        "transition-[translate,box-shadow,border,color] duration-200",
+        "aria-disabled:pointer-events-none aria-disabled:opacity-50 aria-disabled:shadow-none aria-disabled:translate-0",
+        "group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start",
+        "active:shadow-none active:translate-0",
+        "data-active:shadow-(--trigger-shadow) data-active:-translate-(--trigger-translate)",
+        "hover:shadow-(--trigger-shadow) hover:-translate-(--trigger-translate)",
+        "focus-visible:shadow-(--focus-trigger-shadow) focus-visible:-translate-(--focus-trigger-translate)",
+        "focus-visible:hover:-translate-(--focus-trigger-translate) focus-visible:**:font-semibold",
+        "group-data-[size=xl]/tabs-list:min-h-12",
+        "group-data-[size=sm]/tabs-list:[&_svg:not([class*='size-'])]:size-4",
+        "group-data-[size=md]/tabs-list:[&_svg:not([class*='size-'])]:size-5",
+        "group-data-[size=lg]/tabs-list:[&_svg:not([class*='size-'])]:size-6",
+        "group-data-[size=xl]/tabs-list:[&_svg:not([class*='size-'])]:size-7",
+        "group-data-[variant=default]/tabs-list:group-data-[size=sm]/tabs-list:px-3",
+        "group-data-[variant=default]/tabs-list:group-data-[size=md]/tabs-list:px-4",
+        "group-data-[variant=default]/tabs-list:group-data-[size=lg]/tabs-list:px-5",
+        "group-data-[variant=default]/tabs-list:group-data-[size=xl]/tabs-list:px-6",
+        "group-data-[variant=ghost]/tabs-list:group-data-[size=sm]/tabs-list:px-3",
+        "group-data-[variant=ghost]/tabs-list:group-data-[size=md]/tabs-list:px-4",
+        "group-data-[variant=ghost]/tabs-list:group-data-[size=lg]/tabs-list:px-5",
+        "group-data-[variant=ghost]/tabs-list:group-data-[size=xl]/tabs-list:px-6",
+        "group-data-[variant=ghost]/tabs-list:border-none",
+        "group-data-[variant=ghost]/tabs-list:data-active:bg-transparent group-data-[variant=ghost]/tabs-list:shadow-none",
+        "group-data-[variant=icon]/tabs-list:group-data-[size=sm]/tabs-list:px-1.5",
+        "group-data-[variant=icon]/tabs-list:group-data-[size=md]/tabs-list:px-2",
+        "group-data-[variant=icon]/tabs-list:group-data-[size=lg]/tabs-list:px-2.5",
+        "group-data-[variant=icon]/tabs-list:group-data-[size=xl]/tabs-list:px-3",
+        "group-data-[variant=icon]/tabs-list:m-auto group-data-[variant=icon]/tabs-list:max-w-fit group-data-[variant=icon]/tabs-list:aspect-square group-data-[variant=icon]/tabs-list:items-center group-data-[variant=icon]/tabs-list:justify-center group-data-[variant=icon]/tabs-list:hover:border-foreground group-data-[variant=icon]/tabs-list:border-transparent group-data-[variant=icon]/tabs-list:data-active:border-border",
+        "group-data-[variant=contained]/tabs-list:group-data-[size=sm]/tabs-list:px-3",
+        "group-data-[variant=contained]/tabs-list:group-data-[size=md]/tabs-list:px-4",
+        "group-data-[variant=contained]/tabs-list:group-data-[size=lg]/tabs-list:px-5",
+        "group-data-[variant=contained]/tabs-list:group-data-[size=xl]/tabs-list:px-6",
+        "group-data-[orientation=horizontal]/tabs:group-data-[variant=contained]/tabs-list:not-last:rounded-r-none group-data-[orientation=horizontal]/tabs:group-data-[variant=contained]/tabs-list:not-first:rounded-l-none group-data-[orientation=vertical]/tabs:group-data-[variant=contained]/tabs-list:not-last:rounded-b-none group-data-[orientation=vertical]/tabs:group-data-[variant=contained]/tabs-list:not-first:rounded-t-none group-data-[variant=contained]/tabs-list:-m-px",
+        i ? "gap-1.5" : "flex-col gap-0.5",
+        d
+      ),
+      onClick: (o) => {
+        l(G), c?.(o);
+      },
+      ...t,
+      children: [
+        r && /* @__PURE__ */ a(
+          "span",
+          {
+            "data-slot": "tabs-trigger-label",
+            className: n(
+              "[&_svg]:pointer-events-none [&_svg]:shrink-0 font-medium font-heading",
+              "group-data-[size=sm]/tabs-list:text-sm",
+              "group-data-[size=md]/tabs-list:text-base",
+              "group-data-[size=lg]/tabs-list:text-lg",
+              "group-data-[size=xl]/tabs-list:text-2xl"
+            ),
+            children: r
+          }
+        ),
+        s && /* @__PURE__ */ a(
+          "span",
+          {
+            "data-slot": "tabs-trigger-description",
+            className: n(
+              "[&_svg]:pointer-events-none [&_svg]:shrink-0 whitespace-normal",
+              "group-data-[size=sm]/tabs-list:text-xs",
+              "group-data-[size=md]/tabs-list:text-sm",
+              "group-data-[size=lg]/tabs-list:text-base",
+              "group-data-[size=xl]/tabs-list:text-lg"
+            ),
+            children: s
+          }
+        ),
+        i,
+        /* @__PURE__ */ a(
+          "div",
+          {
+            "data-slot": "tabs-trigger-indicator",
+            className: n(
+              "pointer-events-none h-[3px] rounded-full bg-foreground absolute hidden bottom-0 left-1 right-1",
+              "group-data-[variant=ghost]/tabs-list:group-data-active/tabs-trigger:block"
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+const E = '"Great Vibes", cursive', K = 64, Q = 24, tt = 20;
+function k({
+  canvas: r,
+  text: s,
+  width: i,
+  height: d,
+  ratio: c
+}) {
+  const t = r.getContext("2d");
+  if (!t) return !1;
+  const l = Math.max(1, Math.floor(i)), o = Math.max(1, Math.floor(d)), p = Math.max(c || 1, 1);
+  r.width = Math.max(1, Math.floor(l * p)), r.height = Math.max(1, Math.floor(o * p)), t.setTransform(p, 0, 0, p, 0, 0), t.clearRect(0, 0, l, o);
+  const g = s.trim();
+  if (!g) return !1;
+  const f = Math.max(1, l - tt * 2);
+  t.fillStyle = "#000", t.textAlign = "center", t.textBaseline = "middle";
+  let b = K;
+  for (; b > Q && (t.font = `${b}px ${E}`, !(t.measureText(g).width <= f)); )
+    b -= 1;
+  return t.font = `${b}px ${E}`, t.fillText(g, l / 2, o / 2, f), !0;
+}
+function at({
+  value: r,
+  onChange: s,
+  canvasClassname: i,
+  imageType: d = "image/png"
+}) {
+  const c = W(), [t, l] = S("sign"), [o, p] = S(""), g = x(null), f = x(null), b = x(s), w = x(r ?? null), N = x(!1), z = x({ width: 0, height: 0 }), m = D((e) => {
+    w.current !== e && (w.current = e, b.current?.(e));
+  }, []);
+  v(() => {
+    b.current = s;
+  }, [s]), v(() => {
+    w.current = r ?? null;
+  }, [r]), v(() => {
+    if (N.current || (N.current = !0, !r || t !== "sign")) return;
+    const e = g.current;
+    if (e)
+      try {
+        e.fromDataURL(r);
+      } catch {
+        e.clear();
+      }
+  }, []), v(() => {
+    if (t !== "type") return;
+    const e = f.current;
+    if (!e) return;
+    if (z.current.width === 0) {
+      const I = e.getBoundingClientRect();
+      z.current = {
+        width: Math.max(1, Math.floor(I.width)),
+        height: Math.max(1, Math.floor(I.height))
+      };
+    }
+    const h = z.current;
+    if (!h.width || !h.height) return;
+    const M = window.devicePixelRatio || 1;
+    if (!k({
+      canvas: e,
+      text: o,
+      width: h.width,
+      height: h.height,
+      ratio: M
+    })) {
+      m(null);
+      return;
+    }
+    const y = document.createElement("canvas");
+    k({
+      canvas: y,
+      text: o,
+      width: h.width,
+      height: h.height,
+      ratio: M
+    }), m(y.toDataURL(d));
+  }, [t, o, d, m]);
+  const T = () => {
+    g.current?.clear(), p(""), m(null);
+  }, A = () => {
+    if (t !== "sign") return;
+    const e = g.current?.toDataURL(d) ?? null;
+    m(e);
+  }, j = (e) => {
+    e !== t && (T(), l(e));
+  }, P = (e) => {
+    p(e.target.value);
+  };
+  return c === "pdf" ? /* @__PURE__ */ a("div", { id: "signature", className: "w-full", children: r ? /* @__PURE__ */ a(
+    "img",
+    {
+      src: r,
+      alt: "Signature",
+      className: n(
+        "w-full h-[256px] object-contain",
+        "bg-size-[32px_32px] bg-surface",
+        "bg-[linear-gradient(to_right,#80808022_1px,transparent_1px),linear-gradient(to_bottom,#80808022_1px,transparent_1px)]",
+        "border-border border-2 rounded-base",
+        i
+      )
+    }
+  ) : /* @__PURE__ */ a(
+    "div",
+    {
+      "aria-label": "Unsigned",
+      className: n(
+        "w-full h-[256px] flex items-end",
+        "bg-size-[32px_32px] bg-surface",
+        "bg-[linear-gradient(to_right,#80808022_1px,transparent_1px),linear-gradient(to_bottom,#80808022_1px,transparent_1px)]",
+        "border-border border-2 rounded-base",
+        i
+      ),
+      children: /* @__PURE__ */ a("div", { className: "w-full border-t-2 border-dashed border-border mx-6 mb-8 pb-1 text-center text-sm text-muted-foreground", children: "Signature" })
+    }
+  ) }) : /* @__PURE__ */ a("div", { id: "signature", children: /* @__PURE__ */ u(
+    V,
+    {
+      className: n(
+        t === "type" ? "max-h-84" : "max-h-69",
+        "overflow-hidden transition-[max-height]  duration-300 has-[>[data-align=block-start]]:p-2 gap-2"
+      ),
+      children: [
+        /* @__PURE__ */ a(X, { align: "block-start", className: "p-0!", children: /* @__PURE__ */ u("div", { className: "relative w-full rounded-base", children: [
+          /* @__PURE__ */ u("div", { className: "absolute top-4 left-4 right-3 bg-transparent flex flex-row items-start justify-between gap-3", children: [
+            /* @__PURE__ */ a(
+              q,
+              {
+                value: t,
+                onValueChange: (e) => j(e),
+                className: "-mt-1",
+                children: /* @__PURE__ */ u(J, { variant: "contained", extrude: "sm", size: "md", children: [
+                  /* @__PURE__ */ u(R, { value: "sign", children: [
+                    /* @__PURE__ */ a(O, {}),
+                    /* @__PURE__ */ a("span", { className: "hidden sm:flex", children: "Draw" })
+                  ] }),
+                  /* @__PURE__ */ u(R, { value: "type", children: [
+                    /* @__PURE__ */ a($, {}),
+                    /* @__PURE__ */ a("span", { className: "hidden sm:flex", children: "Type" })
+                  ] })
+                ] })
+              }
+            ),
+            /* @__PURE__ */ u(
+              L,
+              {
+                size: "sm",
+                raised: "xs",
+                variant: "outline",
+                onClick: T,
+                children: [
+                  /* @__PURE__ */ a(H, {}),
+                  /* @__PURE__ */ a("span", { className: "hidden sm:flex", children: "Clear" })
+                ]
+              }
+            )
+          ] }),
+          t === "sign" ? /* @__PURE__ */ a(
+            F,
+            {
+              ref: g,
+              onEnd: A,
+              canvasProps: {
+                className: i ?? n(
+                  "w-full h-[256px]",
+                  "bg-size-[32px_32px] bg-surface",
+                  "bg-[linear-gradient(to_right,#80808022_1px,transparent_1px),linear-gradient(to_bottom,#80808022_1px,transparent_1px)]",
+                  "inset-shadow-sm",
+                  "border-border border-2 rounded-base",
+                  "cursor-crosshair"
+                )
+              }
+            }
+          ) : /* @__PURE__ */ a(
+            "canvas",
+            {
+              ref: f,
+              className: n(
+                "w-full h-64",
+                "bg-size-[32px_32px] bg-surface",
+                "bg-[linear-gradient(to_right,#80808022_1px,transparent_1px),linear-gradient(to_bottom,#80808022_1px,transparent_1px)]",
+                "inset-shadow-sm",
+                "border-border border-2 rounded-base"
+              )
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ a(
+          Z,
+          {
+            disabled: t !== "type",
+            className: n(
+              t === "type" ? "animate-in zoom-in-0 spin-in-20 scale-100" : "animate-out zoom-out-0 spin-out-20 scale-0",
+              "py-2 text-lg font-medium transition-[scale,translate,box-shadow] duration-300 origin-bottom-left"
+            ),
+            placeholder: "Enter Full Name",
+            value: o,
+            onChange: P
+          }
+        )
+      ]
+    }
+  ) });
+}
+const pt = {
+  components: {
+    [C.SIGNATURE]: at
+  },
+  controlledInputs: {
+    [C.SIGNATURE]: {
+      valueProp: "value",
+      changeProp: "onChange",
+      extractor: (r) => r
+    }
+  }
+};
+export {
+  at as Signature,
+  pt as signaturePreset
+};
+//# sourceMappingURL=signature.js.map

package/dist/presets/signature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"signature.js","sources":["../../src/components/ui/tabs.tsx","../../src/components/ui/signature-pad.tsx","../../src/renderer/presets/signature.ts"],"sourcesContent":["\"use client\";\n\nimport { Tabs as TabsPrimitive } from \"@base-ui/react/tabs\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"@/lib/utils\";\nimport { useHaptics, HAPTIC_TAB } from \"@/lib/haptics\";\n\nfunction Tabs({\n  className,\n  orientation = \"horizontal\",\n  ...props\n}: TabsPrimitive.Root.Props) {\n  return (\n    <TabsPrimitive.Root\n      data-slot=\"tabs\"\n      data-orientation={orientation}\n      className={cn(\n        \"gap-2 group/tabs flex\",\n        \"data-[orientation=horizontal]:flex-col\",\n        \"data-[orientation=vertical]:w-full\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nconst tabsListVariants = cva(\n  \"overflow-auto inline-flex bg-transparent w-fit items-start justify-start group-data-horizontal/tabs:h-9 group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col\",\n  {\n    variants: {\n      variant: {\n        default:\n          \"gap-1.5 border-2 rounded-base p-[calc(var(--trigger-translate)+6px)]\",\n        ghost:\n          \"gap-1 border-none rounded-none p-[calc(var(--trigger-translate)+6px)]\",\n        icon: \"gap-1.5 border-2 rounded-base p-[calc(var(--trigger-translate)+6px)]\",\n        contained:\n          \"gap-0 border-0 rounded-md p-[calc(var(--trigger-translate)+2px)]\",\n      },\n      size: {\n        sm: \"\",\n        md: \"\",\n        lg: \"\",\n        xl: \"\",\n      },\n      extrude: {\n        default:\n          \"[--trigger-shadow:var(--shadow-none)] [--trigger-translate:0px] [--focus-trigger-translate:0px]\",\n        xs: \"[--trigger-shadow:var(--shadow-min)] [--trigger-translate:1px] [--focus-trigger-shadow:var(--shadow-none)] [--focus-trigger-translate:0px]\",\n        sm: \"[--trigger-shadow:var(--shadow-xs)] [--trigger-translate:2px] [--focus-trigger-shadow:var(--shadow-min)] [--focus-trigger-translate:1px]\",\n        md: \"[--trigger-shadow:var(--shadow-sm)] [--trigger-translate:3px] [--focus-trigger-shadow:var(--shadow-xs)] [--focus-trigger-translate:2px]\",\n        lg: \"[--trigger-shadow:var(--shadow-md)] [--trigger-translate:4px] [--focus-trigger-shadow:var(--shadow-xs)] [--focus-trigger-translate:2px]\",\n        xl: \"[--trigger-shadow:var(--shadow-lg)] [--trigger-translate:5px] [--focus-trigger-shadow:var(--shadow-xs)] [--focus-trigger-translate:2px]\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"md\",\n      extrude: \"default\",\n    },\n  },\n);\n\nfunction TabsList({\n  className,\n  variant = \"default\",\n  size = \"md\",\n  extrude = \"default\",\n  ...props\n}: TabsPrimitive.List.Props & VariantProps<typeof tabsListVariants>) {\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      data-variant={variant}\n      data-size={size}\n      className={cn(\n        tabsListVariants({ variant, size, extrude }),\n        \"group/tabs-list\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TabsTrigger({\n  label,\n  description,\n  children,\n  className,\n  onClick,\n  ...props\n}: TabsPrimitive.Tab.Props & {\n  label?: React.ReactNode;\n  description?: React.ReactNode;\n}) {\n  const { trigger } = useHaptics();\n  return (\n    <TabsPrimitive.Tab\n      data-slot=\"tabs-trigger\"\n      aria-label={props.value ?? \"tabs-trigger\"}\n      className={cn(\n        \"group/tabs-trigger neo-base relative inline-flex flex-1 items-center justify-center overflow-hidden cursor-pointer rounded-base border-2 py-1\",\n        \"bg-surface data-active:bg-main\",\n        \"font-medium h-[calc(100%-1px)] whitespace-nowrap [&_svg]:shrink-0\",\n        \"transition-[translate,box-shadow,border,color] duration-200\",\n        \"aria-disabled:pointer-events-none aria-disabled:opacity-50 aria-disabled:shadow-none aria-disabled:translate-0\",\n        \"group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start\",\n\n        \"active:shadow-none active:translate-0\",\n        \"data-active:shadow-(--trigger-shadow) data-active:-translate-(--trigger-translate)\",\n        \"hover:shadow-(--trigger-shadow) hover:-translate-(--trigger-translate)\",\n        \"focus-visible:shadow-(--focus-trigger-shadow) focus-visible:-translate-(--focus-trigger-translate)\",\n        \"focus-visible:hover:-translate-(--focus-trigger-translate) focus-visible:**:font-semibold\",\n\n        \"group-data-[size=xl]/tabs-list:min-h-12\",\n\n        \"group-data-[size=sm]/tabs-list:[&_svg:not([class*='size-'])]:size-4\",\n        \"group-data-[size=md]/tabs-list:[&_svg:not([class*='size-'])]:size-5\",\n        \"group-data-[size=lg]/tabs-list:[&_svg:not([class*='size-'])]:size-6\",\n        \"group-data-[size=xl]/tabs-list:[&_svg:not([class*='size-'])]:size-7\",\n\n        \"group-data-[variant=default]/tabs-list:group-data-[size=sm]/tabs-list:px-3\",\n        \"group-data-[variant=default]/tabs-list:group-data-[size=md]/tabs-list:px-4\",\n        \"group-data-[variant=default]/tabs-list:group-data-[size=lg]/tabs-list:px-5\",\n        \"group-data-[variant=default]/tabs-list:group-data-[size=xl]/tabs-list:px-6\",\n\n        \"group-data-[variant=ghost]/tabs-list:group-data-[size=sm]/tabs-list:px-3\",\n        \"group-data-[variant=ghost]/tabs-list:group-data-[size=md]/tabs-list:px-4\",\n        \"group-data-[variant=ghost]/tabs-list:group-data-[size=lg]/tabs-list:px-5\",\n        \"group-data-[variant=ghost]/tabs-list:group-data-[size=xl]/tabs-list:px-6\",\n        \"group-data-[variant=ghost]/tabs-list:border-none\",\n        \"group-data-[variant=ghost]/tabs-list:data-active:bg-transparent group-data-[variant=ghost]/tabs-list:shadow-none\",\n\n        \"group-data-[variant=icon]/tabs-list:group-data-[size=sm]/tabs-list:px-1.5\",\n        \"group-data-[variant=icon]/tabs-list:group-data-[size=md]/tabs-list:px-2\",\n        \"group-data-[variant=icon]/tabs-list:group-data-[size=lg]/tabs-list:px-2.5\",\n        \"group-data-[variant=icon]/tabs-list:group-data-[size=xl]/tabs-list:px-3\",\n        \"group-data-[variant=icon]/tabs-list:m-auto group-data-[variant=icon]/tabs-list:max-w-fit group-data-[variant=icon]/tabs-list:aspect-square group-data-[variant=icon]/tabs-list:items-center group-data-[variant=icon]/tabs-list:justify-center group-data-[variant=icon]/tabs-list:hover:border-foreground group-data-[variant=icon]/tabs-list:border-transparent group-data-[variant=icon]/tabs-list:data-active:border-border\",\n\n        \"group-data-[variant=contained]/tabs-list:group-data-[size=sm]/tabs-list:px-3\",\n        \"group-data-[variant=contained]/tabs-list:group-data-[size=md]/tabs-list:px-4\",\n        \"group-data-[variant=contained]/tabs-list:group-data-[size=lg]/tabs-list:px-5\",\n        \"group-data-[variant=contained]/tabs-list:group-data-[size=xl]/tabs-list:px-6\",\n        \"group-data-[orientation=horizontal]/tabs:group-data-[variant=contained]/tabs-list:not-last:rounded-r-none group-data-[orientation=horizontal]/tabs:group-data-[variant=contained]/tabs-list:not-first:rounded-l-none group-data-[orientation=vertical]/tabs:group-data-[variant=contained]/tabs-list:not-last:rounded-b-none group-data-[orientation=vertical]/tabs:group-data-[variant=contained]/tabs-list:not-first:rounded-t-none group-data-[variant=contained]/tabs-list:-m-px\",\n\n        children ? \"gap-1.5\" : \"flex-col gap-0.5\",\n        className,\n      )}\n      onClick={(event) => {\n        trigger(HAPTIC_TAB);\n        onClick?.(event);\n      }}\n      {...props}\n    >\n      {label && (\n        <span\n          data-slot=\"tabs-trigger-label\"\n          className={cn(\n            \"[&_svg]:pointer-events-none [&_svg]:shrink-0 font-medium font-heading\",\n            \"group-data-[size=sm]/tabs-list:text-sm\",\n            \"group-data-[size=md]/tabs-list:text-base\",\n            \"group-data-[size=lg]/tabs-list:text-lg\",\n            \"group-data-[size=xl]/tabs-list:text-2xl\",\n          )}\n        >\n          {label}\n        </span>\n      )}\n      {description && (\n        <span\n          data-slot=\"tabs-trigger-description\"\n          className={cn(\n            \"[&_svg]:pointer-events-none [&_svg]:shrink-0 whitespace-normal\",\n            \"group-data-[size=sm]/tabs-list:text-xs\",\n            \"group-data-[size=md]/tabs-list:text-sm\",\n            \"group-data-[size=lg]/tabs-list:text-base\",\n            \"group-data-[size=xl]/tabs-list:text-lg\",\n          )}\n        >\n          {description}\n        </span>\n      )}\n      {children}\n      <div\n        data-slot=\"tabs-trigger-indicator\"\n        className={cn(\n          \"pointer-events-none h-[3px] rounded-full bg-foreground absolute hidden bottom-0 left-1 right-1\",\n          \"group-data-[variant=ghost]/tabs-list:group-data-active/tabs-trigger:block\",\n        )}\n      />\n    </TabsPrimitive.Tab>\n  );\n}\n\nfunction TabsContent({ className, ...props }: TabsPrimitive.Panel.Props) {\n  return (\n    <TabsPrimitive.Panel\n      data-slot=\"tabs-content\"\n      className={cn(\n        \"text-sm flex-1 neo-base border-l-2 border-l-transparent focus-visible:border-l-border -ml-0.5 pl-0.5\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants };\n","\"use client\";\n\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { Button } from \"./button\";\nimport { Tabs, TabsList, TabsTrigger } from \"./tabs\";\nimport SignatureCanvas from \"react-signature-canvas\";\nimport type { ChangeEvent } from \"react\";\nimport { IconEraser, IconWriting, IconTextSize } from \"@tabler/icons-react\";\nimport { InputGroup, InputGroupAddon, InputGroupInput } from \"./input-group\";\nimport { cn } from \"@/lib/utils\";\nimport { useBonsaiRenderMode } from \"../core/bonsai\";\n\nexport type SignatureProps = {\n  value?: string | null;\n  onChange?: (value: string | null) => void;\n  canvasClassname?: string;\n  imageType?: \"image/png\" | \"image/jpeg\" | \"image/webp\";\n};\n\nconst FONT_FAMILY = '\"Great Vibes\", cursive';\nconst FONT_SIZE_MAX = 64;\nconst FONT_SIZE_MIN = 24;\nconst TEXT_PADDING_X = 20;\n\nfunction renderTypedSignature({\n  canvas,\n  text,\n  width,\n  height,\n  ratio,\n}: {\n  canvas: HTMLCanvasElement;\n  text: string;\n  width: number;\n  height: number;\n  ratio: number;\n}) {\n  const ctx = canvas.getContext(\"2d\");\n  if (!ctx) return false;\n\n  const displayWidth = Math.max(1, Math.floor(width));\n  const displayHeight = Math.max(1, Math.floor(height));\n  const pixelRatio = Math.max(ratio || 1, 1);\n\n  canvas.width = Math.max(1, Math.floor(displayWidth * pixelRatio));\n  canvas.height = Math.max(1, Math.floor(displayHeight * pixelRatio));\n  ctx.setTransform(pixelRatio, 0, 0, pixelRatio, 0, 0);\n  ctx.clearRect(0, 0, displayWidth, displayHeight);\n\n  const value = text.trim();\n  if (!value) return false;\n\n  const maxTextWidth = Math.max(1, displayWidth - TEXT_PADDING_X * 2);\n\n  ctx.fillStyle = \"#000\";\n  ctx.textAlign = \"center\";\n  ctx.textBaseline = \"middle\";\n\n  let fontSize = FONT_SIZE_MAX;\n  while (fontSize > FONT_SIZE_MIN) {\n    ctx.font = `${fontSize}px ${FONT_FAMILY}`;\n    if (ctx.measureText(value).width <= maxTextWidth) break;\n    fontSize -= 1;\n  }\n\n  ctx.font = `${fontSize}px ${FONT_FAMILY}`;\n  ctx.fillText(value, displayWidth / 2, displayHeight / 2, maxTextWidth);\n\n  return true;\n}\n\nexport function Signature({\n  value,\n  onChange,\n  canvasClassname,\n  imageType = \"image/png\",\n}: SignatureProps) {\n  const renderMode = useBonsaiRenderMode();\n  const [mode, setMode] = useState<\"sign\" | \"type\">(\"sign\");\n  const [text, setText] = useState(\"\");\n\n  const signature = useRef<SignatureCanvas | null>(null);\n  const textCanvas = useRef<HTMLCanvasElement | null>(null);\n  const onChangeRef = useRef(onChange);\n  const lastEmittedValue = useRef<string | null>(value ?? null);\n  const initialized = useRef(false);\n  const textCanvasSizeRef = useRef({ width: 0, height: 0 });\n\n  const emitChange = useCallback((nextValue: string | null) => {\n    if (lastEmittedValue.current === nextValue) return;\n    lastEmittedValue.current = nextValue;\n    onChangeRef.current?.(nextValue);\n  }, []);\n\n  useEffect(() => {\n    onChangeRef.current = onChange;\n  }, [onChange]);\n\n  useEffect(() => {\n    lastEmittedValue.current = value ?? null;\n  }, [value]);\n\n  useEffect(() => {\n    if (initialized.current) return;\n    initialized.current = true;\n\n    if (!value || mode !== \"sign\") return;\n    const instance = signature.current;\n    if (!instance) return;\n\n    try {\n      instance.fromDataURL(value);\n    } catch {\n      instance.clear();\n    }\n  }, []);\n\n  useEffect(() => {\n    if (mode !== \"type\") return;\n\n    const canvas = textCanvas.current;\n    if (!canvas) return;\n\n    if (textCanvasSizeRef.current.width === 0) {\n      const rect = canvas.getBoundingClientRect();\n      textCanvasSizeRef.current = {\n        width: Math.max(1, Math.floor(rect.width)),\n        height: Math.max(1, Math.floor(rect.height)),\n      };\n    }\n\n    const size = textCanvasSizeRef.current;\n    if (!size.width || !size.height) return;\n\n    const ratio = window.devicePixelRatio || 1;\n    const hasText = renderTypedSignature({\n      canvas,\n      text,\n      width: size.width,\n      height: size.height,\n      ratio,\n    });\n\n    if (!hasText) {\n      emitChange(null);\n      return;\n    }\n\n    const exportCanvas = document.createElement(\"canvas\");\n    renderTypedSignature({\n      canvas: exportCanvas,\n      text,\n      width: size.width,\n      height: size.height,\n      ratio,\n    });\n\n    emitChange(exportCanvas.toDataURL(imageType));\n  }, [mode, text, imageType, emitChange]);\n\n  const clearSignature = () => {\n    signature.current?.clear();\n    setText(\"\");\n    emitChange(null);\n  };\n\n  const handleDrawEnd = () => {\n    if (mode !== \"sign\") return;\n    const data = signature.current?.toDataURL(imageType) ?? null;\n    emitChange(data);\n  };\n\n  const handleModeChange = (next: \"sign\" | \"type\") => {\n    if (next === mode) return;\n    clearSignature();\n    setMode(next);\n  };\n\n  const handleTextChange = (event: ChangeEvent<HTMLInputElement>) => {\n    setText(event.target.value);\n  };\n\n  // In a non-interactive document there is no client JS to draw a canvas, so\n  // the captured value (a base64 data URI baked in at capture time) is shown as\n  // a plain image, and an unsigned pad as an empty signature line — never the\n  // interactive control, which would render as a blank grid with a toolbar.\n  if (renderMode === \"pdf\") {\n    return (\n      <div id=\"signature\" className=\"w-full\">\n        {value ? (\n          <img\n            src={value}\n            alt=\"Signature\"\n            className={cn(\n              \"w-full h-[256px] object-contain\",\n              \"bg-size-[32px_32px] bg-surface\",\n              \"bg-[linear-gradient(to_right,#80808022_1px,transparent_1px),linear-gradient(to_bottom,#80808022_1px,transparent_1px)]\",\n              \"border-border border-2 rounded-base\",\n              canvasClassname,\n            )}\n          />\n        ) : (\n          <div\n            aria-label=\"Unsigned\"\n            className={cn(\n              \"w-full h-[256px] flex items-end\",\n              \"bg-size-[32px_32px] bg-surface\",\n              \"bg-[linear-gradient(to_right,#80808022_1px,transparent_1px),linear-gradient(to_bottom,#80808022_1px,transparent_1px)]\",\n              \"border-border border-2 rounded-base\",\n              canvasClassname,\n            )}\n          >\n            <div className=\"w-full border-t-2 border-dashed border-border mx-6 mb-8 pb-1 text-center text-sm text-muted-foreground\">\n              Signature\n            </div>\n          </div>\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <div id=\"signature\">\n      <InputGroup\n        className={cn(\n          mode === \"type\" ? \"max-h-84\" : \"max-h-69\",\n          \"overflow-hidden transition-[max-height]  duration-300 has-[>[data-align=block-start]]:p-2 gap-2\",\n        )}\n      >\n        <InputGroupAddon align=\"block-start\" className=\"p-0!\">\n          <div className=\"relative w-full rounded-base\">\n            <div className=\"absolute top-4 left-4 right-3 bg-transparent flex flex-row items-start justify-between gap-3\">\n              <Tabs\n                value={mode}\n                onValueChange={(next) =>\n                  handleModeChange(next as \"sign\" | \"type\")\n                }\n                className=\"-mt-1\"\n              >\n                <TabsList variant=\"contained\" extrude=\"sm\" size=\"md\">\n                  <TabsTrigger value=\"sign\">\n                    <IconWriting />\n                    <span className=\"hidden sm:flex\">Draw</span>\n                  </TabsTrigger>\n                  <TabsTrigger value=\"type\">\n                    <IconTextSize />\n                    <span className=\"hidden sm:flex\">Type</span>\n                  </TabsTrigger>\n                </TabsList>\n              </Tabs>\n              <Button\n                size=\"sm\"\n                raised=\"xs\"\n                variant=\"outline\"\n                onClick={clearSignature}\n              >\n                <IconEraser />\n                <span className=\"hidden sm:flex\">Clear</span>\n              </Button>\n            </div>\n            {mode === \"sign\" ? (\n              <SignatureCanvas\n                ref={signature}\n                onEnd={handleDrawEnd}\n                canvasProps={{\n                  className:\n                    canvasClassname ??\n                    cn(\n                      \"w-full h-[256px]\",\n                      \"bg-size-[32px_32px] bg-surface\",\n                      \"bg-[linear-gradient(to_right,#80808022_1px,transparent_1px),linear-gradient(to_bottom,#80808022_1px,transparent_1px)]\",\n                      \"inset-shadow-sm\",\n                      \"border-border border-2 rounded-base\",\n                      \"cursor-crosshair\",\n                    ),\n                }}\n              />\n            ) : (\n              <canvas\n                ref={textCanvas}\n                className={cn(\n                  \"w-full h-64\",\n                  \"bg-size-[32px_32px] bg-surface\",\n                  \"bg-[linear-gradient(to_right,#80808022_1px,transparent_1px),linear-gradient(to_bottom,#80808022_1px,transparent_1px)]\",\n                  \"inset-shadow-sm\",\n                  \"border-border border-2 rounded-base\",\n                )}\n              />\n            )}\n          </div>\n        </InputGroupAddon>\n        <InputGroupInput\n          disabled={mode !== \"type\"}\n          className={cn(\n            mode === \"type\"\n              ? \"animate-in zoom-in-0 spin-in-20 scale-100\"\n              : \"animate-out zoom-out-0 spin-out-20 scale-0\",\n            \"py-2 text-lg font-medium transition-[scale,translate,box-shadow] duration-300 origin-bottom-left\",\n          )}\n          placeholder=\"Enter Full Name\"\n          value={text}\n          onChange={handleTextChange}\n        />\n      </InputGroup>\n    </div>\n  );\n}\n","import { COMPONENT } from \"@bonsai/constants\";\n\nimport { Signature } from \"../../components/ui/signature-pad\";\nimport type { BonsaiPreset } from \"../core-registry\";\n\n/** Opt-in `signature` component. Pulls in react-signature-canvas. */\nexport const signaturePreset: BonsaiPreset = {\n  components: {\n    [COMPONENT.SIGNATURE]: Signature,\n  },\n  controlledInputs: {\n    [COMPONENT.SIGNATURE]: {\n      valueProp: \"value\",\n      changeProp: \"onChange\",\n      extractor: (val: string | null) => val,\n    },\n  },\n};\n\nexport { Signature };\nexport type { SignatureProps } from \"../../components/ui/signature-pad\";\n"],"names":["Tabs","className","orientation","props","jsx","TabsPrimitive","cn","tabsListVariants","cva","TabsList","variant","size","extrude","TabsTrigger","label","description","children","onClick","trigger","useHaptics","jsxs","event","HAPTIC_TAB","FONT_FAMILY","FONT_SIZE_MAX","FONT_SIZE_MIN","TEXT_PADDING_X","renderTypedSignature","canvas","text","width","height","ratio","ctx","displayWidth","displayHeight","pixelRatio","value","maxTextWidth","fontSize","Signature","onChange","canvasClassname","imageType","renderMode","useBonsaiRenderMode","mode","setMode","useState","setText","signature","useRef","textCanvas","onChangeRef","lastEmittedValue","initialized","textCanvasSizeRef","emitChange","useCallback","nextValue","useEffect","instance","rect","exportCanvas","clearSignature","handleDrawEnd","data","handleModeChange","next","handleTextChange","InputGroup","InputGroupAddon","IconWriting","IconTextSize","Button","IconEraser","SignatureCanvas","InputGroupInput","signaturePreset","COMPONENT","val"],"mappings":";;;;;;;;;;AAOA,SAASA,EAAK;AAAA,EACZ,WAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,GAAGC;AACL,GAA6B;AAC3B,SACE,gBAAAC;AAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,oBAAkBH;AAAA,MAClB,WAAWI;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,MAAMI,IAAmBC;AAAA,EACvB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,OACE;AAAA,QACF,MAAM;AAAA,QACN,WACE;AAAA,MAAA;AAAA,MAEJ,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,MAEN,SAAS;AAAA,QACP,SACE;AAAA,QACF,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAEA,SAASC,EAAS;AAAA,EAChB,WAAAR;AAAA,EACA,SAAAS,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,GAAGT;AACL,GAAqE;AACnE,SACE,gBAAAC;AAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,gBAAcK;AAAA,MACd,aAAWC;AAAA,MACX,WAAWL;AAAA,QACTC,EAAiB,EAAE,SAAAG,GAAS,MAAAC,GAAM,SAAAC,GAAS;AAAA,QAC3C;AAAA,QACAX;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASU,EAAY;AAAA,EACnB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAf;AAAA,EACA,SAAAgB;AAAA,EACA,GAAGd;AACL,GAGG;AACD,QAAM,EAAE,SAAAe,EAAA,IAAYC,EAAA;AACpB,SACE,gBAAAC;AAAA,IAACf,EAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,cAAYF,EAAM,SAAS;AAAA,MAC3B,WAAWG;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QAEA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QAEA;AAAA,QAEA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QAEA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QAEA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QAEA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QAEA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QAEAU,IAAW,YAAY;AAAA,QACvBf;AAAA,MAAA;AAAA,MAEF,SAAS,CAACoB,MAAU;AAClB,QAAAH,EAAQI,CAAU,GAClBL,IAAUI,CAAK;AAAA,MACjB;AAAA,MACC,GAAGlB;AAAA,MAEH,UAAA;AAAA,QAAAW,KACC,gBAAAV;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,aAAU;AAAA,YACV,WAAWE;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YAAA;AAAA,YAGD,UAAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,QAGJC,KACC,gBAAAX;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,aAAU;AAAA,YACV,WAAWE;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YAAA;AAAA,YAGD,UAAAS;AAAA,UAAA;AAAA,QAAA;AAAA,QAGJC;AAAA,QACD,gBAAAZ;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,aAAU;AAAA,YACV,WAAWE;AAAA,cACT;AAAA,cACA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EAAA;AAGN;AC/KA,MAAMiB,IAAc,0BACdC,IAAgB,IAChBC,IAAgB,IAChBC,KAAiB;AAEvB,SAASC,EAAqB;AAAA,EAC5B,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC;AACF,GAMG;AACD,QAAMC,IAAML,EAAO,WAAW,IAAI;AAClC,MAAI,CAACK,EAAK,QAAO;AAEjB,QAAMC,IAAe,KAAK,IAAI,GAAG,KAAK,MAAMJ,CAAK,CAAC,GAC5CK,IAAgB,KAAK,IAAI,GAAG,KAAK,MAAMJ,CAAM,CAAC,GAC9CK,IAAa,KAAK,IAAIJ,KAAS,GAAG,CAAC;AAEzC,EAAAJ,EAAO,QAAQ,KAAK,IAAI,GAAG,KAAK,MAAMM,IAAeE,CAAU,CAAC,GAChER,EAAO,SAAS,KAAK,IAAI,GAAG,KAAK,MAAMO,IAAgBC,CAAU,CAAC,GAClEH,EAAI,aAAaG,GAAY,GAAG,GAAGA,GAAY,GAAG,CAAC,GACnDH,EAAI,UAAU,GAAG,GAAGC,GAAcC,CAAa;AAE/C,QAAME,IAAQR,EAAK,KAAA;AACnB,MAAI,CAACQ,EAAO,QAAO;AAEnB,QAAMC,IAAe,KAAK,IAAI,GAAGJ,IAAeR,KAAiB,CAAC;AAElE,EAAAO,EAAI,YAAY,QAChBA,EAAI,YAAY,UAChBA,EAAI,eAAe;AAEnB,MAAIM,IAAWf;AACf,SAAOe,IAAWd,MAChBQ,EAAI,OAAO,GAAGM,CAAQ,MAAMhB,CAAW,IACnC,EAAAU,EAAI,YAAYI,CAAK,EAAE,SAASC;AACpC,IAAAC,KAAY;AAGd,SAAAN,EAAI,OAAO,GAAGM,CAAQ,MAAMhB,CAAW,IACvCU,EAAI,SAASI,GAAOH,IAAe,GAAGC,IAAgB,GAAGG,CAAY,GAE9D;AACT;AAEO,SAASE,GAAU;AAAA,EACxB,OAAAH;AAAA,EACA,UAAAI;AAAA,EACA,iBAAAC;AAAA,EACA,WAAAC,IAAY;AACd,GAAmB;AACjB,QAAMC,IAAaC,EAAA,GACb,CAACC,GAAMC,CAAO,IAAIC,EAA0B,MAAM,GAClD,CAACnB,GAAMoB,CAAO,IAAID,EAAS,EAAE,GAE7BE,IAAYC,EAA+B,IAAI,GAC/CC,IAAaD,EAAiC,IAAI,GAClDE,IAAcF,EAAOV,CAAQ,GAC7Ba,IAAmBH,EAAsBd,KAAS,IAAI,GACtDkB,IAAcJ,EAAO,EAAK,GAC1BK,IAAoBL,EAAO,EAAE,OAAO,GAAG,QAAQ,GAAG,GAElDM,IAAaC,EAAY,CAACC,MAA6B;AAC3D,IAAIL,EAAiB,YAAYK,MACjCL,EAAiB,UAAUK,GAC3BN,EAAY,UAAUM,CAAS;AAAA,EACjC,GAAG,CAAA,CAAE;AAEL,EAAAC,EAAU,MAAM;AACd,IAAAP,EAAY,UAAUZ;AAAA,EACxB,GAAG,CAACA,CAAQ,CAAC,GAEbmB,EAAU,MAAM;AACd,IAAAN,EAAiB,UAAUjB,KAAS;AAAA,EACtC,GAAG,CAACA,CAAK,CAAC,GAEVuB,EAAU,MAAM;AAId,QAHIL,EAAY,YAChBA,EAAY,UAAU,IAElB,CAAClB,KAASS,MAAS,QAAQ;AAC/B,UAAMe,IAAWX,EAAU;AAC3B,QAAKW;AAEL,UAAI;AACF,QAAAA,EAAS,YAAYxB,CAAK;AAAA,MAC5B,QAAQ;AACN,QAAAwB,EAAS,MAAA;AAAA,MACX;AAAA,EACF,GAAG,CAAA,CAAE,GAELD,EAAU,MAAM;AACd,QAAId,MAAS,OAAQ;AAErB,UAAMlB,IAASwB,EAAW;AAC1B,QAAI,CAACxB,EAAQ;AAEb,QAAI4B,EAAkB,QAAQ,UAAU,GAAG;AACzC,YAAMM,IAAOlC,EAAO,sBAAA;AACpB,MAAA4B,EAAkB,UAAU;AAAA,QAC1B,OAAO,KAAK,IAAI,GAAG,KAAK,MAAMM,EAAK,KAAK,CAAC;AAAA,QACzC,QAAQ,KAAK,IAAI,GAAG,KAAK,MAAMA,EAAK,MAAM,CAAC;AAAA,MAAA;AAAA,IAE/C;AAEA,UAAMnD,IAAO6C,EAAkB;AAC/B,QAAI,CAAC7C,EAAK,SAAS,CAACA,EAAK,OAAQ;AAEjC,UAAMqB,IAAQ,OAAO,oBAAoB;AASzC,QAAI,CARYL,EAAqB;AAAA,MACnC,QAAAC;AAAA,MACA,MAAAC;AAAA,MACA,OAAOlB,EAAK;AAAA,MACZ,QAAQA,EAAK;AAAA,MACb,OAAAqB;AAAA,IAAA,CACD,GAEa;AACZ,MAAAyB,EAAW,IAAI;AACf;AAAA,IACF;AAEA,UAAMM,IAAe,SAAS,cAAc,QAAQ;AACpD,IAAApC,EAAqB;AAAA,MACnB,QAAQoC;AAAA,MACR,MAAAlC;AAAA,MACA,OAAOlB,EAAK;AAAA,MACZ,QAAQA,EAAK;AAAA,MACb,OAAAqB;AAAA,IAAA,CACD,GAEDyB,EAAWM,EAAa,UAAUpB,CAAS,CAAC;AAAA,EAC9C,GAAG,CAACG,GAAMjB,GAAMc,GAAWc,CAAU,CAAC;AAEtC,QAAMO,IAAiB,MAAM;AAC3B,IAAAd,EAAU,SAAS,MAAA,GACnBD,EAAQ,EAAE,GACVQ,EAAW,IAAI;AAAA,EACjB,GAEMQ,IAAgB,MAAM;AAC1B,QAAInB,MAAS,OAAQ;AACrB,UAAMoB,IAAOhB,EAAU,SAAS,UAAUP,CAAS,KAAK;AACxD,IAAAc,EAAWS,CAAI;AAAA,EACjB,GAEMC,IAAmB,CAACC,MAA0B;AAClD,IAAIA,MAAStB,MACbkB,EAAA,GACAjB,EAAQqB,CAAI;AAAA,EACd,GAEMC,IAAmB,CAAChD,MAAyC;AACjE,IAAA4B,EAAQ5B,EAAM,OAAO,KAAK;AAAA,EAC5B;AAMA,SAAIuB,MAAe,0BAEd,OAAA,EAAI,IAAG,aAAY,WAAU,UAC3B,UAAAP,IACC,gBAAAjC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKiC;AAAA,MACL,KAAI;AAAA,MACJ,WAAW/B;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAoC;AAAA,MAAA;AAAA,IACF;AAAA,EAAA,IAGF,gBAAAtC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,cAAW;AAAA,MACX,WAAWE;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAoC;AAAA,MAAA;AAAA,MAGF,UAAA,gBAAAtC,EAAC,OAAA,EAAI,WAAU,0GAAyG,UAAA,YAAA,CAExH;AAAA,IAAA;AAAA,EAAA,GAGN,IAKF,gBAAAA,EAAC,OAAA,EAAI,IAAG,aACN,UAAA,gBAAAgB;AAAA,IAACkD;AAAA,IAAA;AAAA,MACC,WAAWhE;AAAA,QACTwC,MAAS,SAAS,aAAa;AAAA,QAC/B;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAA,gBAAA1C,EAACmE,GAAA,EAAgB,OAAM,eAAc,WAAU,QAC7C,UAAA,gBAAAnD,EAAC,OAAA,EAAI,WAAU,gCACb,UAAA;AAAA,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,gGACb,UAAA;AAAA,YAAA,gBAAAhB;AAAA,cAACJ;AAAA,cAAA;AAAA,gBACC,OAAO8C;AAAA,gBACP,eAAe,CAACsB,MACdD,EAAiBC,CAAuB;AAAA,gBAE1C,WAAU;AAAA,gBAEV,4BAAC3D,GAAA,EAAS,SAAQ,aAAY,SAAQ,MAAK,MAAK,MAC9C,UAAA;AAAA,kBAAA,gBAAAW,EAACP,GAAA,EAAY,OAAM,QACjB,UAAA;AAAA,oBAAA,gBAAAT,EAACoE,GAAA,EAAY;AAAA,oBACb,gBAAApE,EAAC,QAAA,EAAK,WAAU,kBAAiB,UAAA,OAAA,CAAI;AAAA,kBAAA,GACvC;AAAA,kBACA,gBAAAgB,EAACP,GAAA,EAAY,OAAM,QACjB,UAAA;AAAA,oBAAA,gBAAAT,EAACqE,GAAA,EAAa;AAAA,oBACd,gBAAArE,EAAC,QAAA,EAAK,WAAU,kBAAiB,UAAA,OAAA,CAAI;AAAA,kBAAA,EAAA,CACvC;AAAA,gBAAA,EAAA,CACF;AAAA,cAAA;AAAA,YAAA;AAAA,YAEF,gBAAAgB;AAAA,cAACsD;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,QAAO;AAAA,gBACP,SAAQ;AAAA,gBACR,SAASV;AAAA,gBAET,UAAA;AAAA,kBAAA,gBAAA5D,EAACuE,GAAA,EAAW;AAAA,kBACZ,gBAAAvE,EAAC,QAAA,EAAK,WAAU,kBAAiB,UAAA,QAAA,CAAK;AAAA,gBAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACxC,GACF;AAAA,UACC0C,MAAS,SACR,gBAAA1C;AAAA,YAACwE;AAAA,YAAA;AAAA,cACC,KAAK1B;AAAA,cACL,OAAOe;AAAA,cACP,aAAa;AAAA,gBACX,WACEvB,KACApC;AAAA,kBACE;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,kBACA;AAAA,gBAAA;AAAA,cACF;AAAA,YACJ;AAAA,UAAA,IAGF,gBAAAF;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAKgD;AAAA,cACL,WAAW9C;AAAA,gBACT;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QACF,EAAA,CAEJ,EAAA,CACF;AAAA,QACA,gBAAAF;AAAA,UAACyE;AAAA,UAAA;AAAA,YACC,UAAU/B,MAAS;AAAA,YACnB,WAAWxC;AAAA,cACTwC,MAAS,SACL,8CACA;AAAA,cACJ;AAAA,YAAA;AAAA,YAEF,aAAY;AAAA,YACZ,OAAOjB;AAAA,YACP,UAAUwC;AAAA,UAAA;AAAA,QAAA;AAAA,MACZ;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AC5SO,MAAMS,KAAgC;AAAA,EAC3C,YAAY;AAAA,IACV,CAACC,EAAU,SAAS,GAAGvC;AAAA,EAAA;AAAA,EAEzB,kBAAkB;AAAA,IAChB,CAACuC,EAAU,SAAS,GAAG;AAAA,MACrB,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,WAAW,CAACC,MAAuBA;AAAA,IAAA;AAAA,EACrC;AAEJ;"}

package/dist/renderer/core-registry.d.ts

@@ -0,0 +1,52 @@
+import { ElementType } from 'react';
+import { BonsaiRegistry } from '../lib/registry/types.js';
+/**
+ * Describes how the renderer two-way-binds a component to the store: which prop
+ * carries the value, which prop reports a change, and how to pull the new value
+ * out of whatever that prop is called with.
+ */
+export interface ControlledInput {
+    valueProp: string;
+    changeProp: string;
+    extractor: (eventOrValue: any) => any;
+}
+/**
+ * A controlled-input entry is either a single binding or, for components whose
+ * binding depends on `args.type` (e.g. `input`), a map of subtype -> binding
+ * with a `default` fallback.
+ */
+export type ControlledInputEntry = ControlledInput | Record<string, ControlledInput>;
+export type ComponentRegistry = Record<string, ElementType>;
+export type ControlledInputRegistry = Record<string, ControlledInputEntry>;
+/**
+ * A bundle of components plus their controlled-input bindings. Both the
+ * built-in heavy presets (`renderer/presets/*`) and consumer-supplied
+ * extensions to `createBonsaiRenderer` use this shape; `extendRegistry`
+ * layers it onto the `BonsaiRegistry` the renderer consumes.
+ */
+export interface BonsaiPreset {
+    components?: ComponentRegistry;
+    controlledInputs?: ControlledInputRegistry;
+}
+/**
+ * Layers a preset over `base`, type by type: a supplied component replaces the
+ * base's component but keeps its binding, and a supplied binding re-binds the
+ * base's component — the same "caller wins per key" semantics as spreading the
+ * two maps separately.
+ */
+export declare function extendRegistry(base: BonsaiRegistry, { components, controlledInputs }: BonsaiPreset): BonsaiRegistry;
+/**
+ * Every built-in component that carries no heavy third-party dependency.
+ * Deliberately excludes `map`, `calendar` and `signature` — those live in
+ * `renderer/presets/*` so a core consumer never bundles MapLibre,
+ * react-day-picker or react-signature-canvas.
+ */
+export declare const coreComponents: ComponentRegistry;
+/** Controlled-input bindings for the components in `coreComponents`. */
+export declare const coreControlledInputs: ControlledInputRegistry;
+/**
+ * The registry used when no renderer-scoped registry is provided. Same library
+ * identity as `pebbleRegistry` (it is a subset of it), but without per-component
+ * `propsSchema`s so the core entry never bundles `@bonsai/schemas`.
+ */
+export declare const coreRegistry: BonsaiRegistry;

package/dist/renderer/create-renderer.d.ts

@@ -0,0 +1,38 @@
+import { BonsaiProps } from '../components/core/bonsai.js';
+import { ComponentRegistry, ControlledInputRegistry } from './core-registry.js';
+import { BonsaiRegistry } from '../lib/registry/types.js';
+export interface BonsaiRendererOptions {
+    /** Base registry. Defaults to the lightweight core registry. */
+    registry?: BonsaiRegistry;
+    /** Extra components layered over `registry` (they win on key collision). */
+    components?: Partial<ComponentRegistry>;
+    controlledInputs?: Partial<ControlledInputRegistry>;
+}
+export interface BonsaiRendererInstance {
+    Bonsai: React.ComponentType<BonsaiProps>;
+}
+/**
+ * Builds a renderer bound to its own component registry.
+ *
+ * The registry is `options.registry` (the lightweight core set by default)
+ * plus whatever components the caller supplies (caller entries win on key
+ * collision); a `registry` prop on an individual `<Bonsai>` still overrides it. It is captured in a React context at
+ * this call, so registries never leak between renderer instances and consumers
+ * never have to mutate the exported `componentMap`.
+ *
+ * Heavy built-ins are opt-in via the presets in `renderer/presets/*`:
+ *
+ * ```ts
+ * import { createBonsaiRenderer } from "@pebble-software/bonsai/core";
+ * import { calendarPreset } from "@pebble-software/bonsai/presets/calendar";
+ *
+ * const { Bonsai } = createBonsaiRenderer({
+ *   components: { ...calendarPreset.components, rating: Rating },
+ *   controlledInputs: { ...calendarPreset.controlledInputs },
+ * });
+ * ```
+ *
+ * Call this at module scope: each call returns a fresh component type, so
+ * calling it during render would remount the whole tree every time.
+ */
+export declare function createBonsaiRenderer(options?: BonsaiRendererOptions): BonsaiRendererInstance;

package/dist/renderer/presets/calendar.d.ts

@@ -0,0 +1,5 @@
+import { Calendar } from '../../components/ui/calendar.js';
+import { BonsaiPreset } from '../core-registry.js';
+/** Opt-in `calendar` component. Pulls in react-day-picker. */
+export declare const calendarPreset: BonsaiPreset;
+export { Calendar };

package/dist/renderer/presets/signature.d.ts

@@ -0,0 +1,6 @@
+import { Signature } from '../../components/ui/signature-pad.js';
+import { BonsaiPreset } from '../core-registry.js';
+/** Opt-in `signature` component. Pulls in react-signature-canvas. */
+export declare const signaturePreset: BonsaiPreset;
+export { Signature };
+export type { SignatureProps } from '../../components/ui/signature-pad.js';

package/dist/schemas.d.ts

@@ -0,0 +1,2 @@
+export * from './library/schemas/src/bonsai.schema.js';
+export * from './library/schemas/src/builder.meta.js';

package/dist/schemas.js

@@ -0,0 +1,13 @@
+import { C as s, a as o, N as t, P as m, c as n, f as N, g as c, b as d, n as g } from "./chunks/builder.meta-WpXc5VBB.js";
+export {
+  s as ComponentNode,
+  o as Config,
+  t as NodeSchemas,
+  m as PEBBLE_COMPONENT_SCHEMAS,
+  n as createTemplateSchema,
+  N as fieldHints,
+  c as getArgsSchema,
+  d as getNodeRules,
+  g as nodeRules
+};
+//# sourceMappingURL=schemas.js.map

package/dist/schemas.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schemas.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}