@lglab/compose-ui 0.36.0 → 0.38.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 (86) hide show
  1. package/dist/accordion.d.ts +6 -6
  2. package/dist/accordion.d.ts.map +1 -1
  3. package/dist/alert-dialog.d.ts +10 -10
  4. package/dist/alert-dialog.d.ts.map +1 -1
  5. package/dist/alert.d.ts +8 -8
  6. package/dist/alert.d.ts.map +1 -1
  7. package/dist/autocomplete.d.ts +13 -13
  8. package/dist/autocomplete.d.ts.map +1 -1
  9. package/dist/avatar.d.ts +5 -5
  10. package/dist/avatar.d.ts.map +1 -1
  11. package/dist/badge.d.ts +4 -4
  12. package/dist/breadcrumb.d.ts +6 -6
  13. package/dist/breadcrumb.d.ts.map +1 -1
  14. package/dist/button.d.ts +2 -2
  15. package/dist/button.d.ts.map +1 -1
  16. package/dist/calendar.d.ts +2 -2
  17. package/dist/calendar.d.ts.map +1 -1
  18. package/dist/card.d.ts +8 -8
  19. package/dist/card.d.ts.map +1 -1
  20. package/dist/checkbox-group.d.ts +2 -2
  21. package/dist/checkbox-group.d.ts.map +1 -1
  22. package/dist/checkbox.d.ts +3 -3
  23. package/dist/checkbox.d.ts.map +1 -1
  24. package/dist/collapsible.d.ts +4 -4
  25. package/dist/collapsible.d.ts.map +1 -1
  26. package/dist/combobox.d.ts +25 -25
  27. package/dist/components/chart/context.d.ts +2 -2
  28. package/dist/components/chart/legend.d.ts +2 -2
  29. package/dist/components/chart/tooltip.d.ts +2 -2
  30. package/dist/components/table/primitives.d.ts +11 -11
  31. package/dist/components/table/primitives.js +1 -1
  32. package/dist/components/table/primitives.js.map +1 -1
  33. package/dist/context-menu.d.ts +20 -20
  34. package/dist/context-menu.d.ts.map +1 -1
  35. package/dist/dialog.d.ts +11 -11
  36. package/dist/drawer.d.ts +12 -12
  37. package/dist/empty.d.ts +7 -7
  38. package/dist/empty.d.ts.map +1 -1
  39. package/dist/fieldset.d.ts +3 -3
  40. package/dist/form.d.ts +2 -2
  41. package/dist/form.d.ts.map +1 -1
  42. package/dist/group.d.ts +3 -3
  43. package/dist/index.d.ts +3 -2
  44. package/dist/index.js +3 -2
  45. package/dist/input.d.ts +2 -2
  46. package/dist/menu.d.ts +20 -20
  47. package/dist/menubar.d.ts +21 -21
  48. package/dist/menubar.d.ts.map +1 -1
  49. package/dist/meter.d.ts +6 -6
  50. package/dist/navigation-menu.d.ts +14 -14
  51. package/dist/navigation-menu.js +1 -1
  52. package/dist/navigation-menu.js.map +1 -1
  53. package/dist/number-field.d.ts +8 -8
  54. package/dist/pagination.d.ts +10 -10
  55. package/dist/popover.d.ts +12 -12
  56. package/dist/preview-card.d.ts +8 -8
  57. package/dist/progress.d.ts +30 -7
  58. package/dist/progress.d.ts.map +1 -1
  59. package/dist/progress.js +63 -3
  60. package/dist/progress.js.map +1 -1
  61. package/dist/radio-group.d.ts +2 -2
  62. package/dist/radio.d.ts +3 -3
  63. package/dist/scroll-area.d.ts +7 -7
  64. package/dist/scroll-area.js +1 -1
  65. package/dist/scroll-area.js.map +1 -1
  66. package/dist/select.d.ts +19 -19
  67. package/dist/select.d.ts.map +1 -1
  68. package/dist/separator.d.ts +2 -2
  69. package/dist/skeleton.d.ts +2 -2
  70. package/dist/slider.d.ts +7 -7
  71. package/dist/slider.d.ts.map +1 -1
  72. package/dist/switch.d.ts +3 -3
  73. package/dist/switch.d.ts.map +1 -1
  74. package/dist/tabs.d.ts +6 -6
  75. package/dist/textarea.d.ts +2 -2
  76. package/dist/timeline.d.ts +81 -0
  77. package/dist/timeline.d.ts.map +1 -0
  78. package/dist/timeline.js +165 -0
  79. package/dist/timeline.js.map +1 -0
  80. package/dist/toast.d.ts +10 -10
  81. package/dist/toggle-group.d.ts +3 -3
  82. package/dist/toggle.d.ts +2 -2
  83. package/dist/toggle.d.ts.map +1 -1
  84. package/dist/toolbar.d.ts +7 -7
  85. package/dist/tooltip.d.ts +8 -8
  86. package/package.json +5 -1
package/dist/popover.d.ts CHANGED
@@ -1,11 +1,11 @@
1
1
  import * as React from "react";
2
- import * as react_jsx_runtime192 from "react/jsx-runtime";
2
+ import * as react_jsx_runtime254 from "react/jsx-runtime";
3
3
  import { Popover } from "@base-ui/react/popover";
4
4
 
5
5
  //#region src/components/popover.d.ts
6
6
  type PopoverRootProps = React.ComponentProps<typeof Popover.Root>;
7
7
  declare const PopoverRoot: {
8
- (props: PopoverRootProps): react_jsx_runtime192.JSX.Element;
8
+ (props: PopoverRootProps): react_jsx_runtime254.JSX.Element;
9
9
  displayName: string;
10
10
  };
11
11
  type PopoverTriggerProps = React.ComponentProps<typeof Popover.Trigger>;
@@ -13,12 +13,12 @@ declare const PopoverTrigger: {
13
13
  ({
14
14
  className,
15
15
  ...props
16
- }: PopoverTriggerProps): react_jsx_runtime192.JSX.Element;
16
+ }: PopoverTriggerProps): react_jsx_runtime254.JSX.Element;
17
17
  displayName: string;
18
18
  };
19
19
  type PopoverPortalProps = React.ComponentProps<typeof Popover.Portal>;
20
20
  declare const PopoverPortal: {
21
- (props: PopoverPortalProps): react_jsx_runtime192.JSX.Element;
21
+ (props: PopoverPortalProps): react_jsx_runtime254.JSX.Element;
22
22
  displayName: string;
23
23
  };
24
24
  type PopoverBackdropProps = React.ComponentProps<typeof Popover.Backdrop>;
