@viasat/beam-shared 2.0.0

package/lib/utils/helpers.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("./constants.cjs.js"),v=e=>e.charAt(0).toUpperCase()+e.slice(1),S=e=>Object.values(e),T=e=>Object.entries(e);function E(e,t=w.FPS_120){let o;const r=(...n)=>{o!==void 0&&clearTimeout(o),o=setTimeout(()=>e(...n),t)};return r.cancel=()=>{o!==void 0&&clearTimeout(o)},r}const y=e=>{var o;const t=e.target;try{return t.assignedNodes().length>0||((o=t.assignedNodes()[0].textContent)==null?void 0:o.trim())!==""}catch{return!1}},R=e=>{if(!e||e.length===0)return!1;for(const t of e)if(t.nodeType===Node.ELEMENT_NODE||t.nodeType===Node.TEXT_NODE&&t.data.trim()!=="")return!0;return!1},C=(e,t={})=>{const o=Object.entries(t).reduce((r,[n,a])=>`${r} ${n}='${a}'`,"");return e.replace("<svg",`<svg ${o}`)},x=(e,t)=>t.some(o=>e.has(o)),L=e=>({decorate:t=>{if(!e)return;Object.keys(t).forEach(r=>{e[r]=t[r]})}}),M=e=>{const o=e.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]), [contenteditable]:not([contenteditable="false"])');return o||null},B=(e,t)=>!!e.composedPath().find(n=>n===t),A=(e,t)=>{if(!e||Object.keys(e).length===0)return[e,e];const o={},r={};return Object.keys(e).forEach(n=>{t.includes(n)?o[n]=e[n]:r[n]=e[n]}),[o,r]},D=()=>{if(typeof window>"u")return!1;const e=(navigator==null?void 0:navigator.userAgent)||(navigator==null?void 0:navigator.vendor)||(window==null?void 0:window.opera),t=["(android|bb\\d+|meego).+mobile","avantgo|bada\\/","blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)","iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront","opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\\/","plucker|pocket|psp|series([46])0|symbian|treo|up\\.(browser|link)","vodafone|wap|windows ce|xda|xiino"].join("|"),o=["1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s-)","ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)","as(te|us)|attw|au(di|-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)","bl(ac|az)|br([ev])w|bumb|bw-([nu])|c55\\/|capi|ccwa|cdm-","cell|chtm|cldc|cmd-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc-s|devi","dica|dmob|do([cp])o|ds(12|-d)|el(49|ai)|em(l2|ul)|er(ic|k0)","esl8|ez([4-7]0|os|wa|ze)|fetc|fly([-_])|g1 u|g560|gene|gf-5|g-mo","go(\\.w|od)|gr(ad|un)|haie|hcit|hd-([mpt])|hei-|hi(pt|ta)","hp( i|ip)|hs-c|ht(c([- _agpst])|tp)|hu(aw|tc)|i-(20|go|ma)","i230|iac([ \\-\\/])"].join("|");return new RegExp(t,"i").test(e)||new RegExp(o,"i").test(e.substr(0,4))};var h=(e=>(e.TOP="top",e.LEFT="left",e.RIGHT="right",e.BOTTOM="bottom",e))(h||{});const F=(e,t=300)=>{let o,r,n;return function(){const a=this,i=arguments;o?(clearTimeout(r),r=setTimeout(()=>{Date.now()-n>=t&&(e.apply(a,i),n=Date.now())},Math.max(t-(Date.now()-n),0))):(e.apply(a,i),n=Date.now(),o=!0)}},P=(e,t,o)=>{const{innerHeight:r,innerWidth:n}=window,{top:a,left:i,right:g,bottom:b}=o;return{top:(d,m)=>{if(m){const c=r-b,u=c<e,f=a>c;return u&&f?"bottom":"top"}const s=r-b,l=a<e,p=s>e;return l&&p?"bottom":"top"},bottom:(d,m)=>{if(m){const c=r-b,u=a<e,f=c>e;return u&&f?"top":"bottom"}const s=r-b,l=s<e,p=a>s;return l&&p?"top":"bottom"},left:d=>{if(d){const p=n-g,c=t>p,u=i>t;return c&&u?"right":"left"}const m=n-g,s=i<t,l=m>t;return s&&l?"right":"left"},right:d=>{if(d){const p=n-g,c=i<t,u=p>t;return c&&u?"left":"right"}const s=n-g<t,l=i>t;return s&&l?"left":"right"}}};function I(e,t){return Math.random()*(t-e)+e}function N(e,t){return e=Math.ceil(e),t=Math.floor(t),Math.floor(Math.random()*(t-e+1))+e}function k(e){return typeof window>"u"?!1:window.HTMLElement.prototype.hasOwnProperty(e)}const z=e=>e.replace(/^([A-Z])/,t=>t.toLowerCase()).replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g,"$1-$2").toLowerCase();exports.Directions=h;exports.attributeDecorator=L;exports.camelCaseToKebabCase=z;exports.capitalizeFirstLetter=v;exports.debounce=E;exports.doesEventContainElement=B;exports.doesWebComponentSlotExist=y;exports.enrichSVGIcon=C;exports.findFirstFocusableElement=M;exports.getDirection=P;exports.getRandomArbitrary=I;exports.getRandomInt=N;exports.getTypedEntries=T;exports.getTypedValues=S;exports.isAPISupported=k;exports.isMobileDevice=D;exports.nodesHaveContent=R;exports.partitionProps=A;exports.propsChanged=x;exports.throttle=F;

