@eventideorg/design-system 0.1.0

package/dist/index.js

@@ -0,0 +1,2054 @@
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
+import { useId as Z, useState as S, useRef as Q, useMemo as ce, useEffect as W } from "react";
+import { cva as le } from "class-variance-authority";
+import { Slot as de } from "radix-ui";
+import { cn as C } from "@/ui/lib/utils";
+import { Checkbox as he } from "@/ui/ui/Checkbox";
+import { Label as V } from "@/ui/ui/Label";
+import { Input as D } from "@/ui/ui/Input";
+import { EyeOff as ge, Eye as ve, ChevronUp as xe, ChevronDown as be, X as ae, ChevronsUpDown as ie, Check as ue, Mail as ye, Link as Ne, Phone as Ce, CalendarIcon as we, Clock as ke, Upload as Ae, Image as ze, FileText as Se, FileSpreadsheet as Ie, File as Le, Search as Me, Loader2 as $e, Bold as Re, Italic as Ee, Underline as Pe, Strikethrough as Be, Heading1 as Ue, Heading2 as Fe, Heading3 as Te, List as De, ListOrdered as He, Quote as _e, Code2 as je, AlignLeft as Oe, AlignCenter as Ke, AlignRight as Ge, Undo2 as We, Redo2 as Qe, Link2 as Ze, Unlink2 as Ve } from "lucide-react";
+import { Button as B } from "@/ui/ui/Button";
+import { Popover as X, PopoverTrigger as J, PopoverContent as Y } from "@/ui/ui/Popover";
+import { format as re } from "date-fns";
+import { Calendar as ne } from "@/ui/ui/Calendar";
+import { Badge as me } from "@/ui/ui/Badge";
+import { useEditor as Xe, EditorContent as Je } from "@tiptap/react";
+import Ye from "@tiptap/starter-kit";
+import qe from "@tiptap/extension-text-align";
+import et from "@tiptap/extension-placeholder";
+import tt from "@tiptap/extension-character-count";
+import { Select as rt, SelectTrigger as nt, SelectValue as at, SelectContent as it, SelectItem as st } from "@/ui/ui/Select";
+import { Switch as ot } from "@/ui/ui/Switch";
+import { Textarea as ct } from "@/ui/ui/Textarea";
+import { FieldWrapper as lt } from "@/ui/ui/InputFields/FieldWrapper";
+import { clsx as dt } from "clsx";
+import { twMerge as ut } from "tailwind-merge";
+const mt = le(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2 has-[>svg]:px-3",
+        xs: "h-6 gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
+        sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+        lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+        icon: "size-9",
+        "icon-xs": "size-6 rounded-md [&_svg:not([class*='size-'])]:size-3",
+        "icon-sm": "size-8",
+        "icon-lg": "size-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function Jt({
+  className: t,
+  variant: r = "default",
+  size: n = "default",
+  asChild: a = !1,
+  ...i
+}) {
+  const x = a ? de.Root : "button";
+  return /* @__PURE__ */ e(
+    x,
+    {
+      "data-slot": "button",
+      "data-variant": r,
+      "data-size": n,
+      className: C(mt({ variant: r, size: n, className: t })),
+      ...i
+    }
+  );
+}
+const ft = le(
+  "inline-flex items-center justify-center rounded-full border border-transparent px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+        secondary: "bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+        destructive: "bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+        outline: "border-border text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+        ghost: "[a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 [a&]:hover:underline"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Yt({
+  className: t,
+  variant: r = "default",
+  asChild: n = !1,
+  ...a
+}) {
+  const i = n ? de.Root : "span";
+  return /* @__PURE__ */ e(
+    i,
+    {
+      "data-slot": "badge",
+      "data-variant": r,
+      className: C(ft({ variant: r }), t),
+      ...a
+    }
+  );
+}
+function qt({ className: t, ...r }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "card",
+      className: C(
+        "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",
+        t
+      ),
+      ...r
+    }
+  );
+}
+function er({ className: t, ...r }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "card-header",
+      className: C(
+        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
+        t
+      ),
+      ...r
+    }
+  );
+}
+function tr({ className: t, ...r }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "card-title",
+      className: C("leading-none font-semibold", t),
+      ...r
+    }
+  );
+}
+function rr({ className: t, ...r }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "card-description",
+      className: C("text-muted-foreground text-sm", t),
+      ...r
+    }
+  );
+}
+function nr({ className: t, ...r }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "card-action",
+      className: C(
+        "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
+        t
+      ),
+      ...r
+    }
+  );
+}
+function ar({ className: t, ...r }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "card-content",
+      className: C("px-6", t),
+      ...r
+    }
+  );
+}
+function ir({ className: t, ...r }) {
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "data-slot": "card-footer",
+      className: C("flex items-center px-6 [.border-t]:pt-6", t),
+      ...r
+    }
+  );
+}
+function sr({ className: t, type: r, ...n }) {
+  return /* @__PURE__ */ e(
+    "input",
+    {
+      type: r,
+      "data-slot": "input",
+      className: C(
+        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+        "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+        t
+      ),
+      ...n
+    }
+  );
+}
+function H({
+  id: t,
+  label: r,
+  error: n,
+  helperText: a,
+  required: i,
+  disabled: x,
+  children: b,
+  className: l
+}) {
+  const m = Z(), d = t ?? m, p = n ? `${d}-error` : void 0, h = a && !n ? `${d}-helper` : void 0, f = [p, h].filter(Boolean).join(" ") || void 0;
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      className: C("space-y-2", l),
+      "data-disabled": x || void 0,
+      children: [
+        r && /* @__PURE__ */ c(V, { htmlFor: d, children: [
+          r,
+          i && /* @__PURE__ */ e("span", { className: "text-destructive ml-0.5", "aria-hidden": "true", children: "*" })
+        ] }),
+        b({ id: d, describedBy: f }),
+        n && /* @__PURE__ */ e("p", { id: p, className: "text-sm text-destructive", role: "alert", children: n }),
+        a && !n && /* @__PURE__ */ e("p", { id: h, className: "text-sm text-muted-foreground", children: a })
+      ]
+    }
+  );
+}
+function or({
+  label: t,
+  error: r,
+  helperText: n,
+  required: a,
+  disabled: i,
+  id: x,
+  className: b,
+  ...l
+}) {
+  return /* @__PURE__ */ e(
+    H,
+    {
+      id: x,
+      label: t,
+      error: r,
+      helperText: n,
+      required: a,
+      disabled: i,
+      className: b,
+      children: ({ id: m, describedBy: d }) => /* @__PURE__ */ e(
+        D,
+        {
+          id: m,
+          "aria-invalid": !!r,
+          "aria-describedby": d,
+          "aria-required": a,
+          disabled: i,
+          required: a,
+          ...l
+        }
+      )
+    }
+  );
+}
+const pt = {
+  none: "resize-none",
+  vertical: "resize-y",
+  horizontal: "resize-x",
+  both: "resize"
+};
+function cr({
+  label: t,
+  error: r,
+  helperText: n,
+  required: a,
+  disabled: i,
+  id: x,
+  className: b,
+  resize: l = "vertical",
+  ...m
+}) {
+  return /* @__PURE__ */ e(
+    H,
+    {
+      id: x,
+      label: t,
+      error: r,
+      helperText: n,
+      required: a,
+      disabled: i,
+      className: b,
+      children: ({ id: d, describedBy: p }) => /* @__PURE__ */ e(
+        ct,
+        {
+          id: d,
+          "aria-invalid": !!r,
+          "aria-describedby": p,
+          "aria-required": a,
+          disabled: i,
+          required: a,
+          className: C(pt[l]),
+          ...m
+        }
+      )
+    }
+  );
+}
+function lr({
+  label: t,
+  error: r,
+  helperText: n,
+  required: a,
+  disabled: i,
+  id: x,
+  className: b,
+  showToggle: l = !0,
+  ...m
+}) {
+  const [d, p] = S(!1);
+  return /* @__PURE__ */ e(
+    H,
+    {
+      id: x,
+      label: t,
+      error: r,
+      helperText: n,
+      required: a,
+      disabled: i,
+      className: b,
+      children: ({ id: h, describedBy: f }) => /* @__PURE__ */ c("div", { className: "relative", children: [
+        /* @__PURE__ */ e(
+          D,
+          {
+            id: h,
+            type: d ? "text" : "password",
+            "aria-invalid": !!r,
+            "aria-describedby": f,
+            "aria-required": a,
+            disabled: i,
+            required: a,
+            className: l ? "pr-10" : void 0,
+            ...m
+          }
+        ),
+        l && /* @__PURE__ */ e(
+          B,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "icon-xs",
+            className: "absolute right-2 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground",
+            onClick: () => p((o) => !o),
+            disabled: i,
+            "aria-label": d ? "Hide password" : "Show password",
+            tabIndex: -1,
+            children: d ? /* @__PURE__ */ e(ge, { className: "size-4" }) : /* @__PURE__ */ e(ve, { className: "size-4" })
+          }
+        )
+      ] })
+    }
+  );
+}
+function ht(t, r, n) {
+  let a = t;
+  return r !== void 0 && a < r && (a = r), n !== void 0 && a > n && (a = n), a;
+}
+function dr({
+  label: t,
+  error: r,
+  helperText: n,
+  required: a,
+  disabled: i,
+  id: x,
+  className: b,
+  value: l,
+  defaultValue: m,
+  placeholder: d,
+  onChange: p,
+  onBlur: h,
+  min: f,
+  max: o,
+  step: y = 1,
+  showStepper: g = !1
+}) {
+  function M(L) {
+    const z = L.target.value;
+    if (z === "") {
+      p?.(void 0);
+      return;
+    }
+    const N = parseFloat(z);
+    isNaN(N) || p?.(N);
+  }
+  function I(L) {
+    const N = ht((typeof l == "number" ? l : m ?? 0) + y * L, f, o);
+    p?.(N);
+  }
+  return /* @__PURE__ */ e(
+    H,
+    {
+      id: x,
+      label: t,
+      error: r,
+      helperText: n,
+      required: a,
+      disabled: i,
+      className: b,
+      children: ({ id: L, describedBy: z }) => /* @__PURE__ */ c("div", { className: "relative", children: [
+        /* @__PURE__ */ e(
+          D,
+          {
+            id: L,
+            type: "number",
+            "aria-invalid": !!r,
+            "aria-describedby": z,
+            "aria-required": a,
+            disabled: i,
+            required: a,
+            value: l ?? "",
+            defaultValue: m,
+            placeholder: d,
+            onChange: M,
+            onBlur: h,
+            min: f,
+            max: o,
+            step: y,
+            className: g ? "pr-9" : void 0
+          }
+        ),
+        g && /* @__PURE__ */ c("div", { className: "absolute right-1 top-1/2 -translate-y-1/2 flex flex-col", children: [
+          /* @__PURE__ */ e(
+            B,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "icon-xs",
+              className: "h-5 w-7 text-muted-foreground hover:text-foreground",
+              onClick: () => I(1),
+              disabled: i || o !== void 0 && typeof l == "number" && l >= o,
+              "aria-label": "Increment",
+              tabIndex: -1,
+              children: /* @__PURE__ */ e(xe, { className: "size-3" })
+            }
+          ),
+          /* @__PURE__ */ e(
+            B,
+            {
+              type: "button",
+              variant: "ghost",
+              size: "icon-xs",
+              className: "h-5 w-7 text-muted-foreground hover:text-foreground",
+              onClick: () => I(-1),
+              disabled: i || f !== void 0 && typeof l == "number" && l <= f,
+              "aria-label": "Decrement",
+              tabIndex: -1,
+              children: /* @__PURE__ */ e(be, { className: "size-3" })
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+function ur({
+  label: t,
+  error: r,
+  helperText: n,
+  required: a,
+  disabled: i,
+  id: x,
+  className: b,
+  checked: l,
+  defaultChecked: m,
+  onCheckedChange: d
+}) {
+  const p = Z(), h = x ?? p, f = r ? `${h}-error` : void 0;
+  return /* @__PURE__ */ c("div", { className: C("space-y-1.5", b), children: [
+    /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ e(
+        he,
+        {
+          id: h,
+          checked: l,
+          defaultChecked: m,
+          onCheckedChange: (o) => d?.(o === !0),
+          disabled: i,
+          required: a,
+          "aria-invalid": !!r,
+          "aria-describedby": f
+        }
+      ),
+      t && /* @__PURE__ */ c(V, { htmlFor: h, className: "cursor-pointer", children: [
+        t,
+        a && /* @__PURE__ */ e("span", { className: "text-destructive ml-0.5", "aria-hidden": "true", children: "*" })
+      ] })
+    ] }),
+    r && /* @__PURE__ */ e("p", { id: f, className: "text-sm text-destructive", role: "alert", children: r }),
+    n && !r && /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: n })
+  ] });
+}
+function mr({
+  label: t,
+  error: r,
+  helperText: n,
+  required: a,
+  disabled: i,
+  id: x,
+  className: b,
+  checked: l,
+  defaultChecked: m,
+  onCheckedChange: d
+}) {
+  const p = Z(), h = x ?? p, f = r ? `${h}-error` : void 0;
+  return /* @__PURE__ */ c("div", { className: C("space-y-1.5", b), children: [
+    /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ e(
+        ot,
+        {
+          id: h,
+          checked: l,
+          defaultChecked: m,
+          onCheckedChange: d,
+          disabled: i,
+          required: a,
+          "aria-invalid": !!r,
+          "aria-describedby": f
+        }
+      ),
+      t && /* @__PURE__ */ c(V, { htmlFor: h, className: "cursor-pointer", children: [
+        t,
+        a && /* @__PURE__ */ e("span", { className: "text-destructive ml-0.5", "aria-hidden": "true", children: "*" })
+      ] })
+    ] }),
+    r && /* @__PURE__ */ e("p", { id: f, className: "text-sm text-destructive", role: "alert", children: r }),
+    n && !r && /* @__PURE__ */ e("p", { className: "text-sm text-muted-foreground", children: n })
+  ] });
+}
+function fr({
+  label: t,
+  error: r,
+  helperText: n,
+  required: a,
+  disabled: i,
+  id: x,
+  className: b,
+  value: l,
+  defaultValue: m = "#000000",
+  onChange: d,
+  showHexInput: p = !0
+}) {
+  return /* @__PURE__ */ e(
+    H,
+    {
+      id: x,
+      label: t,
+      error: r,
+      helperText: n,
+      required: a,
+      disabled: i,
+      className: b,
+      children: ({ id: h, describedBy: f }) => /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ e(
+          "label",
+          {
+            htmlFor: h,
+            className: C(
+              "relative size-9 shrink-0 cursor-pointer overflow-hidden rounded-md border border-input shadow-xs",
+              i && "cursor-not-allowed opacity-50"
+            ),
+            children: /* @__PURE__ */ e(
+              "input",
+              {
+                id: h,
+                type: "color",
+                value: l ?? m,
+                onChange: (o) => d?.(o.target.value),
+                disabled: i,
+                "aria-invalid": !!r,
+                "aria-describedby": f,
+                className: "absolute inset-0 size-full cursor-pointer border-0 p-0"
+              }
+            )
+          }
+        ),
+        p && /* @__PURE__ */ e(
+          D,
+          {
+            value: l ?? m,
+            onChange: (o) => d?.(o.target.value),
+            disabled: i,
+            placeholder: "#000000",
+            maxLength: 7,
+            className: "w-28 font-mono text-sm",
+            "aria-label": "Hex color value"
+          }
+        )
+      ] })
+    }
+  );
+}
+function gt({
+  options: t,
+  value: r,
+  onChange: n,
+  placeholder: a,
+  disabled: i,
+  required: x,
+  fieldId: b,
+  describedBy: l,
+  error: m
+}) {
+  return /* @__PURE__ */ c(
+    rt,
+    {
+      value: r,
+      onValueChange: (d) => n?.(d),
+      disabled: i,
+      required: x,
+      children: [
+        /* @__PURE__ */ e(
+          nt,
+          {
+            id: b,
+            className: "w-full",
+            "aria-invalid": !!m,
+            "aria-describedby": l,
+            children: /* @__PURE__ */ e(at, { placeholder: a ?? "Select an option..." })
+          }
+        ),
+        /* @__PURE__ */ e(it, { children: t.map((d) => /* @__PURE__ */ e(
+          st,
+          {
+            value: d.value,
+            disabled: d.disabled,
+            children: d.label
+          },
+          d.value
+        )) })
+      ]
+    }
+  );
+}
+function vt({
+  options: t,
+  value: r = [],
+  onChange: n,
+  placeholder: a,
+  disabled: i,
+  fieldId: x,
+  describedBy: b,
+  error: l
+}) {
+  const [m, d] = S(!1), p = Array.isArray(r) ? r : [];
+  function h(o) {
+    const y = p.includes(o) ? p.filter((g) => g !== o) : [...p, o];
+    n?.(y);
+  }
+  function f(o) {
+    n?.(p.filter((y) => y !== o));
+  }
+  return /* @__PURE__ */ c(X, { open: m, onOpenChange: d, children: [
+    /* @__PURE__ */ e(J, { asChild: !0, children: /* @__PURE__ */ c(
+      B,
+      {
+        id: x,
+        variant: "outline",
+        role: "combobox",
+        "aria-expanded": m,
+        "aria-invalid": !!l,
+        "aria-describedby": b,
+        disabled: i,
+        className: "w-full justify-between font-normal h-auto min-h-9",
+        children: [
+          /* @__PURE__ */ c("div", { className: "flex flex-wrap gap-1", children: [
+            p.length === 0 && /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: a ?? "Select options..." }),
+            p.map((o) => {
+              const y = t.find((g) => g.value === o);
+              return /* @__PURE__ */ c(me, { variant: "secondary", className: "gap-1", children: [
+                y?.label ?? o,
+                /* @__PURE__ */ e(
+                  "span",
+                  {
+                    role: "button",
+                    tabIndex: 0,
+                    className: "ml-0.5 rounded-full outline-none hover:bg-muted-foreground/20 cursor-pointer",
+                    onClick: (g) => {
+                      g.stopPropagation(), f(o);
+                    },
+                    onKeyDown: (g) => {
+                      (g.key === "Enter" || g.key === " ") && (g.stopPropagation(), f(o));
+                    },
+                    "aria-label": `Remove ${y?.label ?? o}`,
+                    children: /* @__PURE__ */ e(ae, { className: "size-3" })
+                  }
+                )
+              ] }, o);
+            })
+          ] }),
+          /* @__PURE__ */ e(ie, { className: "ml-2 size-4 shrink-0 opacity-50" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ e(Y, { className: "w-(--radix-popover-trigger-width) p-1", children: t.map((o) => /* @__PURE__ */ c(
+      "button",
+      {
+        type: "button",
+        className: C(
+          "relative flex w-full cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none hover:bg-accent hover:text-accent-foreground",
+          o.disabled && "pointer-events-none opacity-50"
+        ),
+        onClick: () => h(o.value),
+        disabled: o.disabled,
+        children: [
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: C(
+                "flex size-4 items-center justify-center rounded-sm border border-primary",
+                p.includes(o.value) ? "bg-primary text-primary-foreground" : "opacity-50"
+              ),
+              children: p.includes(o.value) && /* @__PURE__ */ e(ue, { className: "size-3" })
+            }
+          ),
+          o.label
+        ]
+      },
+      o.value
+    )) })
+  ] });
+}
+function pr({
+  label: t,
+  error: r,
+  helperText: n,
+  required: a,
+  disabled: i,
+  id: x,
+  className: b,
+  options: l,
+  value: m,
+  onChange: d,
+  placeholder: p,
+  multiple: h = !1
+}) {
+  const f = Z(), o = x ?? f, y = r ? `${o}-error` : void 0, g = n && !r ? `${o}-helper` : void 0, M = [y, g].filter(Boolean).join(" ") || void 0;
+  return /* @__PURE__ */ c("div", { className: C("space-y-2", b), children: [
+    t && /* @__PURE__ */ c(V, { htmlFor: o, children: [
+      t,
+      a && /* @__PURE__ */ e("span", { className: "text-destructive ml-0.5", "aria-hidden": "true", children: "*" })
+    ] }),
+    h ? /* @__PURE__ */ e(
+      vt,
+      {
+        options: l,
+        value: Array.isArray(m) ? m : [],
+        onChange: d,
+        placeholder: p,
+        disabled: i,
+        fieldId: o,
+        describedBy: M,
+        error: r
+      }
+    ) : /* @__PURE__ */ e(
+      gt,
+      {
+        options: l,
+        value: typeof m == "string" ? m : void 0,
+        onChange: d,
+        placeholder: p,
+        disabled: i,
+        required: a,
+        fieldId: o,
+        describedBy: M,
+        error: r
+      }
+    ),
+    r && /* @__PURE__ */ e("p", { id: y, className: "text-sm text-destructive", role: "alert", children: r }),
+    n && !r && /* @__PURE__ */ e("p", { id: g, className: "text-sm text-muted-foreground", children: n })
+  ] });
+}
+const xt = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+function hr({
+  label: t,
+  error: r,
+  helperText: n,
+  required: a,
+  disabled: i,
+  id: x,
+  className: b,
+  validateOnBlur: l = !0,
+  onBlur: m,
+  ...d
+}) {
+  const [p, h] = S(), f = r ?? p;
+  function o(y) {
+    l && y.target.value && !xt.test(y.target.value) ? h("Please enter a valid email address") : h(void 0), m?.(y);
+  }
+  return /* @__PURE__ */ e(
+    H,
+    {
+      id: x,
+      label: t,
+      error: f,
+      helperText: n,
+      required: a,
+      disabled: i,
+      className: b,
+      children: ({ id: y, describedBy: g }) => /* @__PURE__ */ c("div", { className: "relative", children: [
+        /* @__PURE__ */ e(ye, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-muted-foreground" }),
+        /* @__PURE__ */ e(
+          D,
+          {
+            id: y,
+            type: "email",
+            "aria-invalid": !!f,
+            "aria-describedby": g,
+            "aria-required": a,
+            disabled: i,
+            required: a,
+            onBlur: o,
+            className: "pl-9",
+            ...d
+          }
+        )
+      ] })
+    }
+  );
+}
+function bt(t) {
+  try {
+    return new URL(t), !0;
+  } catch {
+    return !1;
+  }
+}
+function gr({
+  label: t,
+  error: r,
+  helperText: n,
+  required: a,
+  disabled: i,
+  id: x,
+  className: b,
+  validateOnBlur: l = !0,
+  onBlur: m,
+  ...d
+}) {
+  const [p, h] = S(), f = r ?? p;
+  function o(y) {
+    l && y.target.value && !bt(y.target.value) ? h("Please enter a valid URL") : h(void 0), m?.(y);
+  }
+  return /* @__PURE__ */ e(
+    H,
+    {
+      id: x,
+      label: t,
+      error: f,
+      helperText: n,
+      required: a,
+      disabled: i,
+      className: b,
+      children: ({ id: y, describedBy: g }) => /* @__PURE__ */ c("div", { className: "relative", children: [
+        /* @__PURE__ */ e(Ne, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-muted-foreground" }),
+        /* @__PURE__ */ e(
+          D,
+          {
+            id: y,
+            type: "url",
+            "aria-invalid": !!f,
+            "aria-describedby": g,
+            "aria-required": a,
+            disabled: i,
+            required: a,
+            onBlur: o,
+            className: "pl-9",
+            ...d
+          }
+        )
+      ] })
+    }
+  );
+}
+const yt = [
+  { code: "KE", dialCode: "+254", name: "Kenya", flag: "🇰🇪" },
+  { code: "UG", dialCode: "+256", name: "Uganda", flag: "🇺🇬" },
+  { code: "TZ", dialCode: "+255", name: "Tanzania", flag: "🇹🇿" },
+  { code: "RW", dialCode: "+250", name: "Rwanda", flag: "🇷🇼" },
+  { code: "BI", dialCode: "+257", name: "Burundi", flag: "🇧🇮" },
+  { code: "ET", dialCode: "+251", name: "Ethiopia", flag: "🇪🇹" },
+  { code: "NG", dialCode: "+234", name: "Nigeria", flag: "🇳🇬" },
+  { code: "ZA", dialCode: "+27", name: "South Africa", flag: "🇿🇦" },
+  { code: "GH", dialCode: "+233", name: "Ghana", flag: "🇬🇭" },
+  { code: "US", dialCode: "+1", name: "United States", flag: "🇺🇸" },
+  { code: "GB", dialCode: "+44", name: "United Kingdom", flag: "🇬🇧" },
+  { code: "IN", dialCode: "+91", name: "India", flag: "🇮🇳" },
+  { code: "CN", dialCode: "+86", name: "China", flag: "🇨🇳" },
+  { code: "DE", dialCode: "+49", name: "Germany", flag: "🇩🇪" },
+  { code: "FR", dialCode: "+33", name: "France", flag: "🇫🇷" }
+];
+function vr({
+  label: t,
+  error: r,
+  helperText: n,
+  required: a,
+  disabled: i,
+  id: x,
+  className: b,
+  value: l,
+  onChange: m,
+  defaultCountry: d = "KE",
+  countries: p = yt,
+  placeholder: h
+}) {
+  const f = Z(), o = x ?? f, y = r ? `${o}-error` : void 0, g = n && !r ? `${o}-helper` : void 0, M = [y, g].filter(Boolean).join(" ") || void 0, [I, L] = S(!1), [z, N] = S(
+    () => p.find((A) => A.code === d) ?? p[0]
+  ), [w, T] = S(""), $ = p.filter(
+    (A) => A.name.toLowerCase().includes(w.toLowerCase()) || A.dialCode.includes(w) || A.code.toLowerCase().includes(w.toLowerCase())
+  );
+  function _(A) {
+    m?.(A.target.value, z);
+  }
+  function O(A) {
+    N(A), L(!1), T(""), m?.(l ?? "", A);
+  }
+  return /* @__PURE__ */ c("div", { className: C("space-y-2", b), children: [
+    t && /* @__PURE__ */ c(V, { htmlFor: o, children: [
+      t,
+      a && /* @__PURE__ */ e("span", { className: "text-destructive ml-0.5", "aria-hidden": "true", children: "*" })
+    ] }),
+    /* @__PURE__ */ c("div", { className: "flex gap-1", children: [
+      /* @__PURE__ */ c(X, { open: I, onOpenChange: L, children: [
+        /* @__PURE__ */ e(J, { asChild: !0, children: /* @__PURE__ */ c(
+          B,
+          {
+            variant: "outline",
+            role: "combobox",
+            "aria-expanded": I,
+            "aria-label": "Select country code",
+            disabled: i,
+            className: "w-auto shrink-0 gap-1 px-2",
+            children: [
+              /* @__PURE__ */ e("span", { className: "text-base leading-none", children: z.flag }),
+              /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: z.dialCode }),
+              /* @__PURE__ */ e(ie, { className: "size-3 opacity-50" })
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ c(Y, { className: "w-64 max-w-[calc(100vw-2rem)] p-0", align: "start", children: [
+          /* @__PURE__ */ e("div", { className: "p-2", children: /* @__PURE__ */ e(
+            D,
+            {
+              placeholder: "Search countries...",
+              value: w,
+              onChange: (A) => T(A.target.value),
+              className: "h-8"
+            }
+          ) }),
+          /* @__PURE__ */ c("div", { className: "max-h-48 overflow-y-auto p-1", children: [
+            $.map((A) => /* @__PURE__ */ c(
+              "button",
+              {
+                type: "button",
+                className: C(
+                  "flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none hover:bg-accent hover:text-accent-foreground",
+                  z.code === A.code && "bg-accent"
+                ),
+                onClick: () => O(A),
+                children: [
+                  /* @__PURE__ */ e("span", { className: "text-base leading-none", children: A.flag }),
+                  /* @__PURE__ */ e("span", { className: "flex-1 text-left truncate", children: A.name }),
+                  /* @__PURE__ */ e("span", { className: "text-xs text-muted-foreground", children: A.dialCode })
+                ]
+              },
+              A.code
+            )),
+            $.length === 0 && /* @__PURE__ */ e("p", { className: "px-2 py-4 text-center text-sm text-muted-foreground", children: "No countries found" })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ c("div", { className: "relative flex-1", children: [
+        /* @__PURE__ */ e(Ce, { className: "absolute left-3 top-1/2 -translate-y-1/2 size-4 text-muted-foreground" }),
+        /* @__PURE__ */ e(
+          D,
+          {
+            id: o,
+            type: "tel",
+            value: l,
+            onChange: _,
+            placeholder: h ?? "Phone number",
+            disabled: i,
+            required: a,
+            "aria-invalid": !!r,
+            "aria-describedby": M,
+            className: "pl-9"
+          }
+        )
+      ] })
+    ] }),
+    r && /* @__PURE__ */ e("p", { id: y, className: "text-sm text-destructive", role: "alert", children: r }),
+    n && !r && /* @__PURE__ */ e("p", { id: g, className: "text-sm text-muted-foreground", children: n })
+  ] });
+}
+function xr({
+  mode: t = "single",
+  numberOfMonths: r = 1,
+  value: n,
+  onChange: a,
+  placeholder: i = "Pick a date",
+  fromDate: x,
+  toDate: b,
+  label: l,
+  error: m,
+  helperText: d,
+  required: p,
+  disabled: h,
+  id: f,
+  className: o
+}) {
+  const [y, g] = S(!1), M = () => {
+    if (!n) return i;
+    if (t === "single" && n instanceof Date)
+      return re(n, "MMM d, yyyy");
+    if (t === "multiple" && Array.isArray(n)) {
+      const N = n.length;
+      return N > 0 ? `${N} date${N === 1 ? "" : "s"} selected` : i;
+    }
+    if (t === "range" && n && typeof n == "object" && "from" in n) {
+      const { from: N, to: w } = n;
+      if (N && w)
+        return `${re(N, "MMM d")} - ${re(w, "MMM d, yyyy")}`;
+      if (N)
+        return re(N, "MMM d, yyyy");
+    }
+    return i;
+  };
+  function I(N) {
+    a?.(N), g(!1);
+  }
+  function L(N) {
+    a?.(N);
+  }
+  function z(N) {
+    a?.(N);
+  }
+  return /* @__PURE__ */ e(
+    H,
+    {
+      id: f,
+      label: l,
+      error: m,
+      helperText: d,
+      required: p,
+      disabled: h,
+      className: o,
+      children: ({ id: N, describedBy: w }) => /* @__PURE__ */ c(X, { open: y, onOpenChange: g, children: [
+        /* @__PURE__ */ e(J, { asChild: !0, children: /* @__PURE__ */ c(
+          B,
+          {
+            id: N,
+            variant: "outline",
+            disabled: h,
+            "aria-describedby": w,
+            className: C(
+              "w-full justify-start text-left font-normal",
+              !n && "text-muted-foreground"
+            ),
+            children: [
+              /* @__PURE__ */ e(we, {}),
+              M()
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ c(Y, { className: "w-auto p-0", align: "start", children: [
+          t === "single" && /* @__PURE__ */ e(
+            ne,
+            {
+              mode: "single",
+              selected: n instanceof Date ? n : void 0,
+              onSelect: I,
+              numberOfMonths: r,
+              fromDate: x,
+              toDate: b,
+              disabled: h
+            }
+          ),
+          t === "multiple" && /* @__PURE__ */ e(
+            ne,
+            {
+              mode: "multiple",
+              selected: Array.isArray(n) ? n : void 0,
+              onSelect: L,
+              numberOfMonths: r,
+              fromDate: x,
+              toDate: b,
+              disabled: h
+            }
+          ),
+          t === "range" && /* @__PURE__ */ e(
+            ne,
+            {
+              mode: "range",
+              selected: n && typeof n == "object" && "from" in n ? n : void 0,
+              onSelect: z,
+              numberOfMonths: r,
+              fromDate: x,
+              toDate: b,
+              disabled: h
+            }
+          )
+        ] })
+      ] })
+    }
+  );
+}
+function br({
+  label: t,
+  error: r,
+  helperText: n,
+  required: a,
+  disabled: i,
+  id: x,
+  className: b,
+  value: l,
+  onChange: m,
+  format: d = "24h",
+  minuteStep: p = 1,
+  placeholder: h = "Select time"
+}) {
+  const [f, o] = S(!1), y = (u) => {
+    if (!u) return null;
+    const [v, s] = u.split(":").map(Number);
+    return isNaN(v) || isNaN(s) ? null : { hour: v, minute: s };
+  }, g = y(l), M = (u) => {
+    if (!u) return h;
+    const v = y(u);
+    if (!v) return h;
+    if (d === "24h")
+      return `${String(v.hour).padStart(2, "0")}:${String(v.minute).padStart(2, "0")}`;
+    {
+      const s = v.hour >= 12 ? "PM" : "AM";
+      return `${v.hour % 12 || 12}:${String(v.minute).padStart(2, "0")} ${s}`;
+    }
+  }, I = d === "24h" ? Array.from({ length: 24 }, (u, v) => v) : Array.from({ length: 12 }, (u, v) => v + 1), L = Array.from(
+    { length: Math.ceil(60 / p) },
+    (u, v) => v * p
+  ), [z, N] = S(g?.hour ?? null), [w, T] = S(g?.minute ?? null), [$, _] = S(
+    g && g.hour >= 12 ? "PM" : "AM"
+  ), O = (u) => {
+    let v = u;
+    d === "12h" && ($ === "PM" && u !== 12 ? v = u + 12 : $ === "AM" && u === 12 && (v = 0)), N(v), j(v, w);
+  }, A = (u) => {
+    T(u), j(z, u);
+  }, K = (u) => {
+    if (_(u), z !== null) {
+      let v = z;
+      if (d === "12h") {
+        const s = z % 12 || 12;
+        u === "PM" && s !== 12 ? v = s + 12 : u === "AM" && s === 12 ? v = 0 : u === "AM" ? v = s : v = s === 12 ? 12 : s + 12;
+      }
+      N(v), j(v, w);
+    }
+  }, j = (u, v) => {
+    if (u !== null && v !== null && m) {
+      const s = `${String(u).padStart(2, "0")}:${String(v).padStart(2, "0")}`;
+      m(s);
+    }
+  };
+  return /* @__PURE__ */ e(
+    lt,
+    {
+      id: x,
+      label: t,
+      error: r,
+      helperText: n,
+      required: a,
+      disabled: i,
+      className: b,
+      children: ({ id: u, describedBy: v }) => /* @__PURE__ */ c(X, { open: f, onOpenChange: o, children: [
+        /* @__PURE__ */ e(J, { asChild: !0, children: /* @__PURE__ */ c(
+          B,
+          {
+            id: u,
+            "aria-describedby": v,
+            variant: "outline",
+            className: C(
+              "w-full justify-start text-left font-normal",
+              !l && "text-muted-foreground"
+            ),
+            disabled: i,
+            children: [
+              /* @__PURE__ */ e(ke, { className: "mr-2 size-4" }),
+              M(l)
+            ]
+          }
+        ) }),
+        /* @__PURE__ */ e(Y, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ c("div", { className: "flex w-fit", children: [
+          /* @__PURE__ */ c("div", { className: "flex flex-col border-r w-14", children: [
+            /* @__PURE__ */ e("div", { className: "py-1.5 text-xs font-medium border-b text-muted-foreground text-center", children: "Hr" }),
+            /* @__PURE__ */ e("div", { className: "max-h-[200px] overflow-y-auto", children: I.map((s) => {
+              const P = d === "24h" ? s : $ === "PM" && s !== 12 ? s + 12 : $ === "AM" && s === 12 ? 0 : s;
+              return /* @__PURE__ */ e(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => O(s),
+                  className: C(
+                    "w-full py-1.5 text-sm hover:bg-accent text-center transition-colors",
+                    z === P && "bg-primary/10 text-primary font-medium"
+                  ),
+                  children: String(s).padStart(2, "0")
+                },
+                s
+              );
+            }) })
+          ] }),
+          /* @__PURE__ */ c("div", { className: C("flex flex-col w-14", d === "12h" && "border-r"), children: [
+            /* @__PURE__ */ e("div", { className: "py-1.5 text-xs font-medium border-b text-muted-foreground text-center", children: "Min" }),
+            /* @__PURE__ */ e("div", { className: "max-h-[200px] overflow-y-auto", children: L.map((s) => /* @__PURE__ */ e(
+              "button",
+              {
+                type: "button",
+                onClick: () => A(s),
+                className: C(
+                  "w-full py-1.5 text-sm hover:bg-accent text-center transition-colors",
+                  w === s && "bg-primary/10 text-primary font-medium"
+                ),
+                children: String(s).padStart(2, "0")
+              },
+              s
+            )) })
+          ] }),
+          d === "12h" && /* @__PURE__ */ c("div", { className: "flex flex-col w-14", children: [
+            /* @__PURE__ */ e("div", { className: "py-1.5 text-xs font-medium border-b text-muted-foreground text-center", children: " " }),
+            /* @__PURE__ */ c("div", { className: "flex flex-col", children: [
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => K("AM"),
+                  className: C(
+                    "py-1.5 text-sm hover:bg-accent text-center transition-colors",
+                    $ === "AM" && "bg-primary/10 text-primary font-medium"
+                  ),
+                  children: "AM"
+                }
+              ),
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => K("PM"),
+                  className: C(
+                    "py-1.5 text-sm hover:bg-accent text-center transition-colors",
+                    $ === "PM" && "bg-primary/10 text-primary font-medium"
+                  ),
+                  children: "PM"
+                }
+              )
+            ] })
+          ] })
+        ] }) })
+      ] })
+    }
+  );
+}
+function oe(t) {
+  return t < 1024 ? `${t} B` : t < 1024 * 1024 ? `${(t / 1024).toFixed(1)} KB` : `${(t / (1024 * 1024)).toFixed(1)} MB`;
+}
+function Nt(t) {
+  const r = t.type;
+  return r.startsWith("image/") ? /* @__PURE__ */ e(ze, { className: "size-4 text-blue-500" }) : r === "application/pdf" || t.name.endsWith(".pdf") ? /* @__PURE__ */ e(Se, { className: "size-4 text-red-500" }) : r.includes("spreadsheet") || r.includes("csv") || r.includes("excel") || t.name.match(/\.(csv|xlsx?|xls)$/i) ? /* @__PURE__ */ e(Ie, { className: "size-4 text-green-500" }) : /* @__PURE__ */ e(Le, { className: "size-4 text-muted-foreground" });
+}
+function yr({
+  label: t,
+  error: r,
+  helperText: n,
+  required: a,
+  disabled: i,
+  id: x,
+  className: b,
+  value: l,
+  onChange: m,
+  accept: d,
+  multiple: p = !1,
+  maxSize: h,
+  maxFiles: f
+}) {
+  const o = Q(null), [y, g] = S(!1), [M, I] = S(), [L, z] = S(/* @__PURE__ */ new Map()), N = ce(() => l ?? [], [l]), w = r ?? M;
+  W(() => {
+    const u = /* @__PURE__ */ new Map(), v = [];
+    return L.forEach((s) => v.push(s)), N.forEach((s) => {
+      if (s.type.startsWith("image/"))
+        try {
+          const P = URL.createObjectURL(s);
+          u.set(s.name, P);
+        } catch {
+        }
+    }), z(u), () => {
+      v.forEach((s) => {
+        try {
+          URL.revokeObjectURL(s);
+        } catch {
+        }
+      }), u.forEach((s) => {
+        try {
+          URL.revokeObjectURL(s);
+        } catch {
+        }
+      });
+    };
+  }, [N]);
+  function T(u) {
+    if (h) {
+      const v = u.find((s) => s.size > h);
+      if (v)
+        return `File "${v.name}" exceeds maximum size of ${oe(h)}`;
+    }
+    if (f && N.length + u.length > f)
+      return `Maximum ${f} files allowed`;
+  }
+  function $(u) {
+    if (!u || u.length === 0) return;
+    const v = Array.from(u), s = T(v);
+    if (s) {
+      I(s);
+      return;
+    }
+    I(void 0), m?.(p ? [...N, ...v] : v.slice(0, 1)), o.current && (o.current.value = "");
+  }
+  function _(u) {
+    const v = N.filter((s, P) => P !== u);
+    m?.(v), I(void 0);
+  }
+  function O(u) {
+    u.preventDefault(), u.stopPropagation(), i || g(!0);
+  }
+  function A(u) {
+    u.preventDefault(), u.stopPropagation();
+  }
+  function K(u) {
+    u.preventDefault(), u.stopPropagation(), g(!1);
+  }
+  function j(u) {
+    u.preventDefault(), u.stopPropagation(), g(!1), i || $(u.dataTransfer.files);
+  }
+  return /* @__PURE__ */ e(
+    H,
+    {
+      id: x,
+      label: t,
+      error: w,
+      helperText: n,
+      required: a,
+      disabled: i,
+      className: b,
+      children: ({ id: u, describedBy: v }) => /* @__PURE__ */ c("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ c(
+          "label",
+          {
+            htmlFor: u,
+            className: C(
+              "flex flex-col items-center justify-center rounded-md border-2 border-dashed p-4 sm:p-8 transition-colors cursor-pointer",
+              y && !i ? "border-primary bg-primary/5" : "border-border hover:border-primary/50",
+              i && "opacity-50 cursor-not-allowed"
+            ),
+            onDragEnter: O,
+            onDragOver: A,
+            onDragLeave: K,
+            onDrop: j,
+            children: [
+              /* @__PURE__ */ e(Ae, { className: "size-8 text-muted-foreground mb-4" }),
+              /* @__PURE__ */ c("p", { className: "text-sm text-center text-foreground font-medium", children: [
+                /* @__PURE__ */ e("span", { className: "sm:hidden", children: "Tap to browse files" }),
+                /* @__PURE__ */ e("span", { className: "hidden sm:inline", children: "Drag & drop files here, or click to browse" })
+              ] }),
+              d && /* @__PURE__ */ c("p", { className: "text-xs text-muted-foreground mt-2", children: [
+                "Accepted formats: ",
+                d
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ e(
+          "input",
+          {
+            ref: o,
+            id: u,
+            type: "file",
+            accept: d,
+            multiple: p,
+            disabled: i,
+            required: a,
+            "aria-invalid": !!w,
+            "aria-describedby": v,
+            "aria-required": a,
+            onChange: (s) => $(s.target.files),
+            className: "sr-only"
+          }
+        ),
+        N.length > 0 && /* @__PURE__ */ e("ul", { className: "space-y-2", role: "list", children: N.map((s, P) => {
+          const q = L.get(s.name);
+          return /* @__PURE__ */ c(
+            "li",
+            {
+              className: "flex items-center gap-3 rounded-md border p-3",
+              children: [
+                q ? /* @__PURE__ */ e(
+                  "img",
+                  {
+                    src: q,
+                    alt: s.name,
+                    className: "size-10 rounded object-cover",
+                    "data-testid": `file-icon-${s.name}`
+                  }
+                ) : /* @__PURE__ */ e("div", { "data-testid": `file-icon-${s.name}`, children: Nt(s) }),
+                /* @__PURE__ */ c("div", { className: "flex-1 min-w-0", children: [
+                  /* @__PURE__ */ e("p", { className: "text-sm font-medium truncate", children: s.name }),
+                  /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: oe(s.size) })
+                ] }),
+                /* @__PURE__ */ e(
+                  B,
+                  {
+                    type: "button",
+                    variant: "ghost",
+                    size: "icon-sm",
+                    onClick: (ee) => {
+                      ee.stopPropagation(), _(P);
+                    },
+                    disabled: i,
+                    "aria-label": `Remove ${s.name}`,
+                    children: /* @__PURE__ */ e(ae, { className: "size-4" })
+                  }
+                )
+              ]
+            },
+            `${s.name}-${P}`
+          );
+        }) })
+      ] })
+    }
+  );
+}
+function Nr({
+  label: t,
+  error: r,
+  helperText: n,
+  required: a,
+  disabled: i,
+  id: x,
+  className: b,
+  value: l,
+  onChange: m,
+  onSearch: d,
+  multiple: p = !1,
+  debounceMs: h = 300,
+  minQueryLength: f = 1,
+  placeholder: o
+}) {
+  const y = Z(), g = x ?? y, M = r ? `${g}-error` : void 0, I = n && !r ? `${g}-helper` : void 0, L = [M, I].filter(Boolean).join(" ") || void 0, [z, N] = S(!1), [w, T] = S(""), [$, _] = S([]), [O, A] = S(!1), [K, j] = S(/* @__PURE__ */ new Map()), u = Q(void 0), v = Q(0), s = p ? Array.isArray(l) ? l : [] : typeof l == "string" ? l : void 0, P = ce(() => {
+    const k = new Map(K);
+    return $.forEach((E) => {
+      k.set(E.value, E.label);
+    }), k;
+  }, [$, K]);
+  W(() => {
+    if (w.length < f) {
+      _([]), A(!1);
+      return;
+    }
+    u.current !== void 0 && clearTimeout(u.current), A(!0), v.current += 1;
+    const k = v.current;
+    return u.current = window.setTimeout(() => {
+      d(w).then((E) => {
+        k === v.current && (_(E), A(!1), j((U) => {
+          const F = new Map(U);
+          return E.forEach((te) => {
+            F.set(te.value, te.label);
+          }), F;
+        }));
+      }).catch(() => {
+        k === v.current && (_([]), A(!1));
+      });
+    }, h), () => {
+      u.current !== void 0 && clearTimeout(u.current);
+    };
+  }, [w, d, h, f]);
+  function q(k, E) {
+    if (j((U) => new Map(U).set(k, E)), p) {
+      const U = Array.isArray(s) ? s : [], F = U.includes(k) ? U.filter((te) => te !== k) : [...U, k];
+      m?.(F);
+    } else
+      m?.(k), N(!1);
+  }
+  function ee(k) {
+    if (p) {
+      const U = (Array.isArray(s) ? s : []).filter((F) => F !== k);
+      m?.(U);
+    }
+  }
+  function se(k) {
+    return p ? Array.isArray(s) && s.includes(k) : s === k;
+  }
+  function fe() {
+    if (p) {
+      const k = Array.isArray(s) ? s : [];
+      return k.length === 0 ? /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: o ?? "Select options..." }) : /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-1", children: k.map((E) => {
+        const U = P.get(E) ?? E;
+        return /* @__PURE__ */ c(me, { variant: "secondary", className: "gap-1", children: [
+          U,
+          /* @__PURE__ */ e(
+            "span",
+            {
+              role: "button",
+              tabIndex: 0,
+              className: "ml-0.5 rounded-full outline-none hover:bg-muted-foreground/20 cursor-pointer",
+              onClick: (F) => {
+                F.stopPropagation(), ee(E);
+              },
+              onKeyDown: (F) => {
+                (F.key === "Enter" || F.key === " ") && (F.stopPropagation(), ee(E));
+              },
+              "aria-label": `Remove ${U}`,
+              children: /* @__PURE__ */ e(ae, { className: "size-3" })
+            }
+          )
+        ] }, E);
+      }) });
+    } else
+      return s ? /* @__PURE__ */ e("span", { children: P.get(s) ?? s }) : /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: o ?? "Select an option..." });
+  }
+  function pe() {
+    return w.length < f ? /* @__PURE__ */ e("div", { className: "py-6 text-center text-sm text-muted-foreground", children: "Type to search..." }) : O ? /* @__PURE__ */ c("div", { className: "py-6 text-center flex items-center justify-center gap-2", children: [
+      /* @__PURE__ */ e($e, { className: "size-4 animate-spin", role: "status" }),
+      /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground", children: "Searching..." })
+    ] }) : $.length === 0 ? /* @__PURE__ */ e("div", { className: "py-6 text-center text-sm text-muted-foreground", children: "No results found" }) : /* @__PURE__ */ e("div", { className: "max-h-64 overflow-y-auto", children: $.map((k) => /* @__PURE__ */ c(
+      "button",
+      {
+        type: "button",
+        className: C(
+          "relative flex w-full cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none hover:bg-accent hover:text-accent-foreground",
+          k.disabled && "pointer-events-none opacity-50"
+        ),
+        onClick: () => q(k.value, k.label),
+        disabled: k.disabled,
+        children: [
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: C(
+                "flex size-4 items-center justify-center",
+                se(k.value) && "text-primary"
+              ),
+              children: se(k.value) && /* @__PURE__ */ e(ue, { className: "size-4" })
+            }
+          ),
+          k.label
+        ]
+      },
+      k.value
+    )) });
+  }
+  return /* @__PURE__ */ c("div", { className: C("space-y-2", b), children: [
+    t && /* @__PURE__ */ c(V, { htmlFor: g, children: [
+      t,
+      a && /* @__PURE__ */ e("span", { className: "text-destructive ml-0.5", "aria-hidden": "true", children: "*" })
+    ] }),
+    /* @__PURE__ */ c(X, { open: z, onOpenChange: N, children: [
+      /* @__PURE__ */ e(J, { asChild: !0, children: /* @__PURE__ */ c(
+        B,
+        {
+          id: g,
+          variant: "outline",
+          role: "combobox",
+          "aria-expanded": z,
+          "aria-invalid": !!r,
+          "aria-describedby": L,
+          disabled: i,
+          className: "w-full justify-between font-normal h-auto min-h-9",
+          children: [
+            fe(),
+            /* @__PURE__ */ e(ie, { className: "ml-2 size-4 shrink-0 opacity-50" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ c(Y, { className: "w-(--radix-popover-trigger-width) p-0", children: [
+        /* @__PURE__ */ c("div", { className: "flex items-center border-b px-3", children: [
+          /* @__PURE__ */ e(Me, { className: "mr-2 size-4 shrink-0 opacity-50" }),
+          /* @__PURE__ */ e(
+            D,
+            {
+              placeholder: "Search...",
+              value: w,
+              onChange: (k) => T(k.target.value),
+              className: "border-0 focus-visible:ring-0 focus-visible:ring-offset-0"
+            }
+          )
+        ] }),
+        pe()
+      ] })
+    ] }),
+    r && /* @__PURE__ */ e("p", { id: M, className: "text-sm text-destructive", role: "alert", children: r }),
+    n && !r && /* @__PURE__ */ e("p", { id: I, className: "text-sm text-muted-foreground", children: n })
+  ] });
+}
+function G() {
+  return /* @__PURE__ */ e("div", { className: "mx-0.5 h-5 w-px bg-border" });
+}
+function R({
+  onClick: t,
+  isActive: r,
+  disabled: n,
+  ariaLabel: a,
+  children: i
+}) {
+  return /* @__PURE__ */ e(
+    B,
+    {
+      type: "button",
+      variant: "ghost",
+      size: "icon-xs",
+      onClick: t,
+      disabled: n,
+      className: C(r && "bg-accent text-accent-foreground"),
+      "aria-label": a,
+      "aria-pressed": r,
+      children: i
+    }
+  );
+}
+const Ct = /^(https?:\/\/|mailto:)/i;
+function wt(t) {
+  return Ct.test(t.trim());
+}
+function kt({
+  editor: t,
+  disabled: r
+}) {
+  const [n, a] = S(!1), [i, x] = S("");
+  function b(f) {
+    if (f) {
+      const o = t.getAttributes("link").href ?? "";
+      x(o), m("");
+    }
+    a(f);
+  }
+  const [l, m] = S("");
+  function d() {
+    const f = i.trim();
+    if (f) {
+      if (!wt(f)) {
+        m("URL must start with http://, https://, or mailto:");
+        return;
+      }
+      t.chain().focus().extendMarkRange("link").setLink({ href: f }).run(), a(!1), x(""), m("");
+    }
+  }
+  function p() {
+    t.chain().focus().extendMarkRange("link").unsetLink().run(), a(!1), x("");
+  }
+  const h = t.isActive("link");
+  return /* @__PURE__ */ c(X, { open: n, onOpenChange: b, children: [
+    /* @__PURE__ */ e(J, { asChild: !0, children: /* @__PURE__ */ e(
+      B,
+      {
+        type: "button",
+        variant: "ghost",
+        size: "icon-xs",
+        disabled: r,
+        className: C(h && "bg-accent text-accent-foreground"),
+        "aria-label": h ? "Edit link" : "Insert link",
+        "aria-pressed": h,
+        children: /* @__PURE__ */ e(Ze, { className: "size-3" })
+      }
+    ) }),
+    /* @__PURE__ */ e(Y, { className: "w-72 max-w-[calc(100vw-2rem)] p-3", align: "start", children: /* @__PURE__ */ c("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ e(
+        D,
+        {
+          placeholder: "https://example.com",
+          value: i,
+          onChange: (f) => {
+            x(f.target.value), m("");
+          },
+          onKeyDown: (f) => {
+            f.key === "Enter" && (f.preventDefault(), d());
+          },
+          "aria-invalid": !!l,
+          className: "h-8"
+        }
+      ),
+      l && /* @__PURE__ */ e("p", { className: "text-xs text-destructive", children: l }),
+      /* @__PURE__ */ c("div", { className: "flex gap-1", children: [
+        /* @__PURE__ */ e(
+          B,
+          {
+            type: "button",
+            size: "xs",
+            onClick: d,
+            disabled: !i,
+            children: "Apply"
+          }
+        ),
+        h && /* @__PURE__ */ c(
+          B,
+          {
+            type: "button",
+            variant: "ghost",
+            size: "xs",
+            onClick: p,
+            children: [
+              /* @__PURE__ */ e(Ve, { className: "size-3" }),
+              "Remove"
+            ]
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+}
+function At({
+  editor: t,
+  disabled: r
+}) {
+  return t ? /* @__PURE__ */ c(
+    "div",
+    {
+      className: "flex flex-wrap items-center gap-0.5 border-b border-input px-2 py-1",
+      role: "toolbar",
+      "aria-label": "Formatting options",
+      children: [
+        /* @__PURE__ */ e(
+          R,
+          {
+            onClick: () => t.chain().focus().toggleBold().run(),
+            isActive: t.isActive("bold"),
+            disabled: r,
+            ariaLabel: "Bold",
+            children: /* @__PURE__ */ e(Re, { className: "size-3" })
+          }
+        ),
+        /* @__PURE__ */ e(
+          R,
+          {
+            onClick: () => t.chain().focus().toggleItalic().run(),
+            isActive: t.isActive("italic"),
+            disabled: r,
+            ariaLabel: "Italic",
+            children: /* @__PURE__ */ e(Ee, { className: "size-3" })
+          }
+        ),
+        /* @__PURE__ */ e(
+          R,
+          {
+            onClick: () => t.chain().focus().toggleUnderline().run(),
+            isActive: t.isActive("underline"),
+            disabled: r,
+            ariaLabel: "Underline",
+            children: /* @__PURE__ */ e(Pe, { className: "size-3" })
+          }
+        ),
+        /* @__PURE__ */ e(
+          R,
+          {
+            onClick: () => t.chain().focus().toggleStrike().run(),
+            isActive: t.isActive("strike"),
+            disabled: r,
+            ariaLabel: "Strikethrough",
+            children: /* @__PURE__ */ e(Be, { className: "size-3" })
+          }
+        ),
+        /* @__PURE__ */ e(G, {}),
+        /* @__PURE__ */ e(
+          R,
+          {
+            onClick: () => t.chain().focus().toggleHeading({ level: 1 }).run(),
+            isActive: t.isActive("heading", { level: 1 }),
+            disabled: r,
+            ariaLabel: "Heading 1",
+            children: /* @__PURE__ */ e(Ue, { className: "size-3" })
+          }
+        ),
+        /* @__PURE__ */ e(
+          R,
+          {
+            onClick: () => t.chain().focus().toggleHeading({ level: 2 }).run(),
+            isActive: t.isActive("heading", { level: 2 }),
+            disabled: r,
+            ariaLabel: "Heading 2",
+            children: /* @__PURE__ */ e(Fe, { className: "size-3" })
+          }
+        ),
+        /* @__PURE__ */ e(
+          R,
+          {
+            onClick: () => t.chain().focus().toggleHeading({ level: 3 }).run(),
+            isActive: t.isActive("heading", { level: 3 }),
+            disabled: r,
+            ariaLabel: "Heading 3",
+            children: /* @__PURE__ */ e(Te, { className: "size-3" })
+          }
+        ),
+        /* @__PURE__ */ e(G, {}),
+        /* @__PURE__ */ e(
+          R,
+          {
+            onClick: () => t.chain().focus().toggleBulletList().run(),
+            isActive: t.isActive("bulletList"),
+            disabled: r,
+            ariaLabel: "Bullet list",
+            children: /* @__PURE__ */ e(De, { className: "size-3" })
+          }
+        ),
+        /* @__PURE__ */ e(
+          R,
+          {
+            onClick: () => t.chain().focus().toggleOrderedList().run(),
+            isActive: t.isActive("orderedList"),
+            disabled: r,
+            ariaLabel: "Ordered list",
+            children: /* @__PURE__ */ e(He, { className: "size-3" })
+          }
+        ),
+        /* @__PURE__ */ e(G, {}),
+        /* @__PURE__ */ e(
+          R,
+          {
+            onClick: () => t.chain().focus().toggleBlockquote().run(),
+            isActive: t.isActive("blockquote"),
+            disabled: r,
+            ariaLabel: "Blockquote",
+            children: /* @__PURE__ */ e(_e, { className: "size-3" })
+          }
+        ),
+        /* @__PURE__ */ e(
+          R,
+          {
+            onClick: () => t.chain().focus().toggleCodeBlock().run(),
+            isActive: t.isActive("codeBlock"),
+            disabled: r,
+            ariaLabel: "Code block",
+            children: /* @__PURE__ */ e(je, { className: "size-3" })
+          }
+        ),
+        /* @__PURE__ */ e(G, {}),
+        /* @__PURE__ */ e(
+          R,
+          {
+            onClick: () => t.chain().focus().setTextAlign("left").run(),
+            isActive: t.isActive({ textAlign: "left" }),
+            disabled: r,
+            ariaLabel: "Align left",
+            children: /* @__PURE__ */ e(Oe, { className: "size-3" })
+          }
+        ),
+        /* @__PURE__ */ e(
+          R,
+          {
+            onClick: () => t.chain().focus().setTextAlign("center").run(),
+            isActive: t.isActive({ textAlign: "center" }),
+            disabled: r,
+            ariaLabel: "Align center",
+            children: /* @__PURE__ */ e(Ke, { className: "size-3" })
+          }
+        ),
+        /* @__PURE__ */ e(
+          R,
+          {
+            onClick: () => t.chain().focus().setTextAlign("right").run(),
+            isActive: t.isActive({ textAlign: "right" }),
+            disabled: r,
+            ariaLabel: "Align right",
+            children: /* @__PURE__ */ e(Ge, { className: "size-3" })
+          }
+        ),
+        /* @__PURE__ */ e(G, {}),
+        /* @__PURE__ */ e(kt, { editor: t, disabled: r }),
+        /* @__PURE__ */ e(G, {}),
+        /* @__PURE__ */ e(
+          R,
+          {
+            onClick: () => t.chain().focus().undo().run(),
+            disabled: r || !t.can().undo(),
+            ariaLabel: "Undo",
+            children: /* @__PURE__ */ e(We, { className: "size-3" })
+          }
+        ),
+        /* @__PURE__ */ e(
+          R,
+          {
+            onClick: () => t.chain().focus().redo().run(),
+            disabled: r || !t.can().redo(),
+            ariaLabel: "Redo",
+            children: /* @__PURE__ */ e(Qe, { className: "size-3" })
+          }
+        )
+      ]
+    }
+  ) : null;
+}
+function Cr({
+  label: t,
+  error: r,
+  helperText: n,
+  required: a,
+  disabled: i,
+  id: x,
+  className: b,
+  value: l,
+  onChange: m,
+  placeholder: d,
+  minHeight: p = "150px",
+  maxCharacters: h,
+  showWordCount: f,
+  showCharacterCount: o
+}) {
+  const y = Q(m);
+  W(() => {
+    y.current = m;
+  }, [m]);
+  const g = Xe({
+    extensions: [
+      Ye.configure({
+        link: { openOnClick: !1 }
+      }),
+      qe.configure({ types: ["heading", "paragraph"] }),
+      et.configure({ placeholder: d ?? "" }),
+      tt.configure({
+        limit: h ?? void 0
+      })
+    ],
+    content: l ?? "",
+    editable: !i,
+    onUpdate: ({ editor: w }) => {
+      y.current?.(w.getHTML());
+    },
+    editorProps: {
+      attributes: {
+        role: "textbox",
+        "aria-multiline": "true"
+      }
+    }
+  });
+  W(() => {
+    if (!g) return;
+    const w = g.getHTML();
+    l !== void 0 && l !== w && g.commands.setContent(l, { emitUpdate: !1 });
+  }, [g, l]), W(() => {
+    g && g.setEditable(!i);
+  }, [g, i]);
+  const M = Q(""), I = Q(void 0);
+  W(() => {
+    if (!g) return;
+    const w = g.view.dom;
+    M.current && w.setAttribute("id", M.current), w.setAttribute("aria-invalid", String(!!r)), w.setAttribute("aria-required", String(!!a)), I.current ? w.setAttribute("aria-describedby", I.current) : w.removeAttribute("aria-describedby");
+  }, [g, r, a]);
+  const L = g?.storage.characterCount?.characters() ?? 0, z = g?.storage.characterCount?.words() ?? 0, N = o || f;
+  return /* @__PURE__ */ e(
+    H,
+    {
+      id: x,
+      label: t,
+      error: r,
+      helperText: n,
+      required: a,
+      disabled: i,
+      className: b,
+      children: ({ id: w, describedBy: T }) => (M.current = w, I.current = T, /* @__PURE__ */ c(
+        "div",
+        {
+          className: C(
+            "overflow-hidden rounded-md border border-input bg-transparent shadow-xs transition-colors",
+            "focus-within:border-ring focus-within:ring-ring/50 focus-within:ring-[3px]",
+            r && "border-destructive focus-within:border-destructive focus-within:ring-destructive/20",
+            i && "opacity-50 pointer-events-none"
+          ),
+          children: [
+            /* @__PURE__ */ e(At, { editor: g, disabled: i }),
+            /* @__PURE__ */ e(
+              Je,
+              {
+                editor: g,
+                className: C(
+                  "prose prose-sm max-w-none px-3 py-2 overflow-x-auto",
+                  "text-foreground",
+                  "prose-headings:text-foreground",
+                  "prose-strong:text-foreground",
+                  "prose-a:text-primary",
+                  "prose-blockquote:text-muted-foreground prose-blockquote:border-border",
+                  "prose-code:text-foreground",
+                  "prose-pre:bg-muted prose-pre:text-foreground",
+                  "prose-hr:border-border",
+                  "prose-th:text-foreground",
+                  "prose-lead:text-muted-foreground",
+                  "[&_.tiptap]:outline-none",
+                  "[&_.tiptap.is-editor-empty_.is-empty::before]:text-muted-foreground",
+                  "[&_.tiptap.is-editor-empty_.is-empty::before]:float-left",
+                  "[&_.tiptap.is-editor-empty_.is-empty::before]:h-0",
+                  "[&_.tiptap.is-editor-empty_.is-empty::before]:pointer-events-none",
+                  "[&_.tiptap.is-editor-empty_.is-empty::before]:content-[attr(data-placeholder)]"
+                ),
+                style: { minHeight: p }
+              }
+            ),
+            N && /* @__PURE__ */ c("div", { className: "flex justify-end gap-3 border-t border-input px-3 py-1.5 text-xs text-muted-foreground", children: [
+              o && /* @__PURE__ */ e("span", { children: h ? `${L} / ${h} characters` : `${L} characters` }),
+              f && /* @__PURE__ */ c("span", { children: [
+                z,
+                " words"
+              ] })
+            ] })
+          ]
+        }
+      ))
+    }
+  );
+}
+function wr(...t) {
+  return ut(dt(t));
+}
+export {
+  Yt as Badge,
+  Jt as Button,
+  qt as Card,
+  nr as CardAction,
+  ar as CardContent,
+  rr as CardDescription,
+  ir as CardFooter,
+  er as CardHeader,
+  tr as CardTitle,
+  ur as Checkbox,
+  fr as ColorInput,
+  yt as DEFAULT_COUNTRIES,
+  xr as DatePicker,
+  hr as EmailInput,
+  H as FieldWrapper,
+  yr as FileInput,
+  sr as Input,
+  dr as NumberInput,
+  lr as PasswordInput,
+  Nr as QuerySelect,
+  Cr as RichTextInput,
+  pr as SelectInput,
+  mr as SwitchInput,
+  vr as TelephoneInput,
+  or as TextInput,
+  cr as TextareaInput,
+  br as TimePicker,
+  gr as URLInput,
+  ft as badgeVariants,
+  mt as buttonVariants,
+  wr as cn
+};