@konstructio/ui
Version:
A set of reusable and customizable React components built for konstruct.io
1,690 lines (1,689 loc) • 42 kB
JavaScript
import { t as Ee } from "./clsx-Dzz4NoNN.js";
var je = (e, t) => {
const r = new Array(e.length + t.length);
for (let o = 0; o < e.length; o++) r[o] = e[o];
for (let o = 0; o < t.length; o++) r[e.length + o] = t[o];
return r;
}, Ne = (e, t) => ({
classGroupId: e,
validator: t
}), ke = (e = /* @__PURE__ */ new Map(), t = null, r) => ({
nextPart: e,
validators: t,
classGroupId: r
}), K = "-", fe = [], Ve = "arbitrary..", Fe = (e) => {
const t = Be(e), { conflictingClassGroups: r, conflictingClassGroupModifiers: o } = e;
return {
getClassGroupId: (n) => {
if (n.startsWith("[") && n.endsWith("]")) return We(n);
const b = n.split(K);
return ye(b, b[0] === "" && b.length > 1 ? 1 : 0, t);
},
getConflictingClassGroupIds: (n, b) => {
if (b) {
const d = o[n], u = r[n];
return d ? u ? je(u, d) : d : u || fe;
}
return r[n] || fe;
}
};
}, ye = (e, t, r) => {
if (e.length - t === 0) return r.classGroupId;
const o = e[t], l = r.nextPart.get(o);
if (l) {
const d = ye(e, t + 1, l);
if (d) return d;
}
const m = r.validators;
if (m === null) return;
const n = t === 0 ? e.join(K) : e.slice(t).join(K), b = m.length;
for (let d = 0; d < b; d++) {
const u = m[d];
if (u.validator(n)) return u.classGroupId;
}
}, We = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
const t = e.slice(1, -1), r = t.indexOf(":"), o = t.slice(0, r);
return o ? Ve + o : void 0;
})(), Be = (e) => {
const { theme: t, classGroups: r } = e;
return _e(r, t);
}, _e = (e, t) => {
const r = ke();
for (const o in e) {
const l = e[o];
ae(l, r, o, t);
}
return r;
}, ae = (e, t, r, o) => {
const l = e.length;
for (let m = 0; m < l; m++) {
const n = e[m];
$e(n, t, r, o);
}
}, $e = (e, t, r, o) => {
if (typeof e == "string") {
Ue(e, t, r);
return;
}
if (typeof e == "function") {
De(e, t, r, o);
return;
}
Ye(e, t, r, o);
}, Ue = (e, t, r) => {
const o = e === "" ? t : ze(t, e);
o.classGroupId = r;
}, De = (e, t, r, o) => {
if (qe(e)) {
ae(e(o), t, r, o);
return;
}
t.validators === null && (t.validators = []), t.validators.push(Ne(r, e));
}, Ye = (e, t, r, o) => {
const l = Object.entries(e), m = l.length;
for (let n = 0; n < m; n++) {
const [b, d] = l[n];
ae(d, ze(t, b), r, o);
}
}, ze = (e, t) => {
let r = e;
const o = t.split(K), l = o.length;
for (let m = 0; m < l; m++) {
const n = o[m];
let b = r.nextPart.get(n);
b || (b = ke(), r.nextPart.set(n, b)), r = b;
}
return r;
}, qe = (e) => "isThemeGetter" in e && e.isThemeGetter === !0, Xe = (e) => {
if (e < 1) return {
get: () => {
},
set: () => {
}
};
let t = 0, r = /* @__PURE__ */ Object.create(null), o = /* @__PURE__ */ Object.create(null);
const l = (m, n) => {
r[m] = n, t++, t > e && (t = 0, o = r, r = /* @__PURE__ */ Object.create(null));
};
return {
get(m) {
let n = r[m];
if (n !== void 0) return n;
if ((n = o[m]) !== void 0)
return l(m, n), n;
},
set(m, n) {
m in r ? r[m] = n : l(m, n);
}
};
}, se = "!", ge = ":", Je = [], he = (e, t, r, o, l) => ({
modifiers: e,
hasImportantModifier: t,
baseClassName: r,
maybePostfixModifierPosition: o,
isExternal: l
}), He = (e) => {
const { prefix: t, experimentalParseClassName: r } = e;
let o = (l) => {
const m = [];
let n = 0, b = 0, d = 0, u;
const w = l.length;
for (let y = 0; y < w; y++) {
const x = l[y];
if (n === 0 && b === 0) {
if (x === ge) {
m.push(l.slice(d, y)), d = y + 1;
continue;
}
if (x === "/") {
u = y;
continue;
}
}
x === "[" ? n++ : x === "]" ? n-- : x === "(" ? b++ : x === ")" && b--;
}
const A = m.length === 0 ? l : l.slice(d);
let C = A, P = !1;
A.endsWith(se) ? (C = A.slice(0, -1), P = !0) : A.startsWith(se) && (C = A.slice(1), P = !0);
const G = u && u > d ? u - d : void 0;
return he(m, P, C, G);
};
if (t) {
const l = t + ge, m = o;
o = (n) => n.startsWith(l) ? m(n.slice(l.length)) : he(Je, !1, n, void 0, !0);
}
if (r) {
const l = o;
o = (m) => r({
className: m,
parseClassName: l
});
}
return o;
}, Ke = (e) => {
const t = /* @__PURE__ */ new Map();
return e.orderSensitiveModifiers.forEach((r, o) => {
t.set(r, 1e6 + o);
}), (r) => {
const o = [];
let l = [];
for (let m = 0; m < r.length; m++) {
const n = r[m], b = n[0] === "[", d = t.has(n);
b || d ? (l.length > 0 && (l.sort(), o.push(...l), l = []), o.push(n)) : l.push(n);
}
return l.length > 0 && (l.sort(), o.push(...l)), o;
};
}, Qe = (e) => ({
cache: Xe(e.cacheSize),
parseClassName: He(e),
sortModifiers: Ke(e),
...Fe(e)
}), Ze = /\s+/, er = (e, t) => {
const { parseClassName: r, getClassGroupId: o, getConflictingClassGroupIds: l, sortModifiers: m } = t, n = [], b = e.trim().split(Ze);
let d = "";
for (let u = b.length - 1; u >= 0; u -= 1) {
const w = b[u], { isExternal: A, modifiers: C, hasImportantModifier: P, baseClassName: G, maybePostfixModifierPosition: y } = r(w);
if (A) {
d = w + (d.length > 0 ? " " + d : d);
continue;
}
let x = !!y, T = o(x ? G.substring(0, y) : G);
if (!T) {
if (!x) {
d = w + (d.length > 0 ? " " + d : d);
continue;
}
if (T = o(G), !T) {
d = w + (d.length > 0 ? " " + d : d);
continue;
}
x = !1;
}
const $ = C.length === 0 ? "" : C.length === 1 ? C[0] : m(C).join(":"), W = P ? $ + se : $, N = W + T;
if (n.indexOf(N) > -1) continue;
n.push(N);
const V = l(T, x);
for (let L = 0; L < V.length; ++L) {
const B = V[L];
n.push(W + B);
}
d = w + (d.length > 0 ? " " + d : d);
}
return d;
}, rr = (...e) => {
let t = 0, r, o, l = "";
for (; t < e.length; ) (r = e[t++]) && (o = Ce(r)) && (l && (l += " "), l += o);
return l;
}, Ce = (e) => {
if (typeof e == "string") return e;
let t, r = "";
for (let o = 0; o < e.length; o++) e[o] && (t = Ce(e[o])) && (r && (r += " "), r += t);
return r;
}, or = (e, ...t) => {
let r, o, l, m;
const n = (d) => (r = Qe(t.reduce((u, w) => w(u), e())), o = r.cache.get, l = r.cache.set, m = b, b(d)), b = (d) => {
const u = o(d);
if (u) return u;
const w = er(d, r);
return l(d, w), w;
};
return m = n, (...d) => m(rr(...d));
}, tr = [], f = (e) => {
const t = (r) => r[e] || tr;
return t.isThemeGetter = !0, t;
}, Ae = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Se = /^\((?:(\w[\w-]*):)?(.+)\)$/i, sr = /^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/, ar = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, nr = /\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$/, ir = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, lr = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, cr = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, R = (e) => sr.test(e), p = (e) => !!e && !Number.isNaN(Number(e)), I = (e) => !!e && Number.isInteger(Number(e)), te = (e) => e.endsWith("%") && p(e.slice(0, -1)), S = (e) => ar.test(e), Re = () => !0, dr = (e) => nr.test(e) && !ir.test(e), ne = () => !1, mr = (e) => lr.test(e), pr = (e) => cr.test(e), br = (e) => !s(e) && !a(e), ur = (e) => M(e, Pe, ne), s = (e) => Ae.test(e), E = (e) => M(e, Ge, dr), ve = (e) => M(e, yr, p), fr = (e) => M(e, Le, Re), gr = (e) => M(e, Te, ne), we = (e) => M(e, Ie, ne), hr = (e) => M(e, Me, pr), J = (e) => M(e, Oe, mr), a = (e) => Se.test(e), _ = (e) => j(e, Ge), vr = (e) => j(e, Te), xe = (e) => j(e, Ie), wr = (e) => j(e, Pe), xr = (e) => j(e, Me), H = (e) => j(e, Oe, !0), kr = (e) => j(e, Le, !0), M = (e, t, r) => {
const o = Ae.exec(e);
return o ? o[1] ? t(o[1]) : r(o[2]) : !1;
}, j = (e, t, r = !1) => {
const o = Se.exec(e);
return o ? o[1] ? t(o[1]) : r : !1;
}, Ie = (e) => e === "position" || e === "percentage", Me = (e) => e === "image" || e === "url", Pe = (e) => e === "length" || e === "size" || e === "bg-size", Ge = (e) => e === "length", yr = (e) => e === "number", Te = (e) => e === "family-name", Le = (e) => e === "number" || e === "weight", Oe = (e) => e === "shadow", zr = () => {
const e = f("color"), t = f("font"), r = f("text"), o = f("font-weight"), l = f("tracking"), m = f("leading"), n = f("breakpoint"), b = f("container"), d = f("spacing"), u = f("radius"), w = f("shadow"), A = f("inset-shadow"), C = f("text-shadow"), P = f("drop-shadow"), G = f("blur"), y = f("perspective"), x = f("aspect"), T = f("ease"), $ = f("animate"), W = () => [
"auto",
"avoid",
"all",
"avoid-page",
"page",
"left",
"right",
"column"
], N = () => [
"center",
"top",
"bottom",
"left",
"right",
"top-left",
"left-top",
"top-right",
"right-top",
"bottom-right",
"right-bottom",
"bottom-left",
"left-bottom"
], V = () => [
...N(),
a,
s
], L = () => [
"auto",
"hidden",
"clip",
"visible",
"scroll"
], B = () => [
"auto",
"contain",
"none"
], i = () => [
a,
s,
d
], k = () => [
R,
"full",
"auto",
...i()
], ie = () => [
I,
"none",
"subgrid",
a,
s
], le = () => [
"auto",
{ span: [
"full",
I,
a,
s
] },
I,
a,
s
], U = () => [
I,
"auto",
a,
s
], ce = () => [
"auto",
"min",
"max",
"fr",
a,
s
], Q = () => [
"start",
"end",
"center",
"between",
"around",
"evenly",
"stretch",
"baseline",
"center-safe",
"end-safe"
], F = () => [
"start",
"end",
"center",
"stretch",
"center-safe",
"end-safe"
], z = () => ["auto", ...i()], O = () => [
R,
"auto",
"full",
"dvw",
"dvh",
"lvw",
"lvh",
"svw",
"svh",
"min",
"max",
"fit",
...i()
], Z = () => [
R,
"screen",
"full",
"dvw",
"lvw",
"svw",
"min",
"max",
"fit",
...i()
], ee = () => [
R,
"screen",
"full",
"lh",
"dvh",
"lvh",
"svh",
"min",
"max",
"fit",
...i()
], c = () => [
e,
a,
s
], de = () => [
...N(),
xe,
we,
{ position: [a, s] }
], me = () => ["no-repeat", { repeat: [
"",
"x",
"y",
"space",
"round"
] }], pe = () => [
"auto",
"cover",
"contain",
wr,
ur,
{ size: [a, s] }
], re = () => [
te,
_,
E
], h = () => [
"",
"none",
"full",
u,
a,
s
], v = () => [
"",
p,
_,
E
], D = () => [
"solid",
"dashed",
"dotted",
"double"
], be = () => [
"normal",
"multiply",
"screen",
"overlay",
"darken",
"lighten",
"color-dodge",
"color-burn",
"hard-light",
"soft-light",
"difference",
"exclusion",
"hue",
"saturation",
"color",
"luminosity"
], g = () => [
p,
te,
xe,
we
], ue = () => [
"",
"none",
G,
a,
s
], Y = () => [
"none",
p,
a,
s
], q = () => [
"none",
p,
a,
s
], oe = () => [
p,
a,
s
], X = () => [
R,
"full",
...i()
];
return {
cacheSize: 500,
theme: {
animate: [
"spin",
"ping",
"pulse",
"bounce"
],
aspect: ["video"],
blur: [S],
breakpoint: [S],
color: [Re],
container: [S],
"drop-shadow": [S],
ease: [
"in",
"out",
"in-out"
],
font: [br],
"font-weight": [
"thin",
"extralight",
"light",
"normal",
"medium",
"semibold",
"bold",
"extrabold",
"black"
],
"inset-shadow": [S],
leading: [
"none",
"tight",
"snug",
"normal",
"relaxed",
"loose"
],
perspective: [
"dramatic",
"near",
"normal",
"midrange",
"distant",
"none"
],
radius: [S],
shadow: [S],
spacing: ["px", p],
text: [S],
"text-shadow": [S],
tracking: [
"tighter",
"tight",
"normal",
"wide",
"wider",
"widest"
]
},
classGroups: {
aspect: [{ aspect: [
"auto",
"square",
R,
s,
a,
x
] }],
container: ["container"],
columns: [{ columns: [
p,
s,
a,
b
] }],
"break-after": [{ "break-after": W() }],
"break-before": [{ "break-before": W() }],
"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"
],
sr: ["sr-only", "not-sr-only"],
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() }],
overflow: [{ overflow: L() }],
"overflow-x": [{ "overflow-x": L() }],
"overflow-y": [{ "overflow-y": L() }],
overscroll: [{ overscroll: B() }],
"overscroll-x": [{ "overscroll-x": B() }],
"overscroll-y": [{ "overscroll-y": B() }],
position: [
"static",
"fixed",
"absolute",
"relative",
"sticky"
],
inset: [{ inset: k() }],
"inset-x": [{ "inset-x": k() }],
"inset-y": [{ "inset-y": k() }],
start: [{
"inset-s": k(),
start: k()
}],
end: [{
"inset-e": k(),
end: k()
}],
"inset-bs": [{ "inset-bs": k() }],
"inset-be": [{ "inset-be": k() }],
top: [{ top: k() }],
right: [{ right: k() }],
bottom: [{ bottom: k() }],
left: [{ left: k() }],
visibility: [
"visible",
"invisible",
"collapse"
],
z: [{ z: [
I,
"auto",
a,
s
] }],
basis: [{ basis: [
R,
"full",
"auto",
b,
...i()
] }],
"flex-direction": [{ flex: [
"row",
"row-reverse",
"col",
"col-reverse"
] }],
"flex-wrap": [{ flex: [
"nowrap",
"wrap",
"wrap-reverse"
] }],
flex: [{ flex: [
p,
R,
"auto",
"initial",
"none",
s
] }],
grow: [{ grow: [
"",
p,
a,
s
] }],
shrink: [{ shrink: [
"",
p,
a,
s
] }],
order: [{ order: [
I,
"first",
"last",
"none",
a,
s
] }],
"grid-cols": [{ "grid-cols": ie() }],
"col-start-end": [{ col: le() }],
"col-start": [{ "col-start": U() }],
"col-end": [{ "col-end": U() }],
"grid-rows": [{ "grid-rows": ie() }],
"row-start-end": [{ row: le() }],
"row-start": [{ "row-start": U() }],
"row-end": [{ "row-end": U() }],
"grid-flow": [{ "grid-flow": [
"row",
"col",
"dense",
"row-dense",
"col-dense"
] }],
"auto-cols": [{ "auto-cols": ce() }],
"auto-rows": [{ "auto-rows": ce() }],
gap: [{ gap: i() }],
"gap-x": [{ "gap-x": i() }],
"gap-y": [{ "gap-y": i() }],
"justify-content": [{ justify: [...Q(), "normal"] }],
"justify-items": [{ "justify-items": [...F(), "normal"] }],
"justify-self": [{ "justify-self": ["auto", ...F()] }],
"align-content": [{ content: ["normal", ...Q()] }],
"align-items": [{ items: [...F(), { baseline: ["", "last"] }] }],
"align-self": [{ self: [
"auto",
...F(),
{ baseline: ["", "last"] }
] }],
"place-content": [{ "place-content": Q() }],
"place-items": [{ "place-items": [...F(), "baseline"] }],
"place-self": [{ "place-self": ["auto", ...F()] }],
p: [{ p: i() }],
px: [{ px: i() }],
py: [{ py: i() }],
ps: [{ ps: i() }],
pe: [{ pe: i() }],
pbs: [{ pbs: i() }],
pbe: [{ pbe: i() }],
pt: [{ pt: i() }],
pr: [{ pr: i() }],
pb: [{ pb: i() }],
pl: [{ pl: i() }],
m: [{ m: z() }],
mx: [{ mx: z() }],
my: [{ my: z() }],
ms: [{ ms: z() }],
me: [{ me: z() }],
mbs: [{ mbs: z() }],
mbe: [{ mbe: z() }],
mt: [{ mt: z() }],
mr: [{ mr: z() }],
mb: [{ mb: z() }],
ml: [{ ml: z() }],
"space-x": [{ "space-x": i() }],
"space-x-reverse": ["space-x-reverse"],
"space-y": [{ "space-y": i() }],
"space-y-reverse": ["space-y-reverse"],
size: [{ size: O() }],
"inline-size": [{ inline: ["auto", ...Z()] }],
"min-inline-size": [{ "min-inline": ["auto", ...Z()] }],
"max-inline-size": [{ "max-inline": ["none", ...Z()] }],
"block-size": [{ block: ["auto", ...ee()] }],
"min-block-size": [{ "min-block": ["auto", ...ee()] }],
"max-block-size": [{ "max-block": ["none", ...ee()] }],
w: [{ w: [
b,
"screen",
...O()
] }],
"min-w": [{ "min-w": [
b,
"screen",
"none",
...O()
] }],
"max-w": [{ "max-w": [
b,
"screen",
"none",
"prose",
{ screen: [n] },
...O()
] }],
h: [{ h: [
"screen",
"lh",
...O()
] }],
"min-h": [{ "min-h": [
"screen",
"lh",
"none",
...O()
] }],
"max-h": [{ "max-h": [
"screen",
"lh",
...O()
] }],
"font-size": [{ text: [
"base",
r,
_,
E
] }],
"font-smoothing": ["antialiased", "subpixel-antialiased"],
"font-style": ["italic", "not-italic"],
"font-weight": [{ font: [
o,
kr,
fr
] }],
"font-stretch": [{ "font-stretch": [
"ultra-condensed",
"extra-condensed",
"condensed",
"semi-condensed",
"normal",
"semi-expanded",
"expanded",
"extra-expanded",
"ultra-expanded",
te,
s
] }],
"font-family": [{ font: [
vr,
gr,
t
] }],
"font-features": [{ "font-features": [s] }],
"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: [
l,
a,
s
] }],
"line-clamp": [{ "line-clamp": [
p,
"none",
a,
ve
] }],
leading: [{ leading: [m, ...i()] }],
"list-image": [{ "list-image": [
"none",
a,
s
] }],
"list-style-position": [{ list: ["inside", "outside"] }],
"list-style-type": [{ list: [
"disc",
"decimal",
"none",
a,
s
] }],
"text-alignment": [{ text: [
"left",
"center",
"right",
"justify",
"start",
"end"
] }],
"placeholder-color": [{ placeholder: c() }],
"text-color": [{ text: c() }],
"text-decoration": [
"underline",
"overline",
"line-through",
"no-underline"
],
"text-decoration-style": [{ decoration: [...D(), "wavy"] }],
"text-decoration-thickness": [{ decoration: [
p,
"from-font",
"auto",
a,
E
] }],
"text-decoration-color": [{ decoration: c() }],
"underline-offset": [{ "underline-offset": [
p,
"auto",
a,
s
] }],
"text-transform": [
"uppercase",
"lowercase",
"capitalize",
"normal-case"
],
"text-overflow": [
"truncate",
"text-ellipsis",
"text-clip"
],
"text-wrap": [{ text: [
"wrap",
"nowrap",
"balance",
"pretty"
] }],
indent: [{ indent: i() }],
"vertical-align": [{ align: [
"baseline",
"top",
"middle",
"bottom",
"text-top",
"text-bottom",
"sub",
"super",
a,
s
] }],
whitespace: [{ whitespace: [
"normal",
"nowrap",
"pre",
"pre-line",
"pre-wrap",
"break-spaces"
] }],
break: [{ break: [
"normal",
"words",
"all",
"keep"
] }],
wrap: [{ wrap: [
"break-word",
"anywhere",
"normal"
] }],
hyphens: [{ hyphens: [
"none",
"manual",
"auto"
] }],
content: [{ content: [
"none",
a,
s
] }],
"bg-attachment": [{ bg: [
"fixed",
"local",
"scroll"
] }],
"bg-clip": [{ "bg-clip": [
"border",
"padding",
"content",
"text"
] }],
"bg-origin": [{ "bg-origin": [
"border",
"padding",
"content"
] }],
"bg-position": [{ bg: de() }],
"bg-repeat": [{ bg: me() }],
"bg-size": [{ bg: pe() }],
"bg-image": [{ bg: [
"none",
{
linear: [
{ to: [
"t",
"tr",
"r",
"br",
"b",
"bl",
"l",
"tl"
] },
I,
a,
s
],
radial: [
"",
a,
s
],
conic: [
I,
a,
s
]
},
xr,
hr
] }],
"bg-color": [{ bg: c() }],
"gradient-from-pos": [{ from: re() }],
"gradient-via-pos": [{ via: re() }],
"gradient-to-pos": [{ to: re() }],
"gradient-from": [{ from: c() }],
"gradient-via": [{ via: c() }],
"gradient-to": [{ to: c() }],
rounded: [{ rounded: h() }],
"rounded-s": [{ "rounded-s": h() }],
"rounded-e": [{ "rounded-e": h() }],
"rounded-t": [{ "rounded-t": h() }],
"rounded-r": [{ "rounded-r": h() }],
"rounded-b": [{ "rounded-b": h() }],
"rounded-l": [{ "rounded-l": h() }],
"rounded-ss": [{ "rounded-ss": h() }],
"rounded-se": [{ "rounded-se": h() }],
"rounded-ee": [{ "rounded-ee": h() }],
"rounded-es": [{ "rounded-es": h() }],
"rounded-tl": [{ "rounded-tl": h() }],
"rounded-tr": [{ "rounded-tr": h() }],
"rounded-br": [{ "rounded-br": h() }],
"rounded-bl": [{ "rounded-bl": h() }],
"border-w": [{ border: v() }],
"border-w-x": [{ "border-x": v() }],
"border-w-y": [{ "border-y": v() }],
"border-w-s": [{ "border-s": v() }],
"border-w-e": [{ "border-e": v() }],
"border-w-bs": [{ "border-bs": v() }],
"border-w-be": [{ "border-be": v() }],
"border-w-t": [{ "border-t": v() }],
"border-w-r": [{ "border-r": v() }],
"border-w-b": [{ "border-b": v() }],
"border-w-l": [{ "border-l": v() }],
"divide-x": [{ "divide-x": v() }],
"divide-x-reverse": ["divide-x-reverse"],
"divide-y": [{ "divide-y": v() }],
"divide-y-reverse": ["divide-y-reverse"],
"border-style": [{ border: [
...D(),
"hidden",
"none"
] }],
"divide-style": [{ divide: [
...D(),
"hidden",
"none"
] }],
"border-color": [{ border: c() }],
"border-color-x": [{ "border-x": c() }],
"border-color-y": [{ "border-y": c() }],
"border-color-s": [{ "border-s": c() }],
"border-color-e": [{ "border-e": c() }],
"border-color-bs": [{ "border-bs": c() }],
"border-color-be": [{ "border-be": c() }],
"border-color-t": [{ "border-t": c() }],
"border-color-r": [{ "border-r": c() }],
"border-color-b": [{ "border-b": c() }],
"border-color-l": [{ "border-l": c() }],
"divide-color": [{ divide: c() }],
"outline-style": [{ outline: [
...D(),
"none",
"hidden"
] }],
"outline-offset": [{ "outline-offset": [
p,
a,
s
] }],
"outline-w": [{ outline: [
"",
p,
_,
E
] }],
"outline-color": [{ outline: c() }],
shadow: [{ shadow: [
"",
"none",
w,
H,
J
] }],
"shadow-color": [{ shadow: c() }],
"inset-shadow": [{ "inset-shadow": [
"none",
A,
H,
J
] }],
"inset-shadow-color": [{ "inset-shadow": c() }],
"ring-w": [{ ring: v() }],
"ring-w-inset": ["ring-inset"],
"ring-color": [{ ring: c() }],
"ring-offset-w": [{ "ring-offset": [p, E] }],
"ring-offset-color": [{ "ring-offset": c() }],
"inset-ring-w": [{ "inset-ring": v() }],
"inset-ring-color": [{ "inset-ring": c() }],
"text-shadow": [{ "text-shadow": [
"none",
C,
H,
J
] }],
"text-shadow-color": [{ "text-shadow": c() }],
opacity: [{ opacity: [
p,
a,
s
] }],
"mix-blend": [{ "mix-blend": [
...be(),
"plus-darker",
"plus-lighter"
] }],
"bg-blend": [{ "bg-blend": be() }],
"mask-clip": [{ "mask-clip": [
"border",
"padding",
"content",
"fill",
"stroke",
"view"
] }, "mask-no-clip"],
"mask-composite": [{ mask: [
"add",
"subtract",
"intersect",
"exclude"
] }],
"mask-image-linear-pos": [{ "mask-linear": [p] }],
"mask-image-linear-from-pos": [{ "mask-linear-from": g() }],
"mask-image-linear-to-pos": [{ "mask-linear-to": g() }],
"mask-image-linear-from-color": [{ "mask-linear-from": c() }],
"mask-image-linear-to-color": [{ "mask-linear-to": c() }],
"mask-image-t-from-pos": [{ "mask-t-from": g() }],
"mask-image-t-to-pos": [{ "mask-t-to": g() }],
"mask-image-t-from-color": [{ "mask-t-from": c() }],
"mask-image-t-to-color": [{ "mask-t-to": c() }],
"mask-image-r-from-pos": [{ "mask-r-from": g() }],
"mask-image-r-to-pos": [{ "mask-r-to": g() }],
"mask-image-r-from-color": [{ "mask-r-from": c() }],
"mask-image-r-to-color": [{ "mask-r-to": c() }],
"mask-image-b-from-pos": [{ "mask-b-from": g() }],
"mask-image-b-to-pos": [{ "mask-b-to": g() }],
"mask-image-b-from-color": [{ "mask-b-from": c() }],
"mask-image-b-to-color": [{ "mask-b-to": c() }],
"mask-image-l-from-pos": [{ "mask-l-from": g() }],
"mask-image-l-to-pos": [{ "mask-l-to": g() }],
"mask-image-l-from-color": [{ "mask-l-from": c() }],
"mask-image-l-to-color": [{ "mask-l-to": c() }],
"mask-image-x-from-pos": [{ "mask-x-from": g() }],
"mask-image-x-to-pos": [{ "mask-x-to": g() }],
"mask-image-x-from-color": [{ "mask-x-from": c() }],
"mask-image-x-to-color": [{ "mask-x-to": c() }],
"mask-image-y-from-pos": [{ "mask-y-from": g() }],
"mask-image-y-to-pos": [{ "mask-y-to": g() }],
"mask-image-y-from-color": [{ "mask-y-from": c() }],
"mask-image-y-to-color": [{ "mask-y-to": c() }],
"mask-image-radial": [{ "mask-radial": [a, s] }],
"mask-image-radial-from-pos": [{ "mask-radial-from": g() }],
"mask-image-radial-to-pos": [{ "mask-radial-to": g() }],
"mask-image-radial-from-color": [{ "mask-radial-from": c() }],
"mask-image-radial-to-color": [{ "mask-radial-to": c() }],
"mask-image-radial-shape": [{ "mask-radial": ["circle", "ellipse"] }],
"mask-image-radial-size": [{ "mask-radial": [{
closest: ["side", "corner"],
farthest: ["side", "corner"]
}] }],
"mask-image-radial-pos": [{ "mask-radial-at": N() }],
"mask-image-conic-pos": [{ "mask-conic": [p] }],
"mask-image-conic-from-pos": [{ "mask-conic-from": g() }],
"mask-image-conic-to-pos": [{ "mask-conic-to": g() }],
"mask-image-conic-from-color": [{ "mask-conic-from": c() }],
"mask-image-conic-to-color": [{ "mask-conic-to": c() }],
"mask-mode": [{ mask: [
"alpha",
"luminance",
"match"
] }],
"mask-origin": [{ "mask-origin": [
"border",
"padding",
"content",
"fill",
"stroke",
"view"
] }],
"mask-position": [{ mask: de() }],
"mask-repeat": [{ mask: me() }],
"mask-size": [{ mask: pe() }],
"mask-type": [{ "mask-type": ["alpha", "luminance"] }],
"mask-image": [{ mask: [
"none",
a,
s
] }],
filter: [{ filter: [
"",
"none",
a,
s
] }],
blur: [{ blur: ue() }],
brightness: [{ brightness: [
p,
a,
s
] }],
contrast: [{ contrast: [
p,
a,
s
] }],
"drop-shadow": [{ "drop-shadow": [
"",
"none",
P,
H,
J
] }],
"drop-shadow-color": [{ "drop-shadow": c() }],
grayscale: [{ grayscale: [
"",
p,
a,
s
] }],
"hue-rotate": [{ "hue-rotate": [
p,
a,
s
] }],
invert: [{ invert: [
"",
p,
a,
s
] }],
saturate: [{ saturate: [
p,
a,
s
] }],
sepia: [{ sepia: [
"",
p,
a,
s
] }],
"backdrop-filter": [{ "backdrop-filter": [
"",
"none",
a,
s
] }],
"backdrop-blur": [{ "backdrop-blur": ue() }],
"backdrop-brightness": [{ "backdrop-brightness": [
p,
a,
s
] }],
"backdrop-contrast": [{ "backdrop-contrast": [
p,
a,
s
] }],
"backdrop-grayscale": [{ "backdrop-grayscale": [
"",
p,
a,
s
] }],
"backdrop-hue-rotate": [{ "backdrop-hue-rotate": [
p,
a,
s
] }],
"backdrop-invert": [{ "backdrop-invert": [
"",
p,
a,
s
] }],
"backdrop-opacity": [{ "backdrop-opacity": [
p,
a,
s
] }],
"backdrop-saturate": [{ "backdrop-saturate": [
p,
a,
s
] }],
"backdrop-sepia": [{ "backdrop-sepia": [
"",
p,
a,
s
] }],
"border-collapse": [{ border: ["collapse", "separate"] }],
"border-spacing": [{ "border-spacing": i() }],
"border-spacing-x": [{ "border-spacing-x": i() }],
"border-spacing-y": [{ "border-spacing-y": i() }],
"table-layout": [{ table: ["auto", "fixed"] }],
caption: [{ caption: ["top", "bottom"] }],
transition: [{ transition: [
"",
"all",
"colors",
"opacity",
"shadow",
"transform",
"none",
a,
s
] }],
"transition-behavior": [{ transition: ["normal", "discrete"] }],
duration: [{ duration: [
p,
"initial",
a,
s
] }],
ease: [{ ease: [
"linear",
"initial",
T,
a,
s
] }],
delay: [{ delay: [
p,
a,
s
] }],
animate: [{ animate: [
"none",
$,
a,
s
] }],
backface: [{ backface: ["hidden", "visible"] }],
perspective: [{ perspective: [
y,
a,
s
] }],
"perspective-origin": [{ "perspective-origin": V() }],
rotate: [{ rotate: Y() }],
"rotate-x": [{ "rotate-x": Y() }],
"rotate-y": [{ "rotate-y": Y() }],
"rotate-z": [{ "rotate-z": Y() }],
scale: [{ scale: q() }],
"scale-x": [{ "scale-x": q() }],
"scale-y": [{ "scale-y": q() }],
"scale-z": [{ "scale-z": q() }],
"scale-3d": ["scale-3d"],
skew: [{ skew: oe() }],
"skew-x": [{ "skew-x": oe() }],
"skew-y": [{ "skew-y": oe() }],
transform: [{ transform: [
a,
s,
"",
"none",
"gpu",
"cpu"
] }],
"transform-origin": [{ origin: V() }],
"transform-style": [{ transform: ["3d", "flat"] }],
translate: [{ translate: X() }],
"translate-x": [{ "translate-x": X() }],
"translate-y": [{ "translate-y": X() }],
"translate-z": [{ "translate-z": X() }],
"translate-none": ["translate-none"],
accent: [{ accent: c() }],
appearance: [{ appearance: ["none", "auto"] }],
"caret-color": [{ caret: c() }],
"color-scheme": [{ scheme: [
"normal",
"dark",
"light",
"light-dark",
"only-dark",
"only-light"
] }],
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",
a,
s
] }],
"field-sizing": [{ "field-sizing": ["fixed", "content"] }],
"pointer-events": [{ "pointer-events": ["auto", "none"] }],
resize: [{ resize: [
"none",
"",
"y",
"x"
] }],
"scroll-behavior": [{ scroll: ["auto", "smooth"] }],
"scroll-m": [{ "scroll-m": i() }],
"scroll-mx": [{ "scroll-mx": i() }],
"scroll-my": [{ "scroll-my": i() }],
"scroll-ms": [{ "scroll-ms": i() }],
"scroll-me": [{ "scroll-me": i() }],
"scroll-mbs": [{ "scroll-mbs": i() }],
"scroll-mbe": [{ "scroll-mbe": i() }],
"scroll-mt": [{ "scroll-mt": i() }],
"scroll-mr": [{ "scroll-mr": i() }],
"scroll-mb": [{ "scroll-mb": i() }],
"scroll-ml": [{ "scroll-ml": i() }],
"scroll-p": [{ "scroll-p": i() }],
"scroll-px": [{ "scroll-px": i() }],
"scroll-py": [{ "scroll-py": i() }],
"scroll-ps": [{ "scroll-ps": i() }],
"scroll-pe": [{ "scroll-pe": i() }],
"scroll-pbs": [{ "scroll-pbs": i() }],
"scroll-pbe": [{ "scroll-pbe": i() }],
"scroll-pt": [{ "scroll-pt": i() }],
"scroll-pr": [{ "scroll-pr": i() }],
"scroll-pb": [{ "scroll-pb": i() }],
"scroll-pl": [{ "scroll-pl": i() }],
"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",
a,
s
] }],
fill: [{ fill: ["none", ...c()] }],
"stroke-w": [{ stroke: [
p,
_,
E,
ve
] }],
stroke: [{ stroke: ["none", ...c()] }],
"forced-color-adjust": [{ "forced-color-adjust": ["auto", "none"] }]
},
conflictingClassGroups: {
overflow: ["overflow-x", "overflow-y"],
overscroll: ["overscroll-x", "overscroll-y"],
inset: [
"inset-x",
"inset-y",
"inset-bs",
"inset-be",
"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",
"pbs",
"pbe",
"pt",
"pr",
"pb",
"pl"
],
px: ["pr", "pl"],
py: ["pt", "pb"],
m: [
"mx",
"my",
"ms",
"me",
"mbs",
"mbe",
"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-x",
"border-w-y",
"border-w-s",
"border-w-e",
"border-w-bs",
"border-w-be",
"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-x",
"border-color-y",
"border-color-s",
"border-color-e",
"border-color-bs",
"border-color-be",
"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"],
translate: [
"translate-x",
"translate-y",
"translate-none"
],
"translate-none": [
"translate",
"translate-x",
"translate-y",
"translate-z"
],
"scroll-m": [
"scroll-mx",
"scroll-my",
"scroll-ms",
"scroll-me",
"scroll-mbs",
"scroll-mbe",
"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-pbs",
"scroll-pbe",
"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"] },
orderSensitiveModifiers: [
"*",
"**",
"after",
"backdrop",
"before",
"details-content",
"file",
"first-letter",
"first-line",
"marker",
"placeholder",
"selection"
]
};
}, Cr = /* @__PURE__ */ or(zr), Sr = (...e) => Cr(Ee(e)), Rr = (e, t) => e.filter((r) => r.toLocaleLowerCase().indexOf(t.toLocaleLowerCase()) > -1), Ir = !!(typeof window < "u" && window.document && window.document.createElement), Mr = (e) => getComputedStyle(document.documentElement).getPropertyValue(e).trim() || e;
export {
Mr as i,
Rr as n,
Ir as r,
Sr as t
};