package/lib/utils/helpers.d.ts

@@ -0,0 +1,66 @@
+declare global {
+    interface Window {
+        opera: string;
+    }
+}
+export type PartialBy<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
+export declare const capitalizeFirstLetter: (str: string) => string;
+export declare const getTypedValues: <T extends Record<string, unknown>>(obj: T) => Array<T[keyof T]>;
+export declare const getTypedEntries: <T extends Record<string, unknown>>(obj: T) => Array<[keyof T, T[keyof T]]>;
+export declare function debounce<F extends (...args: Parameters<F>) => ReturnType<F>>(func: F, waitFor?: number): F & {
+    cancel: () => void;
+};
+/**
+ * @deprecated Use `nodesHaveContent` instead with a slot query pattern
+ */
+export declare const doesWebComponentSlotExist: (e: Event) => boolean;
+export declare const nodesHaveContent: (nodes?: readonly Node[] | null) => boolean;
+export declare const enrichSVGIcon: (icon: string, options?: Record<string, string>) => string;
+export declare const propsChanged: (changedProperties: Map<string, unknown>, subscribedProperties: Array<string>) => boolean;
+export declare const attributeDecorator: (element: HTMLElement) => {
+    decorate: (attributes: Record<string, unknown>) => void;
+};
+export declare const findFirstFocusableElement: (container: HTMLElement) => HTMLElement | null;
+export declare const doesEventContainElement: (e: Event, element: HTMLElement) => boolean;
+/**
+ * Allows to create two groups of object properties: selected and left.
+ * Useful for taking props needed in component that might be generic
+ * (consider breakpoints) and passing all the rest to further down to the component.
+ * @param _filteredObj
+ * @param selectedKeys
+ * @returns
+ */
+export declare const partitionProps: <T extends Record<string, unknown>, U extends keyof T>(_filteredObj: T, selectedKeys: Readonly<Array<U>>) => [Pick<T, U>, Omit<T, U>];
+/**
+ * Checks if the device is mobile
+ * @returns {boolean}
+ */
+export declare const isMobileDevice: () => boolean;
+export declare enum Directions {
+    TOP = "top",
+    LEFT = "left",
+    RIGHT = "right",
+    BOTTOM = "bottom"
+}
+export declare const throttle: (fn: Function, wait?: number) => (this: unknown) => void;
+export declare const getDirection: (totalHeight: number, totalWidth: number, triggerCoords: DOMRectReadOnly) => Record<Directions, (isStraight?: boolean, isAligned?: boolean) => Directions>;
+/**
+ * Returns a random number between min (inclusive) and max (exclusive)
+ */
+export declare function getRandomArbitrary(min: number, max: number): number;
+/**
+ * Returns a random integer between min (inclusive) and max (inclusive).
+ * The value is no lower than min (or the next integer greater than min
+ * if min isn't an integer) and no greater than max (or the next integer
+ * lower than max if max isn't an integer).
+ * Using Math.round() will give you a non-uniform distribution!
+ */
+export declare function getRandomInt(min: number, max: number): number;
+/**
+ * SSR-safe check to see if an HTML API is supported
+ */
+export declare function isAPISupported(prop: string): boolean;
+/**
+ * Converts a camelCase (or PascalCase) string to kebab-case
+ */
+export declare const camelCaseToKebabCase: (camelCaseString: string) => string;

