@viasat/beam-react 2.2.0 → 2.8.0

package/lib/wip/Search/useSearchDropdown.es.js

@@ -0,0 +1,92 @@
+import { useFloating as T, autoUpdate as j, flip as z, size as L, useClick as U, useRole as V, useFocus as $, useDismiss as q, useListNavigation as B, useInteractions as F, useTransitionStyles as G } from "@floating-ui/react";
+import { useState as k, useRef as u, useEffect as x, useCallback as h, useMemo as S } from "react";
+import { useTyping as J } from "../../FloatingUI/useTyping.es.js";
+const Y = (E) => {
+  const { disabled: r, readOnly: l, enabled: e = !0 } = E, [t, c] = k(!1), f = u(t);
+  f.current = t;
+  const [a, d] = k(null);
+  x(() => t ? void 0 : d(null), [t]);
+  const { context: n, refs: o, floatingStyles: p } = T({
+    placement: "bottom-start",
+    middleware: [
+      z(),
+      L({
+        apply({ elements: s, rects: i }) {
+          Object.assign(s.floating.style, {
+            width: `${i.reference.width}px`
+          });
+        }
+      })
+    ],
+    whileElementsMounted: j,
+    open: t,
+    onOpenChange: c
+  }), g = u([]), C = u([]), D = U(n, {
+    enabled: !t && e && !r && !l,
+    toggle: !1,
+    stickIfOpen: !1,
+    keyboardHandlers: !1
+  }), M = V(n, { enabled: e, role: "listbox" }), N = J(n, { enabled: !t && e && !r && !l, event: "keyboard" }), A = $(n, { enabled: !t && e && !r && !l, visibleOnly: !0 }), H = q(n, { enabled: t && e && !r && !l, escapeKey: !0, outsidePress: !0, referencePress: !1 }), K = B(n, {
+    enabled: e && !r && !l,
+    listRef: g,
+    activeIndex: a,
+    onNavigate: d,
+    focusItemOnHover: !1,
+    focusItemOnOpen: "auto",
+    openOnArrowKeyDown: !0,
+    nested: !1,
+    loop: !0,
+    virtual: !1,
+    scrollItemIntoView: !0
+  }), { getReferenceProps: m, getFloatingProps: b, getItemProps: y } = F([
+    M,
+    N,
+    K
+  ]), { getReferenceProps: R } = F([D, A, H]), { isMounted: v, styles: I } = G(n, { duration: 50 });
+  x(() => {
+    if (!e || r || l || f.current)
+      return;
+    const s = o.domReference.current, i = document.activeElement;
+    s && i && s.contains(i) && c(!0);
+  }, [e, r, l, c, o.domReference]);
+  const P = h(
+    (s = {}) => e ? m(s) : s,
+    [m, e]
+  ), O = h(
+    (s = {}) => e ? {
+      ref: o.setReference,
+      ...R(s)
+    } : s,
+    [e, o.setReference, R]
+  ), w = S(
+    () => ({
+      isMounted: v,
+      getFloatingProps: b,
+      getItemProps: y,
+      floatingStyles: {
+        ...p,
+        ...I
+      },
+      setOpen: c,
+      labelsRef: C,
+      elementsRef: g,
+      setFloating: o.setFloating,
+      activeIndex: a,
+      context: n,
+      open: t
+    }),
+    [v, b, y, p, I, o.setFloating, a, n, t]
+  );
+  return S(
+    () => ({
+      getFieldProps: O,
+      getInputProps: P,
+      dropdownProps: w,
+      refs: o
+    }),
+    [w, O, P, o]
+  );
+};
+export {
+  Y as useSearchDropdown
+};

package/lib/wip/index.cjs.js

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

package/lib/wip/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Search';
+export * from './Panel';

package/lib/wip/index.es.js

