@brumaombra/ui-vintage 0.3.0 → 0.4.0

package/dist/dialog.js

@@ -1,14 +1,12 @@
-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 { _, a, b, c, d, e } from "./DialogTitle.vue_vue_type_script_setup_true_lang-BG4dvMRo.js";
+import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, createElementBlock, normalizeClass, createVNode, createTextVNode, createCommentVNode } from "vue";
+import { D as DialogClose_default, a as DialogTrigger_default } from "./DialogTrigger-BQbSAHMb.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 } 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({
   __name: "DialogClose",
   props: {
@@ -38,7 +36,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         "data-slot": "dialog-footer",
-        class: normalizeClass(unref(cn)("flex flex-col-reverse gap-3 border-t border-border px-5 py-4 sm:flex-row-reverse sm:px-6", props.class))
+        class: normalizeClass(unref(cn)("flex flex-col-reverse gap-3 border-t border-border pt-4 sm:flex-row-reverse", props.class))
       }, [
         renderSlot(_ctx.$slots, "default"),
         _ctx.showCloseButton ? (openBlock(), createBlock(unref(DialogClose_default), {
@@ -97,17 +95,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 })
               }), {
                 default: withCtx(() => [
-                  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(HugeiconsIcon), {
-                        icon: unref(dp),
-                        class: "size-4"
-                      }, null, 8, ["icon"]),
-                      _cache[1] || (_cache[1] = createElementVNode("span", { class: "sr-only" }, "Close", -1))
-                    ]),
-                    _: 1
-                  })
+                  renderSlot(_ctx.$slots, "default")
                 ]),
                 _: 3
               }, 16, ["class"])

package/dist/error-page.js

@@ -1,6 +1,6 @@
 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 { H as HugeiconsIcon, m as mn } from "./HugeiconsIcon.vue-CurGbgrJ.js";
+import { B as BackgroundGrid } from "./BackgroundGrid-BJDDcLzF.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";

package/dist/landing.js