package/lib/utils/helpers.es.js

@@ -0,0 +1,154 @@
+import { FPS_120 as h } from "./constants.es.js";
+const T = (e) => e.charAt(0).toUpperCase() + e.slice(1), S = (e) => Object.values(e), E = (e) => Object.entries(e);
+function y(e, t = h) {
+  let o;
+  const r = (...n) => {
+    o !== void 0 && clearTimeout(o), o = setTimeout(() => e(...n), t);
+  };
+  return r.cancel = () => {
+    o !== void 0 && clearTimeout(o);
+  }, r;
+}
+const R = (e) => {
+  var o;
+  const t = e.target;
+  try {
+    return t.assignedNodes().length > 0 || ((o = t.assignedNodes()[0].textContent) == null ? void 0 : o.trim()) !== "";
+  } catch {
+    return !1;
+  }
+}, x = (e) => {
+  if (!e || e.length === 0) return !1;
+  for (const t of e)
+    if (t.nodeType === Node.ELEMENT_NODE || t.nodeType === Node.TEXT_NODE && t.data.trim() !== "") return !0;
+  return !1;
+}, C = (e, t = {}) => {
+  const o = Object.entries(t).reduce(
+    (r, [n, a]) => `${r} ${n}='${a}'`,
+    ""
+  );
+  return e.replace("<svg", `<svg ${o}`);
+}, B = (e, t) => t.some((o) => e.has(o)), L = (e) => ({
+  decorate: (t) => {
+    if (!e) return;
+    Object.keys(t).forEach((r) => {
+      e[r] = t[r];
+    });
+  }
+}), M = (e) => {
+  const o = e.querySelector('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"]), [contenteditable]:not([contenteditable="false"])');
+  return o || null;
+}, A = (e, t) => !!e.composedPath().find((n) => n === t), N = (e, t) => {
+  if (!e || Object.keys(e).length === 0)
+    return [e, e];
+  const o = {}, r = {};
+  return Object.keys(e).forEach((n) => {
+    t.includes(n) ? o[n] = e[n] : r[n] = e[n];
+  }), [o, r];
+}, k = () => {
+  if (typeof window > "u") return !1;
+  const e = (navigator == null ? void 0 : navigator.userAgent) || (navigator == null ? void 0 : navigator.vendor) || (window == null ? void 0 : window.opera), t = [
+    "(android|bb\\d+|meego).+mobile",
+    "avantgo|bada\\/",
+    "blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)",
+    "iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront",
+    "opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\\/",
+    "plucker|pocket|psp|series([46])0|symbian|treo|up\\.(browser|link)",
+    "vodafone|wap|windows ce|xda|xiino"
+  ].join("|"), o = [
+    "1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s-)",
+    "ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)",
+    "as(te|us)|attw|au(di|-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)",
+    "bl(ac|az)|br([ev])w|bumb|bw-([nu])|c55\\/|capi|ccwa|cdm-",
+    "cell|chtm|cldc|cmd-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc-s|devi",
+    "dica|dmob|do([cp])o|ds(12|-d)|el(49|ai)|em(l2|ul)|er(ic|k0)",
+    "esl8|ez([4-7]0|os|wa|ze)|fetc|fly([-_])|g1 u|g560|gene|gf-5|g-mo",
+    "go(\\.w|od)|gr(ad|un)|haie|hcit|hd-([mpt])|hei-|hi(pt|ta)",
+    "hp( i|ip)|hs-c|ht(c([- _agpst])|tp)|hu(aw|tc)|i-(20|go|ma)",
+    "i230|iac([ \\-\\/])"
+  ].join("|");
+  return new RegExp(t, "i").test(e) || new RegExp(o, "i").test(e.substr(0, 4));
+};
+var w = /* @__PURE__ */ ((e) => (e.TOP = "top", e.LEFT = "left", e.RIGHT = "right", e.BOTTOM = "bottom", e))(w || {});
+const z = (e, t = 300) => {
+  let o, r, n;
+  return function() {
+    const a = this, i = arguments;
+    o ? (clearTimeout(r), r = setTimeout(() => {
+      Date.now() - n >= t && (e.apply(a, i), n = Date.now());
+    }, Math.max(t - (Date.now() - n), 0))) : (e.apply(a, i), n = Date.now(), o = !0);
+  };
+}, D = (e, t, o) => {
+  const { innerHeight: r, innerWidth: n } = window, {
+    top: a,
+    left: i,
+    right: d,
+    bottom: b
+  } = o;
+  return {
+    top: (g, m) => {
+      if (m) {
+        const c = r - b, u = c < e, f = a > c;
+        return u && f ? "bottom" : "top";
+      }
+      const s = r - b, l = a < e, p = s > e;
+      return l && p ? "bottom" : "top";
+    },
+    bottom: (g, m) => {
+      if (m) {
+        const c = r - b, u = a < e, f = c > e;
+        return u && f ? "top" : "bottom";
+      }
+      const s = r - b, l = s < e, p = a > s;
+      return l && p ? "top" : "bottom";
+    },
+    left: (g) => {
+      if (g) {
+        const p = n - d, c = t > p, u = i > t;
+        return c && u ? "right" : "left";
+      }
+      const m = n - d, s = i < t, l = m > t;
+      return s && l ? "right" : "left";
+    },
+    right: (g) => {
+      if (g) {
+        const p = n - d, c = i < t, u = p > t;
+        return c && u ? "left" : "right";
+      }
+      const s = n - d < t, l = i > t;
+      return s && l ? "left" : "right";
+    }
+  };
+};
+function F(e, t) {
+  return Math.random() * (t - e) + e;
+}
+function O(e, t) {
+  return e = Math.ceil(e), t = Math.floor(t), Math.floor(Math.random() * (t - e + 1)) + e;
+}
+function P(e) {
+  return typeof window > "u" ? !1 : window.HTMLElement.prototype.hasOwnProperty(e);
+}
+const $ = (e) => e.replace(/^([A-Z])/, (t) => t.toLowerCase()).replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase();
+export {
+  w as Directions,
+  L as attributeDecorator,
+  $ as camelCaseToKebabCase,
+  T as capitalizeFirstLetter,
+  y as debounce,
+  A as doesEventContainElement,
+  R as doesWebComponentSlotExist,
+  C as enrichSVGIcon,
+  M as findFirstFocusableElement,
+  D as getDirection,
+  F as getRandomArbitrary,
+  O as getRandomInt,
+  E as getTypedEntries,
+  S as getTypedValues,
+  P as isAPISupported,
+  k as isMobileDevice,
+  x as nodesHaveContent,
+  N as partitionProps,
+  B as propsChanged,
+  z as throttle
+};

