@brumaombra/ui-vintage 0.1.0

package/dist/MessageDialog.vue_vue_type_script_setup_true_lang-Ddih5Isd.js

@@ -0,0 +1,242 @@
+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, d as _sfc_main$3, e as _sfc_main$4, b as _sfc_main$5, c as _sfc_main$6 } from "./AlertDialogTitle.vue_vue_type_script_setup_true_lang-CWCr2erD.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-BrowppID.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 {
+  _sfc_main as _,
+  closeMessageDialog as c,
+  messageDialogState as m,
+  resolveActiveMessageDialog as r,
+  showMessageDialog as s
+};

package/dist/NativeSelectOption.vue_vue_type_script_setup_true_lang-DS87OTLT.js

@@ -0,0 +1,73 @@
+import { defineComponent, openBlock, createElementBlock, withDirectives, createElementVNode, mergeProps, unref, isRef, renderSlot, vModelSelect, createVNode, normalizeClass } from "vue";
+import { u as useVModel } from "./index-C1_fxYhb.js";
+import { c as cn } from "./utils-Bz4m9VPB.js";
+import { r as reactiveOmit } from "./index-Dfi5ESP2.js";
+import { C as ChevronDown } from "./chevron-down-DP-oz-sL.js";
+const _hoisted_1 = {
+  class: "group/native-select relative w-fit has-[select:disabled]:opacity-50",
+  "data-slot": "native-select-wrapper"
+};
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "NativeSelect",
+  props: {
+    modelValue: {},
+    class: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const modelValue = useVModel(props, "modelValue", emit, {
+      passive: true,
+      defaultValue: ""
+    });
+    const delegatedProps = reactiveOmit(props, "class");
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        withDirectives(createElementVNode("select", mergeProps({ ..._ctx.$attrs, ...unref(delegatedProps) }, {
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
+          "data-slot": "native-select",
+          class: unref(cn)(
+            "border-input placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 dark:hover:bg-input/50 h-9 w-full min-w-0 appearance-none rounded-md border bg-transparent px-3 py-2 pr-9 text-sm shadow-xs transition-[color,box-shadow] outline-none disabled:pointer-events-none disabled:cursor-not-allowed",
+            "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",
+            props.class
+          )
+        }), [
+          renderSlot(_ctx.$slots, "default")
+        ], 16), [
+          [vModelSelect, unref(modelValue)]
+        ]),
+        createVNode(unref(ChevronDown), {
+          class: "text-muted-foreground pointer-events-none absolute top-1/2 right-3.5 size-4 -translate-y-1/2 opacity-50 select-none",
+          "aria-hidden": "true",
+          "data-slot": "native-select-icon"
+        })
+      ]);
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "NativeSelectOption",
+  props: {
+    class: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("option", {
+        "data-slot": "native-select-option",
+        class: normalizeClass(unref(cn)("bg-popover text-popover-foreground", props.class))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main$1 as _,
+  _sfc_main as a
+};

package/dist/PopoverAnchor.vue_vue_type_script_setup_true_lang-CsfybvZp.js

@@ -0,0 +1,61 @@
+import { defineComponent, onBeforeMount, onUnmounted, openBlock, createBlock, unref, normalizeProps, guardReactiveProps, withCtx, renderSlot, mergeProps } from "vue";
+import { u as useForwardExpose } from "./useForwardExpose-CNVHwdF2.js";
+import { P as PopperAnchor_default } from "./PopperContent-BiM0YLO3.js";
+import { i as injectPopoverRootContext } from "./PopoverTrigger.vue_vue_type_script_setup_true_lang-KTcg6Jnl.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 {
+  _sfc_main as _
+};