@ogcio/design-system-react 1.18.1 → 1.20.0

package/dist/popover/popover.js

@@ -1,4 +1,5 @@
 "use client";
+import "@ogcio/design-system-react/browser-check";
 import { jsx as dt } from "react/jsx-runtime";
 import { useRef as Ee, useEffect as Ae } from "react";
 import { cn as mt } from "../cn.js";
@@ -904,7 +905,7 @@ function br(e) {
 var wr = [Xt, sr, Ft, kt, or, er, ur, Wt, rr], xr = /* @__PURE__ */ br({
   defaultModifiers: wr
 });
-const Dr = ({
+const Br = ({
   triggerRef: e,
   children: t,
   className: r,
@@ -1001,5 +1002,5 @@ const Dr = ({
   ) : null;
 };
 export {
-  Dr as Popover
+  Br as Popover
 };

package/dist/radio/radio-group.js

@@ -1,4 +1,5 @@
 "use client";
+import "@ogcio/design-system-react/browser-check";
 import { InputRadioGroup as o } from "../input-radio-group/input-radio-group.js";
 const p = o;
 p.displayName = "RadioGroup";

package/dist/radio/radio.js

@@ -1,4 +1,5 @@
 "use client";
+import "@ogcio/design-system-react/browser-check";
 import { InputRadio as o } from "../input-radio/input-radio.js";
 const i = o;
 i.displayName = "Radio";

package/dist/score-select/score-select.js

@@ -1,11 +1,12 @@
 "use client";
+import "@ogcio/design-system-react/browser-check";
 import { jsxs as a, jsx as s, Fragment as F } from "react/jsx-runtime";
 import { useId as G } from "react";
 import { ButtonGroup as j, ButtonGroupItem as w } from "../button-group/button-group.js";
 import { cn as o } from "../cn.js";
 import { FormField as O, FormFieldLabel as V, FormFieldHint as E } from "../forms/form-field/form-field.js";
 import { useBreakpoint as H, Breakpoint as $ } from "../hooks/use-breakpoint.js";
-const K = ({
+const P = ({
   name: B,
   size: x = "medium",
   orientation: t = "horizontal",
@@ -18,7 +19,7 @@ const K = ({
   onChange: v,
   type: f
 }) => {
-  const h = G(), b = `${h}-label`, n = d ? `${h}-hint` : void 0, { breakpoint: p } = H(), g = p === $.ExtraSmall || p === $.Small;
+  const p = G(), b = `${p}-label`, n = d ? `${p}-hint` : void 0, { breakpoint: h } = H(), g = h === $.ExtraSmall || h === $.Small;
   let l = [];
   switch (f) {
     case "1-5": {
@@ -156,5 +157,5 @@ const K = ({
   ] });
 };
 export {
-  K as ScoreSelect
+  P as ScoreSelect
 };

package/dist/select/select-menu.js

@@ -1,5 +1,6 @@
 "use client";
-import { jsxs as v, jsx as n } from "react/jsx-runtime";
+import "@ogcio/design-system-react/browser-check";
+import { jsxs as v, jsx as r } from "react/jsx-runtime";
 import { forwardRef as F, useState as $, useEffect as R, Children as z, isValidElement as A, cloneElement as h } from "react";
 import { cn as P } from "../cn.js";
 import { translate as K } from "../i18n/utility.js";
@@ -7,8 +8,8 @@ import { Icon as q } from "../icon/icon.js";
 import { InputText as H } from "../input-text/input-text.js";
 import { Label as J } from "../label/label.js";
 import { Spinner as Q } from "../spinner/spinner.js";
-const re = F(
-  ({ children: o, className: i, onChange: l, enableSearch: r, isLoading: c, showNoData: d }, g) => {
+const ie = F(
+  ({ children: o, className: i, onChange: l, enableSearch: n, isLoading: c, showNoData: d }, g) => {
     const [s, O] = $(""), [S, w] = $([]);
     R(() => {
       const u = z.toArray(o).filter(
@@ -24,7 +25,7 @@ const re = F(
               if (D.includes(x) || E.includes(x))
                 return h(e, {
                   onChange: l,
-                  enableSearch: r
+                  enableSearch: n
                 });
             }
             break;
@@ -54,11 +55,11 @@ const re = F(
     }, [o, s, l]);
     const y = (m) => {
       O(m.target.value);
-    }, b = () => c ? /* @__PURE__ */ n("div", { className: "gi-select-menu-loading", children: /* @__PURE__ */ n(Q, { size: "md" }) }) : d ? /* @__PURE__ */ n("div", { className: "gi-select-menu-option-not-found", children: K("autocomplete.noData", {
+    }, b = () => c ? /* @__PURE__ */ r("div", { className: "gi-select-menu-loading", children: /* @__PURE__ */ r(Q, { size: "md" }) }) : d ? /* @__PURE__ */ r("div", { className: "gi-select-menu-option-not-found", children: K("autocomplete.noData", {
       defaultValue: "No data found."
-    }) }) : /* @__PURE__ */ n("ul", { "aria-label": "options", role: "listbox", children: S });
+    }) }) : /* @__PURE__ */ r("ul", { "aria-label": "options", role: "listbox", children: S });
     return /* @__PURE__ */ v("div", { ref: g, className: P("gi-select-menu-container", i), children: [
-      r && /* @__PURE__ */ n("div", { className: "gi-select-menu-input-container", children: /* @__PURE__ */ n(
+      n && /* @__PURE__ */ r("div", { className: "gi-select-menu-input-container", children: /* @__PURE__ */ r(
         H,
         {
           tabIndex: 0,
@@ -68,14 +69,14 @@ const re = F(
           value: s
         }
       ) }),
-      /* @__PURE__ */ n("div", { className: "gi-select-menu-option-container", children: b() })
+      /* @__PURE__ */ r("div", { className: "gi-select-menu-option-container", children: b() })
     ] });
   }
 ), U = ({
   children: o,
   value: i,
   selected: l,
-  onChange: r,
+  onChange: n,
   disabled: c,
   dataTestid: d,
   className: g,
@@ -86,9 +87,9 @@ const re = F(
   ...y
 }) => {
   const b = (u) => {
-    (u.key === "Enter" || u.key === " ") && (u.preventDefault(), r == null || r(i));
+    (u.key === "Enter" || u.key === " ") && (u.preventDefault(), n == null || n(i));
   }, m = () => {
-    c || r == null || r(i);
+    c || n == null || n(i);
   };
   return s ? null : /* @__PURE__ */ v(
     "li",
@@ -113,8 +114,8 @@ const re = F(
       "data-testid": d || `option-${i}`,
       ...y,
       children: [
-        /* @__PURE__ */ n("span", { className: "gi-text-sm", children: o }),
-        l && /* @__PURE__ */ n(q, { icon: "check" })
+        /* @__PURE__ */ r("span", { className: "gi-text-sm", children: o }),
+        l && /* @__PURE__ */ r(q, { icon: "check" })
       ]
     },
     `${o}-${i}`
@@ -130,7 +131,7 @@ const W = ({
   label: i,
   ...l
 }) => /* @__PURE__ */ v("div", { ...l, role: "group", className: "gi-px-3", children: [
-  /* @__PURE__ */ n(J, { text: i, size: "sm", className: "gi-font-bold gi-pb-1" }),
+  /* @__PURE__ */ r(J, { text: i, size: "sm", className: "gi-font-bold gi-pb-1" }),
   o
 ] });
 Object.defineProperty(W, "componentType", {
@@ -139,7 +140,7 @@ Object.defineProperty(W, "componentType", {
   enumerable: !1
 });
 export {
-  re as SelectMenu,
+  ie as SelectMenu,
   W as SelectMenuGroupItem,
   U as SelectMenuOption
 };

package/dist/select/select-next.js

@@ -1,4 +1,5 @@
 "use client";
+import "@ogcio/design-system-react/browser-check";
 import { jsx as l, jsxs as V } from "react/jsx-runtime";
 import { forwardRef as W, useRef as b, useState as w, useImperativeHandle as X, Children as k, isValidElement as E, useEffect as M } from "react";
 import { cn as H } from "../cn.js";
@@ -227,7 +228,7 @@ Object.defineProperty(re, "componentType", {
   writable: !1,
   enumerable: !1
 });
-const fe = (S) => {
+const me = (S) => {
   const { options: p, defaultValue: I, onChange: d, error: g } = S;
   return /* @__PURE__ */ l(
     ne,
@@ -245,5 +246,5 @@ export {
   re as SelectGroupItemNext,
   q as SelectItemNext,
   ne as SelectNext,
-  fe as SelectNextTableCell
+  me as SelectNextTableCell
 };

package/dist/select/select.js

@@ -1,11 +1,12 @@
 "use client";
+import "@ogcio/design-system-react/browser-check";
 import { SelectNative as e } from "./select-native.js";
-import { SelectGroupItem as m, SelectItem as r, SelectTableCell as S } from "./select-native.js";
+import { SelectGroupItem as r, SelectItem as p, SelectTableCell as S } from "./select-native.js";
 const t = e;
 t.displayName = "Select";
 export {
   t as Select,
-  m as SelectGroupItem,
-  r as SelectItem,
+  r as SelectGroupItem,
+  p as SelectItem,
   S as SelectTableCell
 };

package/dist/side-nav/side-nav.js

@@ -1,4 +1,5 @@
 "use client";
+import "@ogcio/design-system-react/browser-check";
 import { jsxs as w, Fragment as V, jsx as s } from "react/jsx-runtime";
 import f, { memo as B, useEffect as q, useCallback as v, useState as _ } from "react";
 import { Button as A } from "../button/button.js";
@@ -45,18 +46,18 @@ const j = f.createContext(
       throw new Error("SideNavItem must be used within a SideNav");
     const {
       openItemIds: o,
-      selectedItemId: S,
-      setOpenItemIds: p,
+      selectedItemId: p,
+      setOpenItemIds: S,
       setSelectedItemId: C,
       navId: P
-    } = l, I = o.includes(t), x = S === t;
+    } = l, I = o.includes(t), x = p === t;
     q(() => {
-      r && p((d) => d.includes(t) ? d : [...d, t]);
-    }, [r, p, t]);
+      r && S((d) => d.includes(t) ? d : [...d, t]);
+    }, [r, S, t]);
     const h = v(() => {
       const d = I ? o.filter((R) => R !== t) : [...o, t];
-      p(d);
-    }, [I, o, p, t]), k = v(() => {
+      S(d);
+    }, [I, o, S, t]), k = v(() => {
       C(t);
     }, [C, t]), E = `${P}-${t}`, O = i && e, b = m !== void 0, D = v(() => {
       i && e && h(), k();
@@ -139,8 +140,8 @@ const j = f.createContext(
     const [t, u] = _([]), [m, g] = _(
       a
     ), r = f.useId(), l = v(
-      (S) => {
-        g(S), e == null || e(S);
+      (p) => {
+        g(p), e == null || e(p);
       },
       [e]
     ), o = f.useMemo(

package/dist/spinner/spinner.js

@@ -1,4 +1,5 @@
 "use client";
+import "@ogcio/design-system-react/browser-check";
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import { c as o } from "../index-CB-zPpNk.js";
 import { cn as l } from "../cn.js";
@@ -12,7 +13,7 @@ const c = {
     size: c
   }
 });
-function g({
+function f({
   size: t = "md",
   inline: s = !1,
   dataTestid: r
@@ -79,6 +80,6 @@ function g({
   );
 }
 export {
-  g as Spinner,
+  f as Spinner,
   c as spinnerSizeVariants
 };

package/dist/stack/stack.js

@@ -1,8 +1,9 @@
 "use client";
+import "@ogcio/design-system-react/browser-check";
 import { jsx as C, jsxs as h } from "react/jsx-runtime";
 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" ? {} : {
+import { cn as p } from "../cn.js";
+const c = (l) => typeof l == "string" ? {} : {
   isBaseColumn: l.base === "column",
   isBaseRow: l.base === "row",
   isXsColumn: l.xs === "column",
@@ -27,8 +28,8 @@ const p = (l) => typeof l == "string" ? {} : {
     isBaseColumn: s,
     isBaseRow: g,
     isXsColumn: e,
-    isXsRow: u,
-    isSmColumn: r,
+    isXsRow: r,
+    isSmColumn: u,
     isSmRow: m,
     isMdColumn: x,
     isMdRow: t,
@@ -38,14 +39,14 @@ const p = (l) => typeof l == "string" ? {} : {
     isXlRow: n,
     is2xlColumn: o,
     is2xlRow: i
-  } = p(l);
+  } = c(l);
   return {
     "gi-flex-row": g,
     "gi-flex-col": s,
-    "xs:gi-flex-row": u,
+    "xs:gi-flex-row": r,
     "xs:gi-flex-col": e,
     "sm:gi-flex-row": m,
-    "sm:gi-flex-col": r,
+    "sm:gi-flex-col": u,
     "md:gi-flex-row": t,
     "md:gi-flex-col": x,
     "lg:gi-flex-row": f,
@@ -67,8 +68,8 @@ const p = (l) => typeof l == "string" ? {} : {
     isBaseColumn: s,
     isBaseRow: g,
     isXsColumn: e,
-    isXsRow: u,
-    isSmColumn: r,
+    isXsRow: r,
+    isSmColumn: u,
     isSmRow: m,
     isMdColumn: x,
     isMdRow: t,
@@ -78,7 +79,7 @@ const p = (l) => typeof l == "string" ? {} : {
     isXlRow: n,
     is2xlColumn: o,
     is2xlRow: i
-  } = p(l);
+  } = c(l);
   return {
     "gi-w-full": s,
     "gi-h-[1px]": s,
@@ -86,10 +87,10 @@ const p = (l) => typeof l == "string" ? {} : {
     "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,
+    "xs:gi-h-full": r,
+    "xs:gi-w-[1px]": r,
+    "sm:gi-w-full": u,
+    "sm:gi-h-[1px]": u,
     "sm:gi-h-full": m,
     "sm:gi-w-[1px]": m,
     "md:gi-w-full": x,
@@ -132,7 +133,7 @@ const p = (l) => typeof l == "string" ? {} : {
   return /* @__PURE__ */ C(
     "div",
     {
-      className: `${c(s)} gi-bg-gray-400`,
+      className: `${p(s)} gi-bg-gray-400`,
       "aria-hidden": "true"
     }
   );
@@ -141,19 +142,19 @@ const p = (l) => typeof l == "string" ? {} : {
   direction: s = "column",
   fixedHeight: g = "100%",
   gap: e = 0,
-  hasDivider: u,
-  itemsAlignment: r = "start",
+  hasDivider: r,
+  itemsAlignment: u = "start",
   itemsDistribution: m = "start",
   wrap: x = !1,
   className: t,
   ...w
 }) => {
-  const f = c(
+  const f = p(
     t,
     "gi-flex",
     "gi-w-full",
     B(m),
-    v(r),
+    v(u),
     j(s),
     L(e),
     $(x)
@@ -167,7 +168,7 @@ const p = (l) => typeof l == "string" ? {} : {
           "data-testid": `govie-stack-item-${i}`
         }
       ) : o,
-      u && i < n.length - 1 && /* @__PURE__ */ C(M, { direction: s })
+      r && i < n.length - 1 && /* @__PURE__ */ C(M, { direction: s })
     ] }, `item_${i}`));
   })() });
 };