@feugene/granularity 0.4.0 → 0.4.2

package/dist/components/GrConfirmDialog/chunks/GrConfirmDialog-C7Eh8-Vn.js

@@ -1,111 +0,0 @@
-import { t as e } from "../../GrButton/chunks/GrButton-BXVVt6Od.js";
-import { t } from "../../GrDialog/chunks/GrDialog-BSd4-uP5.js";
-import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, openBlock as u, renderSlot as d, toDisplayString as f, withCtx as p } from "vue";
-//#region src/components/GrConfirmDialog/GrConfirmDialog.vue?vue&type=script&setup=true&lang.ts
-var m = {
-	key: 0,
-	class: "text-[14px] text-[var(--muted-fg)]"
-}, h = { class: "flex items-center justify-end gap-3" }, g = /* @__PURE__ */ l({
-	__name: "GrConfirmDialog",
-	props: {
-		modelValue: { type: Boolean },
-		title: { default: "Confirm" },
-		description: { default: void 0 },
-		closeOnBackdrop: {
-			type: Boolean,
-			default: !0
-		},
-		closeOnEsc: {
-			type: Boolean,
-			default: !0
-		},
-		showHeader: {
-			type: Boolean,
-			default: !0
-		},
-		showCloseButton: {
-			type: Boolean,
-			default: !0
-		},
-		size: { default: "md" },
-		headerConfig: { default: void 0 },
-		footerConfig: { default: void 0 },
-		bodyConfig: { default: void 0 },
-		closeLabel: { default: "Close" },
-		buttonSize: { default: void 0 },
-		confirmText: { default: "Confirm" },
-		cancelText: { default: "Cancel" },
-		confirmVariant: { default: "primary" },
-		confirmTone: { default: "primary" }
-	},
-	emits: [
-		"update:modelValue",
-		"confirm",
-		"cancel"
-	],
-	setup(l, { emit: g }) {
-		let _ = l, v = g, y = n({
-			get: () => _.modelValue,
-			set: (e) => v("update:modelValue", e)
-		});
-		function b() {
-			v("cancel"), v("update:modelValue", !1);
-		}
-		function x() {
-			v("confirm"), v("update:modelValue", !1);
-		}
-		return (n, g) => (u(), r(t, {
-			modelValue: y.value,
-			"onUpdate:modelValue": g[0] ||= (e) => y.value = e,
-			title: l.title,
-			size: l.size,
-			"close-on-backdrop": l.closeOnBackdrop,
-			"close-on-esc": l.closeOnEsc,
-			"show-header": l.showHeader,
-			"show-close-button": l.showCloseButton,
-			"header-config": l.headerConfig,
-			"footer-config": l.footerConfig,
-			"body-config": l.bodyConfig,
-			"close-label": l.closeLabel
-		}, {
-			footer: p(() => [d(n.$slots, "footer", {}, () => [o("div", h, [c(e, {
-				"data-testid": "ds-confirm-cancel",
-				variant: "outline",
-				size: l.buttonSize,
-				onClick: b
-			}, {
-				default: p(() => [s(f(l.cancelText), 1)]),
-				_: 1
-			}, 8, ["size"]), c(e, {
-				"data-testid": "ds-confirm-confirm",
-				variant: l.confirmVariant,
-				tone: l.confirmTone,
-				size: l.buttonSize,
-				onClick: x
-			}, {
-				default: p(() => [s(f(l.confirmText), 1)]),
-				_: 1
-			}, 8, [
-				"variant",
-				"tone",
-				"size"
-			])])])]),
-			default: p(() => [d(n.$slots, "default", {}, () => [l.description ? (u(), a("div", m, f(l.description), 1)) : i("", !0)])]),
-			_: 3
-		}, 8, [
-			"modelValue",
-			"title",
-			"size",
-			"close-on-backdrop",
-			"close-on-esc",
-			"show-header",
-			"show-close-button",
-			"header-config",
-			"footer-config",
-			"body-config",
-			"close-label"
-		]));
-	}
-});
-//#endregion
-export { g as t };

