@waveso/ui 0.0.2 → 0.0.4

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 (171) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +72 -52
  3. package/dist/accordion.d.ts +14 -0
  4. package/dist/accordion.js +81 -0
  5. package/dist/accordion.js.map +1 -0
  6. package/dist/alert.d.ts +8 -4
  7. package/dist/alert.js.map +1 -1
  8. package/dist/aspect-ratio.d.ts +10 -0
  9. package/dist/aspect-ratio.js +18 -0
  10. package/dist/aspect-ratio.js.map +1 -0
  11. package/dist/autocomplete.d.ts +48 -0
  12. package/dist/autocomplete.js +222 -0
  13. package/dist/autocomplete.js.map +1 -0
  14. package/dist/avatar.d.ts +13 -7
  15. package/dist/avatar.js.map +1 -1
  16. package/dist/badge.d.ts +3 -2
  17. package/dist/badge.js +1 -1
  18. package/dist/badge.js.map +1 -1
  19. package/dist/breadcrumb.d.ts +20 -0
  20. package/dist/breadcrumb.js +123 -0
  21. package/dist/breadcrumb.js.map +1 -0
  22. package/dist/button-group.d.ts +19 -0
  23. package/dist/button-group.js +81 -0
  24. package/dist/button-group.js.map +1 -0
  25. package/dist/card.d.ts +15 -8
  26. package/dist/card.js.map +1 -1
  27. package/dist/checkbox.js +1 -1
  28. package/dist/chunk-45VQAWIM.js +228 -0
  29. package/dist/chunk-45VQAWIM.js.map +1 -0
  30. package/dist/chunk-6Y7LPQMO.js +11 -0
  31. package/dist/chunk-6Y7LPQMO.js.map +1 -0
  32. package/dist/chunk-7F4MPMLJ.js +17 -0
  33. package/dist/chunk-7F4MPMLJ.js.map +1 -0
  34. package/dist/chunk-7OIQ6YBK.js +66 -0
  35. package/dist/chunk-7OIQ6YBK.js.map +1 -0
  36. package/dist/chunk-D5XPEJ6T.js +36 -0
  37. package/dist/chunk-D5XPEJ6T.js.map +1 -0
  38. package/dist/chunk-DIGOLJIR.js +105 -0
  39. package/dist/chunk-DIGOLJIR.js.map +1 -0
  40. package/dist/chunk-IQ7YQ5XA.js +141 -0
  41. package/dist/chunk-IQ7YQ5XA.js.map +1 -0
  42. package/dist/chunk-NCHHHWTB.js +85 -0
  43. package/dist/chunk-NCHHHWTB.js.map +1 -0
  44. package/dist/chunk-PVX4VQFJ.js +143 -0
  45. package/dist/chunk-PVX4VQFJ.js.map +1 -0
  46. package/dist/chunk-QFSEK4M6.js +22 -0
  47. package/dist/chunk-QFSEK4M6.js.map +1 -0
  48. package/dist/chunk-QRW37LRP.js +25 -0
  49. package/dist/chunk-QRW37LRP.js.map +1 -0
  50. package/dist/chunk-RPQHL6C5.js +26 -0
  51. package/dist/chunk-RPQHL6C5.js.map +1 -0
  52. package/dist/chunk-YTSQQTSF.js +44 -0
  53. package/dist/chunk-YTSQQTSF.js.map +1 -0
  54. package/dist/chunk-ZZZH3JGW.js +23 -0
  55. package/dist/chunk-ZZZH3JGW.js.map +1 -0
  56. package/dist/collapsible.d.ts +12 -0
  57. package/dist/collapsible.js +16 -0
  58. package/dist/collapsible.js.map +1 -0
  59. package/dist/combobox.d.ts +48 -0
  60. package/dist/combobox.js +281 -0
  61. package/dist/combobox.js.map +1 -0
  62. package/dist/context-menu.d.ts +47 -0
  63. package/dist/context-menu.js +193 -0
  64. package/dist/context-menu.js.map +1 -0
  65. package/dist/dialog.js +1 -1
  66. package/dist/direction.d.ts +1 -0
  67. package/dist/direction.js +3 -0
  68. package/dist/direction.js.map +1 -0
  69. package/dist/drawer.d.ts +29 -0
  70. package/dist/drawer.js +6 -0
  71. package/dist/drawer.js.map +1 -0
  72. package/dist/encrypted-text.d.ts +16 -0
  73. package/dist/encrypted-text.js +141 -0
  74. package/dist/encrypted-text.js.map +1 -0
  75. package/dist/field.d.ts +22 -0
  76. package/dist/field.js +4 -0
  77. package/dist/field.js.map +1 -0
  78. package/dist/form.d.ts +80 -0
  79. package/dist/form.js +108 -0
  80. package/dist/form.js.map +1 -0
  81. package/dist/hooks/use-mobile.d.ts +6 -1
  82. package/dist/hooks/use-mobile.js +1 -18
  83. package/dist/hooks/use-mobile.js.map +1 -1
  84. package/dist/infinite-scroll.d.ts +19 -0
  85. package/dist/infinite-scroll.js +102 -0
  86. package/dist/infinite-scroll.js.map +1 -0
  87. package/dist/input-group.d.ts +29 -0
  88. package/dist/input-group.js +7 -0
  89. package/dist/input-group.js.map +1 -0
  90. package/dist/input-otp.d.ts +18 -0
  91. package/dist/input-otp.js +79 -0
  92. package/dist/input-otp.js.map +1 -0
  93. package/dist/input.d.ts +2 -1
  94. package/dist/input.js +2 -20
  95. package/dist/input.js.map +1 -1
  96. package/dist/item.d.ts +37 -0
  97. package/dist/item.js +181 -0
  98. package/dist/item.js.map +1 -0
  99. package/dist/kbd.d.ts +8 -0
  100. package/dist/kbd.js +30 -0
  101. package/dist/kbd.js.map +1 -0
  102. package/dist/label.d.ts +2 -1
  103. package/dist/label.js.map +1 -1
  104. package/dist/masonry.d.ts +17 -0
  105. package/dist/masonry.js +235 -0
  106. package/dist/masonry.js.map +1 -0
  107. package/dist/menu.d.ts +47 -0
  108. package/dist/menu.js +5 -0
  109. package/dist/menu.js.map +1 -0
  110. package/dist/menubar.d.ts +40 -0
  111. package/dist/menubar.js +84 -0
  112. package/dist/menubar.js.map +1 -0
  113. package/dist/pagination.d.ts +29 -0
  114. package/dist/pagination.js +120 -0
  115. package/dist/pagination.js.map +1 -0
  116. package/dist/popover.d.ts +24 -0
  117. package/dist/popover.js +105 -0
  118. package/dist/popover.js.map +1 -0
  119. package/dist/preview-card.d.ts +17 -0
  120. package/dist/preview-card.js +70 -0
  121. package/dist/preview-card.js.map +1 -0
  122. package/dist/radio-group.d.ts +12 -0
  123. package/dist/radio-group.js +28 -0
  124. package/dist/radio-group.js.map +1 -0
  125. package/dist/radio.d.ts +10 -0
  126. package/dist/radio.js +4 -0
  127. package/dist/radio.js.map +1 -0
  128. package/dist/scroll-area.d.ts +10 -0
  129. package/dist/scroll-area.js +59 -0
  130. package/dist/scroll-area.js.map +1 -0
  131. package/dist/select.d.ts +36 -0
  132. package/dist/select.js +208 -0
  133. package/dist/select.js.map +1 -0
  134. package/dist/separator.js +2 -24
  135. package/dist/separator.js.map +1 -1
  136. package/dist/sidebar.d.ts +112 -0
  137. package/dist/sidebar.js +619 -0
  138. package/dist/sidebar.js.map +1 -0
  139. package/dist/skeleton.d.ts +2 -1
  140. package/dist/skeleton.js +2 -15
  141. package/dist/skeleton.js.map +1 -1
  142. package/dist/slider.d.ts +10 -0
  143. package/dist/slider.js +70 -0
  144. package/dist/slider.js.map +1 -0
  145. package/dist/spinner.d.ts +2 -1
  146. package/dist/spinner.js +3 -9
  147. package/dist/spinner.js.map +1 -1
  148. package/dist/styles.css +196 -0
  149. package/dist/table.d.ts +21 -0
  150. package/dist/table.js +106 -0
  151. package/dist/table.js.map +1 -0
  152. package/dist/tabs.d.ts +20 -0
  153. package/dist/tabs.js +82 -0
  154. package/dist/tabs.js.map +1 -0
  155. package/dist/textarea.js +2 -23
  156. package/dist/textarea.js.map +1 -1
  157. package/dist/toast.d.ts +57 -0
  158. package/dist/toast.js +239 -0
  159. package/dist/toast.js.map +1 -0
  160. package/dist/toggle-group.d.ts +17 -0
  161. package/dist/toggle-group.js +78 -0
  162. package/dist/toggle-group.js.map +1 -0
  163. package/dist/toggle.d.ts +14 -0
  164. package/dist/toggle.js +4 -0
  165. package/dist/toggle.js.map +1 -0
  166. package/dist/tooltip.d.ts +21 -0
  167. package/dist/tooltip.js +4 -0
  168. package/dist/tooltip.js.map +1 -0
  169. package/package.json +10 -3
  170. package/dist/chunk-L3UIJEIQ.js +0 -41
  171. package/dist/chunk-L3UIJEIQ.js.map +0 -1
