@ogcio/design-system-react 1.19.0 → 1.20.0

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

@@ -1,74 +1,72 @@
 "use client";
 import "@ogcio/design-system-react/browser-check";
-import { jsx as t, jsxs as a } from "react/jsx-runtime";
-import { S as g } from "../../index-2sRBqKFV.js";
-import { createContext as x, useContext as v, Children as L, isValidElement as C } from "react";
-import { cn as d } from "../../cn.js";
-import { ErrorText as E } from "../../error-text/error-text.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { S as p } from "../../index-2sRBqKFV.js";
+import { createContext as x, useContext as v, Children as L } from "react";
+import { cn as m } from "../../cn.js";
+import { ErrorText as C } from "../../error-text/error-text.js";
 import { HintText as N } from "../../hint-text/hint-text.js";
-import { Label as H } from "../../label/label.js";
+import { Label as E } from "../../label/label.js";
+import { getSpecialComponentType as d, isSpecialComponent as H } from "../../utils/utilities.js";
 const c = x(null);
 function s(e) {
   v(c) || console.error(`[${e}] must be used within a <FormField>.`);
 }
-function m(e) {
-  var r, i;
-  return C(e) && (((r = e.type) == null ? void 0 : r.componentType) || ((i = e.props) == null ? void 0 : i.__type)) || null;
-}
-function P(e) {
-  return ["FormFieldLabel", "FormFieldHint", "FormFieldError"].includes(
-    m(e) ?? ""
-  );
-}
-const B = (e) => ["error", "hint", "label"].some((l) => l 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__ */ t(c.Provider, { value: !0, children: /* @__PURE__ */ a(p, { ...e, children: [
-  e.label && /* @__PURE__ */ t(F, { ...e.label }),
-  e.hint && /* @__PURE__ */ t(u, { ...e.hint }),
-  e.error && /* @__PURE__ */ t(f, { ...e.error }),
+), /* @__PURE__ */ i(c.Provider, { value: !0, children: /* @__PURE__ */ a(h, { ...e, children: [
+  e.label && /* @__PURE__ */ i(F, { ...e.label }),
+  e.hint && /* @__PURE__ */ i(f, { ...e.hint }),
+  e.error && /* @__PURE__ */ i(b, { ...e.error }),
   e.children
-] }) })) : /* @__PURE__ */ t(c.Provider, { value: !0, children: /* @__PURE__ */ t(p, { ...e, children: e.children }) }), p = ({
+] }) })) : /* @__PURE__ */ i(c.Provider, { value: !0, children: /* @__PURE__ */ i(h, { ...e, children: e.children }) }), h = ({
   children: e,
-  className: r,
-  ...i
+  className: l,
+  ...o
 }) => {
-  const l = L.toArray(e), n = l.find(
-    (o) => m(o) === "FormFieldLabel"
-  ), y = l.find(
-    (o) => m(o) === "FormFieldHint"
-  ), b = l.find(
-    (o) => m(o) === "FormFieldError"
-  ), h = l.filter((o) => !P(o));
+  const r = L.toArray(e), n = r.find(
+    (t) => d(t) === "FormFieldLabel"
+  ), y = r.find(
+    (t) => d(t) === "FormFieldHint"
+  ), u = r.find(
+    (t) => d(t) === "FormFieldError"
+  ), g = r.filter(
+    (t) => !H(t, [
+      "FormFieldLabel",
+      "FormFieldHint",
+      "FormFieldError"
+    ])
+  );
   return /* @__PURE__ */ a(
     "fieldset",
     {
-      className: d({ "gi-error-state": !!b }, r),
-      ...i,
+      className: m({ "gi-error-state": !!u }, l),
+      ...o,
       children: [
         /* @__PURE__ */ a("div", { className: "gi-pb-3 gi-flex gi-flex-col gi-gap-1", children: [
           /* @__PURE__ */ a("div", { children: [
             n,
             y
           ] }),
-          b
+          u
         ] }),
-        /* @__PURE__ */ t(g, { children: h })
+        /* @__PURE__ */ i(p, { children: g })
       ]
     }
   );
 }, F = ({
   children: e,
-  text: r,
-  size: i,
-  htmlFor: l,
+  text: l,
+  size: o,
+  htmlFor: r,
   className: n
-}) => (s("FormFieldLabel"), /* @__PURE__ */ t(
-  H,
+}) => (s("FormFieldLabel"), /* @__PURE__ */ i(
+  E,
   {
-    text: r,
-    size: i,
-    htmlFor: l,
-    className: d("gi-font-bold", n),
+    text: l,
+    size: o,
+    htmlFor: r,
+    className: m("gi-font-bold", n),
     children: e
   }
 ));
