@viasat/beam-react 2.0.0

package/lib/Checkbox/Checkbox.es.js

@@ -0,0 +1,97 @@
+import "../../assets/Checkbox.css";
+import { jsx as l, jsxs as L } from "react/jsx-runtime";
+import * as r from "react";
+import Q from "clsx";
+import { useUniversalRef as S } from "../Form/hooks/useUniversalRef.hook.es.js";
+import { t as T } from "../../chunks/constants.BBi77pmH.js";
+import { F as W } from "../../chunks/form.context.CNWjF5qA.js";
+import "../Form/contexts/label.context.es.js";
+import "../Form/contexts/helperText.context.es.js";
+import { g as X } from "../../chunks/classNames.DNsS4J__.js";
+import { InputChoiceGroupContext as Y } from "../InputChoiceGroup/InputChoiceGroup.context.es.js";
+const e = {
+  "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: Z, subElementClassPrefix: h, classModifierPrefix: o } = X("checkbox"), be = r.forwardRef(function({
+  label: a,
+  theme: i,
+  className: k,
+  error: u = !1,
+  readOnly: p = !1,
+  disabled: C = !1,
+  required: y = !1,
+  indeterminate: R = !1,
+  ..._
+}, v) {
+  const {
+    id: N,
+    value: s,
+    name: $,
+    "aria-invalid": g,
+    defaultChecked: F,
+    style: q,
+    ...w
+  } = _, { refFn: I } = S(v), b = r.useRef(null), {
+    ctxDisabled: P,
+    ctxReadOnly: D,
+    ctxRequired: E,
+    ctxInitialValues: m
+  } = r.useContext(W), { ctxName: O, ctxError: B, ctxDisabled: j, ctxReadOnly: M, ctxRequired: G } = r.useContext(Y), c = $ || O, d = u || B, x = C || j || P, H = y || G || E, n = p || M || D, U = c && c in m ? !!s && m[c] === s : void 0, V = F || U, z = Q(
+    e[Z],
+    i && T(i),
+    d && e[`${o}error`],
+    a && e[`${o}with-label`],
+    x && e[`${o}disabled`],
+    n && e[`${o}read-only`],
+    R && e[`${o}indeterminate`],
+    k
+  ), f = (t) => {
+    const { target: J } = t, { current: K } = b;
+    J === K && t.stopPropagation();
+  }, A = (t) => {
+    n && t.preventDefault();
+  };
+  return /* @__PURE__ */ l("div", { className: z, style: q, id: N, children: /* @__PURE__ */ L(
+    "label",
+    {
+      tabIndex: -1,
+      ref: b,
+      onBlur: f,
+      onFocus: f,
+      className: e[`${h}label`],
+      children: [
+        /* @__PURE__ */ l(
+          "input",
+          {
+            ref: I,
+            name: c,
+            type: "checkbox",
+            value: s,
+            required: H,
+            disabled: x,
+            readOnly: n,
+            defaultChecked: V,
+            "aria-invalid": d || g,
+            className: e[`${h}input`],
+            onClick: A,
+            ...w
+          }
+        ),
+        a && /* @__PURE__ */ l("span", { children: a })
+      ]
+    }
+  ) });
+});
+export {
+  be as Checkbox,
+  be as default
+};

package/lib/Checkbox/Checkbox.figma.d.ts

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

package/lib/Checkbox/index.cjs.js

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

package/lib/Checkbox/index.d.ts

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

package/lib/Checkbox/index.es.js

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

package/lib/Chips/Chip.cjs.js

