@viasat/beam-react 2.0.0

package/lib/Form/contexts/form.context.es.js

@@ -0,0 +1,9 @@
+import "react/jsx-runtime";
+import "react";
+import "../../../chunks/constants.BBi77pmH.js";
+import { F as i, a as F, b as a } from "../../../chunks/form.context.CNWjF5qA.js";
+export {
+  i as FormContext,
+  F as FormProvider,
+  a as useFormField
+};

package/lib/Form/contexts/helperText.context.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),i=require("react");function l(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const a=l(i),n=a.createContext({ctxId:void 0,ctxDisabled:!1,ctxClassName:void 0}),s=e=>{const{children:r,...t}=e;return c.jsx(n.Provider,{value:{...t},children:r})};exports.HelperTextContext=n;exports.HelperTextProvider=s;

package/lib/Form/contexts/helperText.context.d.ts

@@ -0,0 +1,12 @@
+import { Optional } from '@viasat/beam-shared/utils/types';
+import * as React from 'react';
+export interface HelperTextContextProps {
+    ctxDisabled: boolean;
+    ctxId: Optional<string>;
+    ctxClassName?: Optional<string>;
+}
+export interface HelperTextProviderProps extends HelperTextContextProps {
+    children: React.ReactNode;
+}
+export declare const HelperTextContext: React.Context<HelperTextContextProps>;
+export declare const HelperTextProvider: (props: HelperTextProviderProps) => import("react/jsx-runtime").JSX.Element;

package/lib/Form/contexts/helperText.context.es.js

@@ -0,0 +1,14 @@
+import { jsx as o } from "react/jsx-runtime";
+import * as s from "react";
+const x = s.createContext({
+  ctxId: void 0,
+  ctxDisabled: !1,
+  ctxClassName: void 0
+}), i = (e) => {
+  const { children: r, ...t } = e;
+  return /* @__PURE__ */ o(x.Provider, { value: { ...t }, children: r });
+};
+export {
+  x as HelperTextContext,
+  i as HelperTextProvider
+};

package/lib/Form/contexts/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/form.context.B1PXIJNq.js"),r=require("./label.context.cjs.js"),t=require("./helperText.context.cjs.js");exports.FormContext=e.FormContext;exports.FormProvider=e.FormProvider;exports.useFormField=e.useFormField;exports.LabelContext=r.LabelContext;exports.LabelProvider=r.LabelProvider;exports.HelperTextContext=t.HelperTextContext;exports.HelperTextProvider=t.HelperTextProvider;

package/lib/Form/contexts/index.d.ts

@@ -0,0 +1,3 @@
+export * from './form.context';
+export * from './label.context';
+export * from './helperText.context';

package/lib/Form/contexts/index.es.js

@@ -0,0 +1,12 @@
+import { F as o, a as t, b as x } from "../../../chunks/form.context.CNWjF5qA.js";
+import { LabelContext as m, LabelProvider as l } from "./label.context.es.js";
+import { HelperTextContext as F, HelperTextProvider as d } from "./helperText.context.es.js";
+export {
+  o as FormContext,
+  t as FormProvider,
+  F as HelperTextContext,
+  d as HelperTextProvider,
+  m as LabelContext,
+  l as LabelProvider,
+  x as useFormField
+};

package/lib/Form/contexts/label.context.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),a=require("react");function i(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const l=i(a),c=l.createContext({ctxDisabled:!1,ctxRequired:!1,ctxHtmlFor:void 0,ctxClassName:void 0,ctxId:void 0}),s=e=>{const{children:r,...t}=e;return n.jsx(c.Provider,{value:{...t},children:r})};exports.LabelContext=c;exports.LabelProvider=s;

package/lib/Form/contexts/label.context.d.ts

@@ -0,0 +1,14 @@
+import { Optional } from '@viasat/beam-shared/utils/types';
+import * as React from 'react';
+export interface LabelContextProps {
+    ctxDisabled: boolean;
+    ctxRequired: boolean;
+    ctxHtmlFor?: Optional<string>;
+    ctxClassName?: Optional<string>;
+    ctxId?: Optional<string>;
+}
+export interface LabelProviderProps extends LabelContextProps {
+    children: React.ReactNode;
+}
+export declare const LabelContext: React.Context<LabelContextProps>;
+export declare const LabelProvider: (props: LabelProviderProps) => import("react/jsx-runtime").JSX.Element;

package/lib/Form/contexts/label.context.es.js

@@ -0,0 +1,16 @@
+import { jsx as r } from "react/jsx-runtime";
+import * as a from "react";
+const c = a.createContext({
+  ctxDisabled: !1,
+  ctxRequired: !1,
+  ctxHtmlFor: void 0,
+  ctxClassName: void 0,
+  ctxId: void 0
+}), s = (e) => {
+  const { children: t, ...o } = e;
+  return /* @__PURE__ */ r(c.Provider, { value: { ...o }, children: t });
+};
+export {
+  c as LabelContext,
+  s as LabelProvider
+};

package/lib/Form/hooks/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./useUniversalRef.hook.cjs.js"),e=require("./useAccessibleId.hook.cjs.js"),r=require("../../../chunks/useFormValidator.hook.BtP4A6XY.js"),i=require("../../../chunks/form.context.B1PXIJNq.js"),s=require("./useActionValidator.hook.cjs.js");exports.useUniversalRef=o.useUniversalRef;exports.decorateUniqueId=e.decorateUniqueId;exports.generateUniqueId=e.generateUniqueId;exports.useAccessibleId=e.useAccessibleId;exports.useFormValidator=r.useFormValidator;exports.useFieldValidator=i.useFieldValidator;exports.useActionValidator=s.useActionValidator;

package/lib/Form/hooks/index.d.ts

@@ -0,0 +1,5 @@
+export * from './useUniversalRef.hook';
+export * from './useAccessibleId.hook';
+export * from './useFormValidator.hook';
+export * from './useFieldValidator.hook';
+export * from './useActionValidator.hook';

package/lib/Form/hooks/index.es.js

@@ -0,0 +1,14 @@
+import { useUniversalRef as o } from "./useUniversalRef.hook.es.js";
+import { decorateUniqueId as t, generateUniqueId as s, useAccessibleId as i } from "./useAccessibleId.hook.es.js";
+import { u as d } from "../../../chunks/useFormValidator.hook.CSmddwEt.js";
+import { u as l } from "../../../chunks/form.context.CNWjF5qA.js";
+import { useActionValidator as n } from "./useActionValidator.hook.es.js";
+export {
+  t as decorateUniqueId,
+  s as generateUniqueId,
+  i as useAccessibleId,
+  n as useActionValidator,
+  l as useFieldValidator,
+  d as useFormValidator,
+  o as useUniversalRef
+};

package/lib/Form/hooks/useAccessibleId.hook.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),i=require("../../../chunks/constants.hwjHOsvT.js");function u(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const c=u(a),o=e=>Math.random().toString().slice(e),s=e=>`${i.prefix}description--${e}`,d=()=>{const{useId:e}=c||{},n=e==null?void 0:e(),[t]=c.useState(n),r=c.useMemo(()=>o(-5),[]);return c.useMemo(()=>({id:s(t??r)}),[r,t])};exports.decorateUniqueId=s;exports.generateUniqueId=o;exports.useAccessibleId=d;

package/lib/Form/hooks/useAccessibleId.hook.d.ts

@@ -0,0 +1,5 @@
+export declare const generateUniqueId: (slice: number) => string;
+export declare const decorateUniqueId: (uniqueId: string) => string;
+export declare const useAccessibleId: () => {
+    id: string;
+};

package/lib/Form/hooks/useAccessibleId.hook.es.js

@@ -0,0 +1,16 @@
+import * as t from "react";
+import { p as s } from "../../../chunks/constants.BBi77pmH.js";
+const c = (e) => Math.random().toString().slice(e), a = (e) => `${s}description--${e}`, d = () => {
+  const { useId: e } = t || {}, n = e == null ? void 0 : e(), [r] = t.useState(n), o = t.useMemo(() => c(-5), []);
+  return t.useMemo(
+    () => ({
+      id: a(r ?? o)
+    }),
+    [o, r]
+  );
+};
+export {
+  a as decorateUniqueId,
+  c as generateUniqueId,
+  d as useAccessibleId
+};

package/lib/Form/hooks/useActionValidator.hook.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react");function s(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const e=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(r,n,e.get?e:{enumerable:!0,get:()=>t[n]})}}return r.default=t,Object.freeze(r)}const a=s(i),u=()=>{const t=a.useRef(!1);return{handleAction:e=>{const o=e.target,c=o.closest("[type=reset]")||o.closest("[type=submit]");t.current=!!c},shouldSkipValidation:()=>{const{current:e}=t;return e&&(t.current=!e),{skipField:e}}}};exports.useActionValidator=u;

package/lib/Form/hooks/useActionValidator.hook.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export declare const useActionValidator: () => {
+    handleAction: React.MouseEventHandler;
+    shouldSkipValidation: () => {
+        skipField: boolean;
+    };
+};

package/lib/Form/hooks/useActionValidator.hook.es.js

@@ -0,0 +1,14 @@
+import * as r from "react";
+const c = () => {
+  const e = r.useRef(!1);
+  return { handleAction: (t) => {
+    const o = t.target, n = o.closest("[type=reset]") || o.closest("[type=submit]");
+    e.current = !!n;
+  }, shouldSkipValidation: () => {
+    const { current: t } = e;
+    return t && (e.current = !t), { skipField: t };
+  } };
+};
+export {
+  c as useActionValidator
+};

package/lib/Form/hooks/useFieldValidator.hook.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const e=require("../../../chunks/form.context.B1PXIJNq.js");require("../../../chunks/tokens.Bgac_JPh.js");exports.useFieldValidator=e.useFieldValidator;

package/lib/Form/hooks/useFieldValidator.hook.d.ts

@@ -0,0 +1,8 @@
+import { Nullable, Optional } from '@viasat/beam-shared/utils/types';
+import * as React from 'react';
+export declare const useFieldValidator: () => {
+    isInvalid: boolean;
+    errorShown: boolean;
+    showErrors: (id: Optional<string>) => Nullable<React.ReactElement>;
+    setErrors: React.Dispatch<React.SetStateAction<Array<Optional<string>>>>;
+};

package/lib/Form/hooks/useFieldValidator.hook.es.js

@@ -0,0 +1,7 @@
+import "react/jsx-runtime";
+import "react";
+import { u as p } from "../../../chunks/form.context.CNWjF5qA.js";
+import "../../../chunks/tokens.CXaNS8Cf.js";
+export {
+  p as useFieldValidator
+};

package/lib/Form/hooks/useFormValidator.hook.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");const o=require("../../../chunks/useFormValidator.hook.BtP4A6XY.js");exports.useFormValidator=o.useFormValidator;

package/lib/Form/hooks/useFormValidator.hook.d.ts

@@ -0,0 +1,16 @@
+import { Optional } from '@viasat/beam-shared/utils/types';
+import { FormValidator } from '@viasat/beam-shared/components/form';
+import * as React from 'react';
+export interface Validator {
+    validators: Array<FormValidator>;
+    errorSetter: React.Dispatch<React.SetStateAction<Array<Optional<string>>>>;
+}
+export interface ValidationHelpers {
+    reset: (name?: string) => void;
+    validateForm: (form: HTMLFormElement) => Promise<{
+        fail: boolean;
+    }>;
+    validateField: (name: string, form: HTMLFormElement) => Promise<Array<Optional<string>>>;
+    register: (name: Optional<string>, validators: Optional<Array<FormValidator>>, errorSetter: React.Dispatch<React.SetStateAction<Array<Optional<string>>>>) => void;
+}
+export declare const useFormValidator: () => ValidationHelpers;

package/lib/Form/hooks/useFormValidator.hook.es.js

@@ -0,0 +1,5 @@
+import "react";
+import { u as m } from "../../../chunks/useFormValidator.hook.CSmddwEt.js";
+export {
+  m as useFormValidator
+};

package/lib/Form/hooks/useUniversalRef.hook.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react");function o(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const u=o(c),s=e=>{const t=u.useRef(null);return{refFn:r=>{if(t.current=r,typeof e=="function")return e(r);e&&(e.current=r)},ref:t}};exports.useUniversalRef=s;

package/lib/Form/hooks/useUniversalRef.hook.d.ts

@@ -0,0 +1,6 @@
+import { Nullable } from '@viasat/beam-shared/utils/types';
+import * as React from 'react';
+export declare const useUniversalRef: <ElementType extends HTMLElement = HTMLInputElement>(externalRef: Nullable<(instance: Nullable<ElementType>) => void> | Nullable<React.MutableRefObject<Nullable<ElementType>>>) => {
+    refFn: (element: ElementType) => void;
+    ref: React.MutableRefObject<Nullable<ElementType>>;
+};

package/lib/Form/hooks/useUniversalRef.hook.es.js

@@ -0,0 +1,12 @@
+import * as u from "react";
+const s = (r) => {
+  const o = u.useRef(null);
+  return { refFn: (n) => {
+    if (o.current = n, typeof r == "function")
+      return r(n);
+    r && (r.current = n);
+  }, ref: o };
+};
+export {
+  s as useUniversalRef
+};

package/lib/Form/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./Form.cjs.js"),r=require("../../chunks/useFormValidator.hook.BtP4A6XY.js");exports.Form=o.Form;exports.validators=r.validators;

package/lib/Form/index.d.ts

@@ -0,0 +1 @@
+export * from './Form';

package/lib/Form/index.es.js

@@ -0,0 +1,6 @@
+import { Form as a } from "./Form.es.js";
+import { v as t } from "../../chunks/useFormValidator.hook.CSmddwEt.js";
+export {
+  a as Form,
+  t as validators
+};

package/lib/Header/Header.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),q=require("react"),s=require("clsx"),r=require("../../chunks/header.module.BuIYSyu4.js"),x=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const S=require("../../utils/extractSpecifiedComponents.cjs.js"),f=require("../SideNav/SideNavContext.cjs.js"),T=require("./HeaderMasthead.cjs.js"),y=require("./HeaderActionGroup.cjs.js"),d=require("./HeaderSideNavTrigger.cjs.js"),A=require("./HeaderNavigation.cjs.js"),M=require("./HeaderAction.cjs.js"),{baseClassNamePrefix:C,subElementClassPrefix:o}=x.getBEMClassNames("header");function c({children:l,className:g,...u}){const H=f.useSideNavContext(),{setNavigation:t,triggerType:v,withMobile:N}=H,[{actions:h,masthead:m,navigation:a,_sideNavTrigger:b},_]=S.extractSpecifiedComponents(l,{masthead:e.Masthead,navigation:e.Navigation,actions:e.ActionGroup,_sideNavTrigger:e.SideNavTrigger});_.length&&console.warn("The Header component only accepts the following children: Header.Masthead, Header.Navigation, Header.Actions, Header.SideNavTrigger. Any other elements will not be displayed."),q.useEffect(()=>{a&&t&&t(a)},[a,t]);const p=v==="mobile";let n=b;return p&&!n&&(n=i.jsx(d.HeaderSideNavTrigger,{})),i.jsxs("header",{className:s(r.styles[C],g),...u,children:[n,i.jsxs("div",{className:s(r.styles[`${o}content`]),children:[m,a&&i.jsx("div",{className:s(r.styles[`${o}nav-container`],N&&r.styles[`${o}nav-container`]+"--mobile-enabled"),children:a}),h]})]})}const e=c;e.Navigation=A.HeaderNavigation;e.ActionGroup=y.HeaderActionGroup;e.Action=M.HeaderAction;e.Masthead=T.HeaderMasthead;e.SideNavTrigger=d.HeaderSideNavTrigger;e.displayName="Header";exports.Header=e;exports.InternalHeader=c;