@@ -0,0 +1,239 @@
+import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, renderSlot, useSlots, computed, createBlock, createCommentVNode, Fragment, toDisplayString, renderList, resolveDynamicComponent, mergeProps, withCtx, createTextVNode } from "vue";
+import { c as cn } from "./utils-Bz4m9VPB.js";
+import { B as BackgroundGrid } from "./BackgroundGrid-BJDDcLzF.js";
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "LandingNavbar",
+  props: {
+    class: {},
+    containerClass: {},
+    leftClass: {},
+    rightClass: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("header", {
+        class: normalizeClass(unref(cn)("z-30 flex h-20 w-full flex-wrap sm:flex-nowrap sm:justify-start", props.class))
+      }, [
+        createElementVNode("nav", {
+          class: normalizeClass(unref(cn)("mx-auto flex max-w-6xl basis-full items-center justify-between px-3 sm:px-6 lg:px-8", props.containerClass))
+        }, [
+          createElementVNode("div", {
+            class: normalizeClass(unref(cn)("flex items-center", props.leftClass))
+          }, [
+            renderSlot(_ctx.$slots, "left")
+          ], 2),
+          createElementVNode("div", {
+            class: normalizeClass(unref(cn)("flex items-center justify-end gap-3", props.rightClass))
+          }, [
+            renderSlot(_ctx.$slots, "right")
+          ], 2)
+        ], 2)
+      ], 2);
+    };
+  }
+});
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "LandingContent",
+  props: {
+    class: {},
+    containerClass: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("main", {
+        class: normalizeClass(unref(cn)("relative z-10 flex-1", props.class))
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(unref(cn)("mx-auto w-full max-w-6xl px-3 py-6 sm:px-6 lg:px-8 lg:py-14", props.containerClass))
+        }, [
+          renderSlot(_ctx.$slots, "default")
+        ], 2)
+      ], 2);
+    };
+  }
+});
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "LandingShell",
+  props: {
+    showBackground: { type: Boolean, default: true },
+    rootClass: {},
+    navbarClass: {},
+    mainClass: {},
+    contentContainerClass: {},
+    footerClass: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const slots = useSlots();
+    const hasStructuredSlots = computed(() => {
+      return Boolean(slots.navbar || slots.content || slots.footer);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(cn)("relative flex min-h-screen flex-col bg-background text-foreground", props.rootClass))
+      }, [
+        props.showBackground ? (openBlock(), createBlock(BackgroundGrid, { key: 0 })) : createCommentVNode("", true),
+        hasStructuredSlots.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+          createElementVNode("header", {
+            class: normalizeClass(unref(cn)("relative z-10", props.navbarClass))
+          }, [
+            renderSlot(_ctx.$slots, "navbar")
+          ], 2),
+          createElementVNode("main", {
+            class: normalizeClass(unref(cn)("relative z-10 flex-1", props.mainClass))
+          }, [
+            createElementVNode("div", {
+              class: normalizeClass(unref(cn)("mx-auto w-full max-w-6xl px-3 py-6 sm:px-6 lg:px-8 lg:py-14", props.contentContainerClass))
+            }, [
+              renderSlot(_ctx.$slots, "content", {}, () => [
+                renderSlot(_ctx.$slots, "default")
+              ])
+            ], 2)
+          ], 2),
+          createElementVNode("footer", {
+            class: normalizeClass(unref(cn)("relative z-10", props.footerClass))
+          }, [
+            renderSlot(_ctx.$slots, "footer")
+          ], 2)
+        ], 64)) : renderSlot(_ctx.$slots, "default", { key: 2 })
+      ], 2);
+    };
+  }
+});
+const _hoisted_1 = { class: "grid grid-cols-1 gap-8 md:grid-cols-4" };
+const _hoisted_2 = { class: "mb-4 text-lg font-semibold tracking-tight text-foreground" };
+const _hoisted_3 = {
+  key: 0,
+  class: "max-w-sm text-sm leading-relaxed text-muted-foreground"
+};
+const _hoisted_4 = { class: "md:text-right" };
+const _hoisted_5 = { class: "mb-4 font-semibold text-foreground" };
+const _hoisted_6 = { class: "space-y-3 text-sm" };
+const _hoisted_7 = { class: "mb-4 font-semibold text-foreground" };
+const _hoisted_8 = { class: "space-y-3 text-sm" };
+const _hoisted_9 = { key: 0 };
+const _hoisted_10 = ["href"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "LandingFooter",
+  props: {
+    appName: {},
+    appDescription: { default: "" },
+    sections: { default: () => [] },
+    linkComponent: { default: "a" },
+    copyrightName: { default: "" },
+    allRightsReservedText: { default: "All rights reserved." },
+    madeByText: { default: "" },
+    madeByName: { default: "" },
+    madeByLink: { default: "" },
+    year: { default: () => (/* @__PURE__ */ new Date()).getFullYear() },
+    showBottomBar: { type: Boolean, default: true },
+    class: {},
+    containerClass: {},
+    brandClass: {},
+    sectionsClass: {},
+    bottomBarClass: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const resolvedCopyrightName = computed(() => props.copyrightName || props.appName);
+    const getLinkProps = (link) => {
+      const sharedProps = link.newTab ? { target: "_blank", rel: "noopener noreferrer" } : {};
+      if (props.linkComponent === "a") {
+        return {
+          href: link.href ?? "#",
+          ...sharedProps
+        };
+      }
+      return {
+        to: link.to ?? link.href ?? "/",
+        ...sharedProps
+      };
+    };
+    return (_ctx, _cache) => {
+      var _a, _b, _c;
+      return openBlock(), createElementBlock("footer", {
+        class: normalizeClass(unref(cn)("relative z-10 border-t border-border bg-card", props.class))
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(unref(cn)("mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8", props.containerClass))
+        }, [
+          createElementVNode("div", _hoisted_1, [
+            createElementVNode("div", {
+              class: normalizeClass(unref(cn)("col-span-1 md:col-span-2", props.brandClass))
+            }, [
+              createElementVNode("div", _hoisted_2, toDisplayString(props.appName), 1),
+              props.appDescription ? (openBlock(), createElementBlock("p", _hoisted_3, toDisplayString(props.appDescription), 1)) : createCommentVNode("", true)
+            ], 2),
+            ((_a = props.sections) == null ? void 0 : _a.length) === 1 ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: normalizeClass(unref(cn)("min-w-0 md:col-span-2 md:flex md:justify-end", props.sectionsClass))
+            }, [
+              createElementVNode("div", _hoisted_4, [
+                createElementVNode("h3", _hoisted_5, toDisplayString((_b = props.sections[0]) == null ? void 0 : _b.title), 1),
+                createElementVNode("ul", _hoisted_6, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList((_c = props.sections[0]) == null ? void 0 : _c.links, (link) => {
+                    return openBlock(), createElementBlock("li", {
+                      key: link.id
+                    }, [
+                      (openBlock(), createBlock(resolveDynamicComponent(props.linkComponent), mergeProps({ ref_for: true }, getLinkProps(link), { class: "text-muted-foreground transition-colors duration-200 hover:text-foreground" }), {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(link.label), 1)
+                        ]),
+                        _: 2
+                      }, 1040))
+                    ]);
+                  }), 128))
+                ])
+              ])
+            ], 2)) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(props.sections, (section) => {
+              return openBlock(), createElementBlock("div", {
+                key: section.id,
+                class: normalizeClass(unref(cn)("min-w-0", props.sectionsClass))
+              }, [
+                createElementVNode("h3", _hoisted_7, toDisplayString(section.title), 1),
+                createElementVNode("ul", _hoisted_8, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(section.links, (link) => {
+                    return openBlock(), createElementBlock("li", {
+                      key: link.id
+                    }, [
+                      (openBlock(), createBlock(resolveDynamicComponent(props.linkComponent), mergeProps({ ref_for: true }, getLinkProps(link), { class: "text-muted-foreground transition-colors duration-200 hover:text-foreground" }), {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(link.label), 1)
+                        ]),
+                        _: 2
+                      }, 1040))
+                    ]);
+                  }), 128))
+                ])
+              ], 2);
+            }), 128))
+          ]),
+          props.showBottomBar ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(unref(cn)("mt-12 flex flex-col items-center justify-between gap-4 border-t border-border pt-8 text-sm text-muted-foreground md:flex-row", props.bottomBarClass))
+          }, [
+            createElementVNode("div", null, " © " + toDisplayString(props.year) + " " + toDisplayString(resolvedCopyrightName.value) + ". " + toDisplayString(props.allRightsReservedText), 1),
+            props.madeByText && props.madeByName && props.madeByLink ? (openBlock(), createElementBlock("div", _hoisted_9, [
+              createTextVNode(toDisplayString(props.madeByText) + " ", 1),
+              createElementVNode("a", {
+                href: props.madeByLink,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                class: "font-medium text-foreground hover:underline"
+              }, toDisplayString(props.madeByName), 9, _hoisted_10)
+            ])) : createCommentVNode("", true)
+          ], 2)) : createCommentVNode("", true)
+        ], 2)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main$2 as LandingContent,
+  _sfc_main as LandingFooter,
+  _sfc_main$3 as LandingNavbar,
+  _sfc_main$1 as LandingShell,
+  _sfc_main$3 as default
+};

