@viasat/beam-react 2.0.0

package/lib/ActionList/ActionList.Group.d.ts

@@ -0,0 +1,40 @@
+import { default as React } from 'react';
+import { ActionListItemKind } from '@viasat/beam-shared/components/actionList';
+export interface ActionListGroupProps {
+    /**
+     * Add list items to create a ActionList.Group
+     */
+    children: React.ReactNode;
+    /**
+     * Add a heading on top of a group
+     */
+    heading?: string | React.ReactNode;
+    /**
+     * Display the default indention or specify a custom indention to align ActionList items
+     */
+    indent?: boolean | number;
+    /**
+     * Add a divider between groups
+     *
+     * @default false
+     */
+    divider?: boolean;
+    /**
+     * Specify what kind of items render in the group
+     *
+     * @default action
+     */
+    kind?: ActionListItemKind;
+    /**
+     * Specify if a group is disabled
+     */
+    disabled?: boolean;
+    className?: string;
+    /**
+     * Specify the role of the group
+     *
+     * @default group
+     */
+    role?: string;
+}
+export declare const ActionListGroup: ({ children: _children, heading: _heading, divider, kind, className: _className, disabled, indent: indentProp, role, }: ActionListGroupProps) => import("react/jsx-runtime").JSX.Element;

package/lib/ActionList/ActionList.Group.es.js

@@ -0,0 +1,12 @@
+import "react/jsx-runtime";
+import "clsx";
+import "../../chunks/ActionList.Item.Dg_KHGsm.js";
+import "../../chunks/classNames.DNsS4J__.js";
+import "../../chunks/constants.BBi77pmH.js";
+import "./ActionListSelectionContext.es.js";
+import "./ActionListIndentationContext.es.js";
+import "../Divider/Divider.es.js";
+import { A as e } from "../../chunks/ActionList.Group.DuNxYNZQ.js";
+export {
+  e as ActionListGroup
+};

package/lib/ActionList/ActionList.IconButton.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),m=require("react"),g=require("../Button/Button.cjs.js"),b=require("../Icon/Icon.cjs.js"),r=require("@floating-ui/react"),i=require("../../chunks/ActionList.Item.D7Rg5iMb.js"),y=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const{baseClassNamePrefix:h}=y.getBEMClassNames("action-list__item__icon-button"),_=m.forwardRef(({icon:s,appearance:c="neutral-subtle",size:l="sm",...a},t)=>{const u=i.useActionListItemOverlayRef(),{refs:o,floatingStyles:f}=r.useFloating({whileElementsMounted:r.autoUpdate,middleware:[{name:"center",fn({rects:e}){return{x:e.reference.x+e.reference.width/2-e.floating.width/2,y:e.reference.y+e.reference.height/2-e.floating.height/2}}}]}),d=e=>{o.setFloating(e),typeof t=="function"?t(e):t&&(t.current=e)};return n.jsxs("div",{ref:o.setReference,className:i.styles[`${h}__placeholder`],children:[" ",n.jsx(r.FloatingPortal,{preserveTabOrder:!1,root:u.current,children:n.jsx(g.Button,{iconOnly:!0,iconBefore:n.jsx(b.Icon,{icon:s}),appearance:c,kind:"bare",size:l,ref:d,style:f,...a,tabIndex:0})})]})});exports.ActionListIconButton=_;

package/lib/ActionList/ActionList.IconButton.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { IconComponentType } from '../../utils/types';
+import { ButtonProps } from '../Button';
+export interface ActionListIconButtonProps extends Omit<ButtonProps, 'iconOnly' | 'iconBefore' | 'iconAfter' | 'children'> {
+    icon: IconComponentType;
+}
+export declare const ActionListIconButton: React.ForwardRefExoticComponent<ActionListIconButtonProps & React.RefAttributes<unknown>>;

package/lib/ActionList/ActionList.IconButton.es.js

