@soft-stech/bootsman-ui-shadcn 1.1.30 → 1.1.32
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/{BuiFormControl.vue_vue_type_script_setup_true_lang-DBf2R0rh.js → BuiFormControl.vue_vue_type_script_setup_true_lang-BkvrIzuO.js} +4 -4
- package/dist/{BuiFormDescription.vue_vue_type_script_setup_true_lang-DESVSeBk.js → BuiFormDescription.vue_vue_type_script_setup_true_lang-B6rDOqQf.js} +4 -4
- package/dist/{BuiFormLabel.vue_vue_type_script_setup_true_lang-CdTsKLdJ.js → BuiFormLabel.vue_vue_type_script_setup_true_lang-C6Rzvbdb.js} +8 -8
- package/dist/{BuiFormMessage.vue_vue_type_script_setup_true_lang-BtxFDcdt.js → BuiFormMessage.vue_vue_type_script_setup_true_lang-CHvvMerX.js} +2 -2
- package/dist/assets/main.css +1 -1
- package/dist/components/ui/calendar/index.js +1 -1
- package/dist/components/ui/form/BuiFormControl.js +1 -1
- package/dist/components/ui/form/BuiFormDescription.js +1 -1
- package/dist/components/ui/form/BuiFormLabel.js +1 -1
- package/dist/components/ui/form/BuiFormMessage.js +1 -1
- package/dist/components/ui/form/index.d.ts +1 -1
- package/dist/components/ui/form/index.js +16 -15
- package/dist/components/ui/form/useFormField.js +1 -1
- package/dist/components/ui/input/index.js +46 -42
- package/dist/components/ui/textarea/index.js +1 -1
- package/dist/index-DlKyQJKc.js +181 -0
- package/dist/index.js +170 -169
- package/dist/{useFormField-_ngdGlTO.js → useFormField-DauRmNq-.js} +2 -1
- package/package.json +1 -1
- package/src/components/stories/BuiCombobox.story.vue +93 -1
- package/src/components/stories/BuiInput.story.vue +2 -2
- package/src/components/ui/form/index.ts +2 -1
- package/src/components/ui/input/BuiBadgedInput.vue +10 -3
- package/dist/index-DO0xNIC7.js +0 -49
package/dist/index.js
CHANGED
@@ -71,92 +71,92 @@ import { _ as Jr } from "./BuiDropdownMenuLabel.vue_vue_type_script_setup_true_l
|
|
71
71
|
import { _ as Or } from "./BuiDropdownMenuSub.vue_vue_type_script_setup_true_lang-C0dWO8aw.js";
|
72
72
|
import { _ as Wr } from "./BuiDropdownMenuSubTrigger.vue_vue_type_script_setup_true_lang-AiLl3Pzs.js";
|
73
73
|
import { _ as Yr } from "./BuiDropdownMenuSubContent.vue_vue_type_script_setup_true_lang-1QJ2MRDh.js";
|
74
|
-
import { F as $r, a as oe, b as re, c as ee,
|
75
|
-
import { _ as
|
76
|
-
import { _ as
|
77
|
-
import { _ as
|
78
|
-
import { _ as
|
79
|
-
import { _ as
|
80
|
-
import { _ as
|
81
|
-
import { _ as
|
82
|
-
import { _ as
|
83
|
-
import { BuiBadgedInput as
|
84
|
-
import { _ as
|
85
|
-
import { _ as
|
86
|
-
import { _ as
|
87
|
-
import { _ as
|
88
|
-
import { _ as
|
89
|
-
import { _ as
|
90
|
-
import { _ as
|
91
|
-
import { _ as
|
92
|
-
import { _ as
|
93
|
-
import { _ as
|
94
|
-
import { BuiProgress as
|
95
|
-
import { BuiHealth as
|
96
|
-
import { _ as
|
97
|
-
import { _ as
|
98
|
-
import { _ as
|
99
|
-
import { _ as
|
100
|
-
import { _ as
|
101
|
-
import { _ as
|
102
|
-
import { _ as
|
103
|
-
import { _ as
|
104
|
-
import { _ as
|
105
|
-
import { _ as
|
106
|
-
import { _ as
|
107
|
-
import { _ as
|
108
|
-
import { _ as
|
109
|
-
import { _ as
|
110
|
-
import { _ as
|
111
|
-
import { _ as
|
112
|
-
import { _ as
|
113
|
-
import { _ as
|
114
|
-
import { _ as
|
115
|
-
import { _ as
|
116
|
-
import { _ as
|
117
|
-
import { _ as
|
118
|
-
import { _ as
|
119
|
-
import { _ as
|
120
|
-
import { BuiTabsList as
|
121
|
-
import { BuiTextarea as
|
122
|
-
import { BuiToast as
|
123
|
-
import { _ as
|
124
|
-
import { _ as
|
125
|
-
import { _ as
|
126
|
-
import { _ as
|
127
|
-
import { BuiToggle as
|
128
|
-
import { _ as
|
129
|
-
import { _ as
|
130
|
-
import { _ as
|
131
|
-
import { _ as
|
132
|
-
import { _ as
|
133
|
-
import { _ as
|
134
|
-
import { _ as
|
135
|
-
import { _ as
|
136
|
-
import { _ as
|
137
|
-
import { default as
|
74
|
+
import { F as $r, a as oe, b as re, c as ee, d as te, u as ae } from "./useFormField-DauRmNq-.js";
|
75
|
+
import { _ as ue } from "./BuiFormItem.vue_vue_type_script_setup_true_lang-DQtpoiOP.js";
|
76
|
+
import { _ as se } from "./BuiFormLabel.vue_vue_type_script_setup_true_lang-C6Rzvbdb.js";
|
77
|
+
import { _ as xe } from "./BuiFormControl.vue_vue_type_script_setup_true_lang-BkvrIzuO.js";
|
78
|
+
import { _ as ne } from "./BuiFormMessage.vue_vue_type_script_setup_true_lang-CHvvMerX.js";
|
79
|
+
import { _ as _e } from "./BuiFormDescription.vue_vue_type_script_setup_true_lang-B6rDOqQf.js";
|
80
|
+
import { _ as ge } from "./BuiHoverCard.vue_vue_type_script_setup_true_lang-DpR4myB6.js";
|
81
|
+
import { _ as Ce } from "./BuiHoverCardTrigger.vue_vue_type_script_setup_true_lang-BQQYYkqh.js";
|
82
|
+
import { _ as ce } from "./BuiHoverCardContent.vue_vue_type_script_setup_true_lang-CN3tuOjB.js";
|
83
|
+
import { BuiBadgedInput as De, BuiInput as Se, BuiPasswordInput as Me, inputVariants as Ae } from "./components/ui/input/index.js";
|
84
|
+
import { _ as Fe } from "./BuiLabel.vue_vue_type_script_setup_true_lang-1HYZx0Dk.js";
|
85
|
+
import { _ as Pe } from "./BuiPaginationCommon.vue_vue_type_script_setup_true_lang-BF-zRWuU.js";
|
86
|
+
import { _ as ve } from "./BuiPaginationFirst.vue_vue_type_script_setup_true_lang-DMZ4CAsc.js";
|
87
|
+
import { _ as Le } from "./BuiPaginationLast.vue_vue_type_script_setup_true_lang-Bcz8UoI9.js";
|
88
|
+
import { _ as He } from "./BuiPaginationNext.vue_vue_type_script_setup_true_lang-C4e2l3-p.js";
|
89
|
+
import { _ as ke } from "./BuiPaginationPrev.vue_vue_type_script_setup_true_lang-hw27m8cJ.js";
|
90
|
+
import { _ as Ee } from "./BuiPaginationEllipsis.vue_vue_type_script_setup_true_lang-C6Vso03Z.js";
|
91
|
+
import { _ as Ue } from "./BuiPopover.vue_vue_type_script_setup_true_lang-UcSh_GiH.js";
|
92
|
+
import { _ as qe } from "./BuiPopoverTrigger.vue_vue_type_script_setup_true_lang-Dw8pc308.js";
|
93
|
+
import { _ as Je } from "./BuiPopoverContent.vue_vue_type_script_setup_true_lang-Bn6LAyum.js";
|
94
|
+
import { BuiProgress as Oe, capVariants as Qe, progressVariants as We } from "./components/ui/progress/index.js";
|
95
|
+
import { BuiHealth as Ye, capHealthVariants as Ze, healthVariants as $e } from "./components/ui/health/index.js";
|
96
|
+
import { _ as rt } from "./BuiRadioGroup.vue_vue_type_script_setup_true_lang-_Hvn6kqs.js";
|
97
|
+
import { _ as tt } from "./BuiRadioGroupItem.vue_vue_type_script_setup_true_lang-DEHQlTTt.js";
|
98
|
+
import { _ as it } from "./BuiSelect.vue_vue_type_script_setup_true_lang-BRQVqTNO.js";
|
99
|
+
import { _ as pt } from "./BuiSelectValue.vue_vue_type_script_setup_true_lang-Do2Xen84.js";
|
100
|
+
import { _ as mt } from "./BuiSelectTrigger.vue_vue_type_script_setup_true_lang-bVw81gmB.js";
|
101
|
+
import { _ as Bt } from "./BuiSelectContent.vue_vue_type_script_setup_true_lang-DIAEg4c7.js";
|
102
|
+
import { _ as ft } from "./BuiSelectGroup.vue_vue_type_script_setup_true_lang-BzqDI83c.js";
|
103
|
+
import { _ as lt } from "./BuiSelectItem.vue_vue_type_script_setup_true_lang-CcUNDMwy.js";
|
104
|
+
import { _ as dt } from "./BuiSelectItemText.vue_vue_type_script_setup_true_lang-D0U9ILtf.js";
|
105
|
+
import { _ as Tt } from "./BuiSelectLabel.vue_vue_type_script_setup_true_lang-nFBlYqoq.js";
|
106
|
+
import { _ as bt } from "./BuiSelectSeparator.vue_vue_type_script_setup_true_lang-l0ZLnMbK.js";
|
107
|
+
import { _ as St } from "./BuiSeparator.vue_vue_type_script_setup_true_lang-BOWDo0Nu.js";
|
108
|
+
import { _ as At } from "./BuiSwitch.vue_vue_type_script_setup_true_lang-DDm9OTdj.js";
|
109
|
+
import { _ as Ft } from "./BuiTable.vue_vue_type_script_setup_true_lang-E1m-B1AB.js";
|
110
|
+
import { _ as Pt } from "./BuiTableBody.vue_vue_type_script_setup_true_lang-063mcE3N.js";
|
111
|
+
import { _ as vt } from "./BuiTableCell.vue_vue_type_script_setup_true_lang-BHXAudzN.js";
|
112
|
+
import { _ as Lt } from "./BuiTableHead.vue_vue_type_script_setup_true_lang-D6Im2R68.js";
|
113
|
+
import { _ as Ht } from "./BuiTableHeader.vue_vue_type_script_setup_true_lang-DDh2V0u_.js";
|
114
|
+
import { _ as kt } from "./BuiTableRow.vue_vue_type_script_setup_true_lang-BmBGYRXt.js";
|
115
|
+
import { _ as Et } from "./BuiTableRowSubrow.vue_vue_type_script_setup_true_lang-DgWwCXx7.js";
|
116
|
+
import { _ as Ut } from "./BuiTableCaption.vue_vue_type_script_setup_true_lang-D0ip6gs5.js";
|
117
|
+
import { _ as qt } from "./BuiTableEmpty.vue_vue_type_script_setup_true_lang-BR_xIv44.js";
|
118
|
+
import { _ as Jt } from "./BuiTableFooter.vue_vue_type_script_setup_true_lang-BmdXpa_A.js";
|
119
|
+
import { _ as Ot } from "./BuiDataTable.vue_vue_type_script_setup_true_lang-Re8FHMAA.js";
|
120
|
+
import { BuiTabsList as Wt, BuiTabsTrigger as Xt, tabsListVariants as Yt, tabsTriggerVariants as Zt } from "./components/ui/tabs/index.js";
|
121
|
+
import { BuiTextarea as oa, textareaVariants as ra } from "./components/ui/textarea/index.js";
|
122
|
+
import { BuiToast as ta, BuiToaster as aa, toastVariants as ia } from "./components/ui/toast/index.js";
|
123
|
+
import { _ as pa } from "./BuiTooltip.vue_vue_type_script_setup_true_lang-C22CLrvM.js";
|
124
|
+
import { _ as ma } from "./BuiTooltipContent.vue_vue_type_script_setup_true_lang-HvNHYj5F.js";
|
125
|
+
import { _ as Ba } from "./BuiTooltipTrigger.vue_vue_type_script_setup_true_lang-C6uB9b0L.js";
|
126
|
+
import { _ as fa } from "./BuiTooltipProvider.vue_vue_type_script_setup_true_lang-C_LH0pQ_.js";
|
127
|
+
import { BuiToggle as la, toggleVariants as ga } from "./components/ui/toggle/index.js";
|
128
|
+
import { _ as Ca } from "./BuiToggleGroup.vue_vue_type_script_setup_true_lang-CKqhaBlv.js";
|
129
|
+
import { _ as ca } from "./BuiToggleGroupItem.vue_vue_type_script_setup_true_lang-CSKN2QRX.js";
|
130
|
+
import { _ as Da } from "./BuiSlider.vue_vue_type_script_setup_true_lang-DezjEUdU.js";
|
131
|
+
import { _ as Ma } from "./Skeleton.vue_vue_type_script_setup_true_lang-FYrckmcu.js";
|
132
|
+
import { _ as wa } from "./BuiScrollArea.vue_vue_type_script_setup_true_lang-CYaScauh.js";
|
133
|
+
import { _ as Ia } from "./BuiScrollBar.vue_vue_type_script_setup_true_lang-upk9Vx_2.js";
|
134
|
+
import { _ as Va } from "./BuiCollapsible.vue_vue_type_script_setup_true_lang-mS4zvM_P.js";
|
135
|
+
import { _ as ha } from "./BuiCollapsibleTrigger.vue_vue_type_script_setup_true_lang-r01DxQ2Q.js";
|
136
|
+
import { _ as Ga } from "./BuiCollapsibleContent.vue_vue_type_script_setup_true_lang-DbI-Bsc-.js";
|
137
|
+
import { default as Ra } from "./tailwind-preset.js";
|
138
138
|
/* empty css */
|
139
|
-
import { _ as
|
140
|
-
import { _ as
|
141
|
-
import { _ as
|
142
|
-
import { _ as
|
139
|
+
import { _ as ya } from "./BuiAlertTitle.vue_vue_type_script_setup_true_lang-Ds0SdqSj.js";
|
140
|
+
import { _ as Na } from "./BuiAlertDescription.vue_vue_type_script_setup_true_lang--5lclQDt.js";
|
141
|
+
import { _ as ja } from "./BuiAvatarImage.vue_vue_type_script_setup_true_lang-TPs2An4d.js";
|
142
|
+
import { _ as za } from "./BuiAvatarFallback.vue_vue_type_script_setup_true_lang-BZTk1ZO8.js";
|
143
143
|
import "./BuiCalendar.vue_vue_type_style_index_0_lang-BWeH1wsj.js";
|
144
|
-
import { _ as
|
145
|
-
import { _ as
|
146
|
-
import { _ as
|
147
|
-
import { _ as
|
148
|
-
import { _ as
|
149
|
-
import { _ as
|
150
|
-
import { _ as
|
151
|
-
import { _ as
|
152
|
-
import { toast as
|
144
|
+
import { _ as Ka } from "./BuiTabs.vue_vue_type_script_setup_true_lang-DG5EZdGM.js";
|
145
|
+
import { _ as Qa } from "./BuiTabsContent.vue_vue_type_script_setup_true_lang-c2XxFeZy.js";
|
146
|
+
import { _ as Xa } from "./BuiToastAction.vue_vue_type_script_setup_true_lang-B6RTCAOj.js";
|
147
|
+
import { _ as Za } from "./BuiToastViewport.vue_vue_type_script_setup_true_lang-ClgIsZyT.js";
|
148
|
+
import { _ as oi } from "./BuiToastClose.vue_vue_type_script_setup_true_lang-DhZPWmS-.js";
|
149
|
+
import { _ as ei } from "./BuiToastTitle.vue_vue_type_script_setup_true_lang-DqCHgJnz.js";
|
150
|
+
import { _ as ai } from "./BuiToastDescription.vue_vue_type_script_setup_true_lang-BM2gWJdK.js";
|
151
|
+
import { _ as ui } from "./BuiToastProvider.vue_vue_type_script_setup_true_lang-CYbeWPdz.js";
|
152
|
+
import { toast as si, useToast as mi } from "./components/ui/toast/use-toast.js";
|
153
153
|
export {
|
154
154
|
i as BuiAccordion,
|
155
155
|
p as BuiAccordionContent,
|
156
156
|
m as BuiAccordionItem,
|
157
157
|
B as BuiAccordionTrigger,
|
158
158
|
v as BuiAlert,
|
159
|
-
|
159
|
+
Na as BuiAlertDescription,
|
160
160
|
f as BuiAlertDialog,
|
161
161
|
F as BuiAlertDialogAction,
|
162
162
|
P as BuiAlertDialogCancel,
|
@@ -166,13 +166,13 @@ export {
|
|
166
166
|
T as BuiAlertDialogHeader,
|
167
167
|
b as BuiAlertDialogTitle,
|
168
168
|
l as BuiAlertDialogTrigger,
|
169
|
-
|
169
|
+
ya as BuiAlertTitle,
|
170
170
|
G as BuiAspectRatio,
|
171
171
|
R as BuiAvatar,
|
172
|
-
|
173
|
-
|
172
|
+
za as BuiAvatarFallback,
|
173
|
+
ja as BuiAvatarImage,
|
174
174
|
E as BuiBadge,
|
175
|
-
|
175
|
+
De as BuiBadgedInput,
|
176
176
|
j as BuiButton,
|
177
177
|
Q as BuiCalendar,
|
178
178
|
Y as BuiCard,
|
@@ -182,9 +182,9 @@ export {
|
|
182
182
|
$ as BuiCardHeader,
|
183
183
|
ro as BuiCardTitle,
|
184
184
|
mo as BuiCheckbox,
|
185
|
-
|
186
|
-
|
187
|
-
|
185
|
+
Va as BuiCollapsible,
|
186
|
+
Ga as BuiCollapsibleContent,
|
187
|
+
ha as BuiCollapsibleTrigger,
|
188
188
|
Bo as BuiCommand,
|
189
189
|
fo as BuiCommandDialog,
|
190
190
|
lo as BuiCommandEmpty,
|
@@ -208,7 +208,7 @@ export {
|
|
208
208
|
er as BuiContextMenuSubContent,
|
209
209
|
or as BuiContextMenuSubTrigger,
|
210
210
|
ho as BuiContextMenuTrigger,
|
211
|
-
|
211
|
+
Ot as BuiDataTable,
|
212
212
|
ar as BuiDialog,
|
213
213
|
ur as BuiDialogClose,
|
214
214
|
gr as BuiDialogContent,
|
@@ -233,101 +233,102 @@ export {
|
|
233
233
|
Wr as BuiDropdownMenuSubTrigger,
|
234
234
|
Fr as BuiDropdownMenuTrigger,
|
235
235
|
$r as BuiForm,
|
236
|
-
|
237
|
-
|
236
|
+
xe as BuiFormControl,
|
237
|
+
_e as BuiFormDescription,
|
238
238
|
oe as BuiFormField,
|
239
239
|
re as BuiFormFieldArray,
|
240
|
-
|
241
|
-
|
242
|
-
|
243
|
-
|
244
|
-
|
245
|
-
|
246
|
-
|
247
|
-
|
248
|
-
|
240
|
+
ue as BuiFormItem,
|
241
|
+
se as BuiFormLabel,
|
242
|
+
ne as BuiFormMessage,
|
243
|
+
Ye as BuiHealth,
|
244
|
+
ge as BuiHoverCard,
|
245
|
+
ce as BuiHoverCardContent,
|
246
|
+
Ce as BuiHoverCardTrigger,
|
247
|
+
Se as BuiInput,
|
248
|
+
Fe as BuiLabel,
|
249
249
|
br as BuiPagination,
|
250
|
-
|
251
|
-
|
252
|
-
|
253
|
-
|
250
|
+
Pe as BuiPaginationCommon,
|
251
|
+
Ee as BuiPaginationEllipsis,
|
252
|
+
ve as BuiPaginationFirst,
|
253
|
+
Le as BuiPaginationLast,
|
254
254
|
Dr as BuiPaginationList,
|
255
255
|
Sr as BuiPaginationListItem,
|
256
|
-
|
257
|
-
|
258
|
-
|
259
|
-
|
260
|
-
|
261
|
-
|
262
|
-
|
263
|
-
|
264
|
-
|
265
|
-
|
266
|
-
|
267
|
-
|
268
|
-
|
269
|
-
|
270
|
-
|
271
|
-
|
272
|
-
|
273
|
-
|
274
|
-
|
275
|
-
|
276
|
-
|
277
|
-
|
278
|
-
|
279
|
-
|
280
|
-
|
281
|
-
|
282
|
-
|
283
|
-
|
284
|
-
|
285
|
-
|
286
|
-
|
287
|
-
|
288
|
-
|
289
|
-
|
290
|
-
|
291
|
-
|
292
|
-
|
293
|
-
|
294
|
-
|
295
|
-
|
296
|
-
|
297
|
-
|
298
|
-
|
299
|
-
|
300
|
-
|
301
|
-
|
302
|
-
|
303
|
-
|
304
|
-
|
305
|
-
|
306
|
-
|
307
|
-
|
308
|
-
|
309
|
-
|
256
|
+
He as BuiPaginationNext,
|
257
|
+
ke as BuiPaginationPrev,
|
258
|
+
Me as BuiPasswordInput,
|
259
|
+
Ue as BuiPopover,
|
260
|
+
Je as BuiPopoverContent,
|
261
|
+
qe as BuiPopoverTrigger,
|
262
|
+
Oe as BuiProgress,
|
263
|
+
rt as BuiRadioGroup,
|
264
|
+
tt as BuiRadioGroupItem,
|
265
|
+
wa as BuiScrollArea,
|
266
|
+
Ia as BuiScrollBar,
|
267
|
+
it as BuiSelect,
|
268
|
+
Bt as BuiSelectContent,
|
269
|
+
ft as BuiSelectGroup,
|
270
|
+
lt as BuiSelectItem,
|
271
|
+
dt as BuiSelectItemText,
|
272
|
+
Tt as BuiSelectLabel,
|
273
|
+
bt as BuiSelectSeparator,
|
274
|
+
mt as BuiSelectTrigger,
|
275
|
+
pt as BuiSelectValue,
|
276
|
+
St as BuiSeparator,
|
277
|
+
Da as BuiSlider,
|
278
|
+
At as BuiSwitch,
|
279
|
+
Ft as BuiTable,
|
280
|
+
Pt as BuiTableBody,
|
281
|
+
Ut as BuiTableCaption,
|
282
|
+
vt as BuiTableCell,
|
283
|
+
qt as BuiTableEmpty,
|
284
|
+
Jt as BuiTableFooter,
|
285
|
+
Lt as BuiTableHead,
|
286
|
+
Ht as BuiTableHeader,
|
287
|
+
kt as BuiTableRow,
|
288
|
+
Et as BuiTableRowSubrow,
|
289
|
+
Ka as BuiTabs,
|
290
|
+
Qa as BuiTabsContent,
|
291
|
+
Wt as BuiTabsList,
|
292
|
+
Xt as BuiTabsTrigger,
|
293
|
+
oa as BuiTextarea,
|
294
|
+
ta as BuiToast,
|
295
|
+
Xa as BuiToastAction,
|
296
|
+
oi as BuiToastClose,
|
297
|
+
ai as BuiToastDescription,
|
298
|
+
ui as BuiToastProvider,
|
299
|
+
ei as BuiToastTitle,
|
300
|
+
Za as BuiToastViewport,
|
301
|
+
aa as BuiToaster,
|
302
|
+
la as BuiToggle,
|
303
|
+
Ca as BuiToggleGroup,
|
304
|
+
ca as BuiToggleGroupItem,
|
305
|
+
pa as BuiTooltip,
|
306
|
+
ma as BuiTooltipContent,
|
307
|
+
fa as BuiTooltipProvider,
|
308
|
+
Ba as BuiTooltipTrigger,
|
309
|
+
Ma as Skeleton,
|
310
310
|
h as alertVariants,
|
311
311
|
k as avatarVariant,
|
312
312
|
N as badgeVariants,
|
313
313
|
q as buttonVariants,
|
314
|
-
|
315
|
-
|
314
|
+
Ze as capHealthVariants,
|
315
|
+
Qe as capVariants,
|
316
316
|
z as cn,
|
317
|
-
|
318
|
-
|
317
|
+
$e as healthVariants,
|
318
|
+
Ae as inputVariants,
|
319
319
|
W as isVCalendarSlot,
|
320
|
-
|
320
|
+
We as progressVariants,
|
321
321
|
J as tableColumnSortCommon,
|
322
|
-
|
323
|
-
|
324
|
-
|
325
|
-
|
326
|
-
|
327
|
-
|
328
|
-
|
322
|
+
Yt as tabsListVariants,
|
323
|
+
Zt as tabsTriggerVariants,
|
324
|
+
Ra as tailwind,
|
325
|
+
ra as textareaVariants,
|
326
|
+
si as toast,
|
327
|
+
ia as toastVariants,
|
328
|
+
ga as toggleVariants,
|
329
329
|
ee as useBuiField,
|
330
|
-
te as
|
331
|
-
|
330
|
+
te as useBuiFieldArray,
|
331
|
+
ae as useBuiForm,
|
332
|
+
mi as useToast,
|
332
333
|
K as valueUpdater
|
333
334
|
};
|
package/package.json
CHANGED
@@ -1,5 +1,6 @@
|
|
1
1
|
<script setup lang="ts">
|
2
2
|
import { ref } from 'vue'
|
3
|
+
import { z } from 'zod'
|
3
4
|
|
4
5
|
import { cn } from '@/lib/utils'
|
5
6
|
import { BuiButton } from '@/components/ui/button'
|
@@ -12,7 +13,16 @@ import {
|
|
12
13
|
BuiCommandList
|
13
14
|
} from '@/components/ui/command'
|
14
15
|
import { BuiPopover, BuiPopoverContent, BuiPopoverTrigger } from '@/components/ui/popover'
|
15
|
-
import { CheckIcon, ChevronsUpDownIcon } from 'lucide-vue-next'
|
16
|
+
import { CheckIcon, ChevronsUpDownIcon, ChevronDown } from 'lucide-vue-next'
|
17
|
+
import {
|
18
|
+
BuiForm,
|
19
|
+
BuiFormField,
|
20
|
+
BuiFormMessage,
|
21
|
+
BuiFormItem,
|
22
|
+
BuiFormControl
|
23
|
+
} from '@/components/ui/form'
|
24
|
+
import { BuiLabel } from '@/components/ui/label'
|
25
|
+
import { toTypedSchema } from '@vee-validate/zod'
|
16
26
|
|
17
27
|
const frameworks = [
|
18
28
|
{ value: 'next.js', label: 'Next.js' },
|
@@ -25,6 +35,14 @@ const frameworks = [
|
|
25
35
|
const open = ref(false)
|
26
36
|
const value = ref<string>('')
|
27
37
|
|
38
|
+
const formSchema = toTypedSchema(
|
39
|
+
z.object({
|
40
|
+
namespace: z.string().min(2)
|
41
|
+
})
|
42
|
+
)
|
43
|
+
const isNamespacesPopoverOpen = ref(false)
|
44
|
+
const namespaces = ['default', 'local', 'my-namespace']
|
45
|
+
|
28
46
|
// const filterFunction = (list: typeof frameworks, search: string) => list.filter(i => i.value.toLowerCase().includes(search.toLowerCase()))
|
29
47
|
</script>
|
30
48
|
|
@@ -84,5 +102,79 @@ const value = ref<string>('')
|
|
84
102
|
</BuiPopover>
|
85
103
|
</div>
|
86
104
|
</Variant>
|
105
|
+
<Variant key="select-style" title="Select style + form fields">
|
106
|
+
<div class="p-4">
|
107
|
+
<BuiForm :validation-schema="formSchema" :initial-values="{ namespace: '' }">
|
108
|
+
<BuiFormField name="namespace" v-slot="{ componentField, meta, validate }">
|
109
|
+
<BuiFormItem class="w-full">
|
110
|
+
<BuiLabel :for="`namespace`" class="flex gap-2">
|
111
|
+
<div class="flex">Namespace</div>
|
112
|
+
</BuiLabel>
|
113
|
+
|
114
|
+
<BuiPopover
|
115
|
+
v-model:open="isNamespacesPopoverOpen"
|
116
|
+
@update:open="
|
117
|
+
(isOpen) => {
|
118
|
+
if (!isOpen) {
|
119
|
+
validate()
|
120
|
+
}
|
121
|
+
}
|
122
|
+
"
|
123
|
+
>
|
124
|
+
<BuiPopoverTrigger as-child :id="`namespace`">
|
125
|
+
<BuiButton
|
126
|
+
variant="outline"
|
127
|
+
size="lg"
|
128
|
+
role="combobox"
|
129
|
+
:aria-expanded="isNamespacesPopoverOpen"
|
130
|
+
class="flex h-10 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-background px-3 py-2 text-sm text-inherit ring-offset-background placeholder:text-muted-foreground hover:bg-transparent focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 active:bg-transparent active:outline-none active:ring-0 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:min-w-0 [&>span]:truncate"
|
131
|
+
:class="!meta.valid && meta.validated ? '!border-destructive-foreground' : ''"
|
132
|
+
>
|
133
|
+
{{ componentField.modelValue ? componentField.modelValue : 'Select' }}
|
134
|
+
<ChevronDown class="h-4 w-4 opacity-50" />
|
135
|
+
</BuiButton>
|
136
|
+
</BuiPopoverTrigger>
|
137
|
+
|
138
|
+
<BuiPopoverContent class="w-full min-w-full p-0">
|
139
|
+
<BuiCommand class="w-full min-w-full p-0">
|
140
|
+
<BuiCommandInput class="h-9" placeholder="Search" />
|
141
|
+
<BuiCommandEmpty> No results </BuiCommandEmpty>
|
142
|
+
<BuiFormControl>
|
143
|
+
<BuiCommandList>
|
144
|
+
<BuiCommandGroup>
|
145
|
+
<BuiCommandItem
|
146
|
+
v-for="element in namespaces"
|
147
|
+
:value="element"
|
148
|
+
:key="element"
|
149
|
+
@select="
|
150
|
+
() => {
|
151
|
+
if (componentField['onUpdate:modelValue']) {
|
152
|
+
componentField['onUpdate:modelValue'](element)
|
153
|
+
isNamespacesPopoverOpen = false
|
154
|
+
}
|
155
|
+
}
|
156
|
+
"
|
157
|
+
>
|
158
|
+
<CheckIcon
|
159
|
+
class="mr-2 h-4 w-4"
|
160
|
+
:class="
|
161
|
+
element === componentField.modelValue ? 'opacity-100' : 'opacity-0'
|
162
|
+
"
|
163
|
+
/>
|
164
|
+
{{ element }}
|
165
|
+
</BuiCommandItem>
|
166
|
+
</BuiCommandGroup>
|
167
|
+
</BuiCommandList>
|
168
|
+
</BuiFormControl>
|
169
|
+
</BuiCommand>
|
170
|
+
</BuiPopoverContent>
|
171
|
+
|
172
|
+
<BuiFormMessage />
|
173
|
+
</BuiPopover>
|
174
|
+
</BuiFormItem>
|
175
|
+
</BuiFormField>
|
176
|
+
</BuiForm>
|
177
|
+
</div>
|
178
|
+
</Variant>
|
87
179
|
</Story>
|
88
180
|
</template>
|
@@ -64,11 +64,11 @@ import { BuiBadgedInput } from '@/components/ui/input'
|
|
64
64
|
</div>
|
65
65
|
</Variant>
|
66
66
|
|
67
|
-
<Variant title="With units
|
67
|
+
<Variant title="With units">
|
68
68
|
<div class="flex items-center space-x-2 p-1">
|
69
69
|
<div class="grid w-full max-w-sm items-center gap-1.5">
|
70
70
|
<BuiLabel for="email">CPU limit</BuiLabel>
|
71
|
-
<BuiBadgedInput badge="mCPUs"
|
71
|
+
<BuiBadgedInput badge="mCPUs" type="number" placeholder="CPU limit" />
|
72
72
|
</div>
|
73
73
|
</div>
|
74
74
|
</Variant>
|
@@ -3,7 +3,8 @@ export {
|
|
3
3
|
Field as BuiFormField,
|
4
4
|
FieldArray as BuiFormFieldArray,
|
5
5
|
useForm as useBuiForm,
|
6
|
-
useField as useBuiField
|
6
|
+
useField as useBuiField,
|
7
|
+
useFieldArray as useBuiFieldArray
|
7
8
|
} from 'vee-validate'
|
8
9
|
export { default as BuiFormItem } from './BuiFormItem.vue'
|
9
10
|
export { default as BuiFormLabel } from './BuiFormLabel.vue'
|
@@ -1,7 +1,8 @@
|
|
1
1
|
<script setup lang="ts">
|
2
2
|
import { BuiBadge } from '@/components/ui/badge'
|
3
3
|
import { BuiInput } from '@/components/ui/input/index'
|
4
|
-
import {
|
4
|
+
import { useElementBounding } from '@vueuse/core'
|
5
|
+
import { ref } from 'vue'
|
5
6
|
|
6
7
|
const props = defineProps<{
|
7
8
|
badge: string
|
@@ -10,14 +11,20 @@ const props = defineProps<{
|
|
10
11
|
defineOptions({
|
11
12
|
inheritAttrs: false
|
12
13
|
})
|
14
|
+
|
15
|
+
const badgeEl = ref<HTMLDivElement | null>(null)
|
16
|
+
const { width } = useElementBounding(badgeEl)
|
17
|
+
const MAGIC_NUMBER = 16 // 12 (right-3) + 4 (just some offset)
|
13
18
|
</script>
|
14
19
|
|
15
20
|
<template>
|
16
21
|
<div class="relative flex">
|
17
|
-
<BuiInput v-bind="$attrs" :
|
22
|
+
<BuiInput v-bind="$attrs" :style="{ paddingRight: width + MAGIC_NUMBER + 'px' }" />
|
18
23
|
<BuiBadge
|
24
|
+
ref="badgeEl"
|
19
25
|
class="absolute right-3 top-1.5 flex items-center justify-center rounded-sm hover:bg-primary/[0.08] dark:hover:bg-primary/30"
|
20
|
-
>{{ props.badge }}</BuiBadge
|
21
26
|
>
|
27
|
+
{{ props.badge }}
|
28
|
+
</BuiBadge>
|
22
29
|
</div>
|
23
30
|
</template>
|
package/dist/index-DO0xNIC7.js
DELETED
@@ -1,49 +0,0 @@
|
|
1
|
-
import { getCurrentInstance as J, ref as O, watch as S, nextTick as $, computed as E } from "vue";
|
2
|
-
typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
|
3
|
-
const F = (n) => typeof n < "u";
|
4
|
-
function G(n) {
|
5
|
-
return JSON.parse(JSON.stringify(n));
|
6
|
-
}
|
7
|
-
function W(n, i, x, V = {}) {
|
8
|
-
var r, c, a;
|
9
|
-
const {
|
10
|
-
clone: s = !1,
|
11
|
-
passive: N = !1,
|
12
|
-
eventName: _,
|
13
|
-
deep: d = !1,
|
14
|
-
defaultValue: h,
|
15
|
-
shouldEmit: m
|
16
|
-
} = V, t = J(), p = x || t?.emit || ((r = t?.$emit) == null ? void 0 : r.bind(t)) || ((a = (c = t?.proxy) == null ? void 0 : c.$emit) == null ? void 0 : a.bind(t?.proxy));
|
17
|
-
let o = _;
|
18
|
-
i || (i = "modelValue"), o = o || `update:${i.toString()}`;
|
19
|
-
const g = (e) => s ? typeof s == "function" ? s(e) : G(e) : e, v = () => F(n[i]) ? g(n[i]) : h, b = (e) => {
|
20
|
-
m ? m(e) && p(o, e) : p(o, e);
|
21
|
-
};
|
22
|
-
if (N) {
|
23
|
-
const e = v(), f = O(e);
|
24
|
-
let l = !1;
|
25
|
-
return S(
|
26
|
-
() => n[i],
|
27
|
-
(u) => {
|
28
|
-
l || (l = !0, f.value = g(u), $(() => l = !1));
|
29
|
-
}
|
30
|
-
), S(
|
31
|
-
f,
|
32
|
-
(u) => {
|
33
|
-
!l && (u !== n[i] || d) && b(u);
|
34
|
-
},
|
35
|
-
{ deep: d }
|
36
|
-
), f;
|
37
|
-
} else
|
38
|
-
return E({
|
39
|
-
get() {
|
40
|
-
return v();
|
41
|
-
},
|
42
|
-
set(e) {
|
43
|
-
b(e);
|
44
|
-
}
|
45
|
-
});
|
46
|
-
}
|
47
|
-
export {
|
48
|
-
W as u
|
49
|
-
};
|