@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
package/dist/alert-dialog.js
CHANGED
|
@@ -2,11 +2,10 @@ import { i as injectAlertDialogContentContext } from "./AlertDialogTitle.vue_vue
|
|
|
2
2
|
import { _, a, d, e, b, c } from "./AlertDialogTitle.vue_vue_type_script_setup_true_lang-Ca0g2mVz.js";
|
|
3
3
|
import { defineComponent, openBlock, createBlock, unref, normalizeProps, guardReactiveProps, withCtx, renderSlot, onMounted, mergeProps } from "vue";
|
|
4
4
|
import { u as useForwardExpose } from "./useForwardExpose-BiRQH8eO.js";
|
|
5
|
-
import { D as DialogClose_default } from "./
|
|
5
|
+
import { D as DialogClose_default, a as DialogTrigger_default } from "./DialogTrigger-BQbSAHMb.js";
|
|
6
6
|
import { c as cn } from "./utils-Bz4m9VPB.js";
|
|
7
7
|
import { buttonVariants } from "./button.js";
|
|
8
8
|
import { r as reactiveOmit } from "./index-qGMU40e1.js";
|
|
9
|
-
import { D as DialogTrigger_default } from "./DialogTrigger-CjJ8QNL_.js";
|
|
10
9
|
var AlertDialogAction_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
|
|
11
10
|
__name: "AlertDialogAction",
|
|
12
11
|
props: {
|
package/dist/background-grid.js
CHANGED
package/dist/badge.js
ADDED
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { c as cva } from "./index-FpH8cK6B.js";
|
|
2
|
+
import { defineComponent, openBlock, createBlock, unref, normalizeClass, withCtx, renderSlot } from "vue";
|
|
3
|
+
import { P as Primitive } from "./Primitive-D3IcFg81.js";
|
|
4
|
+
import { c as cn } from "./utils-Bz4m9VPB.js";
|
|
5
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
6
|
+
__name: "Badge",
|
|
7
|
+
props: {
|
|
8
|
+
variant: {},
|
|
9
|
+
class: {},
|
|
10
|
+
asChild: { type: Boolean },
|
|
11
|
+
as: {}
|
|
12
|
+
},
|
|
13
|
+
setup(__props) {
|
|
14
|
+
const props = __props;
|
|
15
|
+
return (_ctx, _cache) => {
|
|
16
|
+
return openBlock(), createBlock(unref(Primitive), {
|
|
17
|
+
"data-slot": "badge",
|
|
18
|
+
"data-variant": _ctx.variant,
|
|
19
|
+
as: _ctx.as,
|
|
20
|
+
"as-child": _ctx.asChild,
|
|
21
|
+
class: normalizeClass(unref(cn)(unref(badgeVariants)({ variant: _ctx.variant }), props.class))
|
|
22
|
+
}, {
|
|
23
|
+
default: withCtx(() => [
|
|
24
|
+
renderSlot(_ctx.$slots, "default")
|
|
25
|
+
]),
|
|
26
|
+
_: 3
|
|
27
|
+
}, 8, ["data-variant", "as", "as-child", "class"]);
|
|
28
|
+
};
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
const badgeVariants = cva(
|
|
32
|
+
"inline-flex items-center justify-center rounded border px-2 py-1 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
|
|
33
|
+
{
|
|
34
|
+
variants: {
|
|
35
|
+
variant: {
|
|
36
|
+
default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
|
|
37
|
+
secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
|
|
38
|
+
destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
|
|
39
|
+
outline: "border-border text-muted-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
|
|
40
|
+
}
|
|
41
|
+
},
|
|
42
|
+
defaultVariants: {
|
|
43
|
+
variant: "default"
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
);
|
|
47
|
+
export {
|
|
48
|
+
_sfc_main as Badge,
|
|
49
|
+
badgeVariants
|
|
50
|
+
};
|
package/dist/busy-indicator.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { reactive, render, h, defineComponent, openBlock, createBlock, unref, normalizeClass } from "vue";
|
|
2
|
-
import { B as Busy } from "./Busy-
|
|
2
|
+
import { B as Busy } from "./Busy-D1u_LUYu.js";
|
|
3
3
|
const BUSY_INDICATOR_ROOT_ID = "ui-vintage-busy-indicator-root";
|
|
4
4
|
let busyIndicatorMountPromise = null;
|
|
5
5
|
const busyIndicatorState = reactive({
|
package/dist/busy.js
CHANGED
package/dist/calendar.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { _, a, b, c, d, e, f, g, h, i, j, k } from "./CalendarPrevButton.vue_vue_type_script_setup_true_lang-
|
|
1
|
+
import { _, a, b, c, d, e, f, g, h, i, j, k } from "./CalendarPrevButton.vue_vue_type_script_setup_true_lang-BA4Aw_Sl.js";
|
|
2
2
|
export {
|
|
3
3
|
_ as Calendar,
|
|
4
4
|
a as CalendarCell,
|
package/dist/card.js
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { _ } from "./Card.vue_vue_type_script_setup_true_lang-6ol3rxy1.js";
|
|
2
2
|
import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from "vue";
|
|
3
3
|
import { c as cn } from "./utils-Bz4m9VPB.js";
|
|
4
|
-
|
|
4
|
+
import { _ as _2, a } from "./CardFooter.vue_vue_type_script_setup_true_lang-B1eS9wge.js";
|
|
5
|
+
const _sfc_main$3 = /* @__PURE__ */ defineComponent({
|
|
5
6
|
__name: "CardAction",
|
|
6
7
|
props: {
|
|
7
8
|
class: {}
|
|
@@ -18,24 +19,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
|
|
|
18
19
|
};
|
|
19
20
|
}
|
|
20
21
|
});
|
|
21
|
-
const _sfc_main$
|
|
22
|
-
__name: "CardContent",
|
|
23
|
-
props: {
|
|
24
|
-
class: {}
|
|
25
|
-
},
|
|
26
|
-
setup(__props) {
|
|
27
|
-
const props = __props;
|
|
28
|
-
return (_ctx, _cache) => {
|
|
29
|
-
return openBlock(), createElementBlock("div", {
|
|
30
|
-
"data-slot": "card-content",
|
|
31
|
-
class: normalizeClass(unref(cn)("px-6", props.class))
|
|
32
|
-
}, [
|
|
33
|
-
renderSlot(_ctx.$slots, "default")
|
|
34
|
-
], 2);
|
|
35
|
-
};
|
|
36
|
-
}
|
|
37
|
-
});
|
|
38
|
-
const _sfc_main$3 = /* @__PURE__ */ defineComponent({
|
|
22
|
+
const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
39
23
|
__name: "CardDescription",
|
|
40
24
|
props: {
|
|
41
25
|
class: {}
|
|
@@ -52,23 +36,6 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
|
|
|
52
36
|
};
|
|
53
37
|
}
|
|
54
38
|
});
|
|
55
|
-
const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
56
|
-
__name: "CardFooter",
|
|
57
|
-
props: {
|
|
58
|
-
class: {}
|
|
59
|
-
},
|
|
60
|
-
setup(__props) {
|
|
61
|
-
const props = __props;
|
|
62
|
-
return (_ctx, _cache) => {
|
|
63
|
-
return openBlock(), createElementBlock("div", {
|
|
64
|
-
"data-slot": "card-footer",
|
|
65
|
-
class: normalizeClass(unref(cn)("flex items-center px-6 [.border-t]:pt-6", props.class))
|
|
66
|
-
}, [
|
|
67
|
-
renderSlot(_ctx.$slots, "default")
|
|
68
|
-
], 2);
|
|
69
|
-
};
|
|
70
|
-
}
|
|
71
|
-
});
|
|
72
39
|
const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
73
40
|
__name: "CardHeader",
|
|
74
41
|
props: {
|
|
@@ -105,10 +72,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
105
72
|
});
|
|
106
73
|
export {
|
|
107
74
|
_ as Card,
|
|
108
|
-
_sfc_main$
|
|
109
|
-
|
|
110
|
-
_sfc_main$
|
|
111
|
-
|
|
75
|
+
_sfc_main$3 as CardAction,
|
|
76
|
+
_2 as CardContent,
|
|
77
|
+
_sfc_main$2 as CardDescription,
|
|
78
|
+
a as CardFooter,
|
|
112
79
|
_sfc_main$1 as CardHeader,
|
|
113
80
|
_sfc_main as CardTitle
|
|
114
81
|
};
|
package/dist/command.js
CHANGED
|
@@ -11,21 +11,11 @@ import { V as VisuallyHiddenInput_default } from "./VisuallyHiddenInput-1G1IEkBL
|
|
|
11
11
|
import { u as useVModel, e as useCurrentElement } from "./index-Cq9Ekgtb.js";
|
|
12
12
|
import { o as createEventHook, g as refAutoReset, r as reactiveOmit } from "./index-qGMU40e1.js";
|
|
13
13
|
import { c as cn } from "./utils-Bz4m9VPB.js";
|
|
14
|
-
import { _ as _sfc_main$9, a as _sfc_main$a, c as _sfc_main$b, e as _sfc_main$c, b as _sfc_main$d } from "./DialogTitle.vue_vue_type_script_setup_true_lang-
|
|
14
|
+
import { _ as _sfc_main$9, a as _sfc_main$a, c as _sfc_main$b, e as _sfc_main$c, b as _sfc_main$d } from "./DialogTitle.vue_vue_type_script_setup_true_lang-BG4dvMRo.js";
|
|
15
15
|
import { u as useId, h as handleAndDispatchCustomEvent } from "./Teleport-CV0tKbq5.js";
|
|
16
|
-
import {
|
|
16
|
+
import { H as HugeiconsIcon, p as pkr } from "./HugeiconsIcon.vue-CurGbgrJ.js";
|
|
17
17
|
import { u as useForwardExpose } from "./useForwardExpose-BiRQH8eO.js";
|
|
18
18
|
import { S as Separator_default } from "./Separator-CFm_M4pb.js";
|
|
19
|
-
/**
|
|
20
|
-
* @license lucide-vue-next v1.0.0 - ISC
|
|
21
|
-
*
|
|
22
|
-
* This source code is licensed under the ISC license.
|
|
23
|
-
* See the LICENSE file in the root directory of this source tree.
|
|
24
|
-
*/
|
|
25
|
-
const Search = createLucideIcon("search", [
|
|
26
|
-
["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
|
|
27
|
-
["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
|
|
28
|
-
]);
|
|
29
19
|
function findValuesBetween(array, start, end) {
|
|
30
20
|
const startIndex = array.findIndex((i) => isEqual(i, start));
|
|
31
21
|
const endIndex = array.findIndex((i) => isEqual(i, end));
|
|
@@ -957,7 +947,10 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
|
|
|
957
947
|
const { filterState } = useCommand();
|
|
958
948
|
return (_ctx, _cache) => {
|
|
959
949
|
return openBlock(), createElementBlock("div", _hoisted_1$1, [
|
|
960
|
-
createVNode(unref(
|
|
950
|
+
createVNode(unref(HugeiconsIcon), {
|
|
951
|
+
icon: unref(pkr),
|
|
952
|
+
class: "size-4 shrink-0 opacity-50"
|
|
953
|
+
}, null, 8, ["icon"]),
|
|
961
954
|
createVNode(unref(ListboxFilter_default), mergeProps({ ...unref(forwardedProps), ..._ctx.$attrs }, {
|
|
962
955
|
modelValue: unref(filterState).search,
|
|
963
956
|
"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(filterState).search = $event),
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export { default as ConfirmDialog } from './ConfirmDialog.vue';
|
|
2
|
-
export { cancelActiveConfirmDialog, closeConfirmDialog, confirmActiveDialog, confirmDialogState, showConfirmDialog
|
|
3
|
-
export type { DialogButtonVariant, ShowConfirmDialogOptions
|
|
2
|
+
export { cancelActiveConfirmDialog, closeConfirmDialog, confirmActiveDialog, confirmDialogState, showConfirmDialog } from './confirm-dialog-state';
|
|
3
|
+
export type { DialogButtonVariant, ShowConfirmDialogOptions } from './confirm-dialog-state';
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
|
2
|
+
interface ErrorPageProps {
|
|
3
|
+
statusCode?: number | string;
|
|
4
|
+
label?: string;
|
|
5
|
+
title?: string;
|
|
6
|
+
message?: string;
|
|
7
|
+
actionLabel?: string;
|
|
8
|
+
showBackground?: boolean;
|
|
9
|
+
showDefaultAction?: boolean;
|
|
10
|
+
class?: HTMLAttributes["class"];
|
|
11
|
+
cardClass?: HTMLAttributes["class"];
|
|
12
|
+
contentClass?: HTMLAttributes["class"];
|
|
13
|
+
footerClass?: HTMLAttributes["class"];
|
|
14
|
+
}
|
|
15
|
+
declare function __VLS_template(): {
|
|
16
|
+
attrs: Partial<{}>;
|
|
17
|
+
slots: {
|
|
18
|
+
toolbar?(_: {}): any;
|
|
19
|
+
brand?(_: {}): any;
|
|
20
|
+
actions?(_: {
|
|
21
|
+
onAction: () => void;
|
|
22
|
+
}): any;
|
|
23
|
+
};
|
|
24
|
+
refs: {};
|
|
25
|
+
rootEl: HTMLDivElement;
|
|
26
|
+
};
|
|
27
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
28
|
+
declare const __VLS_component: import('vue').DefineComponent<ErrorPageProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
29
|
+
action: () => any;
|
|
30
|
+
}, string, import('vue').PublicProps, Readonly<ErrorPageProps> & Readonly<{
|
|
31
|
+
onAction?: (() => any) | undefined;
|
|
32
|
+
}>, {
|
|
33
|
+
label: string;
|
|
34
|
+
title: string;
|
|
35
|
+
class: HTMLAttributes["class"];
|
|
36
|
+
message: string;
|
|
37
|
+
showBackground: boolean;
|
|
38
|
+
statusCode: number | string;
|
|
39
|
+
actionLabel: string;
|
|
40
|
+
showDefaultAction: boolean;
|
|
41
|
+
cardClass: HTMLAttributes["class"];
|
|
42
|
+
contentClass: HTMLAttributes["class"];
|
|
43
|
+
footerClass: HTMLAttributes["class"];
|
|
44
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
45
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
46
|
+
export default _default;
|
|
47
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
48
|
+
new (): {
|
|
49
|
+
$slots: S;
|
|
50
|
+
};
|
|
51
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { default } from './landing-navbar';
|
|
2
|
+
export { default as LandingContent } from './landing-content';
|
|
3
|
+
export { default as LandingShell } from './landing-shell';
|
|
4
|
+
export { default as LandingNavbar } from './landing-navbar';
|
|
5
|
+
export { default as LandingFooter } from './landing-footer';
|
|
6
|
+
export type { LandingFooterLink, LandingFooterSection } from './landing-footer';
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
|
2
|
+
interface LandingContentProps {
|
|
3
|
+
class?: HTMLAttributes["class"];
|
|
4
|
+
containerClass?: HTMLAttributes["class"];
|
|
5
|
+
}
|
|
6
|
+
declare function __VLS_template(): {
|
|
7
|
+
attrs: Partial<{}>;
|
|
8
|
+
slots: {
|
|
9
|
+
default?(_: {}): any;
|
|
10
|
+
};
|
|
11
|
+
refs: {};
|
|
12
|
+
rootEl: HTMLElement;
|
|
13
|
+
};
|
|
14
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
15
|
+
declare const __VLS_component: import('vue').DefineComponent<LandingContentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<LandingContentProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
|
|
16
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
17
|
+
export default _default;
|
|
18
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
19
|
+
new (): {
|
|
20
|
+
$slots: S;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { Component, HTMLAttributes } from 'vue';
|
|
2
|
+
export interface LandingFooterLink {
|
|
3
|
+
id: string;
|
|
4
|
+
label: string;
|
|
5
|
+
href?: string;
|
|
6
|
+
to?: unknown;
|
|
7
|
+
newTab?: boolean;
|
|
8
|
+
}
|
|
9
|
+
export interface LandingFooterSection {
|
|
10
|
+
id: string;
|
|
11
|
+
title: string;
|
|
12
|
+
links: LandingFooterLink[];
|
|
13
|
+
}
|
|
14
|
+
interface LandingFooterProps {
|
|
15
|
+
appName: string;
|
|
16
|
+
appDescription?: string;
|
|
17
|
+
sections?: LandingFooterSection[];
|
|
18
|
+
linkComponent?: Component | string;
|
|
19
|
+
copyrightName?: string;
|
|
20
|
+
allRightsReservedText?: string;
|
|
21
|
+
madeByText?: string;
|
|
22
|
+
madeByName?: string;
|
|
23
|
+
madeByLink?: string;
|
|
24
|
+
year?: number;
|
|
25
|
+
showBottomBar?: boolean;
|
|
26
|
+
class?: HTMLAttributes["class"];
|
|
27
|
+
containerClass?: HTMLAttributes["class"];
|
|
28
|
+
brandClass?: HTMLAttributes["class"];
|
|
29
|
+
sectionsClass?: HTMLAttributes["class"];
|
|
30
|
+
bottomBarClass?: HTMLAttributes["class"];
|
|
31
|
+
}
|
|
32
|
+
declare const _default: import('vue').DefineComponent<LandingFooterProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<LandingFooterProps> & Readonly<{}>, {
|
|
33
|
+
appDescription: string;
|
|
34
|
+
sections: LandingFooterSection[];
|
|
35
|
+
linkComponent: Component | string;
|
|
36
|
+
copyrightName: string;
|
|
37
|
+
allRightsReservedText: string;
|
|
38
|
+
madeByText: string;
|
|
39
|
+
madeByName: string;
|
|
40
|
+
madeByLink: string;
|
|
41
|
+
year: number;
|
|
42
|
+
showBottomBar: boolean;
|
|
43
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
|
|
44
|
+
export default _default;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
|
2
|
+
interface LandingNavbarProps {
|
|
3
|
+
class?: HTMLAttributes["class"];
|
|
4
|
+
containerClass?: HTMLAttributes["class"];
|
|
5
|
+
leftClass?: HTMLAttributes["class"];
|
|
6
|
+
rightClass?: HTMLAttributes["class"];
|
|
7
|
+
}
|
|
8
|
+
declare function __VLS_template(): {
|
|
9
|
+
attrs: Partial<{}>;
|
|
10
|
+
slots: {
|
|
11
|
+
left?(_: {}): any;
|
|
12
|
+
right?(_: {}): any;
|
|
13
|
+
};
|
|
14
|
+
refs: {};
|
|
15
|
+
rootEl: HTMLElement;
|
|
16
|
+
};
|
|
17
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
18
|
+
declare const __VLS_component: import('vue').DefineComponent<LandingNavbarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<LandingNavbarProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
|
|
19
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
20
|
+
export default _default;
|
|
21
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
22
|
+
new (): {
|
|
23
|
+
$slots: S;
|
|
24
|
+
};
|
|
25
|
+
};
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { HTMLAttributes } from 'vue';
|
|
2
|
+
interface LandingShellProps {
|
|
3
|
+
showBackground?: boolean;
|
|
4
|
+
rootClass?: HTMLAttributes["class"];
|
|
5
|
+
navbarClass?: HTMLAttributes["class"];
|
|
6
|
+
mainClass?: HTMLAttributes["class"];
|
|
7
|
+
contentContainerClass?: HTMLAttributes["class"];
|
|
8
|
+
footerClass?: HTMLAttributes["class"];
|
|
9
|
+
}
|
|
10
|
+
declare function __VLS_template(): {
|
|
11
|
+
attrs: Partial<{}>;
|
|
12
|
+
slots: {
|
|
13
|
+
navbar?(_: {}): any;
|
|
14
|
+
content?(_: {}): any;
|
|
15
|
+
default?(_: {}): any;
|
|
16
|
+
default?(_: {}): any;
|
|
17
|
+
footer?(_: {}): any;
|
|
18
|
+
};
|
|
19
|
+
refs: {};
|
|
20
|
+
rootEl: HTMLDivElement;
|
|
21
|
+
};
|
|
22
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
23
|
+
declare const __VLS_component: import('vue').DefineComponent<LandingShellProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<LandingShellProps> & Readonly<{}>, {
|
|
24
|
+
showBackground: boolean;
|
|
25
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
26
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
27
|
+
export default _default;
|
|
28
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
29
|
+
new (): {
|
|
30
|
+
$slots: S;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export { default as MessageDialog } from './MessageDialog.vue';
|
|
2
|
-
export { closeMessageDialog, messageDialogState, resolveActiveMessageDialog, showMessageDialog
|
|
3
|
-
export type { DialogMessageType, ShowMessageDialogOptions
|
|
2
|
+
export { closeMessageDialog, messageDialogState, resolveActiveMessageDialog, showMessageDialog } from './message-dialog-state';
|
|
3
|
+
export type { DialogMessageType, ShowMessageDialogOptions } from './message-dialog-state';
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export type MessageToastStatus = "success" | "info" | "warning" | "error";
|
|
2
|
+
export interface ShowMessageToastOptions {
|
|
3
|
+
message: string;
|
|
4
|
+
status?: MessageToastStatus;
|
|
5
|
+
duration?: number;
|
|
6
|
+
}
|
|
7
|
+
interface MessageToastContent {
|
|
8
|
+
message: string;
|
|
9
|
+
status: MessageToastStatus;
|
|
10
|
+
}
|
|
11
|
+
interface MessageToastState {
|
|
12
|
+
current: MessageToastContent | null;
|
|
13
|
+
isOpen: boolean;
|
|
14
|
+
}
|
|
15
|
+
export declare const messageToastState: MessageToastState;
|
|
16
|
+
export declare const closeMessageToast: () => void;
|
|
17
|
+
export declare const showMessageToast: (options: ShowMessageToastOptions) => void;
|
|
18
|
+
export {};
|
|
@@ -13,11 +13,11 @@ declare const _default: import('vue').DefineComponent<SliderFormComponentProps,
|
|
|
13
13
|
}, string, import('vue').PublicProps, Readonly<SliderFormComponentProps> & Readonly<{
|
|
14
14
|
"onUpdate:modelValue"?: ((value: number) => any) | undefined;
|
|
15
15
|
}>, {
|
|
16
|
-
id: string;
|
|
17
|
-
max: number;
|
|
18
|
-
min: number;
|
|
19
16
|
description: string;
|
|
17
|
+
min: number;
|
|
18
|
+
max: number;
|
|
20
19
|
step: number;
|
|
20
|
+
id: string;
|
|
21
21
|
valueText: string;
|
|
22
22
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
23
23
|
export default _default;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { PrimitiveProps } from 'reka-ui';
|
|
2
|
+
import { HTMLAttributes } from 'vue';
|
|
3
|
+
import { BadgeVariants } from '.';
|
|
4
|
+
interface Props extends PrimitiveProps {
|
|
5
|
+
variant?: BadgeVariants["variant"];
|
|
6
|
+
class?: HTMLAttributes["class"];
|
|
7
|
+
}
|
|
8
|
+
declare function __VLS_template(): {
|
|
9
|
+
attrs: Partial<{}>;
|
|
10
|
+
slots: {
|
|
11
|
+
default?(_: {}): any;
|
|
12
|
+
};
|
|
13
|
+
refs: {};
|
|
14
|
+
rootEl: any;
|
|
15
|
+
};
|
|
16
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
17
|
+
declare const __VLS_component: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
18
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
19
|
+
export default _default;
|
|
20
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
21
|
+
new (): {
|
|
22
|
+
$slots: S;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
export { default as Badge } from './Badge.vue';
|
|
3
|
+
export declare const badgeVariants: (props?: ({
|
|
4
|
+
variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
|
|
5
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
6
|
+
export type BadgeVariants = VariantProps<typeof badgeVariants>;
|
|
@@ -2,6 +2,6 @@ import { VariantProps } from 'class-variance-authority';
|
|
|
2
2
|
export { default as Button } from './Button.vue';
|
|
3
3
|
export declare const buttonVariants: (props?: ({
|
|
4
4
|
variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
|
|
5
|
-
size?: "default" | "
|
|
5
|
+
size?: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-lg" | null | undefined;
|
|
6
6
|
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
7
7
|
export type ButtonVariants = VariantProps<typeof buttonVariants>;
|
|
@@ -2,7 +2,6 @@ import { DialogContentProps } from 'reka-ui';
|
|
|
2
2
|
import { HTMLAttributes } from 'vue';
|
|
3
3
|
type __VLS_Props = DialogContentProps & {
|
|
4
4
|
class?: HTMLAttributes["class"];
|
|
5
|
-
showCloseButton?: boolean;
|
|
6
5
|
};
|
|
7
6
|
declare function __VLS_template(): {
|
|
8
7
|
attrs: Partial<{}>;
|
|
@@ -27,9 +26,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
|
27
26
|
onInteractOutside?: ((event: import('reka-ui').PointerDownOutsideEvent | import('reka-ui').FocusOutsideEvent) => any) | undefined;
|
|
28
27
|
onOpenAutoFocus?: ((event: Event) => any) | undefined;
|
|
29
28
|
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
30
|
-
}>, {
|
|
31
|
-
showCloseButton: boolean;
|
|
32
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
29
|
+
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
33
30
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
34
31
|
export default _default;
|
|
35
32
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
@@ -28,7 +28,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
|
|
|
28
28
|
onCloseAutoFocus?: ((event: Event) => any) | undefined;
|
|
29
29
|
}>, {
|
|
30
30
|
sideOffset: number;
|
|
31
|
-
align: "
|
|
31
|
+
align: "start" | "center" | "end";
|
|
32
32
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
33
33
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
34
34
|
export default _default;
|
package/dist/confirm-dialog.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { reactive, render, h, markRaw, defineComponent, computed, openBlock, createBlock, unref, withCtx, createElementVNode, resolveDynamicComponent, createVNode, createTextVNode, toDisplayString, createCommentVNode } from "vue";
|
|
2
|
+
import { H as HugeiconsIcon, A as AE } from "./HugeiconsIcon.vue-CurGbgrJ.js";
|
|
2
3
|
import { _ as _sfc_main$1, a as _sfc_main$2, b as _sfc_main$3, c as _sfc_main$4, d as _sfc_main$5, e as _sfc_main$6 } from "./AlertDialogTitle.vue_vue_type_script_setup_true_lang-Ca0g2mVz.js";
|
|
3
4
|
import { Button as _sfc_main$7 } from "./button.js";
|
|
4
|
-
import { I as Info } from "./info-DZrSmi42.js";
|
|
5
5
|
const confirmDialogQueue = [];
|
|
6
6
|
let nextConfirmDialogId = 0;
|
|
7
7
|
const DIALOG_CLOSE_DURATION_MS = 300;
|
|
@@ -57,9 +57,7 @@ const clearCurrentConfirmDialog = () => {
|
|
|
57
57
|
openNextConfirmDialog();
|
|
58
58
|
};
|
|
59
59
|
const scheduleCloseCurrentConfirmDialog = () => {
|
|
60
|
-
if (!confirmDialogState.current || !confirmDialogState.isOpen)
|
|
61
|
-
return;
|
|
62
|
-
}
|
|
60
|
+
if (!confirmDialogState.current || !confirmDialogState.isOpen) return;
|
|
63
61
|
confirmDialogState.isOpen = false;
|
|
64
62
|
if (closeTimer) {
|
|
65
63
|
clearTimeout(closeTimer);
|
|
@@ -71,18 +69,14 @@ const scheduleCloseCurrentConfirmDialog = () => {
|
|
|
71
69
|
};
|
|
72
70
|
const closeConfirmDialog = () => {
|
|
73
71
|
const current = confirmDialogState.current;
|
|
74
|
-
if (!current || !confirmDialogState.isOpen)
|
|
75
|
-
return;
|
|
76
|
-
}
|
|
72
|
+
if (!current || !confirmDialogState.isOpen) return;
|
|
77
73
|
current.resolve(false);
|
|
78
74
|
scheduleCloseCurrentConfirmDialog();
|
|
79
75
|
};
|
|
80
76
|
const cancelActiveConfirmDialog = async () => {
|
|
81
77
|
var _a, _b;
|
|
82
78
|
const current = confirmDialogState.current;
|
|
83
|
-
if (!current || confirmDialogState.busy)
|
|
84
|
-
return;
|
|
85
|
-
}
|
|
79
|
+
if (!current || confirmDialogState.busy) return;
|
|
86
80
|
confirmDialogState.busy = true;
|
|
87
81
|
try {
|
|
88
82
|
await ((_b = (_a = current.options).onCancel) == null ? void 0 : _b.call(_a));
|
|
@@ -94,9 +88,7 @@ const cancelActiveConfirmDialog = async () => {
|
|
|
94
88
|
const confirmActiveDialog = async () => {
|
|
95
89
|
var _a, _b;
|
|
96
90
|
const current = confirmDialogState.current;
|
|
97
|
-
if (!current || confirmDialogState.busy)
|
|
98
|
-
return;
|
|
99
|
-
}
|
|
91
|
+
if (!current || confirmDialogState.busy) return;
|
|
100
92
|
confirmDialogState.busy = true;
|
|
101
93
|
try {
|
|
102
94
|
await ((_b = (_a = current.options).onConfirm) == null ? void 0 : _b.call(_a));
|
|
@@ -134,10 +126,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
134
126
|
__name: "ConfirmDialog",
|
|
135
127
|
setup(__props) {
|
|
136
128
|
const currentDialog = computed(() => confirmDialogState.current);
|
|
137
|
-
const confirmIcon = computed(() => {
|
|
138
|
-
var _a;
|
|
139
|
-
return ((_a = currentDialog.value) == null ? void 0 : _a.options.icon) ?? Info;
|
|
140
|
-
});
|
|
141
129
|
const handleOpenChange = (open) => {
|
|
142
130
|
if (!open) {
|
|
143
131
|
closeConfirmDialog();
|
|
@@ -154,10 +142,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
154
142
|
createElementVNode("div", _hoisted_1, [
|
|
155
143
|
createElementVNode("div", _hoisted_2, [
|
|
156
144
|
createElementVNode("div", _hoisted_3, [
|
|
157
|
-
(openBlock(), createBlock(resolveDynamicComponent(
|
|
145
|
+
currentDialog.value.options.icon ? (openBlock(), createBlock(resolveDynamicComponent(currentDialog.value.options.icon), {
|
|
146
|
+
key: 0,
|
|
147
|
+
"stroke-width": 1.8,
|
|
148
|
+
class: "size-6 text-[var(--button-primary-light)] dark:text-[var(--button-primary-dark)]"
|
|
149
|
+
})) : (openBlock(), createBlock(unref(HugeiconsIcon), {
|
|
150
|
+
key: 1,
|
|
151
|
+
icon: unref(AE),
|
|
158
152
|
"stroke-width": 1.8,
|
|
159
153
|
class: "size-6 text-[var(--button-primary-light)] dark:text-[var(--button-primary-dark)]"
|
|
160
|
-
}))
|
|
154
|
+
}, null, 8, ["icon"]))
|
|
161
155
|
]),
|
|
162
156
|
createVNode(unref(_sfc_main$3), { class: "sm:pt-0" }, {
|
|
163
157
|
default: withCtx(() => [
|