@brumaombra/ui-vintage 0.3.0 → 0.5.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/{AlertDialogTitle.vue_vue_type_script_setup_true_lang-Ca0g2mVz.js → AlertDialogTitle.vue_vue_type_script_setup_true_lang-_UW48pv7.js} +6 -5
- package/dist/{BackgroundGrid-Cxvbtefm.js → BackgroundGrid-BJDDcLzF.js} +1 -1
- package/dist/{Busy-1BeD2TRH.js → Busy-BaCc_Jo8.js} +2 -1
- package/dist/{CalendarPrevButton.vue_vue_type_script_setup_true_lang-BklOxtD-.js → CalendarPrevButton.vue_vue_type_script_setup_true_lang-DdzS6YGM.js} +18 -11
- package/dist/Card.vue_vue_type_script_setup_true_lang-D0pFVflK.js +30 -0
- package/dist/{Card.vue_vue_type_script_setup_true_lang-6ol3rxy1.js → CardContent.vue_vue_type_script_setup_true_lang-dBzO0q1t.js} +3 -8
- package/dist/{CardFooter.vue_vue_type_script_setup_true_lang-B1eS9wge.js → CardFooter.vue_vue_type_script_setup_true_lang-B5EqgrgN.js} +1 -19
- package/dist/CardText.vue_vue_type_script_setup_true_lang-DbDhSd3h.js +22 -0
- package/dist/{Collection-Coi6nyvb.js → Collection-4P3HQ4uU.js} +1 -1
- package/dist/{ConfigProvider-D2O0Jles.js → ConfigProvider-DYO65bNW.js} +1 -1
- package/dist/DatePicker.vue_vue_type_script_setup_true_lang-C2Ug81pX.js +88 -0
- package/dist/{DialogClose-DDtZ0Em0.js → DialogClose-DxCTEp0d.js} +2 -2
- package/dist/{DialogPortal-D81oXsCY.js → DialogPortal-BiMJAKLg.js} +1 -1
- package/dist/{DialogTitle-CLuntLBB.js → DialogTitle-jKgSCoXM.js} +10 -6
- package/dist/{DialogTitle.vue_vue_type_script_setup_true_lang-BMXrxvBF.js → DialogTitle.vue_vue_type_script_setup_true_lang-CycrzAMT.js} +23 -14
- package/dist/{DialogTrigger-CjJ8QNL_.js → DialogTrigger-Cb3rLcid.js} +3 -3
- package/dist/EmptyStateCard.vue_vue_type_script_setup_true_lang-BYKX6WRQ.js +59 -0
- package/dist/{FocusScope-DYbCtSNc.js → FocusScope-mzbqk6Y_.js} +8 -14
- package/dist/HugeiconsIcon.vue-By2RXWWz.js +111 -0
- package/dist/{Input.vue_vue_type_script_setup_true_lang-6SfPeT8d.js → Input.vue_vue_type_script_setup_true_lang-BdjbS5s7.js} +1 -1
- package/dist/{Label.vue_vue_type_script_setup_true_lang-pMIzCHzV.js → Label.vue_vue_type_script_setup_true_lang-CdLIMAdF.js} +2 -2
- package/dist/LandingContent.vue_vue_type_script_setup_true_lang-Wgtl_yeD.js +21 -0
- package/dist/LandingFooter.vue_vue_type_script_setup_true_lang-CDy30mYg.js +159 -0
- package/dist/LandingNavbar.vue_vue_type_script_setup_true_lang-0jX2tmdb.js +59 -0
- package/dist/LandingShell.vue_vue_type_script_setup_true_lang-BXwdQR24.js +49 -0
- package/dist/LanguageFlag.vue_vue_type_script_setup_true_lang-CgszKeNv.js +68 -0
- package/dist/LoadMoreButton.vue_vue_type_script_setup_true_lang-CGhFcsF-.js +61 -0
- package/dist/LoadingStateCard.vue_vue_type_script_setup_true_lang-DwyQjtZ3.js +53 -0
- package/dist/MessageToast-uKrMyOZf.js +79 -0
- package/dist/{NativeSelectOption.vue_vue_type_script_setup_true_lang-Ce5VmA0n.js → NativeSelectOption.vue_vue_type_script_setup_true_lang-CNcUI9Yh.js} +4 -3
- package/dist/{PopoverTrigger.vue_vue_type_script_setup_true_lang-DFZJvU_P.js → PopoverTrigger.vue_vue_type_script_setup_true_lang-Cf33q_yT.js} +11 -8
- package/dist/{PopperContent-h-thLTz8.js → PopperContent-DUJ8a4i0.js} +4 -4
- package/dist/Presence-CTmUEdMR.js +168 -0
- package/dist/Progress.vue_vue_type_script_setup_true_lang-BDJfyW-d.js +188 -0
- package/dist/{Separator.vue_vue_type_script_setup_true_lang-CMRkdntA.js → Separator.vue_vue_type_script_setup_true_lang-D9BozdWD.js} +1 -1
- package/dist/{SheetTitle.vue_vue_type_script_setup_true_lang-Csr3nKnG.js → SheetTitle.vue_vue_type_script_setup_true_lang-Ja7-gmXd.js} +6 -18
- package/dist/{Slider.vue_vue_type_script_setup_true_lang-C_CsSGAt.js → Slider.vue_vue_type_script_setup_true_lang-CSOSwGGr.js} +10 -9
- package/dist/{Switch.vue_vue_type_script_setup_true_lang-BG6nkPSO.js → Switch.vue_vue_type_script_setup_true_lang-C8mqOepU.js} +7 -6
- package/dist/{Teleport-CV0tKbq5.js → Teleport-DTOwRCqx.js} +7 -185
- package/dist/TimePicker.vue_vue_type_script_setup_true_lang-tbOoMfZu.js +51 -0
- package/dist/{TooltipTrigger.vue_vue_type_script_setup_true_lang-DEPKysA_.js → TooltipTrigger.vue_vue_type_script_setup_true_lang-BMdZRPa3.js} +9 -6
- package/dist/{VisuallyHiddenInput-1G1IEkBL.js → VisuallyHiddenInput-D5eipDQU.js} +1 -1
- package/dist/alert-dialog.js +7 -7
- package/dist/alert.js +8 -18
- package/dist/background-grid.js +1 -1
- package/dist/badge.js +9 -36
- package/dist/breadcrumb.js +159 -0
- package/dist/busy-indicator.js +1 -1
- package/dist/busy.js +1 -1
- package/dist/button.js +11 -7
- package/dist/calendar.js +1 -1
- package/dist/card-grid.js +58 -0
- package/dist/card.js +9 -6
- package/dist/chip.js +47 -0
- package/dist/color-tokens-D9BviGPK.js +40 -0
- package/dist/command.js +17 -33
- package/dist/components/card-grid/CardGrid.vue.d.ts +88 -0
- package/dist/components/card-grid/index.d.ts +2 -0
- package/dist/components/chip/Chip.vue.d.ts +17 -0
- package/dist/components/chip/index.d.ts +2 -0
- package/dist/components/confirm-dialog/confirm-dialog-state.d.ts +11 -8
- package/dist/components/dashboard-shell/DashboardShell.vue.d.ts +12 -2
- package/dist/components/data-list/DataList.vue.d.ts +21 -0
- package/dist/components/data-list/DataListItem.vue.d.ts +21 -0
- package/dist/components/data-list/DataListLabel.vue.d.ts +21 -0
- package/dist/components/data-list/DataListText.vue.d.ts +21 -0
- package/dist/components/data-list/DataListValue.vue.d.ts +21 -0
- package/dist/components/data-list/index.d.ts +5 -0
- package/dist/components/empty-state-card/EmptyStateCard.vue.d.ts +73 -0
- package/dist/components/empty-state-card/index.d.ts +2 -0
- package/dist/components/info-card/InfoCard.vue.d.ts +46 -0
- package/dist/components/info-card/index.d.ts +2 -0
- package/dist/components/landing/index.d.ts +6 -0
- package/dist/components/landing/landing-content/LandingContent.vue.d.ts +21 -0
- package/dist/components/landing/landing-content/index.d.ts +2 -0
- package/dist/components/landing/landing-footer/LandingFooter.vue.d.ts +39 -0
- package/dist/components/landing/landing-footer/index.d.ts +3 -0
- package/dist/components/landing/landing-navbar/LandingNavbar.vue.d.ts +32 -0
- package/dist/components/landing/landing-navbar/index.d.ts +2 -0
- package/dist/components/landing/landing-shell/LandingShell.vue.d.ts +31 -0
- package/dist/components/landing/landing-shell/index.d.ts +2 -0
- package/dist/components/language-flag/LanguageFlag.vue.d.ts +14 -0
- package/dist/components/language-flag/flags/EnglishFlag.vue.d.ts +2 -0
- package/dist/components/language-flag/flags/ItalianFlag.vue.d.ts +2 -0
- package/dist/components/language-flag/index.d.ts +4 -0
- package/dist/components/language-selector/LanguageSelector.vue.d.ts +35 -0
- package/dist/components/language-selector/index.d.ts +3 -0
- package/dist/components/load-more-button/LoadMoreButton.vue.d.ts +36 -0
- package/dist/components/load-more-button/index.d.ts +2 -0
- package/dist/components/loading-state-card/LoadingStateCard.vue.d.ts +55 -0
- package/dist/components/loading-state-card/index.d.ts +2 -0
- package/dist/components/message-dialog/message-dialog-state.d.ts +9 -7
- package/dist/components/message-toast/MessageToast.vue.d.ts +2 -0
- package/dist/components/message-toast/index.d.ts +2 -0
- package/dist/components/message-toast/message-toast-state.d.ts +18 -0
- package/dist/components/page-header/PageHeader.vue.d.ts +48 -0
- package/dist/components/page-header/index.d.ts +2 -0
- package/dist/components/progress-component/ProgressComponent.vue.d.ts +47 -0
- package/dist/components/progress-component/index.d.ts +2 -0
- package/dist/components/single-value-card/SingleValueCard.vue.d.ts +40 -0
- package/dist/components/single-value-card/index.d.ts +2 -0
- package/dist/components/slider-form-component/SliderFormComponent.vue.d.ts +2 -2
- package/dist/components/text-link/TextLink.vue.d.ts +35 -0
- package/dist/components/text-link/index.d.ts +2 -0
- package/dist/components/theme-selector/ThemeSelector.vue.d.ts +2 -0
- package/dist/components/theme-selector/index.d.ts +2 -0
- package/dist/components/ui/alert/Alert.vue.d.ts +2 -2
- package/dist/components/ui/alert/index.d.ts +6 -5
- package/dist/components/ui/badge/Badge.vue.d.ts +7 -20
- package/dist/components/ui/badge/index.d.ts +0 -5
- package/dist/components/ui/breadcrumb/Breadcrumb.vue.d.ts +21 -0
- package/dist/components/ui/breadcrumb/BreadcrumbEllipsis.vue.d.ts +21 -0
- package/dist/components/ui/breadcrumb/BreadcrumbItem.vue.d.ts +21 -0
- package/dist/components/ui/breadcrumb/BreadcrumbLink.vue.d.ts +24 -0
- package/dist/components/ui/breadcrumb/BreadcrumbList.vue.d.ts +21 -0
- package/dist/components/ui/breadcrumb/BreadcrumbPage.vue.d.ts +21 -0
- package/dist/components/ui/breadcrumb/BreadcrumbSeparator.vue.d.ts +21 -0
- package/dist/components/ui/breadcrumb/index.d.ts +7 -0
- package/dist/components/ui/button/index.d.ts +6 -6
- package/dist/components/ui/card/Card.vue.d.ts +3 -0
- package/dist/components/ui/card/CardText.vue.d.ts +21 -0
- package/dist/components/ui/card/index.d.ts +1 -0
- package/dist/components/ui/date-picker/DatePicker.vue.d.ts +2 -0
- package/dist/components/ui/date-time-picker/DateTimePicker.vue.d.ts +27 -0
- package/dist/components/ui/date-time-picker/index.d.ts +2 -0
- package/dist/components/ui/dialog/DialogFooter.vue.d.ts +1 -4
- package/dist/components/ui/dialog/DialogScrollContent.vue.d.ts +4 -1
- package/dist/components/ui/field/index.d.ts +4 -4
- package/dist/components/ui/progress/Progress.vue.d.ts +9 -0
- package/dist/components/ui/progress/index.d.ts +1 -0
- package/dist/components/ui/scroll-area/ScrollArea.vue.d.ts +22 -0
- package/dist/components/ui/scroll-area/ScrollBar.vue.d.ts +9 -0
- package/dist/components/ui/scroll-area/index.d.ts +2 -0
- package/dist/components/ui/select/SelectItemContent.vue.d.ts +15 -0
- package/dist/components/ui/select/SelectValueContent.vue.d.ts +16 -0
- package/dist/components/ui/select/index.d.ts +2 -0
- package/dist/components/ui/sidebar/index.d.ts +4 -4
- package/dist/components/ui/table/Table.vue.d.ts +21 -0
- package/dist/components/ui/table/TableBody.vue.d.ts +21 -0
- package/dist/components/ui/table/TableCaption.vue.d.ts +21 -0
- package/dist/components/ui/table/TableCell.vue.d.ts +21 -0
- package/dist/components/ui/table/TableEmpty.vue.d.ts +24 -0
- package/dist/components/ui/table/TableFooter.vue.d.ts +21 -0
- package/dist/components/ui/table/TableHead.vue.d.ts +21 -0
- package/dist/components/ui/table/TableHeader.vue.d.ts +21 -0
- package/dist/components/ui/table/TableRow.vue.d.ts +21 -0
- package/dist/components/ui/table/index.d.ts +9 -0
- package/dist/components/ui/tabs/Tabs.vue.d.ts +28 -0
- package/dist/components/ui/tabs/TabsContent.vue.d.ts +22 -0
- package/dist/components/ui/tabs/TabsList.vue.d.ts +22 -0
- package/dist/components/ui/tabs/TabsTrigger.vue.d.ts +22 -0
- package/dist/components/ui/tabs/index.d.ts +4 -0
- package/dist/components/ui/textarea/Textarea.vue.d.ts +12 -0
- package/dist/components/ui/textarea/index.d.ts +1 -0
- package/dist/components/ui/time-picker/TimePicker.vue.d.ts +21 -0
- package/dist/components/ui/time-picker/index.d.ts +2 -0
- package/dist/confirm-dialog.js +15 -11
- package/dist/createContext-BabAT1K8.js +19 -0
- package/dist/dashboard-shell.js +89 -39
- package/dist/data-list.js +97 -0
- package/dist/date-picker.js +3 -82
- package/dist/date-time-picker.js +140 -0
- package/dist/dialog.js +32 -37
- package/dist/empty-state-card.js +5 -0
- package/dist/error-page.js +9 -7
- package/dist/field.js +2 -2
- package/dist/getActiveElement-Bmy6QsUb.js +9 -0
- package/dist/i18n/en.json.d.ts +57 -0
- package/dist/i18n/it.json.d.ts +57 -0
- package/dist/i18n.js +148 -0
- package/dist/{index-qGMU40e1.js → index-DDJjWaIl.js} +64 -0
- package/dist/{index-Cq9Ekgtb.js → index-Dw56kNV0.js} +10 -10
- package/dist/index.min-CZ9FIOXr.js +23 -0
- package/dist/info-card.js +65 -0
- package/dist/input.js +1 -1
- package/dist/label.js +1 -1
- package/dist/landing-content.js +5 -0
- package/dist/landing-footer.js +5 -0
- package/dist/landing-navbar.js +5 -0
- package/dist/landing-shell.js +5 -0
- package/dist/landing.js +11 -0
- package/dist/language-flag.js +7 -0
- package/dist/language-selector.js +123 -0
- package/dist/lib/color-tokens.d.ts +6 -0
- package/dist/lib/i18n.d.ts +222 -0
- package/dist/load-more-button.js +5 -0
- package/dist/loading-state-card.js +5 -0
- package/dist/message-dialog.js +34 -18
- package/dist/message-toast.js +103 -0
- package/dist/native-select.js +1 -1
- package/dist/nullish-D3tMkl6i.js +6 -0
- package/dist/page-header.js +57 -0
- package/dist/popover.js +4 -4
- package/dist/progress-component.js +51 -0
- package/dist/progress.js +4 -0
- package/dist/scroll-area.js +1080 -0
- package/dist/select.js +149 -53
- package/dist/separator.js +1 -1
- package/dist/sheet.js +3 -3
- package/dist/sidebar.js +10 -9
- package/dist/single-value-card.js +64 -0
- package/dist/slider-form-component.js +2 -2
- package/dist/slider.js +1 -1
- package/dist/style.css +1012 -175
- package/dist/switch-form-component.js +2 -2
- package/dist/switch.js +1 -1
- package/dist/table.js +193 -0
- package/dist/tabs.js +658 -0
- package/dist/text-link.js +39 -0
- package/dist/textarea.js +37 -0
- package/dist/theme-selector.js +159 -0
- package/dist/time-picker.js +5 -0
- package/dist/tooltip.js +2 -2
- package/dist/{useDirection-SIyEYNxv.js → useDirection-B2bMgzzV.js} +1 -1
- package/dist/{useFocusGuards-WYWvpJy2.js → useFocusGuards-2C1jyYW5.js} +1 -1
- package/dist/{useFormControl-CyoJwp9r.js → useFormControl-DZ4LnB9F.js} +1 -1
- package/dist/{useForwardExpose-BiRQH8eO.js → useForwardExpose-BcX3VRdS.js} +1 -1
- package/dist/{useForwardPropsEmits-DmumnZO5.js → useForwardPropsEmits-GlUGKcIz.js} +1 -17
- package/dist/useId-CF6wz41D.js +16 -0
- package/dist/useNonce-CWj1JlPB.js +12 -0
- package/dist/{usePrimitiveElement-Bk3ZOslv.js → usePrimitiveElement-BCpwlakH.js} +1 -1
- package/dist/{useSize-BLYTFgnQ.js → useSize-DUgGY9t1.js} +1 -1
- package/dist/{useTypeahead-KTl4-oeq.js → useTypeahead-4RK0Emcv.js} +2 -2
- package/dist/{utils-BXBXPGDA.js → utils-DbR1EZn-.js} +1 -1
- package/dist/utils-hdwtyAF3.js +44 -0
- package/package.json +119 -2
- package/dist/HugeiconsIcon.vue-BJ-_Wtmk.js +0 -124
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import { defineComponent, computed, openBlock, createBlock, Transition, withCtx, unref, createElementBlock, createElementVNode, createVNode, normalizeClass, toDisplayString, createCommentVNode } from "vue";
|
|
2
|
+
import { g as Ay, A as AE, $ as $o, d as dp } from "./index.min-CZ9FIOXr.js";
|
|
3
|
+
import { H as HugeiconsIcon } from "./HugeiconsIcon.vue-By2RXWWz.js";
|
|
4
|
+
import { getUiVintageRuntimeMessage } from "./i18n.js";
|
|
5
|
+
import { Button as _sfc_main$1 } from "./button.js";
|
|
6
|
+
import { messageToastState, closeMessageToast } from "./message-toast.js";
|
|
7
|
+
import { _ as _export_sfc } from "./_plugin-vue_export-helper-1tPrXgE0.js";
|
|
8
|
+
const _hoisted_1 = ["aria-live"];
|
|
9
|
+
const _hoisted_2 = { class: "flex items-center gap-4" };
|
|
10
|
+
const _hoisted_3 = { class: "m-0 flex-1 text-sm font-medium leading-5" };
|
|
11
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
12
|
+
__name: "MessageToast",
|
|
13
|
+
setup(__props) {
|
|
14
|
+
const currentToast = computed(() => messageToastState.current);
|
|
15
|
+
const closeAriaLabel = computed(() => getUiVintageRuntimeMessage("ui.buttons.close", "Close"));
|
|
16
|
+
const toastType = computed(() => {
|
|
17
|
+
var _a;
|
|
18
|
+
return ((_a = currentToast.value) == null ? void 0 : _a.type) ?? "success";
|
|
19
|
+
});
|
|
20
|
+
const toastIcon = computed(() => {
|
|
21
|
+
if (toastType.value === "success") return Ay;
|
|
22
|
+
return toastType.value === "info" ? AE : $o;
|
|
23
|
+
});
|
|
24
|
+
const toastIconClasses = computed(() => {
|
|
25
|
+
if (toastType.value === "error") return "text-red-600 dark:text-red-400";
|
|
26
|
+
if (toastType.value === "warning") return "text-amber-600 dark:text-amber-400";
|
|
27
|
+
if (toastType.value === "info") return "text-blue-600 dark:text-blue-400";
|
|
28
|
+
return "text-green-600 dark:text-green-400";
|
|
29
|
+
});
|
|
30
|
+
const toastAriaLive = computed(() => {
|
|
31
|
+
if (toastType.value === "error" || toastType.value === "warning") return "assertive";
|
|
32
|
+
return "polite";
|
|
33
|
+
});
|
|
34
|
+
return (_ctx, _cache) => {
|
|
35
|
+
return openBlock(), createBlock(Transition, { name: "toast" }, {
|
|
36
|
+
default: withCtx(() => {
|
|
37
|
+
var _a;
|
|
38
|
+
return [
|
|
39
|
+
unref(messageToastState).current && unref(messageToastState).isOpen ? (openBlock(), createElementBlock("div", {
|
|
40
|
+
key: 0,
|
|
41
|
+
class: "fixed inset-x-3 bottom-3 z-30 rounded border border-border bg-card p-4 text-card-foreground transition-colors duration-300 ease-in-out sm:inset-x-auto sm:right-6 sm:bottom-6 sm:max-w-[350px] sm:min-w-[250px]",
|
|
42
|
+
role: "alert",
|
|
43
|
+
"aria-live": toastAriaLive.value,
|
|
44
|
+
"aria-atomic": "true"
|
|
45
|
+
}, [
|
|
46
|
+
createElementVNode("div", _hoisted_2, [
|
|
47
|
+
createVNode(unref(HugeiconsIcon), {
|
|
48
|
+
icon: toastIcon.value,
|
|
49
|
+
class: normalizeClass(["size-5", toastIconClasses.value])
|
|
50
|
+
}, null, 8, ["icon", "class"]),
|
|
51
|
+
createElementVNode("p", _hoisted_3, toDisplayString((_a = currentToast.value) == null ? void 0 : _a.message), 1),
|
|
52
|
+
createVNode(unref(_sfc_main$1), {
|
|
53
|
+
variant: "ghost",
|
|
54
|
+
size: "icon-sm",
|
|
55
|
+
class: "-me-1 h-auto min-h-0 w-auto p-0 opacity-70 hover:opacity-100",
|
|
56
|
+
"aria-label": closeAriaLabel.value,
|
|
57
|
+
onClick: unref(closeMessageToast)
|
|
58
|
+
}, {
|
|
59
|
+
default: withCtx(() => [
|
|
60
|
+
createVNode(unref(HugeiconsIcon), {
|
|
61
|
+
icon: unref(dp),
|
|
62
|
+
class: "size-4"
|
|
63
|
+
}, null, 8, ["icon"])
|
|
64
|
+
]),
|
|
65
|
+
_: 1
|
|
66
|
+
}, 8, ["aria-label", "onClick"])
|
|
67
|
+
])
|
|
68
|
+
], 8, _hoisted_1)) : createCommentVNode("", true)
|
|
69
|
+
];
|
|
70
|
+
}),
|
|
71
|
+
_: 1
|
|
72
|
+
});
|
|
73
|
+
};
|
|
74
|
+
}
|
|
75
|
+
});
|
|
76
|
+
const MessageToast = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-edc1d178"]]);
|
|
77
|
+
export {
|
|
78
|
+
MessageToast as default
|
|
79
|
+
};
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { defineComponent, openBlock, createElementBlock, withDirectives, createElementVNode, mergeProps, unref, isRef, renderSlot, vModelSelect, createVNode, normalizeClass } from "vue";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
2
|
+
import { a as useVModel } from "./index-Dw56kNV0.js";
|
|
3
|
+
import { a as dn } from "./index.min-CZ9FIOXr.js";
|
|
4
|
+
import { H as HugeiconsIcon } from "./HugeiconsIcon.vue-By2RXWWz.js";
|
|
4
5
|
import { c as cn } from "./utils-Bz4m9VPB.js";
|
|
5
|
-
import { r as reactiveOmit } from "./index-
|
|
6
|
+
import { r as reactiveOmit } from "./index-DDJjWaIl.js";
|
|
6
7
|
const _hoisted_1 = {
|
|
7
8
|
class: "group/native-select relative w-fit has-[select:disabled]:opacity-50",
|
|
8
9
|
"data-slot": "native-select-wrapper"
|
|
@@ -1,14 +1,17 @@
|
|
|
1
1
|
import { defineComponent, toRefs, ref, openBlock, createBlock, unref, withCtx, renderSlot, createVNode, mergeProps, withModifiers, normalizeProps, guardReactiveProps, onMounted, resolveDynamicComponent } from "vue";
|
|
2
|
-
import {
|
|
3
|
-
import { u as useForwardExpose } from "./useForwardExpose-
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import { u as
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
2
|
+
import { a as useForwardProps, u as useForwardPropsEmits } from "./useForwardPropsEmits-GlUGKcIz.js";
|
|
3
|
+
import { u as useForwardExpose } from "./useForwardExpose-BcX3VRdS.js";
|
|
4
|
+
import { u as useId } from "./useId-CF6wz41D.js";
|
|
5
|
+
import { P as Presence_default } from "./Presence-CTmUEdMR.js";
|
|
6
|
+
import { F as FocusScope_default, a as useBodyScrollLock, u as useHideOthers } from "./FocusScope-mzbqk6Y_.js";
|
|
7
|
+
import { u as useFocusGuards } from "./useFocusGuards-2C1jyYW5.js";
|
|
8
|
+
import { D as DismissableLayer_default, T as Teleport_default } from "./Teleport-DTOwRCqx.js";
|
|
9
|
+
import { a as PopperRoot_default, b as PopperContent_default, P as PopperAnchor_default } from "./PopperContent-DUJ8a4i0.js";
|
|
10
|
+
import { r as reactiveOmit } from "./index-DDJjWaIl.js";
|
|
9
11
|
import { c as cn } from "./utils-Bz4m9VPB.js";
|
|
10
12
|
import { P as Primitive } from "./Primitive-D3IcFg81.js";
|
|
11
|
-
import {
|
|
13
|
+
import { c as createContext } from "./createContext-BabAT1K8.js";
|
|
14
|
+
import { a as useVModel } from "./index-Dw56kNV0.js";
|
|
12
15
|
const [injectPopoverRootContext, providePopoverRootContext] = createContext("PopoverRoot");
|
|
13
16
|
var PopoverRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
14
17
|
__name: "PopoverRoot",
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { u as useForwardExpose } from "./useForwardExpose-
|
|
1
|
+
import { u as useForwardExpose } from "./useForwardExpose-BcX3VRdS.js";
|
|
2
2
|
import { P as Primitive } from "./Primitive-D3IcFg81.js";
|
|
3
3
|
import { defineComponent, ref, renderSlot, watchPostEffect, openBlock, createBlock, unref, withCtx, computed, shallowRef, watch, getCurrentScope, onScopeDispose, shallowReadonly, watchEffect, createElementBlock, normalizeStyle, createVNode, mergeProps, mergeDefaults } from "vue";
|
|
4
|
-
import { c as createContext } from "./
|
|
5
|
-
import { u as useSize } from "./useSize-
|
|
6
|
-
import { n as computedEager } from "./index-
|
|
4
|
+
import { c as createContext } from "./createContext-BabAT1K8.js";
|
|
5
|
+
import { u as useSize } from "./useSize-DUgGY9t1.js";
|
|
6
|
+
import { n as computedEager } from "./index-DDJjWaIl.js";
|
|
7
7
|
const [injectPopperRootContext, providePopperRootContext] = createContext("PopperRoot");
|
|
8
8
|
var PopperRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
9
9
|
inheritAttrs: false,
|
|
@@ -0,0 +1,168 @@
|
|
|
1
|
+
import { r as renderSlotFragments } from "./Primitive-D3IcFg81.js";
|
|
2
|
+
import { ref, watch, nextTick, onUnmounted, computed, defineComponent, toRefs, getCurrentInstance, h } from "vue";
|
|
3
|
+
import { d as defaultWindow, u as unrefElement } from "./index-Dw56kNV0.js";
|
|
4
|
+
import { i as isClient } from "./index-DDJjWaIl.js";
|
|
5
|
+
function useStateMachine(initialState, machine) {
|
|
6
|
+
const state = ref(initialState);
|
|
7
|
+
function reducer(event) {
|
|
8
|
+
const nextState = machine[state.value][event];
|
|
9
|
+
return nextState ?? state.value;
|
|
10
|
+
}
|
|
11
|
+
const dispatch = (event) => {
|
|
12
|
+
state.value = reducer(event);
|
|
13
|
+
};
|
|
14
|
+
return {
|
|
15
|
+
state,
|
|
16
|
+
dispatch
|
|
17
|
+
};
|
|
18
|
+
}
|
|
19
|
+
function usePresence(present, node) {
|
|
20
|
+
var _a;
|
|
21
|
+
const stylesRef = ref({});
|
|
22
|
+
const prevAnimationNameRef = ref("none");
|
|
23
|
+
const prevPresentRef = ref(present);
|
|
24
|
+
const initialState = present.value ? "mounted" : "unmounted";
|
|
25
|
+
let timeoutId;
|
|
26
|
+
const ownerWindow = ((_a = node.value) == null ? void 0 : _a.ownerDocument.defaultView) ?? defaultWindow;
|
|
27
|
+
const { state, dispatch } = useStateMachine(initialState, {
|
|
28
|
+
mounted: {
|
|
29
|
+
UNMOUNT: "unmounted",
|
|
30
|
+
ANIMATION_OUT: "unmountSuspended"
|
|
31
|
+
},
|
|
32
|
+
unmountSuspended: {
|
|
33
|
+
MOUNT: "mounted",
|
|
34
|
+
ANIMATION_END: "unmounted"
|
|
35
|
+
},
|
|
36
|
+
unmounted: { MOUNT: "mounted" }
|
|
37
|
+
});
|
|
38
|
+
const dispatchCustomEvent = (name) => {
|
|
39
|
+
var _a2;
|
|
40
|
+
if (isClient) {
|
|
41
|
+
const customEvent = new CustomEvent(name, {
|
|
42
|
+
bubbles: false,
|
|
43
|
+
cancelable: false
|
|
44
|
+
});
|
|
45
|
+
(_a2 = node.value) == null ? void 0 : _a2.dispatchEvent(customEvent);
|
|
46
|
+
}
|
|
47
|
+
};
|
|
48
|
+
watch(present, async (currentPresent, prevPresent) => {
|
|
49
|
+
var _a2;
|
|
50
|
+
const hasPresentChanged = prevPresent !== currentPresent;
|
|
51
|
+
await nextTick();
|
|
52
|
+
if (hasPresentChanged) {
|
|
53
|
+
const prevAnimationName = prevAnimationNameRef.value;
|
|
54
|
+
const currentAnimationName = getAnimationName(node.value);
|
|
55
|
+
if (currentPresent) {
|
|
56
|
+
dispatch("MOUNT");
|
|
57
|
+
dispatchCustomEvent("enter");
|
|
58
|
+
if (currentAnimationName === "none") dispatchCustomEvent("after-enter");
|
|
59
|
+
} else if (currentAnimationName === "none" || currentAnimationName === "undefined" || ((_a2 = stylesRef.value) == null ? void 0 : _a2.display) === "none") {
|
|
60
|
+
dispatch("UNMOUNT");
|
|
61
|
+
dispatchCustomEvent("leave");
|
|
62
|
+
dispatchCustomEvent("after-leave");
|
|
63
|
+
} else {
|
|
64
|
+
const isAnimating = prevAnimationName !== currentAnimationName;
|
|
65
|
+
if (prevPresent && isAnimating) {
|
|
66
|
+
dispatch("ANIMATION_OUT");
|
|
67
|
+
dispatchCustomEvent("leave");
|
|
68
|
+
} else {
|
|
69
|
+
dispatch("UNMOUNT");
|
|
70
|
+
dispatchCustomEvent("after-leave");
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
}, { immediate: true });
|
|
75
|
+
const handleAnimationEnd = (event) => {
|
|
76
|
+
const currentAnimationName = getAnimationName(node.value);
|
|
77
|
+
const isCurrentAnimation = currentAnimationName.includes(CSS.escape(event.animationName));
|
|
78
|
+
const directionName = state.value === "mounted" ? "enter" : "leave";
|
|
79
|
+
if (event.target === node.value && isCurrentAnimation) {
|
|
80
|
+
dispatchCustomEvent(`after-${directionName}`);
|
|
81
|
+
dispatch("ANIMATION_END");
|
|
82
|
+
if (!prevPresentRef.value) {
|
|
83
|
+
const currentFillMode = node.value.style.animationFillMode;
|
|
84
|
+
node.value.style.animationFillMode = "forwards";
|
|
85
|
+
timeoutId = ownerWindow == null ? void 0 : ownerWindow.setTimeout(() => {
|
|
86
|
+
var _a2;
|
|
87
|
+
if (((_a2 = node.value) == null ? void 0 : _a2.style.animationFillMode) === "forwards") node.value.style.animationFillMode = currentFillMode;
|
|
88
|
+
});
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
if (event.target === node.value && currentAnimationName === "none") dispatch("ANIMATION_END");
|
|
92
|
+
};
|
|
93
|
+
const handleAnimationStart = (event) => {
|
|
94
|
+
if (event.target === node.value) prevAnimationNameRef.value = getAnimationName(node.value);
|
|
95
|
+
};
|
|
96
|
+
const watcher = watch(node, (newNode, oldNode) => {
|
|
97
|
+
if (newNode) {
|
|
98
|
+
stylesRef.value = getComputedStyle(newNode);
|
|
99
|
+
newNode.addEventListener("animationstart", handleAnimationStart);
|
|
100
|
+
newNode.addEventListener("animationcancel", handleAnimationEnd);
|
|
101
|
+
newNode.addEventListener("animationend", handleAnimationEnd);
|
|
102
|
+
} else {
|
|
103
|
+
dispatch("ANIMATION_END");
|
|
104
|
+
if (timeoutId !== void 0) ownerWindow == null ? void 0 : ownerWindow.clearTimeout(timeoutId);
|
|
105
|
+
oldNode == null ? void 0 : oldNode.removeEventListener("animationstart", handleAnimationStart);
|
|
106
|
+
oldNode == null ? void 0 : oldNode.removeEventListener("animationcancel", handleAnimationEnd);
|
|
107
|
+
oldNode == null ? void 0 : oldNode.removeEventListener("animationend", handleAnimationEnd);
|
|
108
|
+
}
|
|
109
|
+
}, { immediate: true });
|
|
110
|
+
const stateWatcher = watch(state, () => {
|
|
111
|
+
const currentAnimationName = getAnimationName(node.value);
|
|
112
|
+
prevAnimationNameRef.value = state.value === "mounted" ? currentAnimationName : "none";
|
|
113
|
+
});
|
|
114
|
+
onUnmounted(() => {
|
|
115
|
+
watcher();
|
|
116
|
+
stateWatcher();
|
|
117
|
+
});
|
|
118
|
+
const isPresent = computed(() => ["mounted", "unmountSuspended"].includes(state.value));
|
|
119
|
+
return { isPresent };
|
|
120
|
+
}
|
|
121
|
+
function getAnimationName(node) {
|
|
122
|
+
return node ? getComputedStyle(node).animationName || "none" : "none";
|
|
123
|
+
}
|
|
124
|
+
var Presence_default = defineComponent({
|
|
125
|
+
name: "Presence",
|
|
126
|
+
props: {
|
|
127
|
+
present: {
|
|
128
|
+
type: Boolean,
|
|
129
|
+
required: true
|
|
130
|
+
},
|
|
131
|
+
forceMount: { type: Boolean }
|
|
132
|
+
},
|
|
133
|
+
slots: {},
|
|
134
|
+
setup(props, { slots, expose }) {
|
|
135
|
+
var _a;
|
|
136
|
+
const { present, forceMount } = toRefs(props);
|
|
137
|
+
const node = ref();
|
|
138
|
+
const { isPresent } = usePresence(present, node);
|
|
139
|
+
expose({ present: isPresent });
|
|
140
|
+
let children = slots.default({ present: isPresent.value });
|
|
141
|
+
children = renderSlotFragments(children || []);
|
|
142
|
+
const instance = getCurrentInstance();
|
|
143
|
+
if (children && (children == null ? void 0 : children.length) > 1) {
|
|
144
|
+
const componentName = ((_a = instance == null ? void 0 : instance.parent) == null ? void 0 : _a.type.name) ? `<${instance.parent.type.name} />` : "component";
|
|
145
|
+
throw new Error([
|
|
146
|
+
`Detected an invalid children for \`${componentName}\` for \`Presence\` component.`,
|
|
147
|
+
"",
|
|
148
|
+
"Note: Presence works similarly to `v-if` directly, but it waits for animation/transition to finished before unmounting. So it expect only one direct child of valid VNode type.",
|
|
149
|
+
"You can apply a few solutions:",
|
|
150
|
+
["Provide a single child element so that `presence` directive attach correctly.", "Ensure the first child is an actual element instead of a raw text node or comment node."].map((line) => ` - ${line}`).join("\n")
|
|
151
|
+
].join("\n"));
|
|
152
|
+
}
|
|
153
|
+
return () => {
|
|
154
|
+
if (forceMount.value || present.value || isPresent.value) return h(slots.default({ present: isPresent.value })[0], { ref: (v) => {
|
|
155
|
+
const el = unrefElement(v);
|
|
156
|
+
if (typeof (el == null ? void 0 : el.hasAttribute) === "undefined") return el;
|
|
157
|
+
if (el == null ? void 0 : el.hasAttribute("data-reka-popper-content-wrapper")) node.value = el.firstElementChild;
|
|
158
|
+
else node.value = el;
|
|
159
|
+
return el;
|
|
160
|
+
} });
|
|
161
|
+
else return null;
|
|
162
|
+
};
|
|
163
|
+
}
|
|
164
|
+
});
|
|
165
|
+
export {
|
|
166
|
+
Presence_default as P,
|
|
167
|
+
useStateMachine as u
|
|
168
|
+
};
|
|
@@ -0,0 +1,188 @@
|
|
|
1
|
+
import { defineComponent, watch, nextTick, computed, openBlock, createBlock, unref, withCtx, renderSlot, mergeProps, createVNode, normalizeStyle } from "vue";
|
|
2
|
+
import { c as createContext } from "./createContext-BabAT1K8.js";
|
|
3
|
+
import { i as isNullish } from "./nullish-D3tMkl6i.js";
|
|
4
|
+
import { u as useForwardExpose } from "./useForwardExpose-BcX3VRdS.js";
|
|
5
|
+
import { P as Primitive } from "./Primitive-D3IcFg81.js";
|
|
6
|
+
import { a as useVModel } from "./index-Dw56kNV0.js";
|
|
7
|
+
import { c as cn } from "./utils-Bz4m9VPB.js";
|
|
8
|
+
import { r as reactiveOmit } from "./index-DDJjWaIl.js";
|
|
9
|
+
const DEFAULT_MAX = 100;
|
|
10
|
+
const [injectProgressRootContext, provideProgressRootContext] = createContext("ProgressRoot");
|
|
11
|
+
const isNumber = (v) => typeof v === "number";
|
|
12
|
+
function validateValue(value, max) {
|
|
13
|
+
const isValidValueError = isNullish(value) || isNumber(value) && !Number.isNaN(value) && value <= max && value >= 0;
|
|
14
|
+
if (isValidValueError) return value;
|
|
15
|
+
console.error(`Invalid prop \`value\` of value \`${value}\` supplied to \`ProgressRoot\`. The \`value\` prop must be:
|
|
16
|
+
- a positive number
|
|
17
|
+
- less than the value passed to \`max\` (or ${DEFAULT_MAX} if no \`max\` prop is set)
|
|
18
|
+
- \`null\` or \`undefined\` if the progress is indeterminate.
|
|
19
|
+
|
|
20
|
+
Defaulting to \`null\`.`);
|
|
21
|
+
return null;
|
|
22
|
+
}
|
|
23
|
+
function validateMax(max) {
|
|
24
|
+
const isValidMaxError = isNumber(max) && !Number.isNaN(max) && max > 0;
|
|
25
|
+
if (isValidMaxError) return max;
|
|
26
|
+
console.error(`Invalid prop \`max\` of value \`${max}\` supplied to \`ProgressRoot\`. Only numbers greater than 0 are valid max values. Defaulting to \`${DEFAULT_MAX}\`.`);
|
|
27
|
+
return DEFAULT_MAX;
|
|
28
|
+
}
|
|
29
|
+
var ProgressRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
30
|
+
__name: "ProgressRoot",
|
|
31
|
+
props: {
|
|
32
|
+
modelValue: {
|
|
33
|
+
type: [Number, null],
|
|
34
|
+
required: false
|
|
35
|
+
},
|
|
36
|
+
max: {
|
|
37
|
+
type: Number,
|
|
38
|
+
required: false,
|
|
39
|
+
default: DEFAULT_MAX
|
|
40
|
+
},
|
|
41
|
+
getValueLabel: {
|
|
42
|
+
type: Function,
|
|
43
|
+
required: false,
|
|
44
|
+
default: (value, max) => isNumber(value) ? `${Math.round(value / max * DEFAULT_MAX)}%` : void 0
|
|
45
|
+
},
|
|
46
|
+
getValueText: {
|
|
47
|
+
type: Function,
|
|
48
|
+
required: false
|
|
49
|
+
},
|
|
50
|
+
asChild: {
|
|
51
|
+
type: Boolean,
|
|
52
|
+
required: false
|
|
53
|
+
},
|
|
54
|
+
as: {
|
|
55
|
+
type: null,
|
|
56
|
+
required: false
|
|
57
|
+
}
|
|
58
|
+
},
|
|
59
|
+
emits: ["update:modelValue", "update:max"],
|
|
60
|
+
setup(__props, { emit: __emit }) {
|
|
61
|
+
const props = __props;
|
|
62
|
+
const emit = __emit;
|
|
63
|
+
useForwardExpose();
|
|
64
|
+
const modelValue = useVModel(props, "modelValue", emit, { passive: props.modelValue === void 0 });
|
|
65
|
+
const max = useVModel(props, "max", emit, { passive: props.max === void 0 });
|
|
66
|
+
watch(() => modelValue.value, async (value) => {
|
|
67
|
+
const correctedValue = validateValue(value, props.max);
|
|
68
|
+
if (correctedValue !== value) {
|
|
69
|
+
await nextTick();
|
|
70
|
+
modelValue.value = correctedValue;
|
|
71
|
+
}
|
|
72
|
+
}, { immediate: true });
|
|
73
|
+
watch(() => props.max, (newMax) => {
|
|
74
|
+
const correctedMax = validateMax(props.max);
|
|
75
|
+
if (correctedMax !== newMax) max.value = correctedMax;
|
|
76
|
+
}, { immediate: true });
|
|
77
|
+
const progressState = computed(() => {
|
|
78
|
+
if (isNullish(modelValue.value)) return "indeterminate";
|
|
79
|
+
if (modelValue.value === max.value) return "complete";
|
|
80
|
+
return "loading";
|
|
81
|
+
});
|
|
82
|
+
provideProgressRootContext({
|
|
83
|
+
modelValue,
|
|
84
|
+
max,
|
|
85
|
+
progressState
|
|
86
|
+
});
|
|
87
|
+
return (_ctx, _cache) => {
|
|
88
|
+
var _a;
|
|
89
|
+
return openBlock(), createBlock(unref(Primitive), {
|
|
90
|
+
"as-child": _ctx.asChild,
|
|
91
|
+
as: _ctx.as,
|
|
92
|
+
"aria-valuemax": unref(max),
|
|
93
|
+
"aria-valuemin": 0,
|
|
94
|
+
"aria-valuenow": isNumber(unref(modelValue)) ? unref(modelValue) : void 0,
|
|
95
|
+
"aria-valuetext": (_a = _ctx.getValueText) == null ? void 0 : _a.call(_ctx, unref(modelValue), unref(max)),
|
|
96
|
+
"aria-label": _ctx.getValueLabel(unref(modelValue), unref(max)),
|
|
97
|
+
role: "progressbar",
|
|
98
|
+
"data-state": progressState.value,
|
|
99
|
+
"data-value": unref(modelValue) ?? void 0,
|
|
100
|
+
"data-max": unref(max)
|
|
101
|
+
}, {
|
|
102
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default", { modelValue: unref(modelValue) })]),
|
|
103
|
+
_: 3
|
|
104
|
+
}, 8, [
|
|
105
|
+
"as-child",
|
|
106
|
+
"as",
|
|
107
|
+
"aria-valuemax",
|
|
108
|
+
"aria-valuenow",
|
|
109
|
+
"aria-valuetext",
|
|
110
|
+
"aria-label",
|
|
111
|
+
"data-state",
|
|
112
|
+
"data-value",
|
|
113
|
+
"data-max"
|
|
114
|
+
]);
|
|
115
|
+
};
|
|
116
|
+
}
|
|
117
|
+
});
|
|
118
|
+
var ProgressRoot_default = ProgressRoot_vue_vue_type_script_setup_true_lang_default;
|
|
119
|
+
var ProgressIndicator_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
120
|
+
__name: "ProgressIndicator",
|
|
121
|
+
props: {
|
|
122
|
+
asChild: {
|
|
123
|
+
type: Boolean,
|
|
124
|
+
required: false
|
|
125
|
+
},
|
|
126
|
+
as: {
|
|
127
|
+
type: null,
|
|
128
|
+
required: false
|
|
129
|
+
}
|
|
130
|
+
},
|
|
131
|
+
setup(__props) {
|
|
132
|
+
const props = __props;
|
|
133
|
+
const rootContext = injectProgressRootContext();
|
|
134
|
+
useForwardExpose();
|
|
135
|
+
return (_ctx, _cache) => {
|
|
136
|
+
var _a;
|
|
137
|
+
return openBlock(), createBlock(unref(Primitive), mergeProps(props, {
|
|
138
|
+
"data-state": unref(rootContext).progressState.value,
|
|
139
|
+
"data-value": ((_a = unref(rootContext).modelValue) == null ? void 0 : _a.value) ?? void 0,
|
|
140
|
+
"data-max": unref(rootContext).max.value
|
|
141
|
+
}), {
|
|
142
|
+
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
143
|
+
_: 3
|
|
144
|
+
}, 16, [
|
|
145
|
+
"data-state",
|
|
146
|
+
"data-value",
|
|
147
|
+
"data-max"
|
|
148
|
+
]);
|
|
149
|
+
};
|
|
150
|
+
}
|
|
151
|
+
});
|
|
152
|
+
var ProgressIndicator_default = ProgressIndicator_vue_vue_type_script_setup_true_lang_default;
|
|
153
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
154
|
+
__name: "Progress",
|
|
155
|
+
props: {
|
|
156
|
+
modelValue: { default: 0 },
|
|
157
|
+
max: {},
|
|
158
|
+
getValueLabel: {},
|
|
159
|
+
getValueText: {},
|
|
160
|
+
asChild: { type: Boolean },
|
|
161
|
+
as: {},
|
|
162
|
+
class: {}
|
|
163
|
+
},
|
|
164
|
+
setup(__props) {
|
|
165
|
+
const props = __props;
|
|
166
|
+
const delegatedProps = reactiveOmit(props, "class");
|
|
167
|
+
return (_ctx, _cache) => {
|
|
168
|
+
return openBlock(), createBlock(unref(ProgressRoot_default), mergeProps({ "data-slot": "progress" }, unref(delegatedProps), {
|
|
169
|
+
class: unref(cn)(
|
|
170
|
+
"bg-[var(--bg-selected-light)] dark:bg-[var(--bg-selected-dark)] relative h-2 w-full overflow-hidden",
|
|
171
|
+
props.class
|
|
172
|
+
)
|
|
173
|
+
}), {
|
|
174
|
+
default: withCtx(() => [
|
|
175
|
+
createVNode(unref(ProgressIndicator_default), {
|
|
176
|
+
"data-slot": "progress-indicator",
|
|
177
|
+
class: "bg-primary h-full w-full flex-1 transition-all",
|
|
178
|
+
style: normalizeStyle(`transform: translateX(-${100 - (props.modelValue ?? 0)}%);`)
|
|
179
|
+
}, null, 8, ["style"])
|
|
180
|
+
]),
|
|
181
|
+
_: 1
|
|
182
|
+
}, 16, ["class"]);
|
|
183
|
+
};
|
|
184
|
+
}
|
|
185
|
+
});
|
|
186
|
+
export {
|
|
187
|
+
_sfc_main as _
|
|
188
|
+
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent, openBlock, createBlock, unref, mergeProps } from "vue";
|
|
2
2
|
import { S as Separator_default } from "./Separator-CFm_M4pb.js";
|
|
3
3
|
import { c as cn } from "./utils-Bz4m9VPB.js";
|
|
4
|
-
import { r as reactiveOmit } from "./index-
|
|
4
|
+
import { r as reactiveOmit } from "./index-DDJjWaIl.js";
|
|
5
5
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
6
6
|
__name: "Separator",
|
|
7
7
|
props: {
|
|
@@ -1,11 +1,9 @@
|
|
|
1
|
-
import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, normalizeProps, guardReactiveProps, createVNode,
|
|
2
|
-
import { u as useForwardPropsEmits } from "./useForwardPropsEmits-
|
|
3
|
-
import { b as DialogRoot_default, D as DialogOverlay_default, a as DialogContent_default, c as DialogDescription_default, d as DialogTitle_default } from "./DialogTitle-
|
|
4
|
-
import {
|
|
5
|
-
import { D as DialogClose_default } from "./DialogClose-DDtZ0Em0.js";
|
|
6
|
-
import { D as DialogPortal_default } from "./DialogPortal-D81oXsCY.js";
|
|
1
|
+
import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, normalizeProps, guardReactiveProps, createVNode, createElementBlock, normalizeClass } from "vue";
|
|
2
|
+
import { u as useForwardPropsEmits } from "./useForwardPropsEmits-GlUGKcIz.js";
|
|
3
|
+
import { b as DialogRoot_default, D as DialogOverlay_default, a as DialogContent_default, c as DialogDescription_default, d as DialogTitle_default } from "./DialogTitle-jKgSCoXM.js";
|
|
4
|
+
import { D as DialogPortal_default } from "./DialogPortal-BiMJAKLg.js";
|
|
7
5
|
import { c as cn } from "./utils-Bz4m9VPB.js";
|
|
8
|
-
import { r as reactiveOmit } from "./index-
|
|
6
|
+
import { r as reactiveOmit } from "./index-DDJjWaIl.js";
|
|
9
7
|
const _sfc_main$5 = /* @__PURE__ */ defineComponent({
|
|
10
8
|
__name: "Sheet",
|
|
11
9
|
props: {
|
|
@@ -87,17 +85,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
|
|
|
87
85
|
)
|
|
88
86
|
}, { ..._ctx.$attrs, ...unref(forwarded) }), {
|
|
89
87
|
default: withCtx(() => [
|
|
90
|
-
renderSlot(_ctx.$slots, "default")
|
|
91
|
-
createVNode(unref(DialogClose_default), { class: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none" }, {
|
|
92
|
-
default: withCtx(() => [
|
|
93
|
-
createVNode(unref(HugeiconsIcon), {
|
|
94
|
-
icon: unref(dp),
|
|
95
|
-
class: "size-4"
|
|
96
|
-
}, null, 8, ["icon"]),
|
|
97
|
-
_cache[0] || (_cache[0] = createElementVNode("span", { class: "sr-only" }, "Close", -1))
|
|
98
|
-
]),
|
|
99
|
-
_: 1
|
|
100
|
-
})
|
|
88
|
+
renderSlot(_ctx.$slots, "default")
|
|
101
89
|
]),
|
|
102
90
|
_: 3
|
|
103
91
|
}, 16, ["class"])
|
|
@@ -1,16 +1,17 @@
|
|
|
1
1
|
import { defineComponent, toRefs, ref, computed, openBlock, createBlock, unref, normalizeStyle, withCtx, renderSlot, resolveDynamicComponent, mergeProps, createCommentVNode, toRaw, onMounted, onUnmounted, createVNode, createElementBlock, Fragment, renderList } from "vue";
|
|
2
|
-
import {
|
|
2
|
+
import { u as useForwardPropsEmits } from "./useForwardPropsEmits-GlUGKcIz.js";
|
|
3
3
|
import { c as clamp } from "./clamp-D5Ye0kJT.js";
|
|
4
|
-
import {
|
|
5
|
-
import { u as
|
|
6
|
-
import { u as
|
|
7
|
-
import { u as
|
|
8
|
-
import {
|
|
4
|
+
import { c as createContext } from "./createContext-BabAT1K8.js";
|
|
5
|
+
import { u as useDirection } from "./useDirection-B2bMgzzV.js";
|
|
6
|
+
import { u as useFormControl } from "./useFormControl-DZ4LnB9F.js";
|
|
7
|
+
import { u as useForwardExpose } from "./useForwardExpose-BcX3VRdS.js";
|
|
8
|
+
import { u as useCollection } from "./Collection-4P3HQ4uU.js";
|
|
9
|
+
import { V as VisuallyHiddenInput_default } from "./VisuallyHiddenInput-D5eipDQU.js";
|
|
9
10
|
import { P as Primitive } from "./Primitive-D3IcFg81.js";
|
|
10
|
-
import {
|
|
11
|
-
import { u as useSize } from "./useSize-
|
|
11
|
+
import { a as useVModel, b as useMounted } from "./index-Dw56kNV0.js";
|
|
12
|
+
import { u as useSize } from "./useSize-DUgGY9t1.js";
|
|
12
13
|
import { c as cn } from "./utils-Bz4m9VPB.js";
|
|
13
|
-
import { r as reactiveOmit } from "./index-
|
|
14
|
+
import { r as reactiveOmit } from "./index-DDJjWaIl.js";
|
|
14
15
|
function getNextSortedValues(prevValues = [], nextValue, atIndex) {
|
|
15
16
|
const nextValues = [...prevValues];
|
|
16
17
|
nextValues[atIndex] = nextValue;
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
import { defineComponent, toRefs, computed, openBlock, createBlock, unref, mergeProps, withKeys, withModifiers, withCtx, renderSlot, createCommentVNode, createVNode, normalizeClass, normalizeProps, guardReactiveProps } from "vue";
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import { u as
|
|
2
|
+
import { u as useForwardPropsEmits } from "./useForwardPropsEmits-GlUGKcIz.js";
|
|
3
|
+
import { c as createContext } from "./createContext-BabAT1K8.js";
|
|
4
|
+
import { u as useFormControl } from "./useFormControl-DZ4LnB9F.js";
|
|
5
|
+
import { u as useForwardExpose } from "./useForwardExpose-BcX3VRdS.js";
|
|
5
6
|
import { P as Primitive } from "./Primitive-D3IcFg81.js";
|
|
6
|
-
import { V as VisuallyHiddenInput_default } from "./VisuallyHiddenInput-
|
|
7
|
-
import {
|
|
7
|
+
import { V as VisuallyHiddenInput_default } from "./VisuallyHiddenInput-D5eipDQU.js";
|
|
8
|
+
import { a as useVModel } from "./index-Dw56kNV0.js";
|
|
8
9
|
import { c as cn } from "./utils-Bz4m9VPB.js";
|
|
9
|
-
import { r as reactiveOmit } from "./index-
|
|
10
|
+
import { r as reactiveOmit } from "./index-DDJjWaIl.js";
|
|
10
11
|
const [injectSwitchRootContext, provideSwitchRootContext] = createContext("SwitchRoot");
|
|
11
12
|
var SwitchRoot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
12
13
|
__name: "SwitchRoot",
|