@@ -0,0 +1 @@
+var te=require("../../assets/Chip.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),A=require("clsx"),G=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const J=require("../CloseButton/CloseButton.cjs.js"),K=require("./Chip.context.cjs.js"),Q=require("../StateLayer/StateLayer.cjs.js"),W=require("../Tooltip/Tooltip.cjs.js"),X=require("../Tooltip/useTooltipClipping.cjs.js"),Y=require("../../utils/functions.cjs.js"),Z=i=>i==="sm"?"xs":i==="lg"?"md":"sm",t={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-chip":"bm-chip","bm-chip__input":"bm-chip__input","bm-chip__label":"bm-chip__label","bm-chip--ellipsis":"bm-chip--ellipsis","bm-chip__icon":"bm-chip__icon","bm-chip__state-layer":"bm-chip__state-layer","bm-chip--has-focus":"bm-chip--has-focus","bm-state-layer":"bm-state-layer","bm-chip--disabled":"bm-chip--disabled","bm-chip--fluid":"bm-chip--fluid","bm-chip--non-selectable":"bm-chip--non-selectable","bm-chip--sm":"bm-chip--sm","bm-chip--md":"bm-chip--md","bm-chip--lg":"bm-chip--lg","bm-chip__dismiss-button":"bm-chip__dismiss-button"},{baseClassNamePrefix:S,classModifierPrefix:l,subElementClassPrefix:o}=G.getBEMClassNames("chip"),ee=i=>i.enabled?e.jsx(W.Tooltip,{...i}):e.jsx(e.Fragment,{children:i.children}),se=s.forwardRef((i,j)=>{const{children:d,size:N,disabled:u=!1,defaultChecked:k,onChange:r,icon:h,fluid:q=!1,onDismiss:b,selectable:T=!1,dismissible:_=!1,className:I,id:f,noTabIndex:x=!1,ellipse:C=!1,...B}=i,[F,z]=s.useState(!0),[P,m]=s.useState(!1),{handleChipChange:c,multiple:R,name:M,selectable:v,size:L}=K.useChipsContext(),p=s.useMemo(()=>f||`${S}-${crypto.randomUUID().slice(0,8)}`,[f]),y=N||L||"md",a=T||v,g=s.useRef(null),w=X.useTooltipClipping({clippingRef:g}),D=s.useCallback(n=>{a&&(c==null||c(p,n.target.checked),r==null||r(n))},[p,c,r,a]),E=s.useCallback(n=>{n.stopPropagation(),b==null||b(n),z(!1)},[b]),$=!c||R?"checkbox":"radio",U=s.useCallback(()=>{m(!0)},[]),V=s.useCallback(()=>{m(!1)},[]),H=s.useCallback(()=>{m(!1)},[]),O=A(t[S],t[`${l}${y}`],u&&t[`${l}disabled`],q&&t[`${l}fluid`],!a&&t[`${l}non-selectable`],P&&t[`${l}has-focus`],C&&t[`${l}ellipsis`],I);return F?e.jsxs("div",{className:O,"aria-disabled":u,tabIndex:-1,children:[e.jsxs("label",{className:`${o}label`,children:[a&&e.jsx(ee,{enabled:C,showDelay:500,portalled:!0,text:Y.extractTextFromReactNode(d),...w,children:e.jsx("input",{role:$,name:M,type:$,id:p,className:`${o}input`,disabled:u,defaultChecked:k,...B,onChange:D,onFocus:U,onBlur:V,ref:j,tabIndex:x?-1:_?1:0})}),h&&e.jsx("span",{className:`${o}icon`,children:h}),e.jsx("span",{ref:g,children:d})]}),_&&e.jsx(J.CloseButton,{className:`${o}dismiss-button`,onClick:E,size:Z(y),onFocus:H,tabIndex:x?-1:0}),a&&e.jsx(Q.StateLayer,{className:`${o}state-layer`})]}):null});exports.Chip=se;

package/lib/Chips/Chip.context.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react/jsx-runtime"),i=require("react"),C=i.createContext(void 0),b=()=>{const e=i.useContext(C);return e||{selectedChips:null,handleChipChange:null,multiple:null,name:void 0,selectable:null,size:void 0}},P=({children:e,multiple:n=!1,onChange:t,selectable:a=!1,name:d,selectedChips:o,size:p})=>{const[h,v]=i.useState([]),l=o!==void 0,s=l?o:h,x=i.useCallback((r,c)=>{const u=n?c?[...s,r]:s.filter(f=>f!==r):c?[r]:[];l||v(u),t==null||t(u)},[n,s,l,t]);return S.jsx(C.Provider,{value:{selectedChips:s,handleChipChange:x,multiple:n,name:d,selectable:a,size:p},children:e})};exports.ChipsProvider=P;exports.useChipsContext=b;

package/lib/Chips/Chip.context.d.ts