@@ -0,0 +1,60 @@
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import u from "react";
+import { Button as d } from "../Button/Button.es.js";
+import { Icon as p } from "../Icon/Icon.es.js";
+import { useFloating as g, autoUpdate as h, FloatingPortal as y } from "@floating-ui/react";
+import { u as x, s as b } from "../../chunks/ActionList.Item.Dg_KHGsm.js";
+import { g as R } from "../../chunks/classNames.DNsS4J__.js";
+import "../../chunks/constants.BBi77pmH.js";
+const { baseClassNamePrefix: w } = R("action-list__item__icon-button"), A = u.forwardRef(
+  ({
+    icon: n,
+    appearance: i = "neutral-subtle",
+    size: s = "sm",
+    ...a
+  }, t) => {
+    const f = x(), { refs: o, floatingStyles: l } = g({
+      whileElementsMounted: h,
+      middleware: [
+        {
+          name: "center",
+          fn({ rects: e }) {
+            return {
+              x: e.reference.x + e.reference.width / 2 - e.floating.width / 2,
+              y: e.reference.y + e.reference.height / 2 - e.floating.height / 2
+            };
+          }
+        }
+      ]
+    }), m = (e) => {
+      o.setFloating(e), typeof t == "function" ? t(e) : t && (t.current = e);
+    };
+    return /* @__PURE__ */ c(
+      "div",
+      {
+        ref: o.setReference,
+        className: b[`${w}__placeholder`],
+        children: [
+          " ",
+          /* @__PURE__ */ r(y, { preserveTabOrder: !1, root: f.current, children: /* @__PURE__ */ r(
+            d,
+            {
+              iconOnly: !0,
+              iconBefore: /* @__PURE__ */ r(p, { icon: n }),
+              appearance: i,
+              kind: "bare",
+              size: s,
+              ref: m,
+              style: l,
+              ...a,
+              tabIndex: 0
+            }
+          ) })
+        ]
+      }
+    );
+  }
+);
+export {
+  A as ActionListIconButton
+};

package/lib/ActionList/ActionList.Item.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("./ActionListIndentationContext.cjs.js");require("clsx");const e=require("../../chunks/ActionList.Item.D7Rg5iMb.js");require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");require("../Icon/Icon.cjs.js");require("../../chunks/tokens.Bgac_JPh.js");require("../../chunks/Check.CR4kqxW9.js");require("../../chunks/ChevronRightCurved.CoT-Bqyo.js");require("../StateLayer/StateLayer.cjs.js");require("./ActionListSelectionContext.cjs.js");require("../Tooltip/Tooltip.cjs.js");require("../../utils/functions.cjs.js");require("../Tooltip/useTooltipClipping.cjs.js");require("react");require("../Checkbox/Checkbox.cjs.js");require("../RadioButton/RadioButton.cjs.js");require("@floating-ui/react");require("./ActionList.Item.context.cjs.js");require("./ActionList.context.cjs.js");require("../Form/hooks/useAccessibleId.hook.cjs.js");require("../../chunks/form.context.B1PXIJNq.js");require("../Switch/Switch.cjs.js");exports.ActionListItem=e.ActionListItem;exports.ActionListItemOverlayRefContext=e.ActionListItemOverlayRefContext;exports.useActionListItemOverlayRef=e.useActionListItemOverlayRef;

package/lib/ActionList/ActionList.Item.context.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),o=require("react"),n=o.createContext(null),i=({kind:t,children:e})=>{const s=o.useMemo(()=>({kind:t}),[t]);return c.jsx(n.Provider,{value:s,children:e})},r=t=>{const e=o.useContext(n);return o.useMemo(()=>e??{kind:t},[e,t])};exports.ActionListItemContext=n;exports.ActionListItemContextProvider=i;exports.useActionListItemContext=r;

package/lib/ActionList/ActionList.Item.context.d.ts

