@viasat/beam-react 2.0.0

package/lib/Autocomplete/useAutocompleteChipKeyboard.es.js

@@ -0,0 +1,47 @@
+import { useCallback as c } from "react";
+function w(D) {
+  const {
+    multiple: b,
+    open: l,
+    setOpen: s,
+    inputRef: h,
+    fieldRef: d,
+    chips: {
+      enabled: m,
+      selectedChip: t,
+      setSelectedChip: n,
+      selectPreviousChip: a,
+      selectNextChip: k,
+      options: i,
+      deselectOptionValue: o
+    }
+  } = D, r = b && m && i.length > 0, E = c((e, u) => {
+    var C, y;
+    if (!r) return !1;
+    const { isInputFocused: p, caretPosition: f } = u;
+    return e.key === "ArrowLeft" ? f && f > 0 ? !1 : (e.preventDefault(), l && s(!1), p && ((C = h.current) == null || C.blur(), (y = d.current) == null || y.focus()), a(t), !0) : e.key === "ArrowRight" ? f !== null ? !1 : (e.preventDefault(), l && s(!1), k(t), !0) : !1;
+  }, [r, l, s, a, t, h, d, k]), R = c((e) => {
+    if (!r) return !1;
+    if (e.key === "Enter" && t !== null && !l) {
+      e.preventDefault();
+      const u = i[t];
+      return u && o(u.value), n(null), !0;
+    }
+    return !1;
+  }, [r, t, l, i, o, n]), g = c((e) => r && e.key === "Escape" && t !== null && !l ? (e.preventDefault(), n(null), !0) : !1, [r, t, l, n]), A = c((e, u) => {
+    if (!r || e.key !== "Backspace" && e.key !== "Delete") return !1;
+    const { caretPosition: p } = u;
+    if (p && p > 0) return !1;
+    if (e.preventDefault(), l && s(!1), t === null)
+      a(null);
+    else {
+      const f = i[t];
+      f && (o(f.value), e.key === "Backspace" ? t === 0 ? n(null) : a(t) : e.key === "Delete" && t >= i.length - 1 && n(null));
+    }
+    return !0;
+  }, [r, l, s, t, a, i, o, n]);
+  return { isChipMode: r, handleHorizontalChipNav: E, handleChipEnter: R, handleChipEscape: g, handleChipRemoval: A };
+}
+export {
+  w as useAutocompleteChipKeyboard
+};

package/lib/Autocomplete/useAutocompleteChips.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),k=({multiple:C,disabled:f,readOnly:g,open:r,setOpen:d,options:e,deselectOptionValue:b,fieldRef:m,inputRef:s})=>{var a;const[t,u]=n.useState(null),c=C&&!f&&!g;n.useEffect(()=>{(!c||r)&&t!==null&&u(null)},[c,r,t]);const o=n.useCallback(l=>{if(e.length&&l!==0)return l===null||l>e.length-1?u(e.length-1):u(Math.max(0,l-1))},[e.length]),P=n.useCallback(l=>{var i;return l===e.length-1?((i=s.current)==null||i.focus(),u(null)):l===null?u(0):l<e.length-1?u(l+1):e.length-1},[s,e.length]),S=n.useCallback(()=>{t!==null&&u(null)},[t]),h=t!==null?((a=e[t])==null?void 0:a.value)??null:null;return{chipGroupProps:n.useMemo(()=>({selectable:c,selectedChips:h!==null?[h]:[]}),[h,c]),handleBlur:S,selectedChip:t,setSelectedChip:u,enabled:c,selectPreviousChip:o,selectNextChip:P,options:e,deselectOptionValue:b,fieldRef:m,inputRef:s,open:r,setOpen:d}};exports.useAutocompleteChips=k;

package/lib/Autocomplete/useAutocompleteChips.d.ts

@@ -0,0 +1,29 @@
+import { OptionProps } from '../_Options';
+export declare const useAutocompleteChips: ({ multiple, disabled, readOnly, open, setOpen, options, deselectOptionValue, fieldRef, inputRef, }: {
+    multiple: boolean;
+    disabled: boolean;
+    readOnly: boolean;
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    options: OptionProps[];
+    deselectOptionValue: (value: string | undefined) => void;
+    fieldRef?: React.RefObject<HTMLDivElement>;
+    inputRef: React.RefObject<HTMLInputElement>;
+}) => {
+    chipGroupProps: {
+        selectable: boolean;
+        selectedChips: string[];
+    };
+    handleBlur: () => void;
+    selectedChip: number | null;
+    setSelectedChip: import('react').Dispatch<import('react').SetStateAction<number | null>>;
+    enabled: boolean;
+    selectPreviousChip: (prev: number | null) => void;
+    selectNextChip: (prev: number | null) => number | void;
+    options: OptionProps[];
+    deselectOptionValue: (value: string | undefined) => void;
+    fieldRef: import('react').RefObject<HTMLDivElement> | undefined;
+    inputRef: import('react').RefObject<HTMLInputElement>;
+    open: boolean;
+    setOpen: (open: boolean) => void;
+};