package/lib/utils/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./classNames.cjs.js"),e=require("./constants.cjs.js"),s=require("./helpers.cjs.js"),i=require("./styles.cjs.js"),a=require("./dom.cjs.js"),n=require("./raf.cjs.js"),t=require("./overflow.cjs.js");exports.generateSpacingClasses=r.generateSpacingClasses;exports.getBEMClassNames=r.getBEMClassNames;exports.ACCENT=e.ACCENT;exports.ATTRIBUTE=e.ATTRIBUTE;exports.BASE_FONT_SIZE=e.BASE_FONT_SIZE;exports.BEAM_INVERSE=e.BEAM_INVERSE;exports.DEFAULT_ACCENT=e.DEFAULT_ACCENT;exports.DEFAULT_MODE=e.DEFAULT_MODE;exports.DEFAULT_PRODUCT_TYPE=e.DEFAULT_PRODUCT_TYPE;exports.DEFAULT_THEME=e.DEFAULT_THEME;exports.EXPRESSIVE_THEMES=e.EXPRESSIVE_THEMES;exports.FPS_1=e.FPS_1;exports.FPS_120=e.FPS_120;exports.FPS_30=e.FPS_30;exports.FPS_60=e.FPS_60;exports.PRODUCT_TYPE=e.PRODUCT_TYPE;exports.STORAGE_KEY=e.STORAGE_KEY;exports.SYSTEM_MODE_ENABLED_KEY=e.SYSTEM_MODE_ENABLED_KEY;exports.SpacingValues=e.SpacingValues;exports.SpacingValuesAsNumbers=e.SpacingValuesAsNumbers;exports.StaticAppearances=e.StaticAppearances;exports.accentThemeClassName=e.accentThemeClassName;exports.allColors=e.allColors;exports.allSizes=e.allSizes;exports.appearance=e.appearance;exports.appearances=e.appearances;exports.consumer=e.consumer;exports.emphases=e.emphases;exports.enterprise=e.enterprise;exports.expressiveThemeClassName=e.expressiveThemeClassName;exports.info=e.info;exports.infoPrimary=e.infoPrimary;exports.infoSecondary=e.infoSecondary;exports.information=e.information;exports.inverse=e.inverse;exports.lg=e.lg;exports.md=e.md;exports.negative=e.negative;exports.positive=e.positive;exports.prefix=e.prefix;exports.primary=e.primary;exports.productTypeThemeClassName=e.productTypeThemeClassName;exports.secondary=e.secondary;exports.secondaryInverse=e.secondaryInverse;exports.sizes=e.sizes;exports.sm=e.sm;exports.themeClassName=e.themeClassName;exports.themeTypeValues=e.themeTypeValues;exports.warning=e.warning;exports.xl=e.xl;exports.xs=e.xs;exports.xxs=e.xxs;exports.Directions=s.Directions;exports.attributeDecorator=s.attributeDecorator;exports.camelCaseToKebabCase=s.camelCaseToKebabCase;exports.capitalizeFirstLetter=s.capitalizeFirstLetter;exports.debounce=s.debounce;exports.doesEventContainElement=s.doesEventContainElement;exports.doesWebComponentSlotExist=s.doesWebComponentSlotExist;exports.enrichSVGIcon=s.enrichSVGIcon;exports.findFirstFocusableElement=s.findFirstFocusableElement;exports.getDirection=s.getDirection;exports.getRandomArbitrary=s.getRandomArbitrary;exports.getRandomInt=s.getRandomInt;exports.getTypedEntries=s.getTypedEntries;exports.getTypedValues=s.getTypedValues;exports.isAPISupported=s.isAPISupported;exports.isMobileDevice=s.isMobileDevice;exports.nodesHaveContent=s.nodesHaveContent;exports.partitionProps=s.partitionProps;exports.propsChanged=s.propsChanged;exports.throttle=s.throttle;exports.generateCssVarPrefix=i.generateCssVarPrefix;exports.addScrollToRect=a.addScrollToRect;exports.compareDomOrder=a.compareDomOrder;exports.findTopLevelSlottedWrapper=a.findTopLevelSlottedWrapper;exports.getElementScrollBoundingClientRect=a.getElementScrollBoundingClientRect;exports.readStringProp=a.readStringProp;exports.createRafScheduler=n.createRafScheduler;exports.computeFitCount=t.computeFitCount;exports.hasScrollOverflow=t.hasScrollOverflow;exports.isMultiLineClamped=t.isMultiLineClamped;exports.isOverFlowing=t.isOverFlowing;exports.isSingleLineClamped=t.isSingleLineClamped;exports.isTextWrapping=t.isTextWrapping;