package/lib/Header/Header.d.ts

@@ -0,0 +1,23 @@
+import { default as React, ComponentPropsWithoutRef } from 'react';
+import { HeaderMasthead } from './HeaderMasthead';
+import { HeaderActionGroup } from './HeaderActionGroup';
+import { HeaderSideNavTrigger } from './HeaderSideNavTrigger';
+import { HeaderNavigation } from './HeaderNavigation';
+import { HeaderAction } from './HeaderAction';
+export interface HeaderProps extends ComponentPropsWithoutRef<'header'> {
+    /**
+     * Provide content for the Header
+     */
+    children: React.ReactNode;
+}
+export declare function InternalHeader({ children, className, ...props }: HeaderProps): import("react/jsx-runtime").JSX.Element;
+type HeaderType = typeof InternalHeader & {
+    displayName: string;
+    Navigation: typeof HeaderNavigation;
+    ActionGroup: typeof HeaderActionGroup;
+    Action: typeof HeaderAction;
+    Masthead: typeof HeaderMasthead;
+    SideNavTrigger: typeof HeaderSideNavTrigger;
+};
+export declare const Header: HeaderType;
+export {};

package/lib/Header/Header.es.js

@@ -0,0 +1,57 @@
+import { jsxs as s, jsx as d } from "react/jsx-runtime";
+import { useEffect as b } from "react";
+import t from "clsx";
+import { s as a } from "../../chunks/header.module.WpoWPQ08.js";
+import { g as u } from "../../chunks/classNames.DNsS4J__.js";
+import "../../chunks/constants.BBi77pmH.js";
+import { extractSpecifiedComponents as A } from "../../utils/extractSpecifiedComponents.es.js";
+import { useSideNavContext as M } from "../SideNav/SideNavContext.es.js";
+import { HeaderMasthead as y } from "./HeaderMasthead.es.js";
+import { HeaderActionGroup as C } from "./HeaderActionGroup.es.js";
+import { HeaderSideNavTrigger as m } from "./HeaderSideNavTrigger.es.js";
+import { HeaderNavigation as S } from "./HeaderNavigation.es.js";
+import { HeaderAction as w } from "./HeaderAction.es.js";
+const { baseClassNamePrefix: E, subElementClassPrefix: n } = u("header");
+function G({ children: c, className: l, ...g }) {
+  const p = M(), { setNavigation: r, triggerType: f, withMobile: v } = p, [{ actions: N, masthead: h, navigation: i, _sideNavTrigger: H }, x] = A(c, {
+    masthead: e.Masthead,
+    navigation: e.Navigation,
+    actions: e.ActionGroup,
+    _sideNavTrigger: e.SideNavTrigger
+  });
+  x.length && console.warn(
+    "The Header component only accepts the following children: Header.Masthead, Header.Navigation, Header.Actions, Header.SideNavTrigger. Any other elements will not be displayed."
+  ), b(() => {
+    i && r && r(i);
+  }, [i, r]);
+  const T = f === "mobile";
+  let o = H;
+  return T && !o && (o = /* @__PURE__ */ d(m, {})), /* @__PURE__ */ s("header", { className: t(a[E], l), ...g, children: [
+    o,
+    /* @__PURE__ */ s("div", { className: t(a[`${n}content`]), children: [
+      h,
+      i && /* @__PURE__ */ d(
+        "div",
+        {
+          className: t(
+            a[`${n}nav-container`],
+            v && a[`${n}nav-container`] + "--mobile-enabled"
+          ),
+          children: i
+        }
+      ),
+      N
+    ] })
+  ] });
+}
+const e = G;
+e.Navigation = S;
+e.ActionGroup = C;
+e.Action = w;
+e.Masthead = y;
+e.SideNavTrigger = m;
+e.displayName = "Header";
+export {
+  e as Header,
+  G as InternalHeader
+};