@@ -26,7 +26,7 @@ declare const PopoverBackdrop: {
26
26
  ({
27
27
  className,
28
28
  ...props
29
- }: PopoverBackdropProps): react_jsx_runtime192.JSX.Element;
29
+ }: PopoverBackdropProps): react_jsx_runtime254.JSX.Element;
30
30
  displayName: string;
31
31
  };
32
32
  type PopoverPositionerProps = React.ComponentProps<typeof Popover.Positioner>;
@@ -34,7 +34,7 @@ declare const PopoverPositioner: {
34
34
  ({
35
35
  className,
36
36
  ...props
37
- }: PopoverPositionerProps): react_jsx_runtime192.JSX.Element;
37
+ }: PopoverPositionerProps): react_jsx_runtime254.JSX.Element;
38
38
  displayName: string;
39
39
  };
40
40
  type PopoverPopupProps = React.ComponentProps<typeof Popover.Popup>;
@@ -42,7 +42,7 @@ declare const PopoverPopup: {
42
42
  ({
43
43
  className,
44
44
  ...props
45
- }: PopoverPopupProps): react_jsx_runtime192.JSX.Element;
45
+ }: PopoverPopupProps): react_jsx_runtime254.JSX.Element;
46
46
  displayName: string;
47
47
  };
48
48
  type PopoverArrowProps = React.ComponentProps<typeof Popover.Arrow>;
@@ -50,7 +50,7 @@ declare const PopoverArrow: {
50
50
  ({
51
51
  className,
52
52
  ...props
53
- }: PopoverArrowProps): react_jsx_runtime192.JSX.Element;
53
+ }: PopoverArrowProps): react_jsx_runtime254.JSX.Element;
54
54
  displayName: string;
55
55
  };
56
56
  type PopoverTitleProps = React.ComponentProps<typeof Popover.Title>;
@@ -58,7 +58,7 @@ declare const PopoverTitle: {
58
58
  ({
59
59
  className,
60
60
  ...props
61
- }: PopoverTitleProps): react_jsx_runtime192.JSX.Element;
61
+ }: PopoverTitleProps): react_jsx_runtime254.JSX.Element;
62
62
  displayName: string;
63
63
  };
64
64
  type PopoverDescriptionProps = React.ComponentProps<typeof Popover.Description>;
@@ -66,7 +66,7 @@ declare const PopoverDescription: {
66
66
  ({
67
67
  className,
68
68
  ...props
69
- }: PopoverDescriptionProps): react_jsx_runtime192.JSX.Element;
69
+ }: PopoverDescriptionProps): react_jsx_runtime254.JSX.Element;
70
70
  displayName: string;
71
71
  };
72
72
  type PopoverCloseProps = React.ComponentProps<typeof Popover.Close>;
@@ -74,7 +74,7 @@ declare const PopoverClose: {
74
74
  ({
75
75
  className,
76
76
  ...props
77
- }: PopoverCloseProps): react_jsx_runtime192.JSX.Element;
77
+ }: PopoverCloseProps): react_jsx_runtime254.JSX.Element;
78
78
  displayName: string;
79
79
  };
80
80
  type PopoverViewportProps = React.ComponentProps<typeof Popover.Viewport>;
@@ -82,7 +82,7 @@ declare const PopoverViewport: {
82
82
  ({
83
83
  className,
84
84
  ...props
85
- }: PopoverViewportProps): react_jsx_runtime192.JSX.Element;
85
+ }: PopoverViewportProps): react_jsx_runtime254.JSX.Element;
86
86
  displayName: string;
87
87
  };
88
88
  //#endregion
@@ -1,11 +1,11 @@
1
1
  import * as React from "react";
2
- import * as react_jsx_runtime203 from "react/jsx-runtime";
2
+ import * as react_jsx_runtime272 from "react/jsx-runtime";
3
3
  import { PreviewCard } from "@base-ui/react/preview-card";
4
4
 
5
5
  //#region src/components/preview-card.d.ts
6
6
  type PreviewCardRootProps = React.ComponentProps<typeof PreviewCard.Root>;
7
7
  declare const PreviewCardRoot: {
8
- (props: PreviewCardRootProps): react_jsx_runtime203.JSX.Element;
8
+ (props: PreviewCardRootProps): react_jsx_runtime272.JSX.Element;
9
9
  displayName: string;
10
10
  };
11
11
  type PreviewCardTriggerProps = React.ComponentProps<typeof PreviewCard.Trigger>;
@@ -13,12 +13,12 @@ declare const PreviewCardTrigger: {
13
13
  ({
14
14
  className,
15
15
  ...props
16
- }: PreviewCardTriggerProps): react_jsx_runtime203.JSX.Element;
16
+ }: PreviewCardTriggerProps): react_jsx_runtime272.JSX.Element;
17
17
  displayName: string;
18
18
  };
19
19
  type PreviewCardPortalProps = React.ComponentProps<typeof PreviewCard.Portal>;
20
20
  declare const PreviewCardPortal: {
21
- (props: PreviewCardPortalProps): react_jsx_runtime203.JSX.Element;
21
+ (props: PreviewCardPortalProps): react_jsx_runtime272.JSX.Element;
22
22
  displayName: string;
23
23
  };
24
24
  type PreviewCardBackdropProps = React.ComponentProps<typeof PreviewCard.Backdrop>;
@@ -26,7 +26,7 @@ declare const PreviewCardBackdrop: {
26
26
  ({
27
27
  className,
28
28
  ...props
29
- }: PreviewCardBackdropProps): react_jsx_runtime203.JSX.Element;
29
+ }: PreviewCardBackdropProps): react_jsx_runtime272.JSX.Element;
30
30
  displayName: string;
31
31
  };
32
32
  type PreviewCardPositionerProps = React.ComponentProps<typeof PreviewCard.Positioner>;
@@ -34,7 +34,7 @@ declare const PreviewCardPositioner: {
34
34
  ({
35
35
  className,
36
36
  ...props
37
- }: PreviewCardPositionerProps): react_jsx_runtime203.JSX.Element;
37
+ }: PreviewCardPositionerProps): react_jsx_runtime272.JSX.Element;
38
38
  displayName: string;
39
39
  };
40
40
  type PreviewCardPopupProps = React.ComponentProps<typeof PreviewCard.Popup>;
@@ -42,7 +42,7 @@ declare const PreviewCardPopup: {
42
42
  ({
43
43
  className,
44
44
  ...props
45
- }: PreviewCardPopupProps): react_jsx_runtime203.JSX.Element;
45
+ }: PreviewCardPopupProps): react_jsx_runtime272.JSX.Element;
46
46
  displayName: string;
47
47
  };
48
48
  type PreviewCardArrowProps = React.ComponentProps<typeof PreviewCard.Arrow>;