@@ -78,38 +76,38 @@ Object.defineProperty(F, "componentType", {
   enumerable: !1
 });
 F.displayName = "FormFieldLabel";
-const u = ({ children: e, text: r, size: i, className: l }) => (s("FormFieldHint"), /* @__PURE__ */ t(N, { text: r, size: i, className: d("gi-mb-1", l), children: e }));
-Object.defineProperty(u, "componentType", {
+const f = ({ children: e, text: l, size: o, className: r }) => (s("FormFieldHint"), /* @__PURE__ */ i(N, { text: l, size: o, className: m("gi-mb-1", r), children: e }));
+Object.defineProperty(f, "componentType", {
   value: "FormFieldHint",
   writable: !1,
   enumerable: !1
 });
-u.displayName = "FormFieldHint";
-const f = ({
+f.displayName = "FormFieldHint";
+const b = ({
   children: e,
-  text: r,
-  size: i,
-  className: l,
+  text: l,
+  size: o,
+  className: r,
   ...n
-}) => (s("FormFieldError"), /* @__PURE__ */ t(
-  E,
+}) => (s("FormFieldError"), /* @__PURE__ */ i(
+  C,
   {
-    text: r,
-    size: i,
-    className: d("gi-mb-1", l),
+    text: l,
+    size: o,
+    className: m("gi-mb-1", r),
     ...n,
     children: e
   }
 ));
-Object.defineProperty(f, "componentType", {
+Object.defineProperty(b, "componentType", {
   value: "FormFieldError",
   writable: !1,
   enumerable: !1
 });
-f.displayName = "FormFieldError";
+b.displayName = "FormFieldError";
 export {
-  B as FormField,
-  f as FormFieldError,
-  u as FormFieldHint,
+  I as FormField,
+  b as FormFieldError,
+  f as FormFieldHint,
   F as FormFieldLabel
 };

package/dist/header/components/header-menu.d.ts

@@ -1,6 +1,6 @@
 import { HeaderProps } from '../types.js';
 export type MobileHeaderMenuProps = Pick<HeaderProps, 'items' | 'secondaryLinks'>;
-type MenuItemAccordionProps = {
+export type MenuItemAccordionProps = {
     index: number;
     item: {
         label?: string;
@@ -9,4 +9,3 @@ type MenuItemAccordionProps = {
 };
 export declare const MenuItemAccordion: ({ index, item }: MenuItemAccordionProps) => import("react/jsx-runtime").JSX.Element;
 export declare const MobileHeaderMenuItems: ({ items, secondaryLinks, }: MobileHeaderMenuProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/header/header-legacy.d.ts

@@ -0,0 +1,2 @@
+import { HeaderProps } from './types.js';
+export declare function HeaderLegacy({ title, items, logo, secondaryLinks, fullWidth, addDefaultMobileMenu, mobileMenuLabel, showMenuLabel, showTitleOnMobile, dataTestid, appearance, ...props }: HeaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/header/header-legacy.js

@@ -0,0 +1,223 @@
+"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";
+import L from "../assets/logos/gov-of-ireland/harp-black.js";
+import D from "../assets/logos/gov-of-ireland/harp-white.js";
+import C from "../assets/logos/harp/harp-black.js";
+import A from "../assets/logos/harp/harp-white.js";
+import { cn as k } from "../cn.js";
+import { Container as p } from "../container/container.js";
+import { translate as h } from "../i18n/utility.js";
+import { Icon as j } from "../icon/icon.js";
+import u from "../primitives/anchor.js";
+import { MobileHeaderMenuItems as E } from "./components/header-menu.js";
+import { SlotContainer as G, SlotItemAction as B } from "./components/header-slot.js";
+import { attachEventsToItemActionTriggers as F } from "./helper.js";
+import { headerVariants as O, headerMenuVariants as P, headerLogoVariants as U, headerTitleVariants as W, headerSecondaryLinksVariants as q, headerDividerVariants as z, headerToolItemVariants as y, headerSecondaryLinkItemVariants as J, headerSecondaryLinkSlotItemVariants as K } from "./variants.js";
+function S({ logo: r, appearance: n = "default" }) {
+  const t = {
+    harp: {
+      default: /* @__PURE__ */ e(A, {}),
+      light: /* @__PURE__ */ e(C, {})
+    },
+    withText: {
+      default: /* @__PURE__ */ e(D, {}),
+      light: /* @__PURE__ */ e(L, {})
+    }
+  }, o = `data:image/svg+xml;base64,${btoa(v(t.harp[n]))}`, g = `data:image/svg+xml;base64,${btoa(
+    v(t.withText[n])
+  )}`;
+  return /* @__PURE__ */ c("picture", { children: [
+    /* @__PURE__ */ e(
+      "source",
+      {
+        srcSet: (r == null ? void 0 : r.imageLarge) || g,
+        media: "(min-width: 640px)"
+      }
+    ),
+    /* @__PURE__ */ e(
+      "img",
+      {
+        className: "gi-h-10 sm:gi-h-14",
+        src: (r == null ? void 0 : r.imageSmall) || o,
+        alt: (r == null ? void 0 : r.alt) || h("logo.govieLogo", { defaultValue: "Gov.ie logo" })
+      }
+    )
+  ] });
+}
+const Q = (r, n, t) => [{
+  label: r,
+  icon: "menu",
+  itemType: "slot",
+  component: /* @__PURE__ */ e(E, { items: n, secondaryLinks: t }),
+  slotAppearance: "drawer",
+  showItemMode: "mobile-only"
+}, ...n], R = ({
+  href: r,
+  label: n,
+  slot: t,
+  index: l,
+  appearance: o = "default"
+}) => /* @__PURE__ */ e("li", { children: r ? /* @__PURE__ */ e(
+  u,
+  {
+    "aria-label": n,
+    "data-testid": `secondary-link-desktop-${l}`,
+    href: r,
+    className: J({ appearance: o }),
+    children: n
+  }
+) : /* @__PURE__ */ e(
+  "div",
+  {
+    className: K({ appearance: o }),
+    "data-appearance": o,
+    children: t
+  }
+) }), X = ({ links: r, appearance: n }) => /* @__PURE__ */ e("ul", { children: r == null ? void 0 : r.map((t, l) => /* @__PURE__ */ x(
+  R,
+  {
+    ...t,
+    index: l,
+    key: `secondary-${t.label}-${l}`,
+    appearance: n
+  }
+)) });
+function ge({
+  title: r,
+  items: n,
+  logo: t,
+  secondaryLinks: l,
+  fullWidth: o = !1,
+  addDefaultMobileMenu: f,
+  mobileMenuLabel: g,
+  showMenuLabel: N = !0,
+  showTitleOnMobile: M,
+  dataTestid: V,
+  appearance: i = "default",
+  ...$
+}) {
+  T(() => {
+    F();
+  }, []);
+  const w = ({
+    item: a,
+    index: s
+  }) => {
+    switch (a.itemType) {
+      case "slot":
+        return /* @__PURE__ */ e(B, { index: s, item: a, appearance: i });
+      case "link":
+        return /* @__PURE__ */ c(
+          u,
+          {
+            className: y({ appearance: i }),
+            href: a.href,
+            onClick: a.onClick,
+            "aria-label": a.label || `link ${s}`,
+            "data-testid": `item-link-${s}`,
+            external: a.external,
+            children: [
+              a.label && a.label,
+              a.icon && /* @__PURE__ */ e(j, { icon: a.icon })
+            ]
+          }
+        );
+      case "custom-link":
+        return /* @__PURE__ */ e(u, { asChild: !0, className: y({ appearance: i }), children: a.component });
+      default:
+        return /* @__PURE__ */ e("div", { className: z({ appearance: i }) });
+    }
+  }, H = N ? g || h("header.menu", { defaultValue: "Menu" }) : "", d = I(() => {
+    const a = n || [];
+    return f ? Q(H, a, l || []) : a;
+  }, [f]);
+  return /* @__PURE__ */ c(
+    "header",
+    {
+      id: "GovieHeader",
+      "aria-label": h("header.siteHeader", { defaultValue: "Site Header" }),
+      className: O({ appearance: i }),
+      "data-testid": V,
+      ...$,
+      children: [
+        /* @__PURE__ */ e(
+          p,
+          {
+            id: "HeaderContainer",
+            className: "gi-order-2",
+            fullWidth: o,
+            children: /* @__PURE__ */ c("div", { className: P({ appearance: i }), children: [
+              /* @__PURE__ */ c("div", { className: U({ appearance: i }), children: [
+                (t == null ? void 0 : t.href) && /* @__PURE__ */ e(
+                  u,
+                  {
+                    href: t.href,
+                    "aria-label": h("header.goToHomePage", {
+                      defaultValue: "Go to Home Page"
+                    }),
+                    "data-testid": "logo-link",
+                    external: t.external,
+                    children: S({ logo: t, appearance: i })
+                  }
+                ),
+                !(t != null && t.href) && S({ logo: t, appearance: i })
+              ] }),
+              /* @__PURE__ */ e(
+                "div",
+                {
+                  className: k(W({ appearance: i }), {
+                    "gi-hidden": !M
+                  }),
+                  children: r
+                }
+              ),
+              /* @__PURE__ */ e("div", { className: "gi-flex gi-items-center gi-gap-2 md:gi-gap-4 gi-flex-none", children: d == null ? void 0 : d.map((a, s) => {
+                const { label: b, showItemMode: m = "desktop-only" } = a;
+                return /* @__PURE__ */ e(
+                  "div",
+                  {
+                    "aria-label": a.ariaLabel,
+                    "data-testid": `header-item-${s}`,
+                    className: k({
+                      "gi-block": m === "always",
+                      "gi-block lg:gi-hidden": m === "mobile-only",
+                      "gi-hidden lg:gi-block": m === "desktop-only"
+                    }),
+                    children: /* @__PURE__ */ e(w, { item: a, index: s })
+                  },
+                  `item-${b}-${s}`
+                );
+              }) })
+            ] })
+          }
+        ),
+        l && /* @__PURE__ */ e("div", { className: q({ appearance: i }), children: /* @__PURE__ */ e(
+          p,
+          {
+            className: "gi-flex gi-justify-end gi-items-center",
+            fullWidth: o,
+            children: l && /* @__PURE__ */ e(X, { links: l, appearance: i })
+          }
+        ) }),
+        d == null ? void 0 : d.map(({ itemType: a, component: s, slotAppearance: b }, m) => {
+          if (a === "slot")
+            return s && b !== "drawer" ? /* @__PURE__ */ e(
+              G,
+              {
+                slot: s,
+                index: m,
+                appearance: i
+              },
+              `slot-container-${m}`
+            ) : null;
+        })
+      ]
+    }
+  );
+}
+export {
+  ge as HeaderLegacy
+};

package/dist/header/header-next/components/header-logo.d.ts

@@ -0,0 +1,2 @@
+import { HeaderLogoProps } from '../../types.js';
+export declare const HeaderLogo: ({ children }: HeaderLogoProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,19 @@
+"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 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", {
+  value: "HeaderLogo",
+  writable: !1,
+  enumerable: !1
+});
+export {
+  i as HeaderLogo
+};

package/dist/header/header-next/components/header-title.d.ts

@@ -0,0 +1,2 @@
+import { HeaderTitleProps } from '../../types.js';
+export declare const HeaderTitle: ({ children, className }: HeaderTitleProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,29 @@
+"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";
+import { useHeaderContext as n } from "../header-context.js";
+const m = ({ children: r, className: t }) => {
+  const e = n();
+  if (!e)
+    throw new Error("HeaderTitle must be used within a Header");
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: o(
+        t,
+        i({ appearance: e.variant })
+      ),
+      children: r
+    }
+  );
+};
+Object.defineProperty(m, "componentType", {
+  value: "HeaderTitle",
+  writable: !1,
+  enumerable: !1
+});
+export {
+  m as HeaderTitle
+};

package/dist/header/header-next/components/menu/components/header-menu-item-button.d.ts

@@ -0,0 +1,2 @@
+import { HeaderMenuItemButtonProps } from '../../../../types.js';
+export declare const HeaderMenuItemButton: ({ asChild, children, className, ...props }: HeaderMenuItemButtonProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,42 @@
+"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 { 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 })
+] }) }), x = ({
+  asChild: t,
+  children: r,
+  className: e,
+  ...o
+}) => {
+  const a = M(), m = H();
+  if (!a || a === "secondary")
+    throw new Error(
+      "HeaderMenuItemButton must be used within a HeaderPrimaryMenu"
+    );
+  const i = m.variant;
+  return /* @__PURE__ */ n(
+    t ? c : h,
+    {
+      className: p(l({ appearance: i }), e),
+      ...o,
+      children: r
+    }
+  );
+};
+Object.defineProperty(x, "componentType", {
+  value: "HeaderMenuItemButton",
+  writable: !1,
+  enumerable: !1
+});
+export {
+  x as HeaderMenuItemButton
+};

package/dist/header/header-next/components/menu/components/header-menu-item-link.d.ts

@@ -0,0 +1,8 @@
+export declare const HeaderMenuItemLink: import('react').ForwardRefExoticComponent<import('react').AnchorHTMLAttributes<HTMLAnchorElement> & {
+    asChild?: boolean;
+    showItemMode?: import('../../../../types.js').HeaderItemMode;
+    icon?: import('../../../../../icon/icon.js').IconId;
+    href?: string;
+    external?: boolean;
+    children: import('react').ReactNode;
+} & import('react').RefAttributes<HTMLAnchorElement>>;

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

@@ -0,0 +1,72 @@
+"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";
+import { cn as k } from "../../../../../cn.js";
+import { Icon as w } from "../../../../../icon/icon.js";
+import b from "../../../../../primitives/anchor.js";
+import { headerSecondaryLinkItemVariants as x, headerToolItemVariants as L } from "../../../../variants.js";
+import { useHeaderContext as g } from "../../../header-context.js";
+import { useHeaderMenuSection as S } from "../header-menu-context.js";
+const j = ({ icon: e, children: r, showItemMode: o, ...t }) => /* @__PURE__ */ H(b, { ...t, "data-item-mode": o, children: [
+  r,
+  e ? /* @__PURE__ */ n(w, { icon: e, "aria-hidden": "true" }) : null
+] }), f = I(
+  ({ asChild: e, href: r, external: o, children: t, className: m, target: h, rel: a, ...c }, s) => {
+    const y = g(), d = S();
+    if (!d)
+      throw new Error(
+        "HeaderMenuItemLink must be used within a HeaderSecondaryMenu or HeaderPrimaryMenu"
+      );
+    const u = y.variant, p = e ? M : j, i = h ?? (o ? "_blank" : void 0), l = e ? {} : {
+      href: r,
+      target: i,
+      rel: a
+    };
+    switch (d) {
+      case "primary":
+        return /* @__PURE__ */ n(
+          p,
+          {
+            ref: s,
+            rel: a,
+            href: r,
+            target: i,
+            className: k(L({ appearance: u }), m),
+            ...l,
+            ...c,
+            children: t
+          }
+        );
+      case "secondary":
+        return /* @__PURE__ */ n("li", { children: /* @__PURE__ */ n(
+          p,
+          {
+            ref: s,
+            rel: a,
+            href: r,
+            target: i,
+            className: x({
+              appearance: u,
+              className: m
+            }),
+            ...l,
+            ...c,
+            children: t
+          }
+        ) });
+      default:
+        return null;
+    }
+  }
+);
+f.displayName = "HeaderMenuItemLink";
+Object.defineProperty(f, "componentType", {
+  value: "HeaderMenuItemLink",
+  writable: !1,
+  enumerable: !1
+});
+export {
+  f as HeaderMenuItemLink
+};

package/dist/header/header-next/components/menu/components/header-menu-item-separator.d.ts

@@ -0,0 +1,3 @@
+import { ComponentPropsWithoutRef } from 'react';
+export type HeaderMenuItemSeparatorProps = ComponentPropsWithoutRef<'div'>;
+export declare const HeaderMenuItemSeparator: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,34 @@
+"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 { 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 n = c(), e = u();
+  if (!e || e === "secondary")
+    throw new Error(
+      "HeaderMenuItemSeparator must be used within a HeaderPrimaryMenu"
+    );
+  const m = n.variant;
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      ref: o,
+      role: "separator",
+      className: s(d({ appearance: m }), a),
+      ...t
+    }
+  );
+});
+r.displayName = "HeaderMenuItemSeparator";
+Object.defineProperty(r, "componentType", {
+  value: "HeaderMenuItemSeparator",
+  writable: !1,
+  enumerable: !1
+});
+export {
+  r as HeaderMenuItemSeparator
+};

package/dist/header/header-next/components/menu/components/header-menu-item-slot.d.ts

@@ -0,0 +1,5 @@
+export declare const HeaderMenuItemSlot: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    children?: import('react').ReactNode;
+} & {
+    children?: import('react').ReactNode | undefined;
+} & import('react').RefAttributes<HTMLDivElement>>;