@ogcio/design-system-react 1.28.0 → 1.30.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-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/icon/icon.d.ts

@@ -12,6 +12,11 @@ export type IconProps = {
     inline?: boolean;
     className?: string;
     onClick?: MouseEventHandler<HTMLSpanElement>;
+    /**
+     * Use font icon instead of svg
+     * Used as a fallback for consistency during Mitosis migration.
+     */
+    useFontIcon?: boolean;
 } & Omit<ComponentPropsWithoutRef<'span'>, 'children'>;
 export declare const Icon: import('react').ForwardRefExoticComponent<{
     icon: IconId;
@@ -23,5 +28,10 @@ export declare const Icon: import('react').ForwardRefExoticComponent<{
     inline?: boolean;
     className?: string;
     onClick?: MouseEventHandler<HTMLSpanElement>;
+    /**
+     * Use font icon instead of svg
+     * Used as a fallback for consistency during Mitosis migration.
+     */
+    useFontIcon?: boolean;
 } & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "children"> & import('react').RefAttributes<HTMLSpanElement>>;
 export default Icon;

package/dist/icon/icon.js

@@ -1,86 +1,98 @@
 "use client";
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as m } from "react/jsx-runtime";
 import { forwardRef as u } from "react";
-import { cn as m } from "../cn.js";
-import _ from "./svgs/bluesky.js";
-import x from "./svgs/facebook.js";
-import h from "./svgs/instagram.js";
-import I from "./svgs/linkedin.js";
-import S from "./svgs/placeholder.js";
-import R from "./svgs/threads.js";
-import z from "./svgs/tiktok.js";
-import T from "./svgs/x.js";
-import v from "./svgs/youtube.js";
+import x from "../atoms/icons/KeyboardArrowDown.js";
+import h from "../atoms/icons/KeyboardArrowUp.js";
+import w from "../atoms/icons/Close.js";
+import I from "../atoms/icons/Visibility.js";
+import S from "../atoms/icons/VisibilityOff.js";
+import { cn as l } from "../cn.js";
+import v from "./svgs/bluesky.js";
+import A from "./svgs/facebook.js";
+import R from "./svgs/instagram.js";
+import z from "./svgs/linkedin.js";
+import T from "./svgs/placeholder.js";
+import V from "./svgs/threads.js";
+import D from "./svgs/tiktok.js";
+import E from "./svgs/x.js";
+import F from "./svgs/youtube.js";
 const d = {
   sm: "16px",
   md: "24px",
   lg: "32px",
   xl: "48px"
-}, w = {
-  social_bluesky: { Component: _, disabledClass: "gi-stroke-gray-700" },
-  social_facebook: { Component: x, disabledClass: "gi-stroke-gray-700" },
+}, G = {
+  social_bluesky: { Component: v, disabledClass: "gi-stroke-gray-700" },
+  social_facebook: { Component: A, disabledClass: "gi-stroke-gray-700" },
   social_instagram: {
-    Component: h,
+    Component: R,
     disabledClass: "gi-stroke-gray-700"
   },
-  social_linkedin: { Component: I, disabledClass: "gi-stroke-gray-700" },
-  social_threads: { Component: R, disabledClass: "gi-stroke-gray-700" },
-  social_tiktok: { Component: z, disabledClass: "gi-stroke-gray-700" },
-  social_x: { Component: T, disabledClass: "gi-stroke-gray-700" },
-  social_youtube: { Component: v, disabledClass: "gi-stroke-gray-700" },
-  placeholder: { Component: S, disabledClass: "gi-fill-gray-700" }
-}, M = u(
+  social_linkedin: { Component: z, disabledClass: "gi-stroke-gray-700" },
+  social_threads: { Component: V, disabledClass: "gi-stroke-gray-700" },
+  social_tiktok: { Component: D, disabledClass: "gi-stroke-gray-700" },
+  social_x: { Component: E, disabledClass: "gi-stroke-gray-700" },
+  social_youtube: { Component: F, disabledClass: "gi-stroke-gray-700" },
+  placeholder: { Component: T },
+  keyboard_arrow_down: { Component: x },
+  keyboard_arrow_up: { Component: h },
+  close: { Component: w },
+  visibility: { Component: I },
+  visibility_off: { Component: S }
+}, W = u(
   ({
-    icon: i,
+    icon: r,
     size: g = "md",
-    filled: c,
-    disabled: e,
-    ariaHidden: k,
-    ariaLabel: a,
+    filled: p,
+    disabled: s,
+    ariaHidden: c,
+    ariaLabel: e,
     inline: o,
-    className: r,
-    onClick: C,
-    ...s
-  }, p) => {
-    const t = d[g] ?? d.md, l = w[String(i)];
-    if (l) {
-      const { Component: f, disabledClass: b } = l, y = m(
+    className: a,
+    onClick: f,
+    useFontIcon: C,
+    ...i
+  }, b) => {
+    const t = d[g] ?? d.md, n = G[String(r)];
+    if (n && !C) {
+      const { Component: k, disabledClass: y } = n, _ = l(
         { "gi-block": !o, "gi-inline-block": o },
-        e && b,
-        r
+        "gi-shrink-0",
+        s && (y || "gi-fill-gray-700"),
+        a
       );
-      return /* @__PURE__ */ n(f, { size: t, className: y });
+      return /* @__PURE__ */ m(k, { size: t, className: _ });
     }
-    return /* @__PURE__ */ n(
+    return /* @__PURE__ */ m(
       "span",
       {
-        "aria-hidden": k,
-        "aria-label": a,
+        "aria-hidden": c,
+        "aria-label": e,
         "data-testid": "govie-icon",
-        ...s,
-        ref: p,
-        onClick: C,
-        role: a ? "img" : "presentation",
-        className: m(
+        ...i,
+        ref: b,
+        onClick: f,
+        role: e ? "img" : "presentation",
+        className: l(
           {
             "gi-block": !o,
             "gi-inline-block": o,
-            "gi-text-gray-700": e
+            "gi-text-gray-700": s
           },
           "material-symbols-outlined",
-          r
+          a
         ),
         style: {
           fontSize: t,
-          fontVariationSettings: `'FILL' ${c ? 1 : 0}, 'wght' 400, 'GRAD' 0, 'opsz' ${t}`,
-          ...s == null ? void 0 : s.style
+          fontVariationSettings: `'FILL' ${p ? 1 : 0}, 'wght' 400, 'GRAD' 0, 'opsz' ${t}`,
+          ...i == null ? void 0 : i.style
         },
-        children: i
+        children: r
       }
     );
   }
 );
 export {
-  M as Icon,
-  M as default
+  W as Icon,
+  W as default
 };

package/dist/icon/icons.d.ts

@@ -1,2 +1,2 @@
 export declare const iconIds: readonly ["accessibility_new", "add_circle", "apps", "arrow_back", "arrow_downward", "arrow_drop_down", "arrow_drop_up", "arrow_forward", "arrow_left_alt", "arrow_outward", "arrow_right_alt", "arrow_upward", "attach_file", "block", "call", "cancel", "candlestick_chart", "chat_bubble", "check", "check_circle", "chevron_left", "chevron_right", "child_care", "close", "content_copy", "credit_card", "delete", "directions_car", "do_not_disturb_on", "download", "edit", "error", "event", "filter_list", "health_and_safety", "home", "info", "keyboard_arrow_down", "keyboard_arrow_up", "link", "location_on", "login", "logout", "mail", "menu", "mic", "more_horiz", "more_vert", "open_in_new", "person", "person_cancel", "person_check", "refresh", "search", "send", "settings", "sort", "space_dashboard", "sync", "swap_vert", "thumb_down", "thumb_up", "unfold_more", "upload", "visibility", "visibility_off", "warning", "work", "social_bluesky", "social_facebook", "social_instagram", "social_linkedin", "social_threads", "social_tiktok", "social_x", "social_youtube", "placeholder", "first_page", "last_page"];
-export declare const Icons: ("accessibility_new" | "add_circle" | "apps" | "arrow_back" | "arrow_downward" | "arrow_drop_down" | "arrow_drop_up" | "arrow_forward" | "arrow_left_alt" | "arrow_outward" | "arrow_right_alt" | "arrow_upward" | "attach_file" | "block" | "call" | "cancel" | "candlestick_chart" | "chat_bubble" | "check" | "check_circle" | "chevron_left" | "chevron_right" | "child_care" | "close" | "content_copy" | "credit_card" | "delete" | "directions_car" | "do_not_disturb_on" | "download" | "edit" | "error" | "event" | "filter_list" | "health_and_safety" | "home" | "info" | "keyboard_arrow_down" | "keyboard_arrow_up" | "link" | "location_on" | "login" | "logout" | "mail" | "menu" | "mic" | "more_horiz" | "more_vert" | "open_in_new" | "person" | "person_cancel" | "person_check" | "refresh" | "search" | "send" | "settings" | "sort" | "space_dashboard" | "sync" | "swap_vert" | "thumb_down" | "thumb_up" | "unfold_more" | "upload" | "visibility" | "visibility_off" | "warning" | "work" | "social_bluesky" | "social_facebook" | "social_instagram" | "social_linkedin" | "social_threads" | "social_tiktok" | "social_x" | "social_youtube" | "placeholder" | "first_page" | "last_page")[];
+export declare const Icons: ("search" | "link" | "sort" | "menu" | "keyboard_arrow_down" | "keyboard_arrow_up" | "close" | "visibility" | "accessibility_new" | "add_circle" | "apps" | "arrow_back" | "arrow_downward" | "arrow_drop_down" | "arrow_drop_up" | "arrow_forward" | "arrow_left_alt" | "arrow_outward" | "arrow_right_alt" | "arrow_upward" | "attach_file" | "block" | "call" | "cancel" | "candlestick_chart" | "chat_bubble" | "check" | "check_circle" | "chevron_left" | "chevron_right" | "child_care" | "content_copy" | "credit_card" | "delete" | "directions_car" | "do_not_disturb_on" | "download" | "edit" | "error" | "event" | "filter_list" | "health_and_safety" | "home" | "info" | "location_on" | "login" | "logout" | "mail" | "mic" | "more_horiz" | "more_vert" | "open_in_new" | "person" | "person_cancel" | "person_check" | "refresh" | "send" | "settings" | "space_dashboard" | "sync" | "swap_vert" | "thumb_down" | "thumb_up" | "unfold_more" | "upload" | "visibility_off" | "warning" | "work" | "social_bluesky" | "social_facebook" | "social_instagram" | "social_linkedin" | "social_threads" | "social_tiktok" | "social_x" | "social_youtube" | "placeholder" | "first_page" | "last_page")[];

package/dist/index.d.ts

@@ -116,3 +116,4 @@ export { LoadMaterialSymbols } from './load-symbols/load-symbols.js';
  * @deprecated added for the backwards compatibility
  */
 export { LoadMaterialSymbols as LoadFonts } from './load-symbols/load-symbols.js';
+export * from './utils/placeholder.js';