@feugene/granularity 0.4.0 → 0.4.1

package/dist/chunks/x--kxrj3ez.js

@@ -1,23 +0,0 @@
-import { createElementBlock as e, createElementVNode as t, markRaw as n, openBlock as r } from "vue";
-//#region ~icons/lucide/x
-var i = {
-	viewBox: "0 0 24 24",
-	width: "1.2em",
-	height: "1.2em"
-};
-function a(n, a) {
-	return r(), e("svg", i, [...a[0] ||= [t("path", {
-		fill: "none",
-		stroke: "currentColor",
-		"stroke-linecap": "round",
-		"stroke-linejoin": "round",
-		"stroke-width": "2",
-		d: "M18 6L6 18M6 6l12 12"
-	}, null, -1)]]);
-}
-var o = n({
-	name: "lucide-x",
-	render: a
-});
-//#endregion
-export { o as t };

package/dist/chunks/x-circle-ChJ87u1v.js

@@ -1,61 +0,0 @@
-import { createElementBlock as e, createElementVNode as t, markRaw as n, openBlock as r } from "vue";
-//#region ~icons/lucide/alert-triangle
-var i = {
-	viewBox: "0 0 24 24",
-	width: "1.2em",
-	height: "1.2em"
-};
-function a(n, a) {
-	return r(), e("svg", i, [...a[0] ||= [t("path", {
-		fill: "none",
-		stroke: "currentColor",
-		"stroke-linecap": "round",
-		"stroke-linejoin": "round",
-		"stroke-width": "2",
-		d: "m21.73 18l-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3M12 9v4m0 4h.01"
-	}, null, -1)]]);
-}
-var o = n({
-	name: "lucide-alert-triangle",
-	render: a
-}), s = {
-	viewBox: "0 0 24 24",
-	width: "1.2em",
-	height: "1.2em"
-};
-function c(n, i) {
-	return r(), e("svg", s, [...i[0] ||= [t("g", {
-		fill: "none",
-		stroke: "currentColor",
-		"stroke-linecap": "round",
-		"stroke-linejoin": "round",
-		"stroke-width": "2"
-	}, [t("path", { d: "M21.801 10A10 10 0 1 1 17 3.335" }), t("path", { d: "m9 11l3 3L22 4" })], -1)]]);
-}
-var l = n({
-	name: "lucide-check-circle",
-	render: c
-}), u = {
-	viewBox: "0 0 24 24",
-	width: "1.2em",
-	height: "1.2em"
-};
-function d(n, i) {
-	return r(), e("svg", u, [...i[0] ||= [t("g", {
-		fill: "none",
-		stroke: "currentColor",
-		"stroke-linecap": "round",
-		"stroke-linejoin": "round",
-		"stroke-width": "2"
-	}, [t("circle", {
-		cx: "12",
-		cy: "12",
-		r: "10"
-	}), t("path", { d: "m15 9l-6 6m0-6l6 6" })], -1)]]);
-}
-var f = n({
-	name: "lucide-x-circle",
-	render: d
-});
-//#endregion
-export { l as n, o as r, f as t };

package/dist/components/GrAlert/chunks/GrAlert-DLHkusb-.js

