@ddmetrics/untitled-ui-make-kit 0.1.0

package/dist/index.js

@@ -0,0 +1,2054 @@
+import { jsxs as l, jsx as e, Fragment as ae } from "react/jsx-runtime";
+import { useState as R, isValidElement as L, createContext as de, useContext as ce, useId as J } from "react";
+import { User01 as xe, X as ue, ArrowRight as me, HelpCircle as $, InfoCircle as pe, EyeOff as ye, Eye as he, CheckCircle as E, PlayCircle as ge, Trash01 as I, UploadCloud02 as fe } from "@untitledui/icons";
+import { extendTailwindMerge as Ce } from "tailwind-merge";
+import { TooltipTrigger as be, Tooltip as ke, OverlayArrow as we, Button as G, Link as ve, Form as Ne, Text as We, Label as ze, Group as Ve, Input as He, TextField as Me } from "react-aria-components";
+import { motion as S, AnimatePresence as Be } from "motion/react";
+import { FileIcon as O } from "@untitledui/file-icons";
+const Ae = Ce({
+  extend: {
+    theme: {
+      text: ["display-xs", "display-sm", "display-md", "display-lg", "display-xl", "display-2xl"]
+    }
+  }
+}), a = Ae;
+function lt(t) {
+  return t;
+}
+const X = ({
+  title: t,
+  description: r,
+  children: n,
+  arrow: o = !1,
+  delay: i = 300,
+  closeDelay: s = 0,
+  trigger: d,
+  isDisabled: x,
+  isOpen: c,
+  defaultOpen: u,
+  offset: p = 6,
+  crossOffset: y,
+  placement: g = "top",
+  onOpenChange: C,
+  ...f
+}) => {
+  const k = ["top left", "top end", "bottom left", "bottom end"].includes(g), v = ["top right", "top start", "bottom right", "bottom start"].includes(g);
+  return /* @__PURE__ */ l(be, { trigger: d, delay: i, closeDelay: s, isDisabled: x, isOpen: c, defaultOpen: u, onOpenChange: C, children: [
+    n,
+    /* @__PURE__ */ e(
+      ke,
+      {
+        ...f,
+        offset: p,
+        placement: g,
+        crossOffset: y ?? (k ? -12 : v ? 12 : 0),
+        className: ({ isEntering: b, isExiting: N }) => a(b && "ease-out animate-in", N && "ease-in animate-out"),
+        children: ({ isEntering: b, isExiting: N }) => /* @__PURE__ */ l(
+          "div",
+          {
+            className: a(
+              "z-50 flex max-w-xs origin-(--trigger-anchor-point) flex-col items-start gap-1 rounded-lg bg-primary-solid px-3 shadow-lg will-change-transform",
+              r ? "py-3" : "py-2",
+              b && "ease-out animate-in fade-in zoom-in-95 in-placement-left:slide-in-from-right-0.5 in-placement-right:slide-in-from-left-0.5 in-placement-top:slide-in-from-bottom-0.5 in-placement-bottom:slide-in-from-top-0.5",
+              N && "ease-in animate-out fade-out zoom-out-95 in-placement-left:slide-out-to-right-0.5 in-placement-right:slide-out-to-left-0.5 in-placement-top:slide-out-to-bottom-0.5 in-placement-bottom:slide-out-to-top-0.5"
+            ),
+            children: [
+              /* @__PURE__ */ e("span", { className: "text-xs font-semibold text-white", children: t }),
+              r && /* @__PURE__ */ e("span", { className: "text-xs font-medium text-tooltip-supporting-text", children: r }),
+              o && /* @__PURE__ */ e(we, { children: /* @__PURE__ */ e(
+                "svg",
+                {
+                  viewBox: "0 0 100 100",
+                  className: "size-2.5 fill-bg-primary-solid in-placement-left:-rotate-90 in-placement-right:rotate-90 in-placement-top:rotate-0 in-placement-bottom:rotate-180",
+                  children: /* @__PURE__ */ e("path", { d: "M0,0 L35.858,35.858 Q50,50 64.142,35.858 L100,0 Z" })
+                }
+              ) })
+            ]
+          }
+        )
+      }
+    )
+  ] });
+}, Y = ({ children: t, className: r, ...n }) => /* @__PURE__ */ e(G, { ...n, className: (o) => a("h-max w-max outline-hidden", typeof r == "function" ? r(o) : r), children: t }), Se = {
+  xs: "size-1.5",
+  sm: "size-2",
+  md: "size-2.5",
+  lg: "size-3",
+  xl: "size-3.5",
+  "2xl": "size-4",
+  "3xl": "size-4.5",
+  "4xl": "size-5"
+}, Le = ({ size: t, status: r, className: n }) => /* @__PURE__ */ e(
+  "span",
+  {
+    className: a(
+      "absolute right-0 bottom-0 flex justify-center rounded-full ring-[1.5px] ring-bg-primary",
+      r === "online" ? "bg-fg-success-secondary" : "bg-utility-neutral-300",
+      Se[t],
+      n
+    ),
+    style: {
+      backgroundImage: "radial-gradient(43.75% 43.75% at 50% 28.75%, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.00) 100%), radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.00) 74.66%, rgba(255, 255, 255, 0.18) 100%), radial-gradient(75% 75% at 50% 0%, rgba(255, 255, 255, 0.00) 0%, rgba(255, 255, 255, 0.00) 50%, rgba(255, 255, 255, 0.08) 99%, rgba(255, 255, 255, 0.00) 100%)"
+    },
+    children: /* @__PURE__ */ l("svg", { viewBox: "0 0 7.2 2.85", fill: "none", className: "mt-[10%] h-[20%] w-[60%]", children: [
+      /* @__PURE__ */ e(
+        "path",
+        {
+          d: "M7.2 1.83107C7.2 2.84235 5.58823 2.19729 3.6 2.19729C1.61177 2.19729 0 2.84235 0 1.83107C0 0.8198 1.61177 0 3.6 0C5.58823 0 7.2 0.8198 7.2 1.83107Z",
+          fill: "url(#reflection-gradient)",
+          fillOpacity: "0.4"
+        }
+      ),
+      /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ l("linearGradient", { id: "reflection-gradient", x1: "3.6", y1: "0", x2: "3.6", y2: "2.4", gradientUnits: "userSpaceOnUse", children: [
+        /* @__PURE__ */ e("stop", { stopColor: "white" }),
+        /* @__PURE__ */ e("stop", { offset: "1", stopColor: "white", stopOpacity: "0.1" })
+      ] }) })
+    ] })
+  }
+), _e = {
+  xs: "size-2.5",
+  sm: "size-3",
+  md: "size-3.5",
+  lg: "size-4",
+  xl: "size-4.5",
+  "2xl": "size-5",
+  "3xl": "size-6",
+  "4xl": "size-8"
+}, Ze = ({ size: t, className: r }) => /* @__PURE__ */ l("svg", { className: a("z-10 text-utility-blue-500", _e[t], r), viewBox: "0 0 10 10", fill: "none", children: [
+  /* @__PURE__ */ e(
+    "path",
+    {
+      d: "M7.72237 1.77098C7.81734 2.00068 7.99965 2.18326 8.2292 2.27858L9.03413 2.61199C9.26384 2.70714 9.44635 2.88965 9.5415 3.11936C9.63665 3.34908 9.63665 3.60718 9.5415 3.83689L9.20833 4.64125C9.11313 4.87106 9.113 5.12943 9.20863 5.35913L9.54122 6.16325C9.58839 6.27702 9.61268 6.39897 9.6127 6.52214C9.61272 6.6453 9.58847 6.76726 9.54134 6.88105C9.4942 6.99484 9.42511 7.09823 9.33801 7.18531C9.2509 7.27238 9.14749 7.34144 9.03369 7.38854L8.22934 7.72171C7.99964 7.81669 7.81706 7.99899 7.72174 8.22855L7.38833 9.03348C7.29318 9.26319 7.11067 9.4457 6.88096 9.54085C6.65124 9.636 6.39314 9.636 6.16343 9.54085L5.35907 9.20767C5.12935 9.11276 4.87134 9.11295 4.64177 9.20821L3.83684 9.54115C3.60725 9.63608 3.34937 9.636 3.11984 9.54092C2.89032 9.44585 2.70791 9.26356 2.6127 9.03409L2.27918 8.22892C2.18421 7.99923 2.0019 7.81665 1.77235 7.72133L0.967421 7.38792C0.737807 7.29281 0.555355 7.11041 0.460169 6.88083C0.364983 6.65125 0.364854 6.39327 0.45981 6.16359L0.792984 5.35924C0.8879 5.12952 0.887707 4.87151 0.792445 4.64193L0.459749 3.83642C0.41258 3.72265 0.388291 3.60069 0.388272 3.47753C0.388252 3.35436 0.412501 3.2324 0.459634 3.11861C0.506767 3.00482 0.57586 2.90144 0.662965 2.81436C0.75007 2.72728 0.853479 2.65822 0.967283 2.61113L1.77164 2.27795C2.00113 2.18306 2.1836 2.00099 2.27899 1.7717L2.6124 0.966768C2.70755 0.737054 2.89006 0.554547 3.11978 0.459397C3.34949 0.364246 3.60759 0.364246 3.83731 0.459397L4.64166 0.792571C4.87138 0.887487 5.12939 0.887293 5.35897 0.792031L6.16424 0.459913C6.39392 0.364816 6.65197 0.364836 6.88164 0.459968C7.11131 0.555099 7.29379 0.737554 7.38895 0.967208L7.72247 1.77238L7.72237 1.77098Z",
+      className: "fill-current"
+    }
+  ),
+  /* @__PURE__ */ e(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M6.95829 3.68932C7.02509 3.58439 7.04747 3.45723 7.02051 3.3358C6.99356 3.21437 6.91946 3.10862 6.81454 3.04182C6.70961 2.97502 6.58245 2.95264 6.46102 2.97959C6.33959 3.00655 6.23384 3.08064 6.16704 3.18557L4.33141 6.06995L3.49141 5.01995C3.41375 4.92281 3.30069 4.8605 3.17709 4.84673C3.05349 4.83296 2.92949 4.86885 2.83235 4.94651C2.73522 5.02417 2.67291 5.13723 2.65914 5.26083C2.64536 5.38443 2.68125 5.50843 2.75891 5.60557L4.00891 7.16807C4.0555 7.22638 4.11533 7.27271 4.18344 7.30323C4.25154 7.33375 4.32595 7.34757 4.40047 7.34353C4.47499 7.3395 4.54747 7.31773 4.61188 7.28004C4.67629 7.24234 4.73077 7.18981 4.77079 7.12682L6.95829 3.68932Z",
+      fill: "white"
+    }
+  )
+] }), je = ({ count: t, className: r }) => /* @__PURE__ */ e("div", { className: a("absolute right-0 bottom-0 p-px", r), children: /* @__PURE__ */ e("div", { className: "flex size-3.5 items-center justify-center rounded-full bg-fg-error-primary text-center text-[10px] leading-[13px] font-bold text-white", children: t }) }), A = {
+  xs: { root: "size-6", rootWithBorder: "p-px", initials: "text-xs font-semibold", icon: "size-4" },
+  sm: { root: "size-8", rootWithBorder: "p-px", initials: "text-sm font-semibold", icon: "size-5" },
+  md: { root: "size-10", rootWithBorder: "p-px", initials: "text-md font-semibold", icon: "size-6" },
+  lg: { root: "size-12", rootWithBorder: "p-[1.5px]", initials: "text-lg font-semibold", icon: "size-7" },
+  xl: { root: "size-14", rootWithBorder: "p-0.5", initials: "text-xl font-semibold", icon: "size-8" },
+  "2xl": { root: "size-16", rootWithBorder: "p-0.5", initials: "text-display-xs font-semibold", icon: "size-8" }
+}, T = ({
+  size: t = "md",
+  src: r,
+  alt: n,
+  initials: o,
+  placeholder: i,
+  placeholderIcon: s,
+  border: d,
+  badge: x,
+  status: c,
+  verified: u,
+  count: p,
+  focusable: y = !1,
+  rounded: g = !0,
+  className: C,
+  contentClassName: f
+}) => {
+  const [k, v] = R(!1), W = r && !k, b = () => W ? /* @__PURE__ */ e("img", { "data-avatar-img": !0, className: "size-full object-cover", src: r, alt: n, onError: () => v(!0) }) : o ? /* @__PURE__ */ e("span", { className: a("text-quaternary", A[t].initials), children: o }) : s ? /* @__PURE__ */ e(s, { className: a("text-fg-quaternary", A[t].icon) }) : i || /* @__PURE__ */ e(xe, { className: a("text-fg-quaternary", A[t].icon) }), N = () => c ? /* @__PURE__ */ e(Le, { status: c, size: t }) : u ? /* @__PURE__ */ e(Ze, { size: t, className: a("absolute right-0 bottom-0", t === "xs" && "-right-px -bottom-px") }) : p ? /* @__PURE__ */ e(je, { count: p }) : x;
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      "data-avatar": !0,
+      className: a(
+        "relative inline-flex shrink-0 rounded-[7px]",
+        g && "rounded-full",
+        // Focus styles
+        y && "outline-transparent group-focus-visible:outline-2 group-focus-visible:outline-offset-2 group-focus-visible:outline-focus-ring",
+        d && "ring-1 ring-secondary_alt",
+        d && A[t].rootWithBorder,
+        A[t].root,
+        C
+      ),
+      children: [
+        /* @__PURE__ */ e(
+          "div",
+          {
+            className: a(
+              "relative inline-flex size-full shrink-0 items-center justify-center overflow-hidden rounded-md bg-tertiary outline-[0.5px] -outline-offset-[0.5px] outline-black/16 before:inset-[0.5px]",
+              g && "rounded-full",
+              W && t !== "xs" && "before:absolute before:inset-0 before:rounded-[inherit] before:border before:border-white/32 before:mask-[linear-gradient(to_bottom,black_0%,transparent_25%,transparent_75%,black_100%)]",
+              f
+            ),
+            children: b()
+          }
+        ),
+        N()
+      ]
+    }
+  );
+}, z = {
+  sm: {
+    wh: 8,
+    c: 4,
+    r: 2.5
+  },
+  md: {
+    wh: 10,
+    c: 5,
+    r: 4
+  }
+}, Oe = ({ size: t = "md", ...r }) => /* @__PURE__ */ e("svg", { width: z[t].wh, height: z[t].wh, viewBox: `0 0 ${z[t].wh} ${z[t].wh}`, fill: "none", ...r, children: /* @__PURE__ */ e("circle", { cx: z[t].c, cy: z[t].c, r: z[t].r, fill: "currentColor", stroke: "currentColor" }) }), m = {
+  pillColor: "pill-color",
+  badgeColor: "color",
+  badgeModern: "modern"
+}, _ = {
+  gray: {
+    root: "bg-utility-neutral-50 text-utility-neutral-700 ring-utility-neutral-200",
+    addon: "text-utility-neutral-500",
+    addonButton: "hover:bg-utility-neutral-100 text-utility-neutral-400 hover:text-utility-neutral-500"
+  },
+  brand: {
+    root: "bg-utility-brand-50 text-utility-brand-700 ring-utility-brand-200",
+    addon: "text-utility-brand-500",
+    addonButton: "hover:bg-utility-brand-100 text-utility-brand-400 hover:text-utility-brand-500"
+  },
+  error: {
+    root: "bg-utility-red-50 text-utility-red-700 ring-utility-red-200",
+    addon: "text-utility-red-500",
+    addonButton: "hover:bg-utility-red-100 text-utility-red-400 hover:text-utility-red-500"
+  },
+  warning: {
+    root: "bg-utility-yellow-50 text-utility-yellow-700 ring-utility-yellow-200",
+    addon: "text-utility-yellow-500",
+    addonButton: "hover:bg-utility-yellow-100 text-utility-yellow-400 hover:text-utility-yellow-500"
+  },
+  success: {
+    root: "bg-utility-green-50 text-utility-green-700 ring-utility-green-200",
+    addon: "text-utility-green-500",
+    addonButton: "hover:bg-utility-green-100 text-utility-green-400 hover:text-utility-green-500"
+  },
+  slate: {
+    root: "bg-utility-slate-50 text-utility-slate-700 ring-utility-slate-200",
+    addon: "text-utility-slate-500",
+    addonButton: "hover:bg-utility-slate-100 text-utility-slate-400 hover:text-utility-slate-500"
+  },
+  sky: {
+    root: "bg-utility-sky-50 text-utility-sky-700 ring-utility-sky-200",
+    addon: "text-utility-sky-500",
+    addonButton: "hover:bg-utility-sky-100 text-utility-sky-400 hover:text-utility-sky-500"
+  },
+  blue: {
+    root: "bg-utility-blue-50 text-utility-blue-700 ring-utility-blue-200",
+    addon: "text-utility-blue-500",
+    addonButton: "hover:bg-utility-blue-100 text-utility-blue-400 hover:text-utility-blue-500"
+  },
+  indigo: {
+    root: "bg-utility-indigo-50 text-utility-indigo-700 ring-utility-indigo-200",
+    addon: "text-utility-indigo-500",
+    addonButton: "hover:bg-utility-indigo-100 text-utility-indigo-400 hover:text-utility-indigo-500"
+  },
+  purple: {
+    root: "bg-utility-purple-50 text-utility-purple-700 ring-utility-purple-200",
+    addon: "text-utility-purple-500",
+    addonButton: "hover:bg-utility-purple-100 text-utility-purple-400 hover:text-utility-purple-500"
+  },
+  pink: {
+    root: "bg-utility-pink-50 text-utility-pink-700 ring-utility-pink-200",
+    addon: "text-utility-pink-500",
+    addonButton: "hover:bg-utility-pink-100 text-utility-pink-400 hover:text-utility-pink-500"
+  },
+  orange: {
+    root: "bg-utility-orange-50 text-utility-orange-700 ring-utility-orange-200",
+    addon: "text-utility-orange-500",
+    addonButton: "hover:bg-utility-orange-100 text-utility-orange-400 hover:text-utility-orange-500"
+  }
+}, Te = Object.fromEntries(Object.entries(_).map(([t, r]) => [t, { root: "", addon: r.addon }])), j = {
+  [m.pillColor]: {
+    common: "size-max flex items-center whitespace-nowrap rounded-full ring-1 ring-inset",
+    styles: _
+  },
+  [m.badgeColor]: {
+    common: "size-max flex items-center whitespace-nowrap rounded-md ring-1 ring-inset",
+    styles: _
+  },
+  [m.badgeModern]: {
+    common: "size-max flex items-center whitespace-nowrap rounded-md ring-1 ring-inset shadow-xs",
+    styles: {
+      gray: {
+        root: "bg-primary text-secondary ring-primary",
+        addon: "text-neutral-500",
+        addonButton: "hover:bg-utility-neutral-100 text-utility-neutral-400 hover:text-utility-neutral-500"
+      }
+    }
+  }
+}, K = {
+  [m.pillColor]: {
+    common: "size-max flex items-center whitespace-nowrap rounded-full ring-1 ring-inset",
+    styles: _
+  },
+  [m.badgeColor]: {
+    common: "size-max flex items-center whitespace-nowrap rounded-md ring-1 ring-inset",
+    styles: _
+  },
+  [m.badgeModern]: {
+    common: "size-max flex items-center whitespace-nowrap rounded-md ring-1 ring-inset bg-primary text-secondary ring-primary shadow-xs",
+    styles: Te
+  }
+}, Re = (t) => {
+  const { type: r = "pill-color", size: n = "md", color: o = "gray", children: i } = t, s = j[r], d = {
+    sm: "py-0.5 px-2 text-xs font-medium",
+    md: "py-0.5 px-2.5 text-sm font-medium",
+    lg: "py-1 px-3 text-sm font-medium"
+  }, x = {
+    sm: "py-0.5 px-1.5 text-xs font-medium",
+    md: "py-0.5 px-2 text-sm font-medium",
+    lg: "py-1 px-2.5 text-sm font-medium rounded-lg"
+  }, c = {
+    [m.pillColor]: d,
+    [m.badgeColor]: x,
+    [m.badgeModern]: x
+  };
+  return /* @__PURE__ */ e("span", { className: a(s.common, c[r][n], s.styles[o].root, t.className), children: i });
+}, nt = (t) => {
+  const { size: r = "md", color: n = "gray", type: o = "pill-color", className: i, children: s } = t, d = K[o], x = {
+    sm: "gap-1 py-0.5 pl-1.5 pr-2 text-xs font-medium",
+    md: "gap-1.5 py-0.5 pl-2 pr-2.5 text-sm font-medium",
+    lg: "gap-1.5 py-1 pl-2.5 pr-3 text-sm font-medium"
+  }, c = {
+    sm: "gap-1 py-0.5 px-1.5 text-xs font-medium",
+    md: "gap-1.5 py-0.5 px-2 text-sm font-medium",
+    lg: "gap-1.5 py-1 px-2.5 text-sm font-medium rounded-lg"
+  }, u = {
+    [m.pillColor]: x,
+    [m.badgeColor]: c,
+    [m.badgeModern]: c
+  };
+  return /* @__PURE__ */ l("span", { className: a(d.common, u[o][r], d.styles[n].root, i), children: [
+    /* @__PURE__ */ e(Oe, { className: d.styles[n].addon, size: "sm" }),
+    s
+  ] });
+}, st = (t) => {
+  const { size: r = "md", color: n = "gray", type: o = "pill-color", iconLeading: i, iconTrailing: s, children: d, className: x } = t, c = K[o], u = i ? "leading" : "trailing", p = {
+    sm: {
+      trailing: "gap-0.5 py-0.5 pl-2 pr-1.5 text-xs font-medium",
+      leading: "gap-0.5 py-0.5 pr-2 pl-1.5 text-xs font-medium"
+    },
+    md: {
+      trailing: "gap-1 py-0.5 pl-2.5 pr-2 text-sm font-medium",
+      leading: "gap-1 py-0.5 pr-2.5 pl-2 text-sm font-medium"
+    },
+    lg: {
+      trailing: "gap-1 py-1 pl-3 pr-2.5 text-sm font-medium",
+      leading: "gap-1 py-1 pr-3 pl-2.5 text-sm font-medium"
+    }
+  }, y = {
+    sm: {
+      trailing: "gap-0.5 py-0.5 pl-2 pr-1.5 text-xs font-medium",
+      leading: "gap-0.5 py-0.5 pr-2 pl-1.5 text-xs font-medium"
+    },
+    md: {
+      trailing: "gap-1 py-0.5 pl-2 pr-1.5 text-sm font-medium",
+      leading: "gap-1 py-0.5 pr-2 pl-1.5 text-sm font-medium"
+    },
+    lg: {
+      trailing: "gap-1 py-1 pl-2.5 pr-2 text-sm font-medium rounded-lg",
+      leading: "gap-1 py-1 pr-2.5 pl-2 text-sm font-medium rounded-lg"
+    }
+  }, g = {
+    [m.pillColor]: p,
+    [m.badgeColor]: y,
+    [m.badgeModern]: y
+  };
+  return /* @__PURE__ */ l("span", { className: a(c.common, g[o][r][u], c.styles[n].root, x), children: [
+    i && /* @__PURE__ */ e(i, { className: a(c.styles[n].addon, "size-3 stroke-3") }),
+    d,
+    s && /* @__PURE__ */ e(s, { className: a(c.styles[n].addon, "size-3 stroke-3") })
+  ] });
+}, at = (t) => {
+  const { size: r = "md", color: n = "gray", flag: o = "AU", type: i = "pill-color", children: s } = t, d = j[i], x = {
+    sm: "gap-1 py-0.5 pl-0.75 pr-2 text-xs font-medium",
+    md: "gap-1.5 py-0.5 pl-1 pr-2.5 text-sm font-medium",
+    lg: "gap-1.5 py-1 pl-1.5 pr-3 text-sm font-medium"
+  }, c = {
+    sm: "gap-1 py-0.5 pl-1 pr-1.5 text-xs font-medium",
+    md: "gap-1.5 py-0.5 pl-1.5 pr-2 text-sm font-medium",
+    lg: "gap-1.5 py-1 pl-2 pr-2.5 text-sm font-medium rounded-lg"
+  }, u = {
+    [m.pillColor]: x,
+    [m.badgeColor]: c,
+    [m.badgeModern]: c
+  };
+  return /* @__PURE__ */ l("span", { className: a(d.common, u[i][r], d.styles[n].root), children: [
+    /* @__PURE__ */ e("img", { src: `https://www.untitledui.com/images/flags/${o}.svg`, className: "size-4 max-w-none rounded-full", alt: `${o} flag` }),
+    s
+  ] });
+}, dt = (t) => {
+  const { size: r = "md", color: n = "gray", type: o = "pill-color", imgSrc: i, children: s } = t, d = j[o], x = {
+    sm: "gap-1 py-0.5 pl-0.75 pr-2 text-xs font-medium",
+    md: "gap-1.5 py-0.5 pl-1 pr-2.5 text-sm font-medium",
+    lg: "gap-1.5 py-1 pl-1.5 pr-3 text-sm font-medium"
+  }, c = {
+    sm: "gap-1 py-0.5 pl-1 pr-1.5 text-xs font-medium",
+    md: "gap-1.5 py-0.5 pl-1.5 pr-2 text-sm font-medium",
+    lg: "gap-1.5 py-1 pl-2 pr-2.5 text-sm font-medium rounded-lg"
+  }, u = {
+    [m.pillColor]: x,
+    [m.badgeColor]: c,
+    [m.badgeModern]: c
+  };
+  return /* @__PURE__ */ l("span", { className: a(d.common, u[o][r], d.styles[n].root), children: [
+    /* @__PURE__ */ e("img", { src: i, className: "size-4 max-w-none rounded-full", alt: "Badge image" }),
+    s
+  ] });
+}, ct = (t) => {
+  const { size: r = "md", color: n = "gray", type: o = "pill-color", icon: i = ue, buttonLabel: s, children: d } = t, x = j[o], c = {
+    sm: "gap-0.5 py-0.5 pl-2 pr-0.75 text-xs font-medium",
+    md: "gap-0.5 py-0.5 pl-2.5 pr-1 text-sm font-medium",
+    lg: "gap-0.5 py-1 pl-3 pr-1.5 text-sm font-medium"
+  }, u = {
+    sm: "gap-0.5 py-0.5 pl-1.5 pr-0.75 text-xs font-medium",
+    md: "gap-0.5 py-0.5 pl-2 pr-1 text-sm font-medium",
+    lg: "gap-0.5 py-1 pl-2.5 pr-1.5 text-sm font-medium rounded-lg"
+  }, p = {
+    [m.pillColor]: c,
+    [m.badgeColor]: u,
+    [m.badgeModern]: u
+  };
+  return /* @__PURE__ */ l("span", { className: a(x.common, p[o][r], x.styles[n].root), children: [
+    d,
+    /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        "aria-label": s,
+        onClick: t.onButtonClick,
+        className: a(
+          "flex cursor-pointer items-center justify-center p-0.5 outline-focus-ring transition duration-100 ease-linear focus-visible:outline-2",
+          x.styles[n].addonButton,
+          o === "pill-color" ? "rounded-full" : "rounded-[3px]"
+        ),
+        children: /* @__PURE__ */ e(i, { className: "size-3 stroke-[3px] transition-inherit-all" })
+      }
+    )
+  ] });
+}, xt = (t) => {
+  const { size: r = "md", color: n = "gray", type: o = "pill-color", icon: i } = t, s = j[o], d = {
+    sm: "p-1.25",
+    md: "p-1.5",
+    lg: "p-2"
+  }, x = {
+    sm: "p-1.25",
+    md: "p-1.5",
+    lg: "p-2 rounded-lg"
+  }, c = {
+    [m.pillColor]: d,
+    [m.badgeColor]: x,
+    [m.badgeModern]: x
+  };
+  return /* @__PURE__ */ e("span", { className: a(s.common, c[o][r], s.styles[n].root), children: /* @__PURE__ */ e(i, { className: a("size-3 stroke-[3px]", s.styles[n].addon) }) });
+}, qe = (t) => typeof t == "function", Ue = (t) => typeof t == "function" && t.prototype && (!!t.prototype.isReactComponent || !!t.prototype.render), Fe = (t) => typeof t == "object" && t !== null && t.$$typeof.toString() === "Symbol(react.forward_ref)", Z = (t) => qe(t) || Fe(t) || Ue(t), U = {
+  light: {
+    root: "rounded-full ring-1 ring-inset",
+    addon: "rounded-full ring-1 ring-inset"
+  },
+  modern: {
+    root: "rounded-[10px] bg-primary text-secondary shadow-xs ring-1 ring-inset ring-primary hover:bg-secondary",
+    addon: "flex items-center rounded-md bg-primary shadow-xs ring-1 ring-inset ring-primary",
+    icon: "text-utility-neutral-500"
+  }
+}, De = (t, r, n) => ({
+  leading: {
+    md: {
+      root: a("py-1 pr-2 pl-1 text-xs font-medium", !r && !n && "pr-1"),
+      addon: a("px-2 py-0.5", t === "modern" && "gap-1 px-1.5", r && "mr-2"),
+      icon: "ml-1 size-4"
+    },
+    lg: {
+      root: a("py-1 pr-2 pl-1 text-sm font-medium", !r && !n && "pr-1"),
+      addon: a("px-2.5 py-0.5", t === "modern" && "gap-1.5 px-2", r && "mr-2"),
+      icon: "ml-1 size-4"
+    }
+  },
+  trailing: {
+    md: {
+      root: a("py-1 pr-1 pl-3 text-xs font-medium", t === "modern" && "pl-2.5"),
+      addon: a("py-0.5 pr-1.5 pl-2", t === "modern" && "pr-1.5 pl-2", r && "ml-2"),
+      icon: "ml-0.5 size-3 stroke-[3px]",
+      dot: "mr-1.5"
+    },
+    lg: {
+      root: "py-1 pr-1 pl-3 text-sm font-medium",
+      addon: a("py-0.5 pr-2 pl-2.5", t === "modern" && "pr-1.5 pl-2", r && "ml-2"),
+      icon: "ml-1 size-3 stroke-[3px]",
+      dot: "mr-2"
+    }
+  }
+}), Ge = {
+  light: {
+    brand: {
+      root: "bg-utility-brand-50 text-utility-brand-700 ring-utility-brand-200 hover:bg-utility-brand-100",
+      addon: "bg-primary text-current ring-utility-brand-200",
+      icon: "text-utility-brand-500"
+    },
+    gray: {
+      root: "bg-utility-neutral-50 text-utility-neutral-700 ring-utility-neutral-200 hover:bg-utility-neutral-100",
+      addon: "bg-primary text-current ring-utility-neutral-200",
+      icon: "text-utility-neutral-500"
+    },
+    error: {
+      root: "bg-utility-red-50 text-utility-red-700 ring-utility-red-200 hover:bg-utility-red-100",
+      addon: "bg-primary text-current ring-utility-red-200",
+      icon: "text-utility-red-500"
+    },
+    warning: {
+      root: "bg-utility-yellow-50 text-utility-yellow-700 ring-utility-yellow-200 hover:bg-utility-yellow-100",
+      addon: "bg-primary text-current ring-utility-yellow-200",
+      icon: "text-utility-yellow-500"
+    },
+    success: {
+      root: "bg-utility-green-50 text-utility-green-700 ring-utility-green-200 hover:bg-utility-green-100",
+      addon: "bg-primary text-current ring-utility-green-200",
+      icon: "text-utility-green-500"
+    }
+  },
+  modern: {
+    brand: {
+      dot: "bg-utility-brand-500 outline-3 -outline-offset-1 outline-utility-brand-100"
+    },
+    gray: {
+      dot: "bg-utility-neutral-500 outline-3 -outline-offset-1 outline-utility-neutral-100"
+    },
+    error: {
+      dot: "bg-utility-red-500 outline-3 -outline-offset-1 outline-utility-red-100"
+    },
+    warning: {
+      dot: "bg-utility-yellow-500 outline-3 -outline-offset-1 outline-utility-yellow-100"
+    },
+    success: {
+      dot: "bg-utility-green-500 outline-3 -outline-offset-1 outline-utility-green-100"
+    }
+  }
+}, ut = ({
+  children: t,
+  addonText: r,
+  size: n = "md",
+  color: o = "brand",
+  theme: i = "light",
+  align: s = "leading",
+  className: d,
+  iconTrailing: x = me
+}) => {
+  const c = Ge[i][o], u = De(i, !!t, !!x)[s][n], p = a(
+    "inline-flex w-max cursor-pointer items-center transition duration-100 ease-linear",
+    U[i].root,
+    u.root,
+    c.root,
+    d
+  ), y = a("inline-flex items-center", U[i].addon, u.addon, c.addon), g = a("inline-block size-2 shrink-0 rounded-full", u.dot, c.dot), C = a(U[i].icon, u.icon, c.icon);
+  return s === "trailing" ? /* @__PURE__ */ l("div", { className: p, children: [
+    i === "modern" && /* @__PURE__ */ e("span", { className: g }),
+    t,
+    /* @__PURE__ */ l("span", { className: y, children: [
+      r,
+      Z(x) && /* @__PURE__ */ e(x, { className: C }),
+      L(x) && x
+    ] })
+  ] }) : /* @__PURE__ */ l("div", { className: p, children: [
+    /* @__PURE__ */ l("span", { className: y, children: [
+      i === "modern" && /* @__PURE__ */ e("span", { className: g }),
+      r
+    ] }),
+    t,
+    Z(x) && /* @__PURE__ */ e(x, { className: C }),
+    L(x) && x
+  ] });
+}, V = {
+  common: {
+    root: [
+      "group relative inline-flex h-max cursor-pointer items-center justify-center whitespace-nowrap outline-brand transition duration-100 ease-linear before:absolute focus-visible:outline-2 focus-visible:outline-offset-2",
+      // When button is used within `InputGroup`
+      "in-data-input-wrapper:shadow-xs in-data-input-wrapper:focus:!z-50 in-data-input-wrapper:in-data-leading:-mr-px in-data-input-wrapper:in-data-leading:rounded-r-none in-data-input-wrapper:in-data-leading:before:rounded-r-none in-data-input-wrapper:in-data-trailing:-ml-px in-data-input-wrapper:in-data-trailing:rounded-l-none in-data-input-wrapper:in-data-trailing:before:rounded-l-none",
+      // Disabled styles
+      "disabled:cursor-not-allowed disabled:opacity-50 in-data-input-wrapper:disabled:opacity-100",
+      // Same as `icon` but for SSR icons that cannot be passed to the client as functions.
+      "*:data-icon:pointer-events-none *:data-icon:size-5 *:data-icon:shrink-0 *:data-icon:transition-inherit-all"
+    ].join(" "),
+    icon: "pointer-events-none size-5 shrink-0 transition-inherit-all"
+  },
+  sizes: {
+    xs: {
+      root: [
+        "gap-1 rounded-lg px-2.5 py-1.5 text-sm font-semibold before:rounded-[7px] data-icon-only:p-2",
+        "in-data-input-wrapper:px-3.5 in-data-input-wrapper:py-2.5 in-data-input-wrapper:data-icon-only:p-2.5",
+        "*:data-icon:size-4 *:data-icon:stroke-[2.25px]"
+      ].join(" "),
+      linkRoot: "gap-1 *:data-text:underline-offset-3"
+    },
+    sm: {
+      root: [
+        "gap-1 rounded-lg px-3 py-2 text-sm font-semibold before:rounded-[7px] data-icon-only:p-2",
+        "in-data-input-wrapper:px-3.5 in-data-input-wrapper:py-2.5 in-data-input-wrapper:data-icon-only:p-2.5"
+      ].join(" "),
+      linkRoot: "gap-1 *:data-text:underline-offset-3"
+    },
+    md: {
+      root: [
+        "gap-1 rounded-lg px-3.5 py-2.5 text-sm font-semibold before:rounded-[7px] data-icon-only:p-2.5",
+        "in-data-input-wrapper:gap-1.5 in-data-input-wrapper:px-4 in-data-input-wrapper:text-md in-data-input-wrapper:data-icon-only:p-3"
+      ].join(" "),
+      linkRoot: "gap-1 *:data-text:underline-offset-4"
+    },
+    lg: {
+      root: "gap-1.5 rounded-lg px-4 py-2.5 text-md font-semibold before:rounded-[7px] data-icon-only:p-3",
+      linkRoot: "gap-1.5 *:data-text:underline-offset-4"
+    },
+    xl: {
+      root: "gap-1.5 rounded-lg px-4.5 py-3 text-md font-semibold before:rounded-[7px] data-icon-only:p-3.5",
+      linkRoot: "gap-1.5 *:data-text:underline-offset-4"
+    }
+  },
+  colors: {
+    primary: {
+      root: [
+        "bg-brand-solid text-white shadow-xs-skeuomorphic ring-1 ring-transparent ring-inset hover:bg-brand-solid_hover data-loading:bg-brand-solid_hover",
+        // Inner border gradient
+        "before:absolute before:inset-px before:border before:border-white/12 before:mask-b-from-0%",
+        // Icon styles
+        "*:data-icon:text-white/60 hover:*:data-icon:text-white/70"
+      ].join(" ")
+    },
+    secondary: {
+      root: [
+        "bg-primary text-secondary shadow-xs-skeuomorphic ring-1 ring-primary ring-inset hover:bg-primary_hover hover:text-secondary_hover data-loading:bg-primary_hover",
+        // Icon styles
+        "*:data-icon:text-fg-quaternary hover:*:data-icon:text-fg-quaternary_hover"
+      ].join(" ")
+    },
+    tertiary: {
+      root: [
+        "text-tertiary hover:bg-primary_hover hover:text-tertiary_hover data-loading:bg-primary_hover",
+        // Icon styles
+        "*:data-icon:text-fg-quaternary hover:*:data-icon:text-fg-quaternary_hover"
+      ].join(" ")
+    },
+    "link-color": {
+      root: [
+        "justify-normal rounded p-0! text-brand-secondary hover:text-brand-secondary_hover",
+        // Inner text underline
+        "*:data-text:underline *:data-text:decoration-transparent hover:*:data-text:decoration-fg-brand-secondary_alt",
+        // Icon styles
+        "*:data-icon:text-fg-brand-secondary_alt hover:*:data-icon:text-fg-brand-secondary_hover"
+      ].join(" ")
+    },
+    "link-gray": {
+      root: [
+        "justify-normal rounded p-0! text-tertiary hover:text-tertiary_hover",
+        // Inner text underline
+        "*:data-text:underline *:data-text:decoration-transparent hover:*:data-text:decoration-fg-quaternary",
+        // Icon styles
+        "*:data-icon:text-fg-quaternary hover:*:data-icon:text-fg-quaternary_hover"
+      ].join(" ")
+    },
+    "primary-destructive": {
+      root: [
+        "bg-error-solid text-white shadow-xs-skeuomorphic ring-1 ring-transparent outline-error ring-inset hover:bg-error-solid_hover data-loading:bg-error-solid_hover",
+        // Inner border gradient
+        "before:absolute before:inset-px before:border before:border-white/12 before:mask-b-from-0%",
+        // Icon styles
+        "*:data-icon:text-white/60 hover:*:data-icon:text-white/70"
+      ].join(" ")
+    },
+    "secondary-destructive": {
+      root: [
+        "bg-primary text-error-primary shadow-xs-skeuomorphic ring-1 ring-error_subtle outline-error ring-inset hover:bg-error-primary hover:text-error-primary_hover data-loading:bg-error-primary",
+        // Icon styles
+        "*:data-icon:text-fg-error-secondary hover:*:data-icon:text-fg-error-primary"
+      ].join(" ")
+    },
+    "tertiary-destructive": {
+      root: [
+        "text-error-primary outline-error hover:bg-error-primary hover:text-error-primary_hover data-loading:bg-error-primary",
+        // Icon styles
+        "*:data-icon:text-fg-error-secondary hover:*:data-icon:text-fg-error-primary"
+      ].join(" ")
+    },
+    "link-destructive": {
+      root: [
+        "justify-normal rounded p-0! text-error-primary outline-error hover:text-error-primary_hover",
+        // Inner text underline
+        "*:data-text:underline *:data-text:decoration-transparent *:data-text:underline-offset-2 hover:*:data-text:decoration-current",
+        // Icon styles
+        "*:data-icon:text-fg-error-secondary hover:*:data-icon:text-fg-error-primary"
+      ].join(" ")
+    }
+  }
+}, w = ({
+  size: t = "sm",
+  color: r = "primary",
+  children: n,
+  className: o,
+  noTextPadding: i,
+  iconLeading: s,
+  iconTrailing: d,
+  isDisabled: x,
+  isLoading: c,
+  showTextWhileLoading: u,
+  ...p
+}) => {
+  const y = "href" in p ? p.href : void 0, g = y ? ve : G, C = (s || d) && !n, f = ["link-gray", "link-color", "link-destructive"].includes(r);
+  i = f || i;
+  let k = {};
+  return y ? k = {
+    ...p,
+    href: x ? void 0 : y
+  } : k = {
+    ...p,
+    type: p.type || "button",
+    isPending: c
+  }, /* @__PURE__ */ l(
+    g,
+    {
+      "data-loading": c ? !0 : void 0,
+      "data-icon-only": C ? !0 : void 0,
+      ...k,
+      isDisabled: x,
+      className: a(
+        V.common.root,
+        V.sizes[t].root,
+        V.colors[r].root,
+        f && V.sizes[t].linkRoot,
+        (c || y && (x || c)) && "pointer-events-none",
+        // If in `loading` state, hide everything except the loading icon (and text if `showTextWhileLoading` is true).
+        c && (u ? "[&>*:not([data-icon=loading]):not([data-text])]:hidden" : "[&>*:not([data-icon=loading])]:invisible"),
+        o
+      ),
+      children: [
+        L(s) && s,
+        Z(s) && /* @__PURE__ */ e(s, { "data-icon": "leading", className: V.common.icon }),
+        c && /* @__PURE__ */ l(
+          "svg",
+          {
+            fill: "none",
+            "data-icon": "loading",
+            viewBox: "0 0 20 20",
+            className: a(V.common.icon, !u && "absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2"),
+            children: [
+              /* @__PURE__ */ e("circle", { className: "stroke-current opacity-30", cx: "10", cy: "10", r: "8", fill: "none", strokeWidth: "2" }),
+              /* @__PURE__ */ e(
+                "circle",
+                {
+                  className: "origin-center animate-spin stroke-current",
+                  cx: "10",
+                  cy: "10",
+                  r: "8",
+                  fill: "none",
+                  strokeWidth: "2",
+                  strokeDasharray: "12.5 50",
+                  strokeLinecap: "round"
+                }
+              )
+            ]
+          }
+        ),
+        n && /* @__PURE__ */ e("span", { "data-text": !0, className: a("transition-inherit-all", !i && "px-0.5"), children: n }),
+        L(d) && d,
+        Z(d) && /* @__PURE__ */ e(d, { "data-icon": "trailing", className: V.common.icon })
+      ]
+    }
+  );
+}, ee = (t) => /* @__PURE__ */ e(Ne, { ...t });
+ee.displayName = "Form";
+const te = ({ isInvalid: t, className: r, size: n = "md", ...o }) => /* @__PURE__ */ e(
+  We,
+  {
+    ...o,
+    slot: t ? "errorMessage" : "description",
+    className: a(
+      "text-sm text-tertiary",
+      // Size
+      n === "sm" && "text-xs",
+      "in-data-[input-size=sm]:text-xs",
+      // Invalid state
+      t && "text-error-primary",
+      "group-invalid:text-error-primary",
+      r
+    )
+  }
+);
+te.displayName = "HintText";
+const re = ({ isInvalid: t, isRequired: r, tooltip: n, tooltipDescription: o, className: i, ...s }) => /* @__PURE__ */ l(
+  ze,
+  {
+    "data-label": "true",
+    ...s,
+    className: a("flex cursor-default items-center gap-0.5 text-sm font-medium text-secondary", i),
+    children: [
+      s.children,
+      /* @__PURE__ */ e(
+        "span",
+        {
+          className: a(
+            "hidden text-brand-tertiary",
+            r && "block",
+            typeof r > "u" && "group-required:block",
+            t && "text-error-primary",
+            typeof t > "u" && "group-invalid:text-error-primary"
+          ),
+          children: "*"
+        }
+      ),
+      n && /* @__PURE__ */ e(X, { title: n, description: o, placement: "top", children: /* @__PURE__ */ e(
+        Y,
+        {
+          isDisabled: !1,
+          className: "cursor-pointer text-fg-quaternary transition duration-200 hover:text-fg-quaternary_hover focus:text-fg-quaternary_hover",
+          children: /* @__PURE__ */ e($, { className: "size-4" })
+        }
+      ) })
+    ]
+  }
+);
+re.displayName = "Label";
+const oe = ({
+  ref: t,
+  tooltip: r,
+  shortcut: n,
+  groupRef: o,
+  size: i = "md",
+  isInvalid: s,
+  isDisabled: d,
+  isRequired: x,
+  icon: c,
+  placeholder: u,
+  wrapperClassName: p,
+  tooltipClassName: y,
+  inputClassName: g,
+  iconClassName: C,
+  type: f = "text",
+  ...k
+}) => {
+  const [v, W] = R(!1), b = r || s, N = c, h = ce(ie), H = (h == null ? void 0 : h.size) || i, M = {
+    sm: {
+      root: a("px-3 py-2 text-sm", N && "pl-9", b && "pr-9"),
+      iconLeading: "left-3 size-4 stroke-[2.25px]",
+      iconTrailing: "right-3",
+      shortcut: "pr-1.5"
+    },
+    md: {
+      root: a("px-3 py-2 text-md", N && "pl-10", b && "pr-9"),
+      iconLeading: "left-3 size-5",
+      iconTrailing: "right-3",
+      shortcut: "pr-2"
+    },
+    lg: {
+      root: a("px-3.5 py-2.5 text-md", N && "pl-10.5", b && "pr-9.5"),
+      iconLeading: "left-3.5 size-5",
+      iconTrailing: "right-3.5",
+      shortcut: "pr-2.5"
+    }
+  };
+  return /* @__PURE__ */ l(
+    Ve,
+    {
+      isDisabled: d,
+      isInvalid: s,
+      ref: o,
+      className: ({ isFocusWithin: q, isDisabled: P, isInvalid: Q }) => a(
+        "group/input relative flex w-full flex-row place-content-center place-items-center rounded-lg bg-primary shadow-xs ring-1 ring-primary transition-shadow duration-100 ease-linear ring-inset",
+        q && !P && "ring-2 ring-brand",
+        // Disabled state styles
+        P && "cursor-not-allowed opacity-50",
+        "group-disabled:cursor-not-allowed group-disabled:opacity-50",
+        // Invalid state styles
+        Q && "ring-error_subtle",
+        "group-invalid:ring-error_subtle",
+        // Invalid state with focus-within styles
+        Q && q && "ring-2 ring-error",
+        q && "group-invalid:ring-2 group-invalid:ring-error",
+        h == null ? void 0 : h.wrapperClassName,
+        p
+      ),
+      children: [
+        c && /* @__PURE__ */ e(c, { className: a("pointer-events-none absolute text-fg-quaternary", M[H].iconLeading, h == null ? void 0 : h.iconClassName, C) }),
+        /* @__PURE__ */ e(
+          He,
+          {
+            ...k,
+            ref: t,
+            required: x,
+            type: f === "password" && v ? "text" : f,
+            placeholder: u,
+            className: a(
+              "m-0 w-full bg-transparent text-primary ring-0 outline-hidden placeholder:text-placeholder autofill:rounded-lg autofill:text-primary disabled:cursor-not-allowed",
+              M[H].root,
+              h == null ? void 0 : h.inputClassName,
+              g
+            )
+          }
+        ),
+        r && f !== "password" && /* @__PURE__ */ e(X, { title: r, placement: "top", children: /* @__PURE__ */ e(
+          Y,
+          {
+            className: a(
+              "absolute cursor-pointer text-fg-quaternary transition duration-100 ease-linear group-invalid/input:hidden hover:text-fg-quaternary_hover focus:text-fg-quaternary_hover",
+              M[H].iconTrailing,
+              h == null ? void 0 : h.tooltipClassName,
+              y
+            ),
+            children: /* @__PURE__ */ e($, { className: "size-4 stroke-[2.25px]" })
+          }
+        ) }),
+        f !== "password" && /* @__PURE__ */ e(
+          pe,
+          {
+            className: a(
+              "pointer-events-none absolute hidden size-4 stroke-[2.25px] text-fg-error-secondary group-invalid/input:block",
+              M[H].iconTrailing,
+              h == null ? void 0 : h.tooltipClassName,
+              y
+            )
+          }
+        ),
+        f === "password" && /* @__PURE__ */ e(
+          G,
+          {
+            "aria-label": "Toggle password visibility",
+            onClick: () => W(!v),
+            className: a(
+              "absolute flex cursor-pointer items-center justify-center text-fg-quaternary transition duration-100 ease-linear hover:text-fg-quaternary_hover focus:text-fg-quaternary_hover focus:outline-hidden",
+              M[H].iconTrailing
+            ),
+            children: v ? /* @__PURE__ */ e(ye, { className: "size-4 stroke-[2.25px]" }) : /* @__PURE__ */ e(he, { className: "size-4 stroke-[2.25px]" })
+          }
+        ),
+        n && /* @__PURE__ */ e(
+          "div",
+          {
+            className: a(
+              "pointer-events-none absolute inset-y-0.5 right-0.5 z-10 hidden items-center rounded-r-[inherit] bg-linear-to-r from-transparent to-bg-primary to-40% pl-8 md:flex",
+              M[H].shortcut
+            ),
+            children: /* @__PURE__ */ e(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: "pointer-events-none rounded px-1 py-px text-xs font-medium text-quaternary ring-1 ring-secondary select-none ring-inset",
+                children: typeof n == "string" ? n : "⌘K"
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+};
+oe.displayName = "InputBase";
+const ie = de({}), le = ({ className: t, size: r = "md", inputClassName: n, wrapperClassName: o, iconClassName: i, tooltipClassName: s, ...d }) => /* @__PURE__ */ e(ie.Provider, { value: { inputClassName: n, wrapperClassName: o, iconClassName: i, tooltipClassName: s, size: r }, children: /* @__PURE__ */ e(
+  Me,
+  {
+    ...d,
+    "data-input-wrapper": !0,
+    "data-input-size": r,
+    className: (x) => a("group flex h-max w-full flex-col items-start justify-start gap-1.5", typeof t == "function" ? t(x) : t)
+  }
+) });
+le.displayName = "TextField";
+const ne = ({
+  size: t = "md",
+  placeholder: r,
+  icon: n,
+  label: o,
+  hint: i,
+  shortcut: s,
+  hideRequiredIndicator: d,
+  className: x,
+  ref: c,
+  groupRef: u,
+  tooltip: p,
+  iconClassName: y,
+  inputClassName: g,
+  wrapperClassName: C,
+  tooltipClassName: f,
+  type: k = "text",
+  ...v
+}) => /* @__PURE__ */ e(le, { "aria-label": o ? void 0 : r, ...v, size: t, className: x, children: ({ isRequired: W, isInvalid: b }) => /* @__PURE__ */ l(ae, { children: [
+  o && /* @__PURE__ */ e(re, { isRequired: d ? !d : W, isInvalid: b, children: o }),
+  /* @__PURE__ */ e(
+    oe,
+    {
+      ref: c,
+      groupRef: u,
+      size: t,
+      placeholder: r,
+      icon: n,
+      shortcut: s,
+      iconClassName: y,
+      inputClassName: g,
+      wrapperClassName: C,
+      tooltipClassName: f,
+      tooltip: p,
+      type: k
+    }
+  ),
+  i && /* @__PURE__ */ e(te, { isInvalid: b, children: i })
+] }) });
+ne.displayName = "Input";
+const Pe = {
+  sm: "*:data-icon:size-4 *:data-icon:stroke-[2.25px]",
+  md: "*:data-icon:size-5",
+  lg: "*:data-icon:size-6",
+  xl: "*:data-icon:size-7"
+}, F = {
+  light: {
+    base: "rounded-full",
+    sizes: {
+      sm: "size-8",
+      md: "size-10",
+      lg: "size-12",
+      xl: "size-14"
+    },
+    colors: {
+      brand: "bg-brand-secondary text-featured-icon-light-fg-brand",
+      gray: "bg-tertiary text-featured-icon-light-fg-gray",
+      error: "bg-error-secondary text-featured-icon-light-fg-error",
+      warning: "bg-warning-secondary text-featured-icon-light-fg-warning",
+      success: "bg-success-secondary text-featured-icon-light-fg-success"
+    }
+  },
+  gradient: {
+    base: "rounded-full text-fg-white before:absolute before:inset-0 before:size-full before:rounded-full before:border before:mask-b-from-0% after:absolute after:block after:rounded-full",
+    sizes: {
+      sm: "size-8 after:size-6 *:data-icon:size-4",
+      md: "size-10 after:size-7 *:data-icon:size-4",
+      lg: "size-12 after:size-8 *:data-icon:size-5",
+      xl: "size-14 after:size-10 *:data-icon:size-5"
+    },
+    colors: {
+      brand: "before:border-utility-brand-200 before:bg-utility-brand-50 after:bg-brand-solid",
+      gray: "before:border-utility-neutral-200 before:bg-utility-neutral-50 after:bg-secondary-solid",
+      error: "before:border-utility-red-200 before:bg-utility-red-50 after:bg-error-solid",
+      warning: "before:border-utility-yellow-200 before:bg-utility-yellow-50 after:bg-warning-solid",
+      success: "before:border-utility-green-200 before:bg-utility-green-50 after:bg-success-solid"
+    }
+  },
+  dark: {
+    base: "text-fg-white shadow-xs-skeuomorphic before:absolute before:inset-px before:border before:border-white/12 before:mask-b-from-0%",
+    sizes: {
+      sm: "size-8 rounded-md before:rounded-[5px]",
+      md: "size-10 rounded-lg before:rounded-[7px]",
+      lg: "size-12 rounded-[10px] before:rounded-[9px]",
+      xl: "size-14 rounded-xl before:rounded-[11px]"
+    },
+    colors: {
+      brand: "bg-brand-solid before:border-utility-brand-200/12",
+      gray: "bg-secondary-solid before:border-utility-neutral-200/12",
+      error: "bg-error-solid before:border-utility-red-200/12",
+      warning: "bg-warning-solid before:border-utility-yellow-200/12",
+      success: "bg-success-solid before:border-utility-green-200/12"
+    }
+  },
+  modern: {
+    base: "bg-primary shadow-xs-skeuomorphic ring-1 ring-primary ring-inset",
+    sizes: {
+      sm: "size-8 rounded-md",
+      md: "size-10 rounded-lg",
+      lg: "size-12 rounded-[10px]",
+      xl: "size-14 rounded-xl"
+    },
+    colors: {
+      brand: "text-fg-brand-primary",
+      gray: "text-fg-secondary",
+      error: "text-fg-error-primary",
+      warning: "text-fg-warning-primary",
+      success: "text-fg-success-primary"
+    }
+  },
+  "modern-neue": {
+    base: [
+      "bg-primary_alt ring-1 ring-inset before:absolute before:inset-1",
+      // Shadow
+      "before:shadow-[0px_1px_2px_0px_rgba(0,0,0,0.1),0px_3px_3px_0px_rgba(0,0,0,0.09),1px_8px_5px_0px_rgba(0,0,0,0.05),2px_21px_6px_0px_rgba(0,0,0,0),0px_0px_0px_1px_rgba(0,0,0,0.08),1px_13px_5px_0px_rgba(0,0,0,0.01),0px_-2px_2px_0px_rgba(0,0,0,0.13)_inset] before:ring-1 before:ring-secondary_alt"
+    ].join(" "),
+    sizes: {
+      sm: "size-8 rounded-[8px] before:rounded-[4px]",
+      md: "size-10 rounded-[10px] before:rounded-[6px]",
+      lg: "size-12 rounded-[12px] before:rounded-[8px]",
+      xl: "size-14 rounded-[14px] before:rounded-[10px]"
+    },
+    colors: {
+      brand: "",
+      gray: "text-fg-secondary ring-primary",
+      error: "",
+      warning: "",
+      success: ""
+    }
+  },
+  outline: {
+    base: "before:absolute before:rounded-full before:border-2 after:absolute after:rounded-full after:border-2",
+    sizes: {
+      sm: "size-4 before:size-6 after:size-8.5",
+      md: "size-5 before:size-7 after:size-9.5",
+      lg: "size-6 before:size-8 after:size-10.5",
+      xl: "size-7 before:size-9 after:size-11.5"
+    },
+    colors: {
+      brand: "text-fg-brand-primary before:border-fg-brand-primary/30 after:border-fg-brand-primary/10",
+      gray: "text-fg-tertiary before:border-fg-tertiary/30 after:border-fg-tertiary/10",
+      error: "text-fg-error-primary before:border-fg-error-primary/30 after:border-fg-error-primary/10",
+      warning: "text-fg-warning-primary before:border-fg-warning-primary/30 after:border-fg-warning-primary/10",
+      success: "text-fg-success-primary before:border-fg-success-primary/30 after:border-fg-success-primary/10"
+    }
+  }
+}, D = (t) => {
+  const { size: r = "sm", theme: n = "light", color: o = "brand", icon: i, ...s } = t;
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      ...s,
+      "data-featured-icon": !0,
+      className: a(
+        "relative flex shrink-0 items-center justify-center",
+        Pe[r],
+        F[n].base,
+        F[n].sizes[r],
+        F[n].colors[o],
+        t.className
+      ),
+      children: [
+        Z(i) && /* @__PURE__ */ e(i, { "data-icon": !0, className: "z-1" }),
+        L(i) && /* @__PURE__ */ e("div", { className: "z-1", children: i }),
+        t.children
+      ]
+    }
+  );
+}, Qe = (t) => {
+  const r = J();
+  return /* @__PURE__ */ l("svg", { viewBox: "0 0 38 38", fill: "none", ...t, className: a("size-8 origin-center scale-[1.2]", t.className), children: [
+    /* @__PURE__ */ l("g", { filter: `url(#filter0-${r}`, children: [
+      /* @__PURE__ */ l("g", { clipPath: `url(#clip0-${r}`, children: [
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M3 14.8C3 10.3196 3 8.07937 3.87195 6.36808C4.63893 4.86278 5.86278 3.63893 7.36808 2.87195C9.07937 2 11.3196 2 15.8 2H22.2C26.6804 2 28.9206 2 30.6319 2.87195C32.1372 3.63893 33.3611 4.86278 34.1281 6.36808C35 8.07937 35 10.3196 35 14.8V21.2C35 25.6804 35 27.9206 34.1281 29.6319C33.3611 31.1372 32.1372 32.3611 30.6319 33.1281C28.9206 34 26.6804 34 22.2 34H15.8C11.3196 34 9.07937 34 7.36808 33.1281C5.86278 32.3611 4.63893 31.1372 3.87195 29.6319C3 27.9206 3 25.6804 3 21.2V14.8Z",
+            fill: "white"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M3 14.8C3 10.3196 3 8.07937 3.87195 6.36808C4.63893 4.86278 5.86278 3.63893 7.36808 2.87195C9.07937 2 11.3196 2 15.8 2H22.2C26.6804 2 28.9206 2 30.6319 2.87195C32.1372 3.63893 33.3611 4.86278 34.1281 6.36808C35 8.07937 35 10.3196 35 14.8V21.2C35 25.6804 35 27.9206 34.1281 29.6319C33.3611 31.1372 32.1372 32.3611 30.6319 33.1281C28.9206 34 26.6804 34 22.2 34H15.8C11.3196 34 9.07937 34 7.36808 33.1281C5.86278 32.3611 4.63893 31.1372 3.87195 29.6319C3 27.9206 3 25.6804 3 21.2V14.8Z",
+            fill: `url(#paint0_linear-${r}`,
+            fillOpacity: "0.2"
+          }
+        ),
+        /* @__PURE__ */ e("g", { opacity: "0.14", clipPath: `url(#clip1-${r}`, children: /* @__PURE__ */ e(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M18.9612 2H19.0388V3.96123C20.8929 3.96625 22.6625 4.33069 24.2816 4.98855V2H24.3592V5.02038C25.7339 5.58859 26.9986 6.36882 28.1126 7.32031H29.602V2H29.6796V7.32031H35V7.39798H29.6796V8.88728C30.6311 10.0013 31.4113 11.266 31.9796 12.6406H35V12.7183H32.0114C32.6693 14.3373 33.0337 16.1069 33.0388 17.9609H35V18.0386H33.0388C33.0338 19.8927 32.6694 21.6622 32.0116 23.2812H35V23.3589H31.9798C31.4115 24.7337 30.6312 25.9986 29.6796 27.1128V28.6016H35V28.6792H29.6796V34H29.602V28.6792H28.1132C26.999 29.6309 25.7341 30.4113 24.3592 30.9797V34H24.2816V31.0115C22.6625 31.6693 20.8929 32.0338 19.0388 32.0388V34H18.9612V32.0388C17.1071 32.0338 15.3375 31.6693 13.7184 31.0115V34H13.6408V30.9797C12.2659 30.4113 11.001 29.6309 9.88678 28.6792H8.39804V34H8.32037V28.6792H3V28.6016H8.32037V27.1128C7.36877 25.9986 6.58847 24.7337 6.02023 23.3589H3V23.2812H5.9884C5.3306 21.6622 4.96621 19.8927 4.96122 18.0386H3V17.9609H4.96122C4.96627 16.1069 5.33073 14.3373 5.9886 12.7183H3V12.6406H6.02044C6.58866 11.266 7.36889 10.0013 8.32037 8.88728V7.39798H3V7.32031H8.32037V2H8.39804V7.32031H9.88736C11.0014 6.36882 12.2661 5.58859 13.6408 5.02038V2H13.7184V4.98855C15.3375 4.33069 17.1071 3.96626 18.9612 3.96123V2ZM18.9612 4.0389C17.1062 4.04396 15.3364 4.41075 13.7184 5.07245V7.32031H18.9612V4.0389ZM13.6408 5.10449C12.3137 5.65662 11.0902 6.40763 10.0074 7.32031H13.6408V5.10449ZM9.79719 7.39798H8.39804V8.79711C8.8311 8.29865 9.29872 7.83103 9.79719 7.39798ZM8.39804 8.91598C8.86452 8.37206 9.37213 7.86446 9.91606 7.39798H13.6408V12.6406H8.39804V8.91598ZM8.32037 9.00733C7.4077 10.0901 6.65669 11.3136 6.10454 12.6406H8.32037V9.00733ZM6.0725 12.7183C5.41078 14.3362 5.04397 16.106 5.03889 17.9609H8.32037V12.7183H6.0725ZM5.03889 18.0386C5.04391 19.8935 5.41065 21.6633 6.0723 23.2812H8.32037V18.0386H5.03889ZM6.10434 23.3589C6.6565 24.6861 7.40759 25.9098 8.32037 26.9927V23.3589H6.10434ZM8.39804 27.2029V28.6016H9.79662C9.29837 28.1686 8.83093 27.7012 8.39804 27.2029ZM9.91548 28.6016C9.37178 28.1352 8.86436 27.6278 8.39804 27.0841V23.3589H13.6408V28.6016H9.91548ZM10.0068 28.6792C11.0898 29.5921 12.3135 30.3433 13.6408 30.8955V28.6792H10.0068ZM13.7184 30.9276C15.3364 31.5893 17.1062 31.9561 18.9612 31.9611V28.6792H13.7184V30.9276ZM19.0388 31.9611C20.8937 31.9561 22.6636 31.5893 24.2816 30.9276V28.6792H19.0388V31.9611ZM24.3592 30.8955C25.6865 30.3433 26.9102 29.5921 27.9932 28.6792H24.3592V30.8955ZM28.2034 28.6016H29.602V27.2029C29.1691 27.7012 28.7016 28.1686 28.2034 28.6016ZM29.602 27.0841C29.1356 27.6278 28.6282 28.1352 28.0845 28.6016H24.3592V23.3589H29.602V27.0841ZM29.6796 26.9927C30.5924 25.9098 31.3435 24.6861 31.8957 23.3589H29.6796V26.9927ZM31.9277 23.2812C32.5894 21.6633 32.9561 19.8935 32.9611 18.0386H29.6796V23.2812H31.9277ZM32.9611 17.9609C32.956 16.1061 32.5892 14.3362 31.9275 12.7183H29.6796V17.9609H32.9611ZM31.8955 12.6406C31.3433 11.3136 30.5923 10.0901 29.6796 9.00733V12.6406H31.8955ZM29.602 8.79711V7.39798H28.2028C28.7013 7.83103 29.1689 8.29865 29.602 8.79711ZM28.0839 7.39798C28.6279 7.86446 29.1355 8.37206 29.602 8.91598V12.6406H24.3592V7.39798H28.0839ZM27.9926 7.32031C26.9098 6.40763 25.6863 5.65662 24.3592 5.10449V7.32031H27.9926ZM24.2816 5.07245C22.6636 4.41074 20.8937 4.04395 19.0388 4.0389V7.32031H24.2816V5.07245ZM13.7184 7.39798H18.9612V12.6406H13.7184V7.39798ZM24.2816 7.39798H19.0388V12.6406H24.2816V7.39798ZM13.6408 23.2812H8.39804V18.0386H13.6408V23.2812ZM13.7184 23.3589V28.6016H18.9612V23.3589H13.7184ZM18.9612 23.2812H13.7184V18.0386H18.9612V23.2812ZM19.0388 23.3589V28.6016H24.2816V23.3589H19.0388ZM24.2816 23.2812H19.0388V18.0386H24.2816V23.2812ZM29.602 23.2812H24.3592V18.0386H29.602V23.2812ZM13.7184 12.7183H18.9612V17.9609H13.7184V12.7183ZM8.39804 12.7183L13.6408 12.7183V17.9609H8.39804V12.7183ZM24.2816 12.7183H19.0388V17.9609H24.2816V12.7183ZM24.3592 17.9609V12.7183L29.602 12.7183V17.9609H24.3592Z",
+            fill: "#000000"
+          }
+        ) }),
+        /* @__PURE__ */ l("g", { filter: `url(#filter1_dd-${r}`, children: [
+          /* @__PURE__ */ e("rect", { x: "11", y: "10", width: "16", height: "16", rx: "8", fill: `url(#paint1_linear-${r}` }),
+          /* @__PURE__ */ e("rect", { x: "11", y: "10", width: "16", height: "16", rx: "8", fill: `url(#paint2_radial-${r}`, fillOpacity: "0.08" }),
+          /* @__PURE__ */ e("rect", { x: "11", y: "10", width: "16", height: "16", rx: "8", fill: `url(#paint3_radial-${r}`, fillOpacity: "0.18" }),
+          /* @__PURE__ */ e("rect", { x: "11", y: "10", width: "16", height: "16", rx: "8", fill: `url(#paint4_radial-${r}`, fillOpacity: "0.05" }),
+          /* @__PURE__ */ e(
+            "path",
+            {
+              d: "M23.8 14.0414C23.8 15.3898 21.651 14.5297 19 14.5297C16.349 14.5297 14.2 15.3898 14.2 14.0414C14.2 12.693 16.349 11.6 19 11.6C21.651 11.6 23.8 12.693 23.8 14.0414Z",
+              fill: `url(#paint5_linear-${r}`,
+              fillOpacity: "0.4"
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ e(
+        "path",
+        {
+          d: "M3.1 14.8C3.1 12.5581 3.10008 10.8828 3.20866 9.55376C3.31715 8.22593 3.53345 7.25268 3.96105 6.41348C4.71845 4.92699 5.92699 3.71845 7.41348 2.96105C8.25268 2.53345 9.22593 2.31715 10.5538 2.20866C11.8828 2.10008 13.5581 2.1 15.8 2.1H22.2C24.4419 2.1 26.1172 2.10008 27.4462 2.20866C28.7741 2.31715 29.7473 2.53345 30.5865 2.96105C32.073 3.71845 33.2816 4.92699 34.039 6.41348C34.4665 7.25268 34.6828 8.22593 34.7913 9.55376C34.8999 10.8828 34.9 12.5581 34.9 14.8V21.2C34.9 23.4419 34.8999 25.1172 34.7913 26.4462C34.6828 27.7741 34.4665 28.7473 34.039 29.5865C33.2816 31.073 32.073 32.2816 30.5865 33.039C29.7473 33.4665 28.7741 33.6828 27.4462 33.7913C26.1172 33.8999 24.4419 33.9 22.2 33.9H15.8C13.5581 33.9 11.8828 33.8999 10.5538 33.7913C9.22593 33.6828 8.25268 33.4665 7.41348 33.039C5.92699 32.2816 4.71845 31.073 3.96105 29.5865C3.53345 28.7473 3.31715 27.7741 3.20866 26.4462C3.10008 25.1172 3.1 23.4419 3.1 21.2V14.8Z",
+          stroke: "#000000",
+          strokeOpacity: "0.12",
+          strokeWidth: "0.2"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e(
+      "image",
+      {
+        href: "data:image/webp;base64,UklGRoYHAABXRUJQVlA4WAoAAAAQAAAAnwAATwAAQUxQSIcFAAABD9D/iAjY3/9PbSp7ed+ZTNJJKWUSCpsenYbSDay1rPukpGxgrV3WtfCsu16XSSmc9NgTuLa+Qa+7e1h3d3ff/em6RvQ/jjUcsJXcxqnp73y0Dd1iS99JJiIk8ActCkLbexBTRwGAiRepAc0DWAxNoPI469jGE+uApSJKwSaxwH/SDuvFRgSL+iF90f0/uOinRfp2jRkl3Nff8aS4scgmTK8WSJAVeVMRv8MPmIiL0AL18jbT0iUQ4DLPPF/UJ4mbkQ4c4NfrQGJI7ocYCmQLUqQGLS9i1ZjJ9YD0wfkBRF/XQbJCuVeo1XGMePjwSf2n48dncwVJ5gjukhRfrTlAVTy4rpscDVXOijJypxQS6iZgBm9Q/kbbeQC8WMyky2I1RSACacETMY7ld3aOWZWw7g04bJcNNfCX6IsL4cz9WT+HbkzgHlngSQGIuajVbyZkyV32WwfZg2CY/K69d78dyr19p3jzASrzrYmkoHQM/2cGci2NjEfmfsjszTI6mhxAeqmb/h72AaqBsGWdCrha2VmpQtyCx/EEGm/dvEnAt/gBqYPCDEh3R6bFAQoJcUvQRIdkuD2Zk4H+uHUhGxHpl7F/DNHVZnf7DX/F7JqyqhhOZ4Vy4aVATT89pT6Oio4sfs5ULH9Ur0ZpYPL1Eq+om9+wDFkhQ0IDF7EBFfA8yWGAgWQ8lWnm0cnzknwjxU6eQkAfVsiZBxhw0hjPFwx7uwcLkAZYD2lOyDqorXqpgjlI9zdQX61m7fly+X4FlyixZi0OifzLtlA26N2N9+N5d8NP3f3h7AG4EfiMPaLDdgJOUEz0LipV00L4ouO+0F5826ZwaV2BSUWQ03dWSTzXqKZVC9pM6caAo/Xxu9V2Y5hwD0eAaPXq6ndNlvNQYS4NcAJpT6UHVigUPfSX5tJxATt1ZVukUft1iDcX/swp1q9mPN+Jn8hNz22sgVH/Hj6e+N/5DPU6IkcEMIhhCYffRA+HtZbBngZ4epF4vzCAu6OSk+D6xA2piTzCJVPIGnseVYeMjMgTPejNPc6yYypzXj4G8AFZeiu3+MlN8E5Pzm+e6XoV043lWOqKp7XjesRhra133Li79Z2UoDiwizOksgRVaMAsj3o/INvNRZ3HSA/vuYkPsoNbBgIopPsHfiPSdJY2Szy752RKphatmd/pACuOi57f3tVk30vJ3DAMf07h1UMzknO2Ez8B24dV7YxgK87zMIKdB+w8BCp59/G29K5GW5NM97V3NwBS9BcIN/91ETsQNwRQcWhAQloc1ngPoAcX3t3GgqXP8f88Sj3S07Ub09YQWbJ1MHRgEpl10ayV96mWyfsGaBONZoORvD9zPei0Ad6XtGZytQ6WDxJN61//aXV1BosiPeNS69b2B+XS+dc66dgPjB9mfyNvfPFhuUQRyOu1pHN+Dxw7u7YMP7Gb0DGL4nRcJQDEufQ+UMcP6F6a3RX/ZtPJN8P/yb/g4YsEpOOEk72GY2VNq7AlCJ/n96M3Rq6J5sXXNmrgfHjypfv3WSO/pOuElp+ckuHDNSLmsfmHdmSj9j+Nmosz8FeFuu1+0QMOQlMnTxfNAkTfoe0Rijtpq38Mpj+W9b3yUeHlfcazjLbQQhds194PAPDZwgj71n+VRxDXHscni/Wky7ywckRU4/JqDpVmuOed3eBwCb10sD55/TfECEJNPJPYeG6UuvcrtswWvQOGXDft/1xrxR7Az/JQWtisbGGbQrgbQjx2rJRUh0am0G/Yj0Cu/NQy7f8JtQVbh+ZCgIt7gOEADvJFKwEr7/GrgQql3CM/urtBzm9nMnCj53WEWr3/5BJROomYBUwsRXInvP5O3DqZfVoD9WRpEsUH4yx6BI4JaaMQZUYZ8F7y0KBvD/PTDSR/CgBWUDgg2AEAAFATAJ0BKqAAUAA+KRKHQqGhCj4CcgwBQlnAM4spE3mv/5foxj7CIWswa6AqkXFI+Yh0P/x5D3Ezvirfp0TGLFgI7x9F5fO5IHYoatU6Evly836v+YqU0oO2cfVypfHDsDw29g1p0iydYsDT1vJNxjinCDWybXmWiyxS9UEu/eRrG49iyvR67gMIAazf0vPgtrbCHQlTv5rJV7PPFdfirZtz+MAA/v5sJNKJKeJ/hzR4FAhZT+MvOLxH42j6POGLQ5xx2In90EX/MqvckpWMe6weKHop6T9BUAz/qmeY0d8DTiGxEk9YU598XXHiiNGKd3N9bWu4tL9X/OTRVy1Rn7PiG3QoRIX3J93WJsqnemrvJRVh5OFlmDx8B2NZglxXEALZRATlzsBOth3ETpiwt4j0QGUWf9bqg+8o+N9xVYJQdwytiTyuepp1FCA/u6R5xx93RhFIuyDILKBC2Y5InXCxD6GMe2LENm7ZJ/grDJ4/Sw87hS1FBNG9/Q83pgBC8DNlOmf4pz//jBR6YIzM9rp4182sAr4cYbiEejZB40FUN1LWRAjTwjz+qDQMg6IT9yo01SmHMkGkr4vQZayROK4PIIkRRSAlJALZq89W30VJUep6YrggAAA=",
+        x: "0",
+        y: "19",
+        width: "38",
+        height: "19",
+        transform: "scale(0.84) translate(0, -1.5)",
+        className: "origin-center",
+        preserveAspectRatio: "xMidYMax slice",
+        clipPath: `url(#imageClip-${r})`
+      }
+    ),
+    /* @__PURE__ */ l("defs", { children: [
+      /* @__PURE__ */ e("clipPath", { id: `imageClip-${r}`, children: /* @__PURE__ */ e("path", { d: "M 0 19 L 38 19 L 38 28.88  A 9.12 9.12 0 0 1 28.88 38 L 9.12 38 A 9.12 9.12 0 0 1 0 28.88 Z" }) }),
+      /* @__PURE__ */ l("filter", { id: `filter0-${r}`, x: "0", y: "0", width: "38", height: "38", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [
+        /* @__PURE__ */ e("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+        /* @__PURE__ */ e("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }),
+        /* @__PURE__ */ e("feOffset", { dy: "1" }),
+        /* @__PURE__ */ e("feGaussianBlur", { stdDeviation: "1" }),
+        /* @__PURE__ */ e("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0" }),
+        /* @__PURE__ */ e("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow" }),
+        /* @__PURE__ */ e("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }),
+        /* @__PURE__ */ e("feOffset", { dy: "1" }),
+        /* @__PURE__ */ e("feGaussianBlur", { stdDeviation: "1.5" }),
+        /* @__PURE__ */ e("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }),
+        /* @__PURE__ */ e("feBlend", { mode: "normal", in2: "effect1_dropShadow", result: "effect2_dropShadow" }),
+        /* @__PURE__ */ e("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }),
+        /* @__PURE__ */ e("feMorphology", { radius: "0.5", operator: "erode", in: "SourceAlpha", result: "effect3_dropShadow" }),
+        /* @__PURE__ */ e("feOffset", { dy: "1" }),
+        /* @__PURE__ */ e("feGaussianBlur", { stdDeviation: "0.5" }),
+        /* @__PURE__ */ e("feComposite", { in2: "hardAlpha", operator: "out" }),
+        /* @__PURE__ */ e("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.13 0" }),
+        /* @__PURE__ */ e("feBlend", { mode: "normal", in2: "effect2_dropShadow", result: "effect3_dropShadow" }),
+        /* @__PURE__ */ e("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect3_dropShadow", result: "shape" }),
+        /* @__PURE__ */ e("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }),
+        /* @__PURE__ */ e("feOffset", { dy: "-0.5" }),
+        /* @__PURE__ */ e("feGaussianBlur", { stdDeviation: "0.25" }),
+        /* @__PURE__ */ e("feComposite", { in2: "hardAlpha", operator: "arithmetic", k2: "-1", k3: "1" }),
+        /* @__PURE__ */ e("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }),
+        /* @__PURE__ */ e("feBlend", { mode: "normal", in2: "shape", result: "effect4_innerShadow" })
+      ] }),
+      /* @__PURE__ */ l("filter", { id: `filter1_dd-${r}`, x: "8", y: "8", width: "22", height: "22", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [
+        /* @__PURE__ */ e("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+        /* @__PURE__ */ e("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }),
+        /* @__PURE__ */ e("feOffset", { dy: "1" }),
+        /* @__PURE__ */ e("feGaussianBlur", { stdDeviation: "1" }),
+        /* @__PURE__ */ e("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.06 0" }),
+        /* @__PURE__ */ e("feBlend", { mode: "normal", in2: "BackgroundImageFix", result: "effect1_dropShadow" }),
+        /* @__PURE__ */ e("feColorMatrix", { in: "SourceAlpha", type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0", result: "hardAlpha" }),
+        /* @__PURE__ */ e("feOffset", { dy: "1" }),
+        /* @__PURE__ */ e("feGaussianBlur", { stdDeviation: "1.5" }),
+        /* @__PURE__ */ e("feColorMatrix", { type: "matrix", values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" }),
+        /* @__PURE__ */ e("feBlend", { mode: "normal", in2: "effect1_dropShadow", result: "effect2_dropShadow" }),
+        /* @__PURE__ */ e("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect2_dropShadow", result: "shape" })
+      ] }),
+      /* @__PURE__ */ l("filter", { id: `filter2_b-${r}`, x: "-2", y: "13", width: "42", height: "26", filterUnits: "userSpaceOnUse", colorInterpolationFilters: "sRGB", children: [
+        /* @__PURE__ */ e("feFlood", { floodOpacity: "0", result: "BackgroundImageFix" }),
+        /* @__PURE__ */ e("feGaussianBlur", { in: "BackgroundImageFix", stdDeviation: "2.5" }),
+        /* @__PURE__ */ e("feComposite", { in2: "SourceAlpha", operator: "in", result: "effect1_backgroundBlur" }),
+        /* @__PURE__ */ e("feBlend", { mode: "normal", in: "SourceGraphic", in2: "effect1_backgroundBlur", result: "shape" })
+      ] }),
+      /* @__PURE__ */ l("linearGradient", { id: `paint0_linear-${r}`, x1: "19", y1: "2", x2: "19", y2: "34", gradientUnits: "userSpaceOnUse", children: [
+        /* @__PURE__ */ e("stop", { stopColor: "white" }),
+        /* @__PURE__ */ e("stop", { offset: "1", stopColor: "#000000" })
+      ] }),
+      /* @__PURE__ */ l("linearGradient", { id: `paint1_linear-${r}`, x1: "15", y1: "26", x2: "23", y2: "10", gradientUnits: "userSpaceOnUse", children: [
+        /* @__PURE__ */ e("stop", { stopColor: "#53389E" }),
+        /* @__PURE__ */ e("stop", { offset: "1", stopColor: "#6941C6" })
+      ] }),
+      /* @__PURE__ */ l(
+        "radialGradient",
+        {
+          id: `paint2_radial-${r}`,
+          cx: "0",
+          cy: "0",
+          r: "1",
+          gradientUnits: "userSpaceOnUse",
+          gradientTransform: "translate(19 10) rotate(90) scale(12)",
+          children: [
+            /* @__PURE__ */ e("stop", { stopColor: "white", stopOpacity: "0" }),
+            /* @__PURE__ */ e("stop", { offset: "0.5", stopColor: "white", stopOpacity: "0" }),
+            /* @__PURE__ */ e("stop", { offset: "0.99", stopColor: "white" }),
+            /* @__PURE__ */ e("stop", { offset: "1", stopColor: "white", stopOpacity: "0" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ l(
+        "radialGradient",
+        {
+          id: `paint3_radial-${r}`,
+          cx: "0",
+          cy: "0",
+          r: "1",
+          gradientUnits: "userSpaceOnUse",
+          gradientTransform: "translate(19 18) rotate(90) scale(8)",
+          children: [
+            /* @__PURE__ */ e("stop", { offset: "0.746599", stopColor: "white", stopOpacity: "0" }),
+            /* @__PURE__ */ e("stop", { offset: "1", stopColor: "white" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ l(
+        "radialGradient",
+        {
+          id: `paint4_radial-${r}`,
+          cx: "0",
+          cy: "0",
+          r: "1",
+          gradientUnits: "userSpaceOnUse",
+          gradientTransform: "translate(19 14.6) rotate(90) scale(7)",
+          children: [
+            /* @__PURE__ */ e("stop", { stopColor: "white" }),
+            /* @__PURE__ */ e("stop", { offset: "1", stopColor: "white", stopOpacity: "0" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ l("linearGradient", { id: `paint5_linear-${r}`, x1: "19", y1: "11.6", x2: "19", y2: "14.8", gradientUnits: "userSpaceOnUse", children: [
+        /* @__PURE__ */ e("stop", { stopColor: "white" }),
+        /* @__PURE__ */ e("stop", { offset: "1", stopColor: "white", stopOpacity: "0.1" })
+      ] }),
+      /* @__PURE__ */ e("clipPath", { id: `clip0-${r}`, children: /* @__PURE__ */ e(
+        "path",
+        {
+          d: "M3 14.8C3 10.3196 3 8.07937 3.87195 6.36808C4.63893 4.86278 5.86278 3.63893 7.36808 2.87195C9.07937 2 11.3196 2 15.8 2H22.2C26.6804 2 28.9206 2 30.6319 2.87195C32.1372 3.63893 33.3611 4.86278 34.1281 6.36808C35 8.07937 35 10.3196 35 14.8V21.2C35 25.6804 35 27.9206 34.1281 29.6319C33.3611 31.1372 32.1372 32.3611 30.6319 33.1281C28.9206 34 26.6804 34 22.2 34H15.8C11.3196 34 9.07937 34 7.36808 33.1281C5.86278 32.3611 4.63893 31.1372 3.87195 29.6319C3 27.9206 3 25.6804 3 21.2V14.8Z",
+          fill: "white"
+        }
+      ) }),
+      /* @__PURE__ */ e("clipPath", { id: `clip1-${r}`, children: /* @__PURE__ */ e("rect", { width: "32", height: "32", fill: "white", transform: "translate(3 2)" }) })
+    ] })
+  ] });
+}, se = (t) => /* @__PURE__ */ l("div", { ...t, className: a("flex h-8 w-max items-center justify-start overflow-visible", t.className), children: [
+  /* @__PURE__ */ e(Qe, { className: "aspect-square h-full w-auto shrink-0" }),
+  /* @__PURE__ */ e("div", { className: "aspect-[0.3] h-full" }),
+  /* @__PURE__ */ l("svg", { viewBox: "0 0 97 32", fill: "none", className: "aspect-[3] h-full shrink-0", children: [
+    /* @__PURE__ */ e(
+      "path",
+      {
+        d: "M33.9101 10.2372C34.2321 10.5355 34.6179 10.6847 35.0678 10.6847C35.5176 10.6847 35.9011 10.5355 36.2183 10.2372C36.5403 9.9342 36.7013 9.57199 36.7013 9.15058C36.7013 8.73392 36.5403 8.37644 36.2183 8.07814C35.9011 7.77511 35.5176 7.6236 35.0678 7.6236C34.6179 7.6236 34.2321 7.77511 33.9101 8.07814C33.5928 8.37644 33.4342 8.73392 33.4342 9.15058C33.4342 9.57199 33.5928 9.9342 33.9101 10.2372Z",
+        className: "fill-fg-primary"
+      }
+    ),
+    /* @__PURE__ */ e(
+      "path",
+      {
+        d: "M11.2997 20.6847C11.8063 19.8892 12.0597 18.9612 12.0597 17.9006V8.45456H8.98438V17.6378C8.98438 18.1918 8.86127 18.6842 8.61506 19.1151C8.37358 19.5459 8.0303 19.8845 7.58523 20.1307C7.14489 20.3769 6.62642 20.5 6.02983 20.5C5.43797 20.5 4.91951 20.3769 4.47443 20.1307C4.02936 19.8845 3.68371 19.5459 3.4375 19.1151C3.19602 18.6842 3.07528 18.1918 3.07528 17.6378V8.45456H0V17.9006C0 18.9612 0.250947 19.8892 0.752841 20.6847C1.25473 21.4801 1.95786 22.1004 2.86222 22.5455C3.76657 22.9858 4.82244 23.206 6.02983 23.206C7.23248 23.206 8.28599 22.9858 9.19034 22.5455C10.0947 22.1004 10.7978 21.4801 11.2997 20.6847Z",
+        className: "fill-fg-primary"
+      }
+    ),
+    /* @__PURE__ */ e(
+      "path",
+      {
+        d: "M18.3589 12.51C17.7907 12.8793 17.3859 13.3812 17.1444 14.0156H17.0165V12.0909H14.133V23H17.1586V16.6932C17.1633 16.2244 17.2509 15.8244 17.4214 15.4929C17.5966 15.1567 17.838 14.9011 18.1458 14.7259C18.4583 14.5507 18.8182 14.4631 19.2254 14.4631C19.8314 14.4631 20.3073 14.6525 20.6529 15.0313C20.9986 15.4053 21.169 15.9262 21.1643 16.5938V23H24.1898V16.054C24.1898 15.2065 24.0336 14.4773 23.7211 13.8665C23.4086 13.251 22.9706 12.7775 22.4072 12.446C21.8437 12.1146 21.1832 11.9489 20.4256 11.9489C19.616 11.9489 18.9271 12.1359 18.3589 12.51Z",
+        className: "fill-fg-primary"
+      }
+    ),
+    /* @__PURE__ */ e(
+      "path",
+      {
+        d: "M27.3463 21.821C27.0433 21.3523 26.8941 20.7604 26.8989 20.0455V14.3637H25.4074V12.0909H26.8989V9.47729H29.9244V12.0909H31.977V14.3637H29.9244V19.6477C29.9244 19.9271 29.967 20.1449 30.0523 20.3012C30.1375 20.4527 30.2559 20.5592 30.4074 20.6208C30.5636 20.6823 30.7436 20.7131 30.9472 20.7131C31.0892 20.7131 31.2313 20.7012 31.3733 20.6776C31.5153 20.6492 31.6242 20.6279 31.7 20.6137L32.1759 22.8651C32.0243 22.9124 31.8113 22.9669 31.5366 23.0284C31.262 23.0947 30.9282 23.135 30.5352 23.1492C29.8061 23.1776 29.1669 23.0805 28.6176 22.858C28.0731 22.6354 27.6493 22.2898 27.3463 21.821Z",
+        className: "fill-fg-primary"
+      }
+    ),
+    /* @__PURE__ */ e(
+      "path",
+      {
+        d: "M39.769 21.821C39.4659 21.3523 39.3168 20.7604 39.3215 20.0455V14.3637H37.83V12.0909H39.3215V9.47729H42.3471V12.0909H44.3996V14.3637H42.3471V19.6477C42.3471 19.9271 42.3897 20.1449 42.4749 20.3012C42.5602 20.4527 42.6785 20.5592 42.83 20.6208C42.9863 20.6823 43.1662 20.7131 43.3698 20.7131C43.5119 20.7131 43.6539 20.7012 43.796 20.6776C43.938 20.6492 44.0469 20.6279 44.1227 20.6137L44.5985 22.8651C44.447 22.9124 44.2339 22.9669 43.9593 23.0284C43.6847 23.0947 43.3509 23.135 42.9579 23.1492C42.2287 23.1776 41.5895 23.0805 41.0403 22.858C40.4958 22.6354 40.072 22.2898 39.769 21.821Z",
+        className: "fill-fg-primary"
+      }
+    ),
+    /* @__PURE__ */ e(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M56.2257 23.2131C55.1035 23.2131 54.1376 22.9858 53.328 22.5313C52.5231 22.072 51.9028 21.4233 51.4672 20.5852C51.0316 19.7424 50.8138 18.7458 50.8138 17.5952C50.8138 16.473 51.0316 15.4882 51.4672 14.6406C51.9028 13.7931 52.516 13.1326 53.3067 12.6591C54.1021 12.1856 55.0349 11.9489 56.105 11.9489C56.8247 11.9489 57.4946 12.0649 58.1149 12.2969C58.7399 12.5242 59.2844 12.8674 59.7484 13.3267C60.2172 13.786 60.5818 14.3637 60.8422 15.0597C61.1026 15.751 61.2328 16.5606 61.2328 17.4887V18.3196H53.8038V18.3267C53.8038 18.8665 53.9033 19.3329 54.1021 19.7259C54.3057 20.1189 54.5922 20.4219 54.9615 20.635C55.3308 20.848 55.7688 20.9546 56.2754 20.9546C56.6116 20.9546 56.9194 20.9072 57.1987 20.8125C57.4781 20.7178 57.7172 20.5758 57.916 20.3864C58.1149 20.197 58.2664 19.965 58.3706 19.6904L61.1689 19.875C61.0268 20.5474 60.7357 21.1345 60.2953 21.6364C59.8597 22.1335 59.2963 22.5218 58.605 22.8012C57.9184 23.0758 57.1253 23.2131 56.2257 23.2131ZM54.1092 15.3722C53.9258 15.6954 53.8249 16.0529 53.8067 16.4446H58.3848C58.3848 16.009 58.2901 15.6231 58.1007 15.2869C57.9113 14.9508 57.6485 14.688 57.3124 14.4986C56.9809 14.3045 56.595 14.2074 56.1547 14.2074C55.6954 14.2074 55.2882 14.3139 54.9331 14.527C54.5827 14.7353 54.3081 15.0171 54.1092 15.3722Z",
+        className: "fill-fg-primary"
+      }
+    ),
+    /* @__PURE__ */ e(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M64.5757 22.5384C65.2481 22.9645 65.9985 23.1776 66.8271 23.1776C67.4143 23.1776 67.9114 23.0805 68.3186 22.8864C68.7305 22.6923 69.0643 22.4484 69.32 22.1548C69.5804 21.8566 69.7817 21.5559 69.9237 21.2529H70.0516V23H73.0345V8.45456H70.0161V13.9233H69.9237C69.7911 13.6298 69.597 13.3315 69.3413 13.0284C69.0904 12.7207 68.7589 12.465 68.347 12.2614C67.9398 12.053 67.4308 11.9489 66.82 11.9489C66.0198 11.9489 65.2836 12.1572 64.6112 12.5739C63.9436 12.9858 63.4086 13.6084 63.0061 14.4418C62.6036 15.2704 62.4024 16.3097 62.4024 17.5597C62.4024 18.7765 62.5965 19.804 62.9848 20.6421C63.3778 21.4754 63.9081 22.1075 64.5757 22.5384ZM69.0217 20.3722C68.6856 20.6373 68.2736 20.7699 67.7859 20.7699C67.2888 20.7699 66.8698 20.635 66.5288 20.3651C66.1927 20.0905 65.9346 19.7117 65.7547 19.2287C65.5795 18.741 65.4919 18.1799 65.4919 17.5455C65.4919 16.9157 65.5795 16.3618 65.7547 15.8835C65.9299 15.4053 66.1879 15.0313 66.5288 14.7614C66.8698 14.4915 67.2888 14.3566 67.7859 14.3566C68.2736 14.3566 68.6879 14.4868 69.0288 14.7472C69.3698 15.0076 69.6302 15.3769 69.8101 15.8551C69.99 16.3334 70.08 16.8968 70.08 17.5455C70.08 18.1941 69.9876 18.76 69.803 19.2429C69.6231 19.7259 69.3626 20.1023 69.0217 20.3722Z",
+        className: "fill-fg-primary"
+      }
+    ),
+    /* @__PURE__ */ e(
+      "path",
+      {
+        d: "M88.0229 19.1151C88.2691 18.6842 88.3922 18.1918 88.3922 17.6378V8.45456H91.4675V17.9006C91.4675 18.9612 91.2142 19.8892 90.7075 20.6847C90.2056 21.4801 89.5025 22.1004 88.5982 22.5455C87.6938 22.9858 86.6403 23.206 85.4376 23.206C84.2303 23.206 83.1744 22.9858 82.27 22.5455C81.3657 22.1004 80.6625 21.4801 80.1607 20.6847C79.6588 19.8892 79.4078 18.9612 79.4078 17.9006V8.45456H82.4831V17.6378C82.4831 18.1918 82.6038 18.6842 82.8453 19.1151C83.0915 19.5459 83.4372 19.8845 83.8822 20.1307C84.3273 20.3769 84.8458 20.5 85.4376 20.5C86.0342 20.5 86.5527 20.3769 86.993 20.1307C87.4381 19.8845 87.7814 19.5459 88.0229 19.1151Z",
+        className: "fill-fg-primary"
+      }
+    ),
+    /* @__PURE__ */ e("path", { d: "M33.5479 12.0909V23H36.5734V12.0909H33.5479Z", className: "fill-fg-primary" }),
+    /* @__PURE__ */ e("path", { d: "M49.2305 23V8.45456H46.2049V23H49.2305Z", className: "fill-fg-primary" }),
+    /* @__PURE__ */ e("path", { d: "M96.6729 23V8.45456H93.5977V23H96.6729Z", className: "fill-fg-primary" })
+  ] })
+] }), Ie = ({ progress: t = 100, ...r }) => {
+  const n = J();
+  return /* @__PURE__ */ l("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", ...r, className: a("size-5 text-yellow-400", r.className), children: [
+    /* @__PURE__ */ e(
+      "path",
+      {
+        d: "M9.53834 1.60996C9.70914 1.19932 10.2909 1.19932 10.4617 1.60996L12.5278 6.57744C12.5998 6.75056 12.7626 6.86885 12.9495 6.88383L18.3123 7.31376C18.7556 7.3493 18.9354 7.90256 18.5976 8.19189L14.5117 11.6919C14.3693 11.8139 14.3071 12.0053 14.3506 12.1876L15.5989 17.4208C15.7021 17.8534 15.2315 18.1954 14.8519 17.9635L10.2606 15.1592C10.1006 15.0615 9.89938 15.0615 9.73937 15.1592L5.14806 17.9635C4.76851 18.1954 4.29788 17.8534 4.40108 17.4208L5.64939 12.1876C5.69289 12.0053 5.6307 11.8139 5.48831 11.6919L1.40241 8.19189C1.06464 7.90256 1.24441 7.3493 1.68773 7.31376L7.05054 6.88383C7.23744 6.86885 7.40024 6.75056 7.47225 6.57744L9.53834 1.60996Z",
+        className: "fill-bg-tertiary"
+      }
+    ),
+    /* @__PURE__ */ e("g", { clipPath: `url(#clip-${n})`, children: /* @__PURE__ */ e(
+      "path",
+      {
+        d: "M9.53834 1.60996C9.70914 1.19932 10.2909 1.19932 10.4617 1.60996L12.5278 6.57744C12.5998 6.75056 12.7626 6.86885 12.9495 6.88383L18.3123 7.31376C18.7556 7.3493 18.9354 7.90256 18.5976 8.19189L14.5117 11.6919C14.3693 11.8139 14.3071 12.0053 14.3506 12.1876L15.5989 17.4208C15.7021 17.8534 15.2315 18.1954 14.8519 17.9635L10.2606 15.1592C10.1006 15.0615 9.89938 15.0615 9.73937 15.1592L5.14806 17.9635C4.76851 18.1954 4.29788 17.8534 4.40108 17.4208L5.64939 12.1876C5.69289 12.0053 5.6307 11.8139 5.48831 11.6919L1.40241 8.19189C1.06464 7.90256 1.24441 7.3493 1.68773 7.31376L7.05054 6.88383C7.23744 6.86885 7.40024 6.75056 7.47225 6.57744L9.53834 1.60996Z",
+        fill: "currentColor"
+      }
+    ) }),
+    /* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: `clip-${n}`, children: /* @__PURE__ */ e("rect", { width: `${t}%`, height: "20", fill: "white" }) }) })
+  ] });
+}, Je = ({
+  color: t = "gray",
+  theme: r = "modern",
+  icon: n,
+  title: o,
+  subtitle: i,
+  footer: s
+}) => /* @__PURE__ */ l("div", { className: "flex max-w-sm flex-col items-center gap-4 text-center", children: [
+  /* @__PURE__ */ e(D, { icon: n, size: "lg", color: t, theme: r, className: "hidden md:inline-flex" }),
+  /* @__PURE__ */ e(D, { icon: n, size: "md", color: t, theme: r, className: "inline-flex md:hidden" }),
+  /* @__PURE__ */ l("div", { children: [
+    /* @__PURE__ */ e("h3", { className: "text-lg font-semibold text-primary", children: o }),
+    /* @__PURE__ */ e("p", { className: "mt-1 text-md text-tertiary", children: i })
+  ] }),
+  s
+] }), $e = (t) => /* @__PURE__ */ e("svg", { viewBox: "0 0 298 408", fill: "none", ...t, className: a("hidden w-48.5 text-fg-quaternary opacity-30 md:block md:w-74.5", t.className), children: /* @__PURE__ */ l("g", { children: [
+  /* @__PURE__ */ e("line", { x1: "203.24", y1: "12.7244", x2: "207.5", y2: "1.01986", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "229.864", y1: "12.1777", x2: "236.092", y2: "1.39079", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "256.656", y1: "11.6453", x2: "264.662", y2: "2.10368", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "283.65", y1: "10.7437", x2: "293.192", y2: "2.73735", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "17.7088", y1: "12.2758", x2: "8.16716", y2: "4.26944", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "44.4605", y1: "12.9309", x2: "36.4542", y2: "3.38926", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "71.0519", y1: "13.1777", x2: "64.8241", y2: "2.39079", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "97.5291", y1: "13.4084", x2: "93.269", y2: "1.7039", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "123.937", y1: "13.6297", x2: "121.774", y2: "1.36324", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "150.324", y1: "13.4561", x2: "150.324", y2: "1.00036", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "176.742", y1: "13.2824", x2: "178.905", y2: "1.01594", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "175.217", y1: "34.5222", x2: "179.477", y2: "22.8177", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "201.837", y1: "33.9746", x2: "208.065", y2: "23.1877", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "228.628", y1: "33.4431", x2: "236.635", y2: "23.9015", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "255.627", y1: "32.5416", x2: "265.168", y2: "24.5352", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "282.859", y1: "31.2736", x2: "293.646", y2: "25.0458", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "16.4371", y1: "34.7287", x2: "8.43071", y2: "25.1871", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "43.0285", y1: "34.9746", x2: "36.8007", y2: "24.1877", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "69.5017", y1: "35.2063", x2: "65.2416", y2: "23.5018", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "95.9097", y1: "35.4266", x2: "93.7468", y2: "23.1601", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "122.297", y1: "35.2529", x2: "122.297", y2: "22.7972", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "148.718", y1: "35.0793", x2: "150.881", y2: "22.8128", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "147.189", y1: "56.3201", x2: "151.449", y2: "44.6156", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "173.814", y1: "55.7725", x2: "180.042", y2: "44.9855", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "200.605", y1: "55.24", x2: "208.611", y2: "45.6984", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "227.603", y1: "54.3384", x2: "237.145", y2: "46.3321", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "254.836", y1: "53.0705", x2: "265.623", y2: "46.8427", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "282.33", y1: "52.2185", x2: "294.034", y2: "47.9584", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "15.0012", y1: "56.7725", x2: "8.77331", y2: "45.9855", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "41.4783", y1: "57.0041", x2: "37.2182", y2: "45.2996", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "67.8863", y1: "57.2244", x2: "65.7234", y2: "44.958", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "94.2734", y1: "57.0508", x2: "94.2734", y2: "44.5951", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "120.691", y1: "56.8771", x2: "122.854", y2: "44.6107", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "119.166", y1: "78.117", x2: "123.426", y2: "66.4124", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "145.786", y1: "77.5703", x2: "152.014", y2: "66.7834", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "172.578", y1: "77.0379", x2: "180.584", y2: "67.4963", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "199.576", y1: "76.1363", x2: "209.118", y2: "68.1299", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "226.812", y1: "74.8683", x2: "237.599", y2: "68.6405", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "254.306", y1: "74.0164", x2: "266.011", y2: "69.7563", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "282.08", y1: "72.8033", x2: "294.347", y2: "70.6404", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "13.4509", y1: "78.801", x2: "9.19083", y2: "67.0965", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "39.8589", y1: "79.0223", x2: "37.696", y2: "66.7558", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "66.2461", y1: "78.8486", x2: "66.2461", y2: "66.3929", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "92.6675", y1: "78.675", x2: "94.8304", y2: "66.4085", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "91.1384", y1: "99.9148", x2: "95.3985", y2: "88.2103", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "117.763", y1: "99.3672", x2: "123.991", y2: "88.5802", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "144.554", y1: "98.8357", x2: "152.561", y2: "89.2941", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "171.553", y1: "97.9332", x2: "181.094", y2: "89.9268", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "198.785", y1: "96.6662", x2: "209.572", y2: "90.4384", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "226.279", y1: "95.8132", x2: "237.984", y2: "91.5531", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "254.053", y1: "94.6011", x2: "266.319", y2: "92.4382", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "11.8355", y1: "100.819", x2: "9.6726", y2: "88.5527", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "38.2227", y1: "100.646", x2: "38.2227", y2: "88.1898", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "64.6402", y1: "100.472", x2: "66.8031", y2: "88.2054", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "297.68", y1: "95.418", x2: "285.224", y2: "95.418", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "63.115", y1: "121.712", x2: "67.3751", y2: "110.007", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "89.7355", y1: "121.165", x2: "95.9634", y2: "110.378", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "116.527", y1: "120.633", x2: "124.533", y2: "111.091", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "143.525", y1: "119.731", x2: "153.067", y2: "111.725", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "170.762", y1: "118.463", x2: "181.549", y2: "112.235", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "198.256", y1: "117.611", x2: "209.96", y2: "113.351", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "226.029", y1: "116.398", x2: "238.296", y2: "114.235", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "10.1953", y1: "122.443", x2: "10.1953", y2: "109.988", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "36.6168", y1: "122.27", x2: "38.7797", y2: "110.003", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "269.652", y1: "117.216", x2: "257.197", y2: "117.216", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "297.365", y1: "118.368", x2: "285.099", y2: "116.205", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "35.0877", y1: "143.51", x2: "39.3478", y2: "131.805", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "61.7121", y1: "142.962", x2: "67.9399", y2: "132.175", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "88.5035", y1: "142.43", x2: "96.5099", y2: "132.889", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "115.502", y1: "141.529", x2: "125.043", y2: "133.523", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "142.734", y1: "140.261", x2: "153.521", y2: "134.033", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "170.228", y1: "139.409", x2: "181.933", y2: "135.149", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "198.002", y1: "138.196", x2: "210.269", y2: "136.033", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "8.58941", y1: "144.068", x2: "10.7523", y2: "131.801", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "241.629", y1: "139.013", x2: "229.173", y2: "139.013", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "269.338", y1: "140.165", x2: "257.072", y2: "138.003", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "296.775", y1: "141.288", x2: "285.071", y2: "137.028", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "7.06421", y1: "165.307", x2: "11.3243", y2: "153.603", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "33.6848", y1: "164.76", x2: "39.9126", y2: "153.973", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "60.4761", y1: "164.227", x2: "68.4825", y2: "154.686", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "87.4744", y1: "163.326", x2: "97.016", y2: "155.319", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "114.711", y1: "162.058", x2: "125.498", y2: "155.83", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "142.205", y1: "161.206", x2: "153.909", y2: "156.946", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "169.979", y1: "159.994", x2: "182.245", y2: "157.831", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "295.93", y1: "163.79", x2: "285.143", y2: "157.562", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "213.605", y1: "160.811", x2: "201.15", y2: "160.811", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "241.315", y1: "161.963", x2: "229.048", y2: "159.8", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "268.748", y1: "163.085", x2: "257.043", y2: "158.825", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "5.66132", y1: "186.558", x2: "11.8892", y2: "175.771", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "32.4527", y1: "186.025", x2: "40.4591", y2: "176.484", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "59.451", y1: "185.124", x2: "68.9926", y2: "177.117", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "86.6836", y1: "183.856", x2: "97.4705", y2: "177.628", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "114.178", y1: "183.004", x2: "125.882", y2: "178.744", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "141.951", y1: "181.791", x2: "154.218", y2: "179.628", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "267.902", y1: "185.588", x2: "257.115", y2: "179.36", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "294.853", y1: "186.656", x2: "285.312", y2: "178.649", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "185.578", y1: "182.607", x2: "173.122", y2: "182.607", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "213.287", y1: "183.76", x2: "201.021", y2: "181.597", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "240.724", y1: "184.883", x2: "229.02", y2: "180.623", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "4.42536", y1: "207.823", x2: "12.4317", y2: "198.281", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "31.4236", y1: "206.92", x2: "40.9652", y2: "198.914", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "58.6602", y1: "205.654", x2: "69.4471", y2: "199.426", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "86.1541", y1: "204.802", x2: "97.8586", y2: "200.541", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "113.928", y1: "203.588", x2: "126.194", y2: "201.426", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "239.879", y1: "207.386", x2: "229.092", y2: "201.158", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "266.826", y1: "208.453", x2: "257.284", y2: "200.446", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "293.578", y1: "209.109", x2: "285.571", y2: "199.567", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "157.555", y1: "204.405", x2: "145.099", y2: "204.405", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "185.264", y1: "205.558", x2: "172.997", y2: "203.395", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "212.701", y1: "206.681", x2: "200.996", y2: "202.421", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "3.40018", y1: "228.718", x2: "12.9418", y2: "220.712", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "30.6328", y1: "227.45", x2: "41.4198", y2: "221.223", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "58.1267", y1: "226.598", x2: "69.8313", y2: "222.338", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "85.9006", y1: "225.385", x2: "98.167", y2: "223.222", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "211.852", y1: "229.182", x2: "201.065", y2: "222.955", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "238.803", y1: "230.25", x2: "229.261", y2: "222.244", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "265.55", y1: "230.905", x2: "257.544", y2: "221.364", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "292.146", y1: "231.152", x2: "285.918", y2: "220.365", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "129.527", y1: "226.203", x2: "117.072", y2: "226.203", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "157.237", y1: "227.355", x2: "144.97", y2: "225.192", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "184.674", y1: "228.478", x2: "172.969", y2: "224.218", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "2.60938", y1: "249.248", x2: "13.3963", y2: "243.02", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "30.1033", y1: "248.396", x2: "41.8078", y2: "244.136", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "57.8771", y1: "247.183", x2: "70.1436", y2: "245.02", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "183.828", y1: "250.98", x2: "173.041", y2: "244.752", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "210.775", y1: "252.048", x2: "201.234", y2: "244.042", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "237.527", y1: "252.703", x2: "229.521", y2: "243.162", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "264.118", y1: "252.949", x2: "257.891", y2: "242.162", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "290.595", y1: "253.181", x2: "286.335", y2: "241.476", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "101.504", y1: "248", x2: "89.0482", y2: "248", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "129.213", y1: "249.153", x2: "116.947", y2: "246.99", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "156.65", y1: "250.276", x2: "144.946", y2: "246.016", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "2.07595", y1: "270.193", x2: "13.7805", y2: "265.933", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "29.8498", y1: "268.981", x2: "42.1163", y2: "266.818", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "155.801", y1: "272.778", x2: "145.014", y2: "266.55", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "182.752", y1: "273.845", x2: "173.21", y2: "265.839", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "209.503", y1: "274.5", x2: "201.497", y2: "264.959", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "236.095", y1: "274.747", x2: "229.867", y2: "263.96", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "262.568", y1: "274.979", x2: "258.308", y2: "263.274", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "288.976", y1: "275.199", x2: "286.813", y2: "262.933", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "73.4766", y1: "269.798", x2: "61.0209", y2: "269.798", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "101.186", y1: "270.951", x2: "88.9193", y2: "268.788", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "128.623", y1: "272.073", x2: "116.918", y2: "267.812", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "1.82635", y1: "290.778", x2: "14.0928", y2: "288.615", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "127.777", y1: "294.575", x2: "116.99", y2: "288.347", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "154.724", y1: "295.643", x2: "145.183", y2: "287.637", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "181.476", y1: "296.298", x2: "173.47", y2: "286.756", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "208.068", y1: "296.545", x2: "201.84", y2: "285.758", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "234.545", y1: "296.776", x2: "230.285", y2: "285.071", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "260.953", y1: "296.997", x2: "258.79", y2: "284.73", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "287.34", y1: "296.823", x2: "287.34", y2: "284.368", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "45.4531", y1: "291.595", x2: "32.9974", y2: "291.595", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "73.1623", y1: "292.748", x2: "60.8958", y2: "290.585", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "100.599", y1: "293.87", x2: "88.8949", y2: "289.61", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "99.75", y1: "316.373", x2: "88.9631", y2: "310.145", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "126.701", y1: "317.44", x2: "117.159", y2: "309.434", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "153.453", y1: "318.096", x2: "145.446", y2: "308.554", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "180.044", y1: "318.342", x2: "173.816", y2: "307.555", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "206.517", y1: "318.573", x2: "202.257", y2: "306.869", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "232.925", y1: "318.794", x2: "230.762", y2: "306.527", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "259.312", y1: "318.62", x2: "259.312", y2: "306.164", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "285.734", y1: "318.446", x2: "287.897", y2: "306.18", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "17.4258", y1: "313.393", x2: "4.97009", y2: "313.393", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "45.1349", y1: "314.545", x2: "32.8685", y2: "312.382", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "72.572", y1: "315.668", x2: "60.8675", y2: "311.408", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "284.205", y1: "339.686", x2: "288.465", y2: "327.982", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "71.7266", y1: "338.17", x2: "60.9396", y2: "331.942", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "98.6736", y1: "339.238", x2: "89.132", y2: "331.231", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "125.425", y1: "339.893", x2: "117.419", y2: "330.351", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "152.017", y1: "340.14", x2: "145.789", y2: "329.353", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "178.494", y1: "340.37", x2: "174.234", y2: "328.666", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "204.902", y1: "340.592", x2: "202.739", y2: "328.325", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "231.289", y1: "340.418", x2: "231.289", y2: "327.962", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "257.707", y1: "340.244", x2: "259.87", y2: "327.978", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "17.1115", y1: "336.342", x2: "4.84504", y2: "334.179", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "44.5486", y1: "337.465", x2: "32.8441", y2: "333.205", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "256.181", y1: "361.484", x2: "260.441", y2: "349.78", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "282.802", y1: "360.937", x2: "289.03", y2: "350.15", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "43.6992", y1: "359.968", x2: "32.9123", y2: "353.74", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "70.6502", y1: "361.036", x2: "61.1086", y2: "353.029", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "97.4019", y1: "361.691", x2: "89.3956", y2: "352.149", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "123.993", y1: "361.937", x2: "117.766", y2: "351.15", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "150.467", y1: "362.168", x2: "146.206", y2: "350.464", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "176.875", y1: "362.389", x2: "174.712", y2: "350.123", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "203.262", y1: "362.216", x2: "203.262", y2: "349.76", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "229.683", y1: "362.042", x2: "231.846", y2: "349.776", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "16.5213", y1: "359.263", x2: "4.81674", y2: "355.003", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "228.154", y1: "383.282", x2: "232.414", y2: "371.577", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "254.779", y1: "382.734", x2: "261.006", y2: "371.947", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "281.57", y1: "382.202", x2: "289.576", y2: "372.66", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "15.6758", y1: "381.765", x2: "4.88883", y2: "375.538", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "42.6228", y1: "382.832", x2: "33.0812", y2: "374.826", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "69.3746", y1: "383.488", x2: "61.3682", y2: "373.946", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "95.966", y1: "383.734", x2: "89.7382", y2: "372.947", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "122.443", y1: "383.966", x2: "118.183", y2: "372.262", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "148.851", y1: "384.186", x2: "146.688", y2: "371.92", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "175.238", y1: "384.013", x2: "175.238", y2: "371.557", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "201.656", y1: "383.839", x2: "203.819", y2: "371.573", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "200.131", y1: "405.079", x2: "204.391", y2: "393.374", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "226.751", y1: "404.532", x2: "232.979", y2: "393.745", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "253.543", y1: "404", x2: "261.549", y2: "394.458", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "280.541", y1: "403.098", x2: "290.082", y2: "395.092", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "14.5994", y1: "404.63", x2: "5.05778", y2: "396.624", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "41.3511", y1: "405.285", x2: "33.3448", y2: "395.744", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "67.9426", y1: "405.532", x2: "61.7147", y2: "394.745", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "94.4158", y1: "405.763", x2: "90.1557", y2: "394.058", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "120.824", y1: "405.984", x2: "118.661", y2: "393.718", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "147.211", y1: "405.811", x2: "147.211", y2: "393.355", stroke: "currentColor", strokeWidth: "2" }),
+  /* @__PURE__ */ e("line", { x1: "173.632", y1: "405.637", x2: "175.795", y2: "393.37", stroke: "currentColor", strokeWidth: "2" })
+] }) }), Ee = (t) => {
+  const { text: r, color: n, size: o, iconStyle: i = "contained" } = t;
+  return /* @__PURE__ */ l("li", { className: "flex gap-3", children: [
+    i === "contained" && /* @__PURE__ */ e(
+      "div",
+      {
+        className: a(
+          "flex shrink-0 items-center justify-center rounded-full",
+          n === "success" ? "bg-success-secondary text-featured-icon-light-fg-success" : "bg-brand-primary text-featured-icon-light-fg-brand",
+          o === "lg" ? "size-7 md:h-8 md:w-8" : o === "md" ? "size-7" : "size-6"
+        ),
+        children: /* @__PURE__ */ e(
+          "svg",
+          {
+            width: o === "lg" ? 16 : o === "md" ? 15 : 13,
+            height: o === "lg" ? 14 : o === "md" ? 13 : 11,
+            viewBox: "0 0 13 11",
+            fill: "none",
+            children: /* @__PURE__ */ e(
+              "path",
+              {
+                fillRule: "evenodd",
+                clipRule: "evenodd",
+                d: "M11.0964 0.390037L3.93638 7.30004L2.03638 5.27004C1.68638 4.94004 1.13638 4.92004 0.736381 5.20004C0.346381 5.49004 0.236381 6.00004 0.476381 6.41004L2.72638 10.07C2.94638 10.41 3.32638 10.62 3.75638 10.62C4.16638 10.62 4.55638 10.41 4.77638 10.07C5.13638 9.60004 12.0064 1.41004 12.0064 1.41004C12.9064 0.490037 11.8164 -0.319963 11.0964 0.380037V0.390037Z",
+                fill: "currentColor"
+              }
+            )
+          }
+        )
+      }
+    ),
+    i === "filled" && /* @__PURE__ */ e("div", { className: "flex size-6 shrink-0 items-center justify-center rounded-full bg-brand-solid text-white", children: /* @__PURE__ */ e("svg", { width: "12", height: "8", viewBox: "0 0 12 8", fill: "none", children: /* @__PURE__ */ e("path", { d: "M1.5 4L4.5 7L10.5 1", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) }),
+    i === "outlined" && /* @__PURE__ */ e(
+      E,
+      {
+        className: a(
+          "shrink-0",
+          n === "success" ? "text-fg-success-primary" : "text-fg-brand-primary",
+          o === "lg" ? "size-7 md:h-8 md:w-8" : o === "md" ? "size-7" : "size-6"
+        )
+      }
+    ),
+    /* @__PURE__ */ e(
+      "span",
+      {
+        className: a(
+          "text-tertiary",
+          o === "lg" ? "pt-0.5 text-lg md:pt-0" : o === "md" ? "pt-0.5 text-md md:pt-0 md:text-lg" : "text-md",
+          i === "filled" && "text-brand-secondary",
+          t.textClassName
+        ),
+        children: r
+      }
+    )
+  ] });
+}, Xe = (t) => /* @__PURE__ */ l("div", { className: a("flex flex-col overflow-hidden rounded-2xl bg-primary shadow-lg ring-1 ring-secondary_alt", t.className), children: [
+  /* @__PURE__ */ l("div", { className: "flex flex-col items-center px-6 pt-6 text-center md:px-8 md:pt-8", children: [
+    /* @__PURE__ */ e(D, { icon: t.icon, color: t.iconColor || "brand", theme: t.iconTheme || "light", size: "lg" }),
+    /* @__PURE__ */ e("h2", { className: "mt-4 text-xl font-semibold text-brand-secondary", children: t.title }),
+    /* @__PURE__ */ e("p", { className: "mt-2 text-display-md font-semibold text-primary md:text-display-lg", children: t.subtitle }),
+    /* @__PURE__ */ e("p", { className: "mt-2 text-md text-tertiary", children: t.description })
+  ] }),
+  /* @__PURE__ */ e("ul", { className: "flex flex-col gap-4 px-6 pt-8 pb-6 md:p-8 md:pb-10", children: t.features.map((r) => /* @__PURE__ */ e(Ee, { text: r }, r)) }),
+  /* @__PURE__ */ e("div", { className: "mt-auto flex flex-col gap-3 rounded-b-2xl border-t border-secondary bg-secondary px-6 pt-6 pb-8 md:p-8", children: /* @__PURE__ */ e(w, { size: "xl", children: "Get started" }) })
+] }), mt = ({
+  headline: t,
+  description: r,
+  placeholder: n = "Enter your email",
+  buttonLabel: o = "Subscribe",
+  privacyHref: i = "#"
+}) => /* @__PURE__ */ e("section", { className: "bg-primary py-16 md:py-24", children: /* @__PURE__ */ e("div", { className: "mx-auto max-w-container px-4 md:px-8", children: /* @__PURE__ */ l("div", { className: "mx-auto flex w-full max-w-3xl flex-col items-center text-center", children: [
+  /* @__PURE__ */ e("h1", { className: "text-display-sm font-semibold text-primary md:text-display-md", children: t }),
+  /* @__PURE__ */ e("p", { className: "mt-4 text-lg text-tertiary md:mt-5 md:text-xl", children: r }),
+  /* @__PURE__ */ l(
+    ee,
+    {
+      onSubmit: (s) => {
+        s.preventDefault();
+        const d = Object.fromEntries(new FormData(s.currentTarget));
+        console.log("Form data:", d);
+      },
+      className: "mt-8 flex w-full flex-col gap-4 md:max-w-120 md:flex-row",
+      children: [
+        /* @__PURE__ */ e(
+          ne,
+          {
+            isRequired: !0,
+            size: "lg",
+            name: "email",
+            type: "email",
+            placeholder: n,
+            wrapperClassName: "py-0.5 md:max-w-[345px]",
+            hint: /* @__PURE__ */ l("span", { children: [
+              "We care about your data in our",
+              " ",
+              /* @__PURE__ */ e("a", { href: i, className: "rounded-xs underline underline-offset-3 outline-focus-ring focus-visible:outline-2 focus-visible:outline-offset-2", children: "privacy policy" }),
+              "."
+            ] })
+          }
+        ),
+        /* @__PURE__ */ e(w, { type: "submit", size: "xl", children: o })
+      ]
+    }
+  )
+] }) }) }), pt = ({ eyebrow: t, title: r, description: n, body: o, cta: i, image: s }) => /* @__PURE__ */ l("section", { className: "flex flex-col gap-12 bg-primary py-16 md:gap-16 md:py-24", children: [
+  /* @__PURE__ */ l("div", { className: "mx-auto flex w-full max-w-container flex-col items-stretch justify-between gap-8 px-4 md:flex-row md:items-start md:px-8", children: [
+    /* @__PURE__ */ l("div", { className: "flex max-w-3xl flex-col", children: [
+      t && /* @__PURE__ */ e("span", { className: "text-sm font-semibold text-brand-secondary md:text-md", children: t }),
+      /* @__PURE__ */ e("h2", { className: "mt-3 text-display-sm font-semibold text-primary md:text-display-md", children: r }),
+      n && /* @__PURE__ */ e("p", { className: "mt-4 text-lg text-tertiary md:mt-5 md:text-xl", children: n })
+    ] }),
+    i && /* @__PURE__ */ e(w, { href: i.href, size: "xl", children: i.label })
+  ] }),
+  /* @__PURE__ */ l("div", { className: "mx-auto grid w-full max-w-container grid-cols-1 gap-12 px-4 md:grid-cols-2 md:gap-16 md:px-8", children: [
+    /* @__PURE__ */ e("div", { className: "prose md:prose-lg", children: o ?? /* @__PURE__ */ e("p", { children: "Add focused supporting copy here. Use this block for brand story, differentiators, service details, or any longer content that benefits from a split visual layout." }) }),
+    /* @__PURE__ */ e("img", { className: "h-60 w-full object-cover md:h-140", alt: s.alt, src: s.src })
+  ] })
+] }), yt = ({ headline: t, description: r, items: n, supportTitle: o, supportDescription: i, supportCta: s }) => {
+  const [d, x] = R(/* @__PURE__ */ new Set([0])), c = (u) => {
+    d.has(u) ? d.delete(u) : d.add(u), x(new Set(d));
+  };
+  return /* @__PURE__ */ e("section", { className: "bg-primary py-16 md:py-24", children: /* @__PURE__ */ l("div", { className: "mx-auto max-w-container px-4 md:px-8", children: [
+    /* @__PURE__ */ l("div", { className: "mx-auto flex w-full max-w-3xl flex-col items-center text-center", children: [
+      /* @__PURE__ */ e("h2", { className: "text-display-sm font-semibold text-primary md:text-display-md", children: t }),
+      r && /* @__PURE__ */ e("p", { className: "mt-4 text-lg text-tertiary md:mt-5 md:text-xl", children: r })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "mx-auto mt-12 max-w-3xl md:mt-16", children: /* @__PURE__ */ e("div", { className: "flex flex-col gap-8", children: n.map((u, p) => /* @__PURE__ */ l("div", { className: "not-first:-mt-px not-first:border-t not-first:border-secondary not-first:pt-6", children: [
+      /* @__PURE__ */ e("h3", { children: /* @__PURE__ */ l(
+        "button",
+        {
+          onClick: () => c(p),
+          className: "flex w-full cursor-pointer items-start justify-between gap-2 rounded-md text-left outline-focus-ring select-none focus-visible:outline-2 focus-visible:outline-offset-2 md:gap-6",
+          children: [
+            /* @__PURE__ */ e("span", { className: "text-md font-semibold text-primary", children: u.question }),
+            /* @__PURE__ */ e("span", { "aria-hidden": "true", className: "flex size-6 items-center text-fg-quaternary", children: /* @__PURE__ */ l("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+              /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "10" }),
+              /* @__PURE__ */ e(
+                "line",
+                {
+                  className: a("origin-center rotate-0 transition duration-150 ease-out", d.has(p) && "-rotate-90"),
+                  x1: "12",
+                  y1: "8",
+                  x2: "12",
+                  y2: "16"
+                }
+              ),
+              /* @__PURE__ */ e("line", { x1: "8", y1: "12", x2: "16", y2: "12" })
+            ] }) })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ e(
+        S.div,
+        {
+          className: "overflow-hidden",
+          initial: !1,
+          animate: {
+            height: d.has(p) ? "auto" : 0,
+            opacity: d.has(p) ? 1 : 0
+          },
+          transition: {
+            type: "spring",
+            damping: 24,
+            stiffness: 240,
+            bounce: 0.4
+          },
+          children: /* @__PURE__ */ e("div", { className: "pt-1 pr-8 md:pr-12", children: /* @__PURE__ */ e("p", { className: "text-md text-tertiary", children: u.answer }) })
+        }
+      )
+    ] }, u.question)) }) }),
+    (o || i || s) && /* @__PURE__ */ l("div", { className: "mt-12 flex flex-col items-center gap-6 rounded-2xl bg-secondary px-6 py-8 text-center md:mt-16 md:gap-8 md:pt-8 md:pb-10", children: [
+      /* @__PURE__ */ l("div", { className: "flex items-end -space-x-4", children: [
+        /* @__PURE__ */ e(T, { src: "https://www.untitledui.com/images/avatars/marco-kelly?fm=webp&q=80", alt: "Support team member", size: "lg", className: "ring-[1.5px] ring-fg-white" }),
+        /* @__PURE__ */ e(T, { src: "https://www.untitledui.com/images/avatars/amelie-laurent?fm=webp&q=80", alt: "Support team member", size: "xl", className: "z-10 ring-[1.5px] ring-fg-white" }),
+        /* @__PURE__ */ e(T, { src: "https://www.untitledui.com/images/avatars/jaya-willis?fm=webp&q=80", alt: "Support team member", size: "lg", className: "ring-[1.5px] ring-fg-white" })
+      ] }),
+      /* @__PURE__ */ l("div", { children: [
+        o && /* @__PURE__ */ e("h4", { className: "text-xl font-semibold text-primary", children: o }),
+        i && /* @__PURE__ */ e("p", { className: "mt-2 text-md text-tertiary md:text-lg", children: i })
+      ] }),
+      s && /* @__PURE__ */ e(w, { href: s.href, size: "xl", children: s.label })
+    ] })
+  ] }) });
+}, ht = ({ eyebrow: t, headline: r, description: n, features: o }) => /* @__PURE__ */ e("section", { className: "bg-primary py-16 md:py-24", children: /* @__PURE__ */ l("div", { className: "mx-auto w-full max-w-container px-4 md:px-8", children: [
+  (t || r || n) && /* @__PURE__ */ l("div", { className: "mx-auto mb-12 flex max-w-3xl flex-col items-center text-center md:mb-16", children: [
+    t && /* @__PURE__ */ e("span", { className: "text-sm font-semibold text-brand-secondary md:text-md", children: t }),
+    r && /* @__PURE__ */ e("h2", { className: "mt-3 text-display-sm font-semibold text-primary md:text-display-md", children: r }),
+    n && /* @__PURE__ */ e("p", { className: "mt-4 text-lg text-tertiary md:mt-5 md:text-xl", children: n })
+  ] }),
+  /* @__PURE__ */ e("ul", { className: "grid w-full grid-cols-1 justify-items-center gap-x-8 gap-y-10 sm:grid-cols-2 md:gap-y-16 lg:grid-cols-3", children: o.map((i) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e(Je, { icon: i.icon, title: i.title, subtitle: i.description }) }, i.title)) })
+] }) }), gt = ({ columns: t, copyright: r, showNewBadgeOn: n }) => /* @__PURE__ */ e("footer", { className: "bg-primary py-12 md:pt-16", children: /* @__PURE__ */ l("div", { className: "mx-auto max-w-container px-4 md:px-8", children: [
+  /* @__PURE__ */ e("nav", { children: /* @__PURE__ */ e("ul", { className: "grid grid-cols-2 gap-8 md:grid-cols-3 lg:grid-cols-6", children: t.map((o) => /* @__PURE__ */ l("li", { children: [
+    /* @__PURE__ */ e("h4", { className: "text-sm font-semibold text-quaternary", children: o.label }),
+    /* @__PURE__ */ e("ul", { className: "mt-4 flex flex-col gap-3", children: o.items.map((i) => /* @__PURE__ */ e("li", { className: "flex", children: /* @__PURE__ */ e(
+      w,
+      {
+        color: "link-gray",
+        size: "md",
+        href: i.href,
+        iconTrailing: n === i.label ? /* @__PURE__ */ e(Re, { color: "gray", type: "modern", size: "sm", className: "ml-1", children: "New" }) : void 0,
+        className: "max-h-5 gap-1",
+        children: i.label
+      }
+    ) }, i.label)) })
+  ] }, o.label)) }) }),
+  /* @__PURE__ */ l("div", { className: "mt-12 flex flex-col justify-between gap-6 border-t border-secondary pt-8 md:mt-16 md:flex-row md:items-center", children: [
+    /* @__PURE__ */ e(se, { className: "h-7 w-min" }),
+    /* @__PURE__ */ e("p", { className: "text-sm text-quaternary", children: r })
+  ] })
+] }) }), ft = ({ logoLabel: t, navItems: r, primaryCta: n, secondaryCta: o }) => /* @__PURE__ */ e("header", { className: "sticky top-0 z-50 border-b border-secondary bg-primary/95 backdrop-blur", children: /* @__PURE__ */ l("div", { className: "mx-auto flex h-20 max-w-container items-center justify-between px-4 md:px-8", children: [
+  /* @__PURE__ */ l("a", { href: "#", className: "flex items-center gap-3 rounded-xs outline-focus-ring focus-visible:outline-2 focus-visible:outline-offset-2", children: [
+    /* @__PURE__ */ e(se, { className: "h-8 w-min" }),
+    t && /* @__PURE__ */ e("span", { className: "text-lg font-semibold whitespace-nowrap text-primary", children: t })
+  ] }),
+  /* @__PURE__ */ e("nav", { className: "hidden items-center gap-8 lg:flex", children: r.map((i) => /* @__PURE__ */ e(w, { href: i.href, color: "link-gray", size: "md", children: i.label }, i.label)) }),
+  /* @__PURE__ */ l("div", { className: "flex items-center gap-3", children: [
+    o && /* @__PURE__ */ e(w, { href: o.href, color: "secondary", size: "md", className: "hidden sm:inline-flex", children: o.label }),
+    n && /* @__PURE__ */ e(w, { href: n.href, size: "md", children: n.label })
+  ] })
+] }) }), Ct = ({ eyebrow: t, headline: r, description: n, primaryCta: o, secondaryCta: i, image: s }) => /* @__PURE__ */ e("section", { className: "overflow-hidden bg-primary py-16 md:pb-24", children: /* @__PURE__ */ l("div", { className: "mx-auto grid max-w-container grid-cols-1 items-center gap-16 px-4 md:px-8 lg:grid-cols-2 lg:gap-8", children: [
+  /* @__PURE__ */ l("div", { className: "flex max-w-3xl flex-col items-start lg:pr-8", children: [
+    t && /* @__PURE__ */ e("span", { className: "mb-4 text-sm font-semibold text-brand-secondary md:text-md", children: t }),
+    /* @__PURE__ */ e("h1", { className: "text-display-md font-semibold text-primary md:text-display-lg lg:text-display-xl", children: r }),
+    /* @__PURE__ */ e("p", { className: "mt-4 max-w-lg text-lg text-balance text-tertiary md:mt-6 md:text-xl", children: n }),
+    /* @__PURE__ */ l("div", { className: "mt-8 flex w-full flex-col-reverse items-stretch gap-3 sm:flex-row sm:items-start md:mt-12", children: [
+      i && /* @__PURE__ */ e(w, { href: i.href, color: "secondary", size: "xl", iconLeading: ge, children: i.label }),
+      /* @__PURE__ */ e(w, { href: o.href, size: "xl", children: o.label })
+    ] })
+  ] }),
+  /* @__PURE__ */ l("div", { className: "relative lg:h-full lg:min-h-160", children: [
+    /* @__PURE__ */ l("div", { className: "absolute bottom-9 -left-18 z-10 hidden w-92 flex-col gap-3 select-none lg:flex", children: [
+      /* @__PURE__ */ e("div", { className: "relative rounded-xl bg-alpha-white/90 p-4 ring ring-secondary_alt backdrop-blur-lg", children: /* @__PURE__ */ l("div", { className: "relative flex grow items-start justify-start gap-3", children: [
+        /* @__PURE__ */ e(O, { type: "pdf", theme: "light", className: "size-10 dark:hidden" }),
+        /* @__PURE__ */ e(O, { type: "pdf", theme: "dark", className: "size-10 not-dark:hidden" }),
+        /* @__PURE__ */ l("div", { className: "flex flex-1 flex-col items-start justify-start gap-1", children: [
+          /* @__PURE__ */ l("div", { className: "pr-8", children: [
+            /* @__PURE__ */ e("p", { className: "text-sm font-medium text-secondary", children: "Project brief.pdf" }),
+            /* @__PURE__ */ l("div", { className: "mt-0.5 flex items-center gap-2", children: [
+              /* @__PURE__ */ e("p", { className: "text-sm text-tertiary", children: "20 MB of 20 MB" }),
+              /* @__PURE__ */ e("hr", { className: "h-3 w-px rounded-t-full rounded-b-full border-none bg-border-primary" }),
+              /* @__PURE__ */ l("div", { className: "flex items-center gap-1", children: [
+                /* @__PURE__ */ e(E, { className: "size-4 text-fg-success-primary" }),
+                /* @__PURE__ */ e("p", { className: "text-sm font-medium text-success-primary", children: "Complete" })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ l("div", { className: "flex items-center justify-start gap-3 self-stretch", children: [
+            /* @__PURE__ */ e("div", { className: "relative h-2 flex-1 rounded bg-quaternary", children: /* @__PURE__ */ e("div", { className: "size-full rounded bg-fg-brand-primary" }) }),
+            /* @__PURE__ */ e("p", { className: "text-sm font-medium text-secondary", children: "100%" })
+          ] })
+        ] }),
+        /* @__PURE__ */ e(I, { className: "absolute -top-0.5 -right-0.5 size-4 text-fg-quaternary" })
+      ] }) }),
+      /* @__PURE__ */ e("div", { className: "relative rounded-xl bg-alpha-white/90 p-4 ring ring-secondary_alt backdrop-blur-lg", children: /* @__PURE__ */ l("div", { className: "relative flex grow items-start justify-start gap-3", children: [
+        /* @__PURE__ */ e(O, { type: "doc", theme: "light", className: "size-10 dark:hidden" }),
+        /* @__PURE__ */ e(O, { type: "doc", theme: "dark", className: "size-10 not-dark:hidden" }),
+        /* @__PURE__ */ l("div", { className: "flex flex-1 flex-col items-start justify-start gap-1", children: [
+          /* @__PURE__ */ l("div", { className: "pr-8", children: [
+            /* @__PURE__ */ e("p", { className: "text-sm font-medium text-secondary", children: "Client requirements.doc" }),
+            /* @__PURE__ */ l("div", { className: "mt-0.5 flex items-center gap-2", children: [
+              /* @__PURE__ */ e("p", { className: "text-sm text-tertiary", children: "16 MB of 20 MB" }),
+              /* @__PURE__ */ e("hr", { className: "h-3 w-px rounded-t-full rounded-b-full border-none bg-border-primary" }),
+              /* @__PURE__ */ l("div", { className: "flex items-center gap-1", children: [
+                /* @__PURE__ */ e(fe, { className: "size-4 text-fg-quaternary" }),
+                /* @__PURE__ */ e("p", { className: "text-sm font-medium text-quaternary", children: "Uploading..." })
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ l("div", { className: "flex items-center justify-start gap-3 self-stretch", children: [
+            /* @__PURE__ */ e("div", { className: "relative h-2 flex-1 rounded bg-quaternary", children: /* @__PURE__ */ e("div", { className: "h-full w-[80%] rounded bg-fg-brand-primary" }) }),
+            /* @__PURE__ */ e("p", { className: "text-sm font-medium text-secondary", children: "80%" })
+          ] })
+        ] }),
+        /* @__PURE__ */ e(I, { className: "absolute -top-0.5 -right-0.5 size-4 text-fg-quaternary" })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ e("div", { className: "absolute top-6 right-5 z-10 translate-x-1/2 md:-top-10", children: /* @__PURE__ */ e($e, {}) }),
+    /* @__PURE__ */ e(
+      "img",
+      {
+        className: "inset-0 h-70 w-full rounded-tl-[64px] object-cover md:h-110 md:rounded-tl-[92px] lg:absolute lg:h-full lg:rounded-tl-[160px]",
+        src: s.src,
+        alt: s.alt
+      }
+    )
+  ] })
+] }) }), bt = ({ eyebrow: t = "Pricing", headline: r, description: n, plans: o }) => /* @__PURE__ */ e("section", { className: "bg-primary py-16 md:py-24", children: /* @__PURE__ */ l("div", { className: "mx-auto max-w-container px-4 md:px-8", children: [
+  /* @__PURE__ */ l("div", { className: "flex w-full max-w-3xl flex-col", children: [
+    /* @__PURE__ */ e("span", { className: "text-sm font-semibold text-brand-secondary md:text-md", children: t }),
+    /* @__PURE__ */ e("h2", { className: "mt-3 text-display-sm font-semibold text-primary md:text-display-md", children: r }),
+    n && /* @__PURE__ */ e("p", { className: "mt-4 text-lg text-tertiary md:mt-5 md:text-xl", children: n })
+  ] }),
+  /* @__PURE__ */ e("div", { className: "mt-12 grid w-full grid-cols-1 gap-4 md:mt-16 md:grid-cols-2 md:gap-8 xl:grid-cols-3", children: o.map((i) => /* @__PURE__ */ e(
+    Xe,
+    {
+      title: i.title,
+      subtitle: i.price,
+      description: i.description,
+      features: i.features,
+      icon: i.icon
+    },
+    i.title
+  )) })
+] }) }), B = {
+  type: "spring",
+  duration: 0.8
+}, kt = ({ testimonials: t }) => {
+  const [r, n] = R(0), o = t[r] ?? t[0];
+  return o ? /* @__PURE__ */ e("section", { className: "bg-primary py-16 md:py-24", children: /* @__PURE__ */ e("div", { className: "mx-auto max-w-container px-4 md:px-8", children: /* @__PURE__ */ l("div", { className: "flex flex-col items-center gap-10", children: [
+    /* @__PURE__ */ e("figure", { className: "flex max-w-270 flex-col gap-8 text-center", children: /* @__PURE__ */ l(Be, { initial: !1, mode: "popLayout", children: [
+      /* @__PURE__ */ e(
+        S.blockquote,
+        {
+          initial: { opacity: 0, scale: 0.98, y: 20 },
+          animate: {
+            opacity: 1,
+            scale: 1,
+            y: 0,
+            transition: { ...B, delay: 0.4 }
+          },
+          exit: {
+            opacity: 0,
+            scale: 0.98,
+            y: 20,
+            transition: { ...B, delay: 0.06 }
+          },
+          className: "origin-bottom text-display-sm font-medium text-balance text-primary will-change-transform md:text-display-md",
+          children: o.quote
+        },
+        o.id + "-quote"
+      ),
+      /* @__PURE__ */ l(
+        S.figcaption,
+        {
+          initial: { opacity: 0, scale: 0.98, y: 20 },
+          animate: {
+            opacity: 1,
+            scale: 1,
+            y: 0,
+            transition: { ...B, delay: 0.5 }
+          },
+          exit: { opacity: 0, scale: 0.98, y: 20, transition: B },
+          className: "flex origin-bottom flex-col items-center gap-4 will-change-transform",
+          children: [
+            /* @__PURE__ */ l("div", { className: "flex flex-col items-center gap-4", children: [
+              /* @__PURE__ */ e(T, { border: !0, src: o.author.avatarUrl, alt: o.author.name, size: "lg" }),
+              /* @__PURE__ */ l("div", { className: "flex flex-col gap-1", children: [
+                /* @__PURE__ */ e("p", { className: "text-lg font-semibold text-primary", children: o.author.name }),
+                /* @__PURE__ */ e("cite", { className: "text-md text-tertiary not-italic", children: o.author.title })
+              ] })
+            ] }),
+            /* @__PURE__ */ e(S.div, { "aria-hidden": "true", className: "flex gap-1", children: Array.from({ length: 5 }).map((i, s) => /* @__PURE__ */ e(
+              S.div,
+              {
+                initial: { opacity: 0, scale: 0.9, y: 6 },
+                animate: {
+                  opacity: 1,
+                  scale: 1,
+                  y: 0,
+                  transition: { ...B, delay: 0.5 + s * 0.1 }
+                },
+                exit: {
+                  opacity: 0,
+                  scale: 0.9,
+                  y: 6,
+                  transition: { ...B, delay: 0 }
+                },
+                children: /* @__PURE__ */ e(Ie, {})
+              },
+              `${o.id}-${s}`
+            )) })
+          ]
+        },
+        o.id + "-author"
+      )
+    ] }) }),
+    t.length > 1 && /* @__PURE__ */ e("div", { className: "flex h-max w-max gap-4", children: t.map((i, s) => /* @__PURE__ */ e(
+      "button",
+      {
+        type: "button",
+        "aria-label": `Show testimonial ${s + 1}`,
+        onClick: () => n(s),
+        className: a(
+          "relative h-2.5 w-2.5 cursor-pointer rounded-full bg-quaternary outline-focus-ring after:absolute after:-inset-x-2 after:-inset-y-3 focus-visible:outline-2 focus-visible:outline-offset-2",
+          s === r && "bg-fg-brand-primary_alt"
+        )
+      },
+      i.id
+    )) })
+  ] }) }) }) : null;
+};
+export {
+  T as Avatar,
+  Re as Badge,
+  ut as BadgeGroup,
+  xt as BadgeIcon,
+  ct as BadgeWithButton,
+  nt as BadgeWithDot,
+  at as BadgeWithFlag,
+  st as BadgeWithIcon,
+  dt as BadgeWithImage,
+  w as Button,
+  mt as CTANewsletterTemplate,
+  Ee as CheckItemText,
+  pt as ContentSplitImageTemplate,
+  Oe as Dot,
+  yt as FAQAccordionTemplate,
+  ht as FeatureGridTemplate,
+  Je as FeatureTextFeaturedIconTopCentered,
+  D as FeaturedIcon,
+  $e as FlowPattern,
+  gt as FooterTemplate,
+  ee as Form,
+  ft as HeaderTemplate,
+  Ct as HeroSplitImageTemplate,
+  ne as Input,
+  oe as InputBase,
+  bt as PricingSectionTemplate,
+  Xe as PricingTierCardIcon,
+  Ie as StarIcon,
+  kt as TestimonialSectionTemplate,
+  le as TextField,
+  X as Tooltip,
+  Y as TooltipTrigger,
+  se as UntitledLogo,
+  Qe as UntitledLogoMinimal,
+  a as cx,
+  Ue as isClassComponent,
+  qe as isFunctionComponent,
+  Z as isReactComponent,
+  lt as sortCx
+};