@ogcio/design-system-react 1.33.0 → 1.34.0

package/dist/table/table.js

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { c as d } from "../index-CB-zPpNk.js";
+import { c as d } from "../index-C7W4ssMN.js";
 import { cn as f } from "../cn.js";
 const m = d({
   base: "gi-table",

package/dist/tabs/variants.js

@@ -1,4 +1,4 @@
-import { c as e } from "../index-CB-zPpNk.js";
+import { c as e } from "../index-C7W4ssMN.js";
 const r = e({
   slots: {
     base: [

package/dist/toast/ds-toast.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs as t, jsx as i } from "react/jsx-runtime";
-import { c as u } from "../index-CB-zPpNk.js";
+import { c as u } from "../index-C7W4ssMN.js";
 import { Icon as p } from "../icon/icon.js";
 import { IconButton as v } from "../icon-button/icon-button.js";
 import { Link as w } from "../link/link.js";

package/dist/tooltip/variants.js

@@ -1,4 +1,4 @@
-import { c as t } from "../index-CB-zPpNk.js";
+import { c as t } from "../index-C7W4ssMN.js";
 const e = t({
   slots: {
     wrapper: "gi-relative gi-inline-block gi-overflow-visible gi-text-lg",

package/dist/{useTranslation-DiBQuy8S.js → useTranslation-CRbS3UeG.js}

@@ -1,17 +1,17 @@
-import W, { createContext as J, useContext as Q, useMemo as A, useRef as C, useCallback as q, useState as Z, useEffect as ee } from "react";
-import { g as te, b as ne } from "./i18nInstance-AYICsHJu.js";
-const re = (e, n, r, g) => {
-  var t, S, h, _;
+import F, { createContext as J, useContext as Q, useMemo as j, useRef as C, useCallback as q, useState as Z, useEffect as ee } from "react";
+import { g as te, b as ne } from "./i18nInstance-DiZ0lVPL.js";
+const re = (e, n, r, p) => {
+  var t, S, y, _;
   const c = [r, {
     code: n,
-    ...g || {}
+    ...p || {}
   }];
   if ((S = (t = e == null ? void 0 : e.services) == null ? void 0 : t.logger) != null && S.forward)
     return e.services.logger.forward(c, "warn", "react-i18next::", !0);
-  w(c[0]) && (c[0] = `react-i18next:: ${c[0]}`), (_ = (h = e == null ? void 0 : e.services) == null ? void 0 : h.logger) != null && _.warn ? e.services.logger.warn(...c) : console != null && console.warn && console.warn(...c);
-}, z = {}, $ = (e, n, r, g) => {
-  w(r) && z[r] || (w(r) && (z[r] = /* @__PURE__ */ new Date()), re(e, n, r, g));
-}, F = (e, n) => () => {
+  L(c[0]) && (c[0] = `react-i18next:: ${c[0]}`), (_ = (y = e == null ? void 0 : e.services) == null ? void 0 : y.logger) != null && _.warn ? e.services.logger.warn(...c) : console != null && console.warn && console.warn(...c);
+}, z = {}, G = (e, n, r, p) => {
+  L(r) && z[r] || (L(r) && (z[r] = /* @__PURE__ */ new Date()), re(e, n, r, p));
+}, $ = (e, n) => () => {
   if (e.isInitialized)
     n();
   else {
@@ -22,21 +22,21 @@ const re = (e, n, r, g) => {
     };
     e.on("initialized", r);
   }
-}, D = (e, n, r) => {
-  e.loadNamespaces(n, F(e, r));
-}, B = (e, n, r, g) => {
-  if (w(r) && (r = [r]), e.options.preload && e.options.preload.indexOf(n) > -1) return D(e, r, g);
+}, k = (e, n, r) => {
+  e.loadNamespaces(n, $(e, r));
+}, H = (e, n, r, p) => {
+  if (L(r) && (r = [r]), e.options.preload && e.options.preload.indexOf(n) > -1) return k(e, r, p);
   r.forEach((c) => {
     e.options.ns.indexOf(c) < 0 && e.options.ns.push(c);
-  }), e.loadLanguages(n, F(e, g));
-}, ae = (e, n, r = {}) => !n.languages || !n.languages.length ? ($(n, "NO_LANGUAGES", "i18n.languages were undefined or empty", {
+  }), e.loadLanguages(n, $(e, p));
+}, ae = (e, n, r = {}) => !n.languages || !n.languages.length ? (G(n, "NO_LANGUAGES", "i18n.languages were undefined or empty", {
   languages: n.languages
 }), !0) : n.hasLoadedNamespace(e, {
   lng: r.lng,
-  precheck: (g, c) => {
-    if (r.bindI18n && r.bindI18n.indexOf("languageChanging") > -1 && g.services.backendConnector.backend && g.isLanguageChangingTo && !c(g.isLanguageChangingTo, e)) return !1;
+  precheck: (p, c) => {
+    if (r.bindI18n && r.bindI18n.indexOf("languageChanging") > -1 && p.services.backendConnector.backend && p.isLanguageChangingTo && !c(p.isLanguageChangingTo, e)) return !1;
   }
-}), w = (e) => typeof e == "string", oe = (e) => typeof e == "object" && e !== null, se = J();
+}), L = (e) => typeof e == "string", oe = (e) => typeof e == "object" && e !== null, se = J();
 class ce {
   constructor() {
     this.usedNamespaces = {};
@@ -50,7 +50,7 @@ class ce {
     return Object.keys(this.usedNamespaces);
   }
 }
-var R = { exports: {} }, j = {};
+var I = { exports: {} }, U = {};
 /**
  * @license React
  * use-sync-external-store-shim.production.js
@@ -60,26 +60,26 @@ var R = { exports: {} }, j = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var H;
+var K;
 function ue() {
-  if (H) return j;
-  H = 1;
-  var e = W;
+  if (K) return U;
+  K = 1;
+  var e = F;
   function n(a, d) {
     return a === d && (a !== 0 || 1 / a === 1 / d) || a !== a && d !== d;
   }
-  var r = typeof Object.is == "function" ? Object.is : n, g = e.useState, c = e.useEffect, t = e.useLayoutEffect, S = e.useDebugValue;
-  function h(a, d) {
-    var o = d(), u = g({ inst: { value: o, getSnapshot: d } }), l = u[0].inst, y = u[1];
+  var r = typeof Object.is == "function" ? Object.is : n, p = e.useState, c = e.useEffect, t = e.useLayoutEffect, S = e.useDebugValue;
+  function y(a, d) {
+    var o = d(), u = p({ inst: { value: o, getSnapshot: d } }), l = u[0].inst, h = u[1];
     return t(
       function() {
-        l.value = o, l.getSnapshot = d, _(l) && y({ inst: l });
+        l.value = o, l.getSnapshot = d, _(l) && h({ inst: l });
       },
       [a, o, d]
     ), c(
       function() {
-        return _(l) && y({ inst: l }), a(function() {
-          _(l) && y({ inst: l });
+        return _(l) && h({ inst: l }), a(function() {
+          _(l) && h({ inst: l });
         });
       },
       [a]
@@ -95,13 +95,13 @@ function ue() {
       return !0;
     }
   }
-  function O(a, d) {
+  function m(a, d) {
     return d();
   }
-  var m = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? O : h;
-  return j.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : m, j;
+  var v = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? m : y;
+  return U.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : v, U;
 }
-var U = {};
+var D = {};
 /**
  * @license React
  * use-sync-external-store-shim.development.js
@@ -111,40 +111,40 @@ var U = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var K;
+var M;
 function ie() {
-  return K || (K = 1, process.env.NODE_ENV !== "production" && (function() {
+  return M || (M = 1, process.env.NODE_ENV !== "production" && (function() {
     function e(o, u) {
       return o === u && (o !== 0 || 1 / o === 1 / u) || o !== o && u !== u;
     }
     function n(o, u) {
-      m || c.startTransition === void 0 || (m = !0, console.error(
+      v || c.startTransition === void 0 || (v = !0, console.error(
         "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
       ));
       var l = u();
       if (!a) {
-        var y = u();
-        t(l, y) || (console.error(
+        var h = u();
+        t(l, h) || (console.error(
           "The result of getSnapshot should be cached to avoid an infinite loop"
         ), a = !0);
       }
-      y = S({
+      h = S({
         inst: { value: l, getSnapshot: u }
       });
-      var E = y[0].inst, v = y[1];
+      var E = h[0].inst, w = h[1];
       return _(
         function() {
-          E.value = l, E.getSnapshot = u, r(E) && v({ inst: E });
+          E.value = l, E.getSnapshot = u, r(E) && w({ inst: E });
         },
         [o, l, u]
-      ), h(
+      ), y(
         function() {
-          return r(E) && v({ inst: E }), o(function() {
-            r(E) && v({ inst: E });
+          return r(E) && w({ inst: E }), o(function() {
+            r(E) && w({ inst: E });
           });
         },
         [o]
-      ), O(l), l;
+      ), m(l), l;
     }
     function r(o) {
       var u = o.getSnapshot;
@@ -156,80 +156,89 @@ function ie() {
         return !0;
       }
     }
-    function g(o, u) {
+    function p(o, u) {
       return u();
     }
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var c = W, t = typeof Object.is == "function" ? Object.is : e, S = c.useState, h = c.useEffect, _ = c.useLayoutEffect, O = c.useDebugValue, m = !1, a = !1, d = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? g : n;
-    U.useSyncExternalStore = c.useSyncExternalStore !== void 0 ? c.useSyncExternalStore : d, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
-  })()), U;
+    var c = F, t = typeof Object.is == "function" ? Object.is : e, S = c.useState, y = c.useEffect, _ = c.useLayoutEffect, m = c.useDebugValue, v = !1, a = !1, d = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? p : n;
+    D.useSyncExternalStore = c.useSyncExternalStore !== void 0 ? c.useSyncExternalStore : d, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  })()), D;
 }
-var M;
+var W;
 function le() {
-  return M || (M = 1, process.env.NODE_ENV === "production" ? R.exports = ue() : R.exports = ie()), R.exports;
+  return W || (W = 1, process.env.NODE_ENV === "production" ? I.exports = ue() : I.exports = ie()), I.exports;
 }
 var fe = le();
-const de = (e, n) => w(n) ? n : oe(n) && w(n.defaultValue) ? n.defaultValue : Array.isArray(e) ? e[e.length - 1] : e, pe = {
+const de = (e, n) => {
+  if (L(n)) return n;
+  if (oe(n) && L(n.defaultValue)) return n.defaultValue;
+  if (typeof e == "function") return "";
+  if (Array.isArray(e)) {
+    const r = e[e.length - 1];
+    return typeof r == "function" ? "" : r;
+  }
+  return e;
+}, pe = {
   t: de,
   ready: !1
 }, ge = () => () => {
 }, ye = (e, n = {}) => {
-  var k, N, P;
+  var B, T, V;
   const {
     i18n: r
   } = n, {
-    i18n: g,
+    i18n: p,
     defaultNS: c
-  } = Q(se) || {}, t = r || g || te();
-  t && !t.reportNamespaces && (t.reportNamespaces = new ce()), t || $(t, "NO_I18NEXT_INSTANCE", "useTranslation: You will need to pass in an i18next instance by using initReactI18next");
-  const S = A(() => {
+  } = Q(se) || {}, t = r || p || ne();
+  t && !t.reportNamespaces && (t.reportNamespaces = new ce()), t || G(t, "NO_I18NEXT_INSTANCE", "useTranslation: You will need to pass in an i18next instance by using initReactI18next");
+  const S = j(() => {
     var s;
     return {
-      ...ne(),
+      ...te(),
       ...(s = t == null ? void 0 : t.options) == null ? void 0 : s.react,
       ...n
     };
   }, [t, n]), {
-    useSuspense: h,
+    useSuspense: y,
     keyPrefix: _
-  } = S, O = c || ((k = t == null ? void 0 : t.options) == null ? void 0 : k.defaultNS), m = w(O) ? [O] : O || ["translation"], a = A(() => m, m);
-  (P = (N = t == null ? void 0 : t.reportNamespaces) == null ? void 0 : N.addUsedNamespaces) == null || P.call(N, a);
+  } = S, m = c || ((B = t == null ? void 0 : t.options) == null ? void 0 : B.defaultNS), v = L(m) ? [m] : m || ["translation"], a = j(() => v, v);
+  (V = (T = t == null ? void 0 : t.reportNamespaces) == null ? void 0 : T.addUsedNamespaces) == null || V.call(T, a);
   const d = C(0), o = q((s) => {
     if (!t) return ge;
     const {
       bindI18n: i,
       bindI18nStore: f
-    } = S, p = () => {
+    } = S, g = () => {
       d.current += 1, s();
     };
-    return i && t.on(i, p), f && t.store.on(f, p), () => {
-      i && i.split(" ").forEach((T) => t.off(T, p)), f && f.split(" ").forEach((T) => t.store.off(T, p));
+    return i && t.on(i, g), f && t.store.on(f, g), () => {
+      i && i.split(" ").forEach((O) => t.off(O, g)), f && f.split(" ").forEach((O) => t.store.off(O, g));
     };
   }, [t, S]), u = C(), l = q(() => {
     if (!t)
       return pe;
-    const s = !!(t.isInitialized || t.initializedStoreOnce) && a.every((X) => ae(X, t, S)), i = n.lng || t.language, f = d.current, p = u.current;
-    if (p && p.ready === s && p.lng === i && p.keyPrefix === _ && p.revision === f)
-      return p;
-    const V = {
+    const s = !!(t.isInitialized || t.initializedStoreOnce) && a.every((X) => ae(X, t, S)), i = n.lng || t.language, f = d.current, g = u.current;
+    if (g && g.ready === s && g.lng === i && g.keyPrefix === _ && g.revision === f)
+      return g;
+    const R = {
       t: t.getFixedT(i, S.nsMode === "fallback" ? a : a[0], _),
       ready: s,
       lng: i,
       keyPrefix: _,
       revision: f
     };
-    return u.current = V, V;
-  }, [t, a, _, S, n.lng]), [y, E] = Z(0), {
-    t: v,
-    ready: L
+    return u.current = R, R;
+  }, [t, a, _, S, n.lng]), [h, E] = Z(0), {
+    t: w,
+    ready: b
   } = fe.useSyncExternalStore(o, l, l);
   ee(() => {
-    if (t && !L && !h) {
+    if (t && !b && !y) {
       const s = () => E((i) => i + 1);
-      n.lng ? B(t, n.lng, a, s) : D(t, a, s);
+      n.lng ? H(t, n.lng, a, s) : k(t, a, s);
     }
-  }, [t, n.lng, a, L, h, y]);
-  const x = t || {}, b = C(null), I = C(), G = (s) => {
+  }, [t, n.lng, a, b, y, h]);
+  const x = t || {}, N = C(null), A = C(), P = (s) => {
     const i = Object.getOwnPropertyDescriptors(s);
     i.__original && delete i.__original;
     const f = Object.create(Object.getPrototypeOf(s), i);
@@ -244,17 +253,17 @@ const de = (e, n) => w(n) ? n : oe(n) && w(n.defaultValue) ? n.defaultValue : Ar
       } catch {
       }
     return f;
-  }, Y = A(() => {
+  }, Y = j(() => {
     const s = x, i = s == null ? void 0 : s.language;
     let f = s;
-    s && (b.current && b.current.__original === s ? I.current !== i ? (f = G(s), b.current = f, I.current = i) : f = b.current : (f = G(s), b.current = f, I.current = i));
-    const p = [v, f, L];
-    return p.t = v, p.i18n = f, p.ready = L, p;
-  }, [v, x, L, x.resolvedLanguage, x.language, x.languages]);
-  if (t && h && !L)
+    s && (N.current && N.current.__original === s ? A.current !== i ? (f = P(s), N.current = f, A.current = i) : f = N.current : (f = P(s), N.current = f, A.current = i));
+    const g = !b && !y ? (...R) => (G(t, "USE_T_BEFORE_READY", "useTranslation: t was called before ready. When using useSuspense: false, make sure to check the ready flag before using t."), w(...R)) : w, O = [g, f, b];
+    return O.t = g, O.i18n = f, O.ready = b, O;
+  }, [w, x, b, x.resolvedLanguage, x.language, x.languages]);
+  if (t && y && !b)
     throw new Promise((s) => {
       const i = () => s();
-      n.lng ? B(t, n.lng, a, i) : D(t, a, i);
+      n.lng ? H(t, n.lng, a, i) : k(t, a, i);
     });
   return Y;
 };
@@ -262,7 +271,7 @@ export {
   se as I,
   re as a,
   oe as b,
-  w as i,
+  L as i,
   ye as u,
-  $ as w
+  G as w
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ogcio/design-system-react",
-  "version": "1.33.0",
+  "version": "1.34.0",
   "description": "The Government of Ireland Design System React components.",
   "type": "module",
   "main": "dist/index.js",
@@ -48,7 +48,14 @@
     "rollup-preserve-directives": "^1.1.2"
   },
   "devDependencies": {
-    "@storybook/types": "^8.6.14",
+    "@chromatic-com/storybook": "^5.1.1",
+    "@storybook/addon-a11y": "^10.3.3",
+    "@storybook/addon-coverage": "^3.0.1",
+    "@storybook/addon-docs": "^10.3.3",
+    "@storybook/addon-links": "^10.3.3",
+    "@storybook/addon-themes": "^10.3.3",
+    "@storybook/addon-vitest": "^10.3.3",
+    "@storybook/react-vite": "^10.3.3",
     "@testing-library/jest-dom": "^6.4.8",
     "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.2",
@@ -56,18 +63,19 @@
     "autoprefixer": "^10.4.19",
     "axe-core": "^4.10.0",
     "eslint": "^9.23.0",
-    "eslint-plugin-storybook": "^0.12.0",
+    "eslint-plugin-storybook": "^10.2.19",
     "glob": "^11.0.1",
-    "http-server": "^14.1.1",
     "i18next": "^25.6.2",
     "postcss": "^8.4.40",
     "postcss-import": "^16.1.0",
     "react": "19.0.0",
     "react-dom": "19.0.0",
+    "storybook": "^10.3.3",
+    "storybook-addon-pseudo-states": "^10.3.3",
     "@ogcio/design-system-eslint-config": "1.4.0",
     "@ogcio/design-system-prettier-config": "1.1.1",
-    "@ogcio/design-system-tailwind": "1.23.0",
     "@ogcio/theme-doete": "1.0.0",
+    "@ogcio/design-system-tailwind": "1.24.0",
     "@ogcio/theme-govie": "1.21.4"
   },
   "scripts": {
@@ -81,8 +89,7 @@
     "build:styles": "tailwindcss -i ./styles.css -o ./dist/styles.css --minify && node scripts/build-styles.js",
     "build:ts": "vite build",
     "storybook:dev": "storybook dev -p 6006",
-    "storybook:build": "storybook build --stats-json",
-    "storybook:serve": "http-server storybook-static -p 6006 -c-1",
+    "storybook:build": "NODE_OPTIONS=--max-old-space-size=4096 storybook build --stats-json",
     "playwright:test": "playwright test",
     "playwright:update-snapshots": "playwright test --update-snapshots",
     "typecheck": "tsc -p tsconfig.json --noEmit"