@@ -0,0 +1,11 @@
+import { ActionListItemKind } from '@viasat/beam-shared/components/actionList';
+import { ReactNode } from 'react';
+interface ActionListItemContextValue {
+    kind: ActionListItemKind;
+}
+export declare const ActionListItemContext: import('react').Context<ActionListItemContextValue | null>;
+export declare const ActionListItemContextProvider: ({ kind, children, }: ActionListItemContextValue & {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useActionListItemContext: (kind: ActionListItemKind) => ActionListItemContextValue;
+export {};

package/lib/ActionList/ActionList.Item.context.es.js

@@ -0,0 +1,20 @@
+import { jsx as s } from "react/jsx-runtime";
+import { createContext as c, useContext as x, useMemo as e } from "react";
+const n = c(null), u = ({
+  kind: t,
+  children: o
+}) => {
+  const r = e(() => ({ kind: t }), [t]);
+  return /* @__PURE__ */ s(n.Provider, { value: r, children: o });
+}, C = (t) => {
+  const o = x(n);
+  return e(
+    () => o ?? { kind: t },
+    [o, t]
+  );
+};
+export {
+  n as ActionListItemContext,
+  u as ActionListItemContextProvider,
+  C as useActionListItemContext
+};

package/lib/ActionList/ActionList.Item.d.ts

@@ -0,0 +1,61 @@
+import { ActionListItemKind } from '@viasat/beam-shared/components/actionList';
+import { MouseEventHandler } from 'react';
+import { Placement } from '@floating-ui/utils';
+export declare const ActionListItemOverlayRefContext: import('react').Context<import('react').RefObject<HTMLDivElement>>;
+export declare const useActionListItemOverlayRef: () => import('react').RefObject<HTMLDivElement>;
+export interface ActionListItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Add text to an item
+     */
+    children: React.ReactNode;
+    /**
+     * Add secondary support text
+     */
+    supportingText?: string;
+    /**
+     * Add content after the text
+     */
+    contentAfter?: React.ReactNode;
+    /**
+     * Add content before the text
+     */
+    contentBefore?: React.ReactNode;
+    /**
+     * Specify a callback function when a item is selected by a mouse or keyboard
+     */
+    onClick?: MouseEventHandler<HTMLDivElement>;
+    /**
+     * Specify if a list item is selected
+     *
+     * @default false
+     */
+    defaultSelected?: boolean;
+    /**
+     * Specify what kind of item displays
+     *
+     * @default 'action'
+     */
+    kind?: ActionListItemKind;
+    /**
+     * Display the default indention or specify a custom indention to align ActionList items
+     */
+    indent?: boolean | number;
+    /**
+     * Specify if a list item is disabled
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Specify a callback that fires when a list item is selected or deselected
+     */
+    onSelectionChange?: (selected: boolean) => void;
+    /**
+     * Specify the role of the item
+     *
+     * @default 'option'
+     */
+    role?: string;
+    tooltipPlacement?: Placement;
+}
+export declare const ActionListItem: import('react').ForwardRefExoticComponent<ActionListItemProps & import('react').RefAttributes<HTMLDivElement>>;

package/lib/ActionList/ActionList.Item.es.js

@@ -0,0 +1,29 @@
+import "react/jsx-runtime";
+import "./ActionListIndentationContext.es.js";
+import "clsx";
+import { A as g, a as h, u as j } from "../../chunks/ActionList.Item.Dg_KHGsm.js";
+import "../../chunks/classNames.DNsS4J__.js";
+import "../../chunks/constants.BBi77pmH.js";
+import "../Icon/Icon.es.js";
+import "../../chunks/tokens.CXaNS8Cf.js";
+import "../../chunks/Check.DrrmNVhJ.js";
+import "../../chunks/ChevronRightCurved.9hi9Zc8J.js";
+import "../StateLayer/StateLayer.es.js";
+import "./ActionListSelectionContext.es.js";
+import "../Tooltip/Tooltip.es.js";
+import "../../utils/functions.es.js";
+import "../Tooltip/useTooltipClipping.es.js";
+import "react";
+import "../Checkbox/Checkbox.es.js";
+import "../RadioButton/RadioButton.es.js";
+import "@floating-ui/react";
+import "./ActionList.Item.context.es.js";
+import "./ActionList.context.es.js";
+import "../Form/hooks/useAccessibleId.hook.es.js";
+import "../../chunks/form.context.CNWjF5qA.js";
+import "../Switch/Switch.es.js";
+export {
+  g as ActionListItem,
+  h as ActionListItemOverlayRefContext,
+  j as useActionListItemOverlayRef
+};

package/lib/ActionList/ActionList.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),S=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const e=require("../../chunks/ActionList.Item.D7Rg5iMb.js"),m=require("./ActionListIndentationContext.cjs.js"),A=require("clsx"),P=require("./ActionListSelectionContext.cjs.js"),L=require("../../chunks/ActionList.Group.Bv9vgU22.js"),k=require("../Spinner/Spinner.cjs.js");require("react");const p=require("../Form/hooks/useAccessibleId.hook.cjs.js");require("../../chunks/form.context.B1PXIJNq.js");const M=require("./ActionList.IconButton.cjs.js"),B=require("@floating-ui/react"),G=require("./ActionList.context.cjs.js"),{baseClassNamePrefix:a,classModifierPrefix:u,subElementClassPrefix:s}=S.getBEMClassNames("action-list"),o=({children:x,loading:i=!1,noResults:n,header:c,supportingText:r,disabled:l,indent:b,className:h,ariaLabel:d,role:q,id:y})=>{const I=A(e.styles[a],i&&e.styles[`${u}loading`],n&&e.styles[`${u}no-results`],l&&e.styles[`${u}disabled`],h),{children:j,hasChoiceItems:C}=L.useActionListChildren({children:x,disabled:l,allowGroups:!0}),N=m.useActionListIndentation({hasChoiceItems:C,indentProp:b,ignoreContext:!0}),{id:_}=p.useAccessibleId(),{elementsRef:v,labelsRef:$,insideMenu:f}=G.useActionListContext();return t.jsx(P.ActionListSelectionProvider,{kind:"multiCheckMark",children:t.jsx(m.ActionListIndentationProvider,{indent:N,children:t.jsx(B.FloatingList,{elementsRef:v,labelsRef:$,children:t.jsxs("div",{className:I,role:q??(f?"menu":"listbox"),"aria-labelledby":!d&&c?_:void 0,"aria-label":d,"aria-disabled":l,"aria-busy":i,id:y,children:[(c||r)&&t.jsx("div",{className:A(e.styles[`${s}item`],e.styles[`${s}item--header`]),id:_,children:t.jsxs("div",{className:e.styles[`${s}item__content`],children:[c&&t.jsx("div",{className:e.styles[`${s}item__text`],children:c}),r&&t.jsx("div",{className:e.styles[`${s}item__supporting-text`],children:r})]})}),i&&t.jsx(k.Spinner,{size:"sm",className:e.styles[`${a}__loading`]}),!i&&n&&t.jsx("div",{className:e.styles[`${a}__no-results`],children:n}),!i&&!n&&j]})})})})};o.Group=L.ActionListGroup;o.Item=e.ActionListItem;o.IconButton=M.ActionListIconButton;exports.ActionList=o;