@@ -0,0 +1,29 @@
+import { default as React, ReactNode } from 'react';
+import { ChipSize } from '@viasat/beam-shared/components/chips';
+interface ChipsContextProps {
+    selectedChips: string[];
+    handleChipChange: (id: string, selected: boolean) => void;
+    multiple: boolean;
+    name?: string;
+    selectable?: boolean;
+    size?: ChipSize;
+}
+interface ChipsProviderProps {
+    children: ReactNode;
+    multiple?: boolean;
+    onChange?: (selectedChips: string[]) => void;
+    name?: string;
+    selectable?: boolean;
+    selectedChips?: string[];
+    size?: ChipSize;
+}
+export declare const useChipsContext: () => ChipsContextProps | {
+    selectedChips: null;
+    handleChipChange: null;
+    multiple: null;
+    name: undefined;
+    selectable: null;
+    size: undefined;
+};
+export declare const ChipsProvider: React.FC<ChipsProviderProps>;
+export {};

package/lib/Chips/Chip.context.es.js

@@ -0,0 +1,40 @@
+import { jsx as x } from "react/jsx-runtime";
+import { createContext as m, useContext as S, useState as b, useCallback as P } from "react";
+const C = m(void 0), w = () => {
+  const e = S(C);
+  return e || {
+    selectedChips: null,
+    handleChipChange: null,
+    multiple: null,
+    name: void 0,
+    selectable: null,
+    size: void 0
+  };
+}, z = ({
+  children: e,
+  multiple: l = !1,
+  onChange: t,
+  selectable: p = !1,
+  name: u,
+  selectedChips: o,
+  size: a
+}) => {
+  const [d, h] = b([]), i = o !== void 0, s = i ? o : d, f = P(
+    (n, r) => {
+      const c = l ? r ? [...s, n] : s.filter((v) => v !== n) : r ? [n] : [];
+      i || h(c), t == null || t(c);
+    },
+    [l, s, i, t]
+  );
+  return /* @__PURE__ */ x(
+    C.Provider,
+    {
+      value: { selectedChips: s, handleChipChange: f, multiple: l, name: u, selectable: p, size: a },
+      children: e
+    }
+  );
+};
+export {
+  z as ChipsProvider,
+  w as useChipsContext
+};

package/lib/Chips/Chip.d.ts

@@ -0,0 +1,67 @@
+import { default as React } from 'react';
+import { ChipSize } from '@viasat/beam-shared/components/chips';
+export interface ChipProps extends React.ComponentPropsWithRef<'div'> {
+    /**
+     * Provide content for the Chip
+     */
+    children: React.ReactNode;
+    /**
+     * Specify if the Chip is disabled
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Specify if the Chip is selectable
+     * @default false
+     */
+    selectable?: boolean;
+    /**
+     * Specify the size of the Chip
+     * @default 'md'
+     */
+    size?: ChipSize;
+    /**
+     * Specify a callback function for when the close button is activated
+     */
+    onDismiss?: React.MouseEventHandler<HTMLButtonElement>;
+    /**
+     * Specify an icon for the Chip
+     */
+    icon?: React.ReactNode;
+    /**
+     * Specify if a Chip is fluid
+     * @default false
+     */
+    fluid?: boolean;
+    /**
+     * Specify if the Chip is initially checked
+     * @default false
+     */
+    defaultChecked?: boolean;
+    /**
+     * Specify if the Chip is checked
+     * @default false
+     */
+    checked?: boolean;
+    /**
+     * Specify a callback function for when the Chip is checked/unchecked
+     * @default false
+     */
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    /**
+     * Specify if the Chip can be dismissed
+     * @default false
+     */
+    dismissible?: boolean;
+    /**
+     * Specify if the Chip should not receive focus via keyboard navigation
+     * @default false
+     */
+    noTabIndex?: boolean;
+    /**
+     * Specify if the Chip should have text overflow ellipsis
+     * @default false
+     */
+    ellipse?: boolean;
+}
+export declare const Chip: React.ForwardRefExoticComponent<Omit<ChipProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/lib/Chips/Chip.es.js

