@viasat/beam-react 2.0.0

package/chunks/useFormValidator.hook.CSmddwEt.js

@@ -0,0 +1,171 @@
+import * as p from "react";
+const h = async (s, o) => (await Promise.all(
+  o.map(
+    async (t) => {
+      const { validator: r } = t;
+      return r(s);
+    }
+  )
+)).reduce(
+  (t, r) => {
+    const { error: n, message: a } = r;
+    return n ? [...t, a] : t;
+  },
+  []
+), O = (s) => {
+  const { target: o, relatedTarget: e } = s || {};
+  if (!e) return { groupBlur: !!e };
+  const { name: t } = o, { name: r } = e, { control: n } = e, { name: a } = n || {};
+  return { groupBlur: t === r || t === a };
+}, d = (s) => {
+  const { type: o, checked: e } = s, t = o === "checkbox";
+  if (t)
+    return {
+      isCheckBoxGroup: t,
+      selectedBoxes: e ? [s] : []
+    };
+  const r = Array.from(s), n = r.every((l) => {
+    const { type: i } = l;
+    return i === "checkbox";
+  }), a = !!r.length && n;
+  if (!a) return { isCheckBoxGroup: a, selectedBoxes: [] };
+  const c = r.filter(
+    ({ checked: l }) => l
+  );
+  return { isCheckBoxGroup: a, selectedBoxes: c };
+}, g = (s) => {
+  const { type: o, multiple: e, options: t } = s, r = o === "select-multiple" && e;
+  if (!r) return { isMultiSelect: r, selectedOptions: [] };
+  const n = [].filter.call(
+    t,
+    ({ selected: a }) => a
+  );
+  return { isMultiSelect: r, selectedOptions: n };
+}, f = new RegExp(
+  [
+    "(?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:",
+    "\\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|\"(?:",
+    "[
-\b\v\f-!#-[]-]",
+    '|\\\\[
-	\v\f-])*")@(?:(?:',
+    "[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\\.)+[a-z0-9](?:",
+    "[a-z0-9-]*[a-z0-9])?|\\[(?:(?:(2(5[0-5]|",
+    "[0-4][0-9])|1[0-9][0-9]|[1-9]?[0-9]))\\.){3}(?:",
+    "(2(5[0-5]|[0-4][0-9])|1[0-9][0-9]|[1-9]?",
+    "[0-9])|[a-z0-9-]*[a-z0-9]:(?:",
+    "[
-\b\v\f-!-ZS-]|\\\\[
-",
+    "	\v\f-])+)\\])"
+  ].join("")
+), v = (s) => ({
+  name: "min",
+  validator: (o) => {
+    const { value: e, message: t } = s, { value: r } = o;
+    return { error: !!r && Number(r) < e, message: t };
+  }
+}), x = (s) => ({
+  name: "max",
+  validator: (o) => {
+    const { value: e, message: t } = s, { value: r } = o;
+    return { error: !!r && Number(r) > e, message: t };
+  }
+}), B = (s) => ({
+  name: "email",
+  validator: (o) => {
+    const { message: e } = s || {}, { value: t } = o;
+    return { error: !!t && !f.test(t), message: e };
+  }
+}), y = (s) => ({
+  name: "pattern",
+  validator: (o) => {
+    const { pattern: e, message: t } = s, { value: r } = o;
+    return { error: !!r && !r.match(e), message: t };
+  }
+}), V = (s) => ({
+  name: "required",
+  validator: (o) => {
+    const { message: e } = s || {}, { value: t } = o, {
+      isCheckBoxGroup: r,
+      selectedBoxes: { length: n }
+    } = d(o);
+    if (r) return { error: !n, message: e };
+    const {
+      isMultiSelect: a,
+      selectedOptions: { length: c }
+    } = g(o);
+    return a ? { error: !c, message: e } : { error: !t, message: e };
+  }
+}), k = (s) => ({
+  name: "minLength",
+  validator: (o) => {
+    const { length: e, message: t } = s, { value: r } = o, n = !!r && r.length < e, {
+      isCheckBoxGroup: a,
+      selectedBoxes: { length: c }
+    } = d(o);
+    if (a)
+      return { error: !!c && c < e, message: t };
+    const {
+      isMultiSelect: l,
+      selectedOptions: { length: i }
+    } = g(o);
+    return l ? { error: !!i && i < e, message: t } : { error: n, message: t };
+  }
+}), E = (s) => ({
+  name: "maxLength",
+  validator: (o) => {
+    const { length: e, message: t } = s, { value: r } = o, n = !!r && r.length > e, {
+      isCheckBoxGroup: a,
+      selectedBoxes: { length: c }
+    } = d(o);
+    if (a)
+      return { error: !!c && c > e, message: t };
+    const {
+      isMultiSelect: l,
+      selectedOptions: { length: i }
+    } = g(o);
+    return l ? { error: !!i && i > e, message: t } : { error: n, message: t };
+  }
+}), L = (s) => ({
+  name: "define",
+  validator: (o) => s(o)
+}), z = {
+  min: v,
+  max: x,
+  email: B,
+  define: L,
+  pattern: y,
+  required: V,
+  minLength: k,
+  maxLength: E
+}, b = () => {
+  const s = p.useRef({}), o = (n) => {
+    const { current: a } = s;
+    if (n) {
+      const { errorSetter: c } = a[n] || {};
+      return c == null ? void 0 : c([]);
+    }
+    Object.keys(a).forEach((c) => {
+      const { errorSetter: l } = a[c] || {};
+      l == null || l([]);
+    });
+  }, e = async (n, a) => {
+    const c = a[n], { current: l } = s, { validators: i, errorSetter: u } = l[n] || {};
+    if (!c || !(i != null && i.length) || !u) return [];
+    const m = await h(c, i);
+    return u(m), m;
+  };
+  return { register: (n, a, c) => {
+    const { length: l } = a || {}, { current: i } = s || {};
+    n && l && Object.assign(i, {
+      [n]: { validators: a, errorSetter: c }
+    });
+  }, validateField: e, validateForm: async (n) => {
+    const { current: a } = s, l = Object.keys(a).map(
+      async (m) => await e(m, n)
+    );
+    return { fail: (await Promise.all(l)).some((m) => !!m.length) };
+  }, reset: o };
+};
+export {
+  O as i,
+  b as u,
+  z as v
+};