package/lib/utils/index.d.ts

@@ -0,0 +1,7 @@
+export * from './classNames';
+export * from './constants';
+export * from './helpers';
+export * from './styles';
+export * from './dom';
+export * from './raf';
+export * from './overflow';

package/lib/utils/index.es.js

@@ -0,0 +1,94 @@
+import { generateSpacingClasses as a, getBEMClassNames as t } from "./classNames.es.js";
+import { ACCENT as s, ATTRIBUTE as i, BASE_FONT_SIZE as n, BEAM_INVERSE as p, DEFAULT_ACCENT as l, DEFAULT_MODE as m, DEFAULT_PRODUCT_TYPE as E, DEFAULT_THEME as c, EXPRESSIVE_THEMES as S, FPS_1 as T, FPS_120 as d, FPS_30 as C, FPS_60 as g, PRODUCT_TYPE as _, STORAGE_KEY as f, SYSTEM_MODE_ENABLED_KEY as u, SpacingValues as x, SpacingValuesAsNumbers as A, StaticAppearances as D, accentThemeClassName as F, allColors as P, allSizes as h, appearance as v, appearances as N, consumer as R, emphases as y, enterprise as b, expressiveThemeClassName as L, info as M, infoPrimary as O, infoSecondary as I, information as V, inverse as U, lg as B, md as Y, negative as w, positive as z, prefix as H, primary as K, productTypeThemeClassName as W, secondary as G, secondaryInverse as X, sizes as Z, sm as j, themeClassName as k, themeTypeValues as q, warning as J, xl as Q, xs as $, xxs as ee } from "./constants.es.js";
+import { Directions as ae, attributeDecorator as te, camelCaseToKebabCase as oe, capitalizeFirstLetter as se, debounce as ie, doesEventContainElement as ne, doesWebComponentSlotExist as pe, enrichSVGIcon as le, findFirstFocusableElement as me, getDirection as Ee, getRandomArbitrary as ce, getRandomInt as Se, getTypedEntries as Te, getTypedValues as de, isAPISupported as Ce, isMobileDevice as ge, nodesHaveContent as _e, partitionProps as fe, propsChanged as ue, throttle as xe } from "./helpers.es.js";
+import { generateCssVarPrefix as De } from "./styles.es.js";
+import { addScrollToRect as Pe, compareDomOrder as he, findTopLevelSlottedWrapper as ve, getElementScrollBoundingClientRect as Ne, readStringProp as Re } from "./dom.es.js";
+import { createRafScheduler as be } from "./raf.es.js";
+import { computeFitCount as Me, hasScrollOverflow as Oe, isMultiLineClamped as Ie, isOverFlowing as Ve, isSingleLineClamped as Ue, isTextWrapping as Be } from "./overflow.es.js";
+export {
+  s as ACCENT,
+  i as ATTRIBUTE,
+  n as BASE_FONT_SIZE,
+  p as BEAM_INVERSE,
+  l as DEFAULT_ACCENT,
+  m as DEFAULT_MODE,
+  E as DEFAULT_PRODUCT_TYPE,
+  c as DEFAULT_THEME,
+  ae as Directions,
+  S as EXPRESSIVE_THEMES,
+  T as FPS_1,
+  d as FPS_120,
+  C as FPS_30,
+  g as FPS_60,
+  _ as PRODUCT_TYPE,
+  f as STORAGE_KEY,
+  u as SYSTEM_MODE_ENABLED_KEY,
+  x as SpacingValues,
+  A as SpacingValuesAsNumbers,
+  D as StaticAppearances,
+  F as accentThemeClassName,
+  Pe as addScrollToRect,
+  P as allColors,
+  h as allSizes,
+  v as appearance,
+  N as appearances,
+  te as attributeDecorator,
+  oe as camelCaseToKebabCase,
+  se as capitalizeFirstLetter,
+  he as compareDomOrder,
+  Me as computeFitCount,
+  R as consumer,
+  be as createRafScheduler,
+  ie as debounce,
+  ne as doesEventContainElement,
+  pe as doesWebComponentSlotExist,
+  y as emphases,
+  le as enrichSVGIcon,
+  b as enterprise,
+  L as expressiveThemeClassName,
+  me as findFirstFocusableElement,
+  ve as findTopLevelSlottedWrapper,
+  De as generateCssVarPrefix,
+  a as generateSpacingClasses,
+  t as getBEMClassNames,
+  Ee as getDirection,
+  Ne as getElementScrollBoundingClientRect,
+  ce as getRandomArbitrary,
+  Se as getRandomInt,
+  Te as getTypedEntries,
+  de as getTypedValues,
+  Oe as hasScrollOverflow,
+  M as info,
+  O as infoPrimary,
+  I as infoSecondary,
+  V as information,
+  U as inverse,
+  Ce as isAPISupported,
+  ge as isMobileDevice,
+  Ie as isMultiLineClamped,
+  Ve as isOverFlowing,
+  Ue as isSingleLineClamped,
+  Be as isTextWrapping,
+  B as lg,
+  Y as md,
+  w as negative,
+  _e as nodesHaveContent,
+  fe as partitionProps,
+  z as positive,
+  H as prefix,
+  K as primary,
+  W as productTypeThemeClassName,
+  ue as propsChanged,
+  Re as readStringProp,
+  G as secondary,
+  X as secondaryInverse,
+  Z as sizes,
+  j as sm,
+  k as themeClassName,
+  q as themeTypeValues,
+  xe as throttle,
+  J as warning,
+  Q as xl,
+  $ as xs,
+  ee as xxs
+};