@@ -0,0 +1,136 @@
+import "../../assets/Chip.css";
+import { jsxs as N, jsx as s, Fragment as K } from "react/jsx-runtime";
+import { forwardRef as O, useState as I, useMemo as Q, useRef as W, useCallback as o } from "react";
+import X from "clsx";
+import { g as Y } from "../../chunks/classNames.DNsS4J__.js";
+import "../../chunks/constants.BBi77pmH.js";
+import { CloseButton as Z } from "../CloseButton/CloseButton.es.js";
+import { useChipsContext as ee } from "./Chip.context.es.js";
+import { StateLayer as se } from "../StateLayer/StateLayer.es.js";
+import { Tooltip as ie } from "../Tooltip/Tooltip.es.js";
+import { useTooltipClipping as te } from "../Tooltip/useTooltipClipping.es.js";
+import { extractTextFromReactNode as le } from "../../utils/functions.es.js";
+const ae = (e) => e === "sm" ? "xs" : e === "lg" ? "md" : "sm", i = {
+  "bm-light": "bm-light",
+  "bm-dark": "bm-dark",
+  "bm-inverse": "bm-inverse",
+  "bm-chip": "bm-chip",
+  "bm-chip__input": "bm-chip__input",
+  "bm-chip__label": "bm-chip__label",
+  "bm-chip--ellipsis": "bm-chip--ellipsis",
+  "bm-chip__icon": "bm-chip__icon",
+  "bm-chip__state-layer": "bm-chip__state-layer",
+  "bm-chip--has-focus": "bm-chip--has-focus",
+  "bm-state-layer": "bm-state-layer",
+  "bm-chip--disabled": "bm-chip--disabled",
+  "bm-chip--fluid": "bm-chip--fluid",
+  "bm-chip--non-selectable": "bm-chip--non-selectable",
+  "bm-chip--sm": "bm-chip--sm",
+  "bm-chip--md": "bm-chip--md",
+  "bm-chip--lg": "bm-chip--lg",
+  "bm-chip__dismiss-button": "bm-chip__dismiss-button"
+}, { baseClassNamePrefix: F, classModifierPrefix: t, subElementClassPrefix: n } = Y("chip"), ce = (e) => e.enabled ? /* @__PURE__ */ s(ie, { ...e }) : /* @__PURE__ */ s(K, { children: e.children }), ge = O((e, S) => {
+  const {
+    children: h,
+    size: k,
+    //TODO: Enable shape in Beta
+    //shape = 'consumer',
+    disabled: p = !1,
+    defaultChecked: z,
+    onChange: m,
+    icon: u,
+    fluid: B = !1,
+    onDismiss: r,
+    selectable: T = !1,
+    dismissible: f = !1,
+    className: P,
+    id: _,
+    noTabIndex: x = !1,
+    ellipse: $ = !1,
+    ...R
+  } = e, [M, j] = I(!0), [v, b] = I(!1), {
+    handleChipChange: l,
+    multiple: w,
+    name: D,
+    selectable: E,
+    size: U
+  } = ee(), d = Q(
+    () => _ || `${F}-${crypto.randomUUID().slice(0, 8)}`,
+    [_]
+  ), g = k || U || "md", a = T || E, C = W(null), V = te({ clippingRef: C }), H = o(
+    (c) => {
+      a && (l == null || l(d, c.target.checked), m == null || m(c));
+    },
+    [d, l, m, a]
+  ), L = o(
+    (c) => {
+      c.stopPropagation(), r == null || r(c), j(!1);
+    },
+    [r]
+  ), y = !l || w ? "checkbox" : "radio", q = o(() => {
+    b(!0);
+  }, []), A = o(() => {
+    b(!1);
+  }, []), G = o(() => {
+    b(!1);
+  }, []), J = X(
+    i[F],
+    i[`${t}${g}`],
+    // TODO: Enable Shape in Beta
+    // styles[`${classModifierPrefix}${shape}`],
+    p && i[`${t}disabled`],
+    B && i[`${t}fluid`],
+    !a && i[`${t}non-selectable`],
+    v && i[`${t}has-focus`],
+    $ && i[`${t}ellipsis`],
+    P
+  );
+  return M ? /* @__PURE__ */ N("div", { className: J, "aria-disabled": p, tabIndex: -1, children: [
+    /* @__PURE__ */ N("label", { className: `${n}label`, children: [
+      a && /* @__PURE__ */ s(
+        ce,
+        {
+          enabled: $,
+          showDelay: 500,
+          portalled: !0,
+          text: le(h),
+          ...V,
+          children: /* @__PURE__ */ s(
+            "input",
+            {
+              role: y,
+              name: D,
+              type: y,
+              id: d,
+              className: `${n}input`,
+              disabled: p,
+              defaultChecked: z,
+              ...R,
+              onChange: H,
+              onFocus: q,
+              onBlur: A,
+              ref: S,
+              tabIndex: x ? -1 : f ? 1 : 0
+            }
+          )
+        }
+      ),
+      u && /* @__PURE__ */ s("span", { className: `${n}icon`, children: u }),
+      /* @__PURE__ */ s("span", { ref: C, children: h })
+    ] }),
+    f && /* @__PURE__ */ s(
+      Z,
+      {
+        className: `${n}dismiss-button`,
+        onClick: L,
+        size: ae(g),
+        onFocus: G,
+        tabIndex: x ? -1 : 0
+      }
+    ),
+    a && /* @__PURE__ */ s(se, { className: `${n}state-layer` })
+  ] }) : null;
+});
+export {
+  ge as Chip
+};

