@arolariu/components 1.0.0 → 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (218) hide show
  1. package/CHANGELOG.md +57 -0
  2. package/EXAMPLES.md +2510 -0
  3. package/dist/components/ui/alert-dialog.d.ts +4 -16
  4. package/dist/components/ui/alert-dialog.d.ts.map +1 -1
  5. package/dist/components/ui/alert-dialog.js +18 -14
  6. package/dist/components/ui/alert-dialog.js.map +1 -1
  7. package/dist/components/ui/avatar.d.ts +3 -12
  8. package/dist/components/ui/avatar.d.ts.map +1 -1
  9. package/dist/components/ui/avatar.js +18 -15
  10. package/dist/components/ui/avatar.js.map +1 -1
  11. package/dist/components/ui/button-group.d.ts +1 -1
  12. package/dist/components/ui/button-group.d.ts.map +1 -1
  13. package/dist/components/ui/calendar.d.ts +1 -4
  14. package/dist/components/ui/calendar.d.ts.map +1 -1
  15. package/dist/components/ui/calendar.js +7 -7
  16. package/dist/components/ui/calendar.js.map +1 -1
  17. package/dist/components/ui/carousel.d.ts.map +1 -1
  18. package/dist/components/ui/carousel.js.map +1 -1
  19. package/dist/components/ui/chart.d.ts.map +1 -1
  20. package/dist/components/ui/chart.js +125 -59
  21. package/dist/components/ui/chart.js.map +1 -1
  22. package/dist/components/ui/checkbox-group.d.ts +2 -6
  23. package/dist/components/ui/checkbox-group.d.ts.map +1 -1
  24. package/dist/components/ui/checkbox-group.js +8 -7
  25. package/dist/components/ui/checkbox-group.js.map +1 -1
  26. package/dist/components/ui/checkbox.d.ts +3 -1
  27. package/dist/components/ui/checkbox.d.ts.map +1 -1
  28. package/dist/components/ui/checkbox.js +4 -1
  29. package/dist/components/ui/checkbox.js.map +1 -1
  30. package/dist/components/ui/collapsible.d.ts.map +1 -1
  31. package/dist/components/ui/collapsible.js.map +1 -1
  32. package/dist/components/ui/combobox.d.ts +335 -0
  33. package/dist/components/ui/combobox.d.ts.map +1 -0
  34. package/dist/components/ui/combobox.js +206 -0
  35. package/dist/components/ui/combobox.js.map +1 -0
  36. package/dist/components/ui/combobox.module.js +23 -0
  37. package/dist/components/ui/combobox.module.js.map +1 -0
  38. package/dist/components/ui/combobox_module.css +142 -0
  39. package/dist/components/ui/combobox_module.css.map +1 -0
  40. package/dist/components/ui/command.d.ts.map +1 -1
  41. package/dist/components/ui/command.js +25 -16
  42. package/dist/components/ui/command.js.map +1 -1
  43. package/dist/components/ui/context-menu.d.ts.map +1 -1
  44. package/dist/components/ui/context-menu.js.map +1 -1
  45. package/dist/components/ui/drawer.d.ts.map +1 -1
  46. package/dist/components/ui/drawer.js.map +1 -1
  47. package/dist/components/ui/dropdown-menu.d.ts.map +1 -1
  48. package/dist/components/ui/dropdown-menu.js.map +1 -1
  49. package/dist/components/ui/dropdrawer.d.ts +10 -16
  50. package/dist/components/ui/dropdrawer.d.ts.map +1 -1
  51. package/dist/components/ui/dropdrawer.js +28 -20
  52. package/dist/components/ui/dropdrawer.js.map +1 -1
  53. package/dist/components/ui/item.d.ts +1 -1
  54. package/dist/components/ui/item.d.ts.map +1 -1
  55. package/dist/components/ui/menubar.d.ts +11 -13
  56. package/dist/components/ui/menubar.d.ts.map +1 -1
  57. package/dist/components/ui/menubar.js.map +1 -1
  58. package/dist/components/ui/meter.d.ts +8 -24
  59. package/dist/components/ui/meter.d.ts.map +1 -1
  60. package/dist/components/ui/meter.js +23 -19
  61. package/dist/components/ui/meter.js.map +1 -1
  62. package/dist/components/ui/navigation-menu.d.ts +3 -12
  63. package/dist/components/ui/navigation-menu.d.ts.map +1 -1
  64. package/dist/components/ui/navigation-menu.js +14 -11
  65. package/dist/components/ui/navigation-menu.js.map +1 -1
  66. package/dist/components/ui/number-field.d.ts +6 -12
  67. package/dist/components/ui/number-field.d.ts.map +1 -1
  68. package/dist/components/ui/number-field.js.map +1 -1
  69. package/dist/components/ui/progress.d.ts +1 -4
  70. package/dist/components/ui/progress.d.ts.map +1 -1
  71. package/dist/components/ui/progress.js +10 -9
  72. package/dist/components/ui/progress.js.map +1 -1
  73. package/dist/components/ui/radio-group.d.ts +2 -4
  74. package/dist/components/ui/radio-group.d.ts.map +1 -1
  75. package/dist/components/ui/radio-group.js.map +1 -1
  76. package/dist/components/ui/resizable.d.ts +3 -3
  77. package/dist/components/ui/resizable.d.ts.map +1 -1
  78. package/dist/components/ui/resizable.js.map +1 -1
  79. package/dist/components/ui/scratcher.d.ts +1 -1
  80. package/dist/components/ui/scratcher.d.ts.map +1 -1
  81. package/dist/components/ui/scratcher.js +5 -4
  82. package/dist/components/ui/scratcher.js.map +1 -1
  83. package/dist/components/ui/scroll-area.d.ts +2 -4
  84. package/dist/components/ui/scroll-area.d.ts.map +1 -1
  85. package/dist/components/ui/scroll-area.js.map +1 -1
  86. package/dist/components/ui/separator.d.ts +1 -4
  87. package/dist/components/ui/separator.d.ts.map +1 -1
  88. package/dist/components/ui/separator.js +9 -8
  89. package/dist/components/ui/separator.js.map +1 -1
  90. package/dist/components/ui/sheet.d.ts.map +1 -1
  91. package/dist/components/ui/sheet.js.map +1 -1
  92. package/dist/components/ui/sidebar.d.ts +1 -1
  93. package/dist/components/ui/sidebar.d.ts.map +1 -1
  94. package/dist/components/ui/sidebar.js.map +1 -1
  95. package/dist/components/ui/sonner.d.ts +5 -4
  96. package/dist/components/ui/sonner.d.ts.map +1 -1
  97. package/dist/components/ui/sonner.js +7 -6
  98. package/dist/components/ui/sonner.js.map +1 -1
  99. package/dist/components/ui/toggle-group.d.ts +2 -8
  100. package/dist/components/ui/toggle-group.d.ts.map +1 -1
  101. package/dist/components/ui/toggle-group.js +12 -10
  102. package/dist/components/ui/toggle-group.js.map +1 -1
  103. package/dist/components/ui/toolbar.d.ts +10 -30
  104. package/dist/components/ui/toolbar.d.ts.map +1 -1
  105. package/dist/components/ui/toolbar.js +28 -23
  106. package/dist/components/ui/toolbar.js.map +1 -1
  107. package/dist/hooks/useClipboard.d.ts +77 -0
  108. package/dist/hooks/useClipboard.d.ts.map +1 -0
  109. package/dist/hooks/useClipboard.js +42 -0
  110. package/dist/hooks/useClipboard.js.map +1 -0
  111. package/dist/hooks/useControllableState.d.ts +54 -0
  112. package/dist/hooks/useControllableState.d.ts.map +1 -0
  113. package/dist/hooks/useControllableState.js +29 -0
  114. package/dist/hooks/useControllableState.js.map +1 -0
  115. package/dist/hooks/useDebounce.d.ts +33 -0
  116. package/dist/hooks/useDebounce.d.ts.map +1 -0
  117. package/dist/hooks/useDebounce.js +20 -0
  118. package/dist/hooks/useDebounce.js.map +1 -0
  119. package/dist/hooks/useEventCallback.d.ts +34 -0
  120. package/dist/hooks/useEventCallback.d.ts.map +1 -0
  121. package/dist/hooks/useEventCallback.js +12 -0
  122. package/dist/hooks/useEventCallback.js.map +1 -0
  123. package/dist/hooks/useId.d.ts +30 -0
  124. package/dist/hooks/useId.d.ts.map +1 -0
  125. package/dist/hooks/useId.js +9 -0
  126. package/dist/hooks/useId.js.map +1 -0
  127. package/dist/hooks/useIntersectionObserver.d.ts +51 -0
  128. package/dist/hooks/useIntersectionObserver.d.ts.map +1 -0
  129. package/dist/hooks/useIntersectionObserver.js +25 -0
  130. package/dist/hooks/useIntersectionObserver.js.map +1 -0
  131. package/dist/hooks/useInterval.d.ts +55 -0
  132. package/dist/hooks/useInterval.d.ts.map +1 -0
  133. package/dist/hooks/useInterval.js +24 -0
  134. package/dist/hooks/useInterval.js.map +1 -0
  135. package/dist/hooks/useLocalStorage.d.ts +43 -0
  136. package/dist/hooks/useLocalStorage.d.ts.map +1 -0
  137. package/dist/hooks/useLocalStorage.js +53 -0
  138. package/dist/hooks/useLocalStorage.js.map +1 -0
  139. package/dist/hooks/useMergedRefs.d.ts +27 -0
  140. package/dist/hooks/useMergedRefs.d.ts.map +1 -0
  141. package/dist/hooks/useMergedRefs.js +11 -0
  142. package/dist/hooks/useMergedRefs.js.map +1 -0
  143. package/dist/hooks/useOnClickOutside.d.ts +32 -0
  144. package/dist/hooks/useOnClickOutside.d.ts.map +1 -0
  145. package/dist/hooks/useOnClickOutside.js +23 -0
  146. package/dist/hooks/useOnClickOutside.js.map +1 -0
  147. package/dist/hooks/usePrevious.d.ts +33 -0
  148. package/dist/hooks/usePrevious.d.ts.map +1 -0
  149. package/dist/hooks/usePrevious.js +14 -0
  150. package/dist/hooks/usePrevious.js.map +1 -0
  151. package/dist/hooks/useThrottle.d.ts +37 -0
  152. package/dist/hooks/useThrottle.d.ts.map +1 -0
  153. package/dist/hooks/useThrottle.js +34 -0
  154. package/dist/hooks/useThrottle.js.map +1 -0
  155. package/dist/hooks/useTimeout.d.ts +28 -0
  156. package/dist/hooks/useTimeout.d.ts.map +1 -0
  157. package/dist/hooks/useTimeout.js +24 -0
  158. package/dist/hooks/useTimeout.js.map +1 -0
  159. package/dist/index.d.ts +14 -0
  160. package/dist/index.d.ts.map +1 -1
  161. package/dist/index.js +14 -0
  162. package/dist/lib/utilities.d.ts +2 -3
  163. package/dist/lib/utilities.d.ts.map +1 -1
  164. package/dist/lib/utilities.js.map +1 -1
  165. package/dist/motion/tokens.js +5 -5
  166. package/dist/motion/tokens.js.map +1 -1
  167. package/dist/rslib-runtime.js +39 -0
  168. package/dist/rslib-runtime.js.map +1 -0
  169. package/package.json +82 -3
  170. package/src/components/ui/alert-dialog.tsx +15 -8
  171. package/src/components/ui/avatar.tsx +9 -6
  172. package/src/components/ui/calendar.tsx +7 -13
  173. package/src/components/ui/carousel.tsx +2 -0
  174. package/src/components/ui/chart.tsx +63 -60
  175. package/src/components/ui/checkbox-group.tsx +4 -5
  176. package/src/components/ui/checkbox.tsx +10 -2
  177. package/src/components/ui/collapsible.tsx +1 -0
  178. package/src/components/ui/combobox.module.css +158 -0
  179. package/src/components/ui/combobox.tsx +569 -0
  180. package/src/components/ui/command.tsx +31 -15
  181. package/src/components/ui/context-menu.tsx +3 -0
  182. package/src/components/ui/drawer.tsx +2 -0
  183. package/src/components/ui/dropdown-menu.tsx +3 -0
  184. package/src/components/ui/dropdrawer.tsx +80 -62
  185. package/src/components/ui/menubar.tsx +9 -10
  186. package/src/components/ui/meter.tsx +16 -17
  187. package/src/components/ui/navigation-menu.tsx +41 -33
  188. package/src/components/ui/number-field.tsx +6 -13
  189. package/src/components/ui/progress.tsx +3 -2
  190. package/src/components/ui/radio-group.tsx +2 -5
  191. package/src/components/ui/resizable.tsx +2 -2
  192. package/src/components/ui/scratcher.tsx +6 -10
  193. package/src/components/ui/scroll-area.tsx +2 -5
  194. package/src/components/ui/separator.tsx +4 -3
  195. package/src/components/ui/sheet.tsx +3 -0
  196. package/src/components/ui/sidebar.tsx +1 -0
  197. package/src/components/ui/sonner.tsx +20 -12
  198. package/src/components/ui/toggle-group.tsx +6 -4
  199. package/src/components/ui/toolbar.tsx +20 -21
  200. package/src/hooks/useClipboard.tsx +137 -0
  201. package/src/hooks/useControllableState.tsx +81 -0
  202. package/src/hooks/useDebounce.tsx +50 -0
  203. package/src/hooks/useEventCallback.tsx +47 -0
  204. package/src/hooks/useId.tsx +36 -0
  205. package/src/hooks/useIntersectionObserver.tsx +81 -0
  206. package/src/hooks/useInterval.tsx +80 -0
  207. package/src/hooks/useLocalStorage.tsx +111 -0
  208. package/src/hooks/useMergedRefs.tsx +48 -0
  209. package/src/hooks/useOnClickOutside.tsx +55 -0
  210. package/src/hooks/usePrevious.tsx +44 -0
  211. package/src/hooks/useThrottle.tsx +78 -0
  212. package/src/hooks/useTimeout.tsx +51 -0
  213. package/src/index.ts +23 -0
  214. package/src/lib/utilities.ts +4 -4
  215. package/src/motion/tokens.ts +4 -4
  216. package/src/stories/DesignPrinciples.mdx +48 -0
  217. package/src/stories/GettingStarted.mdx +92 -0
  218. package/src/stories/Welcome.mdx +44 -0
