@yuno-payments/dashboard-design-system 0.0.170 → 0.0.172

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 (161) hide show
  1. package/dist/components/atoms/access-denied-alert/access-denied-alert.d.ts +16 -0
  2. package/dist/components/atoms/accordion/accordion.d.ts +66 -0
  3. package/dist/components/atoms/alert/alert.d.ts +26 -1
  4. package/dist/components/atoms/alert/alert.js +9 -8
  5. package/dist/components/atoms/avatar/avatar-group.d.ts +28 -0
  6. package/dist/components/atoms/avatar/avatar.d.ts +25 -0
  7. package/dist/components/atoms/avatar/avatar.js +9 -9
  8. package/dist/components/atoms/badge/badge.d.ts +30 -2
  9. package/dist/components/atoms/badge/badge.js +27 -11
  10. package/dist/components/atoms/button/button.d.ts +44 -0
  11. package/dist/components/atoms/card/card.d.ts +137 -3
  12. package/dist/components/atoms/card/card.js +56 -28
  13. package/dist/components/atoms/checkbox/checkbox.d.ts +38 -2
  14. package/dist/components/atoms/checkbox/checkbox.js +61 -27
  15. package/dist/components/atoms/combobox/combobox.d.ts +18 -0
  16. package/dist/components/atoms/combobox/combobox.js +41 -41
  17. package/dist/components/atoms/combobox/types.d.ts +90 -1
  18. package/dist/components/atoms/currency-field/currency-field.d.ts +38 -0
  19. package/dist/components/atoms/currency-field/currency-field.js +22 -19
  20. package/dist/components/atoms/date-picker/date-picker.d.ts +15 -0
  21. package/dist/components/atoms/date-range-picker/date-range-picker.d.ts +15 -0
  22. package/dist/components/atoms/dots-menu/dots-menu.d.ts +16 -0
  23. package/dist/components/atoms/dots-menu/dots-menu.js +8 -8
  24. package/dist/components/atoms/dots-menu/dots-menu.types.d.ts +52 -0
  25. package/dist/components/atoms/dropdown-menu/dropdown-menu.d.ts +50 -0
  26. package/dist/components/atoms/field/field.d.ts +55 -0
  27. package/dist/components/atoms/field/field.js +53 -46
  28. package/dist/components/atoms/filter/filter-date-range.d.ts +12 -2
  29. package/dist/components/atoms/filter/filter-date-range.js +203 -168
  30. package/dist/components/atoms/filter/filter.d.ts +6 -0
  31. package/dist/components/atoms/filter/filter.js +91 -76
  32. package/dist/components/atoms/filter/index.d.ts +1 -1
  33. package/dist/components/atoms/filter-dropdown/filter-dropdown.d.ts +208 -2
  34. package/dist/components/atoms/filter-dropdown/filter-dropdown.js +214 -160
  35. package/dist/components/atoms/icon/aida-logo.d.ts +3 -0
  36. package/dist/components/atoms/icon/aida-logo.js +64 -0
  37. package/dist/components/atoms/icon/icon-list.d.ts +5 -0
  38. package/dist/components/atoms/icon/icon-list.js +394 -384
  39. package/dist/components/atoms/icon/icon.d.ts +29 -0
  40. package/dist/components/atoms/index.d.ts +3 -2
  41. package/dist/components/atoms/label/index.d.ts +1 -1
  42. package/dist/components/atoms/label/label.d.ts +11 -0
  43. package/dist/components/atoms/label/label.js +28 -0
  44. package/dist/components/atoms/link/link.d.ts +20 -0
  45. package/dist/components/atoms/loading/index.d.ts +1 -0
  46. package/dist/components/atoms/loading/loading.d.ts +39 -0
  47. package/dist/components/atoms/loading/loading.js +37 -0
  48. package/dist/components/atoms/multi-select/multi-select.d.ts +1 -1
  49. package/dist/components/atoms/multi-select/multi-select.js +6 -6
  50. package/dist/components/atoms/multi-values-field/multi-values-field.d.ts +16 -0
  51. package/dist/components/atoms/multi-values-field/multi-values-field.js +109 -87
  52. package/dist/components/atoms/multi-values-field/multi-values-field.types.d.ts +81 -0
  53. package/dist/components/atoms/otp-field/otp-field.d.ts +32 -0
  54. package/dist/components/atoms/password-field/password-field.d.ts +23 -0
  55. package/dist/components/atoms/password-field/password-field.js +1 -1
  56. package/dist/components/atoms/progress/progress.d.ts +15 -0
  57. package/dist/components/atoms/protected-field/protected-field.d.ts +10 -0
  58. package/dist/components/atoms/protected-field/protected-field.types.d.ts +14 -0
  59. package/dist/components/atoms/radio-group/radio-group-option.js +11 -11
  60. package/dist/components/atoms/radio-group/radio-group.d.ts +50 -1
  61. package/dist/components/atoms/radio-group/radio-group.js +13 -12
  62. package/dist/components/atoms/search-field/search-field.d.ts +14 -0
  63. package/dist/components/atoms/search-field/search-field.js +17 -17
  64. package/dist/components/atoms/search-field/search-field.types.d.ts +57 -0
  65. package/dist/components/atoms/select/index.d.ts +2 -0
  66. package/dist/components/atoms/select/search-select.d.ts +22 -0
  67. package/dist/components/atoms/select/search-select.js +201 -0
  68. package/dist/components/atoms/select/select.d.ts +83 -1
  69. package/dist/components/atoms/select/select.js +21 -21
  70. package/dist/components/atoms/separator/separator.d.ts +17 -0
  71. package/dist/components/atoms/skeleton/index.d.ts +9 -0
  72. package/dist/components/atoms/switch/switch.d.ts +56 -2
  73. package/dist/components/atoms/switch/switch.js +64 -32
  74. package/dist/components/atoms/tabs/index.d.ts +16 -0
  75. package/dist/components/atoms/textarea/textarea.d.ts +32 -0
  76. package/dist/components/atoms/textarea/textarea.js +1 -1
  77. package/dist/components/atoms/time-picker/time-picker.d.ts +73 -2
  78. package/dist/components/atoms/time-picker/time-picker.js +218 -3
  79. package/dist/components/atoms/toaster/index.d.ts +15 -0
  80. package/dist/components/atoms/toggle-group/toggle-group.d.ts +26 -1
  81. package/dist/components/atoms/toggle-group/toggle-group.js +15 -14
  82. package/dist/components/atoms/tooltip/tooltip.d.ts +53 -2
  83. package/dist/components/atoms/typography/typography.d.ts +18 -0
  84. package/dist/components/molecules/breadcrumb/breadcrumb.d.ts +50 -0
  85. package/dist/components/molecules/breadcrumb/breadcrumb.js +17 -17
  86. package/dist/components/molecules/dialog-content/dialog-content.d.ts +16 -0
  87. package/dist/components/molecules/dialog-footer/dialog-footer.d.ts +20 -0
  88. package/dist/components/molecules/dialog-header/dialog-header.d.ts +31 -0
  89. package/dist/components/molecules/empty/empty-icon.js +6 -6
  90. package/dist/components/molecules/empty/empty.d.ts +16 -1
  91. package/dist/components/molecules/empty/empty.js +37 -34
  92. package/dist/components/molecules/highlight-banner/highlight-banner.d.ts +17 -0
  93. package/dist/components/molecules/pagination/pagination.d.ts +49 -0
  94. package/dist/components/organisms/data-table/components/cells/data-table-list-cell.d.ts +41 -0
  95. package/dist/components/organisms/data-table/components/column-header/data-table-column-header-content.js +1 -1
  96. package/dist/components/organisms/data-table/components/column-header/data-table-column-header-menu.js +18 -18
  97. package/dist/components/organisms/data-table/components/column-header/data-table-column-header.d.ts +18 -0
  98. package/dist/components/organisms/data-table/components/column-header/data-table-column-header.js +10 -10
  99. package/dist/components/organisms/data-table/components/data-table-body.d.ts +18 -0
  100. package/dist/components/organisms/data-table/components/data-table-header.d.ts +12 -0
  101. package/dist/components/organisms/data-table/components/data-table-header.js +7 -7
  102. package/dist/components/organisms/data-table/components/states/data-table-loading.d.ts +24 -0
  103. package/dist/components/organisms/data-table/components/states/data-table-loading.js +6 -6
  104. package/dist/components/organisms/data-table/data-table.d.ts +133 -4
  105. package/dist/components/organisms/data-table/data-table.js +132 -100
  106. package/dist/components/organisms/data-table/data-table.types.d.ts +35 -26
  107. package/dist/components/organisms/data-table/hooks/use-data-table-columns.js +57 -41
  108. package/dist/components/organisms/data-table/hooks/use-data-table-state.d.ts +8 -2
  109. package/dist/components/organisms/data-table/hooks/use-data-table-state.js +82 -47
  110. package/dist/components/organisms/data-table/utils/data-table-constants.d.ts +8 -2
  111. package/dist/components/organisms/data-table/utils/data-table-constants.js +16 -10
  112. package/dist/components/organisms/data-table/utils/data-table-styles.d.ts +1652 -0
  113. package/dist/components/organisms/data-table/utils/data-table-styles.js +29 -14
  114. package/dist/components/organisms/dialog/dialog.d.ts +67 -1
  115. package/dist/components/organisms/dialog/dialog.js +78 -61
  116. package/dist/components/organisms/index.d.ts +2 -0
  117. package/dist/components/organisms/sheet/sheet.d.ts +69 -0
  118. package/dist/components/organisms/sheet/sheet.js +34 -33
  119. package/dist/components/organisms/tutorial/index.d.ts +2 -0
  120. package/dist/components/organisms/tutorial/tutorial.d.ts +16 -0
  121. package/dist/components/organisms/tutorial/tutorial.js +114 -0
  122. package/dist/components/organisms/tutorial/tutorial.types.d.ts +15 -0
  123. package/dist/hooks/index.d.ts +3 -0
  124. package/dist/hooks/use-body-scroll-lock.d.ts +13 -0
  125. package/dist/hooks/use-escape-key.d.ts +14 -0
  126. package/dist/hooks/use-media-query.d.ts +20 -0
  127. package/dist/hooks/use-media-query.js +21 -0
  128. package/dist/index.css +1 -1
  129. package/dist/index.d.ts +2 -0
  130. package/dist/index.js +173 -162
  131. package/dist/lib/notification-alert.d.ts +42 -0
  132. package/dist/lib/notification-alert.js +75 -0
  133. package/dist/node_modules/@phosphor-icons/react/dist/csr/File.es.js +8 -0
  134. package/dist/node_modules/@phosphor-icons/react/dist/csr/Microphone.es.js +8 -0
  135. package/dist/node_modules/@phosphor-icons/react/dist/csr/Stop.es.js +8 -0
  136. package/dist/node_modules/@phosphor-icons/react/dist/csr/Table.es.js +8 -0
  137. package/dist/node_modules/@phosphor-icons/react/dist/defs/File.es.js +30 -0
  138. package/dist/node_modules/@phosphor-icons/react/dist/defs/Microphone.es.js +36 -0
  139. package/dist/node_modules/@phosphor-icons/react/dist/defs/Stop.es.js +36 -0
  140. package/dist/node_modules/@phosphor-icons/react/dist/defs/Table.es.js +30 -0
  141. package/dist/vendor/shadcn/avatar.js +19 -19
  142. package/dist/vendor/shadcn/badge.js +15 -15
  143. package/dist/vendor/shadcn/card.js +7 -7
  144. package/dist/vendor/shadcn/date-picker.d.ts +2 -2
  145. package/dist/vendor/shadcn/date-picker.js +1 -1
  146. package/dist/vendor/shadcn/date-range-picker.d.ts +2 -2
  147. package/dist/vendor/shadcn/date-range-picker.js +1 -1
  148. package/dist/vendor/shadcn/dialog.js +2 -2
  149. package/dist/vendor/shadcn/input-group.js +17 -17
  150. package/dist/vendor/shadcn/input.js +7 -7
  151. package/dist/vendor/shadcn/popover.js +1 -1
  152. package/dist/vendor/shadcn/select.js +2 -2
  153. package/dist/vendor/shadcn/sonner.d.ts +26 -1
  154. package/dist/vendor/shadcn/sonner.js +12 -8
  155. package/dist/vendor/shadcn/table.js +30 -30
  156. package/dist/vendor/shadcn/textarea.js +9 -9
  157. package/dist/vendor/shadcn/time-picker.d.ts +1 -2
  158. package/dist/vendor/shadcn/time-picker.js +17 -23
  159. package/dist/vendor/shadcn/toggle.js +13 -13
  160. package/dist/vendor/shadcn/tooltip.js +25 -15
  161. package/package.json +1 -1
