@waveso/ui 0.0.10 → 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/accordion.d.ts +24 -8
- package/dist/accordion.d.ts.map +1 -0
- package/dist/accordion.js +50 -73
- package/dist/accordion.js.map +1 -1
- package/dist/action-bar.d.ts +83 -0
- package/dist/action-bar.d.ts.map +1 -0
- package/dist/action-bar.js +264 -0
- package/dist/action-bar.js.map +1 -0
- package/dist/alert-dialog.d.ts +56 -21
- package/dist/alert-dialog.d.ts.map +1 -0
- package/dist/alert-dialog.js +75 -127
- package/dist/alert-dialog.js.map +1 -1
- package/dist/alert.d.ts +26 -11
- package/dist/alert.d.ts.map +1 -0
- package/dist/alert.js +37 -68
- package/dist/alert.js.map +1 -1
- package/dist/animate.d.ts +117 -75
- package/dist/animate.d.ts.map +1 -0
- package/dist/animate.js +259 -223
- package/dist/animate.js.map +1 -1
- package/dist/aspect-ratio.d.ts +11 -6
- package/dist/aspect-ratio.d.ts.map +1 -0
- package/dist/aspect-ratio.js +12 -14
- package/dist/aspect-ratio.js.map +1 -1
- package/dist/autocomplete.d.ts +91 -25
- package/dist/autocomplete.d.ts.map +1 -0
- package/dist/autocomplete.js +119 -181
- package/dist/autocomplete.js.map +1 -1
- package/dist/avatar.d.ts +32 -11
- package/dist/avatar.d.ts.map +1 -0
- package/dist/avatar.js +42 -89
- package/dist/avatar.js.map +1 -1
- package/dist/badge.d.ts +15 -8
- package/dist/badge.d.ts.map +1 -0
- package/dist/badge.js +34 -48
- package/dist/badge.js.map +1 -1
- package/dist/breadcrumb.d.ts +35 -11
- package/dist/breadcrumb.d.ts.map +1 -0
- package/dist/breadcrumb.js +60 -110
- package/dist/breadcrumb.js.map +1 -1
- package/dist/button-group.d.ts +26 -13
- package/dist/button-group.d.ts.map +1 -0
- package/dist/button-group.js +38 -76
- package/dist/button-group.js.map +1 -1
- package/dist/button.d.ts +17 -10
- package/dist/button.d.ts.map +1 -0
- package/dist/button.js +50 -3
- package/dist/button.js.map +1 -1
- package/dist/card.d.ts +35 -11
- package/dist/card.d.ts.map +1 -0
- package/dist/card.js +43 -82
- package/dist/card.js.map +1 -1
- package/dist/checkbox.d.ts +6 -4
- package/dist/checkbox.d.ts.map +1 -0
- package/dist/checkbox.js +21 -29
- package/dist/checkbox.js.map +1 -1
- package/dist/collapsible.d.ts +15 -7
- package/dist/collapsible.d.ts.map +1 -0
- package/dist/collapsible.js +19 -8
- package/dist/collapsible.js.map +1 -1
- package/dist/combobox.d.ts +83 -23
- package/dist/combobox.d.ts.map +1 -0
- package/dist/combobox.js +149 -247
- package/dist/combobox.js.map +1 -1
- package/dist/context-menu.d.ts +80 -26
- package/dist/context-menu.d.ts.map +1 -0
- package/dist/context-menu.js +108 -164
- package/dist/context-menu.js.map +1 -1
- package/dist/count.d.ts +45 -31
- package/dist/count.d.ts.map +1 -0
- package/dist/count.js +170 -165
- package/dist/count.js.map +1 -1
- package/dist/dialog.d.ts +61 -28
- package/dist/dialog.d.ts.map +1 -0
- package/dist/dialog.js +77 -120
- package/dist/dialog.js.map +1 -1
- package/dist/direction.d.ts +2 -1
- package/dist/direction.js +3 -3
- package/dist/drawer.d.ts +45 -15
- package/dist/drawer.d.ts.map +1 -0
- package/dist/drawer.js +93 -5
- package/dist/drawer.js.map +1 -1
- package/dist/encrypted-text.d.ts +25 -12
- package/dist/encrypted-text.d.ts.map +1 -0
- package/dist/encrypted-text.js +102 -134
- package/dist/encrypted-text.js.map +1 -1
- package/dist/field.d.ts +37 -21
- package/dist/field.d.ts.map +1 -0
- package/dist/field.js +52 -3
- package/dist/field.js.map +1 -1
- package/dist/film-grain-shader.d.ts +6 -0
- package/dist/film-grain-shader.d.ts.map +1 -0
- package/dist/film-grain-shader.js +88 -0
- package/dist/film-grain-shader.js.map +1 -0
- package/dist/film-grain-webgl.d.ts +20 -0
- package/dist/film-grain-webgl.d.ts.map +1 -0
- package/dist/film-grain-webgl.js +306 -0
- package/dist/film-grain-webgl.js.map +1 -0
- package/dist/film-grain.d.ts +21 -11
- package/dist/film-grain.d.ts.map +1 -0
- package/dist/film-grain.js +28 -420
- package/dist/film-grain.js.map +1 -1
- package/dist/form.d.ts +64 -49
- package/dist/form.d.ts.map +1 -0
- package/dist/form.js +112 -91
- package/dist/form.js.map +1 -1
- package/dist/gradient-reveal-text.d.ts +35 -22
- package/dist/gradient-reveal-text.d.ts.map +1 -0
- package/dist/gradient-reveal-text.js +238 -205
- package/dist/gradient-reveal-text.js.map +1 -1
- package/dist/hooks/use-mobile.d.ts +3 -1
- package/dist/hooks/use-mobile.d.ts.map +1 -0
- package/dist/hooks/use-mobile.js +28 -2
- package/dist/hooks/use-mobile.js.map +1 -1
- package/dist/infinite-scroll.d.ts +29 -15
- package/dist/infinite-scroll.d.ts.map +1 -0
- package/dist/infinite-scroll.js +69 -99
- package/dist/infinite-scroll.js.map +1 -1
- package/dist/input-group.d.ts +41 -18
- package/dist/input-group.d.ts.map +1 -0
- package/dist/input-group.js +80 -6
- package/dist/input-group.js.map +1 -1
- package/dist/input-otp.d.ts +26 -10
- package/dist/input-otp.d.ts.map +1 -0
- package/dist/input-otp.js +40 -70
- package/dist/input-otp.js.map +1 -1
- package/dist/input.d.ts +10 -4
- package/dist/input.d.ts.map +1 -0
- package/dist/input.js +16 -3
- package/dist/input.js.map +1 -1
- package/dist/item.d.ts +58 -23
- package/dist/item.d.ts.map +1 -0
- package/dist/item.js +102 -160
- package/dist/item.js.map +1 -1
- package/dist/kbd.d.ts +12 -4
- package/dist/kbd.d.ts.map +1 -0
- package/dist/kbd.js +15 -24
- package/dist/kbd.js.map +1 -1
- package/dist/label.d.ts +9 -4
- package/dist/label.d.ts.map +1 -0
- package/dist/label.js +12 -16
- package/dist/label.js.map +1 -1
- package/dist/lib/focus.d.ts +42 -0
- package/dist/lib/focus.d.ts.map +1 -0
- package/dist/lib/focus.js +21 -0
- package/dist/lib/focus.js.map +1 -0
- package/dist/lib/internal-icons.d.ts +32 -0
- package/dist/lib/internal-icons.d.ts.map +1 -0
- package/dist/lib/internal-icons.js +222 -0
- package/dist/lib/internal-icons.js.map +1 -0
- package/dist/lib/utils.d.ts +4 -2
- package/dist/lib/utils.d.ts.map +1 -0
- package/dist/lib/utils.js +12 -2
- package/dist/lib/utils.js.map +1 -1
- package/dist/masonry.d.ts +25 -11
- package/dist/masonry.d.ts.map +1 -0
- package/dist/masonry.js +188 -229
- package/dist/masonry.js.map +1 -1
- package/dist/menu.d.ts +84 -26
- package/dist/menu.d.ts.map +1 -0
- package/dist/menu.js +141 -4
- package/dist/menu.js.map +1 -1
- package/dist/menubar.d.ts +60 -22
- package/dist/menubar.d.ts.map +1 -0
- package/dist/menubar.js +80 -52
- package/dist/menubar.js.map +1 -1
- package/dist/pagination.d.ts +38 -17
- package/dist/pagination.d.ts.map +1 -0
- package/dist/pagination.js +68 -107
- package/dist/pagination.js.map +1 -1
- package/dist/popover.d.ts +56 -14
- package/dist/popover.d.ts.map +1 -0
- package/dist/popover.js +62 -87
- package/dist/popover.js.map +1 -1
- package/dist/preview-card.d.ts +28 -9
- package/dist/preview-card.d.ts.map +1 -0
- package/dist/preview-card.js +40 -60
- package/dist/preview-card.js.map +1 -1
- package/dist/progress.d.ts +28 -9
- package/dist/progress.d.ts.map +1 -0
- package/dist/progress.js +35 -60
- package/dist/progress.js.map +1 -1
- package/dist/radio-group.d.ts +14 -8
- package/dist/radio-group.d.ts.map +1 -0
- package/dist/radio-group.js +18 -22
- package/dist/radio-group.js.map +1 -1
- package/dist/radio.d.ts +14 -6
- package/dist/radio.d.ts.map +1 -0
- package/dist/radio.js +24 -3
- package/dist/radio.js.map +1 -1
- package/dist/scroll-area.d.ts +16 -6
- package/dist/scroll-area.d.ts.map +1 -0
- package/dist/scroll-area.js +34 -55
- package/dist/scroll-area.js.map +1 -1
- package/dist/select.d.ts +66 -18
- package/dist/select.d.ts.map +1 -0
- package/dist/select.js +105 -185
- package/dist/select.js.map +1 -1
- package/dist/separator.d.ts +11 -5
- package/dist/separator.d.ts.map +1 -0
- package/dist/separator.js +17 -3
- package/dist/separator.js.map +1 -1
- package/dist/sidebar.d.ts +172 -79
- package/dist/sidebar.d.ts.map +1 -0
- package/dist/sidebar.js +363 -585
- package/dist/sidebar.js.map +1 -1
- package/dist/skeleton.d.ts +8 -3
- package/dist/skeleton.d.ts.map +1 -0
- package/dist/skeleton.js +13 -3
- package/dist/skeleton.js.map +1 -1
- package/dist/slider.d.ts +16 -6
- package/dist/slider.d.ts.map +1 -0
- package/dist/slider.js +40 -67
- package/dist/slider.js.map +1 -1
- package/dist/spinner.d.ts +8 -3
- package/dist/spinner.d.ts.map +1 -0
- package/dist/spinner.js +15 -4
- package/dist/spinner.js.map +1 -1
- package/dist/switch.d.ts +12 -6
- package/dist/switch.d.ts.map +1 -0
- package/dist/switch.js +18 -25
- package/dist/switch.js.map +1 -1
- package/dist/table.d.ts +37 -11
- package/dist/table.d.ts.map +1 -0
- package/dist/table.js +51 -88
- package/dist/table.js.map +1 -1
- package/dist/tabs.d.ts +28 -12
- package/dist/tabs.d.ts.map +1 -0
- package/dist/tabs.js +40 -74
- package/dist/tabs.js.map +1 -1
- package/dist/textarea.d.ts +13 -6
- package/dist/textarea.d.ts.map +1 -0
- package/dist/textarea.js +19 -3
- package/dist/textarea.js.map +1 -1
- package/dist/toast.d.ts +63 -39
- package/dist/toast.d.ts.map +1 -0
- package/dist/toast.js +177 -215
- package/dist/toast.js.map +1 -1
- package/dist/toggle-group.d.ts +26 -12
- package/dist/toggle-group.d.ts.map +1 -0
- package/dist/toggle-group.js +49 -73
- package/dist/toggle-group.js.map +1 -1
- package/dist/toggle.d.ts +17 -10
- package/dist/toggle.d.ts.map +1 -0
- package/dist/toggle.js +38 -3
- package/dist/toggle.js.map +1 -1
- package/dist/tooltip.d.ts +35 -14
- package/dist/tooltip.d.ts.map +1 -0
- package/dist/tooltip.js +52 -3
- package/dist/tooltip.js.map +1 -1
- package/dist/typewriter.d.ts +44 -31
- package/dist/typewriter.d.ts.map +1 -0
- package/dist/typewriter.js +185 -185
- package/dist/typewriter.js.map +1 -1
- package/package.json +6 -6
- package/dist/chunk-45VQAWIM.js +0 -228
- package/dist/chunk-45VQAWIM.js.map +0 -1
- package/dist/chunk-6Y7LPQMO.js +0 -11
- package/dist/chunk-6Y7LPQMO.js.map +0 -1
- package/dist/chunk-76UQO56T.js +0 -19
- package/dist/chunk-76UQO56T.js.map +0 -1
- package/dist/chunk-7F4MPMLJ.js +0 -17
- package/dist/chunk-7F4MPMLJ.js.map +0 -1
- package/dist/chunk-BKTJYX4M.js +0 -143
- package/dist/chunk-BKTJYX4M.js.map +0 -1
- package/dist/chunk-D5XPEJ6T.js +0 -36
- package/dist/chunk-D5XPEJ6T.js.map +0 -1
- package/dist/chunk-DIGOLJIR.js +0 -105
- package/dist/chunk-DIGOLJIR.js.map +0 -1
- package/dist/chunk-IQ7YQ5XA.js +0 -141
- package/dist/chunk-IQ7YQ5XA.js.map +0 -1
- package/dist/chunk-NCHHHWTB.js +0 -85
- package/dist/chunk-NCHHHWTB.js.map +0 -1
- package/dist/chunk-OUFYQLVN.js +0 -56
- package/dist/chunk-OUFYQLVN.js.map +0 -1
- package/dist/chunk-QFSEK4M6.js +0 -22
- package/dist/chunk-QFSEK4M6.js.map +0 -1
- package/dist/chunk-QRW37LRP.js +0 -25
- package/dist/chunk-QRW37LRP.js.map +0 -1
- package/dist/chunk-RPQHL6C5.js +0 -26
- package/dist/chunk-RPQHL6C5.js.map +0 -1
- package/dist/chunk-V4ZX4YCP.js +0 -66
- package/dist/chunk-V4ZX4YCP.js.map +0 -1
- package/dist/chunk-YTSQQTSF.js +0 -44
- package/dist/chunk-YTSQQTSF.js.map +0 -1
- package/dist/chunk-ZZZH3JGW.js +0 -23
- package/dist/chunk-ZZZH3JGW.js.map +0 -1
- package/dist/direction.js.map +0 -1
package/dist/preview-card.js
CHANGED
|
@@ -1,70 +1,50 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
|
|
1
|
+
"use client";
|
|
2
|
+
import { cn } from "./lib/utils.js";
|
|
3
|
+
import "react";
|
|
4
|
+
import { jsx } from "react/jsx-runtime";
|
|
5
|
+
import { PreviewCard as PreviewCard$1 } from "@base-ui/react/preview-card";
|
|
6
|
+
//#region src/preview-card.tsx
|
|
5
7
|
function PreviewCard({ ...props }) {
|
|
6
|
-
|
|
8
|
+
return /* @__PURE__ */ jsx(PreviewCard$1.Root, {
|
|
9
|
+
"data-slot": "preview-card",
|
|
10
|
+
...props
|
|
11
|
+
});
|
|
7
12
|
}
|
|
8
13
|
function PreviewCardTrigger({ ...props }) {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
...props
|
|
14
|
-
}
|
|
15
|
-
);
|
|
14
|
+
return /* @__PURE__ */ jsx(PreviewCard$1.Trigger, {
|
|
15
|
+
"data-slot": "preview-card-trigger",
|
|
16
|
+
...props
|
|
17
|
+
});
|
|
16
18
|
}
|
|
17
19
|
function PreviewCardPortal({ ...props }) {
|
|
18
|
-
|
|
20
|
+
return /* @__PURE__ */ jsx(PreviewCard$1.Portal, {
|
|
21
|
+
"data-slot": "preview-card-portal",
|
|
22
|
+
...props
|
|
23
|
+
});
|
|
19
24
|
}
|
|
20
|
-
function PreviewCardPositioner({
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
{
|
|
27
|
-
"data-slot": "preview-card-positioner",
|
|
28
|
-
className,
|
|
29
|
-
...props
|
|
30
|
-
}
|
|
31
|
-
);
|
|
25
|
+
function PreviewCardPositioner({ className, ...props }) {
|
|
26
|
+
return /* @__PURE__ */ jsx(PreviewCard$1.Positioner, {
|
|
27
|
+
"data-slot": "preview-card-positioner",
|
|
28
|
+
className,
|
|
29
|
+
...props
|
|
30
|
+
});
|
|
32
31
|
}
|
|
33
|
-
function PreviewCardContent({
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
alignOffset,
|
|
48
|
-
side,
|
|
49
|
-
sideOffset,
|
|
50
|
-
className: "isolate z-50",
|
|
51
|
-
children: /* @__PURE__ */ jsx(
|
|
52
|
-
PreviewCard$1.Popup,
|
|
53
|
-
{
|
|
54
|
-
"data-slot": "preview-card-content",
|
|
55
|
-
className: cn(
|
|
56
|
-
"bg-popover text-popover-foreground ring-foreground/10 z-50 w-64 origin-(--transform-origin) rounded-lg p-2.5 text-sm shadow-md ring-1 outline-hidden duration-100",
|
|
57
|
-
"data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
|
|
58
|
-
"data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2",
|
|
59
|
-
className
|
|
60
|
-
),
|
|
61
|
-
...props
|
|
62
|
-
}
|
|
63
|
-
)
|
|
64
|
-
}
|
|
65
|
-
) });
|
|
32
|
+
function PreviewCardContent({ className, side = "bottom", sideOffset = 4, align = "center", alignOffset = 0, anchor, ...props }) {
|
|
33
|
+
return /* @__PURE__ */ jsx(PreviewCardPortal, { children: /* @__PURE__ */ jsx(PreviewCardPositioner, {
|
|
34
|
+
anchor,
|
|
35
|
+
align,
|
|
36
|
+
alignOffset,
|
|
37
|
+
side,
|
|
38
|
+
sideOffset,
|
|
39
|
+
className: "isolate z-50",
|
|
40
|
+
children: /* @__PURE__ */ jsx(PreviewCard$1.Popup, {
|
|
41
|
+
"data-slot": "preview-card-content",
|
|
42
|
+
className: cn("bg-popover text-popover-foreground ring-foreground/10 z-50 w-64 origin-(--transform-origin) rounded-lg p-2.5 text-sm shadow-md ring-1 outline-hidden duration-100", "data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", "data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2", className),
|
|
43
|
+
...props
|
|
44
|
+
})
|
|
45
|
+
}) });
|
|
66
46
|
}
|
|
67
|
-
|
|
47
|
+
//#endregion
|
|
68
48
|
export { PreviewCard, PreviewCardContent, PreviewCardPortal, PreviewCardPositioner, PreviewCardTrigger };
|
|
69
|
-
|
|
49
|
+
|
|
70
50
|
//# sourceMappingURL=preview-card.js.map
|
package/dist/preview-card.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"preview-card.js","names":["PreviewCardPrimitive"],"sources":["../src/preview-card.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { PreviewCard as PreviewCardPrimitive } from \"@base-ui/react/preview-card\"\n\nimport { cn } from \"./lib/utils\"\n\ntype PreviewCardProps = React.ComponentProps<typeof PreviewCardPrimitive.Root>\ntype PreviewCardTriggerProps = React.ComponentProps<typeof PreviewCardPrimitive.Trigger>\ntype PreviewCardPortalProps = React.ComponentProps<typeof PreviewCardPrimitive.Portal>\ntype PreviewCardPositionerProps = React.ComponentProps<typeof PreviewCardPrimitive.Positioner>\ntype PreviewCardPopupProps = React.ComponentProps<typeof PreviewCardPrimitive.Popup>\n\ntype PreviewCardContentProps = PreviewCardPopupProps &\n Pick<\n PreviewCardPositionerProps,\n \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\" | \"anchor\"\n >\n\nfunction PreviewCard({ ...props }: PreviewCardProps) {\n return <PreviewCardPrimitive.Root data-slot=\"preview-card\" {...props} />\n}\n\nfunction PreviewCardTrigger({ ...props }: PreviewCardTriggerProps) {\n return (\n <PreviewCardPrimitive.Trigger\n data-slot=\"preview-card-trigger\"\n {...props}\n />\n )\n}\n\nfunction PreviewCardPortal({ ...props }: PreviewCardPortalProps) {\n return <PreviewCardPrimitive.Portal data-slot=\"preview-card-portal\" {...props} />\n}\n\nfunction PreviewCardPositioner({\n className,\n ...props\n}: PreviewCardPositionerProps) {\n return (\n <PreviewCardPrimitive.Positioner\n data-slot=\"preview-card-positioner\"\n className={className}\n {...props}\n />\n )\n}\n\nfunction PreviewCardContent({\n className,\n side = \"bottom\",\n sideOffset = 4,\n align = \"center\",\n alignOffset = 0,\n anchor,\n ...props\n}: PreviewCardContentProps) {\n return (\n <PreviewCardPortal>\n <PreviewCardPositioner\n anchor={anchor}\n align={align}\n alignOffset={alignOffset}\n side={side}\n sideOffset={sideOffset}\n className=\"isolate z-50\"\n >\n <PreviewCardPrimitive.Popup\n data-slot=\"preview-card-content\"\n className={cn(\n \"bg-popover text-popover-foreground ring-foreground/10 z-50 w-64 origin-(--transform-origin) rounded-lg p-2.5 text-sm shadow-md ring-1 outline-hidden duration-100\",\n \"data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\",\n \"data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2\",\n className,\n )}\n {...props}\n />\n </PreviewCardPositioner>\n </PreviewCardPortal>\n )\n}\n\nexport {\n PreviewCard,\n PreviewCardTrigger,\n PreviewCardContent,\n PreviewCardPortal,\n PreviewCardPositioner,\n}\n"],"mappings":";;;;;;AAmBA,SAAS,YAAY,EAAE,GAAG,SAA2B;AACnD,QAAO,oBAACA,cAAqB,MAAtB;EAA2B,aAAU;EAAe,GAAI;EAAS,CAAA;;AAG1E,SAAS,mBAAmB,EAAE,GAAG,SAAkC;AACjE,QACE,oBAACA,cAAqB,SAAtB;EACE,aAAU;EACV,GAAI;EACJ,CAAA;;AAIN,SAAS,kBAAkB,EAAE,GAAG,SAAiC;AAC/D,QAAO,oBAACA,cAAqB,QAAtB;EAA6B,aAAU;EAAsB,GAAI;EAAS,CAAA;;AAGnF,SAAS,sBAAsB,EAC7B,WACA,GAAG,SAC0B;AAC7B,QACE,oBAACA,cAAqB,YAAtB;EACE,aAAU;EACC;EACX,GAAI;EACJ,CAAA;;AAIN,SAAS,mBAAmB,EAC1B,WACA,OAAO,UACP,aAAa,GACb,QAAQ,UACR,cAAc,GACd,QACA,GAAG,SACuB;AAC1B,QACE,oBAAC,mBAAD,EAAA,UACE,oBAAC,uBAAD;EACU;EACD;EACM;EACP;EACM;EACZ,WAAU;YAEV,oBAACA,cAAqB,OAAtB;GACE,aAAU;GACV,WAAW,GACT,qKACA,wIACA,0PACA,UACD;GACD,GAAI;GACJ,CAAA;EACoB,CAAA,EACN,CAAA"}
|
package/dist/progress.d.ts
CHANGED
|
@@ -1,16 +1,35 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
3
|
-
import { Progress as Progress$1 } from
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
|
+
import { Progress as Progress$1 } from "@base-ui/react/progress";
|
|
4
4
|
|
|
5
|
+
//#region src/progress.d.ts
|
|
5
6
|
type ProgressProps = React.ComponentProps<typeof Progress$1.Root>;
|
|
6
7
|
type ProgressTrackProps = React.ComponentProps<typeof Progress$1.Track>;
|
|
7
8
|
type ProgressIndicatorProps = React.ComponentProps<typeof Progress$1.Indicator>;
|
|
8
9
|
type ProgressLabelProps = React.ComponentProps<typeof Progress$1.Label>;
|
|
9
10
|
type ProgressValueProps = React.ComponentProps<typeof Progress$1.Value>;
|
|
10
|
-
declare function Progress({
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
11
|
+
declare function Progress({
|
|
12
|
+
className,
|
|
13
|
+
children,
|
|
14
|
+
value,
|
|
15
|
+
...props
|
|
16
|
+
}: ProgressProps): _$react_jsx_runtime0.JSX.Element;
|
|
17
|
+
declare function ProgressTrack({
|
|
18
|
+
className,
|
|
19
|
+
...props
|
|
20
|
+
}: ProgressTrackProps): _$react_jsx_runtime0.JSX.Element;
|
|
21
|
+
declare function ProgressIndicator({
|
|
22
|
+
className,
|
|
23
|
+
...props
|
|
24
|
+
}: ProgressIndicatorProps): _$react_jsx_runtime0.JSX.Element;
|
|
25
|
+
declare function ProgressLabel({
|
|
26
|
+
className,
|
|
27
|
+
...props
|
|
28
|
+
}: ProgressLabelProps): _$react_jsx_runtime0.JSX.Element;
|
|
29
|
+
declare function ProgressValue({
|
|
30
|
+
className,
|
|
31
|
+
...props
|
|
32
|
+
}: ProgressValueProps): _$react_jsx_runtime0.JSX.Element;
|
|
33
|
+
//#endregion
|
|
16
34
|
export { Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue };
|
|
35
|
+
//# sourceMappingURL=progress.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"progress.d.ts","names":[],"sources":["../src/progress.tsx"],"mappings":";;;;;KAOK,aAAA,GAAgB,KAAA,CAAM,cAAA,QAAsB,UAAA,CAAkB,IAAA;AAAA,KAC9D,kBAAA,GAAqB,KAAA,CAAM,cAAA,QAAsB,UAAA,CAAkB,KAAA;AAAA,KACnE,sBAAA,GAAyB,KAAA,CAAM,cAAA,QAAsB,UAAA,CAAkB,SAAA;AAAA,KACvE,kBAAA,GAAqB,KAAA,CAAM,cAAA,QAAsB,UAAA,CAAkB,KAAA;AAAA,KACnE,kBAAA,GAAqB,KAAA,CAAM,cAAA,QAAsB,UAAA,CAAkB,KAAA;AAAA,iBAE/D,QAAA,CAAA;EAAW,SAAA;EAAW,QAAA;EAAU,KAAA;EAAA,GAAU;AAAA,GAAS,aAAA,GAAa,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAgBhE,aAAA,CAAA;EAAgB,SAAA;EAAA,GAAc;AAAA,GAAS,kBAAA,GAAkB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAazD,iBAAA,CAAA;EAAoB,SAAA;EAAA,GAAc;AAAA,GAAS,sBAAA,GAAsB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAajE,aAAA,CAAA;EAAgB,SAAA;EAAA,GAAc;AAAA,GAAS,kBAAA,GAAkB,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAUzD,aAAA,CAAA;EAAgB,SAAA;EAAA,GAAc;AAAA,GAAS,kBAAA,GAAkB,oBAAA,CAAA,GAAA,CAAA,OAAA"}
|
package/dist/progress.js
CHANGED
|
@@ -1,72 +1,47 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
|
|
1
|
+
"use client";
|
|
2
|
+
import { cn } from "./lib/utils.js";
|
|
3
|
+
import "react";
|
|
4
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
|
+
import { Progress as Progress$1 } from "@base-ui/react/progress";
|
|
6
|
+
//#region src/progress.tsx
|
|
5
7
|
function Progress({ className, children, value, ...props }) {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
children: [
|
|
14
|
-
children,
|
|
15
|
-
/* @__PURE__ */ jsx(ProgressTrack, { children: /* @__PURE__ */ jsx(ProgressIndicator, {}) })
|
|
16
|
-
]
|
|
17
|
-
}
|
|
18
|
-
);
|
|
8
|
+
return /* @__PURE__ */ jsxs(Progress$1.Root, {
|
|
9
|
+
value,
|
|
10
|
+
"data-slot": "progress",
|
|
11
|
+
className: cn("flex flex-wrap gap-3", className),
|
|
12
|
+
...props,
|
|
13
|
+
children: [children, /* @__PURE__ */ jsx(ProgressTrack, { children: /* @__PURE__ */ jsx(ProgressIndicator, {}) })]
|
|
14
|
+
});
|
|
19
15
|
}
|
|
20
16
|
function ProgressTrack({ className, ...props }) {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
className
|
|
27
|
-
),
|
|
28
|
-
"data-slot": "progress-track",
|
|
29
|
-
...props
|
|
30
|
-
}
|
|
31
|
-
);
|
|
17
|
+
return /* @__PURE__ */ jsx(Progress$1.Track, {
|
|
18
|
+
className: cn("bg-muted relative flex h-1 w-full items-center overflow-x-hidden rounded-full", className),
|
|
19
|
+
"data-slot": "progress-track",
|
|
20
|
+
...props
|
|
21
|
+
});
|
|
32
22
|
}
|
|
33
23
|
function ProgressIndicator({ className, ...props }) {
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
"bg-primary h-full transition-all",
|
|
40
|
-
className
|
|
41
|
-
),
|
|
42
|
-
...props
|
|
43
|
-
}
|
|
44
|
-
);
|
|
24
|
+
return /* @__PURE__ */ jsx(Progress$1.Indicator, {
|
|
25
|
+
"data-slot": "progress-indicator",
|
|
26
|
+
className: cn("bg-primary h-full transition-all", className),
|
|
27
|
+
...props
|
|
28
|
+
});
|
|
45
29
|
}
|
|
46
30
|
function ProgressLabel({ className, ...props }) {
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
...props
|
|
53
|
-
}
|
|
54
|
-
);
|
|
31
|
+
return /* @__PURE__ */ jsx(Progress$1.Label, {
|
|
32
|
+
className: cn("text-sm font-medium", className),
|
|
33
|
+
"data-slot": "progress-label",
|
|
34
|
+
...props
|
|
35
|
+
});
|
|
55
36
|
}
|
|
56
37
|
function ProgressValue({ className, ...props }) {
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
className
|
|
63
|
-
),
|
|
64
|
-
"data-slot": "progress-value",
|
|
65
|
-
...props
|
|
66
|
-
}
|
|
67
|
-
);
|
|
38
|
+
return /* @__PURE__ */ jsx(Progress$1.Value, {
|
|
39
|
+
className: cn("text-muted-foreground ml-auto text-sm tabular-nums", className),
|
|
40
|
+
"data-slot": "progress-value",
|
|
41
|
+
...props
|
|
42
|
+
});
|
|
68
43
|
}
|
|
69
|
-
|
|
44
|
+
//#endregion
|
|
70
45
|
export { Progress, ProgressIndicator, ProgressLabel, ProgressTrack, ProgressValue };
|
|
71
|
-
|
|
46
|
+
|
|
72
47
|
//# sourceMappingURL=progress.js.map
|
package/dist/progress.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"progress.js","names":["ProgressPrimitive"],"sources":["../src/progress.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Progress as ProgressPrimitive } from \"@base-ui/react/progress\"\n\nimport { cn } from \"./lib/utils\"\n\ntype ProgressProps = React.ComponentProps<typeof ProgressPrimitive.Root>\ntype ProgressTrackProps = React.ComponentProps<typeof ProgressPrimitive.Track>\ntype ProgressIndicatorProps = React.ComponentProps<typeof ProgressPrimitive.Indicator>\ntype ProgressLabelProps = React.ComponentProps<typeof ProgressPrimitive.Label>\ntype ProgressValueProps = React.ComponentProps<typeof ProgressPrimitive.Value>\n\nfunction Progress({ className, children, value, ...props }: ProgressProps) {\n return (\n <ProgressPrimitive.Root\n value={value}\n data-slot=\"progress\"\n className={cn(\"flex flex-wrap gap-3\", className)}\n {...props}\n >\n {children}\n <ProgressTrack>\n <ProgressIndicator />\n </ProgressTrack>\n </ProgressPrimitive.Root>\n )\n}\n\nfunction ProgressTrack({ className, ...props }: ProgressTrackProps) {\n return (\n <ProgressPrimitive.Track\n className={cn(\n \"bg-muted relative flex h-1 w-full items-center overflow-x-hidden rounded-full\",\n className\n )}\n data-slot=\"progress-track\"\n {...props}\n />\n )\n}\n\nfunction ProgressIndicator({ className, ...props }: ProgressIndicatorProps) {\n return (\n <ProgressPrimitive.Indicator\n data-slot=\"progress-indicator\"\n className={cn(\n \"bg-primary h-full transition-all\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction ProgressLabel({ className, ...props }: ProgressLabelProps) {\n return (\n <ProgressPrimitive.Label\n className={cn(\"text-sm font-medium\", className)}\n data-slot=\"progress-label\"\n {...props}\n />\n )\n}\n\nfunction ProgressValue({ className, ...props }: ProgressValueProps) {\n return (\n <ProgressPrimitive.Value\n className={cn(\n \"text-muted-foreground ml-auto text-sm tabular-nums\",\n className\n )}\n data-slot=\"progress-value\"\n {...props}\n />\n )\n}\n\nexport {\n Progress,\n ProgressTrack,\n ProgressIndicator,\n ProgressLabel,\n ProgressValue,\n}\n"],"mappings":";;;;;;AAaA,SAAS,SAAS,EAAE,WAAW,UAAU,OAAO,GAAG,SAAwB;AACzE,QACE,qBAACA,WAAkB,MAAnB;EACS;EACP,aAAU;EACV,WAAW,GAAG,wBAAwB,UAAU;EAChD,GAAI;YAJN,CAMG,UACD,oBAAC,eAAD,EAAA,UACE,oBAAC,mBAAD,EAAqB,CAAA,EACP,CAAA,CACO;;;AAI7B,SAAS,cAAc,EAAE,WAAW,GAAG,SAA6B;AAClE,QACE,oBAACA,WAAkB,OAAnB;EACE,WAAW,GACT,iFACA,UACD;EACD,aAAU;EACV,GAAI;EACJ,CAAA;;AAIN,SAAS,kBAAkB,EAAE,WAAW,GAAG,SAAiC;AAC1E,QACE,oBAACA,WAAkB,WAAnB;EACE,aAAU;EACV,WAAW,GACT,oCACA,UACD;EACD,GAAI;EACJ,CAAA;;AAIN,SAAS,cAAc,EAAE,WAAW,GAAG,SAA6B;AAClE,QACE,oBAACA,WAAkB,OAAnB;EACE,WAAW,GAAG,uBAAuB,UAAU;EAC/C,aAAU;EACV,GAAI;EACJ,CAAA;;AAIN,SAAS,cAAc,EAAE,WAAW,GAAG,SAA6B;AAClE,QACE,oBAACA,WAAkB,OAAnB;EACE,WAAW,GACT,sDACA,UACD;EACD,aAAU;EACV,GAAI;EACJ,CAAA"}
|
package/dist/radio-group.d.ts
CHANGED
|
@@ -1,12 +1,18 @@
|
|
|
1
|
-
import
|
|
2
|
-
import * as React from
|
|
3
|
-
import
|
|
4
|
-
import {
|
|
5
|
-
import '@base-ui/react/radio';
|
|
1
|
+
import { Radio } from "./radio.js";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
4
|
+
import { RadioGroup as RadioGroup$1 } from "@base-ui/react/radio-group";
|
|
6
5
|
|
|
6
|
+
//#region src/radio-group.d.ts
|
|
7
7
|
type RadioGroupProps = React.ComponentProps<typeof RadioGroup$1>;
|
|
8
8
|
type RadioGroupItemProps = React.ComponentProps<typeof Radio>;
|
|
9
|
-
declare function RadioGroup({
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
declare function RadioGroup({
|
|
10
|
+
className,
|
|
11
|
+
...props
|
|
12
|
+
}: RadioGroupProps): _$react_jsx_runtime0.JSX.Element;
|
|
13
|
+
declare function RadioGroupItem({
|
|
14
|
+
...props
|
|
15
|
+
}: RadioGroupItemProps): _$react_jsx_runtime0.JSX.Element;
|
|
16
|
+
//#endregion
|
|
12
17
|
export { RadioGroup, RadioGroupItem };
|
|
18
|
+
//# sourceMappingURL=radio-group.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio-group.d.ts","names":[],"sources":["../src/radio-group.tsx"],"mappings":";;;;;;KASK,eAAA,GAAkB,KAAA,CAAM,cAAA,QAAsB,YAAA;AAAA,KAC9C,mBAAA,GAAsB,KAAA,CAAM,cAAA,QAAsB,KAAA;AAAA,iBAE9C,UAAA,CAAA;EAAa,SAAA;EAAA,GAAc;AAAA,GAAS,eAAA,GAAe,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAUnD,cAAA,CAAA;EAAA,GAAoB;AAAA,GAAS,mBAAA,GAAmB,oBAAA,CAAA,GAAA,CAAA,OAAA"}
|
package/dist/radio-group.js
CHANGED
|
@@ -1,28 +1,24 @@
|
|
|
1
|
-
|
|
2
|
-
import { cn } from
|
|
3
|
-
import {
|
|
4
|
-
import
|
|
5
|
-
|
|
1
|
+
"use client";
|
|
2
|
+
import { cn } from "./lib/utils.js";
|
|
3
|
+
import { Radio } from "./radio.js";
|
|
4
|
+
import "react";
|
|
5
|
+
import { jsx } from "react/jsx-runtime";
|
|
6
|
+
import { RadioGroup as RadioGroup$1 } from "@base-ui/react/radio-group";
|
|
7
|
+
//#region src/radio-group.tsx
|
|
6
8
|
function RadioGroup({ className, ...props }) {
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
...props
|
|
13
|
-
}
|
|
14
|
-
);
|
|
9
|
+
return /* @__PURE__ */ jsx(RadioGroup$1, {
|
|
10
|
+
"data-slot": "radio-group",
|
|
11
|
+
className: cn("grid w-full gap-2", className),
|
|
12
|
+
...props
|
|
13
|
+
});
|
|
15
14
|
}
|
|
16
15
|
function RadioGroupItem({ ...props }) {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
...props
|
|
22
|
-
}
|
|
23
|
-
);
|
|
16
|
+
return /* @__PURE__ */ jsx(Radio, {
|
|
17
|
+
"data-slot": "radio-group-item",
|
|
18
|
+
...props
|
|
19
|
+
});
|
|
24
20
|
}
|
|
25
|
-
|
|
21
|
+
//#endregion
|
|
26
22
|
export { RadioGroup, RadioGroupItem };
|
|
27
|
-
|
|
23
|
+
|
|
28
24
|
//# sourceMappingURL=radio-group.js.map
|
package/dist/radio-group.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"radio-group.js","names":["RadioGroupPrimitive"],"sources":["../src/radio-group.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport { RadioGroup as RadioGroupPrimitive } from \"@base-ui/react/radio-group\"\n\nimport { Radio } from \"./radio\"\nimport { cn } from \"./lib/utils\"\n\ntype RadioGroupProps = React.ComponentProps<typeof RadioGroupPrimitive>\ntype RadioGroupItemProps = React.ComponentProps<typeof Radio>\n\nfunction RadioGroup({ className, ...props }: RadioGroupProps) {\n return (\n <RadioGroupPrimitive\n data-slot=\"radio-group\"\n className={cn(\"grid w-full gap-2\", className)}\n {...props}\n />\n )\n}\n\nfunction RadioGroupItem({ ...props }: RadioGroupItemProps) {\n return (\n <Radio\n data-slot=\"radio-group-item\"\n {...props}\n />\n )\n}\n\nexport { RadioGroup, RadioGroupItem }\n"],"mappings":";;;;;;;AAYA,SAAS,WAAW,EAAE,WAAW,GAAG,SAA0B;AAC5D,QACE,oBAACA,cAAD;EACE,aAAU;EACV,WAAW,GAAG,qBAAqB,UAAU;EAC7C,GAAI;EACJ,CAAA;;AAIN,SAAS,eAAe,EAAE,GAAG,SAA8B;AACzD,QACE,oBAAC,OAAD;EACE,aAAU;EACV,GAAI;EACJ,CAAA"}
|
package/dist/radio.d.ts
CHANGED
|
@@ -1,10 +1,18 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
3
|
-
import { Radio as Radio$1 } from
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
|
+
import { Radio as Radio$1 } from "@base-ui/react/radio";
|
|
4
4
|
|
|
5
|
+
//#region src/radio.d.ts
|
|
5
6
|
type RadioProps = React.ComponentProps<typeof Radio$1.Root>;
|
|
6
7
|
type RadioIndicatorProps = React.ComponentProps<typeof Radio$1.Indicator>;
|
|
7
|
-
declare function Radio({
|
|
8
|
-
|
|
9
|
-
|
|
8
|
+
declare function Radio({
|
|
9
|
+
className,
|
|
10
|
+
...props
|
|
11
|
+
}: RadioProps): _$react_jsx_runtime0.JSX.Element;
|
|
12
|
+
declare function RadioIndicator({
|
|
13
|
+
className,
|
|
14
|
+
...props
|
|
15
|
+
}: RadioIndicatorProps): _$react_jsx_runtime0.JSX.Element;
|
|
16
|
+
//#endregion
|
|
10
17
|
export { Radio, RadioIndicator };
|
|
18
|
+
//# sourceMappingURL=radio.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"radio.d.ts","names":[],"sources":["../src/radio.tsx"],"mappings":";;;;;KAQK,UAAA,GAAa,KAAA,CAAM,cAAA,QAAsB,OAAA,CAAe,IAAA;AAAA,KACxD,mBAAA,GAAsB,KAAA,CAAM,cAAA,QAAsB,OAAA,CAAe,SAAA;AAAA,iBAE7D,KAAA,CAAA;EAAQ,SAAA;EAAA,GAAc;AAAA,GAAS,UAAA,GAAU,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAezC,cAAA,CAAA;EAAiB,SAAA;EAAA,GAAc;AAAA,GAAS,mBAAA,GAAmB,oBAAA,CAAA,GAAA,CAAA,OAAA"}
|
package/dist/radio.js
CHANGED
|
@@ -1,4 +1,25 @@
|
|
|
1
|
-
|
|
2
|
-
import
|
|
3
|
-
|
|
1
|
+
"use client";
|
|
2
|
+
import { cn } from "./lib/utils.js";
|
|
3
|
+
import "react";
|
|
4
|
+
import { jsx } from "react/jsx-runtime";
|
|
5
|
+
import { Radio as Radio$1 } from "@base-ui/react/radio";
|
|
6
|
+
//#region src/radio.tsx
|
|
7
|
+
function Radio({ className, ...props }) {
|
|
8
|
+
return /* @__PURE__ */ jsx(Radio$1.Root, {
|
|
9
|
+
"data-slot": "radio",
|
|
10
|
+
className: cn("border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary aria-invalid:aria-checked:border-primary aria-invalid:border-destructive focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 dark:aria-invalid:border-destructive/50 group/radio peer relative flex aspect-square size-4 shrink-0 rounded-full border outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:ring-3 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-3", className),
|
|
11
|
+
...props,
|
|
12
|
+
children: /* @__PURE__ */ jsx(RadioIndicator, {})
|
|
13
|
+
});
|
|
14
|
+
}
|
|
15
|
+
function RadioIndicator({ className, ...props }) {
|
|
16
|
+
return /* @__PURE__ */ jsx(Radio$1.Indicator, {
|
|
17
|
+
"data-slot": "radio-indicator",
|
|
18
|
+
className: cn("group-aria-invalid/radio:text-destructive text-primary-foreground absolute inset-0 flex items-center justify-center data-unchecked:opacity-0", "after:block after:size-2 after:rounded-full after:bg-current", className),
|
|
19
|
+
...props
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
//#endregion
|
|
23
|
+
export { Radio, RadioIndicator };
|
|
24
|
+
|
|
4
25
|
//# sourceMappingURL=radio.js.map
|
package/dist/radio.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"radio.js","names":["RadioPrimitive"],"sources":["../src/radio.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport { Radio as RadioPrimitive } from \"@base-ui/react/radio\"\n\nimport { cn } from \"./lib/utils\"\n\ntype RadioProps = React.ComponentProps<typeof RadioPrimitive.Root>\ntype RadioIndicatorProps = React.ComponentProps<typeof RadioPrimitive.Indicator>\n\nfunction Radio({ className, ...props }: RadioProps) {\n return (\n <RadioPrimitive.Root\n data-slot=\"radio\"\n className={cn(\n \"border-input dark:bg-input/30 data-checked:bg-primary data-checked:text-primary-foreground dark:data-checked:bg-primary data-checked:border-primary aria-invalid:aria-checked:border-primary aria-invalid:border-destructive focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 dark:aria-invalid:border-destructive/50 group/radio peer relative flex aspect-square size-4 shrink-0 rounded-full border outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:ring-3 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-3\",\n className,\n )}\n {...props}\n >\n <RadioIndicator />\n </RadioPrimitive.Root>\n )\n}\n\nfunction RadioIndicator({ className, ...props }: RadioIndicatorProps) {\n return (\n <RadioPrimitive.Indicator\n data-slot=\"radio-indicator\"\n className={cn(\n \"group-aria-invalid/radio:text-destructive text-primary-foreground absolute inset-0 flex items-center justify-center data-unchecked:opacity-0\",\n \"after:block after:size-2 after:rounded-full after:bg-current\",\n className,\n )}\n {...props}\n />\n )\n}\n\nexport { Radio, RadioIndicator }\n"],"mappings":";;;;;;AAWA,SAAS,MAAM,EAAE,WAAW,GAAG,SAAqB;AAClD,QACE,oBAACA,QAAe,MAAhB;EACE,aAAU;EACV,WAAW,GACT,4mBACA,UACD;EACD,GAAI;YAEJ,oBAAC,gBAAD,EAAkB,CAAA;EACE,CAAA;;AAI1B,SAAS,eAAe,EAAE,WAAW,GAAG,SAA8B;AACpE,QACE,oBAACA,QAAe,WAAhB;EACE,aAAU;EACV,WAAW,GACT,gJACA,gEACA,UACD;EACD,GAAI;EACJ,CAAA"}
|
package/dist/scroll-area.d.ts
CHANGED
|
@@ -1,10 +1,20 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import * as
|
|
3
|
-
import { ScrollArea as ScrollArea$1 } from
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as _$react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
|
+
import { ScrollArea as ScrollArea$1 } from "@base-ui/react/scroll-area";
|
|
4
4
|
|
|
5
|
+
//#region src/scroll-area.d.ts
|
|
5
6
|
type ScrollAreaProps = React.ComponentProps<typeof ScrollArea$1.Root>;
|
|
6
|
-
declare function ScrollArea({
|
|
7
|
+
declare function ScrollArea({
|
|
8
|
+
className,
|
|
9
|
+
children,
|
|
10
|
+
...props
|
|
11
|
+
}: ScrollAreaProps): _$react_jsx_runtime0.JSX.Element;
|
|
7
12
|
type ScrollBarProps = React.ComponentProps<typeof ScrollArea$1.Scrollbar>;
|
|
8
|
-
declare function ScrollBar({
|
|
9
|
-
|
|
13
|
+
declare function ScrollBar({
|
|
14
|
+
className,
|
|
15
|
+
orientation,
|
|
16
|
+
...props
|
|
17
|
+
}: ScrollBarProps): _$react_jsx_runtime0.JSX.Element;
|
|
18
|
+
//#endregion
|
|
10
19
|
export { ScrollArea, ScrollBar };
|
|
20
|
+
//# sourceMappingURL=scroll-area.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scroll-area.d.ts","names":[],"sources":["../src/scroll-area.tsx"],"mappings":";;;;;KAOK,eAAA,GAAkB,KAAA,CAAM,cAAA,QAAsB,YAAA,CAAoB,IAAA;AAAA,iBAE9D,UAAA,CAAA;EACP,SAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,eAAA,GAAe,oBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,KAmBb,cAAA,GAAiB,KAAA,CAAM,cAAA,QAAsB,YAAA,CAAoB,SAAA;AAAA,iBAE7D,SAAA,CAAA;EACP,SAAA;EACA,WAAA;EAAA,GACG;AAAA,GACF,cAAA,GAAc,oBAAA,CAAA,GAAA,CAAA,OAAA"}
|
package/dist/scroll-area.js
CHANGED
|
@@ -1,59 +1,38 @@
|
|
|
1
|
-
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
children
|
|
23
|
-
}
|
|
24
|
-
),
|
|
25
|
-
/* @__PURE__ */ jsx(ScrollBar, {}),
|
|
26
|
-
/* @__PURE__ */ jsx(ScrollArea$1.Corner, { "data-slot": "scroll-area-corner" })
|
|
27
|
-
]
|
|
28
|
-
}
|
|
29
|
-
);
|
|
1
|
+
"use client";
|
|
2
|
+
import { cn } from "./lib/utils.js";
|
|
3
|
+
import "react";
|
|
4
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
|
+
import { ScrollArea as ScrollArea$1 } from "@base-ui/react/scroll-area";
|
|
6
|
+
//#region src/scroll-area.tsx
|
|
7
|
+
function ScrollArea({ className, children, ...props }) {
|
|
8
|
+
return /* @__PURE__ */ jsxs(ScrollArea$1.Root, {
|
|
9
|
+
"data-slot": "scroll-area",
|
|
10
|
+
className: cn("relative", className),
|
|
11
|
+
...props,
|
|
12
|
+
children: [
|
|
13
|
+
/* @__PURE__ */ jsx(ScrollArea$1.Viewport, {
|
|
14
|
+
"data-slot": "scroll-area-viewport",
|
|
15
|
+
className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-3 focus-visible:outline-1",
|
|
16
|
+
children
|
|
17
|
+
}),
|
|
18
|
+
/* @__PURE__ */ jsx(ScrollBar, {}),
|
|
19
|
+
/* @__PURE__ */ jsx(ScrollArea$1.Corner, { "data-slot": "scroll-area-corner" })
|
|
20
|
+
]
|
|
21
|
+
});
|
|
30
22
|
}
|
|
31
|
-
function ScrollBar({
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
"flex touch-none p-px transition-colors select-none data-[orientation=horizontal]:h-2.5 data-[orientation=horizontal]:flex-col data-[orientation=horizontal]:border-t data-[orientation=horizontal]:border-t-transparent data-[orientation=vertical]:h-full data-[orientation=vertical]:w-2.5 data-[orientation=vertical]:border-l data-[orientation=vertical]:border-l-transparent",
|
|
43
|
-
className
|
|
44
|
-
),
|
|
45
|
-
...props,
|
|
46
|
-
children: /* @__PURE__ */ jsx(
|
|
47
|
-
ScrollArea$1.Thumb,
|
|
48
|
-
{
|
|
49
|
-
"data-slot": "scroll-area-thumb",
|
|
50
|
-
className: "bg-border relative flex-1 rounded-full"
|
|
51
|
-
}
|
|
52
|
-
)
|
|
53
|
-
}
|
|
54
|
-
);
|
|
23
|
+
function ScrollBar({ className, orientation = "vertical", ...props }) {
|
|
24
|
+
return /* @__PURE__ */ jsx(ScrollArea$1.Scrollbar, {
|
|
25
|
+
"data-slot": "scroll-area-scrollbar",
|
|
26
|
+
orientation,
|
|
27
|
+
className: cn("flex touch-none p-px transition-colors select-none data-[orientation=horizontal]:h-2.5 data-[orientation=horizontal]:flex-col data-[orientation=horizontal]:border-t data-[orientation=horizontal]:border-t-transparent data-[orientation=vertical]:h-full data-[orientation=vertical]:w-2.5 data-[orientation=vertical]:border-l data-[orientation=vertical]:border-l-transparent", className),
|
|
28
|
+
...props,
|
|
29
|
+
children: /* @__PURE__ */ jsx(ScrollArea$1.Thumb, {
|
|
30
|
+
"data-slot": "scroll-area-thumb",
|
|
31
|
+
className: "bg-border relative flex-1 rounded-full"
|
|
32
|
+
})
|
|
33
|
+
});
|
|
55
34
|
}
|
|
56
|
-
|
|
35
|
+
//#endregion
|
|
57
36
|
export { ScrollArea, ScrollBar };
|
|
58
|
-
|
|
37
|
+
|
|
59
38
|
//# sourceMappingURL=scroll-area.js.map
|
package/dist/scroll-area.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"scroll-area.js","names":["ScrollAreaPrimitive"],"sources":["../src/scroll-area.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from \"react\";\nimport { ScrollArea as ScrollAreaPrimitive } from \"@base-ui/react/scroll-area\";\n\nimport { cn } from \"./lib/utils\";\n\ntype ScrollAreaProps = React.ComponentProps<typeof ScrollAreaPrimitive.Root>;\n\nfunction ScrollArea({\n className,\n children,\n ...props\n}: ScrollAreaProps) {\n return (\n <ScrollAreaPrimitive.Root\n data-slot=\"scroll-area\"\n className={cn(\"relative\", className)}\n {...props}\n >\n <ScrollAreaPrimitive.Viewport\n data-slot=\"scroll-area-viewport\"\n className=\"focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-3 focus-visible:outline-1\"\n >\n {children}\n </ScrollAreaPrimitive.Viewport>\n <ScrollBar />\n <ScrollAreaPrimitive.Corner data-slot=\"scroll-area-corner\" />\n </ScrollAreaPrimitive.Root>\n );\n}\n\ntype ScrollBarProps = React.ComponentProps<typeof ScrollAreaPrimitive.Scrollbar>;\n\nfunction ScrollBar({\n className,\n orientation = \"vertical\",\n ...props\n}: ScrollBarProps) {\n return (\n <ScrollAreaPrimitive.Scrollbar\n data-slot=\"scroll-area-scrollbar\"\n orientation={orientation}\n className={cn(\n \"flex touch-none p-px transition-colors select-none data-[orientation=horizontal]:h-2.5 data-[orientation=horizontal]:flex-col data-[orientation=horizontal]:border-t data-[orientation=horizontal]:border-t-transparent data-[orientation=vertical]:h-full data-[orientation=vertical]:w-2.5 data-[orientation=vertical]:border-l data-[orientation=vertical]:border-l-transparent\",\n className\n )}\n {...props}\n >\n <ScrollAreaPrimitive.Thumb\n data-slot=\"scroll-area-thumb\"\n className=\"bg-border relative flex-1 rounded-full\"\n />\n </ScrollAreaPrimitive.Scrollbar>\n );\n}\n\nexport { ScrollArea, ScrollBar };\n"],"mappings":";;;;;;AASA,SAAS,WAAW,EAClB,WACA,UACA,GAAG,SACe;AAClB,QACE,qBAACA,aAAoB,MAArB;EACE,aAAU;EACV,WAAW,GAAG,YAAY,UAAU;EACpC,GAAI;YAHN;GAKE,oBAACA,aAAoB,UAArB;IACE,aAAU;IACV,WAAU;IAET;IAC4B,CAAA;GAC/B,oBAAC,WAAD,EAAa,CAAA;GACb,oBAACA,aAAoB,QAArB,EAA4B,aAAU,sBAAuB,CAAA;GACpC;;;AAM/B,SAAS,UAAU,EACjB,WACA,cAAc,YACd,GAAG,SACc;AACjB,QACE,oBAACA,aAAoB,WAArB;EACE,aAAU;EACG;EACb,WAAW,GACT,sXACA,UACD;EACD,GAAI;YAEJ,oBAACA,aAAoB,OAArB;GACE,aAAU;GACV,WAAU;GACV,CAAA;EAC4B,CAAA"}
|