package/dist/message-dialog.js

@@ -1,5 +1,5 @@
 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 { A as AE, $ as $o, T as TWr, H as HugeiconsIcon } from "./HugeiconsIcon.vue-CurGbgrJ.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";
 const messageDialogQueue = [];

package/dist/message-toast.js

@@ -0,0 +1,103 @@
+import { reactive, render, h } from "vue";
+const TOAST_CLOSE_DURATION_MS = 300;
+const DEFAULT_TOAST_DURATION_MS = 5e3;
+const MESSAGE_TOAST_ROOT_ID = "ui-vintage-message-toast-root";
+let dismissTimer = null;
+let clearTimer = null;
+let messageToastMountPromise = null;
+let openFrame = null;
+let activeToastId = 0;
+const messageToastState = reactive({
+  current: null,
+  isOpen: false
+});
+const ensureMessageToastMounted = () => {
+  if (typeof document === "undefined") {
+    return Promise.resolve();
+  }
+  const existingRoot = document.getElementById(MESSAGE_TOAST_ROOT_ID);
+  if (existingRoot) {
+    return Promise.resolve();
+  }
+  if (messageToastMountPromise) {
+    return messageToastMountPromise;
+  }
+  messageToastMountPromise = (async () => {
+    const { default: MessageToast } = await import("./MessageToast-C1L25W2l.js");
+    if (document.getElementById(MESSAGE_TOAST_ROOT_ID)) {
+      return;
+    }
+    const container = document.createElement("div");
+    container.id = MESSAGE_TOAST_ROOT_ID;
+    document.body.appendChild(container);
+    render(h(MessageToast), container);
+  })().finally(() => {
+    messageToastMountPromise = null;
+  });
+  return messageToastMountPromise;
+};
+const clearMessageToastTimers = () => {
+  if (dismissTimer) {
+    clearTimeout(dismissTimer);
+    dismissTimer = null;
+  }
+  if (clearTimer) {
+    clearTimeout(clearTimer);
+    clearTimer = null;
+  }
+  if (openFrame !== null && typeof cancelAnimationFrame !== "undefined") {
+    cancelAnimationFrame(openFrame);
+    openFrame = null;
+  }
+};
+const clearCurrentMessageToast = () => {
+  messageToastState.current = null;
+};
+const scheduleCloseMessageToast = () => {
+  if (!messageToastState.current || !messageToastState.isOpen) {
+    return;
+  }
+  messageToastState.isOpen = false;
+  clearTimer = setTimeout(() => {
+    clearTimer = null;
+    clearCurrentMessageToast();
+  }, TOAST_CLOSE_DURATION_MS);
+};
+const closeMessageToast = () => {
+  clearMessageToastTimers();
+  scheduleCloseMessageToast();
+};
+const showMessageToast = (options) => {
+  clearMessageToastTimers();
+  activeToastId += 1;
+  const toastId = activeToastId;
+  const duration = options.duration ?? DEFAULT_TOAST_DURATION_MS;
+  messageToastState.current = {
+    message: options.message,
+    status: options.status ?? "success"
+  };
+  messageToastState.isOpen = false;
+  void ensureMessageToastMounted().then(() => {
+    if (toastId !== activeToastId || !messageToastState.current || typeof requestAnimationFrame === "undefined") {
+      return;
+    }
+    openFrame = requestAnimationFrame(() => {
+      openFrame = null;
+      if (toastId !== activeToastId || !messageToastState.current) {
+        return;
+      }
+      messageToastState.isOpen = true;
+      if (duration > 0) {
+        dismissTimer = setTimeout(() => {
+          dismissTimer = null;
+          scheduleCloseMessageToast();
+        }, duration);
+      }
+    });
+  });
+};
+export {
+  closeMessageToast,
+  messageToastState,
+  showMessageToast
+};