package/lib/Header/HeaderAction.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("react"),i=require("../Tooltip/Tooltip.cjs.js"),a=require("../Button/Button.cjs.js"),l=r.forwardRef((e,o)=>{const n=e["aria-label"]?i.Tooltip:r.Fragment;return t.jsx(n,{portalled:!0,text:e["aria-label"],showDelay:600,children:t.jsx(a.Button,{appearance:"neutral",kind:"bare",iconBefore:e.icon,iconOnly:!0,...e,ref:o})})});exports.HeaderAction=l;

package/lib/Header/HeaderAction.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { ButtonProps } from '../Button';
+export interface HeaderActionProps extends Omit<ButtonProps, 'iconBefore' | 'aria-label'> {
+    /**
+     * Provide an icon for the action
+     */
+    'icon'?: ReactNode;
+    /**
+     * Provide an aria-label for the action
+     */
+    'aria-label'?: string;
+}
+export declare const HeaderAction: import('react').ForwardRefExoticComponent<HeaderActionProps & import('react').RefAttributes<HTMLButtonElement>>;

package/lib/Header/HeaderAction.es.js

@@ -0,0 +1,23 @@
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as a, Fragment as n } from "react";
+import { Tooltip as i } from "../Tooltip/Tooltip.es.js";
+import { Button as l } from "../Button/Button.es.js";
+const d = a(
+  (r, o) => {
+    const t = r["aria-label"] ? i : n;
+    return /* @__PURE__ */ e(t, { portalled: !0, text: r["aria-label"], showDelay: 600, children: /* @__PURE__ */ e(
+      l,
+      {
+        appearance: "neutral",
+        kind: "bare",
+        iconBefore: r.icon,
+        iconOnly: !0,
+        ...r,
+        ref: o
+      }
+    ) });
+  }
+);
+export {
+  d as HeaderAction
+};

package/lib/Header/HeaderActionGroup.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),s=require("clsx"),r=require("react"),o=require("../../chunks/header.module.BuIYSyu4.js"),n=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const a=require("../Divider/Divider.cjs.js"),{subElementClassPrefix:c}=n.getBEMClassNames("header");function u({className:e,...t}){return i.jsx("div",{className:s(o.styles[`${c}actions`],e),...t})}function d(e){return i.jsx(a.Divider,{orientation:"vertical",length:"1.5rem",...e})}const l=Object.assign(r.memo(u),{Divider:Object.assign(r.memo(d),{displayName:"HeaderActionGroupDivider"}),displayName:"HeaderActionGroup"});exports.HeaderActionGroup=l;

package/lib/Header/HeaderActionGroup.d.ts