package/lib/Chips/ChipGroup.cjs.js

@@ -0,0 +1 @@
+var j=require("../../assets/ChipGroup.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),h=require("react"),g=require("clsx"),d=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const x=require("../Box/Box.cjs.js"),C=require("./Chip.context.cjs.js"),q={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-chips-group":"bm-chips-group"},{baseClassNamePrefix:o}=d.getBEMClassNames("chips-group");function N({children:i,onClick:f,multiple:e=!1,onChange:c,selectedChips:t,className:n,name:s,selectable:a=!1,gap:u="50",size:m="md",...p}){const l=g(q[`${o}`],n),b=h.useMemo(()=>s||`${o}-${crypto.randomUUID().slice(0,8)}`,[s]);return r.jsx(C.ChipsProvider,{multiple:e,onChange:c,name:b,selectable:a,selectedChips:t,size:m,children:r.jsx(x.Box,{className:l,gap:u,role:e?"group":"radiogroup",...p,children:i})})}exports.ChipGroup=N;

package/lib/Chips/ChipGroup.d.ts

@@ -0,0 +1,42 @@
+import { default as React } from 'react';
+import { Spacing } from '@viasat/beam-shared/utils';
+import { ChipSize } from '@viasat/beam-shared/components/chips';
+import { ChipProps } from './Chip';
+export interface ChipsGroupProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'onChange'> {
+    /**
+     * Specify amount of Chips in a ChipGroup
+     */
+    children: React.ReactElement<ChipProps> | React.ReactElement<ChipProps>[];
+    /**
+     * Specify if multiple Chips can be selected
+     * @default false
+     */
+    multiple?: boolean;
+    /**
+     * Specify a change handler for the ChipGroup
+     */
+    onChange?: (selectedChips: string[]) => void;
+    /**
+     * Controlled selected Chips
+     */
+    selectedChips?: string[];
+    /**
+     * Specify the name attribute for the ChipGroup
+     */
+    name?: string;
+    /**
+     * Specify if the ChipGroup is selectable
+     * @default false
+     */
+    selectable?: boolean;
+    /**
+     * Specify the gap between Chips
+     */
+    gap?: Spacing;
+    /**
+     * Specify the size of the ChipGroup
+     * @default 'md'
+     */
+    size?: ChipSize;
+}
+export declare function ChipGroup({ children, onClick, multiple, onChange, selectedChips, className: _className, name: _name, selectable, gap, size, ...props }: ChipsGroupProps): import("react/jsx-runtime").JSX.Element;

package/lib/Chips/ChipGroup.es.js