package/lib/ActionList/ActionList.context.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),n=require("react"),a=n.createContext(null),P=({children:o,elementsRef:s,labelsRef:i,itemsFocusable:m,onItemClick:r,insideMenu:c,allowChildrenTypes:u,getItemProps:l,parentContext:x,activeIndex:C,append:t=!1})=>{const e=v(),R=n.useMemo(()=>({...t?e:{},elementsRef:t?s??e.elementsRef:s,labelsRef:t?i??e.labelsRef:i,onItemClick:t?r??e.onItemClick:r,itemsFocusable:t?e.itemsFocusable:m,getItemProps:t?l??e.getItemProps:l,insideMenu:t?c??e.insideMenu:c,allowChildrenTypes:t?u??e.allowChildrenTypes:u,parentContext:t?x??e.parentContext:x,activeIndex:t?C??e.activeIndex:C}),[t,e,s,i,m,r,l,c,u,x,C]);return f.jsx(a.Provider,{value:R,children:o})},b=({children:o})=>{const{parentContext:s}=n.useContext(a)??{};return s?f.jsx(P,{...s,children:o}):f.jsx(f.Fragment,{children:o})},A=o=>o,v=()=>{const o=n.useRef([]),s=n.useRef([]),{elementsRef:i,labelsRef:m,itemsFocusable:r,onItemClick:c,getItemProps:u,insideMenu:l,allowChildrenTypes:x,parentContext:C,activeIndex:t}=n.useContext(a)??{};return{elementsRef:i??o,labelsRef:m??s,itemsFocusable:r??!0,onItemClick:c,getItemProps:u??A,insideMenu:l??!1,allowChildrenTypes:x,parentContext:C,activeIndex:t??null}};exports.ActionListContext=a;exports.ActionListContextProvider=P;exports.ActionListParentContextProvider=b;exports.useActionListContext=v;

