@brumaombra/ui-vintage 0.1.0 → 0.2.0

package/dist/{index-C1_fxYhb.js → index-Cq9Ekgtb.js}

@@ -1,5 +1,5 @@
-import { c as computedWithControl, p as pxValue, t as toArray, w as watchImmediate, i as isClient, m as makeDestructurable, a as injectLocal, b as isDef, d as camelize, e as tryOnScopeDispose, f as isObject } from "./index-Dfi5ESP2.js";
-import { getCurrentInstance, onUpdated, onMounted, shallowRef, watchEffect, toValue, computed, ref, watch, nextTick, defineComponent, hasInjectionContext, unref } from "vue";
+import { p as pxValue, t as toArray, w as watchImmediate, i as isClient, m as makeDestructurable, c as computedWithControl, a as injectLocal, b as isDef, d as camelize, e as tryOnScopeDispose, f as isObject } from "./index-qGMU40e1.js";
+import { shallowRef, watchEffect, toValue, computed, getCurrentInstance, ref, watch, nextTick, defineComponent, onUpdated, onMounted, hasInjectionContext, unref } from "vue";
 // @__NO_SIDE_EFFECTS__
 function createReusableTemplate(options = {}) {
   const { inheritAttrs = true } = options;

package/dist/{index-Dfi5ESP2.js → index-qGMU40e1.js}

@@ -1,4 +1,4 @@
-import { computed, watch, customRef, toValue, shallowRef, shallowReadonly, isRef, reactive, unref, getCurrentScope, onScopeDispose, getCurrentInstance, hasInjectionContext, inject, onBeforeUnmount, watchEffect, readonly, effectScope, toRefs } from "vue";
+import { computed, watch, shallowRef, shallowReadonly, customRef, toValue, isRef, reactive, unref, getCurrentInstance, getCurrentScope, hasInjectionContext, inject, onScopeDispose, onBeforeUnmount, watchEffect, readonly, effectScope, toRefs } from "vue";
 function computedEager(fn, options) {
   var _options$flush;
   const result = shallowRef();

package/dist/input.js

@@ -1,4 +1,4 @@
-import { _ } from "./Input.vue_vue_type_script_setup_true_lang-U778IWa0.js";
+import { _ } from "./Input.vue_vue_type_script_setup_true_lang-6SfPeT8d.js";
 export {
   _ as Input
 };

package/dist/label.js

@@ -1,4 +1,4 @@
-import { _ } from "./Label.vue_vue_type_script_setup_true_lang-B_fwvfJ-.js";
+import { _ } from "./Label.vue_vue_type_script_setup_true_lang-pMIzCHzV.js";
 export {
   _ as Label
 };

package/dist/message-dialog.js

@@ -1,8 +1,242 @@
-import { _, c, m, r, s } from "./MessageDialog.vue_vue_type_script_setup_true_lang-Ddih5Isd.js";
+import { reactive, render, h, markRaw, defineComponent, computed, openBlock, createBlock, unref, withCtx, createElementVNode, normalizeClass, resolveDynamicComponent, createVNode, createTextVNode, toDisplayString, createCommentVNode } from "vue";
+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;
+let closeTimer = null;
+let messageDialogMountPromise = null;
+const MESSAGE_DIALOG_ROOT_ID = "ui-vintage-message-dialog-root";
+const messageDialogState = reactive({
+  current: null,
+  busy: false,
+  isOpen: false
+});
+const markIcon = (icon) => icon ? markRaw(icon) : null;
+const ensureMessageDialogMounted = () => {
+  if (typeof document === "undefined") {
+    return Promise.resolve();
+  }
+  const existingRoot = document.getElementById(MESSAGE_DIALOG_ROOT_ID);
+  if (existingRoot) {
+    return Promise.resolve();
+  }
+  if (messageDialogMountPromise) {
+    return messageDialogMountPromise;
+  }
+  messageDialogMountPromise = (async () => {
+    const { default: MessageDialog } = await import("./MessageDialog-ChS4d2qN.js");
+    if (document.getElementById(MESSAGE_DIALOG_ROOT_ID)) {
+      return;
+    }
+    const container = document.createElement("div");
+    container.id = MESSAGE_DIALOG_ROOT_ID;
+    document.body.appendChild(container);
+    render(h(MessageDialog), container);
+  })().finally(() => {
+    messageDialogMountPromise = null;
+  });
+  return messageDialogMountPromise;
+};
+const openNextMessageDialog = () => {
+  const nextDialog = messageDialogQueue.shift() ?? null;
+  messageDialogState.current = nextDialog;
+  messageDialogState.isOpen = Boolean(nextDialog);
+};
+const enqueueMessageDialog = (request) => {
+  messageDialogQueue.push(request);
+  if (!messageDialogState.current) {
+    openNextMessageDialog();
+  }
+};
+const clearCurrentMessageDialog = () => {
+  messageDialogState.busy = false;
+  messageDialogState.isOpen = false;
+  messageDialogState.current = null;
+  openNextMessageDialog();
+};
+const scheduleCloseCurrentMessageDialog = () => {
+  if (!messageDialogState.current || !messageDialogState.isOpen) {
+    return;
+  }
+  messageDialogState.isOpen = false;
+  if (closeTimer) {
+    clearTimeout(closeTimer);
+  }
+  closeTimer = setTimeout(() => {
+    closeTimer = null;
+    clearCurrentMessageDialog();
+  }, DIALOG_CLOSE_DURATION_MS);
+};
+const closeMessageDialog = () => {
+  const current = messageDialogState.current;
+  if (!current || !messageDialogState.isOpen) {
+    return;
+  }
+  current.resolve();
+  scheduleCloseCurrentMessageDialog();
+};
+const resolveActiveMessageDialog = () => {
+  const current = messageDialogState.current;
+  if (!current || messageDialogState.busy) {
+    return;
+  }
+  current.resolve();
+  scheduleCloseCurrentMessageDialog();
+};
+const showMessageDialog = (options) => {
+  void ensureMessageDialogMounted();
+  return new Promise((resolve) => {
+    enqueueMessageDialog({
+      id: nextMessageDialogId += 1,
+      options: {
+        type: options.type ?? "Info",
+        title: options.title ?? "",
+        message: options.message,
+        closeText: options.closeText ?? "Close",
+        icon: markIcon(options.icon),
+        closeButtonIcon: markIcon(options.closeButtonIcon)
+      },
+      resolve
+    });
+  });
+};
+const _hoisted_1 = { class: "px-5 pb-5 pt-5 sm:px-6 sm:pb-4 sm:pt-6" };
+const _hoisted_2 = { class: "flex flex-col gap-4 sm:flex-row sm:items-start" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MessageDialog",
+  setup(__props) {
+    const currentDialog = computed(() => messageDialogState.current);
+    const messageIcon = 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;
+    });
+    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";
+      }
+      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";
+      }
+      return "text-blue-600";
+    });
+    const handleOpenChange = (open) => {
+      if (!open) {
+        closeMessageDialog();
+      }
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$1), {
+        open: unref(messageDialogState).isOpen,
+        "onUpdate:open": handleOpenChange
+      }, {
+        default: withCtx(() => [
+          currentDialog.value ? (openBlock(), createBlock(unref(_sfc_main$2), { key: 0 }, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_1, [
+                createElementVNode("div", _hoisted_2, [
+                  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), {
+                      "stroke-width": 1.8,
+                      class: normalizeClass(["size-6", messageGlyphClasses.value])
+                    }, null, 8, ["class"]))
+                  ], 2),
+                  createVNode(unref(_sfc_main$3), { class: "sm:pt-0" }, {
+                    default: withCtx(() => [
+                      createVNode(unref(_sfc_main$4), null, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(currentDialog.value.options.title), 1)
+                        ]),
+                        _: 1
+                      }),
+                      createVNode(unref(_sfc_main$5), null, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(currentDialog.value.options.message), 1)
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })
+                ])
+              ]),
+              createVNode(unref(_sfc_main$6), { class: "items-end" }, {
+                default: withCtx(() => [
+                  createVNode(unref(_sfc_main$7), {
+                    variant: "outline",
+                    disabled: unref(messageDialogState).busy,
+                    onClick: unref(resolveActiveMessageDialog)
+                  }, {
+                    default: withCtx(() => [
+                      currentDialog.value.options.closeButtonIcon ? (openBlock(), createBlock(resolveDynamicComponent(currentDialog.value.options.closeButtonIcon), {
+                        key: 0,
+                        class: "size-4"
+                      })) : createCommentVNode("", true),
+                      createTextVNode(" " + toDisplayString(currentDialog.value.options.closeText), 1)
+                    ]),
+                    _: 1
+                  }, 8, ["disabled", "onClick"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })) : createCommentVNode("", true)
+        ]),
+        _: 1
+      }, 8, ["open"]);
+    };
+  }
+});
 export {
-  _ as MessageDialog,
-  c as closeMessageDialog,
-  m as messageDialogState,
-  r as resolveActiveMessageDialog,
-  s as showMessageDialog
+  _sfc_main as MessageDialog,
+  closeMessageDialog,
+  messageDialogState,
+  resolveActiveMessageDialog,
+  showMessageDialog
 };

