@mdigital_ui/ui 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/README.md +296 -0
- package/dist/accordion/index.js +5 -0
- package/dist/accordion/index.js.map +1 -0
- package/dist/badge/index.js +5 -0
- package/dist/badge/index.js.map +1 -0
- package/dist/button/index.js +6 -0
- package/dist/button/index.js.map +1 -0
- package/dist/card/index.js +4 -0
- package/dist/card/index.js.map +1 -0
- package/dist/carousel/index.js +3 -0
- package/dist/carousel/index.js.map +1 -0
- package/dist/cascader/index.js +4 -0
- package/dist/cascader/index.js.map +1 -0
- package/dist/chart/index.js +4 -0
- package/dist/chart/index.js.map +1 -0
- package/dist/checkbox/index.js +5 -0
- package/dist/checkbox/index.js.map +1 -0
- package/dist/checkbox-group/index.js +4 -0
- package/dist/checkbox-group/index.js.map +1 -0
- package/dist/chunk-2JGAYDZR.js +181 -0
- package/dist/chunk-2JGAYDZR.js.map +1 -0
- package/dist/chunk-3PFA3YG6.js +228 -0
- package/dist/chunk-3PFA3YG6.js.map +1 -0
- package/dist/chunk-4OMLQCUV.js +96 -0
- package/dist/chunk-4OMLQCUV.js.map +1 -0
- package/dist/chunk-4P5EMRFI.js +298 -0
- package/dist/chunk-4P5EMRFI.js.map +1 -0
- package/dist/chunk-5UEWVFF6.js +212 -0
- package/dist/chunk-5UEWVFF6.js.map +1 -0
- package/dist/chunk-5VCGW53O.js +332 -0
- package/dist/chunk-5VCGW53O.js.map +1 -0
- package/dist/chunk-75XESYGN.js +49 -0
- package/dist/chunk-75XESYGN.js.map +1 -0
- package/dist/chunk-7AEGBABZ.js +1102 -0
- package/dist/chunk-7AEGBABZ.js.map +1 -0
- package/dist/chunk-AOITJRSV.js +134 -0
- package/dist/chunk-AOITJRSV.js.map +1 -0
- package/dist/chunk-AWPKZYHT.js +152 -0
- package/dist/chunk-AWPKZYHT.js.map +1 -0
- package/dist/chunk-BNILRB4T.js +37 -0
- package/dist/chunk-BNILRB4T.js.map +1 -0
- package/dist/chunk-BP434VYV.js +448 -0
- package/dist/chunk-BP434VYV.js.map +1 -0
- package/dist/chunk-C7SXY3ZV.js +65 -0
- package/dist/chunk-C7SXY3ZV.js.map +1 -0
- package/dist/chunk-CLLQDCDR.js +560 -0
- package/dist/chunk-CLLQDCDR.js.map +1 -0
- package/dist/chunk-CWHFK7ZC.js +128 -0
- package/dist/chunk-CWHFK7ZC.js.map +1 -0
- package/dist/chunk-D3JWPGCA.js +123 -0
- package/dist/chunk-D3JWPGCA.js.map +1 -0
- package/dist/chunk-DOKTHDG3.js +55 -0
- package/dist/chunk-DOKTHDG3.js.map +1 -0
- package/dist/chunk-DPOSWW22.js +126 -0
- package/dist/chunk-DPOSWW22.js.map +1 -0
- package/dist/chunk-E2CYDDYC.js +39 -0
- package/dist/chunk-E2CYDDYC.js.map +1 -0
- package/dist/chunk-EYTOKUBM.js +401 -0
- package/dist/chunk-EYTOKUBM.js.map +1 -0
- package/dist/chunk-FGWSUPVW.js +356 -0
- package/dist/chunk-FGWSUPVW.js.map +1 -0
- package/dist/chunk-FPOXTCYV.js +166 -0
- package/dist/chunk-FPOXTCYV.js.map +1 -0
- package/dist/chunk-FTJOSVTY.js +104 -0
- package/dist/chunk-FTJOSVTY.js.map +1 -0
- package/dist/chunk-FYHQDFKE.js +164 -0
- package/dist/chunk-FYHQDFKE.js.map +1 -0
- package/dist/chunk-H2HIBD5Y.js +158 -0
- package/dist/chunk-H2HIBD5Y.js.map +1 -0
- package/dist/chunk-J3G5WWGR.js +53 -0
- package/dist/chunk-J3G5WWGR.js.map +1 -0
- package/dist/chunk-JZCHZ4B3.js +487 -0
- package/dist/chunk-JZCHZ4B3.js.map +1 -0
- package/dist/chunk-KBCBVH7B.js +51 -0
- package/dist/chunk-KBCBVH7B.js.map +1 -0
- package/dist/chunk-KNQ7UQ2W.js +143 -0
- package/dist/chunk-KNQ7UQ2W.js.map +1 -0
- package/dist/chunk-KTBPIEP2.js +102 -0
- package/dist/chunk-KTBPIEP2.js.map +1 -0
- package/dist/chunk-L3SP7GHC.js +1023 -0
- package/dist/chunk-L3SP7GHC.js.map +1 -0
- package/dist/chunk-LBJG2UWT.js +100 -0
- package/dist/chunk-LBJG2UWT.js.map +1 -0
- package/dist/chunk-MLDX3Z67.js +470 -0
- package/dist/chunk-MLDX3Z67.js.map +1 -0
- package/dist/chunk-NNSS366W.js +331 -0
- package/dist/chunk-NNSS366W.js.map +1 -0
- package/dist/chunk-OQANRZPV.js +197 -0
- package/dist/chunk-OQANRZPV.js.map +1 -0
- package/dist/chunk-OW5A5IIF.js +175 -0
- package/dist/chunk-OW5A5IIF.js.map +1 -0
- package/dist/chunk-R225A5II.js +187 -0
- package/dist/chunk-R225A5II.js.map +1 -0
- package/dist/chunk-ROR4E6IE.js +119 -0
- package/dist/chunk-ROR4E6IE.js.map +1 -0
- package/dist/chunk-RPAQAZTI.js +54 -0
- package/dist/chunk-RPAQAZTI.js.map +1 -0
- package/dist/chunk-RQBXZKTH.js +452 -0
- package/dist/chunk-RQBXZKTH.js.map +1 -0
- package/dist/chunk-S5XJXU52.js +178 -0
- package/dist/chunk-S5XJXU52.js.map +1 -0
- package/dist/chunk-SAVE5ACL.js +324 -0
- package/dist/chunk-SAVE5ACL.js.map +1 -0
- package/dist/chunk-SERJ3TZE.js +640 -0
- package/dist/chunk-SERJ3TZE.js.map +1 -0
- package/dist/chunk-SK5ECBBK.js +175 -0
- package/dist/chunk-SK5ECBBK.js.map +1 -0
- package/dist/chunk-SOV4PE3P.js +218 -0
- package/dist/chunk-SOV4PE3P.js.map +1 -0
- package/dist/chunk-W7BQYIXF.js +687 -0
- package/dist/chunk-W7BQYIXF.js.map +1 -0
- package/dist/chunk-XMAH5PDW.js +59 -0
- package/dist/chunk-XMAH5PDW.js.map +1 -0
- package/dist/chunk-XOBGEMQY.js +94 -0
- package/dist/chunk-XOBGEMQY.js.map +1 -0
- package/dist/chunk-YNNAOXU5.js +57 -0
- package/dist/chunk-YNNAOXU5.js.map +1 -0
- package/dist/chunk-YZVSDRJD.js +253 -0
- package/dist/chunk-YZVSDRJD.js.map +1 -0
- package/dist/collapse/index.js +4 -0
- package/dist/collapse/index.js.map +1 -0
- package/dist/command/index.js +5 -0
- package/dist/command/index.js.map +1 -0
- package/dist/date-picker/index.js +5 -0
- package/dist/date-picker/index.js.map +1 -0
- package/dist/descriptions/index.js +4 -0
- package/dist/descriptions/index.js.map +1 -0
- package/dist/drawer/index.js +4 -0
- package/dist/drawer/index.js.map +1 -0
- package/dist/dropdown/index.js +5 -0
- package/dist/dropdown/index.js.map +1 -0
- package/dist/empty/index.js +4 -0
- package/dist/empty/index.js.map +1 -0
- package/dist/fetching-overlay/index.js +5 -0
- package/dist/fetching-overlay/index.js.map +1 -0
- package/dist/image/index.js +4 -0
- package/dist/image/index.js.map +1 -0
- package/dist/index.d.ts +2672 -0
- package/dist/index.js +976 -0
- package/dist/index.js.map +1 -0
- package/dist/input/index.js +5 -0
- package/dist/input/index.js.map +1 -0
- package/dist/input-group/index.js +4 -0
- package/dist/input-group/index.js.map +1 -0
- package/dist/input-otp/index.js +4 -0
- package/dist/input-otp/index.js.map +1 -0
- package/dist/input-password/index.js +6 -0
- package/dist/input-password/index.js.map +1 -0
- package/dist/kbd/index.js +4 -0
- package/dist/kbd/index.js.map +1 -0
- package/dist/modal/index.js +4 -0
- package/dist/modal/index.js.map +1 -0
- package/dist/multi-select/index.js +5 -0
- package/dist/multi-select/index.js.map +1 -0
- package/dist/notification/index.js +4 -0
- package/dist/notification/index.js.map +1 -0
- package/dist/pagination/index.js +4 -0
- package/dist/pagination/index.js.map +1 -0
- package/dist/popover/index.js +4 -0
- package/dist/popover/index.js.map +1 -0
- package/dist/progress/index.js +4 -0
- package/dist/progress/index.js.map +1 -0
- package/dist/radio/index.js +4 -0
- package/dist/radio/index.js.map +1 -0
- package/dist/radio-group/index.js +4 -0
- package/dist/radio-group/index.js.map +1 -0
- package/dist/rating/index.js +4 -0
- package/dist/rating/index.js.map +1 -0
- package/dist/ribbon/index.js +4 -0
- package/dist/ribbon/index.js.map +1 -0
- package/dist/select/index.js +6 -0
- package/dist/select/index.js.map +1 -0
- package/dist/skeleton/index.js +4 -0
- package/dist/skeleton/index.js.map +1 -0
- package/dist/slider/index.js +4 -0
- package/dist/slider/index.js.map +1 -0
- package/dist/spinner/index.js +4 -0
- package/dist/spinner/index.js.map +1 -0
- package/dist/stepper/index.js +4 -0
- package/dist/stepper/index.js.map +1 -0
- package/dist/styles/base.css +161 -0
- package/dist/styles/global.css +633 -0
- package/dist/styles/themes/dark.css +84 -0
- package/dist/styles/themes/light.css +84 -0
- package/dist/switch/index.js +4 -0
- package/dist/switch/index.js.map +1 -0
- package/dist/table/index.js +12 -0
- package/dist/table/index.js.map +1 -0
- package/dist/tabs/index.js +5 -0
- package/dist/tabs/index.js.map +1 -0
- package/dist/textarea/index.js +4 -0
- package/dist/textarea/index.js.map +1 -0
- package/dist/toggle/index.js +4 -0
- package/dist/toggle/index.js.map +1 -0
- package/dist/toggle-group/index.js +4 -0
- package/dist/toggle-group/index.js.map +1 -0
- package/dist/tooltip/index.js +4 -0
- package/dist/tooltip/index.js.map +1 -0
- package/dist/transfer/index.js +6 -0
- package/dist/transfer/index.js.map +1 -0
- package/dist/tree/index.js +4 -0
- package/dist/tree/index.js.map +1 -0
- package/dist/tree-select/index.js +6 -0
- package/dist/tree-select/index.js.map +1 -0
- package/package.json +107 -0
|
@@ -0,0 +1,228 @@
|
|
|
1
|
+
import { cn } from './chunk-YNNAOXU5.js';
|
|
2
|
+
import * as PopoverPrimitive from '@radix-ui/react-popover';
|
|
3
|
+
import { cva } from 'class-variance-authority';
|
|
4
|
+
import { jsx } from 'react/jsx-runtime';
|
|
5
|
+
|
|
6
|
+
function Popover({
|
|
7
|
+
...props
|
|
8
|
+
}) {
|
|
9
|
+
return /* @__PURE__ */ jsx(
|
|
10
|
+
PopoverPrimitive.Root,
|
|
11
|
+
{
|
|
12
|
+
"data-slot": "popover",
|
|
13
|
+
...props
|
|
14
|
+
}
|
|
15
|
+
);
|
|
16
|
+
}
|
|
17
|
+
function PopoverTrigger({
|
|
18
|
+
...props
|
|
19
|
+
}) {
|
|
20
|
+
return /* @__PURE__ */ jsx(
|
|
21
|
+
PopoverPrimitive.Trigger,
|
|
22
|
+
{
|
|
23
|
+
"data-slot": "popover-trigger",
|
|
24
|
+
...props
|
|
25
|
+
}
|
|
26
|
+
);
|
|
27
|
+
}
|
|
28
|
+
var popoverContentVariants = cva(
|
|
29
|
+
"overflow-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=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 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border outline-none",
|
|
30
|
+
{
|
|
31
|
+
variants: {
|
|
32
|
+
size: {
|
|
33
|
+
xs: "p-2 text-xs",
|
|
34
|
+
sm: "p-3 text-sm",
|
|
35
|
+
md: "p-4 text-base",
|
|
36
|
+
lg: "p-5 text-lg"
|
|
37
|
+
},
|
|
38
|
+
variant: {
|
|
39
|
+
default: "",
|
|
40
|
+
solid: "",
|
|
41
|
+
soft: ""
|
|
42
|
+
},
|
|
43
|
+
color: {
|
|
44
|
+
default: "",
|
|
45
|
+
primary: "",
|
|
46
|
+
secondary: "",
|
|
47
|
+
accent: "",
|
|
48
|
+
success: "",
|
|
49
|
+
error: "",
|
|
50
|
+
warning: "",
|
|
51
|
+
info: ""
|
|
52
|
+
}
|
|
53
|
+
},
|
|
54
|
+
compoundVariants: [
|
|
55
|
+
// Default color variants
|
|
56
|
+
{
|
|
57
|
+
variant: "default",
|
|
58
|
+
color: "default",
|
|
59
|
+
class: "bg-background border-border text-text-primary"
|
|
60
|
+
},
|
|
61
|
+
{
|
|
62
|
+
variant: "solid",
|
|
63
|
+
color: "default",
|
|
64
|
+
class: "bg-surface border-border text-text-primary"
|
|
65
|
+
},
|
|
66
|
+
{
|
|
67
|
+
variant: "soft",
|
|
68
|
+
color: "default",
|
|
69
|
+
class: "backdrop-blur-sm bg-surface/80 border-border text-text-primary"
|
|
70
|
+
},
|
|
71
|
+
// Primary color variants
|
|
72
|
+
{
|
|
73
|
+
variant: "default",
|
|
74
|
+
color: "primary",
|
|
75
|
+
class: "bg-background border-primary text-text-primary"
|
|
76
|
+
},
|
|
77
|
+
{
|
|
78
|
+
variant: "solid",
|
|
79
|
+
color: "primary",
|
|
80
|
+
class: "bg-primary border-primary text-primary-text"
|
|
81
|
+
},
|
|
82
|
+
{
|
|
83
|
+
variant: "soft",
|
|
84
|
+
color: "primary",
|
|
85
|
+
class: "backdrop-blur-sm bg-primary/10 border-primary/30 text-primary"
|
|
86
|
+
},
|
|
87
|
+
// Secondary color variants
|
|
88
|
+
{
|
|
89
|
+
variant: "default",
|
|
90
|
+
color: "secondary",
|
|
91
|
+
class: "bg-background border-secondary text-text-primary"
|
|
92
|
+
},
|
|
93
|
+
{
|
|
94
|
+
variant: "solid",
|
|
95
|
+
color: "secondary",
|
|
96
|
+
class: "bg-secondary border-secondary text-secondary-text"
|
|
97
|
+
},
|
|
98
|
+
{
|
|
99
|
+
variant: "soft",
|
|
100
|
+
color: "secondary",
|
|
101
|
+
class: "backdrop-blur-sm bg-secondary/10 border-secondary/30 text-secondary"
|
|
102
|
+
},
|
|
103
|
+
// Accent color variants
|
|
104
|
+
{
|
|
105
|
+
variant: "default",
|
|
106
|
+
color: "accent",
|
|
107
|
+
class: "bg-background border-accent text-text-primary"
|
|
108
|
+
},
|
|
109
|
+
{
|
|
110
|
+
variant: "solid",
|
|
111
|
+
color: "accent",
|
|
112
|
+
class: "bg-accent border-accent text-primary-text"
|
|
113
|
+
},
|
|
114
|
+
{
|
|
115
|
+
variant: "soft",
|
|
116
|
+
color: "accent",
|
|
117
|
+
class: "backdrop-blur-sm bg-accent/10 border-accent/30 text-accent"
|
|
118
|
+
},
|
|
119
|
+
// Success color variants
|
|
120
|
+
{
|
|
121
|
+
variant: "default",
|
|
122
|
+
color: "success",
|
|
123
|
+
class: "bg-background border-success text-text-primary"
|
|
124
|
+
},
|
|
125
|
+
{
|
|
126
|
+
variant: "solid",
|
|
127
|
+
color: "success",
|
|
128
|
+
class: "bg-success border-success text-success-text"
|
|
129
|
+
},
|
|
130
|
+
{
|
|
131
|
+
variant: "soft",
|
|
132
|
+
color: "success",
|
|
133
|
+
class: "backdrop-blur-sm bg-success/10 border-success/30 text-success"
|
|
134
|
+
},
|
|
135
|
+
// Error color variants
|
|
136
|
+
{
|
|
137
|
+
variant: "default",
|
|
138
|
+
color: "error",
|
|
139
|
+
class: "bg-background border-error text-text-primary"
|
|
140
|
+
},
|
|
141
|
+
{
|
|
142
|
+
variant: "solid",
|
|
143
|
+
color: "error",
|
|
144
|
+
class: "bg-error border-error text-error-text"
|
|
145
|
+
},
|
|
146
|
+
{
|
|
147
|
+
variant: "soft",
|
|
148
|
+
color: "error",
|
|
149
|
+
class: "backdrop-blur-sm bg-error/10 border-error/30 text-error"
|
|
150
|
+
},
|
|
151
|
+
// Warning color variants
|
|
152
|
+
{
|
|
153
|
+
variant: "default",
|
|
154
|
+
color: "warning",
|
|
155
|
+
class: "bg-background border-warning text-text-primary"
|
|
156
|
+
},
|
|
157
|
+
{
|
|
158
|
+
variant: "solid",
|
|
159
|
+
color: "warning",
|
|
160
|
+
class: "bg-warning border-warning text-primary-text"
|
|
161
|
+
},
|
|
162
|
+
{
|
|
163
|
+
variant: "soft",
|
|
164
|
+
color: "warning",
|
|
165
|
+
class: "backdrop-blur-sm bg-warning/10 border-warning/30 text-warning"
|
|
166
|
+
},
|
|
167
|
+
// Info color variants
|
|
168
|
+
{
|
|
169
|
+
variant: "default",
|
|
170
|
+
color: "info",
|
|
171
|
+
class: "bg-background border-info text-text-primary"
|
|
172
|
+
},
|
|
173
|
+
{
|
|
174
|
+
variant: "solid",
|
|
175
|
+
color: "info",
|
|
176
|
+
class: "bg-info border-info text-info-text"
|
|
177
|
+
},
|
|
178
|
+
{
|
|
179
|
+
variant: "soft",
|
|
180
|
+
color: "info",
|
|
181
|
+
class: "backdrop-blur-sm bg-info/10 border-info/30 text-info"
|
|
182
|
+
}
|
|
183
|
+
],
|
|
184
|
+
defaultVariants: {
|
|
185
|
+
size: "md",
|
|
186
|
+
variant: "default",
|
|
187
|
+
color: "default"
|
|
188
|
+
}
|
|
189
|
+
}
|
|
190
|
+
);
|
|
191
|
+
function PopoverContent({
|
|
192
|
+
className,
|
|
193
|
+
align = "center",
|
|
194
|
+
sideOffset = 4,
|
|
195
|
+
size = "md",
|
|
196
|
+
variant = "default",
|
|
197
|
+
color = "default",
|
|
198
|
+
...props
|
|
199
|
+
}) {
|
|
200
|
+
return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
|
|
201
|
+
PopoverPrimitive.Content,
|
|
202
|
+
{
|
|
203
|
+
"data-slot": "popover-content",
|
|
204
|
+
align,
|
|
205
|
+
sideOffset,
|
|
206
|
+
className: cn(
|
|
207
|
+
popoverContentVariants({ size, variant, color }),
|
|
208
|
+
className
|
|
209
|
+
),
|
|
210
|
+
...props
|
|
211
|
+
}
|
|
212
|
+
) });
|
|
213
|
+
}
|
|
214
|
+
function PopoverAnchor({
|
|
215
|
+
...props
|
|
216
|
+
}) {
|
|
217
|
+
return /* @__PURE__ */ jsx(
|
|
218
|
+
PopoverPrimitive.Anchor,
|
|
219
|
+
{
|
|
220
|
+
"data-slot": "popover-anchor",
|
|
221
|
+
...props
|
|
222
|
+
}
|
|
223
|
+
);
|
|
224
|
+
}
|
|
225
|
+
|
|
226
|
+
export { Popover, PopoverAnchor, PopoverContent, PopoverTrigger };
|
|
227
|
+
//# sourceMappingURL=chunk-3PFA3YG6.js.map
|
|
228
|
+
//# sourceMappingURL=chunk-3PFA3YG6.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/popover/index.tsx"],"names":[],"mappings":"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","file":"chunk-3PFA3YG6.js","sourcesContent":["import * as PopoverPrimitive from '@radix-ui/react-popover'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport * as React from 'react'\n\nimport { cn } from '../utils'\n\nfunction Popover({\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Root>) {\n return (\n <PopoverPrimitive.Root\n data-slot=\"popover\"\n {...props}\n />\n )\n}\n\nfunction PopoverTrigger({\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {\n return (\n <PopoverPrimitive.Trigger\n data-slot=\"popover-trigger\"\n {...props}\n />\n )\n}\n\nconst popoverContentVariants = cva(\n 'overflow-hidden data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=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 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border outline-none',\n {\n variants: {\n size: {\n xs: 'p-2 text-xs',\n sm: 'p-3 text-sm',\n md: 'p-4 text-base',\n lg: 'p-5 text-lg',\n },\n variant: {\n default: '',\n solid: '',\n soft: '',\n },\n color: {\n default: '',\n primary: '',\n secondary: '',\n accent: '',\n success: '',\n error: '',\n warning: '',\n info: '',\n },\n },\n compoundVariants: [\n // Default color variants\n {\n variant: 'default',\n color: 'default',\n class: 'bg-background border-border text-text-primary',\n },\n {\n variant: 'solid',\n color: 'default',\n class: 'bg-surface border-border text-text-primary',\n },\n {\n variant: 'soft',\n color: 'default',\n class: 'backdrop-blur-sm bg-surface/80 border-border text-text-primary',\n },\n\n // Primary color variants\n {\n variant: 'default',\n color: 'primary',\n class: 'bg-background border-primary text-text-primary',\n },\n {\n variant: 'solid',\n color: 'primary',\n class: 'bg-primary border-primary text-primary-text',\n },\n {\n variant: 'soft',\n color: 'primary',\n class: 'backdrop-blur-sm bg-primary/10 border-primary/30 text-primary',\n },\n\n // Secondary color variants\n {\n variant: 'default',\n color: 'secondary',\n class: 'bg-background border-secondary text-text-primary',\n },\n {\n variant: 'solid',\n color: 'secondary',\n class: 'bg-secondary border-secondary text-secondary-text',\n },\n {\n variant: 'soft',\n color: 'secondary',\n class:\n 'backdrop-blur-sm bg-secondary/10 border-secondary/30 text-secondary',\n },\n\n // Accent color variants\n {\n variant: 'default',\n color: 'accent',\n class: 'bg-background border-accent text-text-primary',\n },\n {\n variant: 'solid',\n color: 'accent',\n class: 'bg-accent border-accent text-primary-text',\n },\n {\n variant: 'soft',\n color: 'accent',\n class: 'backdrop-blur-sm bg-accent/10 border-accent/30 text-accent',\n },\n\n // Success color variants\n {\n variant: 'default',\n color: 'success',\n class: 'bg-background border-success text-text-primary',\n },\n {\n variant: 'solid',\n color: 'success',\n class: 'bg-success border-success text-success-text',\n },\n {\n variant: 'soft',\n color: 'success',\n class: 'backdrop-blur-sm bg-success/10 border-success/30 text-success',\n },\n\n // Error color variants\n {\n variant: 'default',\n color: 'error',\n class: 'bg-background border-error text-text-primary',\n },\n {\n variant: 'solid',\n color: 'error',\n class: 'bg-error border-error text-error-text',\n },\n {\n variant: 'soft',\n color: 'error',\n class: 'backdrop-blur-sm bg-error/10 border-error/30 text-error',\n },\n\n // Warning color variants\n {\n variant: 'default',\n color: 'warning',\n class: 'bg-background border-warning text-text-primary',\n },\n {\n variant: 'solid',\n color: 'warning',\n class: 'bg-warning border-warning text-primary-text',\n },\n {\n variant: 'soft',\n color: 'warning',\n class: 'backdrop-blur-sm bg-warning/10 border-warning/30 text-warning',\n },\n\n // Info color variants\n {\n variant: 'default',\n color: 'info',\n class: 'bg-background border-info text-text-primary',\n },\n {\n variant: 'solid',\n color: 'info',\n class: 'bg-info border-info text-info-text',\n },\n {\n variant: 'soft',\n color: 'info',\n class: 'backdrop-blur-sm bg-info/10 border-info/30 text-info',\n },\n ],\n defaultVariants: {\n size: 'md',\n variant: 'default',\n color: 'default',\n },\n },\n)\n\nexport interface PopoverContentProps\n extends Omit<React.ComponentProps<typeof PopoverPrimitive.Content>, 'color'>,\n VariantProps<typeof popoverContentVariants> {}\n\nfunction PopoverContent({\n className,\n align = 'center',\n sideOffset = 4,\n size = 'md',\n variant = 'default',\n color = 'default',\n ...props\n}: PopoverContentProps) {\n return (\n <PopoverPrimitive.Portal>\n <PopoverPrimitive.Content\n data-slot=\"popover-content\"\n align={align}\n sideOffset={sideOffset}\n className={cn(\n popoverContentVariants({ size, variant, color }),\n className,\n )}\n {...props}\n />\n </PopoverPrimitive.Portal>\n )\n}\n\nfunction PopoverAnchor({\n ...props\n}: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {\n return (\n <PopoverPrimitive.Anchor\n data-slot=\"popover-anchor\"\n {...props}\n />\n )\n}\n\nexport type * from './types'\nexport { Popover, PopoverTrigger, PopoverContent, PopoverAnchor }\n"]}
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
import { Pagination } from 'swiper/modules';
|
|
2
|
+
import { Swiper } from 'swiper/react';
|
|
3
|
+
import { useRef, useState, useEffect } from 'react';
|
|
4
|
+
import 'swiper/css';
|
|
5
|
+
import { ChevronRight, ChevronLeft } from 'lucide-react';
|
|
6
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
7
|
+
|
|
8
|
+
// src/carousel/index.tsx
|
|
9
|
+
function CarouselNavigation({ type, swiper }) {
|
|
10
|
+
const [slideConfig, setSlideConfig] = useState({
|
|
11
|
+
isBeginning: true,
|
|
12
|
+
isEnd: false
|
|
13
|
+
});
|
|
14
|
+
useEffect(() => {
|
|
15
|
+
if (!swiper) return;
|
|
16
|
+
const updateSlideState = () => {
|
|
17
|
+
setSlideConfig({ isBeginning: swiper.isBeginning, isEnd: swiper.isEnd });
|
|
18
|
+
};
|
|
19
|
+
swiper.on("slideChange", updateSlideState);
|
|
20
|
+
return () => {
|
|
21
|
+
swiper.off("slideChange", updateSlideState);
|
|
22
|
+
};
|
|
23
|
+
}, [swiper]);
|
|
24
|
+
if (!swiper) return null;
|
|
25
|
+
if (slideConfig.isBeginning && type === "prev") return null;
|
|
26
|
+
if (slideConfig.isEnd && type === "next") return null;
|
|
27
|
+
return /* @__PURE__ */ jsx(
|
|
28
|
+
"button",
|
|
29
|
+
{
|
|
30
|
+
onClick: (e) => {
|
|
31
|
+
e.stopPropagation();
|
|
32
|
+
if (type === "next") {
|
|
33
|
+
swiper?.slideNext();
|
|
34
|
+
} else {
|
|
35
|
+
swiper?.slidePrev();
|
|
36
|
+
}
|
|
37
|
+
},
|
|
38
|
+
className: "flex items-center justify-center w-9 h-9 rounded-full border border-gray-300 bg-white shadow-sm hover:bg-gray-100 transition cursor-pointer",
|
|
39
|
+
children: type === "next" ? /* @__PURE__ */ jsx(ChevronRight, { size: 18 }) : /* @__PURE__ */ jsx(ChevronLeft, { size: 18 })
|
|
40
|
+
}
|
|
41
|
+
);
|
|
42
|
+
}
|
|
43
|
+
var pagination = {
|
|
44
|
+
clickable: true,
|
|
45
|
+
horizontalClass: "pagination",
|
|
46
|
+
bulletActiveClass: "bg-gray-800",
|
|
47
|
+
bulletClass: "inline-flex w-2.5 h-2.5 mx-1 rounded-full bg-gray-300 opacity-70 transition-all duration-300 cursor-pointer hover:opacity-100"
|
|
48
|
+
};
|
|
49
|
+
function Carousel({
|
|
50
|
+
withArrows = false,
|
|
51
|
+
withPagination = false,
|
|
52
|
+
children,
|
|
53
|
+
loop = false,
|
|
54
|
+
className,
|
|
55
|
+
modules,
|
|
56
|
+
...props
|
|
57
|
+
}) {
|
|
58
|
+
const swiperRef = useRef(null);
|
|
59
|
+
const [, setRenderTrigger] = useState(0);
|
|
60
|
+
return /* @__PURE__ */ jsxs("div", { className: "relative h-full group", children: [
|
|
61
|
+
withArrows && /* @__PURE__ */ jsx("div", { className: "absolute -translate-y-1/2 top-1/2 left-0 flex px-1 z-10 opacity-0 group-hover:opacity-100 transition-opacity duration-200", children: /* @__PURE__ */ jsx(
|
|
62
|
+
CarouselNavigation,
|
|
63
|
+
{
|
|
64
|
+
type: "prev",
|
|
65
|
+
swiper: swiperRef.current
|
|
66
|
+
}
|
|
67
|
+
) }),
|
|
68
|
+
/* @__PURE__ */ jsx(
|
|
69
|
+
Swiper,
|
|
70
|
+
{
|
|
71
|
+
loop,
|
|
72
|
+
...props,
|
|
73
|
+
modules: [Pagination, ...modules || []],
|
|
74
|
+
pagination: withPagination ? pagination : false,
|
|
75
|
+
className: `relative ${className || ""}`,
|
|
76
|
+
onBeforeInit: (swiper) => {
|
|
77
|
+
swiperRef.current = swiper;
|
|
78
|
+
setRenderTrigger((x) => x + 1);
|
|
79
|
+
},
|
|
80
|
+
children
|
|
81
|
+
}
|
|
82
|
+
),
|
|
83
|
+
withArrows && /* @__PURE__ */ jsx("div", { className: "absolute -translate-y-1/2 top-1/2 right-0 flex px-1 z-10 opacity-0 group-hover:opacity-100 transition-opacity duration-200", children: /* @__PURE__ */ jsx(
|
|
84
|
+
CarouselNavigation,
|
|
85
|
+
{
|
|
86
|
+
type: "next",
|
|
87
|
+
swiper: swiperRef.current
|
|
88
|
+
}
|
|
89
|
+
) })
|
|
90
|
+
] });
|
|
91
|
+
}
|
|
92
|
+
var carousel_default = Carousel;
|
|
93
|
+
|
|
94
|
+
export { carousel_default };
|
|
95
|
+
//# sourceMappingURL=chunk-4OMLQCUV.js.map
|
|
96
|
+
//# sourceMappingURL=chunk-4OMLQCUV.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/carousel/carousel-navigation.tsx","../src/carousel/index.tsx"],"names":["useState","jsx"],"mappings":"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","file":"chunk-4OMLQCUV.js","sourcesContent":["'use client'\n\nimport { ChevronLeft, ChevronRight } from 'lucide-react'\nimport { Swiper as SwiperType } from 'swiper/types'\nimport { useEffect, useState } from 'react'\n\ninterface CarouselNavigationProps {\n type: 'next' | 'prev'\n swiper: SwiperType | null\n}\n\nexport function CarouselNavigation({ type, swiper }: CarouselNavigationProps) {\n const [slideConfig, setSlideConfig] = useState({\n isBeginning: true,\n isEnd: false,\n })\n\n useEffect(() => {\n if (!swiper) return\n\n const updateSlideState = () => {\n setSlideConfig({ isBeginning: swiper.isBeginning, isEnd: swiper.isEnd })\n }\n\n swiper.on('slideChange', updateSlideState)\n\n return () => {\n swiper.off('slideChange', updateSlideState)\n }\n }, [swiper])\n\n if (!swiper) return null\n if (slideConfig.isBeginning && type === 'prev') return null\n if (slideConfig.isEnd && type === 'next') return null\n\n return (\n <button\n onClick={(e) => {\n e.stopPropagation()\n if (type === 'next') {\n swiper?.slideNext()\n } else {\n swiper?.slidePrev()\n }\n }}\n className=\"flex items-center justify-center w-9 h-9 rounded-full border border-gray-300 bg-white shadow-sm hover:bg-gray-100 transition cursor-pointer\"\n >\n {type === 'next' ? <ChevronRight size={18} /> : <ChevronLeft size={18} />}\n </button>\n )\n}\n","'use client'\n\nimport { Pagination } from 'swiper/modules'\nimport { Swiper, SwiperProps } from 'swiper/react'\nimport { PaginationOptions, Swiper as SwiperType } from 'swiper/types'\nimport { useRef, useState } from 'react'\n\nimport 'swiper/css'\n\nimport { CarouselNavigation } from './carousel-navigation'\n\ninterface CarouselProps extends SwiperProps {\n withArrows?: boolean\n withPagination?: boolean\n children: React.ReactNode\n}\n\nconst pagination: PaginationOptions = {\n clickable: true,\n horizontalClass: 'pagination',\n bulletActiveClass: 'bg-gray-800',\n bulletClass:\n 'inline-flex w-2.5 h-2.5 mx-1 rounded-full bg-gray-300 opacity-70 transition-all duration-300 cursor-pointer hover:opacity-100',\n}\n\nfunction Carousel({\n withArrows = false,\n withPagination = false,\n children,\n loop = false,\n className,\n modules,\n ...props\n}: CarouselProps) {\n const swiperRef = useRef<SwiperType | null>(null)\n const [, setRenderTrigger] = useState(0) // 👈 добавляем \"сигнал\"\n\n return (\n <div className=\"relative h-full group\">\n {withArrows && (\n <div className=\"absolute -translate-y-1/2 top-1/2 left-0 flex px-1 z-10 opacity-0 group-hover:opacity-100 transition-opacity duration-200\">\n <CarouselNavigation\n type=\"prev\"\n swiper={swiperRef.current}\n />\n </div>\n )}\n\n <Swiper\n loop={loop}\n {...props}\n modules={[Pagination, ...(modules || [])]}\n pagination={withPagination ? pagination : false}\n className={`relative ${className || ''}`}\n onBeforeInit={(swiper) => {\n swiperRef.current = swiper\n setRenderTrigger((x) => x + 1) // 👈 триггерим обновление\n }}\n >\n {children}\n </Swiper>\n\n {withArrows && (\n <div className=\"absolute -translate-y-1/2 top-1/2 right-0 flex px-1 z-10 opacity-0 group-hover:opacity-100 transition-opacity duration-200\">\n <CarouselNavigation\n type=\"next\"\n swiper={swiperRef.current}\n />\n </div>\n )}\n </div>\n )\n}\n\nexport default Carousel\n"]}
|
|
@@ -0,0 +1,298 @@
|
|
|
1
|
+
import { Modal, ModalHeader, ModalTitle, ModalDescription, ModalContent } from './chunk-5VCGW53O.js';
|
|
2
|
+
import { cn, iconSizes } from './chunk-YNNAOXU5.js';
|
|
3
|
+
import { cva } from 'class-variance-authority';
|
|
4
|
+
import { Command as Command$1 } from 'cmdk';
|
|
5
|
+
import { SearchIcon } from 'lucide-react';
|
|
6
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
7
|
+
|
|
8
|
+
var commandVariants = cva(
|
|
9
|
+
"flex h-full w-full flex-col overflow-hidden rounded-md bg-background text-text-primary",
|
|
10
|
+
{
|
|
11
|
+
variants: {
|
|
12
|
+
size: {
|
|
13
|
+
sm: "text-sm",
|
|
14
|
+
md: "text-base",
|
|
15
|
+
lg: "text-lg"
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
defaultVariants: {
|
|
19
|
+
size: "md"
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
);
|
|
23
|
+
function Command({
|
|
24
|
+
className,
|
|
25
|
+
size = "md",
|
|
26
|
+
...props
|
|
27
|
+
}) {
|
|
28
|
+
return /* @__PURE__ */ jsx(
|
|
29
|
+
Command$1,
|
|
30
|
+
{
|
|
31
|
+
"data-slot": "command",
|
|
32
|
+
className: cn(commandVariants({ size }), className),
|
|
33
|
+
...props
|
|
34
|
+
}
|
|
35
|
+
);
|
|
36
|
+
}
|
|
37
|
+
function CommandModal({
|
|
38
|
+
title = "Command Palette",
|
|
39
|
+
description = "Search for a command to run...",
|
|
40
|
+
children,
|
|
41
|
+
className,
|
|
42
|
+
showCloseButton = true,
|
|
43
|
+
size = "md",
|
|
44
|
+
...props
|
|
45
|
+
}) {
|
|
46
|
+
return /* @__PURE__ */ jsxs(Modal, { ...props, children: [
|
|
47
|
+
/* @__PURE__ */ jsxs(ModalHeader, { className: "sr-only", children: [
|
|
48
|
+
/* @__PURE__ */ jsx(ModalTitle, { children: title }),
|
|
49
|
+
/* @__PURE__ */ jsx(ModalDescription, { children: description })
|
|
50
|
+
] }),
|
|
51
|
+
/* @__PURE__ */ jsx(
|
|
52
|
+
ModalContent,
|
|
53
|
+
{
|
|
54
|
+
className: cn("overflow-hidden p-0", className),
|
|
55
|
+
showCloseButton,
|
|
56
|
+
children: /* @__PURE__ */ jsx(
|
|
57
|
+
Command,
|
|
58
|
+
{
|
|
59
|
+
size,
|
|
60
|
+
className: "[&_[cmdk-group-heading]]:text-text-muted [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0",
|
|
61
|
+
children
|
|
62
|
+
}
|
|
63
|
+
)
|
|
64
|
+
}
|
|
65
|
+
)
|
|
66
|
+
] });
|
|
67
|
+
}
|
|
68
|
+
var commandInputVariants = cva(
|
|
69
|
+
"flex w-full bg-transparent outline-hidden disabled:cursor-not-allowed disabled:opacity-50 placeholder:text-text-muted text-text-primary",
|
|
70
|
+
{
|
|
71
|
+
variants: {
|
|
72
|
+
size: {
|
|
73
|
+
sm: "h-8 py-2 text-sm",
|
|
74
|
+
md: "h-10 py-3 text-base",
|
|
75
|
+
lg: "h-12 py-4 text-lg"
|
|
76
|
+
}
|
|
77
|
+
},
|
|
78
|
+
defaultVariants: {
|
|
79
|
+
size: "md"
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
);
|
|
83
|
+
var commandInputWrapperVariants = cva(
|
|
84
|
+
"flex items-center gap-2 border-b border-border px-3",
|
|
85
|
+
{
|
|
86
|
+
variants: {
|
|
87
|
+
size: {
|
|
88
|
+
sm: "h-8",
|
|
89
|
+
md: "h-10",
|
|
90
|
+
lg: "h-12"
|
|
91
|
+
}
|
|
92
|
+
},
|
|
93
|
+
defaultVariants: {
|
|
94
|
+
size: "md"
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
);
|
|
98
|
+
function CommandInput({
|
|
99
|
+
className,
|
|
100
|
+
size = "md",
|
|
101
|
+
...props
|
|
102
|
+
}) {
|
|
103
|
+
return /* @__PURE__ */ jsxs(
|
|
104
|
+
"div",
|
|
105
|
+
{
|
|
106
|
+
"data-slot": "command-input-wrapper",
|
|
107
|
+
className: commandInputWrapperVariants({ size }),
|
|
108
|
+
children: [
|
|
109
|
+
/* @__PURE__ */ jsx(
|
|
110
|
+
SearchIcon,
|
|
111
|
+
{
|
|
112
|
+
className: cn("shrink-0 opacity-50 text-text-muted", iconSizes[size])
|
|
113
|
+
}
|
|
114
|
+
),
|
|
115
|
+
/* @__PURE__ */ jsx(
|
|
116
|
+
Command$1.Input,
|
|
117
|
+
{
|
|
118
|
+
"data-slot": "command-input",
|
|
119
|
+
className: cn(commandInputVariants({ size }), className),
|
|
120
|
+
...props
|
|
121
|
+
}
|
|
122
|
+
)
|
|
123
|
+
]
|
|
124
|
+
}
|
|
125
|
+
);
|
|
126
|
+
}
|
|
127
|
+
var commandListVariants = cva(
|
|
128
|
+
"scroll-py-1 overflow-x-hidden overflow-y-auto",
|
|
129
|
+
{
|
|
130
|
+
variants: {
|
|
131
|
+
size: {
|
|
132
|
+
sm: "max-h-[200px]",
|
|
133
|
+
md: "max-h-[300px]",
|
|
134
|
+
lg: "max-h-[400px]"
|
|
135
|
+
}
|
|
136
|
+
},
|
|
137
|
+
defaultVariants: {
|
|
138
|
+
size: "md"
|
|
139
|
+
}
|
|
140
|
+
}
|
|
141
|
+
);
|
|
142
|
+
function CommandList({
|
|
143
|
+
className,
|
|
144
|
+
size = "md",
|
|
145
|
+
...props
|
|
146
|
+
}) {
|
|
147
|
+
return /* @__PURE__ */ jsx(
|
|
148
|
+
Command$1.List,
|
|
149
|
+
{
|
|
150
|
+
"data-slot": "command-list",
|
|
151
|
+
className: cn(commandListVariants({ size }), className),
|
|
152
|
+
...props
|
|
153
|
+
}
|
|
154
|
+
);
|
|
155
|
+
}
|
|
156
|
+
var commandEmptyVariants = cva("text-center text-text-muted", {
|
|
157
|
+
variants: {
|
|
158
|
+
size: {
|
|
159
|
+
sm: "py-4 text-xs",
|
|
160
|
+
md: "py-6 text-sm",
|
|
161
|
+
lg: "py-8 text-base"
|
|
162
|
+
}
|
|
163
|
+
},
|
|
164
|
+
defaultVariants: {
|
|
165
|
+
size: "md"
|
|
166
|
+
}
|
|
167
|
+
});
|
|
168
|
+
function CommandEmpty({
|
|
169
|
+
size = "md",
|
|
170
|
+
...props
|
|
171
|
+
}) {
|
|
172
|
+
return /* @__PURE__ */ jsx(
|
|
173
|
+
Command$1.Empty,
|
|
174
|
+
{
|
|
175
|
+
"data-slot": "command-empty",
|
|
176
|
+
className: commandEmptyVariants({ size }),
|
|
177
|
+
...props
|
|
178
|
+
}
|
|
179
|
+
);
|
|
180
|
+
}
|
|
181
|
+
var commandGroupVariants = cva(
|
|
182
|
+
"overflow-hidden text-text-primary [&_[cmdk-group-heading]]:text-text-muted [&_[cmdk-group-heading]]:font-medium",
|
|
183
|
+
{
|
|
184
|
+
variants: {
|
|
185
|
+
size: {
|
|
186
|
+
sm: "p-0.5 [&_[cmdk-group-heading]]:px-1.5 [&_[cmdk-group-heading]]:py-1 [&_[cmdk-group-heading]]:text-[10px]",
|
|
187
|
+
md: "p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs",
|
|
188
|
+
lg: "p-1.5 [&_[cmdk-group-heading]]:px-3 [&_[cmdk-group-heading]]:py-2 [&_[cmdk-group-heading]]:text-sm"
|
|
189
|
+
}
|
|
190
|
+
},
|
|
191
|
+
defaultVariants: {
|
|
192
|
+
size: "md"
|
|
193
|
+
}
|
|
194
|
+
}
|
|
195
|
+
);
|
|
196
|
+
function CommandGroup({
|
|
197
|
+
className,
|
|
198
|
+
size = "md",
|
|
199
|
+
...props
|
|
200
|
+
}) {
|
|
201
|
+
return /* @__PURE__ */ jsx(
|
|
202
|
+
Command$1.Group,
|
|
203
|
+
{
|
|
204
|
+
"data-slot": "command-group",
|
|
205
|
+
className: cn(commandGroupVariants({ size }), className),
|
|
206
|
+
...props
|
|
207
|
+
}
|
|
208
|
+
);
|
|
209
|
+
}
|
|
210
|
+
var commandSeparatorVariants = cva("bg-border h-px", {
|
|
211
|
+
variants: {
|
|
212
|
+
size: {
|
|
213
|
+
xs: "-mx-0",
|
|
214
|
+
sm: "-mx-0.5",
|
|
215
|
+
md: "-mx-1",
|
|
216
|
+
lg: "-mx-1.5"
|
|
217
|
+
}
|
|
218
|
+
},
|
|
219
|
+
defaultVariants: {
|
|
220
|
+
size: "md"
|
|
221
|
+
}
|
|
222
|
+
});
|
|
223
|
+
function CommandSeparator({
|
|
224
|
+
className,
|
|
225
|
+
size = "md",
|
|
226
|
+
...props
|
|
227
|
+
}) {
|
|
228
|
+
return /* @__PURE__ */ jsx(
|
|
229
|
+
Command$1.Separator,
|
|
230
|
+
{
|
|
231
|
+
"data-slot": "command-separator",
|
|
232
|
+
className: cn(commandSeparatorVariants({ size }), className),
|
|
233
|
+
...props
|
|
234
|
+
}
|
|
235
|
+
);
|
|
236
|
+
}
|
|
237
|
+
var commandItemVariants = cva(
|
|
238
|
+
"relative flex cursor-default items-center gap-2 rounded-sm outline-hidden select-none text-text-primary data-[selected=true]:bg-primary/10 data-[selected=true]:text-primary data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='text-'])]:text-text-muted transition-colors",
|
|
239
|
+
{
|
|
240
|
+
variants: {
|
|
241
|
+
size: {
|
|
242
|
+
sm: "px-1.5 py-1 text-xs gap-1.5 [&_svg:not([class*='size-'])]:size-3.5",
|
|
243
|
+
md: "px-2 py-1.5 text-sm gap-2 [&_svg:not([class*='size-'])]:size-4",
|
|
244
|
+
lg: "px-3 py-2 text-base gap-2.5 [&_svg:not([class*='size-'])]:size-5"
|
|
245
|
+
}
|
|
246
|
+
},
|
|
247
|
+
defaultVariants: {
|
|
248
|
+
size: "md"
|
|
249
|
+
}
|
|
250
|
+
}
|
|
251
|
+
);
|
|
252
|
+
function CommandItem({
|
|
253
|
+
className,
|
|
254
|
+
size = "md",
|
|
255
|
+
...props
|
|
256
|
+
}) {
|
|
257
|
+
return /* @__PURE__ */ jsx(
|
|
258
|
+
Command$1.Item,
|
|
259
|
+
{
|
|
260
|
+
"data-slot": "command-item",
|
|
261
|
+
className: cn(commandItemVariants({ size }), className),
|
|
262
|
+
...props
|
|
263
|
+
}
|
|
264
|
+
);
|
|
265
|
+
}
|
|
266
|
+
var commandShortcutVariants = cva(
|
|
267
|
+
"ml-auto tracking-widest text-text-muted opacity-60",
|
|
268
|
+
{
|
|
269
|
+
variants: {
|
|
270
|
+
size: {
|
|
271
|
+
sm: "text-[10px]",
|
|
272
|
+
md: "text-xs",
|
|
273
|
+
lg: "text-sm"
|
|
274
|
+
}
|
|
275
|
+
},
|
|
276
|
+
defaultVariants: {
|
|
277
|
+
size: "md"
|
|
278
|
+
}
|
|
279
|
+
}
|
|
280
|
+
);
|
|
281
|
+
function CommandShortcut({
|
|
282
|
+
className,
|
|
283
|
+
size = "md",
|
|
284
|
+
...props
|
|
285
|
+
}) {
|
|
286
|
+
return /* @__PURE__ */ jsx(
|
|
287
|
+
"span",
|
|
288
|
+
{
|
|
289
|
+
"data-slot": "command-shortcut",
|
|
290
|
+
className: cn(commandShortcutVariants({ size }), className),
|
|
291
|
+
...props
|
|
292
|
+
}
|
|
293
|
+
);
|
|
294
|
+
}
|
|
295
|
+
|
|
296
|
+
export { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandModal, CommandSeparator, CommandShortcut };
|
|
297
|
+
//# sourceMappingURL=chunk-4P5EMRFI.js.map
|
|
298
|
+
//# sourceMappingURL=chunk-4P5EMRFI.js.map
|