package/lib/utils/overflow.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=(t,e,i=!1)=>e<=0?0:Math.max(0,Math.floor(t/e)+(i?1:0));function o(t,e=window.getComputedStyle(t)){return parseInt(e.getPropertyValue("-webkit-line-clamp"),10)>=1&&e.getPropertyValue("display")==="-webkit-box"&&e.getPropertyValue("overflow")==="hidden"}function r(t,e=window.getComputedStyle(t)){return e.getPropertyValue("text-overflow")==="ellipsis"&&e.getPropertyValue("white-space")==="nowrap"&&e.getPropertyValue("overflow")==="hidden"&&t.scrollWidth>t.clientWidth}function n(t){return t.scrollWidth>t.clientWidth||t.scrollHeight>t.clientHeight}function s(t){if(!t)return!1;if(n(t))return!0;const e=window.getComputedStyle(t);return o(t,e)||r(t,e)}const u=t=>{if(!t)return!1;const e=t.cloneNode(!0);e.style.position="absolute",e.style.whiteSpace="nowrap",e.style.width="auto",e.style.height="auto",e.style.visibility="hidden",document.body.appendChild(e);const i=e.offsetWidth>t.offsetWidth;return document.body.removeChild(e),i};exports.computeFitCount=l;exports.hasScrollOverflow=n;exports.isMultiLineClamped=o;exports.isOverFlowing=s;exports.isSingleLineClamped=r;exports.isTextWrapping=u;