@@ -1 +1,6 @@
-
+import { Search as o } from "./Search/Search.es.js";
+import { Panel as f } from "./Panel/Panel.es.js";
+export {
+  f as Panel,
+  o as Search
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@viasat/beam-react",
-  "version": "2.2.0",
+  "version": "2.8.0",
   "description": "React component library for the Beam design system",
   "license": "MIT",
   "author": "Viasat",
@@ -59,11 +59,11 @@
     "access": "public"
   },
   "dependencies": {
-    "@viasat/beam-fonts": "2.2.0",
-    "@viasat/beam-shared": "2.2.0",
-    "@viasat/beam-styles": "2.2.0",
-    "@viasat/beam-tokens": "2.2.0",
-    "@viasat/beam-icons": "2.2.0",
+    "@viasat/beam-fonts": "2.8.0",
+    "@viasat/beam-shared": "2.8.0",
+    "@viasat/beam-styles": "2.8.0",
+    "@viasat/beam-tokens": "2.8.0",
+    "@viasat/beam-icons": "2.8.0",
     "clsx": "^1.2.1",
     "@floating-ui/react": "^0.26.18",
     "@stepperize/react": "^5.1.5",

package/utils/hooks/index.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),d=require("../../chunks/constants.hwjHOsvT.js"),p=require("../../chunks/helpers.COm6C5Gf.js"),a=require("../../chunks/CSSLookup.DESAWWRT.js"),w=require("./useId.cjs.js");function f(e,t=window.getComputedStyle(e)){return parseInt(t.getPropertyValue("-webkit-line-clamp"),10)>=1&&t.getPropertyValue("display")==="-webkit-box"&&t.getPropertyValue("overflow")==="hidden"}function g(e,t=window.getComputedStyle(e)){return t.getPropertyValue("text-overflow")==="ellipsis"&&t.getPropertyValue("white-space")==="nowrap"&&t.getPropertyValue("overflow")==="hidden"&&e.scrollWidth>e.clientWidth}function h(e){return e.scrollWidth>e.clientWidth||e.scrollHeight>e.clientHeight}function S(e){if(!e)return!1;if(h(e))return!0;const t=window.getComputedStyle(e);return f(e,t)||g(e,t)}const b=e=>{if(!e)return!1;const t=e.cloneNode(!0);t.style.position="absolute",t.style.whiteSpace="nowrap",t.style.width="auto",t.style.height="auto",t.style.visibility="hidden",document.body.appendChild(t);const n=t.offsetWidth>e.offsetWidth;return document.body.removeChild(t),n},l=(e,t=d.FPS_120,n=[])=>{const i=s.useRef(null);return s.useLayoutEffect(()=>{const{current:r}=i;if(!r)return;e();const u=p.debounce(()=>{e()},t),c=new ResizeObserver(u);return c.observe(r),()=>{c.disconnect(),u.cancel()}},[i,e,t,n]),{ref:i}},v=()=>{const[e,t]=s.useState(!1),n=()=>{i.current&&t(S(i.current))},{ref:i}=l(n);return{ref:i,isOverFlowing:e}},m=e=>{const[t,n]=s.useState(!1),i=()=>{r.current&&n(b(r.current))},{ref:r}=l(i,200);return{ref:r,isTextWrapping:t}},y=e=>{const[t,n]=s.useState(()=>a.CSSManager.findVar(e)??"");return s.useEffect(()=>{const i=r=>{n(r)};return a.CSSManager.findVar(e,i),()=>{a.CSSManager.unsubscribe(e,i)}},[e]),t};function C(e){const[t,n]=s.useState(!1);return s.useLayoutEffect(()=>{if(typeof window>"u")return;const i=o=>o?getComputedStyle(o).direction:"ltr",r=()=>{const o=e.current;return o?i(o)==="rtl"||!!o.closest('[dir="rtl"]')||i(document.documentElement)==="rtl":!1};n(r());const u=new MutationObserver(()=>n(r()));u.observe(document.documentElement,{attributes:!0,attributeFilter:["dir","class"],subtree:!0});const c=requestAnimationFrame(function o(){n(r()),requestAnimationFrame(o)});return()=>{u.disconnect(),cancelAnimationFrame(c)}},[e]),t}const W=()=>{const[e,t]=s.useState(!1);return s.useEffect(()=>{if(typeof window>"u")return;const n=()=>{const i="ontouchstart"in window||navigator.maxTouchPoints>0,r=window.innerHeight>window.innerWidth,u=r?window.innerWidth:window.innerHeight,c=r?window.innerHeight:window.innerWidth,o=u<1024||c<768;t(i&&o)};return n(),window.addEventListener("resize",n,{passive:!0}),window.addEventListener("orientationchange",n,{passive:!0}),()=>{window.removeEventListener("resize",n),window.removeEventListener("orientationchange",n)}},[]),e};exports.useId=w.useId;exports.useCSSLookup=y;exports.useIsOverFlowing=v;exports.useIsTextWrapping=m;exports.useMobileDetection=W;exports.useRTLDirection=C;exports.useResizeObserver=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),d=require("../../chunks/constants.hwjHOsvT.js"),p=require("../../chunks/helpers.COm6C5Gf.js"),a=require("../../chunks/CSSLookup.DESAWWRT.js"),w=require("./useId.cjs.js"),f=require("./useInteractiveProps.cjs.js");function g(e,t=window.getComputedStyle(e)){return parseInt(t.getPropertyValue("-webkit-line-clamp"),10)>=1&&t.getPropertyValue("display")==="-webkit-box"&&t.getPropertyValue("overflow")==="hidden"}function h(e,t=window.getComputedStyle(e)){return t.getPropertyValue("text-overflow")==="ellipsis"&&t.getPropertyValue("white-space")==="nowrap"&&t.getPropertyValue("overflow")==="hidden"&&e.scrollWidth>e.clientWidth}function v(e){return e.scrollWidth>e.clientWidth||e.scrollHeight>e.clientHeight}function S(e){if(!e)return!1;if(v(e))return!0;const t=window.getComputedStyle(e);return g(e,t)||h(e,t)}const b=e=>{if(!e)return!1;const t=e.cloneNode(!0);t.style.position="absolute",t.style.whiteSpace="nowrap",t.style.width="auto",t.style.height="auto",t.style.visibility="hidden",document.body.appendChild(t);const n=t.offsetWidth>e.offsetWidth;return document.body.removeChild(t),n},l=(e,t=d.FPS_120,n=[])=>{const r=s.useRef(null);return s.useLayoutEffect(()=>{const{current:i}=r;if(!i)return;e();const u=p.debounce(()=>{e()},t),c=new ResizeObserver(u);return c.observe(i),()=>{c.disconnect(),u.cancel()}},[r,e,t,n]),{ref:r}},m=()=>{const[e,t]=s.useState(!1),n=()=>{r.current&&t(S(r.current))},{ref:r}=l(n);return{ref:r,isOverFlowing:e}},y=e=>{const[t,n]=s.useState(!1),r=()=>{i.current&&n(b(i.current))},{ref:i}=l(r,200);return{ref:i,isTextWrapping:t}},C=e=>{const[t,n]=s.useState(()=>a.CSSManager.findVar(e)??"");return s.useEffect(()=>{const r=i=>{n(i)};return a.CSSManager.findVar(e,r),()=>{a.CSSManager.unsubscribe(e,r)}},[e]),t};function W(e){const[t,n]=s.useState(!1);return s.useLayoutEffect(()=>{if(typeof window>"u")return;const r=o=>o?getComputedStyle(o).direction:"ltr",i=()=>{const o=e.current;return o?r(o)==="rtl"||!!o.closest('[dir="rtl"]')||r(document.documentElement)==="rtl":!1};n(i());const u=new MutationObserver(()=>n(i()));u.observe(document.documentElement,{attributes:!0,attributeFilter:["dir","class"],subtree:!0});const c=requestAnimationFrame(function o(){n(i()),requestAnimationFrame(o)});return()=>{u.disconnect(),cancelAnimationFrame(c)}},[e]),t}const I=()=>{const[e,t]=s.useState(!1);return s.useEffect(()=>{if(typeof window>"u")return;const n=()=>{const r="ontouchstart"in window||navigator.maxTouchPoints>0,i=window.innerHeight>window.innerWidth,u=i?window.innerWidth:window.innerHeight,c=i?window.innerHeight:window.innerWidth,o=u<1024||c<768;t(r&&o)};return n(),window.addEventListener("resize",n,{passive:!0}),window.addEventListener("orientationchange",n,{passive:!0}),()=>{window.removeEventListener("resize",n),window.removeEventListener("orientationchange",n)}},[]),e};exports.useId=w.useId;exports.useInteractiveProps=f.useInteractiveProps;exports.useCSSLookup=C;exports.useIsOverFlowing=m;exports.useIsTextWrapping=y;exports.useMobileDetection=I;exports.useRTLDirection=W;exports.useResizeObserver=l;

