@ogcio/design-system-react 1.29.0 → 1.31.0

package/dist/header/variants.d.ts

@@ -3,7 +3,17 @@ export declare const headerVariants: import('tailwind-variants').TVReturnType<{
         default: string;
         light: string;
     };
-}, undefined, "gi-header", TVConfig<V, EV>, {
+}, undefined, "gi-header", import('tailwind-variants/dist/config.js').TVConfig<{
+    appearance: {
+        default: string;
+        light: string;
+    };
+}, {
+    appearance: {
+        default: string;
+        light: string;
+    };
+}>, {
     appearance: {
         default: string;
         light: string;
@@ -13,13 +23,33 @@ export declare const headerVariants: import('tailwind-variants').TVReturnType<{
         default: string;
         light: string;
     };
-}, undefined, "gi-header", TVConfig<V, EV>, unknown, unknown, undefined>>;
+}, undefined, "gi-header", import('tailwind-variants/dist/config.js').TVConfig<{
+    appearance: {
+        default: string;
+        light: string;
+    };
+}, {
+    appearance: {
+        default: string;
+        light: string;
+    };
+}>, unknown, unknown, undefined>>;
 export declare const headerMenuVariants: import('tailwind-variants').TVReturnType<{
     appearance: {
         default: string;
         light: string;
     };
-}, undefined, "gi-header-menu", TVConfig<V, EV>, {
+}, undefined, "gi-header-menu", import('tailwind-variants/dist/config.js').TVConfig<{
+    appearance: {
+        default: string;
+        light: string;
+    };
+}, {
+    appearance: {
+        default: string;
+        light: string;
+    };
+}>, {
     appearance: {
         default: string;
         light: string;
@@ -29,13 +59,33 @@ export declare const headerMenuVariants: import('tailwind-variants').TVReturnTyp
         default: string;
         light: string;
     };
-}, undefined, "gi-header-menu", TVConfig<V, EV>, unknown, unknown, undefined>>;
+}, undefined, "gi-header-menu", import('tailwind-variants/dist/config.js').TVConfig<{
+    appearance: {
+        default: string;
+        light: string;
+    };
+}, {
+    appearance: {
+        default: string;
+        light: string;
+    };
+}>, unknown, unknown, undefined>>;
 export declare const headerToolItemVariants: import('tailwind-variants').TVReturnType<{
     appearance: {
         default: string;
         light: string;
     };
-}, undefined, "gi-header-tool-item", TVConfig<V, EV>, {
+}, undefined, "gi-header-tool-item", import('tailwind-variants/dist/config.js').TVConfig<{
+    appearance: {
+        default: string;
+        light: string;
+    };
+}, {
+    appearance: {
+        default: string;
+        light: string;
+    };
+}>, {
     appearance: {
         default: string;
         light: string;
@@ -45,13 +95,33 @@ export declare const headerToolItemVariants: import('tailwind-variants').TVRetur
         default: string;
         light: string;
     };
-}, undefined, "gi-header-tool-item", TVConfig<V, EV>, unknown, unknown, undefined>>;
+}, undefined, "gi-header-tool-item", import('tailwind-variants/dist/config.js').TVConfig<{
+    appearance: {
+        default: string;
+        light: string;
+    };
+}, {
+    appearance: {
+        default: string;
+        light: string;
+    };
+}>, unknown, unknown, undefined>>;
 export declare const headerSecondaryLinksVariants: import('tailwind-variants').TVReturnType<{
     appearance: {
         default: string;
         light: string;
     };
-}, undefined, "gi-header-secondary-bar gi-order-1", TVConfig<V, EV>, {
+}, undefined, "gi-header-secondary-bar gi-order-1", import('tailwind-variants/dist/config.js').TVConfig<{
+    appearance: {
+        default: string;
+        light: string;
+    };
+}, {
+    appearance: {
+        default: string;
+        light: string;
+    };
+}>, {
     appearance: {
         default: string;
         light: string;
@@ -61,13 +131,33 @@ export declare const headerSecondaryLinksVariants: import('tailwind-variants').T
         default: string;
         light: string;
     };
-}, undefined, "gi-header-secondary-bar gi-order-1", TVConfig<V, EV>, unknown, unknown, undefined>>;
+}, undefined, "gi-header-secondary-bar gi-order-1", import('tailwind-variants/dist/config.js').TVConfig<{
+    appearance: {
+        default: string;
+        light: string;
+    };
+}, {
+    appearance: {
+        default: string;
+        light: string;
+    };
+}>, unknown, unknown, undefined>>;
 export declare const headerSecondaryLinkItemVariants: import('tailwind-variants').TVReturnType<{
     appearance: {
         default: string;
         light: string;
     };
-}, undefined, "gi-header-secondary-item", TVConfig<V, EV>, {
+}, undefined, "gi-header-secondary-item", import('tailwind-variants/dist/config.js').TVConfig<{
+    appearance: {
+        default: string;
+        light: string;
+    };
+}, {
+    appearance: {
+        default: string;
+        light: string;
+    };
+}>, {
     appearance: {
         default: string;
         light: string;
@@ -77,13 +167,33 @@ export declare const headerSecondaryLinkItemVariants: import('tailwind-variants'
         default: string;
         light: string;
     };
-}, undefined, "gi-header-secondary-item", TVConfig<V, EV>, unknown, unknown, undefined>>;
+}, undefined, "gi-header-secondary-item", import('tailwind-variants/dist/config.js').TVConfig<{
+    appearance: {
+        default: string;
+        light: string;
+    };
+}, {
+    appearance: {
+        default: string;
+        light: string;
+    };
+}>, unknown, unknown, undefined>>;
 export declare const headerSecondaryLinkSlotItemVariants: import('tailwind-variants').TVReturnType<{
     appearance: {
         default: string;
         light: string;
     };
-}, undefined, "gi-header-secondary-item-slot", TVConfig<V, EV>, {
+}, undefined, "gi-header-secondary-item-slot", import('tailwind-variants/dist/config.js').TVConfig<{
+    appearance: {
+        default: string;
+        light: string;
+    };
+}, {
+    appearance: {
+        default: string;
+        light: string;
+    };
+}>, {
     appearance: {
         default: string;
         light: string;
@@ -93,13 +203,33 @@ export declare const headerSecondaryLinkSlotItemVariants: import('tailwind-varia
         default: string;
         light: string;
     };
-}, undefined, "gi-header-secondary-item-slot", TVConfig<V, EV>, unknown, unknown, undefined>>;
+}, undefined, "gi-header-secondary-item-slot", import('tailwind-variants/dist/config.js').TVConfig<{
+    appearance: {
+        default: string;
+        light: string;
+    };
+}, {
+    appearance: {
+        default: string;
+        light: string;
+    };
+}>, unknown, unknown, undefined>>;
 export declare const headerTitleVariants: import('tailwind-variants').TVReturnType<{
     appearance: {
         default: string;
         light: string;
     };
-}, undefined, "gi-header-title", TVConfig<V, EV>, {
+}, undefined, "gi-header-title", import('tailwind-variants/dist/config.js').TVConfig<{
+    appearance: {
+        default: string;
+        light: string;
+    };
+}, {
+    appearance: {
+        default: string;
+        light: string;
+    };
+}>, {
     appearance: {
         default: string;
         light: string;
@@ -109,13 +239,33 @@ export declare const headerTitleVariants: import('tailwind-variants').TVReturnTy
         default: string;
         light: string;
     };
-}, undefined, "gi-header-title", TVConfig<V, EV>, unknown, unknown, undefined>>;
+}, undefined, "gi-header-title", import('tailwind-variants/dist/config.js').TVConfig<{
+    appearance: {
+        default: string;
+        light: string;
+    };
+}, {
+    appearance: {
+        default: string;
+        light: string;
+    };
+}>, unknown, unknown, undefined>>;
 export declare const headerDividerVariants: import('tailwind-variants').TVReturnType<{
     appearance: {
         default: string;
         light: string;
     };
-}, undefined, "gi-header-divider", TVConfig<V, EV>, {
+}, undefined, "gi-header-divider", import('tailwind-variants/dist/config.js').TVConfig<{
+    appearance: {
+        default: string;
+        light: string;
+    };
+}, {
+    appearance: {
+        default: string;
+        light: string;
+    };
+}>, {
     appearance: {
         default: string;
         light: string;
@@ -125,13 +275,33 @@ export declare const headerDividerVariants: import('tailwind-variants').TVReturn
         default: string;
         light: string;
     };
-}, undefined, "gi-header-divider", TVConfig<V, EV>, unknown, unknown, undefined>>;
+}, undefined, "gi-header-divider", import('tailwind-variants/dist/config.js').TVConfig<{
+    appearance: {
+        default: string;
+        light: string;
+    };
+}, {
+    appearance: {
+        default: string;
+        light: string;
+    };
+}>, unknown, unknown, undefined>>;
 export declare const headerSlotContainerVariants: import('tailwind-variants').TVReturnType<{
     appearance: {
         default: string;
         light: string;
     };
-}, undefined, "gi-header-slot-container", TVConfig<V, EV>, {
+}, undefined, "gi-header-slot-container", import('tailwind-variants/dist/config.js').TVConfig<{
+    appearance: {
+        default: string;
+        light: string;
+    };
+}, {
+    appearance: {
+        default: string;
+        light: string;
+    };
+}>, {
     appearance: {
         default: string;
         light: string;
@@ -141,13 +311,33 @@ export declare const headerSlotContainerVariants: import('tailwind-variants').TV
         default: string;
         light: string;
     };
-}, undefined, "gi-header-slot-container", TVConfig<V, EV>, unknown, unknown, undefined>>;
+}, undefined, "gi-header-slot-container", import('tailwind-variants/dist/config.js').TVConfig<{
+    appearance: {
+        default: string;
+        light: string;
+    };
+}, {
+    appearance: {
+        default: string;
+        light: string;
+    };
+}>, unknown, unknown, undefined>>;
 export declare const headerLogoVariants: import('tailwind-variants').TVReturnType<{
     appearance: {
         default: string;
         light: string;
     };
-}, undefined, "gi-header-logo", TVConfig<V, EV>, {
+}, undefined, "gi-header-logo", import('tailwind-variants/dist/config.js').TVConfig<{
+    appearance: {
+        default: string;
+        light: string;
+    };
+}, {
+    appearance: {
+        default: string;
+        light: string;
+    };
+}>, {
     appearance: {
         default: string;
         light: string;
@@ -157,4 +347,14 @@ export declare const headerLogoVariants: import('tailwind-variants').TVReturnTyp
         default: string;
         light: string;
     };
-}, undefined, "gi-header-logo", TVConfig<V, EV>, unknown, unknown, undefined>>;
+}, undefined, "gi-header-logo", import('tailwind-variants/dist/config.js').TVConfig<{
+    appearance: {
+        default: string;
+        light: string;
+    };
+}, {
+    appearance: {
+        default: string;
+        light: string;
+    };
+}>, unknown, unknown, undefined>>;