package/lib/Autocomplete/useAutocompleteChips.es.js

@@ -0,0 +1,57 @@
+import { useState as M, useEffect as S, useCallback as s, useMemo as k } from "react";
+const E = ({
+  multiple: g,
+  disabled: i,
+  readOnly: C,
+  open: r,
+  setOpen: d,
+  options: l,
+  deselectOptionValue: m,
+  fieldRef: b,
+  inputRef: c
+}) => {
+  var a;
+  const [t, u] = M(null), n = g && !i && !C;
+  S(() => {
+    (!n || r) && t !== null && u(null);
+  }, [n, r, t]);
+  const x = s(
+    (e) => {
+      if (l.length && e !== 0)
+        return e === null || e > l.length - 1 ? u(l.length - 1) : u(Math.max(0, e - 1));
+    },
+    [l.length]
+  ), P = s(
+    (e) => {
+      var f;
+      return e === l.length - 1 ? ((f = c.current) == null || f.focus(), u(null)) : e === null ? u(0) : e < l.length - 1 ? u(e + 1) : l.length - 1;
+    },
+    [c, l.length]
+  ), G = s(() => {
+    t !== null && u(null);
+  }, [t]), h = t !== null ? ((a = l[t]) == null ? void 0 : a.value) ?? null : null;
+  return {
+    chipGroupProps: k(
+      () => ({
+        selectable: n,
+        selectedChips: h !== null ? [h] : []
+      }),
+      [h, n]
+    ),
+    handleBlur: G,
+    selectedChip: t,
+    setSelectedChip: u,
+    enabled: n,
+    selectPreviousChip: x,
+    selectNextChip: P,
+    options: l,
+    deselectOptionValue: m,
+    fieldRef: b,
+    inputRef: c,
+    open: r,
+    setOpen: d
+  };
+};
+export {
+  E as useAutocompleteChips
+};

package/lib/Autocomplete/useAutocompleteDropdown.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const te=require("../../chunks/constants.hwjHOsvT.js"),r=require("@floating-ui/react"),t=require("react"),ne=c=>new DOMRect(c.x+window.scrollX,c.y+window.scrollY,c.width,c.height),se=c=>{if(!c)return null;const v=c.getBoundingClientRect();return ne(v)},oe=`${te.prefix}combobox__field__chevron`,re=c=>{const{disabled:v,readOnly:S,lastSelectedOptionIndex:a,fieldRef:g}=c,[n,$]=t.useState(!1),o=t.useRef(null),D=t.useRef(n);D.current=n;const w=r.useFloatingNodeId(),[b,z]=t.useState(null),[R,m]=t.useState(!0),[E,P]=t.useState(!1),k=t.useRef(!1),V=t.useCallback(e=>{b!==e&&(E?(P(!1),a===void 0&&m(!0)):m(!0),z(e))},[b,E,a]),d=t.useCallback((e,s,i)=>{var f;const u=a===void 0&&((f=o.current)==null?void 0:f.value)==="";!e&&i==="click"&&s instanceof MouseEvent&&!u&&!(s.target instanceof HTMLElement&&s.target.classList.contains(oe))||($(e),e&&i==="click"&&(s instanceof MouseEvent||s instanceof PointerEvent)&&(P(!0),m(!1)))},[a,o]),{context:p,refs:l,floatingStyles:h}=r.useFloating({placement:"bottom-start",middleware:[{name:"overrideReference",fn:({rects:e})=>({reset:{rects:{...e,reference:se(g.current)??e.reference}}})},r.flip(),r.size({apply({elements:e,rects:s}){Object.assign(e.floating.style,{width:`${s.reference.width}px`})}})],whileElementsMounted:r.autoUpdate,open:n,onOpenChange:d,nodeId:w});o.current=l.domReference.current;const y=t.useCallback(e=>{k.current=!0,e.target!==o.current&&e.preventDefault()},[o]),O=t.useCallback(e=>{k.current=!1,e.target!==o.current&&e.preventDefault()},[o]),C=t.useRef([]),X=t.useRef([]),Y=r.useClick(p,{enabled:!v&&!S,keyboardHandlers:!1}),G=r.useRole(p,{role:"listbox"}),J=r.useDismiss(p,{outsidePress:!1}),x=C.current.length===0?null:b??null,M=t.useRef(a??null),Q=t.useMemo(()=>n?M.current:(M.current=a??null,C.current.length===0?null:a??null),[a,n]),W=r.useListNavigation(p,{enabled:!v&&!S,listRef:C,activeIndex:x,selectedIndex:Q,onNavigate:V,focusItemOnHover:!1,focusItemOnOpen:"auto",openOnArrowKeyDown:!0,nested:!1,loop:!0,virtual:!0,scrollItemIntoView:!0}),{getReferenceProps:A,getFloatingProps:K,getItemProps:T}=r.useInteractions([G,J,W]),{getReferenceProps:_}=r.useInteractions([Y]),[B,Z]=t.useState(n);t.useEffect(()=>Z(n),[n]);const I=n?"open":"closed",F=t.useCallback(e=>{var f;if(!n)return;const s=e.type==="focus"?e.target:e.relatedTarget,i=l.floating.current,u=g.current;if(i!=null&&i.contains(s)||u!=null&&u.contains(s)||k.current){e.preventDefault(),e.stopPropagation(),(f=o.current)==null||f.focus();return}d(!1,e.nativeEvent,"focus-out")},[g,n,o,l.floating,d]),N=t.useRef(n);t.useEffect(()=>{var e;N.current&&!n&&((e=o.current)==null||e.focus()),N.current=n},[n,o]);const q=t.useCallback((e={})=>({ref:l.setReference,...A({...e})}),[l.setReference,A]),H=t.useCallback((e={})=>({ref:g,onKeyDownCapture:s=>{var j;const i=D.current,u=o.current,f=u==null?void 0:u.getAttribute("aria-activedescendant"),U=f?document.getElementById(f):null;if(s.key==="Enter"&&i){if(s.preventDefault(),s.stopPropagation(),R&&U){const ee=new KeyboardEvent("keydown",s.nativeEvent);U.dispatchEvent(ee)}return}(j=e.onKeyDownCapture)==null||j.call(e,s)},onFocusCapture:F,onBlurCapture:F,..._({...e,onMouseDownCapture:y,onMouseUpCapture:O,onPointerDownCapture:y,onPointerUpCapture:O})}),[g,F,_,y,O,o,R]),L=t.useMemo(()=>({isMounted:B,status:I,getFloatingProps:K,getItemProps:T,floatingStyles:h,setOpen:d,nodeId:w,context:p,labelsRef:X,elementsRef:C,setFloating:l.setFloating,activeIndex:R?x:null}),[B,I,K,T,h,d,w,p,l.setFloating,x,R]);return t.useMemo(()=>({getFieldProps:H,getInputProps:q,dropdownProps:L,refs:l,open:n,setOpen:d,status:I,setDisplayActiveIndex:m}),[L,H,q,n,l,d,I])};exports.useAutocompleteDropdown=re;