@@ -0,0 +1,56 @@
+import "../../assets/ChipGroup.css";
+import { jsx as m } from "react/jsx-runtime";
+import { useMemo as g } from "react";
+import h from "clsx";
+import { g as u } from "../../chunks/classNames.DNsS4J__.js";
+import "../../chunks/constants.BBi77pmH.js";
+import { Box as d } from "../Box/Box.es.js";
+import { ChipsProvider as x } from "./Chip.context.es.js";
+const C = {
+  "bm-light": "bm-light",
+  "bm-dark": "bm-dark",
+  "bm-inverse": "bm-inverse",
+  "bm-chips-group": "bm-chips-group"
+}, { baseClassNamePrefix: s } = u("chips-group");
+function U({
+  children: i,
+  onClick: N,
+  multiple: r = !1,
+  onChange: e,
+  selectedChips: p,
+  className: t,
+  name: o,
+  selectable: a = !1,
+  gap: c = "50",
+  size: n = "md",
+  ...l
+}) {
+  const f = h(C[`${s}`], t), b = g(
+    () => o || `${s}-${crypto.randomUUID().slice(0, 8)}`,
+    [o]
+  );
+  return /* @__PURE__ */ m(
+    x,
+    {
+      multiple: r,
+      onChange: e,
+      name: b,
+      selectable: a,
+      selectedChips: p,
+      size: n,
+      children: /* @__PURE__ */ m(
+        d,
+        {
+          className: f,
+          gap: c,
+          role: r ? "group" : "radiogroup",
+          ...l,
+          children: i
+        }
+      )
+    }
+  );
+}
+export {
+  U as ChipGroup
+};

package/lib/Chips/index.cjs.js

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

package/lib/Chips/index.d.ts

@@ -0,0 +1,4 @@
+export { Chip } from './Chip';
+export type { ChipProps } from './Chip';
+export { ChipGroup } from './ChipGroup';
+export type { ChipsGroupProps } from './ChipGroup';

package/lib/Chips/index.es.js

@@ -0,0 +1,6 @@
+import { Chip as r } from "./Chip.es.js";
+import { ChipGroup as f } from "./ChipGroup.es.js";
+export {
+  r as Chip,
+  f as ChipGroup
+};

package/lib/CloseButton/CloseButton.cjs.js