@@ -0,0 +1,21 @@
+import { default as React, ComponentPropsWithoutRef } from 'react';
+import { DividerProps } from '../Divider';
+export interface HeaderActionGroupProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Provide content for actions
+     */
+    children?: React.ReactNode;
+}
+declare function _HeaderActionGroup({ className, ...props }: HeaderActionGroupProps): import("react/jsx-runtime").JSX.Element;
+declare function HeaderActionGroupDivider(props: DividerProps): import("react/jsx-runtime").JSX.Element;
+export declare const HeaderActionGroup: React.NamedExoticComponent<HeaderActionGroupProps> & {
+    readonly type: typeof _HeaderActionGroup;
+} & {
+    Divider: React.NamedExoticComponent<DividerProps> & {
+        readonly type: typeof HeaderActionGroupDivider;
+    } & {
+        displayName: string;
+    };
+    displayName: string;
+};
+export {};

package/lib/Header/HeaderActionGroup.es.js

@@ -0,0 +1,29 @@
+import { jsx as i } from "react/jsx-runtime";
+import t from "clsx";
+import { memo as e } from "react";
+import { s } from "../../chunks/header.module.WpoWPQ08.js";
+import { g as a } from "../../chunks/classNames.DNsS4J__.js";
+import "../../chunks/constants.BBi77pmH.js";
+import { Divider as m } from "../Divider/Divider.es.js";
+const { subElementClassPrefix: n } = a("header");
+function c({ className: r, ...o }) {
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      className: t(s[`${n}actions`], r),
+      ...o
+    }
+  );
+}
+function p(r) {
+  return /* @__PURE__ */ i(m, { orientation: "vertical", length: "1.5rem", ...r });
+}
+const G = Object.assign(e(c), {
+  Divider: Object.assign(e(p), {
+    displayName: "HeaderActionGroupDivider"
+  }),
+  displayName: "HeaderActionGroup"
+});
+export {
+  G as HeaderActionGroup
+};