package/lib/Autocomplete/useAutocompleteDropdown.d.ts

@@ -0,0 +1,57 @@
+import { OpenChangeReason } from '@floating-ui/react';
+export interface UseAutocompleteDropdownOptions {
+    disabled: boolean;
+    readOnly: boolean;
+    lastSelectedOptionIndex: number | undefined;
+    fieldRef: React.RefObject<HTMLDivElement>;
+}
+export declare const useAutocompleteDropdown: (options: UseAutocompleteDropdownOptions) => {
+    getFieldProps: (props?: React.HTMLProps<HTMLDivElement>) => import('react').HTMLProps<HTMLDivElement>;
+    getInputProps: (props?: React.HTMLProps<Element>) => {
+        ref: ((node: import('@floating-ui/react-dom').ReferenceType | null) => void) & ((node: HTMLInputElement | null) => void);
+    };
+    dropdownProps: {
+        isMounted: boolean;
+        status: string;
+        getFloatingProps: (userProps?: React.HTMLProps<HTMLElement>) => Record<string, unknown>;
+        getItemProps: (userProps?: Omit<React.HTMLProps<HTMLElement>, "selected" | "active"> & {
+            active?: boolean;
+            selected?: boolean;
+        }) => Record<string, unknown>;
+        floatingStyles: import('react').CSSProperties;
+        setOpen: (open: boolean, event?: Event, reason?: OpenChangeReason) => void;
+        nodeId: string;
+        context: {
+            x: number;
+            y: number;
+            placement: import('@floating-ui/utils').Placement;
+            strategy: import('@floating-ui/utils').Strategy;
+            middlewareData: import('@floating-ui/core').MiddlewareData;
+            isPositioned: boolean;
+            update: () => void;
+            floatingStyles: React.CSSProperties;
+            open: boolean;
+            onOpenChange: (open: boolean, event?: Event, reason?: OpenChangeReason) => void;
+            events: import('@floating-ui/react').FloatingEvents;
+            dataRef: React.MutableRefObject<import('@floating-ui/react').ContextData>;
+            nodeId: string | undefined;
+            floatingId: string;
+            refs: import('@floating-ui/react').ExtendedRefs<HTMLInputElement>;
+            elements: import('@floating-ui/react').ExtendedElements<HTMLInputElement>;
+        };
+        labelsRef: import('react').MutableRefObject<string[]>;
+        elementsRef: import('react').MutableRefObject<HTMLElement[]>;
+        setFloating: ((node: HTMLElement | null) => void) & ((node: HTMLElement | null) => void);
+        activeIndex: number | null;
+    };
+    refs: {
+        reference: import('react').MutableRefObject<import('@floating-ui/react-dom').ReferenceType | null>;
+        floating: React.MutableRefObject<HTMLElement | null>;
+        setReference: (node: import('@floating-ui/react-dom').ReferenceType | null) => void;
+        setFloating: (node: HTMLElement | null) => void;
+    } & import('@floating-ui/react').ExtendedRefs<HTMLInputElement>;
+    open: boolean;
+    setOpen: (open: boolean, event?: Event, reason?: OpenChangeReason) => void;
+    status: string;
+    setDisplayActiveIndex: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+};