package/dist/components/GrDataTable/chunks/GrDataTable-Dxsg1NMP.js

@@ -1,142 +0,0 @@
-import { t as e } from "../../GrIcon/chunks/GrIcon-CXIHuG7L.js";
-import { t } from "../../GrTable/chunks/GrTable-k_FUiJQk.js";
-import { t as n } from "../../../chunks/arrow-up-Dv3dC3hu.js";
-import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createSlots as l, createTextVNode as u, createVNode as d, defineComponent as f, markRaw as p, mergeProps as m, normalizeClass as h, openBlock as g, ref as _, renderList as v, renderSlot as y, toDisplayString as b, unref as x, withCtx as S } from "vue";
-//#region ~icons/lucide/arrow-down
-var C = {
-	viewBox: "0 0 24 24",
-	width: "1.2em",
-	height: "1.2em"
-};
-function w(e, t) {
-	return g(), s("svg", C, [...t[0] ||= [c("path", {
-		fill: "none",
-		stroke: "currentColor",
-		"stroke-linecap": "round",
-		"stroke-linejoin": "round",
-		"stroke-width": "2",
-		d: "M12 5v14m7-7l-7 7l-7-7"
-	}, null, -1)]]);
-}
-var T = p({
-	name: "lucide-arrow-down",
-	render: w
-}), E = { "data-ds-datatable-header": "" }, D = ["aria-sort"], O = { class: "inline-flex items-center gap-2" }, k = ["aria-label", "onClick"], A = { class: "inline-flex" }, j = {
-	key: 1,
-	class: "text-[var(--muted-fg)]"
-}, M = {
-	key: 0,
-	"data-ds-datatable-empty": ""
-}, N = ["colspan"], P = /* @__PURE__ */ f({
-	__name: "GrDataTable",
-	props: {
-		rows: {},
-		columns: {},
-		rowKey: {
-			type: [String, Function],
-			default: "id"
-		},
-		initialSortKey: { default: void 0 },
-		initialSortDir: { default: "asc" },
-		density: { default: "regular" },
-		caption: { default: void 0 },
-		ariaLabel: { default: void 0 },
-		ariaLabelledby: { default: void 0 },
-		regionLabel: { default: void 0 }
-	},
-	setup(f) {
-		let p = f, C = _(p.initialSortKey ?? ""), w = _(p.initialSortDir), P = i(() => {
-			let e = [...p.rows];
-			if (!C.value) return e;
-			let t = C.value, n = w.value;
-			return e.sort((e, r) => {
-				let i = e[t], a = r[t], o = typeof i == "number" ? i : Number(i), s = typeof a == "number" ? a : Number(a), c = Number.isFinite(o) && Number.isFinite(s) ? o - s : String(i ?? "").localeCompare(String(a ?? ""), void 0, { sensitivity: "base" });
-				return n === "asc" ? c : -c;
-			}), e;
-		});
-		function F(e) {
-			if (e.sortable) {
-				if (C.value !== e.key) {
-					C.value = e.key, w.value = "asc";
-					return;
-				}
-				w.value = w.value === "asc" ? "desc" : "asc";
-			}
-		}
-		function I(e) {
-			return e.align === "right" ? "text-right" : e.align === "center" ? "text-center" : "text-left";
-		}
-		function L(e) {
-			let t = p.rowKey;
-			if (typeof t == "function") return t(e);
-			let n = e[t];
-			return typeof n == "string" || typeof n == "number" ? n : String(n ?? "");
-		}
-		function R(e) {
-			if (e.sortable) return C.value === e.key ? w.value === "asc" ? "ascending" : "descending" : "none";
-		}
-		function z(e) {
-			return C.value === e.key ? w.value === "asc" ? `Sorted by ${e.label} ascending, activate to sort descending` : `Sorted by ${e.label} descending, activate to sort ascending` : `Sort by ${e.label}`;
-		}
-		let B = i(() => ({
-			density: p.density,
-			caption: p.caption,
-			ariaLabel: p.ariaLabel,
-			ariaLabelledby: p.ariaLabelledby,
-			regionLabel: p.regionLabel
-		})), V = i(() => P.value.length === 0);
-		function H(e, t) {
-			return e[t];
-		}
-		return (i, p) => (g(), a(t, m(B.value, { "data-ds-datatable": "" }), l({
-			head: S(() => [c("tr", E, [(g(!0), s(r, null, v(f.columns, (t) => (g(), s("th", {
-				key: t.key,
-				class: h(["font-700 text-xs px-4 py-3", I(t)]),
-				"aria-sort": R(t),
-				scope: "col"
-			}, [c("div", O, [t.sortable ? (g(), s("button", {
-				key: 0,
-				type: "button",
-				class: "inline-flex items-center gap-2 text-[var(--muted-fg)] hover:text-[var(--fg)] transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] rounded",
-				"aria-label": z(t),
-				onClick: (e) => F(t)
-			}, [c("span", null, b(t.label), 1), c("span", A, [C.value === t.key && w.value === "asc" ? (g(), a(e, {
-				key: 0,
-				size: "sm",
-				"aria-hidden": "true"
-			}, {
-				default: S(() => [d(x(n))]),
-				_: 1
-			})) : C.value === t.key && w.value === "desc" ? (g(), a(e, {
-				key: 1,
-				size: "sm",
-				"aria-hidden": "true"
-			}, {
-				default: S(() => [d(x(T))]),
-				_: 1
-			})) : o("", !0)])], 8, k)) : (g(), s("span", j, b(t.label), 1))])], 10, D))), 128))])]),
-			default: S(() => [V.value ? (g(), s("tr", M, [c("td", {
-				colspan: f.columns.length,
-				class: "px-4 py-6 text-center text-[var(--muted-fg)]"
-			}, [y(i.$slots, "empty", {}, () => [p[0] ||= u(" Нет данных ", -1)])], 8, N)])) : (g(!0), s(r, { key: 1 }, v(P.value, (e) => (g(), s("tr", {
-				key: L(e),
-				class: "border-t border-[var(--brd)]",
-				"data-ds-datatable-row": ""
-			}, [(g(!0), s(r, null, v(f.columns, (t) => (g(), s("td", {
-				key: t.key,
-				class: h(["px-4 py-3", I(t)])
-			}, [y(i.$slots, `cell-${t.key}`, { row: e }, () => [c("span", null, b(H(e, t.key)), 1)])], 2))), 128))]))), 128))]),
-			_: 2
-		}, [i.$slots.caption ? {
-			name: "caption",
-			fn: S(() => [y(i.$slots, "caption")]),
-			key: "0"
-		} : void 0, i.$slots.foot ? {
-			name: "foot",
-			fn: S(() => [y(i.$slots, "foot")]),
-			key: "1"
-		} : void 0]), 1040));
-	}
-});
-//#endregion
-export { P as t };