package/lib/Header/HeaderMasthead.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),c=require("clsx"),a=require("react"),r=require("../../chunks/header.module.BuIYSyu4.js"),V=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const M=require("../../utils/extractSpecifiedComponents.cjs.js"),H=require("../../utils/theming/useBeamTheme.cjs.js"),f=require("../Logo/Logo.cjs.js"),Z=require("../Badge/Badge.cjs.js"),v=require("../Text/Text.cjs.js");function x(t){const C=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const s=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(C,o,s.get?s:{enumerable:!0,get:()=>t[o]})}}return C.default=t,Object.freeze(C)}const e=x(a),B=t=>e.createElement("svg",{viewBox:"0 0 90 30",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},e.createElement("path",{d:"M72.3699 8.74998C71.6302 8.99998 71.0138 9.62498 70.8905 10.25L69.1645 16.25L68.7946 14.75C68.548 13.875 67.685 13.375 66.822 13.625C65.959 13.875 65.4658 14.75 65.7124 15.625L66.6987 19C66.9453 19.875 67.8083 20.375 68.6713 20.125C69.2877 20 69.6576 19.5 69.7809 19L71.3836 13.125L72.8631 18.5C73.2329 19.75 74.4658 20.375 75.5754 20C76.3151 19.75 76.9316 19.125 77.0549 18.5L80.2603 7.12498L83.3425 17.875C83.8357 19.5 85.5617 20.5 87.1645 20C88.7672 19.5 89.7535 17.75 89.2603 16.125L85.4384 2.87498C84.9453 1.24998 83.2192 0.249984 81.6165 0.749984C80.5069 0.999984 79.7672 1.87498 79.5206 2.99998L76.3151 14.5L75.0823 10.25C74.8357 9.12498 73.6028 8.37498 72.3699 8.74998Z",fill:"url(#paint0_linear_1206_1789)"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M66.457 27.5L66.2536 28.0188L66.1303 28.3662H66.113L65.9898 28.0188L65.7839 27.5H65.4621V28.885H65.7074V28.2725L65.6766 27.8038H65.6963L66.0169 28.67H66.224L66.5458 27.8038H66.5618L66.5322 28.2725V28.885H66.7739V27.5H66.457ZM64.1096 27.5V27.7412H64.5448V28.885H64.8087V27.7412H65.25V27.5H64.1096Z",fill:"#202E39"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M63.7398 18.5C63.7398 19.5 63.4932 20.125 62.1371 20.125C60.7809 20.125 60.5343 19.375 60.5343 18.5V18.375C60.5343 17.5 60.7809 16.75 62.1371 16.75C63.4932 17 63.7398 17.625 63.7398 18.5ZM59.548 29.5C58.685 29.5 57.822 29.375 57.2056 28.75C56.2192 27.875 56.096 26.625 56.096 25.5V20H54.4932C53.7535 20 53.5069 19.875 53.5069 18.5C53.5069 17.125 53.7535 17 54.4932 17H56.096V14.875C56.096 13.875 56.2192 13.625 57.822 13.625C59.4247 13.625 59.548 13.875 59.548 14.875V24.875C59.548 25.875 59.6713 26.125 60.0412 26.375C60.5343 26.75 61.3973 26.5 62.2603 26.375C62.8768 26.25 62.8768 26.625 63.1234 27.5C63.2466 28.5 63.2466 28.875 62.6302 29C62.0138 29.125 60.9042 29.5 59.548 29.5ZM44.1371 20.125C43.5206 20.25 43.5206 20 43.274 19C43.1508 18 43.1508 17.75 43.7672 17.5C44.0138 17.5 45.6165 16.875 47.959 16.875C50.3014 16.875 51.5343 18.125 51.9042 19.25C52.3973 20.5 52.274 21.125 52.274 23C52.274 23.5 52.274 27 52.274 27.5C52.274 28.25 51.9042 28.5 51.411 28.75C50.9179 29 49.4384 29.5 47.5891 29.5C44.6302 29.5 42.2877 28.625 42.2877 25.625C42.2877 22.75 44.2603 21.75 47.096 21.75C47.7124 21.75 48.3288 21.75 48.9453 21.875V21.25C48.9453 20.125 48.4521 19.5 46.9727 19.5C46.1097 19.625 44.2603 20.125 44.1371 20.125ZM47.7124 27.125C48.2056 27.125 48.6987 27 49.0686 26.875C49.0686 26.875 49.0686 26.875 49.0686 26.75V24.375C49.0686 24.375 49.0686 24.25 48.9453 24.25C48.3288 24.125 47.959 24.125 47.4658 24.125C46.3562 24.125 45.4932 24.375 45.4932 25.625C45.6165 26.75 46.3562 27.125 47.7124 27.125ZM39.6987 28.625C39.0823 29.125 37.9727 29.625 36.4932 29.625C34.5206 29.625 32.6713 29 32.6713 29C32.0549 28.75 32.0549 28.625 32.1782 27.625C32.3014 26.625 32.4247 26.25 33.0412 26.375C33.9042 26.5 35.3836 27 36.2466 27C36.9864 27 37.4795 26.75 37.6028 26C37.6028 25.25 36.9864 24.75 35.7535 24.5C34.274 24.125 32.3014 23.375 32.1782 20.75C32.1782 18.75 33.6576 17.125 36.2466 17.125C38.2192 17.125 39.2056 17.5 39.822 17.75C40.4384 17.875 40.4384 18.25 40.1919 19.25C39.9453 20.25 39.9453 20.5 39.3288 20.375C38.7124 20.25 37.6028 19.875 36.4932 19.875C36.0001 19.875 35.3836 20.125 35.3836 20.75C35.3836 21.5 36.1234 21.625 36.9864 22C38.2192 22.5 39.0823 22.75 39.6987 23.375C40.5617 24.125 40.8083 24.875 40.8083 25.75C41.0549 26.875 40.5617 28 39.6987 28.625ZM22.1919 20.125C21.5754 20.25 21.5754 20 21.3288 19C21.0823 18 21.0823 17.625 21.6987 17.5C21.9453 17.5 23.548 16.875 25.8905 16.875C28.2329 16.875 29.4658 18.125 29.8357 19.25C30.3288 20.5 30.2055 21.125 30.2055 23C30.2055 23.5 30.2055 27 30.2055 27.5C30.2055 28.25 29.8357 28.5 29.3425 28.75C28.8494 29 27.3699 29.5 25.5206 29.5C22.5617 29.5 20.2192 28.625 20.2192 25.625C20.2192 22.75 22.1919 21.75 25.0275 21.75C25.6439 21.75 26.2603 21.75 26.8768 21.875V21.25C26.8768 20.125 26.3836 19.5 24.9042 19.5C24.1645 19.625 22.1919 20.125 22.1919 20.125ZM25.6439 27.125C26.1371 27.125 26.6302 27 27.0001 26.875C27.0001 26.875 27.0001 26.875 27.0001 26.75V24.375C27.0001 24.375 27.0001 24.25 26.8768 24.25C26.2603 24.125 25.8905 24.125 25.3973 24.125C24.2877 24.125 23.4247 24.375 23.4247 25.625C23.548 26.75 24.2877 27.125 25.6439 27.125ZM16.5206 29.5C14.9179 29.5 14.7946 29.25 14.7946 28.25V18.375C14.7946 17.375 14.9179 17.125 16.5206 17.125C18.1234 17.125 18.2466 17.375 18.2466 18.375V28.25C18.2466 29.25 18.1234 29.5 16.5206 29.5ZM11.8357 13.75C10.3562 13.75 10.1097 14 9.86308 15L7.02747 25.75L4.19185 15C3.94528 14 3.6987 13.75 2.21925 13.75C0.739796 13.75 0.493221 14 0.739796 15L4.56171 28.25C4.93158 29.25 5.54802 29.5 7.15075 29.5C8.75349 29.5 9.36993 29.25 9.7398 28.25L13.5617 15C13.5617 14 13.3151 13.75 11.8357 13.75Z",fill:"#202E39"}),e.createElement("defs",null,e.createElement("linearGradient",{id:"paint0_linear_1206_1789",x1:69.2206,y1:24.7536,x2:90.2936,y2:16.3286,gradientUnits:"userSpaceOnUse"},e.createElement("stop",{stopColor:"#24343C"}),e.createElement("stop",{offset:.0351178,stopColor:"#263942"}),e.createElement("stop",{offset:.0810782,stopColor:"#2B4652"}),e.createElement("stop",{offset:.1331,stopColor:"#2A5668"}),e.createElement("stop",{offset:.1895,stopColor:"#036885"}),e.createElement("stop",{offset:.2488,stopColor:"#0077A3"}),e.createElement("stop",{offset:.28,stopColor:"#007EB5"}),e.createElement("stop",{offset:.3259,stopColor:"#0082BB"}),e.createElement("stop",{offset:.3975,stopColor:"#008ECB"}),e.createElement("stop",{offset:.48,stopColor:"#009FE3"}),e.createElement("stop",{offset:.5127,stopColor:"#00A7CE"}),e.createElement("stop",{offset:.5633,stopColor:"#01B3B1"}),e.createElement("stop",{offset:.6163,stopColor:"#68BE94"}),e.createElement("stop",{offset:.6708,stopColor:"#8EC676"}),e.createElement("stop",{offset:.727,stopColor:"#A7CC58"}),e.createElement("stop",{offset:.7857,stopColor:"#B9D13B"}),e.createElement("stop",{offset:.8477,stopColor:"#C5D41F"}),e.createElement("stop",{offset:.9156,stopColor:"#CCD600"}),e.createElement("stop",{offset:1,stopColor:"#CED700"})))),_=t=>e.createElement("svg",{viewBox:"0 0 90 30",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},e.createElement("path",{d:"M72.3699 8.74998C71.6302 8.99998 71.0138 9.62498 70.8905 10.25L69.1645 16.25L68.7946 14.75C68.548 13.875 67.685 13.375 66.822 13.625C65.959 13.875 65.4658 14.75 65.7124 15.625L66.6987 19C66.9453 19.875 67.8083 20.375 68.6713 20.125C69.2877 20 69.6576 19.5 69.7809 19L71.3836 13.125L72.8631 18.5C73.2329 19.75 74.4658 20.375 75.5754 20C76.3151 19.75 76.9316 19.125 77.0549 18.5L80.2603 7.12498L83.3425 17.875C83.8357 19.5 85.5617 20.5 87.1645 20C88.7672 19.5 89.7535 17.75 89.2603 16.125L85.4384 2.87498C84.9453 1.24998 83.2192 0.249984 81.6165 0.749984C80.5069 0.999984 79.7672 1.87498 79.5206 2.99998L76.3151 14.5L75.0823 10.25C74.8357 9.12498 73.6028 8.37498 72.3699 8.74998Z",fill:"#FFFFFE"}),e.createElement("path",{d:"M66.4571 27.5L66.2536 28.0187L66.1303 28.3662H66.1131L65.9898 28.0187L65.7839 27.5H65.4621V28.885H65.7075V28.2725L65.6766 27.8037H65.6964L66.0169 28.67H66.224L66.5458 27.8037H66.5619L66.5323 28.2725V28.885H66.7739V27.5H66.4571Z",fill:"#FFFFFE"}),e.createElement("path",{d:"M64.1097 27.5V27.7412H64.5449V28.885H64.8087V27.7412H65.2501V27.5H64.1097Z",fill:"#FFFFFE"}),e.createElement("path",{d:"M62.1371 20.125C63.4932 20.125 63.7398 19.5 63.7398 18.5C63.7398 17.625 63.4932 17 62.1371 16.75C60.7809 16.75 60.5343 17.5 60.5343 18.375V18.5C60.5343 19.375 60.7809 20.125 62.1371 20.125Z",fill:"#FFFFFE"}),e.createElement("path",{d:"M57.2056 28.75C57.822 29.375 58.685 29.5 59.548 29.5C60.5984 29.5 61.5008 29.275 62.1408 29.1155C62.3271 29.0691 62.4912 29.0282 62.6302 29C63.2466 28.875 63.2466 28.5 63.1234 27.5C63.0907 27.3841 63.0624 27.2769 63.0363 27.1786C62.866 26.5344 62.7951 26.2665 62.2603 26.375C62.1032 26.3977 61.9461 26.4246 61.7913 26.4512C61.0954 26.5703 60.4445 26.6817 60.0412 26.375C59.6713 26.125 59.548 25.875 59.548 24.875V14.875C59.548 13.875 59.4247 13.625 57.822 13.625C56.2192 13.625 56.096 13.875 56.096 14.875V17H54.4932C53.7535 17 53.5069 17.125 53.5069 18.5C53.5069 19.875 53.7535 20 54.4932 20H56.096V25.5C56.096 26.625 56.2192 27.875 57.2056 28.75Z",fill:"#FFFFFE"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M43.3323 19.2396C43.5251 20.0399 43.5732 20.2393 44.1371 20.125C44.183 20.125 44.4689 20.0555 44.8542 19.9618C45.5022 19.8043 46.4314 19.5784 46.9727 19.5C48.4521 19.5 48.9453 20.125 48.9453 21.25V21.875C48.3288 21.75 47.7124 21.75 47.096 21.75C44.2603 21.75 42.2877 22.75 42.2877 25.625C42.2877 28.625 44.6302 29.5 47.5891 29.5C49.4384 29.5 50.9179 29 51.411 28.75C51.9042 28.5 52.274 28.25 52.274 27.5V23C52.274 22.6559 52.2782 22.3539 52.2819 22.0825C52.2985 20.8746 52.3068 20.2706 51.9042 19.25C51.5343 18.125 50.3014 16.875 47.959 16.875C46.1903 16.875 44.8434 17.2313 44.1835 17.4058C43.9694 17.4625 43.8276 17.5 43.7672 17.5C43.1508 17.75 43.1508 18 43.274 19C43.2951 19.0852 43.3143 19.165 43.3323 19.2396ZM49.0686 26.875C48.6987 27 48.2056 27.125 47.7124 27.125C46.3562 27.125 45.6165 26.75 45.4932 25.625C45.4932 24.375 46.3562 24.125 47.4658 24.125C47.959 24.125 48.3288 24.125 48.9453 24.25C49.0686 24.25 49.0686 24.375 49.0686 24.375V26.875Z",fill:"#FFFFFE"}),e.createElement("path",{d:"M36.4932 29.625C37.9727 29.625 39.0823 29.125 39.6987 28.625C40.5617 28 41.0549 26.875 40.8083 25.75C40.8083 24.875 40.5617 24.125 39.6987 23.375C39.1953 22.8646 38.5275 22.6043 37.6282 22.2537C37.4262 22.175 37.2125 22.0917 36.9864 22C36.8306 21.9323 36.6788 21.8727 36.5346 21.8162C35.8804 21.5595 35.3836 21.3646 35.3836 20.75C35.3836 20.125 36.0001 19.875 36.4932 19.875C37.3254 19.875 38.1576 20.0859 38.7817 20.2441C38.9898 20.2969 39.1747 20.3437 39.3288 20.375C39.8927 20.4893 39.9408 20.2899 40.1336 19.4896C40.1516 19.415 40.1708 19.3352 40.1919 19.25C40.4384 18.25 40.4384 17.875 39.822 17.75C39.2056 17.5 38.2192 17.125 36.2466 17.125C33.6576 17.125 32.1782 18.75 32.1782 20.75C32.3014 23.375 34.274 24.125 35.7535 24.5C36.9864 24.75 37.6028 25.25 37.6028 26C37.4795 26.75 36.9864 27 36.2466 27C35.7208 27 34.9661 26.8144 34.2614 26.641C33.8096 26.5299 33.3783 26.4238 33.0412 26.375C32.4247 26.25 32.3014 26.625 32.1782 27.625C32.0549 28.625 32.0549 28.75 32.6713 29C32.6713 29 34.5206 29.625 36.4932 29.625Z",fill:"#FFFFFE"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M21.387 19.2396C21.5799 20.0399 21.628 20.2393 22.1919 20.125C22.1919 20.125 24.1645 19.625 24.9042 19.5C26.3836 19.5 26.8768 20.125 26.8768 21.25V21.875C26.2603 21.75 25.6439 21.75 25.0275 21.75C22.1919 21.75 20.2192 22.75 20.2192 25.625C20.2192 28.625 22.5617 29.5 25.5206 29.5C27.3699 29.5 28.8494 29 29.3425 28.75C29.8357 28.5 30.2055 28.25 30.2055 27.5V23C30.2055 22.6559 30.2097 22.3539 30.2134 22.0825C30.23 20.8746 30.2383 20.2706 29.8357 19.25C29.4658 18.125 28.2329 16.875 25.8905 16.875C24.1218 16.875 22.7749 17.2313 22.115 17.4058C21.9009 17.4625 21.7591 17.5 21.6987 17.5C21.0823 17.625 21.0823 18 21.3288 19C21.3499 19.0852 21.3691 19.165 21.387 19.2396ZM27.0001 26.875C26.6302 27 26.1371 27.125 25.6439 27.125C24.2877 27.125 23.548 26.75 23.4247 25.625C23.4247 24.375 24.2877 24.125 25.3973 24.125C25.8905 24.125 26.2603 24.125 26.8768 24.25C27.0001 24.25 27.0001 24.375 27.0001 24.375V26.875Z",fill:"#FFFFFE"}),e.createElement("path",{d:"M14.7946 28.25C14.7946 29.25 14.9179 29.5 16.5206 29.5C18.1234 29.5 18.2466 29.25 18.2466 28.25V18.375C18.2466 17.375 18.1234 17.125 16.5206 17.125C14.9179 17.125 14.7946 17.375 14.7946 18.375V28.25Z",fill:"#FFFFFE"}),e.createElement("path",{d:"M9.86308 15C10.1097 14 10.3562 13.75 11.8357 13.75C13.3151 13.75 13.5617 14 13.5617 15L9.7398 28.25C9.36993 29.25 8.75349 29.5 7.15075 29.5C5.54802 29.5 4.93158 29.25 4.56171 28.25L0.739796 15C0.493221 14 0.739796 13.75 2.21925 13.75C3.6987 13.75 3.94528 14 4.19185 15L7.02747 25.75L9.86308 15Z",fill:"#FFFFFE"}),e.createElement("path",{d:"M72.3699 8.74998C71.6302 8.99998 71.0138 9.62498 70.8905 10.25L69.1645 16.25L68.7946 14.75C68.548 13.875 67.685 13.375 66.822 13.625C65.959 13.875 65.4658 14.75 65.7124 15.625L66.6987 19C66.9453 19.875 67.8083 20.375 68.6713 20.125C69.2877 20 69.6576 19.5 69.7809 19L71.3836 13.125L72.8631 18.5C73.2329 19.75 74.4658 20.375 75.5754 20C76.3151 19.75 76.9316 19.125 77.0549 18.5L80.2603 7.12498L83.3425 17.875C83.8357 19.5 85.5617 20.5 87.1645 20C88.7672 19.5 89.7535 17.75 89.2603 16.125L85.4384 2.87498C84.9453 1.24998 83.2192 0.249984 81.6165 0.749984C80.5069 0.999984 79.7672 1.87498 79.5206 2.99998L76.3151 14.5L75.0823 10.25C74.8357 9.12498 73.6028 8.37498 72.3699 8.74998Z",fill:"#FFFFFE"}),e.createElement("path",{d:"M66.4571 27.5L66.2536 28.0187L66.1303 28.3662H66.1131L65.9898 28.0187L65.7839 27.5H65.4621V28.885H65.7075V28.2725L65.6766 27.8037H65.6964L66.0169 28.67H66.224L66.5458 27.8037H66.5619L66.5323 28.2725V28.885H66.7739V27.5H66.4571Z",fill:"#FFFFFE"}),e.createElement("path",{d:"M64.1097 27.5V27.7412H64.5449V28.885H64.8087V27.7412H65.2501V27.5H64.1097Z",fill:"#FFFFFE"}),e.createElement("path",{d:"M62.1371 20.125C63.4932 20.125 63.7398 19.5 63.7398 18.5C63.7398 17.625 63.4932 17 62.1371 16.75C60.7809 16.75 60.5343 17.5 60.5343 18.375V18.5C60.5343 19.375 60.7809 20.125 62.1371 20.125Z",fill:"#FFFFFE"}),e.createElement("path",{d:"M57.2056 28.75C57.822 29.375 58.685 29.5 59.548 29.5C60.5984 29.5 61.5008 29.275 62.1408 29.1155C62.3271 29.0691 62.4912 29.0282 62.6302 29C63.2466 28.875 63.2466 28.5 63.1234 27.5C63.0907 27.3841 63.0624 27.2769 63.0363 27.1786C62.866 26.5344 62.7951 26.2665 62.2603 26.375C62.1032 26.3977 61.9461 26.4246 61.7913 26.4512C61.0954 26.5703 60.4445 26.6817 60.0412 26.375C59.6713 26.125 59.548 25.875 59.548 24.875V14.875C59.548 13.875 59.4247 13.625 57.822 13.625C56.2192 13.625 56.096 13.875 56.096 14.875V17H54.4932C53.7535 17 53.5069 17.125 53.5069 18.5C53.5069 19.875 53.7535 20 54.4932 20H56.096V25.5C56.096 26.625 56.2192 27.875 57.2056 28.75Z",fill:"#FFFFFE"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M43.3323 19.2396C43.5251 20.0399 43.5732 20.2393 44.1371 20.125C44.183 20.125 44.4689 20.0555 44.8542 19.9618C45.5022 19.8043 46.4314 19.5784 46.9727 19.5C48.4521 19.5 48.9453 20.125 48.9453 21.25V21.875C48.3288 21.75 47.7124 21.75 47.096 21.75C44.2603 21.75 42.2877 22.75 42.2877 25.625C42.2877 28.625 44.6302 29.5 47.5891 29.5C49.4384 29.5 50.9179 29 51.411 28.75C51.9042 28.5 52.274 28.25 52.274 27.5V23C52.274 22.6559 52.2782 22.3539 52.2819 22.0825C52.2985 20.8746 52.3068 20.2706 51.9042 19.25C51.5343 18.125 50.3014 16.875 47.959 16.875C46.1903 16.875 44.8434 17.2313 44.1835 17.4058C43.9694 17.4625 43.8276 17.5 43.7672 17.5C43.1508 17.75 43.1508 18 43.274 19C43.2951 19.0852 43.3143 19.165 43.3323 19.2396ZM49.0686 26.875C48.6987 27 48.2056 27.125 47.7124 27.125C46.3562 27.125 45.6165 26.75 45.4932 25.625C45.4932 24.375 46.3562 24.125 47.4658 24.125C47.959 24.125 48.3288 24.125 48.9453 24.25C49.0686 24.25 49.0686 24.375 49.0686 24.375V26.875Z",fill:"#FFFFFE"}),e.createElement("path",{d:"M36.4932 29.625C37.9727 29.625 39.0823 29.125 39.6987 28.625C40.5617 28 41.0549 26.875 40.8083 25.75C40.8083 24.875 40.5617 24.125 39.6987 23.375C39.1953 22.8646 38.5275 22.6043 37.6282 22.2537C37.4262 22.175 37.2125 22.0917 36.9864 22C36.8306 21.9323 36.6788 21.8727 36.5346 21.8162C35.8804 21.5595 35.3836 21.3646 35.3836 20.75C35.3836 20.125 36.0001 19.875 36.4932 19.875C37.3254 19.875 38.1576 20.0859 38.7817 20.2441C38.9898 20.2969 39.1747 20.3437 39.3288 20.375C39.8927 20.4893 39.9408 20.2899 40.1336 19.4896C40.1516 19.415 40.1708 19.3352 40.1919 19.25C40.4384 18.25 40.4384 17.875 39.822 17.75C39.2056 17.5 38.2192 17.125 36.2466 17.125C33.6576 17.125 32.1782 18.75 32.1782 20.75C32.3014 23.375 34.274 24.125 35.7535 24.5C36.9864 24.75 37.6028 25.25 37.6028 26C37.4795 26.75 36.9864 27 36.2466 27C35.7208 27 34.9661 26.8144 34.2614 26.641C33.8096 26.5299 33.3783 26.4238 33.0412 26.375C32.4247 26.25 32.3014 26.625 32.1782 27.625C32.0549 28.625 32.0549 28.75 32.6713 29C32.6713 29 34.5206 29.625 36.4932 29.625Z",fill:"#FFFFFE"}),e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M21.387 19.2396C21.5799 20.0399 21.628 20.2393 22.1919 20.125C22.1919 20.125 24.1645 19.625 24.9042 19.5C26.3836 19.5 26.8768 20.125 26.8768 21.25V21.875C26.2603 21.75 25.6439 21.75 25.0275 21.75C22.1919 21.75 20.2192 22.75 20.2192 25.625C20.2192 28.625 22.5617 29.5 25.5206 29.5C27.3699 29.5 28.8494 29 29.3425 28.75C29.8357 28.5 30.2055 28.25 30.2055 27.5V23C30.2055 22.6559 30.2097 22.3539 30.2134 22.0825C30.23 20.8746 30.2383 20.2706 29.8357 19.25C29.4658 18.125 28.2329 16.875 25.8905 16.875C24.1218 16.875 22.7749 17.2313 22.115 17.4058C21.9009 17.4625 21.7591 17.5 21.6987 17.5C21.0823 17.625 21.0823 18 21.3288 19C21.3499 19.0852 21.3691 19.165 21.387 19.2396ZM27.0001 26.875C26.6302 27 26.1371 27.125 25.6439 27.125C24.2877 27.125 23.548 26.75 23.4247 25.625C23.4247 24.375 24.2877 24.125 25.3973 24.125C25.8905 24.125 26.2603 24.125 26.8768 24.25C27.0001 24.25 27.0001 24.375 27.0001 24.375V26.875Z",fill:"#FFFFFE"}),e.createElement("path",{d:"M14.7946 28.25C14.7946 29.25 14.9179 29.5 16.5206 29.5C18.1234 29.5 18.2466 29.25 18.2466 28.25V18.375C18.2466 17.375 18.1234 17.125 16.5206 17.125C14.9179 17.125 14.7946 17.375 14.7946 18.375V28.25Z",fill:"#FFFFFE"}),e.createElement("path",{d:"M9.86308 15C10.1097 14 10.3562 13.75 11.8357 13.75C13.3151 13.75 13.5617 14 13.5617 15L9.7398 28.25C9.36993 29.25 8.75349 29.5 7.15075 29.5C5.54802 29.5 4.93158 29.25 4.56171 28.25L0.739796 15C0.493221 14 0.739796 13.75 2.21925 13.75C3.6987 13.75 3.94528 14 4.19185 15L7.02747 25.75L9.86308 15Z",fill:"#FFFFFE"})),w=t=>e.createElement("svg",{viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.3918 15.5923C11.5274 14.9048 12.2055 14.2173 13.0192 13.9423C14.3753 13.5298 15.7315 14.3548 16.0027 15.5923L17.3589 20.2673L20.8849 7.61732C21.1562 6.37982 21.9699 5.41732 23.1904 5.14232C24.9534 4.59232 26.8521 5.69232 27.3945 7.47982L31.5986 22.0548C32.1411 23.8423 31.0562 25.7673 29.2931 26.3173C27.5301 26.8673 25.6315 25.7673 25.089 23.9798L21.6986 12.1548L18.1726 24.6673C18.037 25.3548 17.3589 26.0423 16.5452 26.3173C15.3247 26.7298 13.9685 26.0423 13.5616 24.6673L11.9342 18.7548L10.1712 25.2173C10.0356 25.7673 9.62877 26.3173 8.95069 26.4548C8.00137 26.7298 7.05205 26.1798 6.78082 25.2173L5.69589 21.5048C5.42466 20.5423 5.96712 19.5798 6.91644 19.3048C7.86575 19.0298 8.81507 19.5798 9.0863 20.5423L9.49315 22.1923L11.3918 15.5923ZM1.76301 26.4548C3.25479 26.4548 3.52603 25.7673 3.52603 24.6673C3.52603 23.7048 3.25479 23.0173 1.76301 22.7423C0.271233 22.7423 0 23.5673 0 24.5298V24.6673C0 25.6298 0.271233 26.4548 1.76301 26.4548Z",fill:"url(#paint0_linear_1206_1792)"}),e.createElement("defs",null,e.createElement("linearGradient",{id:"paint0_linear_1206_1792",x1:4.77531,y1:31.5463,x2:31.2109,y2:18.7002,gradientUnits:"userSpaceOnUse"},e.createElement("stop",{stopColor:"#24343C"}),e.createElement("stop",{offset:.0351178,stopColor:"#263942"}),e.createElement("stop",{offset:.0810782,stopColor:"#2B4652"}),e.createElement("stop",{offset:.1331,stopColor:"#2A5668"}),e.createElement("stop",{offset:.1895,stopColor:"#036885"}),e.createElement("stop",{offset:.2488,stopColor:"#0077A3"}),e.createElement("stop",{offset:.28,stopColor:"#007EB5"}),e.createElement("stop",{offset:.3259,stopColor:"#0082BB"}),e.createElement("stop",{offset:.3975,stopColor:"#008ECB"}),e.createElement("stop",{offset:.48,stopColor:"#009FE3"}),e.createElement("stop",{offset:.5127,stopColor:"#00A7CE"}),e.createElement("stop",{offset:.5633,stopColor:"#01B3B1"}),e.createElement("stop",{offset:.6163,stopColor:"#68BE94"}),e.createElement("stop",{offset:.6708,stopColor:"#8EC676"}),e.createElement("stop",{offset:.727,stopColor:"#A7CC58"}),e.createElement("stop",{offset:.7857,stopColor:"#B9D13B"}),e.createElement("stop",{offset:.8477,stopColor:"#C5D41F"}),e.createElement("stop",{offset:.9156,stopColor:"#CCD600"}),e.createElement("stop",{offset:1,stopColor:"#CED700"})))),y=t=>e.createElement("svg",{viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg",...t},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.3918 15.5923C11.5274 14.9048 12.2055 14.2173 13.0192 13.9423C14.3753 13.5298 15.7315 14.3548 16.0027 15.5923L17.3589 20.2673L20.8849 7.61732C21.1562 6.37982 21.9699 5.41732 23.1904 5.14232C24.9534 4.59232 26.8521 5.69232 27.3945 7.47982L31.5986 22.0548C32.1411 23.8423 31.0562 25.7673 29.2931 26.3173C27.5301 26.8673 25.6315 25.7673 25.089 23.9798L21.6986 12.1548L18.1726 24.6673C18.037 25.3548 17.3589 26.0423 16.5452 26.3173C15.3247 26.7298 13.9685 26.0423 13.5616 24.6673L11.9342 18.7548L10.1712 25.2173C10.0356 25.7673 9.62877 26.3173 8.95069 26.4548C8.00137 26.7298 7.05205 26.1798 6.78082 25.2173L5.69589 21.5048C5.42466 20.5423 5.96712 19.5798 6.91644 19.3048C7.86575 19.0298 8.81507 19.5798 9.0863 20.5423L9.49315 22.1923L11.3918 15.5923ZM1.76301 26.4548C3.25479 26.4548 3.52603 25.7673 3.52603 24.6673C3.52603 23.7048 3.25479 23.0173 1.76301 22.7423C0.271233 22.7423 0 23.5673 0 24.5298V24.6673C0 25.6298 0.271233 26.4548 1.76301 26.4548Z",fill:"#FFFFFE"}));function j({children:t,...C}){return l.jsx("a",{...C,children:t})}const{baseClassNamePrefix:b,classModifierPrefix:i}=V.getBEMClassNames("header__masthead");function R(t){const{className:C,children:o,as:s,href:m,role:E,...F}=t,L=s||j,u=s?void 0:m||"#",h=s?void 0:E||"link",[{badge:p},g]=M.extractSpecifiedComponents(o,{badge:n.Badge});return l.jsxs(L,{className:c(r.styles[b],C),href:u,role:h,...F,children:[l.jsx("div",{className:r.styles[`${i}content`],children:o?g:l.jsx(n.Logo,{})}),!!p&&l.jsx("div",{children:p})]})}function S(t){return l.jsx(v.Text,{color:"primary",kind:"heading-alt-sm",as:"span",...t})}function d(){try{return H.useBeamTheme()}catch{return{theme:{mode:"light"}}}}function N({className:t,...C}){const{theme:o}=d();return l.jsx(f.Logo,{className:c(r.styles[`${i}signal`],t),logo:o.mode==="light"?w:y,size:"28px",...C})}function O(t){return l.jsx(Z.Badge,{...t})}function D({className:t,...C}){const{theme:o}=d();return l.jsx(f.Logo,{className:c(r.styles[`${i}logo`],t),logo:o.mode==="light"?B:_,size:"84px",...C})}const n=Object.assign(a.memo(R),{displayName:"HeaderMasthead",Text:Object.assign(a.memo(S),{displayName:"HeaderMastheadText"}),Signal:Object.assign(a.memo(N),{displayName:"HeaderMastheadSignal"}),Badge:Object.assign(a.memo(O),{displayName:"HeaderMastheadBadge"}),Logo:Object.assign(a.memo(D),{displayName:"HeaderMastheadLogo"})});exports.HeaderMasthead=n;

package/lib/Header/HeaderMasthead.d.ts

@@ -0,0 +1,55 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { LogoProps } from '../Logo';
+import { BadgeProps } from '../Badge';
+import { TextProps } from '../Text';
+export interface HeaderMastheadProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * The content of the masthead
+     * @default <Logo logo={ViasatLogoDefault} size="84px" />
+     */
+    children?: React.ReactNode;
+    /**
+     * Specifies which HTML component to wrap the text content in
+     */
+    as?: React.ElementType;
+    /**
+     * Specify a URL for the masthead
+     * @default '#'
+     */
+    href?: string;
+}
+declare function _HeaderMasthead(props: HeaderMastheadProps): import("react/jsx-runtime").JSX.Element;
+declare function HeaderMastheadText(props: TextProps): import("react/jsx-runtime").JSX.Element;
+declare function HeaderMastheadSignal({ className, ...props }: Omit<LogoProps, 'logo'>): import("react/jsx-runtime").JSX.Element;
+declare function HeaderMastheadBadge(props: BadgeProps): import("react/jsx-runtime").JSX.Element;
+declare function HeaderMastheadLogo({ className, ...props }: Omit<LogoProps, 'logo'> & {
+    logo?: LogoProps['logo'];
+}): import("react/jsx-runtime").JSX.Element;
+export declare const HeaderMasthead: import('react').NamedExoticComponent<HeaderMastheadProps> & {
+    readonly type: typeof _HeaderMasthead;
+} & {
+    displayName: string;
+    Text: import('react').NamedExoticComponent<TextProps> & {
+        readonly type: typeof HeaderMastheadText;
+    } & {
+        displayName: string;
+    };
+    Signal: import('react').NamedExoticComponent<Omit<LogoProps, "logo">> & {
+        readonly type: typeof HeaderMastheadSignal;
+    } & {
+        displayName: string;
+    };
+    Badge: import('react').NamedExoticComponent<BadgeProps> & {
+        readonly type: typeof HeaderMastheadBadge;
+    } & {
+        displayName: string;
+    };
+    Logo: import('react').NamedExoticComponent<Omit<LogoProps, "logo"> & {
+        logo?: LogoProps["logo"];
+    }> & {
+        readonly type: typeof HeaderMastheadLogo;
+    } & {
+        displayName: string;
+    };
+};
+export {};