@@ -50,7 +50,7 @@ declare const PreviewCardArrow: {
50
50
  ({
51
51
  className,
52
52
  ...props
53
- }: PreviewCardArrowProps): react_jsx_runtime203.JSX.Element;
53
+ }: PreviewCardArrowProps): react_jsx_runtime272.JSX.Element;
54
54
  displayName: string;
55
55
  };
56
56
  //#endregion
@@ -1,5 +1,5 @@
1
1
  import * as React from "react";
2
- import * as react_jsx_runtime210 from "react/jsx-runtime";
2
+ import * as react_jsx_runtime279 from "react/jsx-runtime";
3
3
  import { Progress } from "@base-ui/react/progress";
4
4
 
5
5
  //#region src/components/progress.d.ts
@@ -8,7 +8,7 @@ declare const ProgressRoot: {
8
8
  ({
9
9
  className,
10
10
  ...props
11
- }: ProgressRootProps): react_jsx_runtime210.JSX.Element;
11
+ }: ProgressRootProps): react_jsx_runtime279.JSX.Element;
12
12
  displayName: string;
13
13
  };
14
14
  type ProgressTrackProps = React.ComponentProps<typeof Progress.Track>;
@@ -16,7 +16,7 @@ declare const ProgressTrack: {
16
16
  ({
17
17
  className,
18
18
  ...props
19
- }: ProgressTrackProps): react_jsx_runtime210.JSX.Element;
19
+ }: ProgressTrackProps): react_jsx_runtime279.JSX.Element;
20
20
  displayName: string;
21
21
  };
22
22
  type ProgressIndicatorProps = React.ComponentProps<typeof Progress.Indicator>;
@@ -24,7 +24,7 @@ declare const ProgressIndicator: {
24
24
  ({
25
25
  className,
26
26
  ...props
27
- }: ProgressIndicatorProps): react_jsx_runtime210.JSX.Element;
27
+ }: ProgressIndicatorProps): react_jsx_runtime279.JSX.Element;
28
28
  displayName: string;
29
29
  };
30
30
  type ProgressValueProps = React.ComponentProps<typeof Progress.Value>;
@@ -32,7 +32,7 @@ declare const ProgressValue: {
32
32
  ({
33
33
  className,
34
34
  ...props
35
- }: ProgressValueProps): react_jsx_runtime210.JSX.Element;
35
+ }: ProgressValueProps): react_jsx_runtime279.JSX.Element;
36
36
  displayName: string;
37
37
  };
38
38
  type ProgressLabelProps = React.ComponentProps<typeof Progress.Label>;
@@ -40,9 +40,32 @@ declare const ProgressLabel: {
40
40
  ({
41
41
  className,
42
42
  ...props
43
- }: ProgressLabelProps): react_jsx_runtime210.JSX.Element;
43
+ }: ProgressLabelProps): react_jsx_runtime279.JSX.Element;
44
+ displayName: string;
45
+ };
46
+ type ProgressCircleProps = {
47
+ value?: number | null;
48
+ min?: number;
49
+ max?: number;
50
+ size?: number;
51
+ strokeWidth?: number;
52
+ className?: string;
53
+ trackClassName?: string;
54
+ children?: React.ReactNode;
55
+ };
56
+ declare const ProgressCircle: {
57
+ ({
58
+ value,
59
+ min,
60
+ max,
61
+ size,
62
+ strokeWidth,
63
+ className,
64
+ trackClassName,
65
+ children
66
+ }: ProgressCircleProps): react_jsx_runtime279.JSX.Element;
44
67
  displayName: string;
45
68
  };
46
69
  //#endregion
47
- export { ProgressIndicator, type ProgressIndicatorProps, ProgressLabel, type ProgressLabelProps, ProgressRoot, type ProgressRootProps, ProgressTrack, type ProgressTrackProps, ProgressValue, type ProgressValueProps };
70
+ export { ProgressCircle, type ProgressCircleProps, ProgressIndicator, type ProgressIndicatorProps, ProgressLabel, type ProgressLabelProps, ProgressRoot, type ProgressRootProps, ProgressTrack, type ProgressTrackProps, ProgressValue, type ProgressValueProps };
48
71
  //# sourceMappingURL=progress.d.ts.map
@@ -1 +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,oBAAA,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,oBAAA,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,oBAAA,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,oBAAA,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,oBAAA,CAAA,GAAA,CAAA,OAzDlB;aAAkB,EAAA,MAAA;CAAA"}
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,oBAAA,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,oBAAA,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,oBAAA,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,oBAAA,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,oBAAA,CAAA,GAAA,CAAA,OAzDlB;aAAkB,EAAA,MAAA;CAAA;AAAA,KAwE7D,mBAAA,GAtDA;EAAsB,KAAA,CAAA,EAAA,MAAA,GAAA,IAAA;KAA+B,CAAA,EAAA,MAAa;KAAzC,CAAA,EAAA,MAAM;EAAc,IAAA,CAAA,EAAA,MAAA;EAE5C,WAAA,CAAA,EAAA,MAUL;EAAA,SAAA,CAAA,EAAA,MAAA;;UAVmD,CAAA,EA4DvC,KAAA,CAAM,SA5DiC;;cAuE9C,cAvEoE,EAAA;EAkBrE,CAAA;IAAA,KAAA;IAAA,GAAA;IAAA,GAAA;IAAA,IAAkB;IAAA,WAAA;IAAA,SAAA;IAAA,cAAA;IAAA;EAAA,CAAA,EA8DpB,mBA9DoB,CAAA,EA8DD,oBAAA,CAAA,GAAA,CAAA,OA9DC;EAAA,WAAA,EAAA,MAAA"}
package/dist/progress.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  import { cn } from "./lib/utils.js";
4
4
  import "react";
5
- import { jsx } from "react/jsx-runtime";
5
+ import { jsx, jsxs } from "react/jsx-runtime";
6
6
  import { Progress } from "@base-ui/react/progress";
7
7
 
8
8
  //#region src/components/progress.tsx
@@ -22,7 +22,7 @@ const ProgressTrack = ({ className, ...props }) => {
22
22
  ProgressTrack.displayName = "ProgressTrack";
23
23
  const ProgressIndicator = ({ className, ...props }) => {
24
24
  return /* @__PURE__ */ jsx(Progress.Indicator, {
25
- className: cn("h-full rounded-full bg-primary transition-all duration-1000 ease-out-expo", className),
25
+ className: cn("h-full rounded-full bg-primary transition-all duration-500 ease-out-expo", className),
26
26
  ...props
27
27
  });
28
28
  };
@@ -41,7 +41,67 @@ const ProgressLabel = ({ className, ...props }) => {
41
41
  });
42
42
  };
43
43
  ProgressLabel.displayName = "ProgressLabel";
