@popgrids/ui 0.0.21 → 0.0.23

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 (31) hide show
  1. package/dist/dialog.cjs +12 -12
  2. package/dist/dialog.cjs.map +1 -1
  3. package/dist/dialog.js +12 -12
  4. package/dist/dialog.js.map +1 -1
  5. package/dist/dropdown-menu.cjs +126 -92
  6. package/dist/dropdown-menu.cjs.map +1 -1
  7. package/dist/dropdown-menu.d.cts +18 -20
  8. package/dist/dropdown-menu.d.ts +18 -20
  9. package/dist/dropdown-menu.js +127 -93
  10. package/dist/dropdown-menu.js.map +1 -1
  11. package/dist/index.cjs +180 -132
  12. package/dist/index.cjs.map +1 -1
  13. package/dist/index.js +181 -133
  14. package/dist/index.js.map +1 -1
  15. package/dist/metafile-cjs.json +1 -1
  16. package/dist/metafile-esm.json +1 -1
  17. package/dist/section-header.cjs +30 -29
  18. package/dist/section-header.cjs.map +1 -1
  19. package/dist/section-header.js +30 -29
  20. package/dist/section-header.js.map +1 -1
  21. package/dist/tag.cjs +0 -1
  22. package/dist/tag.cjs.map +1 -1
  23. package/dist/tag.js +0 -1
  24. package/dist/tag.js.map +1 -1
  25. package/dist/tooltip.cjs +40 -18
  26. package/dist/tooltip.cjs.map +1 -1
  27. package/dist/tooltip.d.cts +1 -3
  28. package/dist/tooltip.d.ts +1 -3
  29. package/dist/tooltip.js +40 -18
  30. package/dist/tooltip.js.map +1 -1
  31. package/package.json +1 -1
package/dist/dropdown-menu.cjs CHANGED
@@ -19,28 +19,53 @@ function DropdownMenuTrigger({ ...props }) {
19
19
  return /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Trigger, { "data-slot": "dropdown-menu-trigger", ...props });
20
20
  }
21
21
  function DropdownMenuContent({
22
- className,
22
+ align = "start",
23
+ alignOffset = 0,
24
+ side = "bottom",
23
25
  sideOffset = 4,
24
- positionerProps,
25
- children,
26
+ className,
26
27
  ...props
27
28
  }) {
28
- return /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Positioner, { sideOffset, ...positionerProps, children: /* @__PURE__ */ jsxRuntime.jsx(
29
- menu.Menu.Popup,
29
+ return /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
30
+ menu.Menu.Positioner,
30
31
  {
31
- "data-slot": "dropdown-menu-content",
32
- className: cn(
33
- "bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-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 border-border-border-edge-light z-50 max-h-(--available-height) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-2xl border p-1.5 shadow-xl",
34
- className
35
- ),
36
- ...props,
37
- children
32
+ className: "isolate z-50 outline-none",
33
+ align,
34
+ alignOffset,
35
+ side,
36
+ sideOffset,
37
+ children: /* @__PURE__ */ jsxRuntime.jsx(
38
+ menu.Menu.Popup,
39
+ {
40
+ "data-slot": "dropdown-menu-content",
41
+ className: cn("data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-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 ring-white dark:ring-gray-700 bg-popover text-popover-foreground data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 z-50 max-h-(--available-height) w-(--anchor-width) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-xs p-1 shadow-xl ring-1 duration-100 outline-none data-closed:overflow-hidden", className),
42
+ ...props
43
+ }
44
+ )
38
45
  }
39
- ) }) });
46
+ ) });
40
47
  }
41
48
  function DropdownMenuGroup({ ...props }) {
42
49
  return /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Group, { "data-slot": "dropdown-menu-group", ...props });
43
50
  }
