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

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.
@@ -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.0",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",
@@ -1,6 +1,6 @@
1
1
  {
2
- "version": "2.1.1",
3
- "generatedAt": "2026-03-25T01:20:07.161Z",
2
+ "version": "2.2.0",
3
+ "generatedAt": "2026-03-25T11:50:35.573Z",
4
4
  "components": [
5
5
  {
6
6
  "name": "AccessDeniedAlert",