package/utils/hooks/index.d.ts

@@ -2,6 +2,7 @@ import { default as React } from 'react';
 import { VoidFunction } from '@viasat/beam-shared/utils/constants';
 import { debounce } from '@viasat/beam-shared/utils/helpers';
 export { useId } from './useId';
+export { useInteractiveProps, type UseInteractivePropsOptions, type InteractiveProps, type InteractiveElementType, } from './useInteractiveProps';
 type WaitFor = Parameters<typeof debounce>[1];
 /**
  * Hook to set up a resize observer on an element.

package/utils/hooks/index.es.js

@@ -3,6 +3,7 @@ import { a as f } from "../../chunks/constants.BBi77pmH.js";
 import { d as m } from "../../chunks/helpers.Wv7n4ip7.js";
 import { C as a } from "../../chunks/CSSLookup.Cjf6o2Gz.js";
 import { useId as V } from "./useId.es.js";
+import { useInteractiveProps as M } from "./useInteractiveProps.es.js";
 function h(e, t = window.getComputedStyle(e)) {
   return parseInt(t.getPropertyValue("-webkit-line-clamp"), 10) >= 1 && t.getPropertyValue("display") === "-webkit-box" && t.getPropertyValue("overflow") === "hidden";
 }
@@ -25,51 +26,51 @@ const y = (e) => {
   const n = t.offsetWidth > e.offsetWidth;
   return document.body.removeChild(t), n;
 }, p = (e, t = f, n = []) => {
-  const i = w(null);
+  const r = w(null);
   return l(() => {
-    const { current: r } = i;
-    if (!r) return;
+    const { current: i } = r;
+    if (!i) return;
     e();
     const s = m(() => {
       e();
     }, t), c = new ResizeObserver(s);
-    return c.observe(r), () => {
+    return c.observe(i), () => {
       c.disconnect(), s.cancel();
     };
-  }, [i, e, t, n]), { ref: i };
-}, x = () => {
+  }, [r, e, t, n]), { ref: r };
+}, L = () => {
   const [e, t] = u(!1), n = () => {
-    i.current && t(b(i.current));
-  }, { ref: i } = p(n);
-  return { ref: i, isOverFlowing: e };
+    r.current && t(b(r.current));
+  }, { ref: r } = p(n);
+  return { ref: r, isOverFlowing: e };
 }, E = (e) => {
-  const [t, n] = u(!1), i = () => {
-    r.current && n(y(r.current));
-  }, { ref: r } = p(i, 200);
-  return { ref: r, isTextWrapping: t };
-}, T = (e) => {
+  const [t, n] = u(!1), r = () => {
+    i.current && n(y(i.current));
+  }, { ref: i } = p(r, 200);
+  return { ref: i, isTextWrapping: t };
+}, P = (e) => {
   const [t, n] = u(
     () => a.findVar(e) ?? ""
   );
   return d(() => {
-    const i = (r) => {
-      n(r);
+    const r = (i) => {
+      n(i);
     };
-    return a.findVar(e, i), () => {
-      a.unsubscribe(e, i);
+    return a.findVar(e, r), () => {
+      a.unsubscribe(e, r);
     };
   }, [e]), t;
 };
-function F(e) {
+function T(e) {
   const [t, n] = u(!1);
   return l(() => {
     if (typeof window > "u") return;
-    const i = (o) => o ? getComputedStyle(o).direction : "ltr", r = () => {
+    const r = (o) => o ? getComputedStyle(o).direction : "ltr", i = () => {
       const o = e.current;
-      return o ? i(o) === "rtl" || !!o.closest('[dir="rtl"]') || i(document.documentElement) === "rtl" : !1;
+      return o ? r(o) === "rtl" || !!o.closest('[dir="rtl"]') || r(document.documentElement) === "rtl" : !1;
     };
-    n(r());
-    const s = new MutationObserver(() => n(r()));
+    n(i());
+    const s = new MutationObserver(() => n(i()));
     s.observe(document.documentElement, {
       attributes: !0,
       attributeFilter: ["dir", "class"],
@@ -77,20 +78,20 @@ function F(e) {
       // catch any descendant <div dir="rtl">
     });
     const c = requestAnimationFrame(function o() {
-      n(r()), requestAnimationFrame(o);
+      n(i()), requestAnimationFrame(o);
     });
     return () => {
       s.disconnect(), cancelAnimationFrame(c);
     };
   }, [e]), t;
 }
-const O = () => {
+const F = () => {
   const [e, t] = u(!1);
   return d(() => {
     if (typeof window > "u") return;
     const n = () => {
-      const i = "ontouchstart" in window || navigator.maxTouchPoints > 0, r = window.innerHeight > window.innerWidth, s = r ? window.innerWidth : window.innerHeight, c = r ? window.innerHeight : window.innerWidth, o = s < 1024 || c < 768;
-      t(i && o);
+      const r = "ontouchstart" in window || navigator.maxTouchPoints > 0, i = window.innerHeight > window.innerWidth, s = i ? window.innerWidth : window.innerHeight, c = i ? window.innerHeight : window.innerWidth, o = s < 1024 || c < 768;
+      t(r && o);
     };
     return n(), window.addEventListener("resize", n, { passive: !0 }), window.addEventListener("orientationchange", n, { passive: !0 }), () => {
       window.removeEventListener("resize", n), window.removeEventListener("orientationchange", n);
@@ -98,11 +99,12 @@ const O = () => {
   }, []), e;
 };
 export {
-  T as useCSSLookup,
+  P as useCSSLookup,
   V as useId,
-  x as useIsOverFlowing,
+  M as useInteractiveProps,
+  L as useIsOverFlowing,
   E as useIsTextWrapping,
-  O as useMobileDetection,
-  F as useRTLDirection,
+  F as useMobileDetection,
+  T as useRTLDirection,
   p as useResizeObserver
 };

package/utils/hooks/useDebounced.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),a=(r,s)=>{const c=t.useRef(null),u=t.useRef(r);u.current=r;const e=t.useCallback(()=>{c.current&&clearTimeout(c.current)},[]),o=t.useCallback((...n)=>{e(),c.current=setTimeout(()=>{u.current(...n)},s)},[e,s]),l=t.useCallback((...n)=>{e(),u.current(...n)},[e]);return t.useEffect(()=>e,[e]),{debounced:o,immediate:l,cancel:e}};exports.useDebounced=a;

package/utils/hooks/useDebounced.d.ts

@@ -0,0 +1,5 @@
+export declare const useDebounced: <T extends (...args: any[]) => void>(callback: T, delay: number) => {
+    debounced: (...args: Parameters<T>) => void;
+    immediate: (...args: Parameters<T>) => void;
+    cancel: () => void;
+};

package/utils/hooks/useDebounced.es.js

@@ -0,0 +1,18 @@
+import t from "react";
+const f = (n, o) => {
+  const c = t.useRef(null), u = t.useRef(n);
+  u.current = n;
+  const e = t.useCallback(() => {
+    c.current && clearTimeout(c.current);
+  }, []), s = t.useCallback((...r) => {
+    e(), c.current = setTimeout(() => {
+      u.current(...r);
+    }, o);
+  }, [e, o]), a = t.useCallback((...r) => {
+    e(), u.current(...r);
+  }, [e]);
+  return t.useEffect(() => e, [e]), { debounced: s, immediate: a, cancel: e };
+};
+export {
+  f as useDebounced
+};

package/utils/hooks/useEffectAfterMount.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),f=(r,u)=>{const e=t.useRef(!0);t.useEffect(()=>{if(e.current){e.current=!1;return}return r()},u)};exports.useEffectAfterMount=f;

package/utils/hooks/useEffectAfterMount.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const useEffectAfterMount: (effect: React.EffectCallback, deps?: React.DependencyList) => void;

package/utils/hooks/useEffectAfterMount.es.js

@@ -0,0 +1,14 @@
+import t from "react";
+const n = (r, u) => {
+  const e = t.useRef(!0);
+  t.useEffect(() => {
+    if (e.current) {
+      e.current = !1;
+      return;
+    }
+    return r();
+  }, u);
+};
+export {
+  n as useEffectAfterMount
+};

package/utils/hooks/useInteractiveProps.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),v=require("../../chunks/dom.zgzOBFUw.js");function a({isInteractive:n,disabled:r,isClickable:e,elementType:o,href:i,target:u,rel:c,onClick:f,onKeyDown:s}){return b.useMemo(()=>{const t={};return n&&(t["aria-disabled"]=r||void 0,t.onClick=f,e&&(o==="a"&&i&&!r&&(t.href=i,u&&(t.target=u),t.rel=v.getSecureRelAttribute(u,c)),o==="button"&&(t.type="button"),o==="div"&&(t.tabIndex=r?-1:0,t.onKeyDown=s,t.role="button"))),t},[n,r,e,o,i,u,c,f,s])}exports.useInteractiveProps=a;

package/utils/hooks/useInteractiveProps.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+export type InteractiveElementType = 'div' | 'a' | 'button';
+export interface UseInteractivePropsOptions {
+    isInteractive: boolean;
+    disabled: boolean;
+    isClickable: boolean;
+    elementType: InteractiveElementType;
+    href?: string;
+    target?: string;
+    rel?: string;
+    onClick: (event: React.MouseEvent<HTMLElement>) => void;
+    onKeyDown: (event: React.KeyboardEvent<HTMLElement>) => void;
+}
+export type InteractiveProps = React.HTMLAttributes<HTMLElement> & {
+    href?: string;
+    target?: string;
+    rel?: string;
+};
+/**
+ * Returns props for an interactive container (e.g. clickable/selectable Card)
+ * that may render as div, anchor, or button. Handles aria-disabled, tabIndex,
+ * keyboard handler, and link attributes when elementType is 'a'.
+ */
+export declare function useInteractiveProps({ isInteractive, disabled, isClickable, elementType, href, target, rel, onClick, onKeyDown, }: UseInteractivePropsOptions): InteractiveProps;