51
+ function DropdownMenuLabel({
52
+ className,
53
+ inset,
54
+ ...props
55
+ }) {
56
+ return /* @__PURE__ */ jsxRuntime.jsx(
57
+ menu.Menu.GroupLabel,
58
+ {
59
+ "data-slot": "dropdown-menu-label",
60
+ "data-inset": inset,
61
+ className: cn(
62
+ "text-muted-foreground px-2 py-1.5 text-xs font-medium data-inset:pl-8",
63
+ className
64
+ ),
65
+ ...props
66
+ }
67
+ );
68
+ }
44
69
  function DropdownMenuItem({
45
70
  className,
46
71
  inset,
@@ -54,91 +79,140 @@ function DropdownMenuItem({
54
79
  "data-inset": inset,
55
80
  "data-variant": variant,
56
81
  className: cn(
57
- "data-highlighted:bg-accent data-highlighted:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:data-highlighted:bg-destructive/10 dark:data-[variant=destructive]:data-highlighted:bg-destructive/20 data-[variant=destructive]:data-highlighted:text-destructive data-[variant=destructive]:*:[svg]:text-destructive! [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-1.5 rounded-xs px-2 py-1.5 text-sm font-medium outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
82
+ "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive not-data-[variant=destructive]:focus:**:text-accent-foreground group/dropdown-menu-item relative flex cursor-default items-center gap-2 rounded-xs px-2 py-1.5 text-sm font-medium outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
58
83
  className
59
84
  ),
60
85
  ...props
61
86
  }
62
87
  );
63
88
  }
89
+ function DropdownMenuSub({ ...props }) {
90
+ return /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.SubmenuRoot, { "data-slot": "dropdown-menu-sub", ...props });
91
+ }
92
+ function DropdownMenuSubTrigger({
93
+ className,
94
+ inset,
95
+ children,
96
+ ...props
97
+ }) {
98
+ return /* @__PURE__ */ jsxRuntime.jsxs(
99
+ menu.Menu.SubmenuTrigger,
100
+ {
101
+ "data-slot": "dropdown-menu-sub-trigger",
102
+ "data-inset": inset,
103
+ className: cn(
104
+ "focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-popup-open:bg-accent data-popup-open:text-accent-foreground flex cursor-default items-center gap-2 rounded-xs px-2 py-1.5 text-sm outline-hidden select-none data-inset:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
105
+ className
106
+ ),
107
+ ...props,
108
+ children: [
109
+ children,
110
+ /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronRight, { className: "ml-auto" })
111
+ ]
112
+ }
113
+ );
114
+ }
115
+ function DropdownMenuSubContent({
116
+ align = "start",
117
+ alignOffset = -3,
118
+ side = "right",
119
+ sideOffset = 0,
120
+ className,
121
+ ...props
122
+ }) {
123
+ return /* @__PURE__ */ jsxRuntime.jsx(
124
+ DropdownMenuContent,
125
+ {
126
+ "data-slot": "dropdown-menu-sub-content",
127
+ className: cn(
128
+ "data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-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 ring-white dark:ring-gray-700 bg-popover text-popover-foreground w-auto min-w-[96px] rounded-sm p-1 shadow-lg ring-1 duration-100",
129
+ className
130
+ ),
131
+ align,
132
+ alignOffset,
133
+ side,
134
+ sideOffset,
135
+ ...props
136
+ }
137
+ );
138
+ }
64
139
  function DropdownMenuCheckboxItem({
65
140
  className,
66
141
  children,
67
142
  checked,
143
+ inset,
68
144
  ...props
69
145
  }) {
70
146
  return /* @__PURE__ */ jsxRuntime.jsxs(
71
147
  menu.Menu.CheckboxItem,
72
148
  {
73
149
  "data-slot": "dropdown-menu-checkbox-item",
150
+ "data-inset": inset,
74
151
  className: cn(
75
- "data-highlighted:bg-accent data-highlighted:text-accent-foreground relative flex cursor-default items-center gap-1.5 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
152
+ "focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
76
153
  className
77
154
  ),
78
155
  checked,
79
156
  ...props,
80
157
  children: [
81
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
82
- menu.Menu.CheckboxItemIndicator,
158
+ /* @__PURE__ */ jsxRuntime.jsx(
159
+ "span",
83
160
  {
84
- keepMounted: true,
85
- className: "transition data-checked:scale-100 data-checked:opacity-100 data-unchecked:scale-75 data-unchecked:opacity-0",
86
- children: /* @__PURE__ */ jsxRuntime.jsx(icons.CheckCircle, { className: "size-4" })
161
+ className: "pointer-events-none absolute right-2 flex items-center justify-center",
162
+ "data-slot": "dropdown-menu-checkbox-item-indicator",
163
+ children: /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.CheckboxItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(
164
+ icons.Check,
165
+ {}
166
+ ) })
87
167
  }
88
- ) }),
168
+ ),
89
169
  children
90
170
  ]
91
171
  }
92
172
  );
93
173
  }
94
174
  function DropdownMenuRadioGroup({ ...props }) {
95
- return /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.RadioGroup, { "data-slot": "dropdown-menu-radio-group", ...props });
175
+ return /* @__PURE__ */ jsxRuntime.jsx(
176
+ menu.Menu.RadioGroup,
177
+ {
178
+ "data-slot": "dropdown-menu-radio-group",
179
+ ...props
180
+ }
181
+ );
96
182
  }