@@ -1,129 +0,0 @@
-import { n as e, r as t, t as n } from "../../../chunks/x-circle-ChJ87u1v.js";
-import { t as r } from "../../../chunks/info-CNJnuTYC.js";
-import { t as i } from "../../../chunks/x--kxrj3ez.js";
-import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, normalizeStyle as f, openBlock as p, renderSlot as m, resolveDynamicComponent as h, toDisplayString as g, unref as _ } from "vue";
-//#region src/components/GrAlert/GrAlert.vue?vue&type=script&setup=true&lang.ts
-var v = { class: "flex items-start gap-3" }, y = { class: "min-w-0 flex-1" }, b = {
-	key: 0,
-	class: "text-[14px] font-700 text-[var(--ds-alert-title-color)]"
-}, x = { class: "mt-0.5 text-[13px] text-[var(--ds-alert-text-color)]" }, S = "#92400e", C = /* @__PURE__ */ d({
-	__name: "GrAlert",
-	props: {
-		tone: { default: "info" },
-		variant: { default: "soft" },
-		title: { default: void 0 },
-		closable: {
-			type: Boolean,
-			default: !1
-		},
-		backgroundColor: { default: void 0 },
-		textColor: { default: void 0 },
-		borderColor: { default: void 0 }
-	},
-	emits: ["close"],
-	setup(d, { emit: C }) {
-		let w = {
-			title: "var(--fg)",
-			text: "var(--muted-fg)",
-			close: "var(--muted-fg)",
-			closeHover: "var(--fg)"
-		}, T = C, E = d, D = (e) => e?.trim() || void 0, O = {
-			info: {
-				bg: "var(--ds-info-light)",
-				border: "color-mix(in srgb, var(--ds-info) 22%, var(--brd))",
-				icon: "var(--ds-info)",
-				...w,
-				Icon: r
-			},
-			success: {
-				bg: "var(--ds-success-light)",
-				border: "color-mix(in srgb, var(--ds-success) 22%, var(--brd))",
-				icon: "var(--ds-success)",
-				...w,
-				Icon: e
-			},
-			warning: {
-				bg: "var(--ds-warning-light)",
-				border: "color-mix(in srgb, var(--ds-warning) 22%, var(--brd))",
-				icon: "var(--ds-warning)",
-				...w,
-				Icon: t
-			},
-			danger: {
-				bg: "var(--ds-danger-light)",
-				border: "color-mix(in srgb, var(--ds-danger) 22%, var(--brd))",
-				icon: "var(--ds-danger)",
-				...w,
-				Icon: n
-			},
-			slate: {
-				bg: "var(--ds-slate-light)",
-				border: "color-mix(in srgb, var(--ds-slate) 22%, var(--brd))",
-				icon: "var(--ds-slate)",
-				...w,
-				Icon: r
-			},
-			azure: {
-				bg: "var(--ds-azure-light)",
-				border: "color-mix(in srgb, var(--ds-azure) 22%, var(--brd))",
-				icon: "var(--ds-azure)",
-				...w,
-				Icon: r
-			}
-		}, k = { warning: {
-			bg: "#fffbeb",
-			border: "#fcd34d",
-			icon: S,
-			title: S,
-			text: S,
-			close: S,
-			closeHover: S,
-			Icon: t
-		} }, A = a(() => {
-			let e = (E.variant === "light" ? k[E.tone] : void 0) ?? O[E.tone], t = D(E.textColor);
-			return {
-				...e,
-				bg: D(E.backgroundColor) ?? e.bg,
-				border: D(E.borderColor) ?? e.border,
-				icon: t ?? e.icon,
-				title: t ?? e.title,
-				text: t ?? e.text,
-				close: t ?? e.close,
-				closeHover: t ?? e.closeHover
-			};
-		}), j = a(() => ({
-			"--ds-alert-bg": A.value.bg,
-			"--ds-alert-brd": A.value.border,
-			"--ds-alert-icon-color": A.value.icon,
-			"--ds-alert-title-color": A.value.title,
-			"--ds-alert-text-color": A.value.text,
-			"--ds-alert-close-color": A.value.close,
-			"--ds-alert-close-hover-color": A.value.closeHover,
-			background: "var(--ds-alert-bg)",
-			borderColor: "var(--ds-alert-brd)"
-		}));
-		return (e, t) => (p(), c("div", {
-			role: "alert",
-			class: "rounded-[var(--ds-radius-lg)] border px-4 py-3",
-			style: f(j.value)
-		}, [l("div", v, [
-			(p(), o(h(A.value.Icon), {
-				class: "mt-0.5 h-5 w-5 text-[var(--ds-alert-icon-color)]",
-				"aria-hidden": "true"
-			})),
-			l("div", y, [E.title ? (p(), c("div", b, g(E.title), 1)) : s("", !0), l("div", x, [m(e.$slots, "default")])]),
-			E.closable ? (p(), c("button", {
-				key: 0,
-				type: "button",
-				class: "-mr-1 -mt-1 rounded-[var(--ds-radius-md)] p-1 text-[var(--ds-alert-close-color)] transition-colors hover:text-[var(--ds-alert-close-hover-color)]",
-				"aria-label": "Close",
-				onClick: t[0] ||= (e) => T("close")
-			}, [u(_(i), {
-				class: "h-4 w-4",
-				"aria-hidden": "true"
-			})])) : s("", !0)
-		])], 4));
-	}
-});
-//#endregion
-export { C as t };

