@viasat/beam-react 2.0.0

package/lib/Breadcrumbs/Breadcrumbs.es.js

@@ -0,0 +1,54 @@
+import { jsx as f } from "react/jsx-runtime";
+import { useMemo as i, Children as x, isValidElement as P, cloneElement as $ } from "react";
+import p from "clsx";
+import { t as h } from "../../chunks/constants.BBi77pmH.js";
+import { g as v } from "../../chunks/classNames.DNsS4J__.js";
+import { s as r, B as E } from "../../chunks/BreadcrumbsItem.CPJ-ECZa.js";
+const { baseClassNamePrefix: g, subElementClassPrefix: n, classModifierPrefix: M } = v("breadcrumbs");
+function k(s) {
+  return s.type === E;
+}
+function q({
+  children: s,
+  wrap: t = !0,
+  itemsBeforeCollapse: b = 1,
+  itemsAfterCollapse: d = 1,
+  theme: o,
+  className: y,
+  ...B
+}) {
+  const C = p(
+    r[g],
+    o && h(o),
+    t && r[`${M}wrap`],
+    y
+  ), I = p(
+    r[`${n}item`],
+    r[`${n}item--ellipsis`]
+  ), a = i(() => x.toArray(s).filter(
+    (e) => P(e) ? k(e) ? !0 : (console.warn(
+      `Invalid child type in Breadcrumbs: ${e.type}. Only BreadcrumbsItem is allowed.`
+    ), !1) : !1
+  ), [s]), l = i(() => a, [
+    a,
+    t,
+    b,
+    d,
+    I
+  ]), N = i(
+    () => (e) => e.map((m, u) => {
+      const c = u === e.length - 1;
+      return $(m, {
+        isCurrent: c,
+        href: c ? void 0 : m.props.href,
+        key: m.key || u
+      });
+    }),
+    // eslint-disable-next-line
+    [l]
+  );
+  return /* @__PURE__ */ f("nav", { "aria-label": "Breadcrumbs", className: C, ...B, children: /* @__PURE__ */ f("ol", { className: r[`${n}list`], children: N(l) }) });
+}
+export {
+  q as Breadcrumb
+};

package/lib/Breadcrumbs/BreadcrumbsItem.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("react");const e=require("../../chunks/BreadcrumbsItem.BkT8MeqE.js");require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/ChevronRightCurved.CoT-Bqyo.js");require("../../utils/functions.cjs.js");require("../Link/Link.cjs.js");exports.BreadcrumbItem=e.BreadcrumbItem;

package/lib/Breadcrumbs/BreadcrumbsItem.d.ts