package/dist/native-select.js

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

package/dist/select.js

@@ -16,7 +16,7 @@ import { u as useForwardExpose } from "./useForwardExpose-BiRQH8eO.js";
 import { P as Primitive } from "./Primitive-D3IcFg81.js";
 import { i as injectConfigProviderContext } from "./ConfigProvider-D2O0Jles.js";
 import { c as cn } from "./utils-Bz4m9VPB.js";
-import { H as HugeiconsIcon, T as TWr, d as dn, C as CC } from "./HugeiconsIcon.vue-BJ-_Wtmk.js";
+import { H as HugeiconsIcon, T as TWr, d as dn, C as CC } from "./HugeiconsIcon.vue-CurGbgrJ.js";
 import { r as reactiveOmit } from "./index-qGMU40e1.js";
 function useNonce(nonce) {
   const context = injectConfigProviderContext({ nonce: ref() });

package/dist/sheet.js

@@ -1,8 +1,7 @@
-import { _, a, b, c, d } from "./SheetTitle.vue_vue_type_script_setup_true_lang-Csr3nKnG.js";
+import { _, a, b, c, d } from "./SheetTitle.vue_vue_type_script_setup_true_lang-BQbpsE2c.js";
 import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, renderSlot, createElementBlock, normalizeClass } from "vue";
-import { D as DialogClose_default } from "./DialogClose-DDtZ0Em0.js";
+import { D as DialogClose_default, a as DialogTrigger_default } from "./DialogTrigger-BQbSAHMb.js";
 import { c as cn } from "./utils-Bz4m9VPB.js";
-import { D as DialogTrigger_default } from "./DialogTrigger-CjJ8QNL_.js";
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "SheetClose",
   props: {

package/dist/sidebar.js

@@ -2,7 +2,7 @@ var _a;
 import { c as cva } from "./index-FpH8cK6B.js";
 import { defineComponent, openBlock, createElementBlock, mergeProps, unref, renderSlot, createBlock, withCtx, createVNode, normalizeStyle, createTextVNode, createElementVNode, normalizeClass, normalizeProps, guardReactiveProps, Fragment, toDisplayString, resolveDynamicComponent, computed, createCommentVNode, ref } from "vue";
 import { c as cn } from "./utils-Bz4m9VPB.js";
-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-Csr3nKnG.js";
+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";
 import { c as createContext } from "./useForwardPropsEmits-DmumnZO5.js";
 import { P as Primitive } from "./Primitive-D3IcFg81.js";
 import { _ as _sfc_main$t } from "./Input.vue_vue_type_script_setup_true_lang-6SfPeT8d.js";
@@ -10,7 +10,7 @@ import { _ as _sfc_main$u, b as _sfc_main$v, a as _sfc_main$w, T as TooltipProvi
 import { _ as _sfc_main$x } from "./Skeleton.vue_vue_type_script_setup_true_lang-BSbVyZz7.js";
 import { f as useMediaQuery, u as useVModel, b as useEventListener, g as defaultDocument } from "./index-Cq9Ekgtb.js";
 import { _ as _sfc_main$y } from "./Separator.vue_vue_type_script_setup_true_lang-CMRkdntA.js";
-import { H as HugeiconsIcon, b as m7 } from "./HugeiconsIcon.vue-BJ-_Wtmk.js";
+import { H as HugeiconsIcon, e as m7 } from "./HugeiconsIcon.vue-CurGbgrJ.js";
 import { Button as _sfc_main$z } from "./button.js";
 import { r as reactiveOmit } from "./index-qGMU40e1.js";
 const SIDEBAR_COOKIE_NAME = "sidebar_state";