@agrotools1/at-components 2.0.37 → 2.0.39

package/dist/alert-dialog/AlertDialogContent.vue.d.ts

@@ -4,6 +4,7 @@ import { DialogContentVariants } from '../dialog';
 export interface Props extends AlertDialogContentProps {
     class?: HTMLAttributes['class'];
     variant?: DialogContentVariants['variant'];
+    zIndex?: number;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;

package/dist/alert-dialog/AlertDialogContent.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AlertDialogContent.vue.d.ts","sourceRoot":"","sources":["../../src/alert-dialog/AlertDialogContent.vue"],"names":[],"mappings":"AAoDA,OAAO,KAAK,EAA2B,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAC/E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AACzC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAA;AAatD,MAAM,WAAW,KAAM,SAAQ,uBAAuB;IACpD,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IAC/B,OAAO,CAAC,EAAE,qBAAqB,CAAC,SAAS,CAAC,CAAA;CAC3C;AAcD,iBAAS,cAAc;WAqET,OAAO,IAA6B;;yBAVpB,GAAG;;;;EAehC;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;6EASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"AlertDialogContent.vue.d.ts","sourceRoot":"","sources":["../../src/alert-dialog/AlertDialogContent.vue"],"names":[],"mappings":"AA2DA,OAAO,KAAK,EAA2B,uBAAuB,EAAE,MAAM,SAAS,CAAA;AAO/E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AACzC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAA;AAOtD,MAAM,WAAW,KAAM,SAAQ,uBAAuB;IACpD,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IAC/B,OAAO,CAAC,EAAE,qBAAqB,CAAC,SAAS,CAAC,CAAA;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAgBD,iBAAS,cAAc;WAwET,OAAO,IAA6B;;yBAVpB,GAAG;;;;EAehC;AAkBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;6EASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/alert-dialog/AlertDialogContent.vue.js

@@ -1,44 +1,48 @@
-import { defineComponent as c, createBlock as m, openBlock as p, unref as t, withCtx as o, createVNode as s, mergeProps as u, renderSlot as f } from "vue";
-import { reactiveOmit as g } from "@vueuse/core";
-import { useForwardPropsEmits as v, AlertDialogPortal as w, AlertDialogOverlay as y, AlertDialogContent as x } from "reka-ui";
-import { cn as A } from "../lib/utils.js";
-import { dialogContentVariants as C } from "../dialog/index.js";
-const h = /* @__PURE__ */ c({
+import { defineComponent as m, createBlock as p, openBlock as u, unref as t, withCtx as s, createVNode as l, normalizeStyle as f, normalizeClass as y, mergeProps as g, renderSlot as x } from "vue";
+import { reactiveOmit as v } from "@vueuse/core";
+import { useForwardPropsEmits as z, AlertDialogPortal as C, AlertDialogOverlay as w, AlertDialogContent as O } from "reka-ui";
+import { useZIndexStyle as A } from "../composables/use-z-index-style.js";
+import { cn as B } from "../lib/utils.js";
+import { dialogOverlayBaseClass as D, dialogContentVariants as _ } from "../dialog/index.js";
+const V = /* @__PURE__ */ m({
   __name: "AlertDialogContent",
   props: {
     class: {},
     variant: { default: "alert" },
+    zIndex: {},
     forceMount: { type: Boolean },
     disableOutsidePointerEvents: { type: Boolean },
     asChild: { type: Boolean },
     as: {}
   },
   emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
-  setup(n, { emit: l }) {
-    const a = n, r = l, i = g(a, "class"), d = v(i, r);
-    return (e, D) => (p(), m(t(w), null, {
-      default: o(() => [
-        s(t(y), {
+  setup(n, { emit: r }) {
+    const e = n, i = r, d = v(e, "class", "zIndex"), c = z(d, i), a = A(() => e.zIndex);
+    return (o, I) => (u(), p(t(C), null, {
+      default: s(() => [
+        l(t(w), {
           "data-slot": "alert-dialog-overlay",
-          class: "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80"
-        }),
-        s(t(x), u({ "data-slot": "alert-dialog-content" }, t(d), {
-          class: t(A)(
-            t(C)({ variant: e.variant }),
+          class: y(t(D)),
+          style: f(t(a))
+        }, null, 8, ["class", "style"]),
+        l(t(O), g({ "data-slot": "alert-dialog-content" }, t(c), {
+          class: t(B)(
+            t(_)({ variant: o.variant }),
             "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed left-[50%] top-[50%] max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] sm:max-w-lg",
-            a.class
-          )
+            e.class
+          ),
+          style: t(a)
         }), {
-          default: o(() => [
-            f(e.$slots, "default")
+          default: s(() => [
+            x(o.$slots, "default")
           ]),
           _: 3
-        }, 16, ["class"])
+        }, 16, ["class", "style"])
       ]),
       _: 3
     }));
   }
 });
 export {
-  h as default
+  V as default
 };

package/dist/changelog/versions/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/changelog/versions/components/index.ts"],"names":[],"mappings":"AA6BA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAE9C,4EAA4E;AAC5E,eAAO,MAAM,kBAAkB,EAAE,WAAW,EAsB3C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/changelog/versions/components/index.ts"],"names":[],"mappings":"AA+BA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAE9C,4EAA4E;AAC5E,eAAO,MAAM,kBAAkB,EAAE,WAAW,EAwB3C,CAAA"}

package/dist/changelog/versions/components/v2.0.38.d.ts

@@ -0,0 +1,4 @@
+import { VersionData } from '../../types';
+declare const v2_0_38: VersionData;
+export default v2_0_38;
+//# sourceMappingURL=v2.0.38.d.ts.map

package/dist/changelog/versions/components/v2.0.38.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"v2.0.38.d.ts","sourceRoot":"","sources":["../../../../src/changelog/versions/components/v2.0.38.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAE9C,QAAA,MAAM,OAAO,EAAE,WAqCd,CAAA;AAED,eAAe,OAAO,CAAA"}

package/dist/changelog/versions/components/v2.0.39.d.ts

@@ -0,0 +1,4 @@
+import { VersionData } from '../../types';
+declare const v2_0_39: VersionData;
+export default v2_0_39;
+//# sourceMappingURL=v2.0.39.d.ts.map

package/dist/changelog/versions/components/v2.0.39.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"v2.0.39.d.ts","sourceRoot":"","sources":["../../../../src/changelog/versions/components/v2.0.39.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAE9C,QAAA,MAAM,OAAO,EAAE,WAuBd,CAAA;AAED,eAAe,OAAO,CAAA"}

package/dist/composables/use-z-index-style.d.ts

@@ -0,0 +1,3 @@
+import { MaybeRefOrGetter, StyleValue } from 'vue';
+export declare function useZIndexStyle(zIndex: MaybeRefOrGetter<number | undefined>): import('vue').ComputedRef<StyleValue>;
+//# sourceMappingURL=use-z-index-style.d.ts.map

package/dist/composables/use-z-index-style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-z-index-style.d.ts","sourceRoot":"","sources":["../../src/composables/use-z-index-style.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAGvD,wBAAgB,cAAc,CAAC,MAAM,EAAE,gBAAgB,CAAC,MAAM,GAAG,SAAS,CAAC,yCAK1E"}

package/dist/composables/use-z-index-style.js

@@ -0,0 +1,10 @@
+import { computed as t, toValue as n } from "vue";
+function u(o) {
+  return t(() => {
+    const e = n(o);
+    return e !== void 0 ? { zIndex: e } : void 0;
+  });
+}
+export {
+  u as useZIndexStyle
+};

package/dist/dialog/DialogContent.vue.d.ts

@@ -4,6 +4,7 @@ import { DialogContentVariants } from '.';
 export interface Props extends DialogContentProps {
     class?: HTMLAttributes['class'];
     variant?: DialogContentVariants['variant'];
+    zIndex?: number;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;

package/dist/dialog/DialogContent.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialogContent.vue.d.ts","sourceRoot":"","sources":["../../src/dialog/DialogContent.vue"],"names":[],"mappings":"AAsDA,OAAO,KAAK,EAAsB,kBAAkB,EAAE,MAAM,SAAS,CAAA;AACrE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AACzC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,GAAG,CAAA;AAW9C,MAAM,WAAW,KAAM,SAAQ,kBAAkB;IAC/C,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IAC/B,OAAO,CAAC,EAAE,qBAAqB,CAAC,SAAS,CAAC,CAAA;CAC3C;AAaD,iBAAS,cAAc;WAsFT,OAAO,IAA6B;;yBAVpB,GAAG;;;;EAehC;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;kFAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"DialogContent.vue.d.ts","sourceRoot":"","sources":["../../src/dialog/DialogContent.vue"],"names":[],"mappings":"AAqEA,OAAO,KAAK,EAAsB,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAQrE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AACzC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,GAAG,CAAA;AAO9C,MAAM,WAAW,KAAM,SAAQ,kBAAkB;IAC/C,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IAC/B,OAAO,CAAC,EAAE,qBAAqB,CAAC,SAAS,CAAC,CAAA;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAeD,iBAAS,cAAc;WA8FT,OAAO,IAA6B;;yBAVpB,GAAG;;;;EAehC;AAmBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;kFAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/dialog/DialogContent.vue.js

@@ -1,51 +1,57 @@
-import { defineComponent as p, createBlock as m, openBlock as u, unref as t, withCtx as o, createVNode as e, mergeProps as f, renderSlot as g, createElementVNode as _ } from "vue";
-import { reactiveOmit as v } from "@vueuse/core";
-import { useForwardPropsEmits as y, DialogPortal as C, DialogContent as w, DialogClose as x } from "reka-ui";
-import { cn as b } from "../lib/utils.js";
-import { dialogContentVariants as D } from "./index.js";
-import O from "./DialogOverlay.vue.js";
-import B from "../node_modules/.pnpm/lucide-vue-next@0.542.0_vue@3.5.16_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/x.js";
-const A = /* @__PURE__ */ p({
+import { defineComponent as u, createBlock as m, openBlock as f, unref as e, withCtx as a, createVNode as t, normalizeStyle as g, normalizeClass as y, mergeProps as v, renderSlot as x, createElementVNode as z } from "vue";
+import { reactiveOmit as C } from "@vueuse/core";
+import { useForwardPropsEmits as _, DialogPortal as O, DialogOverlay as w, DialogContent as D, DialogClose as b } from "reka-ui";
+import { useZIndexStyle as B } from "../composables/use-z-index-style.js";
+import { cn as I } from "../lib/utils.js";
+import { dialogOverlayBaseClass as P, dialogContentVariants as S } from "./index.js";
+import h from "../node_modules/.pnpm/lucide-vue-next@0.542.0_vue@3.5.16_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/x.js";
+const K = /* @__PURE__ */ u({
   __name: "DialogContent",
   props: {
     class: {},
     variant: {},
+    zIndex: {},
     forceMount: { type: Boolean },
     disableOutsidePointerEvents: { type: Boolean },
     asChild: { type: Boolean },
     as: { type: [String, Object, Function] }
   },
   emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
-  setup(r, { emit: i }) {
-    const a = r, l = i, d = v(a, "class"), c = y(d, l);
-    return (s, n) => (u(), m(t(C), null, {
-      default: o(() => [
-        e(O),
-        e(t(w), f({ "data-slot": "dialog-content" }, t(c), {
-          class: t(b)(
-            t(D)({ variant: s.variant }),
+  setup(l, { emit: i }) {
+    const o = l, d = i, c = C(o, "class", "zIndex"), p = _(c, d), s = B(() => o.zIndex);
+    return (n, r) => (f(), m(e(O), null, {
+      default: a(() => [
+        t(e(w), {
+          "data-slot": "dialog-overlay",
+          class: y(e(P)),
+          style: g(e(s))
+        }, null, 8, ["class", "style"]),
+        t(e(D), v({ "data-slot": "dialog-content" }, e(p), {
+          class: e(I)(
+            e(S)({ variant: n.variant }),
             "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed left-[50%] top-[50%] max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] sm:max-w-lg",
-            a.class
-          )
+            o.class
+          ),
+          style: e(s)
         }), {
-          default: o(() => [
-            g(s.$slots, "default"),
-            e(t(x), { class: "ring-offset-background focus:ring-ring data-[state=open]:text-primary-500 rounded-xs focus:outline-hidden absolute right-4 top-5 cursor-pointer focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-transparent [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0" }, {
-              default: o(() => [
-                e(t(B)),
-                n[0] || (n[0] = _("span", { class: "sr-only" }, "Close", -1))
+          default: a(() => [
+            x(n.$slots, "default"),
+            t(e(b), { class: "ring-offset-background focus:ring-ring data-[state=open]:text-primary-500 rounded-xs focus:outline-hidden absolute right-4 top-5 cursor-pointer focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-transparent [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0" }, {
+              default: a(() => [
+                t(e(h)),
+                r[0] || (r[0] = z("span", { class: "sr-only" }, "Close", -1))
               ]),
               _: 1,
               __: [0]
             })
           ]),
           _: 3
-        }, 16, ["class"])
+        }, 16, ["class", "style"])
       ]),
       _: 3
     }));
   }
 });
 export {
-  A as default
+  K as default
 };

package/dist/dialog/DialogOverlay.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialogOverlay.vue.d.ts","sourceRoot":"","sources":["../../src/dialog/DialogOverlay.vue"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AACjD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAKzC,KAAK,WAAW,GAAG,kBAAkB,GAAG;IAAE,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;CAAE,CAAC;AAO5E,iBAAS,cAAc;WA8CT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,kSAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"DialogOverlay.vue.d.ts","sourceRoot":"","sources":["../../src/dialog/DialogOverlay.vue"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AACjD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAOzC,KAAK,WAAW,GAAG,kBAAkB,GAAG;IAAE,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;CAAE,CAAC;AAO5E,iBAAS,cAAc;WAoCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,kSAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/dialog/DialogOverlay.vue.js

@@ -1,8 +1,9 @@
-import { defineComponent as r, createBlock as n, openBlock as l, unref as e, mergeProps as c, withCtx as i, renderSlot as d } from "vue";
-import { reactiveOmit as p } from "@vueuse/core";
-import { DialogOverlay as m } from "reka-ui";
-import { cn as f } from "../lib/utils.js";
-const B = /* @__PURE__ */ r({
+import { defineComponent as s, createBlock as l, openBlock as n, unref as o, mergeProps as c, withCtx as p, renderSlot as i } from "vue";
+import { reactiveOmit as m } from "@vueuse/core";
+import { DialogOverlay as f } from "reka-ui";
+import { cn as d } from "../lib/utils.js";
+import { dialogOverlayBaseClass as u } from "./index.js";
+const C = /* @__PURE__ */ s({
   __name: "DialogOverlay",
   props: {
     forceMount: { type: Boolean },
@@ -10,21 +11,18 @@ const B = /* @__PURE__ */ r({
     as: { type: [String, Object, Function] },
     class: {}
   },
-  setup(a) {
-    const t = a, o = p(t, "class");
-    return (s, u) => (l(), n(e(m), c({ "data-slot": "dialog-overlay" }, e(o), {
-      class: e(f)(
-        "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80",
-        t.class
-      )
+  setup(t) {
+    const e = t, a = m(e, "class");
+    return (r, g) => (n(), l(o(f), c({ "data-slot": "dialog-overlay" }, o(a), {
+      class: o(d)(o(u), e.class)
     }), {
-      default: i(() => [
-        d(s.$slots, "default")
+      default: p(() => [
+        i(r.$slots, "default")
       ]),
       _: 3
     }, 16, ["class"]));
   }
 });
 export {
-  B as default
+  C as default
 };

package/dist/dialog/DialogScrollContent.vue.d.ts

@@ -4,6 +4,7 @@ import { DialogContentVariants } from '.';
 export interface Props extends DialogContentProps {
     class?: HTMLAttributes['class'];
     variant?: DialogContentVariants['variant'];
+    zIndex?: number;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;

package/dist/dialog/DialogScrollContent.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialogScrollContent.vue.d.ts","sourceRoot":"","sources":["../../src/dialog/DialogScrollContent.vue"],"names":[],"mappings":"AAwEA,OAAO,KAAK,EAAsB,kBAAkB,EAAE,MAAM,SAAS,CAAA;AACrE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AACzC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,GAAG,CAAA;AAe9C,MAAM,WAAW,KAAM,SAAQ,kBAAkB;IAC/C,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IAC/B,OAAO,CAAC,EAAE,qBAAqB,CAAC,SAAS,CAAC,CAAA;CAC3C;AAaD,iBAAS,cAAc;WA0GT,OAAO,IAA6B;;yBAVpB,GAAG;;;;EAehC;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;kFAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"DialogScrollContent.vue.d.ts","sourceRoot":"","sources":["../../src/dialog/DialogScrollContent.vue"],"names":[],"mappings":"AAgFA,OAAO,KAAK,EAAsB,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAQrE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AACzC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,GAAG,CAAA;AAO9C,MAAM,WAAW,KAAM,SAAQ,kBAAkB;IAC/C,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;IAC/B,OAAO,CAAC,EAAE,qBAAqB,CAAC,SAAS,CAAC,CAAA;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAeD,iBAAS,cAAc;WA8GT,OAAO,IAA6B;;yBAVpB,GAAG;;;;EAehC;AAmBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;;kFAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/dialog/DialogScrollContent.vue.js

@@ -1,59 +1,65 @@
-import { defineComponent as m, createBlock as g, openBlock as v, unref as t, withCtx as o, createVNode as s, mergeProps as y, renderSlot as w, createElementVNode as D } from "vue";
-import { reactiveOmit as _ } from "@vueuse/core";
-import { useForwardPropsEmits as b, DialogPortal as C, DialogOverlay as O, DialogContent as x, DialogClose as P } from "reka-ui";
-import { cn as k } from "../lib/utils.js";
-import { dialogContentVariants as B } from "./index.js";
-import E from "../node_modules/.pnpm/lucide-vue-next@0.542.0_vue@3.5.16_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/x.js";
-const N = /* @__PURE__ */ m({
+import { defineComponent as y, createBlock as v, openBlock as x, unref as e, withCtx as o, createVNode as s, normalizeStyle as C, normalizeClass as w, mergeProps as D, renderSlot as O, createElementVNode as _ } from "vue";
+import { reactiveOmit as z } from "@vueuse/core";
+import { useForwardPropsEmits as b, DialogPortal as B, DialogOverlay as P, DialogContent as S, DialogClose as E } from "reka-ui";
+import { useZIndexStyle as I } from "../composables/use-z-index-style.js";
+import { cn as c } from "../lib/utils.js";
+import { dialogOverlayBaseClass as h, dialogContentVariants as k } from "./index.js";
+import F from "../node_modules/.pnpm/lucide-vue-next@0.542.0_vue@3.5.16_typescript@5.8.3_/node_modules/lucide-vue-next/dist/esm/icons/x.js";
+const M = /* @__PURE__ */ y({
   __name: "DialogScrollContent",
   props: {
     class: {},
     variant: {},
+    zIndex: {},
     forceMount: { type: Boolean },
     disableOutsidePointerEvents: { type: Boolean },
     asChild: { type: Boolean },
     as: { type: [String, Object, Function] }
   },
   emits: ["escapeKeyDown", "pointerDownOutside", "focusOutside", "interactOutside", "openAutoFocus", "closeAutoFocus"],
-  setup(d, { emit: c }) {
-    const n = d, u = c, f = _(n, "class"), p = b(f, u);
-    return (r, e) => (v(), g(t(C), null, {
+  setup(u, { emit: p }) {
+    const n = u, f = p, m = z(n, "class", "zIndex"), g = b(m, f), a = I(() => n.zIndex);
+    return (l, t) => (x(), v(e(B), null, {
       default: o(() => [
-        s(t(O), { class: "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 grid place-items-center overflow-y-auto bg-black/80" }, {
+        s(e(P), {
+          class: w(e(c)(e(h), "grid place-items-center overflow-y-auto")),
+          style: C(e(a))
+        }, {
           default: o(() => [
-            s(t(x), y({
-              class: t(k)(
-                t(B)({ variant: r.variant }),
+            s(e(S), D({
+              class: e(c)(
+                e(k)({ variant: l.variant }),
                 "relative my-8 max-w-lg sm:rounded-xl md:w-full",
                 n.class
               )
-            }, t(p), {
-              onPointerDownOutside: e[0] || (e[0] = (i) => {
-                const a = i.detail.originalEvent, l = a.target;
-                (a.offsetX > l.clientWidth || a.offsetY > l.clientHeight) && i.preventDefault();
+            }, e(g), {
+              style: e(a),
+              onPointerDownOutside: t[0] || (t[0] = (i) => {
+                const r = i.detail.originalEvent, d = r.target;
+                (r.offsetX > d.clientWidth || r.offsetY > d.clientHeight) && i.preventDefault();
               })
             }), {
               default: o(() => [
-                w(r.$slots, "default"),
-                s(t(P), { class: "ring-offset-background focus:ring-ring data-[state=open]:text-primary-500 rounded-xs focus:outline-hidden absolute right-4 top-5 cursor-pointer focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-transparent [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0" }, {
+                O(l.$slots, "default"),
+                s(e(E), { class: "ring-offset-background focus:ring-ring data-[state=open]:text-primary-500 rounded-xs focus:outline-hidden absolute right-4 top-5 cursor-pointer focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-transparent [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0" }, {
                   default: o(() => [
-                    s(t(E)),
-                    e[1] || (e[1] = D("span", { class: "sr-only" }, "Close", -1))
+                    s(e(F)),
+                    t[1] || (t[1] = _("span", { class: "sr-only" }, "Close", -1))
                   ]),
                   _: 1,
                   __: [1]
                 })
               ]),
               _: 3
-            }, 16, ["class"])
+            }, 16, ["class", "style"])
           ]),
           _: 3
-        })
+        }, 8, ["class", "style"])
       ]),
       _: 3
     }));
   }
 });
 export {
-  N as default
+  M as default
 };

package/dist/dialog/index.d.ts

@@ -10,6 +10,7 @@ export { default as AgtDialogOverlay } from './DialogOverlay.vue';
 export { default as AgtDialogScrollContent } from './DialogScrollContent.vue';
 export { default as AgtDialogTitle } from './DialogTitle.vue';
 export { default as AgtDialogTrigger } from './DialogTrigger.vue';
+export declare const dialogOverlayBaseClass = "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80";
 export declare const dialogContentVariants: (props?: ({
     variant?: "default" | "destructive" | "success" | "alert" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/dialog/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAG5D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAC3D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AACjE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,yBAAyB,CAAA;AACzE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AACjE,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,2BAA2B,CAAA;AAC7E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAEjE,eAAO,MAAM,qBAAqB;;8EAejC,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAG5D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAC3D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AACjE,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,yBAAyB,CAAA;AACzE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AACjE,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,2BAA2B,CAAA;AAC7E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAEjE,eAAO,MAAM,sBAAsB,2JACuH,CAAA;AAE1J,eAAO,MAAM,qBAAqB;;8EAejC,CAAA;AAED,MAAM,MAAM,qBAAqB,GAAG,YAAY,CAAC,OAAO,qBAAqB,CAAC,CAAA"}

package/dist/dialog/index.js

@@ -1,16 +1,16 @@
 import { cva as t } from "class-variance-authority";
-import { default as l } from "./Dialog.vue.js";
-import { default as d } from "./DialogBody.vue.js";
-import { default as i } from "./DialogClose.vue.js";
+import { default as d } from "./Dialog.vue.js";
+import { default as s } from "./DialogBody.vue.js";
+import { default as f } from "./DialogClose.vue.js";
 import { default as u } from "./DialogContent.vue.js";
-import { default as p } from "./DialogDescription.vue.js";
-import { default as x } from "./DialogFooter.vue.js";
+import { default as m } from "./DialogDescription.vue.js";
+import { default as D } from "./DialogFooter.vue.js";
 import { default as A } from "./DialogHeader.vue.js";
-import { default as b } from "./DialogOverlay.vue.js";
-import { default as y } from "./DialogScrollContent.vue.js";
-import { default as w } from "./DialogTitle.vue.js";
-import { default as V } from "./DialogTrigger.vue.js";
-const a = t(
+import { default as v } from "./DialogOverlay.vue.js";
+import { default as C } from "./DialogScrollContent.vue.js";
+import { default as z } from "./DialogTitle.vue.js";
+import { default as O } from "./DialogTrigger.vue.js";
+const e = "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/80", o = t(
   "z-50 border-t-8 rounded-xl bg-neutral-100 shadow-lg duration-200 grid w-full gap-4",
   {
     variants: {
@@ -27,16 +27,17 @@ const a = t(
   }
 );
 export {
-  l as AgtDialog,
-  d as AgtDialogBody,
-  i as AgtDialogClose,
+  d as AgtDialog,
+  s as AgtDialogBody,
+  f as AgtDialogClose,
   u as AgtDialogContent,
-  p as AgtDialogDescription,
-  x as AgtDialogFooter,
+  m as AgtDialogDescription,
+  D as AgtDialogFooter,
   A as AgtDialogHeader,
-  b as AgtDialogOverlay,
-  y as AgtDialogScrollContent,
-  w as AgtDialogTitle,
-  V as AgtDialogTrigger,
-  a as dialogContentVariants
+  v as AgtDialogOverlay,
+  C as AgtDialogScrollContent,
+  z as AgtDialogTitle,
+  O as AgtDialogTrigger,
+  o as dialogContentVariants,
+  e as dialogOverlayBaseClass
 };