@yuno-payments/dashboard-design-system 2.1.1 → 2.2.1

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.
Files changed (26) hide show
  1. package/dist/components/atoms/icon/icon-list.d.ts +5 -0
  2. package/dist/components/atoms/icon/icon-list.js +206 -196
  3. package/dist/components/organisms/dialog/dialog.d.ts +5 -0
  4. package/dist/components/organisms/dialog/dialog.js +88 -78
  5. package/dist/components/organisms/sheet/sheet.js +23 -23
  6. package/dist/dashboard-design-system.css +1 -12
  7. package/dist/index.css +1 -12
  8. package/dist/index.esm.min.js +7251 -7071
  9. package/dist/index.umd.min.js +23 -23
  10. package/dist/node_modules/@phosphor-icons/react/dist/csr/ArrowSquareOut.es.js +8 -0
  11. package/dist/node_modules/@phosphor-icons/react/dist/csr/Lifebuoy.es.js +8 -0
  12. package/dist/node_modules/@phosphor-icons/react/dist/csr/NotePencil.es.js +8 -0
  13. package/dist/node_modules/@phosphor-icons/react/dist/csr/SquareHalf.es.js +8 -0
  14. package/dist/node_modules/@phosphor-icons/react/dist/csr/SquareHalfBottom.es.js +8 -0
  15. package/dist/node_modules/@phosphor-icons/react/dist/defs/ArrowSquareOut.es.js +36 -0
  16. package/dist/node_modules/@phosphor-icons/react/dist/defs/Lifebuoy.es.js +36 -0
  17. package/dist/node_modules/@phosphor-icons/react/dist/defs/NotePencil.es.js +30 -0
  18. package/dist/node_modules/@phosphor-icons/react/dist/defs/SquareHalf.es.js +36 -0
  19. package/dist/node_modules/@phosphor-icons/react/dist/defs/SquareHalfBottom.es.js +30 -0
  20. package/dist/vendor/shadcn/combobox.js +9 -9
  21. package/dist/vendor/shadcn/dropdown-menu.js +2 -2
  22. package/dist/vendor/shadcn/popover.js +8 -8
  23. package/dist/vendor/shadcn/select.js +12 -12
  24. package/dist/vendor/shadcn/tooltip.js +9 -9
  25. package/package.json +3 -3
  26. package/registry/components-registry.json +2 -2