package/dist/components/GrAvatar/chunks/GrAvatar-BFYH3HJw.js

@@ -1,32 +0,0 @@
-import { r as e } from "../../../chunks/config-D8hKc39m.js";
-import { computed as t, createElementBlock as n, defineComponent as r, normalizeClass as i, normalizeStyle as a, openBlock as o, renderSlot as s } from "vue";
-//#region src/components/GrAvatar/GrAvatar.vue?vue&type=script&setup=true&lang.ts
-var c = ["src", "alt"], l = /* @__PURE__ */ r({
-	__name: "GrAvatar",
-	props: {
-		size: { default: 40 },
-		src: { default: void 0 },
-		alt: { default: "" },
-		shape: { default: "circle" }
-	},
-	setup(r) {
-		let l = r, u = t(() => {
-			let e = `${l.size}px`;
-			return {
-				width: e,
-				height: e
-			};
-		}), d = t(() => e(l.shape));
-		return (e, t) => (o(), n("span", {
-			style: a(u.value),
-			class: i(["inline-flex items-center justify-center overflow-hidden border border-[var(--brd)] bg-[var(--muted)] text-[var(--muted-fg)] font-700", d.value])
-		}, [l.src ? (o(), n("img", {
-			key: 0,
-			src: l.src,
-			alt: l.alt,
-			class: "h-full w-full object-cover"
-		}, null, 8, c)) : s(e.$slots, "default", { key: 1 })], 6));
-	}
-});
-//#endregion
-export { l as t };

package/dist/components/GrBadge/chunks/GrBadge-D_AoqGrn.js

@@ -1,27 +0,0 @@
-import { n as e } from "../../../chunks/grBadgeStyles-Bu4H8bFc.js";
-import { computed as t, createElementBlock as n, defineComponent as r, normalizeClass as i, openBlock as a, renderSlot as o } from "vue";
-//#endregion
-//#region src/components/GrBadge/GrBadge.vue
-var s = /* @__PURE__ */ r({
-	__name: "GrBadge",
-	props: {
-		tone: { default: "neutral" },
-		dark: {
-			type: Boolean,
-			default: !1
-		},
-		size: { default: "md" },
-		radius: { default: "round" }
-	},
-	setup(r) {
-		let s = r, c = t(() => e({
-			tone: s.tone,
-			dark: s.dark,
-			size: s.size,
-			radius: s.radius
-		}));
-		return (e, t) => (a(), n("span", { class: i(["inline-flex items-center border whitespace-nowrap leading-none", c.value]) }, [o(e.$slots, "default")], 2));
-	}
-});
-//#endregion
-export { s as t };

package/dist/components/GrBadgeWrap/chunks/GrBadgeWrap-C_N0QJfA.js

