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