@@ -0,0 +1,8 @@
1
+ import * as r from "react";
2
+ import t from "../lib/IconBase.es.js";
3
+ import a from "../defs/ArrowSquareOut.es.js";
4
+ const m = r.forwardRef((o, e) => /* @__PURE__ */ r.createElement(t, { ref: e, ...o, weights: a }));
5
+ m.displayName = "ArrowSquareOutIcon";
6
+ export {
7
+ m as ArrowSquareOutIcon
8
+ };
@@ -0,0 +1,8 @@
1
+ import * as e from "react";
2
+ import f from "../lib/IconBase.es.js";
3
+ import m from "../defs/Lifebuoy.es.js";
4
+ const t = e.forwardRef((o, r) => /* @__PURE__ */ e.createElement(f, { ref: r, ...o, weights: m }));
5
+ t.displayName = "LifebuoyIcon";
6
+ export {
7
+ t as LifebuoyIcon
8
+ };
@@ -0,0 +1,8 @@
1
+ import * as e from "react";
2
+ import t from "../lib/IconBase.es.js";
3
+ import m from "../defs/NotePencil.es.js";
4
+ const a = e.forwardRef((o, r) => /* @__PURE__ */ e.createElement(t, { ref: r, ...o, weights: m }));
5
+ a.displayName = "NotePencilIcon";
6
+ export {
7
+ a as NotePencilIcon
8
+ };
@@ -0,0 +1,8 @@
1
+ import * as r from "react";
2
+ import o from "../lib/IconBase.es.js";
3
+ import t from "../defs/SquareHalf.es.js";
4
+ const f = r.forwardRef((e, a) => /* @__PURE__ */ r.createElement(o, { ref: a, ...e, weights: t }));
5
+ f.displayName = "SquareHalfIcon";
6
+ export {
7
+ f as SquareHalfIcon
8
+ };
@@ -0,0 +1,8 @@
1
+ import * as o from "react";
2
+ import a from "../lib/IconBase.es.js";
3
+ import e from "../defs/SquareHalfBottom.es.js";
4
+ const m = o.forwardRef((r, t) => /* @__PURE__ */ o.createElement(a, { ref: t, ...r, weights: e }));
5
+ m.displayName = "SquareHalfBottomIcon";
6
+ export {
7
+ m as SquareHalfBottomIcon
8
+ };
@@ -0,0 +1,36 @@
1
+ import * as a from "react";
2
+ const e = /* @__PURE__ */ new Map([
3
+ [
4
+ "bold",
5
+ /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M228,104a12,12,0,0,1-24,0V69l-59.51,59.51a12,12,0,0,1-17-17L187,52H152a12,12,0,0,1,0-24h64a12,12,0,0,1,12,12Zm-44,24a12,12,0,0,0-12,12v64H52V84h64a12,12,0,0,0,0-24H48A20,20,0,0,0,28,80V208a20,20,0,0,0,20,20H176a20,20,0,0,0,20-20V140A12,12,0,0,0,184,128Z" }))
6
+ ],
7
+ [
8
+ "duotone",
9
+ /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(
10
+ "path",
11
+ {
12
+ d: "M184,80V208a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V80a8,8,0,0,1,8-8H176A8,8,0,0,1,184,80Z",
13
+ opacity: "0.2"
14
+ }
15
+ ), /* @__PURE__ */ a.createElement("path", { d: "M224,104a8,8,0,0,1-16,0V59.32l-66.33,66.34a8,8,0,0,1-11.32-11.32L196.68,48H152a8,8,0,0,1,0-16h64a8,8,0,0,1,8,8Zm-40,24a8,8,0,0,0-8,8v72H48V80h72a8,8,0,0,0,0-16H48A16,16,0,0,0,32,80V208a16,16,0,0,0,16,16H176a16,16,0,0,0,16-16V136A8,8,0,0,0,184,128Z" }))
16
+ ],
17
+ [
18
+ "fill",
19
+ /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M192,136v72a16,16,0,0,1-16,16H48a16,16,0,0,1-16-16V80A16,16,0,0,1,48,64h72a8,8,0,0,1,0,16H48V208H176V136a8,8,0,0,1,16,0Zm32-96a8,8,0,0,0-8-8H152a8,8,0,0,0-5.66,13.66L172.69,72l-42.35,42.34a8,8,0,0,0,11.32,11.32L184,83.31l26.34,26.35A8,8,0,0,0,224,104Z" }))
20
+ ],
21
+ [
22
+ "light",
23
+ /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M222,104a6,6,0,0,1-12,0V54.49l-69.75,69.75a6,6,0,0,1-8.48-8.48L201.51,46H152a6,6,0,0,1,0-12h64a6,6,0,0,1,6,6Zm-38,26a6,6,0,0,0-6,6v72a2,2,0,0,1-2,2H48a2,2,0,0,1-2-2V80a2,2,0,0,1,2-2h72a6,6,0,0,0,0-12H48A14,14,0,0,0,34,80V208a14,14,0,0,0,14,14H176a14,14,0,0,0,14-14V136A6,6,0,0,0,184,130Z" }))
24
+ ],
25
+ [
26
+ "regular",
27
+ /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M224,104a8,8,0,0,1-16,0V59.32l-66.33,66.34a8,8,0,0,1-11.32-11.32L196.68,48H152a8,8,0,0,1,0-16h64a8,8,0,0,1,8,8Zm-40,24a8,8,0,0,0-8,8v72H48V80h72a8,8,0,0,0,0-16H48A16,16,0,0,0,32,80V208a16,16,0,0,0,16,16H176a16,16,0,0,0,16-16V136A8,8,0,0,0,184,128Z" }))
28
+ ],
29
+ [
30
+ "thin",
31
+ /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M220,104a4,4,0,0,1-8,0V49.66l-73.16,73.17a4,4,0,0,1-5.66-5.66L206.34,44H152a4,4,0,0,1,0-8h64a4,4,0,0,1,4,4Zm-36,28a4,4,0,0,0-4,4v72a4,4,0,0,1-4,4H48a4,4,0,0,1-4-4V80a4,4,0,0,1,4-4h72a4,4,0,0,0,0-8H48A12,12,0,0,0,36,80V208a12,12,0,0,0,12,12H176a12,12,0,0,0,12-12V136A4,4,0,0,0,184,132Z" }))
32
+ ]
33
+ ]);
34
+ export {
35
+ e as default
36
+ };
@@ -0,0 +1,36 @@
1
+ import * as a from "react";
2
+ const e = /* @__PURE__ */ new Map([
3
+ [
4
+ "bold",
5
+ /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M128,20A108,108,0,1,0,236,128,108.12,108.12,0,0,0,128,20Zm44.25,135.28a51.89,51.89,0,0,0,0-54.56l23-23a83.84,83.84,0,0,1,0,100.56ZM100,128a28,28,0,1,1,28,28A28,28,0,0,1,100,128Zm78.28-67.25-23,23a51.89,51.89,0,0,0-54.56,0l-23-23a83.84,83.84,0,0,1,100.56,0Zm-117.53,17,23,23a51.89,51.89,0,0,0,0,54.56l-23,23a83.84,83.84,0,0,1,0-100.56Zm17,117.53,23-23a51.89,51.89,0,0,0,54.56,0l23,23a83.84,83.84,0,0,1-100.56,0Z" }))
6
+ ],
7
+ [
8
+ "duotone",
9
+ /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(
10
+ "path",
11
+ {
12
+ d: "M195.88,195.88l-39.6-39.6a40,40,0,0,0,0-56.56l39.6-39.6A96,96,0,0,1,195.88,195.88ZM60.12,60.12a96,96,0,0,0,0,135.76l39.6-39.6a40,40,0,0,1,0-56.56Z",
13
+ opacity: "0.2"
14
+ }
15
+ ), /* @__PURE__ */ a.createElement("path", { d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm39.1,131.79a47.84,47.84,0,0,0,0-55.58l28.5-28.49a87.83,87.83,0,0,1,0,112.56ZM96,128a32,32,0,1,1,32,32A32,32,0,0,1,96,128Zm88.28-67.6L155.79,88.9a47.84,47.84,0,0,0-55.58,0L71.72,60.4a87.83,87.83,0,0,1,112.56,0ZM60.4,71.72l28.5,28.49a47.84,47.84,0,0,0,0,55.58L60.4,184.28a87.83,87.83,0,0,1,0-112.56ZM71.72,195.6l28.49-28.5a47.84,47.84,0,0,0,55.58,0l28.49,28.5a87.83,87.83,0,0,1-112.56,0Z" }))
16
+ ],
17
+ [
18
+ "fill",
19
+ /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24ZM96,128a32,32,0,1,1,32,32A32,32,0,0,1,96,128Zm88.28-67.6L155.79,88.9a47.84,47.84,0,0,0-55.58,0L71.72,60.4a87.83,87.83,0,0,1,112.56,0ZM71.72,195.6l28.49-28.5a47.84,47.84,0,0,0,55.58,0l28.49,28.5a87.83,87.83,0,0,1-112.56,0Z" }))
20
+ ],
21
+ [
22
+ "light",
23
+ /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M128,26A102,102,0,1,0,230,128,102.12,102.12,0,0,0,128,26Zm36.47,130a45.87,45.87,0,0,0,0-56l31.24-31.23a89.81,89.81,0,0,1,0,118.44ZM94,128a34,34,0,1,1,34,34A34,34,0,0,1,94,128Zm93.22-67.71L156,91.53a45.87,45.87,0,0,0-56,0L68.78,60.29a89.81,89.81,0,0,1,118.44,0ZM60.29,68.78,91.53,100a45.87,45.87,0,0,0,0,56L60.29,187.22a89.81,89.81,0,0,1,0-118.44Zm8.49,126.93L100,164.47a45.87,45.87,0,0,0,56,0l31.23,31.24a89.81,89.81,0,0,1-118.44,0Z" }))
24
+ ],
25
+ [
26
+ "regular",
27
+ /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M128,24A104,104,0,1,0,232,128,104.11,104.11,0,0,0,128,24Zm39.1,131.79a47.84,47.84,0,0,0,0-55.58l28.5-28.49a87.83,87.83,0,0,1,0,112.56ZM96,128a32,32,0,1,1,32,32A32,32,0,0,1,96,128Zm88.28-67.6L155.79,88.9a47.84,47.84,0,0,0-55.58,0L71.72,60.4a87.83,87.83,0,0,1,112.56,0ZM60.4,71.72l28.5,28.49a47.84,47.84,0,0,0,0,55.58L60.4,184.28a87.83,87.83,0,0,1,0-112.56ZM71.72,195.6l28.49-28.5a47.84,47.84,0,0,0,55.58,0l28.49,28.5a87.83,87.83,0,0,1-112.56,0Z" }))
28
+ ],
29
+ [
30
+ "thin",
31
+ /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M128,28A100,100,0,1,0,228,128,100.11,100.11,0,0,0,128,28Zm67.79,162.13-34-34a43.92,43.92,0,0,0,0-56.28l34-34a91.83,91.83,0,0,1,0,124.26ZM92,128a36,36,0,1,1,36,36A36,36,0,0,1,92,128Zm98.13-67.79-34,34a43.92,43.92,0,0,0-56.28,0l-34-34a91.83,91.83,0,0,1,124.26,0ZM60.21,65.87l34,34a43.92,43.92,0,0,0,0,56.28l-34,34a91.83,91.83,0,0,1,0-124.26Zm5.66,129.92,34-34a43.92,43.92,0,0,0,56.28,0l34,34a91.83,91.83,0,0,1-124.26,0Z" }))
32
+ ]
33
+ ]);
34
+ export {
35
+ e as default
36
+ };
@@ -0,0 +1,30 @@
1
+ import * as a from "react";
2
+ const e = /* @__PURE__ */ new Map([
3
+ [
4
+ "bold",
5
+ /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M232.49,55.51l-32-32a12,12,0,0,0-17,0l-96,96A12,12,0,0,0,84,128v32a12,12,0,0,0,12,12h32a12,12,0,0,0,8.49-3.51l96-96A12,12,0,0,0,232.49,55.51ZM192,49l15,15L196,75,181,60Zm-69,99H108V133l56-56,15,15Zm105-7.43V208a20,20,0,0,1-20,20H48a20,20,0,0,1-20-20V48A20,20,0,0,1,48,28h67.43a12,12,0,0,1,0,24H52V204H204V140.57a12,12,0,0,1,24,0Z" }))
6
+ ],
7
+ [
8
+ "duotone",
9
+ /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M200,88l-72,72H96V128l72-72Z", opacity: "0.2" }), /* @__PURE__ */ a.createElement("path", { d: "M229.66,58.34l-32-32a8,8,0,0,0-11.32,0l-96,96A8,8,0,0,0,88,128v32a8,8,0,0,0,8,8h32a8,8,0,0,0,5.66-2.34l96-96A8,8,0,0,0,229.66,58.34ZM124.69,152H104V131.31l64-64L188.69,88ZM200,76.69,179.31,56,192,43.31,212.69,64ZM224,128v80a16,16,0,0,1-16,16H48a16,16,0,0,1-16-16V48A16,16,0,0,1,48,32h80a8,8,0,0,1,0,16H48V208H208V128a8,8,0,0,1,16,0Z" }))
10
+ ],
11
+ [
12
+ "fill",
13
+ /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M224,128v80a16,16,0,0,1-16,16H48a16,16,0,0,1-16-16V48A16,16,0,0,1,48,32h80a8,8,0,0,1,0,16H48V208H208V128a8,8,0,0,1,16,0Zm5.66-58.34-96,96A8,8,0,0,1,128,168H96a8,8,0,0,1-8-8V128a8,8,0,0,1,2.34-5.66l96-96a8,8,0,0,1,11.32,0l32,32A8,8,0,0,1,229.66,69.66Zm-17-5.66L192,43.31,179.31,56,200,76.69Z" }))
14
+ ],
15
+ [
16
+ "light",
17
+ /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M228.24,59.76l-32-32a6,6,0,0,0-8.48,0l-96,96A6,6,0,0,0,90,128v32a6,6,0,0,0,6,6h32a6,6,0,0,0,4.24-1.76l96-96A6,6,0,0,0,228.24,59.76ZM125.51,154H102V130.49l66-66L191.51,88ZM200,79.51,176.49,56,192,40.49,215.51,64ZM222,128v80a14,14,0,0,1-14,14H48a14,14,0,0,1-14-14V48A14,14,0,0,1,48,34h80a6,6,0,0,1,0,12H48a2,2,0,0,0-2,2V208a2,2,0,0,0,2,2H208a2,2,0,0,0,2-2V128a6,6,0,0,1,12,0Z" }))
18
+ ],
19
+ [
20
+ "regular",
21
+ /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M229.66,58.34l-32-32a8,8,0,0,0-11.32,0l-96,96A8,8,0,0,0,88,128v32a8,8,0,0,0,8,8h32a8,8,0,0,0,5.66-2.34l96-96A8,8,0,0,0,229.66,58.34ZM124.69,152H104V131.31l64-64L188.69,88ZM200,76.69,179.31,56,192,43.31,212.69,64ZM224,128v80a16,16,0,0,1-16,16H48a16,16,0,0,1-16-16V48A16,16,0,0,1,48,32h80a8,8,0,0,1,0,16H48V208H208V128a8,8,0,0,1,16,0Z" }))
22
+ ],
23
+ [
24
+ "thin",
25
+ /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("path", { d: "M226.83,61.17l-32-32a4,4,0,0,0-5.66,0l-96,96A4,4,0,0,0,92,128v32a4,4,0,0,0,4,4h32a4,4,0,0,0,2.83-1.17l96-96A4,4,0,0,0,226.83,61.17ZM126.34,156H100V129.66l68-68L194.34,88ZM200,82.34,173.66,56,192,37.66,218.34,64ZM220,128v80a12,12,0,0,1-12,12H48a12,12,0,0,1-12-12V48A12,12,0,0,1,48,36h80a4,4,0,0,1,0,8H48a4,4,0,0,0-4,4V208a4,4,0,0,0,4,4H208a4,4,0,0,0,4-4V128a4,4,0,0,1,8,0Z" }))
26
+ ]
27
+ ]);
28
+ export {
29
+ e as default
30
+ };
@@ -0,0 +1,36 @@
1
+ import * as e from "react";
2
+ const a = /* @__PURE__ */ new Map([
3
+ [
4
+ "bold",
5
+ /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M200,36H56A20,20,0,0,0,36,56V200a20,20,0,0,0,20,20H200a20,20,0,0,0,20-20V56A20,20,0,0,0,200,36Zm-60,64h56v16H140Zm0,40h56v16H140Zm56-64H140V60h56ZM60,60h56V196H60Zm80,136V180h56v16Z" }))
6
+ ],
7
+ [
8
+ "duotone",
9
+ /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
10
+ "path",
11
+ {
12
+ d: "M208,56V200a8,8,0,0,1-8,8H128V48h72A8,8,0,0,1,208,56Z",
13
+ opacity: "0.2"
14
+ }
15
+ ), /* @__PURE__ */ e.createElement("path", { d: "M200,40H56A16,16,0,0,0,40,56V200a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V56A16,16,0,0,0,200,40ZM56,56h64V200H56ZM200,200H136V56h64V200Z" }))
16
+ ],
17
+ [
18
+ "fill",
19
+ /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M200,40H56A16,16,0,0,0,40,56V200a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V56A16,16,0,0,0,200,40ZM56,56h72V200H56Z" }))
20
+ ],
21
+ [
22
+ "light",
23
+ /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M200,42H56A14,14,0,0,0,42,56V200a14,14,0,0,0,14,14H200a14,14,0,0,0,14-14V56A14,14,0,0,0,200,42Zm-66,76h68v20H134Zm0-12V86h68v20Zm0,44h68v20H134Zm68-94V74H134V54h66A2,2,0,0,1,202,56ZM54,200V56a2,2,0,0,1,2-2h66V202H56A2,2,0,0,1,54,200Zm146,2H134V182h68v18A2,2,0,0,1,200,202Z" }))
24
+ ],
25
+ [
26
+ "regular",
27
+ /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M200,40H56A16,16,0,0,0,40,56V200a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V56A16,16,0,0,0,200,40Zm-64,80h64v16H136Zm0-16V88h64v16Zm0,48h64v16H136Zm64-80H136V56h64ZM56,56h64V200H56ZM200,200H136V184h64v16Z" }))
28
+ ],
29
+ [
30
+ "thin",
31
+ /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M200,44H56A12,12,0,0,0,44,56V200a12,12,0,0,0,12,12H200a12,12,0,0,0,12-12V56A12,12,0,0,0,200,44Zm-68,72h72v24H132Zm0-8V84h72v24Zm0,40h72v24H132Zm72-92V76H132V52h68A4,4,0,0,1,204,56ZM52,200V56a4,4,0,0,1,4-4h68V204H56A4,4,0,0,1,52,200Zm148,4H132V180h72v20A4,4,0,0,1,200,204Z" }))
32
+ ]
33
+ ]);
34
+ export {
35
+ a as default
36
+ };
@@ -0,0 +1,30 @@
1
+ import * as e from "react";
2
+ const a = /* @__PURE__ */ new Map([
3
+ [
4
+ "bold",
5
+ /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M200,36H56A20,20,0,0,0,36,56V200a20,20,0,0,0,20,20H200a20,20,0,0,0,20-20V56A20,20,0,0,0,200,36Zm-4,24v56H60V60Zm-80,80v56H100V140Zm24,0h16v56H140Zm-80,0H76v56H60Zm120,56V140h16v56Z" }))
6
+ ],
7
+ [
8
+ "duotone",
9
+ /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M208,128v72a8,8,0,0,1-8,8H56a8,8,0,0,1-8-8V128Z", opacity: "0.2" }), /* @__PURE__ */ e.createElement("path", { d: "M200,40H56A16,16,0,0,0,40,56V200a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V56A16,16,0,0,0,200,40Zm0,16v64H56V56Zm0,144H56V136H200v64Z" }))
10
+ ],
11
+ [
12
+ "fill",
13
+ /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M200,40H56A16,16,0,0,0,40,56V200a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V56A16,16,0,0,0,200,40Zm0,16v72H56V56Z" }))
14
+ ],
15
+ [
16
+ "light",
17
+ /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M200,42H56A14,14,0,0,0,42,56V200a14,14,0,0,0,14,14H200a14,14,0,0,0,14-14V56A14,14,0,0,0,200,42ZM56,54H200a2,2,0,0,1,2,2v66H54V56A2,2,0,0,1,56,54Zm50,80v68H86V134Zm12,0h20v68H118Zm32,0h20v68H150ZM54,200V134H74v68H56A2,2,0,0,1,54,200Zm146,2H182V134h20v66A2,2,0,0,1,200,202Z" }))
18
+ ],
19
+ [
20
+ "regular",
21
+ /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M200,40H56A16,16,0,0,0,40,56V200a16,16,0,0,0,16,16H200a16,16,0,0,0,16-16V56A16,16,0,0,0,200,40Zm0,16v64H56V56Zm-96,80v64H88V136Zm16,0h16v64H120Zm32,0h16v64H152Zm-96,0H72v64H56Zm144,64H184V136h16v64Z" }))
22
+ ],
23
+ [
24
+ "thin",
25
+ /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("path", { d: "M200,44H56A12,12,0,0,0,44,56V200a12,12,0,0,0,12,12H200a12,12,0,0,0,12-12V56A12,12,0,0,0,200,44ZM56,52H200a4,4,0,0,1,4,4v68H52V56A4,4,0,0,1,56,52Zm52,80v72H84V132Zm8,0h24v72H116Zm32,0h24v72H148ZM52,200V132H76v72H56A4,4,0,0,1,52,200Zm148,4H180V132h24v68A4,4,0,0,1,200,204Z" }))
26
+ ]
27
+ ]);
28
+ export {
29
+ a as default
30
+ };
@@ -1,24 +1,24 @@
1
- import { j as i } from "../../_virtual/jsx-runtime.js";
1
+ import { j as t } from "../../_virtual/jsx-runtime.js";
2
2
  import * as s from "react";
