@obosbbl/grunnmuren-react 1.14.7 → 1.14.8

package/dist/grunnmuren.js

@@ -1,16 +1,16 @@
 'use client';
 import { jsx as o, jsxs as f, Fragment as O } from "react/jsx-runtime";
-import { createContext as y, useContext as A, useState as q, useCallback as N, useEffect as fe, useId as $, forwardRef as h, Children as Z, isValidElement as ee, cloneElement as W, useRef as E, useMemo as C, useReducer as ge } from "react";
+import { createContext as y, useContext as A, useState as q, useCallback as N, useEffect as fe, useId as ee, forwardRef as h, Children as Z, isValidElement as W, cloneElement as K, useRef as E, useMemo as C, useReducer as ge } from "react";
 import { ChevronDown as te, Warning as re, InfoCircle as ne, LoadingSpinner as he, CheckCircle as pe, MenuAlt as Ae, Close as xe, ChevronRight as ve, ChevronLeft as Ne } from "@obosbbl/grunnmuren-icons";
 import { useCollapse as ye } from "react-collapsed";
 import c from "clsx";
 import { useMediaQuery as ae, useUpdateEffect as we } from "@react-hookz/web";
-import { mergeRefs as K } from "react-merge-refs";
+import { mergeRefs as X } from "react-merge-refs";
 const I = () => {
-}, Ie = 300, Ce = "duration-300", X = (e) => {
+}, Ie = 300, Ce = "duration-300", Y = (e) => {
   const { className: r, ...t } = e;
   return /* @__PURE__ */ o("div", { className: c(r, "flex flex-col gap-2"), ...t });
-}, Y = y({
+}, Q = y({
   isExpanded: !1,
   setExpanded: I,
   // @ts-expect-error noop
@@ -25,7 +25,7 @@ const I = () => {
     duration: Ie,
     easing: "cubic-bezier(0.25, 0.1, 0.25, 1)"
   });
-  return /* @__PURE__ */ o(Y.Provider, { value: { onChange: n, ...i }, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ o(Q.Provider, { value: { onChange: n, ...i }, children: /* @__PURE__ */ o(
     "div",
     {
       className: c(
@@ -37,7 +37,7 @@ const I = () => {
     }
   ) });
 }, Se = (e) => {
-  const { children: r, className: t, as: n = "h3", ...a } = e, { getToggleProps: s, onChange: i, isExpanded: d } = A(Y), u = s({ onClick: () => i(!d) });
+  const { children: r, className: t, as: n = "h3", ...a } = e, { getToggleProps: s, onChange: i, isExpanded: d } = A(Q), u = s({ onClick: () => i(!d) });
   return /* @__PURE__ */ o(n, { children: /* @__PURE__ */ f(
     "button",
     {
@@ -60,12 +60,12 @@ const I = () => {
     }
   ) });
 }, Re = (e) => {
-  const { getCollapseProps: r } = A(Y), { className: t, ...n } = e, a = r();
+  const { getCollapseProps: r } = A(Q), { className: t, ...n } = e, a = r();
   return /* @__PURE__ */ o("div", { ...a, "aria-labelledby": oe(a.id), children: /* @__PURE__ */ o("div", { className: c(t, "p-5 pb-10"), ...n }) });
 }, oe = (e) => e + "toggle";
-X.Item = Ee;
-X.Header = Se;
-X.Content = Re;
+Y.Item = Ee;
+Y.Header = Se;
+Y.Content = Re;
 const ct = (e) => {
   const { className: r, children: t, heading: n, severity: a = "alert", ...s } = e;
   return /* @__PURE__ */ o(
@@ -131,7 +131,7 @@ function P(e, r = !0) {
   }, [r, d]), { validity: t, validationMessage: a };
 }
 function S(e) {
-  const r = $();
+  const r = ee();
   return e ?? r;
 }
 const mt = (e) => {
@@ -212,13 +212,13 @@ const mt = (e) => {
 ] });
 function ie(e) {
   return Z.map(e, (r) => {
-    if (!ee(r))
+    if (!W(r))
       return typeof r == "string" ? /* @__PURE__ */ o("span", { children: r }) : r;
     if (r.props.children) {
       const t = {
         children: ie(r.props.children)
       };
-      r = W(r, t);
+      r = K(r, t);
     }
     return r;
   });
@@ -266,9 +266,9 @@ const L = y("standard"), le = y(!0), ze = (e, r) => {
       "max-md:rounded-b-3xl w-full",
       s ? "md:rounded-r-3xl" : "md:rounded-l-3xl md:order-1"
     );
-    if (ee(n)) {
+    if (W(n)) {
       const d = Z.only(n);
-      return W(d, {
+      return K(d, {
         // @ts-expect-error assume className prop is allowed
         className: i,
         ref: r,
@@ -628,7 +628,7 @@ const L = y("standard"), le = y(!0), ze = (e, r) => {
       ]
     }
   );
-}, Q = y([
+}, U = y([
   {
     activeStep: 1,
     formData: {}
@@ -637,7 +637,7 @@ const L = y("standard"), le = y(!0), ze = (e, r) => {
   }
 ]);
 function Et() {
-  const [e, r] = A(Q);
+  const [e, r] = A(U);
   return {
     activeStep: e.activeStep,
     formData: e.formData,
@@ -645,7 +645,7 @@ function Et() {
   };
 }
 function Xe(e) {
-  const [r, t] = A(Q), n = N(async () => {
+  const [r, t] = A(U), n = N(async () => {
     t({ type: "PREV_STEP" });
   }, [t]), a = N(
     (d) => {
@@ -707,7 +707,7 @@ function St({ children: e }) {
     activeStep: 1,
     formData: {}
   }), n = C(() => [r, t], [r, t]);
-  return /* @__PURE__ */ o(Q.Provider, { value: n, children: e });
+  return /* @__PURE__ */ o(U.Provider, { value: n, children: e });
 }
 const Rt = (e) => {
   const {
@@ -947,7 +947,7 @@ const Mt = (e) => {
   isExpanded: !1,
   collapsibleId: ""
 }), zt = (e) => {
-  const { className: r, children: t, ...n } = e, a = $(), [s, i] = q(!1), d = C(
+  const { className: r, children: t, ...n } = e, a = ee(), [s, i] = q(!1), d = C(
     () => ({ isExpanded: s, setIsExpanded: i, collapsibleId: a }),
     [s, a]
   );
@@ -1081,7 +1081,7 @@ const Mt = (e) => {
           }
         ),
         /* @__PURE__ */ o(
-          G,
+          _,
           {
             page: 1,
             href: s(1),
@@ -1092,7 +1092,7 @@ const Mt = (e) => {
         ),
         n > 2 + w * 2 && t > w + 2 && /* @__PURE__ */ o(He, {}),
         /* @__PURE__ */ o(Ge, { children: (b) => /* @__PURE__ */ o(
-          G,
+          _,
           {
             href: s(b),
             onClick: g(b),
@@ -1116,7 +1116,7 @@ const Mt = (e) => {
 }, Be = h((e, r) => {
   const { currentPage: t, pageCount: n } = A(T), a = t >= n;
   return /* @__PURE__ */ o(
-    U,
+    B,
     {
       "aria-hidden": a,
       className: a ? "invisible" : void 0,
@@ -1129,7 +1129,7 @@ const Mt = (e) => {
 }), De = h((e, r) => {
   const { currentPage: t } = A(T), n = t <= 1;
   return /* @__PURE__ */ o(
-    U,
+    B,
     {
       "aria-hidden": n,
       className: n ? "invisible" : void 0,
@@ -1139,7 +1139,7 @@ const Mt = (e) => {
       children: /* @__PURE__ */ o(Ne, {})
     }
   );
-}), U = h((e, r) => {
+}), B = h((e, r) => {
   const { className: t, ...n } = e;
   return /* @__PURE__ */ o(
     "a",
@@ -1162,9 +1162,9 @@ const Mt = (e) => {
     1
   );
   return a - w === 0 && (a = a - 1), Array.from({ length: n - a }, (i, d) => a + d + 1).map((i) => e(i));
-}, G = h((e, r) => {
+}, _ = h((e, r) => {
   const { page: t, selected: n, ...a } = e;
-  return /* @__PURE__ */ o(U, { "aria-current": n ? "page" : void 0, ref: r, ...a, children: t });
+  return /* @__PURE__ */ o(B, { "aria-current": n ? "page" : void 0, ref: r, ...a, children: t });
 }), me = y({
   defaultValue: void 0,
   isControlled: !1,
@@ -1224,25 +1224,25 @@ const Mt = (e) => {
         error: !!i
       }),
       [a, t, m, v, b, p, i]
-    ), J = S(d), B = `${J}:label`, D = `${J}:help`, H = J + "err", j = i;
+    ), J = S(d), D = `${J}:label`, H = `${J}:help`, G = J + "err", j = i;
     return /* @__PURE__ */ o(me.Provider, { value: F, children: /* @__PURE__ */ f(
       "div",
       {
         "aria-describedby": c({
-          [H]: j,
-          [D]: s
+          [G]: j,
+          [H]: s
         }) || void 0,
         "aria-invalid": !!i,
-        "aria-labelledby": l ? B : void 0,
+        "aria-labelledby": l ? D : void 0,
         className: c(n, "flex flex-col gap-4"),
         role: "radiogroup",
         ref: r,
         ...x,
         children: [
-          l && /* @__PURE__ */ o(z, { id: B, isRequired: b, isInvalid: !!i, children: l }),
-          s && /* @__PURE__ */ o(M, { id: D, children: s }),
+          l && /* @__PURE__ */ o(z, { id: D, isRequired: b, isInvalid: !!i, children: l }),
+          s && /* @__PURE__ */ o(M, { id: H, children: s }),
           u,
-          j && /* @__PURE__ */ o(R, { id: H, children: j })
+          j && /* @__PURE__ */ o(R, { id: G, children: j })
         ]
       }
     ) });
@@ -1285,7 +1285,7 @@ const Mt = (e) => {
       label: s,
       disableValidation: i = !1,
       ...d
-    } = e, u = E(null), l = K([u, r]), { validity: m, validationMessage: g } = P(
+    } = e, u = E(null), l = X([u, r]), { validity: m, validationMessage: g } = P(
       u,
       !i
     ), b = S(a), p = b + "help", x = b + "err", v = n || g;
@@ -1334,18 +1334,18 @@ const Mt = (e) => {
     ),
     /* @__PURE__ */ f("div", { className: "snackbar-actions flex justify-end gap-4 max-md:mt-3 md:ml-4", children: [
       /* @__PURE__ */ o(
-        _,
+        $,
         {
           "aria-expanded": a,
           onClick: () => s(!a),
           children: a ? "Les mindre" : "Les mer"
         }
       ),
-      /* @__PURE__ */ o(_, { onClick: n, children: "Ok" })
+      /* @__PURE__ */ o($, { onClick: n, children: "Ok" })
     ] }),
     a && t
   ] }) }) });
-}, _ = (e) => /* @__PURE__ */ o(
+}, $ = (e) => /* @__PURE__ */ o(
   "button",
   {
     className: c(
@@ -1364,9 +1364,12 @@ const Mt = (e) => {
   }
 ), $e = (e) => {
   const { align: r = "center", children: t, className: n, ...a } = e;
-  return /* @__PURE__ */ o("ol", { className: c(n, "flex flex-col gap-8 md:gap-12"), ...a, children: Z.map(t, (s) => W(s, {
-    align: r
-  })) });
+  return /* @__PURE__ */ o("ol", { className: c(n, "flex flex-col gap-8 md:gap-12"), ...a, children: Z.map(t, (s) => {
+    if (W(s))
+      return K(s, {
+        align: r
+      });
+  }) });
 }, et = (e) => {
   const { className: r, children: t, bullet: n, align: a = "center", ...s } = e;
   return /* @__PURE__ */ f(
@@ -1408,7 +1411,7 @@ const Qt = h(
       label: s,
       disableValidation: i = !1,
       ...d
-    } = e, u = E(null), l = K([u, r]), { validity: m, validationMessage: g } = P(
+    } = e, u = E(null), l = X([u, r]), { validity: m, validationMessage: g } = P(
       u,
       !i
     ), b = S(a), p = b + "help", x = b + "err", v = n || g;
@@ -1453,7 +1456,7 @@ const Qt = h(
     } = e, l = E(null), { validity: m, validationMessage: g } = P(
       l,
       !d
-    ), b = S(a), p = b + "help", x = b + "err", v = n || g, F = K([l, r]);
+    ), b = S(a), p = b + "help", x = b + "err", v = n || g, F = X([l, r]);
     return /* @__PURE__ */ f("div", { className: "grid gap-2", children: [
       /* @__PURE__ */ o(
         z,
@@ -1484,7 +1487,7 @@ const Qt = h(
   }
 );
 export {
-  X as Accordion,
+  Y as Accordion,
   Re as AccordionContent,
   Se as AccordionHeader,
   Ee as AccordionItem,
@@ -1533,7 +1536,7 @@ export {
   Wt as RadioGroup,
   Kt as Select,
   Xt as Snackbar,
-  _ as SnackbarButton,
+  $ as SnackbarButton,
   Yt as SnackbarContent,
   $e as StepList,
   et as StepListItem,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@obosbbl/grunnmuren-react",
-  "version": "1.14.7",
+  "version": "1.14.8",
   "description": "OBOS Grunnmuren design system React components",
   "license": "MIT",
   "type": "module",