44
+ const indeterminateKeyframes = `
45
+ @keyframes progress-circle-spin {
46
+ 0% { stroke-dashoffset: var(--pc-circumference); transform: rotate(0deg); }
47
+ 50% { stroke-dashoffset: calc(var(--pc-circumference) * 0.25); transform: rotate(180deg); }
48
+ 100% { stroke-dashoffset: var(--pc-circumference); transform: rotate(720deg); }
49
+ }
50
+ `;
51
+ const ProgressCircle = ({ value = 0, min = 0, max = 100, size = 120, strokeWidth = 8, className, trackClassName, children }) => {
52
+ const radius = (size - strokeWidth) / 2;
53
+ const circumference = 2 * Math.PI * radius;
54
+ const center = size / 2;
55
+ const isIndeterminate = value === null;
56
+ const offset = circumference - (isIndeterminate ? 0 : (value - min) / (max - min) * 100) / 100 * circumference;
57
+ return /* @__PURE__ */ jsxs("svg", {
58
+ width: size,
59
+ height: size,
60
+ viewBox: `0 0 ${size} ${size}`,
61
+ children: [
62
+ isIndeterminate && /* @__PURE__ */ jsx("style", { children: indeterminateKeyframes }),
63
+ /* @__PURE__ */ jsx("circle", {
64
+ cx: center,
65
+ cy: center,
66
+ r: radius,
67
+ fill: "none",
68
+ strokeWidth,
69
+ className: cn("stroke-primary/20", trackClassName)
70
+ }),
71
+ /* @__PURE__ */ jsx("circle", {
72
+ cx: center,
73
+ cy: center,
74
+ r: radius,
75
+ fill: "none",
76
+ strokeWidth,
77
+ strokeLinecap: "round",
78
+ strokeDasharray: circumference,
79
+ strokeDashoffset: isIndeterminate ? circumference : offset,
80
+ className: cn("origin-center stroke-primary", !isIndeterminate && "transition-[stroke-dashoffset] duration-500 ease-out-expo", className),
81
+ style: isIndeterminate ? {
82
+ "--pc-circumference": circumference,
83
+ transformOrigin: "center",
84
+ animation: "progress-circle-spin 1.4s ease-in-out infinite"
85
+ } : {
86
+ transform: "rotate(-90deg)",
87
+ transformOrigin: "center"
88
+ }
89
+ }),
90
+ children && /* @__PURE__ */ jsx("foreignObject", {
91
+ x: 0,
92
+ y: 0,
93
+ width: size,
94
+ height: size,
95
+ children: /* @__PURE__ */ jsx("div", {
96
+ className: "flex h-full w-full items-center justify-center",
97
+ children
98
+ })
99
+ })
100
+ ]
101
+ });
102
+ };
103
+ ProgressCircle.displayName = "ProgressCircle";
44
104
 
45
105
  //#endregion
46
- export { ProgressIndicator, ProgressLabel, ProgressRoot, ProgressTrack, ProgressValue };
106
+ export { ProgressCircle, ProgressIndicator, ProgressLabel, ProgressRoot, ProgressTrack, ProgressValue };
47
107
  //# sourceMappingURL=progress.js.map
@@ -1 +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
+ {"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-500 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// ProgressCircle\n// ============================================================================\n\ntype ProgressCircleProps = {\n value?: number | null\n min?: number\n max?: number\n size?: number\n strokeWidth?: number\n className?: string\n trackClassName?: string\n children?: React.ReactNode\n}\n\nconst indeterminateKeyframes = `\n@keyframes progress-circle-spin {\n 0% { stroke-dashoffset: var(--pc-circumference); transform: rotate(0deg); }\n 50% { stroke-dashoffset: calc(var(--pc-circumference) * 0.25); transform: rotate(180deg); }\n 100% { stroke-dashoffset: var(--pc-circumference); transform: rotate(720deg); }\n}\n`\n\nconst ProgressCircle = ({\n value = 0,\n min = 0,\n max = 100,\n size = 120,\n strokeWidth = 8,\n className,\n trackClassName,\n children,\n}: ProgressCircleProps) => {\n const radius = (size - strokeWidth) / 2\n const circumference = 2 * Math.PI * radius\n const center = size / 2\n\n const isIndeterminate = value === null\n const percentage = isIndeterminate ? 0 : ((value - min) / (max - min)) * 100\n const offset = circumference - (percentage / 100) * circumference\n\n return (\n <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`}>\n {isIndeterminate && <style>{indeterminateKeyframes}</style>}\n <circle\n cx={center}\n cy={center}\n r={radius}\n fill='none'\n strokeWidth={strokeWidth}\n className={cn('stroke-primary/20', trackClassName)}\n />\n <circle\n cx={center}\n cy={center}\n r={radius}\n fill='none'\n strokeWidth={strokeWidth}\n strokeLinecap='round'\n strokeDasharray={circumference}\n strokeDashoffset={isIndeterminate ? circumference : offset}\n className={cn(\n 'origin-center stroke-primary',\n !isIndeterminate && 'transition-[stroke-dashoffset] duration-500 ease-out-expo',\n className,\n )}\n style={\n isIndeterminate\n ? ({\n '--pc-circumference': circumference,\n transformOrigin: 'center',\n animation: 'progress-circle-spin 1.4s ease-in-out infinite',\n } as React.CSSProperties)\n : { transform: 'rotate(-90deg)', transformOrigin: 'center' }\n }\n />\n {children && (\n <foreignObject x={0} y={0} width={size} height={size}>\n <div className='flex h-full w-full items-center justify-center'>{children}</div>\n </foreignObject>\n )}\n </svg>\n )\n}\n\nProgressCircle.displayName = 'ProgressCircle'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport {\n ProgressRoot,\n ProgressTrack,\n ProgressIndicator,\n ProgressValue,\n ProgressLabel,\n ProgressCircle,\n}\n\nexport type {\n ProgressRootProps,\n ProgressTrackProps,\n ProgressIndicatorProps,\n ProgressValueProps,\n ProgressLabelProps,\n ProgressCircleProps,\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,4EACA,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;AAiB5B,MAAM,yBAAyB;;;;;;;AAQ/B,MAAM,kBAAkB,EACtB,QAAQ,GACR,MAAM,GACN,MAAM,KACN,OAAO,KACP,cAAc,GACd,WACA,gBACA,eACyB;CACzB,MAAM,UAAU,OAAO,eAAe;CACtC,MAAM,gBAAgB,IAAI,KAAK,KAAK;CACpC,MAAM,SAAS,OAAO;CAEtB,MAAM,kBAAkB,UAAU;CAElC,MAAM,SAAS,iBADI,kBAAkB,KAAM,QAAQ,QAAQ,MAAM,OAAQ,OAC5B,MAAO;AAEpD,QACE,qBAAC;EAAI,OAAO;EAAM,QAAQ;EAAM,SAAS,OAAO,KAAK,GAAG;;GACrD,mBAAmB,oBAAC,qBAAO,yBAA+B;GAC3D,oBAAC;IACC,IAAI;IACJ,IAAI;IACJ,GAAG;IACH,MAAK;IACQ;IACb,WAAW,GAAG,qBAAqB,eAAe;KAClD;GACF,oBAAC;IACC,IAAI;IACJ,IAAI;IACJ,GAAG;IACH,MAAK;IACQ;IACb,eAAc;IACd,iBAAiB;IACjB,kBAAkB,kBAAkB,gBAAgB;IACpD,WAAW,GACT,gCACA,CAAC,mBAAmB,6DACpB,UACD;IACD,OACE,kBACK;KACC,sBAAsB;KACtB,iBAAiB;KACjB,WAAW;KACZ,GACD;KAAE,WAAW;KAAkB,iBAAiB;KAAU;KAEhE;GACD,YACC,oBAAC;IAAc,GAAG;IAAG,GAAG;IAAG,OAAO;IAAM,QAAQ;cAC9C,oBAAC;KAAI,WAAU;KAAkD;MAAe;KAClE;;GAEd;;AAIV,eAAe,cAAc"}
@@ -1,5 +1,5 @@
1
1
  import * as React from "react";
