@ogcio/design-system-react 1.33.0 → 1.34.0

package/dist/accordion/accordion-item.js

@@ -2,7 +2,7 @@
 import { jsxs as n, Fragment as y, jsx as a } from "react/jsx-runtime";
 import { c as s } from "../clsx-OuTLNxxd.js";
 import { useState as w, useRef as I } from "react";
-import { c as k } from "../index-CB-zPpNk.js";
+import { c as k } from "../index-C7W4ssMN.js";
 import { Icon as v } from "../icon/icon.js";
 const $ = ({
   defaultExpanded: d,

package/dist/alert/alert.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx as i, jsxs as e } from "react/jsx-runtime";
+import { jsxs as e, jsx as i } from "react/jsx-runtime";
 import { useState as I } from "react";
 import k from "../atoms/icons/Info.js";
 import v from "../atoms/icons/Error.js";

package/dist/alert/variants.js

@@ -1,4 +1,4 @@
-import { c as t } from "../index-CB-zPpNk.js";
+import { c as t } from "../index-C7W4ssMN.js";
 const i = t({
   slots: {
     base: "gi-relative gi-flex gi-flex-row gi-p-3 gi-border-xs gi-rounded-sm gi-gap-2 gi-max-w-[640px] [width:inherit]",

package/dist/atoms/Button.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as d } from "react/jsx-runtime";
 import { forwardRef as n } from "react";
-import { c as s } from "../index-CB-zPpNk.js";
+import { c as s } from "../index-C7W4ssMN.js";
 const r = {
   PRIMARY: "primary",
   SECONDARY: "secondary",

package/dist/atoms/heading/styles.js

@@ -1,4 +1,4 @@
-import { c as t } from "../../index-CB-zPpNk.js";
+import { c as t } from "../../index-C7W4ssMN.js";
 const l = t({
   base: "gi-font-bold gi-font-primary",
   variants: {

package/dist/atoms/storybook/Heading.meta.d.ts

@@ -1,4 +1,4 @@
-import { StoryContext, Renderer } from '@storybook/types';
+import { StoryContext, Renderer } from 'storybook/internal/types';
 export declare const headingMeta: {
     tags: string[];
     title: string;

package/dist/atoms/storybook/Heading.meta.js

@@ -1,4 +1,4 @@
-import { K as i, n as t } from "../../index-Bh2cTIps.js";
+import { w as n, e as t } from "../../index-DqBV2TCd.js";
 import { Size as s } from "../heading/types.js";
 const o = {
   tags: ["autodocs"],
@@ -55,10 +55,10 @@ const o = {
 }, l = {
   play: async ({
     canvasElement: a,
-    step: n
+    step: i
   }) => {
-    const e = i(a);
-    await n("renders h1 to h6 with the correct semantic tags", async () => {
+    const e = n(a);
+    await i("renders h1 to h6 with the correct semantic tags", async () => {
       t(e.getByTestId("heading-1").tagName).toBe("H1"), t(e.getByTestId("heading-2").tagName).toBe("H2"), t(e.getByTestId("heading-3").tagName).toBe("H3"), t(e.getByTestId("heading-4").tagName).toBe("H4"), t(e.getByTestId("heading-5").tagName).toBe("H5"), t(e.getByTestId("heading-6").tagName).toBe("H6");
     });
   }

package/dist/atoms/storybook/Icons.meta.d.ts

@@ -1,4 +1,4 @@
-import { StoryContext, Renderer } from '@storybook/types';
+import { StoryContext, Renderer } from 'storybook/internal/types';
 import { default as ArrowLeft } from '../icons/ArrowLeft';
 export declare const iconList: {
     Component: typeof ArrowLeft;

package/dist/atoms/storybook/Icons.meta.js

@@ -1,4 +1,4 @@
-import { K as n, n as i } from "../../index-Bh2cTIps.js";
+import { w as n, e as i } from "../../index-DqBV2TCd.js";
 import a from "../icons/ArrowLeft.js";
 import s from "../icons/ArrowRight.js";
 import c from "../icons/CheckCircle.js";
@@ -10,8 +10,8 @@ import d from "../icons/KeyboardArrowDown.js";
 import y from "../icons/KeyboardArrowLeft.js";
 import b from "../icons/KeyboardArrowRight.js";
 import g from "../icons/KeyboardArrowUp.js";
-import C from "../icons/LastPage.js";
-import w from "../icons/Visibility.js";
+import w from "../icons/LastPage.js";
+import C from "../icons/Visibility.js";
 import h from "../icons/VisibilityOff.js";
 import A from "../icons/Warning.js";
 const u = [{
@@ -59,11 +59,11 @@ const u = [{
   name: "KeyboardArrowUp",
   selector: "keyboard-arrow-up"
 }, {
-  Component: C,
+  Component: w,
   name: "LastPage",
   selector: "last-page"
 }, {
-  Component: w,
+  Component: C,
   name: "Visibility",
   selector: "visibility"
 }, {
@@ -108,7 +108,7 @@ const u = [{
       }
     }
   }
-}, E = {
+}, N = {
   args: K.args,
   play: async ({
     canvasElement: e,
@@ -124,7 +124,7 @@ const u = [{
   }
 };
 export {
-  E as Default,
+  N as Default,
   u as iconList,
   K as iconsMeta
 };

package/dist/atoms/storybook/InsetText.meta.d.ts

@@ -1,4 +1,4 @@
-import { StoryContext, Renderer } from '@storybook/types';
+import { StoryContext, Renderer } from 'storybook/internal/types';
 export declare const insetTextMeta: {
     tags: string[];
     title: string;

package/dist/atoms/storybook/InsetText.meta.js

@@ -1,4 +1,4 @@
-import { K as r, n as t } from "../../index-Bh2cTIps.js";
+import { w as r, e as t } from "../../index-DqBV2TCd.js";
 const s = {
   tags: ["autodocs"],
   title: "Typography/InsetText",

package/dist/atoms/storybook/Logos.meta.d.ts

@@ -1,4 +1,4 @@
-import { StoryContext, Renderer } from '@storybook/types';
+import { StoryContext, Renderer } from 'storybook/internal/types';
 export declare const logosMeta: {
     tags: string[];
     title: string;

package/dist/atoms/storybook/Logos.meta.js

@@ -1,4 +1,4 @@
-import { K as n, n as t } from "../../index-Bh2cTIps.js";
+import { w as n, e as t } from "../../index-DqBV2TCd.js";
 const s = {
   tags: ["autodocs"],
   title: "Foundation/Logos",

package/dist/autocomplete/autocomplete.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs as z, jsx as y } from "react/jsx-runtime";
 import { forwardRef as J, useRef as D, useImperativeHandle as Q, useEffect as W, useCallback as P, createElement as Y, Children as Z, isValidElement as ee } from "react";
-import { c as te } from "../index-CB-zPpNk.js";
+import { c as te } from "../index-C7W4ssMN.js";
 import { cn as oe } from "../cn.js";
 import { useDomId as ne } from "../hooks/use-dom-id.js";
 import { translate as G } from "../i18n/utility.js";

package/dist/autocomplete/use-autocomplete-controller.js

@@ -1,5 +1,5 @@
-import { l as F } from "../lodash-82PmXrjJ.js";
-import { useRef as g, useMemo as G, Children as C, useReducer as X, useEffect as A, isValidElement as h } from "react";
+import { l as F } from "../lodash-DTZaBYO8.js";
+import { useRef as g, useMemo as G, useReducer as X, useEffect as A, Children as C, isValidElement as h } from "react";
 import { useScrollHighlightedItem as Y } from "../hooks/use-scroll-highlighted-item.js";
 import { safeCloneElement as j } from "../utils/utilities.js";
 import { AUTOCOMPLETE_ACTIONS as k } from "./types.js";

package/dist/browser-support/browser-support.js

@@ -1,18 +1,19 @@
 "use client";
 import { jsxs as M, jsx as y } from "react/jsx-runtime";
 import { c as F } from "../clsx-OuTLNxxd.js";
-import { useMemo as S } from "react";
-import { Alert as B } from "../alert/alert.js";
-import { BROWSER_POLICY as x, DS_HOST as k } from "../constants.js";
+import { useMemo as B } from "react";
+import { Alert as S } from "../alert/alert.js";
+import { BROWSER_POLICY as k, DS_HOST as x } from "../constants.js";
 import { Link as A } from "../link/link.js";
-import { u as P } from "../useTranslation-DiBQuy8S.js";
-const O = {
+import { u as _ } from "../useTranslation-CRbS3UeG.js";
+const P = {
   AmazonBot: "amazonbot",
   "Amazon Silk": "amazon_silk",
   "Android Browser": "android",
   BaiduSpider: "baiduspider",
   Bada: "bada",
   BingCrawler: "bingcrawler",
+  Brave: "brave",
   BlackBerry: "blackberry",
   "ChatGPT-User": "chatgpt_user",
   Chrome: "chrome",
@@ -20,6 +21,7 @@ const O = {
   Chromium: "chromium",
   Diffbot: "diffbot",
   DuckDuckBot: "duckduckbot",
+  DuckDuckGo: "duckduckgo",
   Electron: "electron",
   Epiphany: "epiphany",
   FacebookExternalHit: "facebookexternalhit",
@@ -33,6 +35,7 @@ const O = {
   InternetArchiveCrawler: "internetarchivecrawler",
   "K-Meleon": "k_meleon",
   LibreWolf: "librewolf",
+  Linespider: "linespider",
   Maxthon: "maxthon",
   "Meta-ExternalAds": "meta_externalads",
   "Meta-ExternalAgent": "meta_externalagent",
@@ -58,6 +61,7 @@ const O = {
   Safari: "safari",
   Sailfish: "sailfish",
   "Samsung Internet for Android": "samsung_internet",
+  SlackBot: "slackbot",
   SeaMonkey: "seamonkey",
   Sleipnir: "sleipnir",
   "Sogou Browser": "sogou",
@@ -79,12 +83,14 @@ const O = {
   bada: "Bada",
   bingcrawler: "BingCrawler",
   blackberry: "BlackBerry",
+  brave: "Brave",
   chatgpt_user: "ChatGPT-User",
   chrome: "Chrome",
   claudebot: "ClaudeBot",
   chromium: "Chromium",
   diffbot: "Diffbot",
   duckduckbot: "DuckDuckBot",
+  duckduckgo: "DuckDuckGo",
   edge: "Microsoft Edge",
   electron: "Electron",
   epiphany: "Epiphany",
@@ -99,6 +105,7 @@ const O = {
   internetarchivecrawler: "InternetArchiveCrawler",
   k_meleon: "K-Meleon",
   librewolf: "LibreWolf",
+  linespider: "Linespider",
   maxthon: "Maxthon",
   meta_externalads: "Meta-ExternalAds",
   meta_externalagent: "Meta-ExternalAgent",
@@ -124,6 +131,7 @@ const O = {
   sailfish: "Sailfish",
   samsung_internet: "Samsung Internet for Android",
   seamonkey: "SeaMonkey",
+  slackbot: "SlackBot",
   sleipnir: "Sleipnir",
   sogou: "Sogou Browser",
   swing: "Swing",
@@ -447,7 +455,7 @@ class s {
    * @return {string}
    */
   static getBrowserAlias(e) {
-    return O[e];
+    return P[e];
   }
   /**
    * Get browser name for a short version/alias
@@ -462,7 +470,7 @@ class s {
     return w[e] || "";
   }
 }
-const o = /version\/(\d+(\.?_?\d+)+)/i, _ = [
+const o = /version\/(\d+(\.?_?\d+)+)/i, O = [
   /* GPTBot */
   {
     test: [/gptbot/i],
@@ -603,6 +611,16 @@ const o = /version\/(\d+(\.?_?\d+)+)/i, _ = [
       return t && (e.version = t), e;
     }
   },
+  /* Linespider */
+  {
+    test: [/linespider/i],
+    describe(r) {
+      const e = {
+        name: "Linespider"
+      }, t = s.getFirstMatch(/(?:linespider)(?:-[-\w]+)?[\s/](\d+(\.\d+)+)/i, r) || s.getFirstMatch(o, r);
+      return t && (e.version = t), e;
+    }
+  },
   /* AmazonBot */
   {
     test: [/amazonbot/i],
@@ -662,6 +680,16 @@ const o = /version\/(\d+(\.?_?\d+)+)/i, _ = [
       };
     }
   },
+  /* SlackBot */
+  {
+    test: [/slackbot/i, /slack-imgProxy/i],
+    describe(r) {
+      const e = {
+        name: "SlackBot"
+      }, t = s.getFirstMatch(/(?:slackbot|slack-imgproxy)(?:-[-\w]+)?[\s/](\d+(\.\d+)+)/i, r) || s.getFirstMatch(o, r);
+      return t && (e.version = t), e;
+    }
+  },
   /* YahooSlurp */
   {
     test: [/yahoo!?[\s/]*slurp/i],
@@ -1033,6 +1061,41 @@ const o = /version\/(\d+(\.?_?\d+)+)/i, _ = [
       return t && (e.version = t), e;
     }
   },
+  /* DuckDuckGo Browser */
+  {
+    test(r) {
+      return r.hasBrand("DuckDuckGo") ? !0 : r.test(/\sDdg\/[\d.]+$/i);
+    },
+    describe(r, e) {
+      const t = {
+        name: "DuckDuckGo"
+      };
+      if (e) {
+        const a = e.getBrandVersion("DuckDuckGo");
+        if (a)
+          return t.version = a, t;
+      }
+      const i = s.getFirstMatch(/\sDdg\/([\d.]+)$/i, r);
+      return i && (t.version = i), t;
+    }
+  },
+  /* Brave Browser */
+  {
+    test(r) {
+      return r.hasBrand("Brave");
+    },
+    describe(r, e) {
+      const t = {
+        name: "Brave"
+      };
+      if (e) {
+        const i = e.getBrandVersion("Brave");
+        if (i)
+          return t.version = i, t;
+      }
+      return t;
+    }
+  },
   {
     test: [/chromium/i],
     describe(r) {
@@ -1279,6 +1342,16 @@ const o = /version\/(\d+(\.?_?\d+)+)/i, _ = [
       };
     }
   },
+  /* LineSpider */
+  {
+    test: [/linespider/i],
+    describe() {
+      return {
+        type: n.bot,
+        vendor: "Line"
+      };
+    }
+  },
   /* AmazonBot */
   {
     test: [/amazonbot/i],
@@ -1469,6 +1542,16 @@ const o = /version\/(\d+(\.?_?\d+)+)/i, _ = [
       };
     }
   },
+  /* SlackBot */
+  {
+    test: [/slackbot/i, /slack-imgProxy/i],
+    describe() {
+      return {
+        type: n.bot,
+        vendor: "Slack"
+      };
+    }
+  },
   /* Yahoo! Slurp */
   {
     test: [/yahoo/i],
@@ -1675,6 +1758,24 @@ const o = /version\/(\d+(\.?_?\d+)+)/i, _ = [
       };
     }
   },
+  /* Smart TV */
+  {
+    test: [/smart-?tv|smarttv/i],
+    describe() {
+      return {
+        type: n.tv
+      };
+    }
+  },
+  /* NetCast (LG Smart TV) */
+  {
+    test: [/netcast/i],
+    describe() {
+      return {
+        type: n.tv
+      };
+    }
+  },
   /* desktop */
   {
     test(r) {
@@ -1809,18 +1910,73 @@ class f {
    * Create instance of Parser
    *
    * @param {String} UA User-Agent string
-   * @param {Boolean} [skipParsing=false] parser can skip parsing in purpose of performance
-   * improvements if you need to make a more particular parsing
-   * like {@link Parser#parseBrowser} or {@link Parser#parsePlatform}
+   * @param {Boolean|ClientHints} [skipParsingOrHints=false] Either a boolean to skip parsing,
+   * or a ClientHints object containing User-Agent Client Hints data
+   * @param {ClientHints} [clientHints] User-Agent Client Hints data (navigator.userAgentData)
    *
    * @throw {Error} in case of empty UA String
    *
    * @constructor
    */
-  constructor(e, t = !1) {
+  constructor(e, t = !1, i = null) {
     if (e == null || e === "")
       throw new Error("UserAgent parameter can't be empty");
-    this._ua = e, this.parsedResult = {}, t !== !0 && this.parse();
+    this._ua = e;
+    let a = !1;
+    typeof t == "boolean" ? (a = t, this._hints = i) : t != null && typeof t == "object" ? this._hints = t : this._hints = null, this.parsedResult = {}, a !== !0 && this.parse();
+  }
+  /**
+   * Get Client Hints data
+   * @return {ClientHints|null}
+   *
+   * @public
+   * @example
+   * const parser = Bowser.getParser(UA, clientHints);
+   * const hints = parser.getHints();
+   * console.log(hints.platform); // 'Windows'
+   * console.log(hints.mobile); // false
+   */
+  getHints() {
+    return this._hints;
+  }
+  /**
+   * Check if a brand exists in Client Hints brands array
+   * @param {string} brandName The brand name to check for
+   * @return {boolean}
+   *
+   * @public
+   * @example
+   * const parser = Bowser.getParser(UA, clientHints);
+   * if (parser.hasBrand('Google Chrome')) {
+   *   console.log('Chrome detected!');
+   * }
+   */
+  hasBrand(e) {
+    if (!this._hints || !Array.isArray(this._hints.brands))
+      return !1;
+    const t = e.toLowerCase();
+    return this._hints.brands.some(
+      (i) => i.brand && i.brand.toLowerCase() === t
+    );
+  }
+  /**
+   * Get brand version from Client Hints
+   * @param {string} brandName The brand name to get version for
+   * @return {string|undefined}
+   *
+   * @public
+   * @example
+   * const parser = Bowser.getParser(UA, clientHints);
+   * const version = parser.getBrandVersion('Google Chrome');
+   * console.log(version); // '131'
+   */
+  getBrandVersion(e) {
+    if (!this._hints || !Array.isArray(this._hints.brands))
+      return;
+    const t = e.toLowerCase(), i = this._hints.brands.find(
+      (a) => a.brand && a.brand.toLowerCase() === t
+    );
+    return i ? i.version : void 0;
   }
   /**
    * Get UserAgent string of current Parser instance
@@ -1845,14 +2001,14 @@ class f {
    */
   parseBrowser() {
     this.parsedResult.browser = {};
-    const e = s.find(_, (t) => {
+    const e = s.find(O, (t) => {
       if (typeof t.test == "function")
         return t.test(this);
       if (Array.isArray(t.test))
         return t.test.some((i) => this.test(i));
       throw new Error("Browser's test function is not valid");
     });
-    return e && (this.parsedResult.browser = e.describe(this.getUA())), this.parsedResult.browser;
+    return e && (this.parsedResult.browser = e.describe(this.getUA(), this)), this.parsedResult.browser;
   }
   /**
    * Get parsed browser object
@@ -2116,40 +2272,56 @@ class f {
 }
 /*!
  * Bowser - a browser detector
- * https://github.com/lancedikson/bowser
+ * https://github.com/bowser-js/bowser
  * MIT License | (c) Dustin Diaz 2012-2015
  * MIT License | (c) Denis Demchenko 2015-2019
  */
-class R {
+class L {
   /**
    * Creates a {@link Parser} instance
    *
    * @param {String} UA UserAgent string
-   * @param {Boolean} [skipParsing=false] Will make the Parser postpone parsing until you ask it
-   * explicitly. Same as `skipParsing` for {@link Parser}.
+   * @param {Boolean|Object} [skipParsingOrHints=false] Either a boolean to skip parsing,
+   * or a ClientHints object (navigator.userAgentData)
+   * @param {Object} [clientHints] User-Agent Client Hints data (navigator.userAgentData)
    * @returns {Parser}
    * @throws {Error} when UA is not a String
    *
    * @example
    * const parser = Bowser.getParser(window.navigator.userAgent);
    * const result = parser.getResult();
+   *
+   * @example
+   * // With User-Agent Client Hints
+   * const parser = Bowser.getParser(
+   *   window.navigator.userAgent,
+   *   window.navigator.userAgentData
+   * );
    */
-  static getParser(e, t = !1) {
+  static getParser(e, t = !1, i = null) {
     if (typeof e != "string")
       throw new Error("UserAgent should be a string");
-    return new f(e, t);
+    return new f(e, t, i);
   }
   /**
    * Creates a {@link Parser} instance and runs {@link Parser.getResult} immediately
    *
-   * @param UA
+   * @param {String} UA UserAgent string
+   * @param {Object} [clientHints] User-Agent Client Hints data (navigator.userAgentData)
    * @return {ParsedResult}
    *
    * @example
    * const result = Bowser.parse(window.navigator.userAgent);
+   *
+   * @example
+   * // With User-Agent Client Hints
+   * const result = Bowser.parse(
+   *   window.navigator.userAgent,
+   *   window.navigator.userAgentData
+   * );
    */
-  static parse(e) {
-    return new f(e).getResult();
+  static parse(e, t = null) {
+    return new f(e, t).getResult();
   }
   static get BROWSER_MAP() {
     return w;
@@ -2164,16 +2336,16 @@ class R {
     return n;
   }
 }
-const G = ({
+const I = ({
   className: r,
   ...e
 }) => {
-  const { t } = P();
-  return S(
-    () => R.getParser(navigator.userAgent).satisfies(x),
+  const { t } = _();
+  return B(
+    () => L.getParser(navigator.userAgent).satisfies(k),
     []
   ) ? null : /* @__PURE__ */ M(
-    B,
+    S,
     {
       ...e,
       variant: "warning",
@@ -2187,7 +2359,7 @@ const G = ({
         /* @__PURE__ */ y(
           A,
           {
-            href: `${k}/get-started/developers/supported-browsers/`,
+            href: `${x}/get-started/developers/supported-browsers/`,
             target: "_blank",
             rel: "noreferrer",
             children: t("View supported browsers")
@@ -2198,5 +2370,5 @@ const G = ({
   );
 };
 export {
-  G as BrowserSupport
+  I as BrowserSupport
 };

package/dist/chip/chip.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs as a, jsx as o } from "react/jsx-runtime";
 import { useId as l } from "react";
-import { c as p } from "../index-CB-zPpNk.js";
+import { c as p } from "../index-C7W4ssMN.js";
 import { cn as g } from "../cn.js";
 import { translate as t } from "../i18n/utility.js";
 import { Icon as u } from "../icon/icon.js";

package/dist/data-table/data-table-footer.js

@@ -1,6 +1,6 @@
-import { jsx as o, jsxs as v } from "react/jsx-runtime";
+import { jsxs as v, jsx as o } from "react/jsx-runtime";
 import c from "react";
-import { c as x } from "../index-CB-zPpNk.js";
+import { c as x } from "../index-C7W4ssMN.js";
 import { cn as i } from "../cn.js";
 const b = ({
   children: e,

package/dist/data-table/data-table-header.js

@@ -1,6 +1,6 @@
 import { jsxs as d, jsx as i } from "react/jsx-runtime";
 import { useMemo as A, Children as L, isValidElement as O } from "react";
-import { c as P } from "../index-CB-zPpNk.js";
+import { c as P } from "../index-C7W4ssMN.js";
 import w from "../atoms/Button.js";
 import { Chip as S } from "../chip/chip.js";
 import { cn as n } from "../cn.js";

package/dist/data-table/data-table-selected-rows.js

@@ -1,5 +1,5 @@
 import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import { c as o } from "../index-CB-zPpNk.js";
+import { c as o } from "../index-C7W4ssMN.js";
 import { cn as g } from "../cn.js";
 import { translate as m } from "../i18n/utility.js";
 const p = ({ selectedCount: e, actions: s, className: a, ...l }) => /* @__PURE__ */ r("div", { className: g(i.root(), a), ...l, children: [

package/dist/data-table/editable-table-cell.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as o } from "react/jsx-runtime";
-import { l as O } from "../lodash-82PmXrjJ.js";
+import { l as O } from "../lodash-DTZaBYO8.js";
 import { useState as g, useMemo as S, useEffect as k } from "react";
 import { InputCheckboxTableCell as V } from "../input-checkbox/input-checkbox.js";
 import { InputTextTableCell as j } from "../input-text/input-text.js";