97
183
  function DropdownMenuRadioItem({
98
184
  className,
99
185
  children,
186
+ inset,
100
187
  ...props
101
188
  }) {
102
189
  return /* @__PURE__ */ jsxRuntime.jsxs(
103
190
  menu.Menu.RadioItem,
104
191
  {
105
192
  "data-slot": "dropdown-menu-radio-item",
193
+ "data-inset": inset,
106
194
  className: cn(
107
- "data-highlighted:bg-accent data-highlighted:text-accent-foreground relative flex cursor-default items-center gap-1.5 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
195
+ "focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
108
196
  className
109
197
  ),
110
198
  ...props,
111
199
  children: [
112
- /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(
113
- menu.Menu.RadioItemIndicator,
200
+ /* @__PURE__ */ jsxRuntime.jsx(
201
+ "span",
114
202
  {
115
- keepMounted: true,
116
- className: "transition data-checked:scale-100 data-checked:opacity-100 data-unchecked:scale-75 data-unchecked:opacity-0",
117
- children: /* @__PURE__ */ jsxRuntime.jsx(icons.Circle, { className: "size-2 fill-current" })
203
+ className: "pointer-events-none absolute right-2 flex items-center justify-center",
204
+ "data-slot": "dropdown-menu-radio-item-indicator",
205
+ children: /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.RadioItemIndicator, { children: /* @__PURE__ */ jsxRuntime.jsx(
206
+ icons.Check,
207
+ {}
208
+ ) })
118
209
  }
119
- ) }),
210
+ ),
120
211
  children
121
212
  ]
122
213
  }
123
214
  );
124
215
  }
