@pebble-software/bonsai 0.0.7 → 0.1.0

package/dist/chunks/button-CSLrIvsS.js

@@ -0,0 +1,166 @@
+import { jsxs as u, jsx as e } from "react/jsx-runtime";
+import { Button as f } from "@base-ui/react/button";
+import { IconCircleFilled as A, IconLoader as m } from "@tabler/icons-react";
+import { clsx as _ } from "clsx";
+import { twMerge as x } from "tailwind-merge";
+import { cva as v } from "class-variance-authority";
+import { useWebHaptics as R } from "web-haptics/react";
+var h = /* @__PURE__ */ ((a) => (a.FORM_CAPTURED = "FORM_CAPTURED", a.FILE_GENERATED = "FILE_GENERATED", a.FILE_UPLOADED = "FILE_UPLOADED", a))(h || {});
+new Set(Object.values(h));
+var b = /* @__PURE__ */ ((a) => (a.A = "a", a.P = "p", a.H = "h", a.OL = "ol", a.UL = "ul", a.LI = "li", a.DIV = "div", a.SPAN = "span", a.ACCORDION = "accordion", a.ACCORDION_ITEM = "accordion-item", a.ACCORDION_TRIGGER = "accordion-trigger", a.ACCORDION_CONTENT = "accordion-content", a.ALERT = "alert", a.AVATAR = "avatar", a.BADGE = "badge", a.BUTTON = "button", a.CARD = "card", a.CARD_HEADER = "card-header", a.CARD_TITLE = "card-title", a.CARD_DESCRIPTION = "card-description", a.CARD_CONTENT = "card-content", a.CARD_FOOTER = "card-footer", a.CARD_ACTION = "card-action", a.CARD_ICON = "card-icon", a.CALENDAR = "calendar", a.CHECKBOX = "checkbox", a.COLLAPSIBLE = "collapsible", a.COLLAPSIBLE_TRIGGER = "collapsible-trigger", a.COLLAPSIBLE_CONTENT = "collapsible-content", a.IMAGE = "image", a.OTP = "otp", a.INPUT = "input", a.INPUT_GROUP = "input-group", a.INPUT_GROUP_TEXT = "input-group-text", a.INPUT_GROUP_ADDON = "input-group-addon", a.INPUT_GROUP_BUTTON = "input-group-button", a.INPUT_GROUP_INPUT = "input-group-input", a.INPUT_GROUP_TEXTAREA = "input-group-textarea", a.LABEL = "label", a.LOADER = "loader", a.PROGRESS = "progress", a.SEPARATOR = "separator", a.SKELETON = "skeleton", a.SWITCH = "switch", a.TABLE = "table", a.TABLE_HEADER = "table-header", a.TABLE_BODY = "table-body", a.TABLE_FOOTER = "table-footer", a.TABLE_HEAD = "table-head", a.TABLE_ROW = "table-row", a.TABLE_CELL = "table-cell", a.TABLE_CAPTION = "table-caption", a.TEXTAREA = "textarea", a.SIGNATURE = "signature", a.EACH = "each", a.IF = "if", a))(b || {});
+new Set(Object.values(b));
+function g(...a) {
+  return x(_(a));
+}
+const I = [
+  { duration: 10, intensity: 0.2 },
+  { duration: 5, delay: 120, intensity: 0.4 }
+], j = [{ duration: 10, intensity: 0.2 }], k = [
+  { duration: 10, intensity: 0.2 },
+  { duration: 5, delay: 190, intensity: 0.4 }
+], T = [{ duration: 20, intensity: 0.2 }], X = [{ duration: 10, intensity: 0.2 }], L = v(
+  "h-fit inline-grid [&_svg]:col-start-1 [&_svg]:col-end-1 [&_svg]:row-start-1 [&_svg]:row-end-1 duration-1000",
+  {
+    variants: {
+      variant: {
+        spinner: "*:data-[slot=loader-icon]:hidden *:data-[slot=loader-ping]:hidden *:data-[slot=loader-spinner]:animate-spin",
+        ping: "*:data-[slot=loader-spinner]:hidden *:data-[slot=loader-ping]:animate-ping"
+      },
+      fill: {
+        default: "[&_svg]:fill-main",
+        destructive: "[&_svg]:fill-accent-red",
+        warning: "[&_svg]:fill-accent-yellow",
+        pending: "[&_svg]:fill-accent-blue"
+      },
+      size: {
+        sm: "[&_svg]:size-3",
+        md: "[&_svg]:size-4",
+        lg: "[&_svg]:size-5"
+      }
+    },
+    defaultVariants: {
+      variant: "spinner",
+      fill: "default",
+      size: "md"
+    }
+  }
+);
+function D({
+  icon: a,
+  pingIcon: s,
+  variant: n = "spinner",
+  fill: i = "default",
+  size: d = "md",
+  iconProps: t,
+  className: l,
+  ...c
+}) {
+  const o = a || A, r = s || o;
+  return /* @__PURE__ */ u(
+    "span",
+    {
+      role: "status",
+      "data-slot": "loader-container",
+      className: g(L({ variant: n, fill: i, size: d }), l),
+      "aria-label": n ?? "loading",
+      ...c,
+      children: [
+        /* @__PURE__ */ e(o, { "data-slot": "loader-icon", ...t }),
+        /* @__PURE__ */ e(r, { "data-slot": "loader-ping", ...t }),
+        /* @__PURE__ */ e(m, { "data-slot": "loader-spinner", ...t })
+      ]
+    }
+  );
+}
+const U = v(
+  "neo-base neo-button-focus relative group cursor-pointer rounded-base border-2 border-border text-sm font-medium [&_svg:not([class*='size-'])]:size-4.5 inline-flex items-center justify-center whitespace-nowrap transition-[translate,box-shadow,border,color] duration-200 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 select-none",
+  {
+    variants: {
+      variant: {
+        default: "bg-main text-main-foreground",
+        secondary: "bg-main-secondary text-secondary-foreground",
+        outline: "bg-surface text-primary-foreground",
+        destructive: "bg-accent-red text-main-foreground",
+        warning: "bg-accent-yellow text-main-foreground",
+        ghost: "bg-transparent border-transparent active:bg-foreground/20 focus-visible:border-border active:border-border hover:border-border shadow-none translate-0"
+      },
+      size: {
+        xs: "h-7 gap-1 px-2",
+        sm: "h-8 gap-1 px-2",
+        md: "h-9 gap-1.5 px-2.5",
+        lg: "h-10 gap-1.5 px-2.5"
+      },
+      icon: {
+        xs: "size-6 [&_svg:not([class*='size-'])]:size-3.5",
+        sm: "size-8 [&_svg:not([class*='size-'])]:size-4.5",
+        md: "size-9 [&_svg:not([class*='size-'])]:size-5.5",
+        lg: "size-10 [&_svg:not([class*='size-'])]:size-6.5"
+      },
+      raised: {
+        xs: "shadow-xs -translate-0.5 hover:shadow-min hover:-translate-px focus-visible:-translate-px focus-visible:shadow-min active:shadow-none active:translate-0",
+        sm: "shadow-sm -translate-0.75 hover:shadow-xs hover:-translate-0.5 focus-visible:-translate-0.5 focus-visible:shadow-xs active:shadow-none active:translate-0",
+        md: "shadow-md -translate-1 hover:shadow-sm hover:-translate-0.75 focus-visible:-translate-0.75 focus-visible:shadow-sm active:shadow-none active:translate-0",
+        lg: "shadow-lg -translate-[4.75px] hover:shadow-md hover:-translate-1 focus-visible:-translate-1 focus-visible:shadow-md active:shadow-none active:translate-0",
+        xl: "shadow-xl -translate-[5.5px] hover:shadow-lg hover:-translate-[4.75px] focus-visible:-translate-[4.75px] focus-visible:shadow-lg active:shadow-none active:translate-0"
+      },
+      extrude: {
+        xs: "shadow-none translate-0 hover:shadow-xs hover:-translate-0.5 focus-visible:shadow-xs focus-visible:-translate-0.5 active:shadow-none active:translate-0 disabled:shadow-none disabled:translate-0 aria-expanded:shadow-xs aria-expanded:-translate-0.5",
+        sm: "shadow-none translate-0 hover:shadow-sm hover:-translate-0.75 focus-visible:shadow-sm focus-visible:-translate-0.75 active:shadow-none active:translate-0 disabled:shadow-none disabled:translate-0 aria-expanded:shadow-sm aria-expanded:-translate-0.75",
+        md: "shadow-none translate-0 hover:shadow-md hover:-translate-1 focus-visible:shadow-md focus-visible:-translate-1 active:shadow-none active:translate-0 disabled:shadow-none disabled:translate-0 aria-expanded:shadow-md aria-expanded:-translate-1",
+        lg: "shadow-none translate-0 hover:shadow-lg hover:-translate-1.25 focus-visible:shadow-lg focus-visible:-translate-1.25 active:shadow-none active:translate-0 disabled:shadow-none disabled:translate-0 aria-expanded:shadow-lg aria-expanded:-translate-1.25",
+        xl: "shadow-none translate-0 hover:shadow-xl hover:-translate-1.5 focus-visible:shadow-lg focus-visible:-translate-1.5 active:shadow-none active:translate-0 disabled:shadow-none disabled:translate-0 aria-expanded:shadow-lg aria-expanded:-translate-1.5"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "lg"
+    }
+  }
+);
+function V({
+  className: a,
+  variant: s,
+  size: n,
+  icon: i,
+  raised: d,
+  extrude: t,
+  loading: l,
+  onClick: c,
+  children: o,
+  ...r
+}) {
+  const { trigger: p } = R();
+  return /* @__PURE__ */ u(
+    f,
+    {
+      "data-slot": "button",
+      "data-loading": l,
+      "aria-label": r["aria-label"] ?? "button",
+      className: g(
+        U({ variant: s, size: n, raised: d, extrude: t, icon: i }),
+        "group/button",
+        a
+      ),
+      onClick: (w) => {
+        p(I), c?.(w);
+      },
+      ...r,
+      children: [
+        /* @__PURE__ */ e("div", { className: "hidden group-data-[loading=true]:flex w-full absolute inset-0 items-center justify-center", children: /* @__PURE__ */ e(D, {}) }),
+        /* @__PURE__ */ e("div", { className: "visible group-data-[loading=true]:invisible w-full flex gap-1.5 justify-center items-center", children: o })
+      ]
+    }
+  );
+}
+export {
+  V as B,
+  b as C,
+  j as H,
+  D as L,
+  X as a,
+  U as b,
+  g as c,
+  T as d,
+  k as e
+};
+//# sourceMappingURL=button-CSLrIvsS.js.map

package/dist/chunks/button-CSLrIvsS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-CSLrIvsS.js","sources":["../../../../library/constants/src/webhook-events.ts","../../../../library/constants/src/components.ts","../../src/lib/utils.ts","../../src/lib/haptics.ts","../../src/components/ui/loader.tsx","../../src/components/ui/button.tsx"],"sourcesContent":["export enum WEBHOOK_EVENT {\n  FORM_CAPTURED = \"FORM_CAPTURED\",\n  FILE_GENERATED = \"FILE_GENERATED\",\n  FILE_UPLOADED = \"FILE_UPLOADED\"\n}\n\nexport const WEBHOOK_EVENTS = new Set(Object.values(WEBHOOK_EVENT));\n","export enum COMPONENT {\n  A = \"a\",\n  P = \"p\",\n  H = \"h\",\n  OL = \"ol\",\n  UL = \"ul\",\n  LI = \"li\",\n  DIV = \"div\",\n  SPAN = \"span\",\n  ACCORDION = \"accordion\",\n  ACCORDION_ITEM = \"accordion-item\",\n  ACCORDION_TRIGGER = \"accordion-trigger\",\n  ACCORDION_CONTENT = \"accordion-content\",\n  ALERT = \"alert\",\n  AVATAR = \"avatar\",\n  BADGE = \"badge\",\n  BUTTON = \"button\",\n  CARD = \"card\",\n  CARD_HEADER = \"card-header\",\n  CARD_TITLE = \"card-title\",\n  CARD_DESCRIPTION = \"card-description\",\n  CARD_CONTENT = \"card-content\",\n  CARD_FOOTER = \"card-footer\",\n  CARD_ACTION = \"card-action\",\n  CARD_ICON = \"card-icon\",\n  CALENDAR = \"calendar\",\n  CHECKBOX = \"checkbox\",\n  COLLAPSIBLE = \"collapsible\",\n  COLLAPSIBLE_TRIGGER = \"collapsible-trigger\",\n  COLLAPSIBLE_CONTENT = \"collapsible-content\",\n  IMAGE = \"image\",\n  OTP = \"otp\",\n  INPUT = \"input\",\n  INPUT_GROUP = \"input-group\",\n  INPUT_GROUP_TEXT = \"input-group-text\",\n  INPUT_GROUP_ADDON = \"input-group-addon\",\n  INPUT_GROUP_BUTTON = \"input-group-button\",\n  INPUT_GROUP_INPUT = \"input-group-input\",\n  INPUT_GROUP_TEXTAREA = \"input-group-textarea\",\n  LABEL = \"label\",\n  LOADER = \"loader\",\n  PROGRESS = \"progress\",\n  SEPARATOR = \"separator\",\n  SKELETON = \"skeleton\",\n  SWITCH = \"switch\",\n  TABLE = \"table\",\n  TABLE_HEADER = \"table-header\",\n  TABLE_BODY = \"table-body\",\n  TABLE_FOOTER = \"table-footer\",\n  TABLE_HEAD = \"table-head\",\n  TABLE_ROW = \"table-row\",\n  TABLE_CELL = \"table-cell\",\n  TABLE_CAPTION = \"table-caption\",\n  TEXTAREA = \"textarea\",\n  SIGNATURE = \"signature\",\n  EACH = \"each\",\n  IF = \"if\",\n}\n\nexport const COMPONENT_LIST = new Set(Object.values(COMPONENT));\n","import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nconst colors = [\n  \"bg-accent-red-secondary\",\n  \"bg-accent-orange-secondary\",\n  \"bg-accent-yellow-secondary\",\n  \"bg-accent-green-secondary\",\n  \"bg-accent-emerald-secondary\",\n  \"bg-accent-teal-secondary\",\n  \"bg-accent-cyan-secondary\",\n  \"bg-accent-sky-secondary\",\n  \"bg-accent-blue-secondary\",\n  \"bg-accent-indigo-secondary\",\n  \"bg-accent-purple-secondary\",\n  \"bg-accent-rose-secondary\",\n];\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\nexport function colorHash(text: string) {\n  if (!text) return \"bg-gray-500/75\";\n  const sum = text.split(\"\").reduce((acc, char) => acc + char.charCodeAt(0), 0);\n  return colors[sum % colors.length];\n}\n","import type { HapticInput } from \"web-haptics\";\n\nexport { useWebHaptics as useHaptics } from \"web-haptics/react\";\n\nexport const HAPTIC_BUTTON: HapticInput = [\n  { duration: 10, intensity: 0.2 },\n  { duration: 5, delay: 120, intensity: 0.4 },\n];\nexport const HAPTIC_TAB: HapticInput = [{ duration: 10, intensity: 0.2 }];\nexport const HAPTIC_SWITCH: HapticInput = [\n  { duration: 10, intensity: 0.2 },\n  { duration: 5, delay: 190, intensity: 0.4 },\n];\nexport const HAPTIC_CHECKBOX: HapticInput = [{ duration: 20, intensity: 0.2 }];\nexport const HAPTIC_ACCORDION: HapticInput = [{ duration: 10, intensity: 0.2 }];\nexport const HAPTIC_MENU_ITEM: HapticInput = [{ duration: 10, intensity: 0.2 }];\n","\"use client\";\n\nimport {\n  IconCircleFilled,\n  IconLoader,\n  type IconProps,\n} from \"@tabler/icons-react\";\nimport { cn } from \"@/lib/utils\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\n\nconst loaderVariants = cva(\n  \"h-fit inline-grid [&_svg]:col-start-1 [&_svg]:col-end-1 [&_svg]:row-start-1 [&_svg]:row-end-1 duration-1000\",\n  {\n    variants: {\n      variant: {\n        spinner:\n          \"*:data-[slot=loader-icon]:hidden *:data-[slot=loader-ping]:hidden *:data-[slot=loader-spinner]:animate-spin\",\n        ping: \"*:data-[slot=loader-spinner]:hidden *:data-[slot=loader-ping]:animate-ping\",\n      },\n      fill: {\n        default: \"[&_svg]:fill-main\",\n        destructive: \"[&_svg]:fill-accent-red\",\n        warning: \"[&_svg]:fill-accent-yellow\",\n        pending: \"[&_svg]:fill-accent-blue\",\n      },\n      size: {\n        sm: \"[&_svg]:size-3\",\n        md: \"[&_svg]:size-4\",\n        lg: \"[&_svg]:size-5\",\n      },\n    },\n    defaultVariants: {\n      variant: \"spinner\",\n      fill: \"default\",\n      size: \"md\",\n    },\n  },\n);\n\ninterface LoaderProps\n  extends React.ComponentProps<\"div\">, VariantProps<typeof loaderVariants> {\n  icon?: React.ForwardRefExoticComponent<\n    IconProps & React.RefAttributes<SVGSVGElement>\n  >;\n  pingIcon?: React.ForwardRefExoticComponent<\n    IconProps & React.RefAttributes<SVGSVGElement>\n  >;\n  iconProps?: IconProps;\n}\n\nfunction Loader({\n  icon,\n  pingIcon,\n  variant = \"spinner\",\n  fill = \"default\",\n  size = \"md\",\n  iconProps,\n  className,\n  ...props\n}: LoaderProps) {\n  const Icon = icon ? icon : IconCircleFilled;\n  const PingIcon = pingIcon ? pingIcon : Icon;\n\n  return (\n    <span\n      role=\"status\"\n      data-slot=\"loader-container\"\n      className={cn(loaderVariants({ variant, fill, size }), className)}\n      aria-label={variant ?? \"loading\"}\n      {...props}\n    >\n      <Icon data-slot=\"loader-icon\" {...iconProps} />\n      <PingIcon data-slot=\"loader-ping\" {...iconProps} />\n      <IconLoader data-slot=\"loader-spinner\" {...iconProps} />\n    </span>\n  );\n}\n\nexport { Loader };\n","\"use client\";\n\nimport { Button as ButtonPrimitive } from \"@base-ui/react/button\";\nimport { Loader } from \"./loader\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"@/lib/utils\";\nimport { useHaptics, HAPTIC_BUTTON } from \"@/lib/haptics\";\n\nconst buttonVariants = cva(\n  \"neo-base neo-button-focus relative group cursor-pointer rounded-base border-2 border-border text-sm font-medium [&_svg:not([class*='size-'])]:size-4.5 inline-flex items-center justify-center whitespace-nowrap transition-[translate,box-shadow,border,color] duration-200 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 select-none\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-main text-main-foreground\",\n        secondary: \"bg-main-secondary text-secondary-foreground\",\n        outline: \"bg-surface text-primary-foreground\",\n        destructive: \"bg-accent-red text-main-foreground\",\n        warning: \"bg-accent-yellow text-main-foreground\",\n        ghost:\n          \"bg-transparent border-transparent active:bg-foreground/20 focus-visible:border-border active:border-border hover:border-border shadow-none translate-0\",\n      },\n      size: {\n        xs: \"h-7 gap-1 px-2\",\n        sm: \"h-8 gap-1 px-2\",\n        md: \"h-9 gap-1.5 px-2.5\",\n        lg: \"h-10 gap-1.5 px-2.5\",\n      },\n      icon: {\n        xs: \"size-6 [&_svg:not([class*='size-'])]:size-3.5\",\n        sm: \"size-8 [&_svg:not([class*='size-'])]:size-4.5\",\n        md: \"size-9 [&_svg:not([class*='size-'])]:size-5.5\",\n        lg: \"size-10 [&_svg:not([class*='size-'])]:size-6.5\",\n      },\n      raised: {\n        xs: \"shadow-xs -translate-0.5 hover:shadow-min hover:-translate-px focus-visible:-translate-px focus-visible:shadow-min active:shadow-none active:translate-0\",\n        sm: \"shadow-sm -translate-0.75 hover:shadow-xs hover:-translate-0.5 focus-visible:-translate-0.5 focus-visible:shadow-xs active:shadow-none active:translate-0\",\n        md: \"shadow-md -translate-1 hover:shadow-sm hover:-translate-0.75 focus-visible:-translate-0.75 focus-visible:shadow-sm active:shadow-none active:translate-0\",\n        lg: \"shadow-lg -translate-[4.75px] hover:shadow-md hover:-translate-1 focus-visible:-translate-1 focus-visible:shadow-md active:shadow-none active:translate-0\",\n        xl: \"shadow-xl -translate-[5.5px] hover:shadow-lg hover:-translate-[4.75px] focus-visible:-translate-[4.75px] focus-visible:shadow-lg active:shadow-none active:translate-0\",\n      },\n      extrude: {\n        xs: \"shadow-none translate-0 hover:shadow-xs hover:-translate-0.5 focus-visible:shadow-xs focus-visible:-translate-0.5 active:shadow-none active:translate-0 disabled:shadow-none disabled:translate-0 aria-expanded:shadow-xs aria-expanded:-translate-0.5\",\n        sm: \"shadow-none translate-0 hover:shadow-sm hover:-translate-0.75 focus-visible:shadow-sm focus-visible:-translate-0.75 active:shadow-none active:translate-0 disabled:shadow-none disabled:translate-0 aria-expanded:shadow-sm aria-expanded:-translate-0.75\",\n        md: \"shadow-none translate-0 hover:shadow-md hover:-translate-1 focus-visible:shadow-md focus-visible:-translate-1 active:shadow-none active:translate-0 disabled:shadow-none disabled:translate-0 aria-expanded:shadow-md aria-expanded:-translate-1\",\n        lg: \"shadow-none translate-0 hover:shadow-lg hover:-translate-1.25 focus-visible:shadow-lg focus-visible:-translate-1.25 active:shadow-none active:translate-0 disabled:shadow-none disabled:translate-0 aria-expanded:shadow-lg aria-expanded:-translate-1.25\",\n        xl: \"shadow-none translate-0 hover:shadow-xl hover:-translate-1.5 focus-visible:shadow-lg focus-visible:-translate-1.5 active:shadow-none active:translate-0 disabled:shadow-none disabled:translate-0 aria-expanded:shadow-lg aria-expanded:-translate-1.5\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"lg\",\n    },\n  },\n);\n\ninterface ButtonProps\n  extends ButtonPrimitive.Props, VariantProps<typeof buttonVariants> {\n  loading?: boolean;\n}\n\nfunction Button({\n  className,\n  variant,\n  size,\n  icon,\n  raised,\n  extrude,\n  loading,\n  onClick,\n  children,\n  ...props\n}: ButtonProps) {\n  const { trigger } = useHaptics();\n  return (\n    <ButtonPrimitive\n      data-slot=\"button\"\n      data-loading={loading}\n      aria-label={props[\"aria-label\"] ?? \"button\"}\n      className={cn(\n        buttonVariants({ variant, size, raised, extrude, icon }),\n        \"group/button\",\n        className,\n      )}\n      onClick={(event) => {\n        trigger(HAPTIC_BUTTON);\n        onClick?.(event);\n      }}\n      {...props}\n    >\n      <div className=\"hidden group-data-[loading=true]:flex w-full absolute inset-0 items-center justify-center\">\n        <Loader />\n      </div>\n      <div className=\"visible group-data-[loading=true]:invisible w-full flex gap-1.5 justify-center items-center\">\n        {children}\n      </div>\n    </ButtonPrimitive>\n  );\n}\n\nexport { Button, buttonVariants };\n"],"names":["WEBHOOK_EVENT","COMPONENT","cn","inputs","twMerge","clsx","HAPTIC_BUTTON","HAPTIC_TAB","HAPTIC_SWITCH","HAPTIC_CHECKBOX","HAPTIC_ACCORDION","loaderVariants","cva","Loader","icon","pingIcon","variant","fill","size","iconProps","className","props","Icon","IconCircleFilled","PingIcon","jsxs","jsx","IconLoader","buttonVariants","Button","raised","extrude","loading","onClick","children","trigger","useHaptics","ButtonPrimitive","event"],"mappings":";;;;;;;AAAO,IAAKA,sBAAAA,OACVA,EAAA,gBAAgB,iBAChBA,EAAA,iBAAiB,kBACjBA,EAAA,gBAAgB,iBAHNA,IAAAA,KAAA,CAAA,CAAA;AAMkB,IAAI,IAAI,OAAO,OAAOA,CAAa,CAAC;ACN3D,IAAKC,sBAAAA,OACVA,EAAA,IAAI,KACJA,EAAA,IAAI,KACJA,EAAA,IAAI,KACJA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,KAAK,MACLA,EAAA,MAAM,OACNA,EAAA,OAAO,QACPA,EAAA,YAAY,aACZA,EAAA,iBAAiB,kBACjBA,EAAA,oBAAoB,qBACpBA,EAAA,oBAAoB,qBACpBA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,OAAO,QACPA,EAAA,cAAc,eACdA,EAAA,aAAa,cACbA,EAAA,mBAAmB,oBACnBA,EAAA,eAAe,gBACfA,EAAA,cAAc,eACdA,EAAA,cAAc,eACdA,EAAA,YAAY,aACZA,EAAA,WAAW,YACXA,EAAA,WAAW,YACXA,EAAA,cAAc,eACdA,EAAA,sBAAsB,uBACtBA,EAAA,sBAAsB,uBACtBA,EAAA,QAAQ,SACRA,EAAA,MAAM,OACNA,EAAA,QAAQ,SACRA,EAAA,cAAc,eACdA,EAAA,mBAAmB,oBACnBA,EAAA,oBAAoB,qBACpBA,EAAA,qBAAqB,sBACrBA,EAAA,oBAAoB,qBACpBA,EAAA,uBAAuB,wBACvBA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,WAAW,YACXA,EAAA,YAAY,aACZA,EAAA,WAAW,YACXA,EAAA,SAAS,UACTA,EAAA,QAAQ,SACRA,EAAA,eAAe,gBACfA,EAAA,aAAa,cACbA,EAAA,eAAe,gBACfA,EAAA,aAAa,cACbA,EAAA,YAAY,aACZA,EAAA,aAAa,cACbA,EAAA,gBAAgB,iBAChBA,EAAA,WAAW,YACXA,EAAA,YAAY,aACZA,EAAA,OAAO,QACPA,EAAA,KAAK,MAxDKA,IAAAA,KAAA,CAAA,CAAA;AA2DkB,IAAI,IAAI,OAAO,OAAOA,CAAS,CAAC;ACzCvD,SAASC,KAAMC,GAAsB;AAC1C,SAAOC,EAAQC,EAAKF,CAAM,CAAC;AAC7B;AChBO,MAAMG,IAA6B;AAAA,EACxC,EAAE,UAAU,IAAI,WAAW,IAAA;AAAA,EAC3B,EAAE,UAAU,GAAG,OAAO,KAAK,WAAW,IAAA;AACxC,GACaC,IAA0B,CAAC,EAAE,UAAU,IAAI,WAAW,KAAK,GAC3DC,IAA6B;AAAA,EACxC,EAAE,UAAU,IAAI,WAAW,IAAA;AAAA,EAC3B,EAAE,UAAU,GAAG,OAAO,KAAK,WAAW,IAAA;AACxC,GACaC,IAA+B,CAAC,EAAE,UAAU,IAAI,WAAW,KAAK,GAChEC,IAAgC,CAAC,EAAE,UAAU,IAAI,WAAW,KAAK,GCJxEC,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SACE;AAAA,QACF,MAAM;AAAA,MAAA;AAAA,MAER,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,aAAa;AAAA,QACb,SAAS;AAAA,QACT,SAAS;AAAA,MAAA;AAAA,MAEX,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,MACN,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;AAaA,SAASC,EAAO;AAAA,EACd,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,GAAgB;AACd,QAAMC,IAAOR,KAAcS,GACrBC,IAAWT,KAAsBO;AAEvC,SACE,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAU;AAAA,MACV,WAAWvB,EAAGS,EAAe,EAAE,SAAAK,GAAS,MAAAC,GAAM,MAAAC,EAAA,CAAM,GAAGE,CAAS;AAAA,MAChE,cAAYJ,KAAW;AAAA,MACtB,GAAGK;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAK,EAACJ,GAAA,EAAK,aAAU,eAAe,GAAGH,EAAA,CAAW;AAAA,QAC7C,gBAAAO,EAACF,GAAA,EAAS,aAAU,eAAe,GAAGL,EAAA,CAAW;AAAA,QACjD,gBAAAO,EAACC,GAAA,EAAW,aAAU,kBAAkB,GAAGR,EAAA,CAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG5D;ACpEA,MAAMS,IAAiBhB;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,WAAW;AAAA,QACX,SAAS;AAAA,QACT,aAAa;AAAA,QACb,SAAS;AAAA,QACT,OACE;AAAA,MAAA;AAAA,MAEJ,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,MAEN,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,MAEN,QAAQ;AAAA,QACN,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,MAEN,SAAS;AAAA,QACP,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,IAAA;AAAA,EACR;AAEJ;AAOA,SAASiB,EAAO;AAAA,EACd,WAAAT;AAAA,EACA,SAAAJ;AAAA,EACA,MAAAE;AAAA,EACA,MAAAJ;AAAA,EACA,QAAAgB;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGb;AACL,GAAgB;AACd,QAAM,EAAE,SAAAc,EAAA,IAAYC,EAAA;AACpB,SACE,gBAAAX;AAAA,IAACY;AAAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,gBAAcL;AAAA,MACd,cAAYX,EAAM,YAAY,KAAK;AAAA,MACnC,WAAWnB;AAAA,QACT0B,EAAe,EAAE,SAAAZ,GAAS,MAAAE,GAAM,QAAAY,GAAQ,SAAAC,GAAS,MAAAjB,GAAM;AAAA,QACvD;AAAA,QACAM;AAAA,MAAA;AAAA,MAEF,SAAS,CAACkB,MAAU;AAClB,QAAAH,EAAQ7B,CAAa,GACrB2B,IAAUK,CAAK;AAAA,MACjB;AAAA,MACC,GAAGjB;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAK,EAAC,OAAA,EAAI,WAAU,6FACb,UAAA,gBAAAA,EAACb,KAAO,GACV;AAAA,QACA,gBAAAa,EAAC,OAAA,EAAI,WAAU,+FACZ,UAAAQ,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/chunks/create-renderer-1cky1uN9.js

@@ -0,0 +1,280 @@
+import { jsx as d } from "react/jsx-runtime";
+import { createElement as h, memo as S, useCallback as N, useRef as m, useEffect as j, createContext as M, useContext as P } from "react";
+import { g as T, B as O, r as b, h as g, i as D, j as V, k as y, l as $, m as W, n as E, p as A, V as L, s as q, o as J, q as z, f as F, b as G, t as H } from "./render-shared-CIUUkLDn.js";
+import { proxy as Q, snapshot as v, subscribe as U, useSnapshot as X } from "valtio";
+const Y = {
+  dataSlice(t, e, r) {
+    return V(t.dynamicKeys, (n) => n in r && n !== "data" ? r[n] : y(r.data ?? r, n));
+  },
+  rowCtx(t, e, r, n, o, s) {
+    const { as: a, indexAlias: i } = o, c = {
+      ...e,
+      data: {
+        ...e.data ?? e,
+        [a]: r,
+        ...i ? { [i]: n } : {}
+      }
+    }, u = s ? { ...t.scope, [a]: `${s}.${n}` } : t.scope;
+    return { data: c, scope: u };
+  },
+  renderChild(t, e, r, n, o) {
+    return /* @__PURE__ */ d(
+      K,
+      {
+        node: t,
+        index: e,
+        path: r,
+        data: n.data,
+        scope: n.scope
+      },
+      o
+    );
+  }
+}, K = S(
+  ({ node: t, index: e = 0, path: r = "root", data: n, scope: o }) => {
+    const s = g(), a = N(() => {
+    }, []);
+    return D(
+      t,
+      e,
+      r,
+      { data: n, scope: o },
+      n,
+      s,
+      a,
+      Y
+    );
+  }
+);
+function Z({
+  template: t,
+  expiry: e,
+  data: r,
+  status: n = "pending",
+  render: o = "web",
+  as: s,
+  registry: a
+}) {
+  const i = {
+    data: r ?? {},
+    expiry: e ?? "",
+    status: n,
+    submitting: !1
+  }, c = T(t).root, u = b(o, s);
+  return /* @__PURE__ */ d(O, { registry: a, render: o, children: h(
+    u,
+    {
+      "data-mode": o,
+      className: `group bonsai-root${o === "pdf" ? " w-full" : ""}`
+    },
+    /* @__PURE__ */ d(K, { node: c, index: 0, path: "root", data: i })
+  ) });
+}
+const _ = M(null);
+function w() {
+  const t = P(_);
+  if (!t)
+    throw new Error("useBonsaiStore must be used within a <Bonsai> component");
+  return t;
+}
+function k() {
+  const t = w();
+  return N(
+    (e, r) => q(t.data, e, r),
+    [t]
+  );
+}
+function tt(t, e, r, n, o) {
+  const s = J(t);
+  return n && s in n ? t === s ? n[s] : void 0 : r && s in r ? y(e.data ?? e, z(t, r)) : o && Object.hasOwn(o, s) ? y(o, t) : t in e && t !== "data" ? e[t] : y(e.data ?? e, t);
+}
+const et = S(
+  ({ node: t, index: e = 0, path: r = "root", scope: n, indexScope: o, valueScope: s }) => {
+    const a = g(), i = t.source;
+    if (!i) return null;
+    if (t.isText)
+      return i;
+    try {
+      const c = t.type, u = W(a, c), p = E(t, e, r), f = A(t, {}, p);
+      if (t.isImage && (f.src === "" || f.src == null))
+        return null;
+      const l = t.children.length > 0 ? t.children.map(
+        (I, R) => C(
+          I,
+          R,
+          `${r}-${e}`,
+          n,
+          o,
+          s,
+          E(t, R, `${r}-${e}`)
+        )
+      ) : void 0, B = typeof u == "string" && L.has(u) ? void 0 : l;
+      return B !== void 0 ? h(u, f, B) : h(u, f);
+    } catch (c) {
+      return console.error(`Error at ${r}-${e}:`, c), null;
+    }
+  }
+);
+function C(t, e, r, n, o, s, a) {
+  return t.isStatic ? /* @__PURE__ */ d(
+    et,
+    {
+      node: t,
+      index: e,
+      path: r,
+      scope: n,
+      indexScope: o,
+      valueScope: s
+    },
+    a
+  ) : /* @__PURE__ */ d(
+    nt,
+    {
+      node: t,
+      index: e,
+      path: r,
+      scope: n,
+      indexScope: o,
+      valueScope: s
+    },
+    a
+  );
+}
+function x(t, e) {
+  if (!t || !Object.hasOwn(t, e)) return t;
+  const r = { ...t };
+  return delete r[e], r;
+}
+const rt = {
+  dataSlice(t, e, r) {
+    return V(
+      t.dynamicKeys,
+      (n) => tt(n, r, e.scope, e.indexScope, e.valueScope)
+    );
+  },
+  rowCtx(t, e, r, n, o, s) {
+    const { as: a, indexAlias: i } = o, c = i ? { ...t.indexScope, [i]: n } : t.indexScope;
+    return s ? {
+      scope: { ...t.scope, [a]: `${s}.${n}` },
+      indexScope: c,
+      valueScope: x(t.valueScope, a)
+    } : {
+      scope: x(t.scope, a),
+      indexScope: c,
+      valueScope: { ...t.valueScope, [a]: r }
+    };
+  },
+  renderChild(t, e, r, n, o) {
+    return C(t, e, r, n.scope, n.indexScope, n.valueScope, o);
+  }
+}, nt = S(
+  ({ node: t, index: e = 0, path: r = "root", scope: n, indexScope: o, valueScope: s }) => {
+    const a = g(), i = w(), c = X(i, { sync: !0 }), u = k();
+    return D(
+      t,
+      e,
+      r,
+      { scope: n, indexScope: o, valueScope: s },
+      c,
+      a,
+      u,
+      rt
+    );
+  }
+);
+function ot({
+  captureUrl: t,
+  template: e,
+  render: r = "web",
+  as: n,
+  onSubmit: o,
+  onError: s,
+  registry: a
+}) {
+  const i = w(), c = async (f) => {
+    if (f.preventDefault(), i.status === "pending" && !(!o && !t)) {
+      i.submitting = !0;
+      try {
+        if (o)
+          await o(v(i.data));
+        else {
+          const l = await fetch(t, {
+            method: "POST",
+            credentials: "include",
+            headers: {
+              "Content-Type": "application/json"
+            },
+            body: JSON.stringify({
+              data: i.data
+            })
+          });
+          if (!l.ok)
+            throw new Error(`Capture failed: ${l.status} ${l.statusText}`.trim());
+        }
+        i.status = "captured";
+      } catch (l) {
+        if (!s) throw l;
+        s(l);
+      } finally {
+        i.submitting = !1;
+      }
+    }
+  }, u = T(e).root, p = b(r, n);
+  return /* @__PURE__ */ d(O, { registry: a, render: r, children: h(
+    p,
+    {
+      "data-mode": r,
+      className: `group bonsai-root${r === "pdf" ? " w-full" : ""}`,
+      ...p === "form" ? { onSubmit: c } : {}
+    },
+    C(u, 0, "root", void 0, void 0, void 0, "root-0")
+  ) });
+}
+function st(t) {
+  const e = m(null), r = m(t.data), n = m(!1), o = m(t.onDataChange);
+  if (o.current = t.onDataChange, e.current === null)
+    e.current = Q({
+      status: t.status ?? "pending",
+      expiry: t.expiry ?? "",
+      data: $(t.data ?? {}),
+      submitting: !1
+    });
+  else if (!Object.is(r.current, t.data)) {
+    r.current = t.data, n.current = !0;
+    try {
+      e.current.data = $(t.data ?? {});
+    } finally {
+      n.current = !1;
+    }
+  }
+  const s = e.current;
+  return j(() => {
+    let a = v(s.data);
+    return U(
+      s,
+      () => {
+        const i = v(s.data);
+        i !== a && (a = i, !n.current && o.current?.(i));
+      },
+      !0
+    );
+  }, [s]), /* @__PURE__ */ d(_.Provider, { value: s, children: /* @__PURE__ */ d(ot, { ...t }) });
+}
+function at(t) {
+  return typeof window > "u" ? /* @__PURE__ */ d(Z, { ...t }) : /* @__PURE__ */ d(st, { ...t });
+}
+function lt(t = {}) {
+  const e = F(t.registry ?? G, {
+    components: t.components,
+    controlledInputs: t.controlledInputs
+  });
+  function r(n) {
+    return /* @__PURE__ */ d(H.Provider, { value: e, children: /* @__PURE__ */ d(at, { ...n }) });
+  }
+  return r.displayName = "Bonsai", { Bonsai: r };
+}
+export {
+  lt as c,
+  k as u
+};
+//# sourceMappingURL=create-renderer-1cky1uN9.js.map

package/dist/chunks/create-renderer-1cky1uN9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-renderer-1cky1uN9.js","sources":["../../src/components/core/render-tree-server.tsx","../../src/components/core/render-tree-client.tsx","../../src/components/core/bonsai.tsx","../../src/renderer/create-renderer.tsx"],"sourcesContent":["import { createElement, memo, useCallback } from \"react\";\nimport { type CompiledNode } from \"../../lib/renderer/compile-template\";\nimport { compileTemplate } from \"../../lib/renderer/compile-template\";\nimport {\n  BonsaiRoot,\n  useBonsaiRegistry,\n  buildDataSlice,\n  getValue,\n  resolveWrapper,\n  renderCompiledNode,\n  type NodeCtx,\n  type RenderStrategy,\n  type BonsaiProps,\n} from \"./render-shared\";\n\ninterface RenderTreeServerProps {\n  // Precompiled metadata for this node; `node.source` is the raw template node.\n  node: CompiledNode;\n  index?: number;\n  path?: string;\n  data: Record<string, any>;\n  // Alias -> real store path prefix set by an ancestor `each` (e.g. { applicant: \"applicants.3\" }); SSR-only.\n  scope?: Record<string, string>;\n}\n\n// SSR ctx is the prop-drilled global data object plus the current `each` scope.\ninterface ServerCtx extends NodeCtx {\n  data: Record<string, any>;\n}\n\nconst SERVER_MODE: RenderStrategy<ServerCtx> = {\n  dataSlice(node, _ctx, globalData) {\n    return buildDataSlice(node.dynamicKeys, (key) => {\n      if (key in globalData && key !== \"data\") return globalData[key];\n      return getValue(globalData.data ?? globalData, key);\n    });\n  },\n  rowCtx(ctx, globalData, item, i, each, realItemsPath) {\n    const { as, indexAlias } = each;\n    const rowData = {\n      ...globalData,\n      data: {\n        ...(globalData.data ?? globalData),\n        [as]: item,\n        ...(indexAlias ? { [indexAlias]: i } : {}),\n      },\n    };\n    const rowScope = realItemsPath\n      ? { ...ctx.scope, [as]: `${realItemsPath}.${i}` }\n      : ctx.scope;\n    return { data: rowData, scope: rowScope };\n  },\n  renderChild(child, i, path, ctx, key) {\n    return (\n      <RenderTreeServer\n        key={key}\n        node={child}\n        index={i}\n        path={path}\n        data={ctx.data}\n        scope={ctx.scope}\n      />\n    );\n  },\n};\n\n// SSR: single-pass render over a plain, prop-drilled object — no store, no snapshots.\nconst RenderTreeServer = memo(\n  ({ node, index = 0, path = \"root\", data, scope }: RenderTreeServerProps) => {\n    const registry = useBonsaiRegistry();\n    const updateData = useCallback(() => {\n      // Attached for the controlled-component contract but never invoked during SSR.\n    }, []);\n\n    return renderCompiledNode(\n      node,\n      index,\n      path,\n      { data, scope },\n      data,\n      registry,\n      updateData,\n      SERVER_MODE,\n    );\n  },\n);\n\nexport function BonsaiServer({\n  template,\n  expiry,\n  data,\n  status = \"pending\",\n  render = \"web\",\n  as,\n  registry,\n}: BonsaiProps) {\n  const ctx = {\n    data: data ?? {},\n    expiry: expiry ?? \"\",\n    status,\n    submitting: false,\n  };\n\n  // Cached by template identity, so N instances of the same template compile once.\n  const root = compileTemplate(template).root;\n  const Wrapper = resolveWrapper(render, as);\n\n  return (\n    <BonsaiRoot registry={registry} render={render}>\n      {createElement(\n        Wrapper,\n        {\n          \"data-mode\": render,\n          className: `group bonsai-root${render === \"pdf\" ? \" w-full\" : \"\"}`,\n        },\n        <RenderTreeServer node={root} index={0} path=\"root\" data={ctx} />,\n      )}\n    </BonsaiRoot>\n  );\n}\n","import {\n  createContext,\n  createElement,\n  memo,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  type SubmitEvent,\n} from \"react\";\nimport { proxy, snapshot, subscribe, useSnapshot } from \"valtio\";\nimport { type CompiledNode } from \"../../lib/renderer/compile-template\";\nimport { compileTemplate } from \"../../lib/renderer/compile-template\";\nimport {\n  BonsaiRoot,\n  useBonsaiRegistry,\n  VOID_ELEMENTS,\n  getKey,\n  getValue,\n  setValue,\n  resolveScopedPath,\n  pathRoot,\n  buildDataSlice,\n  resolveElementType,\n  prepareState,\n  resolveWrapper,\n  cloneData,\n  renderCompiledNode,\n  type NodeCtx,\n  type RenderStrategy,\n  type BonsaiProps,\n} from \"./render-shared\";\n\n// scope/indexScope/valueScope are the only things an `each` row hands its children on the live path —\n// store data is never prop-drilled (valueScope carries only computed-row items, which have no store path).\ninterface RenderTreeClientProps {\n  node: CompiledNode;\n  index?: number;\n  path?: string;\n  scope?: Record<string, string>;\n  indexScope?: Record<string, number>;\n  valueScope?: Record<string, unknown>;\n}\n\ntype BonsaiState = {\n  status: string;\n  expiry: string;\n  data: Record<string, any>;\n  submitting: boolean;\n};\n\nconst BonsaiContext = createContext<ReturnType<\n  typeof proxy<BonsaiState>\n> | null>(null);\n\nfunction useBonsaiStore(): ReturnType<typeof proxy<BonsaiState>> {\n  const store = useContext(BonsaiContext);\n  if (!store) {\n    throw new Error(\"useBonsaiStore must be used within a <Bonsai> component\");\n  }\n  return store;\n}\n\nexport function useUpdateData() {\n  const store = useBonsaiStore();\n  return useCallback(\n    (path: string, value: any) => setValue(store.data, path, value),\n    [store],\n  );\n}\n\n// Live-path lookup: resolves each-scoped aliases at read time against a fresh snapshot.\nfunction resolveKeyValue(\n  key: string,\n  globalData: Record<string, any>,\n  scope: Record<string, string> | undefined,\n  indexScope: Record<string, number> | undefined,\n  valueScope: Record<string, unknown> | undefined,\n): any {\n  const root = pathRoot(key);\n\n  if (indexScope && root in indexScope) {\n    return key === root ? indexScope[root] : undefined;\n  }\n\n  if (scope && root in scope) {\n    return getValue(globalData.data ?? globalData, resolveScopedPath(key, scope));\n  }\n\n  if (valueScope && Object.hasOwn(valueScope, root)) {\n    return getValue(valueScope, key);\n  }\n\n  if (key in globalData && key !== \"data\") {\n    return globalData[key];\n  }\n\n  return getValue(globalData.data ?? globalData, key);\n}\n\n// Children still go through `renderClientNode`, so a binding nested inside an unbound wrapper stays reactive.\nconst StaticNode = memo(\n  ({ node, index = 0, path = \"root\", scope, indexScope, valueScope }: RenderTreeClientProps) => {\n    const registry = useBonsaiRegistry();\n    const tree = node.source;\n\n    if (!tree) return null;\n    if (node.isText) {\n      // `isStatic` guarantees this has no `{{...}}` binding to evaluate.\n      return tree as unknown as string;\n    }\n\n    try {\n      const type = node.type;\n      const ElementType = resolveElementType(registry, type);\n      const key = getKey(node, index, path);\n      const props = prepareState(node, {}, key);\n\n      if (node.isImage && (props.src === \"\" || props.src == null)) {\n        return null;\n      }\n\n      const childNodes =\n        node.children.length > 0\n          ? node.children.map((branch: CompiledNode, i: number) =>\n              renderClientNode(\n                branch,\n                i,\n                `${path}-${index}`,\n                scope,\n                indexScope,\n                valueScope,\n                getKey(node, i, `${path}-${index}`),\n              ),\n            )\n          : undefined;\n\n      const safeChildNodes =\n        typeof ElementType === \"string\" && VOID_ELEMENTS.has(ElementType)\n          ? undefined\n          : childNodes;\n\n      if (safeChildNodes !== undefined) {\n        return createElement(ElementType, props, safeChildNodes);\n      }\n      return createElement(ElementType, props);\n    } catch (error) {\n      console.error(`Error at ${path}-${index}:`, error);\n      return null;\n    }\n  },\n);\n\n// A plain function, not a hook, since it decides which component type to mount — always a safe conditional.\nfunction renderClientNode(\n  node: CompiledNode,\n  index: number,\n  path: string,\n  scope: Record<string, string> | undefined,\n  indexScope: Record<string, number> | undefined,\n  valueScope: Record<string, unknown> | undefined,\n  key: string,\n): React.ReactNode {\n  return node.isStatic ? (\n    <StaticNode\n      key={key}\n      node={node}\n      index={index}\n      path={path}\n      scope={scope}\n      indexScope={indexScope}\n      valueScope={valueScope}\n    />\n  ) : (\n    <RenderTreeClient\n      key={key}\n      node={node}\n      index={index}\n      path={path}\n      scope={scope}\n      indexScope={indexScope}\n      valueScope={valueScope}\n    />\n  );\n}\n\n// Client ctx carries only what an `each` row hands its children on this path — no data is prop-drilled.\ninterface ClientCtx extends NodeCtx {\n  indexScope?: Record<string, number>;\n}\n\nfunction omitKey<T>(\n  obj: Record<string, T> | undefined,\n  key: string,\n): Record<string, T> | undefined {\n  if (!obj || !Object.hasOwn(obj, key)) return obj;\n  const rest = { ...obj };\n  delete rest[key];\n  return rest;\n}\n\nconst CLIENT_MODE: RenderStrategy<ClientCtx> = {\n  dataSlice(node, ctx, globalData) {\n    return buildDataSlice(node.dynamicKeys, (key) =>\n      resolveKeyValue(key, globalData, ctx.scope, ctx.indexScope, ctx.valueScope),\n    );\n  },\n  rowCtx(ctx, _globalData, item, i, each, realItemsPath) {\n    const { as, indexAlias } = each;\n    const rowIndexScope = indexAlias\n      ? { ...ctx.indexScope, [indexAlias]: i }\n      : ctx.indexScope;\n    // A plain-path row resolves its alias against the store; a computed row has no store path, so it\n    // carries the item itself. Each clears the alias from the other map so an inner alias shadows an outer one.\n    if (realItemsPath) {\n      return {\n        scope: { ...ctx.scope, [as]: `${realItemsPath}.${i}` },\n        indexScope: rowIndexScope,\n        valueScope: omitKey(ctx.valueScope, as),\n      };\n    }\n    return {\n      scope: omitKey(ctx.scope, as),\n      indexScope: rowIndexScope,\n      valueScope: { ...ctx.valueScope, [as]: item },\n    };\n  },\n  renderChild(child, i, path, ctx, key) {\n    return renderClientNode(child, i, path, ctx.scope, ctx.indexScope, ctx.valueScope, key);\n  },\n};\n\n// Client: every node calls useSnapshot itself, so it only re-renders when a path it actually reads changes.\nconst RenderTreeClient = memo(\n  ({ node, index = 0, path = \"root\", scope, indexScope, valueScope }: RenderTreeClientProps) => {\n    const registry = useBonsaiRegistry();\n    const store = useBonsaiStore();\n    // sync: true keeps the store write and its re-render in the same event, avoiding a one-tick display lag.\n    const globalData = useSnapshot(store, { sync: true });\n    const updateData = useUpdateData();\n\n    return renderCompiledNode(\n      node,\n      index,\n      path,\n      { scope, indexScope, valueScope },\n      globalData,\n      registry,\n      updateData,\n      CLIENT_MODE,\n    );\n  },\n);\n\nexport function BonsaiClient({\n  captureUrl,\n  template,\n  render = \"web\",\n  as,\n  onSubmit,\n  onError,\n  registry,\n}: BonsaiProps) {\n  const store = useBonsaiStore();\n\n  const submit = async (e: SubmitEvent) => {\n    e.preventDefault();\n    // Already captured/completed/revoked: nothing to send, and the lifecycle flags stay as they are.\n    if (store.status !== \"pending\") return;\n    // Display-only instance: nothing to submit to, so don't touch the lifecycle.\n    if (!onSubmit && !captureUrl) return;\n\n    store.submitting = true;\n    try {\n      if (onSubmit) {\n        await onSubmit(snapshot(store.data) as Record<string, unknown>);\n      } else {\n        const res = await fetch(captureUrl!, {\n          method: \"POST\",\n          credentials: \"include\",\n          headers: {\n            \"Content-Type\": \"application/json\",\n          },\n          body: JSON.stringify({\n            data: store.data,\n          }),\n        });\n        // fetch only rejects on network failure; an error status must not count as captured.\n        if (!res.ok) {\n          throw new Error(`Capture failed: ${res.status} ${res.statusText}`.trim());\n        }\n      }\n\n      store.status = \"captured\";\n    } catch (error) {\n      // Without an `onError`, this keeps the pre-existing behaviour of letting\n      // the failure propagate out of the submit handler.\n      if (!onError) throw error;\n      onError(error);\n    } finally {\n      store.submitting = false;\n    }\n  };\n\n  // Cached by template identity, so N instances of the same template compile once.\n  const root = compileTemplate(template).root;\n  const Wrapper = resolveWrapper(render, as);\n\n  return (\n    <BonsaiRoot registry={registry} render={render}>\n      {createElement(\n        Wrapper,\n        {\n          \"data-mode\": render,\n          className: `group bonsai-root${render === \"pdf\" ? \" w-full\" : \"\"}`,\n          ...(Wrapper === \"form\" ? { onSubmit: submit } : {}),\n        },\n        renderClientNode(root, 0, \"root\", undefined, undefined, undefined, \"root-0\"),\n      )}\n    </BonsaiRoot>\n  );\n}\n\nexport function BonsaiProvider(props: BonsaiProps) {\n  const storeRef = useRef<ReturnType<typeof proxy<BonsaiState>> | null>(null);\n  // The `data` object identity this store was last seeded from.\n  const seenDataRef = useRef<BonsaiProps[\"data\"]>(props.data);\n  // Set while the provider itself writes to the store, so a parent-driven\n  // resync isn't echoed back out through `onDataChange`.\n  const resyncingRef = useRef(false);\n  const onDataChangeRef = useRef(props.onDataChange);\n  onDataChangeRef.current = props.onDataChange;\n\n  if (storeRef.current === null) {\n    storeRef.current = proxy<BonsaiState>({\n      status: props.status ?? \"pending\",\n      expiry: props.expiry ?? \"\",\n      data: cloneData(props.data ?? {}),\n      submitting: false,\n    });\n  } else if (!Object.is(seenDataRef.current, props.data)) {\n    // A new `data` object arrived from the parent — adopt it. Same-reference\n    // renders (including in-place mutations) are deliberately ignored.\n    seenDataRef.current = props.data;\n    resyncingRef.current = true;\n    try {\n      storeRef.current.data = cloneData(props.data ?? {});\n    } finally {\n      resyncingRef.current = false;\n    }\n  }\n\n  const store = storeRef.current;\n\n  useEffect(() => {\n    // valtio only populates subscription `ops` when the (unstable) op tracking\n    // is switched on globally, so changes are detected by snapshot identity\n    // instead: `snapshot` is memoised per version, so an unchanged `data`\n    // subtree returns the very same object and is filtered out here.\n    //\n    // Notify in sync: the resync flag below is only reliable if the callback\n    // runs inside the write, not on a later microtask.\n    let previous = snapshot(store.data);\n    return subscribe(\n      store,\n      () => {\n        const next = snapshot(store.data);\n        if (next === previous) return;\n        previous = next;\n        // A parent-driven resync isn't a user edit — don't echo it back.\n        if (resyncingRef.current) return;\n        onDataChangeRef.current?.(next as Record<string, unknown>);\n      },\n      true,\n    );\n  }, [store]);\n\n  return (\n    <BonsaiContext.Provider value={store}>\n      <BonsaiClient {...props} />\n    </BonsaiContext.Provider>\n  );\n}\n","import { BonsaiServer } from \"./render-tree-server\";\nimport { BonsaiProvider } from \"./render-tree-client\";\nimport type { BonsaiProps } from \"./render-shared\";\n\nexport {\n  BonsaiRegistryContext,\n  getValue,\n  setValue,\n  useBonsaiRenderMode,\n  type BonsaiProps,\n  type RenderMode,\n} from \"./render-shared\";\nexport { useUpdateData, BonsaiClient, BonsaiProvider } from \"./render-tree-client\";\nexport { BonsaiServer } from \"./render-tree-server\";\n\nexport function Bonsai(props: BonsaiProps) {\n  if (typeof window === \"undefined\") {\n    return <BonsaiServer {...props} />;\n  }\n\n  return <BonsaiProvider {...props} />;\n}\n","import {\n  Bonsai as BonsaiRenderer,\n  BonsaiRegistryContext,\n  type BonsaiProps,\n} from \"../components/core/bonsai\";\nimport {\n  coreRegistry,\n  extendRegistry,\n  type ComponentRegistry,\n  type ControlledInputRegistry,\n} from \"./core-registry\";\nimport type { BonsaiRegistry } from \"../lib/registry/types\";\n\nexport interface BonsaiRendererOptions {\n  /** Base registry. Defaults to the lightweight core registry. */\n  registry?: BonsaiRegistry;\n  /** Extra components layered over `registry` (they win on key collision). */\n  components?: Partial<ComponentRegistry>;\n  controlledInputs?: Partial<ControlledInputRegistry>;\n}\n\nexport interface BonsaiRendererInstance {\n  Bonsai: React.ComponentType<BonsaiProps>;\n}\n\n/**\n * Builds a renderer bound to its own component registry.\n *\n * The registry is `options.registry` (the lightweight core set by default)\n * plus whatever components the caller supplies (caller entries win on key\n * collision); a `registry` prop on an individual `<Bonsai>` still overrides it. It is captured in a React context at\n * this call, so registries never leak between renderer instances and consumers\n * never have to mutate the exported `componentMap`.\n *\n * Heavy built-ins are opt-in via the presets in `renderer/presets/*`:\n *\n * ```ts\n * import { createBonsaiRenderer } from \"@pebble-software/bonsai/core\";\n * import { calendarPreset } from \"@pebble-software/bonsai/presets/calendar\";\n *\n * const { Bonsai } = createBonsaiRenderer({\n *   components: { ...calendarPreset.components, rating: Rating },\n *   controlledInputs: { ...calendarPreset.controlledInputs },\n * });\n * ```\n *\n * Call this at module scope: each call returns a fresh component type, so\n * calling it during render would remount the whole tree every time.\n */\nexport function createBonsaiRenderer(\n  options: BonsaiRendererOptions = {},\n): BonsaiRendererInstance {\n  // Cast: a `Partial<...>` widens values to `| undefined`, but it only ever\n  // holds keys the caller actually supplied.\n  const registry = extendRegistry(options.registry ?? coreRegistry, {\n    components: options.components as ComponentRegistry | undefined,\n    controlledInputs: options.controlledInputs as ControlledInputRegistry | undefined,\n  });\n\n  function Bonsai(props: BonsaiProps) {\n    return (\n      <BonsaiRegistryContext.Provider value={registry}>\n        <BonsaiRenderer {...props} />\n      </BonsaiRegistryContext.Provider>\n    );\n  }\n  Bonsai.displayName = \"Bonsai\";\n\n  return { Bonsai };\n}\n"],"names":["SERVER_MODE","node","_ctx","globalData","buildDataSlice","key","getValue","ctx","item","i","each","realItemsPath","as","indexAlias","rowData","rowScope","child","path","jsx","RenderTreeServer","memo","index","data","scope","registry","useBonsaiRegistry","updateData","useCallback","renderCompiledNode","BonsaiServer","template","expiry","status","render","root","compileTemplate","Wrapper","resolveWrapper","BonsaiRoot","createElement","BonsaiContext","createContext","useBonsaiStore","store","useContext","useUpdateData","value","setValue","resolveKeyValue","indexScope","valueScope","pathRoot","resolveScopedPath","StaticNode","tree","type","ElementType","resolveElementType","getKey","props","prepareState","childNodes","branch","renderClientNode","safeChildNodes","VOID_ELEMENTS","error","RenderTreeClient","omitKey","obj","rest","CLIENT_MODE","_globalData","rowIndexScope","useSnapshot","BonsaiClient","captureUrl","onSubmit","onError","submit","e","snapshot","res","BonsaiProvider","storeRef","useRef","seenDataRef","resyncingRef","onDataChangeRef","proxy","cloneData","useEffect","previous","subscribe","next","Bonsai","createBonsaiRenderer","options","extendRegistry","coreRegistry","BonsaiRegistryContext","BonsaiRenderer"],"mappings":"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"}