2
- import * as react_jsx_runtime217 from "react/jsx-runtime";
2
+ import * as react_jsx_runtime265 from "react/jsx-runtime";
3
3
  import { RadioGroup } from "@base-ui/react/radio-group";
4
4
 
5
5
  //#region src/components/radio-group.d.ts
@@ -8,7 +8,7 @@ declare const RadioGroupRoot: {
8
8
  ({
9
9
  className,
10
10
  ...props
11
- }: RadioGroupRootProps): react_jsx_runtime217.JSX.Element;
11
+ }: RadioGroupRootProps): react_jsx_runtime265.JSX.Element;
12
12
  displayName: string;
13
13
  };
14
14
  //#endregion
package/dist/radio.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React from "react";
2
- import * as react_jsx_runtime215 from "react/jsx-runtime";
2
+ import * as react_jsx_runtime285 from "react/jsx-runtime";
3
3
  import { Radio } from "@base-ui/react/radio";
4
4
 
5
5
  //#region src/components/radio.d.ts
@@ -8,7 +8,7 @@ declare const RadioRoot: {
8
8
  ({
9
9
  className,
10
10
  ...props
11
- }: RadioRootProps): react_jsx_runtime215.JSX.Element;
11
+ }: RadioRootProps): react_jsx_runtime285.JSX.Element;
12
12
  displayName: string;
13
13
  };
14
14
  type RadioIndicatorProps = React.ComponentProps<typeof Radio.Indicator>;
@@ -16,7 +16,7 @@ declare const RadioIndicator: {
16
16
  ({
17
17
  className,
18
18
  ...props
19
- }: RadioIndicatorProps): react_jsx_runtime215.JSX.Element;
19
+ }: RadioIndicatorProps): react_jsx_runtime285.JSX.Element;
20
20
  displayName: string;
21
21
  };
22
22
  //#endregion
@@ -1,5 +1,5 @@
1
1
  import * as React from "react";
2
- import * as react_jsx_runtime218 from "react/jsx-runtime";
2
+ import * as react_jsx_runtime266 from "react/jsx-runtime";
3
3
  import { ScrollArea } from "@base-ui/react/scroll-area";
4
4
 
5
5
  //#region src/components/scroll-area.d.ts
@@ -8,7 +8,7 @@ declare const ScrollAreaRoot: {
8
8
  ({
9
9
  className,
10
10
  ...props
11
- }: ScrollAreaRootProps): react_jsx_runtime218.JSX.Element;
11
+ }: ScrollAreaRootProps): react_jsx_runtime266.JSX.Element;
12
12
  displayName: string;
13
13
  };
14
14
  type ScrollAreaViewportProps = React.ComponentProps<typeof ScrollArea.Viewport>;
@@ -16,7 +16,7 @@ declare const ScrollAreaViewport: {
16
16
  ({
17
17
  className,
18
18
  ...props
19
- }: ScrollAreaViewportProps): react_jsx_runtime218.JSX.Element;
19
+ }: ScrollAreaViewportProps): react_jsx_runtime266.JSX.Element;
20
20
  displayName: string;
21
21
  };
22
22
  type ScrollAreaContentProps = React.ComponentProps<typeof ScrollArea.Content>;
@@ -24,7 +24,7 @@ declare const ScrollAreaContent: {
24
24
  ({
25
25
  className,
26
26
  ...props
27
- }: ScrollAreaContentProps): react_jsx_runtime218.JSX.Element;
27
+ }: ScrollAreaContentProps): react_jsx_runtime266.JSX.Element;
28
28
  displayName: string;
29
29
  };
30
30
  type ScrollAreaScrollbarProps = React.ComponentProps<typeof ScrollArea.Scrollbar>;
@@ -33,7 +33,7 @@ declare const ScrollAreaScrollbar: {
33
33
  className,
34
34
  orientation,
35
35
  ...props
36
- }: ScrollAreaScrollbarProps): react_jsx_runtime218.JSX.Element;
36
+ }: ScrollAreaScrollbarProps): react_jsx_runtime266.JSX.Element;
37
37
  displayName: string;
38
38
  };
39
39
  type ScrollAreaThumbProps = React.ComponentProps<typeof ScrollArea.Thumb>;
@@ -41,7 +41,7 @@ declare const ScrollAreaThumb: {
41
41
  ({
42
42
  className,
43
43
  ...props
44
- }: ScrollAreaThumbProps): react_jsx_runtime218.JSX.Element;
44
+ }: ScrollAreaThumbProps): react_jsx_runtime266.JSX.Element;
45
45
  displayName: string;
46
46
  };
47
47
  type ScrollAreaCornerProps = React.ComponentProps<typeof ScrollArea.Corner>;
@@ -49,7 +49,7 @@ declare const ScrollAreaCorner: {
49
49
  ({
50
50
  className,
51
51
  ...props
52
- }: ScrollAreaCornerProps): react_jsx_runtime218.JSX.Element;
52
+ }: ScrollAreaCornerProps): react_jsx_runtime266.JSX.Element;
53
53
  displayName: string;
54
54
  };
55
55
  //#endregion
