@lglab/compose-ui 0.28.0 → 0.30.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 (213) hide show
  1. package/dist/accordion.d.ts +49 -40
  2. package/dist/accordion.d.ts.map +1 -0
  3. package/dist/accordion.js +47 -45
  4. package/dist/accordion.js.map +1 -0
  5. package/dist/alert-dialog.d.ts +93 -87
  6. package/dist/alert-dialog.d.ts.map +1 -0
  7. package/dist/alert-dialog.js +94 -111
  8. package/dist/alert-dialog.js.map +1 -0
  9. package/dist/autocomplete.d.ts +99 -96
  10. package/dist/autocomplete.d.ts.map +1 -0
  11. package/dist/autocomplete.js +92 -116
  12. package/dist/autocomplete.js.map +1 -0
  13. package/dist/avatar.d.ts +56 -47
  14. package/dist/avatar.d.ts.map +1 -0
  15. package/dist/avatar.js +66 -79
  16. package/dist/avatar.js.map +1 -0
  17. package/dist/badge.d.ts +48 -42
  18. package/dist/badge.d.ts.map +1 -0
  19. package/dist/badge.js +195 -202
  20. package/dist/badge.js.map +1 -0
  21. package/dist/button.d.ts +26 -21
  22. package/dist/button.d.ts.map +1 -0
  23. package/dist/button.js +24 -24
  24. package/dist/button.js.map +1 -0
  25. package/dist/card.d.ts +105 -99
  26. package/dist/card.d.ts.map +1 -0
  27. package/dist/card.js +105 -66
  28. package/dist/card.js.map +1 -0
  29. package/dist/checkbox-group.d.ts +16 -12
  30. package/dist/checkbox-group.d.ts.map +1 -0
  31. package/dist/checkbox-group.js +18 -14
  32. package/dist/checkbox-group.js.map +1 -0
  33. package/dist/checkbox.d.ts +25 -19
  34. package/dist/checkbox.d.ts.map +1 -0
  35. package/dist/checkbox.js +26 -32
  36. package/dist/checkbox.js.map +1 -0
  37. package/dist/collapsible.d.ts +32 -26
  38. package/dist/collapsible.d.ts.map +1 -0
  39. package/dist/collapsible.js +32 -32
  40. package/dist/collapsible.js.map +1 -0
  41. package/dist/combobox.d.ts +191 -182
  42. package/dist/combobox.d.ts.map +1 -0
  43. package/dist/combobox.js +176 -250
  44. package/dist/combobox.js.map +1 -0
  45. package/dist/components/table/filters.d.ts +29 -0
  46. package/dist/components/table/filters.d.ts.map +1 -0
  47. package/dist/components/table/filters.js +47 -0
  48. package/dist/components/table/filters.js.map +1 -0
  49. package/dist/components/table/primitives.d.ts +93 -0
  50. package/dist/components/table/primitives.d.ts.map +1 -0
  51. package/dist/components/table/primitives.js +129 -0
  52. package/dist/components/table/primitives.js.map +1 -0
  53. package/dist/components/table/sort.js +17 -0
  54. package/dist/components/table/sort.js.map +1 -0
  55. package/dist/components/table/types.d.ts +101 -0
  56. package/dist/components/table/types.d.ts.map +1 -0
  57. package/dist/context-menu.d.ts +151 -138
  58. package/dist/context-menu.d.ts.map +1 -0
  59. package/dist/context-menu.js +151 -173
  60. package/dist/context-menu.js.map +1 -0
  61. package/dist/dialog.d.ts +101 -92
  62. package/dist/dialog.d.ts.map +1 -0
  63. package/dist/dialog.js +101 -105
  64. package/dist/dialog.js.map +1 -0
  65. package/dist/drawer.d.ts +109 -99
  66. package/dist/drawer.d.ts.map +1 -0
  67. package/dist/drawer.js +120 -111
  68. package/dist/drawer.js.map +1 -0
  69. package/dist/field.d.ts +61 -54
  70. package/dist/field.d.ts.map +1 -0
  71. package/dist/field.js +58 -27
  72. package/dist/field.js.map +1 -0
  73. package/dist/fieldset.d.ts +24 -19
  74. package/dist/fieldset.d.ts.map +1 -0
  75. package/dist/fieldset.js +26 -18
  76. package/dist/fieldset.js.map +1 -0
  77. package/dist/form.d.ts +16 -12
  78. package/dist/form.d.ts.map +1 -0
  79. package/dist/form.js +18 -8
  80. package/dist/form.js.map +1 -0
  81. package/dist/index.d.ts +48 -2115
  82. package/dist/index.js +47 -318
  83. package/dist/input.d.ts +16 -12
  84. package/dist/input.d.ts.map +1 -0
  85. package/dist/input.js +19 -9
  86. package/dist/input.js.map +1 -0
  87. package/dist/lib/arrow-svg.js +28 -0
  88. package/dist/lib/arrow-svg.js.map +1 -0
  89. package/dist/lib/button-variants.d.ts +6 -0
  90. package/dist/lib/button-variants.d.ts.map +1 -0
  91. package/dist/lib/button-variants.js +31 -0
  92. package/dist/lib/button-variants.js.map +1 -0
  93. package/dist/lib/control-variants.d.ts +6 -0
  94. package/dist/lib/control-variants.d.ts.map +1 -0
  95. package/dist/lib/control-variants.js +38 -0
  96. package/dist/lib/control-variants.js.map +1 -0
  97. package/dist/lib/form-variants.js +11 -0
  98. package/dist/lib/form-variants.js.map +1 -0
  99. package/dist/lib/tooltip-variants.d.ts +5 -0
  100. package/dist/lib/tooltip-variants.d.ts.map +1 -0
  101. package/dist/lib/tooltip-variants.js +36 -0
  102. package/dist/lib/tooltip-variants.js.map +1 -0
  103. package/dist/lib/utils.js +11 -0
  104. package/dist/lib/utils.js.map +1 -0
  105. package/dist/menu.d.ts +151 -138
  106. package/dist/menu.d.ts.map +1 -0
  107. package/dist/menu.js +151 -146
  108. package/dist/menu.js.map +1 -0
  109. package/dist/menubar.d.ts +168 -155
  110. package/dist/menubar.d.ts.map +1 -0
  111. package/dist/menubar.js +163 -169
  112. package/dist/menubar.js.map +1 -0
  113. package/dist/meter.d.ts +53 -43
  114. package/dist/meter.d.ts.map +1 -0
  115. package/dist/meter.js +59 -64
  116. package/dist/meter.js.map +1 -0
  117. package/dist/navigation-menu.d.ts +111 -96
  118. package/dist/navigation-menu.d.ts.map +1 -0
  119. package/dist/navigation-menu.js +117 -175
  120. package/dist/navigation-menu.js.map +1 -0
  121. package/dist/number-field.d.ts +64 -54
  122. package/dist/number-field.d.ts.map +1 -0
  123. package/dist/number-field.js +61 -69
  124. package/dist/number-field.js.map +1 -0
  125. package/dist/pagination.d.ts +184 -0
  126. package/dist/pagination.d.ts.map +1 -0
  127. package/dist/pagination.js +164 -0
  128. package/dist/pagination.js.map +1 -0
  129. package/dist/popover.d.ts +90 -82
  130. package/dist/popover.d.ts.map +1 -0
  131. package/dist/popover.js +85 -94
  132. package/dist/popover.js.map +1 -0
  133. package/dist/preview-card.d.ts +58 -54
  134. package/dist/preview-card.d.ts.map +1 -0
  135. package/dist/preview-card.js +57 -81
  136. package/dist/preview-card.js.map +1 -0
  137. package/dist/progress.d.ts +48 -40
  138. package/dist/progress.d.ts.map +1 -0
  139. package/dist/progress.js +46 -50
  140. package/dist/progress.js.map +1 -0
  141. package/dist/radio-group.d.ts +16 -12
  142. package/dist/radio-group.d.ts.map +1 -0
  143. package/dist/radio-group.js +18 -14
  144. package/dist/radio-group.js.map +1 -0
  145. package/dist/radio.d.ts +24 -19
  146. package/dist/radio.d.ts.map +1 -0
  147. package/dist/radio.js +25 -34
  148. package/dist/radio.js.map +1 -0
  149. package/dist/scroll-area.d.ts +57 -47
  150. package/dist/scroll-area.d.ts.map +1 -0
  151. package/dist/scroll-area.js +54 -56
  152. package/dist/scroll-area.js.map +1 -0
  153. package/dist/select.d.ts +146 -133
  154. package/dist/select.d.ts.map +1 -0
  155. package/dist/select.js +133 -167
  156. package/dist/select.js.map +1 -0
  157. package/dist/separator.d.ts +17 -12
  158. package/dist/separator.d.ts.map +1 -0
  159. package/dist/separator.js +19 -23
  160. package/dist/separator.js.map +1 -0
  161. package/dist/skeleton.d.ts +20 -0
  162. package/dist/skeleton.d.ts.map +1 -0
  163. package/dist/skeleton.js +27 -0
  164. package/dist/skeleton.js.map +1 -0
  165. package/dist/slider.d.ts +56 -47
  166. package/dist/slider.d.ts.map +1 -0
  167. package/dist/slider.js +53 -62
  168. package/dist/slider.js.map +1 -0
  169. package/dist/styles/default.css +15 -1
  170. package/dist/switch.d.ts +24 -19
  171. package/dist/switch.d.ts.map +1 -0
  172. package/dist/switch.js +23 -39
  173. package/dist/switch.js.map +1 -0
  174. package/dist/table/index.d.ts +5 -0
  175. package/dist/table/index.js +5 -0
  176. package/dist/table/use-table.d.ts +9 -0
  177. package/dist/table/use-table.d.ts.map +1 -0
  178. package/dist/table/use-table.js +256 -0
  179. package/dist/table/use-table.js.map +1 -0
  180. package/dist/tabs.d.ts +60 -49
  181. package/dist/tabs.d.ts.map +1 -0
  182. package/dist/tabs.js +76 -84
  183. package/dist/tabs.js.map +1 -0
  184. package/dist/textarea.d.ts +15 -11
  185. package/dist/textarea.d.ts.map +1 -0
  186. package/dist/textarea.js +18 -14
  187. package/dist/textarea.js.map +1 -0
  188. package/dist/toast.d.ts +87 -81
  189. package/dist/toast.d.ts.map +1 -0
  190. package/dist/toast.js +79 -150
  191. package/dist/toast.js.map +1 -0
  192. package/dist/toggle-group.d.ts +34 -29
  193. package/dist/toggle-group.d.ts.map +1 -0
  194. package/dist/toggle-group.js +31 -34
  195. package/dist/toggle-group.js.map +1 -0
  196. package/dist/toggle.d.ts +24 -21
  197. package/dist/toggle.d.ts.map +1 -0
  198. package/dist/toggle.js +22 -15
  199. package/dist/toggle.js.map +1 -0
  200. package/dist/toolbar.d.ts +64 -56
  201. package/dist/toolbar.d.ts.map +1 -0
  202. package/dist/toolbar.js +57 -68
  203. package/dist/toolbar.js.map +1 -0
  204. package/dist/tooltip.d.ts +67 -62
  205. package/dist/tooltip.d.ts.map +1 -0
  206. package/dist/tooltip.js +65 -90
  207. package/dist/tooltip.js.map +1 -0
  208. package/package.json +25 -13
  209. package/dist/arrow-svg-C6zQTvgS.js +0 -40
  210. package/dist/button-variants-CbFMPwc8.js +0 -33
  211. package/dist/control-variants-Bwep4n0y.js +0 -37
  212. package/dist/form-variants-LJ8gIbk0.js +0 -9
  213. package/dist/utils-B6yFEsav.js +0 -8
