@vkzstudio/muza-ui 1.0.44 → 1.0.45

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 (84) hide show
  1. package/dist/components/DataTable/DataTable.d.ts +14 -5
  2. package/dist/components/DataTable/DataTable.d.ts.map +1 -1
  3. package/dist/components/DataTable/DataTable.js +39 -39
  4. package/dist/components/DataTable/DataTable.stories.d.ts.map +1 -1
  5. package/dist/components/DropdownMenu/DropdownMenu.d.ts +38 -7
  6. package/dist/components/DropdownMenu/DropdownMenu.d.ts.map +1 -1
  7. package/dist/components/DropdownMenu/DropdownMenu.js +165 -163
  8. package/dist/components/DropdownMenu/DropdownMenu.stories.d.ts +3 -17
  9. package/dist/components/DropdownMenu/DropdownMenu.stories.d.ts.map +1 -1
  10. package/dist/components/ExpandableTable/ExpandableTable.d.ts +30 -11
  11. package/dist/components/ExpandableTable/ExpandableTable.d.ts.map +1 -1
  12. package/dist/components/ExpandableTable/ExpandableTable.js +100 -111
  13. package/dist/components/ExpandableTable/ExpandableTable.stories.d.ts +3 -1
  14. package/dist/components/ExpandableTable/ExpandableTable.stories.d.ts.map +1 -1
  15. package/dist/components/FileUpload/FileItem.d.ts +6 -0
  16. package/dist/components/FileUpload/FileItem.d.ts.map +1 -1
  17. package/dist/components/FileUpload/FileItem.js +38 -41
  18. package/dist/components/FileUpload/FileUpload.d.ts +32 -0
  19. package/dist/components/FileUpload/FileUpload.d.ts.map +1 -1
  20. package/dist/components/FileUpload/FileUpload.js +87 -83
  21. package/dist/components/FileUpload/FileUpload.stories.d.ts +1 -0
  22. package/dist/components/FileUpload/FileUpload.stories.d.ts.map +1 -1
  23. package/dist/components/Flex/Flex.d.ts +1 -1
  24. package/dist/components/Icons/CustomBadges.d.ts +14 -0
  25. package/dist/components/Icons/CustomBadges.d.ts.map +1 -0
  26. package/dist/components/Icons/CustomBadges.js +334 -0
  27. package/dist/components/Icons/CustomIcons.d.ts +24 -0
  28. package/dist/components/Icons/CustomIcons.d.ts.map +1 -1
  29. package/dist/components/Icons/CustomIcons.js +88 -42
  30. package/dist/components/Icons/CustomLogos.d.ts +29 -0
  31. package/dist/components/Icons/CustomLogos.d.ts.map +1 -0
  32. package/dist/components/Icons/CustomLogos.js +593 -0
  33. package/dist/components/Icons/LogosAndBadges.stories.d.ts +7 -0
  34. package/dist/components/Icons/LogosAndBadges.stories.d.ts.map +1 -0
  35. package/dist/components/Icons/index.d.ts +2 -0
  36. package/dist/components/Icons/index.d.ts.map +1 -1
  37. package/dist/components/LanguageSwitcher/LanguageSwitcher.d.ts +24 -1
  38. package/dist/components/LanguageSwitcher/LanguageSwitcher.d.ts.map +1 -1
  39. package/dist/components/LanguageSwitcher/LanguageSwitcher.js +71 -52
  40. package/dist/components/LanguageSwitcher/LanguageSwitcher.stories.d.ts +2 -0
  41. package/dist/components/LanguageSwitcher/LanguageSwitcher.stories.d.ts.map +1 -1
  42. package/dist/components/MultiSelect/MultiSelect.d.ts.map +1 -1
  43. package/dist/components/MultiSelect/MultiSelect.js +18 -17
  44. package/dist/components/ResponsiveLayoutTable/ResponsiveLayoutTable.d.ts +266 -0
  45. package/dist/components/ResponsiveLayoutTable/ResponsiveLayoutTable.d.ts.map +1 -0
  46. package/dist/components/ResponsiveLayoutTable/ResponsiveLayoutTable.examples.d.ts +39 -0
  47. package/dist/components/ResponsiveLayoutTable/ResponsiveLayoutTable.examples.d.ts.map +1 -0
  48. package/dist/components/ResponsiveLayoutTable/ResponsiveLayoutTable.js +134 -0
  49. package/dist/components/ResponsiveLayoutTable/ResponsiveLayoutTable.stories.d.ts +14 -0
  50. package/dist/components/ResponsiveLayoutTable/ResponsiveLayoutTable.stories.d.ts.map +1 -0
  51. package/dist/components/ResponsiveLayoutTable/index.d.ts +2 -0
  52. package/dist/components/ResponsiveLayoutTable/index.d.ts.map +1 -0
  53. package/dist/components/Select/Select.d.ts +20 -7
  54. package/dist/components/Select/Select.d.ts.map +1 -1
  55. package/dist/components/Select/Select.js +123 -92
  56. package/dist/components/Select/Select.stories.d.ts +1 -0
  57. package/dist/components/Select/Select.stories.d.ts.map +1 -1
  58. package/dist/components/Select/utils.d.ts +1 -0
  59. package/dist/components/Select/utils.d.ts.map +1 -1
  60. package/dist/components/Select/utils.js +5 -2
  61. package/dist/components/Toggle/Toggle.js +1 -1
  62. package/dist/components/ToggleCheckButton/ToggleCheckButton.d.ts +69 -0
  63. package/dist/components/ToggleCheckButton/ToggleCheckButton.d.ts.map +1 -0
  64. package/dist/components/ToggleCheckButton/ToggleCheckButton.js +64 -0
  65. package/dist/components/ToggleCheckButton/ToggleCheckButton.stories.d.ts +8 -0
  66. package/dist/components/ToggleCheckButton/ToggleCheckButton.stories.d.ts.map +1 -0
  67. package/dist/components/ToggleCheckButton/index.d.ts +2 -0
  68. package/dist/components/ToggleCheckButton/index.d.ts.map +1 -0
  69. package/dist/components/WebCheckoutNav/WebCheckoutNav.examples.d.ts +19 -0
  70. package/dist/components/WebCheckoutNav/WebCheckoutNav.examples.d.ts.map +1 -0
  71. package/dist/components/WebCheckoutNav/WebCheckoutNav.stories.d.ts +8 -0
  72. package/dist/components/WebCheckoutNav/WebCheckoutNav.stories.d.ts.map +1 -0
  73. package/dist/components/index.d.ts +2 -0
  74. package/dist/components/index.d.ts.map +1 -1
  75. package/dist/hooks/use-is-breakpoint.d.ts +11 -0
  76. package/dist/hooks/use-is-breakpoint.d.ts.map +1 -1
  77. package/dist/hooks/use-is-breakpoint.js +24 -13
  78. package/dist/index.js +236 -215
  79. package/dist/muza-ui.css +1 -1
  80. package/dist/styles/token-colors.css +64 -3
  81. package/dist/styles/token-sizes.css +86 -54
  82. package/dist/utils/cn.d.ts.map +1 -1
  83. package/dist/utils/cn.js +16 -5
  84. package/package.json +1 -1