package/custom-properties.d.cjs.js

@@ -0,0 +1 @@
+"use strict";require("react");

package/custom-properties.d.es.js

@@ -0,0 +1 @@
+import "react";

package/index.cjs.js

@@ -0,0 +1 @@
+var be=require("./assets/index.css");Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./lib/Accordion/Accordion.cjs.js"),l=require("./lib/Accordion/AccordionGroup.cjs.js"),c=require("./lib/Alert/Alert.cjs.js"),d=require("./lib/Autocomplete/Autocomplete.cjs.js"),b=require("./lib/Avatar/index.cjs.js"),p=require("./lib/CloseButton/CloseButton.cjs.js"),o=require("./lib/Button/Button.cjs.js"),S=require("./lib/Dialog/Dialog.cjs.js"),A=require("./lib/Breadcrumbs/Breadcrumbs.cjs.js"),q=require("./chunks/BreadcrumbsItem.BkT8MeqE.js"),T=require("./lib/EmptyState/EmptyState.cjs.js"),B=require("./lib/Badge/Badge.cjs.js"),C=require("./lib/BadgeDot/BadgeDot.cjs.js"),g=require("./lib/Box/Box.cjs.js"),L=require("./lib/Checkbox/Checkbox.cjs.js"),P=require("./lib/Chips/Chip.cjs.js"),v=require("./lib/Chips/ChipGroup.cjs.js"),m=require("./lib/Divider/Divider.cjs.js"),x=require("./lib/FileUpload/FileUpload.cjs.js"),h=require("./lib/Flag/Flag.cjs.js"),N=require("./lib/Form/Form.cjs.js"),H=require("./chunks/form.context.B1PXIJNq.js"),R=require("./lib/Icon/Icon.cjs.js"),D=require("./lib/InputChoiceGroup/SwitchGroup/SwitchGroup.cjs.js"),G=require("./lib/InputChoiceGroup/CheckboxGroup/CheckboxGroup.cjs.js"),I=require("./lib/InputChoiceGroup/RadioButtonGroup/RadioButtonGroup.cjs.js"),O=require("./lib/Label/Label.cjs.js"),E=require("./lib/Link/Link.cjs.js"),y=require("./lib/List/List.cjs.js"),M=require("./lib/ActionList/ActionList.cjs.js"),F=require("./lib/Logo/Logo.cjs.js"),k=require("./lib/Menu/Menu.cjs.js"),U=require("./lib/Menu/Menu.context.cjs.js"),w=require("./lib/NativeSelect/NativeSelect.cjs.js"),Y=require("./lib/Pagination/Pagination.cjs.js"),W=require("./lib/ProgressBar/ProgressBar.cjs.js"),V=require("./lib/RadioButton/RadioButton.cjs.js"),e=require("./lib/SideNav/SideNav.cjs.js"),t=require("./lib/SideNav/SideNavContext.cjs.js"),f=require("./lib/SegmentedControl/SegmentedControl.cjs.js"),K=require("./lib/Select/Select.cjs.js"),Q=require("./lib/Spinner/Spinner.cjs.js"),j=require("./lib/StateLayer/StateLayer.cjs.js"),z=require("./lib/Stepper/Stepper.cjs.js"),i=require("./lib/Stepper/useBeamStepper.cjs.js"),J=require("./lib/Switch/Switch.cjs.js"),X=require("./lib/Tabs/Tabs.cjs.js"),Z=require("./lib/Text/Text.cjs.js"),$=require("./lib/TextArea/TextArea.cjs.js"),ee=require("./lib/TextField/TextField.cjs.js"),re=require("./lib/Toasts/Toast.cjs.js"),a=require("./chunks/ToastContext.BJK1U8nL.js"),oe=require("./lib/Toasts/ToastContainer.cjs.js"),n=require("./lib/Tooltip/Tooltip.cjs.js"),_=require("./lib/Header/Header.cjs.js"),te=require("./lib/Header/HeaderMasthead.cjs.js"),ie=require("./lib/Header/HeaderActionGroup.cjs.js"),ae=require("./lib/Header/HeaderNavigation.cjs.js"),u=require("./lib/PortalProvider/PortalContext.cjs.js"),ne=require("./lib/PortalProvider/PortalProvider.cjs.js"),_e=require("./lib/Popover/Popover.cjs.js"),ue=require("./lib/PageHeader/PageHeader.cjs.js"),se=require("./lib/PageLayout/PageLayout.cjs.js"),le=require("./lib/Slider/Slider.cjs.js"),ce=require("./lib/Card/Card.cjs.js"),r=require("./utils/theming/useBeamTheme.cjs.js"),de=require("./chunks/useFormValidator.hook.BtP4A6XY.js");exports.Accordion=s.Accordion;exports.AccordionGroup=l.AccordionGroup;exports.Alert=c.Alert;exports.Autocomplete=d.Autocomplete;exports.Avatar=b.Avatar;exports.CloseButton=p.CloseButton;exports.Button=o.Button;exports.ButtonIconWrap=o.ButtonIconWrap;exports.Dialog=S.Dialog;exports.Breadcrumb=A.Breadcrumb;exports.BreadcrumbItem=q.BreadcrumbItem;exports.EmptyState=T.EmptyState;exports.Badge=B.Badge;exports.BadgeDot=C.BadgeDot;exports.Box=g.Box;exports.Checkbox=L.Checkbox;exports.Chip=P.Chip;exports.ChipGroup=v.ChipGroup;exports.Divider=m.Divider;exports.FileUpload=x.default;exports.Flag=h.Flag;exports.Form=N.Form;exports.HelperText=H.HelperText;exports.Icon=R.Icon;exports.SwitchGroup=D.SwitchGroup;exports.CheckboxGroup=G.CheckboxGroup;exports.RadioButtonGroup=I.RadioButtonGroup;exports.Label=O.Label;exports.Link=E.Link;exports.List=y.List;exports.ActionList=M.ActionList;exports.Logo=F.Logo;exports.Menu=k.Menu;exports.useMenuContext=U.useMenuContext;exports.NativeSelect=w.NativeSelect;exports.Pagination=Y.Pagination;exports.ProgressBar=W.ProgressBar;exports.RadioButton=V.RadioButton;exports.DRAWER_LAYOUT=e.DRAWER_LAYOUT;exports.HIDDEN_LAYOUT=e.HIDDEN_LAYOUT;exports.LOCAL_STORAGE_SIDE_NAV_WIDTH_VAR_NAME=e.LOCAL_STORAGE_SIDE_NAV_WIDTH_VAR_NAME;exports.NO_LAYOUT=e.NO_LAYOUT;exports.OPAQUE_BACKDROP=e.OPAQUE_BACKDROP;exports.RAIL_LAYOUT=e.RAIL_LAYOUT;exports.Root=e.Root;exports.SideNav=e.SideNav;exports.SideNavBackdrops=e.SideNavBackdrops;exports.SideNavClosedLayouts=e.SideNavClosedLayouts;exports.SideNavOpenLayouts=e.SideNavOpenLayouts;exports.TRANSPARENT_BACKDROP=e.TRANSPARENT_BACKDROP;exports.SideNavProvider=t.SideNavProvider;exports.useSideNavContext=t.useSideNavContext;exports.SegmentedControl=f.SegmentedControl;exports.Select=K.Select;exports.Spinner=Q.Spinner;exports.StateLayer=j.StateLayer;exports.Stepper=z.Stepper;exports.processMetadata=i.processMetadata;exports.useBeamStepper=i.useBeamStepper;exports.Switch=J.Switch;exports.Tabs=X.Tabs;exports.Text=Z.Text;exports.TextArea=$.TextArea;exports.TextField=ee.TextField;exports.Toast=re.Toast;exports.ToastProvider=a.ToastProvider;exports.useToast=a.useToast;exports.ToastContainer=oe.ToastContainer;exports.Tooltip=n.Tooltip;exports.TooltipIconTrigger=n.TooltipIconTrigger;exports.Header=_.Header;exports.InternalHeader=_.InternalHeader;exports.HeaderMasthead=te.HeaderMasthead;exports.HeaderActionGroup=ie.HeaderActionGroup;exports.HeaderNavigation=ae.HeaderNavigation;exports.PortalContext=u.PortalContext;exports.usePortal=u.usePortal;exports.PortalProvider=ne.PortalProvider;exports.Popover=_e.Popover;exports.PageHeader=ue.PageHeader;exports.PageLayout=se.PageLayout;exports.Slider=le.Slider;exports.Card=ce.Card;exports.ALL_THEMES=r.ALL_THEMES;exports.BeamThemeProvider=r.BeamThemeProvider;exports.fromAttr=r.fromAttr;exports.toAttr=r.toAttr;exports.useBeamTheme=r.useBeamTheme;exports.validators=de.validators;