package/utils/hooks/useInteractiveProps.es.js

@@ -0,0 +1,31 @@
+import { useMemo as m } from "react";
+import { a as s } from "../../chunks/dom.DGM-dxLe.js";
+function a({
+  isInteractive: i,
+  disabled: r,
+  isClickable: n,
+  elementType: t,
+  href: f,
+  target: u,
+  rel: p,
+  onClick: b,
+  onKeyDown: c
+}) {
+  return m(() => {
+    const o = {};
+    return i && (o["aria-disabled"] = r || void 0, o.onClick = b, n && (t === "a" && f && !r && (o.href = f, u && (o.target = u), o.rel = s(u, p)), t === "button" && (o.type = "button"), t === "div" && (o.tabIndex = r ? -1 : 0, o.onKeyDown = c, o.role = "button"))), o;
+  }, [
+    i,
+    r,
+    n,
+    t,
+    f,
+    u,
+    p,
+    b,
+    c
+  ]);
+}
+export {
+  a as useInteractiveProps
+};

package/chunks/ActionList.Group.Bv9vgU22.js

@@ -1 +0,0 @@
-"use strict";const d=require("react/jsx-runtime"),I=require("clsx"),t=require("./ActionList.Item.D7Rg5iMb.js"),$=require("./classNames.DAeKwerT.js");require("./constants.hwjHOsvT.js");const E=require("../lib/ActionList/ActionListSelectionContext.cjs.js"),_=require("../lib/ActionList/ActionListIndentationContext.cjs.js"),N=require("../lib/Divider/Divider.cjs.js"),o=require("react"),L=require("../utils/functions.cjs.js"),P=require("../lib/ActionList/ActionList.context.cjs.js"),b=({children:u,disabled:n,allowGroups:c=!1,kind:r="action"})=>{const{allowChildrenTypes:l=[]}=P.useActionListContext();return o.useMemo(()=>{let s=!1;const m=[t.ActionListItem,...c?[C]:[],...l];return{children:o.Children.toArray(u).flatMap((e,p)=>{if(!o.isValidElement(e))return[];const{disabled:a,kind:h}=e.props;if(L.isSameComponent(e.type,t.ActionListItem)){const i=h??r;return s=s||t.isChoiceKind(i),[o.cloneElement(e,{disabled:n??a,kind:i})]}if(c&&L.isSameComponent(e.type,C)){const i=e.props;return o.Children.forEach(i.children,x=>{if(o.isValidElement(x)){const v=x.props.kind??i.kind??r;s=s||t.isChoiceKind(v)}}),[o.cloneElement(e,{disabled:n??a})]}if(l.some(i=>L.isSameComponent(e.type,i)))return[o.cloneElement(e,{disabled:n??a})];const A=m.map(i=>i.displayName??i.name).join(", ").replace(/, (.+?)$/," or $1");return console.warn(`ActionList: Invalid child at position ${p}. Only ${A} allowed.`),[]}),hasChoiceItems:s}},[u,l,c,n,r])},{baseClassNamePrefix:g,classModifierPrefix:y,subElementClassPrefix:q}=$.getBEMClassNames("action-list__group"),C=({children:u,heading:n,divider:c=!1,kind:r="action",className:l,disabled:s,indent:m,role:f="group"})=>{const e=I(t.styles[g],t.styles[`${y}kind-${r}`],s&&t.styles[`${y}disabled`],l),{children:p,hasChoiceItems:a}=b({children:u,disabled:s,allowGroups:!1,kind:r}),h=_.useActionListIndentation({hasChoiceItems:a,indentProp:m}),A=typeof n=="string"?d.jsx("div",{className:t.styles[`${q}heading`],children:n}):n;return d.jsx(E.ActionListSelectionProvider,{kind:r,children:d.jsx(_.ActionListIndentationProvider,{indent:h,children:d.jsxs("div",{className:e,role:f,children:[A||null,p,c&&d.jsx(N.Divider,{borderColor:"01",className:t.styles[`${q}divider`],role:"presentation","aria-orientation":void 0})]})})})};exports.ActionListGroup=C;exports.useActionListChildren=b;

