@brumaombra/ui-vintage 0.1.0 → 0.2.1

package/dist/confirm-dialog.js

@@ -1,9 +1,230 @@
-import { _, c, a, b, d, s } from "./ConfirmDialog.vue_vue_type_script_setup_true_lang-BAd1l1zF.js";
+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, 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;
+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-Zu4m9TY-.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 {
-  _ as ConfirmDialog,
-  c as cancelActiveConfirmDialog,
-  a as closeConfirmDialog,
-  b as confirmActiveDialog,
-  d as confirmDialogState,
-  s as showConfirmDialog
+  _sfc_main as ConfirmDialog,
+  cancelActiveConfirmDialog,
+  closeConfirmDialog,
+  confirmActiveDialog,
+  confirmDialogState,
+  showConfirmDialog
 };

package/dist/dashboard-shell.js

@@ -1,5 +1,172 @@
-import { _, _ as _2 } from "./DashboardShell.vue_vue_type_script_setup_true_lang-CT2SQBXv.js";
+import { defineComponent, openBlock, createBlock, unref, withCtx, createVNode, renderSlot, createCommentVNode, createElementBlock, Fragment, renderList, createTextVNode, toDisplayString, resolveDynamicComponent, mergeProps, createElementVNode, normalizeClass } from "vue";
+import { B as BackgroundGrid } from "./BackgroundGrid-Cxvbtefm.js";
+import { _ as _sfc_main$e } from "./Separator.vue_vue_type_script_setup_true_lang-CMRkdntA.js";
+import { SidebarProvider as _sfc_main$1, Sidebar as _sfc_main$2, SidebarHeader as _sfc_main$3, SidebarContent as _sfc_main$4, SidebarGroup as _sfc_main$5, SidebarGroupLabel as _sfc_main$6, SidebarGroupContent as _sfc_main$7, SidebarMenu as _sfc_main$8, SidebarMenuItem as _sfc_main$9, SidebarMenuButton as _sfc_main$a, SidebarFooter as _sfc_main$b, SidebarInset as _sfc_main$c, SidebarTrigger as _sfc_main$d } from "./sidebar.js";
+import { c as cn } from "./utils-Bz4m9VPB.js";
+const _hoisted_1 = { class: "grid min-w-0 flex-1 text-left leading-tight" };
+const _hoisted_2 = { class: "truncate font-semibold" };
+const _hoisted_3 = {
+  key: 0,
+  class: "mt-0.5 text-[11px] leading-4 text-sidebar-foreground/65"
+};
+const _hoisted_4 = { class: "min-w-0 flex-1" };
+const _hoisted_5 = { class: "truncate text-sm font-medium" };
+const _hoisted_6 = {
+  key: 0,
+  class: "truncate text-xs text-muted-foreground"
+};
+const _hoisted_7 = { class: "relative z-10 min-w-0 flex-1" };
+const _hoisted_8 = { class: "pb-4" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "DashboardShell",
+  props: {
+    title: { default: "" },
+    description: { default: "" },
+    collapsible: { default: "offcanvas" },
+    sidebarSections: { default: () => [] },
+    sidebarLinkComponent: { default: "a" },
+    showBackground: { type: Boolean, default: true },
+    insetClass: {},
+    topbarClass: {},
+    contentContainerClass: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const getSidebarItemLinkProps = (item) => {
+      if (props.sidebarLinkComponent === "a") {
+        return { href: item.href ?? "#" };
+      }
+      return { to: item.to ?? item.href ?? "/" };
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$1), null, {
+        default: withCtx(() => [
+          createVNode(unref(_sfc_main$2), {
+            collapsible: props.collapsible
+          }, {
+            default: withCtx(() => [
+              _ctx.$slots["sidebar-header"] ? (openBlock(), createBlock(unref(_sfc_main$3), {
+                key: 0,
+                class: "h-16 justify-center border-b border-sidebar-border"
+              }, {
+                default: withCtx(() => [
+                  renderSlot(_ctx.$slots, "sidebar-header")
+                ]),
+                _: 3
+              })) : createCommentVNode("", true),
+              props.sidebarSections.length ? (openBlock(), createBlock(unref(_sfc_main$4), { key: 1 }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(props.sidebarSections, (section) => {
+                    return openBlock(), createBlock(unref(_sfc_main$5), {
+                      key: section.id
+                    }, {
+                      default: withCtx(() => [
+                        section.label ? (openBlock(), createBlock(unref(_sfc_main$6), { key: 0 }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(section.label), 1)
+                          ]),
+                          _: 2
+                        }, 1024)) : createCommentVNode("", true),
+                        createVNode(unref(_sfc_main$7), null, {
+                          default: withCtx(() => [
+                            createVNode(unref(_sfc_main$8), { class: "gap-3" }, {
+                              default: withCtx(() => [
+                                (openBlock(true), createElementBlock(Fragment, null, renderList(section.items, (item) => {
+                                  return openBlock(), createBlock(unref(_sfc_main$9), {
+                                    key: item.id
+                                  }, {
+                                    default: withCtx(() => [
+                                      createVNode(unref(_sfc_main$a), {
+                                        "as-child": "",
+                                        "is-active": item.active,
+                                        class: "group h-auto min-h-12 items-start rounded border border-[var(--border-light)] px-3 py-2.5 text-[var(--text-secondary-light)] transition-all duration-200 hover:border-[var(--border-hover-light)] hover:bg-[var(--bg-selected-light)] hover:text-[var(--text-primary-light)] data-[active=true]:border-[var(--border-hover-light)] data-[active=true]:bg-[var(--bg-selected-light)] data-[active=true]:text-[var(--text-primary-light)] dark:border-[var(--border-dark)] dark:text-[var(--text-secondary-dark)] dark:hover:border-[var(--border-hover-dark)] dark:hover:bg-[var(--bg-selected-dark)] dark:hover:text-[var(--text-primary-dark)] dark:data-[active=true]:border-[var(--border-hover-dark)] dark:data-[active=true]:bg-[var(--bg-selected-dark)] dark:data-[active=true]:text-[var(--text-primary-dark)] sm:px-4 sm:py-3"
+                                      }, {
+                                        default: withCtx(() => [
+                                          (openBlock(), createBlock(resolveDynamicComponent(props.sidebarLinkComponent), mergeProps({ ref_for: true }, getSidebarItemLinkProps(item)), {
+                                            default: withCtx(() => [
+                                              item.icon ? (openBlock(), createBlock(resolveDynamicComponent(item.icon), {
+                                                key: 0,
+                                                "stroke-width": 1.8,
+                                                class: "mt-0.5 h-4 w-4 shrink-0 opacity-90 transition-opacity duration-200 group-hover:opacity-100 sm:h-5 sm:w-5"
+                                              })) : createCommentVNode("", true),
+                                              createElementVNode("div", _hoisted_1, [
+                                                createElementVNode("span", _hoisted_2, toDisplayString(item.label), 1),
+                                                item.description ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(item.description), 1)) : createCommentVNode("", true)
+                                              ])
+                                            ]),
+                                            _: 2
+                                          }, 1040))
+                                        ]),
+                                        _: 2
+                                      }, 1032, ["is-active"])
+                                    ]),
+                                    _: 2
+                                  }, 1024);
+                                }), 128))
+                              ]),
+                              _: 2
+                            }, 1024)
+                          ]),
+                          _: 2
+                        }, 1024)
+                      ]),
+                      _: 2
+                    }, 1024);
+                  }), 128))
+                ]),
+                _: 1
+              })) : createCommentVNode("", true),
+              _ctx.$slots["sidebar-footer"] ? (openBlock(), createBlock(unref(_sfc_main$b), {
+                key: 2,
+                class: "border-t border-sidebar-border"
+              }, {
+                default: withCtx(() => [
+                  renderSlot(_ctx.$slots, "sidebar-footer")
+                ]),
+                _: 3
+              })) : createCommentVNode("", true)
+            ]),
+            _: 3
+          }, 8, ["collapsible"]),
+          createVNode(unref(_sfc_main$c), {
+            class: normalizeClass(unref(cn)("relative min-h-screen min-w-0 bg-background text-foreground", props.insetClass))
+          }, {
+            default: withCtx(() => [
+              props.showBackground ? (openBlock(), createBlock(BackgroundGrid, { key: 0 })) : createCommentVNode("", true),
+              createElementVNode("header", {
+                class: normalizeClass(unref(cn)("sticky top-0 z-20 flex h-16 shrink-0 items-center gap-2 border-b border-sidebar-border bg-sidebar px-4 backdrop-blur", props.topbarClass))
+              }, [
+                createVNode(unref(_sfc_main$d), { class: "-ml-1" }),
+                createVNode(unref(_sfc_main$e), {
+                  orientation: "vertical",
+                  class: "mr-2 data-[orientation=vertical]:h-4"
+                }),
+                renderSlot(_ctx.$slots, "topbar-leading"),
+                createElementVNode("div", _hoisted_4, [
+                  createElementVNode("div", _hoisted_5, toDisplayString(props.title), 1),
+                  props.description ? (openBlock(), createElementBlock("div", _hoisted_6, toDisplayString(props.description), 1)) : createCommentVNode("", true)
+                ]),
+                renderSlot(_ctx.$slots, "topbar-trailing")
+              ], 2),
+              createElementVNode("main", _hoisted_7, [
+                createElementVNode("div", {
+                  class: normalizeClass(unref(cn)("mx-auto flex w-full min-w-0 max-w-6xl flex-col gap-6 p-3 sm:p-6 lg:p-8", props.contentContainerClass))
+                }, [
+                  createElementVNode("div", _hoisted_8, [
+                    renderSlot(_ctx.$slots, "default")
+                  ])
+                ], 2)
+              ])
+            ]),
+            _: 3
+          }, 8, ["class"])
+        ]),
+        _: 3
+      });
+    };
+  }
+});
 export {
-  _ as DashboardShell,
-  _2 as default
+  _sfc_main as DashboardShell,
+  _sfc_main as default
 };

