@use-stall/ui 0.1.5 → 0.1.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +10 -1
- package/dist/index.d.ts +10 -1
- package/dist/index.js +219 -154
- package/dist/index.mjs +215 -151
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -157,6 +157,7 @@ __export(index_exports, {
|
|
|
157
157
|
Kbd: () => Kbd,
|
|
158
158
|
KbdKey: () => KbdKey,
|
|
159
159
|
Label: () => Label2,
|
|
160
|
+
Loader: () => Loader,
|
|
160
161
|
MultiSelect: () => MultiSelect,
|
|
161
162
|
PhoneNumberInput: () => PhoneNumberInput,
|
|
162
163
|
Popover: () => Popover,
|
|
@@ -2640,26 +2641,89 @@ var Kbd = ({
|
|
|
2640
2641
|
);
|
|
2641
2642
|
var KbdKey = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("kbd", { ...props });
|
|
2642
2643
|
|
|
2643
|
-
// src/components/
|
|
2644
|
+
// src/components/loader.tsx
|
|
2644
2645
|
var import_react4 = __toESM(require("react"));
|
|
2645
2646
|
var import_framer_motion = require("framer-motion");
|
|
2647
|
+
var import_react_dom = require("react-dom");
|
|
2648
|
+
var import_lottie_react = __toESM(require("lottie-react"));
|
|
2649
|
+
|
|
2650
|
+
// src/assets/logo/primary.json
|
|
2651
|
+
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: [] };
|
|
2652
|
+
|
|
2653
|
+
// src/assets/logo/light.json
|
|
2654
|
+
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] } } } };
|
|
2655
|
+
|
|
2656
|
+
// src/components/loader.tsx
|
|
2646
2657
|
var import_jsx_runtime27 = require("react/jsx-runtime");
|
|
2647
|
-
var
|
|
2648
|
-
|
|
2649
|
-
|
|
2658
|
+
var Loader = import_react4.default.memo(({ loadingProgress }) => {
|
|
2659
|
+
const theme = import_react4.default.useMemo(() => {
|
|
2660
|
+
const local = localStorage.getItem("stall-theme");
|
|
2661
|
+
if (local) {
|
|
2662
|
+
return JSON.parse(local);
|
|
2663
|
+
}
|
|
2664
|
+
return "system";
|
|
2665
|
+
}, []);
|
|
2666
|
+
const currentTheme = import_react4.default.useMemo(() => {
|
|
2667
|
+
if (theme === "system") {
|
|
2668
|
+
const systemTheme = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
|
|
2669
|
+
return systemTheme;
|
|
2670
|
+
}
|
|
2671
|
+
return theme;
|
|
2672
|
+
}, [theme]);
|
|
2673
|
+
return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react4.default.Fragment, { children: (0, import_react_dom.createPortal)(
|
|
2674
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react4.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
|
|
2675
|
+
import_framer_motion.motion.div,
|
|
2676
|
+
{
|
|
2677
|
+
initial: { opacity: 0, y: 10 },
|
|
2678
|
+
animate: { opacity: 1, y: 0 },
|
|
2679
|
+
exit: { opacity: 0, y: 10 },
|
|
2680
|
+
className: "fixed inset-0 bg-main-background/80 backdrop-blur-sm flex flex-col gap-4\n items-center justify-center z-50",
|
|
2681
|
+
children: [
|
|
2682
|
+
/* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "h-20 w-20 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
2683
|
+
import_lottie_react.default,
|
|
2684
|
+
{
|
|
2685
|
+
animationData: currentTheme === "light" ? primary_default : light_default,
|
|
2686
|
+
loop: true,
|
|
2687
|
+
className: "h-16 w-16"
|
|
2688
|
+
}
|
|
2689
|
+
) }),
|
|
2690
|
+
loadingProgress && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-sm font-medium", children: loadingProgress?.title }),
|
|
2691
|
+
loadingProgress && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "w-44 h-2.5 overflow-hidden rounded-full bg-main-background shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
|
|
2692
|
+
import_framer_motion.motion.div,
|
|
2693
|
+
{
|
|
2694
|
+
initial: { width: 0 },
|
|
2695
|
+
animate: { width: `${loadingProgress?.percentage}%` },
|
|
2696
|
+
className: "h-full bg-cyan-800"
|
|
2697
|
+
}
|
|
2698
|
+
) })
|
|
2699
|
+
]
|
|
2700
|
+
}
|
|
2701
|
+
) }),
|
|
2702
|
+
document.body
|
|
2703
|
+
) });
|
|
2704
|
+
});
|
|
2705
|
+
Loader.displayName = "Loader";
|
|
2706
|
+
|
|
2707
|
+
// src/components/modal-container.tsx
|
|
2708
|
+
var import_react5 = __toESM(require("react"));
|
|
2709
|
+
var import_framer_motion2 = require("framer-motion");
|
|
2710
|
+
var import_jsx_runtime28 = require("react/jsx-runtime");
|
|
2711
|
+
var ModalContainer = import_react5.default.memo((props) => {
|
|
2712
|
+
return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
|
|
2713
|
+
import_framer_motion2.motion.div,
|
|
2650
2714
|
{
|
|
2651
2715
|
initial: { y: 10, opacity: 0 },
|
|
2652
2716
|
exit: { y: 10, opacity: 0 },
|
|
2653
2717
|
animate: { y: 0, opacity: 1 },
|
|
2654
2718
|
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",
|
|
2655
|
-
children: /* @__PURE__ */ (0,
|
|
2719
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "w-full h-full overflow-hidden overflow-y-auto flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "w-full max-w-[700px] h-fit shrink-0 overflow-hidden flex flex-col p-4", children: props.children }) })
|
|
2656
2720
|
}
|
|
2657
2721
|
);
|
|
2658
2722
|
});
|
|
2659
2723
|
|
|
2660
2724
|
// src/components/multi-select.tsx
|
|
2661
|
-
var
|
|
2662
|
-
var
|
|
2725
|
+
var React23 = __toESM(require("react"));
|
|
2726
|
+
var import_jsx_runtime29 = require("react/jsx-runtime");
|
|
2663
2727
|
var MultiSelect = ({
|
|
2664
2728
|
options: options2 = [],
|
|
2665
2729
|
value = [],
|
|
@@ -2670,10 +2734,10 @@ var MultiSelect = ({
|
|
|
2670
2734
|
maxCount,
|
|
2671
2735
|
required
|
|
2672
2736
|
}) => {
|
|
2673
|
-
const selectedOptions =
|
|
2737
|
+
const selectedOptions = React23.useMemo(() => {
|
|
2674
2738
|
return value.map((v) => options2.find((opt) => opt.value === v)).filter(Boolean);
|
|
2675
2739
|
}, [value, options2]);
|
|
2676
|
-
const handleValueChange =
|
|
2740
|
+
const handleValueChange = React23.useCallback(
|
|
2677
2741
|
(newValue) => {
|
|
2678
2742
|
if (Array.isArray(newValue)) {
|
|
2679
2743
|
onValueChange?.(newValue.map((opt) => opt.value));
|
|
@@ -2683,7 +2747,7 @@ var MultiSelect = ({
|
|
|
2683
2747
|
},
|
|
2684
2748
|
[onValueChange]
|
|
2685
2749
|
);
|
|
2686
|
-
return /* @__PURE__ */ (0,
|
|
2750
|
+
return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
|
|
2687
2751
|
Combobox,
|
|
2688
2752
|
{
|
|
2689
2753
|
required,
|
|
@@ -2693,15 +2757,15 @@ var MultiSelect = ({
|
|
|
2693
2757
|
onValueChange: handleValueChange,
|
|
2694
2758
|
disabled: maxCount === options2.length,
|
|
2695
2759
|
children: [
|
|
2696
|
-
/* @__PURE__ */ (0,
|
|
2760
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
2697
2761
|
ComboboxChips,
|
|
2698
2762
|
{
|
|
2699
2763
|
className: cn(
|
|
2700
2764
|
"min-h-10! before:hidden shadow-none rounded-10!",
|
|
2701
2765
|
className
|
|
2702
2766
|
),
|
|
2703
|
-
children: /* @__PURE__ */ (0,
|
|
2704
|
-
value2?.map((item) => /* @__PURE__ */ (0,
|
|
2767
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ComboboxValue, { children: (value2) => /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(React23.Fragment, { children: [
|
|
2768
|
+
value2?.map((item) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
2705
2769
|
ComboboxChip,
|
|
2706
2770
|
{
|
|
2707
2771
|
"aria-label": item.value,
|
|
@@ -2710,7 +2774,7 @@ var MultiSelect = ({
|
|
|
2710
2774
|
},
|
|
2711
2775
|
item.value
|
|
2712
2776
|
)),
|
|
2713
|
-
/* @__PURE__ */ (0,
|
|
2777
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
2714
2778
|
ComboboxInput,
|
|
2715
2779
|
{
|
|
2716
2780
|
placeholder: value2.length > 0 ? void 0 : placeholder || "Select an item...",
|
|
@@ -2724,14 +2788,14 @@ var MultiSelect = ({
|
|
|
2724
2788
|
] }) })
|
|
2725
2789
|
}
|
|
2726
2790
|
),
|
|
2727
|
-
/* @__PURE__ */ (0,
|
|
2728
|
-
/* @__PURE__ */ (0,
|
|
2729
|
-
/* @__PURE__ */ (0,
|
|
2791
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(ComboboxPopup, { className: "rounded-xl", children: [
|
|
2792
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(ComboboxEmpty, { className: "w-full center-flex flex-col", children: [
|
|
2793
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
2730
2794
|
"div",
|
|
2731
2795
|
{
|
|
2732
2796
|
style: { borderRadius: "30% 70% 70% 30% / 30% 38% 62% 70%" },
|
|
2733
2797
|
className: "mt-8 size-24 center-flex bg-accent/50 rounded-blob",
|
|
2734
|
-
children: /* @__PURE__ */ (0,
|
|
2798
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
2735
2799
|
"img",
|
|
2736
2800
|
{
|
|
2737
2801
|
src: "/images/no-direction.png",
|
|
@@ -2741,10 +2805,10 @@ var MultiSelect = ({
|
|
|
2741
2805
|
)
|
|
2742
2806
|
}
|
|
2743
2807
|
),
|
|
2744
|
-
/* @__PURE__ */ (0,
|
|
2745
|
-
/* @__PURE__ */ (0,
|
|
2808
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("h1", { className: "mt-4 text-sm text-foreground font-semibold", children: "Nothing Found" }),
|
|
2809
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)("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" })
|
|
2746
2810
|
] }),
|
|
2747
|
-
/* @__PURE__ */ (0,
|
|
2811
|
+
/* @__PURE__ */ (0, import_jsx_runtime29.jsx)(ComboboxList, { children: (item) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
|
|
2748
2812
|
ComboboxItem,
|
|
2749
2813
|
{
|
|
2750
2814
|
value: item,
|
|
@@ -2762,11 +2826,11 @@ MultiSelect.displayName = "MultiSelect";
|
|
|
2762
2826
|
|
|
2763
2827
|
// src/components/password-input.tsx
|
|
2764
2828
|
var import_lucide_react11 = require("lucide-react");
|
|
2765
|
-
var
|
|
2766
|
-
var
|
|
2767
|
-
var PasswordInput =
|
|
2829
|
+
var import_react6 = __toESM(require("react"));
|
|
2830
|
+
var import_jsx_runtime30 = require("react/jsx-runtime");
|
|
2831
|
+
var PasswordInput = import_react6.default.forwardRef(
|
|
2768
2832
|
({ className, onSubmit, showStrength, ...props }, ref) => {
|
|
2769
|
-
const [isVisible, setIsVisible] =
|
|
2833
|
+
const [isVisible, setIsVisible] = import_react6.default.useState(false);
|
|
2770
2834
|
const toggleVisibility = () => setIsVisible((prevState) => !prevState);
|
|
2771
2835
|
const checkStrength = (pass) => {
|
|
2772
2836
|
const requirements = [
|
|
@@ -2781,7 +2845,7 @@ var PasswordInput = import_react5.default.forwardRef(
|
|
|
2781
2845
|
}));
|
|
2782
2846
|
};
|
|
2783
2847
|
const strength = checkStrength(props.value?.toString() || "");
|
|
2784
|
-
const strengthScore =
|
|
2848
|
+
const strengthScore = import_react6.default.useMemo(() => {
|
|
2785
2849
|
return strength.filter((req) => req.met).length;
|
|
2786
2850
|
}, [strength]);
|
|
2787
2851
|
const getStrengthColor = (score) => {
|
|
@@ -2804,9 +2868,9 @@ var PasswordInput = import_react5.default.forwardRef(
|
|
|
2804
2868
|
}
|
|
2805
2869
|
onSubmit?.(event);
|
|
2806
2870
|
};
|
|
2807
|
-
return /* @__PURE__ */ (0,
|
|
2808
|
-
/* @__PURE__ */ (0,
|
|
2809
|
-
/* @__PURE__ */ (0,
|
|
2871
|
+
return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "relative w-full", children: [
|
|
2872
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "relative w-full", children: [
|
|
2873
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
2810
2874
|
Input,
|
|
2811
2875
|
{
|
|
2812
2876
|
className: cn("pe-9", className),
|
|
@@ -2817,7 +2881,7 @@ var PasswordInput = import_react5.default.forwardRef(
|
|
|
2817
2881
|
onSubmit: handleSubmit
|
|
2818
2882
|
}
|
|
2819
2883
|
),
|
|
2820
|
-
showStrength && /* @__PURE__ */ (0,
|
|
2884
|
+
showStrength && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
2821
2885
|
"input",
|
|
2822
2886
|
{
|
|
2823
2887
|
title: "password",
|
|
@@ -2827,7 +2891,7 @@ var PasswordInput = import_react5.default.forwardRef(
|
|
|
2827
2891
|
value: showStrength ? strengthScore >= 4 ? props?.value : "" : props.value
|
|
2828
2892
|
}
|
|
2829
2893
|
),
|
|
2830
|
-
/* @__PURE__ */ (0,
|
|
2894
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
2831
2895
|
"button",
|
|
2832
2896
|
{
|
|
2833
2897
|
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",
|
|
@@ -2836,12 +2900,12 @@ var PasswordInput = import_react5.default.forwardRef(
|
|
|
2836
2900
|
"aria-label": isVisible ? "Hide password" : "Show password",
|
|
2837
2901
|
"aria-pressed": isVisible,
|
|
2838
2902
|
"aria-controls": "password",
|
|
2839
|
-
children: isVisible ? /* @__PURE__ */ (0,
|
|
2903
|
+
children: isVisible ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react11.EyeOff, { size: 16, strokeWidth: 2, "aria-hidden": "true" }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react11.Eye, { size: 16, strokeWidth: 2, "aria-hidden": "true" })
|
|
2840
2904
|
}
|
|
2841
2905
|
)
|
|
2842
2906
|
] }),
|
|
2843
|
-
showStrength && /* @__PURE__ */ (0,
|
|
2844
|
-
/* @__PURE__ */ (0,
|
|
2907
|
+
showStrength && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react6.default.Fragment, { children: [
|
|
2908
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
2845
2909
|
"div",
|
|
2846
2910
|
{
|
|
2847
2911
|
className: "my-3 h-1 w-full overflow-hidden rounded-full bg-border",
|
|
@@ -2850,7 +2914,7 @@ var PasswordInput = import_react5.default.forwardRef(
|
|
|
2850
2914
|
"aria-valuemin": 0,
|
|
2851
2915
|
"aria-valuemax": 4,
|
|
2852
2916
|
"aria-label": "Password strength",
|
|
2853
|
-
children: /* @__PURE__ */ (0,
|
|
2917
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
2854
2918
|
"div",
|
|
2855
2919
|
{
|
|
2856
2920
|
className: `h-full ${getStrengthColor(
|
|
@@ -2861,7 +2925,7 @@ var PasswordInput = import_react5.default.forwardRef(
|
|
|
2861
2925
|
)
|
|
2862
2926
|
}
|
|
2863
2927
|
),
|
|
2864
|
-
/* @__PURE__ */ (0,
|
|
2928
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
|
|
2865
2929
|
"p",
|
|
2866
2930
|
{
|
|
2867
2931
|
id: "password-strength",
|
|
@@ -2872,15 +2936,15 @@ var PasswordInput = import_react5.default.forwardRef(
|
|
|
2872
2936
|
]
|
|
2873
2937
|
}
|
|
2874
2938
|
),
|
|
2875
|
-
/* @__PURE__ */ (0,
|
|
2876
|
-
req.met ? /* @__PURE__ */ (0,
|
|
2939
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("ul", { className: "space-y-1.5", "aria-label": "Password requirements", children: strength.map((req, index) => /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("li", { className: "flex items-center gap-2", children: [
|
|
2940
|
+
req.met ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
2877
2941
|
import_lucide_react11.Check,
|
|
2878
2942
|
{
|
|
2879
2943
|
size: 16,
|
|
2880
2944
|
className: "text-emerald-500",
|
|
2881
2945
|
"aria-hidden": "true"
|
|
2882
2946
|
}
|
|
2883
|
-
) : /* @__PURE__ */ (0,
|
|
2947
|
+
) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
2884
2948
|
import_lucide_react11.X,
|
|
2885
2949
|
{
|
|
2886
2950
|
size: 16,
|
|
@@ -2888,13 +2952,13 @@ var PasswordInput = import_react5.default.forwardRef(
|
|
|
2888
2952
|
"aria-hidden": "true"
|
|
2889
2953
|
}
|
|
2890
2954
|
),
|
|
2891
|
-
/* @__PURE__ */ (0,
|
|
2955
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
|
|
2892
2956
|
"span",
|
|
2893
2957
|
{
|
|
2894
2958
|
className: `text-xs ${req.met ? "text-emerald-600" : "text-muted-foreground"}`,
|
|
2895
2959
|
children: [
|
|
2896
2960
|
req.text,
|
|
2897
|
-
/* @__PURE__ */ (0,
|
|
2961
|
+
/* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "sr-only", children: req.met ? " - Requirement met" : " - Requirement not met" })
|
|
2898
2962
|
]
|
|
2899
2963
|
}
|
|
2900
2964
|
)
|
|
@@ -2904,20 +2968,20 @@ var PasswordInput = import_react5.default.forwardRef(
|
|
|
2904
2968
|
}
|
|
2905
2969
|
);
|
|
2906
2970
|
PasswordInput.displayName = "PasswordInput";
|
|
2907
|
-
var password_input_default =
|
|
2971
|
+
var password_input_default = import_react6.default.memo(PasswordInput);
|
|
2908
2972
|
|
|
2909
2973
|
// src/components/phone-number-input.tsx
|
|
2910
2974
|
var import_lucide_react12 = require("lucide-react");
|
|
2911
|
-
var
|
|
2975
|
+
var import_react7 = require("react");
|
|
2912
2976
|
var RPNInput = __toESM(require("react-phone-number-input"));
|
|
2913
2977
|
var import_flags = __toESM(require("react-phone-number-input/flags"));
|
|
2914
2978
|
var import_react_phone_number_input = require("react-phone-number-input");
|
|
2915
|
-
var
|
|
2979
|
+
var import_jsx_runtime31 = require("react/jsx-runtime");
|
|
2916
2980
|
function PhoneNumberInput({
|
|
2917
2981
|
className = "",
|
|
2918
2982
|
...props
|
|
2919
2983
|
}) {
|
|
2920
|
-
const [error, setError] = (0,
|
|
2984
|
+
const [error, setError] = (0, import_react7.useState)(null);
|
|
2921
2985
|
const handleChange = (newValue) => {
|
|
2922
2986
|
if (newValue && !(0, import_react_phone_number_input.isValidPhoneNumber)(newValue)) {
|
|
2923
2987
|
setError("Invalid phone number");
|
|
@@ -2926,7 +2990,7 @@ function PhoneNumberInput({
|
|
|
2926
2990
|
}
|
|
2927
2991
|
props.onChange(newValue ?? "");
|
|
2928
2992
|
};
|
|
2929
|
-
return /* @__PURE__ */ (0,
|
|
2993
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: cn(className), children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
2930
2994
|
RPNInput.default,
|
|
2931
2995
|
{
|
|
2932
2996
|
className: cn("flex rounded-md", error && "border border-red-500/70"),
|
|
@@ -2942,9 +3006,9 @@ function PhoneNumberInput({
|
|
|
2942
3006
|
}
|
|
2943
3007
|
) });
|
|
2944
3008
|
}
|
|
2945
|
-
var PhoneInput = (0,
|
|
3009
|
+
var PhoneInput = (0, import_react7.forwardRef)(
|
|
2946
3010
|
({ className, ...props }, ref) => {
|
|
2947
|
-
return /* @__PURE__ */ (0,
|
|
3011
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
|
|
2948
3012
|
Input,
|
|
2949
3013
|
{
|
|
2950
3014
|
className: cn(
|
|
@@ -2967,7 +3031,7 @@ var CountrySelect = ({
|
|
|
2967
3031
|
const handleSelect = (event) => {
|
|
2968
3032
|
onChange(event.target.value);
|
|
2969
3033
|
};
|
|
2970
|
-
return /* @__PURE__ */ (0,
|
|
3034
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
|
|
2971
3035
|
"div",
|
|
2972
3036
|
{
|
|
2973
3037
|
className: cn(`relative inline-flex items-center self-stretch rounded-s-10 border border-input
|
|
@@ -2975,11 +3039,11 @@ var CountrySelect = ({
|
|
|
2975
3039
|
focus-within:border-ring focus-within:outline-none focus-within:ring-[3px] focus-within:ring-ring/20
|
|
2976
3040
|
hover:text-foreground has-disabled:pointer-events-none has-disabled:opacity-50`),
|
|
2977
3041
|
children: [
|
|
2978
|
-
/* @__PURE__ */ (0,
|
|
2979
|
-
/* @__PURE__ */ (0,
|
|
2980
|
-
/* @__PURE__ */ (0,
|
|
3042
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "inline-flex items-center gap-1", "aria-hidden": "true", children: [
|
|
3043
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)(FlagComponent, { country: value, countryName: value, "aria-hidden": "true" }),
|
|
3044
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "text-muted-foreground/80", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react12.ChevronDown, { size: 16, strokeWidth: 2, "aria-hidden": "true" }) })
|
|
2981
3045
|
] }),
|
|
2982
|
-
/* @__PURE__ */ (0,
|
|
3046
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
|
|
2983
3047
|
"select",
|
|
2984
3048
|
{
|
|
2985
3049
|
disabled,
|
|
@@ -2988,8 +3052,8 @@ var CountrySelect = ({
|
|
|
2988
3052
|
className: "absolute inset-0 text-sm opacity-0",
|
|
2989
3053
|
"aria-label": "Select country",
|
|
2990
3054
|
children: [
|
|
2991
|
-
/* @__PURE__ */ (0,
|
|
2992
|
-
options2.filter((x) => x.value).map((option, i) => /* @__PURE__ */ (0,
|
|
3055
|
+
/* @__PURE__ */ (0, import_jsx_runtime31.jsx)("option", { value: "", children: "Select a country" }, "default"),
|
|
3056
|
+
options2.filter((x) => x.value).map((option, i) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("option", { value: option.value, children: [
|
|
2993
3057
|
option.label,
|
|
2994
3058
|
" ",
|
|
2995
3059
|
option.value && `+${RPNInput.getCountryCallingCode(option.value)}`
|
|
@@ -3003,15 +3067,15 @@ var CountrySelect = ({
|
|
|
3003
3067
|
};
|
|
3004
3068
|
var FlagComponent = ({ country, countryName }) => {
|
|
3005
3069
|
const Flag = import_flags.default[country];
|
|
3006
|
-
return /* @__PURE__ */ (0,
|
|
3070
|
+
return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "w-5 overflow-hidden rounded-sm", children: Flag ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Flag, { title: countryName }) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react12.Phone, { size: 16, "aria-hidden": "true" }) });
|
|
3007
3071
|
};
|
|
3008
3072
|
|
|
3009
3073
|
// src/components/price-input.tsx
|
|
3010
|
-
var
|
|
3011
|
-
var
|
|
3012
|
-
var PriceInput =
|
|
3074
|
+
var import_react8 = __toESM(require("react"));
|
|
3075
|
+
var import_jsx_runtime32 = require("react/jsx-runtime");
|
|
3076
|
+
var PriceInput = import_react8.default.forwardRef(
|
|
3013
3077
|
({ currency, ...props }, ref) => {
|
|
3014
|
-
return /* @__PURE__ */ (0,
|
|
3078
|
+
return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
|
|
3015
3079
|
"div",
|
|
3016
3080
|
{
|
|
3017
3081
|
className: cn(
|
|
@@ -3019,8 +3083,8 @@ var PriceInput = import_react7.default.forwardRef(
|
|
|
3019
3083
|
props.containerClassname
|
|
3020
3084
|
),
|
|
3021
3085
|
children: [
|
|
3022
|
-
!props.hide_currency_symbol && /* @__PURE__ */ (0,
|
|
3023
|
-
/* @__PURE__ */ (0,
|
|
3086
|
+
!props.hide_currency_symbol && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "absolute inset-y-0.5 flex items-center pl-4 pr-2", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "[fontSize:inherit] font-medium text-muted-foreground/50", children: currency?.symbol }) }),
|
|
3087
|
+
/* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
|
|
3024
3088
|
Input,
|
|
3025
3089
|
{
|
|
3026
3090
|
ref,
|
|
@@ -3030,7 +3094,7 @@ var PriceInput = import_react7.default.forwardRef(
|
|
|
3030
3094
|
className: cn("px-10 shadow-none m-0! py-0", props.className)
|
|
3031
3095
|
}
|
|
3032
3096
|
),
|
|
3033
|
-
!props.hide_currency_code && /* @__PURE__ */ (0,
|
|
3097
|
+
!props.hide_currency_code && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "absolute inset-y-0.5 right-0 flex items-center pl-3 pr-4", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: "[fontSize:inherit] font-medium text-muted-foreground/50", children: currency?.code }) })
|
|
3034
3098
|
]
|
|
3035
3099
|
}
|
|
3036
3100
|
);
|
|
@@ -3039,10 +3103,10 @@ var PriceInput = import_react7.default.forwardRef(
|
|
|
3039
3103
|
PriceInput.displayName = "PriceInput";
|
|
3040
3104
|
|
|
3041
3105
|
// src/components/progress.tsx
|
|
3042
|
-
var
|
|
3106
|
+
var React27 = __toESM(require("react"));
|
|
3043
3107
|
var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"));
|
|
3044
|
-
var
|
|
3045
|
-
var Progress =
|
|
3108
|
+
var import_jsx_runtime33 = require("react/jsx-runtime");
|
|
3109
|
+
var Progress = React27.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
3046
3110
|
ProgressPrimitive.Root,
|
|
3047
3111
|
{
|
|
3048
3112
|
ref,
|
|
@@ -3051,7 +3115,7 @@ var Progress = React26.forwardRef(({ className, value, ...props }, ref) => /* @_
|
|
|
3051
3115
|
className
|
|
3052
3116
|
),
|
|
3053
3117
|
...props,
|
|
3054
|
-
children: /* @__PURE__ */ (0,
|
|
3118
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
|
|
3055
3119
|
ProgressPrimitive.Indicator,
|
|
3056
3120
|
{
|
|
3057
3121
|
className: "h-full w-full flex-1 bg-primary transition-all",
|
|
@@ -3063,14 +3127,14 @@ var Progress = React26.forwardRef(({ className, value, ...props }, ref) => /* @_
|
|
|
3063
3127
|
Progress.displayName = ProgressPrimitive.Root.displayName;
|
|
3064
3128
|
|
|
3065
3129
|
// src/components/select.tsx
|
|
3066
|
-
var
|
|
3130
|
+
var React28 = __toESM(require("react"));
|
|
3067
3131
|
var SelectPrimitive = __toESM(require("@radix-ui/react-select"));
|
|
3068
3132
|
var import_lucide_react13 = require("lucide-react");
|
|
3069
|
-
var
|
|
3133
|
+
var import_jsx_runtime34 = require("react/jsx-runtime");
|
|
3070
3134
|
var Select = SelectPrimitive.Root;
|
|
3071
3135
|
var SelectGroup = SelectPrimitive.Group;
|
|
3072
3136
|
var SelectValue = SelectPrimitive.Value;
|
|
3073
|
-
var SelectTrigger =
|
|
3137
|
+
var SelectTrigger = React28.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
|
|
3074
3138
|
SelectPrimitive.Trigger,
|
|
3075
3139
|
{
|
|
3076
3140
|
ref,
|
|
@@ -3081,12 +3145,12 @@ var SelectTrigger = React27.forwardRef(({ className, children, ...props }, ref)
|
|
|
3081
3145
|
...props,
|
|
3082
3146
|
children: [
|
|
3083
3147
|
children,
|
|
3084
|
-
/* @__PURE__ */ (0,
|
|
3148
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react13.ChevronDown, { className: "h-4 w-4 opacity-50" }) })
|
|
3085
3149
|
]
|
|
3086
3150
|
}
|
|
3087
3151
|
));
|
|
3088
3152
|
SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
|
|
3089
|
-
var SelectScrollUpButton =
|
|
3153
|
+
var SelectScrollUpButton = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
3090
3154
|
SelectPrimitive.ScrollUpButton,
|
|
3091
3155
|
{
|
|
3092
3156
|
ref,
|
|
@@ -3095,11 +3159,11 @@ var SelectScrollUpButton = React27.forwardRef(({ className, ...props }, ref) =>
|
|
|
3095
3159
|
className
|
|
3096
3160
|
),
|
|
3097
3161
|
...props,
|
|
3098
|
-
children: /* @__PURE__ */ (0,
|
|
3162
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react13.ChevronUp, { className: "h-4 w-4" })
|
|
3099
3163
|
}
|
|
3100
3164
|
));
|
|
3101
3165
|
SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
|
|
3102
|
-
var SelectScrollDownButton =
|
|
3166
|
+
var SelectScrollDownButton = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
3103
3167
|
SelectPrimitive.ScrollDownButton,
|
|
3104
3168
|
{
|
|
3105
3169
|
ref,
|
|
@@ -3108,11 +3172,11 @@ var SelectScrollDownButton = React27.forwardRef(({ className, ...props }, ref) =
|
|
|
3108
3172
|
className
|
|
3109
3173
|
),
|
|
3110
3174
|
...props,
|
|
3111
|
-
children: /* @__PURE__ */ (0,
|
|
3175
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react13.ChevronDown, { className: "h-4 w-4" })
|
|
3112
3176
|
}
|
|
3113
3177
|
));
|
|
3114
3178
|
SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
|
|
3115
|
-
var SelectContent =
|
|
3179
|
+
var SelectContent = React28.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
|
|
3116
3180
|
SelectPrimitive.Content,
|
|
3117
3181
|
{
|
|
3118
3182
|
ref,
|
|
@@ -3124,8 +3188,8 @@ var SelectContent = React27.forwardRef(({ className, children, position = "poppe
|
|
|
3124
3188
|
position,
|
|
3125
3189
|
...props,
|
|
3126
3190
|
children: [
|
|
3127
|
-
/* @__PURE__ */ (0,
|
|
3128
|
-
/* @__PURE__ */ (0,
|
|
3191
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SelectScrollUpButton, {}),
|
|
3192
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
3129
3193
|
SelectPrimitive.Viewport,
|
|
3130
3194
|
{
|
|
3131
3195
|
className: cn(
|
|
@@ -3135,12 +3199,12 @@ var SelectContent = React27.forwardRef(({ className, children, position = "poppe
|
|
|
3135
3199
|
children
|
|
3136
3200
|
}
|
|
3137
3201
|
),
|
|
3138
|
-
/* @__PURE__ */ (0,
|
|
3202
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SelectScrollDownButton, {})
|
|
3139
3203
|
]
|
|
3140
3204
|
}
|
|
3141
3205
|
) }));
|
|
3142
3206
|
SelectContent.displayName = SelectPrimitive.Content.displayName;
|
|
3143
|
-
var SelectLabel =
|
|
3207
|
+
var SelectLabel = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
3144
3208
|
SelectPrimitive.Label,
|
|
3145
3209
|
{
|
|
3146
3210
|
ref,
|
|
@@ -3149,7 +3213,7 @@ var SelectLabel = React27.forwardRef(({ className, ...props }, ref) => /* @__PUR
|
|
|
3149
3213
|
}
|
|
3150
3214
|
));
|
|
3151
3215
|
SelectLabel.displayName = SelectPrimitive.Label.displayName;
|
|
3152
|
-
var SelectItem =
|
|
3216
|
+
var SelectItem = React28.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
|
|
3153
3217
|
SelectPrimitive.Item,
|
|
3154
3218
|
{
|
|
3155
3219
|
ref,
|
|
@@ -3159,13 +3223,13 @@ var SelectItem = React27.forwardRef(({ className, children, ...props }, ref) =>
|
|
|
3159
3223
|
),
|
|
3160
3224
|
...props,
|
|
3161
3225
|
children: [
|
|
3162
|
-
/* @__PURE__ */ (0,
|
|
3163
|
-
/* @__PURE__ */ (0,
|
|
3226
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react13.Check, { className: "h-4 w-4" }) }) }),
|
|
3227
|
+
/* @__PURE__ */ (0, import_jsx_runtime34.jsx)(SelectPrimitive.ItemText, { children })
|
|
3164
3228
|
]
|
|
3165
3229
|
}
|
|
3166
3230
|
));
|
|
3167
3231
|
SelectItem.displayName = SelectPrimitive.Item.displayName;
|
|
3168
|
-
var SelectSeparator =
|
|
3232
|
+
var SelectSeparator = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
|
|
3169
3233
|
SelectPrimitive.Separator,
|
|
3170
3234
|
{
|
|
3171
3235
|
ref,
|
|
@@ -3176,11 +3240,11 @@ var SelectSeparator = React27.forwardRef(({ className, ...props }, ref) => /* @_
|
|
|
3176
3240
|
SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
|
|
3177
3241
|
|
|
3178
3242
|
// src/components/separator.tsx
|
|
3179
|
-
var
|
|
3243
|
+
var React29 = __toESM(require("react"));
|
|
3180
3244
|
var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"));
|
|
3181
|
-
var
|
|
3182
|
-
var Separator3 =
|
|
3183
|
-
({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ (0,
|
|
3245
|
+
var import_jsx_runtime35 = require("react/jsx-runtime");
|
|
3246
|
+
var Separator3 = React29.forwardRef(
|
|
3247
|
+
({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
|
|
3184
3248
|
SeparatorPrimitive.Root,
|
|
3185
3249
|
{
|
|
3186
3250
|
ref,
|
|
@@ -3198,16 +3262,16 @@ var Separator3 = React28.forwardRef(
|
|
|
3198
3262
|
Separator3.displayName = SeparatorPrimitive.Root.displayName;
|
|
3199
3263
|
|
|
3200
3264
|
// src/components/sheet.tsx
|
|
3201
|
-
var
|
|
3265
|
+
var React30 = __toESM(require("react"));
|
|
3202
3266
|
var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"));
|
|
3203
3267
|
var import_class_variance_authority4 = require("class-variance-authority");
|
|
3204
3268
|
var import_lucide_react14 = require("lucide-react");
|
|
3205
|
-
var
|
|
3269
|
+
var import_jsx_runtime36 = require("react/jsx-runtime");
|
|
3206
3270
|
var Sheet = SheetPrimitive.Root;
|
|
3207
3271
|
var SheetTrigger = SheetPrimitive.Trigger;
|
|
3208
3272
|
var SheetClose = SheetPrimitive.Close;
|
|
3209
3273
|
var SheetPortal = SheetPrimitive.Portal;
|
|
3210
|
-
var SheetOverlay =
|
|
3274
|
+
var SheetOverlay = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
3211
3275
|
SheetPrimitive.Overlay,
|
|
3212
3276
|
{
|
|
3213
3277
|
className: cn(
|
|
@@ -3235,9 +3299,9 @@ var sheetVariants = (0, import_class_variance_authority4.cva)(
|
|
|
3235
3299
|
}
|
|
3236
3300
|
}
|
|
3237
3301
|
);
|
|
3238
|
-
var SheetContent =
|
|
3239
|
-
/* @__PURE__ */ (0,
|
|
3240
|
-
/* @__PURE__ */ (0,
|
|
3302
|
+
var SheetContent = React30.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(SheetPortal, { children: [
|
|
3303
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(SheetOverlay, {}),
|
|
3304
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
|
|
3241
3305
|
SheetPrimitive.Content,
|
|
3242
3306
|
{
|
|
3243
3307
|
ref,
|
|
@@ -3245,9 +3309,9 @@ var SheetContent = React29.forwardRef(({ side = "right", className, children, ..
|
|
|
3245
3309
|
...props,
|
|
3246
3310
|
children: [
|
|
3247
3311
|
children,
|
|
3248
|
-
/* @__PURE__ */ (0,
|
|
3249
|
-
/* @__PURE__ */ (0,
|
|
3250
|
-
/* @__PURE__ */ (0,
|
|
3312
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(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: [
|
|
3313
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react14.X, { className: "h-4 w-4" }),
|
|
3314
|
+
/* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "sr-only", children: "Close" })
|
|
3251
3315
|
] })
|
|
3252
3316
|
]
|
|
3253
3317
|
}
|
|
@@ -3257,7 +3321,7 @@ SheetContent.displayName = SheetPrimitive.Content.displayName;
|
|
|
3257
3321
|
var SheetHeader = ({
|
|
3258
3322
|
className,
|
|
3259
3323
|
...props
|
|
3260
|
-
}) => /* @__PURE__ */ (0,
|
|
3324
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
3261
3325
|
"div",
|
|
3262
3326
|
{
|
|
3263
3327
|
className: cn(
|
|
@@ -3271,7 +3335,7 @@ SheetHeader.displayName = "SheetHeader";
|
|
|
3271
3335
|
var SheetFooter = ({
|
|
3272
3336
|
className,
|
|
3273
3337
|
...props
|
|
3274
|
-
}) => /* @__PURE__ */ (0,
|
|
3338
|
+
}) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
3275
3339
|
"div",
|
|
3276
3340
|
{
|
|
3277
3341
|
className: cn(
|
|
@@ -3282,7 +3346,7 @@ var SheetFooter = ({
|
|
|
3282
3346
|
}
|
|
3283
3347
|
);
|
|
3284
3348
|
SheetFooter.displayName = "SheetFooter";
|
|
3285
|
-
var SheetTitle =
|
|
3349
|
+
var SheetTitle = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
3286
3350
|
SheetPrimitive.Title,
|
|
3287
3351
|
{
|
|
3288
3352
|
ref,
|
|
@@ -3291,7 +3355,7 @@ var SheetTitle = React29.forwardRef(({ className, ...props }, ref) => /* @__PURE
|
|
|
3291
3355
|
}
|
|
3292
3356
|
));
|
|
3293
3357
|
SheetTitle.displayName = SheetPrimitive.Title.displayName;
|
|
3294
|
-
var SheetDescription =
|
|
3358
|
+
var SheetDescription = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
|
|
3295
3359
|
SheetPrimitive.Description,
|
|
3296
3360
|
{
|
|
3297
3361
|
ref,
|
|
@@ -3302,12 +3366,12 @@ var SheetDescription = React29.forwardRef(({ className, ...props }, ref) => /* @
|
|
|
3302
3366
|
SheetDescription.displayName = SheetPrimitive.Description.displayName;
|
|
3303
3367
|
|
|
3304
3368
|
// src/components/skeleton.tsx
|
|
3305
|
-
var
|
|
3369
|
+
var import_jsx_runtime37 = require("react/jsx-runtime");
|
|
3306
3370
|
function Skeleton({
|
|
3307
3371
|
className,
|
|
3308
3372
|
...props
|
|
3309
3373
|
}) {
|
|
3310
|
-
return /* @__PURE__ */ (0,
|
|
3374
|
+
return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
|
|
3311
3375
|
"div",
|
|
3312
3376
|
{
|
|
3313
3377
|
className: cn("animate-pulse rounded-lg bg-muted", className),
|
|
@@ -3320,7 +3384,7 @@ function Skeleton({
|
|
|
3320
3384
|
var import_merge_props3 = require("@base-ui-components/react/merge-props");
|
|
3321
3385
|
var import_use_render3 = require("@base-ui-components/react/use-render");
|
|
3322
3386
|
var import_class_variance_authority5 = require("class-variance-authority");
|
|
3323
|
-
var
|
|
3387
|
+
var import_jsx_runtime38 = require("react/jsx-runtime");
|
|
3324
3388
|
var statusIndicatorVariants = (0, import_class_variance_authority5.cva)(
|
|
3325
3389
|
"relative inline-flex size-2.5 shrink-0",
|
|
3326
3390
|
{
|
|
@@ -3351,8 +3415,8 @@ function StatusIndicator({
|
|
|
3351
3415
|
return (0, import_use_render3.useRender)({
|
|
3352
3416
|
defaultTagName: "span",
|
|
3353
3417
|
props: (0, import_merge_props3.mergeProps)(defaultProps, props),
|
|
3354
|
-
render: render || /* @__PURE__ */ (0,
|
|
3355
|
-
/* @__PURE__ */ (0,
|
|
3418
|
+
render: render || /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("span", { ...defaultProps, children: [
|
|
3419
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
|
|
3356
3420
|
"span",
|
|
3357
3421
|
{
|
|
3358
3422
|
className: cn(
|
|
@@ -3361,16 +3425,16 @@ function StatusIndicator({
|
|
|
3361
3425
|
)
|
|
3362
3426
|
}
|
|
3363
3427
|
),
|
|
3364
|
-
/* @__PURE__ */ (0,
|
|
3428
|
+
/* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "relative inline-flex rounded-full size-2.5" })
|
|
3365
3429
|
] })
|
|
3366
3430
|
});
|
|
3367
3431
|
}
|
|
3368
3432
|
|
|
3369
3433
|
// src/components/switch.tsx
|
|
3370
3434
|
var import_switch = require("@base-ui-components/react/switch");
|
|
3371
|
-
var
|
|
3435
|
+
var import_jsx_runtime39 = require("react/jsx-runtime");
|
|
3372
3436
|
function Switch({ className, ...props }) {
|
|
3373
|
-
return /* @__PURE__ */ (0,
|
|
3437
|
+
return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
3374
3438
|
import_switch.Switch.Root,
|
|
3375
3439
|
{
|
|
3376
3440
|
className: cn(
|
|
@@ -3379,7 +3443,7 @@ function Switch({ className, ...props }) {
|
|
|
3379
3443
|
),
|
|
3380
3444
|
"data-slot": "switch",
|
|
3381
3445
|
...props,
|
|
3382
|
-
children: /* @__PURE__ */ (0,
|
|
3446
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
|
|
3383
3447
|
import_switch.Switch.Thumb,
|
|
3384
3448
|
{
|
|
3385
3449
|
className: cn(
|
|
@@ -3393,14 +3457,14 @@ function Switch({ className, ...props }) {
|
|
|
3393
3457
|
}
|
|
3394
3458
|
|
|
3395
3459
|
// src/components/table.tsx
|
|
3396
|
-
var
|
|
3460
|
+
var import_jsx_runtime40 = require("react/jsx-runtime");
|
|
3397
3461
|
function Table({ className, ...props }) {
|
|
3398
|
-
return /* @__PURE__ */ (0,
|
|
3462
|
+
return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
3399
3463
|
"div",
|
|
3400
3464
|
{
|
|
3401
3465
|
className: "relative w-full overflow-x-auto",
|
|
3402
3466
|
"data-slot": "table-container",
|
|
3403
|
-
children: /* @__PURE__ */ (0,
|
|
3467
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
3404
3468
|
"table",
|
|
3405
3469
|
{
|
|
3406
3470
|
className: cn(
|
|
@@ -3415,7 +3479,7 @@ function Table({ className, ...props }) {
|
|
|
3415
3479
|
);
|
|
3416
3480
|
}
|
|
3417
3481
|
function TableHeader({ className, ...props }) {
|
|
3418
|
-
return /* @__PURE__ */ (0,
|
|
3482
|
+
return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
3419
3483
|
"thead",
|
|
3420
3484
|
{
|
|
3421
3485
|
className: cn(
|
|
@@ -3428,7 +3492,7 @@ function TableHeader({ className, ...props }) {
|
|
|
3428
3492
|
);
|
|
3429
3493
|
}
|
|
3430
3494
|
function TableBody({ className, ...props }) {
|
|
3431
|
-
return /* @__PURE__ */ (0,
|
|
3495
|
+
return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
3432
3496
|
"tbody",
|
|
3433
3497
|
{
|
|
3434
3498
|
className: cn(
|
|
@@ -3441,7 +3505,7 @@ function TableBody({ className, ...props }) {
|
|
|
3441
3505
|
);
|
|
3442
3506
|
}
|
|
3443
3507
|
function TableFooter({ className, ...props }) {
|
|
3444
|
-
return /* @__PURE__ */ (0,
|
|
3508
|
+
return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
3445
3509
|
"tfoot",
|
|
3446
3510
|
{
|
|
3447
3511
|
className: cn(
|
|
@@ -3454,7 +3518,7 @@ function TableFooter({ className, ...props }) {
|
|
|
3454
3518
|
);
|
|
3455
3519
|
}
|
|
3456
3520
|
function TableRow({ className, ...props }) {
|
|
3457
|
-
return /* @__PURE__ */ (0,
|
|
3521
|
+
return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
3458
3522
|
"tr",
|
|
3459
3523
|
{
|
|
3460
3524
|
className: cn(
|
|
@@ -3467,7 +3531,7 @@ function TableRow({ className, ...props }) {
|
|
|
3467
3531
|
);
|
|
3468
3532
|
}
|
|
3469
3533
|
function TableHead({ className, ...props }) {
|
|
3470
|
-
return /* @__PURE__ */ (0,
|
|
3534
|
+
return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
3471
3535
|
"th",
|
|
3472
3536
|
{
|
|
3473
3537
|
className: cn(
|
|
@@ -3480,7 +3544,7 @@ function TableHead({ className, ...props }) {
|
|
|
3480
3544
|
);
|
|
3481
3545
|
}
|
|
3482
3546
|
function TableCell({ className, ...props }) {
|
|
3483
|
-
return /* @__PURE__ */ (0,
|
|
3547
|
+
return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
3484
3548
|
"td",
|
|
3485
3549
|
{
|
|
3486
3550
|
className: cn(
|
|
@@ -3496,7 +3560,7 @@ function TableCaption({
|
|
|
3496
3560
|
className,
|
|
3497
3561
|
...props
|
|
3498
3562
|
}) {
|
|
3499
|
-
return /* @__PURE__ */ (0,
|
|
3563
|
+
return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
|
|
3500
3564
|
"caption",
|
|
3501
3565
|
{
|
|
3502
3566
|
className: cn(
|
|
@@ -3510,11 +3574,11 @@ function TableCaption({
|
|
|
3510
3574
|
}
|
|
3511
3575
|
|
|
3512
3576
|
// src/components/tabs.tsx
|
|
3513
|
-
var
|
|
3577
|
+
var React31 = __toESM(require("react"));
|
|
3514
3578
|
var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
|
|
3515
|
-
var
|
|
3579
|
+
var import_jsx_runtime41 = require("react/jsx-runtime");
|
|
3516
3580
|
var Tabs = TabsPrimitive.Root;
|
|
3517
|
-
var TabsList =
|
|
3581
|
+
var TabsList = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
3518
3582
|
TabsPrimitive.List,
|
|
3519
3583
|
{
|
|
3520
3584
|
ref,
|
|
@@ -3526,7 +3590,7 @@ var TabsList = React30.forwardRef(({ className, ...props }, ref) => /* @__PURE__
|
|
|
3526
3590
|
}
|
|
3527
3591
|
));
|
|
3528
3592
|
TabsList.displayName = TabsPrimitive.List.displayName;
|
|
3529
|
-
var TabsTrigger =
|
|
3593
|
+
var TabsTrigger = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
3530
3594
|
TabsPrimitive.Trigger,
|
|
3531
3595
|
{
|
|
3532
3596
|
ref,
|
|
@@ -3538,7 +3602,7 @@ var TabsTrigger = React30.forwardRef(({ className, ...props }, ref) => /* @__PUR
|
|
|
3538
3602
|
}
|
|
3539
3603
|
));
|
|
3540
3604
|
TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
|
|
3541
|
-
var TabsContent =
|
|
3605
|
+
var TabsContent = React31.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
|
|
3542
3606
|
TabsPrimitive.Content,
|
|
3543
3607
|
{
|
|
3544
3608
|
ref,
|
|
@@ -3553,15 +3617,15 @@ TabsContent.displayName = TabsPrimitive.Content.displayName;
|
|
|
3553
3617
|
|
|
3554
3618
|
// src/components/tags-input.tsx
|
|
3555
3619
|
var import_emblor = require("emblor");
|
|
3556
|
-
var
|
|
3557
|
-
var
|
|
3620
|
+
var import_react9 = require("react");
|
|
3621
|
+
var import_jsx_runtime42 = require("react/jsx-runtime");
|
|
3558
3622
|
|
|
3559
3623
|
// src/components/textarea.tsx
|
|
3560
|
-
var
|
|
3561
|
-
var
|
|
3562
|
-
var Textarea =
|
|
3624
|
+
var React32 = __toESM(require("react"));
|
|
3625
|
+
var import_jsx_runtime43 = require("react/jsx-runtime");
|
|
3626
|
+
var Textarea = React32.forwardRef(
|
|
3563
3627
|
({ className, ...props }, ref) => {
|
|
3564
|
-
return /* @__PURE__ */ (0,
|
|
3628
|
+
return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
|
|
3565
3629
|
"textarea",
|
|
3566
3630
|
{
|
|
3567
3631
|
className: cn(
|
|
@@ -3577,18 +3641,18 @@ var Textarea = React31.forwardRef(
|
|
|
3577
3641
|
Textarea.displayName = "Textarea";
|
|
3578
3642
|
|
|
3579
3643
|
// src/components/timeline.tsx
|
|
3580
|
-
var
|
|
3581
|
-
var
|
|
3582
|
-
var TimelineContext =
|
|
3644
|
+
var React33 = __toESM(require("react"));
|
|
3645
|
+
var import_jsx_runtime44 = require("react/jsx-runtime");
|
|
3646
|
+
var TimelineContext = React33.createContext(null);
|
|
3583
3647
|
function useTimeline() {
|
|
3584
|
-
const context =
|
|
3648
|
+
const context = React33.useContext(TimelineContext);
|
|
3585
3649
|
if (!context) {
|
|
3586
3650
|
throw new Error("useTimeline must be used within a <Timeline />.");
|
|
3587
3651
|
}
|
|
3588
3652
|
return context;
|
|
3589
3653
|
}
|
|
3590
|
-
var Timeline =
|
|
3591
|
-
({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ (0,
|
|
3654
|
+
var Timeline = React33.forwardRef(
|
|
3655
|
+
({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(TimelineContext.Provider, { value: { orientation }, children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
3592
3656
|
"ol",
|
|
3593
3657
|
{
|
|
3594
3658
|
ref,
|
|
@@ -3604,9 +3668,9 @@ var Timeline = React32.forwardRef(
|
|
|
3604
3668
|
) })
|
|
3605
3669
|
);
|
|
3606
3670
|
Timeline.displayName = "Timeline";
|
|
3607
|
-
var TimelineItem =
|
|
3671
|
+
var TimelineItem = React33.forwardRef(({ className, ...props }, ref) => {
|
|
3608
3672
|
const { orientation } = useTimeline();
|
|
3609
|
-
return /* @__PURE__ */ (0,
|
|
3673
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
3610
3674
|
"li",
|
|
3611
3675
|
{
|
|
3612
3676
|
ref,
|
|
@@ -3621,9 +3685,9 @@ var TimelineItem = React32.forwardRef(({ className, ...props }, ref) => {
|
|
|
3621
3685
|
);
|
|
3622
3686
|
});
|
|
3623
3687
|
TimelineItem.displayName = "TimelineItem";
|
|
3624
|
-
var TimelineSeparator =
|
|
3688
|
+
var TimelineSeparator = React33.forwardRef(({ className, ...props }, ref) => {
|
|
3625
3689
|
const { orientation } = useTimeline();
|
|
3626
|
-
return /* @__PURE__ */ (0,
|
|
3690
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
3627
3691
|
"div",
|
|
3628
3692
|
{
|
|
3629
3693
|
ref,
|
|
@@ -3638,9 +3702,9 @@ var TimelineSeparator = React32.forwardRef(({ className, ...props }, ref) => {
|
|
|
3638
3702
|
);
|
|
3639
3703
|
});
|
|
3640
3704
|
TimelineSeparator.displayName = "TimelineSeparator";
|
|
3641
|
-
var TimelineDot =
|
|
3705
|
+
var TimelineDot = React33.forwardRef(({ variant = "default", className, ...props }, ref) => {
|
|
3642
3706
|
const { orientation } = useTimeline();
|
|
3643
|
-
return /* @__PURE__ */ (0,
|
|
3707
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
3644
3708
|
"div",
|
|
3645
3709
|
{
|
|
3646
3710
|
ref,
|
|
@@ -3657,9 +3721,9 @@ var TimelineDot = React32.forwardRef(({ variant = "default", className, ...props
|
|
|
3657
3721
|
);
|
|
3658
3722
|
});
|
|
3659
3723
|
TimelineDot.displayName = "TimelineDot";
|
|
3660
|
-
var TimelineConnector =
|
|
3724
|
+
var TimelineConnector = React33.forwardRef(({ className, ...props }, ref) => {
|
|
3661
3725
|
const { orientation } = useTimeline();
|
|
3662
|
-
return /* @__PURE__ */ (0,
|
|
3726
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
3663
3727
|
"div",
|
|
3664
3728
|
{
|
|
3665
3729
|
ref,
|
|
@@ -3675,9 +3739,9 @@ var TimelineConnector = React32.forwardRef(({ className, ...props }, ref) => {
|
|
|
3675
3739
|
);
|
|
3676
3740
|
});
|
|
3677
3741
|
TimelineConnector.displayName = "TimelineConnector";
|
|
3678
|
-
var TimelineContent =
|
|
3742
|
+
var TimelineContent = React33.forwardRef(({ className, ...props }, ref) => {
|
|
3679
3743
|
const { orientation } = useTimeline();
|
|
3680
|
-
return /* @__PURE__ */ (0,
|
|
3744
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
3681
3745
|
"div",
|
|
3682
3746
|
{
|
|
3683
3747
|
ref,
|
|
@@ -3693,14 +3757,14 @@ var TimelineContent = React32.forwardRef(({ className, ...props }, ref) => {
|
|
|
3693
3757
|
);
|
|
3694
3758
|
});
|
|
3695
3759
|
TimelineContent.displayName = "TimelineContent";
|
|
3696
|
-
var TimelineTitle =
|
|
3760
|
+
var TimelineTitle = React33.forwardRef((props, ref) => {
|
|
3697
3761
|
const { orientation } = useTimeline();
|
|
3698
|
-
return /* @__PURE__ */ (0,
|
|
3762
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { ref, "data-orientation": orientation, ...props });
|
|
3699
3763
|
});
|
|
3700
3764
|
TimelineTitle.displayName = "TimelineTitle";
|
|
3701
|
-
var TimelineDescription =
|
|
3765
|
+
var TimelineDescription = React33.forwardRef(({ className, ...props }, ref) => {
|
|
3702
3766
|
const { orientation } = useTimeline();
|
|
3703
|
-
return /* @__PURE__ */ (0,
|
|
3767
|
+
return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
|
|
3704
3768
|
"div",
|
|
3705
3769
|
{
|
|
3706
3770
|
ref,
|
|
@@ -3713,13 +3777,13 @@ var TimelineDescription = React32.forwardRef(({ className, ...props }, ref) => {
|
|
|
3713
3777
|
TimelineDescription.displayName = "TimelineDescription";
|
|
3714
3778
|
|
|
3715
3779
|
// src/components/tooltip.tsx
|
|
3716
|
-
var
|
|
3780
|
+
var React34 = __toESM(require("react"));
|
|
3717
3781
|
var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
|
|
3718
|
-
var
|
|
3782
|
+
var import_jsx_runtime45 = require("react/jsx-runtime");
|
|
3719
3783
|
var TooltipProvider = TooltipPrimitive.Provider;
|
|
3720
3784
|
var Tooltip = TooltipPrimitive.Root;
|
|
3721
3785
|
var TooltipTrigger = TooltipPrimitive.Trigger;
|
|
3722
|
-
var TooltipContent =
|
|
3786
|
+
var TooltipContent = React34.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
|
|
3723
3787
|
TooltipPrimitive.Content,
|
|
3724
3788
|
{
|
|
3725
3789
|
ref,
|
|
@@ -3861,6 +3925,7 @@ TooltipContent.displayName = TooltipPrimitive.Content.displayName;
|
|
|
3861
3925
|
Kbd,
|
|
3862
3926
|
KbdKey,
|
|
3863
3927
|
Label,
|
|
3928
|
+
Loader,
|
|
3864
3929
|
MultiSelect,
|
|
3865
3930
|
PhoneNumberInput,
|
|
3866
3931
|
Popover,
|