@brumaombra/ui-vintage 0.1.0 → 0.2.0

package/dist/AlertDialogTrigger.vue_vue_type_script_setup_true_lang-vNwxOYhM.js

@@ -1,158 +0,0 @@
-import { defineComponent, openBlock, createBlock, unref, normalizeProps, guardReactiveProps, withCtx, renderSlot, onMounted, mergeProps } from "vue";
-import { u as useForwardExpose } from "./useForwardExpose-CNVHwdF2.js";
-import { D as DialogClose_default } from "./DialogClose-BNlqG4G2.js";
-import { c as cn } from "./utils-Bz4m9VPB.js";
-import { buttonVariants } from "./button.js";
-import { r as reactiveOmit } from "./index-Dfi5ESP2.js";
-import { i as injectAlertDialogContentContext } from "./AlertDialogTitle.vue_vue_type_script_setup_true_lang-CWCr2erD.js";
-import { D as DialogTrigger_default } from "./DialogTrigger-CpyKnu11.js";
-var AlertDialogAction_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-  __name: "AlertDialogAction",
-  props: {
-    asChild: {
-      type: Boolean,
-      required: false
-    },
-    as: {
-      type: null,
-      required: false,
-      default: "button"
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    useForwardExpose();
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(DialogClose_default), normalizeProps(guardReactiveProps(props)), {
-        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-        _: 3
-      }, 16);
-    };
-  }
-});
-var AlertDialogAction_default = AlertDialogAction_vue_vue_type_script_setup_true_lang_default;
-var AlertDialogCancel_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-  __name: "AlertDialogCancel",
-  props: {
-    asChild: {
-      type: Boolean,
-      required: false
-    },
-    as: {
-      type: null,
-      required: false,
-      default: "button"
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const contentContext = injectAlertDialogContentContext();
-    const { forwardRef, currentElement } = useForwardExpose();
-    onMounted(() => {
-      contentContext.onCancelElementChange(currentElement.value);
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(DialogClose_default), mergeProps(props, { ref: unref(forwardRef) }), {
-        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-        _: 3
-      }, 16);
-    };
-  }
-});
-var AlertDialogCancel_default = AlertDialogCancel_vue_vue_type_script_setup_true_lang_default;
-var AlertDialogTrigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-  __name: "AlertDialogTrigger",
-  props: {
-    asChild: {
-      type: Boolean,
-      required: false
-    },
-    as: {
-      type: null,
-      required: false,
-      default: "button"
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    useForwardExpose();
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(DialogTrigger_default), normalizeProps(guardReactiveProps(props)), {
-        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-        _: 3
-      }, 16);
-    };
-  }
-});
-var AlertDialogTrigger_default = AlertDialogTrigger_vue_vue_type_script_setup_true_lang_default;
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "AlertDialogAction",
-  props: {
-    asChild: { type: Boolean },
-    as: {},
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const delegatedProps = reactiveOmit(props, "class");
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(AlertDialogAction_default), mergeProps(unref(delegatedProps), {
-        class: unref(cn)(unref(buttonVariants)(), props.class)
-      }), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["class"]);
-    };
-  }
-});
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "AlertDialogCancel",
-  props: {
-    asChild: { type: Boolean },
-    as: {},
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    const delegatedProps = reactiveOmit(props, "class");
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(AlertDialogCancel_default), mergeProps(unref(delegatedProps), {
-        class: unref(cn)(
-          unref(buttonVariants)({ variant: "outline" }),
-          "mt-2 sm:mt-0",
-          props.class
-        )
-      }), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["class"]);
-    };
-  }
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "AlertDialogTrigger",
-  props: {
-    asChild: { type: Boolean },
-    as: {}
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(AlertDialogTrigger_default), mergeProps({ "data-slot": "alert-dialog-trigger" }, props), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16);
-    };
-  }
-});
-export {
-  _sfc_main$2 as _,
-  _sfc_main$1 as a,
-  _sfc_main as b
-};

package/dist/BusyIndicator-CnWzSMDb.js