@@ -15,7 +15,7 @@ const ScrollAreaRoot = ({ className, ...props }) => {
15
15
  ScrollAreaRoot.displayName = "ScrollAreaRoot";
16
16
  const ScrollAreaViewport = ({ className, ...props }) => {
17
17
  return /* @__PURE__ */ jsx(ScrollArea.Viewport, {
18
- className: cn("h-full overscroll-contain pr-3", className),
18
+ className: cn("h-full overscroll-contain", className),
19
19
  ...props
20
20
  });
21
21
  };
@@ -1 +1 @@
1
- {"version":3,"file":"scroll-area.js","names":["BaseScrollArea"],"sources":["../src/components/scroll-area.tsx"],"sourcesContent":["'use client'\n\nimport { ScrollArea as BaseScrollArea } from '@base-ui/react/scroll-area'\nimport * as React from 'react'\n\nimport { cn } from '../lib/utils'\n\ntype ScrollAreaRootProps = React.ComponentProps<typeof BaseScrollArea.Root>\n\nconst ScrollAreaRoot = ({ className, ...props }: ScrollAreaRootProps) => {\n return <BaseScrollArea.Root className={cn('relative', className)} {...props} />\n}\n\nScrollAreaRoot.displayName = 'ScrollAreaRoot'\n\ntype ScrollAreaViewportProps = React.ComponentProps<typeof BaseScrollArea.Viewport>\n\nconst ScrollAreaViewport = ({ className, ...props }: ScrollAreaViewportProps) => {\n return (\n <BaseScrollArea.Viewport\n className={cn('h-full overscroll-contain pr-3', className)}\n {...props}\n />\n )\n}\n\nScrollAreaViewport.displayName = 'ScrollAreaViewport'\n\ntype ScrollAreaContentProps = React.ComponentProps<typeof BaseScrollArea.Content>\n\nconst ScrollAreaContent = ({ className, ...props }: ScrollAreaContentProps) => {\n return <BaseScrollArea.Content className={cn('min-w-full', className)} {...props} />\n}\n\nScrollAreaContent.displayName = 'ScrollAreaContent'\n\ntype ScrollAreaScrollbarProps = React.ComponentProps<typeof BaseScrollArea.Scrollbar>\n\nconst ScrollAreaScrollbar = ({\n className,\n orientation = 'vertical',\n ...props\n}: ScrollAreaScrollbarProps) => {\n return (\n <BaseScrollArea.Scrollbar\n className={cn(\n 'flex touch-none select-none p-0.5 transition-colors duration-200 ease-out',\n 'data-hovering:bg-muted/50',\n orientation === 'vertical' && 'h-full w-2.5',\n orientation === 'horizontal' && 'h-2.5 w-full flex-col',\n className,\n )}\n orientation={orientation}\n {...props}\n />\n )\n}\n\nScrollAreaScrollbar.displayName = 'ScrollAreaScrollbar'\n\ntype ScrollAreaThumbProps = React.ComponentProps<typeof BaseScrollArea.Thumb>\n\nconst ScrollAreaThumb = ({ className, ...props }: ScrollAreaThumbProps) => {\n return (\n <BaseScrollArea.Thumb\n className={cn(\n 'relative flex-1 rounded-full bg-border transition-colors',\n 'hover:bg-muted-foreground/50',\n className,\n )}\n {...props}\n />\n )\n}\n\nScrollAreaThumb.displayName = 'ScrollAreaThumb'\n\ntype ScrollAreaCornerProps = React.ComponentProps<typeof BaseScrollArea.Corner>\n\nconst ScrollAreaCorner = ({ className, ...props }: ScrollAreaCornerProps) => {\n return <BaseScrollArea.Corner className={cn('bg-muted/50', className)} {...props} />\n}\n\nScrollAreaCorner.displayName = 'ScrollAreaCorner'\n\nexport {\n ScrollAreaRoot,\n ScrollAreaViewport,\n ScrollAreaContent,\n ScrollAreaScrollbar,\n ScrollAreaThumb,\n ScrollAreaCorner,\n}\n\nexport type {\n ScrollAreaRootProps,\n ScrollAreaViewportProps,\n ScrollAreaContentProps,\n ScrollAreaScrollbarProps,\n ScrollAreaThumbProps,\n ScrollAreaCornerProps,\n}\n"],"mappings":";;;;;;;;AASA,MAAM,kBAAkB,EAAE,WAAW,GAAG,YAAiC;AACvE,QAAO,oBAACA,WAAe;EAAK,WAAW,GAAG,YAAY,UAAU;EAAE,GAAI;GAAS;;AAGjF,eAAe,cAAc;AAI7B,MAAM,sBAAsB,EAAE,WAAW,GAAG,YAAqC;AAC/E,QACE,oBAACA,WAAe;EACd,WAAW,GAAG,kCAAkC,UAAU;EAC1D,GAAI;GACJ;;AAIN,mBAAmB,cAAc;AAIjC,MAAM,qBAAqB,EAAE,WAAW,GAAG,YAAoC;AAC7E,QAAO,oBAACA,WAAe;EAAQ,WAAW,GAAG,cAAc,UAAU;EAAE,GAAI;GAAS;;AAGtF,kBAAkB,cAAc;AAIhC,MAAM,uBAAuB,EAC3B,WACA,cAAc,YACd,GAAG,YAC2B;AAC9B,QACE,oBAACA,WAAe;EACd,WAAW,GACT,6EACA,6BACA,gBAAgB,cAAc,gBAC9B,gBAAgB,gBAAgB,yBAChC,UACD;EACY;EACb,GAAI;GACJ;;AAIN,oBAAoB,cAAc;AAIlC,MAAM,mBAAmB,EAAE,WAAW,GAAG,YAAkC;AACzE,QACE,oBAACA,WAAe;EACd,WAAW,GACT,4DACA,gCACA,UACD;EACD,GAAI;GACJ;;AAIN,gBAAgB,cAAc;AAI9B,MAAM,oBAAoB,EAAE,WAAW,GAAG,YAAmC;AAC3E,QAAO,oBAACA,WAAe;EAAO,WAAW,GAAG,eAAe,UAAU;EAAE,GAAI;GAAS;;AAGtF,iBAAiB,cAAc"}
1
+ {"version":3,"file":"scroll-area.js","names":["BaseScrollArea"],"sources":["../src/components/scroll-area.tsx"],"sourcesContent":["'use client'\n\nimport { ScrollArea as BaseScrollArea } from '@base-ui/react/scroll-area'\nimport * as React from 'react'\n\nimport { cn } from '../lib/utils'\n\ntype ScrollAreaRootProps = React.ComponentProps<typeof BaseScrollArea.Root>\n\nconst ScrollAreaRoot = ({ className, ...props }: ScrollAreaRootProps) => {\n return <BaseScrollArea.Root className={cn('relative', className)} {...props} />\n}\n\nScrollAreaRoot.displayName = 'ScrollAreaRoot'\n\ntype ScrollAreaViewportProps = React.ComponentProps<typeof BaseScrollArea.Viewport>\n\nconst ScrollAreaViewport = ({ className, ...props }: ScrollAreaViewportProps) => {\n return (\n <BaseScrollArea.Viewport\n className={cn('h-full overscroll-contain', className)}\n {...props}\n />\n )\n}\n\nScrollAreaViewport.displayName = 'ScrollAreaViewport'\n\ntype ScrollAreaContentProps = React.ComponentProps<typeof BaseScrollArea.Content>\n\nconst ScrollAreaContent = ({ className, ...props }: ScrollAreaContentProps) => {\n return <BaseScrollArea.Content className={cn('min-w-full', className)} {...props} />\n}\n\nScrollAreaContent.displayName = 'ScrollAreaContent'\n\ntype ScrollAreaScrollbarProps = React.ComponentProps<typeof BaseScrollArea.Scrollbar>\n\nconst ScrollAreaScrollbar = ({\n className,\n orientation = 'vertical',\n ...props\n}: ScrollAreaScrollbarProps) => {\n return (\n <BaseScrollArea.Scrollbar\n className={cn(\n 'flex touch-none select-none p-0.5 transition-colors duration-200 ease-out',\n 'data-hovering:bg-muted/50',\n orientation === 'vertical' && 'h-full w-2.5',\n orientation === 'horizontal' && 'h-2.5 w-full flex-col',\n className,\n )}\n orientation={orientation}\n {...props}\n />\n )\n}\n\nScrollAreaScrollbar.displayName = 'ScrollAreaScrollbar'\n\ntype ScrollAreaThumbProps = React.ComponentProps<typeof BaseScrollArea.Thumb>\n\nconst ScrollAreaThumb = ({ className, ...props }: ScrollAreaThumbProps) => {\n return (\n <BaseScrollArea.Thumb\n className={cn(\n 'relative flex-1 rounded-full bg-border transition-colors',\n 'hover:bg-muted-foreground/50',\n className,\n )}\n {...props}\n />\n )\n}\n\nScrollAreaThumb.displayName = 'ScrollAreaThumb'\n\ntype ScrollAreaCornerProps = React.ComponentProps<typeof BaseScrollArea.Corner>\n\nconst ScrollAreaCorner = ({ className, ...props }: ScrollAreaCornerProps) => {\n return <BaseScrollArea.Corner className={cn('bg-muted/50', className)} {...props} />\n}\n\nScrollAreaCorner.displayName = 'ScrollAreaCorner'\n\nexport {\n ScrollAreaRoot,\n ScrollAreaViewport,\n ScrollAreaContent,\n ScrollAreaScrollbar,\n ScrollAreaThumb,\n ScrollAreaCorner,\n}\n\nexport type {\n ScrollAreaRootProps,\n ScrollAreaViewportProps,\n ScrollAreaContentProps,\n ScrollAreaScrollbarProps,\n ScrollAreaThumbProps,\n ScrollAreaCornerProps,\n}\n"],"mappings":";;;;;;;;AASA,MAAM,kBAAkB,EAAE,WAAW,GAAG,YAAiC;AACvE,QAAO,oBAACA,WAAe;EAAK,WAAW,GAAG,YAAY,UAAU;EAAE,GAAI;GAAS;;AAGjF,eAAe,cAAc;AAI7B,MAAM,sBAAsB,EAAE,WAAW,GAAG,YAAqC;AAC/E,QACE,oBAACA,WAAe;EACd,WAAW,GAAG,6BAA6B,UAAU;EACrD,GAAI;GACJ;;AAIN,mBAAmB,cAAc;AAIjC,MAAM,qBAAqB,EAAE,WAAW,GAAG,YAAoC;AAC7E,QAAO,oBAACA,WAAe;EAAQ,WAAW,GAAG,cAAc,UAAU;EAAE,GAAI;GAAS;;AAGtF,kBAAkB,cAAc;AAIhC,MAAM,uBAAuB,EAC3B,WACA,cAAc,YACd,GAAG,YAC2B;AAC9B,QACE,oBAACA,WAAe;EACd,WAAW,GACT,6EACA,6BACA,gBAAgB,cAAc,gBAC9B,gBAAgB,gBAAgB,yBAChC,UACD;EACY;EACb,GAAI;GACJ;;AAIN,oBAAoB,cAAc;AAIlC,MAAM,mBAAmB,EAAE,WAAW,GAAG,YAAkC;AACzE,QACE,oBAACA,WAAe;EACd,WAAW,GACT,4DACA,gCACA,UACD;EACD,GAAI;GACJ;;AAIN,gBAAgB,cAAc;AAI9B,MAAM,oBAAoB,EAAE,WAAW,GAAG,YAAmC;AAC3E,QAAO,oBAACA,WAAe;EAAO,WAAW,GAAG,eAAe,UAAU;EAAE,GAAI;GAAS;;AAGtF,iBAAiB,cAAc"}
package/dist/select.d.ts CHANGED
@@ -1,9 +1,9 @@
1
1
  import * as React from "react";
2
- import * as react_jsx_runtime224 from "react/jsx-runtime";
2
+ import * as react_jsx_runtime23 from "react/jsx-runtime";
3
3
  import { Select, SelectRootProps as SelectRootProps$1 } from "@base-ui/react/select";
4
4
 
5
5
  //#region src/components/select.d.ts
6
- declare function SelectRoot<Value, Multiple extends boolean | undefined = false>(props: SelectRootProps$1<Value, Multiple>): react_jsx_runtime224.JSX.Element;
6
+ declare function SelectRoot<Value, Multiple extends boolean | undefined = false>(props: SelectRootProps$1<Value, Multiple>): react_jsx_runtime23.JSX.Element;
7
7
  declare namespace SelectRoot {
8
8
  var displayName: string;
9
9
  }
@@ -13,7 +13,7 @@ declare const SelectTrigger: {
13
13
  ({
14
14
  className,
15
15
  ...props
16
- }: SelectTriggerProps): react_jsx_runtime224.JSX.Element;
16
+ }: SelectTriggerProps): react_jsx_runtime23.JSX.Element;
17
17
  displayName: string;