package/lib/utils/overflow.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Compute how many items can fit given available width and per-item width,
+ * reserving one slot for an overflow indicator.
+ */
+export declare const computeFitCount: (availableWidthPx: number, perItemWidthPx: number, reserveOneSlot?: boolean) => number;
+/**
+ * Multi-line truncation via `-webkit-line-clamp`.
+ * We consider it “clamped” when:
+ *   • clamp ≥ 1
+ *   • display is the special flex-box proxy
+ *   • overflow is hidden (spec requires this)
+ */
+export declare function isMultiLineClamped(el: HTMLElement, style?: CSSStyleDeclaration): boolean;
+/**
+ * Single-line truncation via `text-overflow: ellipsis`.
+ * We consider it “clamped” when:
+ *   • text-overflow is ellipsis
+ *   • white-space is nowrap
+ *   • overflow is hidden (spec requires this)
+ *   • scrollWidth > clientWidth
+ */
+export declare function isSingleLineClamped(el: HTMLElement, style?: CSSStyleDeclaration): boolean;
+/**
+ * Check if an element has scroll overflow.
+ */
+export declare function hasScrollOverflow(el: HTMLElement): boolean;
+/**
+ * Check if an element is overflowing.
+ */
+export declare function isOverFlowing(el: HTMLElement | null): boolean;
+/**
+ * Check if an element is text wrapping.
+ */
+export declare const isTextWrapping: (element: HTMLElement | null) => boolean;

package/lib/utils/overflow.es.js

@@ -0,0 +1,34 @@
+const l = (t, e, i = !1) => e <= 0 ? 0 : Math.max(
+  0,
+  Math.floor(t / e) + (i ? 1 : 0)
+);
+function o(t, e = window.getComputedStyle(t)) {
+  return parseInt(e.getPropertyValue("-webkit-line-clamp"), 10) >= 1 && e.getPropertyValue("display") === "-webkit-box" && e.getPropertyValue("overflow") === "hidden";
+}
+function r(t, e = window.getComputedStyle(t)) {
+  return e.getPropertyValue("text-overflow") === "ellipsis" && e.getPropertyValue("white-space") === "nowrap" && e.getPropertyValue("overflow") === "hidden" && t.scrollWidth > t.clientWidth;
+}
+function n(t) {
+  return t.scrollWidth > t.clientWidth || t.scrollHeight > t.clientHeight;
+}
+function s(t) {
+  if (!t) return !1;
+  if (n(t)) return !0;
+  const e = window.getComputedStyle(t);
+  return o(t, e) || r(t, e);
+}
+const u = (t) => {
+  if (!t) return !1;
+  const e = t.cloneNode(!0);
+  e.style.position = "absolute", e.style.whiteSpace = "nowrap", e.style.width = "auto", e.style.height = "auto", e.style.visibility = "hidden", document.body.appendChild(e);
+  const i = e.offsetWidth > t.offsetWidth;
+  return document.body.removeChild(e), i;
+};
+export {
+  l as computeFitCount,
+  n as hasScrollOverflow,
+  o as isMultiLineClamped,
+  s as isOverFlowing,
+  r as isSingleLineClamped,
+  u as isTextWrapping
+};

