@orchidui/dashboard 1.8.1-95 → 1.8.1-96

package/dist/ui/dialog/index.js

@@ -0,0 +1,169 @@
+import { _ as Z, a as ee } from "../../DialogContent.vue_vue_type_script_setup_true_lang-CdrrrG29.js";
+import { defineComponent as n, createBlock as p, openBlock as l, unref as e, normalizeProps as b, guardReactiveProps as h, withCtx as r, renderSlot as c, mergeProps as g, createElementBlock as w, normalizeClass as x, createVNode as f, createElementVNode as v } from "vue";
+import { c as C, a as B, b as O } from "../../DialogOverlay-Cj3UTjZ8.js";
+import { c as d } from "../../utils-SFgRDk1R.js";
+import { a as F, u as S } from "../../useForwardPropsEmits-0XKBv1pB.js";
+import { _ as j, a as k, b as E } from "../../DialogTrigger-BIF1A4hk.js";
+import { r as D } from "../../index-OpE2oGce.js";
+import { _ as z } from "../../DialogPortal-zAvO8zt4.js";
+import { X as T } from "../../x-Cl6YllUK.js";
+const W = /* @__PURE__ */ n({
+  __name: "DialogClose",
+  props: {
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] }
+  },
+  setup(o) {
+    const s = o;
+    return (t, a) => (l(), p(e(C), b(h(s)), {
+      default: r(() => [
+        c(t.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), Y = /* @__PURE__ */ n({
+  __name: "DialogDescription",
+  props: {
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] },
+    class: {}
+  },
+  setup(o) {
+    const s = o, t = D(s, "class"), a = F(t);
+    return (i, m) => (l(), p(e(j), g(e(a), {
+      class: e(d)("text-sm text-muted-foreground", s.class)
+    }), {
+      default: r(() => [
+        c(i.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), q = /* @__PURE__ */ n({
+  __name: "DialogFooter",
+  props: {
+    class: {}
+  },
+  setup(o) {
+    const s = o;
+    return (t, a) => (l(), w("div", {
+      class: x(
+        e(d)(
+          "flex flex-col-reverse sm:flex-row sm:justify-end sm:gap-x-2",
+          s.class
+        )
+      )
+    }, [
+      c(t.$slots, "default")
+    ], 2));
+  }
+}), G = /* @__PURE__ */ n({
+  __name: "DialogHeader",
+  props: {
+    class: {}
+  },
+  setup(o) {
+    const s = o;
+    return (t, a) => (l(), w("div", {
+      class: x(e(d)("flex flex-col gap-y-1.5 text-center sm:text-left", s.class))
+    }, [
+      c(t.$slots, "default")
+    ], 2));
+  }
+}), I = /* @__PURE__ */ n({
+  __name: "DialogScrollContent",
+  props: {
+    forceMount: { type: Boolean },
+    trapFocus: { type: Boolean },
+    disableOutsidePointerEvents: { type: Boolean },
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] },
+    class: {}
+  },
+  emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
+  setup(o, { emit: s }) {
+    const t = o, a = s, i = D(t, "class"), m = S(i, a);
+    return (P, u) => (l(), p(e(z), null, {
+      default: r(() => [
+        f(e(B), { class: "fixed inset-0 z-50 grid place-items-center overflow-y-auto bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0" }, {
+          default: r(() => [
+            f(e(O), g({
+              class: e(d)(
+                "relative z-50 grid w-full max-w-lg my-8 gap-4 border border-border bg-background p-6 shadow-lg duration-200 sm:rounded-lg md:w-full",
+                t.class
+              )
+            }, e(m), {
+              onPointerDownOutside: u[0] || (u[0] = (y) => {
+                const _ = y.detail.originalEvent, $ = _.target;
+                (_.offsetX > $.clientWidth || _.offsetY > $.clientHeight) && y.preventDefault();
+              })
+            }), {
+              default: r(() => [
+                c(P.$slots, "default"),
+                f(e(C), { class: "absolute top-3 right-3 p-0.5 transition-colors rounded-md hover:bg-secondary" }, {
+                  default: r(() => [
+                    f(e(T), { class: "w-4 h-4" }),
+                    u[1] || (u[1] = v("span", { class: "sr-only" }, "Close", -1))
+                  ]),
+                  _: 1,
+                  __: [1]
+                })
+              ]),
+              _: 3
+            }, 16, ["class"])
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }));
+  }
+}), J = /* @__PURE__ */ n({
+  __name: "DialogTitle",
+  props: {
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] },
+    class: {}
+  },
+  setup(o) {
+    const s = o, t = D(s, "class"), a = F(t);
+    return (i, m) => (l(), p(e(k), g(e(a), {
+      class: e(d)(
+        "text-lg font-semibold leading-none tracking-tight",
+        s.class
+      )
+    }), {
+      default: r(() => [
+        c(i.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), L = /* @__PURE__ */ n({
+  __name: "DialogTrigger",
+  props: {
+    asChild: { type: Boolean },
+    as: { type: [String, Object, Function] }
+  },
+  setup(o) {
+    const s = o;
+    return (t, a) => (l(), p(e(E), b(h(s)), {
+      default: r(() => [
+        c(t.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+});
+export {
+  Z as Dialog,
+  W as DialogClose,
+  ee as DialogContent,
+  Y as DialogDescription,
+  q as DialogFooter,
+  G as DialogHeader,
+  I as DialogScrollContent,
+  J as DialogTitle,
+  L as DialogTrigger
+};