package/index.d.ts

@@ -0,0 +1,2 @@
+export * from './lib';
+export * from './utils/theming';

package/index.es.js

@@ -0,0 +1,159 @@
+import "./assets/index.css";
+import { Accordion as t } from "./lib/Accordion/Accordion.es.js";
+import { AccordionGroup as m } from "./lib/Accordion/AccordionGroup.es.js";
+import { Alert as a } from "./lib/Alert/Alert.es.js";
+import { Autocomplete as i } from "./lib/Autocomplete/Autocomplete.es.js";
+import { Avatar as n } from "./lib/Avatar/index.es.js";
+import { CloseButton as u } from "./lib/CloseButton/CloseButton.es.js";
+import { Button as T, ButtonIconWrap as l } from "./lib/Button/Button.es.js";
+import { Dialog as c } from "./lib/Dialog/Dialog.es.js";
+import { Breadcrumb as L } from "./lib/Breadcrumbs/Breadcrumbs.es.js";
+import { B as P } from "./chunks/BreadcrumbsItem.CPJ-ECZa.js";
+import { EmptyState as N } from "./lib/EmptyState/EmptyState.es.js";
+import { Badge as _ } from "./lib/Badge/Badge.es.js";
+import { BadgeDot as H } from "./lib/BadgeDot/BadgeDot.es.js";
+import { Box as D } from "./lib/Box/Box.es.js";
+import { Checkbox as h } from "./lib/Checkbox/Checkbox.es.js";
+import { Chip as G } from "./lib/Chips/Chip.es.js";
+import { ChipGroup as M } from "./lib/Chips/ChipGroup.es.js";
+import { Divider as y } from "./lib/Divider/Divider.es.js";
+import { default as F } from "./lib/FileUpload/FileUpload.es.js";
+import { Flag as W } from "./lib/Flag/Flag.es.js";
+import { Form as K } from "./lib/Form/Form.es.js";
+import { H as Q } from "./chunks/form.context.CNWjF5qA.js";
+import { Icon as q } from "./lib/Icon/Icon.es.js";
+import { SwitchGroup as J } from "./lib/InputChoiceGroup/SwitchGroup/SwitchGroup.es.js";
+import { CheckboxGroup as Z } from "./lib/InputChoiceGroup/CheckboxGroup/CheckboxGroup.es.js";
+import { RadioButtonGroup as oo } from "./lib/InputChoiceGroup/RadioButtonGroup/RadioButtonGroup.es.js";
+import { Label as eo } from "./lib/Label/Label.es.js";
+import { Link as po } from "./lib/Link/Link.es.js";
+import { List as xo } from "./lib/List/List.es.js";
+import { ActionList as fo } from "./lib/ActionList/ActionList.es.js";
+import { Logo as no } from "./lib/Logo/Logo.es.js";
+import { Menu as uo } from "./lib/Menu/Menu.es.js";
+import { useMenuContext as To } from "./lib/Menu/Menu.context.es.js";
+import { NativeSelect as So } from "./lib/NativeSelect/NativeSelect.es.js";
+import { Pagination as Bo } from "./lib/Pagination/Pagination.es.js";
+import { ProgressBar as vo } from "./lib/ProgressBar/ProgressBar.es.js";
+import { RadioButton as Co } from "./lib/RadioButton/RadioButton.es.js";
+import { DRAWER_LAYOUT as go, HIDDEN_LAYOUT as _o, LOCAL_STORAGE_SIDE_NAV_WIDTH_VAR_NAME as Ro, NO_LAYOUT as Ho, OPAQUE_BACKDROP as Oo, RAIL_LAYOUT as Do, Root as Eo, SideNav as ho, SideNavBackdrops as Io, SideNavClosedLayouts as Go, SideNavOpenLayouts as bo, TRANSPARENT_BACKDROP as Mo } from "./lib/SideNav/SideNav.es.js";
+import { SideNavProvider as yo, useSideNavContext as ko } from "./lib/SideNav/SideNavContext.es.js";
+import { SegmentedControl as Yo } from "./lib/SegmentedControl/SegmentedControl.es.js";
+import { Select as wo } from "./lib/Select/Select.es.js";
+import { Spinner as Vo } from "./lib/Spinner/Spinner.es.js";
+import { StateLayer as jo } from "./lib/StateLayer/StateLayer.es.js";
+import { Stepper as zo } from "./lib/Stepper/Stepper.es.js";
+import { processMetadata as Xo, useBeamStepper as Zo } from "./lib/Stepper/useBeamStepper.es.js";
+import { Switch as or } from "./lib/Switch/Switch.es.js";
+import { Tabs as er } from "./lib/Tabs/Tabs.es.js";
+import { Text as pr } from "./lib/Text/Text.es.js";
+import { TextArea as xr } from "./lib/TextArea/TextArea.es.js";
+import { TextField as fr } from "./lib/TextField/TextField.es.js";
+import { Toast as dr } from "./lib/Toasts/Toast.es.js";
+import { T as sr, u as ur } from "./chunks/ToastContext.DzKCvrgk.js";
+import { ToastContainer as Tr } from "./lib/Toasts/ToastContainer.es.js";
+import { Tooltip as Sr, TooltipIconTrigger as cr } from "./lib/Tooltip/Tooltip.es.js";
+import { Header as Lr, InternalHeader as vr } from "./lib/Header/Header.es.js";
+import { HeaderMasthead as Cr } from "./lib/Header/HeaderMasthead.es.js";
+import { HeaderActionGroup as gr } from "./lib/Header/HeaderActionGroup.es.js";
+import { HeaderNavigation as Rr } from "./lib/Header/HeaderNavigation.es.js";
+import { PortalContext as Or, usePortal as Dr } from "./lib/PortalProvider/PortalContext.es.js";
+import { PortalProvider as hr } from "./lib/PortalProvider/PortalProvider.es.js";
+import { Popover as Gr } from "./lib/Popover/Popover.es.js";
+import { PageHeader as Mr } from "./lib/PageHeader/PageHeader.es.js";
+import { PageLayout as yr } from "./lib/PageLayout/PageLayout.es.js";
+import { Slider as Fr } from "./lib/Slider/Slider.es.js";
+import { Card as Wr } from "./lib/Card/Card.es.js";
+import { ALL_THEMES as Kr, BeamThemeProvider as Vr, fromAttr as Qr, toAttr as jr, useBeamTheme as qr } from "./utils/theming/useBeamTheme.es.js";
+import { v as Jr } from "./chunks/useFormValidator.hook.CSmddwEt.js";
+export {
+  Kr as ALL_THEMES,
+  t as Accordion,
+  m as AccordionGroup,
+  fo as ActionList,
+  a as Alert,
+  i as Autocomplete,
+  n as Avatar,
+  _ as Badge,
+  H as BadgeDot,
+  Vr as BeamThemeProvider,
+  D as Box,
+  L as Breadcrumb,
+  P as BreadcrumbItem,
+  T as Button,
+  l as ButtonIconWrap,
+  Wr as Card,
+  h as Checkbox,
+  Z as CheckboxGroup,
+  G as Chip,
+  M as ChipGroup,
+  u as CloseButton,
+  go as DRAWER_LAYOUT,
+  c as Dialog,
+  y as Divider,
+  N as EmptyState,
+  F as FileUpload,
+  W as Flag,
+  K as Form,
+  _o as HIDDEN_LAYOUT,
+  Lr as Header,
+  gr as HeaderActionGroup,
+  Cr as HeaderMasthead,
+  Rr as HeaderNavigation,
+  Q as HelperText,
+  q as Icon,
+  vr as InternalHeader,
+  Ro as LOCAL_STORAGE_SIDE_NAV_WIDTH_VAR_NAME,
+  eo as Label,
+  po as Link,
+  xo as List,
+  no as Logo,
+  uo as Menu,
+  Ho as NO_LAYOUT,
+  So as NativeSelect,
+  Oo as OPAQUE_BACKDROP,
+  Mr as PageHeader,
+  yr as PageLayout,
+  Bo as Pagination,
+  Gr as Popover,
+  Or as PortalContext,
+  hr as PortalProvider,
+  vo as ProgressBar,
+  Do as RAIL_LAYOUT,
+  Co as RadioButton,
+  oo as RadioButtonGroup,
+  Eo as Root,
+  Yo as SegmentedControl,
+  wo as Select,
+  ho as SideNav,
+  Io as SideNavBackdrops,
+  Go as SideNavClosedLayouts,
+  bo as SideNavOpenLayouts,
+  yo as SideNavProvider,
+  Fr as Slider,
+  Vo as Spinner,
+  jo as StateLayer,
+  zo as Stepper,
+  or as Switch,
+  J as SwitchGroup,
+  Mo as TRANSPARENT_BACKDROP,
+  er as Tabs,
+  pr as Text,
+  xr as TextArea,
+  fr as TextField,
+  dr as Toast,
+  Tr as ToastContainer,
+  sr as ToastProvider,
+  Sr as Tooltip,
+  cr as TooltipIconTrigger,
+  Qr as fromAttr,
+  Xo as processMetadata,
+  jr as toAttr,
+  Zo as useBeamStepper,
+  qr as useBeamTheme,
+  To as useMenuContext,
+  Dr as usePortal,
+  ko as useSideNavContext,
+  ur as useToast,
+  Jr as validators
+};

