@cognite/aura 0.3.1 → 0.3.3

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 (120) hide show
  1. package/DESIGN.md +1651 -7
  2. package/README.md +45 -3
  3. package/dist/components/index.d.ts +4 -2
  4. package/dist/components/index.js +58 -325
  5. package/dist/components/ui/core/accordion/accordion.js +79 -114
  6. package/dist/components/ui/core/action-toolbar/action-toolbar.js +108 -176
  7. package/dist/components/ui/core/alert/alert.js +158 -206
  8. package/dist/components/ui/core/avatar/avatar.js +64 -90
  9. package/dist/components/ui/core/badge/badge.js +73 -108
  10. package/dist/components/ui/core/banner/banner.js +146 -215
  11. package/dist/components/ui/core/breadcrumb/breadcrumb.js +105 -200
  12. package/dist/components/ui/core/button/button.js +47 -52
  13. package/dist/components/ui/core/button-group/button-group.js +40 -79
  14. package/dist/components/ui/core/card/card.js +102 -185
  15. package/dist/components/ui/core/chart/chart.js +116 -206
  16. package/dist/components/ui/core/chart/index.js +2 -8
  17. package/dist/components/ui/core/checkbox/checkbox.js +67 -132
  18. package/dist/components/ui/core/checkbox/checkbox.metadata.js +7 -7
  19. package/dist/components/ui/core/code-block/code-block.d.ts +1 -1
  20. package/dist/components/ui/core/code-block/code-block.js +179 -267
  21. package/dist/components/ui/core/collapsible/collapsible.js +29 -49
  22. package/dist/components/ui/core/combobox/combobox.js +41 -0
  23. package/dist/components/ui/core/command/command.js +85 -150
  24. package/dist/components/ui/core/count/count.js +21 -32
  25. package/dist/components/ui/core/date-time-pickers/date-picker/date-picker.js +60 -83
  26. package/dist/components/ui/core/date-time-pickers/date-picker/types.d.ts +1 -2
  27. package/dist/components/ui/core/date-time-pickers/date-picker/use-date-picker.js +36 -62
  28. package/dist/components/ui/core/date-time-pickers/date-range-picker/date-range-picker.js +63 -98
  29. package/dist/components/ui/core/date-time-pickers/date-range-picker/types.d.ts +1 -2
  30. package/dist/components/ui/core/date-time-pickers/date-range-picker/use-date-range-picker.js +60 -81
  31. package/dist/components/ui/core/date-time-pickers/date-time-range-picker/date-time-range-picker.js +118 -189
  32. package/dist/components/ui/core/date-time-pickers/date-time-range-picker/types.d.ts +1 -2
  33. package/dist/components/ui/core/date-time-pickers/date-time-range-picker/use-date-time-range-picker.js +104 -158
  34. package/dist/components/ui/core/date-time-pickers/index.d.ts +2 -0
  35. package/dist/components/ui/core/date-time-pickers/index.js +5 -8
  36. package/dist/components/ui/core/date-time-pickers/shared/am-pm-scroll/am-pm-scroll.js +42 -56
  37. package/dist/components/ui/core/date-time-pickers/shared/calendar/calendar.js +66 -117
  38. package/dist/components/ui/core/date-time-pickers/shared/calendar-header/calendar-header.js +63 -93
  39. package/dist/components/ui/core/date-time-pickers/shared/date-time-input/date-time-input.d.ts +1 -1
  40. package/dist/components/ui/core/date-time-pickers/shared/date-time-input/date-time-input.js +64 -98
  41. package/dist/components/ui/core/date-time-pickers/shared/date-time-input/range-input-display.js +38 -67
  42. package/dist/components/ui/core/date-time-pickers/shared/hooks/use-popover-state.d.ts +0 -2
  43. package/dist/components/ui/core/date-time-pickers/shared/hooks/use-popover-state.js +23 -39
  44. package/dist/components/ui/core/date-time-pickers/shared/hooks/use-range-date-state.js +52 -62
  45. package/dist/components/ui/core/date-time-pickers/shared/hooks/use-range-step-manager.js +18 -18
  46. package/dist/components/ui/core/date-time-pickers/shared/hooks/use-single-date-state.js +24 -31
  47. package/dist/components/ui/core/date-time-pickers/shared/hooks/use-time-state.js +24 -33
  48. package/dist/components/ui/core/date-time-pickers/shared/scroll-cell-classes.js +4 -7
  49. package/dist/components/ui/core/date-time-pickers/shared/shortcuts-panel/shortcuts-panel.js +17 -31
  50. package/dist/components/ui/core/date-time-pickers/shared/time-picker-panel/index.d.ts +2 -0
  51. package/dist/components/ui/core/date-time-pickers/shared/time-picker-panel/time-picker-panel.d.ts +19 -0
  52. package/dist/components/ui/core/date-time-pickers/shared/time-picker-panel/time-picker-panel.js +41 -0
  53. package/dist/components/ui/core/date-time-pickers/shared/time-picker-scroll/time-picker-scroll.js +33 -50
  54. package/dist/components/ui/core/date-time-pickers/time-picker/index.d.ts +3 -0
  55. package/dist/components/ui/core/date-time-pickers/time-picker/time-picker.d.ts +16 -0
  56. package/dist/components/ui/core/date-time-pickers/time-picker/time-picker.js +79 -0
  57. package/dist/components/ui/core/date-time-pickers/time-picker/types.d.ts +23 -0
  58. package/dist/components/ui/core/date-time-pickers/time-picker/use-time-picker.d.ts +3 -0
  59. package/dist/components/ui/core/date-time-pickers/time-picker/use-time-picker.js +42 -0
  60. package/dist/components/ui/core/date-time-pickers/utils/calendar-utils.js +39 -52
  61. package/dist/components/ui/core/date-time-pickers/utils/time-utils.js +7 -15
  62. package/dist/components/ui/core/dialog/dialog.js +82 -155
  63. package/dist/components/ui/core/dropdown-menu/dropdown-menu.d.ts +19 -17
  64. package/dist/components/ui/core/dropdown-menu/dropdown-menu.js +150 -250
  65. package/dist/components/ui/core/empty-state/empty-state.context.js +5 -8
  66. package/dist/components/ui/core/empty-state/empty-state.js +86 -138
  67. package/dist/components/ui/core/helper-text/helper-text.js +37 -65
  68. package/dist/components/ui/core/hover-card/hover-card.js +54 -80
  69. package/dist/components/ui/core/inline-citation/inline-citation.js +98 -181
  70. package/dist/components/ui/core/input/input.js +12 -27
  71. package/dist/components/ui/core/input-group/input-group.js +76 -173
  72. package/dist/components/ui/core/kbd/kbd.js +20 -36
  73. package/dist/components/ui/core/label/label.js +26 -43
  74. package/dist/components/ui/core/loader/loader.js +80 -117
  75. package/dist/components/ui/core/message/message-response-default-streamdown-controls.js +12 -12
  76. package/dist/components/ui/core/message/message.d.ts +2 -2
  77. package/dist/components/ui/core/message/message.js +316 -542
  78. package/dist/components/ui/core/pagination/pagination-size-context.js +5 -6
  79. package/dist/components/ui/core/pagination/pagination-teleport.js +86 -106
  80. package/dist/components/ui/core/pagination/pagination-teleport.utils.js +6 -6
  81. package/dist/components/ui/core/pagination/pagination.js +231 -334
  82. package/dist/components/ui/core/popover/popover.js +90 -157
  83. package/dist/components/ui/core/progress/progress.js +36 -61
  84. package/dist/components/ui/core/prompt-input/prompt-input.js +274 -413
  85. package/dist/components/ui/core/radio-group/radio-group.js +58 -113
  86. package/dist/components/ui/core/reasoning/reasoning.js +55 -86
  87. package/dist/components/ui/core/scroll-area/scroll-area.js +41 -71
  88. package/dist/components/ui/core/search/search.js +77 -99
  89. package/dist/components/ui/core/segmented-control/segmented-control.js +110 -167
  90. package/dist/components/ui/core/select/select.js +168 -293
  91. package/dist/components/ui/core/separator/separator.js +13 -23
  92. package/dist/components/ui/core/shimmer/shimmer.d.ts +2 -4
  93. package/dist/components/ui/core/shimmer/shimmer.js +40 -107
  94. package/dist/components/ui/core/skeleton/skeleton.js +13 -18
  95. package/dist/components/ui/core/sonner-toast/sonner-toast.js +54 -47
  96. package/dist/components/ui/core/sources/sources.d.ts +5 -1
  97. package/dist/components/ui/core/sources/sources.js +58 -79
  98. package/dist/components/ui/core/switch/switch.js +62 -0
  99. package/dist/components/ui/core/tabs/tabs.js +149 -223
  100. package/dist/components/ui/core/tabs/tabs.utils.js +6 -8
  101. package/dist/components/ui/core/textarea/textarea.js +13 -27
  102. package/dist/components/ui/core/toggle/toggle.js +55 -74
  103. package/dist/components/ui/core/tool/tool.js +127 -163
  104. package/dist/components/ui/core/tooltip/tooltip.js +47 -86
  105. package/dist/components/ui/core/topbar/topbar.js +106 -190
  106. package/dist/eslint/index.js +5 -10
  107. package/dist/eslint/no-overriding-styles.js +178 -237
  108. package/dist/icons/index.d.ts +1 -0
  109. package/dist/icons/index.js +1 -0
  110. package/dist/lib/highlight-code.d.ts +9 -0
  111. package/dist/lib/highlight-code.js +42 -0
  112. package/dist/lib/portal-container-context.js +8 -9
  113. package/dist/lib/style-scope.js +6 -6
  114. package/dist/lib/use-controllable-state.js +21 -30
  115. package/dist/lib/utils.d.ts +0 -2
  116. package/dist/lib/utils.js +32 -112
  117. package/dist/styles.css +1 -1
  118. package/dist/styles.source.css +23 -0
  119. package/package.json +23 -7
  120. package/dist/components/ui/core/date-time-pickers/shared/constants.js +0 -14