package/chunks/ActionList.Group.DuNxYNZQ.js

@@ -1,107 +0,0 @@
-import { jsx as m, jsxs as b } from "react/jsx-runtime";
-import E from "clsx";
-import { A as L, i as $, s as l } from "./ActionList.Item.Dg_KHGsm.js";
-import { g as M } from "./classNames.DNsS4J__.js";
-import "./constants.BBi77pmH.js";
-import { ActionListSelectionProvider as j } from "../lib/ActionList/ActionListSelectionContext.es.js";
-import { useActionListIndentation as k, ActionListIndentationProvider as w } from "../lib/ActionList/ActionListIndentationContext.es.js";
-import { Divider as D } from "../lib/Divider/Divider.es.js";
-import { useMemo as K, Children as g, isValidElement as v, cloneElement as h } from "react";
-import { isSameComponent as C } from "../utils/functions.es.js";
-import { useActionListContext as S } from "../lib/ActionList/ActionList.context.es.js";
-const B = ({
-  children: c,
-  disabled: o,
-  allowGroups: r = !1,
-  kind: t = "action"
-}) => {
-  const { allowChildrenTypes: n = [] } = S();
-  return K(() => {
-    let s = !1;
-    const d = [
-      L,
-      ...r ? [N] : [],
-      ...n
-    ];
-    return { children: g.toArray(c).flatMap((e, p) => {
-      if (!v(e))
-        return [];
-      const { disabled: a, kind: f } = e.props;
-      if (C(e.type, L)) {
-        const i = f ?? t;
-        return s = s || $(i), [
-          h(e, {
-            disabled: o ?? a,
-            kind: i
-          })
-        ];
-      }
-      if (r && C(e.type, N)) {
-        const i = e.props;
-        return g.forEach(i.children, (y) => {
-          if (v(y)) {
-            const I = y.props.kind ?? i.kind ?? t;
-            s = s || $(I);
-          }
-        }), [
-          h(e, {
-            disabled: o ?? a
-          })
-        ];
-      }
-      if (n.some(
-        (i) => C(e.type, i)
-      ))
-        return [
-          h(e, {
-            disabled: o ?? a
-          })
-        ];
-      const u = d.map((i) => i.displayName ?? i.name).join(", ").replace(/, (.+?)$/, " or $1");
-      return console.warn(
-        `ActionList: Invalid child at position ${p}. Only ${u} allowed.`
-      ), [];
-    }), hasChoiceItems: s };
-  }, [c, n, r, o, t]);
-}, { baseClassNamePrefix: O, classModifierPrefix: x, subElementClassPrefix: P } = M("action-list__group"), N = ({
-  children: c,
-  heading: o,
-  divider: r = !1,
-  kind: t = "action",
-  className: n,
-  disabled: s,
-  indent: d,
-  role: A = "group"
-}) => {
-  const e = E(
-    l[O],
-    l[`${x}kind-${t}`],
-    s && l[`${x}disabled`],
-    n
-  ), { children: p, hasChoiceItems: a } = B({
-    children: c,
-    disabled: s,
-    allowGroups: !1,
-    kind: t
-  }), f = k({
-    hasChoiceItems: a,
-    indentProp: d
-  }), u = typeof o == "string" ? /* @__PURE__ */ m("div", { className: l[`${P}heading`], children: o }) : o;
-  return /* @__PURE__ */ m(j, { kind: t, children: /* @__PURE__ */ m(w, { indent: f, children: /* @__PURE__ */ b("div", { className: e, role: A, children: [
-    u || null,
-    p,
-    r && /* @__PURE__ */ m(
-      D,
-      {
-        borderColor: "01",
-        className: l[`${P}divider`],
-        role: "presentation",
-        "aria-orientation": void 0
-      }
-    )
-  ] }) }) });
-};
-export {
-  N as A,
-  B as u
-};