package/lib/ActionList/ActionList.context.d.ts

@@ -0,0 +1,36 @@
+import { ActionListItemKind } from '@viasat/beam-shared/components/actionList';
+import { UseInteractionsReturn } from '@floating-ui/react';
+import { JSXElementConstructor, ReactNode } from 'react';
+export interface ActionListContextValue {
+    elementsRef?: React.MutableRefObject<Array<HTMLElement | null>>;
+    labelsRef?: React.MutableRefObject<Array<string | null>>;
+    onItemClick?: (index: number, kind: ActionListItemKind, event: Event) => void;
+    itemsFocusable?: boolean;
+    getItemProps?: UseInteractionsReturn['getItemProps'];
+    parentContext?: ActionListContextValue;
+    insideMenu?: boolean;
+    allowChildrenTypes?: JSXElementConstructor<any>[];
+    activeIndex?: number | null;
+}
+export declare const ActionListContext: import('react').Context<ActionListContextValue | null>;
+export declare const ActionListContextProvider: ({ children, elementsRef, labelsRef, itemsFocusable, onItemClick, insideMenu, allowChildrenTypes, getItemProps, parentContext, activeIndex, append, }: ActionListContextValue & {
+    children: ReactNode;
+    append?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const ActionListParentContextProvider: ({ children, }: {
+    children: ReactNode;
+}) => JSX.Element;
+export declare const useActionListContext: () => {
+    elementsRef: import('react').MutableRefObject<(HTMLElement | null)[]>;
+    labelsRef: import('react').MutableRefObject<(string | null)[]>;
+    itemsFocusable: boolean;
+    onItemClick: ((index: number, kind: ActionListItemKind, event: Event) => void) | undefined;
+    getItemProps: ((userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
+        active?: boolean;
+        selected?: boolean;
+    }) => Record<string, unknown>) | ((props: any) => any);
+    insideMenu: boolean;
+    allowChildrenTypes: JSXElementConstructor<any>[] | undefined;
+    parentContext: ActionListContextValue | undefined;
+    activeIndex: number | null;
+};

package/lib/ActionList/ActionList.context.es.js

@@ -0,0 +1,78 @@
+import { jsx as f, Fragment as R } from "react/jsx-runtime";
+import { createContext as b, useRef as a, useContext as v, useMemo as I } from "react";
+const C = b(null), g = ({
+  children: o,
+  elementsRef: s,
+  labelsRef: n,
+  itemsFocusable: x,
+  onItemClick: r,
+  insideMenu: i,
+  allowChildrenTypes: c,
+  getItemProps: l,
+  parentContext: u,
+  activeIndex: m,
+  append: t = !1
+}) => {
+  const e = F(), P = I(
+    () => ({
+      ...t ? e : {},
+      elementsRef: t ? s ?? e.elementsRef : s,
+      labelsRef: t ? n ?? e.labelsRef : n,
+      onItemClick: t ? r ?? e.onItemClick : r,
+      itemsFocusable: t ? e.itemsFocusable : x,
+      getItemProps: t ? l ?? e.getItemProps : l,
+      insideMenu: t ? i ?? e.insideMenu : i,
+      allowChildrenTypes: t ? c ?? e.allowChildrenTypes : c,
+      parentContext: t ? u ?? e.parentContext : u,
+      activeIndex: t ? m ?? e.activeIndex : m
+    }),
+    [
+      t,
+      e,
+      s,
+      n,
+      x,
+      r,
+      l,
+      i,
+      c,
+      u,
+      m
+    ]
+  );
+  return /* @__PURE__ */ f(C.Provider, { value: P, children: o });
+}, _ = ({
+  children: o
+}) => {
+  const { parentContext: s } = v(C) ?? {};
+  return s ? /* @__PURE__ */ f(g, { ...s, children: o }) : /* @__PURE__ */ f(R, { children: o });
+}, A = (o) => o, F = () => {
+  const o = a([]), s = a([]), {
+    elementsRef: n,
+    labelsRef: x,
+    itemsFocusable: r,
+    onItemClick: i,
+    getItemProps: c,
+    insideMenu: l,
+    allowChildrenTypes: u,
+    parentContext: m,
+    activeIndex: t
+  } = v(C) ?? {};
+  return {
+    elementsRef: n ?? o,
+    labelsRef: x ?? s,
+    itemsFocusable: r ?? !0,
+    onItemClick: i,
+    getItemProps: c ?? A,
+    insideMenu: l ?? !1,
+    allowChildrenTypes: u,
+    parentContext: m,
+    activeIndex: t ?? null
+  };
+};
+export {
+  C as ActionListContext,
+  g as ActionListContextProvider,
+  _ as ActionListParentContextProvider,
+  F as useActionListContext
+};

package/lib/ActionList/ActionList.d.ts

@@ -0,0 +1,51 @@
+import { default as React } from 'react';
+export interface ActionListProps {
+    /**
+     * The content of the ActionList
+     */
+    children?: React.ReactNode;
+    /**
+     * Display a Spinner when action list is loading
+     *
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * Display a message if no results are found
+     */
+    noResults?: string;
+    /**
+     * Add a header at the top of ActionList
+     */
+    header?: React.ReactNode;
+    /**
+     * Add supporting text below the header
+     */
+    supportingText?: string;
+    /**
+     * Display the default indention or specify a custom indention to align ActionList items
+     */
+    indent?: boolean | number;
+    /**
+     * Specify if all items in a ActionList are disabled
+     */
+    disabled?: boolean;
+    /**
+     * Specify the aria-label for the ActionList
+     */
+    ariaLabel?: string;
+    className?: string;
+    /**
+     * Specify the role of the ActionList
+     *
+     * @default listbox
+     */
+    role?: string;
+    id?: string;
+}
+export declare const ActionList: {
+    ({ children: _children, loading, noResults, header, supportingText, disabled, indent: indentProp, className: _className, ariaLabel, role, id, }: ActionListProps): import("react/jsx-runtime").JSX.Element;
+    Group: ({ children: _children, heading: _heading, divider, kind, className: _className, disabled, indent: indentProp, role, }: import('./ActionList.Group').ActionListGroupProps) => import("react/jsx-runtime").JSX.Element;
+    Item: React.ForwardRefExoticComponent<import('./ActionList.Item').ActionListItemProps & React.RefAttributes<HTMLDivElement>>;
+    IconButton: React.ForwardRefExoticComponent<import('./ActionList.IconButton').ActionListIconButtonProps & React.RefAttributes<unknown>>;
+};

package/lib/ActionList/ActionList.es.js

@@ -0,0 +1,93 @@
+import { jsx as t, jsxs as p } from "react/jsx-runtime";
+import { g as M } from "../../chunks/classNames.DNsS4J__.js";
+import "../../chunks/constants.BBi77pmH.js";
+import { s as i, A as k } from "../../chunks/ActionList.Item.Dg_KHGsm.js";
+import { useActionListIndentation as y, ActionListIndentationProvider as B } from "./ActionListIndentationContext.es.js";
+import u from "clsx";
+import { ActionListSelectionProvider as G } from "./ActionListSelectionContext.es.js";
+import { u as j, A as E } from "../../chunks/ActionList.Group.DuNxYNZQ.js";
+import { Spinner as S } from "../Spinner/Spinner.es.js";
+import "react";
+import { useAccessibleId as g } from "../Form/hooks/useAccessibleId.hook.es.js";
+import "../../chunks/form.context.CNWjF5qA.js";
+import { ActionListIconButton as w } from "./ActionList.IconButton.es.js";
+import { FloatingList as z } from "@floating-ui/react";
+import { useActionListContext as F } from "./ActionList.context.es.js";
+const { baseClassNamePrefix: c, classModifierPrefix: l, subElementClassPrefix: s } = M("action-list"), a = ({
+  children: h,
+  loading: e = !1,
+  noResults: o,
+  header: r,
+  supportingText: n,
+  disabled: m,
+  indent: A,
+  className: x,
+  ariaLabel: d,
+  role: N,
+  id: _
+}) => {
+  const $ = u(
+    i[c],
+    e && i[`${l}loading`],
+    o && i[`${l}no-results`],
+    m && i[`${l}disabled`],
+    x
+  ), { children: v, hasChoiceItems: I } = j({
+    children: h,
+    disabled: m,
+    allowGroups: !0
+  }), L = y({
+    hasChoiceItems: I,
+    indentProp: A,
+    ignoreContext: !0
+  }), { id: f } = g(), { elementsRef: b, labelsRef: C, insideMenu: P } = F();
+  return /* @__PURE__ */ t(G, { kind: "multiCheckMark", children: /* @__PURE__ */ t(B, { indent: L, children: /* @__PURE__ */ t(z, { elementsRef: b, labelsRef: C, children: /* @__PURE__ */ p(
+    "div",
+    {
+      className: $,
+      role: N ?? (P ? "menu" : "listbox"),
+      "aria-labelledby": !d && r ? f : void 0,
+      "aria-label": d,
+      "aria-disabled": m,
+      "aria-busy": e,
+      id: _,
+      children: [
+        (r || n) && /* @__PURE__ */ t(
+          "div",
+          {
+            className: u(
+              i[`${s}item`],
+              i[`${s}item--header`]
+            ),
+            id: f,
+            children: /* @__PURE__ */ p("div", { className: i[`${s}item__content`], children: [
+              r && /* @__PURE__ */ t("div", { className: i[`${s}item__text`], children: r }),
+              n && /* @__PURE__ */ t(
+                "div",
+                {
+                  className: i[`${s}item__supporting-text`],
+                  children: n
+                }
+              )
+            ] })
+          }
+        ),
+        e && /* @__PURE__ */ t(
+          S,
+          {
+            size: "sm",
+            className: i[`${c}__loading`]
+          }
+        ),
+        !e && o && /* @__PURE__ */ t("div", { className: i[`${c}__no-results`], children: o }),
+        !e && !o && v
+      ]
+    }
+  ) }) }) });
+};
+a.Group = E;
+a.Item = k;
+a.IconButton = w;
+export {
+  a as ActionList
+};

package/lib/ActionList/ActionListIndentationContext.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),i=require("react"),o=i.createContext(void 0),u=({children:t,indent:e})=>c.jsx(o.Provider,{value:e,children:t}),a=({isChoiceItem:t=!1,hasChoiceItems:e=!1,indentProp:n,ignoreContext:r=!1}={})=>{const s=i.useContext(o);return t?!1:n!==void 0?n:e?!0:r?void 0:s};exports.ActionListIndentationProvider=u;exports.useActionListIndentation=a;