@@ -90,10 +90,7 @@ declare namespace AlertDialog {
90
90
  *
91
91
  * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}
92
92
  */
93
- declare function AlertDialogTrigger(props: Readonly<AlertDialogTrigger.Props>): React.ReactElement;
94
- declare namespace AlertDialogTrigger {
95
- var displayName: string;
96
- }
93
+ declare const AlertDialogTrigger: React.ForwardRefExoticComponent<Omit<AlertDialogTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
97
94
  /**
98
95
  * Portals alert-dialog descendants outside the local DOM hierarchy.
99
96
  *
@@ -152,10 +149,7 @@ declare namespace AlertDialogOverlay {
152
149
  *
153
150
  * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}
154
151
  */
155
- declare function AlertDialogContent(props: Readonly<AlertDialogContent.Props>): React.ReactElement;
156
- declare namespace AlertDialogContent {
157
- var displayName: string;
158
- }
152
+ declare const AlertDialogContent: React.ForwardRefExoticComponent<Omit<AlertDialogContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
159
153
  /**
160
154
  * Lays out the alert dialog heading and supporting content.
161
155
  *
@@ -256,10 +250,7 @@ declare namespace AlertDialogDescription {
256
250
  *
257
251
  * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}
258
252
  */
259
- declare function AlertDialogAction(props: Readonly<AlertDialogAction.Props>): React.ReactElement;
260
- declare namespace AlertDialogAction {
261
- var displayName: string;
262
- }
253
+ declare const AlertDialogAction: React.ForwardRefExoticComponent<Omit<AlertDialogActionProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
263
254
  /**
264
255
  * Renders the secondary dismissal action inside the alert dialog.
265
256
  *
@@ -276,10 +267,7 @@ declare namespace AlertDialogAction {
276
267
  *
277
268
  * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}
278
269
  */
279
- declare function AlertDialogCancel(props: Readonly<AlertDialogCancel.Props>): React.ReactElement;
280
- declare namespace AlertDialogCancel {
281
- var displayName: string;
282
- }
270
+ declare const AlertDialogCancel: React.ForwardRefExoticComponent<Omit<AlertDialogCancelProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
283
271
  declare namespace AlertDialog {
284
272
  type Props = AlertDialogProps;
285
273
  type State = BaseAlertDialog.Root.State;
@@ -1 +1 @@
1
- {"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/ui/alert-dialog.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../../src/components/ui/alert-dialog.tsx"],"names":[],"mappings":"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"}
@@ -3,7 +3,7 @@ import { jsx, jsxs } from "react/jsx-runtime";
3
3
  import { AlertDialog } from "@base-ui/react/alert-dialog";
4
4
  import { mergeProps } from "@base-ui/react/merge-props";
5
5
  import { useRender } from "@base-ui/react/use-render";
6
- import { isValidElement } from "react";
6
+ import { forwardRef, isValidElement } from "react";
7
7
  import { cn } from "../../lib/utilities.js";
8
8
  import alert_dialog_module from "./alert-dialog.module.js";
9
9
  import button_module from "./button.module.js";
@@ -13,11 +13,12 @@ function alert_dialog_AlertDialog(props) {
13
13
  });
14
14
  }
15
15
  alert_dialog_AlertDialog.displayName = "AlertDialog";
16
- function AlertDialogTrigger(props) {
16
+ const alert_dialog_AlertDialogTrigger = /*#__PURE__*/ forwardRef(function(props, forwardedRef) {
17
17
  const { asChild = false, children, className, render, ...otherProps } = props;
18
18
  const renderProp = asChild && /*#__PURE__*/ isValidElement(children) ? children : render;
19
19
  return /*#__PURE__*/ jsx(AlertDialog.Trigger, {
20
20
  ...otherProps,
21
+ ref: forwardedRef,
21
22
  render: useRender({
22
23
  defaultTagName: "button",
23
24
  render: renderProp,
@@ -27,8 +28,8 @@ function AlertDialogTrigger(props) {
27
28
  }),
28
29
  children: renderProp ? void 0 : children
29
30
  });
30
- }
31
- AlertDialogTrigger.displayName = "AlertDialogTrigger";
31
+ });
32
+ alert_dialog_AlertDialogTrigger.displayName = "AlertDialogTrigger";
32
33
  const AlertDialogPortal = AlertDialog.Portal;
33
34
  AlertDialogPortal.displayName = "AlertDialogPortal";
34
35
  function AlertDialogOverlay(props) {
@@ -45,13 +46,14 @@ function AlertDialogOverlay(props) {
45
46
  });
46
47
  }
47
48
  AlertDialogOverlay.displayName = "AlertDialogOverlay";