@@ -1,4 +0,0 @@
-import { _ as _sfc_main } from "./BusyIndicator.vue_vue_type_script_setup_true_lang-CYeXMI_V.js";
-export {
-  _sfc_main as default
-};

package/dist/BusyIndicator.vue_vue_type_script_setup_true_lang-CYeXMI_V.js

@@ -1,66 +0,0 @@
-import { reactive, render, h, defineComponent, openBlock, createBlock, unref, normalizeClass } from "vue";
-import { B as Busy } from "./Busy-B65Nd9ec.js";
-const BUSY_INDICATOR_ROOT_ID = "ui-vintage-busy-indicator-root";
-let busyIndicatorMountPromise = null;
-const busyIndicatorState = reactive({
-  show: false,
-  label: "Loading...",
-  class: void 0,
-  overlayClass: void 0
-});
-const ensureBusyIndicatorMounted = () => {
-  if (typeof document === "undefined") {
-    return Promise.resolve();
-  }
-  const existingRoot = document.getElementById(BUSY_INDICATOR_ROOT_ID);
-  if (existingRoot) {
-    return Promise.resolve();
-  }
-  if (busyIndicatorMountPromise) {
-    return busyIndicatorMountPromise;
-  }
-  busyIndicatorMountPromise = (async () => {
-    const { default: BusyIndicator } = await import("./BusyIndicator-CnWzSMDb.js");
-    if (document.getElementById(BUSY_INDICATOR_ROOT_ID)) {
-      return;
-    }
-    const container = document.createElement("div");
-    container.id = BUSY_INDICATOR_ROOT_ID;
-    document.body.appendChild(container);
-    render(h(BusyIndicator), container);
-  })().finally(() => {
-    busyIndicatorMountPromise = null;
-  });
-  return busyIndicatorMountPromise;
-};
-const setBusy = (show, options = {}) => {
-  if (show) {
-    busyIndicatorState.label = options.label ?? busyIndicatorState.label ?? "Loading...";
-    busyIndicatorState.class = options.class;
-    busyIndicatorState.overlayClass = options.overlayClass;
-    void ensureBusyIndicatorMounted();
-  }
-  busyIndicatorState.show = show;
-  if (!show) {
-    busyIndicatorState.class = void 0;
-    busyIndicatorState.overlayClass = void 0;
-  }
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "BusyIndicator",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(Busy), {
-        show: unref(busyIndicatorState).show,
-        label: unref(busyIndicatorState).label,
-        class: normalizeClass(unref(busyIndicatorState).class),
-        "overlay-class": unref(busyIndicatorState).overlayClass
-      }, null, 8, ["show", "label", "class", "overlay-class"]);
-    };
-  }
-});
-export {
-  _sfc_main as _,
-  busyIndicatorState as b,
-  setBusy as s
-};

package/dist/CardTitle.vue_vue_type_script_setup_true_lang-DVAd7AWF.js

@@ -1,112 +0,0 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from "vue";
-import { c as cn } from "./utils-Bz4m9VPB.js";
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  __name: "CardAction",
-  props: {
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        "data-slot": "card-action",
-        class: normalizeClass(unref(cn)("col-start-2 row-span-2 row-start-1 self-start justify-self-end", props.class))
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
-});
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  __name: "CardContent",
-  props: {
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        "data-slot": "card-content",
-        class: normalizeClass(unref(cn)("px-6", props.class))
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
-});
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  __name: "CardDescription",
-  props: {
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("p", {
-        "data-slot": "card-description",
-        class: normalizeClass(unref(cn)("text-muted-foreground text-sm", props.class))
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
-});
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "CardFooter",
-  props: {
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        "data-slot": "card-footer",
-        class: normalizeClass(unref(cn)("flex items-center px-6 [.border-t]:pt-6", props.class))
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
-});
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "CardHeader",
-  props: {
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        "data-slot": "card-header",
-        class: normalizeClass(unref(cn)("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6", props.class))
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "CardTitle",
-  props: {
-    class: {}
-  },
-  setup(__props) {
-    const props = __props;
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("h3", {
-        "data-slot": "card-title",
-        class: normalizeClass(unref(cn)("leading-none font-semibold", props.class))
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 2);
-    };
-  }
-});
-export {
-  _sfc_main$5 as _,
-  _sfc_main$4 as a,
-  _sfc_main$3 as b,
-  _sfc_main$2 as c,
-  _sfc_main$1 as d,
-  _sfc_main as e
-};

