@bonprix-ds/react-grid 1.0.0

package/dist/index.js

@@ -0,0 +1,1338 @@
+"use client";
+import "react";
+import { tv as e } from "tailwind-variants";
+import { jsx as t } from "react/jsx-runtime";
+//#region ../../../node_modules/.pnpm/tailwind-merge@2.6.1/node_modules/tailwind-merge/dist/bundle-mjs.mjs
+var n = "-", r = (e) => {
+	let t = s(e), { conflictingClassGroups: r, conflictingClassGroupModifiers: a } = e;
+	return {
+		getClassGroupId: (e) => {
+			let r = e.split(n);
+			return r[0] === "" && r.length !== 1 && r.shift(), i(r, t) || o(e);
+		},
+		getConflictingClassGroupIds: (e, t) => {
+			let n = r[e] || [];
+			return t && a[e] ? [...n, ...a[e]] : n;
+		}
+	};
+}, i = (e, t) => {
+	if (e.length === 0) return t.classGroupId;
+	let r = e[0], a = t.nextPart.get(r), o = a ? i(e.slice(1), a) : void 0;
+	if (o) return o;
+	if (t.validators.length === 0) return;
+	let s = e.join(n);
+	return t.validators.find(({ validator: e }) => e(s))?.classGroupId;
+}, a = /^\[(.+)\]$/, o = (e) => {
+	if (a.test(e)) {
+		let t = a.exec(e)[1], n = t?.substring(0, t.indexOf(":"));
+		if (n) return "arbitrary.." + n;
+	}
+}, s = (e) => {
+	let { theme: t, prefix: n } = e, r = {
+		nextPart: /* @__PURE__ */ new Map(),
+		validators: []
+	};
+	return d(Object.entries(e.classGroups), n).forEach(([e, n]) => {
+		c(n, r, e, t);
+	}), r;
+}, c = (e, t, n, r) => {
+	e.forEach((e) => {
+		if (typeof e == "string") {
+			let r = e === "" ? t : l(t, e);
+			r.classGroupId = n;
+			return;
+		}
+		if (typeof e == "function") {
+			if (u(e)) {
+				c(e(r), t, n, r);
+				return;
+			}
+			t.validators.push({
+				validator: e,
+				classGroupId: n
+			});
+			return;
+		}
+		Object.entries(e).forEach(([e, i]) => {
+			c(i, l(t, e), n, r);
+		});
+	});
+}, l = (e, t) => {
+	let r = e;
+	return t.split(n).forEach((e) => {
+		r.nextPart.has(e) || r.nextPart.set(e, {
+			nextPart: /* @__PURE__ */ new Map(),
+			validators: []
+		}), r = r.nextPart.get(e);
+	}), r;
+}, u = (e) => e.isThemeGetter, d = (e, t) => t ? e.map(([e, n]) => [e, n.map((e) => typeof e == "string" ? t + e : typeof e == "object" ? Object.fromEntries(Object.entries(e).map(([e, n]) => [t + e, n])) : e)]) : e, f = (e) => {
+	if (e < 1) return {
+		get: () => void 0,
+		set: () => {}
+	};
+	let t = 0, n = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map(), i = (i, a) => {
+		n.set(i, a), t++, t > e && (t = 0, r = n, n = /* @__PURE__ */ new Map());
+	};
+	return {
+		get(e) {
+			let t = n.get(e);
+			if (t !== void 0) return t;
+			if ((t = r.get(e)) !== void 0) return i(e, t), t;
+		},
+		set(e, t) {
+			n.has(e) ? n.set(e, t) : i(e, t);
+		}
+	};
+}, p = "!", m = (e) => {
+	let { separator: t, experimentalParseClassName: n } = e, r = t.length === 1, i = t[0], a = t.length, o = (e) => {
+		let n = [], o = 0, s = 0, c;
+		for (let l = 0; l < e.length; l++) {
+			let u = e[l];
+			if (o === 0) {
+				if (u === i && (r || e.slice(l, l + a) === t)) {
+					n.push(e.slice(s, l)), s = l + a;
+					continue;
+				}
+				if (u === "/") {
+					c = l;
+					continue;
+				}
+			}
+			u === "[" ? o++ : u === "]" && o--;
+		}
+		let l = n.length === 0 ? e : e.substring(s), u = l.startsWith(p);
+		return {
+			modifiers: n,
+			hasImportantModifier: u,
+			baseClassName: u ? l.substring(1) : l,
+			maybePostfixModifierPosition: c && c > s ? c - s : void 0
+		};
+	};
+	return n ? (e) => n({
+		className: e,
+		parseClassName: o
+	}) : o;
+}, h = (e) => {
+	if (e.length <= 1) return e;
+	let t = [], n = [];
+	return e.forEach((e) => {
+		e[0] === "[" ? (t.push(...n.sort(), e), n = []) : n.push(e);
+	}), t.push(...n.sort()), t;
+}, g = (e) => ({
+	cache: f(e.cacheSize),
+	parseClassName: m(e),
+	...r(e)
+}), _ = /\s+/, v = (e, t) => {
+	let { parseClassName: n, getClassGroupId: r, getConflictingClassGroupIds: i } = t, a = [], o = e.trim().split(_), s = "";
+	for (let e = o.length - 1; e >= 0; --e) {
+		let t = o[e], { modifiers: c, hasImportantModifier: l, baseClassName: u, maybePostfixModifierPosition: d } = n(t), f = !!d, m = r(f ? u.substring(0, d) : u);
+		if (!m) {
+			if (!f) {
+				s = t + (s.length > 0 ? " " + s : s);
+				continue;
+			}
+			if (m = r(u), !m) {
+				s = t + (s.length > 0 ? " " + s : s);
+				continue;
+			}
+			f = !1;
+		}
+		let g = h(c).join(":"), _ = l ? g + p : g, v = _ + m;
+		if (a.includes(v)) continue;
+		a.push(v);
+		let y = i(m, f);
+		for (let e = 0; e < y.length; ++e) {
+			let t = y[e];
+			a.push(_ + t);
+		}
+		s = t + (s.length > 0 ? " " + s : s);
+	}
+	return s;
+};
+function y() {
+	let e = 0, t, n, r = "";
+	for (; e < arguments.length;) (t = arguments[e++]) && (n = b(t)) && (r && (r += " "), r += n);
+	return r;
+}
+var b = (e) => {
+	if (typeof e == "string") return e;
+	let t, n = "";
+	for (let r = 0; r < e.length; r++) e[r] && (t = b(e[r])) && (n && (n += " "), n += t);
+	return n;
+};
+function x(e, ...t) {
+	let n, r, i, a = o;
+	function o(o) {
+		return n = g(t.reduce((e, t) => t(e), e())), r = n.cache.get, i = n.cache.set, a = s, s(o);
+	}
+	function s(e) {
+		let t = r(e);
+		if (t) return t;
+		let a = v(e, n);
+		return i(e, a), a;
+	}
+	return function() {
+		return a(y.apply(null, arguments));
+	};
+}
+var S = (e) => {
+	let t = (t) => t[e] || [];
+	return t.isThemeGetter = !0, t;
+}, C = /^\[(?:([a-z-]+):)?(.+)\]$/i, w = /^\d+\/\d+$/, T = /*#__PURE__*/ new Set([
+	"px",
+	"full",
+	"screen"
+]), E = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, D = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, O = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, k = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, A = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, j = (e) => N(e) || T.has(e) || w.test(e), M = (e) => G(e, "length", K), N = (e) => !!e && !Number.isNaN(Number(e)), P = (e) => G(e, "number", N), F = (e) => !!e && Number.isInteger(Number(e)), I = (e) => e.endsWith("%") && N(e.slice(0, -1)), L = (e) => C.test(e), R = (e) => E.test(e), z = /*#__PURE__*/ new Set([
+	"length",
+	"size",
+	"percentage"
+]), ee = (e) => G(e, z, q), B = (e) => G(e, "position", q), V = /*#__PURE__*/ new Set(["image", "url"]), H = (e) => G(e, V, Y), U = (e) => G(e, "", J), W = () => !0, G = (e, t, n) => {
+	let r = C.exec(e);
+	return r ? r[1] ? typeof t == "string" ? r[1] === t : t.has(r[1]) : n(r[2]) : !1;
+}, K = (e) => D.test(e) && !O.test(e), q = () => !1, J = (e) => k.test(e), Y = (e) => A.test(e), X = /*#__PURE__*/ x(() => {
+	let e = S("colors"), t = S("spacing"), n = S("blur"), r = S("brightness"), i = S("borderColor"), a = S("borderRadius"), o = S("borderSpacing"), s = S("borderWidth"), c = S("contrast"), l = S("grayscale"), u = S("hueRotate"), d = S("invert"), f = S("gap"), p = S("gradientColorStops"), m = S("gradientColorStopPositions"), h = S("inset"), g = S("margin"), _ = S("opacity"), v = S("padding"), y = S("saturate"), b = S("scale"), x = S("sepia"), C = S("skew"), w = S("space"), T = S("translate"), E = () => [
+		"auto",
+		"contain",
+		"none"
+	], D = () => [
+		"auto",
+		"hidden",
+		"clip",
+		"visible",
+		"scroll"
+	], O = () => [
+		"auto",
+		L,
+		t
+	], k = () => [L, t], A = () => [
+		"",
+		j,
+		M
+	], z = () => [
+		"auto",
+		N,
+		L
+	], V = () => [
+		"bottom",
+		"center",
+		"left",
+		"left-bottom",
+		"left-top",
+		"right",
+		"right-bottom",
+		"right-top",
+		"top"
+	], G = () => [
+		"solid",
+		"dashed",
+		"dotted",
+		"double",
+		"none"
+	], K = () => [
+		"normal",
+		"multiply",
+		"screen",
+		"overlay",
+		"darken",
+		"lighten",
+		"color-dodge",
+		"color-burn",
+		"hard-light",
+		"soft-light",
+		"difference",
+		"exclusion",
+		"hue",
+		"saturation",
+		"color",
+		"luminosity"
+	], q = () => [
+		"start",
+		"end",
+		"center",
+		"between",
+		"around",
+		"evenly",
+		"stretch"
+	], J = () => [
+		"",
+		"0",
+		L
+	], Y = () => [
+		"auto",
+		"avoid",
+		"all",
+		"avoid-page",
+		"page",
+		"left",
+		"right",
+		"column"
+	], X = () => [N, L];
+	return {
+		cacheSize: 500,
+		separator: ":",
+		theme: {
+			colors: [W],
+			spacing: [j, M],
+			blur: [
+				"none",
+				"",
+				R,
+				L
+			],
+			brightness: X(),
+			borderColor: [e],
+			borderRadius: [
+				"none",
+				"",
+				"full",
+				R,
+				L
+			],
+			borderSpacing: k(),
+			borderWidth: A(),
+			contrast: X(),
+			grayscale: J(),
+			hueRotate: X(),
+			invert: J(),
+			gap: k(),
+			gradientColorStops: [e],
+			gradientColorStopPositions: [I, M],
+			inset: O(),
+			margin: O(),
+			opacity: X(),
+			padding: k(),
+			saturate: X(),
+			scale: X(),
+			sepia: J(),
+			skew: X(),
+			space: k(),
+			translate: k()
+		},
+		classGroups: {
+			aspect: [{ aspect: [
+				"auto",
+				"square",
+				"video",
+				L
+			] }],
+			container: ["container"],
+			columns: [{ columns: [R] }],
+			"break-after": [{ "break-after": Y() }],
+			"break-before": [{ "break-before": Y() }],
+			"break-inside": [{ "break-inside": [
+				"auto",
+				"avoid",
+				"avoid-page",
+				"avoid-column"
+			] }],
+			"box-decoration": [{ "box-decoration": ["slice", "clone"] }],
+			box: [{ box: ["border", "content"] }],
+			display: [
+				"block",
+				"inline-block",
+				"inline",
+				"flex",
+				"inline-flex",
+				"table",
+				"inline-table",
+				"table-caption",
+				"table-cell",
+				"table-column",
+				"table-column-group",
+				"table-footer-group",
+				"table-header-group",
+				"table-row-group",
+				"table-row",
+				"flow-root",
+				"grid",
+				"inline-grid",
+				"contents",
+				"list-item",
+				"hidden"
+			],
+			float: [{ float: [
+				"right",
+				"left",
+				"none",
+				"start",
+				"end"
+			] }],
+			clear: [{ clear: [
+				"left",
+				"right",
+				"both",
+				"none",
+				"start",
+				"end"
+			] }],
+			isolation: ["isolate", "isolation-auto"],
+			"object-fit": [{ object: [
+				"contain",
+				"cover",
+				"fill",
+				"none",
+				"scale-down"
+			] }],
+			"object-position": [{ object: [...V(), L] }],
+			overflow: [{ overflow: D() }],
+			"overflow-x": [{ "overflow-x": D() }],
+			"overflow-y": [{ "overflow-y": D() }],
+			overscroll: [{ overscroll: E() }],
+			"overscroll-x": [{ "overscroll-x": E() }],
+			"overscroll-y": [{ "overscroll-y": E() }],
+			position: [
+				"static",
+				"fixed",
+				"absolute",
+				"relative",
+				"sticky"
+			],
+			inset: [{ inset: [h] }],
+			"inset-x": [{ "inset-x": [h] }],
+			"inset-y": [{ "inset-y": [h] }],
+			start: [{ start: [h] }],
+			end: [{ end: [h] }],
+			top: [{ top: [h] }],
+			right: [{ right: [h] }],
+			bottom: [{ bottom: [h] }],
+			left: [{ left: [h] }],
+			visibility: [
+				"visible",
+				"invisible",
+				"collapse"
+			],
+			z: [{ z: [
+				"auto",
+				F,
+				L
+			] }],
+			basis: [{ basis: O() }],
+			"flex-direction": [{ flex: [
+				"row",
+				"row-reverse",
+				"col",
+				"col-reverse"
+			] }],
+			"flex-wrap": [{ flex: [
+				"wrap",
+				"wrap-reverse",
+				"nowrap"
+			] }],
+			flex: [{ flex: [
+				"1",
+				"auto",
+				"initial",
+				"none",
+				L
+			] }],
+			grow: [{ grow: J() }],
+			shrink: [{ shrink: J() }],
+			order: [{ order: [
+				"first",
+				"last",
+				"none",
+				F,
+				L
+			] }],
+			"grid-cols": [{ "grid-cols": [W] }],
+			"col-start-end": [{ col: [
+				"auto",
+				{ span: [
+					"full",
+					F,
+					L
+				] },
+				L
+			] }],
+			"col-start": [{ "col-start": z() }],
+			"col-end": [{ "col-end": z() }],
+			"grid-rows": [{ "grid-rows": [W] }],
+			"row-start-end": [{ row: [
+				"auto",
+				{ span: [F, L] },
+				L
+			] }],
+			"row-start": [{ "row-start": z() }],
+			"row-end": [{ "row-end": z() }],
+			"grid-flow": [{ "grid-flow": [
+				"row",
+				"col",
+				"dense",
+				"row-dense",
+				"col-dense"
+			] }],
+			"auto-cols": [{ "auto-cols": [
+				"auto",
+				"min",
+				"max",
+				"fr",
+				L
+			] }],
+			"auto-rows": [{ "auto-rows": [
+				"auto",
+				"min",
+				"max",
+				"fr",
+				L
+			] }],
+			gap: [{ gap: [f] }],
+			"gap-x": [{ "gap-x": [f] }],
+			"gap-y": [{ "gap-y": [f] }],
+			"justify-content": [{ justify: ["normal", ...q()] }],
+			"justify-items": [{ "justify-items": [
+				"start",
+				"end",
+				"center",
+				"stretch"
+			] }],
+			"justify-self": [{ "justify-self": [
+				"auto",
+				"start",
+				"end",
+				"center",
+				"stretch"
+			] }],
+			"align-content": [{ content: [
+				"normal",
+				...q(),
+				"baseline"
+			] }],
+			"align-items": [{ items: [
+				"start",
+				"end",
+				"center",
+				"baseline",
+				"stretch"
+			] }],
+			"align-self": [{ self: [
+				"auto",
+				"start",
+				"end",
+				"center",
+				"stretch",
+				"baseline"
+			] }],
+			"place-content": [{ "place-content": [...q(), "baseline"] }],
+			"place-items": [{ "place-items": [
+				"start",
+				"end",
+				"center",
+				"baseline",
+				"stretch"
+			] }],
+			"place-self": [{ "place-self": [
+				"auto",
+				"start",
+				"end",
+				"center",
+				"stretch"
+			] }],
+			p: [{ p: [v] }],
+			px: [{ px: [v] }],
+			py: [{ py: [v] }],
+			ps: [{ ps: [v] }],
+			pe: [{ pe: [v] }],
+			pt: [{ pt: [v] }],
+			pr: [{ pr: [v] }],
+			pb: [{ pb: [v] }],
+			pl: [{ pl: [v] }],
+			m: [{ m: [g] }],
+			mx: [{ mx: [g] }],
+			my: [{ my: [g] }],
+			ms: [{ ms: [g] }],
+			me: [{ me: [g] }],
+			mt: [{ mt: [g] }],
+			mr: [{ mr: [g] }],
+			mb: [{ mb: [g] }],
+			ml: [{ ml: [g] }],
+			"space-x": [{ "space-x": [w] }],
+			"space-x-reverse": ["space-x-reverse"],
+			"space-y": [{ "space-y": [w] }],
+			"space-y-reverse": ["space-y-reverse"],
+			w: [{ w: [
+				"auto",
+				"min",
+				"max",
+				"fit",
+				"svw",
+				"lvw",
+				"dvw",
+				L,
+				t
+			] }],
+			"min-w": [{ "min-w": [
+				L,
+				t,
+				"min",
+				"max",
+				"fit"
+			] }],
+			"max-w": [{ "max-w": [
+				L,
+				t,
+				"none",
+				"full",
+				"min",
+				"max",
+				"fit",
+				"prose",
+				{ screen: [R] },
+				R
+			] }],
+			h: [{ h: [
+				L,
+				t,
+				"auto",
+				"min",
+				"max",
+				"fit",
+				"svh",
+				"lvh",
+				"dvh"
+			] }],
+			"min-h": [{ "min-h": [
+				L,
+				t,
+				"min",
+				"max",
+				"fit",
+				"svh",
+				"lvh",
+				"dvh"
+			] }],
+			"max-h": [{ "max-h": [
+				L,
+				t,
+				"min",
+				"max",
+				"fit",
+				"svh",
+				"lvh",
+				"dvh"
+			] }],
+			size: [{ size: [
+				L,
+				t,
+				"auto",
+				"min",
+				"max",
+				"fit"
+			] }],
+			"font-size": [{ text: [
+				"base",
+				R,
+				M
+			] }],
+			"font-smoothing": ["antialiased", "subpixel-antialiased"],
+			"font-style": ["italic", "not-italic"],
+			"font-weight": [{ font: [
+				"thin",
+				"extralight",
+				"light",
+				"normal",
+				"medium",
+				"semibold",
+				"bold",
+				"extrabold",
+				"black",
+				P
+			] }],
+			"font-family": [{ font: [W] }],
+			"fvn-normal": ["normal-nums"],
+			"fvn-ordinal": ["ordinal"],
+			"fvn-slashed-zero": ["slashed-zero"],
+			"fvn-figure": ["lining-nums", "oldstyle-nums"],
+			"fvn-spacing": ["proportional-nums", "tabular-nums"],
+			"fvn-fraction": ["diagonal-fractions", "stacked-fractions"],
+			tracking: [{ tracking: [
+				"tighter",
+				"tight",
+				"normal",
+				"wide",
+				"wider",
+				"widest",
+				L
+			] }],
+			"line-clamp": [{ "line-clamp": [
+				"none",
+				N,
+				P
+			] }],
+			leading: [{ leading: [
+				"none",
+				"tight",
+				"snug",
+				"normal",
+				"relaxed",
+				"loose",
+				j,
+				L
+			] }],
+			"list-image": [{ "list-image": ["none", L] }],
+			"list-style-type": [{ list: [
+				"none",
+				"disc",
+				"decimal",
+				L
+			] }],
+			"list-style-position": [{ list: ["inside", "outside"] }],
+			"placeholder-color": [{ placeholder: [e] }],
+			"placeholder-opacity": [{ "placeholder-opacity": [_] }],
+			"text-alignment": [{ text: [
+				"left",
+				"center",
+				"right",
+				"justify",
+				"start",
+				"end"
+			] }],
+			"text-color": [{ text: [e] }],
+			"text-opacity": [{ "text-opacity": [_] }],
+			"text-decoration": [
+				"underline",
+				"overline",
+				"line-through",
+				"no-underline"
+			],
+			"text-decoration-style": [{ decoration: [...G(), "wavy"] }],
+			"text-decoration-thickness": [{ decoration: [
+				"auto",
+				"from-font",
+				j,
+				M
+			] }],
+			"underline-offset": [{ "underline-offset": [
+				"auto",
+				j,
+				L
+			] }],
+			"text-decoration-color": [{ decoration: [e] }],
+			"text-transform": [
+				"uppercase",
+				"lowercase",
+				"capitalize",
+				"normal-case"
+			],
+			"text-overflow": [
+				"truncate",
+				"text-ellipsis",
+				"text-clip"
+			],
+			"text-wrap": [{ text: [
+				"wrap",
+				"nowrap",
+				"balance",
+				"pretty"
+			] }],
+			indent: [{ indent: k() }],
+			"vertical-align": [{ align: [
+				"baseline",
+				"top",
+				"middle",
+				"bottom",
+				"text-top",
+				"text-bottom",
+				"sub",
+				"super",
+				L
+			] }],
+			whitespace: [{ whitespace: [
+				"normal",
+				"nowrap",
+				"pre",
+				"pre-line",
+				"pre-wrap",
+				"break-spaces"
+			] }],
+			break: [{ break: [
+				"normal",
+				"words",
+				"all",
+				"keep"
+			] }],
+			hyphens: [{ hyphens: [
+				"none",
+				"manual",
+				"auto"
+			] }],
+			content: [{ content: ["none", L] }],
+			"bg-attachment": [{ bg: [
+				"fixed",
+				"local",
+				"scroll"
+			] }],
+			"bg-clip": [{ "bg-clip": [
+				"border",
+				"padding",
+				"content",
+				"text"
+			] }],
+			"bg-opacity": [{ "bg-opacity": [_] }],
+			"bg-origin": [{ "bg-origin": [
+				"border",
+				"padding",
+				"content"
+			] }],
+			"bg-position": [{ bg: [...V(), B] }],
+			"bg-repeat": [{ bg: ["no-repeat", { repeat: [
+				"",
+				"x",
+				"y",
+				"round",
+				"space"
+			] }] }],
+			"bg-size": [{ bg: [
+				"auto",
+				"cover",
+				"contain",
+				ee
+			] }],
+			"bg-image": [{ bg: [
+				"none",
+				{ "gradient-to": [
+					"t",
+					"tr",
+					"r",
+					"br",
+					"b",
+					"bl",
+					"l",
+					"tl"
+				] },
+				H
+			] }],
+			"bg-color": [{ bg: [e] }],
+			"gradient-from-pos": [{ from: [m] }],
+			"gradient-via-pos": [{ via: [m] }],
+			"gradient-to-pos": [{ to: [m] }],
+			"gradient-from": [{ from: [p] }],
+			"gradient-via": [{ via: [p] }],
+			"gradient-to": [{ to: [p] }],
+			rounded: [{ rounded: [a] }],
+			"rounded-s": [{ "rounded-s": [a] }],
+			"rounded-e": [{ "rounded-e": [a] }],
+			"rounded-t": [{ "rounded-t": [a] }],
+			"rounded-r": [{ "rounded-r": [a] }],
+			"rounded-b": [{ "rounded-b": [a] }],
+			"rounded-l": [{ "rounded-l": [a] }],
+			"rounded-ss": [{ "rounded-ss": [a] }],
+			"rounded-se": [{ "rounded-se": [a] }],
+			"rounded-ee": [{ "rounded-ee": [a] }],
+			"rounded-es": [{ "rounded-es": [a] }],
+			"rounded-tl": [{ "rounded-tl": [a] }],
+			"rounded-tr": [{ "rounded-tr": [a] }],
+			"rounded-br": [{ "rounded-br": [a] }],
+			"rounded-bl": [{ "rounded-bl": [a] }],
+			"border-w": [{ border: [s] }],
+			"border-w-x": [{ "border-x": [s] }],
+			"border-w-y": [{ "border-y": [s] }],
+			"border-w-s": [{ "border-s": [s] }],
+			"border-w-e": [{ "border-e": [s] }],
+			"border-w-t": [{ "border-t": [s] }],
+			"border-w-r": [{ "border-r": [s] }],
+			"border-w-b": [{ "border-b": [s] }],
+			"border-w-l": [{ "border-l": [s] }],
+			"border-opacity": [{ "border-opacity": [_] }],
+			"border-style": [{ border: [...G(), "hidden"] }],
+			"divide-x": [{ "divide-x": [s] }],
+			"divide-x-reverse": ["divide-x-reverse"],
+			"divide-y": [{ "divide-y": [s] }],
+			"divide-y-reverse": ["divide-y-reverse"],
+			"divide-opacity": [{ "divide-opacity": [_] }],
+			"divide-style": [{ divide: G() }],
+			"border-color": [{ border: [i] }],
+			"border-color-x": [{ "border-x": [i] }],
+			"border-color-y": [{ "border-y": [i] }],
+			"border-color-s": [{ "border-s": [i] }],
+			"border-color-e": [{ "border-e": [i] }],
+			"border-color-t": [{ "border-t": [i] }],
+			"border-color-r": [{ "border-r": [i] }],
+			"border-color-b": [{ "border-b": [i] }],
+			"border-color-l": [{ "border-l": [i] }],
+			"divide-color": [{ divide: [i] }],
+			"outline-style": [{ outline: ["", ...G()] }],
+			"outline-offset": [{ "outline-offset": [j, L] }],
+			"outline-w": [{ outline: [j, M] }],
+			"outline-color": [{ outline: [e] }],
+			"ring-w": [{ ring: A() }],
+			"ring-w-inset": ["ring-inset"],
+			"ring-color": [{ ring: [e] }],
+			"ring-opacity": [{ "ring-opacity": [_] }],
+			"ring-offset-w": [{ "ring-offset": [j, M] }],
+			"ring-offset-color": [{ "ring-offset": [e] }],
+			shadow: [{ shadow: [
+				"",
+				"inner",
+				"none",
+				R,
+				U
+			] }],
+			"shadow-color": [{ shadow: [W] }],
+			opacity: [{ opacity: [_] }],
+			"mix-blend": [{ "mix-blend": [
+				...K(),
+				"plus-lighter",
+				"plus-darker"
+			] }],
+			"bg-blend": [{ "bg-blend": K() }],
+			filter: [{ filter: ["", "none"] }],
+			blur: [{ blur: [n] }],
+			brightness: [{ brightness: [r] }],
+			contrast: [{ contrast: [c] }],
+			"drop-shadow": [{ "drop-shadow": [
+				"",
+				"none",
+				R,
+				L
+			] }],
+			grayscale: [{ grayscale: [l] }],
+			"hue-rotate": [{ "hue-rotate": [u] }],
+			invert: [{ invert: [d] }],
+			saturate: [{ saturate: [y] }],
+			sepia: [{ sepia: [x] }],
+			"backdrop-filter": [{ "backdrop-filter": ["", "none"] }],
+			"backdrop-blur": [{ "backdrop-blur": [n] }],
+			"backdrop-brightness": [{ "backdrop-brightness": [r] }],
+			"backdrop-contrast": [{ "backdrop-contrast": [c] }],
+			"backdrop-grayscale": [{ "backdrop-grayscale": [l] }],
+			"backdrop-hue-rotate": [{ "backdrop-hue-rotate": [u] }],
+			"backdrop-invert": [{ "backdrop-invert": [d] }],
+			"backdrop-opacity": [{ "backdrop-opacity": [_] }],
+			"backdrop-saturate": [{ "backdrop-saturate": [y] }],
+			"backdrop-sepia": [{ "backdrop-sepia": [x] }],
+			"border-collapse": [{ border: ["collapse", "separate"] }],
+			"border-spacing": [{ "border-spacing": [o] }],
+			"border-spacing-x": [{ "border-spacing-x": [o] }],
+			"border-spacing-y": [{ "border-spacing-y": [o] }],
+			"table-layout": [{ table: ["auto", "fixed"] }],
+			caption: [{ caption: ["top", "bottom"] }],
+			transition: [{ transition: [
+				"none",
+				"all",
+				"",
+				"colors",
+				"opacity",
+				"shadow",
+				"transform",
+				L
+			] }],
+			duration: [{ duration: X() }],
+			ease: [{ ease: [
+				"linear",
+				"in",
+				"out",
+				"in-out",
+				L
+			] }],
+			delay: [{ delay: X() }],
+			animate: [{ animate: [
+				"none",
+				"spin",
+				"ping",
+				"pulse",
+				"bounce",
+				L
+			] }],
+			transform: [{ transform: [
+				"",
+				"gpu",
+				"none"
+			] }],
+			scale: [{ scale: [b] }],
+			"scale-x": [{ "scale-x": [b] }],
+			"scale-y": [{ "scale-y": [b] }],
+			rotate: [{ rotate: [F, L] }],
+			"translate-x": [{ "translate-x": [T] }],
+			"translate-y": [{ "translate-y": [T] }],
+			"skew-x": [{ "skew-x": [C] }],
+			"skew-y": [{ "skew-y": [C] }],
+			"transform-origin": [{ origin: [
+				"center",
+				"top",
+				"top-right",
+				"right",
+				"bottom-right",
+				"bottom",
+				"bottom-left",
+				"left",
+				"top-left",
+				L
+			] }],
+			accent: [{ accent: ["auto", e] }],
+			appearance: [{ appearance: ["none", "auto"] }],
+			cursor: [{ cursor: [
+				"auto",
+				"default",
+				"pointer",
+				"wait",
+				"text",
+				"move",
+				"help",
+				"not-allowed",
+				"none",
+				"context-menu",
+				"progress",
+				"cell",
+				"crosshair",
+				"vertical-text",
+				"alias",
+				"copy",
+				"no-drop",
+				"grab",
+				"grabbing",
+				"all-scroll",
+				"col-resize",
+				"row-resize",
+				"n-resize",
+				"e-resize",
+				"s-resize",
+				"w-resize",
+				"ne-resize",
+				"nw-resize",
+				"se-resize",
+				"sw-resize",
+				"ew-resize",
+				"ns-resize",
+				"nesw-resize",
+				"nwse-resize",
+				"zoom-in",
+				"zoom-out",
+				L
+			] }],
+			"caret-color": [{ caret: [e] }],
+			"pointer-events": [{ "pointer-events": ["none", "auto"] }],
+			resize: [{ resize: [
+				"none",
+				"y",
+				"x",
+				""
+			] }],
+			"scroll-behavior": [{ scroll: ["auto", "smooth"] }],
+			"scroll-m": [{ "scroll-m": k() }],
+			"scroll-mx": [{ "scroll-mx": k() }],
+			"scroll-my": [{ "scroll-my": k() }],
+			"scroll-ms": [{ "scroll-ms": k() }],
+			"scroll-me": [{ "scroll-me": k() }],
+			"scroll-mt": [{ "scroll-mt": k() }],
+			"scroll-mr": [{ "scroll-mr": k() }],
+			"scroll-mb": [{ "scroll-mb": k() }],
+			"scroll-ml": [{ "scroll-ml": k() }],
+			"scroll-p": [{ "scroll-p": k() }],
+			"scroll-px": [{ "scroll-px": k() }],
+			"scroll-py": [{ "scroll-py": k() }],
+			"scroll-ps": [{ "scroll-ps": k() }],
+			"scroll-pe": [{ "scroll-pe": k() }],
+			"scroll-pt": [{ "scroll-pt": k() }],
+			"scroll-pr": [{ "scroll-pr": k() }],
+			"scroll-pb": [{ "scroll-pb": k() }],
+			"scroll-pl": [{ "scroll-pl": k() }],
+			"snap-align": [{ snap: [
+				"start",
+				"end",
+				"center",
+				"align-none"
+			] }],
+			"snap-stop": [{ snap: ["normal", "always"] }],
+			"snap-type": [{ snap: [
+				"none",
+				"x",
+				"y",
+				"both"
+			] }],
+			"snap-strictness": [{ snap: ["mandatory", "proximity"] }],
+			touch: [{ touch: [
+				"auto",
+				"none",
+				"manipulation"
+			] }],
+			"touch-x": [{ "touch-pan": [
+				"x",
+				"left",
+				"right"
+			] }],
+			"touch-y": [{ "touch-pan": [
+				"y",
+				"up",
+				"down"
+			] }],
+			"touch-pz": ["touch-pinch-zoom"],
+			select: [{ select: [
+				"none",
+				"text",
+				"all",
+				"auto"
+			] }],
+			"will-change": [{ "will-change": [
+				"auto",
+				"scroll",
+				"contents",
+				"transform",
+				L
+			] }],
+			fill: [{ fill: [e, "none"] }],
+			"stroke-w": [{ stroke: [
+				j,
+				M,
+				P
+			] }],
+			stroke: [{ stroke: [e, "none"] }],
+			sr: ["sr-only", "not-sr-only"],
+			"forced-color-adjust": [{ "forced-color-adjust": ["auto", "none"] }]
+		},
+		conflictingClassGroups: {
+			overflow: ["overflow-x", "overflow-y"],
+			overscroll: ["overscroll-x", "overscroll-y"],
+			inset: [
+				"inset-x",
+				"inset-y",
+				"start",
+				"end",
+				"top",
+				"right",
+				"bottom",
+				"left"
+			],
+			"inset-x": ["right", "left"],
+			"inset-y": ["top", "bottom"],
+			flex: [
+				"basis",
+				"grow",
+				"shrink"
+			],
+			gap: ["gap-x", "gap-y"],
+			p: [
+				"px",
+				"py",
+				"ps",
+				"pe",
+				"pt",
+				"pr",
+				"pb",
+				"pl"
+			],
+			px: ["pr", "pl"],
+			py: ["pt", "pb"],
+			m: [
+				"mx",
+				"my",
+				"ms",
+				"me",
+				"mt",
+				"mr",
+				"mb",
+				"ml"
+			],
+			mx: ["mr", "ml"],
+			my: ["mt", "mb"],
+			size: ["w", "h"],
+			"font-size": ["leading"],
+			"fvn-normal": [
+				"fvn-ordinal",
+				"fvn-slashed-zero",
+				"fvn-figure",
+				"fvn-spacing",
+				"fvn-fraction"
+			],
+			"fvn-ordinal": ["fvn-normal"],
+			"fvn-slashed-zero": ["fvn-normal"],
+			"fvn-figure": ["fvn-normal"],
+			"fvn-spacing": ["fvn-normal"],
+			"fvn-fraction": ["fvn-normal"],
+			"line-clamp": ["display", "overflow"],
+			rounded: [
+				"rounded-s",
+				"rounded-e",
+				"rounded-t",
+				"rounded-r",
+				"rounded-b",
+				"rounded-l",
+				"rounded-ss",
+				"rounded-se",
+				"rounded-ee",
+				"rounded-es",
+				"rounded-tl",
+				"rounded-tr",
+				"rounded-br",
+				"rounded-bl"
+			],
+			"rounded-s": ["rounded-ss", "rounded-es"],
+			"rounded-e": ["rounded-se", "rounded-ee"],
+			"rounded-t": ["rounded-tl", "rounded-tr"],
+			"rounded-r": ["rounded-tr", "rounded-br"],
+			"rounded-b": ["rounded-br", "rounded-bl"],
+			"rounded-l": ["rounded-tl", "rounded-bl"],
+			"border-spacing": ["border-spacing-x", "border-spacing-y"],
+			"border-w": [
+				"border-w-s",
+				"border-w-e",
+				"border-w-t",
+				"border-w-r",
+				"border-w-b",
+				"border-w-l"
+			],
+			"border-w-x": ["border-w-r", "border-w-l"],
+			"border-w-y": ["border-w-t", "border-w-b"],
+			"border-color": [
+				"border-color-s",
+				"border-color-e",
+				"border-color-t",
+				"border-color-r",
+				"border-color-b",
+				"border-color-l"
+			],
+			"border-color-x": ["border-color-r", "border-color-l"],
+			"border-color-y": ["border-color-t", "border-color-b"],
+			"scroll-m": [
+				"scroll-mx",
+				"scroll-my",
+				"scroll-ms",
+				"scroll-me",
+				"scroll-mt",
+				"scroll-mr",
+				"scroll-mb",
+				"scroll-ml"
+			],
+			"scroll-mx": ["scroll-mr", "scroll-ml"],
+			"scroll-my": ["scroll-mt", "scroll-mb"],
+			"scroll-p": [
+				"scroll-px",
+				"scroll-py",
+				"scroll-ps",
+				"scroll-pe",
+				"scroll-pt",
+				"scroll-pr",
+				"scroll-pb",
+				"scroll-pl"
+			],
+			"scroll-px": ["scroll-pr", "scroll-pl"],
+			"scroll-py": ["scroll-pt", "scroll-pb"],
+			touch: [
+				"touch-x",
+				"touch-y",
+				"touch-pz"
+			],
+			"touch-x": ["touch"],
+			"touch-y": ["touch"],
+			"touch-pz": ["touch"]
+		},
+		conflictingClassGroupModifiers: { "font-size": ["leading"] }
+	};
+}), Z = {
+	1: "col-span-1",
+	2: "col-span-2",
+	3: "col-span-3",
+	4: "col-span-4",
+	5: "col-span-5",
+	6: "col-span-6",
+	7: "col-span-7",
+	8: "col-span-8",
+	9: "col-span-9",
+	10: "col-span-10",
+	11: "col-span-11",
+	12: "col-span-12"
+}, te = {
+	0: "s:hidden",
+	1: "s:col-span-1 s:block",
+	2: "s:col-span-2 s:block",
+	3: "s:col-span-3 s:block",
+	4: "s:col-span-4 s:block",
+	5: "s:col-span-5 s:block",
+	6: "s:col-span-6 s:block",
+	7: "s:col-span-7 s:block",
+	8: "s:col-span-8 s:block",
+	9: "s:col-span-9 s:block",
+	10: "s:col-span-10 s:block",
+	11: "s:col-span-11 s:block",
+	12: "s:col-span-12 s:block"
+}, ne = {
+	0: "m:hidden",
+	1: "m:col-span-1 m:block",
+	2: "m:col-span-2 m:block",
+	3: "m:col-span-3 m:block",
+	4: "m:col-span-4 m:block",
+	5: "m:col-span-5 m:block",
+	6: "m:col-span-6 m:block",
+	7: "m:col-span-7 m:block",
+	8: "m:col-span-8 m:block",
+	9: "m:col-span-9 m:block",
+	10: "m:col-span-10 m:block",
+	11: "m:col-span-11 m:block",
+	12: "m:col-span-12 m:block"
+}, re = {
+	0: "l:hidden",
+	1: "l:col-span-1 l:block",
+	2: "l:col-span-2 l:block",
+	3: "l:col-span-3 l:block",
+	4: "l:col-span-4 l:block",
+	5: "l:col-span-5 l:block",
+	6: "l:col-span-6 l:block",
+	7: "l:col-span-7 l:block",
+	8: "l:col-span-8 l:block",
+	9: "l:col-span-9 l:block",
+	10: "l:col-span-10 l:block",
+	11: "l:col-span-11 l:block",
+	12: "l:col-span-12 l:block"
+}, ie = {
+	0: "xl:hidden",
+	1: "xl:col-span-1 xl:block",
+	2: "xl:col-span-2 xl:block",
+	3: "xl:col-span-3 xl:block",
+	4: "xl:col-span-4 xl:block",
+	5: "xl:col-span-5 xl:block",
+	6: "xl:col-span-6 xl:block",
+	7: "xl:col-span-7 xl:block",
+	8: "xl:col-span-8 xl:block",
+	9: "xl:col-span-9 xl:block",
+	10: "xl:col-span-10 xl:block",
+	11: "xl:col-span-11 xl:block",
+	12: "xl:col-span-12 xl:block"
+}, ae = {
+	0: "xxl:hidden",
+	1: "xxl:col-span-1 xxl:block",
+	2: "xxl:col-span-2 xxl:block",
+	3: "xxl:col-span-3 xxl:block",
+	4: "xxl:col-span-4 xxl:block",
+	5: "xxl:col-span-5 xxl:block",
+	6: "xxl:col-span-6 xxl:block",
+	7: "xxl:col-span-7 xxl:block",
+	8: "xxl:col-span-8 xxl:block",
+	9: "xxl:col-span-9 xxl:block",
+	10: "xxl:col-span-10 xxl:block",
+	11: "xxl:col-span-11 xxl:block",
+	12: "xxl:col-span-12 xxl:block"
+}, oe = {
+	0: "xxxl:hidden",
+	1: "xxxl:col-span-1 xxxl:block",
+	2: "xxxl:col-span-2 xxxl:block",
+	3: "xxxl:col-span-3 xxxl:block",
+	4: "xxxl:col-span-4 xxxl:block",
+	5: "xxxl:col-span-5 xxxl:block",
+	6: "xxxl:col-span-6 xxxl:block",
+	7: "xxxl:col-span-7 xxxl:block",
+	8: "xxxl:col-span-8 xxxl:block",
+	9: "xxxl:col-span-9 xxxl:block",
+	10: "xxxl:col-span-10 xxxl:block",
+	11: "xxxl:col-span-11 xxxl:block",
+	12: "xxxl:col-span-12 xxxl:block"
+}, Q = ({ children: e, span: n = 1, s: r, m: i, l: a, xl: o, xxl: s, xxxl: c, className: l = "" }) => {
+	let u = [];
+	return r !== void 0 && u.push(te[r]), i !== void 0 && u.push(ne[i]), a !== void 0 && u.push(re[a]), o !== void 0 && u.push(ie[o]), s !== void 0 && u.push(ae[s]), c !== void 0 && u.push(oe[c]), u.length === 0 && u.push(Z[n]), /* @__PURE__ */ t("div", {
+		className: X(u.join(" "), l),
+		children: e
+	});
+}, se = e({
+	base: "grid grid-cols-12",
+	variants: { disableGutters: { true: "gap-x-0" } }
+}), $ = ({ children: e, disableGutters: n = !1, className: r = "gap-x-5" }) => /* @__PURE__ */ t("div", {
+	className: X(r, se({ disableGutters: n })),
+	"data-bpds": "grid",
+	children: e
+});
+$.displayName = "Grid", $.Item = Q, $.Item.displayName = "Grid.Item";
+//#endregion
+//#region src/index.ts
+var ce = $;
+//#endregion
+export { Q as GridItem, ce as default };
+
+//# sourceMappingURL=index.js.map