package/lib/Accordion/Accordion.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),u=require("react"),$=require("clsx"),k=require("../../chunks/classNames.DAeKwerT.js"),i=require("../../chunks/accordion.module.CoPeAto1.js"),D=require("./AccordionContext.cjs.js");function E(s){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const a in s)if(a!=="default"){const l=Object.getOwnPropertyDescriptor(s,a);Object.defineProperty(o,a,l.get?l:{enumerable:!0,get:()=>s[a]})}}return o.default=s,Object.freeze(o)}const v=E(u),M=s=>v.createElement("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",...s},v.createElement("path",{d:"M6.2194 9.37496C6.13729 9.4775 6.07619 9.59521 6.03959 9.72137C6.00299 9.84754 5.99161 9.97967 6.0061 10.1102C6.02059 10.2408 6.06066 10.3672 6.12402 10.4823C6.18738 10.5974 6.2728 10.6988 6.37539 10.7809L11.3751 14.7806C11.5524 14.9226 11.7729 15 12.0001 15C12.2272 15 12.4477 14.9226 12.625 14.7806L17.6247 10.7809C17.8318 10.6151 17.9646 10.3739 17.9939 10.1102C18.0231 9.84656 17.9465 9.58208 17.7807 9.37496C17.615 9.16784 17.3737 9.03504 17.1101 9.00579C16.8464 8.97653 16.5819 9.05322 16.3748 9.21897L12.0001 12.7188L7.62532 9.21897C7.52278 9.13686 7.40506 9.07576 7.2789 9.03916C7.15274 9.00256 7.0206 8.99118 6.89004 9.00567C6.75947 9.02015 6.63305 9.06022 6.51798 9.12359C6.4029 9.18695 6.30145 9.27237 6.2194 9.37496Z",fill:"currentColor"})),{baseClassNamePrefix:N,subElementClassPrefix:e}=k.getBEMClassNames("accordion"),_=({size:s,heading:o,children:a,icon:l,onToggle:f,open:C,defaultOpen:y=!1,id:h,className:z,...g})=>{const{expandedAccordions:j,toggleAccordion:x,size:w}=D.useAccordionContext(),n=u.useMemo(()=>h||`${N}-${Math.random().toString(36).slice(2,9)}`,[h]),m=C!==void 0;u.useEffect(()=>{!m&&y&&x(n)},[]);const p=u.useCallback(r=>{m?f&&f(r,!C):x(n)},[m,C,x,n,f]),q=u.useCallback(r=>{(r.key==="Enter"||r.key===" ")&&(r.preventDefault(),p(r))},[p]),t=m?C:j[n],d=s||w,A=$(i.styles[`${e}container`],{[`${e}container--expanded`]:t,[`${e}${d}`]:d}),O=$(i.styles[`${e}chevron`],{[`${e}chevron--rotated`]:t}),S=$(i.styles[`${e}panel--${d}`],{[`${e}panel--expanded--${d}`]:t}),b=`${n}-panel`;return c.jsxs("div",{className:`${N}--${d}`,children:[c.jsxs("div",{className:A,id:n,role:"button",tabIndex:0,"aria-expanded":t,"aria-controls":b,onClick:p,onKeyDown:q,...g,children:[l&&c.jsx("span",{className:i.styles[`${e}icon`],children:l}),o&&c.jsx("div",{className:i.styles[`${e}heading`],children:o}),c.jsx(M,{role:"img","aria-label":"chevron-down",className:O})]}),c.jsx("section",{id:b,className:S,hidden:!t,"data-testid":`accordion-panel-${n}`,"aria-hidden":!t,inert:t?void 0:"",children:c.jsx("div",{className:i.styles[`${e}inner`],children:a})})]})};exports.Accordion=_;

