@lglab/compose-ui 0.28.0 → 0.30.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/accordion.d.ts +49 -40
- package/dist/accordion.d.ts.map +1 -0
- package/dist/accordion.js +47 -45
- package/dist/accordion.js.map +1 -0
- package/dist/alert-dialog.d.ts +93 -87
- package/dist/alert-dialog.d.ts.map +1 -0
- package/dist/alert-dialog.js +94 -111
- package/dist/alert-dialog.js.map +1 -0
- package/dist/autocomplete.d.ts +99 -96
- package/dist/autocomplete.d.ts.map +1 -0
- package/dist/autocomplete.js +92 -116
- package/dist/autocomplete.js.map +1 -0
- package/dist/avatar.d.ts +56 -47
- package/dist/avatar.d.ts.map +1 -0
- package/dist/avatar.js +66 -79
- package/dist/avatar.js.map +1 -0
- package/dist/badge.d.ts +48 -42
- package/dist/badge.d.ts.map +1 -0
- package/dist/badge.js +195 -202
- package/dist/badge.js.map +1 -0
- package/dist/button.d.ts +26 -21
- package/dist/button.d.ts.map +1 -0
- package/dist/button.js +24 -24
- package/dist/button.js.map +1 -0
- package/dist/card.d.ts +105 -99
- package/dist/card.d.ts.map +1 -0
- package/dist/card.js +105 -66
- package/dist/card.js.map +1 -0
- package/dist/checkbox-group.d.ts +16 -12
- package/dist/checkbox-group.d.ts.map +1 -0
- package/dist/checkbox-group.js +18 -14
- package/dist/checkbox-group.js.map +1 -0
- package/dist/checkbox.d.ts +25 -19
- package/dist/checkbox.d.ts.map +1 -0
- package/dist/checkbox.js +26 -32
- package/dist/checkbox.js.map +1 -0
- package/dist/collapsible.d.ts +32 -26
- package/dist/collapsible.d.ts.map +1 -0
- package/dist/collapsible.js +32 -32
- package/dist/collapsible.js.map +1 -0
- package/dist/combobox.d.ts +191 -182
- package/dist/combobox.d.ts.map +1 -0
- package/dist/combobox.js +176 -250
- package/dist/combobox.js.map +1 -0
- package/dist/components/table/filters.d.ts +29 -0
- package/dist/components/table/filters.d.ts.map +1 -0
- package/dist/components/table/filters.js +47 -0
- package/dist/components/table/filters.js.map +1 -0
- package/dist/components/table/primitives.d.ts +93 -0
- package/dist/components/table/primitives.d.ts.map +1 -0
- package/dist/components/table/primitives.js +129 -0
- package/dist/components/table/primitives.js.map +1 -0
- package/dist/components/table/sort.js +17 -0
- package/dist/components/table/sort.js.map +1 -0
- package/dist/components/table/types.d.ts +101 -0
- package/dist/components/table/types.d.ts.map +1 -0
- package/dist/context-menu.d.ts +151 -138
- package/dist/context-menu.d.ts.map +1 -0
- package/dist/context-menu.js +151 -173
- package/dist/context-menu.js.map +1 -0
- package/dist/dialog.d.ts +101 -92
- package/dist/dialog.d.ts.map +1 -0
- package/dist/dialog.js +101 -105
- package/dist/dialog.js.map +1 -0
- package/dist/drawer.d.ts +109 -99
- package/dist/drawer.d.ts.map +1 -0
- package/dist/drawer.js +120 -111
- package/dist/drawer.js.map +1 -0
- package/dist/field.d.ts +61 -54
- package/dist/field.d.ts.map +1 -0
- package/dist/field.js +58 -27
- package/dist/field.js.map +1 -0
- package/dist/fieldset.d.ts +24 -19
- package/dist/fieldset.d.ts.map +1 -0
- package/dist/fieldset.js +26 -18
- package/dist/fieldset.js.map +1 -0
- package/dist/form.d.ts +16 -12
- package/dist/form.d.ts.map +1 -0
- package/dist/form.js +18 -8
- package/dist/form.js.map +1 -0
- package/dist/index.d.ts +48 -2115
- package/dist/index.js +47 -318
- package/dist/input.d.ts +16 -12
- package/dist/input.d.ts.map +1 -0
- package/dist/input.js +19 -9
- package/dist/input.js.map +1 -0
- package/dist/lib/arrow-svg.js +28 -0
- package/dist/lib/arrow-svg.js.map +1 -0
- package/dist/lib/button-variants.d.ts +6 -0
- package/dist/lib/button-variants.d.ts.map +1 -0
- package/dist/lib/button-variants.js +31 -0
- package/dist/lib/button-variants.js.map +1 -0
- package/dist/lib/control-variants.d.ts +6 -0
- package/dist/lib/control-variants.d.ts.map +1 -0
- package/dist/lib/control-variants.js +38 -0
- package/dist/lib/control-variants.js.map +1 -0
- package/dist/lib/form-variants.js +11 -0
- package/dist/lib/form-variants.js.map +1 -0
- package/dist/lib/tooltip-variants.d.ts +5 -0
- package/dist/lib/tooltip-variants.d.ts.map +1 -0
- package/dist/lib/tooltip-variants.js +36 -0
- package/dist/lib/tooltip-variants.js.map +1 -0
- package/dist/lib/utils.js +11 -0
- package/dist/lib/utils.js.map +1 -0
- package/dist/menu.d.ts +151 -138
- package/dist/menu.d.ts.map +1 -0
- package/dist/menu.js +151 -146
- package/dist/menu.js.map +1 -0
- package/dist/menubar.d.ts +168 -155
- package/dist/menubar.d.ts.map +1 -0
- package/dist/menubar.js +163 -169
- package/dist/menubar.js.map +1 -0
- package/dist/meter.d.ts +53 -43
- package/dist/meter.d.ts.map +1 -0
- package/dist/meter.js +59 -64
- package/dist/meter.js.map +1 -0
- package/dist/navigation-menu.d.ts +111 -96
- package/dist/navigation-menu.d.ts.map +1 -0
- package/dist/navigation-menu.js +117 -175
- package/dist/navigation-menu.js.map +1 -0
- package/dist/number-field.d.ts +64 -54
- package/dist/number-field.d.ts.map +1 -0
- package/dist/number-field.js +61 -69
- package/dist/number-field.js.map +1 -0
- package/dist/pagination.d.ts +184 -0
- package/dist/pagination.d.ts.map +1 -0
- package/dist/pagination.js +164 -0
- package/dist/pagination.js.map +1 -0
- package/dist/popover.d.ts +90 -82
- package/dist/popover.d.ts.map +1 -0
- package/dist/popover.js +85 -94
- package/dist/popover.js.map +1 -0
- package/dist/preview-card.d.ts +58 -54
- package/dist/preview-card.d.ts.map +1 -0
- package/dist/preview-card.js +57 -81
- package/dist/preview-card.js.map +1 -0
- package/dist/progress.d.ts +48 -40
- package/dist/progress.d.ts.map +1 -0
- package/dist/progress.js +46 -50
- package/dist/progress.js.map +1 -0
- package/dist/radio-group.d.ts +16 -12
- package/dist/radio-group.d.ts.map +1 -0
- package/dist/radio-group.js +18 -14
- package/dist/radio-group.js.map +1 -0
- package/dist/radio.d.ts +24 -19
- package/dist/radio.d.ts.map +1 -0
- package/dist/radio.js +25 -34
- package/dist/radio.js.map +1 -0
- package/dist/scroll-area.d.ts +57 -47
- package/dist/scroll-area.d.ts.map +1 -0
- package/dist/scroll-area.js +54 -56
- package/dist/scroll-area.js.map +1 -0
- package/dist/select.d.ts +146 -133
- package/dist/select.d.ts.map +1 -0
- package/dist/select.js +133 -167
- package/dist/select.js.map +1 -0
- package/dist/separator.d.ts +17 -12
- package/dist/separator.d.ts.map +1 -0
- package/dist/separator.js +19 -23
- package/dist/separator.js.map +1 -0
- package/dist/skeleton.d.ts +20 -0
- package/dist/skeleton.d.ts.map +1 -0
- package/dist/skeleton.js +27 -0
- package/dist/skeleton.js.map +1 -0
- package/dist/slider.d.ts +56 -47
- package/dist/slider.d.ts.map +1 -0
- package/dist/slider.js +53 -62
- package/dist/slider.js.map +1 -0
- package/dist/styles/default.css +15 -1
- package/dist/switch.d.ts +24 -19
- package/dist/switch.d.ts.map +1 -0
- package/dist/switch.js +23 -39
- package/dist/switch.js.map +1 -0
- package/dist/table/index.d.ts +5 -0
- package/dist/table/index.js +5 -0
- package/dist/table/use-table.d.ts +9 -0
- package/dist/table/use-table.d.ts.map +1 -0
- package/dist/table/use-table.js +256 -0
- package/dist/table/use-table.js.map +1 -0
- package/dist/tabs.d.ts +60 -49
- package/dist/tabs.d.ts.map +1 -0
- package/dist/tabs.js +76 -84
- package/dist/tabs.js.map +1 -0
- package/dist/textarea.d.ts +15 -11
- package/dist/textarea.d.ts.map +1 -0
- package/dist/textarea.js +18 -14
- package/dist/textarea.js.map +1 -0
- package/dist/toast.d.ts +87 -81
- package/dist/toast.d.ts.map +1 -0
- package/dist/toast.js +79 -150
- package/dist/toast.js.map +1 -0
- package/dist/toggle-group.d.ts +34 -29
- package/dist/toggle-group.d.ts.map +1 -0
- package/dist/toggle-group.js +31 -34
- package/dist/toggle-group.js.map +1 -0
- package/dist/toggle.d.ts +24 -21
- package/dist/toggle.d.ts.map +1 -0
- package/dist/toggle.js +22 -15
- package/dist/toggle.js.map +1 -0
- package/dist/toolbar.d.ts +64 -56
- package/dist/toolbar.d.ts.map +1 -0
- package/dist/toolbar.js +57 -68
- package/dist/toolbar.js.map +1 -0
- package/dist/tooltip.d.ts +67 -62
- package/dist/tooltip.d.ts.map +1 -0
- package/dist/tooltip.js +65 -90
- package/dist/tooltip.js.map +1 -0
- package/package.json +25 -13
- package/dist/arrow-svg-C6zQTvgS.js +0 -40
- package/dist/button-variants-CbFMPwc8.js +0 -33
- package/dist/control-variants-Bwep4n0y.js +0 -37
- package/dist/form-variants-LJ8gIbk0.js +0 -9
- package/dist/utils-B6yFEsav.js +0 -8
|
@@ -0,0 +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"}
|
package/dist/select.d.ts
CHANGED
|
@@ -1,133 +1,146 @@
|
|
|
1
|
-
import
|
|
2
|
-
import * as
|
|
3
|
-
import { Select } from
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
};
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
};
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import * as react_jsx_runtime98 from "react/jsx-runtime";
|
|
3
|
+
import { Select, SelectRootProps as SelectRootProps$1 } from "@base-ui/react/select";
|
|
4
|
+
|
|
5
|
+
//#region src/components/select.d.ts
|
|
6
|
+
declare function SelectRoot<Value, Multiple extends boolean | undefined = false>(props: SelectRootProps$1<Value, Multiple>): react_jsx_runtime98.JSX.Element;
|
|
7
|
+
declare namespace SelectRoot {
|
|
8
|
+
var displayName: string;
|
|
9
|
+
}
|
|
10
|
+
type SelectRootProps<Value, Multiple extends boolean | undefined = false> = SelectRootProps$1<Value, Multiple>;
|
|
11
|
+
type SelectTriggerProps = React.ComponentProps<typeof Select.Trigger>;
|
|
12
|
+
declare const SelectTrigger: {
|
|
13
|
+
({
|
|
14
|
+
className,
|
|
15
|
+
...props
|
|
16
|
+
}: SelectTriggerProps): react_jsx_runtime98.JSX.Element;
|
|
17
|
+
displayName: string;
|
|
18
|
+
};
|
|
19
|
+
type SelectValueProps = React.ComponentProps<typeof Select.Value>;
|
|
20
|
+
declare const SelectValue: {
|
|
21
|
+
({
|
|
22
|
+
className,
|
|
23
|
+
...props
|
|
24
|
+
}: SelectValueProps): react_jsx_runtime98.JSX.Element;
|
|
25
|
+
displayName: string;
|
|
26
|
+
};
|
|
27
|
+
type SelectIconProps = React.ComponentProps<typeof Select.Icon>;
|
|
28
|
+
declare const SelectIcon: {
|
|
29
|
+
({
|
|
30
|
+
className,
|
|
31
|
+
...props
|
|
32
|
+
}: SelectIconProps): react_jsx_runtime98.JSX.Element;
|
|
33
|
+
displayName: string;
|
|
34
|
+
};
|
|
35
|
+
type SelectBackdropProps = React.ComponentProps<typeof Select.Backdrop>;
|
|
36
|
+
declare const SelectBackdrop: {
|
|
37
|
+
({
|
|
38
|
+
className,
|
|
39
|
+
...props
|
|
40
|
+
}: SelectBackdropProps): react_jsx_runtime98.JSX.Element;
|
|
41
|
+
displayName: string;
|
|
42
|
+
};
|
|
43
|
+
type SelectPortalProps = React.ComponentProps<typeof Select.Portal>;
|
|
44
|
+
declare const SelectPortal: {
|
|
45
|
+
(props: SelectPortalProps): react_jsx_runtime98.JSX.Element;
|
|
46
|
+
displayName: string;
|
|
47
|
+
};
|
|
48
|
+
type SelectPositionerProps = React.ComponentProps<typeof Select.Positioner>;
|
|
49
|
+
declare const SelectPositioner: {
|
|
50
|
+
({
|
|
51
|
+
className,
|
|
52
|
+
...props
|
|
53
|
+
}: SelectPositionerProps): react_jsx_runtime98.JSX.Element;
|
|
54
|
+
displayName: string;
|
|
55
|
+
};
|
|
56
|
+
type SelectPopupProps = React.ComponentProps<typeof Select.Popup>;
|
|
57
|
+
declare const SelectPopup: {
|
|
58
|
+
({
|
|
59
|
+
className,
|
|
60
|
+
...props
|
|
61
|
+
}: SelectPopupProps): react_jsx_runtime98.JSX.Element;
|
|
62
|
+
displayName: string;
|
|
63
|
+
};
|
|
64
|
+
type SelectListProps = React.ComponentProps<typeof Select.List>;
|
|
65
|
+
declare const SelectList: {
|
|
66
|
+
({
|
|
67
|
+
className,
|
|
68
|
+
...props
|
|
69
|
+
}: SelectListProps): react_jsx_runtime98.JSX.Element;
|
|
70
|
+
displayName: string;
|
|
71
|
+
};
|
|
72
|
+
type SelectArrowProps = React.ComponentProps<typeof Select.Arrow>;
|
|
73
|
+
declare const SelectArrow: {
|
|
74
|
+
({
|
|
75
|
+
className,
|
|
76
|
+
...props
|
|
77
|
+
}: SelectArrowProps): react_jsx_runtime98.JSX.Element;
|
|
78
|
+
displayName: string;
|
|
79
|
+
};
|
|
80
|
+
type SelectItemProps = React.ComponentProps<typeof Select.Item>;
|
|
81
|
+
declare const SelectItem: {
|
|
82
|
+
({
|
|
83
|
+
className,
|
|
84
|
+
...props
|
|
85
|
+
}: SelectItemProps): react_jsx_runtime98.JSX.Element;
|
|
86
|
+
displayName: string;
|
|
87
|
+
};
|
|
88
|
+
type SelectItemTextProps = React.ComponentProps<typeof Select.ItemText>;
|
|
89
|
+
declare const SelectItemText: {
|
|
90
|
+
({
|
|
91
|
+
className,
|
|
92
|
+
...props
|
|
93
|
+
}: SelectItemTextProps): react_jsx_runtime98.JSX.Element;
|
|
94
|
+
displayName: string;
|
|
95
|
+
};
|
|
96
|
+
type SelectItemIndicatorProps = React.ComponentProps<typeof Select.ItemIndicator>;
|
|
97
|
+
declare const SelectItemIndicator: {
|
|
98
|
+
({
|
|
99
|
+
className,
|
|
100
|
+
...props
|
|
101
|
+
}: SelectItemIndicatorProps): react_jsx_runtime98.JSX.Element;
|
|
102
|
+
displayName: string;
|
|
103
|
+
};
|
|
104
|
+
type SelectGroupProps = React.ComponentProps<typeof Select.Group>;
|
|
105
|
+
declare const SelectGroup: {
|
|
106
|
+
({
|
|
107
|
+
className,
|
|
108
|
+
...props
|
|
109
|
+
}: SelectGroupProps): react_jsx_runtime98.JSX.Element;
|
|
110
|
+
displayName: string;
|
|
111
|
+
};
|
|
112
|
+
type SelectGroupLabelProps = React.ComponentProps<typeof Select.GroupLabel>;
|
|
113
|
+
declare const SelectGroupLabel: {
|
|
114
|
+
({
|
|
115
|
+
className,
|
|
116
|
+
...props
|
|
117
|
+
}: SelectGroupLabelProps): react_jsx_runtime98.JSX.Element;
|
|
118
|
+
displayName: string;
|
|
119
|
+
};
|
|
120
|
+
type SelectScrollUpArrowProps = React.ComponentProps<typeof Select.ScrollUpArrow>;
|
|
121
|
+
declare const SelectScrollUpArrow: {
|
|
122
|
+
({
|
|
123
|
+
className,
|
|
124
|
+
...props
|
|
125
|
+
}: SelectScrollUpArrowProps): react_jsx_runtime98.JSX.Element;
|
|
126
|
+
displayName: string;
|
|
127
|
+
};
|
|
128
|
+
type SelectScrollDownArrowProps = React.ComponentProps<typeof Select.ScrollDownArrow>;
|
|
129
|
+
declare const SelectScrollDownArrow: {
|
|
130
|
+
({
|
|
131
|
+
className,
|
|
132
|
+
...props
|
|
133
|
+
}: SelectScrollDownArrowProps): react_jsx_runtime98.JSX.Element;
|
|
134
|
+
displayName: string;
|
|
135
|
+
};
|
|
136
|
+
type SelectSeparatorProps = React.ComponentProps<typeof Select.Separator>;
|
|
137
|
+
declare const SelectSeparator: {
|
|
138
|
+
({
|
|
139
|
+
className,
|
|
140
|
+
...props
|
|
141
|
+
}: SelectSeparatorProps): react_jsx_runtime98.JSX.Element;
|
|
142
|
+
displayName: string;
|
|
143
|
+
};
|
|
144
|
+
//#endregion
|
|
145
|
+
export { SelectArrow, type SelectArrowProps, SelectBackdrop, type SelectBackdropProps, SelectGroup, SelectGroupLabel, type SelectGroupLabelProps, type SelectGroupProps, SelectIcon, type SelectIconProps, SelectItem, SelectItemIndicator, type SelectItemIndicatorProps, type SelectItemProps, SelectItemText, type SelectItemTextProps, SelectList, type SelectListProps, SelectPopup, type SelectPopupProps, SelectPortal, type SelectPortalProps, SelectPositioner, type SelectPositionerProps, SelectRoot, type SelectRootProps, SelectScrollDownArrow, type SelectScrollDownArrowProps, SelectScrollUpArrow, type SelectScrollUpArrowProps, SelectSeparator, type SelectSeparatorProps, SelectTrigger, type SelectTriggerProps, SelectValue, type SelectValueProps };
|
|
146
|
+
//# sourceMappingURL=select.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select.d.ts","names":[],"sources":["../src/components/select.tsx"],"sourcesContent":[],"mappings":"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"}
|
package/dist/select.js
CHANGED
|
@@ -1,169 +1,135 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
3
|
+
import { cn } from "./lib/utils.js";
|
|
4
|
+
import { ArrowSvg } from "./lib/arrow-svg.js";
|
|
5
|
+
import "react";
|
|
6
|
+
import { jsx } from "react/jsx-runtime";
|
|
7
|
+
import { Select } from "@base-ui/react/select";
|
|
8
|
+
|
|
9
|
+
//#region src/components/select.tsx
|
|
10
|
+
function SelectRoot(props) {
|
|
11
|
+
return /* @__PURE__ */ jsx(Select.Root, { ...props });
|
|
8
12
|
}
|
|
9
|
-
|
|
10
|
-
const
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
e
|
|
16
|
-
),
|
|
17
|
-
...t
|
|
18
|
-
}
|
|
19
|
-
);
|
|
20
|
-
n.displayName = "SelectTrigger";
|
|
21
|
-
const c = ({ className: e, ...t }) => /* @__PURE__ */ a(
|
|
22
|
-
r.Value,
|
|
23
|
-
{
|
|
24
|
-
className: o("data-placeholder:text-muted-foreground text-sm", e),
|
|
25
|
-
...t
|
|
26
|
-
}
|
|
27
|
-
);
|
|
28
|
-
c.displayName = "SelectValue";
|
|
29
|
-
const d = ({ className: e, ...t }) => /* @__PURE__ */ a(r.Icon, { className: o("flex", e), ...t });
|
|
30
|
-
d.displayName = "SelectIcon";
|
|
31
|
-
const i = ({ className: e, ...t }) => /* @__PURE__ */ a(
|
|
32
|
-
r.Backdrop,
|
|
33
|
-
{
|
|
34
|
-
className: o(
|
|
35
|
-
"fixed inset-0 z-50 bg-black/50 backdrop-blur-sm",
|
|
36
|
-
"transition-opacity duration-200",
|
|
37
|
-
"data-starting-style:opacity-0 data-ending-style:opacity-0",
|
|
38
|
-
e
|
|
39
|
-
),
|
|
40
|
-
...t
|
|
41
|
-
}
|
|
42
|
-
);
|
|
43
|
-
i.displayName = "SelectBackdrop";
|
|
44
|
-
const m = (e) => /* @__PURE__ */ a(r.Portal, { ...e });
|
|
45
|
-
m.displayName = "SelectPortal";
|
|
46
|
-
const p = ({ className: e, ...t }) => /* @__PURE__ */ a(
|
|
47
|
-
r.Positioner,
|
|
48
|
-
{
|
|
49
|
-
className: o("outline-none select-none z-50", e),
|
|
50
|
-
sideOffset: 8,
|
|
51
|
-
...t
|
|
52
|
-
}
|
|
53
|
-
);
|
|
54
|
-
p.displayName = "SelectPositioner";
|
|
55
|
-
const u = ({ className: e, ...t }) => /* @__PURE__ */ a(
|
|
56
|
-
r.Popup,
|
|
57
|
-
{
|
|
58
|
-
className: o(
|
|
59
|
-
"group min-w-(--anchor-width) origin-(--transform-origin) bg-clip-padding rounded-md bg-background text-foreground shadow-lg shadow-gray-200 border border-border transition-[transform,scale,opacity]",
|
|
60
|
-
"data-ending-style:scale-90 data-ending-style:opacity-0",
|
|
61
|
-
"data-[side=none]:min-w-[calc(var(--anchor-width)+1rem)] data-[side=none]:data-ending-style:transition-none",
|
|
62
|
-
"data-starting-style:scale-90 data-starting-style:opacity-0",
|
|
63
|
-
"data-[side=none]:data-starting-style:scale-100 data-[side=none]:data-starting-style:opacity-100 data-[side=none]:data-starting-style:transition-none",
|
|
64
|
-
"dark:shadow-none",
|
|
65
|
-
e
|
|
66
|
-
),
|
|
67
|
-
...t
|
|
68
|
-
}
|
|
69
|
-
);
|
|
70
|
-
u.displayName = "SelectPopup";
|
|
71
|
-
const f = ({ className: e, ...t }) => /* @__PURE__ */ a(
|
|
72
|
-
r.List,
|
|
73
|
-
{
|
|
74
|
-
className: o(
|
|
75
|
-
"relative py-1 scroll-py-6 overflow-y-auto max-h-(--available-height)",
|
|
76
|
-
e
|
|
77
|
-
),
|
|
78
|
-
...t
|
|
79
|
-
}
|
|
80
|
-
);
|
|
81
|
-
f.displayName = "SelectList";
|
|
82
|
-
const b = ({ className: e, ...t }) => /* @__PURE__ */ a(
|
|
83
|
-
r.Arrow,
|
|
84
|
-
{
|
|
85
|
-
className: o(
|
|
86
|
-
"flex data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=left]:rotate-90 data-[side=right]:left-[-13px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-8px] data-[side=top]:rotate-180",
|
|
87
|
-
e
|
|
88
|
-
),
|
|
89
|
-
...t,
|
|
90
|
-
children: /* @__PURE__ */ a(l, {})
|
|
91
|
-
}
|
|
92
|
-
);
|
|
93
|
-
b.displayName = "SelectArrow";
|
|
94
|
-
const g = ({ className: e, ...t }) => /* @__PURE__ */ a(
|
|
95
|
-
r.Item,
|
|
96
|
-
{
|
|
97
|
-
className: o(
|
|
98
|
-
"flex items-center justify-between gap-2 py-1.5 px-4 text-sm outline-none select-none",
|
|
99
|
-
"data-selected:bg-accent data-selected:text-accent-foreground",
|
|
100
|
-
e
|
|
101
|
-
),
|
|
102
|
-
...t
|
|
103
|
-
}
|
|
104
|
-
);
|
|
105
|
-
g.displayName = "SelectItem";
|
|
106
|
-
const S = ({ className: e, ...t }) => /* @__PURE__ */ a(r.ItemText, { className: o("col-start-2 text-sm", e), ...t });
|
|
107
|
-
S.displayName = "SelectItemText";
|
|
108
|
-
const y = ({ className: e, ...t }) => /* @__PURE__ */ a(r.ItemIndicator, { className: o("col-start-1", e), ...t });
|
|
109
|
-
y.displayName = "SelectItemIndicator";
|
|
110
|
-
const x = ({ className: e, ...t }) => /* @__PURE__ */ a(r.Group, { className: o(e), ...t });
|
|
111
|
-
x.displayName = "SelectGroup";
|
|
112
|
-
const N = ({ className: e, ...t }) => /* @__PURE__ */ a(
|
|
113
|
-
r.GroupLabel,
|
|
114
|
-
{
|
|
115
|
-
className: o("px-3 py-1.5 text-sm font-semibold", e),
|
|
116
|
-
...t
|
|
117
|
-
}
|
|
118
|
-
);
|
|
119
|
-
N.displayName = "SelectGroupLabel";
|
|
120
|
-
const w = ({ className: e, ...t }) => /* @__PURE__ */ a(
|
|
121
|
-
r.ScrollUpArrow,
|
|
122
|
-
{
|
|
123
|
-
className: o(
|
|
124
|
-
'top-0 z-1 flex h-4 w-full cursor-default items-center justify-center rounded-md bg-background text-center text-xs before:absolute data-[side=none]:before:-top-full before:left-0 before:h-full before:w-full before:content-[""]',
|
|
125
|
-
e
|
|
126
|
-
),
|
|
127
|
-
...t
|
|
128
|
-
}
|
|
129
|
-
);
|
|
130
|
-
w.displayName = "SelectScrollUpArrow";
|
|
131
|
-
const h = ({ className: e, ...t }) => /* @__PURE__ */ a(
|
|
132
|
-
r.ScrollDownArrow,
|
|
133
|
-
{
|
|
134
|
-
className: o(
|
|
135
|
-
'bottom-0 z-1 flex h-4 w-full cursor-default items-center justify-center rounded-md bg-background text-center text-xs before:absolute before:left-0 before:h-full before:w-full before:content-[""] bottom-0 data-[side=none]:before:-bottom-full',
|
|
136
|
-
e
|
|
137
|
-
),
|
|
138
|
-
...t
|
|
139
|
-
}
|
|
140
|
-
);
|
|
141
|
-
h.displayName = "SelectScrollDownArrow";
|
|
142
|
-
const I = ({ className: e, ...t }) => /* @__PURE__ */ a(
|
|
143
|
-
r.Separator,
|
|
144
|
-
{
|
|
145
|
-
className: o("-mx-1 my-1 h-px bg-border", e),
|
|
146
|
-
...t
|
|
147
|
-
}
|
|
148
|
-
);
|
|
149
|
-
I.displayName = "SelectSeparator";
|
|
150
|
-
export {
|
|
151
|
-
b as SelectArrow,
|
|
152
|
-
i as SelectBackdrop,
|
|
153
|
-
x as SelectGroup,
|
|
154
|
-
N as SelectGroupLabel,
|
|
155
|
-
d as SelectIcon,
|
|
156
|
-
g as SelectItem,
|
|
157
|
-
y as SelectItemIndicator,
|
|
158
|
-
S as SelectItemText,
|
|
159
|
-
f as SelectList,
|
|
160
|
-
u as SelectPopup,
|
|
161
|
-
m as SelectPortal,
|
|
162
|
-
p as SelectPositioner,
|
|
163
|
-
s as SelectRoot,
|
|
164
|
-
h as SelectScrollDownArrow,
|
|
165
|
-
w as SelectScrollUpArrow,
|
|
166
|
-
I as SelectSeparator,
|
|
167
|
-
n as SelectTrigger,
|
|
168
|
-
c as SelectValue
|
|
13
|
+
SelectRoot.displayName = "SelectRoot";
|
|
14
|
+
const SelectTrigger = ({ className, ...props }) => {
|
|
15
|
+
return /* @__PURE__ */ jsx(Select.Trigger, {
|
|
16
|
+
className: cn("flex min-h-9 min-w-40 items-center justify-between gap-3 rounded-md border border-border bg-background px-3.5 pr-3 text-base text-foreground shadow-xs select-none hover:bg-muted data-popup-open:bg-muted", className),
|
|
17
|
+
...props
|
|
18
|
+
});
|
|
169
19
|
};
|
|
20
|
+
SelectTrigger.displayName = "SelectTrigger";
|
|
21
|
+
const SelectValue = ({ className, ...props }) => {
|
|
22
|
+
return /* @__PURE__ */ jsx(Select.Value, {
|
|
23
|
+
className: cn("data-placeholder:text-muted-foreground text-sm", className),
|
|
24
|
+
...props
|
|
25
|
+
});
|
|
26
|
+
};
|
|
27
|
+
SelectValue.displayName = "SelectValue";
|
|
28
|
+
const SelectIcon = ({ className, ...props }) => {
|
|
29
|
+
return /* @__PURE__ */ jsx(Select.Icon, {
|
|
30
|
+
className: cn("flex", className),
|
|
31
|
+
...props
|
|
32
|
+
});
|
|
33
|
+
};
|
|
34
|
+
SelectIcon.displayName = "SelectIcon";
|
|
35
|
+
const SelectBackdrop = ({ className, ...props }) => {
|
|
36
|
+
return /* @__PURE__ */ jsx(Select.Backdrop, {
|
|
37
|
+
className: cn("fixed inset-0 z-50 bg-black/50 backdrop-blur-sm", "transition-opacity duration-200", "data-starting-style:opacity-0 data-ending-style:opacity-0", className),
|
|
38
|
+
...props
|
|
39
|
+
});
|
|
40
|
+
};
|
|
41
|
+
SelectBackdrop.displayName = "SelectBackdrop";
|
|
42
|
+
const SelectPortal = (props) => {
|
|
43
|
+
return /* @__PURE__ */ jsx(Select.Portal, { ...props });
|
|
44
|
+
};
|
|
45
|
+
SelectPortal.displayName = "SelectPortal";
|
|
46
|
+
const SelectPositioner = ({ className, ...props }) => {
|
|
47
|
+
return /* @__PURE__ */ jsx(Select.Positioner, {
|
|
48
|
+
className: cn("outline-none select-none z-50", className),
|
|
49
|
+
sideOffset: 8,
|
|
50
|
+
...props
|
|
51
|
+
});
|
|
52
|
+
};
|
|
53
|
+
SelectPositioner.displayName = "SelectPositioner";
|
|
54
|
+
const SelectPopup = ({ className, ...props }) => {
|
|
55
|
+
return /* @__PURE__ */ jsx(Select.Popup, {
|
|
56
|
+
className: cn("group min-w-(--anchor-width) origin-(--transform-origin) bg-clip-padding rounded-md bg-background text-foreground shadow-lg shadow-gray-200 border border-border transition-[transform,scale,opacity]", "data-ending-style:scale-90 data-ending-style:opacity-0", "data-[side=none]:min-w-[calc(var(--anchor-width)+1rem)] data-[side=none]:data-ending-style:transition-none", "data-starting-style:scale-90 data-starting-style:opacity-0", "data-[side=none]:data-starting-style:scale-100 data-[side=none]:data-starting-style:opacity-100 data-[side=none]:data-starting-style:transition-none", "dark:shadow-none", className),
|
|
57
|
+
...props
|
|
58
|
+
});
|
|
59
|
+
};
|
|
60
|
+
SelectPopup.displayName = "SelectPopup";
|
|
61
|
+
const SelectList = ({ className, ...props }) => {
|
|
62
|
+
return /* @__PURE__ */ jsx(Select.List, {
|
|
63
|
+
className: cn("relative py-1 scroll-py-6 overflow-y-auto max-h-(--available-height)", className),
|
|
64
|
+
...props
|
|
65
|
+
});
|
|
66
|
+
};
|
|
67
|
+
SelectList.displayName = "SelectList";
|
|
68
|
+
const SelectArrow = ({ className, ...props }) => {
|
|
69
|
+
return /* @__PURE__ */ jsx(Select.Arrow, {
|
|
70
|
+
className: cn("flex data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=left]:rotate-90 data-[side=right]:left-[-13px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-8px] data-[side=top]:rotate-180", className),
|
|
71
|
+
...props,
|
|
72
|
+
children: /* @__PURE__ */ jsx(ArrowSvg, {})
|
|
73
|
+
});
|
|
74
|
+
};
|
|
75
|
+
SelectArrow.displayName = "SelectArrow";
|
|
76
|
+
const SelectItem = ({ className, ...props }) => {
|
|
77
|
+
return /* @__PURE__ */ jsx(Select.Item, {
|
|
78
|
+
className: cn("flex items-center justify-between gap-2 py-1.5 px-4 text-sm outline-none select-none", "data-selected:bg-accent data-selected:text-accent-foreground", className),
|
|
79
|
+
...props
|
|
80
|
+
});
|
|
81
|
+
};
|
|
82
|
+
SelectItem.displayName = "SelectItem";
|
|
83
|
+
const SelectItemText = ({ className, ...props }) => {
|
|
84
|
+
return /* @__PURE__ */ jsx(Select.ItemText, {
|
|
85
|
+
className: cn("col-start-2 text-sm", className),
|
|
86
|
+
...props
|
|
87
|
+
});
|
|
88
|
+
};
|
|
89
|
+
SelectItemText.displayName = "SelectItemText";
|
|
90
|
+
const SelectItemIndicator = ({ className, ...props }) => {
|
|
91
|
+
return /* @__PURE__ */ jsx(Select.ItemIndicator, {
|
|
92
|
+
className: cn("col-start-1", className),
|
|
93
|
+
...props
|
|
94
|
+
});
|
|
95
|
+
};
|
|
96
|
+
SelectItemIndicator.displayName = "SelectItemIndicator";
|
|
97
|
+
const SelectGroup = ({ className, ...props }) => {
|
|
98
|
+
return /* @__PURE__ */ jsx(Select.Group, {
|
|
99
|
+
className: cn(className),
|
|
100
|
+
...props
|
|
101
|
+
});
|
|
102
|
+
};
|
|
103
|
+
SelectGroup.displayName = "SelectGroup";
|
|
104
|
+
const SelectGroupLabel = ({ className, ...props }) => {
|
|
105
|
+
return /* @__PURE__ */ jsx(Select.GroupLabel, {
|
|
106
|
+
className: cn("px-3 py-1.5 text-sm font-semibold", className),
|
|
107
|
+
...props
|
|
108
|
+
});
|
|
109
|
+
};
|
|
110
|
+
SelectGroupLabel.displayName = "SelectGroupLabel";
|
|
111
|
+
const SelectScrollUpArrow = ({ className, ...props }) => {
|
|
112
|
+
return /* @__PURE__ */ jsx(Select.ScrollUpArrow, {
|
|
113
|
+
className: cn("top-0 z-1 flex h-4 w-full cursor-default items-center justify-center rounded-md bg-background text-center text-xs before:absolute data-[side=none]:before:-top-full before:left-0 before:h-full before:w-full before:content-[\"\"]", className),
|
|
114
|
+
...props
|
|
115
|
+
});
|
|
116
|
+
};
|
|
117
|
+
SelectScrollUpArrow.displayName = "SelectScrollUpArrow";
|
|
118
|
+
const SelectScrollDownArrow = ({ className, ...props }) => {
|
|
119
|
+
return /* @__PURE__ */ jsx(Select.ScrollDownArrow, {
|
|
120
|
+
className: cn("bottom-0 z-1 flex h-4 w-full cursor-default items-center justify-center rounded-md bg-background text-center text-xs before:absolute before:left-0 before:h-full before:w-full before:content-[\"\"] bottom-0 data-[side=none]:before:-bottom-full", className),
|
|
121
|
+
...props
|
|
122
|
+
});
|
|
123
|
+
};
|
|
124
|
+
SelectScrollDownArrow.displayName = "SelectScrollDownArrow";
|
|
125
|
+
const SelectSeparator = ({ className, ...props }) => {
|
|
126
|
+
return /* @__PURE__ */ jsx(Select.Separator, {
|
|
127
|
+
className: cn("-mx-1 my-1 h-px bg-border", className),
|
|
128
|
+
...props
|
|
129
|
+
});
|
|
130
|
+
};
|
|
131
|
+
SelectSeparator.displayName = "SelectSeparator";
|
|
132
|
+
|
|
133
|
+
//#endregion
|
|
134
|
+
export { SelectArrow, SelectBackdrop, SelectGroup, SelectGroupLabel, SelectIcon, SelectItem, SelectItemIndicator, SelectItemText, SelectList, SelectPopup, SelectPortal, SelectPositioner, SelectRoot, SelectScrollDownArrow, SelectScrollUpArrow, SelectSeparator, SelectTrigger, SelectValue };
|
|
135
|
+
//# sourceMappingURL=select.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"select.js","names":["BaseSelect"],"sources":["../src/components/select.tsx"],"sourcesContent":["'use client'\n\nimport {\n Select as BaseSelect,\n type SelectRootProps as BaseSelectRootProps,\n} from '@base-ui/react/select'\nimport * as React from 'react'\n\nimport { ArrowSvg } from '../lib/arrow-svg'\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// SelectRoot\n// ============================================================================\n\nfunction SelectRoot<Value, Multiple extends boolean | undefined = false>(\n props: BaseSelectRootProps<Value, Multiple>,\n) {\n return <BaseSelect.Root {...props} />\n}\n\ntype SelectRootProps<\n Value,\n Multiple extends boolean | undefined = false,\n> = BaseSelectRootProps<Value, Multiple>\n\nSelectRoot.displayName = 'SelectRoot'\n\n// ============================================================================\n// SelectTrigger\n// ============================================================================\n\ntype SelectTriggerProps = React.ComponentProps<typeof BaseSelect.Trigger>\n\nconst SelectTrigger = ({ className, ...props }: SelectTriggerProps) => {\n return (\n <BaseSelect.Trigger\n className={cn(\n 'flex min-h-9 min-w-40 items-center justify-between gap-3 rounded-md border border-border bg-background px-3.5 pr-3 text-base text-foreground shadow-xs select-none hover:bg-muted data-popup-open:bg-muted',\n className,\n )}\n {...props}\n />\n )\n}\n\nSelectTrigger.displayName = 'SelectTrigger'\n\n// ============================================================================\n// SelectValue\n// ============================================================================\n\ntype SelectValueProps = React.ComponentProps<typeof BaseSelect.Value>\n\nconst SelectValue = ({ className, ...props }: SelectValueProps) => {\n return (\n <BaseSelect.Value\n className={cn('data-placeholder:text-muted-foreground text-sm', className)}\n {...props}\n />\n )\n}\n\nSelectValue.displayName = 'SelectValue'\n\n// ============================================================================\n// SelectIcon\n// ============================================================================\n\ntype SelectIconProps = React.ComponentProps<typeof BaseSelect.Icon>\n\nconst SelectIcon = ({ className, ...props }: SelectIconProps) => {\n return <BaseSelect.Icon className={cn('flex', className)} {...props} />\n}\n\nSelectIcon.displayName = 'SelectIcon'\n\n// ============================================================================\n// SelectBackdrop\n// ============================================================================\n\ntype SelectBackdropProps = React.ComponentProps<typeof BaseSelect.Backdrop>\n\nconst SelectBackdrop = ({ className, ...props }: SelectBackdropProps) => {\n return (\n <BaseSelect.Backdrop\n className={cn(\n 'fixed inset-0 z-50 bg-black/50 backdrop-blur-sm',\n 'transition-opacity duration-200',\n 'data-starting-style:opacity-0 data-ending-style:opacity-0',\n className,\n )}\n {...props}\n />\n )\n}\n\nSelectBackdrop.displayName = 'SelectBackdrop'\n\n// ============================================================================\n// SelectPortal\n// ============================================================================\n\ntype SelectPortalProps = React.ComponentProps<typeof BaseSelect.Portal>\n\nconst SelectPortal = (props: SelectPortalProps) => {\n return <BaseSelect.Portal {...props} />\n}\n\nSelectPortal.displayName = 'SelectPortal'\n\n// ============================================================================\n// SelectPositioner\n// ============================================================================\n\ntype SelectPositionerProps = React.ComponentProps<typeof BaseSelect.Positioner>\n\nconst SelectPositioner = ({ className, ...props }: SelectPositionerProps) => {\n return (\n <BaseSelect.Positioner\n className={cn('outline-none select-none z-50', className)}\n sideOffset={8}\n {...props}\n />\n )\n}\n\nSelectPositioner.displayName = 'SelectPositioner'\n\n// ============================================================================\n// SelectPopup\n// ============================================================================\n\ntype SelectPopupProps = React.ComponentProps<typeof BaseSelect.Popup>\n\nconst SelectPopup = ({ className, ...props }: SelectPopupProps) => {\n return (\n <BaseSelect.Popup\n className={cn(\n 'group min-w-(--anchor-width) origin-(--transform-origin) bg-clip-padding rounded-md bg-background text-foreground shadow-lg shadow-gray-200 border border-border transition-[transform,scale,opacity]',\n 'data-ending-style:scale-90 data-ending-style:opacity-0',\n 'data-[side=none]:min-w-[calc(var(--anchor-width)+1rem)] data-[side=none]:data-ending-style:transition-none',\n 'data-starting-style:scale-90 data-starting-style:opacity-0',\n 'data-[side=none]:data-starting-style:scale-100 data-[side=none]:data-starting-style:opacity-100 data-[side=none]:data-starting-style:transition-none',\n 'dark:shadow-none',\n className,\n )}\n {...props}\n />\n )\n}\n\nSelectPopup.displayName = 'SelectPopup'\n\n// ============================================================================\n// SelectList\n// ============================================================================\n\ntype SelectListProps = React.ComponentProps<typeof BaseSelect.List>\n\nconst SelectList = ({ className, ...props }: SelectListProps) => {\n return (\n <BaseSelect.List\n className={cn(\n 'relative py-1 scroll-py-6 overflow-y-auto max-h-(--available-height)',\n className,\n )}\n {...props}\n />\n )\n}\n\nSelectList.displayName = 'SelectList'\n\n// ============================================================================\n// SelectArrow\n// ============================================================================\n\ntype SelectArrowProps = React.ComponentProps<typeof BaseSelect.Arrow>\n\nconst SelectArrow = ({ className, ...props }: SelectArrowProps) => {\n return (\n <BaseSelect.Arrow\n className={cn(\n 'flex data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=left]:rotate-90 data-[side=right]:left-[-13px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-8px] data-[side=top]:rotate-180',\n className,\n )}\n {...props}\n >\n <ArrowSvg />\n </BaseSelect.Arrow>\n )\n}\n\nSelectArrow.displayName = 'SelectArrow'\n\n// ============================================================================\n// SelectItem\n// ============================================================================\n\ntype SelectItemProps = React.ComponentProps<typeof BaseSelect.Item>\n\nconst SelectItem = ({ className, ...props }: SelectItemProps) => {\n return (\n <BaseSelect.Item\n className={cn(\n 'flex items-center justify-between gap-2 py-1.5 px-4 text-sm outline-none select-none',\n 'data-selected:bg-accent data-selected:text-accent-foreground',\n className,\n )}\n {...props}\n />\n )\n}\n\nSelectItem.displayName = 'SelectItem'\n\n// ============================================================================\n// SelectItemText\n// ============================================================================\n\ntype SelectItemTextProps = React.ComponentProps<typeof BaseSelect.ItemText>\n\nconst SelectItemText = ({ className, ...props }: SelectItemTextProps) => {\n return (\n <BaseSelect.ItemText className={cn('col-start-2 text-sm', className)} {...props} />\n )\n}\n\nSelectItemText.displayName = 'SelectItemText'\n\n// ============================================================================\n// SelectItemIndicator\n// ============================================================================\n\ntype SelectItemIndicatorProps = React.ComponentProps<typeof BaseSelect.ItemIndicator>\n\nconst SelectItemIndicator = ({ className, ...props }: SelectItemIndicatorProps) => {\n return <BaseSelect.ItemIndicator className={cn('col-start-1', className)} {...props} />\n}\n\nSelectItemIndicator.displayName = 'SelectItemIndicator'\n\n// ============================================================================\n// SelectGroup\n// ============================================================================\n\ntype SelectGroupProps = React.ComponentProps<typeof BaseSelect.Group>\n\nconst SelectGroup = ({ className, ...props }: SelectGroupProps) => {\n return <BaseSelect.Group className={cn(className)} {...props} />\n}\n\nSelectGroup.displayName = 'SelectGroup'\n\n// ============================================================================\n// SelectGroupLabel\n// ============================================================================\n\ntype SelectGroupLabelProps = React.ComponentProps<typeof BaseSelect.GroupLabel>\n\nconst SelectGroupLabel = ({ className, ...props }: SelectGroupLabelProps) => {\n return (\n <BaseSelect.GroupLabel\n className={cn('px-3 py-1.5 text-sm font-semibold', className)}\n {...props}\n />\n )\n}\n\nSelectGroupLabel.displayName = 'SelectGroupLabel'\n\n// ============================================================================\n// SelectScrollUpArrow\n// ============================================================================\n\ntype SelectScrollUpArrowProps = React.ComponentProps<typeof BaseSelect.ScrollUpArrow>\n\nconst SelectScrollUpArrow = ({ className, ...props }: SelectScrollUpArrowProps) => {\n return (\n <BaseSelect.ScrollUpArrow\n className={cn(\n 'top-0 z-1 flex h-4 w-full cursor-default items-center justify-center rounded-md bg-background text-center text-xs before:absolute data-[side=none]:before:-top-full before:left-0 before:h-full before:w-full before:content-[\"\"]',\n className,\n )}\n {...props}\n />\n )\n}\n\nSelectScrollUpArrow.displayName = 'SelectScrollUpArrow'\n\n// ============================================================================\n// SelectScrollDownArrow\n// ============================================================================\n\ntype SelectScrollDownArrowProps = React.ComponentProps<typeof BaseSelect.ScrollDownArrow>\n\nconst SelectScrollDownArrow = ({ className, ...props }: SelectScrollDownArrowProps) => {\n return (\n <BaseSelect.ScrollDownArrow\n className={cn(\n 'bottom-0 z-1 flex h-4 w-full cursor-default items-center justify-center rounded-md bg-background text-center text-xs before:absolute before:left-0 before:h-full before:w-full before:content-[\"\"] bottom-0 data-[side=none]:before:-bottom-full',\n className,\n )}\n {...props}\n />\n )\n}\n\nSelectScrollDownArrow.displayName = 'SelectScrollDownArrow'\n\n// ============================================================================\n// SelectSeparator\n// ============================================================================\n\ntype SelectSeparatorProps = React.ComponentProps<typeof BaseSelect.Separator>\n\nconst SelectSeparator = ({ className, ...props }: SelectSeparatorProps) => {\n return (\n <BaseSelect.Separator\n className={cn('-mx-1 my-1 h-px bg-border', className)}\n {...props}\n />\n )\n}\n\nSelectSeparator.displayName = 'SelectSeparator'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport {\n SelectRoot,\n SelectTrigger,\n SelectValue,\n SelectIcon,\n SelectBackdrop,\n SelectPortal,\n SelectPositioner,\n SelectPopup,\n SelectList,\n SelectArrow,\n SelectItem,\n SelectItemText,\n SelectItemIndicator,\n SelectGroup,\n SelectGroupLabel,\n SelectScrollUpArrow,\n SelectScrollDownArrow,\n SelectSeparator,\n}\n\nexport type {\n SelectRootProps,\n SelectTriggerProps,\n SelectValueProps,\n SelectIconProps,\n SelectBackdropProps,\n SelectPortalProps,\n SelectPositionerProps,\n SelectPopupProps,\n SelectListProps,\n SelectArrowProps,\n SelectItemProps,\n SelectItemTextProps,\n SelectItemIndicatorProps,\n SelectGroupProps,\n SelectGroupLabelProps,\n SelectScrollUpArrowProps,\n SelectScrollDownArrowProps,\n SelectSeparatorProps,\n}\n"],"mappings":"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"}
|