package/dist/components/GrDialog/chunks/GrDialog-BSd4-uP5.js

@@ -1,169 +0,0 @@
-import { t as e } from "../../../chunks/x--kxrj3ez.js";
-import { t } from "../../GrButton/chunks/GrButton-BXVVt6Od.js";
-import { a as n } from "../../../chunks/transition-BJXMi52x.js";
-import { t as r } from "../../GrModal/chunks/GrModal-uaWXH08K.js";
-import { a as i, i as a, n as o, r as s, t as c } from "../../../chunks/dialogShared-CONROtU2.js";
-import { computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createSlots as m, createTextVNode as h, createVNode as g, defineComponent as _, guardReactiveProps as v, mergeProps as y, normalizeClass as b, normalizeProps as x, openBlock as S, renderSlot as C, toDisplayString as w, unref as T, useAttrs as E, useSlots as D, withCtx as O } from "vue";
-//#endregion
-//#region src/components/GrDialog/GrDialogFooter.vue
-var k = /* @__PURE__ */ _({
-	__name: "GrDialogFooter",
-	props: { config: { default: void 0 } },
-	setup(e) {
-		let t = e, n = l(() => a(t.config, o)), r = l(() => [
-			n.value.paddingX,
-			n.value.paddingY,
-			n.value.bordered ? "border-t border-[var(--brd)]" : ""
-		]);
-		return (e, t) => (S(), f("div", {
-			"data-ds-dialog-footer": "",
-			class: b(r.value)
-		}, [C(e.$slots, "default")], 2));
-	}
-}), A = /* @__PURE__ */ _({
-	inheritAttrs: !1,
-	__name: "GrDialogCloseButton",
-	emits: ["click"],
-	setup(n) {
-		let r = E(), i = l(() => r["aria-label"] ?? "Close");
-		return (n, a) => (S(), u(t, y(T(r), {
-			"data-ds-dialog-close": "",
-			variant: "ghost",
-			size: "sm",
-			square: "",
-			"aria-label": i.value,
-			onClick: a[0] ||= (e) => n.$emit("click")
-		}), {
-			default: O(() => [g(T(e), {
-				class: "h-4 w-4",
-				"aria-hidden": "true"
-			})]),
-			_: 1
-		}, 16, ["aria-label"]));
-	}
-}), j = {
-	key: 0,
-	class: "flex-1 min-w-0 flex items-center"
-}, M = {
-	key: 2,
-	class: "flex-1 min-w-0"
-}, N = /* @__PURE__ */ _({
-	__name: "GrDialogHeader",
-	props: {
-		title: { default: void 0 },
-		showCloseButton: {
-			type: Boolean,
-			default: !0
-		},
-		config: { default: void 0 },
-		closeLabel: { default: "Close" }
-	},
-	emits: ["close"],
-	setup(e) {
-		let t = e, r = D(), o = l(() => i(t.title)), c = l(() => a(t.config, s)), p = l(() => [
-			c.value.paddingX,
-			c.value.paddingY,
-			c.value.bordered ? "border-b border-[var(--brd)]" : "",
-			"flex items-center justify-between gap-4"
-		]), m = l(() => !r.default && !!o.value);
-		return (t, i) => (S(), f("div", {
-			"data-ds-dialog-header": "",
-			class: b(p.value)
-		}, [r.default ? (S(), f("div", j, [C(t.$slots, "default", { title: o.value })])) : m.value ? (S(), u(T(n), {
-			key: 1,
-			as: "div",
-			class: "flex-1 min-w-0 text-[14px] font-700"
-		}, {
-			default: O(() => [h(w(o.value), 1)]),
-			_: 1
-		})) : (S(), f("div", M)), e.showCloseButton ? (S(), u(A, {
-			key: 3,
-			"aria-label": e.closeLabel,
-			onClick: i[0] ||= (e) => t.$emit("close")
-		}, null, 8, ["aria-label"])) : d("", !0)], 2));
-	}
-}), P = { class: "sr-only" }, F = { class: "overflow-hidden rounded-[inherit]" }, I = /* @__PURE__ */ _({
-	__name: "GrDialog",
-	props: {
-		modelValue: { type: Boolean },
-		title: { default: void 0 },
-		closeOnBackdrop: {
-			type: Boolean,
-			default: !0
-		},
-		closeOnEsc: {
-			type: Boolean,
-			default: !0
-		},
-		showHeader: {
-			type: Boolean,
-			default: !0
-		},
-		showCloseButton: {
-			type: Boolean,
-			default: !0
-		},
-		size: { default: "md" },
-		headerConfig: { default: void 0 },
-		footerConfig: { default: void 0 },
-		bodyConfig: { default: void 0 },
-		closeLabel: { default: "Close" }
-	},
-	emits: ["update:modelValue"],
-	setup(e, { emit: t }) {
-		let n = e, o = t, s = D(), f = l(() => i(n.title)), h = l(() => {
-			let e = a(n.bodyConfig, c);
-			return [e.paddingX, e.paddingY];
-		}), g = l(() => !!f.value && (!n.showHeader || !!s.header));
-		function _() {
-			o("update:modelValue", !1);
-		}
-		return (t, n) => (S(), u(r, {
-			"model-value": e.modelValue,
-			size: e.size,
-			"close-on-backdrop": e.closeOnBackdrop,
-			"close-on-esc": e.closeOnEsc,
-			"onUpdate:modelValue": n[0] ||= (e) => o("update:modelValue", e)
-		}, m({
-			default: O(() => [p("div", F, [
-				e.showHeader ? (S(), u(N, {
-					key: 0,
-					title: f.value,
-					"show-close-button": e.showCloseButton,
-					config: e.headerConfig,
-					"close-label": e.closeLabel,
-					onClose: _
-				}, m({ _: 2 }, [s.header ? {
-					name: "default",
-					fn: O((e) => [C(t.$slots, "header", x(v(e)))]),
-					key: "0"
-				} : void 0]), 1032, [
-					"title",
-					"show-close-button",
-					"config",
-					"close-label"
-				])) : d("", !0),
-				p("div", { class: b(h.value) }, [C(t.$slots, "default")], 2),
-				s.footer ? (S(), u(k, {
-					key: 1,
-					config: e.footerConfig
-				}, {
-					default: O(() => [C(t.$slots, "footer")]),
-					_: 3
-				}, 8, ["config"])) : d("", !0)
-			])]),
-			_: 2
-		}, [g.value ? {
-			name: "title",
-			fn: O(() => [p("span", P, w(f.value), 1)]),
-			key: "0"
-		} : void 0]), 1032, [
-			"model-value",
-			"size",
-			"close-on-backdrop",
-			"close-on-esc"
-		]));
-	}
-});
-//#endregion
-export { k as i, N as n, A as r, I as t };