@@ -1,20 +1,20 @@
1
- import { j as t } from "../../_virtual/jsx-runtime.js";
2
- import * as a from "react";
3
- import { cn as o } from "../../lib/utils.js";
4
- const n = a.forwardRef(
5
- ({ className: e, ...r }, i) => /* @__PURE__ */ t.jsx(
1
+ import { j as a } from "../../_virtual/jsx-runtime.js";
2
+ import * as o from "react";
3
+ import { cn as t } from "../../lib/utils.js";
4
+ const n = o.forwardRef(
5
+ ({ className: r, ...e }, i) => /* @__PURE__ */ a.jsx(
6
6
  "textarea",
7
7
  {
8
8
  ref: i,
9
9
  "data-slot": "textarea",
10
- className: o(
11
- "font-normal placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex min-h-[80px] w-full min-w-0 rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
10
+ className: t(
11
+ "font-normal placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex min-h-[80px] w-full min-w-0 rounded-md border bg-transparent px-3 py-2 text-sm shadow-xs transition-[color,box-shadow] outline-none disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
12
12
  "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
13
13
  "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
14
14
  "resize-none",
15
- e
15
+ r
16
16
  ),
17
- ...r
17
+ ...e
18
18
  }
19
19
  )
20
20
  );
@@ -1,7 +1,6 @@
1
1
  import * as React from "react";
2
- export interface TimePickerProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "value" | "onChange"> {
2
+ export interface TimePickerProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "value"> {
3
3
  value?: string;
4
- onTimeChange?: (time: string) => void;
5
4
  }
6
5
  declare const TimePicker: React.ForwardRefExoticComponent<TimePickerProps & React.RefAttributes<HTMLInputElement>>;
7
6
  export { TimePicker };
@@ -1,27 +1,21 @@
1
- import { j as s } from "../../_virtual/jsx-runtime.js";
2
- import * as n from "react";
1
+ import { j as o } from "../../_virtual/jsx-runtime.js";
2
+ import * as i from "react";
3
3
  import { Input as p } from "./input.js";
4
- import { cn as c } from "../../lib/utils.js";
5
- const f = n.forwardRef(
6
- ({ className: e, value: r, onTimeChange: t, ...m }, o) => {
7
- const a = (i) => {
8
- t?.(i.target.value);
9
- };
10
- return /* @__PURE__ */ s.jsx(
11
- p,
12
- {
13
- ref: o,
14
- type: "time",
15
- step: "1",
16
- value: r,
17
- onChange: a,
18
- className: c("h-9", e),
19
- ...m
20
- }
21
- );
22
- }
4
+ import { cn as s } from "../../lib/utils.js";
5
+ const a = i.forwardRef(
6
+ ({ className: r, value: m, ...e }, t) => /* @__PURE__ */ o.jsx(
7
+ p,
8
+ {
9
+ ref: t,
10
+ type: "time",
11
+ step: "1",
12
+ value: m,
13
+ className: s("h-9", r),
14
+ ...e
15
+ }
16
+ )
23
17
  );
24
- f.displayName = "TimePicker";
18
+ a.displayName = "TimePicker";
25
19
  export {
26
- f as TimePicker
20
+ a as TimePicker
27
21
  };
@@ -1,20 +1,20 @@
1
- import { j as n } from "../../_virtual/jsx-runtime.js";
1
+ import { j as i } from "../../_virtual/jsx-runtime.js";
2
2
  import * as s from "react";
3
3
  import * as e from "@radix-ui/react-toggle";
4
4
  import { cva as d } from "../../node_modules/class-variance-authority/dist/index.js";
5
5
  import { cn as f } from "../../lib/utils.js";
6
- const l = d(
6
+ const c = d(
7
7
  "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",
8
8
  {
9
9
  variants: {
10
10
  variant: {
11
11
  default: "bg-transparent",
12
- outline: "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground"
12
+ outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground data-[state=on]:bg-accent"
13
13
  },
14
14
  size: {
15
- default: "h-9 px-2",
16
- sm: "h-8 px-2.5",
17
- lg: "h-10 px-2.5"
15
+ default: "h-9 p-1.5",
16
+ sm: "h-8 p-1.5",
17
+ lg: "h-10 p-1.5"
18
18
  }
19
19
  },
20
20
  defaultVariants: {
@@ -22,16 +22,16 @@ const l = d(
22
22
  size: "default"
23
23
  }
24
24
  }
25
- ), m = s.forwardRef(({ className: t, variant: o, size: r, ...a }, i) => /* @__PURE__ */ n.jsx(
25
+ ), g = s.forwardRef(({ className: t, variant: o, size: a, ...r }, n) => /* @__PURE__ */ i.jsx(
26
26
  e.Root,
27
27
  {
28
- ref: i,
29
- className: f(l({ variant: o, size: r, className: t })),
30
- ...a
28
+ ref: n,
29
+ className: f(c({ variant: o, size: a, className: t })),
30
+ ...r
31
31
  }
32
32
  ));
33
- m.displayName = e.Root.displayName;
33
+ g.displayName = e.Root.displayName;
34
34
  export {
35
- m as Toggle,
36
- l as toggleVariants
35
+ g as Toggle,
36
+ c as toggleVariants
37
37
  };
@@ -1,26 +1,36 @@
1
- import { j as t } from "../../_virtual/jsx-runtime.js";
2
- import * as d from "react";
3
- import * as o from "@radix-ui/react-tooltip";
4
- import { cn as s } from "../../lib/utils.js";
5
- const p = o.Provider, f = o.Root, c = o.Trigger, n = d.forwardRef(({ className: e, sideOffset: i = 4, ...a }, r) => /* @__PURE__ */ t.jsx(o.Portal, { children: /* @__PURE__ */ t.jsx(
6
- o.Content,
1
+ import { j as o } from "../../_virtual/jsx-runtime.js";
2
+ import * as s from "react";
3
+ import * as t from "@radix-ui/react-tooltip";
4
+ import { cn as l } from "../../lib/utils.js";
5
+ const c = t.Provider, p = t.Root, f = t.Trigger, d = s.forwardRef(({ className: e, sideOffset: a = 4, ...i }, r) => /* @__PURE__ */ o.jsx(t.Portal, { children: /* @__PURE__ */ o.jsxs(
6
+ t.Content,
7
7
  {
8
8
  ref: r,
9
- sideOffset: i,
10
- className: s(
11
- "z-[1000000000] overflow-hidden rounded-lg bg-black px-3 py-1.5 text-xs text-white",
9
+ sideOffset: a,
10
+ className: l(
11
+ "z-tooltip max-w-xs rounded-lg bg-black px-3 py-1.5 text-xs text-white",
12
12
  "animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
13
13
  "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",
14
14
  e
15
15
  ),
16
16
  style: { backgroundColor: "rgb(10, 10, 10)", opacity: 1 },
17
- ...a
17
+ ...i,
18
+ children: [
19
+ i.children,
20
+ /* @__PURE__ */ o.jsx(
21
+ t.Arrow,
22
+ {
23
+ className: "fill-black",
24
+ style: { fill: "rgb(10, 10, 10)" }
25
+ }
26
+ )
27
+ ]
18
28
  }
19
29
  ) }));
20
- n.displayName = o.Content.displayName;
30
+ d.displayName = t.Content.displayName;
21
31
  export {
22
- f as Tooltip,
23
- n as TooltipContent,
24
- p as TooltipProvider,
25
- c as TooltipTrigger
32
+ p as Tooltip,
33
+ d as TooltipContent,
34
+ c as TooltipProvider,
35
+ f as TooltipTrigger
26
36
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yuno-payments/dashboard-design-system",
3
- "version": "0.0.170",
3
+ "version": "0.0.172",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",