package/chunks/ActionList.Item.D7Rg5iMb.js

@@ -1 +0,0 @@
-var At=require("../assets/ActionList.css");const e=require("react/jsx-runtime"),tt=require("../lib/ActionList/ActionListIndentationContext.cjs.js"),et=require("clsx"),it=require("./classNames.DAeKwerT.js");require("./constants.hwjHOsvT.js");const w=require("../lib/Icon/Icon.cjs.js"),N=require("./tokens.Bgac_JPh.js"),st=require("./Check.CR4kqxW9.js"),nt=require("./ChevronRightCurved.CoT-Bqyo.js"),ot=require("../lib/StateLayer/StateLayer.cjs.js"),ct=require("../lib/ActionList/ActionListSelectionContext.cjs.js"),rt=require("../lib/Tooltip/Tooltip.cjs.js"),x=require("../utils/functions.cjs.js"),lt=require("../lib/Tooltip/useTooltipClipping.cjs.js"),n=require("react"),at=require("../lib/Checkbox/Checkbox.cjs.js"),_t=require("../lib/RadioButton/RadioButton.cjs.js"),mt=require("@floating-ui/react"),ut=require("../lib/ActionList/ActionList.Item.context.cjs.js"),bt=require("../lib/ActionList/ActionList.context.cjs.js"),dt=require("../lib/Form/hooks/useAccessibleId.hook.cjs.js");require("./form.context.B1PXIJNq.js");const ht=require("../lib/Switch/Switch.cjs.js"),i={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-action-list":"bm-action-list","bm-action-list__no-results":"bm-action-list__no-results","bm-action-list__loading":"bm-action-list__loading","bm-action-list__item":"bm-action-list__item","bm-action-list__item__supporting-text":"bm-action-list__item__supporting-text","bm-action-list__item--kind-destructive":"bm-action-list__item--kind-destructive","bm-action-list__item--disabled":"bm-action-list__item--disabled","bm-state-layer":"bm-state-layer","bm-action-list__item--active":"bm-action-list__item--active","bm-action-list__item__choice":"bm-action-list__item__choice","bm-action-list__item__switch":"bm-action-list__item__switch","bm-action-list__item__content-before":"bm-action-list__item__content-before","bm-action-list__item__content":"bm-action-list__item__content","bm-action-list__item__text":"bm-action-list__item__text","bm-action-list__item--header":"bm-action-list__item--header","bm-action-list__item__content-after":"bm-action-list__item__content-after","bm-button":"bm-button","bm-action-list__item__flyout":"bm-action-list__item__flyout","bm-action-list__group":"bm-action-list__group","bm-action-list__group__heading":"bm-action-list__group__heading","bm-action-list__group__divider":"bm-action-list__group__divider","bm-action-list__item__icon-button__placeholder":"bm-action-list__item__icon-button__placeholder"},xt="singleCheckMark",ft="multiCheckMark",kt="checkbox",Ct="radio",vt="switch",pt=[xt,ft,kt,Ct,vt],k=r=>pt.includes(r),{baseClassNamePrefix:gt,classModifierPrefix:f,subElementClassPrefix:o}=it.getBEMClassNames("action-list__item"),C=n.createContext({current:null}),qt=()=>n.useContext(C),yt=n.forwardRef(({children:r,supportingText:v,contentAfter:p,contentBefore:g,onClick:a,onSelectionChange:$,defaultSelected:M=!1,kind:T="action",indent:F,disabled:l=!1,className:D,role:_,tooltipPlacement:E,hidden:K,...P},O)=>{const{kind:t}=ut.useActionListItemContext(T),{onItemClick:m,itemsFocusable:z,getItemProps:u,insideMenu:q,activeIndex:B}=bt.useActionListContext(),{selected:b,setSelected:G}=ct.useActionListItemSelection(t,M,$),[c,H]=n.useState(b);n.useEffect(()=>{requestAnimationFrame(()=>H(b))},[b]);const y=k(t),J=t==="flyout",d=tt.useActionListIndentation({isChoiceItem:y,indentProp:F}),{index:A,ref:Q}=mt.useListItem({label:l?null:x.extractTextFromReactNode(r)}),I=s=>{l||(k(t)?G(!c):a==null||a(s),m==null||m(A,t,s.nativeEvent))},U=s=>{(s.key==="Enter"||s.key===" ")&&(s.preventDefault(),I(s))},h=n.useCallback(s=>{s.preventDefault()},[]),L=n.useRef(null),R=n.useRef(null),V=lt.useTooltipClipping({clippingRef:R}),W=x.mergeRefs(Q,O),X=n.useMemo(()=>_||(q?t==="singleCheckMark"||t==="radio"?"menuitemradio":t==="multiCheckMark"||t==="checkbox"||t==="switch"?"menuitemcheckbox":"menuitem":"option"),[_,q,t]),j={...P,onClick:I,tabIndex:z?0:-1},{id:Y}=dt.useAccessibleId(),S=B===A,Z=et(i[gt],i[`${f}kind-${t}`],l&&i[`${f}disabled`],S&&i[`${f}active`],D);return e.jsxs(C.Provider,{value:L,children:[e.jsx(rt.Tooltip,{showDelay:500,portalled:!0,text:x.extractTextFromReactNode(r),...V,placement:E,children:e.jsxs("div",{className:Z,role:X,"aria-checked":c||void 0,"aria-selected":S||void 0,"aria-disabled":l,onKeyDown:U,id:Y,...(u==null?void 0:u(j))??j,ref:W,hidden:K,children:[d&&e.jsx("div",{style:{width:d===!0?N.bmCompActionlistSizeIcon:`${d}rem`}}),y&&t!=="switch"&&e.jsxs("div",{className:i[`${o}choice`],inert:"",children:[(t==="singleCheckMark"||t==="multiCheckMark")&&c&&e.jsx(w.Icon,{customIconSize:N.bmCompActionlistSizeChoice,icon:st.SvgCheck}),t==="checkbox"&&e.jsx(at.Checkbox,{checked:c,onChange:h}),t==="radio"&&e.jsx(_t.RadioButton,{checked:c,onChange:h})]}),g&&e.jsx("div",{className:i[`${o}content-before`],children:g}),e.jsxs("div",{className:i[`${o}content`],children:[e.jsx("div",{className:i[`${o}text`],ref:R,children:r}),v&&e.jsx("div",{className:i[`${o}supporting-text`],children:v})]}),p&&e.jsx("div",{className:i[`${o}content-after`],children:p}),t==="switch"&&e.jsx("div",{className:i[`${o}switch`],inert:"",children:e.jsx(ht.Switch,{checked:c,onChange:h})}),J&&e.jsx(w.Icon,{className:i[`${o}flyout`],icon:nt.SvgChevronRightCurved}),e.jsx(ot.StateLayer,{})]})}),e.jsx("div",{ref:L})]})});exports.ActionListItem=yt;exports.ActionListItemOverlayRefContext=C;exports.isChoiceKind=k;exports.styles=i;exports.useActionListItemOverlayRef=qt;

package/chunks/card.module.BG9mkRao.js

@@ -1 +0,0 @@
-var e=require("../assets/card.css");const a={"bm-light":"bm-light","bm-dark":"bm-dark","bm-inverse":"bm-inverse","bm-card":"bm-card","bm-card--default-background":"bm-card--default-background","bm-card--default-shadow":"bm-card--default-shadow","bm-card--default-border":"bm-card--default-border","bm-card--default-border-radius":"bm-card--default-border-radius","bm-card--interactive":"bm-card--interactive","bm-state-layer":"bm-state-layer","bm-card--disabled":"bm-card--disabled","bm-card--selected":"bm-card--selected","bm-card__content":"bm-card__content","bm-card__content--density-sm":"bm-card__content--density-sm","bm-card__content--density-md":"bm-card__content--density-md","bm-card__content--density-lg":"bm-card__content--density-lg","bm-card__header":"bm-card__header","bm-card__header__content-before":"bm-card__header__content-before","bm-card__header__heading":"bm-card__header__heading","bm-card__header__heading__eyebrow":"bm-card__header__heading__eyebrow","bm-card__header__heading__text":"bm-card__header__heading__text","bm-card__header__heading__supporting-text":"bm-card__header__heading__supporting-text","bm-card__header__content-after":"bm-card__header__content-after","bm-card__media-below":"bm-card__media-below","bm-card__media-above":"bm-card__media-above","bm-card__media-above--overlay-color-black-10":"bm-card__media-above--overlay-color-black-10","bm-card__media-below--overlay-color-black-10":"bm-card__media-below--overlay-color-black-10","bm-card__media-above--overlay-color-black-20":"bm-card__media-above--overlay-color-black-20","bm-card__media-below--overlay-color-black-20":"bm-card__media-below--overlay-color-black-20","bm-card__media-above--overlay-color-black-30":"bm-card__media-above--overlay-color-black-30","bm-card__media-below--overlay-color-black-30":"bm-card__media-below--overlay-color-black-30","bm-card__media-above--overlay-color-black-40":"bm-card__media-above--overlay-color-black-40","bm-card__media-below--overlay-color-black-40":"bm-card__media-below--overlay-color-black-40","bm-card__media-above--overlay-color-white-10":"bm-card__media-above--overlay-color-white-10","bm-card__media-below--overlay-color-white-10":"bm-card__media-below--overlay-color-white-10","bm-card__media-above--overlay-color-white-20":"bm-card__media-above--overlay-color-white-20","bm-card__media-below--overlay-color-white-20":"bm-card__media-below--overlay-color-white-20","bm-card__media-above--overlay-color-white-30":"bm-card__media-above--overlay-color-white-30","bm-card__media-below--overlay-color-white-30":"bm-card__media-below--overlay-color-white-30","bm-card__media-above--overlay-color-white-40":"bm-card__media-above--overlay-color-white-40","bm-card__media-below--overlay-color-white-40":"bm-card__media-below--overlay-color-white-40","bm-card__media-above__overlay-top":"bm-card__media-above__overlay-top","bm-card__media-above__overlay-middle":"bm-card__media-above__overlay-middle","bm-card__media-above__overlay-bottom":"bm-card__media-above__overlay-bottom","bm-card__media-below__overlay-top":"bm-card__media-below__overlay-top","bm-card__media-below__overlay-middle":"bm-card__media-below__overlay-middle","bm-card__media-below__overlay-bottom":"bm-card__media-below__overlay-bottom","bm-card__body":"bm-card__body","bm-card__footer":"bm-card__footer","bm-card__footer__actions":"bm-card__footer__actions","bm-card__footer__actions--start":"bm-card__footer__actions--start","bm-card__footer__actions--end":"bm-card__footer__actions--end","bm-card__footer__actions--spaceBetween":"bm-card__footer__actions--spaceBetween","bm-card__footer__actions--stacked":"bm-card__footer__actions--stacked"};exports.styles=a;

package/chunks/dom.CVmkHCnh.js

@@ -1,21 +0,0 @@
-const o = (n) => new DOMRect(
-  n.x + window.scrollX,
-  n.y + window.scrollY,
-  n.width,
-  n.height
-), i = (n) => {
-  if (!n)
-    return null;
-  const t = n.getBoundingClientRect();
-  return o(t);
-}, l = (n, t) => {
-  if (n === "_blank") {
-    const e = t ? t.split(/\s+/) : [];
-    return e.includes("noopener") || e.push("noopener"), e.join(" ");
-  }
-  return t;
-};
-export {
-  i as a,
-  l as g
-};

package/chunks/dom.PCrm8EUc.js

@@ -1 +0,0 @@
-"use strict";const i=t=>new DOMRect(t.x+window.scrollX,t.y+window.scrollY,t.width,t.height),o=t=>{if(!t)return null;const e=t.getBoundingClientRect();return i(e)},l=(t,e)=>{if(t==="_blank"){const n=e?e.split(/\s+/):[];return n.includes("noopener")||n.push("noopener"),n.join(" ")}return e};exports.getElementScrollBoundingClientRect=o;exports.getSecureRelAttribute=l;

package/chunks/tokens.Bgac_JPh.js

@@ -1 +0,0 @@
-"use strict";const o="var(--bm-sem-color-surface-01)",e="var(--bm-sem-space-100)",c="var(--bm-comp-actionlist-size-icon)",p="var(--bm-comp-actionlist-size-choice)",m="var(--bm-comp-file-upload-color-file-icon-success)",r="var(--bm-comp-file-upload-color-file-icon-error)",i="var(--bm-comp-helper-text-space-top)",t="var(--bm-comp-popover-space-offset)",l="var(--bm-comp-tooltip-space-arrow)",s="var(--bm-comp-tooltip-space-offset)";exports.bmCompActionlistSizeChoice=p;exports.bmCompActionlistSizeIcon=c;exports.bmCompFileUploadColorFileIconError=r;exports.bmCompFileUploadColorFileIconSuccess=m;exports.bmCompHelperTextSpaceTop=i;exports.bmCompPopoverSpaceOffset=t;exports.bmCompTooltipSpaceArrow=l;exports.bmCompTooltipSpaceOffset=s;exports.bmSemColorSurface01=o;exports.bmSemSpace100=e;

package/chunks/tokens.CXaNS8Cf.js

@@ -1,13 +0,0 @@
-const o = "var(--bm-sem-color-surface-01)", c = "var(--bm-sem-space-100)", e = "var(--bm-comp-actionlist-size-icon)", s = "var(--bm-comp-actionlist-size-choice)", p = "var(--bm-comp-file-upload-color-file-icon-success)", a = "var(--bm-comp-file-upload-color-file-icon-error)", m = "var(--bm-comp-helper-text-space-top)", r = "var(--bm-comp-popover-space-offset)", t = "var(--bm-comp-tooltip-space-arrow)", i = "var(--bm-comp-tooltip-space-offset)";
-export {
-  o as a,
-  c as b,
-  r as c,
-  t as d,
-  i as e,
-  p as f,
-  a as g,
-  e as h,
-  s as i,
-  m as j
-};