package/dist/components/GrDrawer/chunks/GrDrawer-DBBSwe1s.js

@@ -1,135 +0,0 @@
-import { t as e } from "../../../chunks/x--kxrj3ez.js";
-import { t } from "../../GrButton/chunks/GrButton-BXVVt6Od.js";
-import { t as n } from "../../GrIcon/chunks/GrIcon-CXIHuG7L.js";
-import { a as r, n as i, o as a, r as o, t as s } from "../../../chunks/transition-BJXMi52x.js";
-import { i as c, r as l } from "../../../chunks/config-BUZtbeTr.js";
-import { Teleport as u, computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createTextVNode as g, createVNode as _, defineComponent as v, normalizeClass as y, openBlock as b, renderSlot as x, toDisplayString as S, unref as C, useId as w, withCtx as T } from "vue";
-//#region src/components/GrDrawer/GrDrawer.vue?vue&type=script&setup=true&lang.ts
-var E = { class: "fixed inset-0" }, D = {
-	"data-ds-drawer-header": "",
-	class: "px-5 py-4 border-b border-[var(--brd)] flex items-center justify-between gap-4"
-}, O = {
-	"data-ds-drawer-body": "",
-	class: "flex-1 overflow-y-auto"
-}, k = { class: "p-5" }, A = {
-	key: 0,
-	"data-ds-drawer-footer": "",
-	class: "px-5 py-4 border-t border-[var(--brd)]"
-}, j = /* @__PURE__ */ v({
-	__name: "GrDrawer",
-	props: {
-		modelValue: { type: Boolean },
-		title: { default: void 0 },
-		closeOnBackdrop: {
-			type: Boolean,
-			default: !0
-		},
-		closeOnEsc: {
-			type: Boolean,
-			default: !0
-		},
-		side: { default: "right" },
-		size: { default: "md" },
-		closeLabel: { default: "Close" }
-	},
-	emits: ["update:modelValue"],
-	setup(v, { emit: j }) {
-		let M = v, N = j, P = w(), F = d(() => l({
-			side: M.side,
-			size: M.size
-		})), I = d(() => c(M.side));
-		function L() {
-			N("update:modelValue", !1);
-		}
-		function R() {
-			M.closeOnBackdrop && L();
-		}
-		function z() {
-			M.closeOnBackdrop && L();
-		}
-		function B(e) {
-			e.key === "Escape" && M.closeOnEsc && (e.stopPropagation(), e.preventDefault(), L());
-		}
-		return (c, l) => (b(), f(u, { to: "body" }, [_(C(s), {
-			show: v.modelValue,
-			as: "template"
-		}, {
-			default: T(() => [_(C(a), {
-				as: "div",
-				"data-ds-drawer": "",
-				class: "fixed inset-0 z-50",
-				static: !0,
-				"aria-labelledby": C(P),
-				onClose: R,
-				onKeydown: B
-			}, {
-				default: T(() => [h("div", E, [_(C(i), {
-					as: "template",
-					enter: "duration-200 ease-out",
-					"enter-from": "opacity-0",
-					"enter-to": "opacity-100",
-					leave: "duration-150 ease-in",
-					"leave-from": "opacity-100",
-					"leave-to": "opacity-0"
-				}, {
-					default: T(() => [h("div", {
-						"data-ds-drawer-overlay": "",
-						class: "fixed inset-0 bg-black/40",
-						"aria-hidden": "true",
-						onClick: z
-					})]),
-					_: 1
-				}), _(C(i), {
-					as: "template",
-					enter: "duration-200 ease-out",
-					"enter-from": I.value,
-					"enter-to": "translate-x-0",
-					leave: "duration-150 ease-in",
-					"leave-from": "translate-x-0",
-					"leave-to": I.value
-				}, {
-					default: T(() => [_(C(o), {
-						"data-ds-drawer-panel": "",
-						tabindex: "-1",
-						class: y(["fixed inset-y-0 flex flex-col", F.value])
-					}, {
-						default: T(() => [
-							h("div", D, [_(C(r), {
-								id: C(P),
-								as: "div",
-								"data-ds-drawer-title": "",
-								class: "text-[14px] font-700 min-w-0 truncate"
-							}, {
-								default: T(() => [x(c.$slots, "title", {}, () => [g(S(v.title ?? "Drawer"), 1)])]),
-								_: 3
-							}, 8, ["id"]), _(t, {
-								variant: "ghost",
-								size: "sm",
-								square: "",
-								"aria-label": v.closeLabel,
-								onClick: L
-							}, {
-								default: T(() => [_(n, {
-									size: "sm",
-									"aria-hidden": "true"
-								}, {
-									default: T(() => [_(C(e))]),
-									_: 1
-								})]),
-								_: 1
-							}, 8, ["aria-label"])]),
-							h("div", O, [h("div", k, [x(c.$slots, "default")])]),
-							c.$slots.footer ? (b(), m("div", A, [x(c.$slots, "footer")])) : p("", !0)
-						]),
-						_: 3
-					}, 8, ["class"])]),
-					_: 3
-				}, 8, ["enter-from", "leave-to"])])]),
-				_: 3
-			}, 8, ["aria-labelledby"])]),
-			_: 3
-		}, 8, ["show"])]));
-	}
-});
-//#endregion
-export { j as t };