@@ -1,26 +0,0 @@
-import { createCommentVNode as e, createElementBlock as t, defineComponent as n, openBlock as r, renderSlot as i, toDisplayString as a } from "vue";
-//#region src/components/GrBadgeWrap/GrBadgeWrap.vue?vue&type=script&setup=true&lang.ts
-var o = { class: "relative inline-flex" }, s = {
-	key: 0,
-	class: "absolute -top-1 -right-1 h-2 w-2 rounded-full bg-[var(--ds-danger)]",
-	"aria-hidden": "true"
-}, c = {
-	key: 1,
-	class: "absolute -top-2 -right-2 min-w-5 h-5 px-1 rounded-full bg-[var(--ds-danger)] text-[var(--destructive-fg)] text-[11px] font-700 inline-flex items-center justify-center",
-	"aria-hidden": "true"
-}, l = /* @__PURE__ */ n({
-	__name: "GrBadgeWrap",
-	props: {
-		value: { default: void 0 },
-		dot: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	setup(n) {
-		let l = n;
-		return (n, u) => (r(), t("span", o, [i(n.$slots, "default"), l.dot ? (r(), t("span", s)) : l.value === void 0 ? e("", !0) : (r(), t("span", c, a(l.value), 1))]));
-	}
-});
-//#endregion
-export { l as t };

package/dist/components/GrBottomNav/chunks/GrBottomNav-Chpu3SVd.js

@@ -1,21 +0,0 @@
-import { Fragment as e, createElementBlock as t, createElementVNode as n, defineComponent as r, normalizeClass as i, openBlock as a, renderList as o, toDisplayString as s } from "vue";
-//#region src/components/GrBottomNav/GrBottomNav.vue?vue&type=script&setup=true&lang.ts
-var c = { class: "fixed bottom-0 left-0 right-0 border-t border-[var(--brd)] bg-[var(--bg)] px-2 pb-[env(safe-area-inset-bottom)] sm:hidden" }, l = { class: "h-14 flex items-center justify-around" }, u = ["onClick"], d = /* @__PURE__ */ r({
-	__name: "GrBottomNav",
-	props: {
-		modelValue: {},
-		items: {}
-	},
-	emits: ["update:modelValue"],
-	setup(r, { emit: d }) {
-		let f = r, p = d;
-		return (r, d) => (a(), t("nav", c, [n("div", l, [(a(!0), t(e, null, o(f.items, (e) => (a(), t("button", {
-			key: e.value,
-			type: "button",
-			class: i(["min-w-[44px] min-h-[44px] px-3 rounded-md text-sm font-600 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]", e.value === f.modelValue ? "text-[var(--primary)]" : "text-[var(--muted-fg)] hover:text-[var(--fg)]"]),
-			onClick: (t) => p("update:modelValue", e.value)
-		}, s(e.label), 11, u))), 128))])]));
-	}
-});
-//#endregion
-export { d as t };

package/dist/components/GrButton/chunks/GrButton-BXVVt6Od.js

@@ -1,67 +0,0 @@
-import { t as e } from "../../../chunks/loader-circle-C5vCCMfB.js";
-import { n as t, r as n } from "../../../chunks/grButtonStyles-C5k0bN2e.js";
-import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, defineComponent as s, normalizeClass as c, normalizeStyle as l, openBlock as u, renderSlot as d, unref as f } from "vue";
-//#region src/components/GrButton/GrButton.vue?vue&type=script&setup=true&lang.ts
-var p = [
-	"data-ds-variant",
-	"data-ds-tone",
-	"type",
-	"disabled",
-	"aria-busy",
-	"aria-label"
-], m = /* @__PURE__ */ s({
-	__name: "GrButton",
-	props: {
-		variant: { default: "primary" },
-		tone: { default: "primary" },
-		size: { default: "md" },
-		loading: {
-			type: Boolean,
-			default: !1
-		},
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		square: {
-			type: Boolean,
-			default: !1
-		},
-		type: { default: "button" },
-		ariaLabel: { default: void 0 }
-	},
-	setup(s) {
-		let m = s, h = r(() => m.disabled || m.loading), g = r(() => m.square), _ = r(() => {
-			if (!g.value) return;
-			let e = `${m.size === "xs" ? 28 : m.size === "sm" ? 32 : m.size === "lg" ? 44 : 40}px`;
-			return {
-				width: e,
-				minWidth: e,
-				height: e,
-				padding: "0px"
-			};
-		}), v = r(() => n({
-			variant: m.variant,
-			tone: m.tone,
-			size: m.size,
-			square: g.value
-		}));
-		return (n, r) => (u(), o("button", {
-			"data-ds-button": "",
-			"data-ds-variant": m.variant,
-			"data-ds-tone": m.tone,
-			type: m.type,
-			disabled: h.value,
-			"aria-busy": m.loading ? "true" : void 0,
-			"aria-label": m.ariaLabel,
-			class: c([f(t), v.value]),
-			style: l(_.value)
-		}, [m.loading ? (u(), i(f(e), {
-			key: 0,
-			class: "h-4 w-4 animate-spin",
-			"aria-hidden": "true"
-		})) : a("", !0), d(n.$slots, "default")], 14, p));
-	}
-});
-//#endregion
-export { m as t };

package/dist/components/GrButtonGroup/chunks/GrButtonGroup-CmnYHVH7.js

