@brumaombra/ui-vintage 0.2.2 → 0.4.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 +9 -9
- package/dist/{BackgroundGrid-Cxvbtefm.js → BackgroundGrid-BJDDcLzF.js} +1 -1
- package/dist/{Busy-DSyPtpVD.js → Busy-D1u_LUYu.js} +5 -13
- package/dist/{CalendarPrevButton.vue_vue_type_script_setup_true_lang-Dqz6DIGp.js → CalendarPrevButton.vue_vue_type_script_setup_true_lang-BA4Aw_Sl.js} +17 -29
- package/dist/CardFooter.vue_vue_type_script_setup_true_lang-B1eS9wge.js +40 -0
- package/dist/{DialogPortal-BTVR2QvT.js → DialogPortal-D81oXsCY.js} +1 -13
- package/dist/{DialogTitle.vue_vue_type_script_setup_true_lang-83YQbiAn.js → DialogTitle.vue_vue_type_script_setup_true_lang-BG4dvMRo.js} +5 -18
- package/dist/{DialogTrigger-CjJ8QNL_.js → DialogTrigger-BQbSAHMb.js} +33 -3
- package/dist/HugeiconsIcon.vue-CurGbgrJ.js +125 -0
- package/dist/MessageToast-C1L25W2l.js +76 -0
- package/dist/{NativeSelectOption.vue_vue_type_script_setup_true_lang-CWhL2Lw8.js → NativeSelectOption.vue_vue_type_script_setup_true_lang-COnFRt8g.js} +4 -3
- package/dist/{SheetTitle.vue_vue_type_script_setup_true_lang-fx9jbBwT.js → SheetTitle.vue_vue_type_script_setup_true_lang-BQbpsE2c.js} +3 -11
- package/dist/alert-dialog.js +1 -2
- package/dist/background-grid.js +1 -1
- package/dist/badge.js +50 -0
- package/dist/busy-indicator.js +1 -1
- package/dist/busy.js +1 -1
- package/dist/calendar.js +1 -1
- package/dist/card.js +7 -40
- package/dist/command.js +6 -13
- package/dist/components/confirm-dialog/index.d.ts +2 -2
- package/dist/components/dashboard-shell/DashboardShell.vue.d.ts +1 -0
- package/dist/components/error-page/ErrorPage.vue.d.ts +51 -0
- package/dist/components/error-page/index.d.ts +2 -0
- package/dist/components/landing/index.d.ts +6 -0
- package/dist/components/landing/landing-content/LandingContent.vue.d.ts +22 -0
- package/dist/components/landing/landing-content/index.d.ts +2 -0
- package/dist/components/landing/landing-footer/LandingFooter.vue.d.ts +44 -0
- package/dist/components/landing/landing-footer/index.d.ts +3 -0
- package/dist/components/landing/landing-navbar/LandingNavbar.vue.d.ts +25 -0
- package/dist/components/landing/landing-navbar/index.d.ts +2 -0
- package/dist/components/landing/landing-shell/LandingShell.vue.d.ts +32 -0
- package/dist/components/landing/landing-shell/index.d.ts +2 -0
- package/dist/components/message-dialog/index.d.ts +2 -2
- 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/slider-form-component/SliderFormComponent.vue.d.ts +3 -3
- package/dist/components/ui/badge/Badge.vue.d.ts +24 -0
- package/dist/components/ui/badge/index.d.ts +6 -0
- package/dist/components/ui/button/index.d.ts +1 -1
- package/dist/components/ui/dialog/DialogContent.vue.d.ts +1 -4
- package/dist/components/ui/popover/PopoverContent.vue.d.ts +1 -1
- package/dist/confirm-dialog.js +13 -19
- package/dist/dashboard-shell.js +10 -3
- package/dist/date-picker.js +6 -15
- package/dist/dialog.js +6 -14
- package/dist/error-page.js +113 -0
- package/dist/landing.js +239 -0
- package/dist/message-dialog.js +22 -54
- package/dist/message-toast.js +103 -0
- package/dist/native-select.js +1 -1
- package/dist/select.js +17 -16
- package/dist/sheet.js +2 -3
- package/dist/sidebar.js +3 -13
- package/dist/style.css +378 -67
- package/package.json +19 -2
- package/dist/DialogClose-DDtZ0Em0.js +0 -36
- package/dist/check-iejznCzf.js +0 -11
- package/dist/chevron-down-DP-oz-sL.js +0 -13
- package/dist/createLucideIcon-CCMB2vDW.js +0 -130
- package/dist/info-DZrSmi42.js +0 -15
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
import { reactive, render, h } from "vue";
|
|
2
|
+
const TOAST_CLOSE_DURATION_MS = 300;
|
|
3
|
+
const DEFAULT_TOAST_DURATION_MS = 5e3;
|
|
4
|
+
const MESSAGE_TOAST_ROOT_ID = "ui-vintage-message-toast-root";
|
|
5
|
+
let dismissTimer = null;
|
|
6
|
+
let clearTimer = null;
|
|
7
|
+
let messageToastMountPromise = null;
|
|
8
|
+
let openFrame = null;
|
|
9
|
+
let activeToastId = 0;
|
|
10
|
+
const messageToastState = reactive({
|
|
11
|
+
current: null,
|
|
12
|
+
isOpen: false
|
|
13
|
+
});
|
|
14
|
+
const ensureMessageToastMounted = () => {
|
|
15
|
+
if (typeof document === "undefined") {
|
|
16
|
+
return Promise.resolve();
|
|
17
|
+
}
|
|
18
|
+
const existingRoot = document.getElementById(MESSAGE_TOAST_ROOT_ID);
|
|
19
|
+
if (existingRoot) {
|
|
20
|
+
return Promise.resolve();
|
|
21
|
+
}
|
|
22
|
+
if (messageToastMountPromise) {
|
|
23
|
+
return messageToastMountPromise;
|
|
24
|
+
}
|
|
25
|
+
messageToastMountPromise = (async () => {
|
|
26
|
+
const { default: MessageToast } = await import("./MessageToast-C1L25W2l.js");
|
|
27
|
+
if (document.getElementById(MESSAGE_TOAST_ROOT_ID)) {
|
|
28
|
+
return;
|
|
29
|
+
}
|
|
30
|
+
const container = document.createElement("div");
|
|
31
|
+
container.id = MESSAGE_TOAST_ROOT_ID;
|
|
32
|
+
document.body.appendChild(container);
|
|
33
|
+
render(h(MessageToast), container);
|
|
34
|
+
})().finally(() => {
|
|
35
|
+
messageToastMountPromise = null;
|
|
36
|
+
});
|
|
37
|
+
return messageToastMountPromise;
|
|
38
|
+
};
|
|
39
|
+
const clearMessageToastTimers = () => {
|
|
40
|
+
if (dismissTimer) {
|
|
41
|
+
clearTimeout(dismissTimer);
|
|
42
|
+
dismissTimer = null;
|
|
43
|
+
}
|
|
44
|
+
if (clearTimer) {
|
|
45
|
+
clearTimeout(clearTimer);
|
|
46
|
+
clearTimer = null;
|
|
47
|
+
}
|
|
48
|
+
if (openFrame !== null && typeof cancelAnimationFrame !== "undefined") {
|
|
49
|
+
cancelAnimationFrame(openFrame);
|
|
50
|
+
openFrame = null;
|
|
51
|
+
}
|
|
52
|
+
};
|
|
53
|
+
const clearCurrentMessageToast = () => {
|
|
54
|
+
messageToastState.current = null;
|
|
55
|
+
};
|
|
56
|
+
const scheduleCloseMessageToast = () => {
|
|
57
|
+
if (!messageToastState.current || !messageToastState.isOpen) {
|
|
58
|
+
return;
|
|
59
|
+
}
|
|
60
|
+
messageToastState.isOpen = false;
|
|
61
|
+
clearTimer = setTimeout(() => {
|
|
62
|
+
clearTimer = null;
|
|
63
|
+
clearCurrentMessageToast();
|
|
64
|
+
}, TOAST_CLOSE_DURATION_MS);
|
|
65
|
+
};
|
|
66
|
+
const closeMessageToast = () => {
|
|
67
|
+
clearMessageToastTimers();
|
|
68
|
+
scheduleCloseMessageToast();
|
|
69
|
+
};
|
|
70
|
+
const showMessageToast = (options) => {
|
|
71
|
+
clearMessageToastTimers();
|
|
72
|
+
activeToastId += 1;
|
|
73
|
+
const toastId = activeToastId;
|
|
74
|
+
const duration = options.duration ?? DEFAULT_TOAST_DURATION_MS;
|
|
75
|
+
messageToastState.current = {
|
|
76
|
+
message: options.message,
|
|
77
|
+
status: options.status ?? "success"
|
|
78
|
+
};
|
|
79
|
+
messageToastState.isOpen = false;
|
|
80
|
+
void ensureMessageToastMounted().then(() => {
|
|
81
|
+
if (toastId !== activeToastId || !messageToastState.current || typeof requestAnimationFrame === "undefined") {
|
|
82
|
+
return;
|
|
83
|
+
}
|
|
84
|
+
openFrame = requestAnimationFrame(() => {
|
|
85
|
+
openFrame = null;
|
|
86
|
+
if (toastId !== activeToastId || !messageToastState.current) {
|
|
87
|
+
return;
|
|
88
|
+
}
|
|
89
|
+
messageToastState.isOpen = true;
|
|
90
|
+
if (duration > 0) {
|
|
91
|
+
dismissTimer = setTimeout(() => {
|
|
92
|
+
dismissTimer = null;
|
|
93
|
+
scheduleCloseMessageToast();
|
|
94
|
+
}, duration);
|
|
95
|
+
}
|
|
96
|
+
});
|
|
97
|
+
});
|
|
98
|
+
};
|
|
99
|
+
export {
|
|
100
|
+
closeMessageToast,
|
|
101
|
+
messageToastState,
|
|
102
|
+
showMessageToast
|
|
103
|
+
};
|
package/dist/native-select.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _, a } from "./NativeSelectOption.vue_vue_type_script_setup_true_lang-
|
|
1
|
+
import { _, a } from "./NativeSelectOption.vue_vue_type_script_setup_true_lang-COnFRt8g.js";
|
|
2
2
|
import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from "vue";
|
|
3
3
|
import { c as cn } from "./utils-Bz4m9VPB.js";
|
|
4
4
|
const _sfc_main = /* @__PURE__ */ defineComponent({
|
package/dist/select.js
CHANGED
|
@@ -16,19 +16,8 @@ import { u as useForwardExpose } from "./useForwardExpose-BiRQH8eO.js";
|
|
|
16
16
|
import { P as Primitive } from "./Primitive-D3IcFg81.js";
|
|
17
17
|
import { i as injectConfigProviderContext } from "./ConfigProvider-D2O0Jles.js";
|
|
18
18
|
import { c as cn } from "./utils-Bz4m9VPB.js";
|
|
19
|
+
import { H as HugeiconsIcon, T as TWr, d as dn, C as CC } from "./HugeiconsIcon.vue-CurGbgrJ.js";
|
|
19
20
|
import { r as reactiveOmit } from "./index-qGMU40e1.js";
|
|
20
|
-
import { C as ChevronDown } from "./chevron-down-DP-oz-sL.js";
|
|
21
|
-
import { c as createLucideIcon } from "./createLucideIcon-CCMB2vDW.js";
|
|
22
|
-
import { C as Check } from "./check-iejznCzf.js";
|
|
23
|
-
/**
|
|
24
|
-
* @license lucide-vue-next v1.0.0 - ISC
|
|
25
|
-
*
|
|
26
|
-
* This source code is licensed under the ISC license.
|
|
27
|
-
* See the LICENSE file in the root directory of this source tree.
|
|
28
|
-
*/
|
|
29
|
-
const ChevronUp = createLucideIcon("chevron-up", [
|
|
30
|
-
["path", { d: "m18 15-6-6-6 6", key: "153udz" }]
|
|
31
|
-
]);
|
|
32
21
|
function useNonce(nonce) {
|
|
33
22
|
const context = injectConfigProviderContext({ nonce: ref() });
|
|
34
23
|
return computed(() => {
|
|
@@ -1914,7 +1903,10 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
|
|
|
1914
1903
|
createVNode(unref(SelectItemIndicator_default), null, {
|
|
1915
1904
|
default: withCtx(() => [
|
|
1916
1905
|
renderSlot(_ctx.$slots, "indicator-icon", {}, () => [
|
|
1917
|
-
createVNode(unref(
|
|
1906
|
+
createVNode(unref(HugeiconsIcon), {
|
|
1907
|
+
icon: unref(TWr),
|
|
1908
|
+
class: "size-4"
|
|
1909
|
+
}, null, 8, ["icon"])
|
|
1918
1910
|
])
|
|
1919
1911
|
]),
|
|
1920
1912
|
_: 3
|
|
@@ -2000,7 +1992,10 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
2000
1992
|
}), {
|
|
2001
1993
|
default: withCtx(() => [
|
|
2002
1994
|
renderSlot(_ctx.$slots, "default", {}, () => [
|
|
2003
|
-
createVNode(unref(
|
|
1995
|
+
createVNode(unref(HugeiconsIcon), {
|
|
1996
|
+
icon: unref(dn),
|
|
1997
|
+
class: "size-4"
|
|
1998
|
+
}, null, 8, ["icon"])
|
|
2004
1999
|
])
|
|
2005
2000
|
]),
|
|
2006
2001
|
_: 3
|
|
@@ -2025,7 +2020,10 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
|
|
|
2025
2020
|
}), {
|
|
2026
2021
|
default: withCtx(() => [
|
|
2027
2022
|
renderSlot(_ctx.$slots, "default", {}, () => [
|
|
2028
|
-
createVNode(unref(
|
|
2023
|
+
createVNode(unref(HugeiconsIcon), {
|
|
2024
|
+
icon: unref(CC),
|
|
2025
|
+
class: "size-4"
|
|
2026
|
+
}, null, 8, ["icon"])
|
|
2029
2027
|
])
|
|
2030
2028
|
]),
|
|
2031
2029
|
_: 3
|
|
@@ -2080,7 +2078,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
2080
2078
|
renderSlot(_ctx.$slots, "default"),
|
|
2081
2079
|
createVNode(unref(SelectIcon_default), { "as-child": "" }, {
|
|
2082
2080
|
default: withCtx(() => [
|
|
2083
|
-
createVNode(unref(
|
|
2081
|
+
createVNode(unref(HugeiconsIcon), {
|
|
2082
|
+
icon: unref(dn),
|
|
2083
|
+
class: "size-4 opacity-50"
|
|
2084
|
+
}, null, 8, ["icon"])
|
|
2084
2085
|
]),
|
|
2085
2086
|
_: 1
|
|
2086
2087
|
})
|
package/dist/sheet.js
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import { _, a, b, c, d } from "./SheetTitle.vue_vue_type_script_setup_true_lang-
|
|
1
|
+
import { _, a, b, c, d } from "./SheetTitle.vue_vue_type_script_setup_true_lang-BQbpsE2c.js";
|
|
2
2
|
import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, createElementBlock, normalizeClass } from "vue";
|
|
3
|
-
import { D as DialogClose_default } from "./
|
|
3
|
+
import { D as DialogClose_default, a as DialogTrigger_default } from "./DialogTrigger-BQbSAHMb.js";
|
|
4
4
|
import { c as cn } from "./utils-Bz4m9VPB.js";
|
|
5
|
-
import { D as DialogTrigger_default } from "./DialogTrigger-CjJ8QNL_.js";
|
|
6
5
|
const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
7
6
|
__name: "SheetClose",
|
|
8
7
|
props: {
|
package/dist/sidebar.js
CHANGED
|
@@ -2,7 +2,7 @@ var _a;
|
|
|
2
2
|
import { c as cva } from "./index-FpH8cK6B.js";
|
|
3
3
|
import { defineComponent, openBlock, createElementBlock, mergeProps, unref, renderSlot, createBlock, withCtx, createVNode, normalizeStyle, createTextVNode, createElementVNode, normalizeClass, normalizeProps, guardReactiveProps, Fragment, toDisplayString, resolveDynamicComponent, computed, createCommentVNode, ref } from "vue";
|
|
4
4
|
import { c as cn } from "./utils-Bz4m9VPB.js";
|
|
5
|
-
import { _ as _sfc_main$o, a as _sfc_main$p, c as _sfc_main$q, d as _sfc_main$r, b as _sfc_main$s } from "./SheetTitle.vue_vue_type_script_setup_true_lang-
|
|
5
|
+
import { _ as _sfc_main$o, a as _sfc_main$p, c as _sfc_main$q, d as _sfc_main$r, b as _sfc_main$s } from "./SheetTitle.vue_vue_type_script_setup_true_lang-BQbpsE2c.js";
|
|
6
6
|
import { c as createContext } from "./useForwardPropsEmits-DmumnZO5.js";
|
|
7
7
|
import { P as Primitive } from "./Primitive-D3IcFg81.js";
|
|
8
8
|
import { _ as _sfc_main$t } from "./Input.vue_vue_type_script_setup_true_lang-6SfPeT8d.js";
|
|
@@ -10,19 +10,9 @@ import { _ as _sfc_main$u, b as _sfc_main$v, a as _sfc_main$w, T as TooltipProvi
|
|
|
10
10
|
import { _ as _sfc_main$x } from "./Skeleton.vue_vue_type_script_setup_true_lang-BSbVyZz7.js";
|
|
11
11
|
import { f as useMediaQuery, u as useVModel, b as useEventListener, g as defaultDocument } from "./index-Cq9Ekgtb.js";
|
|
12
12
|
import { _ as _sfc_main$y } from "./Separator.vue_vue_type_script_setup_true_lang-CMRkdntA.js";
|
|
13
|
+
import { H as HugeiconsIcon, e as m7 } from "./HugeiconsIcon.vue-CurGbgrJ.js";
|
|
13
14
|
import { Button as _sfc_main$z } from "./button.js";
|
|
14
|
-
import { c as createLucideIcon } from "./createLucideIcon-CCMB2vDW.js";
|
|
15
15
|
import { r as reactiveOmit } from "./index-qGMU40e1.js";
|
|
16
|
-
/**
|
|
17
|
-
* @license lucide-vue-next v1.0.0 - ISC
|
|
18
|
-
*
|
|
19
|
-
* This source code is licensed under the ISC license.
|
|
20
|
-
* See the LICENSE file in the root directory of this source tree.
|
|
21
|
-
*/
|
|
22
|
-
const PanelLeft = createLucideIcon("panel-left", [
|
|
23
|
-
["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
|
|
24
|
-
["path", { d: "M9 3v18", key: "fh3hqa" }]
|
|
25
|
-
]);
|
|
26
16
|
const SIDEBAR_COOKIE_NAME = "sidebar_state";
|
|
27
17
|
const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
|
|
28
18
|
const SIDEBAR_WIDTH = "16rem";
|
|
@@ -756,7 +746,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
756
746
|
onClick: unref(toggleSidebar)
|
|
757
747
|
}, {
|
|
758
748
|
default: withCtx(() => [
|
|
759
|
-
createVNode(unref(
|
|
749
|
+
createVNode(unref(HugeiconsIcon), { icon: unref(m7) }, null, 8, ["icon"]),
|
|
760
750
|
_cache[0] || (_cache[0] = createElementVNode("span", { class: "sr-only" }, "Toggle Sidebar", -1))
|
|
761
751
|
]),
|
|
762
752
|
_: 1
|