package/dist/components/GrDropdown/chunks/GrDropdown-BELyRP4A.js

@@ -1,110 +0,0 @@
-import { a as e } from "../../../chunks/directives-Dr5NPOT8.js";
-import { i as t, n, r } from "../../../chunks/grDropdownStyles-149X1NeB.js";
-import { Teleport as i, Transition as a, computed as o, createBlock as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, normalizeClass as f, normalizeStyle as p, onUnmounted as m, openBlock as h, ref as g, renderSlot as _, unref as v, vShow as y, watch as b, withCtx as x, withDirectives as S } from "vue";
-//#region src/components/GrDropdown/GrDropdown.vue?vue&type=script&setup=true&lang.ts
-var C = { "data-ds-dropdown": "" }, w = /* @__PURE__ */ d({
-	__name: "GrDropdown",
-	props: {
-		align: { default: "right" },
-		width: { default: "48" },
-		closeOnContentClick: {
-			type: Boolean,
-			default: !0
-		},
-		contentClass: { default: "" },
-		teleportTo: { default: "body" }
-	},
-	setup(d) {
-		let w = d, T = g(!1), E = g(null), D = g(null), O = [() => D.value], k = g({
-			left: "0px",
-			top: "0px",
-			zIndex: "2147483647"
-		}), A = 0;
-		function j() {
-			typeof window > "u" || (A &&= (window.cancelAnimationFrame(A), 0));
-		}
-		function M() {
-			if (typeof window > "u") return;
-			let e = E.value;
-			if (!e) return;
-			let t = e.getBoundingClientRect();
-			k.value = {
-				left: `${w.align === "right" ? t.right : w.align === "center" ? t.left + t.width / 2 : t.left}px`,
-				top: `${t.bottom + 8}px`,
-				zIndex: "2147483647"
-			};
-		}
-		function N() {
-			typeof window > "u" || (A ||= window.requestAnimationFrame(() => {
-				A = 0, T.value && M();
-			}));
-		}
-		function P() {
-			typeof window > "u" || (window.addEventListener("resize", N), window.addEventListener("scroll", N, !0));
-		}
-		function F() {
-			typeof window > "u" || (window.removeEventListener("resize", N), window.removeEventListener("scroll", N, !0));
-		}
-		function I() {
-			T.value = !T.value;
-		}
-		function L() {
-			T.value = !1;
-		}
-		function R(e) {
-			e.key === "Escape" && L();
-		}
-		b(T, (e) => {
-			typeof document > "u" || (document.removeEventListener("keydown", R), F(), j(), e && document.addEventListener("keydown", R), e && (P(), M()));
-		}, { immediate: !0 }), b(() => w.align, () => {
-			T.value && N();
-		}), m(() => {
-			typeof document > "u" || (document.removeEventListener("keydown", R), F(), j());
-		});
-		let z = o(() => t(w.width)), B = o(() => r(w.contentClass)), V = o(() => [
-			"fixed z-50",
-			z.value,
-			n(w.align)
-		].filter(Boolean));
-		function H() {
-			w.closeOnContentClick && L();
-		}
-		return (t, n) => (h(), c("div", C, [S((h(), c("div", {
-			ref_key: "rootEl",
-			ref: E,
-			"data-ds-dropdown-trigger": "",
-			class: "inline-block max-w-full",
-			onClick: I
-		}, [_(t.$slots, "trigger", {
-			open: T.value,
-			toggle: I,
-			close: L
-		})])), [[v(e), {
-			handler: L,
-			enabled: T.value,
-			exclude: O
-		}]]), (h(), s(i, { to: d.teleportTo }, [u(a, {
-			"enter-active-class": "transition ease-out duration-150",
-			"enter-from-class": "transform opacity-0 scale-95",
-			"enter-to-class": "transform opacity-100 scale-100",
-			"leave-active-class": "transition ease-in duration-100",
-			"leave-from-class": "transform opacity-100 scale-100",
-			"leave-to-class": "transform opacity-0 scale-95"
-		}, {
-			default: x(() => [S(l("div", {
-				ref_key: "panelEl",
-				ref: D,
-				"data-ds-dropdown-panel": "",
-				class: f(V.value),
-				style: p(k.value),
-				onClick: H
-			}, [l("div", {
-				"data-ds-dropdown-content": "",
-				class: f(B.value)
-			}, [_(t.$slots, "content", { close: L })], 2)], 6), [[y, T.value]])]),
-			_: 3
-		})], 8, ["to"]))]));
-	}
-});
-//#endregion
-export { w as t };