@viasat/beam-react 2.0.0

package/lib/Card/Card.Header.d.ts

@@ -0,0 +1,95 @@
+import { default as React, ComponentPropsWithoutRef } from 'react';
+export interface CardHeaderProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Specify the content for the card header
+     */
+    children?: React.ReactNode;
+}
+export declare const Header: {
+    ({ children, className: _className, ...props }: CardHeaderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+    Heading: {
+        ({ children, className: _className, ...props }: CardHeaderHeadingProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    HeadingText: {
+        ({ children, className: _className, ...props }: CardHeaderHeadingTextProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Eyebrow: {
+        ({ children, className: _className, ...props }: CardHeaderEyebrowProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    SupportingText: {
+        ({ children, className: _className, ...props }: CardHeaderSupportingTextProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    ContentBefore: {
+        ({ children, className: _className, ...props }: CardHeaderContentBeforeProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    ContentAfter: {
+        ({ children, className: _className, ...props }: CardHeaderContentAfterProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};
+export interface CardHeaderHeadingProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Specify the content for the card header heading
+     */
+    children?: React.ReactNode;
+}
+export declare const Heading: {
+    ({ children, className: _className, ...props }: CardHeaderHeadingProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export interface CardHeaderHeadingTextProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Specify the content for the card heading text
+     */
+    children?: React.ReactNode;
+}
+export declare const HeadingText: {
+    ({ children, className: _className, ...props }: CardHeaderHeadingTextProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export interface CardHeaderEyebrowProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Specify the content for the card header eyebrow
+     */
+    children?: React.ReactNode;
+}
+export declare const Eyebrow: {
+    ({ children, className: _className, ...props }: CardHeaderEyebrowProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export interface CardHeaderSupportingTextProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Specify the content for the card header supporting text
+     */
+    children?: React.ReactNode;
+}
+export declare const SupportingText: {
+    ({ children, className: _className, ...props }: CardHeaderSupportingTextProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export interface CardHeaderContentBeforeProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Specify the content for the card header content before
+     */
+    children?: React.ReactNode;
+}
+export declare const ContentBefore: {
+    ({ children, className: _className, ...props }: CardHeaderContentBeforeProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export interface CardHeaderContentAfterProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Specify the content for the card header content after
+     */
+    children?: React.ReactNode;
+}
+export declare const ContentAfter: {
+    ({ children, className: _className, ...props }: CardHeaderContentAfterProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/lib/Card/Card.Header.es.js

@@ -0,0 +1,95 @@
+import { jsx as r } from "react/jsx-runtime";
+import n from "clsx";
+import { g } from "../../chunks/classNames.DNsS4J__.js";
+import "../../chunks/constants.BBi77pmH.js";
+import { s as d } from "../../chunks/card.module.DlwBUz0H.js";
+const { subElementClassPrefix: o } = g("card"), C = `${o}header`, c = ({
+  children: e,
+  className: a,
+  ...s
+}) => {
+  const t = n(d[C], a);
+  return /* @__PURE__ */ r("div", { className: t, ...s, children: e });
+}, i = ({
+  children: e,
+  className: a,
+  ...s
+}) => {
+  const t = n(
+    d[`${o}header__heading`],
+    a
+  );
+  return /* @__PURE__ */ r("div", { className: t, ...s, children: e });
+}, m = ({
+  children: e,
+  className: a,
+  ...s
+}) => {
+  const t = n(
+    d[`${o}header__heading__text`],
+    a
+  );
+  return /* @__PURE__ */ r("div", { className: t, ...s, children: e });
+}, l = ({
+  children: e,
+  className: a,
+  ...s
+}) => {
+  const t = n(
+    d[`${o}header__heading__eyebrow`],
+    a
+  );
+  return /* @__PURE__ */ r("div", { className: t, ...s, children: e });
+}, N = ({
+  children: e,
+  className: a,
+  ...s
+}) => {
+  const t = n(
+    d[`${o}header__heading__supporting-text`],
+    a
+  );
+  return /* @__PURE__ */ r("div", { className: t, ...s, children: e });
+}, p = ({
+  children: e,
+  className: a,
+  ...s
+}) => {
+  const t = n(
+    d[`${o}header__content-before`],
+    a
+  );
+  return /* @__PURE__ */ r("div", { className: t, ...s, children: e });
+}, _ = ({
+  children: e,
+  className: a,
+  ...s
+}) => {
+  const t = n(
+    d[`${o}header__content-after`],
+    a
+  );
+  return /* @__PURE__ */ r("div", { className: t, ...s, children: e });
+};
+c.displayName = "Card.Header";
+i.displayName = "Card.Header.Heading";
+m.displayName = "Card.Header.HeadingText";
+l.displayName = "Card.Header.Eyebrow";
+N.displayName = "Card.Header.SupportingText";
+p.displayName = "Card.Header.ContentBefore";
+_.displayName = "Card.Header.ContentAfter";
+c.Heading = i;
+c.HeadingText = m;
+c.Eyebrow = l;
+c.SupportingText = N;
+c.ContentBefore = p;
+c.ContentAfter = _;
+export {
+  _ as ContentAfter,
+  p as ContentBefore,
+  l as Eyebrow,
+  c as Header,
+  i as Heading,
+  m as HeadingText,
+  N as SupportingText
+};

package/lib/Card/Card.Media.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),f=require("react"),j=require("clsx"),_=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const s=require("../../chunks/card.module.DA5t5zn2.js"),R=require("../Box/Box.cjs.js"),$=require("./AspectRatio.cjs.js"),t=f.forwardRef(({children:o,position:a,aspectRatio:u="4:3",borderRadius:m,overlayColor:i,overlayContentTop:c,overlayContentMiddle:l,overlayContentBottom:d,className:n,...x},b)=>{const{baseClassNamePrefix:N,classModifierPrefix:q,subElementClassPrefix:r}=_.getBEMClassNames(`card__media-${a}`),y=j(s.styles[N],i&&s.styles[`${q}overlay-color-${i}`],n);return e.jsx(R.Box,{ref:b,className:y,borderRadius:a==="below"?m:void 0,...x,children:e.jsxs($.AspectRatio,{aspectRatio:u,children:[o,c&&e.jsx("div",{className:s.styles[`${r}overlay-top`],children:c}),l&&e.jsx("div",{className:s.styles[`${r}overlay-middle`],children:l}),d&&e.jsx("div",{className:s.styles[`${r}overlay-bottom`],children:d})]})})});t.displayName="Card.Media";exports.Media=t;

package/lib/Card/Card.Media.d.ts

@@ -0,0 +1,37 @@
+import { default as React, ComponentPropsWithRef } from 'react';
+import { AspectRatioValue } from '@viasat/beam-shared/components/aspectRatio';
+import { CardBackdrop } from '@viasat/beam-shared/components/card';
+import { BoxProps } from '../Box';
+import { BoxBorderRadius } from '@viasat/beam-shared/components/box';
+export interface CardMediaProps extends Pick<BoxProps, 'borderRadius'>, ComponentPropsWithRef<'div'> {
+    position: 'above' | 'below';
+    /**
+     * Specify the border radius of the media below
+     */
+    borderRadius?: BoxBorderRadius;
+    /**
+     * Specify the content for the media above the card
+     */
+    children?: React.ReactNode;
+    /**
+     * Specify the aspect ratio
+     */
+    aspectRatio?: AspectRatioValue;
+    /**
+     * Apply a backdrop overlay to improve contrast for overlaid content
+     */
+    overlayColor?: CardBackdrop;
+    /**
+     * Content to display as an overlay at the top of the media
+     */
+    overlayContentTop?: React.ReactNode;
+    /**
+     * Content to display as an overlay in the middle of the media
+     */
+    overlayContentMiddle?: React.ReactNode;
+    /**
+     * Content to display as an overlay at the bottom of the media
+     */
+    overlayContentBottom?: React.ReactNode;
+}
+export declare const Media: React.ForwardRefExoticComponent<Omit<CardMediaProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/lib/Card/Card.Media.es.js

@@ -0,0 +1,47 @@
+import { jsx as r, jsxs as h } from "react/jsx-runtime";
+import { forwardRef as v } from "react";
+import n from "clsx";
+import { g as u } from "../../chunks/classNames.DNsS4J__.js";
+import "../../chunks/constants.BBi77pmH.js";
+import { s } from "../../chunks/card.module.DlwBUz0H.js";
+import { Box as M } from "../Box/Box.es.js";
+import { AspectRatio as P } from "./AspectRatio.es.js";
+const R = v(
+  ({
+    children: l,
+    position: e,
+    aspectRatio: c = "4:3",
+    borderRadius: f,
+    overlayColor: i,
+    overlayContentTop: m,
+    overlayContentMiddle: o,
+    overlayContentBottom: d,
+    className: t,
+    ...p
+  }, x) => {
+    const { baseClassNamePrefix: N, classModifierPrefix: $, subElementClassPrefix: a } = u(`card__media-${e}`), b = n(
+      s[N],
+      i && s[`${$}overlay-color-${i}`],
+      t
+    );
+    return /* @__PURE__ */ r(
+      M,
+      {
+        ref: x,
+        className: b,
+        borderRadius: e === "below" ? f : void 0,
+        ...p,
+        children: /* @__PURE__ */ h(P, { aspectRatio: c, children: [
+          l,
+          m && /* @__PURE__ */ r("div", { className: s[`${a}overlay-top`], children: m }),
+          o && /* @__PURE__ */ r("div", { className: s[`${a}overlay-middle`], children: o }),
+          d && /* @__PURE__ */ r("div", { className: s[`${a}overlay-bottom`], children: d })
+        ] })
+      }
+    );
+  }
+);
+R.displayName = "Card.Media";
+export {
+  R as Media
+};

package/lib/Card/Card.MediaAbove.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("./Card.Media.cjs.js"),e=i=>a.jsx(o.Media,{position:"above",...i});e.displayName="Card.MediaAbove";exports.MediaAbove=e;

package/lib/Card/Card.MediaAbove.d.ts

@@ -0,0 +1,33 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { AspectRatioValue } from '@viasat/beam-shared/components/aspectRatio';
+import { CardBackdrop } from '@viasat/beam-shared/components/card';
+export interface CardMediaAboveProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Specify the content for the media above the card
+     */
+    children?: ReactNode;
+    /**
+     * Specify the aspect ratio
+     */
+    aspectRatio?: AspectRatioValue;
+    /**
+     * Apply a backdrop overlay to improve contrast for overlaid content
+     */
+    overlayColor?: CardBackdrop;
+    /**
+     * Content to display as an overlay at the top of the media
+     */
+    overlayContentTop?: ReactNode;
+    /**
+     * Content to display as an overlay in the middle of the media
+     */
+    overlayContentMiddle?: ReactNode;
+    /**
+     * Content to display as an overlay at the bottom of the media
+     */
+    overlayContentBottom?: ReactNode;
+}
+export declare const MediaAbove: {
+    (props: CardMediaAboveProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/lib/Card/Card.MediaAbove.es.js

@@ -0,0 +1,7 @@
+import { jsx as e } from "react/jsx-runtime";
+import { Media as i } from "./Card.Media.es.js";
+const r = (o) => /* @__PURE__ */ e(i, { position: "above", ...o });
+r.displayName = "Card.MediaAbove";
+export {
+  r as MediaAbove
+};

package/lib/Card/Card.MediaBelow.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),r=require("./Card.Media.cjs.js"),e=i=>o.jsx(r.Media,{position:"below",...i});e.displayName="Card.MediaBelow";exports.MediaBelow=e;

package/lib/Card/Card.MediaBelow.d.ts

@@ -0,0 +1,38 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { AspectRatioValue } from '@viasat/beam-shared/components/aspectRatio';
+import { CardBackdrop } from '@viasat/beam-shared/components/card';
+import { BoxBorderRadius } from '@viasat/beam-shared/components/box';
+export interface CardMediaBelowProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Specify the border radius of the media below
+     */
+    borderRadius?: BoxBorderRadius;
+    /**
+     * Specify the content for the media below the card
+     */
+    children?: ReactNode;
+    /**
+     * Specify the aspect ratio
+     */
+    aspectRatio?: AspectRatioValue;
+    /**
+     * Apply a backdrop overlay to improve contrast for overlaid content
+     */
+    overlayColor?: CardBackdrop;
+    /**
+     * Content to display as an overlay at the top of the media
+     */
+    overlayContentTop?: ReactNode;
+    /**
+     * Content to display as an overlay in the middle of the media
+     */
+    overlayContentMiddle?: ReactNode;
+    /**
+     * Content to display as an overlay at the bottom of the media
+     */
+    overlayContentBottom?: ReactNode;
+}
+export declare const MediaBelow: {
+    (props: CardMediaBelowProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/lib/Card/Card.MediaBelow.es.js

@@ -0,0 +1,7 @@
+import { jsx as e } from "react/jsx-runtime";
+import { Media as i } from "./Card.Media.es.js";
+const r = (o) => /* @__PURE__ */ e(i, { position: "below", ...o });
+r.displayName = "Card.MediaBelow";
+export {
+  r as MediaBelow
+};

package/lib/Card/Card.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),C=require("clsx"),b=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const q=require("../Box/Box.cjs.js"),r=require("../../chunks/card.module.DA5t5zn2.js"),m=require("./Card.MediaAbove.cjs.js"),y=require("./Card.Header.cjs.js"),B=require("./Card.MediaBelow.cjs.js"),x=require("./Card.Body.cjs.js"),M=require("./Card.Content.cjs.js"),f=require("./Card.Footer.cjs.js"),v=require("./CardContext.cjs.js"),{baseClassNamePrefix:a}=b.getBEMClassNames("card"),e=({children:l,className:n,density:c="md",borderColor:d,borderRadius:s,backgroundColor:t,shadow:o,...u})=>{const _=C(r.styles[a],!t&&r.styles[`${a}--default-background`],!o&&r.styles[`${a}--default-shadow`],!d&&r.styles[`${a}--default-border`],!s&&r.styles[`${a}--default-border-radius`],n);return i.jsx(v.CardProvider,{value:{density:c},children:i.jsx(q.Box,{className:_,borderColor:d,borderRadius:s,borderWidth:"md",backgroundColor:t,shadow:o,...u,children:l})})};e.displayName="Card";e.MediaAbove=m.MediaAbove;e.MediaBelow=B.MediaBelow;e.Header=y.Header;e.Body=x.Body;e.Content=M.Content;e.Footer=f.Footer;exports.Card=e;

package/lib/Card/Card.d.ts

@@ -0,0 +1,87 @@
+import { default as React, ComponentPropsWithoutRef } from 'react';
+import { BoxProps } from '../Box/Box';
+import { BoxBackgroundColor, BoxBorderColor, BoxBorderRadius, BoxShadow } from '@viasat/beam-shared/components/box';
+import { CardDensity } from '@viasat/beam-shared/components/card';
+export interface CardProps extends Pick<BoxProps, 'borderColor' | 'borderRadius' | 'backgroundColor' | 'm' | 'mBefore' | 'mAfter' | 'mBottom' | 'mTop' | 'mx' | 'my' | 'shadow'>, ComponentPropsWithoutRef<'div'> {
+    /**
+     * Specify the content and sub-components of the Card
+     */
+    children: React.ReactNode;
+    /**
+     * Specify the density of the Card
+     * @default 'md'
+     */
+    density?: CardDensity;
+    /**
+     * Specify the border color of the Card
+     */
+    borderColor?: BoxBorderColor;
+    /**
+     * Specify the border radius of the Card
+     */
+    borderRadius?: BoxBorderRadius;
+    /**
+     * Specify the surface color of the Card
+     */
+    backgroundColor?: BoxBackgroundColor;
+    /**
+     * Specify a shadow on the Card
+     */
+    shadow?: BoxShadow;
+}
+export declare const Card: {
+    ({ children, className: _className, density, borderColor, borderRadius, backgroundColor, shadow, ...props }: CardProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+    MediaAbove: {
+        (props: import('./Card.MediaAbove').CardMediaAboveProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    MediaBelow: {
+        (props: import('./Card.MediaBelow').CardMediaBelowProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Header: {
+        ({ children, className: _className, ...props }: import('./Card.Header').CardHeaderProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+        Heading: {
+            ({ children, className: _className, ...props }: import('./Card.Header').CardHeaderHeadingProps): import("react/jsx-runtime").JSX.Element;
+            displayName: string;
+        };
+        HeadingText: {
+            ({ children, className: _className, ...props }: import('./Card.Header').CardHeaderHeadingTextProps): import("react/jsx-runtime").JSX.Element;
+            displayName: string;
+        };
+        Eyebrow: {
+            ({ children, className: _className, ...props }: import('./Card.Header').CardHeaderEyebrowProps): import("react/jsx-runtime").JSX.Element;
+            displayName: string;
+        };
+        SupportingText: {
+            ({ children, className: _className, ...props }: import('./Card.Header').CardHeaderSupportingTextProps): import("react/jsx-runtime").JSX.Element;
+            displayName: string;
+        };
+        ContentBefore: {
+            ({ children, className: _className, ...props }: import('./Card.Header').CardHeaderContentBeforeProps): import("react/jsx-runtime").JSX.Element;
+            displayName: string;
+        };
+        ContentAfter: {
+            ({ children, className: _className, ...props }: import('./Card.Header').CardHeaderContentAfterProps): import("react/jsx-runtime").JSX.Element;
+            displayName: string;
+        };
+    };
+    Body: {
+        ({ children, className: _className, ...props }: import('./Card.Body').CardBodyProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Content: {
+        ({ children, className: _className, ...props }: import('./Card.Content').CardContentProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+    Footer: {
+        ({ children, className: _className, ...props }: import('./Card.Footer').CardFooterProps): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+        Actions: {
+            ({ layout, children, className: _className, ...props }: import('./Card.Footer').CardFooterActionsProps): import("react/jsx-runtime").JSX.Element;
+            displayName: string;
+        };
+    };
+};

package/lib/Card/Card.es.js

@@ -0,0 +1,55 @@
+import { jsx as i } from "react/jsx-runtime";
+import c from "clsx";
+import { g as u } from "../../chunks/classNames.DNsS4J__.js";
+import "../../chunks/constants.BBi77pmH.js";
+import { Box as B } from "../Box/Box.es.js";
+import { s as o } from "../../chunks/card.module.DlwBUz0H.js";
+import { MediaAbove as x } from "./Card.MediaAbove.es.js";
+import { Header as C } from "./Card.Header.es.js";
+import { MediaBelow as M } from "./Card.MediaBelow.es.js";
+import { Body as N } from "./Card.Body.es.js";
+import { Content as b } from "./Card.Content.es.js";
+import { Footer as v } from "./Card.Footer.es.js";
+import { CardProvider as y } from "./CardContext.es.js";
+const { baseClassNamePrefix: e } = u("card"), r = ({
+  children: s,
+  className: f,
+  density: p = "md",
+  borderColor: m,
+  borderRadius: t,
+  backgroundColor: a,
+  shadow: d,
+  ...l
+}) => {
+  const n = c(
+    o[e],
+    !a && o[`${e}--default-background`],
+    !d && o[`${e}--default-shadow`],
+    !m && o[`${e}--default-border`],
+    !t && o[`${e}--default-border-radius`],
+    f
+  );
+  return /* @__PURE__ */ i(y, { value: { density: p }, children: /* @__PURE__ */ i(
+    B,
+    {
+      className: n,
+      borderColor: m,
+      borderRadius: t,
+      borderWidth: "md",
+      backgroundColor: a,
+      shadow: d,
+      ...l,
+      children: s
+    }
+  ) });
+};
+r.displayName = "Card";
+r.MediaAbove = x;
+r.MediaBelow = M;
+r.Header = C;
+r.Body = N;
+r.Content = b;
+r.Footer = v;
+export {
+  r as Card
+};

package/lib/Card/CardContext.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),r=require("react"),t=r.createContext(void 0),s=({children:e,value:o})=>n.jsx(t.Provider,{value:o,children:e}),d=()=>{const e=r.useContext(t);if(!e)throw new Error("useCard must be used within a CardProvider");return e};exports.CardProvider=s;exports.useCard=d;

package/lib/Card/CardContext.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { CardDensity } from '@viasat/beam-shared/components/card';
+interface CardContextValue {
+    density: CardDensity;
+}
+export declare const CardProvider: ({ children, value, }: {
+    children: React.ReactNode;
+    value: CardContextValue;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useCard: () => CardContextValue;
+export {};

package/lib/Card/CardContext.es.js

@@ -0,0 +1,15 @@
+import { jsx as e } from "react/jsx-runtime";
+import { createContext as n, useContext as d } from "react";
+const t = n(void 0), C = ({
+  children: r,
+  value: o
+}) => /* @__PURE__ */ e(t.Provider, { value: o, children: r }), a = () => {
+  const r = d(t);
+  if (!r)
+    throw new Error("useCard must be used within a CardProvider");
+  return r;
+};
+export {
+  C as CardProvider,
+  a as useCard
+};

package/lib/Card/index.cjs.js

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

package/lib/Card/index.d.ts

@@ -0,0 +1,2 @@
+import { Card, CardProps } from './Card';
+export { Card, type CardProps };

package/lib/Card/index.es.js

@@ -0,0 +1,4 @@
+import { Card as a } from "./Card.es.js";
+export {
+  a as Card
+};

package/lib/Checkbox/Checkbox.cjs.js

@@ -0,0 +1 @@
+var ce=require("../../assets/Checkbox.css");Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react/jsx-runtime"),K=require("react"),L=require("clsx"),Q=require("../Form/hooks/useUniversalRef.hook.cjs.js"),W=require("../../chunks/constants.hwjHOsvT.js"),X=require("../../chunks/form.context.B1PXIJNq.js");require("../Form/contexts/label.context.cjs.js");require("../Form/contexts/helperText.context.cjs.js");const Y=require("../../chunks/classNames.DAeKwerT.js"),Z=require("../InputChoiceGroup/InputChoiceGroup.context.cjs.js");function ee(e){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(c,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return c.default=e,Object.freeze(c)}const i=ee(K),t={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-checkbox":"bm-checkbox","bm-checkbox--read-only":"bm-checkbox--read-only","bm-checkbox--disabled":"bm-checkbox--disabled","bm-checkbox__label":"bm-checkbox__label","bm-checkbox--with-label":"bm-checkbox--with-label","bm-checkbox__input":"bm-checkbox__input","bm-checkbox--error":"bm-checkbox--error","bm-checkbox--indeterminate":"bm-checkbox--indeterminate"},{baseClassNamePrefix:te,subElementClassPrefix:k,classModifierPrefix:o}=Y.getBEMClassNames("checkbox"),p=i.forwardRef(function({label:e,theme:c,className:r,error:n=!1,readOnly:_=!1,disabled:C=!1,required:y=!1,indeterminate:q=!1,...v},R){const{id:g,value:b,name:j,"aria-invalid":N,defaultChecked:O,style:P,...I}=v,{refFn:$}=Q.useUniversalRef(R),u=i.useRef(null),{ctxDisabled:w,ctxReadOnly:D,ctxRequired:F,ctxInitialValues:m}=i.useContext(X.FormContext),{ctxName:M,ctxError:E,ctxDisabled:S,ctxReadOnly:T,ctxRequired:B}=i.useContext(Z.InputChoiceGroupContext),s=j||M,x=n||E,h=C||S||w,G=y||B||F,d=_||T||D,H=s&&s in m?!!b&&m[s]===b:void 0,U=O||H,z=L(t[te],c&&W.themeClassName(c),x&&t[`${o}error`],e&&t[`${o}with-label`],h&&t[`${o}disabled`],d&&t[`${o}read-only`],q&&t[`${o}indeterminate`],r),f=a=>{const{target:A}=a,{current:J}=u;A===J&&a.stopPropagation()},V=a=>{d&&a.preventDefault()};return l.jsx("div",{className:z,style:P,id:g,children:l.jsxs("label",{tabIndex:-1,ref:u,onBlur:f,onFocus:f,className:t[`${k}label`],children:[l.jsx("input",{ref:$,name:s,type:"checkbox",value:b,required:G,disabled:h,readOnly:d,defaultChecked:U,"aria-invalid":x||N,className:t[`${k}input`],onClick:V,...I}),e&&l.jsx("span",{children:e})]})})});exports.Checkbox=p;exports.default=p;

package/lib/Checkbox/Checkbox.d.ts

@@ -0,0 +1,30 @@
+import { ThemeTypes } from '@viasat/beam-shared/utils/constants';
+import * as React from 'react';
+export interface CheckboxProps extends React.ComponentPropsWithRef<'input'> {
+    /**
+     * Specify the text for the label
+     */
+    label?: React.ReactNode;
+    /**
+     * Specify error text and display error state of a Checkbox
+     */
+    error?: boolean;
+    /**
+     * Specify if Checkbox displays in a read-only state
+     */
+    readOnly?: boolean;
+    /**
+     * Specify if Checkbox displays in a disabled state
+     */
+    disabled?: boolean;
+    /**
+     * Specify if Checkbox displays in an indeterminate state
+     */
+    indeterminate?: boolean;
+    /**
+     * Specify the theme of the HelperText. By default it inherits the theme from the parent
+     */
+    theme?: ThemeTypes;
+}
+export declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export default Checkbox;