package/dist/date-picker.js

@@ -1,5 +1,93 @@
-import { _, _ as _2 } from "./DatePicker.vue_vue_type_script_setup_true_lang-D8mev2ha.js";
+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 { 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: {
+    defaultValue: {},
+    modelValue: {},
+    placeholder: { default: "Pick a date" },
+    disabled: { type: Boolean, default: false },
+    class: {},
+    contentClass: {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const internalDate = ref(props.defaultValue);
+    const isControlled = computed(() => props.modelValue !== void 0);
+    const date = computed({
+      get: () => isControlled.value ? props.modelValue : internalDate.value,
+      set: (value) => {
+        if (!isControlled.value)
+          internalDate.value = value;
+        emits("update:modelValue", value);
+      }
+    });
+    const defaultPlaceholder = computed(() => date.value ?? $14e0f24ef4ac5c92$export$d0bdf45af03a6ea3($14e0f24ef4ac5c92$export$aa8b41735afcabd2()));
+    const formatter = new $fb18d541ea1ad717$export$ad991b66133851cf("en-US", {
+      dateStyle: "long"
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$1), null, {
+        default: withCtx(({ close }) => [
+          createVNode(unref(_sfc_main$2), { "as-child": "" }, {
+            default: withCtx(() => [
+              createVNode(unref(_sfc_main$3), {
+                variant: "outline",
+                disabled: _ctx.disabled,
+                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" }),
+                  createTextVNode(" " + toDisplayString(date.value ? unref(formatter).format(date.value.toDate(unref($14e0f24ef4ac5c92$export$aa8b41735afcabd2)())) : _ctx.placeholder), 1)
+                ]),
+                _: 1
+              }, 8, ["disabled", "class"])
+            ]),
+            _: 1
+          }),
+          createVNode(unref(_sfc_main$4), {
+            class: normalizeClass(unref(cn)("w-auto p-0", props.contentClass)),
+            align: "start"
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(_sfc_main$5), {
+                modelValue: date.value,
+                "onUpdate:modelValue": [
+                  _cache[0] || (_cache[0] = ($event) => date.value = $event),
+                  close
+                ],
+                "default-placeholder": defaultPlaceholder.value,
+                layout: "month-and-year",
+                "initial-focus": ""
+              }, null, 8, ["modelValue", "default-placeholder", "onUpdate:modelValue"])
+            ]),
+            _: 2
+          }, 1032, ["class"])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
 export {
-  _ as DatePicker,
-  _2 as default
+  _sfc_main as DatePicker,
+  _sfc_main as default
 };

package/dist/dialog.js

@@ -1,14 +1,148 @@
-import { _, a, b, c, d, e } from "./DialogTitle.vue_vue_type_script_setup_true_lang-Bw40D4AK.js";
-import { _ as _2, a as a2, b as b2, c as c2 } from "./DialogTrigger.vue_vue_type_script_setup_true_lang-DLrFiCsw.js";
+import { _, a, b, c, d, e } from "./DialogTitle.vue_vue_type_script_setup_true_lang-83YQbiAn.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 { 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 { 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: {
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DialogClose_default), mergeProps({ "data-slot": "dialog-close" }, props), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "DialogFooter",
+  props: {
+    class: {},
+    showCloseButton: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    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))
+      }, [
+        renderSlot(_ctx.$slots, "default"),
+        _ctx.showCloseButton ? (openBlock(), createBlock(unref(DialogClose_default), {
+          key: 0,
+          "as-child": ""
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(_sfc_main$4), { variant: "outline" }, {
+              default: withCtx(() => _cache[0] || (_cache[0] = [
+                createTextVNode(" Close ")
+              ])),
+              _: 1
+            })
+          ]),
+          _: 1
+        })) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...{
+    inheritAttrs: false
+  },
+  __name: "DialogScrollContent",
+  props: {
+    forceMount: { type: Boolean },
+    disableOutsidePointerEvents: { type: Boolean },
+    asChild: { type: Boolean },
+    as: {},
+    class: {}
+  },
+  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const delegatedProps = reactiveOmit(props, "class");
+    const forwarded = useForwardPropsEmits(delegatedProps, emits);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DialogPortal_default), null, {
+        default: withCtx(() => [
+          createVNode(unref(DialogOverlay_default), { class: "fixed inset-0 z-50 grid place-items-center overflow-y-auto bg-black/45 backdrop-blur-[2px] transition-[opacity,backdrop-filter] ease-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0" }, {
+            default: withCtx(() => [
+              createVNode(unref(DialogContent_default), mergeProps({
+                class: unref(cn)(
+                  "relative z-50 my-8 grid w-[95%] max-w-lg gap-0 overflow-hidden rounded border border-border bg-card text-card-foreground shadow-2xl duration-200 md:w-full",
+                  props.class
+                )
+              }, { ..._ctx.$attrs, ...unref(forwarded) }, {
+                onPointerDownOutside: _cache[0] || (_cache[0] = (event) => {
+                  const originalEvent = event.detail.originalEvent;
+                  const target = originalEvent.target;
+                  if (originalEvent.offsetX > target.clientWidth || originalEvent.offsetY > target.clientHeight) {
+                    event.preventDefault();
+                  }
+                })
+              }), {
+                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(X), { class: "w-4 h-4" }),
+                      _cache[1] || (_cache[1] = createElementVNode("span", { class: "sr-only" }, "Close", -1))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 3
+              }, 16, ["class"])
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "DialogTrigger",
+  props: {
+    asChild: { type: Boolean },
+    as: {}
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(DialogTrigger_default), mergeProps({ "data-slot": "dialog-trigger" }, props), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
 export {
   _ as Dialog,
-  _2 as DialogClose,
+  _sfc_main$3 as DialogClose,
   a as DialogContent,
   b as DialogDescription,
-  a2 as DialogFooter,
+  _sfc_main$2 as DialogFooter,
   c as DialogHeader,
   d as DialogOverlay,
-  b2 as DialogScrollContent,
+  _sfc_main$1 as DialogScrollContent,
   e as DialogTitle,
-  c2 as DialogTrigger
+  _sfc_main as DialogTrigger
 };

package/dist/field.js

@@ -1,8 +1,8 @@
 import { c as cva } from "./index-FpH8cK6B.js";
 import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, renderSlot, computed, Fragment, createTextVNode, toDisplayString, renderList, createCommentVNode, createBlock, withCtx, createVNode } from "vue";
 import { c as cn } from "./utils-Bz4m9VPB.js";
-import { _ as _sfc_main$a } from "./Label.vue_vue_type_script_setup_true_lang-B_fwvfJ-.js";
-import { _ as _sfc_main$b } from "./Separator.vue_vue_type_script_setup_true_lang-COrZ60NR.js";
+import { _ as _sfc_main$a } from "./Label.vue_vue_type_script_setup_true_lang-pMIzCHzV.js";
+import { _ as _sfc_main$b } from "./Separator.vue_vue_type_script_setup_true_lang-CMRkdntA.js";
 const _hoisted_1$3 = ["data-orientation"];
 const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "Field",