48
- function AlertDialogContent(props) {
49
+ const alert_dialog_AlertDialogContent = /*#__PURE__*/ forwardRef(function(props, forwardedRef) {
49
50
  const { className, children, render, ...otherProps } = props;
50
51
  return /*#__PURE__*/ jsxs(AlertDialogPortal, {
51
52
  children: [
52
53
  /*#__PURE__*/ jsx(AlertDialogOverlay, {}),
53
54
  /*#__PURE__*/ jsx(AlertDialog.Popup, {
54
55
  ...otherProps,
56
+ ref: forwardedRef,
55
57
  render: useRender({
56
58
  defaultTagName: "div",
57
59
  render: render,
@@ -63,8 +65,8 @@ function AlertDialogContent(props) {
63
65
  })
64
66
  ]
65
67
  });
66
- }
67
- AlertDialogContent.displayName = "AlertDialogContent";
68
+ });
69
+ alert_dialog_AlertDialogContent.displayName = "AlertDialogContent";
68
70
  function AlertDialogHeader(props) {
69
71
  const { asChild = false, children, className, render, ...otherProps } = props;
70
72
  const renderProp = asChild && /*#__PURE__*/ isValidElement(children) ? children : render;
@@ -123,10 +125,11 @@ function AlertDialogDescription(props) {
123
125
  });
124
126
  }
125
127
  AlertDialogDescription.displayName = "AlertDialogDescription";
126
- function AlertDialogAction(props) {
128
+ const alert_dialog_AlertDialogAction = /*#__PURE__*/ forwardRef(function(props, forwardedRef) {
127
129
  const { className, children, render, ...otherProps } = props;
128
130
  return /*#__PURE__*/ jsx(AlertDialog.Close, {
129
131
  ...otherProps,
132
+ ref: forwardedRef,
130
133
  render: useRender({
131
134
  defaultTagName: "button",
132
135
  render: render,
@@ -136,12 +139,13 @@ function AlertDialogAction(props) {
136
139
  }),
137
140
  children: children
138
141
  });
139
- }
140
- AlertDialogAction.displayName = "AlertDialogAction";
141
- function AlertDialogCancel(props) {
142
+ });
143
+ alert_dialog_AlertDialogAction.displayName = "AlertDialogAction";
144
+ const alert_dialog_AlertDialogCancel = /*#__PURE__*/ forwardRef(function(props, forwardedRef) {
142
145
  const { className, children, render, ...otherProps } = props;
143
146
  return /*#__PURE__*/ jsx(AlertDialog.Close, {
144
147
  ...otherProps,
148
+ ref: forwardedRef,
145
149
  render: useRender({
146
150
  defaultTagName: "button",
147
151
  render: render,
@@ -151,8 +155,8 @@ function AlertDialogCancel(props) {
151
155
  }),
152
156
  children: children
153
157
  });
154
- }
155
- AlertDialogCancel.displayName = "AlertDialogCancel";
156
- export { AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, alert_dialog_AlertDialog as AlertDialog };
158
+ });
159
+ alert_dialog_AlertDialogCancel.displayName = "AlertDialogCancel";
160
+ export { AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, alert_dialog_AlertDialog as AlertDialog, alert_dialog_AlertDialogAction as AlertDialogAction, alert_dialog_AlertDialogCancel as AlertDialogCancel, alert_dialog_AlertDialogContent as AlertDialogContent, alert_dialog_AlertDialogTrigger as AlertDialogTrigger };
157
161
 
158
162
  //# sourceMappingURL=alert-dialog.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"components/ui/alert-dialog.js","sources":["../../../src/components/ui/alert-dialog.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {AlertDialog as BaseAlertDialog} from \"@base-ui/react/alert-dialog\";\r\nimport {mergeProps} from \"@base-ui/react/merge-props\";\r\nimport {useRender} from \"@base-ui/react/use-render\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./alert-dialog.module.css\";\r\nimport buttonStyles from \"./button.module.css\";\r\n\r\ninterface AlertDialogProps extends React.ComponentPropsWithRef<typeof BaseAlertDialog.Root> {}\r\n\r\ninterface AlertDialogTriggerProps extends Omit<React.ComponentPropsWithRef<typeof BaseAlertDialog.Trigger>, \"className\"> {\r\n /** Additional CSS classes merged with the alert-dialog trigger styles. @default undefined */\r\n className?: string;\r\n /** Backward-compatible child-slot API that maps the child element to `render`. @default false @deprecated Prefer Base UI's `render` prop. */\r\n asChild?: boolean;\r\n}\r\n\r\ninterface AlertDialogOverlayProps extends Omit<React.ComponentPropsWithRef<typeof BaseAlertDialog.Backdrop>, \"className\"> {\r\n /** Additional CSS classes merged with the alert-dialog backdrop styles. @default undefined */\r\n className?: string;\r\n}\r\n\r\ninterface AlertDialogContentProps extends Omit<React.ComponentPropsWithRef<typeof BaseAlertDialog.Popup>, \"className\"> {\r\n /** Additional CSS classes merged with the alert-dialog popup styles. @default undefined */\r\n className?: string;\r\n}\r\n\r\ninterface AlertDialogHeaderProps extends React.ComponentPropsWithRef<\"div\"> {\r\n /** Additional CSS classes merged with the alert-dialog header layout styles. @default undefined */\r\n className?: string;\r\n /** Custom element or render callback used to replace the default header container. @default undefined */\r\n render?: useRender.RenderProp<Record<string, never>>;\r\n /** Backward-compatible child-slot API that maps the child element to `render`. @default false @deprecated Prefer the `render` prop. */\r\n asChild?: boolean;\r\n}\r\n\r\ninterface AlertDialogFooterProps extends React.ComponentPropsWithRef<\"div\"> {\r\n /** Additional CSS classes merged with the alert-dialog footer layout styles. @default undefined */\r\n className?: string;\r\n /** Custom element or render callback used to replace the default footer container. @default undefined */\r\n render?: useRender.RenderProp<Record<string, never>>;\r\n /** Backward-compatible child-slot API that maps the child element to `render`. @default false @deprecated Prefer the `render` prop. */\r\n asChild?: boolean;\r\n}\r\n\r\ninterface AlertDialogTitleProps extends Omit<React.ComponentPropsWithRef<typeof BaseAlertDialog.Title>, \"className\"> {\r\n /** Additional CSS classes merged with the alert-dialog title styles. @default undefined */\r\n className?: string;\r\n}\r\n\r\ninterface AlertDialogDescriptionProps extends Omit<React.ComponentPropsWithRef<typeof BaseAlertDialog.Description>, \"className\"> {\r\n /** Additional CSS classes merged with the alert-dialog description styles. @default undefined */\r\n className?: string;\r\n}\r\n\r\ninterface AlertDialogActionProps extends Omit<React.ComponentPropsWithRef<typeof BaseAlertDialog.Close>, \"className\"> {\r\n /** Additional CSS classes merged with the primary action button styles. @default undefined */\r\n className?: string;\r\n}\r\n\r\ninterface AlertDialogCancelProps extends Omit<React.ComponentPropsWithRef<typeof BaseAlertDialog.Close>, \"className\"> {\r\n /** Additional CSS classes merged with the cancel action button styles. @default undefined */\r\n className?: string;\r\n}\r\n\r\n/**\r\n * Coordinates destructive confirmation dialogs with modal accessibility behavior.\r\n *\r\n * @remarks\r\n * - Renders no DOM element by default and coordinates descendant alert-dialog parts\r\n * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}\r\n * - Supports composition through descendant `render` props\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <AlertDialog>\r\n * <AlertDialogTrigger>Delete</AlertDialogTrigger>\r\n * <AlertDialogContent>\r\n * <AlertDialogTitle>Are you sure?</AlertDialogTitle>\r\n * </AlertDialogContent>\r\n * </AlertDialog>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}\r\n */\r\nfunction AlertDialog(props: Readonly<AlertDialog.Props>): React.ReactElement {\r\n return <BaseAlertDialog.Root {...props} />;\r\n}\r\nAlertDialog.displayName = \"AlertDialog\";\r\n\r\n/**\r\n * Opens the alert dialog from an interactive trigger element.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <AlertDialogTrigger>Delete</AlertDialogTrigger>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}\r\n */\r\nfunction AlertDialogTrigger(props: Readonly<AlertDialogTrigger.Props>): React.ReactElement {\r\n const {asChild = false, children, className, render, ...otherProps} = props;\r\n const renderProp = asChild && React.isValidElement(children) ? children : render;\r\n\r\n return (\r\n <BaseAlertDialog.Trigger\r\n {...otherProps}\r\n render={useRender({\r\n defaultTagName: \"button\",\r\n render: renderProp as never,\r\n props: mergeProps({className}, {}),\r\n })}>\r\n {renderProp ? undefined : children}\r\n </BaseAlertDialog.Trigger>\r\n );\r\n}\r\nAlertDialogTrigger.displayName = \"AlertDialogTrigger\";\r\n\r\n/**\r\n * Portals alert-dialog descendants outside the local DOM hierarchy.\r\n *\r\n * @remarks\r\n * - Renders no DOM element by default and portals descendants into the document body\r\n * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}\r\n * - Does not expose a `render` prop because it only controls mounting context\r\n * - Styling via CSS Modules with `--ac-*` custom properties through descendant components\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <AlertDialogPortal>\r\n * <AlertDialogOverlay />\r\n * <AlertDialogContent />\r\n * </AlertDialogPortal>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}\r\n */\r\nconst AlertDialogPortal = BaseAlertDialog.Portal;\r\nAlertDialogPortal.displayName = \"AlertDialogPortal\";\r\n\r\n/**\r\n * Renders the dimmed backdrop behind the alert dialog popup.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <AlertDialogOverlay />\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}\r\n */\r\nfunction AlertDialogOverlay(props: Readonly<AlertDialogOverlay.Props>): React.ReactElement {\r\n const {className, render, ...otherProps} = props;\r\n\r\n return (\r\n <BaseAlertDialog.Backdrop\r\n {...otherProps}\r\n render={useRender({\r\n defaultTagName: \"div\",\r\n render: render as never,\r\n props: mergeProps({className: cn(styles.backdrop, className)}, {}),\r\n })}\r\n />\r\n );\r\n}\r\nAlertDialogOverlay.displayName = \"AlertDialogOverlay\";\r\n\r\n/**\r\n * Renders the alert dialog popup inside a portal with its backdrop.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <AlertDialogContent>\r\n * <AlertDialogTitle>Are you sure?</AlertDialogTitle>\r\n * </AlertDialogContent>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}\r\n */\r\nfunction AlertDialogContent(props: Readonly<AlertDialogContent.Props>): React.ReactElement {\r\n const {className, children, render, ...otherProps} = props;\r\n\r\n return (\r\n <AlertDialogPortal>\r\n <AlertDialogOverlay />\r\n <BaseAlertDialog.Popup\r\n {...otherProps}\r\n render={useRender({\r\n defaultTagName: \"div\",\r\n render: render as never,\r\n props: mergeProps({className: cn(styles.popup, className)}, {}),\r\n })}>\r\n {children}\r\n </BaseAlertDialog.Popup>\r\n </AlertDialogPortal>\r\n );\r\n}\r\nAlertDialogContent.displayName = \"AlertDialogContent\";\r\n\r\n/**\r\n * Lays out the alert dialog heading and supporting content.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <AlertDialogHeader>\r\n * <AlertDialogTitle>Are you sure?</AlertDialogTitle>\r\n * </AlertDialogHeader>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}\r\n */\r\nfunction AlertDialogHeader(props: Readonly<AlertDialogHeader.Props>): React.ReactElement {\r\n const {asChild = false, children, className, render, ...otherProps} = props;\r\n const renderProp = asChild && React.isValidElement(children) ? children : render;\r\n\r\n return useRender({\r\n defaultTagName: \"div\",\r\n render: renderProp as never,\r\n props: mergeProps({className: cn(styles.header, className)}, otherProps, {\r\n children: renderProp ? undefined : children,\r\n }),\r\n });\r\n}\r\nAlertDialogHeader.displayName = \"AlertDialogHeader\";\r\n\r\n/**\r\n * Lays out confirmation and dismissal actions at the bottom edge.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <AlertDialogFooter>\r\n * <AlertDialogCancel>Cancel</AlertDialogCancel>\r\n * </AlertDialogFooter>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}\r\n */\r\nfunction AlertDialogFooter(props: Readonly<AlertDialogFooter.Props>): React.ReactElement {\r\n const {asChild = false, children, className, render, ...otherProps} = props;\r\n const renderProp = asChild && React.isValidElement(children) ? children : render;\r\n\r\n return useRender({\r\n defaultTagName: \"div\",\r\n render: renderProp as never,\r\n props: mergeProps({className: cn(styles.footer, className)}, otherProps, {\r\n children: renderProp ? undefined : children,\r\n }),\r\n });\r\n}\r\nAlertDialogFooter.displayName = \"AlertDialogFooter\";\r\n\r\n/**\r\n * Renders the accessible heading for alert dialog content.\r\n *\r\n * @remarks\r\n * - Renders an `<h2>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <AlertDialogTitle>Are you sure?</AlertDialogTitle>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}\r\n */\r\nfunction AlertDialogTitle(props: Readonly<AlertDialogTitle.Props>): React.ReactElement {\r\n const {className, children, render, ...otherProps} = props;\r\n\r\n return (\r\n <BaseAlertDialog.Title\r\n {...otherProps}\r\n render={useRender({\r\n defaultTagName: \"h2\",\r\n render: render as never,\r\n props: mergeProps({className: cn(styles.title, className)}, {}),\r\n })}>\r\n {children}\r\n </BaseAlertDialog.Title>\r\n );\r\n}\r\nAlertDialogTitle.displayName = \"AlertDialogTitle\";\r\n\r\n/**\r\n * Renders supporting copy beneath the alert dialog title.\r\n *\r\n * @remarks\r\n * - Renders a `<p>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <AlertDialogDescription>This action cannot be undone.</AlertDialogDescription>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}\r\n */\r\nfunction AlertDialogDescription(props: Readonly<AlertDialogDescription.Props>): React.ReactElement {\r\n const {className, children, render, ...otherProps} = props;\r\n\r\n return (\r\n <BaseAlertDialog.Description\r\n {...otherProps}\r\n render={useRender({\r\n defaultTagName: \"p\",\r\n render: render as never,\r\n props: mergeProps({className: cn(styles.description, className)}, {}),\r\n })}>\r\n {children}\r\n </BaseAlertDialog.Description>\r\n );\r\n}\r\nAlertDialogDescription.displayName = \"AlertDialogDescription\";\r\n\r\n/**\r\n * Renders the primary confirmation action inside the alert dialog.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <AlertDialogAction>Continue</AlertDialogAction>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}\r\n */\r\nfunction AlertDialogAction(props: Readonly<AlertDialogAction.Props>): React.ReactElement {\r\n const {className, children, render, ...otherProps} = props;\r\n\r\n return (\r\n <BaseAlertDialog.Close\r\n {...otherProps}\r\n render={useRender({\r\n defaultTagName: \"button\",\r\n render: render as never,\r\n props: mergeProps(\r\n {\r\n className: cn(buttonStyles.button, buttonStyles.default, buttonStyles.sizeDefault, className),\r\n },\r\n {},\r\n ),\r\n })}>\r\n {children}\r\n </BaseAlertDialog.Close>\r\n );\r\n}\r\nAlertDialogAction.displayName = \"AlertDialogAction\";\r\n\r\n/**\r\n * Renders the secondary dismissal action inside the alert dialog.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <AlertDialogCancel>Cancel</AlertDialogCancel>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}\r\n */\r\nfunction AlertDialogCancel(props: Readonly<AlertDialogCancel.Props>): React.ReactElement {\r\n const {className, children, render, ...otherProps} = props;\r\n\r\n return (\r\n <BaseAlertDialog.Close\r\n {...otherProps}\r\n render={useRender({\r\n defaultTagName: \"button\",\r\n render: render as never,\r\n props: mergeProps(\r\n {\r\n className: cn(buttonStyles.button, buttonStyles.outline, buttonStyles.sizeDefault, styles.cancel, className),\r\n },\r\n {},\r\n ),\r\n })}>\r\n {children}\r\n </BaseAlertDialog.Close>\r\n );\r\n}\r\nAlertDialogCancel.displayName = \"AlertDialogCancel\";\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace AlertDialog {\r\n export type Props = AlertDialogProps;\r\n export type State = BaseAlertDialog.Root.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace AlertDialogTrigger {\r\n export type Props = AlertDialogTriggerProps;\r\n export type State = BaseAlertDialog.Trigger.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace AlertDialogOverlay {\r\n export type Props = AlertDialogOverlayProps;\r\n export type State = BaseAlertDialog.Backdrop.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace AlertDialogContent {\r\n export type Props = AlertDialogContentProps;\r\n export type State = BaseAlertDialog.Popup.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace AlertDialogHeader {\r\n export type Props = AlertDialogHeaderProps;\r\n export type State = Record<string, never>;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace AlertDialogFooter {\r\n export type Props = AlertDialogFooterProps;\r\n export type State = Record<string, never>;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace AlertDialogTitle {\r\n export type Props = AlertDialogTitleProps;\r\n export type State = BaseAlertDialog.Title.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace AlertDialogDescription {\r\n export type Props = AlertDialogDescriptionProps;\r\n export type State = BaseAlertDialog.Description.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace AlertDialogAction {\r\n export type Props = AlertDialogActionProps;\r\n export type State = BaseAlertDialog.Close.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace AlertDialogCancel {\r\n export type Props = AlertDialogCancelProps;\r\n export type State = BaseAlertDialog.Close.State;\r\n}\r\n\r\nexport {\r\n AlertDialog,\r\n AlertDialogAction,\r\n AlertDialogCancel,\r\n AlertDialogContent,\r\n AlertDialogDescription,\r\n AlertDialogFooter,\r\n AlertDialogHeader,\r\n AlertDialogOverlay,\r\n AlertDialogPortal,\r\n AlertDialogTitle,\r\n AlertDialogTrigger,\r\n};\r\n"],"names":["AlertDialog","props","BaseAlertDialog","AlertDialogTrigger","asChild","children","className","render","otherProps","renderProp","React","useRender","mergeProps","undefined","AlertDialogPortal","AlertDialogOverlay","cn","styles","AlertDialogContent","AlertDialogHeader","AlertDialogFooter","AlertDialogTitle","AlertDialogDescription","AlertDialogAction","buttonStyles","AlertDialogCancel"],"mappings":"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"}
1
+ {"version":3,"file":"components/ui/alert-dialog.js","sources":["../../../src/components/ui/alert-dialog.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {AlertDialog as BaseAlertDialog} from \"@base-ui/react/alert-dialog\";\r\nimport {mergeProps} from \"@base-ui/react/merge-props\";\r\nimport {useRender} from \"@base-ui/react/use-render\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./alert-dialog.module.css\";\r\nimport buttonStyles from \"./button.module.css\";\r\n\r\ninterface AlertDialogProps extends React.ComponentPropsWithRef<typeof BaseAlertDialog.Root> {}\r\n\r\ninterface AlertDialogTriggerProps extends Omit<React.ComponentPropsWithRef<typeof BaseAlertDialog.Trigger>, \"className\"> {\r\n /** Additional CSS classes merged with the alert-dialog trigger styles. @default undefined */\r\n className?: string;\r\n /** Backward-compatible child-slot API that maps the child element to `render`. @default false @deprecated Prefer Base UI's `render` prop. */\r\n asChild?: boolean;\r\n}\r\n\r\ninterface AlertDialogOverlayProps extends Omit<React.ComponentPropsWithRef<typeof BaseAlertDialog.Backdrop>, \"className\"> {\r\n /** Additional CSS classes merged with the alert-dialog backdrop styles. @default undefined */\r\n className?: string;\r\n}\r\n\r\ninterface AlertDialogContentProps extends Omit<React.ComponentPropsWithRef<typeof BaseAlertDialog.Popup>, \"className\"> {\r\n /** Additional CSS classes merged with the alert-dialog popup styles. @default undefined */\r\n className?: string;\r\n}\r\n\r\ninterface AlertDialogHeaderProps extends React.ComponentPropsWithRef<\"div\"> {\r\n /** Additional CSS classes merged with the alert-dialog header layout styles. @default undefined */\r\n className?: string;\r\n /** Custom element or render callback used to replace the default header container. @default undefined */\r\n render?: useRender.RenderProp<Record<string, never>>;\r\n /** Backward-compatible child-slot API that maps the child element to `render`. @default false @deprecated Prefer the `render` prop. */\r\n asChild?: boolean;\r\n}\r\n\r\ninterface AlertDialogFooterProps extends React.ComponentPropsWithRef<\"div\"> {\r\n /** Additional CSS classes merged with the alert-dialog footer layout styles. @default undefined */\r\n className?: string;\r\n /** Custom element or render callback used to replace the default footer container. @default undefined */\r\n render?: useRender.RenderProp<Record<string, never>>;\r\n /** Backward-compatible child-slot API that maps the child element to `render`. @default false @deprecated Prefer the `render` prop. */\r\n asChild?: boolean;\r\n}\r\n\r\ninterface AlertDialogTitleProps extends Omit<React.ComponentPropsWithRef<typeof BaseAlertDialog.Title>, \"className\"> {\r\n /** Additional CSS classes merged with the alert-dialog title styles. @default undefined */\r\n className?: string;\r\n}\r\n\r\ninterface AlertDialogDescriptionProps extends Omit<React.ComponentPropsWithRef<typeof BaseAlertDialog.Description>, \"className\"> {\r\n /** Additional CSS classes merged with the alert-dialog description styles. @default undefined */\r\n className?: string;\r\n}\r\n\r\ninterface AlertDialogActionProps extends Omit<React.ComponentPropsWithRef<typeof BaseAlertDialog.Close>, \"className\"> {\r\n /** Additional CSS classes merged with the primary action button styles. @default undefined */\r\n className?: string;\r\n}\r\n\r\ninterface AlertDialogCancelProps extends Omit<React.ComponentPropsWithRef<typeof BaseAlertDialog.Close>, \"className\"> {\r\n /** Additional CSS classes merged with the cancel action button styles. @default undefined */\r\n className?: string;\r\n}\r\n\r\n/**\r\n * Coordinates destructive confirmation dialogs with modal accessibility behavior.\r\n *\r\n * @remarks\r\n * - Renders no DOM element by default and coordinates descendant alert-dialog parts\r\n * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}\r\n * - Supports composition through descendant `render` props\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <AlertDialog>\r\n * <AlertDialogTrigger>Delete</AlertDialogTrigger>\r\n * <AlertDialogContent>\r\n * <AlertDialogTitle>Are you sure?</AlertDialogTitle>\r\n * </AlertDialogContent>\r\n * </AlertDialog>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}\r\n */\r\nfunction AlertDialog(props: Readonly<AlertDialog.Props>): React.ReactElement {\r\n return <BaseAlertDialog.Root {...props} />;\r\n}\r\nAlertDialog.displayName = \"AlertDialog\";\r\n\r\n/**\r\n * Opens the alert dialog from an interactive trigger element.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <AlertDialogTrigger>Delete</AlertDialogTrigger>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}\r\n */\r\nconst AlertDialogTrigger = React.forwardRef<HTMLButtonElement, AlertDialogTrigger.Props>(function AlertDialogTrigger(props, forwardedRef) {\r\n // eslint-disable-next-line sonarjs/deprecation -- backward-compatible asChild API\r\n const {asChild = false, children, className, render, ...otherProps} = props;\r\n const renderProp = asChild && React.isValidElement(children) ? children : render;\r\n\r\n return (\r\n <BaseAlertDialog.Trigger\r\n {...otherProps}\r\n ref={forwardedRef}\r\n render={useRender({\r\n defaultTagName: \"button\",\r\n render: renderProp as never,\r\n props: mergeProps({className}, {}),\r\n })}>\r\n {renderProp ? undefined : children}\r\n </BaseAlertDialog.Trigger>\r\n );\r\n});\r\nAlertDialogTrigger.displayName = \"AlertDialogTrigger\";\r\n\r\n/**\r\n * Portals alert-dialog descendants outside the local DOM hierarchy.\r\n *\r\n * @remarks\r\n * - Renders no DOM element by default and portals descendants into the document body\r\n * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}\r\n * - Does not expose a `render` prop because it only controls mounting context\r\n * - Styling via CSS Modules with `--ac-*` custom properties through descendant components\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <AlertDialogPortal>\r\n * <AlertDialogOverlay />\r\n * <AlertDialogContent />\r\n * </AlertDialogPortal>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}\r\n */\r\nconst AlertDialogPortal = BaseAlertDialog.Portal;\r\nAlertDialogPortal.displayName = \"AlertDialogPortal\";\r\n\r\n/**\r\n * Renders the dimmed backdrop behind the alert dialog popup.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <AlertDialogOverlay />\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}\r\n */\r\nfunction AlertDialogOverlay(props: Readonly<AlertDialogOverlay.Props>): React.ReactElement {\r\n const {className, render, ...otherProps} = props;\r\n\r\n return (\r\n <BaseAlertDialog.Backdrop\r\n {...otherProps}\r\n render={useRender({\r\n defaultTagName: \"div\",\r\n render: render as never,\r\n props: mergeProps({className: cn(styles.backdrop, className)}, {}),\r\n })}\r\n />\r\n );\r\n}\r\nAlertDialogOverlay.displayName = \"AlertDialogOverlay\";\r\n\r\n/**\r\n * Renders the alert dialog popup inside a portal with its backdrop.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <AlertDialogContent>\r\n * <AlertDialogTitle>Are you sure?</AlertDialogTitle>\r\n * </AlertDialogContent>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}\r\n */\r\nconst AlertDialogContent = React.forwardRef<HTMLDivElement, AlertDialogContent.Props>(function AlertDialogContent(props, forwardedRef) {\r\n const {className, children, render, ...otherProps} = props;\r\n\r\n return (\r\n <AlertDialogPortal>\r\n <AlertDialogOverlay />\r\n <BaseAlertDialog.Popup\r\n {...otherProps}\r\n ref={forwardedRef}\r\n render={useRender({\r\n defaultTagName: \"div\",\r\n render: render as never,\r\n props: mergeProps({className: cn(styles.popup, className)}, {}),\r\n })}>\r\n {children}\r\n </BaseAlertDialog.Popup>\r\n </AlertDialogPortal>\r\n );\r\n});\r\nAlertDialogContent.displayName = \"AlertDialogContent\";\r\n\r\n/**\r\n * Lays out the alert dialog heading and supporting content.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <AlertDialogHeader>\r\n * <AlertDialogTitle>Are you sure?</AlertDialogTitle>\r\n * </AlertDialogHeader>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}\r\n */\r\nfunction AlertDialogHeader(props: Readonly<AlertDialogHeader.Props>): React.ReactElement {\r\n // eslint-disable-next-line sonarjs/deprecation -- backward-compatible asChild API\r\n const {asChild = false, children, className, render, ...otherProps} = props;\r\n const renderProp = asChild && React.isValidElement(children) ? children : render;\r\n\r\n return useRender({\r\n defaultTagName: \"div\",\r\n render: renderProp as never,\r\n props: mergeProps({className: cn(styles.header, className)}, otherProps, {\r\n children: renderProp ? undefined : children,\r\n }),\r\n });\r\n}\r\nAlertDialogHeader.displayName = \"AlertDialogHeader\";\r\n\r\n/**\r\n * Lays out confirmation and dismissal actions at the bottom edge.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <AlertDialogFooter>\r\n * <AlertDialogCancel>Cancel</AlertDialogCancel>\r\n * </AlertDialogFooter>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}\r\n */\r\nfunction AlertDialogFooter(props: Readonly<AlertDialogFooter.Props>): React.ReactElement {\r\n // eslint-disable-next-line sonarjs/deprecation -- backward-compatible asChild API\r\n const {asChild = false, children, className, render, ...otherProps} = props;\r\n const renderProp = asChild && React.isValidElement(children) ? children : render;\r\n\r\n return useRender({\r\n defaultTagName: \"div\",\r\n render: renderProp as never,\r\n props: mergeProps({className: cn(styles.footer, className)}, otherProps, {\r\n children: renderProp ? undefined : children,\r\n }),\r\n });\r\n}\r\nAlertDialogFooter.displayName = \"AlertDialogFooter\";\r\n\r\n/**\r\n * Renders the accessible heading for alert dialog content.\r\n *\r\n * @remarks\r\n * - Renders an `<h2>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <AlertDialogTitle>Are you sure?</AlertDialogTitle>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}\r\n */\r\nfunction AlertDialogTitle(props: Readonly<AlertDialogTitle.Props>): React.ReactElement {\r\n const {className, children, render, ...otherProps} = props;\r\n\r\n return (\r\n <BaseAlertDialog.Title\r\n {...otherProps}\r\n render={useRender({\r\n defaultTagName: \"h2\",\r\n render: render as never,\r\n props: mergeProps({className: cn(styles.title, className)}, {}),\r\n })}>\r\n {children}\r\n </BaseAlertDialog.Title>\r\n );\r\n}\r\nAlertDialogTitle.displayName = \"AlertDialogTitle\";\r\n\r\n/**\r\n * Renders supporting copy beneath the alert dialog title.\r\n *\r\n * @remarks\r\n * - Renders a `<p>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <AlertDialogDescription>This action cannot be undone.</AlertDialogDescription>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}\r\n */\r\nfunction AlertDialogDescription(props: Readonly<AlertDialogDescription.Props>): React.ReactElement {\r\n const {className, children, render, ...otherProps} = props;\r\n\r\n return (\r\n <BaseAlertDialog.Description\r\n {...otherProps}\r\n render={useRender({\r\n defaultTagName: \"p\",\r\n render: render as never,\r\n props: mergeProps({className: cn(styles.description, className)}, {}),\r\n })}>\r\n {children}\r\n </BaseAlertDialog.Description>\r\n );\r\n}\r\nAlertDialogDescription.displayName = \"AlertDialogDescription\";\r\n\r\n/**\r\n * Renders the primary confirmation action inside the alert dialog.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <AlertDialogAction>Continue</AlertDialogAction>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}\r\n */\r\nconst AlertDialogAction = React.forwardRef<HTMLButtonElement, AlertDialogAction.Props>(function AlertDialogAction(props, forwardedRef) {\r\n const {className, children, render, ...otherProps} = props;\r\n\r\n return (\r\n <BaseAlertDialog.Close\r\n {...otherProps}\r\n ref={forwardedRef}\r\n render={useRender({\r\n defaultTagName: \"button\",\r\n render: render as never,\r\n props: mergeProps(\r\n {\r\n className: cn(buttonStyles.button, buttonStyles.default, buttonStyles.sizeDefault, className),\r\n },\r\n {},\r\n ),\r\n })}>\r\n {children}\r\n </BaseAlertDialog.Close>\r\n );\r\n});\r\nAlertDialogAction.displayName = \"AlertDialogAction\";\r\n\r\n/**\r\n * Renders the secondary dismissal action inside the alert dialog.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/alert-dialog | Base UI Alert Dialog}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <AlertDialogCancel>Cancel</AlertDialogCancel>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/alert-dialog | Base UI Documentation}\r\n */\r\nconst AlertDialogCancel = React.forwardRef<HTMLButtonElement, AlertDialogCancel.Props>(function AlertDialogCancel(props, forwardedRef) {\r\n const {className, children, render, ...otherProps} = props;\r\n\r\n return (\r\n <BaseAlertDialog.Close\r\n {...otherProps}\r\n ref={forwardedRef}\r\n render={useRender({\r\n defaultTagName: \"button\",\r\n render: render as never,\r\n props: mergeProps(\r\n {\r\n className: cn(buttonStyles.button, buttonStyles.outline, buttonStyles.sizeDefault, styles.cancel, className),\r\n },\r\n {},\r\n ),\r\n })}>\r\n {children}\r\n </BaseAlertDialog.Close>\r\n );\r\n});\r\nAlertDialogCancel.displayName = \"AlertDialogCancel\";\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace AlertDialog {\r\n export type Props = AlertDialogProps;\r\n export type State = BaseAlertDialog.Root.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace AlertDialogTrigger {\r\n export type Props = AlertDialogTriggerProps;\r\n export type State = BaseAlertDialog.Trigger.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace AlertDialogOverlay {\r\n export type Props = AlertDialogOverlayProps;\r\n export type State = BaseAlertDialog.Backdrop.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace AlertDialogContent {\r\n export type Props = AlertDialogContentProps;\r\n export type State = BaseAlertDialog.Popup.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace AlertDialogHeader {\r\n export type Props = AlertDialogHeaderProps;\r\n export type State = Record<string, never>;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace AlertDialogFooter {\r\n export type Props = AlertDialogFooterProps;\r\n export type State = Record<string, never>;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace AlertDialogTitle {\r\n export type Props = AlertDialogTitleProps;\r\n export type State = BaseAlertDialog.Title.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace AlertDialogDescription {\r\n export type Props = AlertDialogDescriptionProps;\r\n export type State = BaseAlertDialog.Description.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace AlertDialogAction {\r\n export type Props = AlertDialogActionProps;\r\n export type State = BaseAlertDialog.Close.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace AlertDialogCancel {\r\n export type Props = AlertDialogCancelProps;\r\n export type State = BaseAlertDialog.Close.State;\r\n}\r\n\r\nexport {\r\n AlertDialog,\r\n AlertDialogAction,\r\n AlertDialogCancel,\r\n AlertDialogContent,\r\n AlertDialogDescription,\r\n AlertDialogFooter,\r\n AlertDialogHeader,\r\n AlertDialogOverlay,\r\n AlertDialogPortal,\r\n AlertDialogTitle,\r\n AlertDialogTrigger,\r\n};\r\n"],"names":["AlertDialog","props","BaseAlertDialog","AlertDialogTrigger","React","forwardedRef","asChild","children","className","render","otherProps","renderProp","useRender","mergeProps","undefined","AlertDialogPortal","AlertDialogOverlay","cn","styles","AlertDialogContent","AlertDialogHeader","AlertDialogFooter","AlertDialogTitle","AlertDialogDescription","AlertDialogAction","buttonStyles","AlertDialogCancel"],"mappings":"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"}
@@ -40,10 +40,7 @@ interface AvatarFallbackProps extends Omit<React.ComponentPropsWithRef<typeof Ba
40
40
  *
41
41
  * @see {@link https://base-ui.com/react/components/avatar | Base UI Documentation}
42
42
  */
43
- declare function Avatar(props: Readonly<Avatar.Props>): React.ReactElement;
44
- declare namespace Avatar {
45
- var displayName: string;
46
- }
43
+ declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
47
44
  /**
48
45
  * Renders the primary avatar image inside the avatar root.
49
46
  *
@@ -60,10 +57,7 @@ declare namespace Avatar {
60
57
  *
61
58
  * @see {@link https://base-ui.com/react/components/avatar | Base UI Documentation}
62
59
  */
63
- declare function AvatarImage(props: Readonly<AvatarImage.Props>): React.ReactElement;
64
- declare namespace AvatarImage {
65
- var displayName: string;
66
- }
60
+ declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarImageProps, "ref"> & React.RefAttributes<HTMLImageElement>>;
67
61
  /**
68
62
  * Renders fallback content when the avatar image is unavailable.
69
63
  *
@@ -80,10 +74,7 @@ declare namespace AvatarImage {
80
74
  *
81
75
  * @see {@link https://base-ui.com/react/components/avatar | Base UI Documentation}
82
76
  */
83
- declare function AvatarFallback(props: Readonly<AvatarFallback.Props>): React.ReactElement;
84
- declare namespace AvatarFallback {
85
- var displayName: string;
86
- }
77
+ declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarFallbackProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
87
78
  declare namespace Avatar {
88
79
  type Props = AvatarProps;
89
80
  type State = BaseAvatar.Root.State;
@@ -1 +1 @@
1
- {"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,MAAM,IAAI,UAAU,EAAC,MAAM,uBAAuB,CAAC;AAG3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;GAEG;AACH,UAAU,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;IAClG,oFAAoF;IACpF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,UAAU,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,UAAU,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC;IACxG,qFAAqF;IACrF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,UAAU,mBAAoB,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,UAAU,CAAC,QAAQ,CAAC,EAAE,WAAW,CAAC;IAC9G,wFAAwF;IACxF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,iBAAS,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAcjE;kBAdQ,MAAM;;;AAiBf;;;;;;;;;;;;;;;GAeG;AACH,iBAAS,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,WAAW,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAa3E;kBAbQ,WAAW;;;AAgBpB;;;;;;;;;;;;;;;GAeG;AACH,iBAAS,cAAc,CAAC,KAAK,EAAE,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAcjF;kBAdQ,cAAc;;;AAkBvB,kBAAU,MAAM,CAAC;IACf,KAAY,KAAK,GAAG,WAAW,CAAC;IAChC,KAAY,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC;CAC3C;AAGD,kBAAU,WAAW,CAAC;IACpB,KAAY,KAAK,GAAG,gBAAgB,CAAC;IACrC,KAAY,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC;CAC5C;AAGD,kBAAU,cAAc,CAAC;IACvB,KAAY,KAAK,GAAG,mBAAmB,CAAC;IACxC,KAAY,KAAK,GAAG,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC;CAC/C;AAED,OAAO,EAAC,MAAM,EAAE,cAAc,EAAE,WAAW,EAAC,CAAC"}
1
+ {"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/avatar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,MAAM,IAAI,UAAU,EAAC,MAAM,uBAAuB,CAAC;AAG3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;GAEG;AACH,UAAU,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,UAAU,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;IAClG,oFAAoF;IACpF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,UAAU,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,UAAU,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC;IACxG,qFAAqF;IACrF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,UAAU,mBAAoB,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,UAAU,CAAC,QAAQ,CAAC,EAAE,WAAW,CAAC;IAC9G,wFAAwF;IACxF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,QAAA,MAAM,MAAM,kGAeV,CAAC;AAGH;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,WAAW,wGAcf,CAAC;AAGH;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,cAAc,0GAelB,CAAC;AAIH,kBAAU,MAAM,CAAC;IACf,KAAY,KAAK,GAAG,WAAW,CAAC;IAChC,KAAY,KAAK,GAAG,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC;CAC3C;AAGD,kBAAU,WAAW,CAAC;IACpB,KAAY,KAAK,GAAG,gBAAgB,CAAC;IACrC,KAAY,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC;CAC5C;AAGD,kBAAU,cAAc,CAAC;IACvB,KAAY,KAAK,GAAG,mBAAmB,CAAC;IACxC,KAAY,KAAK,GAAG,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC;CAC/C;AAED,OAAO,EAAC,MAAM,EAAE,cAAc,EAAE,WAAW,EAAC,CAAC"}
@@ -1,15 +1,16 @@
1
1
  "use client";
2
2
  import { jsx } from "react/jsx-runtime";
3
- import { Avatar } from "@base-ui/react/avatar";
3
+ import { Avatar as avatar_Avatar } from "@base-ui/react/avatar";
4
4
  import { mergeProps } from "@base-ui/react/merge-props";
5
5
  import { useRender } from "@base-ui/react/use-render";
6
- import "react";
6
+ import { forwardRef } from "react";
7
7
  import { cn } from "../../lib/utilities.js";
8
8
  import avatar_module from "./avatar.module.js";
9
- function avatar_Avatar(props) {
9
+ const ui_avatar_Avatar = /*#__PURE__*/ forwardRef(function(props, forwardedRef) {
10
10
  const { className, children, render, ...otherProps } = props;
11
- return /*#__PURE__*/ jsx(Avatar.Root, {
11
+ return /*#__PURE__*/ jsx(avatar_Avatar.Root, {
12
12
  ...otherProps,
13
+ ref: forwardedRef,
13
14
  render: useRender({
14
15
  defaultTagName: "span",
15
16
  render: render,
@@ -19,12 +20,13 @@ function avatar_Avatar(props) {
19
20
  }),
20
21
  children: children
21
22
  });
22
- }
23
- avatar_Avatar.displayName = "Avatar";
24
- function AvatarImage(props) {
23
+ });
24
+ ui_avatar_Avatar.displayName = "Avatar";
25
+ const avatar_AvatarImage = /*#__PURE__*/ forwardRef(function(props, forwardedRef) {
25
26
  const { className, render, ...otherProps } = props;
26
- return /*#__PURE__*/ jsx(Avatar.Image, {
27
+ return /*#__PURE__*/ jsx(avatar_Avatar.Image, {
27
28
  ...otherProps,
29
+ ref: forwardedRef,
28
30
  render: useRender({
29
31
  defaultTagName: "img",
30
32
  render: render,
@@ -33,12 +35,13 @@ function AvatarImage(props) {
33
35
  }, {})
34
36
  })
35
37
  });
36
- }
37
- AvatarImage.displayName = "AvatarImage";
38
- function AvatarFallback(props) {
38
+ });
39
+ avatar_AvatarImage.displayName = "AvatarImage";
40
+ const avatar_AvatarFallback = /*#__PURE__*/ forwardRef(function(props, forwardedRef) {
39
41
  const { className, children, render, ...otherProps } = props;
40
- return /*#__PURE__*/ jsx(Avatar.Fallback, {
42
+ return /*#__PURE__*/ jsx(avatar_Avatar.Fallback, {
41
43
  ...otherProps,
44
+ ref: forwardedRef,
42
45
  render: useRender({
43
46
  defaultTagName: "span",
44
47
  render: render,
@@ -48,8 +51,8 @@ function AvatarFallback(props) {
48
51
  }),
49
52
  children: children
50
53
  });
51
- }
52
- AvatarFallback.displayName = "AvatarFallback";
53
- export { AvatarFallback, AvatarImage, avatar_Avatar as Avatar };
54
+ });
55
+ avatar_AvatarFallback.displayName = "AvatarFallback";
56
+ export { avatar_AvatarFallback as AvatarFallback, avatar_AvatarImage as AvatarImage, ui_avatar_Avatar as Avatar };
54
57
 
55
58
  //# sourceMappingURL=avatar.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"components/ui/avatar.js","sources":["../../../src/components/ui/avatar.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {Avatar as BaseAvatar} from \"@base-ui/react/avatar\";\r\nimport {mergeProps} from \"@base-ui/react/merge-props\";\r\nimport {useRender} from \"@base-ui/react/use-render\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./avatar.module.css\";\r\n\r\n/**\r\n * Props for the shared avatar root.\r\n */\r\ninterface AvatarProps extends Omit<React.ComponentPropsWithRef<typeof BaseAvatar.Root>, \"className\"> {\r\n /** Additional CSS classes merged with the avatar root styles. @default undefined */\r\n className?: string;\r\n}\r\n\r\n/**\r\n * Props for the shared avatar image.\r\n */\r\ninterface AvatarImageProps extends Omit<React.ComponentPropsWithRef<typeof BaseAvatar.Image>, \"className\"> {\r\n /** Additional CSS classes merged with the avatar image styles. @default undefined */\r\n className?: string;\r\n}\r\n\r\n/**\r\n * Props for the shared avatar fallback.\r\n */\r\ninterface AvatarFallbackProps extends Omit<React.ComponentPropsWithRef<typeof BaseAvatar.Fallback>, \"className\"> {\r\n /** Additional CSS classes merged with the avatar fallback styles. @default undefined */\r\n className?: string;\r\n}\r\n\r\n/**\r\n * Displays a user avatar container with shared sizing and shape styles.\r\n *\r\n * @remarks\r\n * - Renders a `<span>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/avatar | Base UI Avatar}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <Avatar>\r\n * <AvatarImage src=\"/profile.png\" alt=\"Profile\" />\r\n * <AvatarFallback>AO</AvatarFallback>\r\n * </Avatar>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/avatar | Base UI Documentation}\r\n */\r\nfunction Avatar(props: Readonly<Avatar.Props>): React.ReactElement {\r\n const {className, children, render, ...otherProps} = props;\r\n\r\n return (\r\n <BaseAvatar.Root\r\n {...otherProps}\r\n render={useRender({\r\n defaultTagName: \"span\",\r\n render: render as never,\r\n props: mergeProps({className: cn(styles.root, className)}, {}),\r\n })}>\r\n {children}\r\n </BaseAvatar.Root>\r\n );\r\n}\r\nAvatar.displayName = \"Avatar\";\r\n\r\n/**\r\n * Renders the primary avatar image inside the avatar root.\r\n *\r\n * @remarks\r\n * - Renders an `<img>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/avatar | Base UI Avatar}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <AvatarImage src=\"/profile.png\" alt=\"Profile\" />\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/avatar | Base UI Documentation}\r\n */\r\nfunction AvatarImage(props: Readonly<AvatarImage.Props>): React.ReactElement {\r\n const {className, render, ...otherProps} = props;\r\n\r\n return (\r\n <BaseAvatar.Image\r\n {...otherProps}\r\n render={useRender({\r\n defaultTagName: \"img\",\r\n render: render as never,\r\n props: mergeProps({className: cn(styles.image, className)}, {}),\r\n })}\r\n />\r\n );\r\n}\r\nAvatarImage.displayName = \"AvatarImage\";\r\n\r\n/**\r\n * Renders fallback content when the avatar image is unavailable.\r\n *\r\n * @remarks\r\n * - Renders a `<span>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/avatar | Base UI Avatar}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <AvatarFallback>AO</AvatarFallback>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/avatar | Base UI Documentation}\r\n */\r\nfunction AvatarFallback(props: Readonly<AvatarFallback.Props>): React.ReactElement {\r\n const {className, children, render, ...otherProps} = props;\r\n\r\n return (\r\n <BaseAvatar.Fallback\r\n {...otherProps}\r\n render={useRender({\r\n defaultTagName: \"span\",\r\n render: render as never,\r\n props: mergeProps({className: cn(styles.fallback, className)}, {}),\r\n })}>\r\n {children}\r\n </BaseAvatar.Fallback>\r\n );\r\n}\r\nAvatarFallback.displayName = \"AvatarFallback\";\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace Avatar {\r\n export type Props = AvatarProps;\r\n export type State = BaseAvatar.Root.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace AvatarImage {\r\n export type Props = AvatarImageProps;\r\n export type State = BaseAvatar.Image.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace AvatarFallback {\r\n export type Props = AvatarFallbackProps;\r\n export type State = BaseAvatar.Fallback.State;\r\n}\r\n\r\nexport {Avatar, AvatarFallback, AvatarImage};\r\n"],"names":["Avatar","props","className","children","render","otherProps","BaseAvatar","useRender","mergeProps","cn","styles","AvatarImage","AvatarFallback"],"mappings":";;;;;;;;AAqDA,SAASA,cAAOC,KAA6B;IAC3C,MAAM,EAACC,SAAS,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGJ;IAErD,OAAO,WAAP,GACE,IAACK,OAAAA,IAAe;QACb,GAAGD,UAAU;QACd,QAAQE,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,cAAAA,IAAW,EAAER;YAAU,GAAG,CAAC;QAC9D;kBACCC;;AAGP;AACAH,cAAO,WAAW,GAAG;AAkBrB,SAASW,YAAYV,KAAkC;IACrD,MAAM,EAACC,SAAS,EAAEE,MAAM,EAAE,GAAGC,YAAW,GAAGJ;IAE3C,OAAO,WAAP,GACE,IAACK,OAAAA,KAAgB;QACd,GAAGD,UAAU;QACd,QAAQE,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,cAAAA,KAAY,EAAER;YAAU,GAAG,CAAC;QAC/D;;AAGN;AACAS,YAAY,WAAW,GAAG;AAkB1B,SAASC,eAAeX,KAAqC;IAC3D,MAAM,EAACC,SAAS,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGJ;IAErD,OAAO,WAAP,GACE,IAACK,OAAAA,QAAmB;QACjB,GAAGD,UAAU;QACd,QAAQE,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,cAAAA,QAAe,EAAER;YAAU,GAAG,CAAC;QAClE;kBACCC;;AAGP;AACAS,eAAe,WAAW,GAAG"}
1
+ {"version":3,"file":"components/ui/avatar.js","sources":["../../../src/components/ui/avatar.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {Avatar as BaseAvatar} from \"@base-ui/react/avatar\";\r\nimport {mergeProps} from \"@base-ui/react/merge-props\";\r\nimport {useRender} from \"@base-ui/react/use-render\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./avatar.module.css\";\r\n\r\n/**\r\n * Props for the shared avatar root.\r\n */\r\ninterface AvatarProps extends Omit<React.ComponentPropsWithRef<typeof BaseAvatar.Root>, \"className\"> {\r\n /** Additional CSS classes merged with the avatar root styles. @default undefined */\r\n className?: string;\r\n}\r\n\r\n/**\r\n * Props for the shared avatar image.\r\n */\r\ninterface AvatarImageProps extends Omit<React.ComponentPropsWithRef<typeof BaseAvatar.Image>, \"className\"> {\r\n /** Additional CSS classes merged with the avatar image styles. @default undefined */\r\n className?: string;\r\n}\r\n\r\n/**\r\n * Props for the shared avatar fallback.\r\n */\r\ninterface AvatarFallbackProps extends Omit<React.ComponentPropsWithRef<typeof BaseAvatar.Fallback>, \"className\"> {\r\n /** Additional CSS classes merged with the avatar fallback styles. @default undefined */\r\n className?: string;\r\n}\r\n\r\n/**\r\n * Displays a user avatar container with shared sizing and shape styles.\r\n *\r\n * @remarks\r\n * - Renders a `<span>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/avatar | Base UI Avatar}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <Avatar>\r\n * <AvatarImage src=\"/profile.png\" alt=\"Profile\" />\r\n * <AvatarFallback>AO</AvatarFallback>\r\n * </Avatar>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/avatar | Base UI Documentation}\r\n */\r\nconst Avatar = React.forwardRef<HTMLSpanElement, Avatar.Props>(function Avatar(props, forwardedRef) {\r\n const {className, children, render, ...otherProps} = props;\r\n\r\n return (\r\n <BaseAvatar.Root\r\n {...otherProps}\r\n ref={forwardedRef}\r\n render={useRender({\r\n defaultTagName: \"span\",\r\n render: render as never,\r\n props: mergeProps({className: cn(styles.root, className)}, {}),\r\n })}>\r\n {children}\r\n </BaseAvatar.Root>\r\n );\r\n});\r\nAvatar.displayName = \"Avatar\";\r\n\r\n/**\r\n * Renders the primary avatar image inside the avatar root.\r\n *\r\n * @remarks\r\n * - Renders an `<img>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/avatar | Base UI Avatar}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <AvatarImage src=\"/profile.png\" alt=\"Profile\" />\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/avatar | Base UI Documentation}\r\n */\r\nconst AvatarImage = React.forwardRef<HTMLImageElement, AvatarImage.Props>(function AvatarImage(props, forwardedRef) {\r\n const {className, render, ...otherProps} = props;\r\n\r\n return (\r\n <BaseAvatar.Image\r\n {...otherProps}\r\n ref={forwardedRef}\r\n render={useRender({\r\n defaultTagName: \"img\",\r\n render: render as never,\r\n props: mergeProps({className: cn(styles.image, className)}, {}),\r\n })}\r\n />\r\n );\r\n});\r\nAvatarImage.displayName = \"AvatarImage\";\r\n\r\n/**\r\n * Renders fallback content when the avatar image is unavailable.\r\n *\r\n * @remarks\r\n * - Renders a `<span>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/avatar | Base UI Avatar}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <AvatarFallback>AO</AvatarFallback>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/avatar | Base UI Documentation}\r\n */\r\nconst AvatarFallback = React.forwardRef<HTMLSpanElement, AvatarFallback.Props>(function AvatarFallback(props, forwardedRef) {\r\n const {className, children, render, ...otherProps} = props;\r\n\r\n return (\r\n <BaseAvatar.Fallback\r\n {...otherProps}\r\n ref={forwardedRef}\r\n render={useRender({\r\n defaultTagName: \"span\",\r\n render: render as never,\r\n props: mergeProps({className: cn(styles.fallback, className)}, {}),\r\n })}>\r\n {children}\r\n </BaseAvatar.Fallback>\r\n );\r\n});\r\nAvatarFallback.displayName = \"AvatarFallback\";\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace Avatar {\r\n export type Props = AvatarProps;\r\n export type State = BaseAvatar.Root.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace AvatarImage {\r\n export type Props = AvatarImageProps;\r\n export type State = BaseAvatar.Image.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace AvatarFallback {\r\n export type Props = AvatarFallbackProps;\r\n export type State = BaseAvatar.Fallback.State;\r\n}\r\n\r\nexport {Avatar, AvatarFallback, AvatarImage};\r\n"],"names":["Avatar","React","props","forwardedRef","className","children","render","otherProps","BaseAvatar","useRender","mergeProps","cn","styles","AvatarImage","AvatarFallback"],"mappings":";;;;;;;;AAqDA,MAAMA,mBAAS,WAAHA,GAAGC,WAAgD,SAAgBC,KAAK,EAAEC,YAAY;IAChG,MAAM,EAACC,SAAS,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGL;IAErD,OAAO,WAAP,GACE,IAACM,cAAAA,IAAe;QACb,GAAGD,UAAU;QACd,KAAKJ;QACL,QAAQM,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,cAAAA,IAAW,EAAER;YAAU,GAAG,CAAC;QAC9D;kBACCC;;AAGP;AACAL,iBAAO,WAAW,GAAG;AAkBrB,MAAMa,qBAAc,WAAHA,GAAGZ,WAAsD,SAAqBC,KAAK,EAAEC,YAAY;IAChH,MAAM,EAACC,SAAS,EAAEE,MAAM,EAAE,GAAGC,YAAW,GAAGL;IAE3C,OAAO,WAAP,GACE,IAACM,cAAAA,KAAgB;QACd,GAAGD,UAAU;QACd,KAAKJ;QACL,QAAQM,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,cAAAA,KAAY,EAAER;YAAU,GAAG,CAAC;QAC/D;;AAGN;AACAS,mBAAY,WAAW,GAAG;AAkB1B,MAAMC,wBAAiB,WAAHA,GAAGb,WAAwD,SAAwBC,KAAK,EAAEC,YAAY;IACxH,MAAM,EAACC,SAAS,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGL;IAErD,OAAO,WAAP,GACE,IAACM,cAAAA,QAAmB;QACjB,GAAGD,UAAU;QACd,KAAKJ;QACL,QAAQM,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,cAAAA,QAAe,EAAER;YAAU,GAAG,CAAC;QAClE;kBACCC;;AAGP;AACAS,sBAAe,WAAW,GAAG"}
@@ -88,6 +88,6 @@ declare const ButtonGroupText: React.ForwardRefExoticComponent<ButtonGroupTextPr
88
88
  *
89
89
  * @see {@link ButtonGroupSeparatorProps} for available props
90
90
  */
91
- declare const ButtonGroupSeparator: React.ForwardRefExoticComponent<Omit<Readonly<import("./separator").SeparatorProps>, "ref"> & React.RefAttributes<HTMLDivElement>>;
91
+ declare const ButtonGroupSeparator: React.ForwardRefExoticComponent<Omit<Omit<import("./separator").SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
92
92
  export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };
93
93
  //# sourceMappingURL=button-group.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"button-group.d.ts","sourceRoot":"","sources":["../../../src/components/ui/button-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AAIpD,2DAA2D;AAC3D,MAAM,MAAM,sBAAsB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE/D,UAAU,yBAAyB;IACjC,gFAAgF;IAChF,WAAW,CAAC,EAAE,sBAAsB,CAAC;IACrC,sFAAsF;IACtF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC7E,6DAA6D;IAC7D,WAAW,CAAC,EAAE,sBAAsB,CAAC;CACtC;AAED;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACjF,iFAAiF;IACjF,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,MAAM,yBAAyB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,SAAS,CAAC,CAAC;AAEzF;;;;;;;;;;GAUG;AACH,iBAAS,mBAAmB,CAAC,EAAC,WAA0B,EAAE,SAAS,EAAC,GAAE,QAAQ,CAAC,yBAAyB,CAAM,GAAG,MAAM,CAEtH;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,WAAW,yFAWhB,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,eAAe,6FAwBpB,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,oBAAoB,kJAUzB,CAAC;AAMF,OAAO,EAAC,WAAW,EAAE,oBAAoB,EAAE,eAAe,EAAE,mBAAmB,EAAC,CAAC"}
1
+ {"version":3,"file":"button-group.d.ts","sourceRoot":"","sources":["../../../src/components/ui/button-group.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,SAAS,EAAC,MAAM,2BAA2B,CAAC;AAIpD,2DAA2D;AAC3D,MAAM,MAAM,sBAAsB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE/D,UAAU,yBAAyB;IACjC,gFAAgF;IAChF,WAAW,CAAC,EAAE,sBAAsB,CAAC;IACrC,sFAAsF;IACtF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAC7E,6DAA6D;IAC7D,WAAW,CAAC,EAAE,sBAAsB,CAAC;CACtC;AAED;;GAEG;AACH,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IACjF,iFAAiF;IACjF,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,MAAM,yBAAyB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,SAAS,CAAC,CAAC;AAEzF;;;;;;;;;;GAUG;AACH,iBAAS,mBAAmB,CAAC,EAAC,WAA0B,EAAE,SAAS,EAAC,GAAE,QAAQ,CAAC,yBAAyB,CAAM,GAAG,MAAM,CAEtH;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,WAAW,yFAWhB,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,eAAe,6FAwBpB,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,oBAAoB,2LAUzB,CAAC;AAMF,OAAO,EAAC,WAAW,EAAE,oBAAoB,EAAE,eAAe,EAAE,mBAAmB,EAAC,CAAC"}
@@ -33,10 +33,7 @@ type CalendarProps = React.ComponentProps<typeof DayPicker> & {
33
33
  *
34
34
  * @see {@link https://daypicker.dev | React Day Picker Docs}
35
35
  */
36
- declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: Readonly<CalendarProps>): React.JSX.Element;
37
- declare namespace Calendar {
38
- var displayName: string;
39
- }
36
+ declare const Calendar: React.ForwardRefExoticComponent<CalendarProps & React.RefAttributes<HTMLDivElement>>;
40
37
  export type { DateRange, DayPickerProps, Matcher } from "react-day-picker";
41
38
  export { Calendar };
42
39
  export type { CalendarProps };
@@ -1 +1 @@
1
- {"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/calendar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAY,SAAS,EAAC,MAAM,kBAAkB,CAAC;AAEtD,OAAO,EAAC,MAAM,EAAC,MAAM,wBAAwB,CAAC;AAU9C;;GAEG;AACH,KAAK,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IAC5D;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;CAChE,CAAC;AAWF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,UAAU,EACV,eAAsB,EACtB,aAAuB,EACvB,aAAuB,EACvB,UAAU,EACV,UAAU,EACV,GAAG,KAAK,EACT,EAAE,QAAQ,CAAC,aAAa,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAgG7C;kBAzGQ,QAAQ;;;AAgJjB,YAAY,EAAC,SAAS,EAAE,cAAc,EAAE,OAAO,EAAC,MAAM,kBAAkB,CAAC;AACzE,OAAO,EAAC,QAAQ,EAAC,CAAC;AAClB,YAAY,EAAC,aAAa,EAAC,CAAC"}
1
+ {"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/calendar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAY,SAAS,EAAC,MAAM,kBAAkB,CAAC;AAEtD,OAAO,EAAC,MAAM,EAAC,MAAM,wBAAwB,CAAC;AAU9C;;GAEG;AACH,KAAK,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG;IAC5D;;;OAGG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;CAChE,CAAC;AAWF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,QAAA,MAAM,QAAQ,sFAmGZ,CAAC;AAuCH,YAAY,EAAC,SAAS,EAAE,cAAc,EAAE,OAAO,EAAC,MAAM,kBAAkB,CAAC;AACzE,OAAO,EAAC,QAAQ,EAAC,CAAC;AAClB,YAAY,EAAC,aAAa,EAAC,CAAC"}
@@ -1,7 +1,7 @@
1
1
  "use client";
2
2
  import { jsx } from "react/jsx-runtime";
3
3
  import { ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
4
- import { useEffect, useRef } from "react";
4
+ import { forwardRef, useEffect, useRef } from "react";
5
5
  import { DayPicker } from "react-day-picker";
6
6
  import { Button } from "./button.js";
7
7
  import { cn } from "../../lib/utilities.js";
@@ -15,14 +15,14 @@ const calendarButtonVariantStyles = {
15
15
  outline: button_module.outline,
16
16
  secondary: button_module.secondary
17
17
  };
18
- function Calendar({ className, classNames, showOutsideDays = true, captionLayout = "label", buttonVariant = "ghost", formatters, components, ...props }) {
18
+ const calendar_Calendar = /*#__PURE__*/ forwardRef(function({ className, classNames, showOutsideDays = true, captionLayout = "label", buttonVariant = "ghost", formatters, components, ...props }, forwardedRef) {
19
19
  return /*#__PURE__*/ jsx(DayPicker, {
20
20
  showOutsideDays: showOutsideDays,
21
21
  className: cn(calendar_module.container, className),
22
22
  captionLayout: captionLayout,
23
23
  formatters: {
24
24
  formatMonthDropdown: (date)=>{
25
- const locale = props.locale;
25
+ const { locale } = props;
26
26
  return date.toLocaleString(locale?.code ?? "default", {
27
27
  month: "short"
28
28
  });
@@ -60,7 +60,7 @@ function Calendar({ className, classNames, showOutsideDays = true, captionLayout
60
60
  components: {
61
61
  Root: ({ className: rootClassName, rootRef, ...rootProps })=>/*#__PURE__*/ jsx("div", {
62
62
  "data-slot": "calendar",
63
- ref: rootRef,
63
+ ref: rootRef ?? forwardedRef,
64
64
  className: cn(calendar_module.calendarRoot, rootClassName),
65
65
  ...rootProps
66
66
  }),
@@ -84,7 +84,7 @@ function Calendar({ className, classNames, showOutsideDays = true, captionLayout
84
84
  },
85
85
  ...props
86
86
  });
87
- }
87
+ });
88
88
  function CalendarWeekNumber({ week, children, ...tdProps }) {
89
89
  return /*#__PURE__*/ jsx("td", {
90
90
  ...tdProps,
@@ -114,7 +114,7 @@ function CalendarDayButton({ className, day, modifiers, ...props }) {
114
114
  ...props
115
115
  });
116
116
  }
117
- Calendar.displayName = "Calendar";
118
- export { Calendar };
117
+ calendar_Calendar.displayName = "Calendar";
118
+ export { calendar_Calendar as Calendar };
119
119
 
120
120
  //# sourceMappingURL=calendar.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"components/ui/calendar.js","sources":["../../../src/components/ui/calendar.tsx"],"sourcesContent":["\"use client\";\r\n\r\n/* eslint-disable complexity, react/no-unstable-nested-components, react-x/no-nested-component-definitions, react/prop-types */\r\n\r\nimport {ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon} from \"lucide-react\";\r\nimport * as React from \"react\";\r\nimport {DayButton, DayPicker} from \"react-day-picker\";\r\n\r\nimport {Button} from \"@/components/ui/button\";\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nimport buttonStyles from \"./button.module.css\";\r\nimport styles from \"./calendar.module.css\";\r\n\r\ntype CalendarButtonVariant = NonNullable<React.ComponentProps<typeof Button>[\"variant\"]>;\r\ntype DayPickerComponents = NonNullable<React.ComponentProps<typeof DayPicker>[\"components\"]>;\r\ntype CalendarWeekNumberProps = React.ComponentProps<NonNullable<DayPickerComponents[\"WeekNumber\"]>>;\r\n\r\n/**\r\n * Props for the shared calendar component.\r\n */\r\ntype CalendarProps = React.ComponentProps<typeof DayPicker> & {\r\n /**\r\n * Visual variant applied to the navigation buttons.\r\n * @default \"ghost\"\r\n */\r\n buttonVariant?: React.ComponentProps<typeof Button>[\"variant\"];\r\n};\r\n\r\nconst calendarButtonVariantStyles: Record<CalendarButtonVariant, string> = {\r\n default: buttonStyles.default,\r\n destructive: buttonStyles.destructive,\r\n ghost: buttonStyles.ghost,\r\n link: buttonStyles.link,\r\n outline: buttonStyles.outline,\r\n secondary: buttonStyles.secondary,\r\n};\r\n\r\n/**\r\n * Renders a styled calendar built on top of `react-day-picker`.\r\n *\r\n * @remarks\r\n * - Renders the `DayPicker` calendar root\r\n * - Built on `react-day-picker` with shared button styling from the component library\r\n * - Preserves the V1 public API while aligning visuals with the current design system\r\n * - Overrides the default DayPicker `Root`, `Chevron`, `DayButton`, and `WeekNumber`\r\n * components while still allowing consumers to replace them through the `components` prop\r\n * - Override the default chevron icons with `components={{Chevron: YourChevronComponent}}`\r\n *\r\n * @example\r\n * ```tsx\r\n * <Calendar\r\n * mode='single'\r\n * selected={new Date()}\r\n * onSelect={(date) => console.log(date)}\r\n * />\r\n * ```\r\n *\r\n * @see {@link https://daypicker.dev | React Day Picker Docs}\r\n */\r\nfunction Calendar({\r\n className,\r\n classNames,\r\n showOutsideDays = true,\r\n captionLayout = \"label\",\r\n buttonVariant = \"ghost\",\r\n formatters,\r\n components,\r\n ...props\r\n}: Readonly<CalendarProps>): React.JSX.Element {\r\n return (\r\n <DayPicker\r\n showOutsideDays={showOutsideDays}\r\n className={cn(styles.container, className)}\r\n captionLayout={captionLayout}\r\n formatters={{\r\n formatMonthDropdown: (date) => {\r\n const locale = props.locale;\r\n\r\n return date.toLocaleString(locale?.code ?? \"default\", {month: \"short\"});\r\n },\r\n ...formatters,\r\n }}\r\n classNames={{\r\n ...classNames,\r\n root: cn(styles.root, classNames?.root),\r\n months: cn(styles.months, classNames?.months),\r\n month: cn(styles.month, classNames?.month),\r\n nav: cn(styles.nav, classNames?.nav),\r\n button_previous: cn(\r\n buttonStyles.button,\r\n buttonStyles.sizeIcon,\r\n calendarButtonVariantStyles[buttonVariant],\r\n styles.navButton,\r\n classNames?.button_previous,\r\n ),\r\n button_next: cn(\r\n buttonStyles.button,\r\n buttonStyles.sizeIcon,\r\n calendarButtonVariantStyles[buttonVariant],\r\n styles.navButton,\r\n classNames?.button_next,\r\n ),\r\n month_caption: cn(styles.monthCaption, classNames?.month_caption),\r\n dropdowns: cn(styles.dropdowns, classNames?.dropdowns),\r\n dropdown_root: cn(styles.dropdownRoot, classNames?.dropdown_root),\r\n dropdown: cn(styles.dropdown, classNames?.dropdown),\r\n caption_label: cn(styles.captionLabel, captionLayout !== \"label\" && styles.captionLabelDropdown, classNames?.caption_label),\r\n month_grid: cn(styles.monthGrid, classNames?.month_grid),\r\n weekdays: cn(styles.weekdays, classNames?.weekdays),\r\n weekday: cn(styles.weekday, classNames?.weekday),\r\n week: cn(styles.week, classNames?.week),\r\n week_number_header: cn(styles.weekNumberHeader, classNames?.week_number_header),\r\n week_number: cn(styles.weekNumber, classNames?.week_number),\r\n day: cn(styles.day, classNames?.day),\r\n range_start: cn(styles.rangeStart, classNames?.range_start),\r\n range_middle: cn(styles.rangeMiddle, classNames?.range_middle),\r\n range_end: cn(styles.rangeEnd, classNames?.range_end),\r\n today: cn(styles.today, classNames?.today),\r\n outside: cn(styles.outside, classNames?.outside),\r\n disabled: classNames?.disabled,\r\n hidden: cn(styles.hidden, classNames?.hidden),\r\n }}\r\n components={{\r\n Root: ({className: rootClassName, rootRef, ...rootProps}) => (\r\n <div\r\n data-slot='calendar'\r\n ref={rootRef}\r\n className={cn(styles.calendarRoot, rootClassName)}\r\n {...rootProps}\r\n />\r\n ),\r\n Chevron: ({className: chevronClassName, orientation, ...chevronProps}) => {\r\n if (orientation === \"left\") {\r\n return (\r\n <ChevronLeftIcon\r\n className={cn(styles.chevron, chevronClassName)}\r\n {...chevronProps}\r\n />\r\n );\r\n }\r\n\r\n if (orientation === \"right\") {\r\n return (\r\n <ChevronRightIcon\r\n className={cn(styles.chevron, chevronClassName)}\r\n {...chevronProps}\r\n />\r\n );\r\n }\r\n\r\n return (\r\n <ChevronDownIcon\r\n className={cn(styles.chevron, chevronClassName)}\r\n {...chevronProps}\r\n />\r\n );\r\n },\r\n DayButton: CalendarDayButton,\r\n WeekNumber: CalendarWeekNumber,\r\n ...components,\r\n }}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nfunction CalendarWeekNumber({week, children, ...tdProps}: Readonly<CalendarWeekNumberProps>): React.JSX.Element {\r\n return (\r\n <td {...tdProps}>\r\n <div className={styles.weekNumberCell}>{children}</div>\r\n </td>\r\n );\r\n}\r\n\r\nfunction CalendarDayButton({className, day, modifiers, ...props}: Readonly<React.ComponentProps<typeof DayButton>>): React.JSX.Element {\r\n const ref = React.useRef<HTMLButtonElement>(null);\r\n\r\n React.useEffect(() => {\r\n if (modifiers[\"focused\"]) {\r\n ref.current?.focus();\r\n }\r\n }, [modifiers]);\r\n\r\n return (\r\n <Button\r\n ref={ref}\r\n variant='ghost'\r\n size='icon'\r\n data-day={day.date.toLocaleDateString()}\r\n data-selected-single={Boolean(\r\n modifiers[\"selected\"] && !modifiers[\"range_start\"] && !modifiers[\"range_end\"] && !modifiers[\"range_middle\"],\r\n )}\r\n data-range-start={Boolean(modifiers[\"range_start\"])}\r\n data-range-end={Boolean(modifiers[\"range_end\"])}\r\n data-range-middle={Boolean(modifiers[\"range_middle\"])}\r\n className={cn(styles.dayButton, className)}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nCalendar.displayName = \"Calendar\";\r\n\r\nexport type {DateRange, DayPickerProps, Matcher} from \"react-day-picker\";\r\nexport {Calendar};\r\nexport type {CalendarProps};\r\n"],"names":["calendarButtonVariantStyles","buttonStyles","Calendar","className","classNames","showOutsideDays","captionLayout","buttonVariant","formatters","components","props","DayPicker","cn","styles","date","locale","rootClassName","rootRef","rootProps","chevronClassName","orientation","chevronProps","ChevronLeftIcon","ChevronRightIcon","ChevronDownIcon","CalendarDayButton","CalendarWeekNumber","week","children","tdProps","day","modifiers","ref","React","Button","Boolean"],"mappings":"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"}
1
+ {"version":3,"file":"components/ui/calendar.js","sources":["../../../src/components/ui/calendar.tsx"],"sourcesContent":["\"use client\";\r\n\r\n/* eslint-disable complexity, react/no-unstable-nested-components, react-x/no-nested-component-definitions, react/prop-types */\r\n\r\nimport {ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon} from \"lucide-react\";\r\nimport * as React from \"react\";\r\nimport {DayButton, DayPicker} from \"react-day-picker\";\r\n\r\nimport {Button} from \"@/components/ui/button\";\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nimport buttonStyles from \"./button.module.css\";\r\nimport styles from \"./calendar.module.css\";\r\n\r\ntype CalendarButtonVariant = NonNullable<React.ComponentProps<typeof Button>[\"variant\"]>;\r\ntype DayPickerComponents = NonNullable<React.ComponentProps<typeof DayPicker>[\"components\"]>;\r\ntype CalendarWeekNumberProps = React.ComponentProps<NonNullable<DayPickerComponents[\"WeekNumber\"]>>;\r\n\r\n/**\r\n * Props for the shared calendar component.\r\n */\r\ntype CalendarProps = React.ComponentProps<typeof DayPicker> & {\r\n /**\r\n * Visual variant applied to the navigation buttons.\r\n * @default \"ghost\"\r\n */\r\n buttonVariant?: React.ComponentProps<typeof Button>[\"variant\"];\r\n};\r\n\r\nconst calendarButtonVariantStyles: Record<CalendarButtonVariant, string> = {\r\n default: buttonStyles.default,\r\n destructive: buttonStyles.destructive,\r\n ghost: buttonStyles.ghost,\r\n link: buttonStyles.link,\r\n outline: buttonStyles.outline,\r\n secondary: buttonStyles.secondary,\r\n};\r\n\r\n/**\r\n * Renders a styled calendar built on top of `react-day-picker`.\r\n *\r\n * @remarks\r\n * - Renders the `DayPicker` calendar root\r\n * - Built on `react-day-picker` with shared button styling from the component library\r\n * - Preserves the V1 public API while aligning visuals with the current design system\r\n * - Overrides the default DayPicker `Root`, `Chevron`, `DayButton`, and `WeekNumber`\r\n * components while still allowing consumers to replace them through the `components` prop\r\n * - Override the default chevron icons with `components={{Chevron: YourChevronComponent}}`\r\n *\r\n * @example\r\n * ```tsx\r\n * <Calendar\r\n * mode='single'\r\n * selected={new Date()}\r\n * onSelect={(date) => console.log(date)}\r\n * />\r\n * ```\r\n *\r\n * @see {@link https://daypicker.dev | React Day Picker Docs}\r\n */\r\nconst Calendar = React.forwardRef<HTMLDivElement, CalendarProps>(function Calendar(\r\n {className, classNames, showOutsideDays = true, captionLayout = \"label\", buttonVariant = \"ghost\", formatters, components, ...props},\r\n forwardedRef,\r\n) {\r\n return (\r\n <DayPicker\r\n showOutsideDays={showOutsideDays}\r\n className={cn(styles.container, className)}\r\n captionLayout={captionLayout}\r\n formatters={{\r\n formatMonthDropdown: (date) => {\r\n const {locale} = props;\r\n\r\n return date.toLocaleString(locale?.code ?? \"default\", {month: \"short\"});\r\n },\r\n ...formatters,\r\n }}\r\n classNames={{\r\n ...classNames,\r\n root: cn(styles.root, classNames?.root),\r\n months: cn(styles.months, classNames?.months),\r\n month: cn(styles.month, classNames?.month),\r\n nav: cn(styles.nav, classNames?.nav),\r\n button_previous: cn(\r\n buttonStyles.button,\r\n buttonStyles.sizeIcon,\r\n calendarButtonVariantStyles[buttonVariant],\r\n styles.navButton,\r\n classNames?.button_previous,\r\n ),\r\n button_next: cn(\r\n buttonStyles.button,\r\n buttonStyles.sizeIcon,\r\n calendarButtonVariantStyles[buttonVariant],\r\n styles.navButton,\r\n classNames?.button_next,\r\n ),\r\n month_caption: cn(styles.monthCaption, classNames?.month_caption),\r\n dropdowns: cn(styles.dropdowns, classNames?.dropdowns),\r\n dropdown_root: cn(styles.dropdownRoot, classNames?.dropdown_root),\r\n dropdown: cn(styles.dropdown, classNames?.dropdown),\r\n caption_label: cn(styles.captionLabel, captionLayout !== \"label\" && styles.captionLabelDropdown, classNames?.caption_label),\r\n month_grid: cn(styles.monthGrid, classNames?.month_grid),\r\n weekdays: cn(styles.weekdays, classNames?.weekdays),\r\n weekday: cn(styles.weekday, classNames?.weekday),\r\n week: cn(styles.week, classNames?.week),\r\n week_number_header: cn(styles.weekNumberHeader, classNames?.week_number_header),\r\n week_number: cn(styles.weekNumber, classNames?.week_number),\r\n day: cn(styles.day, classNames?.day),\r\n range_start: cn(styles.rangeStart, classNames?.range_start),\r\n range_middle: cn(styles.rangeMiddle, classNames?.range_middle),\r\n range_end: cn(styles.rangeEnd, classNames?.range_end),\r\n today: cn(styles.today, classNames?.today),\r\n outside: cn(styles.outside, classNames?.outside),\r\n disabled: classNames?.disabled,\r\n hidden: cn(styles.hidden, classNames?.hidden),\r\n }}\r\n components={{\r\n Root: ({className: rootClassName, rootRef, ...rootProps}) => (\r\n <div\r\n data-slot='calendar'\r\n ref={rootRef ?? forwardedRef}\r\n className={cn(styles.calendarRoot, rootClassName)}\r\n {...rootProps}\r\n />\r\n ),\r\n Chevron: ({className: chevronClassName, orientation, ...chevronProps}) => {\r\n if (orientation === \"left\") {\r\n return (\r\n <ChevronLeftIcon\r\n className={cn(styles.chevron, chevronClassName)}\r\n {...chevronProps}\r\n />\r\n );\r\n }\r\n\r\n if (orientation === \"right\") {\r\n return (\r\n <ChevronRightIcon\r\n className={cn(styles.chevron, chevronClassName)}\r\n {...chevronProps}\r\n />\r\n );\r\n }\r\n\r\n return (\r\n <ChevronDownIcon\r\n className={cn(styles.chevron, chevronClassName)}\r\n {...chevronProps}\r\n />\r\n );\r\n },\r\n DayButton: CalendarDayButton,\r\n WeekNumber: CalendarWeekNumber,\r\n ...components,\r\n }}\r\n {...props}\r\n />\r\n );\r\n});\r\n\r\nfunction CalendarWeekNumber({week, children, ...tdProps}: Readonly<CalendarWeekNumberProps>): React.JSX.Element {\r\n return (\r\n <td {...tdProps}>\r\n <div className={styles.weekNumberCell}>{children}</div>\r\n </td>\r\n );\r\n}\r\n\r\nfunction CalendarDayButton({className, day, modifiers, ...props}: Readonly<React.ComponentProps<typeof DayButton>>): React.JSX.Element {\r\n const ref = React.useRef<HTMLButtonElement>(null);\r\n\r\n React.useEffect(() => {\r\n if (modifiers[\"focused\"]) {\r\n ref.current?.focus();\r\n }\r\n }, [modifiers]);\r\n\r\n return (\r\n <Button\r\n ref={ref}\r\n variant='ghost'\r\n size='icon'\r\n data-day={day.date.toLocaleDateString()}\r\n data-selected-single={Boolean(\r\n modifiers[\"selected\"] && !modifiers[\"range_start\"] && !modifiers[\"range_end\"] && !modifiers[\"range_middle\"],\r\n )}\r\n data-range-start={Boolean(modifiers[\"range_start\"])}\r\n data-range-end={Boolean(modifiers[\"range_end\"])}\r\n data-range-middle={Boolean(modifiers[\"range_middle\"])}\r\n className={cn(styles.dayButton, className)}\r\n {...props}\r\n />\r\n );\r\n}\r\n\r\nCalendar.displayName = \"Calendar\";\r\n\r\nexport type {DateRange, DayPickerProps, Matcher} from \"react-day-picker\";\r\nexport {Calendar};\r\nexport type {CalendarProps};\r\n"],"names":["calendarButtonVariantStyles","buttonStyles","Calendar","React","className","classNames","showOutsideDays","captionLayout","buttonVariant","formatters","components","props","forwardedRef","DayPicker","cn","styles","date","locale","rootClassName","rootRef","rootProps","chevronClassName","orientation","chevronProps","ChevronLeftIcon","ChevronRightIcon","ChevronDownIcon","CalendarDayButton","CalendarWeekNumber","week","children","tdProps","day","modifiers","ref","Button","Boolean"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../../src/components/ui/carousel.tsx"],"names":[],"mappings":"AAGA,OAAO,gBAAgB,EAAE,EAAC,KAAK,oBAAoB,EAAC,MAAM,sBAAsB,CAAC;AAEjF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,KAAK,WAAW,GAAG,WAAW,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC;AACxD,KAAK,qBAAqB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AACjE,KAAK,eAAe,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAC;AAChD,KAAK,cAAc,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAC;AAE/C;;GAEG;AACH,KAAK,aAAa,GAAG;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB;;;OAGG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAC;CACrC,CAAC;AAuBF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,QAAA,MAAM,QAAQ,6HA4Gb,CAAC;AAGF;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,eAAe,6GAenB,CAAC;AAGH;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,YAAY,6GAahB,CAAC;AAGH;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,gBAAgB,2LAkBrB,CAAC;AAGF;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,YAAY,2LAkBjB,CAAC;AAGF,OAAO,EAAC,QAAQ,EAAE,eAAe,EAAE,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,KAAK,WAAW,EAAC,CAAC;AACnG,YAAY,EAAC,eAAe,EAAE,cAAc,EAAE,aAAa,EAAC,CAAC"}
1
+ {"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../../../src/components/ui/carousel.tsx"],"names":[],"mappings":"AAGA,OAAO,gBAAgB,EAAE,EAAC,KAAK,oBAAoB,EAAC,MAAM,sBAAsB,CAAC;AAEjF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,KAAK,WAAW,GAAG,WAAW,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC;AACxD,KAAK,qBAAqB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AACjE,KAAK,eAAe,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAC;AAChD,KAAK,cAAc,GAAG,qBAAqB,CAAC,CAAC,CAAC,CAAC;AAE/C;;GAEG;AACH,KAAK,aAAa,GAAG;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB;;;OAGG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC;;;OAGG;IACH,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,WAAW,KAAK,IAAI,CAAC;CACrC,CAAC;AAuBF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyCG;AACH,QAAA,MAAM,QAAQ,6HA8Gb,CAAC;AAGF;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,eAAe,6GAenB,CAAC;AAGH;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,YAAY,6GAahB,CAAC;AAGH;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,gBAAgB,2LAkBrB,CAAC;AAGF;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,YAAY,2LAkBjB,CAAC;AAGF,OAAO,EAAC,QAAQ,EAAE,eAAe,EAAE,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,KAAK,WAAW,EAAC,CAAC;AACnG,YAAY,EAAC,eAAe,EAAE,cAAc,EAAE,aAAa,EAAC,CAAC"}