@@ -1,15 +1,7 @@
1
- import m from "dayjs";
2
- import u from "dayjs/plugin/customParseFormat.js";
3
- import { HOURS_IN_12H as t, HOURS_IN_DAY as f, MINUTES_IN_HOUR as s, MINUTE_INCREMENT as o } from "../shared/constants.js";
4
- m.extend(u);
5
- const c = (r = "24h") => r === "12h" ? Array.from({ length: t }, (e, n) => n + 1) : Array.from({ length: f }, (e, n) => n), M = () => Array.from(
6
- { length: s / o },
7
- (r, e) => e * o
8
- ), a = (r) => r >= t ? "PM" : "AM", A = (r, e) => e === "PM" && r < t ? r + t : e === "AM" && r === t ? 0 : r, N = (r) => r === 0 ? t : r > t ? r - t : r;
9
- export {
10
- A as convert12HourTo24Hour,
11
- N as convert24HourTo12Hour,
12
- c as generateHours,
13
- M as generateMinutes,
14
- a as getAmPmFromHour
15
- };
1
+ import e from "dayjs";
2
+ import t from "dayjs/plugin/customParseFormat.js";
3
+ //#region libs/aura/src/components/ui/core/date-time-pickers/utils/time-utils.ts
4
+ e.extend(t);
5
+ var n = (e = "24h") => e === "12h" ? Array.from({ length: 12 }, (e, t) => t + 1) : Array.from({ length: 24 }, (e, t) => t), r = () => Array.from({ length: 60 / 1 }, (e, t) => t * 1), i = (e) => e >= 12 ? "PM" : "AM", a = (e, t) => t === "PM" && e < 12 ? e + 12 : t === "AM" && e === 12 ? 0 : e, o = (e) => e === 0 ? 12 : e > 12 ? e - 12 : e;
6
+ //#endregion
7
+ export { a as convert12HourTo24Hour, o as convert24HourTo12Hour, n as generateHours, r as generateMinutes, i as getAmPmFromHour };
@@ -1,165 +1,92 @@
1
- import { jsx as a, jsxs as l } from "react/jsx-runtime";
2
- import { Dialog as e } from "@base-ui/react/dialog";
3
- import { IconX as d } from "@tabler/icons-react";
4
- import { usePortalContainer as c } from "../../../../lib/portal-container-context.js";
5
- import { cn as i } from "../../../../lib/utils.js";
6
- import { Button as g } from "../button/button.js";
7
- function b({ ...t }) {
8
- return /* @__PURE__ */ a(e.Root, { "data-slot": "dialog", ...t });
1
+ import { cn as e } from "../../../../lib/utils.js";
2
+ import { Button as t } from "../button/button.js";
3
+ import { usePortalContainer as n } from "../../../../lib/portal-container-context.js";
4
+ import { IconX as r } from "@tabler/icons-react";
5
+ import { jsx as i, jsxs as a } from "react/jsx-runtime";
6
+ import { Dialog as o } from "@base-ui/react/dialog";
7
+ //#region libs/aura/src/components/ui/core/dialog/dialog.tsx
8
+ function s({ ...e }) {
9
+ return /* @__PURE__ */ i(o.Root, {
10
+ "data-slot": "dialog",
11
+ ...e
12
+ });
9
13
  }
10
- function v({
11
- children: t,
12
- ...o
13
- }) {
14
- return /* @__PURE__ */ a(e.Trigger, { "data-slot": "dialog-trigger", ...o, children: t });
14
+ function c({ children: e, ...t }) {
15
+ return /* @__PURE__ */ i(o.Trigger, {
16
+ "data-slot": "dialog-trigger",
17
+ ...t,
18
+ children: e
19
+ });
15
20
  }
16
- function p({ ...t }) {
17
- const o = c();
18
- return /* @__PURE__ */ a(
19
- e.Portal,
20
- {
21
- "data-slot": "dialog-portal",
22
- container: o,
23
- ...t
24
- }
25
- );
21
+ function l({ ...e }) {
22
+ let t = n();
23
+ return /* @__PURE__ */ i(o.Portal, {
24
+ "data-slot": "dialog-portal",
25
+ container: t,
26
+ ...e
27
+ });
26
28
  }
27
- function N({
28
- children: t,
29
- ...o
30
- }) {
31
- return /* @__PURE__ */ a(e.Close, { "data-slot": "dialog-close", ...o, children: t });
29
+ function u({ children: e, ...t }) {
30
+ return /* @__PURE__ */ i(o.Close, {
31
+ "data-slot": "dialog-close",
32
+ ...t,
33
+ children: e
34
+ });
32
35
  }
33
- function u({
34
- className: t,
35
- ...o
36
- }) {
37
- return /* @__PURE__ */ a(
38
- e.Backdrop,
39
- {
40
- "data-slot": "dialog-overlay",
41
- className: i(
42
- "fixed inset-0 z-50 bg-black/50 transition-opacity duration-200 data-open:opacity-100 data-closed:opacity-0",
43
- t
44
- ),
45
- ...o
46
- }
47
- );
36
+ function d({ className: t, ...n }) {
37
+ return /* @__PURE__ */ i(o.Backdrop, {
38
+ "data-slot": "dialog-overlay",
39
+ className: e("fixed inset-0 z-50 bg-black/50 transition-opacity duration-200 data-open:opacity-100 data-closed:opacity-0", t),
40
+ ...n
41
+ });
48
42
  }
49
- function C({
50
- className: t,
51
- children: o,
52
- showCloseButton: r = !0,
53
- closeButtonLabel: n = "Close",
54
- ...s
55
- }) {
56
- return /* @__PURE__ */ l(p, { "data-slot": "dialog-portal", children: [
57
- /* @__PURE__ */ a(u, {}),
58
- /* @__PURE__ */ l(
59
- e.Popup,
60
- {
61
- "data-slot": "dialog-content",
62
- className: i(
63
- "bg-popover-background fixed inset-x-4 top-1/2 z-50 grid -translate-y-1/2 rounded-xl border px-5 py-5 mb-2.5 shadow-xl outline-none transition-opacity duration-200 data-open:opacity-100 data-closed:opacity-0 sm:inset-x-0 sm:left-1/2 sm:w-full sm:max-w-lg sm:-translate-x-1/2",
64
- t
65
- ),
66
- ...s,
67
- children: [
68
- o,
69
- r && /* @__PURE__ */ a(
70
- e.Close,
71
- {
72
- "data-slot": "dialog-close",
73
- render: /* @__PURE__ */ a(
74
- g,
75
- {
76
- variant: "ghost",
77
- size: "icon-sm",
78
- className: "absolute top-5 right-4 opacity-70 hover:opacity-100",
79
- "aria-label": n,
80
- children: /* @__PURE__ */ a(d, { className: "h-4 w-4" })
81
- }
82
- )
83
- }
84
- )
85
- ]
86
- }
87
- )
88
- ] });
43
+ function f({ className: n, children: s, showCloseButton: c = !0, closeButtonLabel: u = "Close", ...f }) {
44
+ return /* @__PURE__ */ a(l, {
45
+ "data-slot": "dialog-portal",
46
+ children: [/* @__PURE__ */ i(d, {}), /* @__PURE__ */ a(o.Popup, {
47
+ "data-slot": "dialog-content",
48
+ className: e("bg-popover-background fixed inset-x-4 top-1/2 z-50 grid -translate-y-1/2 rounded-xl border px-5 py-5 mb-2.5 shadow-xl outline-none transition-opacity duration-200 data-open:opacity-100 data-closed:opacity-0 sm:inset-x-0 sm:left-1/2 sm:w-full sm:max-w-lg sm:-translate-x-1/2", n),
49
+ ...f,
50
+ children: [s, c && /* @__PURE__ */ i(o.Close, {
51
+ "data-slot": "dialog-close",
52
+ render: /* @__PURE__ */ i(t, {
53
+ variant: "ghost",
54
+ size: "icon-sm",
55
+ className: "absolute top-5 right-4 opacity-70 hover:opacity-100",
56
+ "aria-label": u,
57
+ children: /* @__PURE__ */ i(r, { className: "h-4 w-4" })
58
+ })
59
+ })]
60
+ })]
61
+ });
89
62
  }
90
- function k({
91
- className: t,
92
- ...o
93
- }) {
94
- return /* @__PURE__ */ a(
95
- "div",
96
- {
97
- "data-slot": "dialog-header",
98
- className: i(
99
- "flex flex-col gap-2 text-center sm:text-left pb-2",
100
- t
101
- ),
102
- ...o
103
- }
104
- );
63
+ function p({ className: t, ...n }) {
64
+ return /* @__PURE__ */ i("div", {
65
+ "data-slot": "dialog-header",
66
+ className: e("flex flex-col gap-2 text-center sm:text-left pb-2", t),
67
+ ...n
68
+ });
105
69
  }
106
- function w({
107
- className: t,
108
- ...o
109
- }) {
110
- return /* @__PURE__ */ a(
111
- "div",
112
- {
113
- "data-slot": "dialog-footer",
114
- className: i(
115
- "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end pt-3",
116
- t
117
- ),
118
- ...o
119
- }
120
- );
70
+ function m({ className: t, ...n }) {
71
+ return /* @__PURE__ */ i("div", {
72
+ "data-slot": "dialog-footer",
73
+ className: e("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end pt-3", t),
74
+ ...n
75
+ });
121
76
  }
122
- function P({
123
- className: t,
124
- ...o
125
- }) {
126
- return /* @__PURE__ */ a(
127
- e.Title,
128
- {
129
- "data-slot": "dialog-title",
130
- className: i(
131
- "text-lg font-medium text-foreground leading-6 tracking-tightest",
132
- t
133
- ),
134
- ...o
135
- }
136
- );
77
+ function h({ className: t, ...n }) {
78
+ return /* @__PURE__ */ i(o.Title, {
79
+ "data-slot": "dialog-title",
80
+ className: e("text-lg font-medium text-foreground leading-6 tracking-tightest", t),
81
+ ...n
82
+ });
137
83
  }
138
- function T({
139
- className: t,
140
- ...o
141
- }) {
142
- return /* @__PURE__ */ a(
143
- e.Description,
144
- {
145
- "data-slot": "dialog-description",
146
- className: i(
147
- "text-muted-foreground text-base font-normal leading-5 tracking-tightest pt-2",
148
- t
149
- ),
150
- ...o
151
- }
152
- );
84
+ function g({ className: t, ...n }) {
85
+ return /* @__PURE__ */ i(o.Description, {
86
+ "data-slot": "dialog-description",
87
+ className: e("text-muted-foreground text-base font-normal leading-5 tracking-tightest pt-2", t),
88
+ ...n
89
+ });
153
90
  }
154
- export {
155
- b as Dialog,
156
- N as DialogClose,
157
- C as DialogContent,
158
- T as DialogDescription,
159
- w as DialogFooter,
160
- k as DialogHeader,
161
- u as DialogOverlay,
162
- p as DialogPortal,
163
- P as DialogTitle,
164
- v as DialogTrigger
165
- };
91
+ //#endregion
92
+ export { s as Dialog, u as DialogClose, f as DialogContent, g as DialogDescription, m as DialogFooter, p as DialogHeader, d as DialogOverlay, l as DialogPortal, h as DialogTitle, c as DialogTrigger };
@@ -1,30 +1,32 @@
1
- import { ForwardRefExoticComponent, RefAttributes, ComponentProps, ReactNode } from 'react';
2
- import { SeparatorProps } from '@base-ui/react';
3
- import { MenuCheckboxItemProps, MenuGroupLabelProps, MenuItemProps, MenuRadioItemProps, MenuSubmenuTriggerProps, Menu as MenuPrimitive } from '@base-ui/react/menu';
1
+ import { ComponentProps, ComponentRef, ForwardRefExoticComponent, HTMLAttributes, ReactNode, RefAttributes } from 'react';
2
+ import { Menu as MenuPrimitive } from '@base-ui/react/menu';
4
3
  declare function DropdownMenu({ ...props }: MenuPrimitive.Root.Props): ReactNode;
5
4
  declare function DropdownMenuPortal({ container, ...props }: MenuPrimitive.Portal.Props): ReactNode;
6
- declare function DropdownMenuTrigger({ children, ...props }: MenuPrimitive.Trigger.Props): ReactNode;
5
+ declare const DropdownMenuTrigger: ForwardRefExoticComponent<Omit<MenuPrimitive.Trigger.Props, 'ref'> & RefAttributes<HTMLButtonElement>>;
7
6
  declare function DropdownMenuContent({ align, alignOffset, side, sideOffset, className, container, ...props }: MenuPrimitive.Popup.Props & Pick<MenuPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'> & {
8
7
  container?: MenuPrimitive.Portal.Props['container'];
9
8
  }): ReactNode;
10
9
  declare function DropdownMenuGroup({ ...props }: MenuPrimitive.Group.Props): ReactNode;
11
- declare const DropdownMenuItem: ForwardRefExoticComponent<Omit<MenuItemProps & {
10
+ type DropdownMenuItemProps = MenuPrimitive.Item.Props & {
12
11
  inset?: boolean;
13
12
  variant?: 'default' | 'destructive';
14
- }, 'ref'> & RefAttributes<HTMLElement>>;
15
- declare const DropdownMenuCheckboxItem: ForwardRefExoticComponent<Omit<MenuCheckboxItemProps, 'ref'> & RefAttributes<HTMLElement>>;
13
+ };
14
+ declare const DropdownMenuItem: ForwardRefExoticComponent<Omit<DropdownMenuItemProps, 'ref'> & RefAttributes<ComponentRef<typeof MenuPrimitive.Item>>>;
15
+ declare const DropdownMenuCheckboxItem: ForwardRefExoticComponent<Omit<MenuPrimitive.CheckboxItem.Props, 'ref'> & RefAttributes<ComponentRef<typeof MenuPrimitive.CheckboxItem>>>;
16
16
  declare function DropdownMenuRadioGroup({ ...props }: MenuPrimitive.RadioGroup.Props): ReactNode;
17
- declare const DropdownMenuRadioItem: ForwardRefExoticComponent<Omit<MenuRadioItemProps, 'ref'> & RefAttributes<HTMLElement>>;
18
- declare const DropdownMenuLabel: ForwardRefExoticComponent<Omit<MenuGroupLabelProps & {
17
+ declare const DropdownMenuRadioItem: ForwardRefExoticComponent<Omit<MenuPrimitive.RadioItem.Props, 'ref'> & RefAttributes<ComponentRef<typeof MenuPrimitive.RadioItem>>>;
18
+ type DropdownMenuLabelProps = MenuPrimitive.GroupLabel.Props & {
19
19
  inset?: boolean;
20
- }, 'ref'> & RefAttributes<HTMLDivElement>>;
21
- declare const DropdownMenuHeader: ForwardRefExoticComponent<ComponentProps<'div'> & RefAttributes<HTMLDivElement>>;
22
- declare const DropdownMenuSeparator: ForwardRefExoticComponent<Omit<SeparatorProps, 'ref'> & RefAttributes<HTMLDivElement>>;
23
- declare const DropdownMenuShortcut: ForwardRefExoticComponent<ComponentProps<'span'> & RefAttributes<HTMLSpanElement>>;
20
+ };
21
+ declare const DropdownMenuLabel: ForwardRefExoticComponent<Omit<DropdownMenuLabelProps, 'ref'> & RefAttributes<ComponentRef<typeof MenuPrimitive.GroupLabel>>>;
22
+ declare const DropdownMenuHeader: ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, 'ref'> & RefAttributes<HTMLDivElement>>;
23
+ declare const DropdownMenuSeparator: ForwardRefExoticComponent<Omit<MenuPrimitive.Separator.Props, 'ref'> & RefAttributes<ComponentRef<typeof MenuPrimitive.Separator>>>;
24
+ declare const DropdownMenuShortcut: ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLSpanElement>, 'ref'> & RefAttributes<HTMLSpanElement>>;
24
25
  declare function DropdownMenuSub({ ...props }: MenuPrimitive.SubmenuRoot.Props): ReactNode;
25
- declare const DropdownMenuSubTrigger: ForwardRefExoticComponent<Omit<MenuSubmenuTriggerProps & {
26
+ type DropdownMenuSubTriggerProps = MenuPrimitive.SubmenuTrigger.Props & {
26
27
  inset?: boolean;
27
- }, 'ref'> & RefAttributes<HTMLElement>>;
28
+ };
29
+ declare const DropdownMenuSubTrigger: ForwardRefExoticComponent<Omit<DropdownMenuSubTriggerProps, 'ref'> & RefAttributes<ComponentRef<typeof MenuPrimitive.SubmenuTrigger>>>;
28
30
  declare function DropdownMenuSubContent({ align, alignOffset, side, sideOffset, className, ...props }: ComponentProps<typeof DropdownMenuContent>): ReactNode;
29
- declare const DropdownMenuSectionLabel: ForwardRefExoticComponent<ComponentProps<'div'> & RefAttributes<HTMLDivElement>>;
30
- export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuHeader, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, DropdownMenuSectionLabel, };
31
+ declare const DropdownMenuSectionLabel: ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, 'ref'> & RefAttributes<HTMLDivElement>>;
32
+ export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuHeader, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSectionLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, };