@use-stall/ui 0.1.5 → 0.1.7

package/dist/index.mjs

@@ -2417,26 +2417,89 @@ var Kbd = ({
 );
 var KbdKey = ({ ...props }) => /* @__PURE__ */ jsx26("kbd", { ...props });
 
-// src/components/modal-container.tsx
+// src/components/loader.tsx
 import React21 from "react";
 import { motion } from "framer-motion";
-import { jsx as jsx27 } from "react/jsx-runtime";
-var ModalContainer = React21.memo((props) => {
-  return /* @__PURE__ */ jsx27(
-    motion.div,
+import { createPortal } from "react-dom";
+import Lottie from "lottie-react";
+
+// src/assets/logo/primary.json
+var primary_default = { nm: "Main Scene", ddd: 0, h: 220, w: 220, meta: { g: "@lottiefiles/creator 1.45.0" }, layers: [{ ty: 4, nm: "logo", sr: 1, st: 0, op: 150, ip: 0, hd: false, ddd: 0, bm: 0, hasMask: false, ao: 0, ks: { a: { a: 0, k: [175.0000000000001, 150.0220489501953] }, s: { a: 1, k: [{ o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [100, 100], t: 0 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [100, 100], t: 28 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [50, 50], t: 36 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [50, 50], t: 40 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [50, 50], t: 46 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [50, 50], t: 52 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [50, 50], t: 60 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [50, 50], t: 71 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [50, 50], t: 76 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [50, 50], t: 84 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [50, 50], t: 90 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [50, 50], t: 94 }, { s: [100, 100], t: 103 }] }, sk: { a: 0, k: 0 }, p: { a: 1, k: [{ o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [110, 85], t: 0 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [110, 85], t: 28 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [110, 85], t: 36 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [110, 85], t: 40 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [110, 110], t: 46 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [110, 110], t: 52 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [110, 110], t: 60 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [110, 110], t: 71 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [110, 110], t: 76 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [110, 110], t: 84 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [110, 85], t: 90 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [110, 85], t: 94 }, { s: [110, 85], t: 103 }] }, r: { a: 1, k: [{ o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [0], t: 0 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [0], t: 46 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [-90], t: 52 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [-90], t: 60 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [-90], t: 71 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [-90], t: 76 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [0], t: 84 }, { s: [0], t: 90 }] }, sa: { a: 0, k: 0 }, o: { a: 0, k: 100 } }, shapes: [{ ty: "gr", bm: 0, hd: false, nm: "piece", it: [{ ty: "sh", bm: 0, hd: false, nm: "Path 1", d: 1, ks: { a: 0, k: { c: true, i: [[0, 0], [0, 0], [0, 0], [16.56899999999999, 0], [0, 0], [0, 0]], o: [[0, 0], [0, 0], [0, 16.569000000000017], [0, 0], [0, 0], [0, 0]], v: [[200, 225], [250, 225], [250, 245], [220, 275], [200, 275], [200, 225]] } } }, { ty: "fl", bm: 0, hd: false, nm: "Fill", c: { a: 0, k: [0.0824, 0.3686, 0.4588] }, r: 1, o: { a: 0, k: 100 } }, { ty: "tr", a: { a: 0, k: [225, 250.0220489501953] }, s: { a: 0, k: [100, 100] }, sk: { a: 0, k: 0 }, p: { a: 1, k: [{ o: { x: 0.55, y: 0.06 }, i: { x: 0.36, y: 1 }, s: [225, 250.022], t: 0 }, { o: { x: 0.22, y: 0.61 }, i: { x: 1, y: 1 }, s: [224.8387, 200.022], t: 18 }, { o: { x: 0, y: 0 }, i: { x: 0.68, y: 0.19 }, s: [224.8387, 200.022], t: 28 }, { o: { x: 0.55, y: 0.06 }, i: { x: 0.68, y: 0.19 }, s: [224.8387, 200.022], t: 52 }, { o: { x: 0.55, y: 0.06 }, i: { x: 0.36, y: 1 }, s: [225.9571, 251.4679], t: 60 }, { o: { x: 0.22, y: 0.61 }, i: { x: 0.36, y: 1 }, s: [225.9571, 251.4679], t: 66 }, { o: { x: 0.65, y: 0 }, i: { x: 1, y: 1 }, s: [225.0484, 199.9604], t: 71 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [225.0484, 199.9604], t: 76 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [225.0484, 199.9604], t: 90 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [225.0484, 199.9604], t: 94 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [225.0484, 199.9604], t: 103 }, { s: [225.0484, 250.022], t: 112 }] }, r: { a: 0, k: 0 }, sa: { a: 0, k: 0 }, o: { a: 0, k: 100 } }] }, { ty: "gr", bm: 0, hd: false, nm: "main", it: [{ ty: "sh", bm: 0, hd: false, nm: "Path 2", d: 1, ks: { a: 0, k: { c: true, i: [[0, 0], [-16.569000000000003, 0], [0, 0], [0, -16.5685], [0, 0], [0, 0], [0, 0], [0, 0], [0, 0], [0, 0], [0, 0], [0, 0], [0, 16.56899999999999], [0, 0]], o: [[0, -16.5685], [0, 0], [16.56899999999999, 0], [0, 0], [0, 0], [0, 0], [0, 0], [0, 0], [0, 0], [0, 0], [0, 0], [-16.569000000000003, 0], [0, 0], [0, 0]], v: [[100, 105], [130, 75], [220, 75], [250, 105], [250, 174.5], [199.5, 174.5], [199.5, 125], [150, 125], [150, 174.5], [199.5, 174.5], [199.5, 225], [130, 225], [100, 195], [100, 105]] } } }, { ty: "fl", bm: 0, hd: false, nm: "Fill", c: { a: 0, k: [0.0824, 0.3686, 0.4588] }, r: 1, o: { a: 0, k: 100 } }, { ty: "tr", a: { a: 0, k: [175, 150.0220489501953] }, s: { a: 0, k: [100, 100] }, sk: { a: 0, k: 0 }, p: { a: 0, k: [175, 150.0220489501953] }, r: { a: 0, k: 0 }, sa: { a: 0, k: 0 }, o: { a: 0, k: 100 } }] }], ind: 1 }], v: "5.7.0", fr: 30, op: 150, ip: 0, assets: [] };
+
+// src/assets/logo/light.json
+var light_default = { nm: "Main Scene", ddd: 0, h: 220, w: 220, meta: { g: "@lottiefiles/creator 1.45.0" }, layers: [{ ty: 4, nm: "logo", sr: 1, st: 0, op: 150, ip: 0, hd: false, ddd: 0, bm: 0, hasMask: false, ao: 0, ks: { a: { a: 0, k: [175.0000000000001, 150.0220489501953] }, s: { a: 1, k: [{ o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [100, 100], t: 0 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [100, 100], t: 28 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [50, 50], t: 36 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [50, 50], t: 40 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [50, 50], t: 46 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [50, 50], t: 52 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [50, 50], t: 60 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [50, 50], t: 71 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [50, 50], t: 76 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [50, 50], t: 84 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [50, 50], t: 90 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [50, 50], t: 94 }, { s: [100, 100], t: 103 }] }, sk: { a: 0, k: 0 }, p: { a: 1, k: [{ o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [110, 85], t: 0 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [110, 85], t: 28 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [110, 85], t: 36 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [110, 85], t: 40 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [110, 110], t: 46 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [110, 110], t: 52 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [110, 110], t: 60 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [110, 110], t: 71 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [110, 110], t: 76 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [110, 110], t: 84 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [110, 85], t: 90 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [110, 85], t: 94 }, { s: [110, 85], t: 103 }] }, r: { a: 1, k: [{ o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [0], t: 0 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [0], t: 46 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [-90], t: 52 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [-90], t: 60 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [-90], t: 71 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [-90], t: 76 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [0], t: 84 }, { s: [0], t: 90 }] }, sa: { a: 0, k: 0 }, o: { a: 0, k: 100 } }, shapes: [{ ty: "gr", bm: 0, hd: false, nm: "piece", it: [{ ty: "sh", bm: 0, hd: false, nm: "Path 1", d: 1, ks: { a: 0, k: { c: true, i: [[0, 0], [0, 0], [0, 0], [16.56899999999999, 0], [0, 0], [0, 0]], o: [[0, 0], [0, 0], [0, 16.569000000000017], [0, 0], [0, 0], [0, 0]], v: [[200, 225], [250, 225], [250, 245], [220, 275], [200, 275], [200, 225]] } } }, { ty: "fl", bm: 0, hd: false, nm: "Fill", c: { a: 0, k: [1, 1, 1], sid: "secondary" }, r: 1, o: { a: 0, k: 100 } }, { ty: "tr", a: { a: 0, k: [225, 250.0220489501953] }, s: { a: 0, k: [100, 100] }, sk: { a: 0, k: 0 }, p: { a: 1, k: [{ o: { x: 0.55, y: 0.06 }, i: { x: 0.36, y: 1 }, s: [225, 250.022], t: 0 }, { o: { x: 0.22, y: 0.61 }, i: { x: 1, y: 1 }, s: [224.8387, 200.022], t: 18 }, { o: { x: 0, y: 0 }, i: { x: 0.68, y: 0.19 }, s: [224.8387, 200.022], t: 28 }, { o: { x: 0.55, y: 0.06 }, i: { x: 0.68, y: 0.19 }, s: [224.8387, 200.022], t: 52 }, { o: { x: 0.55, y: 0.06 }, i: { x: 0.36, y: 1 }, s: [225.9571, 251.4679], t: 60 }, { o: { x: 0.22, y: 0.61 }, i: { x: 0.36, y: 1 }, s: [225.9571, 251.4679], t: 66 }, { o: { x: 0.65, y: 0 }, i: { x: 1, y: 1 }, s: [225.0484, 199.9604], t: 71 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [225.0484, 199.9604], t: 76 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [225.0484, 199.9604], t: 90 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [225.0484, 199.9604], t: 94 }, { o: { x: 0.167, y: 0.167 }, i: { x: 0.833, y: 0.833 }, s: [225.0484, 199.9604], t: 103 }, { s: [225.0484, 250.022], t: 112 }] }, r: { a: 0, k: 0 }, sa: { a: 0, k: 0 }, o: { a: 0, k: 100 } }] }, { ty: "gr", bm: 0, hd: false, nm: "main", it: [{ ty: "sh", bm: 0, hd: false, nm: "Path 2", d: 1, ks: { a: 0, k: { c: true, i: [[0, 0], [-16.569000000000003, 0], [0, 0], [0, -16.5685], [0, 0], [0, 0], [0, 0], [0, 0], [0, 0], [0, 0], [0, 0], [0, 0], [0, 16.56899999999999], [0, 0]], o: [[0, -16.5685], [0, 0], [16.56899999999999, 0], [0, 0], [0, 0], [0, 0], [0, 0], [0, 0], [0, 0], [0, 0], [0, 0], [-16.569000000000003, 0], [0, 0], [0, 0]], v: [[100, 105], [130, 75], [220, 75], [250, 105], [250, 174.5], [199.5, 174.5], [199.5, 125], [150, 125], [150, 174.5], [199.5, 174.5], [199.5, 225], [130, 225], [100, 195], [100, 105]] } } }, { ty: "fl", bm: 0, hd: false, nm: "Fill", c: { a: 0, k: [1, 1, 1], sid: "secondary" }, r: 1, o: { a: 0, k: 100 } }, { ty: "tr", a: { a: 0, k: [175, 150.0220489501953] }, s: { a: 0, k: [100, 100] }, sk: { a: 0, k: 0 }, p: { a: 0, k: [175, 150.0220489501953] }, r: { a: 0, k: 0 }, sa: { a: 0, k: 0 }, o: { a: 0, k: 100 } }] }], ind: 1 }], v: "5.7.0", fr: 30, op: 150, ip: 0, assets: [], slots: { secondary: { p: { a: 0, k: [1, 1, 1] } } } };
+
+// src/components/loader.tsx
+import { jsx as jsx27, jsxs as jsxs17 } from "react/jsx-runtime";
+var Loader = React21.memo(({ loadingProgress }) => {
+  const theme = React21.useMemo(() => {
+    const local = localStorage.getItem("stall-theme");
+    if (local) {
+      return JSON.parse(local);
+    }
+    return "system";
+  }, []);
+  const currentTheme = React21.useMemo(() => {
+    if (theme === "system") {
+      const systemTheme = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+      return systemTheme;
+    }
+    return theme;
+  }, [theme]);
+  return /* @__PURE__ */ jsx27(React21.Fragment, { children: createPortal(
+    /* @__PURE__ */ jsx27(React21.Fragment, { children: /* @__PURE__ */ jsxs17(
+      motion.div,
+      {
+        initial: { opacity: 0, y: 10 },
+        animate: { opacity: 1, y: 0 },
+        exit: { opacity: 0, y: 10 },
+        className: "fixed inset-0 bg-main-background/80 backdrop-blur-sm flex flex-col gap-4\n            items-center justify-center z-50",
+        children: [
+          /* @__PURE__ */ jsx27("div", { className: "h-20 w-20 flex items-center justify-center", children: /* @__PURE__ */ jsx27(
+            Lottie,
+            {
+              animationData: currentTheme === "light" ? primary_default : light_default,
+              loop: true,
+              className: "h-16 w-16"
+            }
+          ) }),
+          loadingProgress && /* @__PURE__ */ jsx27("span", { className: "text-sm font-medium", children: loadingProgress?.title }),
+          loadingProgress && /* @__PURE__ */ jsx27("div", { className: "w-44 h-2.5 overflow-hidden rounded-full bg-main-background shadow-sm", children: /* @__PURE__ */ jsx27(
+            motion.div,
+            {
+              initial: { width: 0 },
+              animate: { width: `${loadingProgress?.percentage}%` },
+              className: "h-full bg-cyan-800"
+            }
+          ) })
+        ]
+      }
+    ) }),
+    document.body
+  ) });
+});
+Loader.displayName = "Loader";
+
+// src/components/modal-container.tsx
+import React22 from "react";
+import { motion as motion2 } from "framer-motion";
+import { jsx as jsx28 } from "react/jsx-runtime";
+var ModalContainer = React22.memo((props) => {
+  return /* @__PURE__ */ jsx28(
+    motion2.div,
     {
       initial: { y: 10, opacity: 0 },
       exit: { y: 10, opacity: 0 },
       animate: { y: 0, opacity: 1 },
       className: "fixed inset-0 md:inset-2 md:rounded-xl md:border-4 border-white dark:border-zinc-700\n       shadow-3xl bg-main-background overflow-hidden z-10",
-      children: /* @__PURE__ */ jsx27("div", { className: "w-full h-full overflow-hidden overflow-y-auto flex justify-center", children: /* @__PURE__ */ jsx27("div", { className: "w-full max-w-[700px] h-fit shrink-0 overflow-hidden flex flex-col p-4", children: props.children }) })
+      children: /* @__PURE__ */ jsx28("div", { className: "w-full h-full overflow-hidden overflow-y-auto flex justify-center", children: /* @__PURE__ */ jsx28("div", { className: "w-full max-w-[700px] h-fit shrink-0 overflow-hidden flex flex-col p-4", children: props.children }) })
     }
   );
 });
 
 // src/components/multi-select.tsx
-import * as React22 from "react";
-import { jsx as jsx28, jsxs as jsxs17 } from "react/jsx-runtime";
+import * as React23 from "react";
+import { jsx as jsx29, jsxs as jsxs18 } from "react/jsx-runtime";
 var MultiSelect = ({
   options: options2 = [],
   value = [],
@@ -2447,10 +2510,10 @@ var MultiSelect = ({
   maxCount,
   required
 }) => {
-  const selectedOptions = React22.useMemo(() => {
+  const selectedOptions = React23.useMemo(() => {
     return value.map((v) => options2.find((opt) => opt.value === v)).filter(Boolean);
   }, [value, options2]);
-  const handleValueChange = React22.useCallback(
+  const handleValueChange = React23.useCallback(
     (newValue) => {
       if (Array.isArray(newValue)) {
         onValueChange?.(newValue.map((opt) => opt.value));
@@ -2460,7 +2523,7 @@ var MultiSelect = ({
     },
     [onValueChange]
   );
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18(
     Combobox,
     {
       required,
@@ -2470,15 +2533,15 @@ var MultiSelect = ({
       onValueChange: handleValueChange,
       disabled: maxCount === options2.length,
       children: [
-        /* @__PURE__ */ jsx28(
+        /* @__PURE__ */ jsx29(
           ComboboxChips,
           {
             className: cn(
               "min-h-10! before:hidden shadow-none rounded-10!",
               className
             ),
-            children: /* @__PURE__ */ jsx28(ComboboxValue, { children: (value2) => /* @__PURE__ */ jsxs17(React22.Fragment, { children: [
-              value2?.map((item) => /* @__PURE__ */ jsx28(
+            children: /* @__PURE__ */ jsx29(ComboboxValue, { children: (value2) => /* @__PURE__ */ jsxs18(React23.Fragment, { children: [
+              value2?.map((item) => /* @__PURE__ */ jsx29(
                 ComboboxChip,
                 {
                   "aria-label": item.value,
@@ -2487,7 +2550,7 @@ var MultiSelect = ({
                 },
                 item.value
               )),
-              /* @__PURE__ */ jsx28(
+              /* @__PURE__ */ jsx29(
                 ComboboxInput,
                 {
                   placeholder: value2.length > 0 ? void 0 : placeholder || "Select an item...",
@@ -2501,14 +2564,14 @@ var MultiSelect = ({
             ] }) })
           }
         ),
-        /* @__PURE__ */ jsxs17(ComboboxPopup, { className: "rounded-xl", children: [
-          /* @__PURE__ */ jsxs17(ComboboxEmpty, { className: "w-full center-flex flex-col", children: [
-            /* @__PURE__ */ jsx28(
+        /* @__PURE__ */ jsxs18(ComboboxPopup, { className: "rounded-xl", children: [
+          /* @__PURE__ */ jsxs18(ComboboxEmpty, { className: "w-full center-flex flex-col", children: [
+            /* @__PURE__ */ jsx29(
               "div",
               {
                 style: { borderRadius: "30% 70% 70% 30% / 30% 38% 62% 70%" },
                 className: "mt-8 size-24 center-flex bg-accent/50 rounded-blob",
-                children: /* @__PURE__ */ jsx28(
+                children: /* @__PURE__ */ jsx29(
                   "img",
                   {
                     src: "/images/no-direction.png",
@@ -2518,10 +2581,10 @@ var MultiSelect = ({
                 )
               }
             ),
-            /* @__PURE__ */ jsx28("h1", { className: "mt-4 text-sm text-foreground font-semibold", children: "Nothing Found" }),
-            /* @__PURE__ */ jsx28("p", { className: "mt-1 mb-8 text-sm text-center text-muted-foreground max-w-62", children: "We couldn't find anything matching your search" })
+            /* @__PURE__ */ jsx29("h1", { className: "mt-4 text-sm text-foreground font-semibold", children: "Nothing Found" }),
+            /* @__PURE__ */ jsx29("p", { className: "mt-1 mb-8 text-sm text-center text-muted-foreground max-w-62", children: "We couldn't find anything matching your search" })
           ] }),
-          /* @__PURE__ */ jsx28(ComboboxList, { children: (item) => /* @__PURE__ */ jsx28(
+          /* @__PURE__ */ jsx29(ComboboxList, { children: (item) => /* @__PURE__ */ jsx29(
             ComboboxItem,
             {
               value: item,
@@ -2539,11 +2602,11 @@ MultiSelect.displayName = "MultiSelect";
 
 // src/components/password-input.tsx
 import { Check as Check5, Eye, EyeOff, X } from "lucide-react";
-import React23 from "react";
-import { jsx as jsx29, jsxs as jsxs18 } from "react/jsx-runtime";
-var PasswordInput = React23.forwardRef(
+import React24 from "react";
+import { jsx as jsx30, jsxs as jsxs19 } from "react/jsx-runtime";
+var PasswordInput = React24.forwardRef(
   ({ className, onSubmit, showStrength, ...props }, ref) => {
-    const [isVisible, setIsVisible] = React23.useState(false);
+    const [isVisible, setIsVisible] = React24.useState(false);
     const toggleVisibility = () => setIsVisible((prevState) => !prevState);
     const checkStrength = (pass) => {
       const requirements = [
@@ -2558,7 +2621,7 @@ var PasswordInput = React23.forwardRef(
       }));
     };
     const strength = checkStrength(props.value?.toString() || "");
-    const strengthScore = React23.useMemo(() => {
+    const strengthScore = React24.useMemo(() => {
       return strength.filter((req) => req.met).length;
     }, [strength]);
     const getStrengthColor = (score) => {
@@ -2581,9 +2644,9 @@ var PasswordInput = React23.forwardRef(
       }
       onSubmit?.(event);
     };
-    return /* @__PURE__ */ jsxs18("div", { className: "relative w-full", children: [
-      /* @__PURE__ */ jsxs18("div", { className: "relative w-full", children: [
-        /* @__PURE__ */ jsx29(
+    return /* @__PURE__ */ jsxs19("div", { className: "relative w-full", children: [
+      /* @__PURE__ */ jsxs19("div", { className: "relative w-full", children: [
+        /* @__PURE__ */ jsx30(
           Input,
           {
             className: cn("pe-9", className),
@@ -2594,7 +2657,7 @@ var PasswordInput = React23.forwardRef(
             onSubmit: handleSubmit
           }
         ),
-        showStrength && /* @__PURE__ */ jsx29(
+        showStrength && /* @__PURE__ */ jsx30(
           "input",
           {
             title: "password",
@@ -2604,7 +2667,7 @@ var PasswordInput = React23.forwardRef(
             value: showStrength ? strengthScore >= 4 ? props?.value : "" : props.value
           }
         ),
-        /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsx30(
           "button",
           {
             className: "absolute inset-y-0 end-0 flex h-full w-9 items-center justify-center rounded-e-10 text-muted-foreground/80 outline-offset-2 transition-colors hover:text-foreground focus:z-10 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-ring/70 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
@@ -2613,12 +2676,12 @@ var PasswordInput = React23.forwardRef(
             "aria-label": isVisible ? "Hide password" : "Show password",
             "aria-pressed": isVisible,
             "aria-controls": "password",
-            children: isVisible ? /* @__PURE__ */ jsx29(EyeOff, { size: 16, strokeWidth: 2, "aria-hidden": "true" }) : /* @__PURE__ */ jsx29(Eye, { size: 16, strokeWidth: 2, "aria-hidden": "true" })
+            children: isVisible ? /* @__PURE__ */ jsx30(EyeOff, { size: 16, strokeWidth: 2, "aria-hidden": "true" }) : /* @__PURE__ */ jsx30(Eye, { size: 16, strokeWidth: 2, "aria-hidden": "true" })
           }
         )
       ] }),
-      showStrength && /* @__PURE__ */ jsxs18(React23.Fragment, { children: [
-        /* @__PURE__ */ jsx29(
+      showStrength && /* @__PURE__ */ jsxs19(React24.Fragment, { children: [
+        /* @__PURE__ */ jsx30(
           "div",
           {
             className: "my-3 h-1 w-full overflow-hidden rounded-full bg-border",
@@ -2627,7 +2690,7 @@ var PasswordInput = React23.forwardRef(
             "aria-valuemin": 0,
             "aria-valuemax": 4,
             "aria-label": "Password strength",
-            children: /* @__PURE__ */ jsx29(
+            children: /* @__PURE__ */ jsx30(
               "div",
               {
                 className: `h-full ${getStrengthColor(
@@ -2638,7 +2701,7 @@ var PasswordInput = React23.forwardRef(
             )
           }
         ),
-        /* @__PURE__ */ jsxs18(
+        /* @__PURE__ */ jsxs19(
           "p",
           {
             id: "password-strength",
@@ -2649,15 +2712,15 @@ var PasswordInput = React23.forwardRef(
             ]
           }
         ),
-        /* @__PURE__ */ jsx29("ul", { className: "space-y-1.5", "aria-label": "Password requirements", children: strength.map((req, index) => /* @__PURE__ */ jsxs18("li", { className: "flex items-center gap-2", children: [
-          req.met ? /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsx30("ul", { className: "space-y-1.5", "aria-label": "Password requirements", children: strength.map((req, index) => /* @__PURE__ */ jsxs19("li", { className: "flex items-center gap-2", children: [
+          req.met ? /* @__PURE__ */ jsx30(
             Check5,
             {
               size: 16,
               className: "text-emerald-500",
               "aria-hidden": "true"
             }
-          ) : /* @__PURE__ */ jsx29(
+          ) : /* @__PURE__ */ jsx30(
             X,
             {
               size: 16,
@@ -2665,13 +2728,13 @@ var PasswordInput = React23.forwardRef(
               "aria-hidden": "true"
             }
           ),
-          /* @__PURE__ */ jsxs18(
+          /* @__PURE__ */ jsxs19(
             "span",
             {
               className: `text-xs ${req.met ? "text-emerald-600" : "text-muted-foreground"}`,
               children: [
                 req.text,
-                /* @__PURE__ */ jsx29("span", { className: "sr-only", children: req.met ? " - Requirement met" : " - Requirement not met" })
+                /* @__PURE__ */ jsx30("span", { className: "sr-only", children: req.met ? " - Requirement met" : " - Requirement not met" })
               ]
             }
           )
@@ -2681,7 +2744,7 @@ var PasswordInput = React23.forwardRef(
   }
 );
 PasswordInput.displayName = "PasswordInput";
-var password_input_default = React23.memo(PasswordInput);
+var password_input_default = React24.memo(PasswordInput);
 
 // src/components/phone-number-input.tsx
 import { ChevronDown as ChevronDown2, Phone } from "lucide-react";
@@ -2689,7 +2752,7 @@ import { forwardRef as forwardRef16, useState as useState3 } from "react";
 import * as RPNInput from "react-phone-number-input";
 import flags from "react-phone-number-input/flags";
 import { isValidPhoneNumber } from "react-phone-number-input";
-import { jsx as jsx30, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs20 } from "react/jsx-runtime";
 function PhoneNumberInput({
   className = "",
   ...props
@@ -2703,7 +2766,7 @@ function PhoneNumberInput({
     }
     props.onChange(newValue ?? "");
   };
-  return /* @__PURE__ */ jsx30("div", { className: cn(className), children: /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31("div", { className: cn(className), children: /* @__PURE__ */ jsx31(
     RPNInput.default,
     {
       className: cn("flex rounded-md", error && "border border-red-500/70"),
@@ -2721,7 +2784,7 @@ function PhoneNumberInput({
 }
 var PhoneInput = forwardRef16(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx30(
+    return /* @__PURE__ */ jsx31(
       Input,
       {
         className: cn(
@@ -2744,7 +2807,7 @@ var CountrySelect = ({
   const handleSelect = (event) => {
     onChange(event.target.value);
   };
-  return /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20(
     "div",
     {
       className: cn(`relative inline-flex items-center self-stretch rounded-s-10 border border-input
@@ -2752,11 +2815,11 @@ var CountrySelect = ({
       focus-within:border-ring focus-within:outline-none focus-within:ring-[3px] focus-within:ring-ring/20
        hover:text-foreground has-disabled:pointer-events-none has-disabled:opacity-50`),
       children: [
-        /* @__PURE__ */ jsxs19("div", { className: "inline-flex items-center gap-1", "aria-hidden": "true", children: [
-          /* @__PURE__ */ jsx30(FlagComponent, { country: value, countryName: value, "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx30("span", { className: "text-muted-foreground/80", children: /* @__PURE__ */ jsx30(ChevronDown2, { size: 16, strokeWidth: 2, "aria-hidden": "true" }) })
+        /* @__PURE__ */ jsxs20("div", { className: "inline-flex items-center gap-1", "aria-hidden": "true", children: [
+          /* @__PURE__ */ jsx31(FlagComponent, { country: value, countryName: value, "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx31("span", { className: "text-muted-foreground/80", children: /* @__PURE__ */ jsx31(ChevronDown2, { size: 16, strokeWidth: 2, "aria-hidden": "true" }) })
         ] }),
-        /* @__PURE__ */ jsxs19(
+        /* @__PURE__ */ jsxs20(
           "select",
           {
             disabled,
@@ -2765,8 +2828,8 @@ var CountrySelect = ({
             className: "absolute inset-0 text-sm opacity-0",
             "aria-label": "Select country",
             children: [
-              /* @__PURE__ */ jsx30("option", { value: "", children: "Select a country" }, "default"),
-              options2.filter((x) => x.value).map((option, i) => /* @__PURE__ */ jsxs19("option", { value: option.value, children: [
+              /* @__PURE__ */ jsx31("option", { value: "", children: "Select a country" }, "default"),
+              options2.filter((x) => x.value).map((option, i) => /* @__PURE__ */ jsxs20("option", { value: option.value, children: [
                 option.label,
                 " ",
                 option.value && `+${RPNInput.getCountryCallingCode(option.value)}`
@@ -2780,15 +2843,15 @@ var CountrySelect = ({
 };
 var FlagComponent = ({ country, countryName }) => {
   const Flag = flags[country];
-  return /* @__PURE__ */ jsx30("span", { className: "w-5 overflow-hidden rounded-sm", children: Flag ? /* @__PURE__ */ jsx30(Flag, { title: countryName }) : /* @__PURE__ */ jsx30(Phone, { size: 16, "aria-hidden": "true" }) });
+  return /* @__PURE__ */ jsx31("span", { className: "w-5 overflow-hidden rounded-sm", children: Flag ? /* @__PURE__ */ jsx31(Flag, { title: countryName }) : /* @__PURE__ */ jsx31(Phone, { size: 16, "aria-hidden": "true" }) });
 };
 
 // src/components/price-input.tsx
-import React25 from "react";
-import { jsx as jsx31, jsxs as jsxs20 } from "react/jsx-runtime";
-var PriceInput = React25.forwardRef(
+import React26 from "react";
+import { jsx as jsx32, jsxs as jsxs21 } from "react/jsx-runtime";
+var PriceInput = React26.forwardRef(
   ({ currency, ...props }, ref) => {
-    return /* @__PURE__ */ jsxs20(
+    return /* @__PURE__ */ jsxs21(
       "div",
       {
         className: cn(
@@ -2796,8 +2859,8 @@ var PriceInput = React25.forwardRef(
           props.containerClassname
         ),
         children: [
-          !props.hide_currency_symbol && /* @__PURE__ */ jsx31("div", { className: "absolute inset-y-0.5 flex items-center pl-4 pr-2", children: /* @__PURE__ */ jsx31("span", { className: "[fontSize:inherit] font-medium text-muted-foreground/50", children: currency?.symbol }) }),
-          /* @__PURE__ */ jsx31(
+          !props.hide_currency_symbol && /* @__PURE__ */ jsx32("div", { className: "absolute inset-y-0.5 flex items-center pl-4 pr-2", children: /* @__PURE__ */ jsx32("span", { className: "[fontSize:inherit] font-medium text-muted-foreground/50", children: currency?.symbol }) }),
+          /* @__PURE__ */ jsx32(
             Input,
             {
               ref,
@@ -2807,7 +2870,7 @@ var PriceInput = React25.forwardRef(
               className: cn("px-10 shadow-none m-0! py-0", props.className)
             }
           ),
-          !props.hide_currency_code && /* @__PURE__ */ jsx31("div", { className: "absolute inset-y-0.5 right-0 flex items-center pl-3 pr-4", children: /* @__PURE__ */ jsx31("span", { className: "[fontSize:inherit] font-medium text-muted-foreground/50", children: currency?.code }) })
+          !props.hide_currency_code && /* @__PURE__ */ jsx32("div", { className: "absolute inset-y-0.5 right-0 flex items-center pl-3 pr-4", children: /* @__PURE__ */ jsx32("span", { className: "[fontSize:inherit] font-medium text-muted-foreground/50", children: currency?.code }) })
         ]
       }
     );
@@ -2816,10 +2879,10 @@ var PriceInput = React25.forwardRef(
 PriceInput.displayName = "PriceInput";
 
 // src/components/progress.tsx
-import * as React26 from "react";
+import * as React27 from "react";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
-import { jsx as jsx32 } from "react/jsx-runtime";
-var Progress = React26.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx32(
+import { jsx as jsx33 } from "react/jsx-runtime";
+var Progress = React27.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx33(
   ProgressPrimitive.Root,
   {
     ref,
@@ -2828,7 +2891,7 @@ var Progress = React26.forwardRef(({ className, value, ...props }, ref) => /* @_
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx32(
+    children: /* @__PURE__ */ jsx33(
       ProgressPrimitive.Indicator,
       {
         className: "h-full w-full flex-1 bg-primary transition-all",
@@ -2840,14 +2903,14 @@ var Progress = React26.forwardRef(({ className, value, ...props }, ref) => /* @_
 Progress.displayName = ProgressPrimitive.Root.displayName;
 
 // src/components/select.tsx
-import * as React27 from "react";
+import * as React28 from "react";
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { Check as Check6, ChevronDown as ChevronDown3, ChevronUp } from "lucide-react";
-import { jsx as jsx33, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs22 } from "react/jsx-runtime";
 var Select = SelectPrimitive.Root;
 var SelectGroup = SelectPrimitive.Group;
 var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React27.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs21(
+var SelectTrigger = React28.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs22(
   SelectPrimitive.Trigger,
   {
     ref,
@@ -2858,12 +2921,12 @@ var SelectTrigger = React27.forwardRef(({ className, children, ...props }, ref)
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx33(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx33(ChevronDown3, { className: "h-4 w-4 opacity-50" }) })
+      /* @__PURE__ */ jsx34(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx34(ChevronDown3, { className: "h-4 w-4 opacity-50" }) })
     ]
   }
 ));
 SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
+var SelectScrollUpButton = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
   SelectPrimitive.ScrollUpButton,
   {
     ref,
@@ -2872,11 +2935,11 @@ var SelectScrollUpButton = React27.forwardRef(({ className, ...props }, ref) =>
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx33(ChevronUp, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ jsx34(ChevronUp, { className: "h-4 w-4" })
   }
 ));
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
+var SelectScrollDownButton = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
   SelectPrimitive.ScrollDownButton,
   {
     ref,
@@ -2885,11 +2948,11 @@ var SelectScrollDownButton = React27.forwardRef(({ className, ...props }, ref) =
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx33(ChevronDown3, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ jsx34(ChevronDown3, { className: "h-4 w-4" })
   }
 ));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React27.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx33(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs21(
+var SelectContent = React28.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx34(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs22(
   SelectPrimitive.Content,
   {
     ref,
@@ -2901,8 +2964,8 @@ var SelectContent = React27.forwardRef(({ className, children, position = "poppe
     position,
     ...props,
     children: [
-      /* @__PURE__ */ jsx33(SelectScrollUpButton, {}),
-      /* @__PURE__ */ jsx33(
+      /* @__PURE__ */ jsx34(SelectScrollUpButton, {}),
+      /* @__PURE__ */ jsx34(
         SelectPrimitive.Viewport,
         {
           className: cn(
@@ -2912,12 +2975,12 @@ var SelectContent = React27.forwardRef(({ className, children, position = "poppe
           children
         }
       ),
-      /* @__PURE__ */ jsx33(SelectScrollDownButton, {})
+      /* @__PURE__ */ jsx34(SelectScrollDownButton, {})
     ]
   }
 ) }));
 SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
+var SelectLabel = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
   SelectPrimitive.Label,
   {
     ref,
@@ -2926,7 +2989,7 @@ var SelectLabel = React27.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React27.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs21(
+var SelectItem = React28.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs22(
   SelectPrimitive.Item,
   {
     ref,
@@ -2936,13 +2999,13 @@ var SelectItem = React27.forwardRef(({ className, children, ...props }, ref) =>
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx33("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx33(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx33(Check6, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ jsx33(SelectPrimitive.ItemText, { children })
+      /* @__PURE__ */ jsx34("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx34(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx34(Check6, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx34(SelectPrimitive.ItemText, { children })
     ]
   }
 ));
 SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React27.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
+var SelectSeparator = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
   SelectPrimitive.Separator,
   {
     ref,
@@ -2953,11 +3016,11 @@ var SelectSeparator = React27.forwardRef(({ className, ...props }, ref) => /* @_
 SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // src/components/separator.tsx
-import * as React28 from "react";
+import * as React29 from "react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import { jsx as jsx34 } from "react/jsx-runtime";
-var Separator3 = React28.forwardRef(
-  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx34(
+import { jsx as jsx35 } from "react/jsx-runtime";
+var Separator3 = React29.forwardRef(
+  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx35(
     SeparatorPrimitive.Root,
     {
       ref,
@@ -2975,16 +3038,16 @@ var Separator3 = React28.forwardRef(
 Separator3.displayName = SeparatorPrimitive.Root.displayName;
 
 // src/components/sheet.tsx
-import * as React29 from "react";
+import * as React30 from "react";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { cva as cva4 } from "class-variance-authority";
 import { X as X2 } from "lucide-react";
-import { jsx as jsx35, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs23 } from "react/jsx-runtime";
 var Sheet = SheetPrimitive.Root;
 var SheetTrigger = SheetPrimitive.Trigger;
 var SheetClose = SheetPrimitive.Close;
 var SheetPortal = SheetPrimitive.Portal;
-var SheetOverlay = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
+var SheetOverlay = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
   SheetPrimitive.Overlay,
   {
     className: cn(
@@ -3012,9 +3075,9 @@ var sheetVariants = cva4(
     }
   }
 );
-var SheetContent = React29.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs22(SheetPortal, { children: [
-  /* @__PURE__ */ jsx35(SheetOverlay, {}),
-  /* @__PURE__ */ jsxs22(
+var SheetContent = React30.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs23(SheetPortal, { children: [
+  /* @__PURE__ */ jsx36(SheetOverlay, {}),
+  /* @__PURE__ */ jsxs23(
     SheetPrimitive.Content,
     {
       ref,
@@ -3022,9 +3085,9 @@ var SheetContent = React29.forwardRef(({ side = "right", className, children, ..
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsxs22(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
-          /* @__PURE__ */ jsx35(X2, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx35("span", { className: "sr-only", children: "Close" })
+        /* @__PURE__ */ jsxs23(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
+          /* @__PURE__ */ jsx36(X2, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx36("span", { className: "sr-only", children: "Close" })
         ] })
       ]
     }
@@ -3034,7 +3097,7 @@ SheetContent.displayName = SheetPrimitive.Content.displayName;
 var SheetHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx35(
+}) => /* @__PURE__ */ jsx36(
   "div",
   {
     className: cn(
@@ -3048,7 +3111,7 @@ SheetHeader.displayName = "SheetHeader";
 var SheetFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx35(
+}) => /* @__PURE__ */ jsx36(
   "div",
   {
     className: cn(
@@ -3059,7 +3122,7 @@ var SheetFooter = ({
   }
 );
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
+var SheetTitle = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
   SheetPrimitive.Title,
   {
     ref,
@@ -3068,7 +3131,7 @@ var SheetTitle = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
-var SheetDescription = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx35(
+var SheetDescription = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx36(
   SheetPrimitive.Description,
   {
     ref,
@@ -3079,12 +3142,12 @@ var SheetDescription = React29.forwardRef(({ className, ...props }, ref) => /* @
 SheetDescription.displayName = SheetPrimitive.Description.displayName;
 
 // src/components/skeleton.tsx
-import { jsx as jsx36 } from "react/jsx-runtime";
+import { jsx as jsx37 } from "react/jsx-runtime";
 function Skeleton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(
     "div",
     {
       className: cn("animate-pulse rounded-lg bg-muted", className),
@@ -3097,7 +3160,7 @@ function Skeleton({
 import { mergeProps as mergeProps3 } from "@base-ui-components/react/merge-props";
 import { useRender as useRender3 } from "@base-ui-components/react/use-render";
 import { cva as cva5 } from "class-variance-authority";
-import { jsx as jsx37, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs24 } from "react/jsx-runtime";
 var statusIndicatorVariants = cva5(
   "relative inline-flex size-2.5 shrink-0",
   {
@@ -3128,8 +3191,8 @@ function StatusIndicator({
   return useRender3({
     defaultTagName: "span",
     props: mergeProps3(defaultProps, props),
-    render: render || /* @__PURE__ */ jsxs23("span", { ...defaultProps, children: [
-      /* @__PURE__ */ jsx37(
+    render: render || /* @__PURE__ */ jsxs24("span", { ...defaultProps, children: [
+      /* @__PURE__ */ jsx38(
         "span",
         {
           className: cn(
@@ -3138,16 +3201,16 @@ function StatusIndicator({
           )
         }
       ),
-      /* @__PURE__ */ jsx37("span", { className: "relative inline-flex rounded-full size-2.5" })
+      /* @__PURE__ */ jsx38("span", { className: "relative inline-flex rounded-full size-2.5" })
     ] })
   });
 }
 
 // src/components/switch.tsx
 import { Switch as SwitchPrimitive } from "@base-ui-components/react/switch";
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 function Switch({ className, ...props }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx39(
     SwitchPrimitive.Root,
     {
       className: cn(
@@ -3156,7 +3219,7 @@ function Switch({ className, ...props }) {
       ),
       "data-slot": "switch",
       ...props,
-      children: /* @__PURE__ */ jsx38(
+      children: /* @__PURE__ */ jsx39(
         SwitchPrimitive.Thumb,
         {
           className: cn(
@@ -3170,14 +3233,14 @@ function Switch({ className, ...props }) {
 }
 
 // src/components/table.tsx
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { jsx as jsx40 } from "react/jsx-runtime";
 function Table({ className, ...props }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     "div",
     {
       className: "relative w-full overflow-x-auto",
       "data-slot": "table-container",
-      children: /* @__PURE__ */ jsx39(
+      children: /* @__PURE__ */ jsx40(
         "table",
         {
           className: cn(
@@ -3192,7 +3255,7 @@ function Table({ className, ...props }) {
   );
 }
 function TableHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     "thead",
     {
       className: cn(
@@ -3205,7 +3268,7 @@ function TableHeader({ className, ...props }) {
   );
 }
 function TableBody({ className, ...props }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     "tbody",
     {
       className: cn(
@@ -3218,7 +3281,7 @@ function TableBody({ className, ...props }) {
   );
 }
 function TableFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     "tfoot",
     {
       className: cn(
@@ -3231,7 +3294,7 @@ function TableFooter({ className, ...props }) {
   );
 }
 function TableRow({ className, ...props }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     "tr",
     {
       className: cn(
@@ -3244,7 +3307,7 @@ function TableRow({ className, ...props }) {
   );
 }
 function TableHead({ className, ...props }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     "th",
     {
       className: cn(
@@ -3257,7 +3320,7 @@ function TableHead({ className, ...props }) {
   );
 }
 function TableCell({ className, ...props }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     "td",
     {
       className: cn(
@@ -3273,7 +3336,7 @@ function TableCaption({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     "caption",
     {
       className: cn(
@@ -3287,11 +3350,11 @@ function TableCaption({
 }
 
 // src/components/tabs.tsx
-import * as React30 from "react";
+import * as React31 from "react";
 import * as TabsPrimitive from "@radix-ui/react-tabs";
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { jsx as jsx41 } from "react/jsx-runtime";
 var Tabs = TabsPrimitive.Root;
-var TabsList = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
+var TabsList = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
   TabsPrimitive.List,
   {
     ref,
@@ -3303,7 +3366,7 @@ var TabsList = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
+var TabsTrigger = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -3315,7 +3378,7 @@ var TabsTrigger = React30.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx40(
+var TabsContent = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx41(
   TabsPrimitive.Content,
   {
     ref,
@@ -3331,14 +3394,14 @@ TabsContent.displayName = TabsPrimitive.Content.displayName;
 // src/components/tags-input.tsx
 import { TagInput } from "emblor";
 import { useId as useId3, useState as useState4 } from "react";
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 
 // src/components/textarea.tsx
-import * as React31 from "react";
-import { jsx as jsx42 } from "react/jsx-runtime";
-var Textarea = React31.forwardRef(
+import * as React32 from "react";
+import { jsx as jsx43 } from "react/jsx-runtime";
+var Textarea = React32.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx42(
+    return /* @__PURE__ */ jsx43(
       "textarea",
       {
         className: cn(
@@ -3354,18 +3417,18 @@ var Textarea = React31.forwardRef(
 Textarea.displayName = "Textarea";
 
 // src/components/timeline.tsx
-import * as React32 from "react";
-import { jsx as jsx43 } from "react/jsx-runtime";
-var TimelineContext = React32.createContext(null);
+import * as React33 from "react";
+import { jsx as jsx44 } from "react/jsx-runtime";
+var TimelineContext = React33.createContext(null);
 function useTimeline() {
-  const context = React32.useContext(TimelineContext);
+  const context = React33.useContext(TimelineContext);
   if (!context) {
     throw new Error("useTimeline must be used within a <Timeline />.");
   }
   return context;
 }
-var Timeline = React32.forwardRef(
-  ({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx43(TimelineContext.Provider, { value: { orientation }, children: /* @__PURE__ */ jsx43(
+var Timeline = React33.forwardRef(
+  ({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx44(TimelineContext.Provider, { value: { orientation }, children: /* @__PURE__ */ jsx44(
     "ol",
     {
       ref,
@@ -3381,9 +3444,9 @@ var Timeline = React32.forwardRef(
   ) })
 );
 Timeline.displayName = "Timeline";
-var TimelineItem = React32.forwardRef(({ className, ...props }, ref) => {
+var TimelineItem = React33.forwardRef(({ className, ...props }, ref) => {
   const { orientation } = useTimeline();
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     "li",
     {
       ref,
@@ -3398,9 +3461,9 @@ var TimelineItem = React32.forwardRef(({ className, ...props }, ref) => {
   );
 });
 TimelineItem.displayName = "TimelineItem";
-var TimelineSeparator = React32.forwardRef(({ className, ...props }, ref) => {
+var TimelineSeparator = React33.forwardRef(({ className, ...props }, ref) => {
   const { orientation } = useTimeline();
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     "div",
     {
       ref,
@@ -3415,9 +3478,9 @@ var TimelineSeparator = React32.forwardRef(({ className, ...props }, ref) => {
   );
 });
 TimelineSeparator.displayName = "TimelineSeparator";
-var TimelineDot = React32.forwardRef(({ variant = "default", className, ...props }, ref) => {
+var TimelineDot = React33.forwardRef(({ variant = "default", className, ...props }, ref) => {
   const { orientation } = useTimeline();
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     "div",
     {
       ref,
@@ -3434,9 +3497,9 @@ var TimelineDot = React32.forwardRef(({ variant = "default", className, ...props
   );
 });
 TimelineDot.displayName = "TimelineDot";
-var TimelineConnector = React32.forwardRef(({ className, ...props }, ref) => {
+var TimelineConnector = React33.forwardRef(({ className, ...props }, ref) => {
   const { orientation } = useTimeline();
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     "div",
     {
       ref,
@@ -3452,9 +3515,9 @@ var TimelineConnector = React32.forwardRef(({ className, ...props }, ref) => {
   );
 });
 TimelineConnector.displayName = "TimelineConnector";
-var TimelineContent = React32.forwardRef(({ className, ...props }, ref) => {
+var TimelineContent = React33.forwardRef(({ className, ...props }, ref) => {
   const { orientation } = useTimeline();
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     "div",
     {
       ref,
@@ -3470,14 +3533,14 @@ var TimelineContent = React32.forwardRef(({ className, ...props }, ref) => {
   );
 });
 TimelineContent.displayName = "TimelineContent";
-var TimelineTitle = React32.forwardRef((props, ref) => {
+var TimelineTitle = React33.forwardRef((props, ref) => {
   const { orientation } = useTimeline();
-  return /* @__PURE__ */ jsx43("div", { ref, "data-orientation": orientation, ...props });
+  return /* @__PURE__ */ jsx44("div", { ref, "data-orientation": orientation, ...props });
 });
 TimelineTitle.displayName = "TimelineTitle";
-var TimelineDescription = React32.forwardRef(({ className, ...props }, ref) => {
+var TimelineDescription = React33.forwardRef(({ className, ...props }, ref) => {
   const { orientation } = useTimeline();
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     "div",
     {
       ref,
@@ -3490,13 +3553,13 @@ var TimelineDescription = React32.forwardRef(({ className, ...props }, ref) => {
 TimelineDescription.displayName = "TimelineDescription";
 
 // src/components/tooltip.tsx
-import * as React33 from "react";
+import * as React34 from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { jsx as jsx44 } from "react/jsx-runtime";
+import { jsx as jsx45 } from "react/jsx-runtime";
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React33.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx44(
+var TooltipContent = React34.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx45(
   TooltipPrimitive.Content,
   {
     ref,
@@ -3637,6 +3700,7 @@ export {
   Kbd,
   KbdKey,
   Label2 as Label,
+  Loader,
   MultiSelect,
   PhoneNumberInput,
   Popover,