package/lib/Autocomplete/useAutocompleteDropdown.es.js

@@ -0,0 +1,160 @@
+import { p as re } from "../../chunks/constants.BBi77pmH.js";
+import { useFloatingNodeId as ce, useFloating as le, autoUpdate as ie, flip as ue, size as ae, useClick as fe, useRole as de, useDismiss as pe, useListNavigation as ge, useInteractions as X } from "@floating-ui/react";
+import { useState as v, useRef as f, useCallback as d, useMemo as E, useEffect as Y } from "react";
+const ve = (s) => new DOMRect(
+  s.x + window.scrollX,
+  s.y + window.scrollY,
+  s.width,
+  s.height
+), me = (s) => {
+  if (!s)
+    return null;
+  const m = s.getBoundingClientRect();
+  return ve(m);
+}, Ie = `${re}combobox__field__chevron`, xe = (s) => {
+  const { disabled: m, readOnly: P, lastSelectedOptionIndex: l, fieldRef: g } = s, [t, q] = v(!1), o = f(null), b = f(t);
+  b.current = t;
+  const y = ce(), [x, G] = v(null), [I, w] = v(!0), [M, S] = v(!1), O = f(!1), J = d((e) => {
+    x !== e && (M ? (S(!1), l === void 0 && w(!0)) : w(!0), G(e));
+  }, [x, M, l]), a = d((e, n, i) => {
+    var u;
+    const c = l === void 0 && ((u = o.current) == null ? void 0 : u.value) === "";
+    !e && i === "click" && n instanceof MouseEvent && !c && !(n.target instanceof HTMLElement && n.target.classList.contains(Ie)) || (q(e), e && i === "click" && (n instanceof MouseEvent || n instanceof PointerEvent) && (S(!0), w(!1)));
+  }, [l, o]), { context: p, refs: r, floatingStyles: A } = le({
+    placement: "bottom-start",
+    middleware: [
+      {
+        name: "overrideReference",
+        fn: ({ rects: e }) => ({
+          reset: {
+            rects: {
+              ...e,
+              reference: me(g.current) ?? e.reference
+            }
+          }
+        })
+      },
+      ue(),
+      ae({
+        apply({ elements: e, rects: n }) {
+          Object.assign(e.floating.style, {
+            width: `${n.reference.width}px`
+          });
+        }
+      })
+    ],
+    whileElementsMounted: ie,
+    open: t,
+    onOpenChange: a,
+    nodeId: y
+  });
+  o.current = r.domReference.current;
+  const F = d((e) => {
+    O.current = !0, e.target !== o.current && e.preventDefault();
+  }, [o]), k = d((e) => {
+    O.current = !1, e.target !== o.current && e.preventDefault();
+  }, [o]), R = f([]), Q = f([]), W = fe(p, { enabled: !m && !P, keyboardHandlers: !1 }), Z = de(p, { role: "listbox" }), ee = pe(p, { outsidePress: !1 }), h = R.current.length === 0 ? null : x ?? null, K = f(l ?? null), te = E(() => t ? K.current : (K.current = l ?? null, R.current.length === 0 ? null : l ?? null), [l, t]), ne = ge(p, {
+    enabled: !m && !P,
+    listRef: R,
+    activeIndex: h,
+    selectedIndex: te,
+    onNavigate: J,
+    focusItemOnHover: !1,
+    focusItemOnOpen: "auto",
+    openOnArrowKeyDown: !0,
+    nested: !1,
+    loop: !0,
+    virtual: !0,
+    scrollItemIntoView: !0
+  }), { getReferenceProps: _, getFloatingProps: T, getItemProps: B } = X([
+    Z,
+    ee,
+    ne
+  ]), { getReferenceProps: N } = X([W]), [H, oe] = v(t);
+  Y(() => oe(t), [t]);
+  const C = t ? "open" : "closed", D = d(
+    (e) => {
+      var u;
+      if (!t)
+        return;
+      const n = e.type === "focus" ? e.target : e.relatedTarget, i = r.floating.current, c = g.current;
+      if (i != null && i.contains(n) || c != null && c.contains(n) || O.current) {
+        e.preventDefault(), e.stopPropagation(), (u = o.current) == null || u.focus();
+        return;
+      }
+      a(!1, e.nativeEvent, "focus-out");
+    },
+    [g, t, o, r.floating, a]
+  ), L = f(t);
+  Y(() => {
+    var e;
+    L.current && !t && ((e = o.current) == null || e.focus()), L.current = t;
+  }, [t, o]);
+  const U = d(
+    (e = {}) => ({
+      ref: r.setReference,
+      ..._({
+        ...e
+      })
+    }),
+    [r.setReference, _]
+  ), $ = d(
+    (e = {}) => ({
+      ref: g,
+      onKeyDownCapture: (n) => {
+        var V;
+        const i = b.current, c = o.current, u = c == null ? void 0 : c.getAttribute("aria-activedescendant"), z = u ? document.getElementById(u) : null;
+        if (n.key === "Enter" && i) {
+          if (n.preventDefault(), n.stopPropagation(), I && z) {
+            const se = new KeyboardEvent("keydown", n.nativeEvent);
+            z.dispatchEvent(se);
+          }
+          return;
+        }
+        (V = e.onKeyDownCapture) == null || V.call(e, n);
+      },
+      onFocusCapture: D,
+      onBlurCapture: D,
+      ...N({
+        ...e,
+        onMouseDownCapture: F,
+        onMouseUpCapture: k,
+        onPointerDownCapture: F,
+        onPointerUpCapture: k
+      })
+    }),
+    [g, D, N, F, k, o, I]
+  ), j = E(
+    () => ({
+      isMounted: H,
+      status: C,
+      getFloatingProps: T,
+      getItemProps: B,
+      floatingStyles: A,
+      setOpen: a,
+      nodeId: y,
+      context: p,
+      labelsRef: Q,
+      elementsRef: R,
+      setFloating: r.setFloating,
+      activeIndex: I ? h : null
+    }),
+    [H, C, T, B, A, a, y, p, r.setFloating, h, I]
+  );
+  return E(
+    () => ({
+      getFieldProps: $,
+      getInputProps: U,
+      dropdownProps: j,
+      refs: r,
+      open: t,
+      setOpen: a,
+      status: C,
+      setDisplayActiveIndex: w
+    }),
+    [j, $, U, t, r, a, C]
+  );
+};
+export {
+  xe as useAutocompleteDropdown
+};

