@ogcio/design-system-react 1.22.1 → 1.23.0

package/dist/details/details.js

@@ -1,9 +1,8 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
 import { jsxs as l, jsx as s } from "react/jsx-runtime";
 import { useRef as m, useState as u, useEffect as f } from "react";
-import { Icon as p } from "../icon/icon.js";
-const _ = ({ label: n, name: o, children: d, ...c }) => {
+import { Icon as g } from "../icon/icon.js";
+const N = ({ label: n, name: d, children: o, ...c }) => {
   const t = m(null), [e, i] = u(!1);
   return f(() => {
     var a, r;
@@ -19,7 +18,7 @@ const _ = ({ label: n, name: o, children: d, ...c }) => {
       "data-testid": "govie-details",
       className: "gi-details",
       "data-module": "gi-details",
-      name: o,
+      name: d,
       "aria-expanded": e ? "true" : "false",
       "aria-details": "details-content",
       ...c,
@@ -33,7 +32,7 @@ const _ = ({ label: n, name: o, children: d, ...c }) => {
             "aria-controls": "details-content",
             "aria-expanded": e ? "true" : "false",
             children: [
-              /* @__PURE__ */ s(p, { icon: e ? "keyboard_arrow_up" : "keyboard_arrow_down" }),
+              /* @__PURE__ */ s(g, { icon: e ? "keyboard_arrow_up" : "keyboard_arrow_down" }),
               /* @__PURE__ */ s("span", { className: "gi-details-summary-text", children: n })
             ]
           }
@@ -44,7 +43,7 @@ const _ = ({ label: n, name: o, children: d, ...c }) => {
             id: "details-content",
             className: "gi-details-text",
             "aria-hidden": e ? "false" : "true",
-            children: d
+            children: o
           }
         )
       ]
@@ -52,5 +51,5 @@ const _ = ({ label: n, name: o, children: d, ...c }) => {
   );
 };
 export {
-  _ as Details
+  N as Details
 };

package/dist/drawer/drawer.js

@@ -1,47 +1,46 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
-import { jsx as a, jsxs as C, Fragment as D } from "react/jsx-runtime";
+import { jsx as r, jsxs as C, Fragment as D } from "react/jsx-runtime";
 import { useState as O, cloneElement as j } from "react";
 import { cn as l } from "../cn.js";
 import { ModalBody as u, ModalFooter as h, ModalWrapper as k } from "../modal/modal.js";
 const v = ({
   children: o,
   className: e,
-  ...r
-}) => /* @__PURE__ */ a(
+  ...a
+}) => /* @__PURE__ */ r(
   k,
   {
     className: l("gi-drawer-container", e),
     closeButtonSize: "large",
-    ...r,
+    ...a,
     children: o
   }
 ), x = ({
   children: o,
   triggerButton: e,
-  startsOpen: r,
-  closeButtonLabel: i,
-  position: t = "right",
-  className: d
+  startsOpen: a,
+  closeButtonLabel: d,
+  position: i = "right",
+  className: t
 }) => {
-  const [m, n] = O(!!r), f = () => n(!0), w = () => n(!1), b = j(e, {
+  const [f, n] = O(!!a), m = () => n(!0), w = () => n(!1), b = j(e, {
     "data-testid": "drawer-trigger-button-container",
     onClick: (y) => {
       var c, p;
       const s = typeof ((c = e == null ? void 0 : e.props) == null ? void 0 : c.onClick) == "function" ? (p = e == null ? void 0 : e.props) == null ? void 0 : p.onClick : void 0;
-      s && s(y), f();
+      s && s(y), m();
     }
   });
   return /* @__PURE__ */ C(D, { children: [
     b,
-    /* @__PURE__ */ a(
+    /* @__PURE__ */ r(
       v,
       {
         children: o,
-        closeButtonLabel: i,
-        position: t,
-        className: d,
-        isOpen: m,
+        closeButtonLabel: d,
+        position: i,
+        className: t,
+        isOpen: f,
         onClose: w
       }
     )
@@ -52,7 +51,7 @@ Object.defineProperty(x, "componentType", {
   writable: !1,
   enumerable: !1
 });
-const F = ({ children: o, className: e }) => /* @__PURE__ */ a(
+const F = ({ children: o, className: e }) => /* @__PURE__ */ r(
   u,
   {
     includeModalClass: !1,
@@ -68,8 +67,8 @@ Object.defineProperty(F, "componentType", {
 const M = ({
   children: o,
   className: e,
-  stacked: r
-}) => /* @__PURE__ */ a(h, { stacked: r, className: l("gi-drawer-footer", e), children: o });
+  stacked: a
+}) => /* @__PURE__ */ r(h, { stacked: a, className: l("gi-drawer-footer", e), children: o });
 Object.defineProperty(M, "componentType", {
   value: "DrawerFooter",
   writable: !1,

package/dist/footer/footer.js

@@ -1,5 +1,4 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
 import { jsxs as i, jsx as t, Fragment as u } from "react/jsx-runtime";
 import { renderToStaticMarkup as c } from "react-dom/server";
 import h from "../assets/logos/gov-of-ireland/harp-gold-text-green.js";
@@ -25,7 +24,7 @@ function l({ logo: e }) {
     )
   ] });
 }
-function M({
+function H({
   primarySlot: e,
   secondarySlot: o,
   utilitySlot: n,
@@ -105,5 +104,5 @@ function M({
   );
 }
 export {
-  M as Footer
+  H as Footer
 };

package/dist/forms/form-field/form-field.js

@@ -1,5 +1,4 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
 import { jsx as l, jsxs as a, Fragment as p } from "react/jsx-runtime";
 import { S as x } from "../../index-2sRBqKFV.js";
 import { createContext as v, useContext as N, Children as C } from "react";
@@ -12,7 +11,7 @@ const f = v(null);
 function b(e) {
   N(f) || console.error(`[${e}] must be used within a <FormField>.`);
 }
-const U = (e) => ["error", "hint", "label"].some((r) => r in e) ? (console.warn(
+const I = (e) => ["error", "hint", "label"].some((r) => r in e) ? (console.warn(
   "[FormField] Using legacy props. Please migrate to the new composable API."
 ), /* @__PURE__ */ l(f.Provider, { value: !0, children: /* @__PURE__ */ a(y, { ...e, children: [
   e.label && /* @__PURE__ */ l(u, { ...e.label }),
@@ -115,7 +114,7 @@ Object.defineProperty(g, "componentType", {
 });
 g.displayName = "FormFieldError";
 export {
-  U as FormField,
+  I as FormField,
   g as FormFieldError,
   h as FormFieldHint,
   u as FormFieldLabel

package/dist/header/components/header-menu.js

@@ -1,15 +1,14 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
 import { jsxs as i, jsx as n } from "react/jsx-runtime";
 import { useState as h } from "react";
 import { cn as f } from "../../cn.js";
-import { Icon as p } from "../../icon/icon.js";
+import { Icon as g } from "../../icon/icon.js";
 import { ListItem as s } from "../../list-item/list-item.js";
-const g = ({ index: l, item: e }) => {
+const p = ({ index: l, item: e }) => {
   const [r, c] = h(!1), o = () => {
-    c((t) => !t);
-  }, a = (t) => {
-    (t.key === "Enter" || t.key === " ") && (t.preventDefault(), o());
+    c((a) => !a);
+  }, t = (a) => {
+    (a.key === "Enter" || a.key === " ") && (a.preventDefault(), o());
   };
   return /* @__PURE__ */ i(
     "div",
@@ -30,10 +29,10 @@ const g = ({ index: l, item: e }) => {
             className: "gi-header-accordion-item-toggle",
             tabIndex: 0,
             onClick: o,
-            onKeyDown: a,
+            onKeyDown: t,
             children: /* @__PURE__ */ i("div", { children: [
               /* @__PURE__ */ n("span", { className: "gi-text-sm gi-font-bold gi-ml-1", children: e.label }),
-              /* @__PURE__ */ n(p, { icon: "chevron_right", className: "gi-accordion-item-icon" })
+              /* @__PURE__ */ n(g, { icon: "chevron_right", className: "gi-accordion-item-icon" })
             ] })
           }
         ),
@@ -52,18 +51,18 @@ const g = ({ index: l, item: e }) => {
     },
     `Accordion-item-${l}`
   );
-}, v = ({
+}, m = ({
   items: l,
   secondaryLinks: e
 }) => /* @__PURE__ */ i("ul", { children: [
-  l == null ? void 0 : l.map(({ itemType: r, label: c, ...o }, a) => {
-    const [t, d] = [
+  l == null ? void 0 : l.map(({ itemType: r, label: c, ...o }, t) => {
+    const [a, d] = [
       r === "link" || r === "custom-link",
       r === "slot"
     ];
     if (!c)
       return null;
-    if (t)
+    if (a)
       return /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
         s,
         {
@@ -72,18 +71,18 @@ const g = ({ index: l, item: e }) => {
           external: o == null ? void 0 : o.external,
           slot: o == null ? void 0 : o.component
         }
-      ) }, `navLink-${c}-${a}`);
+      ) }, `navLink-${c}-${t}`);
     if (d)
       return /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
-        g,
+        p,
         {
-          index: a,
+          index: t,
           item: {
             label: c,
             slot: o == null ? void 0 : o.component
           }
         }
-      ) }, `toolItems-${c}-${a}`);
+      ) }, `toolItems-${c}-${t}`);
   }),
   e == null ? void 0 : e.map((r, c) => /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
     s,
@@ -96,6 +95,6 @@ const g = ({ index: l, item: e }) => {
   ) }, `secondary-${r.label}-${c}`))
 ] });
 export {
-  g as MenuItemAccordion,
-  v as MobileHeaderMenuItems
+  p as MenuItemAccordion,
+  m as MobileHeaderMenuItems
 };

package/dist/header/header-legacy.js

@@ -1,5 +1,4 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
 import { jsxs as c, jsx as e } from "react/jsx-runtime";
 import { useEffect as T, useMemo as I, createElement as x } from "react";
 import { renderToStaticMarkup as v } from "react-dom/server";
@@ -85,7 +84,7 @@ const Q = (r, n, t) => [{
     appearance: n
   }
 )) });
-function ge({
+function fe({
   title: r,
   items: n,
   logo: t,
@@ -219,5 +218,5 @@ function ge({
   );
 }
 export {
-  ge as HeaderLegacy
+  fe as HeaderLegacy
 };

package/dist/header/header-next/components/header-logo.js

@@ -1,19 +1,18 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
 import { jsx as o } from "react/jsx-runtime";
 import { headerLogoVariants as a } from "../../variants.js";
 import { useHeaderContext as t } from "../header-context.js";
-const i = ({ children: r }) => {
+const n = ({ children: r }) => {
   const e = t();
   if (!e)
     throw new Error("HeaderLogo must be used within a Header");
   return /* @__PURE__ */ o("div", { className: a({ appearance: e == null ? void 0 : e.variant }), children: r });
 };
-Object.defineProperty(i, "componentType", {
+Object.defineProperty(n, "componentType", {
   value: "HeaderLogo",
   writable: !1,
   enumerable: !1
 });
 export {
-  i as HeaderLogo
+  n as HeaderLogo
 };

package/dist/header/header-next/components/header-title.js

@@ -1,5 +1,4 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
 import { jsx as a } from "react/jsx-runtime";
 import { cn as o } from "../../../cn.js";
 import { headerTitleVariants as i } from "../../variants.js";

package/dist/header/header-next/components/menu/components/header-menu-item-button.js

@@ -1,16 +1,15 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
 import { jsx as n, Fragment as s, jsxs as u } from "react/jsx-runtime";
 import { a as c } from "../../../../../index-2sRBqKFV.js";
-import { cn as p } from "../../../../../cn.js";
-import { Icon as d } from "../../../../../icon/icon.js";
+import { cn as d } from "../../../../../cn.js";
+import { Icon as p } from "../../../../../icon/icon.js";
 import { Button as f } from "../../../../../primitives/button.js";
 import { headerToolItemVariants as l } from "../../../../variants.js";
 import { useHeaderContext as H } from "../../../header-context.js";
 import { useHeaderMenuSection as M } from "../header-menu-context.js";
 const h = ({ showItemMode: t, children: r, icon: e, ...o }) => /* @__PURE__ */ n(s, { children: /* @__PURE__ */ u(f, { "data-item-mode": t, ...o, children: [
   r,
-  e && /* @__PURE__ */ n(d, { icon: e, ariaHidden: !0 })
+  e && /* @__PURE__ */ n(p, { icon: e, ariaHidden: !0 })
 ] }) }), x = ({
   asChild: t,
   children: r,
@@ -26,7 +25,7 @@ const h = ({ showItemMode: t, children: r, icon: e, ...o }) => /* @__PURE__ */ n
   return /* @__PURE__ */ n(
     t ? c : h,
     {
-      className: p(l({ appearance: i }), e),
+      className: d(l({ appearance: i }), e),
       ...o,
       children: r
     }

package/dist/header/header-next/components/menu/components/header-menu-item-link.js

@@ -1,5 +1,4 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
 import { jsx as n, jsxs as H } from "react/jsx-runtime";
 import { a as M } from "../../../../../index-2sRBqKFV.js";
 import { forwardRef as I } from "react";

package/dist/header/header-next/components/menu/components/header-menu-item-separator.js

@@ -1,12 +1,11 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
 import { jsx as i } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import { cn as s } from "../../../../../cn.js";
+import { forwardRef as s } from "react";
+import { cn as p } from "../../../../../cn.js";
 import { headerDividerVariants as d } from "../../../../variants.js";
 import { useHeaderContext as c } from "../../../header-context.js";
 import { useHeaderMenuSection as u } from "../header-menu-context.js";
-const r = p(({ className: a, ...t }, o) => {
+const r = s(({ className: a, ...t }, o) => {
   const n = c(), e = u();
   if (!e || e === "secondary")
     throw new Error(
@@ -18,7 +17,7 @@ const r = p(({ className: a, ...t }, o) => {
     {
       ref: o,
       role: "separator",
-      className: s(d({ appearance: m }), a),
+      className: p(d({ appearance: m }), a),
       ...t
     }
   );

package/dist/header/header-next/components/menu/components/header-menu-item-slot.js

@@ -1,5 +1,4 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
 import { jsx as t } from "react/jsx-runtime";
 import { forwardRef as s } from "react";
 import { cn as c } from "../../../../../cn.js";

package/dist/header/header-next/components/menu/header-menu-context.js

@@ -1,16 +1,15 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
 import { createContext as o, useContext as u } from "react";
-const r = o(null);
-function s({
+const n = o(null);
+function d({
   section: e,
-  children: t
+  children: r
 }) {
-  return /* @__PURE__ */ n(r.Provider, { value: e, children: t });
+  return /* @__PURE__ */ t(n.Provider, { value: e, children: r });
 }
-function a() {
-  const e = u(r);
+function s() {
+  const e = u(n);
   if (!e)
     throw new Error(
       "useHeaderMenuSection must be used within HeaderMenuSectionProvider"
@@ -18,6 +17,6 @@ function a() {
   return e;
 }
 export {
-  s as HeaderMenuSectionProvider,
-  a as useHeaderMenuSection
+  d as HeaderMenuSectionProvider,
+  s as useHeaderMenuSection
 };

package/dist/header/header-next/components/menu/header-primary-menu.js

@@ -1,12 +1,11 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
 import { jsx as i } from "react/jsx-runtime";
-import { forwardRef as c, Children as h } from "react";
+import { forwardRef as p, Children as h } from "react";
 import { cn as l } from "../../../../cn.js";
 import { isSpecialComponent as y } from "../../../../utils/utilities.js";
 import { useHeaderContext as f } from "../../header-context.js";
 import { HeaderMenuSectionProvider as g } from "./header-menu-context.js";
-const n = c(
+const n = p(
   ({
     children: o,
     className: d,
@@ -31,7 +30,7 @@ const n = c(
         "data-section": "primary",
         className: l("gi-header-primary-menu", d),
         ...s,
-        children: /* @__PURE__ */ i("ul", { className: "gi-flex gi-items-center gi-gap-2", children: a.map((e, p) => {
+        children: /* @__PURE__ */ i("ul", { className: "gi-flex gi-items-center gi-gap-2", children: a.map((e, c) => {
           var t;
           const r = ((t = e == null ? void 0 : e.props) == null ? void 0 : t.showItemMode) ?? "desktop-only";
           return /* @__PURE__ */ i(
@@ -45,7 +44,7 @@ const n = c(
               "data-visibility": r,
               children: e
             },
-            `primary-item-${p}`
+            `primary-item-${c}`
           );
         }) })
       }

package/dist/header/header-next/components/menu/header-secondary-menu.js

@@ -1,5 +1,4 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
 import { jsx as e } from "react/jsx-runtime";
 import { forwardRef as m, Children as u } from "react";
 import { Container as f } from "../../../../container/container.js";

package/dist/header/header-next/header-context.js

@@ -1,9 +1,8 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
 import { jsx as n } from "react/jsx-runtime";
 import { createContext as u, useContext as i } from "react";
 const t = u(null);
-function x({
+function a({
   children: e,
   variant: r = "default",
   fullWidth: o
@@ -19,13 +18,13 @@ function x({
     }
   );
 }
-function c() {
+function x() {
   const e = i(t);
   if (!e)
     throw new Error("useHeaderContext must be used within HeaderProvider");
   return e;
 }
 export {
-  x as HeaderProvider,
-  c as useHeaderContext
+  a as HeaderProvider,
+  x as useHeaderContext
 };

package/dist/header/header-next/header-next.js

@@ -1,5 +1,4 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
 import { jsx as d, jsxs as i } from "react/jsx-runtime";
 import { forwardRef as M, Children as N } from "react";
 import { cn as g } from "../../cn.js";
@@ -54,7 +53,7 @@ const A = M(
       }
     ) });
   }
-), I = ({
+), F = ({
   variant: o,
   className: e,
   ...r
@@ -71,5 +70,5 @@ const A = M(
 A.displayName = "HeaderNext";
 export {
   A as HeaderNext,
-  I as HeaderSlotContainer
+  F as HeaderSlotContainer
 };

package/dist/hooks/use-breakpoint.js

@@ -1,25 +1,24 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
-import { useState as i, useEffect as l } from "react";
+import { useState as i, useEffect as o } from "react";
 const r = {
   ExtraSmall: "xs",
   Small: "sm",
   Medium: "md",
   Large: "lg",
   ExtraLarge: "xl"
-}, u = (e) => e < 480 ? r.ExtraSmall : e < 640 ? r.Small : e < 768 ? r.Medium : e < 1024 ? r.Large : r.ExtraLarge, d = () => {
-  const [e, a] = i(null), [o, s] = i(null);
-  return l(() => {
+}, u = (e) => e < 480 ? r.ExtraSmall : e < 640 ? r.Small : e < 768 ? r.Medium : e < 1024 ? r.Large : r.ExtraLarge, c = () => {
+  const [e, a] = i(null), [s, l] = i(null);
+  return o(() => {
     const t = () => {
       const n = globalThis.window.innerWidth;
-      s(n), a(u(n));
+      l(n), a(u(n));
     };
     return t(), globalThis.window.addEventListener("resize", t), () => {
       globalThis.window.removeEventListener("resize", t);
     };
-  }, []), { breakpoint: e, width: o };
+  }, []), { breakpoint: e, width: s };
 };
 export {
   r as Breakpoint,
-  d as useBreakpoint
+  c as useBreakpoint
 };

package/dist/hooks/use-toggle-map.js

@@ -1,6 +1,5 @@
 "use client";
-import "@ogcio/design-system-react/browser-check";
-import { useReducer as u, useMemo as E } from "react";
+import { useReducer as p, useMemo as E } from "react";
 const t = {
   OPEN: "open",
   CLOSE: "close",
@@ -8,18 +7,18 @@ const t = {
   OPEN_ALL: "openAll",
   CLOSE_ALL: "closeAll"
 }, O = (s, L) => {
-  const l = { ...s }, n = Object.keys(s);
-  for (const o of n)
+  const l = { ...s }, r = Object.keys(s);
+  for (const o of r)
     l[o] = L;
   return l;
-}, C = (s) => {
+}, k = (s) => {
   const L = {
-    [t.OPEN]: (e, r) => ({ ...e, [r.key]: !0 }),
-    [t.CLOSE]: (e, r) => ({ ...e, [r.key]: !1 }),
-    [t.TOGGLE]: (e, r) => ({ ...e, [r.key]: !e[r.key] }),
+    [t.OPEN]: (e, n) => ({ ...e, [n.key]: !0 }),
+    [t.CLOSE]: (e, n) => ({ ...e, [n.key]: !1 }),
+    [t.TOGGLE]: (e, n) => ({ ...e, [n.key]: !e[n.key] }),
     [t.OPEN_ALL]: (e) => O(e, !0),
     [t.CLOSE_ALL]: (e) => O(e, !1)
-  }, l = (e, r) => (L[r.type] ?? ((p) => p))(e, r), [n, o] = u(l, s), c = E(() => ({
+  }, l = (e, n) => (L[n.type] ?? ((u) => u))(e, n), [r, o] = p(l, s), c = E(() => ({
     open: (e) => {
       o({ type: t.OPEN, key: e });
     },
@@ -35,11 +34,11 @@ const t = {
     closeAll: () => {
       o({ type: t.CLOSE_ALL });
     },
-    isOpen: (e) => !!(n != null && n[e])
-  }), [n]);
-  return [n, c];
+    isOpen: (e) => !!(r != null && r[e])
+  }), [r]);
+  return [r, c];
 };
 export {
   t as ACTIONS,
-  C as useToggleMap
+  k as useToggleMap
 };

package/dist/i18n/config.d.ts

@@ -4,4 +4,4 @@ export declare const initI18n: (config: {
     resources: Resource;
     lng?: string;
     fallbackLng?: string;
-}) => void;
+}) => import('i18next').i18n;

package/dist/i18n/config.js

@@ -1,13 +1,16 @@
-import { a as n } from "../i18next-DxWa09nx.js";
-import { i as l } from "../i18next-DxWa09nx.js";
-const a = (e) => {
-  n({
-    resources: e.resources,
-    lng: e.lng || "en",
-    fallbackLng: e.fallbackLng || "en"
-  });
-};
+import { u as e, i as s } from "../i18next-B_GQfCrJ.js";
+import { s as n, a } from "../i18nInstance-D_96ADqd.js";
+const r = {
+  type: "3rdParty",
+  init(t) {
+    n(t.options.react), a(t);
+  }
+}, l = (t) => (e(r).init({
+  resources: t.resources,
+  lng: t.lng || "en",
+  fallbackLng: t.fallbackLng || "en"
+}), s);
 export {
-  l as i18next,
-  a as initI18n
+  s as i18next,
+  l as initI18n
 };

package/dist/i18n/utility.js

@@ -1,4 +1,4 @@
-import { i as e, t } from "../i18next-DxWa09nx.js";
+import { i as e, t } from "../i18next-B_GQfCrJ.js";
 const u = (a, r) => e.isInitialized ? t(a, r) : (r == null ? void 0 : r.defaultValue) || a;
 export {
   u as translate