@pebble-software/bonsai 0.0.8 → 0.1.1

package/dist/chunks/render-shared-Ci28BpkI.js

@@ -0,0 +1,1989 @@
+import { jsx as s, jsxs as N, Fragment as E } from "react/jsx-runtime";
+import * as j from "react";
+import { createContext as sa, useContext as da, Fragment as wa, createElement as R } from "react";
+import { COMPONENT as d } from "../constants.js";
+import { cva as g } from "class-variance-authority";
+import { c as i, a as za, d as ka, B as na, e as ya, L as Na } from "./button-jfJanilw.js";
+import { Accordion as P } from "@base-ui/react/accordion";
+import { IconChevronDown as Ca, IconCheck as Pa } from "@tabler/icons-react";
+import { useWebHaptics as L } from "web-haptics/react";
+import { Avatar as S } from "@base-ui/react/avatar";
+import { mergeProps as Ta } from "@base-ui/react/merge-props";
+import { useRender as Aa } from "@base-ui/react/use-render";
+import { Checkbox as K } from "@base-ui/react/checkbox";
+import { Collapsible as $ } from "@base-ui/react/collapsible";
+import { Input as Oa } from "@base-ui/react/input";
+import { OTPInput as Ia } from "input-otp";
+import { Progress as k } from "@base-ui/react/progress";
+import { Separator as Ea } from "@base-ui/react/separator";
+import { Switch as X } from "@base-ui/react/switch";
+import { L as Ra, c as q, s as _a, p as Va } from "./index-DzpRdatr.js";
+const Sa = /[^.[\]]+|\[(?:[^\[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/g;
+function B(a) {
+  return a.match(Sa) || [];
+}
+function C(a) {
+  return a.startsWith("[") && a.endsWith("]") ? a.slice(1, -1).replace(/^["']|["']$/g, "") : a;
+}
+function ja(a) {
+  const t = B(a).map(C), e = t.map((r, o) => {
+    const n = t[o + 1];
+    return n !== void 0 && /^\d+$/.test(n);
+  });
+  return { key: a, segments: t, numericNext: e };
+}
+function I(a) {
+  const t = typeof a == "string", e = a, r = /* @__PURE__ */ Object.create(null), o = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ Object.create(null), l = /* @__PURE__ */ new Set();
+  let u = null;
+  if (t)
+    u = q(a), u?.variables.forEach((h) => l.add(h));
+  else
+    for (const [h, _] of Object.entries(e?.args ?? {})) {
+      const b = q(_);
+      b && (r[h] = b, o.add(h), b.ast && _a(b.ast) != null && (n[h] = b.content), b.variables.forEach((A) => l.add(A)));
+    }
+  const c = t ? void 0 : e?.type, p = c || "div", f = c === d.EACH, w = c === d.IF, T = f ? {
+    as: e.args?.as,
+    indexAlias: e.args?.index,
+    keyExpr: e.args?.key,
+    rawItemsPath: n.items ?? ""
+  } : null, x = Array.from(l, ja);
+  return {
+    source: a,
+    isText: t,
+    type: p,
+    isEach: f,
+    isIf: w,
+    isImage: c === d.IMAGE,
+    dynamicKeys: x,
+    dynamicArgs: o,
+    argPaths: n,
+    expressions: r,
+    text: u,
+    // Matches `isStaticLeaf`: control nodes always re-render, otherwise "no bindings of its own".
+    isStatic: !f && !w && x.length === 0,
+    each: T,
+    children: t ? [] : (e?.children ?? []).map(I)
+  };
+}
+const Y = /* @__PURE__ */ new WeakMap(), J = new Ra(50);
+function ve(a) {
+  if (typeof a == "string") {
+    const r = J.get(a);
+    if (r) return r;
+    const o = {
+      root: I(a),
+      source: a
+    };
+    return J.set(a, o), o;
+  }
+  if (a == null || typeof a != "object")
+    return { root: I(a), source: a };
+  const t = Y.get(a);
+  if (t) return t;
+  const e = {
+    root: I(a),
+    source: a
+  };
+  return Y.set(a, e), e;
+}
+function xe(a) {
+  return a;
+}
+function we(a) {
+  return a;
+}
+const ia = j.forwardRef(({ ...a }, t) => /* @__PURE__ */ s("a", { ref: t, ...a }));
+ia.displayName = "A";
+const La = g("font-heading font-semibold scroll-m-20", {
+  variants: {
+    variant: {
+      h1: "text-6xl font-semibold tracking-tight",
+      h2: "text-4xl font-semibold tracking-tight first:mt-0",
+      h3: "text-2xl font-semibold tracking-tight",
+      h4: "text-xl font-semibold tracking-tight",
+      h5: "text-lg font-semibold tracking-tight",
+      h6: "text-base font-semibold tracking-tight"
+    }
+  },
+  defaultVariants: {
+    variant: "h3"
+  }
+}), la = j.forwardRef(
+  ({ className: a, variant: t, as: e, ...r }, o) => /* @__PURE__ */ s(
+    e || t || "h3",
+    {
+      ref: o,
+      className: i(La({ variant: t }), a),
+      ...r
+    }
+  )
+);
+la.displayName = "H";
+const $a = g("text-base", {
+  variants: {
+    variant: {
+      default: "",
+      muted: "text-muted"
+    },
+    size: {
+      xs: "text-xs font-light leading-snug",
+      sm: "text-sm font-light leading-snug",
+      md: "text-base",
+      lg: "text-lg font-semibold",
+      xl: "text-xl font-bold"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "md"
+  }
+}), ua = j.forwardRef(
+  ({ className: a, variant: t, size: e, as: r = "p", ...o }, n) => /* @__PURE__ */ s(
+    r,
+    {
+      ref: n,
+      className: i($a({ variant: t, size: e }), a),
+      ...o
+    }
+  )
+);
+ua.displayName = "P";
+const Ba = g("flex w-full flex-col", {
+  variants: {
+    variant: {
+      default: "",
+      contained: "",
+      separated: "gap-4"
+    },
+    raised: {
+      xs: "",
+      sm: "",
+      md: "",
+      lg: ""
+    },
+    extrude: {
+      xs: "",
+      sm: "",
+      md: "",
+      lg: ""
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+function Da({
+  className: a,
+  variant: t = "default",
+  raised: e,
+  extrude: r,
+  ...o
+}) {
+  return /* @__PURE__ */ s(
+    P.Root,
+    {
+      "data-slot": "accordion",
+      "data-variant": t,
+      "data-raised": e ?? void 0,
+      "data-extrude": r ?? void 0,
+      className: i(
+        Ba({ variant: t, raised: e, extrude: r }),
+        "group/accordion",
+        a
+      ),
+      ...o
+    }
+  );
+}
+function Ga({ className: a, ...t }) {
+  return /* @__PURE__ */ s(
+    P.Item,
+    {
+      "data-slot": "accordion-item",
+      className: i(
+        "group/accordion-item",
+        "data-closed:z-1 data-open:z-2 transition-[box-shadow,translate] linear duration-200",
+        "group-data-[variant=default]/accordion:bg-surface",
+        "group-data-[variant=default]/accordion:first:rounded-t-base",
+        "group-data-[variant=default]/accordion:last:rounded-b-base",
+        "group-data-[variant=default]/accordion:border-b",
+        "group-data-[variant=default]/accordion:last:border-b-transparent",
+        "group-data-[variant=contained]/accordion:bg-surface",
+        "group-data-[variant=contained]/accordion:first:rounded-t-base",
+        "group-data-[variant=contained]/accordion:last:rounded-b-base",
+        "group-data-[variant=contained]/accordion:border-2",
+        "group-data-[variant=contained]/accordion:border-border",
+        "group-data-[variant=contained]/accordion:not-last:data-closed:-mb-1",
+        "group-data-[variant=separated]/accordion:bg-surface",
+        "group-data-[variant=separated]/accordion:border-2",
+        "group-data-[variant=separated]/accordion:border-border",
+        "group-data-[variant=separated]/accordion:rounded-base",
+        "group-data-[variant=separated]/accordion:data-closed:not-last:mb-0",
+        "group-data-raised/accordion:data-open:z-1",
+        "group-data-raised/accordion:border",
+        "group-data-raised/accordion:border-border",
+        "group-data-raised/accordion:not-last:data-closed:-mb-1",
+        "group-data-[raised=xs]/accordion:shadow-xs group-data-[raised=xs]/accordion:-translate-0.5",
+        "group-data-[raised=sm]/accordion:shadow-sm group-data-[raised=sm]/accordion:-translate-0.75",
+        "group-data-[raised=md]/accordion:shadow-md group-data-[raised=md]/accordion:-translate-1",
+        "group-data-[raised=lg]/accordion:shadow-lg group-data-[raised=lg]/accordion:-translate-1.25",
+        "group-data-extrude/accordion:data-open:z-1",
+        "group-data-extrude/accordion:border",
+        "group-data-extrude/accordion:data-open:border-border",
+        "group-data-extrude/accordion:not-last:data-open:-mb-1",
+        "group-data-extrude/accordion:border-t-transparent",
+        "group-data-extrude/accordion:border-l-transparent",
+        "group-data-extrude/accordion:border-r-transparent",
+        "group-data-[extrude=xs]/accordion:data-open:shadow-xs group-data-[extrude=xs]/accordion:data-open:-translate-0.5",
+        "group-data-[extrude=sm]/accordion:data-open:shadow-sm group-data-[extrude=sm]/accordion:data-open:-translate-0.75",
+        "group-data-[extrude=md]/accordion:data-open:shadow-md group-data-[extrude=md]/accordion:data-open:-translate-1",
+        "group-data-[extrude=lg]/accordion:data-open:shadow-lg group-data-[extrude=lg]/accordion:data-open:-translate-1.25",
+        a
+      ),
+      ...t
+    }
+  );
+}
+function Ua({
+  className: a,
+  children: t,
+  disabled: e,
+  icon: r = Ca,
+  onClick: o,
+  ...n
+}) {
+  const { trigger: l } = L();
+  return /* @__PURE__ */ s(P.Header, { className: "flex", children: /* @__PURE__ */ N(
+    P.Trigger,
+    {
+      "data-slot": "accordion-trigger",
+      className: i(
+        "neo-base neo-accordion-focus pt-3 text-left text-base font-medium cursor-pointer shrink-0 group/accordion-trigger relative flex flex-1 items-center justify-between border border-transparent transition-[opacity,border], data-disabled:pointer-events-none data-disabled:opacity-50",
+        "p-4",
+        "hover:underline",
+        "group-first/accordion-item:rounded-t-base",
+        "group-last/accordion-item:group-data-closed/accordion-item:rounded-b-base",
+        "group-data-open/accordion-item:group-has-data-[slot=accordion-content]/accordion-item:pb-2",
+        "group-data-open/accordion-item:group-has-data-[slot=accordion-content]/accordion-item:mb-2",
+        "group-data-[variant=separated]/accordion:pt-4",
+        a
+      ),
+      onClick: (u) => {
+        l(za), o?.(u);
+      },
+      ...n,
+      children: [
+        t,
+        /* @__PURE__ */ s(
+          r,
+          {
+            "data-slot": "accordion-trigger-icon",
+            className: i(
+              "group-aria-expanded/accordion-trigger:-rotate-180 transition-[rotate] duration-300",
+              "text-muted ml-auto size-4 pointer-events-none"
+            )
+          }
+        )
+      ]
+    }
+  ) });
+}
+function Ha({
+  className: a,
+  children: t,
+  ...e
+}) {
+  return /* @__PURE__ */ s(
+    P.Panel,
+    {
+      "data-slot": "accordion-content",
+      keepMounted: !0,
+      className: "overflow-hidden text-sm transition-[height] duration-300 ease-out data-ending-style:h-0 data-starting-style:h-0 h-(--accordion-panel-height)",
+      ...e,
+      children: /* @__PURE__ */ s(
+        "div",
+        {
+          className: i(
+            "pt-0 px-4 pb-4 data-ending-style:h-0 data-starting-style:h-0 [&_p:not(:last-child)]:mb-4",
+            a
+          ),
+          children: t
+        }
+      )
+    }
+  );
+}
+const Fa = g(
+  "relative grid px-4 py-3 gap-0.5 rounded-base border text-left text-sm *:[svg]:row-span-2 *:[svg]:translate-y-1 *:[svg]:text-current has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-24 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2.5",
+  {
+    variants: {
+      variant: {
+        default: "bg-surface text-card-foreground",
+        success: "bg-main-secondary text-card-foreground",
+        warning: "text-foreground bg-accent-yellow-secondary",
+        destructive: "text-foreground bg-accent-red-secondary border-border *:[svg]:text-current"
+      },
+      size: {
+        default: "w-full",
+        sm: "w-sm",
+        lg: "w-full"
+      },
+      raised: {
+        xs: "shadow-xs -translate-0.5",
+        sm: "shadow-sm -translate-0.75",
+        md: "shadow-md -translate-1",
+        lg: "shadow-lg -translate-1.25",
+        xl: "shadow-xl -translate-1.5"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Ma({
+  className: a,
+  variant: t = "default",
+  size: e = "default",
+  raised: r,
+  ...o
+}) {
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      "data-slot": "alert",
+      role: "alert",
+      className: i(
+        Fa({ variant: t, raised: r, size: e }),
+        "group/alert",
+        a
+      ),
+      ...o
+    }
+  );
+}
+const Wa = g("relative flex shrink-0 select-none", {
+  variants: {
+    size: {
+      full: "size-full",
+      sm: "size-8",
+      md: "size-10",
+      lg: "size-12",
+      xl: "size-14"
+    },
+    raised: {
+      xs: "shadow-xs -translate-0.5 ring-0",
+      sm: "shadow-sm -translate-0.75 ring-0",
+      md: "shadow-md -translate-1 ring-0",
+      lg: "shadow-lg -translate-1.25 ring-0"
+    },
+    rounded: {
+      none: "",
+      sm: "rounded-sm",
+      md: "rounded-md",
+      lg: "rounded-lg",
+      full: "rounded-full"
+    }
+  },
+  defaultVariants: {
+    size: "md",
+    rounded: "full"
+  }
+});
+function Ka({
+  className: a,
+  size: t = "md",
+  rounded: e = "full",
+  raised: r,
+  src: o,
+  alt: n,
+  fallback: l,
+  badge: u,
+  children: c,
+  ...p
+}) {
+  return /* @__PURE__ */ s(
+    S.Root,
+    {
+      "data-slot": "avatar",
+      "data-size": t,
+      "data-raised": r,
+      "data-rounded": e,
+      className: i(
+        Wa({ size: t, rounded: e, raised: r }),
+        "group/avatar",
+        a
+      ),
+      ...p,
+      children: c ?? /* @__PURE__ */ N(E, { children: [
+        o && /* @__PURE__ */ s(
+          S.Image,
+          {
+            "data-slot": "avatar-image",
+            className: i(
+              "aspect-square size-full object-cover border",
+              "group-data-[rounded=sm]/avatar:rounded-sm",
+              "group-data-[rounded=md]/avatar:rounded-md",
+              "group-data-[rounded=lg]/avatar:rounded-lg",
+              "group-data-[rounded=full]/avatar:rounded-full"
+            ),
+            src: o,
+            alt: n
+          }
+        ),
+        l != null && /* @__PURE__ */ s(
+          S.Fallback,
+          {
+            "data-slot": "avatar-fallback",
+            className: i(
+              "text-foreground bg-surface flex size-full items-center justify-center border text-sm ",
+              "group-data-[size=sm]/avatar:text-xs",
+              "group-data-[rounded=sm]/avatar:rounded-sm",
+              "group-data-[rounded=md]/avatar:rounded-md",
+              "group-data-[rounded=lg]/avatar:rounded-lg",
+              "group-data-[rounded=full]/avatar:rounded-full"
+            ),
+            delay: 150,
+            children: l
+          }
+        ),
+        u != null && /* @__PURE__ */ s(
+          "span",
+          {
+            "data-slot": "avatar-badge",
+            className: i(
+              "overflow-hidden text-primary-foreground ring-surface absolute right-1 bottom-1 z-10 inline-flex items-center justify-center bg-main select-none border-1",
+              "group-data-[size=sm]/avatar:size-3",
+              "group-data-[size=sm]/avatar:[&>svg]:hidden",
+              "group-data-[size=sm]/avatar:translate-0.75",
+              "group-data-[size=md]/avatar:size-4",
+              "group-data-[size=md]/avatar:[&>svg]:size-3",
+              "group-data-[size=md]/avatar:translate-1.5",
+              "group-data-[size=lg]/avatar:size-5",
+              "group-data-[size=lg]/avatar:[&>svg]:size-4",
+              "group-data-[size=lg]/avatar:translate-1.5",
+              "group-data-[size=xl]/avatar:size-6",
+              "group-data-[size=xl]/avatar:[&>svg]:size-5",
+              "group-data-[size=xl]/avatar:translate-1.5",
+              "group-data-[size=full]/avatar:size-4",
+              "group-data-[size=full]/avatar:[&>svg]:size-3",
+              "group-data-[size=full]/avatar:translate-1.5",
+              "group-data-[raised=xs]/avatar:shadow-xs",
+              "group-data-[raised=sm]/avatar:shadow-sm",
+              "group-data-[raised=md]/avatar:shadow-md",
+              "group-data-[raised=lg]/avatar:shadow-lg",
+              "group-data-[rounded=sm]/avatar:rounded-sm",
+              "group-data-[rounded=md]/avatar:rounded-md",
+              "group-data-[rounded=lg]/avatar:rounded-lg",
+              "group-data-[rounded=full]/avatar:rounded-full",
+              "group-data-[rounded=full]/avatar:translate-0"
+            ),
+            children: u
+          }
+        )
+      ] })
+    }
+  );
+}
+const Xa = g(
+  "gap-1 px-2 py-0.5 [button]:cursor-pointer rounded-full border text-xs font-medium transition-[color,box-shadow,translate] has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 [&>svg]:pointer-events-none aria-invalid:border-accent-red duration-200 overflow-hidden",
+  {
+    variants: {
+      variant: {
+        default: "bg-main text-foreground",
+        secondary: "bg-main-secondary text-foreground",
+        destructive: "bg-accent-red text-foreground",
+        outline: "border-border text-foreground",
+        ghost: "text-muted hover:bg-foreground/20 border-transparent"
+      },
+      size: {
+        sm: "h-5 text-xs [&>svg]:size-3",
+        md: "text-sm [&>svg]:size-4",
+        lg: "text-base [&>svg]:size-5"
+      },
+      raised: {
+        xs: "shadow-xs -translate-px",
+        sm: "shadow-sm -translate-0.5",
+        md: "shadow-md -translate-0.75",
+        lg: "shadow-lg -translate-1"
+      },
+      extrude: {
+        xs: "hover:shadow-xs hover:-translate-px focus-visible:shadow-xs focus-visible:-translate-px active:shadow-none active:translate-0 disabled:shadow-none disabled:translate-0",
+        sm: "hover:shadow-sm hover:-translate-0.5 focus-visible:shadow-sm focus-visible:-translate-0.5 active:shadow-none active:translate-0 disabled:shadow-none disabled:translate-0",
+        md: "hover:shadow-md hover:-translate-0.75 focus-visible:shadow-md focus-visible:-translate-0.75 active:shadow-none active:translate-0 disabled:shadow-none disabled:translate-0",
+        lg: "hover:shadow-lg hover:-translate-1 focus-visible:shadow-lg focus-visible:-translate-1 active:shadow-none active:translate-0 disabled:shadow-none disabled:translate-0"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "md"
+    }
+  }
+);
+function qa({
+  className: a,
+  variant: t = "default",
+  size: e = "md",
+  raised: r,
+  extrude: o,
+  render: n,
+  ...l
+}) {
+  return Aa({
+    defaultTagName: "span",
+    props: Ta(
+      {
+        className: i(
+          Xa({ size: e, variant: t, raised: r, extrude: o }),
+          "group/badge",
+          a
+        ),
+        tabIndex: l.tabIndex
+      },
+      l
+    ),
+    render: n,
+    state: {
+      slot: "badge",
+      variant: t
+    }
+  });
+}
+const Ya = g(
+  "bg-surface border text-foreground overflow-hidden rounded-base text-sm flex flex-col",
+  {
+    variants: {
+      size: {
+        sm: "gap-3 py-3 md:gap-4 md:py-4",
+        md: "gap-4 py-4 md:gap-6 md:py-6"
+      },
+      raised: {
+        none: "shadow-none",
+        xs: "shadow-xs -translate-0.5",
+        sm: "shadow-sm -translate-0.75",
+        md: "shadow-md -translate-1",
+        lg: "shadow-lg -translate-1.25",
+        xl: "shadow-xl -translate-1.5"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      raised: "md"
+    }
+  }
+);
+function Ja({
+  className: a,
+  size: t = "md",
+  raised: e = "md",
+  ...r
+}) {
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      "data-slot": "card",
+      "data-size": t,
+      className: i(Ya({ raised: e, size: t }), "group/card", a),
+      ...r
+    }
+  );
+}
+function Qa({ className: a, ...t }) {
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      "data-slot": "card-header",
+      className: i(
+        "has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto]",
+        "gap-1 group/card-header @container/card-header grid auto-rows-min items-start",
+        "group-data-[size=sm]/card:px-3 group-data-[size=sm]/card:[.border-b]:pb-3",
+        "group-data-[size=md]/card:px-4 group-data-[size=md]/card:[.border-b]:pb-4",
+        "md:group-data-[size=sm]/card:px-4 md:group-data-[size=sm]/card:[.border-b]:pb-4",
+        "md:group-data-[size=md]/card:px-6 md:group-data-[size=md]/card:[.border-b]:pb-6",
+        a
+      ),
+      ...t
+    }
+  );
+}
+function Za({ className: a, ...t }) {
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      "data-slot": "card-title",
+      className: i(
+        "col-start-1 row-start-1 font-heading leading-normal font-medium mt-0.5 self-center",
+        "group-has-data-[slot=card-description]/card-header:leading-tight",
+        "group-has-data-[slot=card-description]/card-header:mt-0",
+        "group-data-[size=sm]/card:text-base",
+        "group-data-[size=md]/card:text-lg",
+        "group-has-data-[slot=card-icon]/card-header:group-data-[size=sm]/card:pl-9",
+        "group-has-data-[slot=card-icon]/card-header:group-data-[size=md]/card:pl-12",
+        "group-has-data-[slot=card-icon]/card-header:group-has-data-[slot=card-description]/card-header:group-data-[size=sm]/card:pl-13",
+        "group-has-data-[slot=card-icon]/card-header:group-has-data-[slot=card-description]/card-header:group-data-[size=md]/card:pl-14",
+        a
+      ),
+      ...t
+    }
+  );
+}
+function at({ className: a, ...t }) {
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      "data-slot": "card-description",
+      className: i(
+        "text-muted col-start-1 row-start-2",
+        "group-data-[size=sm]/card:text-xs",
+        "group-data-[size=md]/card:text-sm",
+        "group-has-data-[slot=card-icon]/card-header:group-data-[size=sm]/card:pl-13",
+        "group-has-data-[slot=card-icon]/card-header:group-data-[size=md]/card:pl-14",
+        a
+      ),
+      ...t
+    }
+  );
+}
+function tt({ className: a, ...t }) {
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      "data-slot": "card-action",
+      className: i(
+        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
+        a
+      ),
+      ...t
+    }
+  );
+}
+function et({ className: a, ...t }) {
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      "data-slot": "card-icon",
+      className: i(
+        "bg-main col-span-1 row-span-2 col-start-1 row-start-1 rounded-sm border-2 flex items-center justify-center self-start",
+        "group-data-[size=sm]/card:p-0.75",
+        "group-data-[size=md]/card:p-1",
+        "group-data-[size=sm]/card:size-7",
+        "group-data-[size=md]/card:size-8",
+        "group-has-data-[slot=card-description]/card-header:group-data-[size=sm]/card:size-10",
+        "group-has-data-[slot=card-description]/card-header:group-data-[size=md]/card:size-11",
+        a
+      ),
+      ...t
+    }
+  );
+}
+function rt({ className: a, ...t }) {
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      "data-slot": "card-content",
+      className: i(
+        "group-data-[size=sm]/card:px-3",
+        "group-data-[size=md]/card:px-4",
+        "md:group-data-[size=sm]/card:px-4",
+        "md:group-data-[size=md]/card:px-6",
+        a
+      ),
+      ...t
+    }
+  );
+}
+function ot({ className: a, ...t }) {
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      "data-slot": "card-footer",
+      className: i(
+        "flex items-center justify-end",
+        "group-data-[size=sm]/card:px-3 group-data-[size=sm]/card:[.border-t]:pt-3",
+        "group-data-[size=md]/card:px-4 group-data-[size=md]/card:[.border-t]:pt-4",
+        "md:group-data-[size=sm]/card:px-4 md:group-data-[size=sm]/card:[.border-t]:pt-4",
+        "md:group-data-[size=md]/card:px-6 md:group-data-[size=md]/card:[.border-t]:pt-6",
+        a
+      ),
+      ...t
+    }
+  );
+}
+const st = g(
+  "neo-base neo-checkbox-focus flex size-5 cursor-pointer items-center justify-center rounded-md border relative shrink-0 transition-[color,opacity,box-shadow,translate] data-checked:bg-main aria-disabled:pointer-events-none aria-disabled:cursor-not-allowed aria-disabled:opacity-50 aria-invalid:bg-accent-red-secondary",
+  {
+    variants: {
+      size: {
+        xs: "size-4.5",
+        sm: "size-5",
+        md: "size-5.5",
+        lg: "size-6",
+        xl: "size-6.5"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+function dt({
+  className: a,
+  size: t,
+  onCheckedChange: e,
+  ...r
+}) {
+  const { trigger: o } = L();
+  return /* @__PURE__ */ s(
+    K.Root,
+    {
+      "data-slot": "checkbox",
+      "data-size": t,
+      className: i(
+        st({ size: t }),
+        "peer group/checkbox",
+        a
+      ),
+      "aria-label": r["aria-label"] ?? "checkbox",
+      onCheckedChange: (n, l) => {
+        o(ka), e?.(n, l);
+      },
+      ...r,
+      children: /* @__PURE__ */ s(
+        K.Indicator,
+        {
+          "data-slot": "checkbox-indicator",
+          className: "grid place-content-center text-current",
+          children: /* @__PURE__ */ s(
+            Pa,
+            {
+              stroke: 3.5,
+              className: i(
+                "size-4",
+                "group-data-[size=xs]/checkbox:size-3",
+                "group-data-[size=sm]/checkbox:size-3.5",
+                "group-data-[size=md]/checkbox:size-4",
+                "group-data-[size=lg]/checkbox:size-4.5",
+                "group-data-[size=xl]/checkbox:size-5"
+              )
+            }
+          )
+        }
+      )
+    }
+  );
+}
+function nt({ className: a, ...t }) {
+  return /* @__PURE__ */ s(
+    $.Root,
+    {
+      className: i("group/collapsible", a),
+      "data-slot": "collapsible",
+      ...t
+    }
+  );
+}
+function it({
+  className: a,
+  ...t
+}) {
+  return /* @__PURE__ */ s(
+    $.Trigger,
+    {
+      className: i(
+        "group-data-open/collapsible:[&_svg]:-scale-y-100",
+        a
+      ),
+      "data-slot": "collapsible-trigger",
+      ...t
+    }
+  );
+}
+function lt({
+  className: a,
+  children: t,
+  ...e
+}) {
+  return /* @__PURE__ */ s(
+    $.Panel,
+    {
+      className: i("group overflow-hidden", a),
+      "data-slot": "collapsible-content",
+      keepMounted: !0,
+      ...e,
+      children: /* @__PURE__ */ s(
+        "div",
+        {
+          "data-slot": "collapsible-content-container",
+          className: i(
+            "transition-[opacity,translate] duration-300",
+            "group-data-starting-style:-translate-y-20 group-data-starting-style:opacity-0",
+            "group-data-ending-style:-translate-y-20 group-data-ending-style:opacity-0"
+          ),
+          children: t
+        }
+      )
+    }
+  );
+}
+function ca({ className: a, type: t, ...e }) {
+  return /* @__PURE__ */ s(
+    Oa,
+    {
+      type: t,
+      "data-slot": "input",
+      className: i(
+        "neo-base neo-input-focus transition-[translate,box-shadow] h-10 w-full min-w-0 placeholder:text-subtle rounded-base border px-2.5 py-1 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 bg-surface",
+        a
+      ),
+      ...e
+    }
+  );
+}
+function ut({
+  className: a,
+  containerClassName: t,
+  ...e
+}) {
+  return /* @__PURE__ */ s(
+    Ia,
+    {
+      "data-slot": "input-otp",
+      containerClassName: i(
+        "cn-input-otp flex items-center has-disabled:opacity-50",
+        t
+      ),
+      spellCheck: !1,
+      className: i("disabled:cursor-not-allowed", a),
+      ...e
+    }
+  );
+}
+function pa({
+  className: a,
+  onInput: t,
+  autosize: e = !1,
+  ...r
+}) {
+  return /* @__PURE__ */ s(
+    "textarea",
+    {
+      "data-slot": "textarea",
+      onInput: t || ((n) => {
+        if (e) {
+          const l = n.currentTarget;
+          l.style.height = "auto", l.style.height = l.scrollHeight + "px";
+        }
+      }),
+      className: i(
+        "neo-base neo-input-focus",
+        "flex field-sizing-content transition-all",
+        "h-10 min-h-16 w-full min-w-0",
+        "placeholder:text-subtle",
+        "rounded-base border px-2.5 py-2",
+        "disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
+        a
+      ),
+      ...r
+    }
+  );
+}
+function ct({ className: a, ...t }) {
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      "data-slot": "input-group",
+      role: "group",
+      className: i(
+        "group/input-group",
+        "relative flex w-full min-w-0 items-center border-border h-10 rounded-base border shadow-none has-[>textarea]:h-auto",
+        "has-[>[data-align=block-end]]:p-1 has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:h-auto",
+        "has-[>[data-align=block-start]]:p-1 has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:h-auto",
+        a
+      ),
+      ...t
+    }
+  );
+}
+const pt = g(
+  "text-muted h-full gap-2 p-2 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 flex cursor-text items-center justify-center select-none",
+  {
+    variants: {
+      align: {
+        "inline-start": "mr-0.5 has-[>button]:mr-0 has-[>kbd]:mr-0 has-[>button]:-ml-0.75 has-[>kbd]:-ml-0.75 order-first",
+        "inline-end": "ml-0.5 has-[>button]:ml-0 has-[>kbd]:ml-0 has-[>button]:-mr-0.75 has-[>kbd]:-mr-0.75 order-last",
+        "block-start": "mb-1 [.border-b]:pb-3 order-first w-full justify-start",
+        "block-end": "mt-1 [.border-t]:pt-3 order-last w-full justify-start"
+      }
+    },
+    defaultVariants: {
+      align: "inline-start"
+    }
+  }
+);
+function gt({
+  className: a,
+  align: t = "inline-start",
+  ...e
+}) {
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      role: "group",
+      "data-slot": "input-group-addon",
+      "data-align": t,
+      className: i(pt({ align: t }), a),
+      onClick: (r) => {
+        r.target.closest("button") || r.currentTarget.parentElement?.querySelector("input")?.focus();
+      },
+      ...e
+    }
+  );
+}
+const mt = g("gap-2 text-sm flex items-center", {
+  variants: {
+    size: {
+      xs: "h-7 gap-1 rounded-sm px-1.5 py-0.5",
+      sm: "",
+      "icon-xs": "size-6 rounded-sm p-0 has-[>svg]:p-0",
+      "icon-sm": "size-10 p-0 has-[>svg]:p-0"
+    }
+  },
+  defaultVariants: {
+    size: "xs"
+  }
+});
+function ht({
+  className: a,
+  type: t = "button",
+  variant: e = "outline",
+  extrude: r = "xs",
+  size: o,
+  ...n
+}) {
+  return /* @__PURE__ */ s(
+    na,
+    {
+      type: t,
+      "data-size": o,
+      variant: e,
+      extrude: r ?? null,
+      "aria-label": n["aria-label"] ?? "input-button",
+      className: i(mt({ size: o }), a),
+      ...n
+    }
+  );
+}
+function ft({ className: a, ...t }) {
+  return /* @__PURE__ */ s(
+    "span",
+    {
+      className: i(
+        "text-subtle gap-2 font-base flex items-center [&_svg]:pointer-events-none",
+        a
+      ),
+      ...t
+    }
+  );
+}
+function bt({
+  className: a,
+  ...t
+}) {
+  return /* @__PURE__ */ s(
+    ca,
+    {
+      "data-slot": "input-group-control",
+      className: i(
+        "h-10 hover:border-border focus:border-border flex-1 bg-surface -m-0.5",
+        "group-has-[>[data-align=block-start]]/input-group:m-0",
+        "group-has-[>[data-align=block-end]]/input-group:m-0",
+        "group-has-[>[data-align=inline-start]]/input-group:pl-1.5",
+        "group-has-[>[data-align=inline-end]]/input-group:pr-1.5",
+        "group-has-[>[data-align=block-start]]/input-group:rounded-base",
+        "group-has-[>[data-align=block-end]]/input-group:rounded-base",
+        "group-has-[>[data-align=inline-start]]/input-group:rounded-l-none",
+        "group-has-[>[data-align=inline-start]]/input-group:hover:rounded-l-sm",
+        "group-has-[>[data-align=inline-start]]/input-group:focus:rounded-l-sm",
+        "group-has-[>[data-align=inline-end]]/input-group:rounded-r-none",
+        "group-has-[>[data-align=inline-end]]/input-group:hover:rounded-r-sm",
+        "group-has-[>[data-align=inline-end]]/input-group:focus:rounded-r-sm",
+        a
+      ),
+      ...t
+    }
+  );
+}
+function vt({
+  className: a,
+  ...t
+}) {
+  return /* @__PURE__ */ s(
+    pa,
+    {
+      "data-slot": "input-group-control",
+      className: i(
+        "h-auto hover:border-border focus:border-border flex-1 bg-surface",
+        "group-has-[>[data-align=block-start]]/input-group:m-0",
+        "group-has-[>[data-align=block-end]]/input-group:m-0",
+        "group-has-[>[data-align=block-start]]/input-group:rounded-base",
+        "group-has-[>[data-align=block-end]]/input-group:rounded-base",
+        "group-has-[>[data-align=inline-start]]/input-group:rounded-l-none",
+        "group-has-[>[data-align=inline-start]]/input-group:hover:rounded-l-base",
+        "group-has-[>[data-align=inline-start]]/input-group:focus:rounded-l-base",
+        "group-has-[>[data-align=inline-end]]/input-group:rounded-r-none",
+        "group-has-[>[data-align=inline-end]]/input-group:hover:rounded-r-base",
+        "group-has-[>[data-align=inline-end]]/input-group:focus:rounded-r-base",
+        a
+      ),
+      ...t
+    }
+  );
+}
+const xt = g(
+  "gap-2 leading-none group-data-[disabled=true]:opacity-50 peer-disabled:opacity-50 flex items-center select-none group-data-[disabled=true]:pointer-events-none peer-disabled:cursor-not-allowed",
+  {
+    variants: {
+      variant: {
+        default: "",
+        underline: "hover:underline hover:underline-offset-3 hover:decoration-2",
+        destructive: "font-bold! text-accent-red"
+      },
+      size: {
+        xs: "text-xs font-normal",
+        sm: "text-sm font-medium",
+        md: "text-base font-medium",
+        lg: "text-lg font-semibold",
+        xl: "text-xl font-semibold"
+      }
+    }
+  }
+);
+function wt({
+  size: a = "sm",
+  variant: t,
+  className: e,
+  htmlFor: r,
+  ...o
+}) {
+  return /* @__PURE__ */ s(
+    "label",
+    {
+      "data-slot": "label",
+      htmlFor: r,
+      className: i(xt({ size: a, variant: t }), e),
+      ...o
+    }
+  );
+}
+const Q = g("group/progress flex flex-wrap", {
+  variants: {
+    size: {
+      xs: "gap-1",
+      sm: "gap-1",
+      md: "gap-1",
+      lg: "gap-2",
+      xl: "gap-2"
+    },
+    raised: {
+      default: "",
+      xs: "*:-translate-0.5",
+      sm: "*:-translate-0.75",
+      md: "*:-translate-1",
+      lg: "*:-translate-[4.75px]",
+      xl: "*:-translate-[5.5px]"
+    },
+    stacked: {
+      default: "[--stack-translate:--spacing(0)]",
+      xs: "[--stack-translate:--spacing(0.5)] **:data-[value=100]:rounded-xl **:data-[value=100]:scale-x-101",
+      sm: "[--stack-translate:3px] **:data-[value=100]:rounded-xl **:data-[value=100]:scale-x-101",
+      md: "[--stack-translate:--spacing(1)] **:data-[value=100]:rounded-xl **:data-[value=100]:scale-x-101",
+      lg: "[--stack-translate:4.75px] **:data-[value=100]:rounded-xl **:data-[value=100]:scale-x-101",
+      xl: "[--stack-translate:5.5px] **:data-[value=100]:rounded-xl **:data-[value=100]:scale-x-101"
+    }
+  }
+});
+function zt(a) {
+  const {
+    size: t = "md",
+    raised: e = "default",
+    stacked: r = "default",
+    className: o,
+    children: n,
+    ...l
+  } = a;
+  if (a.mode === "multiple") {
+    const u = [...a.value].sort((c, p) => p.value - c.value);
+    return /* @__PURE__ */ N(
+      k.Root,
+      {
+        "data-slot": "progress",
+        "data-size": t,
+        "data-raised": e,
+        "data-stacked": r,
+        className: i(Q({ size: t, raised: e, stacked: r }), o),
+        ...l,
+        children: [
+          n,
+          /* @__PURE__ */ s(
+            Z,
+            {
+              style: {
+                marginTop: `calc(var(--stack-translate, 0px) * ${u.length - 1})`,
+                transform: `translateX(calc(var(--stack-translate, 0px) * ${u.length - 1}))`
+              },
+              className: "grid grid-cols-1 *:row-start-1 *:col-start-1 *:row-end-1 *:col-end-1 items-end *:self-start",
+              children: u.map((c, p) => /* @__PURE__ */ s(
+                yt,
+                {
+                  index: p,
+                  "data-value": c.value,
+                  ...c,
+                  children: /* @__PURE__ */ s(
+                    k.Value,
+                    {
+                      className: i(
+                        c.value < 5 ? "pr-0.5" : "",
+                        "text-muted leading-none font-heading tabular-nums h-full flex flex-row items-end justify-end gap-1 ml-auto my-auto",
+                        "group-data-[size=xs]/progress:hidden",
+                        "group-data-[size=sm]/progress:hidden",
+                        "group-data-[size=md]/progress:text-[11px]",
+                        "group-data-[size=lg]/progress:text-xs",
+                        "group-data-[size=xl]/progress:text-xs",
+                        "group-data-[size=md]/progress:pb-px group-data-[size=md]/progress:pr-1.25",
+                        "group-data-[size=lg]/progress:pb-1 group-data-[size=lg]/progress:pr-1.5 group-data-[size=lg]/progress:translate-y-px",
+                        "group-data-[size=xl]/progress:pb-1.75 group-data-[size=xl]/progress:pr-1.75 group-data-[size=xl]/progress:translate-y-0.5",
+                        "group-data-[stacked=default]/progress:translate-y-0 group-data-[stacked=default]/progress:items-center"
+                      ),
+                      "data-slot": "progress-indicator-group-value",
+                      children: () => /* @__PURE__ */ N(E, { children: [
+                        c.name && /* @__PURE__ */ s(
+                          "span",
+                          {
+                            className: "font-semibold line-clamp-1 opacity-0 -translate-y-10 transition-[opacity,translate] duration-200 hover:ease-in ease-out",
+                            "data-slot": "progress-name",
+                            children: c.name
+                          }
+                        ),
+                        c.value.toLocaleString("default", {
+                          minimumFractionDigits: 0,
+                          maximumFractionDigits: 2
+                        }),
+                        c.value < 5 ? "" : "%"
+                      ] })
+                    }
+                  )
+                },
+                p
+              ))
+            }
+          )
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ N(
+    k.Root,
+    {
+      ...l,
+      value: a.value,
+      "data-slot": "progress",
+      "data-size": t,
+      "data-raised": e,
+      "data-stacked": r,
+      className: i(Q({ size: t, raised: e, stacked: r }), o),
+      children: [
+        n,
+        /* @__PURE__ */ s(Z, { children: /* @__PURE__ */ s(kt, { "data-value": a.value }) })
+      ]
+    }
+  );
+}
+function Z({ className: a, ...t }) {
+  return /* @__PURE__ */ s(
+    k.Track,
+    {
+      className: i(
+        "bg-surface border-2 rounded-full relative flex w-full items-center",
+        "group-data-[raised=xs]/progress:shadow-xs",
+        "group-data-[raised=sm]/progress:shadow-sm",
+        "group-data-[raised=md]/progress:shadow-md",
+        "group-data-[raised=lg]/progress:shadow-lg",
+        "group-data-[raised=xl]/progress:shadow-xl",
+        "group-data-[size=xs]/progress:h-3",
+        "group-data-[size=sm]/progress:h-4",
+        "group-data-[size=md]/progress:h-5",
+        "group-data-[size=lg]/progress:h-6",
+        "group-data-[size=xl]/progress:h-7",
+        "group-data-[stacked=default]/progress:overflow-hidden",
+        "overflow-visible",
+        a
+      ),
+      "data-slot": "progress-track",
+      ...t
+    }
+  );
+}
+function kt({
+  className: a,
+  ...t
+}) {
+  return /* @__PURE__ */ s(
+    k.Indicator,
+    {
+      "data-slot": "progress-indicator",
+      className: i(
+        "bg-main h-full transition-all overflow-hidden border-2 rounded-l-xl",
+        "group-data-[stacked=default]/progress:rounded-l-none",
+        "group-data-[stacked=default]/progress:border-0",
+        "group-data-[stacked=xs]/progress:shadow-xs group-data-[stacked=xs]/progress:-translate-0.5",
+        "group-data-[stacked=sm]/progress:shadow-sm group-data-[stacked=sm]/progress:-translate-0.75",
+        "group-data-[stacked=md]/progress:shadow-md group-data-[stacked=md]/progress:-translate-1",
+        "group-data-[stacked=lg]/progress:shadow-lg group-data-[stacked=lg]/progress:-translate-[4.75px]",
+        "group-data-[stacked=xl]/progress:shadow-xl group-data-[stacked=xl]/progress:-translate-[5.5px]",
+        a
+      ),
+      ...t
+    }
+  );
+}
+function yt({
+  className: a,
+  children: t,
+  value: e,
+  index: r,
+  ...o
+}) {
+  return /* @__PURE__ */ s(
+    k.Indicator,
+    {
+      "data-slot": "progress-indicator-group",
+      "data-value": e,
+      "data-group": !0,
+      className: i(
+        "group/progress-indicator-group bg-main overflow-hidden transition-height duration-200 ease-in hover:ease-out border-2 rounded-l-xl",
+        "group-data-[size=xs]/progress:h-2.5 group-data-[size=xs]/progress:hover:h-2.5 group-data-[stacked=default]/progress:group-data-[size=xs]/progress:hover:h-2.5",
+        "group-data-[size=sm]/progress:h-3.5 group-data-[size=sm]/progress:hover:h-3.5 group-data-[stacked=default]/progress:group-data-[size=sm]/progress:hover:h-3.5",
+        "group-data-[size=md]/progress:h-4.5 group-data-[size=md]/progress:hover:h-7.75 group-data-[stacked=default]/progress:group-data-[size=md]/progress:hover:h-4.5",
+        "group-data-[size=lg]/progress:h-5.5 group-data-[size=lg]/progress:hover:h-9.75 group-data-[stacked=default]/progress:group-data-[size=lg]/progress:hover:h-5.5",
+        "group-data-[size=xl]/progress:h-6.5 group-data-[size=xl]/progress:hover:h-11.25 group-data-[stacked=default]/progress:group-data-[size=xl]/progress:hover:h-6.5",
+        "group-data-[stacked=default]/progress:rounded-none group-data-[stacked=default]/progress:border-0 group-data-[stacked=default]/progress:rounded-l-none",
+        "group-data-[stacked=xs]/progress:shadow-xs group-data-[stacked=xs]/progress:-translate-0.5",
+        "group-data-[stacked=sm]/progress:shadow-sm group-data-[stacked=sm]/progress:-translate-0.75",
+        "group-data-[stacked=md]/progress:shadow-md group-data-[stacked=md]/progress:-translate-1",
+        "group-data-[stacked=lg]/progress:shadow-lg group-data-[stacked=lg]/progress:-translate-[4.75px]",
+        "group-data-[stacked=xl]/progress:shadow-xl group-data-[stacked=xl]/progress:-translate-[5.5px]",
+        "hover:**:data-[slot=progress-value]:flex-wrap hover:**:text-foreground hover:**:**:data-[slot=progress-name]:opacity-100 hover:**:data-[slot=progress-name]:translate-0",
+        a
+      ),
+      ...o,
+      style: {
+        minWidth: `${e}%`,
+        maxWidth: `${e}%`,
+        transform: `translateX(calc(var(--stack-translate, 0px) * -${r})) translateY(calc(var(--stack-translate, 0px) * -${r}))`
+      },
+      children: t
+    }
+  );
+}
+const Nt = g("bg-border shrink-0", {
+  variants: {
+    stroke: {
+      thin: "border-0.5",
+      regular: "border-1",
+      thick: "border-2"
+    },
+    orientation: {
+      horizontal: "h-px w-full",
+      vertical: "w-px self-stretch"
+    }
+  },
+  defaultVariants: {
+    stroke: "regular",
+    orientation: "horizontal"
+  }
+});
+function Ct({
+  className: a,
+  orientation: t,
+  stroke: e,
+  ...r
+}) {
+  return /* @__PURE__ */ s(
+    Ea,
+    {
+      "data-slot": "separator",
+      orientation: t,
+      className: i(Nt({ orientation: t, stroke: e }), a),
+      ...r
+    }
+  );
+}
+const Pt = g("bg-foreground/30 rounded-base", {
+  variants: {
+    variant: {
+      circle: "aspect-square w-auto rounded-full",
+      square: "aspect-square w-auto",
+      default: "grow",
+      text: "aspect-[1/19] w-auto rounded-full max-h-10"
+    },
+    animate: {
+      true: "animate-pulse",
+      false: ""
+    }
+  }
+});
+function Tt({
+  variant: a = "default",
+  animate: t = !0,
+  className: e,
+  ...r
+}) {
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      "data-slot": "skeleton",
+      className: i(Pt({ variant: a, animate: t }), e),
+      ...r
+    }
+  );
+}
+const At = g(
+  "neo-base neo-switch-focus relative cursor-pointer inline-flex items-center data-checked:bg-main data-unchecked:bg-surface shrink-0 border-2 border-border transition-[translate,box-shadow,color] aria-disabled:cursor-not-allowed aria-disabled:opacity-50",
+  {
+    variants: {
+      size: {
+        sm: "h-5 w-10",
+        md: "h-6 w-12",
+        lg: "h-7 w-14"
+      },
+      rounded: {
+        none: "rounded-none",
+        sm: "rounded-sm",
+        md: "rounded-md",
+        lg: "rounded-lg",
+        full: "rounded-[999px]"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      rounded: "full"
+    }
+  }
+);
+function Ot({
+  className: a,
+  size: t = "md",
+  rounded: e = "full",
+  onCheckedChange: r,
+  ...o
+}) {
+  const { trigger: n } = L();
+  return /* @__PURE__ */ s(
+    X.Root,
+    {
+      "data-slot": "switch",
+      "data-size": t,
+      "data-rounded": e,
+      className: i(
+        At({ size: t, rounded: e }),
+        "peer group/switch",
+        a
+      ),
+      "aria-label": o["aria-label"] ?? "switch",
+      onCheckedChange: (l, u) => {
+        n(ya), r?.(l, u);
+      },
+      ...o,
+      children: /* @__PURE__ */ s(
+        X.Thumb,
+        {
+          "data-slot": "switch-thumb",
+          className: i(
+            "bg-surface border-2 border-border pointer-events-none block transition-[translate] duration-300",
+            "group-data-checked/switch:ml-px group-data-unchecked/switch:-ml-px",
+            "group-data-[rounded=full]/switch:group-data-checked/switch:ml-0 group-data-[rounded=full]/switch:group-data-unchecked/switch:ml-0",
+            "group-data-unchecked/switch:translate-x-1",
+            "group-data-[size=sm]/switch:size-3",
+            "group-data-[size=md]/switch:size-4",
+            "group-data-[size=lg]/switch:size-5",
+            "group-data-[size=sm]/switch:group-data-checked/switch:translate-x-5",
+            "group-data-[size=md]/switch:group-data-checked/switch:translate-x-6",
+            "group-data-[size=lg]/switch:group-data-checked/switch:translate-x-7",
+            "group-data-[rounded=none]/switch:rounded-none",
+            "group-data-[rounded=sm]/switch:rounded-sm",
+            "group-data-[rounded=md]/switch:rounded-md",
+            "group-data-[rounded=lg]/switch:rounded-lg",
+            "group-data-[rounded=full]/switch:rounded-full"
+          )
+        }
+      )
+    }
+  );
+}
+const It = g("w-full caption-bottom text-sm", {
+  variants: {
+    variant: {
+      default: "",
+      filled: "",
+      lines: ""
+    }
+  }
+});
+function Et({
+  className: a,
+  variant: t = "default",
+  ...e
+}) {
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      "data-slot": "table-container",
+      className: "relative w-full overflow-x-auto",
+      children: /* @__PURE__ */ s(
+        "table",
+        {
+          "data-slot": "table",
+          "data-variant": t,
+          className: i(It({ variant: t }), "group/table", a),
+          ...e
+        }
+      )
+    }
+  );
+}
+function Rt({ className: a, ...t }) {
+  return /* @__PURE__ */ s(
+    "thead",
+    {
+      "data-slot": "table-header",
+      className: i("[&_tr]:border-b font-heading", a),
+      ...t
+    }
+  );
+}
+function _t({ className: a, ...t }) {
+  return /* @__PURE__ */ s(
+    "tbody",
+    {
+      "data-slot": "table-body",
+      className: i("[&_tr:last-child]:border-0", a),
+      ...t
+    }
+  );
+}
+function Vt({ className: a, ...t }) {
+  return /* @__PURE__ */ s(
+    "tfoot",
+    {
+      "data-slot": "table-footer",
+      className: i(
+        "*:bg-transparent border-t font-medium font-heading [&>tr]:last:border-b-0",
+        "group-data-[variant=default]/table:bg-surface",
+        "group-data-[variant=filled]/table:bg-main-secondary",
+        "group-data-[variant=lines]/table:bg-surface",
+        a
+      ),
+      ...t
+    }
+  );
+}
+function St({ className: a, ...t }) {
+  return /* @__PURE__ */ s(
+    "tr",
+    {
+      "data-slot": "table-row",
+      className: i(
+        "border-b transition-colors duration-300 ease",
+        "group-data-[variant=default]/table:bg-surface",
+        "group-data-[variant=default]/table:hover:even:bg-main",
+        "group-data-[variant=default]/table:hover:odd:bg-main-secondary",
+        "group-data-[variant=default]/table:data-[state=selected]:bg-subtle",
+        "group-data-[variant=filled]/table:bg-main",
+        "group-data-[variant=filled]/table:hover:odd:bg-surface",
+        "group-data-[variant=filled]/table:hover:even:bg-main-secondary",
+        "group-data-[variant=filled]/table:data-[state=selected]:bg-foreground/25",
+        "group-data-[variant=filled]/table:last:border-b-2",
+        "group-data-[variant=lines]/table:bg-surface",
+        "group-data-[variant=lines]/table:hover:even:bg-main",
+        "group-data-[variant=lines]/table:hover:odd:bg-main-secondary",
+        "group-data-[variant=lines]/table:data-[state=selected]:bg-main/50",
+        a
+      ),
+      ...t
+    }
+  );
+}
+function jt({ className: a, ...t }) {
+  return /* @__PURE__ */ s(
+    "th",
+    {
+      "data-slot": "table-head",
+      className: i(
+        "text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0",
+        "group-data-[variant=filled]/table:border-r-2 group-data-[variant=filled]/table:border-t-2 group-data-[variant=filled]/table:first:border-l-2",
+        "group-data-[variant=lines]/table:not-last:border-r-2",
+        a
+      ),
+      ...t
+    }
+  );
+}
+function Lt({ className: a, ...t }) {
+  return /* @__PURE__ */ s(
+    "td",
+    {
+      "data-slot": "table-cell",
+      className: i(
+        "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0",
+        "group-data-[variant=filled]/table:first:border-l-2 group-data-[variant=filled]/table:border-r-2",
+        "group-data-[variant=lines]/table:not-last:border-r-2",
+        a
+      ),
+      ...t
+    }
+  );
+}
+function $t({
+  className: a,
+  ...t
+}) {
+  return /* @__PURE__ */ s(
+    "caption",
+    {
+      "data-slot": "table-caption",
+      className: i(
+        "text-muted hover:text-foreground mt-4 text-sm font-heading",
+        a
+      ),
+      ...t
+    }
+  );
+}
+const Bt = ["bindings", "formField", "ssr", "pdf"], Dt = ["children", "bindings", "ssr", "pdf"];
+function aa(a) {
+  return {
+    valueProp: a.valueProp,
+    changeProp: a.changeProp,
+    extract: a.extractor
+  };
+}
+function Gt(a) {
+  if (a)
+    return typeof a == "object" && "default" in a ? Object.fromEntries(
+      Object.entries(a).map(([t, e]) => [
+        t,
+        aa(e)
+      ])
+    ) : aa(a);
+}
+function Ut(a, { components: t = {}, controlledInputs: e = {} }) {
+  const r = { ...a.components };
+  for (const o of /* @__PURE__ */ new Set([...Object.keys(t), ...Object.keys(e)])) {
+    const n = Object.hasOwn(r, o) ? r[o] : void 0, l = Object.hasOwn(t, o) ? t[o] : n?.component;
+    if (l === void 0) continue;
+    const u = Object.hasOwn(e, o) ? Gt(e[o]) : n?.controlled;
+    r[o] = {
+      ...n,
+      component: l,
+      controlled: u,
+      capabilities: n?.capabilities ?? (u ? Bt : Dt)
+    };
+  }
+  return { ...a, components: r };
+}
+const Ht = {
+  [d.A]: ia,
+  [d.H]: la,
+  [d.P]: ua,
+  [d.OL]: "ol",
+  [d.UL]: "ul",
+  [d.LI]: "li",
+  [d.DIV]: "div",
+  [d.SPAN]: "span",
+  [d.IMAGE]: "img",
+  [d.ACCORDION]: Da,
+  [d.ACCORDION_ITEM]: Ga,
+  [d.ACCORDION_TRIGGER]: Ua,
+  [d.ACCORDION_CONTENT]: Ha,
+  [d.ALERT]: Ma,
+  [d.AVATAR]: Ka,
+  [d.BADGE]: qa,
+  [d.BUTTON]: na,
+  [d.CARD]: Ja,
+  [d.CARD_HEADER]: Qa,
+  [d.CARD_TITLE]: Za,
+  [d.CARD_DESCRIPTION]: at,
+  [d.CARD_CONTENT]: rt,
+  [d.CARD_FOOTER]: ot,
+  [d.CARD_ACTION]: tt,
+  [d.CARD_ICON]: et,
+  [d.CHECKBOX]: dt,
+  [d.COLLAPSIBLE]: nt,
+  [d.COLLAPSIBLE_TRIGGER]: it,
+  [d.COLLAPSIBLE_CONTENT]: lt,
+  [d.OTP]: ut,
+  [d.INPUT]: ca,
+  [d.INPUT_GROUP]: ct,
+  [d.INPUT_GROUP_TEXT]: ft,
+  [d.INPUT_GROUP_ADDON]: gt,
+  [d.INPUT_GROUP_INPUT]: bt,
+  [d.INPUT_GROUP_BUTTON]: ht,
+  [d.INPUT_GROUP_TEXTAREA]: vt,
+  [d.LABEL]: wt,
+  [d.LOADER]: Na,
+  [d.PROGRESS]: zt,
+  [d.SWITCH]: Ot,
+  [d.SEPARATOR]: Ct,
+  [d.SKELETON]: Tt,
+  [d.TABLE]: Et,
+  [d.TABLE_HEADER]: Rt,
+  [d.TABLE_BODY]: _t,
+  [d.TABLE_FOOTER]: Vt,
+  [d.TABLE_HEAD]: jt,
+  [d.TABLE_ROW]: St,
+  [d.TABLE_CELL]: Lt,
+  [d.TABLE_CAPTION]: $t,
+  [d.TEXTAREA]: pa
+}, Ft = {
+  [d.INPUT]: {
+    text: {
+      valueProp: "value",
+      changeProp: "onChange",
+      extractor: (a) => a.target.value
+    },
+    email: {
+      valueProp: "value",
+      changeProp: "onChange",
+      extractor: (a) => a.target.value
+    },
+    password: {
+      valueProp: "value",
+      changeProp: "onChange",
+      extractor: (a) => a.target.value
+    },
+    number: {
+      valueProp: "value",
+      changeProp: "onChange",
+      // valueAsNumber is NaN (never nullish) for an empty or partial entry; keep the raw string then.
+      extractor: (a) => Number.isNaN(a.target.valueAsNumber) ? a.target.value : a.target.valueAsNumber
+    },
+    default: {
+      valueProp: "value",
+      changeProp: "onChange",
+      extractor: (a) => a.target.value
+    }
+  },
+  // input-otp calls onChange with the new string, not an event.
+  [d.OTP]: {
+    valueProp: "value",
+    changeProp: "onChange",
+    extractor: (a) => a
+  },
+  [d.CHECKBOX]: {
+    valueProp: "checked",
+    changeProp: "onCheckedChange",
+    extractor: (a) => a
+  },
+  [d.TEXTAREA]: {
+    valueProp: "value",
+    changeProp: "onChange",
+    extractor: (a) => a.target.value
+  },
+  [d.INPUT_GROUP_INPUT]: {
+    valueProp: "value",
+    changeProp: "onChange",
+    extractor: (a) => a.target.value
+  },
+  [d.INPUT_GROUP_TEXTAREA]: {
+    valueProp: "value",
+    changeProp: "onChange",
+    extractor: (a) => a.target.value
+  },
+  [d.SWITCH]: {
+    valueProp: "checked",
+    changeProp: "onCheckedChange",
+    extractor: (a) => a
+  }
+}, Mt = Ut(
+  {
+    id: "pebble-ui",
+    version: "1.0.0",
+    namespace: "pebble",
+    fallback: "div",
+    components: {}
+  },
+  { components: Ht, controlledInputs: Ft }
+), ga = sa(Mt);
+function Wt() {
+  return da(ga);
+}
+const ma = sa("web");
+function ze() {
+  return da(ma);
+}
+function ke({
+  registry: a,
+  render: t = "web",
+  children: e
+}) {
+  const r = Wt();
+  return /* @__PURE__ */ s(ga.Provider, { value: a ?? r, children: /* @__PURE__ */ s(ma.Provider, { value: t, children: e }) });
+}
+const Kt = /* @__PURE__ */ new Set([
+  "area",
+  "base",
+  "br",
+  "col",
+  "embed",
+  "hr",
+  "img",
+  "input",
+  "link",
+  "meta",
+  "param",
+  "source",
+  "track",
+  "wbr"
+]), O = (a, t, e) => `${a.type}-${e}-${t}`;
+function ta(a, t, e = void 0) {
+  return t ? B(t).reduce((o, n) => {
+    if (o != null)
+      return o[C(n)];
+  }, a) ?? e : a;
+}
+function ye(a, t, e) {
+  if (!t) {
+    Object.assign(a, e);
+    return;
+  }
+  const r = B(t);
+  let o = a;
+  for (let n = 0; n < r.length - 1; n++) {
+    const l = C(r[n]), u = C(r[n + 1]);
+    o[l] ??= /^\d+$/.test(u) ? [] : {}, o = o[l];
+  }
+  o[C(r[r.length - 1])] = e;
+}
+function ha(a) {
+  const t = a.match(/^[^.[]+/);
+  return t ? t[0] : a;
+}
+function ea(a, t) {
+  return !!t && Object.hasOwn(t, ha(a));
+}
+function ra(a, t) {
+  if (!t) return a;
+  const e = ha(a), r = t[e];
+  return r == null ? a : r + a.slice(e.length);
+}
+const z = (a, t) => Va(a, t);
+function Ne(a, t) {
+  const e = {};
+  for (const { key: r, segments: o, numericNext: n } of a) {
+    const l = t(r);
+    if (o.length === 1) {
+      e[r] = l;
+      continue;
+    }
+    let u = e;
+    for (let c = 0; c < o.length - 1; c++) {
+      const p = o[c];
+      (!(p in u) || typeof u[p] != "object" || u[p] === null) && (u[p] = n[c] ? [] : {}), u = u[p];
+    }
+    u[o[o.length - 1]] = l;
+  }
+  return e;
+}
+const Xt = (a, t) => {
+  if (!t) return "div";
+  if (Object.hasOwn(a.components, t))
+    return a.components[t].component;
+  if (a.fallback === "error")
+    throw new Error(
+      `Bonsai: unknown component type "${t}" in registry "${a.id}"@"${a.version}"`
+    );
+  return a.fallback && a.fallback !== "div" ? a.fallback : "div";
+}, fa = (a, t, e, r = {}) => {
+  const o = {
+    key: e,
+    ...a.source?.args,
+    ...r
+  };
+  for (const n of Object.keys(o))
+    (a.dynamicArgs.has(n) || Object.hasOwn(r, n)) && (o[n] = z(o[n], t));
+  return o;
+};
+function qt(a, t, e, r, o) {
+  return r[a.changeProp] ? {} : {
+    [a.changeProp]: (n) => o(t, a.extract(n)),
+    [a.valueProp]: e
+  };
+}
+const Yt = () => {
+};
+function Jt({
+  node: a,
+  dataSlice: t,
+  elementKey: e,
+  ElementType: r,
+  ctrlInput: o,
+  keyPath: n,
+  storeValue: l,
+  updateData: u,
+  children: c
+}) {
+  const p = qt(
+    o,
+    n,
+    l,
+    a.source?.args ?? {},
+    u
+  ), f = fa(a, t, e, p);
+  return c !== void 0 ? R(r, f, c) : R(r, f);
+}
+function Qt(a, t, e) {
+  if (!Object.hasOwn(a.components, t)) return;
+  const r = a.components[t].controlled;
+  if (r) {
+    if (typeof r == "object" && "default" in r) {
+      const o = e?.args?.type || "default", n = r;
+      return (Object.hasOwn(n, o) ? n[o] : void 0) || n.default;
+    }
+    return r;
+  }
+}
+function Ce(a, t) {
+  return a === "pdf" || t === "div" ? "div" : "form";
+}
+function oa(a) {
+  if (Array.isArray(a)) return a.map((t) => oa(t));
+  if (a !== null && typeof a == "object") {
+    const t = Object.getPrototypeOf(a);
+    if (t === Object.prototype || t === null) {
+      const e = {};
+      for (const [r, o] of Object.entries(a))
+        e[r] = oa(o);
+      return e;
+    }
+  }
+  return a;
+}
+function Pe(a, t, e, r, o, n, l, u) {
+  const c = a.source;
+  if (!c) return null;
+  const p = u.dataSlice(a, r, o);
+  if (a.isText)
+    return z(c, p);
+  try {
+    const f = a.type;
+    if (a.isIf)
+      return z(c.args.condition, p) ? /* @__PURE__ */ s(E, { children: a.children.map(
+        (v, y) => u.renderChild(
+          v,
+          y,
+          `${e}-${t}-if`,
+          r,
+          O(v, y, `${e}-${t}-if`)
+        )
+      ) }) : null;
+    if (a.isEach) {
+      const m = a.each, { as: v, keyExpr: y, rawItemsPath: V } = m, D = z(c.args.items, p), ba = Array.isArray(D) ? D : [], va = V && !ea(V, r.valueScope) ? ra(V, r.scope) : "";
+      return /* @__PURE__ */ s(E, { children: ba.map((G, U) => {
+        const xa = u.rowCtx(r, o, G, U, m, va), H = y ? z(y, { ...p, [v]: G }) : U, F = `${e}-${t}-each-${H}`;
+        return /* @__PURE__ */ s(wa, { children: a.children.map(
+          (M, W) => u.renderChild(
+            M,
+            W,
+            F,
+            xa,
+            O(M, W, F)
+          )
+        ) }, String(H));
+      }) });
+    }
+    const w = Xt(n, f), T = O(a, t, e), x = Qt(n, f, c);
+    let h;
+    if (x) {
+      const m = a.argPaths[x.valueProp];
+      if (m !== void 0 && ea(m, r.valueScope))
+        h = {
+          keyPath: m,
+          storeValue: ta(r.valueScope, m),
+          readOnly: !0
+        };
+      else if (m !== void 0) {
+        const v = ra(m, r.scope);
+        h = {
+          keyPath: v,
+          storeValue: ta(o.data ?? o, v)
+        };
+      } else a.dynamicArgs.has(x.valueProp) && (h = {
+        keyPath: "",
+        storeValue: z(c.args[x.valueProp], p),
+        readOnly: !0
+      });
+    }
+    if (a.isImage) {
+      const m = z(c.args?.src, p);
+      if (m === "" || m == null) return null;
+    }
+    const _ = a.children.length > 0 ? a.children.map(
+      (m, v) => u.renderChild(
+        m,
+        v,
+        `${e}-${t}`,
+        r,
+        O(a, v, `${e}-${t}`)
+      )
+    ) : void 0, b = typeof w == "string" && Kt.has(w) ? void 0 : _;
+    if (h && x)
+      return /* @__PURE__ */ s(
+        Jt,
+        {
+          node: a,
+          dataSlice: p,
+          elementKey: T,
+          ElementType: w,
+          ctrlInput: x,
+          keyPath: h.keyPath,
+          storeValue: h.storeValue,
+          updateData: h.readOnly ? Yt : l,
+          children: b
+        }
+      );
+    const A = fa(a, p, T);
+    return b !== void 0 ? R(w, A, b) : R(w, A);
+  } catch (f) {
+    return console.error(`Error at ${e}-${t}:`, f), null;
+  }
+}
+export {
+  ke as B,
+  ct as I,
+  Kt as V,
+  Ft as a,
+  Mt as b,
+  Ht as c,
+  we as d,
+  xe as e,
+  Ut as f,
+  gt as g,
+  bt as h,
+  ve as i,
+  Wt as j,
+  Pe as k,
+  Ne as l,
+  ta as m,
+  oa as n,
+  Xt as o,
+  O as p,
+  fa as q,
+  Ce as r,
+  ye as s,
+  ha as t,
+  ze as u,
+  ra as v,
+  ga as w
+};
+//# sourceMappingURL=render-shared-Ci28BpkI.js.map