@@ -0,0 +1,24 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import * as React from 'react';
3
+ import { Popover as Popover$1 } from '@base-ui/react/popover';
4
+
5
+ type PopoverProps = React.ComponentProps<typeof Popover$1.Root>;
6
+ type PopoverTriggerProps = React.ComponentProps<typeof Popover$1.Trigger>;
7
+ type PopoverPortalProps = React.ComponentProps<typeof Popover$1.Portal>;
8
+ type PopoverPositionerProps = React.ComponentProps<typeof Popover$1.Positioner>;
9
+ type PopoverTitleProps = React.ComponentProps<typeof Popover$1.Title>;
10
+ type PopoverDescriptionProps = React.ComponentProps<typeof Popover$1.Description>;
11
+ type PopoverBackdropProps = React.ComponentProps<typeof Popover$1.Backdrop>;
12
+ type PopoverHeaderProps = React.ComponentProps<"div">;
13
+ type PopoverContentProps = React.ComponentProps<typeof Popover$1.Popup> & Pick<React.ComponentProps<typeof Popover$1.Positioner>, "align" | "alignOffset" | "side" | "sideOffset" | "anchor">;
14
+ declare function Popover({ ...props }: PopoverProps): react_jsx_runtime.JSX.Element;
15
+ declare function PopoverTrigger({ ...props }: PopoverTriggerProps): react_jsx_runtime.JSX.Element;
16
+ declare function PopoverPortal({ ...props }: PopoverPortalProps): react_jsx_runtime.JSX.Element;
17
+ declare function PopoverPositioner({ className, ...props }: PopoverPositionerProps): react_jsx_runtime.JSX.Element;
18
+ declare function PopoverBackdrop({ className, ...props }: PopoverBackdropProps): react_jsx_runtime.JSX.Element;
19
+ declare function PopoverContent({ className, align, alignOffset, side, sideOffset, anchor, ...props }: PopoverContentProps): react_jsx_runtime.JSX.Element;
20
+ declare function PopoverHeader({ className, ...props }: PopoverHeaderProps): react_jsx_runtime.JSX.Element;
21
+ declare function PopoverTitle({ className, ...props }: PopoverTitleProps): react_jsx_runtime.JSX.Element;
22
+ declare function PopoverDescription({ className, ...props }: PopoverDescriptionProps): react_jsx_runtime.JSX.Element;
23
+
24
+ export { Popover, PopoverBackdrop, PopoverContent, PopoverDescription, PopoverHeader, PopoverPortal, PopoverPositioner, PopoverTitle, PopoverTrigger };
@@ -0,0 +1,105 @@
1
+ import { cn } from './chunk-76UQO56T.js';
2
+ import { Popover as Popover$1 } from '@base-ui/react/popover';
3
+ import { jsx } from 'react/jsx-runtime';
4
+
5
+ function Popover({ ...props }) {
6
+ return /* @__PURE__ */ jsx(Popover$1.Root, { "data-slot": "popover", ...props });
7
+ }
8
+ function PopoverTrigger({ ...props }) {
9
+ return /* @__PURE__ */ jsx(Popover$1.Trigger, { "data-slot": "popover-trigger", ...props });
10
+ }
11
+ function PopoverPortal({ ...props }) {
12
+ return /* @__PURE__ */ jsx(Popover$1.Portal, { "data-slot": "popover-portal", ...props });
13
+ }
14
+ function PopoverPositioner({ className, ...props }) {
15
+ return /* @__PURE__ */ jsx(
16
+ Popover$1.Positioner,
17
+ {
18
+ "data-slot": "popover-positioner",
19
+ className,
20
+ ...props
21
+ }
22
+ );
23
+ }
24
+ function PopoverBackdrop({ className, ...props }) {
25
+ return /* @__PURE__ */ jsx(
26
+ Popover$1.Backdrop,
27
+ {
28
+ "data-slot": "popover-backdrop",
29
+ className: cn("fixed inset-0 z-40", className),
30
+ ...props
31
+ }
32
+ );
33
+ }
34
+ function PopoverContent({
35
+ className,
36
+ align = "center",
37
+ alignOffset = 0,
38
+ side = "bottom",
39
+ sideOffset = 4,
40
+ anchor,
41
+ ...props
42
+ }) {
43
+ return /* @__PURE__ */ jsx(PopoverPortal, { children: /* @__PURE__ */ jsx(
44
+ PopoverPositioner,
45
+ {
46
+ anchor,
47
+ align,
48
+ alignOffset,
49
+ side,
50
+ sideOffset,
51
+ className: "isolate z-50",
52
+ children: /* @__PURE__ */ jsx(
53
+ Popover$1.Popup,
54
+ {
55
+ "data-slot": "popover-content",
56
+ className: cn(
57
+ "bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 z-50 flex w-72 origin-(--transform-origin) flex-col gap-2.5 rounded-lg p-2.5 text-sm shadow-md ring-1 outline-hidden duration-100",
58
+ className
59
+ ),
60
+ ...props
61
+ }
62
+ )
63
+ }
64
+ ) });
65
+ }
66
+ function PopoverHeader({ className, ...props }) {
67
+ return /* @__PURE__ */ jsx(
68
+ "div",
69
+ {
70
+ "data-slot": "popover-header",
71
+ className: cn(
72
+ "flex flex-col gap-0.5 text-sm",
73
+ className
74
+ ),
75
+ ...props
76
+ }
77
+ );
78
+ }
79
+ function PopoverTitle({ className, ...props }) {
80
+ return /* @__PURE__ */ jsx(
81
+ Popover$1.Title,
82
+ {
83
+ "data-slot": "popover-title",
84
+ className: cn("font-medium", className),
85
+ ...props
86
+ }
87
+ );
88
+ }
89
+ function PopoverDescription({
90
+ className,
91
+ ...props
92
+ }) {
93
+ return /* @__PURE__ */ jsx(
94
+ Popover$1.Description,
95
+ {
96
+ "data-slot": "popover-description",
97
+ className: cn("text-muted-foreground", className),
98
+ ...props
99
+ }
100
+ );
101
+ }
102
+
103
+ export { Popover, PopoverBackdrop, PopoverContent, PopoverDescription, PopoverHeader, PopoverPortal, PopoverPositioner, PopoverTitle, PopoverTrigger };
104
+ //# sourceMappingURL=popover.js.map
105
+ //# sourceMappingURL=popover.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/popover.tsx"],"names":["PopoverPrimitive"],"mappings":"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","file":"popover.js","sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { Popover as PopoverPrimitive } from \"@base-ui/react/popover\"\n\nimport { cn } from \"./lib/utils\"\n\ntype PopoverProps = React.ComponentProps<typeof PopoverPrimitive.Root>\ntype PopoverTriggerProps = React.ComponentProps<typeof PopoverPrimitive.Trigger>\ntype PopoverPortalProps = React.ComponentProps<typeof PopoverPrimitive.Portal>\ntype PopoverPositionerProps = React.ComponentProps<typeof PopoverPrimitive.Positioner>\ntype PopoverTitleProps = React.ComponentProps<typeof PopoverPrimitive.Title>\ntype PopoverDescriptionProps = React.ComponentProps<typeof PopoverPrimitive.Description>\n\ntype PopoverBackdropProps = React.ComponentProps<typeof PopoverPrimitive.Backdrop>\n\ntype PopoverHeaderProps = React.ComponentProps<\"div\">\n\ntype PopoverContentProps = React.ComponentProps<typeof PopoverPrimitive.Popup> &\n Pick<\n React.ComponentProps<typeof PopoverPrimitive.Positioner>,\n \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\" | \"anchor\"\n >\n\nfunction Popover({ ...props }: PopoverProps) {\n return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />\n}\n\nfunction PopoverTrigger({ ...props }: PopoverTriggerProps) {\n return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />\n}\n\nfunction PopoverPortal({ ...props }: PopoverPortalProps) {\n return <PopoverPrimitive.Portal data-slot=\"popover-portal\" {...props} />\n}\n\nfunction PopoverPositioner({ className, ...props }: PopoverPositionerProps) {\n return (\n <PopoverPrimitive.Positioner\n data-slot=\"popover-positioner\"\n className={className}\n {...props}\n />\n )\n}\n\nfunction PopoverBackdrop({ className, ...props }: PopoverBackdropProps) {\n return (\n <PopoverPrimitive.Backdrop\n data-slot=\"popover-backdrop\"\n className={cn(\"fixed inset-0 z-40\", className)}\n {...props}\n />\n )\n}\n\nfunction PopoverContent({\n className,\n align = \"center\",\n alignOffset = 0,\n side = \"bottom\",\n sideOffset = 4,\n anchor,\n ...props\n}: PopoverContentProps) {\n return (\n <PopoverPortal>\n <PopoverPositioner\n anchor={anchor}\n align={align}\n alignOffset={alignOffset}\n side={side}\n sideOffset={sideOffset}\n className=\"isolate z-50\"\n >\n <PopoverPrimitive.Popup\n data-slot=\"popover-content\"\n className={cn(\n \"bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 z-50 flex w-72 origin-(--transform-origin) flex-col gap-2.5 rounded-lg p-2.5 text-sm shadow-md ring-1 outline-hidden duration-100\",\n className\n )}\n {...props}\n />\n </PopoverPositioner>\n </PopoverPortal>\n )\n}\n\nfunction PopoverHeader({ className, ...props }: PopoverHeaderProps) {\n return (\n <div\n data-slot=\"popover-header\"\n className={cn(\n \"flex flex-col gap-0.5 text-sm\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction PopoverTitle({ className, ...props }: PopoverTitleProps) {\n return (\n <PopoverPrimitive.Title\n data-slot=\"popover-title\"\n className={cn(\"font-medium\", className)}\n {...props}\n />\n )\n}\n\nfunction PopoverDescription({\n className,\n ...props\n}: PopoverDescriptionProps) {\n return (\n <PopoverPrimitive.Description\n data-slot=\"popover-description\"\n className={cn(\"text-muted-foreground\", className)}\n {...props}\n />\n )\n}\n\nexport {\n Popover,\n PopoverBackdrop,\n PopoverContent,\n PopoverDescription,\n PopoverHeader,\n PopoverTitle,\n PopoverTrigger,\n PopoverPortal,\n PopoverPositioner,\n}\n"]}
@@ -0,0 +1,17 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import * as React from 'react';
3
+ import { PreviewCard as PreviewCard$1 } from '@base-ui/react/preview-card';
4
+
5
+ type PreviewCardProps = React.ComponentProps<typeof PreviewCard$1.Root>;
6
+ type PreviewCardTriggerProps = React.ComponentProps<typeof PreviewCard$1.Trigger>;
7
+ type PreviewCardPortalProps = React.ComponentProps<typeof PreviewCard$1.Portal>;
8
+ type PreviewCardPositionerProps = React.ComponentProps<typeof PreviewCard$1.Positioner>;
9
+ type PreviewCardPopupProps = React.ComponentProps<typeof PreviewCard$1.Popup>;
10
+ type PreviewCardContentProps = PreviewCardPopupProps & Pick<PreviewCardPositionerProps, "align" | "alignOffset" | "side" | "sideOffset" | "anchor">;
11
+ declare function PreviewCard({ ...props }: PreviewCardProps): react_jsx_runtime.JSX.Element;
12
+ declare function PreviewCardTrigger({ ...props }: PreviewCardTriggerProps): react_jsx_runtime.JSX.Element;
13
+ declare function PreviewCardPortal({ ...props }: PreviewCardPortalProps): react_jsx_runtime.JSX.Element;
14
+ declare function PreviewCardPositioner({ className, ...props }: PreviewCardPositionerProps): react_jsx_runtime.JSX.Element;
15
+ declare function PreviewCardContent({ className, side, sideOffset, align, alignOffset, anchor, ...props }: PreviewCardContentProps): react_jsx_runtime.JSX.Element;
16
+
17
+ export { PreviewCard, PreviewCardContent, PreviewCardPortal, PreviewCardPositioner, PreviewCardTrigger };
@@ -0,0 +1,70 @@
1
+ import { cn } from './chunk-76UQO56T.js';
2
+ import { PreviewCard as PreviewCard$1 } from '@base-ui/react/preview-card';
3
+ import { jsx } from 'react/jsx-runtime';
4
+
5
+ function PreviewCard({ ...props }) {
6
+ return /* @__PURE__ */ jsx(PreviewCard$1.Root, { "data-slot": "preview-card", ...props });
7
+ }
8
+ function PreviewCardTrigger({ ...props }) {
9
+ return /* @__PURE__ */ jsx(
10
+ PreviewCard$1.Trigger,
11
+ {
12
+ "data-slot": "preview-card-trigger",
13
+ ...props
14
+ }
15
+ );
16
+ }
17
+ function PreviewCardPortal({ ...props }) {
18
+ return /* @__PURE__ */ jsx(PreviewCard$1.Portal, { "data-slot": "preview-card-portal", ...props });
19
+ }
20
+ function PreviewCardPositioner({
21
+ className,
22
+ ...props
23
+ }) {
24
+ return /* @__PURE__ */ jsx(
25
+ PreviewCard$1.Positioner,
26
+ {
27
+ "data-slot": "preview-card-positioner",
28
+ className,
29
+ ...props
30
+ }
31
+ );
32
+ }
33
+ function PreviewCardContent({
34
+ className,
35
+ side = "bottom",
36
+ sideOffset = 4,
37
+ align = "center",
38
+ alignOffset = 0,
39
+ anchor,
40
+ ...props
41
+ }) {
42
+ return /* @__PURE__ */ jsx(PreviewCardPortal, { children: /* @__PURE__ */ jsx(
43
+ PreviewCardPositioner,
44
+ {
45
+ anchor,
46
+ align,
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
+ ) });
66
+ }
67
+
68
+ export { PreviewCard, PreviewCardContent, PreviewCardPortal, PreviewCardPositioner, PreviewCardTrigger };
69
+ //# sourceMappingURL=preview-card.js.map
70
+ //# sourceMappingURL=preview-card.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/preview-card.tsx"],"names":["PreviewCardPrimitive"],"mappings":";;;;AAmBA,SAAS,WAAA,CAAY,EAAE,GAAG,KAAA,EAAM,EAAqB;AACnD,EAAA,2BAAQA,aAAA,CAAqB,IAAA,EAArB,EAA0B,WAAA,EAAU,cAAA,EAAgB,GAAG,KAAA,EAAO,CAAA;AACxE;AAEA,SAAS,kBAAA,CAAmB,EAAE,GAAG,KAAA,EAAM,EAA4B;AACjE,EAAA,uBACE,GAAA;AAAA,IAACA,aAAA,CAAqB,OAAA;AAAA,IAArB;AAAA,MACC,WAAA,EAAU,sBAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,iBAAA,CAAkB,EAAE,GAAG,KAAA,EAAM,EAA2B;AAC/D,EAAA,2BAAQA,aAAA,CAAqB,MAAA,EAArB,EAA4B,WAAA,EAAU,qBAAA,EAAuB,GAAG,KAAA,EAAO,CAAA;AACjF;AAEA,SAAS,qBAAA,CAAsB;AAAA,EAC7B,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA+B;AAC7B,EAAA,uBACE,GAAA;AAAA,IAACA,aAAA,CAAqB,UAAA;AAAA,IAArB;AAAA,MACC,WAAA,EAAU,yBAAA;AAAA,MACV,SAAA;AAAA,MACC,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,kBAAA,CAAmB;AAAA,EAC1B,SAAA;AAAA,EACA,IAAA,GAAO,QAAA;AAAA,EACP,UAAA,GAAa,CAAA;AAAA,EACb,KAAA,GAAQ,QAAA;AAAA,EACR,WAAA,GAAc,CAAA;AAAA,EACd,MAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA4B;AAC1B,EAAA,2BACG,iBAAA,EAAA,EACC,QAAA,kBAAA,GAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,MAAA;AAAA,MACA,KAAA;AAAA,MACA,WAAA;AAAA,MACA,IAAA;AAAA,MACA,UAAA;AAAA,MACA,SAAA,EAAU,cAAA;AAAA,MAEV,QAAA,kBAAA,GAAA;AAAA,QAACA,aAAA,CAAqB,KAAA;AAAA,QAArB;AAAA,UACC,WAAA,EAAU,sBAAA;AAAA,UACV,SAAA,EAAW,EAAA;AAAA,YACT,mKAAA;AAAA,YACA,sIAAA;AAAA,YACA,wPAAA;AAAA,YACA;AAAA,WACF;AAAA,UACC,GAAG;AAAA;AAAA;AACN;AAAA,GACF,EACF,CAAA;AAEJ","file":"preview-card.js","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"]}
@@ -0,0 +1,12 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import * as React from 'react';
3
+ import { RadioGroup as RadioGroup$1 } from '@base-ui/react/radio-group';
4
+ import { Radio } from './radio.js';
5
+ import '@base-ui/react/radio';
6
+
7
+ type RadioGroupProps = React.ComponentProps<typeof RadioGroup$1>;
8
+ type RadioGroupItemProps = React.ComponentProps<typeof Radio>;
9
+ declare function RadioGroup({ className, ...props }: RadioGroupProps): react_jsx_runtime.JSX.Element;
10
+ declare function RadioGroupItem({ ...props }: RadioGroupItemProps): react_jsx_runtime.JSX.Element;
11
+
12
+ export { RadioGroup, RadioGroupItem };
@@ -0,0 +1,28 @@
1
+ import { Radio } from './chunk-D5XPEJ6T.js';
2
+ import { cn } from './chunk-76UQO56T.js';
3
+ import { RadioGroup as RadioGroup$1 } from '@base-ui/react/radio-group';
4
+ import { jsx } from 'react/jsx-runtime';
5
+
6
+ function RadioGroup({ className, ...props }) {
7
+ return /* @__PURE__ */ jsx(
8
+ RadioGroup$1,
9
+ {
10
+ "data-slot": "radio-group",
11
+ className: cn("grid w-full gap-2", className),
12
+ ...props
13
+ }
14
+ );
15
+ }
16
+ function RadioGroupItem({ ...props }) {
17
+ return /* @__PURE__ */ jsx(
18
+ Radio,
19
+ {
20
+ "data-slot": "radio-group-item",
21
+ ...props
22
+ }
23
+ );
24
+ }
25
+
26
+ export { RadioGroup, RadioGroupItem };
27
+ //# sourceMappingURL=radio-group.js.map
28
+ //# sourceMappingURL=radio-group.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/radio-group.tsx"],"names":["RadioGroupPrimitive"],"mappings":";;;;;AAYA,SAAS,UAAA,CAAW,EAAE,SAAA,EAAW,GAAG,OAAM,EAAoB;AAC5D,EAAA,uBACE,GAAA;AAAA,IAACA,YAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,aAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,mBAAA,EAAqB,SAAS,CAAA;AAAA,MAC3C,GAAG;AAAA;AAAA,GACN;AAEJ;AAEA,SAAS,cAAA,CAAe,EAAE,GAAG,KAAA,EAAM,EAAwB;AACzD,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,WAAA,EAAU,kBAAA;AAAA,MACT,GAAG;AAAA;AAAA,GACN;AAEJ","file":"radio-group.js","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"]}
@@ -0,0 +1,10 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import * as React from 'react';
3
+ import { Radio as Radio$1 } from '@base-ui/react/radio';
4
+
5
+ type RadioProps = React.ComponentProps<typeof Radio$1.Root>;
6
+ type RadioIndicatorProps = React.ComponentProps<typeof Radio$1.Indicator>;
7
+ declare function Radio({ className, ...props }: RadioProps): react_jsx_runtime.JSX.Element;
8
+ declare function RadioIndicator({ className, ...props }: RadioIndicatorProps): react_jsx_runtime.JSX.Element;
9
+
10
+ export { Radio, RadioIndicator };
package/dist/radio.js ADDED
@@ -0,0 +1,4 @@
1
+ export { Radio, RadioIndicator } from './chunk-D5XPEJ6T.js';
2
+ import './chunk-76UQO56T.js';
3
+ //# sourceMappingURL=radio.js.map
4
+ //# sourceMappingURL=radio.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":[],"names":[],"mappings":"","file":"radio.js"}
@@ -0,0 +1,10 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import * as React from 'react';
3
+ import { ScrollArea as ScrollArea$1 } from '@base-ui/react/scroll-area';
4
+
5
+ type ScrollAreaProps = React.ComponentProps<typeof ScrollArea$1.Root>;
6
+ declare function ScrollArea({ className, children, ...props }: ScrollAreaProps): react_jsx_runtime.JSX.Element;
7
+ type ScrollBarProps = React.ComponentProps<typeof ScrollArea$1.Scrollbar>;
8
+ declare function ScrollBar({ className, orientation, ...props }: ScrollBarProps): react_jsx_runtime.JSX.Element;
9
+
10
+ export { ScrollArea, ScrollBar };
@@ -0,0 +1,59 @@
1
+ import { cn } from './chunk-76UQO56T.js';
2
+ import { ScrollArea as ScrollArea$1 } from '@base-ui/react/scroll-area';
3
+ import { jsxs, jsx } from 'react/jsx-runtime';
4
+
5
+ function ScrollArea({
6
+ className,
7
+ children,
8
+ ...props
9
+ }) {
10
+ return /* @__PURE__ */ jsxs(
11
+ ScrollArea$1.Root,
12
+ {
13
+ "data-slot": "scroll-area",
14
+ className: cn("relative", className),
15
+ ...props,
16
+ children: [
17
+ /* @__PURE__ */ jsx(
18
+ ScrollArea$1.Viewport,
19
+ {
20
+ "data-slot": "scroll-area-viewport",
21
+ className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-3 focus-visible:outline-1",
22
+ children
23
+ }
24
+ ),
25
+ /* @__PURE__ */ jsx(ScrollBar, {}),
26
+ /* @__PURE__ */ jsx(ScrollArea$1.Corner, { "data-slot": "scroll-area-corner" })
27
+ ]
28
+ }
29
+ );
30
+ }
31
+ function ScrollBar({
32
+ className,
33
+ orientation = "vertical",
34
+ ...props
35
+ }) {
36
+ return /* @__PURE__ */ jsx(
37
+ ScrollArea$1.Scrollbar,
38
+ {
39
+ "data-slot": "scroll-area-scrollbar",
40
+ orientation,
41
+ className: cn(
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
+ );
55
+ }
56
+
57
+ export { ScrollArea, ScrollBar };
58
+ //# sourceMappingURL=scroll-area.js.map
59
+ //# sourceMappingURL=scroll-area.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/scroll-area.tsx"],"names":["ScrollAreaPrimitive"],"mappings":";;;;AASA,SAAS,UAAA,CAAW;AAAA,EAClB,SAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAoB;AAClB,EAAA,uBACE,IAAA;AAAA,IAACA,YAAA,CAAoB,IAAA;AAAA,IAApB;AAAA,MACC,WAAA,EAAU,aAAA;AAAA,MACV,SAAA,EAAW,EAAA,CAAG,UAAA,EAAY,SAAS,CAAA;AAAA,MAClC,GAAG,KAAA;AAAA,MAEJ,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAACA,YAAA,CAAoB,QAAA;AAAA,UAApB;AAAA,YACC,WAAA,EAAU,sBAAA;AAAA,YACV,SAAA,EAAU,gJAAA;AAAA,YAET;AAAA;AAAA,SACH;AAAA,4BACC,SAAA,EAAA,EAAU,CAAA;AAAA,wBACX,GAAA,CAACA,YAAA,CAAoB,MAAA,EAApB,EAA2B,aAAU,oBAAA,EAAqB;AAAA;AAAA;AAAA,GAC7D;AAEJ;AAIA,SAAS,SAAA,CAAU;AAAA,EACjB,SAAA;AAAA,EACA,WAAA,GAAc,UAAA;AAAA,EACd,GAAG;AACL,CAAA,EAAmB;AACjB,EAAA,uBACE,GAAA;AAAA,IAACA,YAAA,CAAoB,SAAA;AAAA,IAApB;AAAA,MACC,WAAA,EAAU,uBAAA;AAAA,MACV,WAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACT,oXAAA;AAAA,QACA;AAAA,OACF;AAAA,MACC,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA;AAAA,QAACA,YAAA,CAAoB,KAAA;AAAA,QAApB;AAAA,UACC,WAAA,EAAU,mBAAA;AAAA,UACV,SAAA,EAAU;AAAA;AAAA;AACZ;AAAA,GACF;AAEJ","file":"scroll-area.js","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"]}
@@ -0,0 +1,36 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import * as React from 'react';
3
+ import { Select as Select$1 } from '@base-ui/react/select';
4
+
5
+ type SelectProps<Value, Multiple extends boolean | undefined = false> = Select$1.Root.Props<Value, Multiple>;
6
+ type SelectGroupProps = React.ComponentProps<typeof Select$1.Group>;
7
+ type SelectValueProps = React.ComponentProps<typeof Select$1.Value>;
8
+ type SelectTriggerBaseProps = React.ComponentProps<typeof Select$1.Trigger>;
9
+ type SelectPortalProps = React.ComponentProps<typeof Select$1.Portal>;
10
+ type SelectPositionerProps = React.ComponentProps<typeof Select$1.Positioner>;
11
+ type SelectPopupProps = React.ComponentProps<typeof Select$1.Popup>;
12
+ type SelectListProps = React.ComponentProps<typeof Select$1.List>;
13
+ type SelectLabelProps = React.ComponentProps<typeof Select$1.GroupLabel>;
14
+ type SelectItemProps = React.ComponentProps<typeof Select$1.Item>;
15
+ type SelectSeparatorProps = React.ComponentProps<typeof Select$1.Separator>;
16
+ type SelectScrollUpButtonProps = React.ComponentProps<typeof Select$1.ScrollUpArrow>;
17
+ type SelectScrollDownButtonProps = React.ComponentProps<typeof Select$1.ScrollDownArrow>;
18
+ type SelectTriggerProps = SelectTriggerBaseProps & {
19
+ size?: "sm" | "default";
20
+ };
21
+ type SelectContentProps = SelectPopupProps & Pick<SelectPositionerProps, "align" | "alignOffset" | "side" | "sideOffset" | "alignItemWithTrigger">;
22
+ declare function Select<Value, Multiple extends boolean | undefined = false>({ ...props }: SelectProps<Value, Multiple>): react_jsx_runtime.JSX.Element;
23
+ declare function SelectPortal({ ...props }: SelectPortalProps): react_jsx_runtime.JSX.Element;
24
+ declare function SelectPositioner({ className, ...props }: SelectPositionerProps): react_jsx_runtime.JSX.Element;
25
+ declare function SelectList({ className, ...props }: SelectListProps): react_jsx_runtime.JSX.Element;
26
+ declare function SelectGroup({ className, ...props }: SelectGroupProps): react_jsx_runtime.JSX.Element;
27
+ declare function SelectValue({ className, ...props }: SelectValueProps): react_jsx_runtime.JSX.Element;
28
+ declare function SelectTrigger({ className, size, children, ...props }: SelectTriggerProps): react_jsx_runtime.JSX.Element;
29
+ declare function SelectContent({ className, children, side, sideOffset, align, alignOffset, alignItemWithTrigger, ...props }: SelectContentProps): react_jsx_runtime.JSX.Element;
30
+ declare function SelectLabel({ className, ...props }: SelectLabelProps): react_jsx_runtime.JSX.Element;
31
+ declare function SelectItem({ className, children, ...props }: SelectItemProps): react_jsx_runtime.JSX.Element;
32
+ declare function SelectSeparator({ className, ...props }: SelectSeparatorProps): react_jsx_runtime.JSX.Element;
33
+ declare function SelectScrollUpButton({ className, ...props }: SelectScrollUpButtonProps): react_jsx_runtime.JSX.Element;
34
+ declare function SelectScrollDownButton({ className, ...props }: SelectScrollDownButtonProps): react_jsx_runtime.JSX.Element;
35
+
36
+ export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectList, SelectPortal, SelectPositioner, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };
package/dist/select.js ADDED
@@ -0,0 +1,208 @@
1
+ import { ChevronsUpDownIcon, CheckIcon, ChevronUpIcon, ChevronDownIcon } from './chunk-DIGOLJIR.js';
2
+ import { cn } from './chunk-76UQO56T.js';
3
+ import { Select as Select$1 } from '@base-ui/react/select';
4
+ import { jsx, jsxs } from 'react/jsx-runtime';
5
+
6
+ function Select({
7
+ ...props
8
+ }) {
9
+ return /* @__PURE__ */ jsx(Select$1.Root, { "data-slot": "select", ...props });
10
+ }
11
+ function SelectPortal({ ...props }) {
12
+ return /* @__PURE__ */ jsx(Select$1.Portal, { "data-slot": "select-portal", ...props });
13
+ }
14
+ function SelectPositioner({ className, ...props }) {
15
+ return /* @__PURE__ */ jsx(
16
+ Select$1.Positioner,
17
+ {
18
+ "data-slot": "select-positioner",
19
+ className,
20
+ ...props
21
+ }
22
+ );
23
+ }
24
+ function SelectList({ className, ...props }) {
25
+ return /* @__PURE__ */ jsx(
26
+ Select$1.List,
27
+ {
28
+ "data-slot": "select-list",
29
+ className,
30
+ ...props
31
+ }
32
+ );
33
+ }
34
+ function SelectGroup({ className, ...props }) {
35
+ return /* @__PURE__ */ jsx(
36
+ Select$1.Group,
37
+ {
38
+ "data-slot": "select-group",
39
+ className: cn("scroll-my-1 p-1", className),
40
+ ...props
41
+ }
42
+ );
43
+ }
44
+ function SelectValue({ className, ...props }) {
45
+ return /* @__PURE__ */ jsx(
46
+ Select$1.Value,
47
+ {
48
+ "data-slot": "select-value",
49
+ className: cn("flex flex-1 text-left", className),
50
+ ...props
51
+ }
52
+ );
53
+ }
54
+ function SelectTrigger({
55
+ className,
56
+ size = "default",
57
+ children,
58
+ ...props
59
+ }) {
60
+ return /* @__PURE__ */ jsxs(
61
+ Select$1.Trigger,
62
+ {
63
+ "data-slot": "select-trigger",
64
+ "data-size": size,
65
+ className: cn(
66
+ "border-input data-placeholder:text-muted-foreground dark:bg-input/30 dark:hover:bg-input/50 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 flex w-fit items-center justify-between gap-1.5 rounded-lg border bg-transparent py-2 pr-2 pl-2.5 text-sm whitespace-nowrap transition-colors outline-none select-none focus-visible:ring-3 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-3 data-[size=default]:h-8 data-[size=sm]:h-7 data-[size=sm]:rounded-[min(var(--radius-md),10px)] *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
67
+ className
68
+ ),
69
+ ...props,
70
+ children: [
71
+ children,
72
+ /* @__PURE__ */ jsx(
73
+ Select$1.Icon,
74
+ {
75
+ "data-slot": "select-icon",
76
+ render: /* @__PURE__ */ jsx(ChevronsUpDownIcon, { className: "text-muted-foreground pointer-events-none size-4" })
77
+ }
78
+ )
79
+ ]
80
+ }
81
+ );
82
+ }
83
+ function SelectContent({
84
+ className,
85
+ children,
86
+ side = "bottom",
87
+ sideOffset = 4,
88
+ align = "center",
89
+ alignOffset = 0,
90
+ alignItemWithTrigger = true,
91
+ ...props
92
+ }) {
93
+ return /* @__PURE__ */ jsx(SelectPortal, { children: /* @__PURE__ */ jsx(
94
+ SelectPositioner,
95
+ {
96
+ side,
97
+ sideOffset,
98
+ align,
99
+ alignOffset,
100
+ alignItemWithTrigger,
101
+ className: "isolate z-50",
102
+ children: /* @__PURE__ */ jsxs(
103
+ Select$1.Popup,
104
+ {
105
+ "data-slot": "select-content",
106
+ "data-align-trigger": alignItemWithTrigger,
107
+ className: cn(
108
+ "bg-popover text-popover-foreground data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-open:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 ring-foreground/10 data-[side=inline-start]:slide-in-from-right-2 data-[side=inline-end]:slide-in-from-left-2 relative isolate z-50 max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg shadow-md ring-1 duration-100 data-[align-trigger=true]:animate-none",
109
+ className
110
+ ),
111
+ ...props,
112
+ children: [
113
+ /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
114
+ /* @__PURE__ */ jsx(SelectList, { children }),
115
+ /* @__PURE__ */ jsx(SelectScrollDownButton, {})
116
+ ]
117
+ }
118
+ )
119
+ }
120
+ ) });
121
+ }
122
+ function SelectLabel({ className, ...props }) {
123
+ return /* @__PURE__ */ jsx(
124
+ Select$1.GroupLabel,
125
+ {
126
+ "data-slot": "select-label",
127
+ className: cn(
128
+ "text-muted-foreground px-1.5 py-1 text-xs",
129
+ className
130
+ ),
131
+ ...props
132
+ }
133
+ );
134
+ }
135
+ function SelectItem({ className, children, ...props }) {
136
+ return /* @__PURE__ */ jsxs(
137
+ Select$1.Item,
138
+ {
139
+ "data-slot": "select-item",
140
+ className: cn(
141
+ "focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground relative flex w-full cursor-default items-center gap-1.5 rounded-md py-1 pr-8 pl-1.5 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
142
+ className
143
+ ),
144
+ ...props,
145
+ children: [
146
+ /* @__PURE__ */ jsx(Select$1.ItemText, { className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap", children }),
147
+ /* @__PURE__ */ jsx(
148
+ Select$1.ItemIndicator,
149
+ {
150
+ render: /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute right-2 flex size-4 items-center justify-center" }),
151
+ children: /* @__PURE__ */ jsx(CheckIcon, { className: "pointer-events-none" })
152
+ }
153
+ )
154
+ ]
155
+ }
156
+ );
157
+ }
158
+ function SelectSeparator({ className, ...props }) {
159
+ return /* @__PURE__ */ jsx(
160
+ Select$1.Separator,
161
+ {
162
+ "data-slot": "select-separator",
163
+ className: cn(
164
+ "bg-border pointer-events-none -mx-1 my-1 h-px",
165
+ className
166
+ ),
167
+ ...props
168
+ }
169
+ );
170
+ }
171
+ function SelectScrollUpButton({
172
+ className,
173
+ ...props
174
+ }) {
175
+ return /* @__PURE__ */ jsx(
176
+ Select$1.ScrollUpArrow,
177
+ {
178
+ "data-slot": "select-scroll-up-button",
179
+ className: cn(
180
+ "bg-popover top-0 z-10 flex w-full cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4",
181
+ className
182
+ ),
183
+ ...props,
184
+ children: /* @__PURE__ */ jsx(ChevronUpIcon, {})
185
+ }
186
+ );
187
+ }
188
+ function SelectScrollDownButton({
189
+ className,
190
+ ...props
191
+ }) {
192
+ return /* @__PURE__ */ jsx(
193
+ Select$1.ScrollDownArrow,
194
+ {
195
+ "data-slot": "select-scroll-down-button",
196
+ className: cn(
197
+ "bg-popover bottom-0 z-10 flex w-full cursor-default items-center justify-center py-1 [&_svg:not([class*='size-'])]:size-4",
198
+ className
199
+ ),
200
+ ...props,
201
+ children: /* @__PURE__ */ jsx(ChevronDownIcon, {})
202
+ }
203
+ );
204
+ }
205
+
206
+ export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectList, SelectPortal, SelectPositioner, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };
207
+ //# sourceMappingURL=select.js.map
208
+ //# sourceMappingURL=select.js.map