package/lib/Autocomplete/useAutocompleteInteractions.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react");function A({selectionStrategy:a,selectedOptions:b,inputRef:r,blurSelect:m,blurChips:d,setSearchText:t,setOpen:i,searchText:o,getOptionByIndex:v,setDisplayActiveIndex:E}){const k=u.useRef(o);k.current=o;const c=a.formatInputValue(b),C=u.useCallback(()=>{m(),d(),t(null),r.current&&(r.current.value=c)},[m,d,t,r,c]),V=u.useCallback(e=>{var n;e.target!==r.current&&((n=r.current)==null||n.focus())},[r]),l=u.useCallback(()=>{const e=r.current;e&&(e.value=c,k.current&&t(null))},[r,c,t]),f=u.useRef(l);f.current=l;const q=u.useCallback(e=>{const n=v(e);if(!n)return;const s=a.formatInputValue([n]);r.current&&(r.current.value=s),requestAnimationFrame(()=>t(null))},[v,r,a,t]);return u.useEffect(()=>l(),[l]),u.useEffect(()=>{o&&E(!0)},[o,E]),u.useEffect(()=>{var s;const e=(s=r.current)==null?void 0:s.form;if(!e)return;const n=()=>{requestAnimationFrame(()=>f.current())};return e.addEventListener("reset",n),()=>e.removeEventListener("reset",n)},[f,r]),u.useEffect(()=>{o&&i(!0)},[o,i]),{handleBlur:C,handleFocus:V,handleItemClick:q}}exports.useAutocompleteInteractions=A;

package/lib/Autocomplete/useAutocompleteInteractions.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+import { OptionProps } from '../_Options';
+import { SelectionStrategy } from '../_Options/strategies/SelectionStrategy';
+export interface UseAutocompleteInteractionsParams {
+    selectionStrategy: SelectionStrategy;
+    selectedOptions: OptionProps[];
+    inputRef: React.RefObject<HTMLInputElement>;
+    blurSelect: () => void;
+    blurChips: () => void;
+    setSearchText: (value: string | null) => void;
+    setOpen: (open: boolean) => void;
+    searchText: string | null;
+    getOptionByIndex: (index: number) => OptionProps | undefined;
+    setDisplayActiveIndex: (display: boolean) => void;
+}
+export declare function useAutocompleteInteractions({ selectionStrategy, selectedOptions, inputRef, blurSelect, blurChips, setSearchText, setOpen, searchText, getOptionByIndex, setDisplayActiveIndex, }: UseAutocompleteInteractionsParams): {
+    handleBlur: () => void;
+    handleFocus: (e: React.FocusEvent<HTMLDivElement>) => void;
+    handleItemClick: (index: number) => void;
+};

package/lib/Autocomplete/useAutocompleteInteractions.es.js