18
18
  };
19
19
  type SelectValueProps = React.ComponentProps<typeof Select.Value>;
@@ -21,7 +21,7 @@ declare const SelectValue: {
21
21
  ({
22
22
  className,
23
23
  ...props
24
- }: SelectValueProps): react_jsx_runtime224.JSX.Element;
24
+ }: SelectValueProps): react_jsx_runtime23.JSX.Element;
25
25
  displayName: string;
26
26
  };
27
27
  type SelectIconProps = React.ComponentProps<typeof Select.Icon>;
@@ -29,7 +29,7 @@ declare const SelectIcon: {
29
29
  ({
30
30
  className,
31
31
  ...props
32
- }: SelectIconProps): react_jsx_runtime224.JSX.Element;
32
+ }: SelectIconProps): react_jsx_runtime23.JSX.Element;
33
33
  displayName: string;
34
34
  };
35
35
  type SelectBackdropProps = React.ComponentProps<typeof Select.Backdrop>;
@@ -37,12 +37,12 @@ declare const SelectBackdrop: {
37
37
  ({
38
38
  className,
39
39
  ...props
40
- }: SelectBackdropProps): react_jsx_runtime224.JSX.Element;
40
+ }: SelectBackdropProps): react_jsx_runtime23.JSX.Element;
41
41
  displayName: string;