@@ -0,0 +1 @@
+var j=require("../../assets/CloseButton.css");Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),g=require("clsx"),y=require("react"),_=require("../../chunks/classNames.DAeKwerT.js"),n=require("../../chunks/constants.hwjHOsvT.js"),q=require("../../chunks/Close.DXMVoxHm.js"),S=require("../StateLayer/StateLayer.cjs.js"),t={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-close-button":"bm-close-button","bm-state-layer":"bm-state-layer","bm-close-button--xs":"bm-close-button--xs","bm-close-button__icon":"bm-close-button__icon","bm-close-button--sm":"bm-close-button--sm","bm-close-button--md":"bm-close-button--md","bm-close-button--lg":"bm-close-button--lg","bm-close-button--xl":"bm-close-button--xl"},b=y.forwardRef(function({size:s="md",theme:o,disabled:c=!1,productType:l,className:m,...a},r){const{baseClassNamePrefix:u,subElementClassPrefix:i,classModifierPrefix:d}=_.getBEMClassNames("close-button"),x=t[u],C=t[`${i}icon`],f=g(x,s&&t[`${d}${s}`],o&&n.themeClassName(o),l&&n.productTypeThemeClassName(l),m),N=a["aria-label"]||"Close button";return e.jsxs("button",{tabIndex:0,"aria-label":N,className:f,disabled:c,ref:r,type:"button",...a,children:[e.jsx(q.SvgClose,{className:C,"aria-hidden":!0}),e.jsx(S.StateLayer,{})]})});exports.CloseButton=b;exports.default=b;

package/lib/CloseButton/CloseButton.d.ts

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+import { CloseButtonSizes } from '@viasat/beam-shared/components/closeButton';
+import { ProductType, ThemeTypes } from '@viasat/beam-shared/utils/constants';
+export interface CloseButtonProps extends React.ComponentPropsWithoutRef<'button'> {
+    /**
+     * Specify the size of the CloseButton
+     * @default 'md'
+     */
+    size?: CloseButtonSizes;
+    /**
+     * Specify the theme of the CloseButton. By default it inherits the theme from the parent
+     */
+    theme?: ThemeTypes;
+    /**
+     * Specify if the CloseButton is disabled
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Specify the productType of the CloseButton
+     */
+    productType?: ProductType;
+}
+export declare const CloseButton: React.ForwardRefExoticComponent<CloseButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export default CloseButton;

package/lib/CloseButton/CloseButton.es.js

@@ -0,0 +1,58 @@
+import "../../assets/CloseButton.css";
+import { jsxs as C, jsx as a } from "react/jsx-runtime";
+import N from "clsx";
+import { forwardRef as p } from "react";
+import { g } from "../../chunks/classNames.DNsS4J__.js";
+import { t as h, d as y } from "../../chunks/constants.BBi77pmH.js";
+import { S as _ } from "../../chunks/Close.B6_m4YZQ.js";
+import { StateLayer as v } from "../StateLayer/StateLayer.es.js";
+const t = {
+  "bm-light": "bm-light",
+  "bm-dark": "bm-dark",
+  "bm-inverse": "bm-inverse",
+  "bm-close-button": "bm-close-button",
+  "bm-state-layer": "bm-state-layer",
+  "bm-close-button--xs": "bm-close-button--xs",
+  "bm-close-button__icon": "bm-close-button__icon",
+  "bm-close-button--sm": "bm-close-button--sm",
+  "bm-close-button--md": "bm-close-button--md",
+  "bm-close-button--lg": "bm-close-button--lg",
+  "bm-close-button--xl": "bm-close-button--xl"
+}, w = p(
+  function({
+    size: s = "md",
+    theme: o,
+    disabled: l = !1,
+    productType: e,
+    className: b,
+    ...m
+  }, n) {
+    const { baseClassNamePrefix: r, subElementClassPrefix: c, classModifierPrefix: i } = g("close-button"), u = t[r], f = t[`${c}icon`], d = N(
+      u,
+      s && t[`${i}${s}`],
+      o && h(o),
+      e && y(e),
+      b
+    ), x = m["aria-label"] || "Close button";
+    return /* @__PURE__ */ C(
+      "button",
+      {
+        tabIndex: 0,
+        "aria-label": x,
+        className: d,
+        disabled: l,
+        ref: n,
+        type: "button",
+        ...m,
+        children: [
+          /* @__PURE__ */ a(_, { className: f, "aria-hidden": !0 }),
+          /* @__PURE__ */ a(v, {})
+        ]
+      }
+    );
+  }
+);
+export {
+  w as CloseButton,
+  w as default
+};

package/lib/CloseButton/CloseButton.figma.d.ts

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

package/lib/CloseButton/index.cjs.js

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

package/lib/CloseButton/index.d.ts

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

package/lib/CloseButton/index.es.js

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

package/lib/Dialog/Dialog.Body.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),y=require("clsx"),i=require("react"),x=require("@floating-ui/react"),R=require("../../chunks/classNames.DAeKwerT.js"),b=require("../../chunks/constants.hwjHOsvT.js"),v=require("../../chunks/dialog.module.COfowyPc.js"),N=require("./Dialog.context.cjs.js"),_=require("../../utils/hooks/index.cjs.js"),n=i.forwardRef(({children:a,className:l,text:s,...u},d)=>{const{theme:o,setOverflowing:e}=N.useDialogContext(),{ref:g,isOverFlowing:t}=_.useIsOverFlowing(),f=x.useMergeRefs([d,g]);i.useLayoutEffect(()=>{e&&e(t)},[t,e]);const{subElementClassPrefix:m}=R.getBEMClassNames("dialog"),q=y(o&&b.themeClassName(o),v.styles[`${m}body`],l);return r.jsxs("div",{className:q,...u,ref:f,children:[s&&r.jsx("span",{children:s}),a]})}),c=n;c.displayName="Dialog.Body";exports.Body=c;exports.Root=n;

package/lib/Dialog/Dialog.Body.d.ts

@@ -0,0 +1,16 @@
+import { ComponentPropsWithRef, ReactNode } from 'react';
+export interface DialogBodyProps extends ComponentPropsWithRef<'div'> {
+    /**
+     * Specify custom content for the Dialog
+     */
+    children?: ReactNode;
+    /**
+     * Specify the text content for the Dialog.
+     * For custom content, use children instead
+     */
+    text?: string;
+}
+export declare const Root: import('react').ForwardRefExoticComponent<Omit<DialogBodyProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
+export declare const Body: typeof Root & {
+    displayName: string;
+};