125
- function DropdownMenuLabel({
126
- className,
127
- inset,
128
- children,
129
- ...props
130
- }) {
131
- return /* @__PURE__ */ jsxRuntime.jsx(
132
- menu.Menu.GroupLabel,
133
- {
134
- "data-slot": "dropdown-menu-label",
135
- "data-inset": inset,
136
- className: cn("px-2 py-1.5 text-sm font-medium data-inset:pl-8", className),
137
- ...props,
138
- children
139
- }
140
- );
141
- }
142
216
  function DropdownMenuSeparator({
143
217
  className,
144
218
  ...props
@@ -152,62 +226,22 @@ function DropdownMenuSeparator({
152
226
  }
153
227
  );
154
228
  }
155
- function DropdownMenuShortcut({ className, ...props }) {
156
- return /* @__PURE__ */ jsxRuntime.jsx(
157
- "span",
158
- {
159
- "data-slot": "dropdown-menu-shortcut",
160
- className: cn("text-muted-foreground ml-auto text-xs tracking-widest", className),
161
- ...props
162
- }
163
- );
164
- }
165
- function DropdownMenuSub({ ...props }) {
166
- return /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.SubmenuRoot, { "data-slot": "dropdown-menu-sub", ...props });
167
- }
168
- function DropdownMenuSubTrigger({
229
+ function DropdownMenuShortcut({
169
230
  className,
170
- inset,
171
- children,
172
231
  ...props
173
232
  }) {
174
- return /* @__PURE__ */ jsxRuntime.jsxs(
175
- menu.Menu.SubmenuTrigger,
233
+ return /* @__PURE__ */ jsxRuntime.jsx(
234
+ "span",
176
235
  {
177
- "data-slot": "dropdown-menu-sub-trigger",
178
- "data-inset": inset,
236
+ "data-slot": "dropdown-menu-shortcut",
179
237
  className: cn(
180
- "data-highlighted:bg-accent data-highlighted:text-accent-foreground data-popup-open:bg-accent data-popup-open:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-1.5 rounded-xs px-2 py-1.5 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
238
+ "text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground ml-auto text-xs tracking-widest",
181
239
  className
182
240
  ),
183
- ...props,
184
- children: [
185
- children,
186
- /* @__PURE__ */ jsxRuntime.jsx(icons.ChevronRight, { className: "ml-auto size-4" })
187
- ]
241
+ ...props
188
242
  }
189
243
  );
190
244
  }
191
- function DropdownMenuSubContent({
192
- className,
193
- sideOffset = 4,
194
- positionerProps,
195
- children,
196
- ...props
197
- }) {
198
- return /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(menu.Menu.Positioner, { sideOffset, ...positionerProps, children: /* @__PURE__ */ jsxRuntime.jsx(
199
- menu.Menu.Popup,
200
- {
201
- "data-slot": "dropdown-menu-sub-content",
202
- className: cn(
203
- "bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-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 z-50 min-w-32 origin-(--transform-origin) overflow-hidden rounded-2xl border p-1 shadow-lg",
204
- className
205
- ),
206
- ...props,
207
- children
208
- }
209
- ) }) });
210
- }
211
245
 
212
246
  exports.DropdownMenu = DropdownMenu;
213
247
  exports.DropdownMenuCheckboxItem = DropdownMenuCheckboxItem;
package/dist/dropdown-menu.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/lib/utils.ts","../src/components/dropdown-menu/dropdown-menu.tsx"],"names":["twMerge","clsx","Menu","jsx","jsxs","CheckCircle","Circle","ChevronRight"],"mappings":"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","file":"dropdown-menu.cjs","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n","\"use client\";\n\nimport * as React from \"react\";\n\nimport { Menu } from \"@base-ui/react/menu\";\nimport { CheckCircle, ChevronRight, Circle } from \"@untitledui/icons\";\nimport { cn } from \"../../lib/utils\";\n\nfunction DropdownMenu({ ...props }: React.ComponentProps<typeof Menu.Root>) {\n return <Menu.Root data-slot=\"dropdown-menu\" {...props} />;\n}\n\nfunction DropdownMenuPortal({ ...props }: React.ComponentProps<typeof Menu.Portal>) {\n return <Menu.Portal data-slot=\"dropdown-menu-portal\" {...props} />;\n}\n\nfunction DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof Menu.Trigger>) {\n return <Menu.Trigger data-slot=\"dropdown-menu-trigger\" {...props} />;\n}\n\nfunction DropdownMenuContent({\n className,\n sideOffset = 4,\n positionerProps,\n children,\n ...props\n}: React.ComponentProps<typeof Menu.Popup> & {\n sideOffset?: number;\n positionerProps?: Omit<React.ComponentProps<typeof Menu.Positioner>, \"children\">;\n}) {\n return (\n <Menu.Portal>\n <Menu.Positioner sideOffset={sideOffset} {...positionerProps}>\n <Menu.Popup\n data-slot=\"dropdown-menu-content\"\n className={cn(\n \"bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-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 border-border-border-edge-light z-50 max-h-(--available-height) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-2xl border p-1.5 shadow-xl\",\n className,\n )}\n {...props}\n >\n {children}\n </Menu.Popup>\n </Menu.Positioner>\n </Menu.Portal>\n );\n}\n\nfunction DropdownMenuGroup({ ...props }: React.ComponentProps<typeof Menu.Group>) {\n return <Menu.Group data-slot=\"dropdown-menu-group\" {...props} />;\n}\n\nfunction DropdownMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps<typeof Menu.Item> & {\n inset?: boolean;\n variant?: \"default\" | \"destructive\";\n}) {\n return (\n <Menu.Item\n data-slot=\"dropdown-menu-item\"\n data-inset={inset}\n data-variant={variant}\n className={cn(\n \"data-highlighted:bg-accent data-highlighted:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:data-highlighted:bg-destructive/10 dark:data-[variant=destructive]:data-highlighted:bg-destructive/20 data-[variant=destructive]:data-highlighted:text-destructive data-[variant=destructive]:*:[svg]:text-destructive! [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-1.5 rounded-xs px-2 py-1.5 text-sm font-medium outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className,\n )}\n {...props}\n />\n );\n}\n\nfunction DropdownMenuCheckboxItem({\n className,\n children,\n checked,\n ...props\n}: React.ComponentProps<typeof Menu.CheckboxItem>) {\n return (\n <Menu.CheckboxItem\n data-slot=\"dropdown-menu-checkbox-item\"\n className={cn(\n \"data-highlighted:bg-accent data-highlighted:text-accent-foreground relative flex cursor-default items-center gap-1.5 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className,\n )}\n checked={checked}\n {...props}\n >\n <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n <Menu.CheckboxItemIndicator\n keepMounted\n className=\"transition data-checked:scale-100 data-checked:opacity-100 data-unchecked:scale-75 data-unchecked:opacity-0\"\n >\n <CheckCircle className=\"size-4\" />\n </Menu.CheckboxItemIndicator>\n </span>\n {children}\n </Menu.CheckboxItem>\n );\n}\n\nfunction DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof Menu.RadioGroup>) {\n return <Menu.RadioGroup data-slot=\"dropdown-menu-radio-group\" {...props} />;\n}\n\nfunction DropdownMenuRadioItem({\n className,\n children,\n ...props\n}: React.ComponentProps<typeof Menu.RadioItem>) {\n return (\n <Menu.RadioItem\n data-slot=\"dropdown-menu-radio-item\"\n className={cn(\n \"data-highlighted:bg-accent data-highlighted:text-accent-foreground relative flex cursor-default items-center gap-1.5 rounded-xs py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className,\n )}\n {...props}\n >\n <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n <Menu.RadioItemIndicator\n keepMounted\n className=\"transition data-checked:scale-100 data-checked:opacity-100 data-unchecked:scale-75 data-unchecked:opacity-0\"\n >\n <Circle className=\"size-2 fill-current\" />\n </Menu.RadioItemIndicator>\n </span>\n {children}\n </Menu.RadioItem>\n );\n}\n\nfunction DropdownMenuLabel({\n className,\n inset,\n children,\n ...props\n}: React.ComponentProps<typeof Menu.GroupLabel> & {\n inset?: boolean;\n}) {\n return (\n <Menu.GroupLabel\n data-slot=\"dropdown-menu-label\"\n data-inset={inset}\n className={cn(\"px-2 py-1.5 text-sm font-medium data-inset:pl-8\", className)}\n {...props}\n >\n {children}\n </Menu.GroupLabel>\n );\n}\n\nfunction DropdownMenuSeparator({\n className,\n ...props\n}: React.ComponentProps<typeof Menu.Separator>) {\n return (\n <Menu.Separator\n data-slot=\"dropdown-menu-separator\"\n className={cn(\"bg-border -mx-1 my-1 h-px\", className)}\n {...props}\n />\n );\n}\n\nfunction DropdownMenuShortcut({ className, ...props }: React.ComponentProps<\"span\">) {\n return (\n <span\n data-slot=\"dropdown-menu-shortcut\"\n className={cn(\"text-muted-foreground ml-auto text-xs tracking-widest\", className)}\n {...props}\n />\n );\n}\n\nfunction DropdownMenuSub({ ...props }: React.ComponentProps<typeof Menu.SubmenuRoot>) {\n return <Menu.SubmenuRoot data-slot=\"dropdown-menu-sub\" {...props} />;\n}\n\nfunction DropdownMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: React.ComponentProps<typeof Menu.SubmenuTrigger> & {\n inset?: boolean;\n}) {\n return (\n <Menu.SubmenuTrigger\n data-slot=\"dropdown-menu-sub-trigger\"\n data-inset={inset}\n className={cn(\n \"data-highlighted:bg-accent data-highlighted:text-accent-foreground data-popup-open:bg-accent data-popup-open:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-1.5 rounded-xs px-2 py-1.5 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className,\n )}\n {...props}\n >\n {children}\n <ChevronRight className=\"ml-auto size-4\" />\n </Menu.SubmenuTrigger>\n );\n}\n\nfunction DropdownMenuSubContent({\n className,\n sideOffset = 4,\n positionerProps,\n children,\n ...props\n}: React.ComponentProps<typeof Menu.Popup> & {\n sideOffset?: number;\n positionerProps?: Omit<React.ComponentProps<typeof Menu.Positioner>, \"children\">;\n}) {\n return (\n <Menu.Portal>\n <Menu.Positioner sideOffset={sideOffset} {...positionerProps}>\n <Menu.Popup\n data-slot=\"dropdown-menu-sub-content\"\n className={cn(\n \"bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-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 z-50 min-w-32 origin-(--transform-origin) overflow-hidden rounded-2xl border p-1 shadow-lg\",\n className,\n )}\n {...props}\n >\n {children}\n </Menu.Popup>\n </Menu.Positioner>\n </Menu.Portal>\n );\n}\n\nexport {\n DropdownMenu,\n DropdownMenuCheckboxItem,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuItem,\n DropdownMenuLabel,\n DropdownMenuPortal,\n DropdownMenuRadioGroup,\n DropdownMenuRadioItem,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubContent,\n DropdownMenuSubTrigger,\n DropdownMenuTrigger,\n};\n"]}
1
+ {"version":3,"sources":["../src/lib/utils.ts","../src/components/dropdown-menu/dropdown-menu.tsx"],"names":["twMerge","clsx","MenuPrimitive","jsx","jsxs","ChevronRight","Check"],"mappings":"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","file":"dropdown-menu.cjs","sourcesContent":["import { clsx, type ClassValue } from \"clsx\";\nimport { twMerge } from \"tailwind-merge\";\n\nexport function cn(...inputs: ClassValue[]) {\n return twMerge(clsx(inputs));\n}\n","import { Menu as MenuPrimitive } from \"@base-ui/react/menu\"\nimport * as React from \"react\"\n\nimport { Check, ChevronRight } from \"@untitledui/icons\"\nimport { cn } from \"../../lib/utils\"\n\nfunction DropdownMenu({ ...props }: MenuPrimitive.Root.Props) {\n return <MenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />\n}\n\nfunction DropdownMenuPortal({ ...props }: MenuPrimitive.Portal.Props) {\n return <MenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />\n}\n\nfunction DropdownMenuTrigger({ ...props }: MenuPrimitive.Trigger.Props) {\n return <MenuPrimitive.Trigger data-slot=\"dropdown-menu-trigger\" {...props} />\n}\n\nfunction DropdownMenuContent({\n align = \"start\",\n alignOffset = 0,\n side = \"bottom\",\n sideOffset = 4,\n className,\n ...props\n}: MenuPrimitive.Popup.Props &\n Pick<\n MenuPrimitive.Positioner.Props,\n \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n >) {\n return (\n <MenuPrimitive.Portal>\n <MenuPrimitive.Positioner\n className=\"isolate z-50 outline-none\"\n align={align}\n alignOffset={alignOffset}\n side={side}\n sideOffset={sideOffset}\n >\n <MenuPrimitive.Popup\n data-slot=\"dropdown-menu-content\"\n className={cn(\"data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-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 ring-white dark:ring-gray-700 bg-popover text-popover-foreground data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 z-50 max-h-(--available-height) w-(--anchor-width) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-xs p-1 shadow-xl ring-1 duration-100 outline-none data-closed:overflow-hidden\", className)}\n {...props}\n />\n </MenuPrimitive.Positioner>\n </MenuPrimitive.Portal>\n )\n}\n\nfunction DropdownMenuGroup({ ...props }: MenuPrimitive.Group.Props) {\n return <MenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\n}\n\nfunction DropdownMenuLabel({\n className,\n inset,\n ...props\n}: MenuPrimitive.GroupLabel.Props & {\n inset?: boolean\n}) {\n return (\n <MenuPrimitive.GroupLabel\n data-slot=\"dropdown-menu-label\"\n data-inset={inset}\n className={cn(\n \"text-muted-foreground px-2 py-1.5 text-xs font-medium data-inset:pl-8\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction DropdownMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: MenuPrimitive.Item.Props & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n <MenuPrimitive.Item\n data-slot=\"dropdown-menu-item\"\n data-inset={inset}\n data-variant={variant}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive not-data-[variant=destructive]:focus:**:text-accent-foreground group/dropdown-menu-item relative flex cursor-default items-center gap-2 rounded-xs px-2 py-1.5 text-sm font-medium outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction DropdownMenuSub({ ...props }: MenuPrimitive.SubmenuRoot.Props) {\n return <MenuPrimitive.SubmenuRoot data-slot=\"dropdown-menu-sub\" {...props} />\n}\n\nfunction DropdownMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: MenuPrimitive.SubmenuTrigger.Props & {\n inset?: boolean\n}) {\n return (\n <MenuPrimitive.SubmenuTrigger\n data-slot=\"dropdown-menu-sub-trigger\"\n data-inset={inset}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-popup-open:bg-accent data-popup-open:text-accent-foreground flex cursor-default items-center gap-2 rounded-xs px-2 py-1.5 text-sm outline-hidden select-none data-inset:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className\n )}\n {...props}\n >\n {children}\n <ChevronRight className=\"ml-auto\" />\n </MenuPrimitive.SubmenuTrigger>\n )\n}\n\nfunction DropdownMenuSubContent({\n align = \"start\",\n alignOffset = -3,\n side = \"right\",\n sideOffset = 0,\n className,\n ...props\n}: React.ComponentProps<typeof DropdownMenuContent>) {\n return (\n <DropdownMenuContent\n data-slot=\"dropdown-menu-sub-content\"\n className={cn(\n \"data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-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 ring-white dark:ring-gray-700 bg-popover text-popover-foreground w-auto min-w-[96px] rounded-sm p-1 shadow-lg ring-1 duration-100\",\n className\n )}\n align={align}\n alignOffset={alignOffset}\n side={side}\n sideOffset={sideOffset}\n {...props}\n />\n )\n}\n\nfunction DropdownMenuCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: MenuPrimitive.CheckboxItem.Props & {\n inset?: boolean\n}) {\n return (\n <MenuPrimitive.CheckboxItem\n data-slot=\"dropdown-menu-checkbox-item\"\n data-inset={inset}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className\n )}\n checked={checked}\n {...props}\n >\n <span\n className=\"pointer-events-none absolute right-2 flex items-center justify-center\"\n data-slot=\"dropdown-menu-checkbox-item-indicator\"\n >\n <MenuPrimitive.CheckboxItemIndicator>\n <Check\n />\n </MenuPrimitive.CheckboxItemIndicator>\n </span>\n {children}\n </MenuPrimitive.CheckboxItem>\n )\n}\n\nfunction DropdownMenuRadioGroup({ ...props }: MenuPrimitive.RadioGroup.Props) {\n return (\n <MenuPrimitive.RadioGroup\n data-slot=\"dropdown-menu-radio-group\"\n {...props}\n />\n )\n}\n\nfunction DropdownMenuRadioItem({\n className,\n children,\n inset,\n ...props\n}: MenuPrimitive.RadioItem.Props & {\n inset?: boolean\n}) {\n return (\n <MenuPrimitive.RadioItem\n data-slot=\"dropdown-menu-radio-item\"\n data-inset={inset}\n className={cn(\n \"focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-xs py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n className\n )}\n {...props}\n >\n <span\n className=\"pointer-events-none absolute right-2 flex items-center justify-center\"\n data-slot=\"dropdown-menu-radio-item-indicator\"\n >\n <MenuPrimitive.RadioItemIndicator>\n <Check\n />\n </MenuPrimitive.RadioItemIndicator>\n </span>\n {children}\n </MenuPrimitive.RadioItem>\n )\n}\n\nfunction DropdownMenuSeparator({\n className,\n ...props\n}: MenuPrimitive.Separator.Props) {\n return (\n <MenuPrimitive.Separator\n data-slot=\"dropdown-menu-separator\"\n className={cn(\"bg-border -mx-1 my-1 h-px\", className)}\n {...props}\n />\n )\n}\n\nfunction DropdownMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n <span\n data-slot=\"dropdown-menu-shortcut\"\n className={cn(\n \"text-muted-foreground group-focus/dropdown-menu-item:text-accent-foreground ml-auto text-xs tracking-widest\",\n className\n )}\n {...props}\n />\n )\n}\n\nexport {\n DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent,\n DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup,\n DropdownMenuRadioItem,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger\n}\n"]}
package/dist/dropdown-menu.d.cts CHANGED
@@ -1,34 +1,32 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import * as React from 'react';
3
2
  import { Menu } from '@base-ui/react/menu';