package/dist/native-select.js

@@ -1,4 +1,4 @@
-import { _, a } from "./NativeSelectOption.vue_vue_type_script_setup_true_lang-DS87OTLT.js";
+import { _, a } from "./NativeSelectOption.vue_vue_type_script_setup_true_lang-CWhL2Lw8.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/popover.js

@@ -1,8 +1,65 @@
-import { _, a, b } from "./PopoverTrigger.vue_vue_type_script_setup_true_lang-KTcg6Jnl.js";
-import { _ as _2 } from "./PopoverAnchor.vue_vue_type_script_setup_true_lang-CsfybvZp.js";
+import { i as injectPopoverRootContext } from "./PopoverTrigger.vue_vue_type_script_setup_true_lang-DFZJvU_P.js";
+import { _, b, a } from "./PopoverTrigger.vue_vue_type_script_setup_true_lang-DFZJvU_P.js";
+import { defineComponent, onBeforeMount, onUnmounted, openBlock, createBlock, unref, normalizeProps, guardReactiveProps, withCtx, renderSlot, mergeProps } from "vue";
+import { u as useForwardExpose } from "./useForwardExpose-BiRQH8eO.js";
+import { P as PopperAnchor_default } from "./PopperContent-h-thLTz8.js";
+var PopoverAnchor_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  __name: "PopoverAnchor",
+  props: {
+    reference: {
+      type: null,
+      required: false
+    },
+    asChild: {
+      type: Boolean,
+      required: false
+    },
+    as: {
+      type: null,
+      required: false
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    useForwardExpose();
+    const rootContext = injectPopoverRootContext();
+    onBeforeMount(() => {
+      rootContext.hasCustomAnchor.value = true;
+    });
+    onUnmounted(() => {
+      rootContext.hasCustomAnchor.value = false;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(PopperAnchor_default), normalizeProps(guardReactiveProps(props)), {
+        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+var PopoverAnchor_default = PopoverAnchor_vue_vue_type_script_setup_true_lang_default;
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "PopoverAnchor",
+  props: {
+    reference: {},
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(PopoverAnchor_default), mergeProps({ "data-slot": "popover-anchor" }, props), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
 export {
   _ as Popover,
-  _2 as PopoverAnchor,
-  a as PopoverContent,
-  b as PopoverTrigger
+  _sfc_main as PopoverAnchor,
+  b as PopoverContent,
+  a as PopoverTrigger
 };