package/dist/ConfirmDialog-DEsvF0b_.js

@@ -1,4 +0,0 @@
-import { _ as _sfc_main } from "./ConfirmDialog.vue_vue_type_script_setup_true_lang-BAd1l1zF.js";
-export {
-  _sfc_main as default
-};

package/dist/ConfirmDialog.vue_vue_type_script_setup_true_lang-BAd1l1zF.js

@@ -1,230 +0,0 @@
-import { reactive, render, h, markRaw, defineComponent, computed, openBlock, createBlock, unref, withCtx, createElementVNode, 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";
-const confirmDialogQueue = [];
-let nextConfirmDialogId = 0;
-const DIALOG_CLOSE_DURATION_MS = 300;
-let closeTimer = null;
-let confirmDialogMountPromise = null;
-const CONFIRM_DIALOG_ROOT_ID = "ui-vintage-confirm-dialog-root";
-const confirmDialogState = reactive({
-  current: null,
-  busy: false,
-  isOpen: false
-});
-const markIcon = (icon) => icon ? markRaw(icon) : null;
-const ensureConfirmDialogMounted = () => {
-  if (typeof document === "undefined") {
-    return Promise.resolve();
-  }
-  const existingRoot = document.getElementById(CONFIRM_DIALOG_ROOT_ID);
-  if (existingRoot) {
-    return Promise.resolve();
-  }
-  if (confirmDialogMountPromise) {
-    return confirmDialogMountPromise;
-  }
-  confirmDialogMountPromise = (async () => {
-    const { default: ConfirmDialog } = await import("./ConfirmDialog-DEsvF0b_.js");
-    if (document.getElementById(CONFIRM_DIALOG_ROOT_ID)) {
-      return;
-    }
-    const container = document.createElement("div");
-    container.id = CONFIRM_DIALOG_ROOT_ID;
-    document.body.appendChild(container);
-    render(h(ConfirmDialog), container);
-  })().finally(() => {
-    confirmDialogMountPromise = null;
-  });
-  return confirmDialogMountPromise;
-};
-const openNextConfirmDialog = () => {
-  const nextDialog = confirmDialogQueue.shift() ?? null;
-  confirmDialogState.current = nextDialog;
-  confirmDialogState.isOpen = Boolean(nextDialog);
-};
-const enqueueConfirmDialog = (request) => {
-  confirmDialogQueue.push(request);
-  if (!confirmDialogState.current) {
-    openNextConfirmDialog();
-  }
-};
-const clearCurrentConfirmDialog = () => {
-  confirmDialogState.busy = false;
-  confirmDialogState.isOpen = false;
-  confirmDialogState.current = null;
-  openNextConfirmDialog();
-};
-const scheduleCloseCurrentConfirmDialog = () => {
-  if (!confirmDialogState.current || !confirmDialogState.isOpen) {
-    return;
-  }
-  confirmDialogState.isOpen = false;
-  if (closeTimer) {
-    clearTimeout(closeTimer);
-  }
-  closeTimer = setTimeout(() => {
-    closeTimer = null;
-    clearCurrentConfirmDialog();
-  }, DIALOG_CLOSE_DURATION_MS);
-};
-const closeConfirmDialog = () => {
-  const current = confirmDialogState.current;
-  if (!current || !confirmDialogState.isOpen) {
-    return;
-  }
-  current.resolve(false);
-  scheduleCloseCurrentConfirmDialog();
-};
-const cancelActiveConfirmDialog = async () => {
-  var _a, _b;
-  const current = confirmDialogState.current;
-  if (!current || confirmDialogState.busy) {
-    return;
-  }
-  confirmDialogState.busy = true;
-  try {
-    await ((_b = (_a = current.options).onCancel) == null ? void 0 : _b.call(_a));
-    current.resolve(false);
-  } finally {
-    scheduleCloseCurrentConfirmDialog();
-  }
-};
-const confirmActiveDialog = async () => {
-  var _a, _b;
-  const current = confirmDialogState.current;
-  if (!current || confirmDialogState.busy) {
-    return;
-  }
-  confirmDialogState.busy = true;
-  try {
-    await ((_b = (_a = current.options).onConfirm) == null ? void 0 : _b.call(_a));
-    current.resolve(true);
-  } finally {
-    scheduleCloseCurrentConfirmDialog();
-  }
-};
-const showConfirmDialog = (options) => {
-  void ensureConfirmDialogMounted();
-  return new Promise((resolve) => {
-    enqueueConfirmDialog({
-      id: nextConfirmDialogId += 1,
-      options: {
-        title: options.title ?? "Confirm",
-        message: options.message,
-        confirmText: options.confirmText ?? "Confirm",
-        cancelText: options.cancelText ?? "Cancel",
-        confirmButtonType: options.confirmButtonType ?? "default",
-        cancelButtonType: options.cancelButtonType ?? "outline",
-        icon: markIcon(options.icon),
-        confirmButtonIcon: markIcon(options.confirmButtonIcon),
-        cancelButtonIcon: markIcon(options.cancelButtonIcon),
-        onConfirm: options.onConfirm ?? null,
-        onCancel: options.onCancel ?? null
-      },
-      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 _hoisted_3 = { class: "flex size-12 shrink-0 self-center items-center justify-center rounded border border-[var(--border-light)] bg-[var(--bg-surface-light)] sm:size-10 sm:self-start dark:border-[var(--border-dark)] dark:bg-[var(--bg-surface-dark)]" };
-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();
-      }
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$1), {
-        open: unref(confirmDialogState).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", _hoisted_3, [
-                    (openBlock(), createBlock(resolveDynamicComponent(confirmIcon.value), {
-                      "stroke-width": 1.8,
-                      class: "size-6 text-[var(--button-primary-light)] dark:text-[var(--button-primary-dark)]"
-                    }))
-                  ]),
-                  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), null, {
-                default: withCtx(() => [
-                  createVNode(unref(_sfc_main$7), {
-                    variant: currentDialog.value.options.cancelButtonType,
-                    disabled: unref(confirmDialogState).busy,
-                    onClick: unref(cancelActiveConfirmDialog)
-                  }, {
-                    default: withCtx(() => [
-                      currentDialog.value.options.cancelButtonIcon ? (openBlock(), createBlock(resolveDynamicComponent(currentDialog.value.options.cancelButtonIcon), {
-                        key: 0,
-                        class: "size-4"
-                      })) : createCommentVNode("", true),
-                      createTextVNode(" " + toDisplayString(currentDialog.value.options.cancelText), 1)
-                    ]),
-                    _: 1
-                  }, 8, ["variant", "disabled", "onClick"]),
-                  createVNode(unref(_sfc_main$7), {
-                    variant: currentDialog.value.options.confirmButtonType,
-                    disabled: unref(confirmDialogState).busy,
-                    onClick: unref(confirmActiveDialog)
-                  }, {
-                    default: withCtx(() => [
-                      currentDialog.value.options.confirmButtonIcon ? (openBlock(), createBlock(resolveDynamicComponent(currentDialog.value.options.confirmButtonIcon), {
-                        key: 0,
-                        class: "size-4"
-                      })) : createCommentVNode("", true),
-                      createTextVNode(" " + toDisplayString(currentDialog.value.options.confirmText), 1)
-                    ]),
-                    _: 1
-                  }, 8, ["variant", "disabled", "onClick"])
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          })) : createCommentVNode("", true)
-        ]),
-        _: 1
-      }, 8, ["open"]);
-    };
-  }
-});
-export {
-  _sfc_main as _,
-  closeConfirmDialog as a,
-  confirmActiveDialog as b,
-  cancelActiveConfirmDialog as c,
-  confirmDialogState as d,
-  showConfirmDialog as s
-};