3
3
  import * as o from "@radix-ui/react-popover";
4
4
  import { cn as m } from "../../lib/utils.js";
5
- const l = o.Root, b = o.Trigger, n = s.forwardRef(({ className: t, align: e = "start", sideOffset: a = 4, ...r }, d) => /* @__PURE__ */ i.jsx(
5
+ const f = o.Root, b = o.Trigger, n = s.forwardRef(({ className: e, align: a = "start", sideOffset: r = 4, ...d }, i) => /* @__PURE__ */ t.jsx(o.Portal, { children: /* @__PURE__ */ t.jsx(
6
6
  o.Content,
7
7
  {
8
- ref: d,
9
- align: e,
10
- sideOffset: a,
8
+ ref: i,
9
+ align: a,
10
+ sideOffset: r,
11
11
  className: m(
12
12
  "z-popover w-[var(--radix-popover-trigger-width)] rounded-md border bg-popover p-0 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
13
- t
13
+ e
14
14
  ),
15
15
  role: "combobox",
16
- ...r
16
+ ...d
17
17
  }
18
- ));
18
+ ) }));
19
19
  n.displayName = o.Content.displayName;
20
20
  export {
21
- l as Combobox,
21
+ f as Combobox,
22
22
  n as ComboboxContent,
23
23
  b as ComboboxTrigger
24
24
  };