@@ -0,0 +1,48 @@
+import { useRef as k, useCallback as m, useEffect as s } from "react";
+function j({
+  selectionStrategy: a,
+  selectedOptions: q,
+  inputRef: r,
+  blurSelect: d,
+  blurChips: v,
+  setSearchText: o,
+  setOpen: i,
+  searchText: t,
+  getOptionByIndex: V,
+  setDisplayActiveIndex: E
+}) {
+  const F = k(t);
+  F.current = t;
+  const e = a.formatInputValue(q), A = m(() => {
+    d(), v(), o(null), r.current && (r.current.value = e);
+  }, [d, v, o, r, e]), I = m((n) => {
+    var u;
+    n.target !== r.current && ((u = r.current) == null || u.focus());
+  }, [r]), c = m(() => {
+    const n = r.current;
+    n && (n.value = e, F.current && o(null));
+  }, [r, e, o]), f = k(c);
+  f.current = c;
+  const L = m((n) => {
+    const u = V(n);
+    if (!u) return;
+    const l = a.formatInputValue([u]);
+    r.current && (r.current.value = l), requestAnimationFrame(() => o(null));
+  }, [V, r, a, o]);
+  return s(() => c(), [c]), s(() => {
+    t && E(!0);
+  }, [t, E]), s(() => {
+    var l;
+    const n = (l = r.current) == null ? void 0 : l.form;
+    if (!n) return;
+    const u = () => {
+      requestAnimationFrame(() => f.current());
+    };
+    return n.addEventListener("reset", u), () => n.removeEventListener("reset", u);
+  }, [f, r]), s(() => {
+    t && i(!0);
+  }, [t, i]), { handleBlur: A, handleFocus: I, handleItemClick: L };
+}
+export {
+  j as useAutocompleteInteractions
+};

package/lib/Autocomplete/useAutocompleteKeyboardManager.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),A=require("./useAutocompleteChipKeyboard.cjs.js"),H=require("../../utils/keyboardComposition.cjs.js");function P(k){const{disabled:r,readOnly:u,multiple:K,open:a,setOpen:o,inputRef:n,fieldRef:E,chips:s}=k,{selectedChip:c,setSelectedChip:i}=s,{handleHorizontalChipNav:p,handleChipEnter:d,handleChipEscape:b,handleChipRemoval:f}=A.useAutocompleteChipKeyboard({multiple:K,open:a,setOpen:o,inputRef:n,fieldRef:E,chips:s}),h=t.useCallback(()=>{var g;const e=document.activeElement===n.current,l=e?((g=n.current)==null?void 0:g.selectionEnd)??null:null;return{isInputFocused:e,caretPosition:l}},[n]),C=t.useCallback(e=>e.key!=="Escape"?!1:a?(o(!1),e.preventDefault(),!0):c!==null?(i(null),e.preventDefault(),!0):!1,[a,o,c,i]),m=t.useCallback(e=>{if(r||u)return;const l=h();return!!(p(e,l)||f(e,l)||b(e))},[r,u,h,p,f,b]),y=t.useCallback(e=>{if(!(r||u))return!!(d(e)||C(e))},[r,u,d,C]);return{getKeyboardProps:t.useCallback(e=>H.augmentKeyboardProps({baseProps:e,captureHandlers:[m],bubbleHandlers:[y]}),[m,y])}}exports.useAutocompleteKeyboardManager=P;

package/lib/Autocomplete/useAutocompleteKeyboardManager.d.ts

@@ -0,0 +1,37 @@
+import { OptionProps } from '../_Options';
+export interface KeyboardManagerParams {
+    multiple: boolean;
+    open: boolean;
+    setOpen: (open: boolean) => void;
+    inputRef: React.RefObject<HTMLInputElement>;
+    fieldRef: React.RefObject<HTMLDivElement>;
+    chips: {
+        enabled: boolean;
+        selectedChip: number | null;
+        setSelectedChip: (index: number | null) => void;
+        selectPreviousChip: (prev: number | null) => void;
+        selectNextChip: (prev: number | null) => void;
+        options: OptionProps[];
+        deselectOptionValue: (value: string | undefined) => void;
+    };
+    disabled: boolean;
+    readOnly: boolean;
+}
+/**
+ * useAutocompleteKeyboardManager
+ * High-level keyboard coordinator for the Autocomplete root container.
+ *
+ * Scope:
+ *  - Guards (disabled/readOnly)
+ *  - Dropdown open / close (ArrowDown, Escape)
+ *  - Delegation of chip-related behaviors to `useAutocompleteChipKeyboard`
+ *  - Sequencing of handlers with early-return short circuit
+ *
+ * Not responsible for:
+ *  - Option list navigation / highlighting (future dedicated hook)
+ *  - Chip-specific navigation/removal (extracted)
+ *  - Form integration or a11y announcements
+ */
+export declare function useAutocompleteKeyboardManager(params: KeyboardManagerParams): {
+    getKeyboardProps: <E extends HTMLElement>(baseProps: React.HTMLProps<E>) => React.HTMLProps<E>;
+};

