@brumaombra/ui-vintage 0.2.2 → 0.3.0

package/dist/command.js

@@ -11,21 +11,11 @@ import { V as VisuallyHiddenInput_default } from "./VisuallyHiddenInput-1G1IEkBL
 import { u as useVModel, e as useCurrentElement } from "./index-Cq9Ekgtb.js";
 import { o as createEventHook, g as refAutoReset, r as reactiveOmit } from "./index-qGMU40e1.js";
 import { c as cn } from "./utils-Bz4m9VPB.js";
-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-83YQbiAn.js";
+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-BMXrxvBF.js";
 import { u as useId, h as handleAndDispatchCustomEvent } from "./Teleport-CV0tKbq5.js";
-import { c as createLucideIcon } from "./createLucideIcon-CCMB2vDW.js";
+import { H as HugeiconsIcon, p as pkr } from "./HugeiconsIcon.vue-BJ-_Wtmk.js";
 import { u as useForwardExpose } from "./useForwardExpose-BiRQH8eO.js";
 import { S as Separator_default } from "./Separator-CFm_M4pb.js";
-/**
- * @license lucide-vue-next v1.0.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Search = createLucideIcon("search", [
-  ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
-  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
-]);
 function findValuesBetween(array, start, end) {
   const startIndex = array.findIndex((i) => isEqual(i, start));
   const endIndex = array.findIndex((i) => isEqual(i, end));
@@ -957,7 +947,10 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     const { filterState } = useCommand();
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1$1, [
-        createVNode(unref(Search), { class: "size-4 shrink-0 opacity-50" }),
+        createVNode(unref(HugeiconsIcon), {
+          icon: unref(pkr),
+          class: "size-4 shrink-0 opacity-50"
+        }, null, 8, ["icon"]),
         createVNode(unref(ListboxFilter_default), mergeProps({ ...unref(forwardedProps), ..._ctx.$attrs }, {
           modelValue: unref(filterState).search,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(filterState).search = $event),

package/dist/components/confirm-dialog/index.d.ts

@@ -1,3 +1,3 @@
 export { default as ConfirmDialog } from './ConfirmDialog.vue';
-export { cancelActiveConfirmDialog, closeConfirmDialog, confirmActiveDialog, confirmDialogState, showConfirmDialog, } from './confirm-dialog-state';
-export type { DialogButtonVariant, ShowConfirmDialogOptions, } from './confirm-dialog-state';
+export { cancelActiveConfirmDialog, closeConfirmDialog, confirmActiveDialog, confirmDialogState, showConfirmDialog } from './confirm-dialog-state';
+export type { DialogButtonVariant, ShowConfirmDialogOptions } from './confirm-dialog-state';

package/dist/components/dashboard-shell/DashboardShell.vue.d.ts

@@ -7,6 +7,7 @@ interface DashboardSidebarItem {
     href?: string;
     to?: unknown;
     active?: boolean;
+    newTab?: boolean;
 }
 interface DashboardSidebarSection {
     id: string;

package/dist/components/error-page/ErrorPage.vue.d.ts

@@ -0,0 +1,51 @@
+import { HTMLAttributes } from 'vue';
+interface ErrorPageProps {
+    statusCode?: number | string;
+    label?: string;
+    title?: string;
+    message?: string;
+    actionLabel?: string;
+    showBackground?: boolean;
+    showDefaultAction?: boolean;
+    class?: HTMLAttributes["class"];
+    cardClass?: HTMLAttributes["class"];
+    contentClass?: HTMLAttributes["class"];
+    footerClass?: HTMLAttributes["class"];
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        toolbar?(_: {}): any;
+        brand?(_: {}): any;
+        actions?(_: {
+            onAction: () => void;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<ErrorPageProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    action: () => any;
+}, string, import('vue').PublicProps, Readonly<ErrorPageProps> & Readonly<{
+    onAction?: (() => any) | undefined;
+}>, {
+    label: string;
+    title: string;
+    class: HTMLAttributes["class"];
+    message: string;
+    showBackground: boolean;
+    statusCode: number | string;
+    actionLabel: string;
+    showDefaultAction: boolean;
+    cardClass: HTMLAttributes["class"];
+    contentClass: HTMLAttributes["class"];
+    footerClass: HTMLAttributes["class"];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/error-page/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './ErrorPage.vue';
+export { default as ErrorPage } from './ErrorPage.vue';

package/dist/components/message-dialog/index.d.ts

@@ -1,3 +1,3 @@
 export { default as MessageDialog } from './MessageDialog.vue';
-export { closeMessageDialog, messageDialogState, resolveActiveMessageDialog, showMessageDialog, } from './message-dialog-state';
-export type { DialogMessageType, ShowMessageDialogOptions, } from './message-dialog-state';
+export { closeMessageDialog, messageDialogState, resolveActiveMessageDialog, showMessageDialog } from './message-dialog-state';
+export type { DialogMessageType, ShowMessageDialogOptions } from './message-dialog-state';

package/dist/components/slider-form-component/SliderFormComponent.vue.d.ts

@@ -13,11 +13,11 @@ declare const _default: import('vue').DefineComponent<SliderFormComponentProps,
 }, string, import('vue').PublicProps, Readonly<SliderFormComponentProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }>, {
-    id: string;
-    max: number;
-    min: number;
     description: string;
+    min: number;
+    max: number;
     step: number;
+    id: string;
     valueText: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/components/ui/badge/Badge.vue.d.ts

@@ -0,0 +1,24 @@
+import { PrimitiveProps } from 'reka-ui';
+import { HTMLAttributes } from 'vue';
+import { BadgeVariants } from '.';
+interface Props extends PrimitiveProps {
+    variant?: BadgeVariants["variant"];
+    class?: HTMLAttributes["class"];
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+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>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ui/badge/index.d.ts

@@ -0,0 +1,6 @@
+import { VariantProps } from 'class-variance-authority';
+export { default as Badge } from './Badge.vue';
+export declare const badgeVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type BadgeVariants = VariantProps<typeof badgeVariants>;

package/dist/components/ui/button/index.d.ts

@@ -2,6 +2,6 @@ import { VariantProps } from 'class-variance-authority';
 export { default as Button } from './Button.vue';
 export declare const buttonVariants: (props?: ({
     variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
-    size?: "default" | "sm" | "lg" | "icon" | "icon-sm" | "icon-lg" | null | undefined;
+    size?: "default" | "icon" | "sm" | "lg" | "icon-sm" | "icon-lg" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 export type ButtonVariants = VariantProps<typeof buttonVariants>;

package/dist/components/ui/popover/PopoverContent.vue.d.ts

@@ -28,7 +28,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
     sideOffset: number;
-    align: "end" | "start" | "center";
+    align: "start" | "center" | "end";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/confirm-dialog.js

@@ -1,7 +1,7 @@
 import { reactive, render, h, markRaw, defineComponent, computed, openBlock, createBlock, unref, withCtx, createElementVNode, resolveDynamicComponent, createVNode, createTextVNode, toDisplayString, createCommentVNode } from "vue";
+import { H as HugeiconsIcon, A as AE } from "./HugeiconsIcon.vue-BJ-_Wtmk.js";
 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";
 import { Button as _sfc_main$7 } from "./button.js";
-import { I as Info } from "./info-DZrSmi42.js";
 const confirmDialogQueue = [];
 let nextConfirmDialogId = 0;
 const DIALOG_CLOSE_DURATION_MS = 300;
@@ -57,9 +57,7 @@ const clearCurrentConfirmDialog = () => {
   openNextConfirmDialog();
 };
 const scheduleCloseCurrentConfirmDialog = () => {
-  if (!confirmDialogState.current || !confirmDialogState.isOpen) {
-    return;
-  }
+  if (!confirmDialogState.current || !confirmDialogState.isOpen) return;
   confirmDialogState.isOpen = false;
   if (closeTimer) {
     clearTimeout(closeTimer);
@@ -71,18 +69,14 @@ const scheduleCloseCurrentConfirmDialog = () => {
 };
 const closeConfirmDialog = () => {
   const current = confirmDialogState.current;
-  if (!current || !confirmDialogState.isOpen) {
-    return;
-  }
+  if (!current || !confirmDialogState.isOpen) return;
   current.resolve(false);
   scheduleCloseCurrentConfirmDialog();
 };
 const cancelActiveConfirmDialog = async () => {
   var _a, _b;
   const current = confirmDialogState.current;
-  if (!current || confirmDialogState.busy) {
-    return;
-  }
+  if (!current || confirmDialogState.busy) return;
   confirmDialogState.busy = true;
   try {
     await ((_b = (_a = current.options).onCancel) == null ? void 0 : _b.call(_a));
@@ -94,9 +88,7 @@ const cancelActiveConfirmDialog = async () => {
 const confirmActiveDialog = async () => {
   var _a, _b;
   const current = confirmDialogState.current;
-  if (!current || confirmDialogState.busy) {
-    return;
-  }
+  if (!current || confirmDialogState.busy) return;
   confirmDialogState.busy = true;
   try {
     await ((_b = (_a = current.options).onConfirm) == null ? void 0 : _b.call(_a));
@@ -134,10 +126,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ConfirmDialog",
   setup(__props) {
     const currentDialog = computed(() => confirmDialogState.current);
-    const confirmIcon = computed(() => {
-      var _a;
-      return ((_a = currentDialog.value) == null ? void 0 : _a.options.icon) ?? Info;
-    });
     const handleOpenChange = (open) => {
       if (!open) {
         closeConfirmDialog();
@@ -154,10 +142,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createElementVNode("div", _hoisted_1, [
                 createElementVNode("div", _hoisted_2, [
                   createElementVNode("div", _hoisted_3, [
-                    (openBlock(), createBlock(resolveDynamicComponent(confirmIcon.value), {
+                    currentDialog.value.options.icon ? (openBlock(), createBlock(resolveDynamicComponent(currentDialog.value.options.icon), {
+                      key: 0,
+                      "stroke-width": 1.8,
+                      class: "size-6 text-[var(--button-primary-light)] dark:text-[var(--button-primary-dark)]"
+                    })) : (openBlock(), createBlock(unref(HugeiconsIcon), {
+                      key: 1,
+                      icon: unref(AE),
                       "stroke-width": 1.8,
                       class: "size-6 text-[var(--button-primary-light)] dark:text-[var(--button-primary-dark)]"
-                    }))
+                    }, null, 8, ["icon"]))
                   ]),
                   createVNode(unref(_sfc_main$3), { class: "sm:pt-0" }, {
                     default: withCtx(() => [

package/dist/dashboard-shell.js

@@ -33,10 +33,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const getSidebarItemLinkProps = (item) => {
+      const sharedProps = item.newTab ? { target: "_blank", rel: "noopener noreferrer" } : {};
       if (props.sidebarLinkComponent === "a") {
-        return { href: item.href ?? "#" };
+        return {
+          href: item.href ?? "#",
+          ...sharedProps
+        };
       }
-      return { to: item.to ?? item.href ?? "/" };
+      return {
+        to: item.to ?? item.href ?? "/",
+        ...sharedProps
+      };
     };
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(_sfc_main$1), null, {

package/dist/date-picker.js

@@ -1,21 +1,9 @@
 import { defineComponent, ref, computed, openBlock, createBlock, unref, withCtx, createVNode, normalizeClass, createTextVNode, toDisplayString } from "vue";
-import { $ as $14e0f24ef4ac5c92$export$d0bdf45af03a6ea3, l as $14e0f24ef4ac5c92$export$aa8b41735afcabd2, m as $fb18d541ea1ad717$export$ad991b66133851cf, _ as _sfc_main$5 } from "./CalendarPrevButton.vue_vue_type_script_setup_true_lang-Dqz6DIGp.js";
+import { $ as $14e0f24ef4ac5c92$export$d0bdf45af03a6ea3, l as $14e0f24ef4ac5c92$export$aa8b41735afcabd2, m as $fb18d541ea1ad717$export$ad991b66133851cf, _ as _sfc_main$5 } from "./CalendarPrevButton.vue_vue_type_script_setup_true_lang-BklOxtD-.js";
+import { H as HugeiconsIcon, c as cL } from "./HugeiconsIcon.vue-BJ-_Wtmk.js";
 import { c as cn } from "./utils-Bz4m9VPB.js";
 import { Button as _sfc_main$3 } from "./button.js";
 import { _ as _sfc_main$1, a as _sfc_main$2, b as _sfc_main$4 } from "./PopoverTrigger.vue_vue_type_script_setup_true_lang-DFZJvU_P.js";
-import { c as createLucideIcon } from "./createLucideIcon-CCMB2vDW.js";
-/**
- * @license lucide-vue-next v1.0.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Calendar = createLucideIcon("calendar", [
-  ["path", { d: "M8 2v4", key: "1cmpym" }],
-  ["path", { d: "M16 2v4", key: "4m81vk" }],
-  ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
-  ["path", { d: "M3 10h18", key: "8toen8" }]
-]);
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "DatePicker",
   props: {
@@ -55,7 +43,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 class: normalizeClass(unref(cn)("w-[240px] justify-start text-left font-normal", !date.value && "text-muted-foreground", props.class))
               }, {
                 default: withCtx(() => [
-                  createVNode(unref(Calendar), { class: "size-4" }),
+                  createVNode(unref(HugeiconsIcon), {
+                    icon: unref(cL),
+                    class: "size-4"
+                  }, null, 8, ["icon"]),
                   createTextVNode(" " + toDisplayString(date.value ? unref(formatter).format(date.value.toDate(unref($14e0f24ef4ac5c92$export$aa8b41735afcabd2)())) : _ctx.placeholder), 1)
                 ]),
                 _: 1

package/dist/dialog.js

@@ -1,11 +1,12 @@
-import { _, a, b, c, d, e } from "./DialogTitle.vue_vue_type_script_setup_true_lang-83YQbiAn.js";
+import { _, a, b, c, d, e } from "./DialogTitle.vue_vue_type_script_setup_true_lang-BMXrxvBF.js";
 import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, createElementBlock, normalizeClass, createVNode, createTextVNode, createCommentVNode, createElementVNode } from "vue";
 import { D as DialogClose_default } from "./DialogClose-DDtZ0Em0.js";
 import { c as cn } from "./utils-Bz4m9VPB.js";
 import { Button as _sfc_main$4 } from "./button.js";
+import { H as HugeiconsIcon, a as dp } from "./HugeiconsIcon.vue-BJ-_Wtmk.js";
 import { u as useForwardPropsEmits } from "./useForwardPropsEmits-DmumnZO5.js";
 import { D as DialogOverlay_default, a as DialogContent_default } from "./DialogTitle-CLuntLBB.js";
-import { D as DialogPortal_default, X } from "./DialogPortal-BTVR2QvT.js";
+import { D as DialogPortal_default } from "./DialogPortal-D81oXsCY.js";
 import { r as reactiveOmit } from "./index-qGMU40e1.js";
 import { D as DialogTrigger_default } from "./DialogTrigger-CjJ8QNL_.js";
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
@@ -99,7 +100,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                   renderSlot(_ctx.$slots, "default"),
                   createVNode(unref(DialogClose_default), { class: "absolute top-4 right-4 rounded border border-border bg-card p-1 text-muted-foreground transition-all duration-200 hover:bg-accent hover:text-foreground" }, {
                     default: withCtx(() => [
-                      createVNode(unref(X), { class: "w-4 h-4" }),
+                      createVNode(unref(HugeiconsIcon), {
+                        icon: unref(dp),
+                        class: "size-4"
+                      }, null, 8, ["icon"]),
                       _cache[1] || (_cache[1] = createElementVNode("span", { class: "sr-only" }, "Close", -1))
                     ]),
                     _: 1

package/dist/error-page.js

@@ -0,0 +1,113 @@
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, createBlock, createCommentVNode, createElementVNode, renderSlot, createVNode, withCtx, toDisplayString, createTextVNode } from "vue";
+import { H as HugeiconsIcon, m as mn } from "./HugeiconsIcon.vue-BJ-_Wtmk.js";
+import { B as BackgroundGrid } from "./BackgroundGrid-Cxvbtefm.js";
+import { Button as _sfc_main$4 } from "./button.js";
+import { _ as _sfc_main$1 } from "./Card.vue_vue_type_script_setup_true_lang-6ol3rxy1.js";
+import { _ as _sfc_main$2, a as _sfc_main$3 } from "./CardFooter.vue_vue_type_script_setup_true_lang-B1eS9wge.js";
+import { c as cn } from "./utils-Bz4m9VPB.js";
+const _hoisted_1 = { class: "relative z-10 mx-auto flex min-h-screen w-full max-w-6xl items-center justify-center px-4 py-10 sm:px-6 lg:px-8" };
+const _hoisted_2 = { class: "w-full max-w-xl" };
+const _hoisted_3 = {
+  key: 0,
+  class: "mb-4 flex justify-end gap-3"
+};
+const _hoisted_4 = { class: "text-sm font-semibold uppercase tracking-[0.24em] text-[var(--button-primary-light)] dark:text-[var(--button-primary-dark)]" };
+const _hoisted_5 = { class: "mt-3 text-2xl font-bold" };
+const _hoisted_6 = { class: "mt-4 text-sm leading-7 text-[var(--text-secondary-light)] dark:text-[var(--text-secondary-dark)] sm:text-base" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ErrorPage",
+  props: {
+    statusCode: { default: 500 },
+    label: { default: "Error" },
+    title: { default: void 0 },
+    message: { default: void 0 },
+    actionLabel: { default: "Go back" },
+    showBackground: { type: Boolean, default: true },
+    showDefaultAction: { type: Boolean, default: true },
+    class: { default: void 0 },
+    cardClass: { default: void 0 },
+    contentClass: { default: void 0 },
+    footerClass: { default: void 0 }
+  },
+  emits: ["action"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const resolvedStatusCode = computed(() => String(props.statusCode ?? 500));
+    const resolvedTitle = computed(() => {
+      if (props.title) return props.title;
+      if (resolvedStatusCode.value === "404") return "Page not found";
+      return "Something went wrong";
+    });
+    const resolvedMessage = computed(() => {
+      if (props.message) return props.message;
+      if (resolvedStatusCode.value === "404") return "The page you requested could not be found or may have been moved.";
+      return "An unexpected error interrupted the current flow. Please try again or go back to a safe page.";
+    });
+    const handleAction = () => {
+      emit("action");
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(cn)("relative min-h-screen bg-[var(--bg-main-light)] text-[var(--text-primary-light)] dark:bg-[var(--bg-main-dark)] dark:text-[var(--text-primary-dark)]", props.class))
+      }, [
+        props.showBackground ? (openBlock(), createBlock(BackgroundGrid, { key: 0 })) : createCommentVNode("", true),
+        createElementVNode("main", _hoisted_1, [
+          createElementVNode("div", _hoisted_2, [
+            _ctx.$slots.toolbar ? (openBlock(), createElementBlock("div", _hoisted_3, [
+              renderSlot(_ctx.$slots, "toolbar")
+            ])) : createCommentVNode("", true),
+            createVNode(unref(_sfc_main$1), {
+              class: normalizeClass(props.cardClass)
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(_sfc_main$2), {
+                  class: normalizeClass(unref(cn)("space-y-8", props.contentClass))
+                }, {
+                  default: withCtx(() => [
+                    renderSlot(_ctx.$slots, "brand"),
+                    createElementVNode("div", null, [
+                      createElementVNode("div", _hoisted_4, toDisplayString(props.label) + " " + toDisplayString(resolvedStatusCode.value), 1),
+                      createElementVNode("h1", _hoisted_5, toDisplayString(resolvedTitle.value), 1),
+                      createElementVNode("p", _hoisted_6, toDisplayString(resolvedMessage.value), 1)
+                    ])
+                  ]),
+                  _: 3
+                }, 8, ["class"]),
+                createVNode(unref(_sfc_main$3), {
+                  class: normalizeClass(unref(cn)("items-start flex-col gap-3 sm:flex-row sm:items-center", props.footerClass))
+                }, {
+                  default: withCtx(() => [
+                    renderSlot(_ctx.$slots, "actions", { onAction: handleAction }, () => [
+                      props.showDefaultAction ? (openBlock(), createBlock(unref(_sfc_main$4), {
+                        key: 0,
+                        variant: "default",
+                        onClick: handleAction
+                      }, {
+                        default: withCtx(() => [
+                          createVNode(unref(HugeiconsIcon), {
+                            icon: unref(mn),
+                            "stroke-width": 1.8,
+                            class: "size-4"
+                          }, null, 8, ["icon"]),
+                          createTextVNode(" " + toDisplayString(props.actionLabel), 1)
+                        ]),
+                        _: 1
+                      })) : createCommentVNode("", true)
+                    ])
+                  ]),
+                  _: 3
+                }, 8, ["class"])
+              ]),
+              _: 3
+            }, 8, ["class"])
+          ])
+        ])
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as ErrorPage,
+  _sfc_main as default
+};

package/dist/message-dialog.js

@@ -1,20 +1,7 @@
 import { reactive, render, h, markRaw, defineComponent, computed, openBlock, createBlock, unref, withCtx, createElementVNode, normalizeClass, resolveDynamicComponent, createVNode, createTextVNode, toDisplayString, createCommentVNode } from "vue";
+import { A as AE, $ as $o, T as TWr, H as HugeiconsIcon } from "./HugeiconsIcon.vue-BJ-_Wtmk.js";
 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";
 import { Button as _sfc_main$7 } from "./button.js";
-import { I as Info } from "./info-DZrSmi42.js";
-import { c as createLucideIcon } from "./createLucideIcon-CCMB2vDW.js";
-import { C as Check } from "./check-iejznCzf.js";
-/**
- * @license lucide-vue-next v1.0.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const CircleAlert = createLucideIcon("circle-alert", [
-  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
-  ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
-  ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
-]);
 const messageDialogQueue = [];
 let nextMessageDialogId = 0;
 const DIALOG_CLOSE_DURATION_MS = 300;
@@ -84,17 +71,13 @@ const scheduleCloseCurrentMessageDialog = () => {
 };
 const closeMessageDialog = () => {
   const current = messageDialogState.current;
-  if (!current || !messageDialogState.isOpen) {
-    return;
-  }
+  if (!current || !messageDialogState.isOpen) return;
   current.resolve();
   scheduleCloseCurrentMessageDialog();
 };
 const resolveActiveMessageDialog = () => {
   const current = messageDialogState.current;
-  if (!current || messageDialogState.busy) {
-    return;
-  }
+  if (!current || messageDialogState.busy) return;
   current.resolve();
   scheduleCloseCurrentMessageDialog();
 };
@@ -121,46 +104,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "MessageDialog",
   setup(__props) {
     const currentDialog = computed(() => messageDialogState.current);
-    const messageIcon = computed(() => {
+    const defaultMessageIcon = computed(() => {
       const current = currentDialog.value;
-      if (!current) {
-        return Info;
-      }
-      if (current.options.icon) {
-        return current.options.icon;
-      }
-      if (current.options.type === "Error") {
-        return CircleAlert;
-      }
-      if (current.options.type === "Success") {
-        return Check;
-      }
-      return Info;
+      if (!current) return AE;
+      if (current.options.type === "Error") return $o;
+      if (current.options.type === "Success") return TWr;
+      return AE;
     });
     const messageIconClasses = computed(() => {
       const current = currentDialog.value;
-      if (!current) {
-        return "border-[var(--border)] bg-[var(--bg-surface-light)] dark:bg-[var(--bg-surface-dark)]";
-      }
-      if (current.options.type === "Error") {
-        return "border-red-200 bg-red-50 dark:border-red-900/50 dark:bg-red-950/30";
-      }
-      if (current.options.type === "Success") {
-        return "border-green-200 bg-green-50 dark:border-green-900/50 dark:bg-green-950/30";
-      }
+      if (!current) return "border-[var(--border)] bg-[var(--bg-surface-light)] dark:bg-[var(--bg-surface-dark)]";
+      if (current.options.type === "Error") return "border-red-200 bg-red-50 dark:border-red-900/50 dark:bg-red-950/30";
+      if (current.options.type === "Success") return "border-green-200 bg-green-50 dark:border-green-900/50 dark:bg-green-950/30";
       return "border-[var(--border)] bg-[var(--bg-surface-light)] dark:bg-[var(--bg-surface-dark)]";
     });
     const messageGlyphClasses = computed(() => {
       const current = currentDialog.value;
-      if (!current) {
-        return "text-blue-600";
-      }
-      if (current.options.type === "Error") {
-        return "text-red-600";
-      }
-      if (current.options.type === "Success") {
-        return "text-green-600";
-      }
+      if (!current) return "text-blue-600";
+      if (current.options.type === "Error") return "text-red-600";
+      if (current.options.type === "Success") return "text-green-600";
       return "text-blue-600";
     });
     const handleOpenChange = (open) => {
@@ -181,10 +143,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   createElementVNode("div", {
                     class: normalizeClass(["flex size-12 shrink-0 self-center items-center justify-center rounded border sm:size-10 sm:self-start", messageIconClasses.value])
                   }, [
-                    (openBlock(), createBlock(resolveDynamicComponent(messageIcon.value), {
+                    currentDialog.value.options.icon ? (openBlock(), createBlock(resolveDynamicComponent(currentDialog.value.options.icon), {
+                      key: 0,
+                      "stroke-width": 1.8,
+                      class: normalizeClass(["size-6", messageGlyphClasses.value])
+                    }, null, 8, ["class"])) : (openBlock(), createBlock(unref(HugeiconsIcon), {
+                      key: 1,
+                      icon: defaultMessageIcon.value,
                       "stroke-width": 1.8,
                       class: normalizeClass(["size-6", messageGlyphClasses.value])
-                    }, null, 8, ["class"]))
+                    }, null, 8, ["icon", "class"]))
                   ], 2),
                   createVNode(unref(_sfc_main$3), { class: "sm:pt-0" }, {
                     default: withCtx(() => [

package/dist/native-select.js

@@ -1,4 +1,4 @@
-import { _, a } from "./NativeSelectOption.vue_vue_type_script_setup_true_lang-CWhL2Lw8.js";
+import { _, a } from "./NativeSelectOption.vue_vue_type_script_setup_true_lang-Ce5VmA0n.js";
 import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from "vue";
 import { c as cn } from "./utils-Bz4m9VPB.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({