@@ -1,16 +0,0 @@
-import { createElementBlock as e, defineComponent as t, openBlock as n, renderSlot as r } from "vue";
-import '../../../GrButtonGroup.css';//#region src/components/GrButtonGroup/GrButtonGroup.vue?vue&type=script&setup=true&lang.ts
-var i = ["aria-label"], a = /* @__PURE__ */ t({
-	__name: "GrButtonGroup",
-	props: { ariaLabel: { default: void 0 } },
-	setup(t) {
-		return (a, o) => (n(), e("div", {
-			"data-ds-button-group": "",
-			class: "inline-flex items-stretch",
-			role: "group",
-			"aria-label": t.ariaLabel
-		}, [r(a.$slots, "default")], 8, i));
-	}
-});
-//#endregion
-export { a as t };

package/dist/components/GrCard/chunks/GrCard-DEpN6Ptf.js

@@ -1,10 +0,0 @@
-import { t as e } from "../../../chunks/_plugin-vue_export-helper-CHO2XVys.js";
-import { createElementBlock as t, openBlock as n, renderSlot as r } from "vue";
-//#region src/components/GrCard/GrCard.vue
-var i = {}, a = { class: "rounded-[var(--ds-radius-lg)] border border-[var(--brd)] bg-[var(--card)] text-[var(--card-fg)] shadow-sm" };
-function o(e, i) {
-	return n(), t("div", a, [r(e.$slots, "default")]);
-}
-var s = /* @__PURE__ */ e(i, [["render", o]]);
-//#endregion
-export { s as t };

package/dist/components/GrCheckbox/chunks/GrCheckbox-DF3vJApB.js

@@ -1,111 +0,0 @@
-import { createElementBlock as e, createElementVNode as t, createVNode as n, defineComponent as r, markRaw as i, normalizeClass as a, openBlock as o, ref as s, renderSlot as c, unref as l, watch as u, withKeys as d, withModifiers as f } from "vue";
-//#region ~icons/lucide/check
-var p = {
-	viewBox: "0 0 24 24",
-	width: "1.2em",
-	height: "1.2em"
-};
-function m(n, r) {
-	return o(), e("svg", p, [...r[0] ||= [t("path", {
-		fill: "none",
-		stroke: "currentColor",
-		"stroke-linecap": "round",
-		"stroke-linejoin": "round",
-		"stroke-width": "2",
-		d: "M20 6L9 17l-5-5"
-	}, null, -1)]]);
-}
-var h = i({
-	name: "lucide-check",
-	render: m
-}), g = [
-	"aria-checked",
-	"aria-disabled",
-	"tabindex",
-	"onKeydown"
-], _ = [
-	"id",
-	"checked",
-	"disabled",
-	"name",
-	"value",
-	"required",
-	"form"
-], v = { class: "text-sm text-[var(--muted-fg)]" }, y = /* @__PURE__ */ r({
-	__name: "GrCheckbox",
-	props: {
-		modelValue: {
-			type: Boolean,
-			default: !1
-		},
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		name: { default: void 0 },
-		value: { default: "on" },
-		required: {
-			type: Boolean,
-			default: !1
-		},
-		form: { default: void 0 },
-		id: { default: void 0 }
-	},
-	emits: ["update:modelValue"],
-	setup(r, { emit: i }) {
-		let p = {
-			position: "absolute",
-			opacity: "0",
-			width: "0",
-			height: "0",
-			pointerEvents: "none"
-		}, m = r, y = i, b = s(null);
-		u(() => m.modelValue, (e) => {
-			b.value && b.value.checked !== e && (b.value.checked = e);
-		});
-		function x() {
-			m.disabled || y("update:modelValue", !m.modelValue);
-		}
-		function S(e) {
-			let t = e;
-			return t ? !!t.closest("a,button,input,select,textarea,label,[role=\"button\"],[role=\"link\"]") : !1;
-		}
-		function C(e) {
-			S(e.target) || x();
-		}
-		return (i, s) => (o(), e("div", {
-			"data-ds-checkbox": "",
-			class: a(["inline-flex items-center gap-2 select-none focus-visible:outline-none focus-visible:rounded-[8px] focus-visible:shadow-[0_0_0_2px_var(--ring),0_0_0_4px_var(--bg)]", r.disabled ? "cursor-not-allowed opacity-70" : "cursor-pointer"]),
-			role: "checkbox",
-			"aria-checked": r.modelValue ? "true" : "false",
-			"aria-disabled": r.disabled ? "true" : void 0,
-			tabindex: r.disabled ? -1 : 0,
-			onClick: C,
-			onKeydown: [d(f(x, ["prevent"]), ["space"]), d(f(x, ["prevent"]), ["enter"])]
-		}, [
-			t("input", {
-				id: r.id,
-				ref_key: "nativeInput",
-				ref: b,
-				type: "checkbox",
-				checked: r.modelValue,
-				disabled: r.disabled,
-				name: r.name,
-				value: r.value,
-				required: r.required,
-				form: r.form,
-				tabindex: "-1",
-				"aria-hidden": "true",
-				style: p
-			}, null, 8, _),
-			t("span", {
-				"data-ds-checkbox-indicator": "",
-				"aria-hidden": "true",
-				class: a(["h-4 w-4 rounded border flex items-center justify-center transition-colors duration-150", r.modelValue ? "border-[var(--primary)] bg-[var(--primary)]" : "border-[var(--brd)] bg-[var(--bg)]"])
-			}, [n(l(h), { class: a(["ds-checkbox-icon h-3.5 w-3.5 transition-transform transition-opacity duration-150", r.modelValue ? "opacity-100 scale-100 text-[var(--primary-fg)]" : "opacity-0 scale-75 text-transparent"]) }, null, 8, ["class"])], 2),
-			t("span", v, [c(i.$slots, "default")])
-		], 42, g));
-	}
-});
-//#endregion
-export { y as t };