package/dist/heading/heading.d.ts

@@ -35,7 +35,41 @@ export declare const headingVariants: import('tailwind-variants').TVReturnType<{
 }, {
     text: string;
     base: string;
-}, undefined, TVConfig<V, EV>, {
+}, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
+    size: {
+        xl: string;
+        lg: string;
+        md: string;
+        sm: string;
+        xs: string;
+        '2xs': string;
+    };
+    as: {
+        h1: string;
+        h2: string;
+        h3: string;
+        h4: string;
+        h5: string;
+        h6: string;
+    };
+}, {
+    size: {
+        xl: string;
+        lg: string;
+        md: string;
+        sm: string;
+        xs: string;
+        '2xs': string;
+    };
+    as: {
+        h1: string;
+        h2: string;
+        h3: string;
+        h4: string;
+        h5: string;
+        h6: string;
+    };
+}>, {
     size: {
         xl: string;
         lg: string;
@@ -75,7 +109,41 @@ export declare const headingVariants: import('tailwind-variants').TVReturnType<{
 }, {
     text: string;
     base: string;
-}, undefined, TVConfig<V, EV>, unknown, unknown, undefined>>;
+}, undefined, import('tailwind-variants/dist/config.js').TVConfig<{
+    size: {
+        xl: string;
+        lg: string;
+        md: string;
+        sm: string;
+        xs: string;
+        '2xs': string;
+    };
+    as: {
+        h1: string;
+        h2: string;
+        h3: string;
+        h4: string;
+        h5: string;
+        h6: string;
+    };
+}, {
+    size: {
+        xl: string;
+        lg: string;
+        md: string;
+        sm: string;
+        xs: string;
+        '2xs': string;
+    };
+    as: {
+        h1: string;
+        h2: string;
+        h3: string;
+        h4: string;
+        h5: string;
+        h6: string;
+    };
+}>, unknown, unknown, undefined>>;
 export type HeadingProps = VariantProps<typeof headingVariants> & {
     caption?: string;
 } & React.HTMLAttributes<HTMLHeadingElement>;

package/dist/hooks/use-aria-hider.d.ts

@@ -1 +1 @@
-export declare const useAriaHider: (refNode: HTMLElement | null, shouldActivate: boolean) => void;
+export declare const useAriaHider: (ref: React.RefObject<HTMLElement | null>, shouldActivate: boolean) => void;

package/dist/hooks/use-aria-hider.js

@@ -1,20 +1,21 @@
-import { useLayoutEffect as d } from "react";
-const m = (e, n) => {
-  d(() => {
-    if (n !== !0 || e === null)
+import { useLayoutEffect as s } from "react";
+const f = (n, o) => {
+  s(() => {
+    var t, u;
+    if (o !== !0 || !n.current)
       return;
-    const r = [...(e.ownerDocument ?? document).body.children].filter((t) => {
-      const o = t === e, i = t.getAttribute("aria-hidden") === "true";
-      return !o && !i;
+    const i = n.current, r = i.ownerDocument ?? document, c = [...r.body.children].filter((e) => {
+      const d = e === i, m = e.getAttribute("aria-hidden") === "true";
+      return !d && !m;
     });
-    for (const t of r)
-      t.setAttribute("aria-hidden", "true");
+    for (const e of c)
+      e.contains(r.activeElement) && ((u = (t = r.activeElement) == null ? void 0 : t.blur) == null || u.call(t)), e.setAttribute("aria-hidden", "true");
     return () => {
-      for (const t of r)
-        t.removeAttribute("aria-hidden");
+      for (const e of c)
+        e.removeAttribute("aria-hidden");
     };
-  }, [n, e]);
+  }, [o, n.current]);
 };
 export {
-  m as useAriaHider
+  f as useAriaHider
 };

package/dist/hooks/use-breakpoint.js

@@ -1,24 +1,27 @@
 "use client";
-import { useState as i, useEffect as o } from "react";
-const r = {
+import { useState as i, useEffect as s } from "react";
+const t = {
   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, c = () => {
-  const [e, a] = i(null), [s, l] = i(null);
-  return o(() => {
-    const t = () => {
-      const n = globalThis.window.innerWidth;
-      l(n), a(u(n));
+}, u = (e) => e < 480 ? t.ExtraSmall : e < 640 ? t.Small : e < 768 ? t.Medium : e < 1024 ? t.Large : t.ExtraLarge, c = () => {
+  const [e, l] = i(null), [a, o] = i(null);
+  return s(() => {
+    const n = () => {
+      const r = Math.min(
+        globalThis.document.documentElement.clientWidth,
+        globalThis.window.innerWidth
+      );
+      o(r), l(u(r));
     };
-    return t(), globalThis.window.addEventListener("resize", t), () => {
-      globalThis.window.removeEventListener("resize", t);
+    return n(), globalThis.window.addEventListener("resize", n), () => {
+      globalThis.window.removeEventListener("resize", n);
     };
-  }, []), { breakpoint: e, width: s };
+  }, []), { breakpoint: e, width: a };
 };
 export {
-  r as Breakpoint,
+  t as Breakpoint,
   c as useBreakpoint
 };

package/dist/hooks/use-focus-trap.d.ts

@@ -1,2 +1,2 @@
 import { Options as FocusTrapOptions } from 'focus-trap';
-export declare const useFocusTrap: (element: HTMLElement | null, isActive: boolean, options?: FocusTrapOptions) => void;
+export declare const useFocusTrap: (ref: React.RefObject<HTMLElement | null>, isActive: boolean, options?: FocusTrapOptions) => void;