@@ -0,0 +1 @@
1
+ {"version":3,"file":"preview-card.js","names":["BasePreviewCard"],"sources":["../src/components/preview-card.tsx"],"sourcesContent":["'use client'\n\nimport { PreviewCard as BasePreviewCard } from '@base-ui/react/preview-card'\nimport * as React from 'react'\n\nimport { ArrowSvg } from '../lib/arrow-svg'\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// PreviewCardRoot\n// ============================================================================\n\ntype PreviewCardRootProps = React.ComponentProps<typeof BasePreviewCard.Root>\n\nconst PreviewCardRoot = (props: PreviewCardRootProps) => {\n return <BasePreviewCard.Root {...props} />\n}\n\nPreviewCardRoot.displayName = 'PreviewCardRoot'\n\n// ============================================================================\n// PreviewCardTrigger\n// ============================================================================\n\ntype PreviewCardTriggerProps = React.ComponentProps<typeof BasePreviewCard.Trigger>\n\nconst PreviewCardTrigger = ({ className, ...props }: PreviewCardTriggerProps) => {\n return <BasePreviewCard.Trigger className={cn('underline', className)} {...props} />\n}\n\nPreviewCardTrigger.displayName = 'PreviewCardTrigger'\n\n// ============================================================================\n// PreviewCardPortal\n// ============================================================================\n\ntype PreviewCardPortalProps = React.ComponentProps<typeof BasePreviewCard.Portal>\n\nconst PreviewCardPortal = (props: PreviewCardPortalProps) => {\n return <BasePreviewCard.Portal {...props} />\n}\n\nPreviewCardPortal.displayName = 'PreviewCardPortal'\n\n// ============================================================================\n// PreviewCardBackdrop\n// ============================================================================\n\ntype PreviewCardBackdropProps = React.ComponentProps<typeof BasePreviewCard.Backdrop>\n\nconst PreviewCardBackdrop = ({ className, ...props }: PreviewCardBackdropProps) => {\n return (\n <BasePreviewCard.Backdrop\n className={cn(\n 'fixed inset-0 z-50 bg-black/50 backdrop-blur-sm',\n 'transition-opacity duration-200',\n 'data-starting-style:opacity-0 data-ending-style:opacity-0',\n className,\n )}\n {...props}\n />\n )\n}\n\nPreviewCardBackdrop.displayName = 'PreviewCardBackdrop'\n\n// ============================================================================\n// PreviewCardPositioner\n// ============================================================================\n\ntype PreviewCardPositionerProps = React.ComponentProps<typeof BasePreviewCard.Positioner>\n\nconst PreviewCardPositioner = ({ className, ...props }: PreviewCardPositionerProps) => {\n return (\n <BasePreviewCard.Positioner\n className={cn(\n 'z-50 outline-none',\n 'h-(--positioner-height) w-(--positioner-width)',\n 'max-w-(--available-width)',\n 'transition-[top,left,right,bottom,transform]',\n 'duration-[0.35s]',\n 'ease-[cubic-bezier(0.22,1,0.36,1)]',\n 'data-instant:transition-none',\n className,\n )}\n sideOffset={8}\n {...props}\n />\n )\n}\n\nPreviewCardPositioner.displayName = 'PreviewCardPositioner'\n\n// ============================================================================\n// PreviewCardPopup\n// ============================================================================\n\ntype PreviewCardPopupProps = React.ComponentProps<typeof BasePreviewCard.Popup>\n\nconst PreviewCardPopup = ({ className, ...props }: PreviewCardPopupProps) => {\n return (\n <BasePreviewCard.Popup\n className={cn(\n 'rounded-md bg-background px-4 py-3 text-foreground shadow-sm border relative',\n 'h-(--popup-height,auto) w-(--popup-width,auto)',\n 'max-w-[320px]',\n 'origin-(--transform-origin)',\n 'border-border',\n 'transition-[transform,scale,opacity]',\n 'data-ending-style:scale-90 data-ending-style:opacity-0',\n 'data-starting-style:scale-90 data-starting-style:opacity-0',\n 'dark:shadow-none',\n className,\n )}\n {...props}\n />\n )\n}\n\nPreviewCardPopup.displayName = 'PreviewCardPopup'\n\n// ============================================================================\n// PreviewCardArrow\n// ============================================================================\n\ntype PreviewCardArrowProps = React.ComponentProps<typeof BasePreviewCard.Arrow>\n\nconst PreviewCardArrow = ({ className, ...props }: PreviewCardArrowProps) => {\n return (\n <BasePreviewCard.Arrow\n className={cn(\n 'flex data-[side=bottom]:top-[-9px] data-[side=left]:right-[-14px] data-[side=left]:rotate-90 data-[side=right]:left-[-14px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-11px] data-[side=top]:rotate-180',\n className,\n )}\n {...props}\n >\n <ArrowSvg />\n </BasePreviewCard.Arrow>\n )\n}\n\nPreviewCardArrow.displayName = 'PreviewCardArrow'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport {\n PreviewCardRoot,\n PreviewCardTrigger,\n PreviewCardPortal,\n PreviewCardBackdrop,\n PreviewCardPositioner,\n PreviewCardPopup,\n PreviewCardArrow,\n}\n\nexport type {\n PreviewCardRootProps,\n PreviewCardTriggerProps,\n PreviewCardPortalProps,\n PreviewCardBackdropProps,\n PreviewCardPositionerProps,\n PreviewCardPopupProps,\n PreviewCardArrowProps,\n}\n"],"mappings":";;;;;;;;;AAcA,MAAM,mBAAmB,UAAgC;AACvD,QAAO,oBAACA,YAAgB,QAAK,GAAI,QAAS;;AAG5C,gBAAgB,cAAc;AAQ9B,MAAM,sBAAsB,EAAE,WAAW,GAAG,YAAqC;AAC/E,QAAO,oBAACA,YAAgB;EAAQ,WAAW,GAAG,aAAa,UAAU;EAAE,GAAI;GAAS;;AAGtF,mBAAmB,cAAc;AAQjC,MAAM,qBAAqB,UAAkC;AAC3D,QAAO,oBAACA,YAAgB,UAAO,GAAI,QAAS;;AAG9C,kBAAkB,cAAc;AAQhC,MAAM,uBAAuB,EAAE,WAAW,GAAG,YAAsC;AACjF,QACE,oBAACA,YAAgB;EACf,WAAW,GACT,mDACA,mCACA,6DACA,UACD;EACD,GAAI;GACJ;;AAIN,oBAAoB,cAAc;AAQlC,MAAM,yBAAyB,EAAE,WAAW,GAAG,YAAwC;AACrF,QACE,oBAACA,YAAgB;EACf,WAAW,GACT,qBACA,kDACA,6BACA,gDACA,oBACA,sCACA,gCACA,UACD;EACD,YAAY;EACZ,GAAI;GACJ;;AAIN,sBAAsB,cAAc;AAQpC,MAAM,oBAAoB,EAAE,WAAW,GAAG,YAAmC;AAC3E,QACE,oBAACA,YAAgB;EACf,WAAW,GACT,gFACA,kDACA,iBACA,+BACA,iBACA,wCACA,0DACA,8DACA,oBACA,UACD;EACD,GAAI;GACJ;;AAIN,iBAAiB,cAAc;AAQ/B,MAAM,oBAAoB,EAAE,WAAW,GAAG,YAAmC;AAC3E,QACE,oBAACA,YAAgB;EACf,WAAW,GACT,sNACA,UACD;EACD,GAAI;YAEJ,oBAAC,aAAW;GACU;;AAI5B,iBAAiB,cAAc"}
@@ -1,40 +1,48 @@
1
- import { JSX } from 'react/jsx-runtime';
2
- import { Progress } from '@base-ui/react/progress';
3
- import * as React_2 from 'react';
4
-
5
- export declare const ProgressIndicator: {
6
- ({ className, ...props }: ProgressIndicatorProps): JSX.Element;
7
- displayName: string;
8
- };
9
-
10
- export declare type ProgressIndicatorProps = React_2.ComponentProps<typeof Progress.Indicator>;
11
-
12
- export declare const ProgressLabel: {
13
- ({ className, ...props }: ProgressLabelProps): JSX.Element;
14
- displayName: string;
15
- };
16
-
17
- export declare type ProgressLabelProps = React_2.ComponentProps<typeof Progress.Label>;
18
-
19
- export declare const ProgressRoot: {
20
- ({ className, ...props }: ProgressRootProps): JSX.Element;
21
- displayName: string;
22
- };
23
-
24
- export declare type ProgressRootProps = React_2.ComponentProps<typeof Progress.Root>;
25
-
26
- export declare const ProgressTrack: {
27
- ({ className, ...props }: ProgressTrackProps): JSX.Element;
28
- displayName: string;
29
- };
30
-
31
- export declare type ProgressTrackProps = React_2.ComponentProps<typeof Progress.Track>;
32
-
33
- export declare const ProgressValue: {
34
- ({ className, ...props }: ProgressValueProps): JSX.Element;
35
- displayName: string;
36
- };
37
-
38
- export declare type ProgressValueProps = React_2.ComponentProps<typeof Progress.Value>;
39
-
40
- export { }
1
+ import * as React from "react";
2
+ import * as react_jsx_runtime68 from "react/jsx-runtime";
3
+ import { Progress } from "@base-ui/react/progress";
4
+
5
+ //#region src/components/progress.d.ts
6
+ type ProgressRootProps = React.ComponentProps<typeof Progress.Root>;
7
+ declare const ProgressRoot: {
8
+ ({
9
+ className,
10
+ ...props
11
+ }: ProgressRootProps): react_jsx_runtime68.JSX.Element;
12
+ displayName: string;
13
+ };
14
+ type ProgressTrackProps = React.ComponentProps<typeof Progress.Track>;
15
+ declare const ProgressTrack: {
16
+ ({
17
+ className,
18
+ ...props
19
+ }: ProgressTrackProps): react_jsx_runtime68.JSX.Element;
20
+ displayName: string;
21
+ };
22
+ type ProgressIndicatorProps = React.ComponentProps<typeof Progress.Indicator>;
23
+ declare const ProgressIndicator: {
24
+ ({
25
+ className,
26
+ ...props
27
+ }: ProgressIndicatorProps): react_jsx_runtime68.JSX.Element;
28
+ displayName: string;
29
+ };
30
+ type ProgressValueProps = React.ComponentProps<typeof Progress.Value>;
31
+ declare const ProgressValue: {
32
+ ({
33
+ className,
34
+ ...props
35
+ }: ProgressValueProps): react_jsx_runtime68.JSX.Element;
36
+ displayName: string;
37
+ };
38
+ type ProgressLabelProps = React.ComponentProps<typeof Progress.Label>;
39
+ declare const ProgressLabel: {
40
+ ({
41
+ className,
42
+ ...props
43
+ }: ProgressLabelProps): react_jsx_runtime68.JSX.Element;
44
+ displayName: string;
45
+ };
46
+ //#endregion
47
+ export { ProgressIndicator, type ProgressIndicatorProps, ProgressLabel, type ProgressLabelProps, ProgressRoot, type ProgressRootProps, ProgressTrack, type ProgressTrackProps, ProgressValue, type ProgressValueProps };
48
+ //# sourceMappingURL=progress.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"progress.d.ts","names":[],"sources":["../src/components/progress.tsx"],"sourcesContent":[],"mappings":";;;;;KAWK,iBAAA,GAAoB,KAAA,CAAM,sBAAsB,QAAA,CAAa;cAE5D;;;;KAAyC,oBAAiB,mBAAA,CAAA,GAAA,CAAA;EAF3D,WAAA,EAAA,MAAA;CAAiB;KAYjB,kBAAA,GAAqB,KAAA,CAAM,cAZkC,CAAA,OAYZ,QAAA,CAAa,KAZD,CAAA;cAc5D,aAdyB,EAAA;EAAc,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EAcG,kBAdH,CAAA,EAcqB,mBAAA,CAAA,GAAA,CAAA,OAdrB;EAEvC,WAAA,EAAA,MAEL;CAAA;KA4BI,sBAAA,GAAyB,KAAA,CAAM,sBAAsB,QAAA,CAAa;cAEjE,iBAhCyC,EAAA;;IAAiB,SAAA;IAAA,GAAA;EAAA,CAAA,EAgCZ,sBAhCY,CAAA,EAgCU,mBAAA,CAAA,GAAA,CAAA,OAhCV;EAAA,WAAA,EAAA,MAAA;AAAA,CAAA;KAkD3D,kBAAA,GAAqB,KAAA,CAAM,cAxCT,CAAA,OAwC+B,QAAA,CAAa,KAxC5C,CAAA;cA0CjB,aA1C6D,EAAA;;IAAzC,SAAM;IAAA,GAAA;EAAA,CAAA,EA0CgB,kBA1ChB,CAAA,EA0CkC,mBAAA,CAAA,GAAA,CAAA,OA1ClC;EAAc,WAAA,EAAA,MAAA;AAAA,CAAA;KAyDzC,kBAAA,GAAqB,KAAA,CAAM,cA7C/B,CAAA,OA6CqD,QAAA,CAAa,KA7ClE,CAAA;cA+CK;;IAzD0C,SAAA;IAAA,GAAA;EAAA,CAAA,EAyDA,kBAzDA,CAAA,EAyDkB,mBAAA,CAAA,GAAA,CAAA,OAzDlB;aAAkB,EAAA,MAAA;CAAA"}
package/dist/progress.js CHANGED
@@ -1,51 +1,47 @@
1
- "use client";
2
- import { jsx as s } from "react/jsx-runtime";
3
- import { Progress as o } from "@base-ui/react/progress";
4
- import { c as a } from "./utils-B6yFEsav.js";
5
- const t = ({ className: r, ...e }) => /* @__PURE__ */ s(o.Root, { className: a("w-full", r), ...e });
6
- t.displayName = "ProgressRoot";
7
- const l = ({ className: r, ...e }) => /* @__PURE__ */ s(
8
- o.Track,
9
- {
10
- className: a(
11
- "relative h-2 w-full overflow-hidden rounded-full bg-primary/20",
12
- r
13
- ),
14
- ...e
15
- }
16
- );
17
- l.displayName = "ProgressTrack";
18
- const n = ({ className: r, ...e }) => /* @__PURE__ */ s(
19
- o.Indicator,
20
- {
21
- className: a(
22
- "h-full rounded-full bg-primary transition-all duration-1000 ease-out-expo",
23
- r
24
- ),
25
- ...e
26
- }
27
- );
28
- n.displayName = "ProgressIndicator";
29
- const m = ({ className: r, ...e }) => /* @__PURE__ */ s(
30
- o.Value,
31
- {
32
- className: a("text-sm font-medium text-foreground", r),
33
- ...e
34
- }
35
- );
36
- m.displayName = "ProgressValue";
37
- const u = ({ className: r, ...e }) => /* @__PURE__ */ s(
38
- o.Label,
39
- {
40
- className: a("text-sm font-medium text-foreground", r),
41
- ...e
42
- }
43
- );
44
- u.displayName = "ProgressLabel";
45
- export {
46
- n as ProgressIndicator,
47
- u as ProgressLabel,
48
- t as ProgressRoot,
49
- l as ProgressTrack,
50
- m as ProgressValue
1
+ 'use client';
2
+
3
+ import { cn } from "./lib/utils.js";
4
+ import "react";
5
+ import { jsx } from "react/jsx-runtime";
6
+ import { Progress } from "@base-ui/react/progress";
7
+
8
+ //#region src/components/progress.tsx
9
+ const ProgressRoot = ({ className, ...props }) => {
10
+ return /* @__PURE__ */ jsx(Progress.Root, {
11
+ className: cn("w-full", className),
12
+ ...props
13
+ });
51
14
  };
15
+ ProgressRoot.displayName = "ProgressRoot";
16
+ const ProgressTrack = ({ className, ...props }) => {
17
+ return /* @__PURE__ */ jsx(Progress.Track, {
18
+ className: cn("relative h-2 w-full overflow-hidden rounded-full bg-primary/20", className),
19
+ ...props
20
+ });
21
+ };
22
+ ProgressTrack.displayName = "ProgressTrack";
23
+ const ProgressIndicator = ({ className, ...props }) => {
24
+ return /* @__PURE__ */ jsx(Progress.Indicator, {
25
+ className: cn("h-full rounded-full bg-primary transition-all duration-1000 ease-out-expo", className),
26
+ ...props
27
+ });
28
+ };
29
+ ProgressIndicator.displayName = "ProgressIndicator";
30
+ const ProgressValue = ({ className, ...props }) => {
31
+ return /* @__PURE__ */ jsx(Progress.Value, {
32
+ className: cn("text-sm font-medium text-foreground", className),
33
+ ...props
34
+ });
35
+ };
36
+ ProgressValue.displayName = "ProgressValue";
37
+ const ProgressLabel = ({ className, ...props }) => {
38
+ return /* @__PURE__ */ jsx(Progress.Label, {
39
+ className: cn("text-sm font-medium text-foreground", className),
40
+ ...props
41
+ });
42
+ };
43
+ ProgressLabel.displayName = "ProgressLabel";
44
+
45
+ //#endregion
46
+ export { ProgressIndicator, ProgressLabel, ProgressRoot, ProgressTrack, ProgressValue };
47
+ //# sourceMappingURL=progress.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"progress.js","names":["BaseProgress"],"sources":["../src/components/progress.tsx"],"sourcesContent":["'use client'\n\nimport { Progress as BaseProgress } from '@base-ui/react/progress'\nimport * as React from 'react'\n\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// ProgressRoot\n// ============================================================================\n\ntype ProgressRootProps = React.ComponentProps<typeof BaseProgress.Root>\n\nconst ProgressRoot = ({ className, ...props }: ProgressRootProps) => {\n return <BaseProgress.Root className={cn('w-full', className)} {...props} />\n}\n\nProgressRoot.displayName = 'ProgressRoot'\n\n// ============================================================================\n// ProgressTrack\n// ============================================================================\n\ntype ProgressTrackProps = React.ComponentProps<typeof BaseProgress.Track>\n\nconst ProgressTrack = ({ className, ...props }: ProgressTrackProps) => {\n return (\n <BaseProgress.Track\n className={cn(\n 'relative h-2 w-full overflow-hidden rounded-full bg-primary/20',\n className,\n )}\n {...props}\n />\n )\n}\n\nProgressTrack.displayName = 'ProgressTrack'\n\n// ============================================================================\n// ProgressIndicator\n// ============================================================================\n\ntype ProgressIndicatorProps = React.ComponentProps<typeof BaseProgress.Indicator>\n\nconst ProgressIndicator = ({ className, ...props }: ProgressIndicatorProps) => {\n return (\n <BaseProgress.Indicator\n className={cn(\n 'h-full rounded-full bg-primary transition-all duration-1000 ease-out-expo',\n className,\n )}\n {...props}\n />\n )\n}\n\nProgressIndicator.displayName = 'ProgressIndicator'\n\n// ============================================================================\n// ProgressValue\n// ============================================================================\n\ntype ProgressValueProps = React.ComponentProps<typeof BaseProgress.Value>\n\nconst ProgressValue = ({ className, ...props }: ProgressValueProps) => {\n return (\n <BaseProgress.Value\n className={cn('text-sm font-medium text-foreground', className)}\n {...props}\n />\n )\n}\n\nProgressValue.displayName = 'ProgressValue'\n\n// ============================================================================\n// ProgressLabel\n// ============================================================================\n\ntype ProgressLabelProps = React.ComponentProps<typeof BaseProgress.Label>\n\nconst ProgressLabel = ({ className, ...props }: ProgressLabelProps) => {\n return (\n <BaseProgress.Label\n className={cn('text-sm font-medium text-foreground', className)}\n {...props}\n />\n )\n}\n\nProgressLabel.displayName = 'ProgressLabel'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport { ProgressRoot, ProgressTrack, ProgressIndicator, ProgressValue, ProgressLabel }\n\nexport type {\n ProgressRootProps,\n ProgressTrackProps,\n ProgressIndicatorProps,\n ProgressValueProps,\n ProgressLabelProps,\n}\n"],"mappings":";;;;;;;;AAaA,MAAM,gBAAgB,EAAE,WAAW,GAAG,YAA+B;AACnE,QAAO,oBAACA,SAAa;EAAK,WAAW,GAAG,UAAU,UAAU;EAAE,GAAI;GAAS;;AAG7E,aAAa,cAAc;AAQ3B,MAAM,iBAAiB,EAAE,WAAW,GAAG,YAAgC;AACrE,QACE,oBAACA,SAAa;EACZ,WAAW,GACT,kEACA,UACD;EACD,GAAI;GACJ;;AAIN,cAAc,cAAc;AAQ5B,MAAM,qBAAqB,EAAE,WAAW,GAAG,YAAoC;AAC7E,QACE,oBAACA,SAAa;EACZ,WAAW,GACT,6EACA,UACD;EACD,GAAI;GACJ;;AAIN,kBAAkB,cAAc;AAQhC,MAAM,iBAAiB,EAAE,WAAW,GAAG,YAAgC;AACrE,QACE,oBAACA,SAAa;EACZ,WAAW,GAAG,uCAAuC,UAAU;EAC/D,GAAI;GACJ;;AAIN,cAAc,cAAc;AAQ5B,MAAM,iBAAiB,EAAE,WAAW,GAAG,YAAgC;AACrE,QACE,oBAACA,SAAa;EACZ,WAAW,GAAG,uCAAuC,UAAU;EAC/D,GAAI;GACJ;;AAIN,cAAc,cAAc"}
@@ -1,12 +1,16 @@
1
- import { JSX } from 'react/jsx-runtime';
2
- import { RadioGroup } from '@base-ui/react/radio-group';
3
- import * as React_2 from 'react';
4
-
5
- export declare const RadioGroupRoot: {
6
- ({ className, ...props }: RadioGroupRootProps): JSX.Element;
7
- displayName: string;
8
- };
9
-
10
- export declare type RadioGroupRootProps = React_2.ComponentProps<typeof RadioGroup>;
11
-
12
- export { }
1
+ import * as React from "react";
2
+ import * as react_jsx_runtime75 from "react/jsx-runtime";
3
+ import { RadioGroup } from "@base-ui/react/radio-group";
4
+
5
+ //#region src/components/radio-group.d.ts
6
+ type RadioGroupRootProps = React.ComponentProps<typeof RadioGroup>;
7
+ declare const RadioGroupRoot: {
8
+ ({
9
+ className,
10
+ ...props
11
+ }: RadioGroupRootProps): react_jsx_runtime75.JSX.Element;
12
+ displayName: string;
13
+ };
14
+ //#endregion
15
+ export { RadioGroupRoot, type RadioGroupRootProps };
16
+ //# sourceMappingURL=radio-group.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"radio-group.d.ts","names":[],"sources":["../src/components/radio-group.tsx"],"sourcesContent":[],"mappings":";;;;;KAWK,mBAAA,GAAsB,KAAA,CAAM,sBAAsB;cAEjD;;;;KAA2C,sBAAmB,mBAAA,CAAA,GAAA,CAAA;EAF/D,WAAA,EAAA,MAAA;CAAmB"}
@@ -1,15 +1,19 @@
1
- "use client";
2
- import { jsx as t } from "react/jsx-runtime";
3
- import { RadioGroup as a } from "@base-ui/react/radio-group";
4
- import { c as e } from "./utils-B6yFEsav.js";
5
- const i = ({ className: o, ...r }) => /* @__PURE__ */ t(
6
- a,
7
- {
8
- className: e("flex flex-col items-start gap-2", o),
9
- ...r
10
- }
11
- );
12
- i.displayName = "RadioGroupRoot";
13
- export {
14
- i as RadioGroupRoot
1
+ 'use client';
2
+
3
+ import { cn } from "./lib/utils.js";
4
+ import "react";
5
+ import { jsx } from "react/jsx-runtime";
6
+ import { RadioGroup } from "@base-ui/react/radio-group";
7
+
8
+ //#region src/components/radio-group.tsx
9
+ const RadioGroupRoot = ({ className, ...props }) => {
10
+ return /* @__PURE__ */ jsx(RadioGroup, {
11
+ className: cn("flex flex-col items-start gap-2", className),
12
+ ...props
13
+ });
15
14
  };
15
+ RadioGroupRoot.displayName = "RadioGroupRoot";
16
+
17
+ //#endregion
18
+ export { RadioGroupRoot };
19
+ //# sourceMappingURL=radio-group.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"radio-group.js","names":["BaseRadioGroup"],"sources":["../src/components/radio-group.tsx"],"sourcesContent":["'use client'\n\nimport { RadioGroup as BaseRadioGroup } from '@base-ui/react/radio-group'\nimport * as React from 'react'\n\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// RadioGroupRoot\n// ============================================================================\n\ntype RadioGroupRootProps = React.ComponentProps<typeof BaseRadioGroup>\n\nconst RadioGroupRoot = ({ className, ...props }: RadioGroupRootProps) => {\n return (\n <BaseRadioGroup\n className={cn('flex flex-col items-start gap-2', className)}\n {...props}\n />\n )\n}\n\nRadioGroupRoot.displayName = 'RadioGroupRoot'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport { RadioGroupRoot }\n\nexport type { RadioGroupRootProps }\n"],"mappings":";;;;;;;;AAaA,MAAM,kBAAkB,EAAE,WAAW,GAAG,YAAiC;AACvE,QACE,oBAACA;EACC,WAAW,GAAG,mCAAmC,UAAU;EAC3D,GAAI;GACJ;;AAIN,eAAe,cAAc"}
package/dist/radio.d.ts CHANGED
@@ -1,19 +1,24 @@
1
- import { JSX } from 'react/jsx-runtime';
2
- import { Radio } from '@base-ui/react/radio';
3
- import * as React_2 from 'react';
4
-
5
- export declare const RadioIndicator: {
6
- ({ className, ...props }: RadioIndicatorProps): JSX.Element;
7
- displayName: string;
8
- };
9
-
10
- export declare type RadioIndicatorProps = React_2.ComponentProps<typeof Radio.Indicator>;
11
-
12
- export declare const RadioRoot: {
13
- ({ className, ...props }: RadioRootProps): JSX.Element;
14
- displayName: string;
15
- };
16
-
17
- export declare type RadioRootProps = React_2.ComponentProps<typeof Radio.Root>;
18
-
19
- export { }
1
+ import * as React from "react";
2
+ import * as react_jsx_runtime73 from "react/jsx-runtime";
3
+ import { Radio } from "@base-ui/react/radio";
4
+
5
+ //#region src/components/radio.d.ts
6
+ type RadioRootProps = React.ComponentProps<typeof Radio.Root>;
7
+ declare const RadioRoot: {
8
+ ({
9
+ className,
10
+ ...props
11
+ }: RadioRootProps): react_jsx_runtime73.JSX.Element;
12
+ displayName: string;
13
+ };
14
+ type RadioIndicatorProps = React.ComponentProps<typeof Radio.Indicator>;
15
+ declare const RadioIndicator: {
16
+ ({
17
+ className,
18
+ ...props
19
+ }: RadioIndicatorProps): react_jsx_runtime73.JSX.Element;
20
+ displayName: string;
21
+ };
22
+ //#endregion
23
+ export { RadioIndicator, type RadioIndicatorProps, RadioRoot, type RadioRootProps };
24
+ //# sourceMappingURL=radio.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"radio.d.ts","names":[],"sources":["../src/components/radio.tsx"],"sourcesContent":[],"mappings":";;;;;KAWK,cAAA,GAAiB,KAAA,CAAM,sBAAsB,KAAA,CAAU;cAEtD;;;;KAAsC,iBAAc,mBAAA,CAAA,GAAA,CAAA;EAFrD,WAAA,EAAA,MAAc;CAAA;KAwBd,mBAAA,GAAsB,KAAA,CAAM,cAxB2B,CAAA,OAwBL,KAAA,CAAU,SAxBL,CAAA;cA0BtD,cA1BsB,EAAA;EAAc,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EA0BO,mBA1BP,CAAA,EA0B0B,mBAAA,CAAA,GAAA,CAAA,OA1B1B;EAEpC,WAAA,EAcL,MAAA;CAAA"}
package/dist/radio.js CHANGED
@@ -1,35 +1,26 @@
1
- "use client";
2
- import { jsx as r } from "react/jsx-runtime";
3
- import { Radio as i } from "@base-ui/react/radio";
4
- import { c as a } from "./utils-B6yFEsav.js";
5
- const t = ({ className: o, ...e }) => /* @__PURE__ */ r(
6
- i.Root,
7
- {
8
- className: a(
9
- "flex size-5 items-center justify-center rounded-full border border-input bg-transparent",
10
- "transition-colors duration-150",
11
- "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring",
12
- "data-checked:border-primary data-checked:bg-primary",
13
- "data-disabled:cursor-not-allowed data-disabled:opacity-50",
14
- o
15
- ),
16
- ...e
17
- }
18
- );
19
- t.displayName = "RadioRoot";
20
- const d = ({ className: o, ...e }) => /* @__PURE__ */ r(
21
- i.Indicator,
22
- {
23
- className: a(
24
- "size-2 rounded-full bg-primary-foreground",
25
- "data-unchecked:hidden",
26
- o
27
- ),
28
- ...e
29
- }
30
- );
31
- d.displayName = "RadioIndicator";
32
- export {
33
- d as RadioIndicator,
34
- t as RadioRoot
1
+ 'use client';
2
+
3
+ import { cn } from "./lib/utils.js";
4
+ import "react";
5
+ import { jsx } from "react/jsx-runtime";
6
+ import { Radio } from "@base-ui/react/radio";
7
+
8
+ //#region src/components/radio.tsx
9
+ const RadioRoot = ({ className, ...props }) => {
10
+ return /* @__PURE__ */ jsx(Radio.Root, {
11
+ className: cn("flex size-5 items-center justify-center rounded-full border border-input bg-transparent", "transition-colors duration-150", "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring", "data-checked:border-primary data-checked:bg-primary", "data-disabled:cursor-not-allowed data-disabled:opacity-50", className),
12
+ ...props
13
+ });
35
14
  };
15
+ RadioRoot.displayName = "RadioRoot";
16
+ const RadioIndicator = ({ className, ...props }) => {
17
+ return /* @__PURE__ */ jsx(Radio.Indicator, {
18
+ className: cn("size-2 rounded-full bg-primary-foreground", "data-unchecked:hidden", className),
19
+ ...props
20
+ });
21
+ };
22
+ RadioIndicator.displayName = "RadioIndicator";
23
+
24
+ //#endregion
25
+ export { RadioIndicator, RadioRoot };
26
+ //# sourceMappingURL=radio.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"radio.js","names":["BaseRadio"],"sources":["../src/components/radio.tsx"],"sourcesContent":["'use client'\n\nimport { Radio as BaseRadio } from '@base-ui/react/radio'\nimport * as React from 'react'\n\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// RadioRoot\n// ============================================================================\n\ntype RadioRootProps = React.ComponentProps<typeof BaseRadio.Root>\n\nconst RadioRoot = ({ className, ...props }: RadioRootProps) => {\n return (\n <BaseRadio.Root\n className={cn(\n 'flex size-5 items-center justify-center rounded-full border border-input bg-transparent',\n 'transition-colors duration-150',\n 'focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring',\n 'data-checked:border-primary data-checked:bg-primary',\n 'data-disabled:cursor-not-allowed data-disabled:opacity-50',\n className,\n )}\n {...props}\n />\n )\n}\n\nRadioRoot.displayName = 'RadioRoot'\n\n// ============================================================================\n// RadioIndicator\n// ============================================================================\n\ntype RadioIndicatorProps = React.ComponentProps<typeof BaseRadio.Indicator>\n\nconst RadioIndicator = ({ className, ...props }: RadioIndicatorProps) => {\n return (\n <BaseRadio.Indicator\n className={cn(\n 'size-2 rounded-full bg-primary-foreground',\n 'data-unchecked:hidden',\n className,\n )}\n {...props}\n />\n )\n}\n\nRadioIndicator.displayName = 'RadioIndicator'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport { RadioRoot, RadioIndicator }\n\nexport type { RadioRootProps, RadioIndicatorProps }\n"],"mappings":";;;;;;;;AAaA,MAAM,aAAa,EAAE,WAAW,GAAG,YAA4B;AAC7D,QACE,oBAACA,MAAU;EACT,WAAW,GACT,2FACA,kCACA,qFACA,uDACA,6DACA,UACD;EACD,GAAI;GACJ;;AAIN,UAAU,cAAc;AAQxB,MAAM,kBAAkB,EAAE,WAAW,GAAG,YAAiC;AACvE,QACE,oBAACA,MAAU;EACT,WAAW,GACT,6CACA,yBACA,UACD;EACD,GAAI;GACJ;;AAIN,eAAe,cAAc"}
@@ -1,47 +1,57 @@
1
- import { JSX } from 'react/jsx-runtime';
2
- import * as React_2 from 'react';
3
- import { ScrollArea } from '@base-ui/react/scroll-area';
4
-
5
- export declare const ScrollAreaContent: {
6
- ({ className, ...props }: ScrollAreaContentProps): JSX.Element;
7
- displayName: string;
8
- };
9
-
10
- export declare type ScrollAreaContentProps = React_2.ComponentProps<typeof ScrollArea.Content>;
11
-
12
- export declare const ScrollAreaCorner: {
13
- ({ className, ...props }: ScrollAreaCornerProps): JSX.Element;
14
- displayName: string;
15
- };
16
-
17
- export declare type ScrollAreaCornerProps = React_2.ComponentProps<typeof ScrollArea.Corner>;
18
-
19
- export declare const ScrollAreaRoot: {
20
- ({ className, ...props }: ScrollAreaRootProps): JSX.Element;
21
- displayName: string;
22
- };
23
-
24
- export declare type ScrollAreaRootProps = React_2.ComponentProps<typeof ScrollArea.Root>;
25
-
26
- export declare const ScrollAreaScrollbar: {
27
- ({ className, orientation, ...props }: ScrollAreaScrollbarProps): JSX.Element;
28
- displayName: string;
29
- };
30
-
31
- export declare type ScrollAreaScrollbarProps = React_2.ComponentProps<typeof ScrollArea.Scrollbar>;
32
-
33
- export declare const ScrollAreaThumb: {
34
- ({ className, ...props }: ScrollAreaThumbProps): JSX.Element;
35
- displayName: string;
36
- };
37
-
38
- export declare type ScrollAreaThumbProps = React_2.ComponentProps<typeof ScrollArea.Thumb>;
39
-
40
- export declare const ScrollAreaViewport: {
41
- ({ className, ...props }: ScrollAreaViewportProps): JSX.Element;
42
- displayName: string;
43
- };
44
-
45
- export declare type ScrollAreaViewportProps = React_2.ComponentProps<typeof ScrollArea.Viewport>;
46
-
47
- export { }
1
+ import * as React from "react";
2
+ import * as react_jsx_runtime91 from "react/jsx-runtime";
3
+ import { ScrollArea } from "@base-ui/react/scroll-area";
4
+
5
+ //#region src/components/scroll-area.d.ts
6
+ type ScrollAreaRootProps = React.ComponentProps<typeof ScrollArea.Root>;
7
+ declare const ScrollAreaRoot: {
8
+ ({
9
+ className,
10
+ ...props
11
+ }: ScrollAreaRootProps): react_jsx_runtime91.JSX.Element;
12
+ displayName: string;
13
+ };
14
+ type ScrollAreaViewportProps = React.ComponentProps<typeof ScrollArea.Viewport>;
15
+ declare const ScrollAreaViewport: {
16
+ ({
17
+ className,
18
+ ...props
19
+ }: ScrollAreaViewportProps): react_jsx_runtime91.JSX.Element;
20
+ displayName: string;
21
+ };
22
+ type ScrollAreaContentProps = React.ComponentProps<typeof ScrollArea.Content>;
23
+ declare const ScrollAreaContent: {
24
+ ({
25
+ className,
26
+ ...props
27
+ }: ScrollAreaContentProps): react_jsx_runtime91.JSX.Element;
28
+ displayName: string;
29
+ };
30
+ type ScrollAreaScrollbarProps = React.ComponentProps<typeof ScrollArea.Scrollbar>;
31
+ declare const ScrollAreaScrollbar: {
32
+ ({
33
+ className,
34
+ orientation,
35
+ ...props
36
+ }: ScrollAreaScrollbarProps): react_jsx_runtime91.JSX.Element;
37
+ displayName: string;
38
+ };
39
+ type ScrollAreaThumbProps = React.ComponentProps<typeof ScrollArea.Thumb>;
40
+ declare const ScrollAreaThumb: {
41
+ ({
42
+ className,
43
+ ...props
44
+ }: ScrollAreaThumbProps): react_jsx_runtime91.JSX.Element;
45
+ displayName: string;
46
+ };
47
+ type ScrollAreaCornerProps = React.ComponentProps<typeof ScrollArea.Corner>;
48
+ declare const ScrollAreaCorner: {
49
+ ({
50
+ className,
51
+ ...props
52
+ }: ScrollAreaCornerProps): react_jsx_runtime91.JSX.Element;
53
+ displayName: string;
54
+ };
55
+ //#endregion
56
+ export { ScrollAreaContent, type ScrollAreaContentProps, ScrollAreaCorner, type ScrollAreaCornerProps, ScrollAreaRoot, type ScrollAreaRootProps, ScrollAreaScrollbar, type ScrollAreaScrollbarProps, ScrollAreaThumb, type ScrollAreaThumbProps, ScrollAreaViewport, type ScrollAreaViewportProps };
57
+ //# sourceMappingURL=scroll-area.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"scroll-area.d.ts","names":[],"sources":["../src/components/scroll-area.tsx"],"sourcesContent":[],"mappings":";;;;;KAOK,mBAAA,GAAsB,KAAA,CAAM,sBAAsB,UAAA,CAAe;cAEhE;;;;KAA2C,sBAAmB,mBAAA,CAAA,GAAA,CAAA;EAF/D,WAAA,EAAA,MAAA;CAAmB;KAQnB,uBAAA,GAA0B,KAAA,CAAM,cARiC,CAAA,OAQX,UAAA,CAAe,QARJ,CAAA;cAUhE,kBAV2B,EAAA;EAAc,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EAUM,uBAVN,CAAA,EAU6B,mBAAA,CAAA,GAAA,CAAA,OAV7B;EAEzC,WAAA,EAAA,MAEL;CAAA;KAiBI,sBAAA,GAAyB,KAAA,CAAM,sBAAsB,UAAA,CAAe;cAEnE,iBArB2C,EAAA;;IAAmB,SAAA;IAAA,GAAA;EAAA,CAAA,EAqBhB,sBArBgB,CAAA,EAqBM,mBAAA,CAAA,GAAA,CAAA,OArBN;EAAA,WAAA,EAAA,MAAA;AAAA,CAAA;KA2B/D,wBAAA,GAA2B,KAAA,CAAM,cArBV,CAAA,OAqBgC,UAAA,CAAe,SArB/C,CAAA;cAuBtB,mBAvBoE,EAAA;;IAA3C,SAAM;IAAA,WAAA;IAAA,GAAA;EAAA,CAAA,EA2BlC,wBA3BkC,CAAA,EA2BV,mBAAA,CAAA,GAAA,CAAA,OA3BU;EAAc,WAAA,EAAA,MAAA;AAAA,CAAA;KA6C9C,oBAAA,GAAuB,KAAA,CAAM,cApCjC,CAAA,OAoCuD,UAAA,CAAe,KApCtE,CAAA;cAsCK;;IA7C+C,SAAA;IAAA,GAAA;EAAA,CAAA,EA6CH,oBA7CG,CAAA,EA6CiB,mBAAA,CAAA,GAAA,CAAA,OA7CjB;aAAuB,EAAA,MAAA;CAAA;AAAA,KA4DvE,qBAAA,GAAwB,KAAA,CAAM,cAjDR,CAAA,OAiD8B,UAAA,CAAe,MAjD7C,CAAA;cAmDrB,gBAnDqB,EAAA;;IAA+B,SAAA;IAAe,GAAA;EAAA,CAAA,EAmDtB,qBAnDsB,CAAA,EAmDD,mBAAA,CAAA,GAAA,CAAA,OAnDC;aAArC,EAAA,MAAA;CAAc"}
@@ -1,57 +1,55 @@
1
- "use client";
2
- import { jsx as e } from "react/jsx-runtime";
3
- import { ScrollArea as o } from "@base-ui/react/scroll-area";
4
- import { c as a } from "./utils-B6yFEsav.js";
5
- const c = ({ className: l, ...r }) => /* @__PURE__ */ e(o.Root, { className: a("relative", l), ...r });
6
- c.displayName = "ScrollAreaRoot";
7
- const n = ({ className: l, ...r }) => /* @__PURE__ */ e(
8
- o.Viewport,
9
- {
10
- className: a("h-full overscroll-contain pr-3", l),
11
- ...r
12
- }
13
- );
14
- n.displayName = "ScrollAreaViewport";
15
- const s = ({ className: l, ...r }) => /* @__PURE__ */ e(o.Content, { className: a("min-w-full", l), ...r });
16
- s.displayName = "ScrollAreaContent";
17
- const m = ({
18
- className: l,
19
- orientation: r = "vertical",
20
- ...t
21
- }) => /* @__PURE__ */ e(
22
- o.Scrollbar,
23
- {
24
- className: a(
25
- "flex touch-none select-none p-0.5 transition-colors duration-200 ease-out",
26
- "data-hovering:bg-muted/50",
27
- r === "vertical" && "h-full w-2.5",
28
- r === "horizontal" && "h-2.5 w-full flex-col",
29
- l
30
- ),
31
- orientation: r,
32
- ...t
33
- }
34
- );
35
- m.displayName = "ScrollAreaScrollbar";
36
- const u = ({ className: l, ...r }) => /* @__PURE__ */ e(
37
- o.Thumb,
38
- {
39
- className: a(
40
- "relative flex-1 rounded-full bg-border transition-colors",
41
- "hover:bg-muted-foreground/50",
42
- l
43
- ),
44
- ...r
45
- }
46
- );
47
- u.displayName = "ScrollAreaThumb";
48
- const i = ({ className: l, ...r }) => /* @__PURE__ */ e(o.Corner, { className: a("bg-muted/50", l), ...r });
49
- i.displayName = "ScrollAreaCorner";
50
- export {
51
- s as ScrollAreaContent,
52
- i as ScrollAreaCorner,
53
- c as ScrollAreaRoot,
54
- m as ScrollAreaScrollbar,
55
- u as ScrollAreaThumb,
56
- n as ScrollAreaViewport
1
+ 'use client';
2
+
3
+ import { cn } from "./lib/utils.js";
4
+ import "react";
5
+ import { jsx } from "react/jsx-runtime";
6
+ import { ScrollArea } from "@base-ui/react/scroll-area";
7
+
8
+ //#region src/components/scroll-area.tsx
9
+ const ScrollAreaRoot = ({ className, ...props }) => {
10
+ return /* @__PURE__ */ jsx(ScrollArea.Root, {
11
+ className: cn("relative", className),
12
+ ...props
13
+ });
57
14
  };
15
+ ScrollAreaRoot.displayName = "ScrollAreaRoot";
16
+ const ScrollAreaViewport = ({ className, ...props }) => {
17
+ return /* @__PURE__ */ jsx(ScrollArea.Viewport, {
18
+ className: cn("h-full overscroll-contain pr-3", className),
19
+ ...props
20
+ });
21
+ };
22
+ ScrollAreaViewport.displayName = "ScrollAreaViewport";
23
+ const ScrollAreaContent = ({ className, ...props }) => {
24
+ return /* @__PURE__ */ jsx(ScrollArea.Content, {
25
+ className: cn("min-w-full", className),
26
+ ...props
27
+ });
28
+ };
29
+ ScrollAreaContent.displayName = "ScrollAreaContent";
30
+ const ScrollAreaScrollbar = ({ className, orientation = "vertical", ...props }) => {
31
+ return /* @__PURE__ */ jsx(ScrollArea.Scrollbar, {
32
+ className: cn("flex touch-none select-none p-0.5 transition-colors duration-200 ease-out", "data-hovering:bg-muted/50", orientation === "vertical" && "h-full w-2.5", orientation === "horizontal" && "h-2.5 w-full flex-col", className),
33
+ orientation,
34
+ ...props
35
+ });
36
+ };
37
+ ScrollAreaScrollbar.displayName = "ScrollAreaScrollbar";
38
+ const ScrollAreaThumb = ({ className, ...props }) => {
39
+ return /* @__PURE__ */ jsx(ScrollArea.Thumb, {
40
+ className: cn("relative flex-1 rounded-full bg-border transition-colors", "hover:bg-muted-foreground/50", className),
41
+ ...props
42
+ });
43
+ };
44
+ ScrollAreaThumb.displayName = "ScrollAreaThumb";
45
+ const ScrollAreaCorner = ({ className, ...props }) => {
46
+ return /* @__PURE__ */ jsx(ScrollArea.Corner, {
47
+ className: cn("bg-muted/50", className),
48
+ ...props
49
+ });
50
+ };
51
+ ScrollAreaCorner.displayName = "ScrollAreaCorner";
52
+
53
+ //#endregion
54
+ export { ScrollAreaContent, ScrollAreaCorner, ScrollAreaRoot, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport };
55
+ //# sourceMappingURL=scroll-area.js.map