themelia-ui 2.0.1 → 3.1.0

package/dist/{structure-D0WGQAP3.js → structure-B9Y5NkP_.js}

@@ -1,18 +1,14 @@
-import "./css/structure.css";
+import "#core.css";
 import { t as e } from "./cx--CBrhWH0.js";
 import { n as t, r as n } from "./responsive-B4VDcIUK.js";
 import * as r from "react";
 import { jsx as i } from "react/jsx-runtime";
+import "#css/structure.css";
 //#region src/components/base/structure/structure.maps.ts
 var a = {
 	none: "0",
-	"2xs": "var(--space-2xs)",
-	xs: "var(--space-xs)",
-	sm: "var(--space-sm)",
-	md: "var(--space-md)",
-	lg: "var(--space-lg)",
-	xl: "var(--space-xl)",
-	"2xl": "var(--space-2xl)"
+	sm: "var(--gap-sm)",
+	default: "var(--gap)"
 }, o = {
 	vertical: "column",
 	horizontal: "row"
@@ -30,15 +26,11 @@ var a = {
 	around: "space-around",
 	evenly: "space-evenly"
 }, l = {
-	sm: "var(--adaptive-grid-min-sm)",
-	md: "var(--adaptive-grid-min-md)",
-	lg: "var(--adaptive-grid-min-lg)"
+	default: "16rem",
+	sm: "12rem"
 }, u = {
-	sm: "var(--content-width-sm)",
-	md: "var(--content-width-md)",
-	lg: "var(--content-width-lg)",
-	xl: "var(--content-width-xl)",
-	"2xl": "var(--content-width-2xl)",
+	default: "var(--content-width)",
+	sm: "40rem",
 	full: "100%",
 	none: "none"
 }, d = (e) => u[e] ?? e, f = {
@@ -53,7 +45,7 @@ var a = {
 		ref: y,
 		"data-slot": "stack",
 		className: e("stack--component", f.stack, g),
-		style: t(n("stack-direction", r, (e) => o[e]), n("stack-gap", l, (e) => a[e]), n("stack-align", u, (e) => s[e]), n("stack-justify", p, (e) => c[e]), n("stack-wrap", m, (e) => e ? "wrap" : "nowrap"), n("stack-max-width", h, d), _ ?? {}),
+		style: t(n("_stack-direction", r, (e) => o[e]), n("_stack-gap", l, (e) => a[e]), n("_stack-align", u, (e) => s[e]), n("_stack-justify", p, (e) => c[e]), n("_stack-wrap", m, (e) => e ? "wrap" : "nowrap"), n("_stack-max-width", h, d), _ ?? {}),
 		...v
 	});
 }), m = r.forwardRef(function({ columns: r, gap: o, rowGap: c, columnGap: l, align: u, maxWidth: p, className: m, style: h, ...g }, _) {
@@ -61,7 +53,7 @@ var a = {
 		ref: _,
 		"data-slot": "grid",
 		className: e("grid--component", f.grid, m),
-		style: t(n("grid-columns", r), n("grid-gap", o, (e) => a[e]), n("grid-row-gap", c, (e) => a[e]), n("grid-column-gap", l, (e) => a[e]), n("grid-align", u, (e) => s[e]), n("grid-max-width", p, d), h ?? {}),
+		style: t(n("_grid-columns", r), n("_grid-gap", o, (e) => a[e]), n("_grid-row-gap", c, (e) => a[e]), n("_grid-column-gap", l, (e) => a[e]), n("_grid-align", u, (e) => s[e]), n("_grid-max-width", p, d), h ?? {}),
 		...g
 	});
 }), h = r.forwardRef(function({ span: r, className: a, style: o, ...s }, c) {
@@ -70,15 +62,15 @@ var a = {
 		ref: c,
 		"data-slot": "grid-cell",
 		className: e("grid-cell--component", f.cell, a),
-		style: t(l ? { gridColumn: "1 / -1" } : n("cell-span", r), o ?? {}),
+		style: t(l ? { gridColumn: "1 / -1" } : n("_cell-span", r), o ?? {}),
 		...s
 	});
-}), g = r.forwardRef(function({ minColumnWidth: r = "md", gap: o, align: c, className: u, style: d, ...p }, m) {
+}), g = r.forwardRef(function({ minColumnWidth: r = "default", gap: o, align: c, className: u, style: d, ...p }, m) {
 	return /* @__PURE__ */ i("div", {
 		ref: m,
 		"data-slot": "adaptive-grid",
 		className: e("adaptive-grid--component", f.adaptive, u),
-		style: t({ "--adaptive-min": l[r] }, n("grid-gap", o, (e) => a[e]), n("grid-align", c, (e) => s[e]), d ?? {}),
+		style: t({ "--_adaptive-min": l[r] ?? r }, n("_grid-gap", o, (e) => a[e]), n("_grid-align", c, (e) => s[e]), d ?? {}),
 		...p
 	});
 }), _ = r.forwardRef(function({ side: r = "end", sideWidth: o, gap: s, collapseBelow: c = "md", className: l, style: u, ...p }, m) {
@@ -88,7 +80,7 @@ var a = {
 		"data-side": r,
 		"data-collapse": c,
 		className: e("split--component", f.split, l),
-		style: t(n("split-width", o, d), n("split-gap", s, (e) => a[e]), u ?? {}),
+		style: t(n("_split-width", o, d), n("_split-gap", s, (e) => a[e]), u ?? {}),
 		...p
 	});
 }), v = r.forwardRef(function({ amount: r, axis: o = "inline", className: s, style: c, ...l }, u) {
@@ -97,7 +89,7 @@ var a = {
 		"data-slot": "bleed",
 		"data-axis": o,
 		className: e("bleed--component", f.bleed, s),
-		style: t(n("bleed-amount", r, (e) => a[e]), c ?? {}),
+		style: t(n("_bleed-amount", r, (e) => a[e]), c ?? {}),
 		...l
 	});
 });