package/lib/ActionList/ActionListIndentationContext.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+export declare const ActionListIndentationProvider: ({ children, indent, }: {
+    children: React.ReactNode;
+    indent: boolean | number | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+interface UseActionListIndentationOptions {
+    isChoiceItem?: boolean;
+    hasChoiceItems?: boolean;
+    indentProp?: boolean | number;
+    ignoreContext?: boolean;
+}
+export declare const useActionListIndentation: ({ isChoiceItem, hasChoiceItems, indentProp, ignoreContext, }?: UseActionListIndentationOptions) => number | boolean | undefined;
+export {};

package/lib/ActionList/ActionListIndentationContext.es.js

@@ -0,0 +1,20 @@
+import { jsx as s } from "react/jsx-runtime";
+import { createContext as a, useContext as c } from "react";
+const o = a(
+  void 0
+), d = ({
+  children: t,
+  indent: e
+}) => /* @__PURE__ */ s(o.Provider, { value: e, children: t }), v = ({
+  isChoiceItem: t = !1,
+  hasChoiceItems: e = !1,
+  indentProp: n,
+  ignoreContext: r = !1
+} = {}) => {
+  const i = c(o);
+  return t ? !1 : n !== void 0 ? n : e ? !0 : r ? void 0 : i;
+};
+export {
+  d as ActionListIndentationProvider,
+  v as useActionListIndentation
+};

package/lib/ActionList/ActionListSelectionContext.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react/jsx-runtime"),r=require("react"),a=Symbol("all"),L=r.createContext({selectionState:{emit:!1},dispatch:()=>{}}),w=(t,u)=>{var i;const{type:o,id:e,...l}=u,c=((i=t[e])==null?void 0:i.multiple)??!1;switch(o){case"unset":{const n={...t,emit:!1};return delete n[e],n}case"set":return{...t,[e]:{...t[e],...l},emit:!1};case"select":return Object.getOwnPropertySymbols(t).reduce((n,s)=>(n[s]={...t[s],selected:c?s===e||e===a?!0:t[s].selected:s===e},n),{emit:!0});case"deselect":return Object.getOwnPropertySymbols(t).reduce((n,s)=>(n[s]={...t[s],selected:c?s===e||e===a?!1:t[s].selected:s===e},n),{emit:!0});default:return t}},x=({children:t,kind:u})=>{const[o,e]=r.useReducer(w,{emit:!1}),l=r.useMemo(()=>({selectionState:o,dispatch:e}),[o]),c=r.useRef(u);return r.useLayoutEffect(()=>{c.current&&c.current!==u&&e({type:"deselect",id:a}),c.current=u},[u]),R.jsx(L.Provider,{value:l,children:t})},A=(t,u,o)=>{const e=r.useMemo(()=>Symbol(),[]),{selectionState:l,dispatch:c}=r.useContext(L),{emit:i,[e]:n}=l,{selected:s=!1}=n??{},y=t==="checkbox"||t==="multiCheckMark"||t==="switch",b=r.useCallback(m=>{c(m?{type:"select",id:e}:{type:"deselect",id:e})},[c,e]),f=r.useRef(o);f.current=o;const d=r.useRef(u);return r.useEffect(()=>{var m;if(i){const p=d.current;d.current=s,p!==s&&((m=f.current)==null||m.call(f,s))}},[s,i]),r.useLayoutEffect(()=>{u!==void 0&&(c({type:"set",id:e,selected:u}),d.current=u)},[u,c,e]),r.useLayoutEffect(()=>{c({type:"set",id:e,onChange:o,multiple:y})},[c,e,o,y]),r.useLayoutEffect(()=>()=>{c({type:"unset",id:e})},[c,e]),{selected:s,setSelected:b}};exports.ActionListSelectionProvider=x;exports.useActionListItemSelection=A;

package/lib/ActionList/ActionListSelectionContext.d.ts

@@ -0,0 +1,10 @@
+import { ActionListItemKind } from '@viasat/beam-shared/components/actionList';
+import { default as React } from 'react';
+export declare const ActionListSelectionProvider: ({ children, kind, }: {
+    children: React.ReactNode;
+    kind?: ActionListItemKind;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useActionListItemSelection: (kind: ActionListItemKind, defaultSelected?: boolean, onChange?: (selected: boolean) => void) => {
+    selected: boolean;
+    setSelected: (newSelectedValue: boolean) => void;
+};