package/lib/Autocomplete/useAutocompleteKeyboardManager.es.js

@@ -0,0 +1,32 @@
+import { useCallback as r } from "react";
+import { useAutocompleteChipKeyboard as P } from "./useAutocompleteChipKeyboard.es.js";
+import { augmentKeyboardProps as R } from "../../utils/keyboardComposition.es.js";
+function F(g) {
+  const { disabled: t, readOnly: n, multiple: H, open: l, setOpen: a, inputRef: u, fieldRef: K, chips: s } = g, { selectedChip: c, setSelectedChip: i } = s, { handleHorizontalChipNav: p, handleChipEnter: f, handleChipEscape: d, handleChipRemoval: b } = P({
+    multiple: H,
+    open: l,
+    setOpen: a,
+    inputRef: u,
+    fieldRef: K,
+    chips: s
+  }), h = r(() => {
+    var E;
+    const e = document.activeElement === u.current, o = e ? ((E = u.current) == null ? void 0 : E.selectionEnd) ?? null : null;
+    return { isInputFocused: e, caretPosition: o };
+  }, [u]), m = r((e) => e.key !== "Escape" ? !1 : l ? (a(!1), e.preventDefault(), !0) : c !== null ? (i(null), e.preventDefault(), !0) : !1, [l, a, c, i]), C = r((e) => {
+    if (t || n) return;
+    const o = h();
+    return !!(p(e, o) || b(e, o) || d(e));
+  }, [t, n, h, p, b, d]), y = r((e) => {
+    if (!(t || n))
+      return !!(f(e) || m(e));
+  }, [t, n, f, m]);
+  return { getKeyboardProps: r((e) => R({
+    baseProps: e,
+    captureHandlers: [C],
+    bubbleHandlers: [y]
+  }), [C, y]) };
+}
+export {
+  F as useAutocompleteKeyboardManager
+};

package/lib/Autocomplete/useClearSelection.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const C=require("react");function a({multiple:u,clearable:c,isEmpty:i,disabled:s,readOnly:d,setValue:t,setSearchText:l,inputRef:n,setOpen:o}){const e=!!c&&!i&&!s&&!d,f=C.useCallback(v=>{if(!e)return;v.preventDefault(),t(u?[]:void 0),l(null);const r=n.current;r&&(r.value="",r.focus()),o(!0)},[e,t,u,l,n,o]);return{canClear:e,handleClear:f}}exports.default=a;exports.useClearSelection=a;

package/lib/Autocomplete/useClearSelection.d.ts

@@ -0,0 +1,22 @@
+import { MutableRefObject } from 'react';
+interface UseClearSelectionArgs<ValueType> {
+    multiple: boolean;
+    clearable: boolean | undefined;
+    isEmpty: boolean;
+    disabled: boolean;
+    readOnly: boolean;
+    setValue: (value: ValueType) => void;
+    setSearchText: (text: string | null) => void;
+    inputRef: MutableRefObject<HTMLInputElement | null>;
+    setOpen: (open: boolean) => void;
+}
+interface UseClearSelectionResult {
+    canClear: boolean;
+    handleClear: (e: React.MouseEvent<HTMLButtonElement>) => void;
+}
+/**
+ * Provides clear button availability + handler logic for Combobox.
+ * Separates decision (canClear) from effect (handleClear) for easier testing.
+ */
+export declare function useClearSelection<ValueType = unknown>({ multiple, clearable, isEmpty, disabled, readOnly, setValue, setSearchText, inputRef, setOpen, }: UseClearSelectionArgs<ValueType>): UseClearSelectionResult;
+export default useClearSelection;

package/lib/Autocomplete/useClearSelection.es.js

@@ -0,0 +1,27 @@
+import { useCallback as d } from "react";
+function b({
+  multiple: o,
+  clearable: t,
+  isEmpty: c,
+  disabled: f,
+  readOnly: i,
+  setValue: u,
+  setSearchText: a,
+  inputRef: e,
+  setOpen: l
+}) {
+  const r = !!t && !c && !f && !i, s = d(
+    (C) => {
+      if (!r) return;
+      C.preventDefault(), u(o ? [] : void 0), a(null);
+      const n = e.current;
+      n && (n.value = "", n.focus()), l(!0);
+    },
+    [r, u, o, a, e, l]
+  );
+  return { canClear: r, handleClear: s };
+}
+export {
+  b as default,
+  b as useClearSelection
+};

package/lib/Autocomplete/utils/filterOptions.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function r(l,e){const t=e==null?void 0:e.trim().toLowerCase();if(!l)return!0;if(!t)return!1;const{label:o,value:u}=l,n=!!(o&&o.toLowerCase().includes(t)),i=!!(u&&u.toLowerCase().includes(t));return!(n||i)}exports.default=r;exports.shouldFilterOption=r;

package/lib/Autocomplete/utils/filterOptions.d.ts