42
42
  };
43
43
  type SelectPortalProps = React.ComponentProps<typeof Select.Portal>;
44
44
  declare const SelectPortal: {
45
- (props: SelectPortalProps): react_jsx_runtime224.JSX.Element;
45
+ (props: SelectPortalProps): react_jsx_runtime23.JSX.Element;
46
46
  displayName: string;
47
47
  };
48
48
  type SelectPositionerProps = React.ComponentProps<typeof Select.Positioner>;
@@ -50,7 +50,7 @@ declare const SelectPositioner: {
50
50
  ({
51
51
  className,
52
52
  ...props
53
- }: SelectPositionerProps): react_jsx_runtime224.JSX.Element;
53
+ }: SelectPositionerProps): react_jsx_runtime23.JSX.Element;
54
54
  displayName: string;
55
55
  };
56
56
  type SelectPopupProps = React.ComponentProps<typeof Select.Popup>;
@@ -58,7 +58,7 @@ declare const SelectPopup: {
58
58
  ({
59
59
  className,
60
60
  ...props
61
- }: SelectPopupProps): react_jsx_runtime224.JSX.Element;
61
+ }: SelectPopupProps): react_jsx_runtime23.JSX.Element;
62
62
  displayName: string;
63
63
  };
64
64
  type SelectListProps = React.ComponentProps<typeof Select.List>;
@@ -66,7 +66,7 @@ declare const SelectList: {
66
66
  ({
67
67
  className,
68
68
  ...props
69
- }: SelectListProps): react_jsx_runtime224.JSX.Element;
69
+ }: SelectListProps): react_jsx_runtime23.JSX.Element;
70
70
  displayName: string;
71
71
  };
72
72
  type SelectArrowProps = React.ComponentProps<typeof Select.Arrow>;
@@ -74,7 +74,7 @@ declare const SelectArrow: {
74
74
  ({
75
75
  className,
76
76
  ...props
77
- }: SelectArrowProps): react_jsx_runtime224.JSX.Element;
77
+ }: SelectArrowProps): react_jsx_runtime23.JSX.Element;
78
78
  displayName: string;
79
79
  };
80
80
  type SelectItemProps = React.ComponentProps<typeof Select.Item>;
@@ -82,7 +82,7 @@ declare const SelectItem: {
82
82
  ({
83
83
  className,
84
84
  ...props
85
- }: SelectItemProps): react_jsx_runtime224.JSX.Element;
85
+ }: SelectItemProps): react_jsx_runtime23.JSX.Element;
86
86
  displayName: string;
87
87
  };
88
88
  type SelectItemTextProps = React.ComponentProps<typeof Select.ItemText>;
@@ -90,7 +90,7 @@ declare const SelectItemText: {
90
90
  ({
91
91
  className,
92
92
  ...props
93
- }: SelectItemTextProps): react_jsx_runtime224.JSX.Element;
93
+ }: SelectItemTextProps): react_jsx_runtime23.JSX.Element;
94
94
  displayName: string;
95
95
  };
96
96
  type SelectItemIndicatorProps = React.ComponentProps<typeof Select.ItemIndicator>;
@@ -98,7 +98,7 @@ declare const SelectItemIndicator: {
98
98
  ({
99
99
  className,
100
100
  ...props
101
- }: SelectItemIndicatorProps): react_jsx_runtime224.JSX.Element;
101
+ }: SelectItemIndicatorProps): react_jsx_runtime23.JSX.Element;
102
102
  displayName: string;
103
103
  };
104
104
  type SelectGroupProps = React.ComponentProps<typeof Select.Group>;
@@ -106,7 +106,7 @@ declare const SelectGroup: {
106
106
  ({
107
107
  className,
108
108
  ...props
109
- }: SelectGroupProps): react_jsx_runtime224.JSX.Element;
109
+ }: SelectGroupProps): react_jsx_runtime23.JSX.Element;
110
110
  displayName: string;
111
111
  };
112
112
  type SelectGroupLabelProps = React.ComponentProps<typeof Select.GroupLabel>;
@@ -114,7 +114,7 @@ declare const SelectGroupLabel: {
114
114
  ({
115
115
  className,
116
116
  ...props
117
- }: SelectGroupLabelProps): react_jsx_runtime224.JSX.Element;
117
+ }: SelectGroupLabelProps): react_jsx_runtime23.JSX.Element;
118
118
  displayName: string;
119
119
  };
120
120
  type SelectScrollUpArrowProps = React.ComponentProps<typeof Select.ScrollUpArrow>;
@@ -122,7 +122,7 @@ declare const SelectScrollUpArrow: {
122
122
  ({
123
123
  className,
124
124
  ...props
125
- }: SelectScrollUpArrowProps): react_jsx_runtime224.JSX.Element;
125
+ }: SelectScrollUpArrowProps): react_jsx_runtime23.JSX.Element;
126
126
  displayName: string;
127
127
  };
128
128
  type SelectScrollDownArrowProps = React.ComponentProps<typeof Select.ScrollDownArrow>;
@@ -130,7 +130,7 @@ declare const SelectScrollDownArrow: {
130
130
  ({
131
131
  className,
132
132
  ...props
133
- }: SelectScrollDownArrowProps): react_jsx_runtime224.JSX.Element;
133
+ }: SelectScrollDownArrowProps): react_jsx_runtime23.JSX.Element;
134
134
  displayName: string;
135
135
  };
136
136
  type SelectSeparatorProps = React.ComponentProps<typeof Select.Separator>;
@@ -138,7 +138,7 @@ declare const SelectSeparator: {
138
138
  ({
139
139
  className,
140
140
  ...props
141
- }: SelectSeparatorProps): react_jsx_runtime224.JSX.Element;
141
+ }: SelectSeparatorProps): react_jsx_runtime23.JSX.Element;
142
142
  displayName: string;
143
143
  };
144
144
  //#endregion