@@ -25,7 +25,7 @@ function b({
25
25
  sideOffset: o = 4,
26
26
  ...a
27
27
  }) {
28
- return /* @__PURE__ */ t.jsx(
28
+ return /* @__PURE__ */ t.jsx(n.Portal, { children: /* @__PURE__ */ t.jsx(
29
29
  n.Content,
30
30
  {
31
31
  "data-slot": "dropdown-menu-content",
@@ -36,7 +36,7 @@ function b({
36
36
  ),
37
37
  ...a
38
38
  }
39
- );
39
+ ) });
40
40
  }
41
41
  function h(e) {
42
42
  return /* @__PURE__ */ t.jsx(n.Group, { "data-slot": "dropdown-menu-group", ...e });
@@ -1,20 +1,20 @@
1
- import { j as i } from "../../_virtual/jsx-runtime.js";
1
+ import { j as t } from "../../_virtual/jsx-runtime.js";
2
2
  import * as s from "react";
3
3
  import * as o from "@radix-ui/react-popover";
4
4
  import { cn as n } from "../../lib/utils.js";
5
- const l = o.Root, c = o.Trigger, m = s.forwardRef(({ className: t, align: e = "center", sideOffset: a = 4, ...r }, d) => /* @__PURE__ */ i.jsx(
5
+ const l = o.Root, c = o.Trigger, m = s.forwardRef(({ className: e, align: a = "center", sideOffset: r = 4, ...d }, i) => /* @__PURE__ */ t.jsx(o.Portal, { children: /* @__PURE__ */ t.jsx(
6
6
  o.Content,
7
7
  {
8
- ref: d,
9
- align: e,
10
- sideOffset: a,
8
+ ref: i,
9
+ align: a,
10
+ sideOffset: r,
11
11
  className: n(
12
12
  "z-popover w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
13
- t
13
+ e
14
14
  ),
15
- ...r
15
+ ...d
16
16
  }
17
- ));
17
+ ) }));
18
18
  m.displayName = o.Content.displayName;
19
19
  export {
20
20
  l as Popover,
@@ -1,12 +1,12 @@
1
1
  import { j as t } from "../../_virtual/jsx-runtime.js";
2
- import * as d from "react";
2
+ import * as l from "react";
3
3
  import * as e from "@radix-ui/react-select";
4
4
  import { Icon as n } from "../../components/atoms/icon/icon.js";
5
5
  import { cn as o } from "../../lib/utils.js";
6
- const j = e.Root, N = e.Group, b = e.Value, p = d.forwardRef(({ className: s, children: r, ...a }, l) => /* @__PURE__ */ t.jsxs(
6
+ const j = e.Root, N = e.Group, b = e.Value, p = l.forwardRef(({ className: s, children: r, ...a }, d) => /* @__PURE__ */ t.jsxs(
7
7
  e.Trigger,
8
8
  {
9
- ref: l,
9
+ ref: d,
10
10
  className: o(
11
11
  "flex h-9 w-full items-center justify-between gap-2 rounded-md border border-input bg-input px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 shadow-xs [&>span]:min-w-0 [&>span]:truncate",
12
12
  s
@@ -19,7 +19,7 @@ const j = e.Root, N = e.Group, b = e.Value, p = d.forwardRef(({ className: s, ch
19
19
  }
20
20
  ));
21
21
  p.displayName = e.Trigger.displayName;
22
- const i = d.forwardRef(({ className: s, ...r }, a) => /* @__PURE__ */ t.jsx(
22
+ const i = l.forwardRef(({ className: s, ...r }, a) => /* @__PURE__ */ t.jsx(
23
23
  e.ScrollUpButton,
24
24
  {
25
25
  ref: a,
@@ -32,7 +32,7 @@ const i = d.forwardRef(({ className: s, ...r }, a) => /* @__PURE__ */ t.jsx(
32
32
  }
33
33
  ));
34
34
  i.displayName = e.ScrollUpButton.displayName;
35
- const c = d.forwardRef(({ className: s, ...r }, a) => /* @__PURE__ */ t.jsx(
35
+ const c = l.forwardRef(({ className: s, ...r }, a) => /* @__PURE__ */ t.jsx(
36
36
  e.ScrollDownButton,
37
37
  {
38
38
  ref: a,
@@ -45,7 +45,7 @@ const c = d.forwardRef(({ className: s, ...r }, a) => /* @__PURE__ */ t.jsx(
45
45
  }
46
46
  ));
47
47
  c.displayName = e.ScrollDownButton.displayName;
48
- const f = d.forwardRef(({ className: s, children: r, position: a = "popper", ...l }, m) => /* @__PURE__ */ t.jsxs(
48
+ const f = l.forwardRef(({ className: s, children: r, position: a = "popper", ...d }, m) => /* @__PURE__ */ t.jsx(e.Portal, { children: /* @__PURE__ */ t.jsxs(
49
49
  e.Content,
50
50
  {
51
51
  ref: m,
@@ -55,7 +55,7 @@ const f = d.forwardRef(({ className: s, children: r, position: a = "popper", ...
55
55
  s
56
56
  ),
57
57
  position: a,
58
- ...l,
58
+ ...d,
59
59
  children: [
60
60
  /* @__PURE__ */ t.jsx(i, {}),
61
61
  /* @__PURE__ */ t.jsx(
@@ -71,9 +71,9 @@ const f = d.forwardRef(({ className: s, children: r, position: a = "popper", ...
71
71
  /* @__PURE__ */ t.jsx(c, {})
72
72
  ]
73
73
  }
74
- ));
74
+ ) }));
75
75
  f.displayName = e.Content.displayName;
76
- const u = d.forwardRef(({ className: s, ...r }, a) => /* @__PURE__ */ t.jsx(
76
+ const u = l.forwardRef(({ className: s, ...r }, a) => /* @__PURE__ */ t.jsx(
77
77
  e.Label,
78
78
  {
79
79
  ref: a,
@@ -85,10 +85,10 @@ const u = d.forwardRef(({ className: s, ...r }, a) => /* @__PURE__ */ t.jsx(
85
85
  }
86
86
  ));
87
87
  u.displayName = e.Label.displayName;
88
- const x = d.forwardRef(({ className: s, children: r, ...a }, l) => /* @__PURE__ */ t.jsxs(
88
+ const x = l.forwardRef(({ className: s, children: r, ...a }, d) => /* @__PURE__ */ t.jsxs(
89
89
  e.Item,
90
90
  {
91
- ref: l,
91
+ ref: d,
92
92
  className: o(
93
93
  "relative flex w-full cursor-default select-none items-center rounded-xs py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
94
94
  s
@@ -101,7 +101,7 @@ const x = d.forwardRef(({ className: s, children: r, ...a }, l) => /* @__PURE__
101
101
  }
102
102
  ));
103
103
  x.displayName = e.Item.displayName;
104
- const g = d.forwardRef(({ className: s, ...r }, a) => /* @__PURE__ */ t.jsx(
104
+ const g = l.forwardRef(({ className: s, ...r }, a) => /* @__PURE__ */ t.jsx(
105
105
  e.Separator,
106
106
  {
107
107
  ref: a,
@@ -1,8 +1,8 @@
1
- import { j as a } from "../../_virtual/jsx-runtime.js";
1
+ import { j as o } from "../../_virtual/jsx-runtime.js";
2
2
  import * as d from "react";
3
3
  import * as t from "@radix-ui/react-tooltip";
4
4
  import { cn as s } from "../../lib/utils.js";
5
- const f = t.Provider, p = t.Root, c = t.Trigger, l = d.forwardRef(({ className: e, sideOffset: i = 4, ...o }, r) => /* @__PURE__ */ a.jsxs(
5
+ const c = t.Provider, f = t.Root, p = t.Trigger, l = d.forwardRef(({ className: e, sideOffset: i = 4, ...a }, r) => /* @__PURE__ */ o.jsx(t.Portal, { children: /* @__PURE__ */ o.jsxs(
6
6
  t.Content,
7
7
  {
8
8
  ref: r,
@@ -14,17 +14,17 @@ const f = t.Provider, p = t.Root, c = t.Trigger, l = d.forwardRef(({ className:
14
14
  "data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
15
15
  e
16
16
  ),
17
- ...o,
17
+ ...a,
18
18
  children: [
19
- o.children,
20
- /* @__PURE__ */ a.jsx(t.Arrow, { className: "fill-black dark:fill-white" })
19
+ a.children,
20
+ /* @__PURE__ */ o.jsx(t.Arrow, { className: "fill-black dark:fill-white" })
21
21
  ]
22
22
  }
23
- ));
23
+ ) }));
24
24
  l.displayName = t.Content.displayName;
25
25
  export {
26
- p as Tooltip,
26
+ f as Tooltip,
27
27
  l as TooltipContent,
28
- f as TooltipProvider,
29
- c as TooltipTrigger
28
+ c as TooltipProvider,
29
+ p as TooltipTrigger
30
30
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yuno-payments/dashboard-design-system",
3
- "version": "2.1.1",
3
+ "version": "2.2.1",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",
@@ -39,8 +39,8 @@
39
39
  "build:sb": "npm run build",
40
40
  "build:prod": "npm run build",
41
41
  "build:dev": "npm run build",
42
- "generate:registry": "tsx --tsconfig tsconfig.app.json scripts/generate-registry.ts",
43
- "validate:registry": "tsx --tsconfig tsconfig.app.json scripts/validate-registry.ts",
42
+ "generate:registry": "npx tsx --tsconfig tsconfig.app.json scripts/generate-registry.ts",
43
+ "validate:registry": "npx tsx --tsconfig tsconfig.app.json scripts/validate-registry.ts",
44
44
  "prepublishOnly": "npm run generate:registry && npm run validate:registry && npm run build:dist",
45
45
  "lint": "eslint .",
46
46
  "storybook": "storybook dev -p 6006 --host 0.0.0.0",
@@ -1,6 +1,6 @@
1
1
  {
2
- "version": "2.1.1",
3
- "generatedAt": "2026-03-25T01:20:07.161Z",
2
+ "version": "2.2.1",
3
+ "generatedAt": "2026-03-25T21:30:56.246Z",
4
4
  "components": [
5
5
  {
6
6
  "name": "AccessDeniedAlert",