package/dist/components/GrCollapse/chunks/GrCollapse-D7QYRqNa.js

@@ -1,150 +0,0 @@
-import { t as e } from "../../GrCard/chunks/GrCard-DEpN6Ptf.js";
-import { t } from "../../GrIcon/chunks/GrIcon-CXIHuG7L.js";
-import { computed as n, createBlock as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, getCurrentInstance as c, inject as l, markRaw as u, normalizeClass as d, openBlock as f, provide as p, ref as m, renderSlot as h, toDisplayString as g, unref as _, withCtx as v } from "vue";
-//#region src/components/GrCollapse/grCollapseContext.ts
-var y = Symbol("GR_COLLAPSE_CONTEXT"), b = /* @__PURE__ */ s({
-	__name: "GrCollapse",
-	props: {
-		modelValue: { default: void 0 },
-		accordion: {
-			type: Boolean,
-			default: !1
-		},
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		divided: {
-			type: Boolean,
-			default: !0
-		}
-	},
-	emits: ["update:modelValue", "change"],
-	setup(t, { emit: i }) {
-		let o = t, s = i, c = n(() => {
-			let e = o.modelValue;
-			return o.accordion ? typeof e == "string" || typeof e == "number" ? new Set([e]) : /* @__PURE__ */ new Set() : Array.isArray(e) ? new Set(e) : typeof e == "string" || typeof e == "number" ? new Set([e]) : /* @__PURE__ */ new Set();
-		});
-		function l(e) {
-			s("update:modelValue", e), s("change", e);
-		}
-		function u(e) {
-			if (o.disabled) return;
-			if (o.accordion) {
-				l(c.value.has(e) ? void 0 : e);
-				return;
-			}
-			let t = Array.isArray(o.modelValue) ? [...o.modelValue] : typeof o.modelValue == "string" || typeof o.modelValue == "number" ? [o.modelValue] : [];
-			l(t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
-		}
-		return p(y, {
-			accordion: n(() => o.accordion),
-			disabled: n(() => o.disabled),
-			isActive: (e) => c.value.has(e),
-			toggle: u
-		}), (n, i) => (f(), r(_(e), { "data-ds-collapse": "" }, {
-			default: v(() => [a("div", { class: d(t.divided ? "divide-y divide-[var(--brd)]" : "") }, [h(n.$slots, "default")], 2)]),
-			_: 3
-		}));
-	}
-}), x = {
-	viewBox: "0 0 24 24",
-	width: "1.2em",
-	height: "1.2em"
-};
-function S(e, t) {
-	return f(), i("svg", x, [...t[0] ||= [a("path", {
-		fill: "none",
-		stroke: "currentColor",
-		"stroke-linecap": "round",
-		"stroke-linejoin": "round",
-		"stroke-width": "2",
-		d: "m6 9l6 6l6-6"
-	}, null, -1)]]);
-}
-var C = u({
-	name: "lucide-chevron-down",
-	render: S
-}), w = {
-	"data-ds-collapse-item": "",
-	class: "text-[var(--fg)]"
-}, T = { class: "m-0" }, E = ["aria-expanded", "disabled"], D = { class: "min-w-0" }, O = { class: "text-sm font-600" }, k = { class: "overflow-hidden" }, A = { class: "px-4 pb-4 text-sm text-[var(--muted-fg)]" }, j = /* @__PURE__ */ s({
-	__name: "GrCollapseItem",
-	props: {
-		name: { default: void 0 },
-		title: { default: void 0 },
-		disabled: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	setup(e) {
-		let r = e, s = l(y);
-		if (!s) throw Error("GrCollapseItem must be used inside GrCollapse");
-		let u = s, p = c()?.uid ?? Math.random(), b = n(() => typeof r.name == "string" || typeof r.name == "number" ? r.name : p), x = n(() => u.disabled.value || r.disabled), S = n(() => u.isActive(b.value)), j = `ds-collapse-header-${p}`, M = `ds-collapse-panel-${p}`, N = m(null);
-		function P() {
-			x.value || u.toggle(b.value);
-		}
-		function F() {
-			let e = N.value?.closest("[data-ds-collapse]");
-			return e ? Array.prototype.slice.call(e.querySelectorAll("[data-ds-collapse-trigger]")) : [];
-		}
-		function I(e) {
-			let t = N.value;
-			if (!t) return;
-			let n = F(), r = n.indexOf(t);
-			r === -1 || n.length === 0 || n[(r + e + n.length) % n.length]?.focus();
-		}
-		function L(e) {
-			let t = F();
-			t.length !== 0 && (e === "start" ? t[0] : t.at(-1))?.focus();
-		}
-		function R(e) {
-			if (e.key === "ArrowDown") {
-				e.preventDefault(), I(1);
-				return;
-			}
-			if (e.key === "ArrowUp") {
-				e.preventDefault(), I(-1);
-				return;
-			}
-			if (e.key === "Home") {
-				e.preventDefault(), L("start");
-				return;
-			}
-			if (e.key === "End") {
-				e.preventDefault(), L("end");
-				return;
-			}
-			(e.key === " " || e.key === "Enter") && (e.preventDefault(), P());
-		}
-		return (n, r) => (f(), i("div", w, [a("h3", T, [a("button", {
-			id: j,
-			ref_key: "triggerEl",
-			ref: N,
-			"data-ds-collapse-trigger": "",
-			type: "button",
-			"aria-expanded": S.value ? "true" : "false",
-			"aria-controls": M,
-			disabled: x.value,
-			class: d(["w-full px-4 py-3 flex items-center justify-between gap-4 text-left transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] disabled:opacity-50 disabled:cursor-not-allowed", x.value ? "" : "hover:bg-[var(--muted)]"]),
-			onClick: P,
-			onKeydown: R
-		}, [a("span", D, [h(n.$slots, "title", {}, () => [a("span", O, g(e.title), 1)])]), o(_(t), {
-			size: "sm",
-			"aria-hidden": "true",
-			"data-ds-collapse-chevron": "",
-			class: d(["shrink-0 transition-transform duration-150 text-[var(--muted-fg)]", S.value ? "rotate-180" : ""])
-		}, {
-			default: v(() => [o(_(C))]),
-			_: 1
-		}, 8, ["class"])], 42, E)]), a("div", {
-			id: M,
-			role: "region",
-			"aria-labelledby": j,
-			class: d(["grid transition-[grid-template-rows] duration-200", S.value ? "grid-rows-[1fr]" : "grid-rows-[0fr]"])
-		}, [a("div", k, [a("div", A, [h(n.$slots, "default")])])], 2)]));
-	}
-});
-//#endregion
-export { b as n, y as r, j as t };