@@ -0,0 +1,3 @@
+import { OptionProps } from '../../_Options';
+export declare function shouldFilterOption(option: OptionProps, searchText: string | null): boolean;
+export default shouldFilterOption;

package/lib/Autocomplete/utils/filterOptions.es.js

@@ -0,0 +1,11 @@
+function a(l, t) {
+  const e = t == null ? void 0 : t.trim().toLowerCase();
+  if (!l) return !0;
+  if (!e) return !1;
+  const { label: o, value: n } = l, u = !!(o && o.toLowerCase().includes(e)), r = !!(n && n.toLowerCase().includes(e));
+  return !(u || r);
+}
+export {
+  a as default,
+  a as shouldFilterOption
+};

package/lib/Avatar/Avatar.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");const r=require("../../chunks/Avatar.CKJ80I6h.js");require("clsx");require("react");require("../StateLayer/StateLayer.cjs.js");exports.Avatar=r.Avatar;

package/lib/Avatar/Avatar.d.ts

@@ -0,0 +1,45 @@
+import { AvatarAppearance, AvatarShape, AvatarSize } from '@viasat/beam-shared/components/avatar';
+import { ComponentPropsWithoutRef } from 'react';
+import { IconComponentType } from '../../utils/types';
+export interface AvatarProps extends ComponentPropsWithoutRef<'div'> {
+    /**
+     * Specify the appearance of an Avatar
+     * @default 'neutral'
+     */
+    appearance?: AvatarAppearance;
+    /**
+     * Customize the default icon
+     */
+    icon?: IconComponentType;
+    /**
+     * Specify a name to display initials in the Avatar
+     */
+    name?: string;
+    /**
+     * Pass an image to the Avatar
+     */
+    src?: string;
+    /**
+     * Specify alt for image
+     */
+    alt?: string;
+    /**
+     * Specify the size of the Avatar
+     * @default 'md'
+     */
+    size?: AvatarSize;
+    /**
+     * If Avatar is non interactive and Tooltip is provided, use tabIndex to make the Avatar focusable
+     */
+    tabIndex?: number;
+    /**
+     * Specify if the Avatar is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Specify the shape of the Avatar
+     * @default 'circle'
+     */
+    shape?: AvatarShape;
+}
+export declare const Avatar: import('react').ForwardRefExoticComponent<AvatarProps & import('react').RefAttributes<HTMLDivElement>>;

package/lib/Avatar/Avatar.es.js

@@ -0,0 +1,8 @@
+import "react/jsx-runtime";
+import { A as a } from "../../chunks/Avatar.C9tpC3sT.js";
+import "clsx";
+import "react";
+import "../StateLayer/StateLayer.es.js";
+export {
+  a as Avatar
+};

package/lib/Avatar/AvatarGroup.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),s=require("react"),P=require("../Box/Box.cjs.js"),e=require("../../chunks/Avatar.CKJ80I6h.js"),_=require("clsx"),w=require("../../utils/hooks/index.cjs.js"),R=require("../../chunks/constants.hwjHOsvT.js"),j=require("../../chunks/CSSLookup.DESAWWRT.js"),N=require("../Tooltip/Tooltip.cjs.js");function $(n){return n.type===e.Avatar}const B=({children:n,wrapping:d,size:r="md",layout:i="stacked",className:g,maxCount:f=5,...h})=>{const A=_(e.styles[e.groupBaseClassNamePrefix],d&&e.styles[`${e.groupClassModifierPrefix}wrapping`],e.styles[`${e.groupClassModifierPrefix}${i}-${r}`],g),[b,q]=s.useState(f),a=s.useMemo(()=>s.Children.toArray(n).filter(t=>s.isValidElement(t)&&$(t)?!0:(console.warn("Invalid child type in Avatar.Group. Only Avatar is allowed."),!1)),[n]),M=()=>{const{current:t}=p;if(t&&!d){const{clientWidth:c}=t,y=a.map(o=>j.convertRemToPixels(e.avatarSizeRem[o.props.size||r]-e.getMarginSizeRem(r,i))).reduce((o,x,C)=>o.total+x+e.getMarginSizePx(r,i)>c?o:{total:o.total+x,count:C+1},{total:0,count:0});q(Math.min(y.count,f))}},{ref:p}=w.useResizeObserver(M,R.FPS_120,[r]),l=b-1,m=a.length-l,v=m>1,S=a.slice(l).map(({props:t})=>t.name).filter(Boolean).join(", ");return u.jsxs(P.Box,{className:A,ref:p,...h,children:[a.map((t,c)=>s.cloneElement(t,{size:t.props.size||r,hidden:v&&c>=l})),v&&u.jsx(N.Tooltip,{text:S,portalled:!0,children:u.jsx(e.Avatar,{name:`+${m}`,tabIndex:0,size:r,className:e.styles[`${e.classModifierPrefix}overflow`]})})]})};exports.AvatarGroup=B;