package/lib/utils/raf.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=n=>{let e=null;const l=()=>{e===null&&(e=requestAnimationFrame(()=>{e=null,n()}))};return l.cancel=()=>{e!==null&&(cancelAnimationFrame(e),e=null)},l};exports.createRafScheduler=r;

package/lib/utils/raf.d.ts

@@ -0,0 +1,8 @@
+export type RafScheduler = (() => void) & {
+    cancel: () => void;
+};
+/**
+ * Create a one-per-frame requestAnimationFrame scheduler for a callback.
+ * Re-entrant safe: multiple calls within a frame coalesce to one execution.
+ */
+export declare const createRafScheduler: (callback: () => void) => RafScheduler;

package/lib/utils/raf.es.js

@@ -0,0 +1,14 @@
+const r = (n) => {
+  let e = null;
+  const l = () => {
+    e === null && (e = requestAnimationFrame(() => {
+      e = null, n();
+    }));
+  };
+  return l.cancel = () => {
+    e !== null && (cancelAnimationFrame(e), e = null);
+  }, l;
+};
+export {
+  r as createRafScheduler
+};

package/lib/utils/styles.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./constants.cjs.js"),t=e=>`--${r.prefix}comp-${e}`;exports.generateCssVarPrefix=t;

package/lib/utils/styles.d.ts

@@ -0,0 +1 @@
+export declare const generateCssVarPrefix: <T extends string>(componentName: T) => `--bm-comp-${T}`;

package/lib/utils/styles.es.js

@@ -0,0 +1,5 @@
+import { prefix as e } from "./constants.es.js";
+const o = (r) => `--${e}comp-${r}`;
+export {
+  o as generateCssVarPrefix
+};

package/lib/utils/types.cjs.js

@@ -0,0 +1 @@
+"use strict";

package/lib/utils/types.d.ts

@@ -0,0 +1,6 @@
+type Omit<T, K extends keyof T> = Pick<T, Exclude<keyof T, K>>;
+export type PartialBy<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
+export type Nullable<T> = T | null;
+export type Optional<T> = T | undefined;
+export type CSSObject = Partial<CSSStyleDeclaration>;
+export {};

package/lib/utils/types.es.js

@@ -0,0 +1 @@
+

package/package.json

@@ -0,0 +1,60 @@
+{
+  "name": "@viasat/beam-shared",
+  "version": "2.0.0",
+  "description": "Shared utilities, component definitions, and constants for the Beam Design System",
+  "license": "MIT",
+  "author": "Viasat",
+  "homepage": "https://react.beam.viasat.com/",
+  "repository": {
+    "type": "git",
+    "url": "https://git.viasat.com/vega/beam",
+    "directory": "libs/shared"
+  },
+  "bugs": {
+    "url": "https://git.viasat.com/vega/beam/issues"
+  },
+  "keywords": [
+    "design-system",
+    "beam",
+    "utilities",
+    "shared",
+    "constants"
+  ],
+  "exports": {
+    ".": {
+      "import": "./index.es.js",
+      "require": "./index.cjs.js",
+      "types": "./index.d.ts"
+    },
+    "./components/*": {
+      "import": "./lib/components/*.es.js",
+      "require": "./lib/components/*.cjs.js",
+      "types": "./lib/components/*.d.ts"
+    },
+    "./utils/*": {
+      "import": "./lib/utils/*.es.js",
+      "require": "./lib/utils/*.cjs.js",
+      "types": "./lib/utils/*.d.ts"
+    }
+  },
+  "files": [
+    "index.cjs.js",
+    "index.es.js",
+    "index.d.ts",
+    "lib/",
+    "chunks/",
+    "README.md"
+  ],
+  "sideEffects": false,
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@floating-ui/dom": "^1.6.13",
+    "@floating-ui/utils": "^0.2.9",
+    "attr-accept": "^2.2.5"
+  }
+}