@@ -0,0 +1,33 @@
+import { default as React } from 'react';
+import { IconComponentType } from '../../utils/types';
+export type BreadcrumbItemProps = {
+    /**
+     * Pass href to an item
+     */
+    href?: string;
+    /**
+     * Pass an onClick handler to an item
+     */
+    onClick?: (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
+    /**
+     * Pass icon to an item
+     */
+    icon?: IconComponentType;
+    /**
+     * Pass text to an item
+     */
+    children: React.ReactNode;
+    /**
+     * Specify truncation width of the items. Sets max-width for all items but the last.
+     */
+    truncationWidth?: string;
+    /**
+     * Specify explicitly if the item is the last one
+     */
+    isCurrent?: boolean;
+    /**
+     * Pass a custom render element for the link
+     */
+    RenderLink?: React.ComponentType<any>;
+};
+export declare function BreadcrumbItem({ href, onClick, icon: Icon, children, truncationWidth, isCurrent, RenderLink, }: BreadcrumbItemProps): import("react/jsx-runtime").JSX.Element;

package/lib/Breadcrumbs/BreadcrumbsItem.es.js

@@ -0,0 +1,10 @@
+import "react/jsx-runtime";
+import "react";
+import { B } from "../../chunks/BreadcrumbsItem.CPJ-ECZa.js";
+import "../../chunks/classNames.DNsS4J__.js";
+import "../../chunks/ChevronRightCurved.9hi9Zc8J.js";
+import "../../utils/functions.es.js";
+import "../Link/Link.es.js";
+export {
+  B as BreadcrumbItem
+};

package/lib/Breadcrumbs/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./Breadcrumbs.cjs.js"),e=require("../../chunks/BreadcrumbsItem.BkT8MeqE.js");exports.Breadcrumb=r.Breadcrumb;exports.BreadcrumbItem=e.BreadcrumbItem;

package/lib/Breadcrumbs/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Breadcrumbs';
+export * from './BreadcrumbsItem';

package/lib/Breadcrumbs/index.es.js

@@ -0,0 +1,6 @@
+import { Breadcrumb as m } from "./Breadcrumbs.es.js";
+import { B as a } from "../../chunks/BreadcrumbsItem.CPJ-ECZa.js";
+export {
+  m as Breadcrumb,
+  a as BreadcrumbItem
+};

package/lib/Button/Button.cjs.js

@@ -0,0 +1 @@
+var et=require("../../assets/Button.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),m=require("../../chunks/classNames.DAeKwerT.js"),x=require("../../chunks/constants.hwjHOsvT.js"),D=require("clsx"),g=require("react"),G=require("../StateLayer/StateLayer.cjs.js"),K=require("../../chunks/form.context.B1PXIJNq.js");require("../Form/contexts/label.context.cjs.js");require("../Form/contexts/helperText.context.cjs.js");const C=require("../../utils/spacing.cjs.js"),J=require("../Spinner/Spinner.cjs.js"),Q="button",{baseClassNamePrefix:nt,classModifierPrefix:i,subElementClassPrefix:h}=m.getBEMClassNames(Q),b={label:`${h}label`,loading:`${i}loading`,fluid:`${i}fluid`,iconOnly:`${i}icon-only`,loadingSpinner:`${h}loading-spinner`},U=(s,a)=>`${i}${a}-${s}`,n={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-button__icon-wrap":"bm-button__icon-wrap","bm-button":"bm-button","bm-button--sm":"bm-button--sm","bm-button--md":"bm-button--md","bm-button--lg":"bm-button--lg","bm-button--icon-only":"bm-button--icon-only","bm-button__label":"bm-button__label","bm-button--accent-filled":"bm-button--accent-filled","bm-button__loading-spinner":"bm-button__loading-spinner","bm-spinner__circle":"bm-spinner__circle","bm-spinner__circle-bg":"bm-spinner__circle-bg","bm-state-layer":"bm-state-layer","bm-state-layer--without-hover":"bm-state-layer--without-hover","bm-state-layer--without-active":"bm-state-layer--without-active","bm-button--accent-outline":"bm-button--accent-outline","bm-button--accent-ghost":"bm-button--accent-ghost","bm-button--accent-bare":"bm-button--accent-bare","bm-button--neutral-filled":"bm-button--neutral-filled","bm-button--neutral-outline":"bm-button--neutral-outline","bm-button--neutral-ghost":"bm-button--neutral-ghost","bm-button--neutral-bare":"bm-button--neutral-bare","bm-button--neutral-subtle-filled":"bm-button--neutral-subtle-filled","bm-button--neutral-subtle-outline":"bm-button--neutral-subtle-outline","bm-button--neutral-subtle-ghost":"bm-button--neutral-subtle-ghost","bm-button--neutral-subtle-bare":"bm-button--neutral-subtle-bare","bm-button--destructive-filled":"bm-button--destructive-filled","bm-button--destructive-outline":"bm-button--destructive-outline","bm-button--destructive-ghost":"bm-button--destructive-ghost","bm-button--destructive-bare":"bm-button--destructive-bare","bm-button--loading":"bm-button--loading","bm-spinner-wrap":"bm-spinner-wrap","bm-button--fluid":"bm-button--fluid"},V="button",{baseClassNamePrefix:X,classModifierPrefix:Y,subElementClassPrefix:Z}=m.getBEMClassNames(V),c=({children:s})=>t.jsx("span",{className:`${Z}icon-wrap`,children:s}),z=({loading:s,size:a,loadingValue:o,iconOnly:e,iconBefore:u,iconAfter:l,children:r})=>s?t.jsxs(t.Fragment,{children:[t.jsx(J.Spinner,{className:n[b.loadingSpinner],size:a==="sm"?"xxs":"xs",value:o}),!e&&t.jsx("span",{className:n[b.label],children:r})]}):t.jsxs(t.Fragment,{children:[u&&t.jsx(c,{children:u}),!e&&t.jsx("span",{className:n[b.label],children:r}),l&&t.jsx(c,{children:l})]}),tt=g.forwardRef(({appearance:s="accent",kind:a="filled",size:o="md",loading:e,loadingValue:u,fluid:l,width:r,iconBefore:y,iconAfter:N,iconOnly:d,productType:p,disabled:v=!1,theme:f,children:P,"aria-label":$,...j},S)=>{const q=y,B=e?void 0:N,w=U(a,s),{style:M,className:k,...A}=j,{ctxDisabled:E}=g.useContext(K.FormContext),_=v||E,[R,I]=C.partitionSpacingProps(A,C.MARGIN_PROP_NAMES),L=D(f&&x.themeClassName(f),p&&x.productTypeThemeClassName(p),n[X],n[w],e&&n[b.loading],l&&n[b.fluid],d&&n[b.iconOnly],o&&n[`${Y}${o}`],...m.generateSpacingClasses(R),k),T={...r&&!l&&{width:r},...M},F="default",{onClick:H,...O}=I,W=e?void 0:H;return t.jsxs("button",{className:L,disabled:_,style:T,tabIndex:e?-1:0,"aria-busy":e,"aria-label":$,"aria-disabled":_,onClick:W,...O,ref:S,children:[!e&&t.jsx(G.StateLayer,{appearance:F}),t.jsx(z,{loading:e,size:o,loadingValue:u,iconOnly:d,iconBefore:q,iconAfter:B,children:P})]})});exports.Button=tt;exports.ButtonIconWrap=c;

package/lib/Button/Button.d.ts

@@ -0,0 +1,75 @@
+import { ButtonAppearance, ButtonKind, ButtonSize } from '@viasat/beam-shared/components/button';
+import { ProductType, ThemeTypes } from '@viasat/beam-shared/utils/constants';
+import { default as React, ReactNode } from 'react';
+import { MarginSpacingProps } from './../../utils/spacing';
+import { SpinnerValues } from '@viasat/beam-shared/components/spinner';
+export declare const ButtonIconWrap: ({ children }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export interface ButtonProps extends React.ComponentPropsWithoutRef<'button'>, MarginSpacingProps {
+    /**
+     * Specify the appearance of a Button
+     * @default 'accent'
+     */
+    'appearance'?: ButtonAppearance;
+    /**
+     * Specify the kind of Button
+     * @default 'filled'
+     */
+    'kind'?: ButtonKind;
+    /**
+     * Specify the size of a Button
+     * @default 'md'
+     */
+    'size'?: ButtonSize;
+    /**
+     * Specify if the Button is disabled
+     */
+    'disabled'?: boolean;
+    /**
+     * Specify if the Button is in a loading state
+     */
+    'loading'?: boolean;
+    /**
+     * Specify if the loading spinner is determinate by setting a value
+     * @default undefined
+     */
+    'loadingValue'?: SpinnerValues;
+    /**
+     * Specify if Button is fluid
+     */
+    'fluid'?: boolean;
+    /**
+     * Specify the width of a Button
+     */
+    'width'?: React.CSSProperties['width'];
+    /**
+     * Specify if the Button displays icon before the text
+     */
+    'iconBefore'?: React.ReactNode;
+    /**
+     * Specify if the Button displays icon after the text
+     */
+    'iconAfter'?: React.ReactNode;
+    /**
+     * Specify if the icon displays without text
+     */
+    'iconOnly'?: boolean;
+    /**
+     * Specify the productType of a Button
+     */
+    'productType'?: ProductType;
+    /**
+     * Provide content for the Button
+     */
+    'children'?: React.ReactNode;
+    /**
+     * Specify the theme of the Button. By default it inherits the theme from the parent
+     */
+    'theme'?: ThemeTypes;
+    /**
+     * Provide an accessible label for the button, especially important for icon-only buttons
+     */
+    'aria-label'?: string;
+}
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/lib/Button/Button.es.js

@@ -0,0 +1,149 @@
+import "../../assets/Button.css";
+import { jsxs as u, jsx as n, Fragment as _ } from "react/jsx-runtime";
+import { g as C, a as O } from "../../chunks/classNames.DNsS4J__.js";
+import { t as T, d as W } from "../../chunks/constants.BBi77pmH.js";
+import q from "clsx";
+import H, { forwardRef as J } from "react";
+import { StateLayer as Q } from "../StateLayer/StateLayer.es.js";
+import { F as U } from "../../chunks/form.context.CNWjF5qA.js";
+import "../Form/contexts/label.context.es.js";
+import "../Form/contexts/helperText.context.es.js";
+import { partitionSpacingProps as V, MARGIN_PROP_NAMES as X } from "../../utils/spacing.es.js";
+import { Spinner as Y } from "../Spinner/Spinner.es.js";
+const Z = "button", { baseClassNamePrefix: ht, classModifierPrefix: i, subElementClassPrefix: g } = C(Z), b = {
+  label: `${g}label`,
+  loading: `${i}loading`,
+  fluid: `${i}fluid`,
+  iconOnly: `${i}icon-only`,
+  loadingSpinner: `${g}loading-spinner`
+}, z = (o, a) => `${i}${a}-${o}`, e = {
+  "bm-light": "bm-light",
+  "bm-dark": "bm-dark",
+  "bm-inverse": "bm-inverse",
+  "bm-button__icon-wrap": "bm-button__icon-wrap",
+  "bm-button": "bm-button",
+  "bm-button--sm": "bm-button--sm",
+  "bm-button--md": "bm-button--md",
+  "bm-button--lg": "bm-button--lg",
+  "bm-button--icon-only": "bm-button--icon-only",
+  "bm-button__label": "bm-button__label",
+  "bm-button--accent-filled": "bm-button--accent-filled",
+  "bm-button__loading-spinner": "bm-button__loading-spinner",
+  "bm-spinner__circle": "bm-spinner__circle",
+  "bm-spinner__circle-bg": "bm-spinner__circle-bg",
+  "bm-state-layer": "bm-state-layer",
+  "bm-state-layer--without-hover": "bm-state-layer--without-hover",
+  "bm-state-layer--without-active": "bm-state-layer--without-active",
+  "bm-button--accent-outline": "bm-button--accent-outline",
+  "bm-button--accent-ghost": "bm-button--accent-ghost",
+  "bm-button--accent-bare": "bm-button--accent-bare",
+  "bm-button--neutral-filled": "bm-button--neutral-filled",
+  "bm-button--neutral-outline": "bm-button--neutral-outline",
+  "bm-button--neutral-ghost": "bm-button--neutral-ghost",
+  "bm-button--neutral-bare": "bm-button--neutral-bare",
+  "bm-button--neutral-subtle-filled": "bm-button--neutral-subtle-filled",
+  "bm-button--neutral-subtle-outline": "bm-button--neutral-subtle-outline",
+  "bm-button--neutral-subtle-ghost": "bm-button--neutral-subtle-ghost",
+  "bm-button--neutral-subtle-bare": "bm-button--neutral-subtle-bare",
+  "bm-button--destructive-filled": "bm-button--destructive-filled",
+  "bm-button--destructive-outline": "bm-button--destructive-outline",
+  "bm-button--destructive-ghost": "bm-button--destructive-ghost",
+  "bm-button--destructive-bare": "bm-button--destructive-bare",
+  "bm-button--loading": "bm-button--loading",
+  "bm-spinner-wrap": "bm-spinner-wrap",
+  "bm-button--fluid": "bm-button--fluid"
+}, tt = "button", { baseClassNamePrefix: et, classModifierPrefix: nt, subElementClassPrefix: ot } = C(tt), h = ({ children: o }) => /* @__PURE__ */ n("span", { className: `${ot}icon-wrap`, children: o }), bt = ({
+  loading: o,
+  size: a,
+  loadingValue: s,
+  iconOnly: t,
+  iconBefore: m,
+  iconAfter: l,
+  children: r
+}) => o ? /* @__PURE__ */ u(_, { children: [
+  /* @__PURE__ */ n(
+    Y,
+    {
+      className: e[b.loadingSpinner],
+      size: a === "sm" ? "xxs" : "xs",
+      value: s
+    }
+  ),
+  !t && /* @__PURE__ */ n("span", { className: e[b.label], children: r })
+] }) : /* @__PURE__ */ u(_, { children: [
+  m && /* @__PURE__ */ n(h, { children: m }),
+  !t && /* @__PURE__ */ n("span", { className: e[b.label], children: r }),
+  l && /* @__PURE__ */ n(h, { children: l })
+] }), Ct = J(
+  ({
+    appearance: o = "accent",
+    kind: a = "filled",
+    size: s = "md",
+    loading: t,
+    loadingValue: m,
+    fluid: l,
+    width: r,
+    iconBefore: x,
+    iconAfter: v,
+    iconOnly: c,
+    productType: p,
+    disabled: N = !1,
+    theme: d,
+    children: y,
+    "aria-label": P,
+    ...$
+  }, w) => {
+    const B = x, k = t ? void 0 : v, S = z(a, o), { style: A, className: M, ...E } = $, { ctxDisabled: R } = H.useContext(U), f = N || R, [F, I] = V(
+      E,
+      X
+    ), j = q(
+      d && T(d),
+      p && W(p),
+      e[et],
+      e[S],
+      t && e[b.loading],
+      l && e[b.fluid],
+      c && e[b.iconOnly],
+      s && e[`${nt}${s}`],
+      ...O(F),
+      M
+    ), L = {
+      ...r && !l && { width: r },
+      ...A
+    }, D = "default", { onClick: G, ...K } = I;
+    return /* @__PURE__ */ u(
+      "button",
+      {
+        className: j,
+        disabled: f,
+        style: L,
+        tabIndex: t ? -1 : 0,
+        "aria-busy": t,
+        "aria-label": P,
+        "aria-disabled": f,
+        onClick: t ? void 0 : G,
+        ...K,
+        ref: w,
+        children: [
+          !t && /* @__PURE__ */ n(Q, { appearance: D }),
+          /* @__PURE__ */ n(
+            bt,
+            {
+              loading: t,
+              size: s,
+              loadingValue: m,
+              iconOnly: c,
+              iconBefore: B,
+              iconAfter: k,
+              children: y
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+export {
+  Ct as Button,
+  h as ButtonIconWrap
+};

package/lib/Button/Button.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/Button/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./Button.cjs.js");exports.Button=t.Button;exports.ButtonIconWrap=t.ButtonIconWrap;

package/lib/Button/index.d.ts

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

package/lib/Button/index.es.js

@@ -0,0 +1,5 @@
+import { Button as n, ButtonIconWrap as r } from "./Button.es.js";
+export {
+  n as Button,
+  r as ButtonIconWrap
+};

package/lib/Card/AspectRatio.cjs.js

@@ -0,0 +1 @@
+var R=require("../../assets/AspectRatio.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),n=require("clsx"),m=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const p={"16:9":"16/9","9:16":"9/16","2:1":"2/1","1:2":"1/2","4:3":"4/3","3:4":"3/4","3:2":"3/2","2:3":"2/3","1:1":"1/1"},u={"bm-aspect-ratio":"bm-aspect-ratio"},{baseClassNamePrefix:b,variablePrefix:y}=m.getBEMClassNames("aspect-ratio"),N=b,x=`${y}-aspect-ratio`,e=({children:t,aspectRatio:s,className:a,style:c,...i})=>{const o=n(u[N],a),r={...s&&{[x]:p[s]},...c};return l.jsx("div",{className:o,style:r,...i,children:t})};e.displayName="AspectRatio";exports.AspectRatio=e;

package/lib/Card/AspectRatio.d.ts

@@ -0,0 +1,16 @@
+import { default as React, ComponentPropsWithoutRef } from 'react';
+import { AspectRatioValue } from '@viasat/beam-shared/components/aspectRatio';
+export interface AspectRatioProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Specify the content for the media above the card
+     */
+    children?: React.ReactNode;
+    /**
+     * Specify the aspect ratio.
+     */
+    aspectRatio?: AspectRatioValue;
+}
+export declare const AspectRatio: {
+    ({ children, aspectRatio, className: _className, style, ...props }: AspectRatioProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/lib/Card/AspectRatio.es.js

@@ -0,0 +1,36 @@
+import "../../assets/AspectRatio.css";
+import { jsx as c } from "react/jsx-runtime";
+import m from "clsx";
+import { g as l } from "../../chunks/classNames.DNsS4J__.js";
+import "../../chunks/constants.BBi77pmH.js";
+const p = {
+  "16:9": "16/9",
+  "9:16": "9/16",
+  "2:1": "2/1",
+  "1:2": "1/2",
+  "4:3": "4/3",
+  "3:4": "3/4",
+  "3:2": "3/2",
+  "2:3": "2/3",
+  "1:1": "1/1"
+}, n = {
+  "bm-aspect-ratio": "bm-aspect-ratio"
+}, { baseClassNamePrefix: b, variablePrefix: f } = l("aspect-ratio"), x = b, N = `${f}-aspect-ratio`, y = ({
+  children: t,
+  aspectRatio: s,
+  className: a,
+  style: e,
+  ...o
+}) => {
+  const i = m(n[x], a), r = {
+    ...s && {
+      [N]: p[s]
+    },
+    ...e
+  };
+  return /* @__PURE__ */ c("div", { className: i, style: r, ...o, children: t });
+};
+y.displayName = "AspectRatio";
+export {
+  y as AspectRatio
+};

package/lib/Card/Card.Body.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),c=require("clsx"),l=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const n=require("../../chunks/card.module.DA5t5zn2.js"),{subElementClassPrefix:d}=l.getBEMClassNames("card"),i=`${d}body`,s=({children:e,className:r,...t})=>{const a=c(n.styles[i],r);return o.jsx("div",{className:a,...t,children:e})};s.displayName="Card.Body";exports.Body=s;

package/lib/Card/Card.Body.d.ts

@@ -0,0 +1,11 @@
+import { default as React, ComponentPropsWithoutRef } from 'react';
+export interface CardBodyProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Specify the content for the card body
+     */
+    children?: React.ReactNode;
+}
+export declare const Body: {
+    ({ children, className: _className, ...props }: CardBodyProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/lib/Card/Card.Body.es.js

@@ -0,0 +1,17 @@
+import { jsx as m } from "react/jsx-runtime";
+import t from "clsx";
+import { g as e } from "../../chunks/classNames.DNsS4J__.js";
+import "../../chunks/constants.BBi77pmH.js";
+import { s as l } from "../../chunks/card.module.DlwBUz0H.js";
+const { subElementClassPrefix: c } = e("card"), i = `${c}body`, d = ({
+  children: s,
+  className: o,
+  ...a
+}) => {
+  const r = t(l[i], o);
+  return /* @__PURE__ */ m("div", { className: r, ...a, children: s });
+};
+d.displayName = "Card.Body";
+export {
+  d as Body
+};

package/lib/Card/Card.Content.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),i=require("clsx"),l=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const u=require("./CardContext.cjs.js"),d=require("../../chunks/card.module.DA5t5zn2.js"),{subElementClassPrefix:C}=l.getBEMClassNames("card"),s=`${C}content`,t=({children:n,className:r,...a})=>{const{density:e}=u.useCard(),o=i(d.styles[s],e&&`${s}--density-${e}`,r);return c.jsx("div",{className:o,...a,children:n})};t.displayName="Card.Content";exports.Content=t;

package/lib/Card/Card.Content.d.ts

@@ -0,0 +1,11 @@
+import { default as React, ComponentPropsWithoutRef } from 'react';
+export interface CardContentProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Specify the content for the card content area
+     */
+    children?: React.ReactNode;
+}
+export declare const Content: {
+    ({ children, className: _className, ...props }: CardContentProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/lib/Card/Card.Content.es.js

@@ -0,0 +1,22 @@
+import { jsx as m } from "react/jsx-runtime";
+import n from "clsx";
+import { g as i } from "../../chunks/classNames.DNsS4J__.js";
+import "../../chunks/constants.BBi77pmH.js";
+import { useCard as c } from "./CardContext.es.js";
+import { s as l } from "../../chunks/card.module.DlwBUz0H.js";
+const { subElementClassPrefix: p } = i("card"), t = `${p}content`, d = ({
+  children: o,
+  className: e,
+  ...r
+}) => {
+  const { density: s } = c(), a = n(
+    l[t],
+    s && `${t}--density-${s}`,
+    e
+  );
+  return /* @__PURE__ */ m("div", { className: a, ...r, children: o });
+};
+d.displayName = "Card.Content";
+export {
+  d as Content
+};

package/lib/Card/Card.Footer.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),i=require("clsx"),d=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const r=require("../../chunks/card.module.DA5t5zn2.js"),{subElementClassPrefix:u}=d.getBEMClassNames("card"),N=`${u}footer`,a=({children:s,className:e,...t})=>{const o=i(r.styles[N],e);return l.jsx("div",{className:o,...t,children:s})};a.displayName="Card.Footer";const c=({layout:s="start",children:e,className:t,...o})=>{const n=`${u}footer__actions`,m=i(r.styles[n],r.styles[`${n}--${s}`],t);return l.jsx("div",{className:m,...o,children:e})};c.displayName="Card.Footer.Actions";a.Actions=c;exports.Actions=c;exports.Footer=a;

package/lib/Card/Card.Footer.d.ts

@@ -0,0 +1,30 @@
+import { default as React, ComponentPropsWithoutRef } from 'react';
+import { FooterActionLayout } from '@viasat/beam-shared/components/card';
+export interface CardFooterProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Specify the content for the card footer
+     */
+    children?: React.ReactNode;
+}
+export declare const Footer: {
+    ({ children, className: _className, ...props }: CardFooterProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+    Actions: {
+        ({ layout, children, className: _className, ...props }: CardFooterActionsProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};
+export interface CardFooterActionsProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Specify the content for the card footer actions
+     */
+    children?: React.ReactNode;
+    /**
+     * Specify the layout of actions in the Footer
+     */
+    layout?: FooterActionLayout;
+}
+export declare const Actions: {
+    ({ layout, children, className: _className, ...props }: CardFooterActionsProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/lib/Card/Card.Footer.es.js

@@ -0,0 +1,33 @@
+import { jsx as c } from "react/jsx-runtime";
+import m from "clsx";
+import { g as d } from "../../chunks/classNames.DNsS4J__.js";
+import "../../chunks/constants.BBi77pmH.js";
+import { s as r } from "../../chunks/card.module.DlwBUz0H.js";
+const { subElementClassPrefix: i } = d("card"), f = `${i}footer`, n = ({
+  children: s,
+  className: o,
+  ...t
+}) => {
+  const a = m(r[f], o);
+  return /* @__PURE__ */ c("div", { className: a, ...t, children: s });
+};
+n.displayName = "Card.Footer";
+const l = ({
+  layout: s = "start",
+  children: o,
+  className: t,
+  ...a
+}) => {
+  const e = `${i}footer__actions`, p = m(
+    r[e],
+    r[`${e}--${s}`],
+    t
+  );
+  return /* @__PURE__ */ c("div", { className: p, ...a, children: o });
+};
+l.displayName = "Card.Footer.Actions";
+n.Actions = l;
+export {
+  l as Actions,
+  n as Footer
+};

package/lib/Card/Card.Header.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),d=require("clsx"),g=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const o=require("../../chunks/card.module.DA5t5zn2.js"),{subElementClassPrefix:c}=g.getBEMClassNames("card"),x=`${c}header`,r=({children:e,className:s,...a})=>{const t=d(o.styles[x],s);return n.jsx("div",{className:t,...a,children:e})},i=({children:e,className:s,...a})=>{const t=d(o.styles[`${c}header__heading`],s);return n.jsx("div",{className:t,...a,children:e})},l=({children:e,className:s,...a})=>{const t=d(o.styles[`${c}header__heading__text`],s);return n.jsx("div",{className:t,...a,children:e})},m=({children:e,className:s,...a})=>{const t=d(o.styles[`${c}header__heading__eyebrow`],s);return n.jsx("div",{className:t,...a,children:e})},u=({children:e,className:s,...a})=>{const t=d(o.styles[`${c}header__heading__supporting-text`],s);return n.jsx("div",{className:t,...a,children:e})},N=({children:e,className:s,...a})=>{const t=d(o.styles[`${c}header__content-before`],s);return n.jsx("div",{className:t,...a,children:e})},y=({children:e,className:s,...a})=>{const t=d(o.styles[`${c}header__content-after`],s);return n.jsx("div",{className:t,...a,children:e})};r.displayName="Card.Header";i.displayName="Card.Header.Heading";l.displayName="Card.Header.HeadingText";m.displayName="Card.Header.Eyebrow";u.displayName="Card.Header.SupportingText";N.displayName="Card.Header.ContentBefore";y.displayName="Card.Header.ContentAfter";r.Heading=i;r.HeadingText=l;r.Eyebrow=m;r.SupportingText=u;r.ContentBefore=N;r.ContentAfter=y;exports.ContentAfter=y;exports.ContentBefore=N;exports.Eyebrow=m;exports.Header=r;exports.Heading=i;exports.HeadingText=l;exports.SupportingText=u;