scrubbed-tailwind-components-v2 2.4.1 → 2.4.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,17 @@
1
+ import { ref as l, provide as a, renderSlot as r } from "vue";
2
+ const u = {
3
+ __name: "Dialog",
4
+ setup(g) {
5
+ const e = l(!1);
6
+ function o() {
7
+ e.value = !e.value;
8
+ }
9
+ return a("DIALOG_META", { toggled: e, toggleDialog: o }), (t, n) => r(t.$slots, "default", {
10
+ toggled: e.value,
11
+ toggleDialog: o
12
+ });
13
+ }
14
+ };
15
+ export {
16
+ u as default
17
+ };
@@ -0,0 +1,16 @@
1
+ import { onMounted as o, onUnmounted as t, createElementBlock as r, openBlock as n, mergeProps as s, renderSlot as d } from "vue";
2
+ const u = {
3
+ __name: "DialogBackground",
4
+ setup(a) {
5
+ return o(() => {
6
+ document.querySelector("body").classList.add("overflow-hidden");
7
+ }), t(() => {
8
+ document.querySelector("body").classList.remove("overflow-hidden");
9
+ }), (e, c) => (n(), r("div", s(e.$attrs, { class: "pointer-events-auto fixed inset-0 z-[100] min-h-screen bg-black/80" }), [
10
+ d(e.$slots, "default")
11
+ ], 16));
12
+ }
13
+ };
14
+ export {
15
+ u as default
16
+ };
@@ -0,0 +1,42 @@
1
+ import { defineAsyncComponent as i, inject as y, createBlock as n, openBlock as o, Teleport as C, createVNode as d, Transition as c, withCtx as a, createCommentVNode as u, unref as e, normalizeClass as p, renderSlot as _ } from "vue";
2
+ const D = {
3
+ __name: "DialogContent",
4
+ props: {
5
+ class: { type: String },
6
+ backgroundZ: { type: String, default: "z-[175]" }
7
+ },
8
+ setup(f) {
9
+ const g = i(
10
+ () => import("./DialogBackground-WvtbjhWD.js")
11
+ ), m = i(() => import("./index-Bae24DF4.js").then((t) => t.Q)), l = f, { toggled: r, toggleDialog: k } = y("DIALOG_META");
12
+ return (t, s) => (o(), n(C, { to: "body" }, [
13
+ d(c, { name: "fade-in" }, {
14
+ default: a(() => [
15
+ e(r) ? (o(), n(e(g), {
16
+ key: 0,
17
+ onClick: s[0] || (s[0] = (x) => e(k)()),
18
+ class: p(l.backgroundZ)
19
+ }, null, 8, ["class"])) : u("", !0)
20
+ ]),
21
+ _: 1
22
+ }),
23
+ d(c, { name: "fade-in-dialog" }, {
24
+ default: a(() => [
25
+ e(r) ? (o(), n(e(m), {
26
+ key: 0,
27
+ class: p(["fixed top-1/2 left-1/2 z-[200] -translate-x-1/2 -translate-y-1/2 rounded-xl bg-white transition-all", l.class])
28
+ }, {
29
+ default: a(() => [
30
+ _(t.$slots, "default")
31
+ ]),
32
+ _: 3
33
+ }, 8, ["class"])) : u("", !0)
34
+ ]),
35
+ _: 3
36
+ })
37
+ ]));
38
+ }
39
+ };
40
+ export {
41
+ D as default
42
+ };
@@ -0,0 +1,18 @@
1
+ import { useSlots as l, inject as s, createBlock as r, openBlock as a, resolveDynamicComponent as _, cloneVNode as i, unref as t } from "vue";
2
+ const f = {
3
+ __name: "DialogToggle",
4
+ setup(p) {
5
+ const n = l(), { toggleDialog: c } = s("DIALOG_META");
6
+ return (u, g) => {
7
+ var o, e;
8
+ return a(), r(_(
9
+ i((e = (o = t(n)).default) == null ? void 0 : e.call(o)[0], {
10
+ onClick: t(c)
11
+ })
12
+ ));
13
+ };
14
+ }
15
+ };
16
+ export {
17
+ f as default
18
+ };
@@ -0,0 +1,17 @@
1
+ import { ref as l, provide as r, renderSlot as a } from "vue";
2
+ const g = {
3
+ __name: "Sheet",
4
+ setup(n) {
5
+ const e = l(!1);
6
+ function t() {
7
+ e.value = !e.value;
8
+ }
9
+ return r("SHEET_META", { toggled: e, toggleSheet: t }), (o, s) => a(o.$slots, "default", {
10
+ toggled: e.value,
11
+ toggleSheet: t
12
+ });
13
+ }
14
+ };
15
+ export {
16
+ g as default
17
+ };
@@ -0,0 +1,40 @@
1
+ import { defineAsyncComponent as s, inject as h, createBlock as n, openBlock as o, Teleport as C, createVNode as d, Transition as i, withCtx as r, createCommentVNode as c, unref as e, normalizeClass as _, renderSlot as k } from "vue";
2
+ const w = {
3
+ __name: "SheetContent",
4
+ props: {
5
+ class: { type: String }
6
+ },
7
+ setup(m) {
8
+ const u = s(
9
+ () => import("./DialogBackground-WvtbjhWD.js")
10
+ ), p = s(() => import("./index-Bae24DF4.js").then((t) => t.Q)), f = m, { toggled: a, toggleSheet: g } = h("SHEET_META");
11
+ return (t, l) => (o(), n(C, { to: "body" }, [
12
+ d(i, { name: "fade-in" }, {
13
+ default: r(() => [
14
+ e(a) ? (o(), n(e(u), {
15
+ key: 0,
16
+ onClick: l[0] || (l[0] = (y) => e(g)())
17
+ })) : c("", !0)
18
+ ]),
19
+ _: 1
20
+ }),
21
+ d(i, { name: "slide" }, {
22
+ default: r(() => [
23
+ e(a) ? (o(), n(e(p), {
24
+ key: 0,
25
+ class: _(["fixed top-1/2 right-0 z-[150] h-full w-3/4 -translate-y-1/2 rounded-e-none bg-white transition-all md:right-[1rem] md:h-[calc(100dvh-2rem)] md:w-96 md:rounded-xl", f.class])
26
+ }, {
27
+ default: r(() => [
28
+ k(t.$slots, "default")
29
+ ]),
30
+ _: 3
31
+ }, 8, ["class"])) : c("", !0)
32
+ ]),
33
+ _: 3
34
+ })
35
+ ]));
36
+ }
37
+ };
38
+ export {
39
+ w as default
40
+ };
@@ -0,0 +1,18 @@
1
+ import { useSlots as s, inject as l, createBlock as r, openBlock as _, resolveDynamicComponent as a, cloneVNode as p, unref as t } from "vue";
2
+ const g = {
3
+ __name: "SheetToggle",
4
+ setup(u) {
5
+ const n = s(), { toggleSheet: c } = l("SHEET_META");
6
+ return (m, f) => {
7
+ var e, o;
8
+ return _(), r(a(
9
+ p((o = (e = t(n)).default) == null ? void 0 : o.call(e)[0], {
10
+ onClick: t(c)
11
+ })
12
+ ));
13
+ };
14
+ }
15
+ };
16
+ export {
17
+ g as default
18
+ };