package/lib/Accordion/Accordion.d.ts

@@ -0,0 +1,37 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { AccordionSizes } from '@viasat/beam-shared/components/accordion';
+export interface AccordionProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Specify size of an Accordion
+     * @default 'medium'
+     */
+    size?: AccordionSizes;
+    /**
+     * Specify heading content for the Accordion
+     */
+    heading?: React.ReactNode;
+    /**
+     * Specify body content for the Accordion
+     */
+    children: React.ReactNode;
+    /**
+     * Display an icon before the Accordion heading
+     */
+    icon?: React.ReactNode;
+    /**
+     * Specify a callback when the open Accordion changes
+     */
+    onToggle?: (event: React.SyntheticEvent, isOpen: boolean) => void;
+    /**
+     * Specify if an Accordion is open.
+     * If this is specified, the component becomes controlled
+     * @default false
+     */
+    open?: boolean;
+    /**
+     * Specify if an Accordion is open by default
+     * @default false
+     */
+    defaultOpen?: boolean;
+}
+export declare const Accordion: ({ size: propSize, heading, children, icon, onToggle, open, defaultOpen, id: userId, className: userClassName, ...props }: AccordionProps) => import("react/jsx-runtime").JSX.Element;

package/lib/Accordion/Accordion.es.js