@@ -7,7 +7,7 @@ import { VariantProps } from 'class-variance-authority';
7
7
  */
8
8
  declare const dataTableCellVariants: (props?: ({
9
9
  variant?: "default" | "white" | null | undefined;
10
- position?: "first" | "last" | "middle" | null | undefined;
10
+ position?: "middle" | "first" | "last" | null | undefined;
11
11
  } & import('class-variance-authority/types').ClassProp) | undefined) => string;
12
12
  /**
13
13
  * Column definition for the DataTable component. Describes how a single column
@@ -23,7 +23,9 @@ declare const dataTableCellVariants: (props?: ({
23
23
  * { dataKey: 'name', title: '', render: (value, row, i) => <Button onClick={() => edit(i)} /> },
24
24
  * ]
25
25
  */
26
- export interface DataTableColumn<T> {
26
+ export interface DataTableColumn<T extends {
27
+ id: string | number;
28
+ }> {
27
29
  /** Property key on each row object whose value is displayed in this column. */
28
30
  dataKey: keyof T;
29
31
  /** Header label for the column. Pass an empty string to render a blank header (e.g. an actions column). */
@@ -55,9 +57,14 @@ export interface DataTableColumn<T> {
55
57
  * Extends standard table attributes except `children` (content is driven by
56
58
  * `data` and `columns` rather than JSX children).
57
59
  *
58
- * @typeParam T - The type of data objects in each row
60
+ * @typeParam T - The type of data objects in each row. Must include an
61
+ * `id: string | number` field so each row has a stable React key —
62
+ * keying by index corrupts focus / uncontrolled inputs / animation state
63
+ * whenever rows reorder, filter, or paginate.
59
64
  */
60
- export interface DataTableProps<T> extends Omit<React.HTMLAttributes<HTMLTableElement>, 'children'>, Omit<VariantProps<typeof dataTableCellVariants>, 'variant' | 'position'> {
65
+ export interface DataTableProps<T extends {
66
+ id: string | number;
67
+ }> extends Omit<React.HTMLAttributes<HTMLTableElement>, 'children'>, Omit<VariantProps<typeof dataTableCellVariants>, 'variant' | 'position'> {
61
68
  /** Array of data objects to display. Each item renders as one table row. */
62
69
  data: T[];
63
70
  /**
@@ -100,6 +107,8 @@ export interface DataTableProps<T> extends Omit<React.HTMLAttributes<HTMLTableEl
100
107
  */
101
108
  onRowClick?: (rowData: T, rowIndex: number) => void;
102
109
  }
103
- declare const DataTable: <T>({ data, columns, showHeader, className, variant, disabled, onRowClick, ...props }: DataTableProps<T>) => import("react/jsx-runtime").JSX.Element;
110
+ declare const DataTable: <T extends {
111
+ id: string | number;
112
+ }>({ data, columns, showHeader, className, variant, disabled, onRowClick, ...props }: DataTableProps<T>) => import("react/jsx-runtime").JSX.Element;
104
113
  export { DataTable, dataTableCellVariants };
105
114
  //# sourceMappingURL=DataTable.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAIjE;;;;GAIG;AACH,QAAA,MAAM,qBAAqB;;;8EAmB1B,CAAA;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,eAAe,CAAC,CAAC;IAChC,+EAA+E;IAC/E,OAAO,EAAE,MAAM,CAAC,CAAA;IAChB,2GAA2G;IAC3G,KAAK,EAAE,SAAS,CAAA;IAChB,uGAAuG;IACvG,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,CAAC,GAAG,CAAC,CAAA;IAC3B;;;;;;;;;;OAUG;IACH,MAAM,CAAC,EAAE,CACP,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EACjB,OAAO,EAAE,CAAC,EACV,QAAQ,EAAE,MAAM,EAChB,QAAQ,CAAC,EAAE,OAAO,KACf,SAAS,CAAA;CACf;AAED;;;;;;GAMG;AACH,MAAM,WAAW,cAAc,CAAC,CAAC,CAC/B,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,EAC9D,IAAI,CAAC,YAAY,CAAC,OAAO,qBAAqB,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IAC1E,4EAA4E;IAC5E,IAAI,EAAE,CAAC,EAAE,CAAA;IACT;;;OAGG;IACH,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAA;IAC7B,iEAAiE;IACjE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC7B;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;;;;;;;;;OAYG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;CACpD;AAED,QAAA,MAAM,SAAS,GAAI,CAAC,EAAG,mFASpB,cAAc,CAAC,CAAC,CAAC,4CAwGnB,CAAA;AAED,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,CAAA"}
1
+ {"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,EAAE,KAAK,YAAY,EAAO,MAAM,0BAA0B,CAAA;AAIjE;;;;GAIG;AACH,QAAA,MAAM,qBAAqB;;;8EAmB1B,CAAA;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE;IAChE,+EAA+E;IAC/E,OAAO,EAAE,MAAM,CAAC,CAAA;IAChB,2GAA2G;IAC3G,KAAK,EAAE,SAAS,CAAA;IAChB,uGAAuG;IACvG,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,GAAG,CAAC,GAAG,CAAC,CAAA;IAC3B;;;;;;;;;;OAUG;IACH,MAAM,CAAC,EAAE,CACP,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EACjB,OAAO,EAAE,CAAC,EACV,QAAQ,EAAE,MAAM,EAChB,QAAQ,CAAC,EAAE,OAAO,KACf,SAAS,CAAA;CACf;AAED;;;;;;;;;GASG;AACH,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAC/D,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC,EAC9D,IAAI,CAAC,YAAY,CAAC,OAAO,qBAAqB,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IAC1E,4EAA4E;IAC5E,IAAI,EAAE,CAAC,EAAE,CAAA;IACT;;;OAGG;IACH,OAAO,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,CAAA;IAC7B,iEAAiE;IACjE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAA;IAC7B;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;;;;;;;;;;OAYG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;CACpD;AAED,QAAA,MAAM,SAAS,GAAI,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,EAAE,mFASnD,cAAc,CAAC,CAAC,CAAC,4CAwGnB,CAAA;AAED,OAAO,EAAE,SAAS,EAAE,qBAAqB,EAAE,CAAA"}
@@ -1,9 +1,9 @@
1
- import { jsx as r, jsxs as h } from "react/jsx-runtime";
1
+ import { jsx as t, jsxs as h } from "react/jsx-runtime";
2
2
  import "react";
3
3
  import { cva as u } from "class-variance-authority";
4
- import { cn as i } from "../../utils/cn.js";
5
- import { typographyVariants as y, Typography as g } from "../Typography/Typography.js";
6
- const v = u(
4
+ import { cn as a } from "../../utils/cn.js";
5
+ import { typographyVariants as y, Typography as x } from "../Typography/Typography.js";
6
+ const g = u(
7
7
  "h-comp-table-h-def border-y border-stroke-base-secondary px-2xl transition-colors",
8
8
  {
9
9
  variants: {
@@ -24,28 +24,28 @@ const v = u(
24
24
  }
25
25
  ), K = ({
26
26
  data: p,
27
- columns: l,
27
+ columns: n,
28
28
  showHeader: m = !0,
29
29
  className: c,
30
30
  variant: f = "default",
31
- disabled: s = !1,
32
- onRowClick: d,
31
+ disabled: i = !1,
32
+ onRowClick: s,
33
33
  ...b
34
34
  }) => {
35
- const n = !!d && !s;
36
- return /* @__PURE__ */ r("div", { className: "w-full overflow-x-auto overflow-y-hidden", children: /* @__PURE__ */ h(
35
+ const l = !!s && !i;
36
+ return /* @__PURE__ */ t("div", { className: "w-full overflow-x-auto overflow-y-hidden", children: /* @__PURE__ */ h(
37
37
  "table",
38
38
  {
39
- className: i(
39
+ className: a(
40
40
  "-my-md w-full border-separate border-spacing-y-md",
41
41
  c
42
42
  ),
43
43
  ...b,
44
44
  children: [
45
- m && /* @__PURE__ */ r("thead", { children: /* @__PURE__ */ r("tr", { children: l.map((t, a) => /* @__PURE__ */ r(
45
+ m && /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ t("tr", { children: n.map((e, d) => /* @__PURE__ */ t(
46
46
  "th",
47
47
  {
48
- className: i(
48
+ className: a(
49
49
  y({
50
50
  size: "sm",
51
51
  uppercase: !0,
@@ -54,56 +54,56 @@ const v = u(
54
54
  }),
55
55
  "px-comp-table-p text-left text-text-dark-secondary",
56
56
  {
57
- "text-text-dark-disabled": s
57
+ "text-text-dark-disabled": i
58
58
  },
59
- t.className
59
+ e.className
60
60
  ),
61
- children: t.title
61
+ children: e.title
62
62
  },
63
- a
63
+ d
64
64
  )) }) }),
65
- /* @__PURE__ */ r("tbody", { children: p.map((t, a) => /* @__PURE__ */ r(
65
+ /* @__PURE__ */ t("tbody", { children: p.map((e, d) => /* @__PURE__ */ t(
66
66
  "tr",
67
67
  {
68
- className: i("group", n && "cursor-pointer"),
69
- onClick: n ? () => d == null ? void 0 : d(t, a) : void 0,
70
- children: l.map((e, o) => /* @__PURE__ */ r(
68
+ className: a("group", l && "cursor-pointer"),
69
+ onClick: l ? () => s == null ? void 0 : s(e, d) : void 0,
70
+ children: n.map((r, o) => /* @__PURE__ */ t(
71
71
  "td",
72
72
  {
73
- className: i(
74
- v({
73
+ className: a(
74
+ g({
75
75
  variant: f,
76
- position: o === 0 ? "first" : o === l.length - 1 ? "last" : "middle"
76
+ position: o === 0 ? "first" : o === n.length - 1 ? "last" : "middle"
77
77
  }),
78
- n && "group-focus-within:border-icon-brand-focus group-hover:border-icon-brand-hover",
79
- e.className
78
+ l && "group-focus-within:border-icon-brand-focus group-hover:border-icon-brand-hover",
79
+ r.className
80
80
  ),
81
- children: e.render ? e.render(
82
- t[e.dataKey],
83
- t,
84
- a,
85
- s
86
- ) : /* @__PURE__ */ r(
87
- g,
81
+ children: r.render ? r.render(
82
+ e[r.dataKey],
83
+ e,
84
+ d,
85
+ i
86
+ ) : /* @__PURE__ */ t(
87
+ x,
88
88
  {
89
89
  variant: "body",
90
90
  size: "base",
91
91
  weight: "medium",
92
92
  component: "span",
93
93
  fixY: !0,
94
- className: i({
95
- "line-clamp-1": e.lineClamp === !0 || e.lineClamp === 1,
96
- "line-clamp-2": e.lineClamp === 2,
97
- "text-text-dark-disabled": s
94
+ className: a({
95
+ "line-clamp-1": r.lineClamp === !0 || r.lineClamp === 1,
96
+ "line-clamp-2": r.lineClamp === 2,
97
+ "text-text-dark-disabled": i
98
98
  }),
99
- children: t[e.dataKey]
99
+ children: e[r.dataKey]
100
100
  }
101
101
  )
102
102
  },
103
103
  o
104
104
  ))
105
105
  },
106
- a
106
+ e.id
107
107
  )) })
108
108
  ]
109
109
  }
@@ -111,5 +111,5 @@ const v = u(
111
111
  };
112
112
  export {
113
113
  K as DataTable,
114
- v as dataTableCellVariants
114
+ g as dataTableCellVariants
115
115
  };
@@ -1 +1 @@
1
- {"version":3,"file":"DataTable.stories.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTable.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAQ3D,QAAA,MAAM,IAAI,EAAE,IAkDX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AA0FrB,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAA;AAaD,eAAO,MAAM,WAAW,EAAE,KAazB,CAAA;AA0CD,eAAO,MAAM,iBAAiB,EAAE,KAa/B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAgB1B,CAAA;AASD,eAAO,MAAM,kBAAkB,EAAE,KAoIhC,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAqJ1B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAgB1B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KActB,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAclC,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAqEzB,CAAA"}
1
+ {"version":3,"file":"DataTable.stories.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTable.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAQ3D,QAAA,MAAM,IAAI,EAAE,IAkDX,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAA;AA8FrB,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAA;AAaD,eAAO,MAAM,WAAW,EAAE,KAazB,CAAA;AA0CD,eAAO,MAAM,iBAAiB,EAAE,KAa/B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAgB1B,CAAA;AAUD,eAAO,MAAM,kBAAkB,EAAE,KAwIhC,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAwJ1B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAgB1B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KActB,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAclC,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAqEzB,CAAA"}
@@ -44,8 +44,22 @@ export interface DropdownMenuContentProps extends React.ComponentProps<typeof Dr
44
44
  }
45
45
  /** Props for DropdownMenuCheckboxItem. Extends Radix CheckboxItem with IDropdownItem. */
46
46
  export type DropdownMenuCheckboxItemProps = React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem> & IDropdownItem;
47
- /** Props for DropdownMenuRadioGroup. Manages single-selection state via `value` and `onValueChange`. */
48
- export type DropdownMenuRadioGroupProps = React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>;
47
+ /**
48
+ * Props for DropdownMenuRadioGroup. Manages single-selection state across child DropdownMenuRadioItems.
49
+ *
50
+ * @example
51
+ * const [position, setPosition] = useState('bottom')
52
+ * <DropdownMenuRadioGroup value={position} onValueChange={setPosition}>
53
+ * <DropdownMenuRadioItem value="top">Top</DropdownMenuRadioItem>
54
+ * <DropdownMenuRadioItem value="bottom">Bottom</DropdownMenuRadioItem>
55
+ * </DropdownMenuRadioGroup>
56
+ */
57
+ export interface DropdownMenuRadioGroupProps extends React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup> {
58
+ /** Currently selected value. Matches the `value` of the active DropdownMenuRadioItem. */
59
+ value?: string;
60
+ /** Fires when a radio item is selected. Receives the newly selected `value`. */
61
+ onValueChange?: (value: string) => void;
62
+ }
49
63
  /** Props for DropdownMenuRadioItem. Radio button for single selection within a RadioGroup. */
50
64
  export type DropdownMenuRadioItemProps = React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem> & IDropdownItem;
51
65
  /** Props for DropdownMenuSeparator. Visual divider between menu sections. */
@@ -67,21 +81,38 @@ export interface IDropdownItem {
67
81
  icon?: React.ReactNode;
68
82
  /** Highlights the item as currently active/selected with brand color. */
69
83
  isActive?: boolean;
84
+ /**
85
+ * Secondary text displayed below the main label, creating a two-line item layout.
86
+ *
87
+ * @example
88
+ * <DropdownMenuItem icon={<SettingsBold />} description="Configure application preferences">
89
+ * Settings
90
+ * </DropdownMenuItem>
91
+ */
92
+ description?: React.ReactNode;
70
93
  }
71
94
  /** Props for DropdownMenuItem. Standard clickable item with optional icon. Extends Radix Item with IDropdownItem. */
72
95
  export type DropdownMenuItemProps = React.ComponentProps<typeof DropdownMenuPrimitive.Item> & IDropdownItem;
73
96
  /**
74
- * Props for DropdownMenuButtonItem. Menu item rendered as a Button.
75
- * Pass `buttonProps` to configure the inner Button.
97
+ * Props for DropdownMenuButtonItem. Menu item rendered as a Button for more prominent actions
98
+ * such as upgrade or sign-up calls-to-action inside the menu. Pass `buttonProps` to configure the inner Button.
99
+ *
100
+ * @example
101
+ * <DropdownMenuButtonItem buttonProps={{ variant: 'primary', size: 'sm', icon: <CrownBold /> }}>
102
+ * Upgrade plan
103
+ * </DropdownMenuButtonItem>
76
104
  */
77
105
  export type DropdownMenuButtonItemProps = React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
78
- /** Props forwarded to the inner Button component. @see ButtonProps */
106
+ /**
107
+ * Props forwarded to the inner Button component. Controls variant, size, icon, ghost, and any other Button configuration.
108
+ * @see ButtonProps
109
+ */
79
110
  buttonProps: ButtonProps;
80
111
  };
81
112
  /** Standard clickable menu item with optional icon and variant styling. */
82
- declare const DropdownMenuItem: ({ className, variant, children, icon, disabled, isActive, ...props }: DropdownMenuItemProps) => import("react/jsx-runtime").JSX.Element;
113
+ declare const DropdownMenuItem: ({ className, variant, children, icon, disabled, isActive, description, ...props }: DropdownMenuItemProps) => import("react/jsx-runtime").JSX.Element;
83
114
  declare const DropdownMenuButtonItem: ({ children, buttonProps, className, ...props }: DropdownMenuButtonItemProps) => import("react/jsx-runtime").JSX.Element;
84
- declare const DropdownMenuCheckboxItem: ({ className, children, checked, variant, icon, ...props }: DropdownMenuCheckboxItemProps) => import("react/jsx-runtime").JSX.Element;
115
+ declare const DropdownMenuCheckboxItem: ({ className, children, checked, variant, icon, description, ...props }: DropdownMenuCheckboxItemProps) => import("react/jsx-runtime").JSX.Element;
85
116
  declare const DropdownMenuRadioGroup: ({ value, onValueChange, ...props }: DropdownMenuRadioGroupProps) => import("react/jsx-runtime").JSX.Element;
86
117
  declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuRadioItemProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
87
118
  declare const DropdownMenuSeparator: ({ className, ...props }: DropdownMenuSeparatorProps) => import("react/jsx-runtime").JSX.Element;
@@ -1 +1 @@
1
- {"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../src/components/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"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"}