@ogcio/design-system-react 1.12.4 → 1.13.0

package/dist/stack/stack.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as C, jsxs as h } from "react/jsx-runtime";
-import { Children as R, Fragment as y, isValidElement as d, cloneElement as X } from "react";
+import { Children as R, Fragment as y, cloneElement as d, isValidElement as X } from "react";
 import { cn as c } from "../cn.js";
 const p = (l) => typeof l == "string" ? {} : {
   isBaseColumn: l.base === "column",
@@ -25,10 +25,10 @@ const p = (l) => typeof l == "string" ? {} : {
     };
   const {
     isBaseColumn: s,
-    isBaseRow: e,
-    isXsColumn: g,
-    isXsRow: r,
-    isSmColumn: u,
+    isBaseRow: g,
+    isXsColumn: e,
+    isXsRow: u,
+    isSmColumn: r,
     isSmRow: m,
     isMdColumn: x,
     isMdRow: t,
@@ -40,12 +40,12 @@ const p = (l) => typeof l == "string" ? {} : {
     is2xlRow: i
   } = p(l);
   return {
-    "gi-flex-row": e,
+    "gi-flex-row": g,
     "gi-flex-col": s,
-    "xs:gi-flex-row": r,
-    "xs:gi-flex-col": g,
+    "xs:gi-flex-row": u,
+    "xs:gi-flex-col": e,
     "sm:gi-flex-row": m,
-    "sm:gi-flex-col": u,
+    "sm:gi-flex-col": r,
     "md:gi-flex-row": t,
     "md:gi-flex-col": x,
     "lg:gi-flex-row": f,
@@ -65,10 +65,10 @@ const p = (l) => typeof l == "string" ? {} : {
     };
   const {
     isBaseColumn: s,
-    isBaseRow: e,
-    isXsColumn: g,
-    isXsRow: r,
-    isSmColumn: u,
+    isBaseRow: g,
+    isXsColumn: e,
+    isXsRow: u,
+    isSmColumn: r,
     isSmRow: m,
     isMdColumn: x,
     isMdRow: t,
@@ -82,14 +82,14 @@ const p = (l) => typeof l == "string" ? {} : {
   return {
     "gi-w-full": s,
     "gi-h-[1px]": s,
-    "gi-h-full": e,
-    "gi-w-[1px]": e,
-    "xs:gi-w-full": g,
-    "xs:gi-h-[1px]": g,
-    "xs:gi-h-full": r,
-    "xs:gi-w-[1px]": r,
-    "sm:gi-w-full": u,
-    "sm:gi-h-[1px]": u,
+    "gi-h-full": g,
+    "gi-w-[1px]": g,
+    "xs:gi-w-full": e,
+    "xs:gi-h-[1px]": e,
+    "xs:gi-h-full": u,
+    "xs:gi-w-[1px]": u,
+    "sm:gi-w-full": r,
+    "sm:gi-h-[1px]": r,
     "sm:gi-h-full": m,
     "sm:gi-w-[1px]": m,
     "md:gi-w-full": x,
@@ -126,7 +126,7 @@ const p = (l) => typeof l == "string" ? {} : {
   "gi-flex-wrap": l,
   "gi-flex-nowrap": !l
 }), L = (l) => typeof l == "number" && l ? `gi-gap-${l}` : Object.entries(l).map(
-  ([e, g]) => e === "base" ? `gi-gap-${g}` : `${e}:gi-gap-${g}`
+  ([g, e]) => g === "base" ? `gi-gap-${e}` : `${g}:gi-gap-${e}`
 ).join(" "), M = ({ direction: l }) => {
   const s = S(l);
   return /* @__PURE__ */ C(
@@ -139,10 +139,10 @@ const p = (l) => typeof l == "string" ? {} : {
 }, k = ({
   children: l,
   direction: s = "column",
-  fixedHeight: e = "100%",
-  gap: g = 0,
-  hasDivider: r,
-  itemsAlignment: u = "start",
+  fixedHeight: g = "100%",
+  gap: e = 0,
+  hasDivider: u,
+  itemsAlignment: r = "start",
   itemsDistribution: m = "start",
   wrap: x = !1,
   className: t,
@@ -153,32 +153,23 @@ const p = (l) => typeof l == "string" ? {} : {
     "gi-flex",
     "gi-w-full",
     B(m),
-    v(u),
+    v(r),
     j(s),
-    L(g),
+    L(e),
     $(x)
   );
-  return /* @__PURE__ */ C(
-    "div",
-    {
-      className: f,
-      role: "region",
-      style: { height: e },
-      ...w,
-      children: (() => {
-        const n = R.toArray(l);
-        return n.map((o, i) => /* @__PURE__ */ h(y, { children: [
-          d(o) ? X(
-            o,
-            {
-              "data-testid": `govie-stack-item-${i}`
-            }
-          ) : o,
-          r && i < n.length - 1 && /* @__PURE__ */ C(M, { direction: s })
-        ] }, `item_${i}`));
-      })()
-    }
-  );
+  return /* @__PURE__ */ C("div", { className: f, style: { height: g }, ...w, children: (() => {
+    const n = R.toArray(l);
+    return n.map((o, i) => /* @__PURE__ */ h(y, { children: [
+      X(o) ? d(
+        o,
+        {
+          "data-testid": `govie-stack-item-${i}`
+        }
+      ) : o,
+      u && i < n.length - 1 && /* @__PURE__ */ C(M, { direction: s })
+    ] }, `item_${i}`));
+  })() });
 };
 k.displayName = "Stack";
 export {