@@ -0,0 +1,92 @@
+import { jsxs as v, jsx as r } from "react/jsx-runtime";
+import * as N from "react";
+import { useMemo as M, useEffect as S, useCallback as u } from "react";
+import p from "clsx";
+import { g as j } from "../../chunks/classNames.DNsS4J__.js";
+import { s as n } from "../../chunks/accordion.module.D_MgtPh7.js";
+import { useAccordionContext as B } from "./AccordionContext.es.js";
+const I = (l) => /* @__PURE__ */ N.createElement("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...l }, /* @__PURE__ */ N.createElement("path", { d: "M6.2194 9.37496C6.13729 9.4775 6.07619 9.59521 6.03959 9.72137C6.00299 9.84754 5.99161 9.97967 6.0061 10.1102C6.02059 10.2408 6.06066 10.3672 6.12402 10.4823C6.18738 10.5974 6.2728 10.6988 6.37539 10.7809L11.3751 14.7806C11.5524 14.9226 11.7729 15 12.0001 15C12.2272 15 12.4477 14.9226 12.625 14.7806L17.6247 10.7809C17.8318 10.6151 17.9646 10.3739 17.9939 10.1102C18.0231 9.84656 17.9465 9.58208 17.7807 9.37496C17.615 9.16784 17.3737 9.03504 17.1101 9.00579C16.8464 8.97653 16.5819 9.05322 16.3748 9.21897L12.0001 12.7188L7.62532 9.21897C7.52278 9.13686 7.40506 9.07576 7.2789 9.03916C7.15274 9.00256 7.0206 8.99118 6.89004 9.00567C6.75947 9.02015 6.63305 9.06022 6.51798 9.12359C6.4029 9.18695 6.30145 9.27237 6.2194 9.37496Z", fill: "currentColor" })), { baseClassNamePrefix: w, subElementClassPrefix: e } = j("accordion"), F = ({
+  size: l,
+  heading: $,
+  children: g,
+  icon: f,
+  onToggle: d,
+  open: i,
+  defaultOpen: b = !1,
+  id: h,
+  className: K,
+  ...E
+}) => {
+  const {
+    expandedAccordions: y,
+    toggleAccordion: m,
+    size: k
+  } = B(), s = M(
+    () => h || `${w}-${Math.random().toString(36).slice(2, 9)}`,
+    [h]
+  ), t = i !== void 0;
+  S(() => {
+    !t && b && m(s);
+  }, []);
+  const C = u(
+    (o) => {
+      t ? d && d(o, !i) : m(s);
+    },
+    [t, i, m, s, d]
+  ), z = u(
+    (o) => {
+      (o.key === "Enter" || o.key === " ") && (o.preventDefault(), C(o));
+    },
+    [C]
+  ), a = t ? i : y[s], c = l || k, A = p(n[`${e}container`], {
+    [`${e}container--expanded`]: a,
+    [`${e}${c}`]: c
+  }), D = p(n[`${e}chevron`], {
+    [`${e}chevron--rotated`]: a
+  }), L = p(n[`${e}panel--${c}`], {
+    [`${e}panel--expanded--${c}`]: a
+  }), x = `${s}-panel`;
+  return /* @__PURE__ */ v("div", { className: `${w}--${c}`, children: [
+    /* @__PURE__ */ v(
+      "div",
+      {
+        className: A,
+        id: s,
+        role: "button",
+        tabIndex: 0,
+        "aria-expanded": a,
+        "aria-controls": x,
+        onClick: C,
+        onKeyDown: z,
+        ...E,
+        children: [
+          f && /* @__PURE__ */ r("span", { className: n[`${e}icon`], children: f }),
+          $ && /* @__PURE__ */ r("div", { className: n[`${e}heading`], children: $ }),
+          /* @__PURE__ */ r(
+            I,
+            {
+              role: "img",
+              "aria-label": "chevron-down",
+              className: D
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ r(
+      "section",
+      {
+        id: x,
+        className: L,
+        hidden: !a,
+        "data-testid": `accordion-panel-${s}`,
+        "aria-hidden": !a,
+        inert: a ? void 0 : "",
+        children: /* @__PURE__ */ r("div", { className: n[`${e}inner`], children: g })
+      }
+    )
+  ] });
+};
+export {
+  F as Accordion
+};

package/lib/Accordion/Accordion.figma.d.ts

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

package/lib/Accordion/AccordionContext.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("react/jsx-runtime"),t=require("react"),n=t.createContext(void 0),x=()=>{const e=t.useContext(n);if(!e)throw Error("Accordion item must be used within an AccordionGroup");return e},a=({children:e,singleExpand:c=!1,initialSize:s="md"})=>{const[i,u]=t.useState({}),d=t.useCallback(o=>{u(r=>c?{[o]:!r[o]}:{...r,[o]:!r[o]})},[c]);return A.jsx(n.Provider,{value:{expandedAccordions:i,toggleAccordion:d,size:s},children:e})};exports.AccordionContext=n;exports.AccordionProvider=a;exports.useAccordionContext=x;

package/lib/Accordion/AccordionContext.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { AccordionSizes } from '@viasat/beam-shared/components/accordion';
+interface AccordionContextType {
+    expandedAccordions: Record<string, boolean>;
+    toggleAccordion: (accordionId: string) => void;
+    size: AccordionSizes;
+}
+export declare const AccordionContext: React.Context<AccordionContextType | undefined>;
+export declare const useAccordionContext: () => AccordionContextType;
+interface AccordionProviderProps {
+    children: React.ReactNode;
+    singleExpand?: boolean;
+    initialSize?: AccordionSizes;
+}
+export declare const AccordionProvider: ({ children, singleExpand, initialSize, }: AccordionProviderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/Accordion/AccordionContext.es.js

@@ -0,0 +1,37 @@
+import { jsx as d } from "react/jsx-runtime";
+import { createContext as x, useState as A, useCallback as m, useContext as a } from "react";
+const n = x(
+  void 0
+), C = () => {
+  const o = a(n);
+  if (!o)
+    throw Error("Accordion item must be used within an AccordionGroup");
+  return o;
+}, p = ({
+  children: o,
+  singleExpand: r = !1,
+  initialSize: c = "md"
+}) => {
+  const [s, i] = A({}), u = m(
+    (t) => {
+      i((e) => r ? { [t]: !e[t] } : { ...e, [t]: !e[t] });
+    },
+    [r]
+  );
+  return /* @__PURE__ */ d(
+    n.Provider,
+    {
+      value: {
+        expandedAccordions: s,
+        toggleAccordion: u,
+        size: c
+      },
+      children: o
+    }
+  );
+};
+export {
+  n as AccordionContext,
+  p as AccordionProvider,
+  C as useAccordionContext
+};

package/lib/Accordion/AccordionGroup.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),d=require("../../chunks/accordion.module.CoPeAto1.js"),u=require("../../chunks/classNames.DAeKwerT.js"),m=require("./AccordionContext.cjs.js"),x=require("clsx"),{baseClassNamePrefix:q}=u.getBEMClassNames("accordion"),N=l.forwardRef((s,r)=>{const{size:o,children:c,singleExpand:i=!1,className:n,...t}=s,a=x(d.styles[q],n);return e.jsx(m.AccordionProvider,{singleExpand:i,initialSize:o,children:e.jsx("div",{className:a,ref:r,...t,children:c})})});exports.AccordionGroup=N;

package/lib/Accordion/AccordionGroup.d.ts

@@ -0,0 +1,19 @@
+import { default as React, ComponentPropsWithRef } from 'react';
+import { AccordionSizes } from '@viasat/beam-shared/components/accordion';
+export interface AccordionGroupProps extends ComponentPropsWithRef<'div'> {
+    /**
+     * Specify the size of the AccordionGroup
+     * @default 'medium'
+     */
+    size?: AccordionSizes;
+    /**
+     * Specify which Accordions are in the AccordionGroup
+     */
+    children: React.ReactNode;
+    /**
+     * Specify if only one row item can be expanded at a time
+     * @default 'false'
+     */
+    singleExpand?: boolean;
+}
+export declare const AccordionGroup: React.ForwardRefExoticComponent<Omit<AccordionGroupProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/lib/Accordion/AccordionGroup.es.js

@@ -0,0 +1,21 @@
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import { s as l } from "../../chunks/accordion.module.D_MgtPh7.js";
+import { g as f } from "../../chunks/classNames.DNsS4J__.js";
+import { AccordionProvider as d } from "./AccordionContext.es.js";
+import p from "clsx";
+const { baseClassNamePrefix: x } = f("accordion"), z = n(
+  (s, o) => {
+    const {
+      size: e,
+      children: i,
+      singleExpand: a = !1,
+      className: m,
+      ...t
+    } = s, c = p(l[x], m);
+    return /* @__PURE__ */ r(d, { singleExpand: a, initialSize: e, children: /* @__PURE__ */ r("div", { className: c, ref: o, ...t, children: i }) });
+  }
+);
+export {
+  z as AccordionGroup
+};

package/lib/Accordion/AccordionGroup.figma.d.ts

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

package/lib/Accordion/index.cjs.js

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

package/lib/Accordion/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Accordion';
+export * from './AccordionGroup';

package/lib/Accordion/index.es.js

@@ -0,0 +1,6 @@
+import { Accordion as c } from "./Accordion.es.js";
+import { AccordionGroup as d } from "./AccordionGroup.es.js";
+export {
+  c as Accordion,
+  d as AccordionGroup
+};

package/lib/ActionList/ActionList.Group.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("clsx");require("../../chunks/ActionList.Item.D7Rg5iMb.js");require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");require("./ActionListSelectionContext.cjs.js");require("./ActionListIndentationContext.cjs.js");require("../Divider/Divider.cjs.js");const e=require("../../chunks/ActionList.Group.Bv9vgU22.js");exports.ActionListGroup=e.ActionListGroup;