3
+ import * as React from 'react';
4
4
 
5
- declare function DropdownMenu({ ...props }: React.ComponentProps<typeof Menu.Root>): react_jsx_runtime.JSX.Element;
6
- declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof Menu.Portal>): react_jsx_runtime.JSX.Element;
7
- declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof Menu.Trigger>): react_jsx_runtime.JSX.Element;
8
- declare function DropdownMenuContent({ className, sideOffset, positionerProps, children, ...props }: React.ComponentProps<typeof Menu.Popup> & {
9
- sideOffset?: number;
10
- positionerProps?: Omit<React.ComponentProps<typeof Menu.Positioner>, "children">;
5
+ declare function DropdownMenu({ ...props }: Menu.Root.Props): react_jsx_runtime.JSX.Element;
6
+ declare function DropdownMenuPortal({ ...props }: Menu.Portal.Props): react_jsx_runtime.JSX.Element;
7
+ declare function DropdownMenuTrigger({ ...props }: Menu.Trigger.Props): react_jsx_runtime.JSX.Element;
8
+ declare function DropdownMenuContent({ align, alignOffset, side, sideOffset, className, ...props }: Menu.Popup.Props & Pick<Menu.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): react_jsx_runtime.JSX.Element;
9
+ declare function DropdownMenuGroup({ ...props }: Menu.Group.Props): react_jsx_runtime.JSX.Element;
10
+ declare function DropdownMenuLabel({ className, inset, ...props }: Menu.GroupLabel.Props & {
11
+ inset?: boolean;
11
12
  }): react_jsx_runtime.JSX.Element;
12
- declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof Menu.Group>): react_jsx_runtime.JSX.Element;
13
- declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof Menu.Item> & {
13
+ declare function DropdownMenuItem({ className, inset, variant, ...props }: Menu.Item.Props & {
14
14
  inset?: boolean;
15
15
  variant?: "default" | "destructive";
16
16
  }): react_jsx_runtime.JSX.Element;
17
- declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof Menu.CheckboxItem>): react_jsx_runtime.JSX.Element;
18
- declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof Menu.RadioGroup>): react_jsx_runtime.JSX.Element;
19
- declare function DropdownMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof Menu.RadioItem>): react_jsx_runtime.JSX.Element;
20
- declare function DropdownMenuLabel({ className, inset, children, ...props }: React.ComponentProps<typeof Menu.GroupLabel> & {
17
+ declare function DropdownMenuSub({ ...props }: Menu.SubmenuRoot.Props): react_jsx_runtime.JSX.Element;
18
+ declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: Menu.SubmenuTrigger.Props & {
21
19
  inset?: boolean;
22
20
  }): react_jsx_runtime.JSX.Element;
23
- declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof Menu.Separator>): react_jsx_runtime.JSX.Element;
24
- declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
25
- declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof Menu.SubmenuRoot>): react_jsx_runtime.JSX.Element;
26
- declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof Menu.SubmenuTrigger> & {
21
+ declare function DropdownMenuSubContent({ align, alignOffset, side, sideOffset, className, ...props }: React.ComponentProps<typeof DropdownMenuContent>): react_jsx_runtime.JSX.Element;
22
+ declare function DropdownMenuCheckboxItem({ className, children, checked, inset, ...props }: Menu.CheckboxItem.Props & {
27
23
  inset?: boolean;
28
24
  }): react_jsx_runtime.JSX.Element;
29
- declare function DropdownMenuSubContent({ className, sideOffset, positionerProps, children, ...props }: React.ComponentProps<typeof Menu.Popup> & {
30
- sideOffset?: number;
31
- positionerProps?: Omit<React.ComponentProps<typeof Menu.Positioner>, "children">;
25
+ declare function DropdownMenuRadioGroup({ ...props }: Menu.RadioGroup.Props): react_jsx_runtime.JSX.Element;
26
+ declare function DropdownMenuRadioItem({ className, children, inset, ...props }: Menu.RadioItem.Props & {
27
+ inset?: boolean;
32
28
  }): react_jsx_runtime.JSX.Element;
29
+ declare function DropdownMenuSeparator({ className, ...props }: Menu.Separator.Props): react_jsx_runtime.JSX.Element;
30
+ declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
33
31
 
34
32
  export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };
package/dist/dropdown-menu.d.ts CHANGED
@@ -1,34 +1,32 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import * as React from 'react';
3
2
  import { Menu } from '@base-ui/react/menu';
3
+ import * as React from 'react';
4
4
 
5
- declare function DropdownMenu({ ...props }: React.ComponentProps<typeof Menu.Root>): react_jsx_runtime.JSX.Element;
6
- declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof Menu.Portal>): react_jsx_runtime.JSX.Element;
7
- declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof Menu.Trigger>): react_jsx_runtime.JSX.Element;
8
- declare function DropdownMenuContent({ className, sideOffset, positionerProps, children, ...props }: React.ComponentProps<typeof Menu.Popup> & {
9
- sideOffset?: number;
10
- positionerProps?: Omit<React.ComponentProps<typeof Menu.Positioner>, "children">;
5
+ declare function DropdownMenu({ ...props }: Menu.Root.Props): react_jsx_runtime.JSX.Element;
6
+ declare function DropdownMenuPortal({ ...props }: Menu.Portal.Props): react_jsx_runtime.JSX.Element;
7
+ declare function DropdownMenuTrigger({ ...props }: Menu.Trigger.Props): react_jsx_runtime.JSX.Element;
8
+ declare function DropdownMenuContent({ align, alignOffset, side, sideOffset, className, ...props }: Menu.Popup.Props & Pick<Menu.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset">): react_jsx_runtime.JSX.Element;
9
+ declare function DropdownMenuGroup({ ...props }: Menu.Group.Props): react_jsx_runtime.JSX.Element;
10
+ declare function DropdownMenuLabel({ className, inset, ...props }: Menu.GroupLabel.Props & {
11
+ inset?: boolean;
11
12
  }): react_jsx_runtime.JSX.Element;
12
- declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof Menu.Group>): react_jsx_runtime.JSX.Element;
13
- declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof Menu.Item> & {
13
+ declare function DropdownMenuItem({ className, inset, variant, ...props }: Menu.Item.Props & {
14
14
  inset?: boolean;
15
15
  variant?: "default" | "destructive";
16
16
  }): react_jsx_runtime.JSX.Element;
17
- declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof Menu.CheckboxItem>): react_jsx_runtime.JSX.Element;
18
- declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof Menu.RadioGroup>): react_jsx_runtime.JSX.Element;
19
- declare function DropdownMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof Menu.RadioItem>): react_jsx_runtime.JSX.Element;
20
- declare function DropdownMenuLabel({ className, inset, children, ...props }: React.ComponentProps<typeof Menu.GroupLabel> & {
17
+ declare function DropdownMenuSub({ ...props }: Menu.SubmenuRoot.Props): react_jsx_runtime.JSX.Element;
18
+ declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: Menu.SubmenuTrigger.Props & {
21
19
  inset?: boolean;
22
20
  }): react_jsx_runtime.JSX.Element;
23
- declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof Menu.Separator>): react_jsx_runtime.JSX.Element;
24
- declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
25
- declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof Menu.SubmenuRoot>): react_jsx_runtime.JSX.Element;
26
- declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof Menu.SubmenuTrigger> & {
21
+ declare function DropdownMenuSubContent({ align, alignOffset, side, sideOffset, className, ...props }: React.ComponentProps<typeof DropdownMenuContent>): react_jsx_runtime.JSX.Element;
22
+ declare function DropdownMenuCheckboxItem({ className, children, checked, inset, ...props }: Menu.CheckboxItem.Props & {
27
23
  inset?: boolean;
28
24
  }): react_jsx_runtime.JSX.Element;
29
- declare function DropdownMenuSubContent({ className, sideOffset, positionerProps, children, ...props }: React.ComponentProps<typeof Menu.Popup> & {
30
- sideOffset?: number;
31
- positionerProps?: Omit<React.ComponentProps<typeof Menu.Positioner>, "children">;
25
+ declare function DropdownMenuRadioGroup({ ...props }: Menu.RadioGroup.Props): react_jsx_runtime.JSX.Element;
26
+ declare function DropdownMenuRadioItem({ className, children, inset, ...props }: Menu.RadioItem.Props & {
27
+ inset?: boolean;
32
28
  }): react_jsx_runtime.JSX.Element;
29
+ declare function DropdownMenuSeparator({ className, ...props }: Menu.Separator.Props): react_jsx_runtime.JSX.Element;
30
+ declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
33
31
 
34
32
  export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };