@viasat/beam-shared 2.0.0

package/lib/components/toast.es.js

@@ -0,0 +1,9 @@
+import "../utils/constants.es.js";
+import { D as o, T as t, p as A, b as i, a as p } from "../../chunks/toast.Bs1t4Urq.js";
+export {
+  o as DEFAULT_TOAST_TIMEOUT_DURATION,
+  t as TOAST_ANIMATION_DURATION,
+  A as positions,
+  i as toastAppearances,
+  p as toastContainerPositions
+};

package/lib/components/tooltip.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../utils/constants.cjs.js");const e=require("../../chunks/tooltip.DZTJP5dS.js");exports.tooltipSizes=e.tooltipSizes;

package/lib/components/tooltip.d.ts

@@ -0,0 +1,2 @@
+export declare const tooltipSizes: readonly ["xs", "sm", "md", "lg", "xl", "none"];
+export type TooltipTriggerSize = typeof tooltipSizes[number];

package/lib/components/tooltip.es.js

@@ -0,0 +1,5 @@
+import "../utils/constants.es.js";
+import { a as p } from "../../chunks/tooltip.D1fCHa9d.js";
+export {
+  p as tooltipSizes
+};

package/lib/shared.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function e(){return"shared"}exports.shared=e;

package/lib/shared.d.ts

@@ -0,0 +1,4 @@
+export declare function shared(): string;
+export type EventOf<T extends EventTarget> = Event & {
+    target: T;
+};

package/lib/shared.es.js

@@ -0,0 +1,6 @@
+function r() {
+  return "shared";
+}
+export {
+  r as shared
+};

package/lib/utils/CSSLookup.cjs.js

@@ -0,0 +1 @@
+"use strict";var S=n=>{throw TypeError(n)};var g=(n,e,t)=>e.has(n)||S("Cannot "+t);var o=(n,e,t)=>(g(n,e,"read from private field"),t?t.call(n):e.get(n)),c=(n,e,t)=>e.has(n)?S("Cannot add the same private member more than once"):e instanceof WeakSet?e.add(n):e.set(n,t),a=(n,e,t,r)=>(g(n,e,"write to private field"),r?r.call(n,t):e.set(n,t),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("./constants.cjs.js"),h=typeof window>"u",m=5e3,b=5,I=h?P.BASE_FONT_SIZE:parseFloat(getComputedStyle(document.documentElement).fontSize),E=n=>n*I,R=n=>{const e=O(n);return window.getComputedStyle(document.documentElement).getPropertyValue(e)},M=n=>{const e=parseFloat(n)??0;return n.includes("rem")?E(e):n.includes("px")?e:0},O=n=>{const e=n.match(/var\((.*)\)/);if(!e)return console.warn(`Are you sure you're passing the right arguments? This function isdesigned to accept strings in the format var(--var-name) as found in the tokens file. Received: ${n}`),n;let t=e[0];return e.length>1&&(t=e[1]),t};var l,d,u,f;const i=class i{constructor(){c(this,l);c(this,d);c(this,u);c(this,f);this.lookupMap=new Map,this.subscribers=new Map,a(this,l,(e,t)=>{const r=this.subscribers.get(e);return r?(t&&r.push(t),!0):!1}),a(this,d,(e,t)=>{const r=this.subscribers.get(e);r==null||r.forEach(s=>s(t)),o(this,u).call(this,e)}),a(this,u,e=>{this.subscribers.delete(e)}),a(this,f,(e,t,r)=>{t===0&&this.subscribers.set(e,[r]),setTimeout(()=>{this.findVarHelper(e,t+1,r)},m)})}static getInstance(){return i.instance||(i.instance=new i),i.instance}findVar(e,t){if(h)return"";const r=this.lookupMap.get(e);return o(this,l).call(this,e,t)||r!==void 0&&r!==""||r===""&&!t?r:this.findVarHelper(e,0,t)}findVarHelper(e,t,r){t>b&&(o(this,u).call(this,e),console.warn(`Failed to find CSS variable '${e}' after ${b} retries`));const s=R(e);return this.lookupMap.set(e,s),s?(o(this,d).call(this,e,s),s):(r&&o(this,f).call(this,e,t,r),"")}unsubscribe(e,t){const r=this.subscribers.get(e);if(!r)return;const s=r.indexOf(t);s!==-1&&r.splice(s,1)}};l=new WeakMap,d=new WeakMap,u=new WeakMap,f=new WeakMap,i.instance=null;let p=i;const v=Object.freeze(p.getInstance());exports.CSSManager=v;exports.IS_SERVER=h;exports.LOOKUP_FREQUENCY=m;exports.LOOKUP_MAX_RETRIES=b;exports.convertRemToPixels=E;exports.getCSSVar=R;exports.parseSizeString=M;

package/lib/utils/CSSLookup.d.ts

@@ -0,0 +1,84 @@
+type OnChange = (value: string) => void;
+export declare const IS_SERVER: boolean;
+/**
+ * Frequency of retries for CSS variable lookup in milliseconds
+ */
+export declare const LOOKUP_FREQUENCY = 5000;
+/**
+ * Maximum number of retries for a CSS variable lookup
+ */
+export declare const LOOKUP_MAX_RETRIES = 5;
+export declare const convertRemToPixels: (rem: number) => number;
+/**
+ * Parse CSS variable declared on root to number
+ *
+ * @precondition CSS variable must be declared on root
+ *
+ * @param cssVar - CSS variable string to parse
+ *
+ * @returns string - value of the CSS variable. If not found, returns empty string
+ *
+ */
+export declare const getCSSVar: (cssVar: string) => string;
+/**
+ * Parse size string to number
+ *
+ * @param size - size string to parse
+ *
+ * @precondition size must be in rem or px
+ *
+ * @returns number - parsed value of the size in px
+ *
+ */
+export declare const parseSizeString: (size: string) => number;
+/**
+ * CSSLookup is a singleton class that provides a way to lookup CSS variables
+ *
+ * Recommended not to use this class with variables that depend on light/dark theme
+ * as this class returns memoized values
+ */
+declare class CSSLookup {
+    #private;
+    lookupMap: Map<string, string>;
+    subscribers: Map<string, OnChange[]>;
+    private static instance;
+    private constructor();
+    /**
+     * Returns the singleton instance of the CSSLookup class.
+     * If the instance does not exist, it creates one.
+     */
+    static getInstance(): CSSLookup;
+    /**
+     * Find CSS variable value. Takes in a CSS variable string of format var(--varName)
+     * or --varName. If the value is not found, it will retry the lookup every second
+     * and will call the onChange function with the value once it is found.
+     *
+     * @param cssVar
+     * @param onChange - callback to call when value is found. if not specified, will
+     * not retry lookup
+     */
+    findVar(cssVar: string, onChange?: OnChange): string | undefined;
+    /**
+     * Find CSS variable value. Retries if not found initially.
+     *
+     * Lookup max retries and interval specified by LOOKUP_MAX_RETRIES and LOOKUP_FREQUENCY
+     *
+     * If callback is not specified, retries will not be attempted. This is useful for
+     * cursory lookups where the value is not critical (like initial value of useState
+     * hook)
+     *
+     * @param cssVar CSS variable to find
+     * @param onChange callback to call when value is found
+     * @param prevRetries previous number of retries
+     */
+    findVarHelper(cssVar: string, prevRetries: number, onChange?: OnChange): string;
+    /**
+     * Unsubscribe from CSS variable value
+     *
+     * @param cssVar
+     * @param onChange
+     */
+    unsubscribe(cssVar: string, onChange: OnChange): void;
+}
+export declare const CSSManager: Readonly<CSSLookup>;
+export {};

package/lib/utils/CSSLookup.es.js

@@ -0,0 +1,110 @@
+var p = (n) => {
+  throw TypeError(n);
+};
+var h = (n, e, t) => e.has(n) || p("Cannot " + t);
+var o = (n, e, t) => (h(n, e, "read from private field"), t ? t.call(n) : e.get(n)), c = (n, e, t) => e.has(n) ? p("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(n) : e.set(n, t), a = (n, e, t, r) => (h(n, e, "write to private field"), r ? r.call(n, t) : e.set(n, t), t);
+import { BASE_FONT_SIZE as S } from "./constants.es.js";
+const m = typeof window > "u", E = 5e3, g = 5, I = m ? S : parseFloat(getComputedStyle(document.documentElement).fontSize), w = (n) => n * I, F = (n) => {
+  const e = M(n);
+  return window.getComputedStyle(document.documentElement).getPropertyValue(e);
+}, x = (n) => {
+  const e = parseFloat(n) ?? 0;
+  return n.includes("rem") ? w(e) : n.includes("px") ? e : 0;
+}, M = (n) => {
+  const e = n.match(/var\((.*)\)/);
+  if (!e)
+    return console.warn(
+      `Are you sure you're passing the right arguments? This function isdesigned to accept strings in the format var(--var-name) as found in the tokens file. Received: ${n}`
+    ), n;
+  let t = e[0];
+  return e.length > 1 && (t = e[1]), t;
+};
+var l, f, u, d;
+const i = class i {
+  // eslint-disable-next-line @typescript-eslint/no-empty-function
+  constructor() {
+    c(this, l);
+    c(this, f);
+    c(this, u);
+    c(this, d);
+    this.lookupMap = /* @__PURE__ */ new Map(), this.subscribers = /* @__PURE__ */ new Map(), a(this, l, (e, t) => {
+      const r = this.subscribers.get(e);
+      return r ? (t && r.push(t), !0) : !1;
+    }), a(this, f, (e, t) => {
+      const r = this.subscribers.get(e);
+      r == null || r.forEach((s) => s(t)), o(this, u).call(this, e);
+    }), a(this, u, (e) => {
+      this.subscribers.delete(e);
+    }), a(this, d, (e, t, r) => {
+      t === 0 && this.subscribers.set(e, [r]), setTimeout(() => {
+        this.findVarHelper(e, t + 1, r);
+      }, E);
+    });
+  }
+  /**
+   * Returns the singleton instance of the CSSLookup class.
+   * If the instance does not exist, it creates one.
+   */
+  static getInstance() {
+    return i.instance || (i.instance = new i()), i.instance;
+  }
+  /**
+   * Find CSS variable value. Takes in a CSS variable string of format var(--varName)
+   * or --varName. If the value is not found, it will retry the lookup every second
+   * and will call the onChange function with the value once it is found.
+   *
+   * @param cssVar
+   * @param onChange - callback to call when value is found. if not specified, will
+   * not retry lookup
+   */
+  findVar(e, t) {
+    if (m) return "";
+    const r = this.lookupMap.get(e);
+    return o(this, l).call(this, e, t) || r !== void 0 && r !== "" || r === "" && !t ? r : this.findVarHelper(e, 0, t);
+  }
+  /**
+   * Find CSS variable value. Retries if not found initially.
+   *
+   * Lookup max retries and interval specified by LOOKUP_MAX_RETRIES and LOOKUP_FREQUENCY
+   *
+   * If callback is not specified, retries will not be attempted. This is useful for
+   * cursory lookups where the value is not critical (like initial value of useState
+   * hook)
+   *
+   * @param cssVar CSS variable to find
+   * @param onChange callback to call when value is found
+   * @param prevRetries previous number of retries
+   */
+  findVarHelper(e, t, r) {
+    t > g && (o(this, u).call(this, e), console.warn(
+      `Failed to find CSS variable '${e}' after ${g} retries`
+    ));
+    const s = F(e);
+    return this.lookupMap.set(e, s), s ? (o(this, f).call(this, e, s), s) : (r && o(this, d).call(this, e, t, r), "");
+  }
+  /**
+   * Unsubscribe from CSS variable value
+   *
+   * @param cssVar
+   * @param onChange
+   */
+  unsubscribe(e, t) {
+    const r = this.subscribers.get(e);
+    if (!r)
+      return;
+    const s = r.indexOf(t);
+    s !== -1 && r.splice(s, 1);
+  }
+};
+l = new WeakMap(), f = new WeakMap(), u = new WeakMap(), d = new WeakMap(), i.instance = null;
+let b = i;
+const y = Object.freeze(b.getInstance());
+export {
+  y as CSSManager,
+  m as IS_SERVER,
+  E as LOOKUP_FREQUENCY,
+  g as LOOKUP_MAX_RETRIES,
+  w as convertRemToPixels,
+  F as getCSSVar,
+  x as parseSizeString
+};

package/lib/utils/classNames.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./constants.cjs.js"),n=require("./helpers.cjs.js"),c=s=>{const e=`${i.prefix}${s}`,t=`${e}__`,r=`${e}--`,a=`--${i.prefix}comp-${s}`;return{baseClassNamePrefix:e,subElementClassPrefix:t,classModifierPrefix:r,variablePrefix:a,variable(l){return`${a}-${l}`}}},o=s=>n.getTypedEntries(s).reduce((e,[t,r])=>(r&&e.push(`${i.prefix}-${n.camelCaseToKebabCase(`${t}`)}-${r}`),e),[]);exports.generateSpacingClasses=o;exports.getBEMClassNames=c;

package/lib/utils/classNames.d.ts

@@ -0,0 +1,9 @@
+import { Spacing } from '../utils/constants';
+export declare const getBEMClassNames: <T extends string>(componentName: T) => {
+    readonly baseClassNamePrefix: `bm-${T}`;
+    readonly subElementClassPrefix: `bm-${T}__`;
+    readonly classModifierPrefix: `bm-${T}--`;
+    readonly variablePrefix: `--bm-comp-${T}`;
+    readonly variable: (variableName: string) => keyof CSSStyleDeclaration;
+};
+export declare const generateSpacingClasses: (spacingMap: Record<string, Spacing | undefined>) => string[];

package/lib/utils/classNames.es.js

@@ -0,0 +1,18 @@
+import { prefix as a } from "./constants.es.js";
+import { getTypedEntries as o, camelCaseToKebabCase as $ } from "./helpers.es.js";
+const l = (r) => {
+  const e = `${a}${r}`, t = `${e}__`, s = `${e}--`, i = `--${a}comp-${r}`;
+  return {
+    baseClassNamePrefix: e,
+    subElementClassPrefix: t,
+    classModifierPrefix: s,
+    variablePrefix: i,
+    variable(n) {
+      return `${i}-${n}`;
+    }
+  };
+}, m = (r) => o(r).reduce((e, [t, s]) => (s && e.push(`${a}-${$(`${t}`)}-${s}`), e), []);
+export {
+  m as generateSpacingClasses,
+  l as getBEMClassNames
+};

package/lib/utils/constants.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n="bm-",u=Math.floor(1e3/120),f=Math.floor(1e3/60),N=Math.floor(1e3/30),x=1e3,I=16,h=["light","dark"],D=e=>`${n}${e}`,F=`data-${n}theme`,R=`${n}theme`,M=`${n}system-mode-enabled`,v="light",A="teal",d="enterprise",O={mode:v,accent:A,productType:d},U=`${n}inverse`,b={accent:"accent",blue:"blue",gray:"gray",green:"green",orange:"orange",pink:"pink",red:"red",teal:"teal",violet:"violet"},L=e=>`${n}expressive-${e}`,$={ENTERPRISE:"enterprise",CONSUMER:"consumer"},V=e=>`${n}${e}`,Y={TEAL:"teal",BLUE:"blue",GREEN:"green",NEUTRAL:"neutral",ORANGE:"orange",PINK:"pink",VIOLET:"violet"},B=e=>`${n}${e}`,s="xxs",r="xs",o="sm",t="md",a="lg",i="xl",w={xxs:s,xs:r,sm:o,md:t,lg:a,xl:i},K=[s,r,o,t,a,i],c="primary",E="secondary",P="info",S="infoPrimary",p="infoSecondary",l="positive",m="warning",T="negative",_="inverse",y="information",g="secondaryInverse",k={primary:c,secondary:E,info:P,infoPrimary:S,infoSecondary:p,positive:l,warning:m,negative:T,inverse:_,information:y,secondaryInverse:g},z=[c,E,S,p,l,m,T,_,g],G="strong",H="medium",j="subtle",X={strong:G,medium:H,subtle:j},Z="default",q={default:Z},J="enterprise",Q="consumer",W={primary:"primary",secondary:"secondary",positive:"positive",warning:"warning",negative:"negative",infoPrimary:"infoPrimary",infoSecondary:"infoSecondary",positiveStrong:"positiveStrong",warningStrong:"warningStrong",negativeStrong:"negativeStrong",infoPrimaryStrong:"infoPrimaryStrong",infoSecondaryStrong:"infoSecondaryStrong",selected:"selected",disabled:"disabled",primaryInverse:"primaryInverse",secondaryInverse:"secondaryInverse",expressive:"expressive",expressiveStronger:"expressiveStronger",expressiveInverse:"expressiveInverse",expressiveInverseStronger:"expressiveInverseStronger"},C={SPACE_0:"0",SPACE_12:"12",SPACE_25:"25",SPACE_50:"50",SPACE_75:"75",SPACE_100:"100",SPACE_125:"125",SPACE_150:"150",SPACE_200:"200",SPACE_300:"300",SPACE_400:"400",SPACE_500:"500",SPACE_700:"700",SPACE_800:"800"},ee=Object.values(C).map(e=>parseFloat(e));exports.ACCENT=Y;exports.ATTRIBUTE=F;exports.BASE_FONT_SIZE=I;exports.BEAM_INVERSE=U;exports.DEFAULT_ACCENT=A;exports.DEFAULT_MODE=v;exports.DEFAULT_PRODUCT_TYPE=d;exports.DEFAULT_THEME=O;exports.EXPRESSIVE_THEMES=b;exports.FPS_1=x;exports.FPS_120=u;exports.FPS_30=N;exports.FPS_60=f;exports.PRODUCT_TYPE=$;exports.STORAGE_KEY=R;exports.SYSTEM_MODE_ENABLED_KEY=M;exports.SpacingValues=C;exports.SpacingValuesAsNumbers=ee;exports.StaticAppearances=q;exports.accentThemeClassName=B;exports.allColors=W;exports.allSizes=w;exports.appearance=z;exports.appearances=k;exports.consumer=Q;exports.emphases=X;exports.enterprise=J;exports.expressiveThemeClassName=L;exports.info=P;exports.infoPrimary=S;exports.infoSecondary=p;exports.information=y;exports.inverse=_;exports.lg=a;exports.md=t;exports.negative=T;exports.positive=l;exports.prefix=n;exports.primary=c;exports.productTypeThemeClassName=V;exports.secondary=E;exports.secondaryInverse=g;exports.sizes=K;exports.sm=o;exports.themeClassName=D;exports.themeTypeValues=h;exports.warning=m;exports.xl=i;exports.xs=r;exports.xxs=s;

package/lib/utils/constants.d.ts

@@ -0,0 +1,174 @@
+export declare const prefix: "bm-";
+export declare const FPS_120: number;
+export declare const FPS_60: number;
+export declare const FPS_30: number;
+export declare const FPS_1 = 1000;
+export declare const BASE_FONT_SIZE = 16;
+/**
+ * Theme
+ */
+export interface BeamTheme {
+    mode: ThemeTypes;
+    accent: Accent;
+    productType: ProductType;
+}
+export declare const themeTypeValues: readonly ["light", "dark"];
+export type ThemeTypes = typeof themeTypeValues[number];
+export declare const themeClassName: (theme: ThemeTypes) => string;
+export declare const ATTRIBUTE: "data-bm-theme";
+export declare const STORAGE_KEY: string;
+export declare const SYSTEM_MODE_ENABLED_KEY: string;
+export declare const DEFAULT_MODE = "light";
+export declare const DEFAULT_ACCENT = "teal";
+export declare const DEFAULT_PRODUCT_TYPE = "enterprise";
+export declare const DEFAULT_THEME: BeamTheme;
+/**
+ * Inverse Theme
+ */
+export declare const BEAM_INVERSE: "bm-inverse";
+/**
+ * Expressive Theme
+ */
+export declare const EXPRESSIVE_THEMES: {
+    readonly accent: "accent";
+    readonly blue: "blue";
+    readonly gray: "gray";
+    readonly green: "green";
+    readonly orange: "orange";
+    readonly pink: "pink";
+    readonly red: "red";
+    readonly teal: "teal";
+    readonly violet: "violet";
+};
+export type ExpressThemes = typeof EXPRESSIVE_THEMES[keyof typeof EXPRESSIVE_THEMES];
+export declare const expressiveThemeClassName: (theme: ExpressThemes) => string;
+/**
+ * Product Type Theme
+ */
+export declare const PRODUCT_TYPE: {
+    readonly ENTERPRISE: "enterprise";
+    readonly CONSUMER: "consumer";
+};
+export type ProductType = typeof PRODUCT_TYPE[keyof typeof PRODUCT_TYPE];
+export declare const productTypeThemeClassName: (theme: ProductType) => string;
+export declare const ACCENT: {
+    readonly TEAL: "teal";
+    readonly BLUE: "blue";
+    readonly GREEN: "green";
+    readonly NEUTRAL: "neutral";
+    readonly ORANGE: "orange";
+    readonly PINK: "pink";
+    readonly VIOLET: "violet";
+};
+export type Accent = typeof ACCENT[keyof typeof ACCENT];
+export declare const accentThemeClassName: (accent: Accent) => string;
+/**
+ * Size
+ */
+export declare const xxs: "xxs";
+export declare const xs: "xs";
+export declare const sm: "sm";
+export declare const md: "md";
+export declare const lg: "lg";
+export declare const xl: "xl";
+export declare const allSizes: {
+    readonly xxs: "xxs";
+    readonly xs: "xs";
+    readonly sm: "sm";
+    readonly md: "md";
+    readonly lg: "lg";
+    readonly xl: "xl";
+};
+export declare const sizes: readonly ["xxs", "xs", "sm", "md", "lg", "xl"];
+export type Size = typeof sizes[number];
+/**
+ * Appearances
+ */
+export declare const primary: "primary";
+export declare const secondary: "secondary";
+export declare const info: "info";
+export declare const infoPrimary: "infoPrimary";
+export declare const infoSecondary: "infoSecondary";
+export declare const positive: "positive";
+export declare const warning: "warning";
+export declare const negative: "negative";
+export declare const inverse: "inverse";
+export declare const information: "information";
+export declare const secondaryInverse: "secondaryInverse";
+export declare const appearances: {
+    readonly primary: "primary";
+    readonly secondary: "secondary";
+    readonly info: "info";
+    readonly infoPrimary: "infoPrimary";
+    readonly infoSecondary: "infoSecondary";
+    readonly positive: "positive";
+    readonly warning: "warning";
+    readonly negative: "negative";
+    readonly inverse: "inverse";
+    readonly information: "information";
+    readonly secondaryInverse: "secondaryInverse";
+};
+export declare const appearance: readonly ["primary", "secondary", "infoPrimary", "infoSecondary", "positive", "warning", "negative", "inverse", "secondaryInverse"];
+export type Appearance = typeof appearance[number];
+export type AppearanceTo<T> = Record<Appearance, T>;
+export declare const emphases: {
+    readonly strong: "strong";
+    readonly medium: "medium";
+    readonly subtle: "subtle";
+};
+export declare const StaticAppearances: {
+    readonly default: "default";
+};
+export type StaticAppearance = typeof StaticAppearances[keyof typeof StaticAppearances];
+export type VoidFunction = (...args: unknown[]) => void;
+/**
+ * Shapes
+ */
+export declare const enterprise: "enterprise";
+export declare const consumer: "consumer";
+/**
+ * Colors
+ */
+export declare const allColors: {
+    readonly primary: "primary";
+    readonly secondary: "secondary";
+    readonly positive: "positive";
+    readonly warning: "warning";
+    readonly negative: "negative";
+    readonly infoPrimary: "infoPrimary";
+    readonly infoSecondary: "infoSecondary";
+    readonly positiveStrong: "positiveStrong";
+    readonly warningStrong: "warningStrong";
+    readonly negativeStrong: "negativeStrong";
+    readonly infoPrimaryStrong: "infoPrimaryStrong";
+    readonly infoSecondaryStrong: "infoSecondaryStrong";
+    readonly selected: "selected";
+    readonly disabled: "disabled";
+    readonly primaryInverse: "primaryInverse";
+    readonly secondaryInverse: "secondaryInverse";
+    readonly expressive: "expressive";
+    readonly expressiveStronger: "expressiveStronger";
+    readonly expressiveInverse: "expressiveInverse";
+    readonly expressiveInverseStronger: "expressiveInverseStronger";
+};
+export type AllColors = typeof allColors;
+export declare const SpacingValues: {
+    readonly SPACE_0: "0";
+    readonly SPACE_12: "12";
+    readonly SPACE_25: "25";
+    readonly SPACE_50: "50";
+    readonly SPACE_75: "75";
+    readonly SPACE_100: "100";
+    readonly SPACE_125: "125";
+    readonly SPACE_150: "150";
+    readonly SPACE_200: "200";
+    readonly SPACE_300: "300";
+    readonly SPACE_400: "400";
+    readonly SPACE_500: "500";
+    readonly SPACE_700: "700";
+    readonly SPACE_800: "800";
+};
+export declare const SpacingValuesAsNumbers: number[];
+type SpacingKeys = keyof typeof SpacingValues;
+export type Spacing = typeof SpacingValues[SpacingKeys];
+export {};

package/lib/utils/constants.es.js

@@ -0,0 +1,151 @@
+const n = "bm-", N = Math.floor(8.333333333333334), h = Math.floor(1e3 / 60), R = Math.floor(1e3 / 30), $ = 1e3, b = 16, D = ["light", "dark"], F = (e) => `${n}${e}`, M = `data-${n}theme`, O = `${n}theme`, U = `${n}system-mode-enabled`, y = "light", _ = "teal", P = "enterprise", L = {
+  mode: y,
+  accent: _,
+  productType: P
+}, w = `${n}inverse`, V = {
+  accent: "accent",
+  blue: "blue",
+  gray: "gray",
+  green: "green",
+  orange: "orange",
+  pink: "pink",
+  red: "red",
+  teal: "teal",
+  violet: "violet"
+}, B = (e) => `${n}expressive-${e}`, Y = {
+  ENTERPRISE: "enterprise",
+  CONSUMER: "consumer"
+}, k = (e) => `${n}${e}`, G = {
+  TEAL: "teal",
+  BLUE: "blue",
+  GREEN: "green",
+  NEUTRAL: "neutral",
+  ORANGE: "orange",
+  PINK: "pink",
+  VIOLET: "violet"
+}, K = (e) => `${n}${e}`, s = "xxs", o = "xs", t = "sm", r = "md", a = "lg", c = "xl", z = {
+  xxs: s,
+  xs: o,
+  sm: t,
+  md: r,
+  lg: a,
+  xl: c
+}, H = [s, o, t, r, a, c], i = "primary", E = "secondary", A = "info", S = "infoPrimary", p = "infoSecondary", l = "positive", m = "warning", g = "negative", v = "inverse", T = "information", d = "secondaryInverse", j = {
+  primary: i,
+  secondary: E,
+  info: A,
+  infoPrimary: S,
+  infoSecondary: p,
+  positive: l,
+  warning: m,
+  negative: g,
+  inverse: v,
+  information: T,
+  secondaryInverse: d
+}, X = [
+  i,
+  E,
+  S,
+  p,
+  l,
+  m,
+  g,
+  v,
+  d
+], C = "strong", f = "medium", u = "subtle", Z = {
+  strong: C,
+  medium: f,
+  subtle: u
+}, x = "default", q = {
+  default: x
+}, J = "enterprise", Q = "consumer", W = {
+  primary: "primary",
+  secondary: "secondary",
+  positive: "positive",
+  warning: "warning",
+  negative: "negative",
+  infoPrimary: "infoPrimary",
+  infoSecondary: "infoSecondary",
+  positiveStrong: "positiveStrong",
+  warningStrong: "warningStrong",
+  negativeStrong: "negativeStrong",
+  infoPrimaryStrong: "infoPrimaryStrong",
+  infoSecondaryStrong: "infoSecondaryStrong",
+  selected: "selected",
+  disabled: "disabled",
+  primaryInverse: "primaryInverse",
+  secondaryInverse: "secondaryInverse",
+  expressive: "expressive",
+  expressiveStronger: "expressiveStronger",
+  expressiveInverse: "expressiveInverse",
+  expressiveInverseStronger: "expressiveInverseStronger"
+}, I = {
+  SPACE_0: "0",
+  SPACE_12: "12",
+  SPACE_25: "25",
+  SPACE_50: "50",
+  SPACE_75: "75",
+  SPACE_100: "100",
+  SPACE_125: "125",
+  SPACE_150: "150",
+  SPACE_200: "200",
+  SPACE_300: "300",
+  SPACE_400: "400",
+  SPACE_500: "500",
+  SPACE_700: "700",
+  SPACE_800: "800"
+}, ee = Object.values(I).map(
+  (e) => parseFloat(e)
+);
+export {
+  G as ACCENT,
+  M as ATTRIBUTE,
+  b as BASE_FONT_SIZE,
+  w as BEAM_INVERSE,
+  _ as DEFAULT_ACCENT,
+  y as DEFAULT_MODE,
+  P as DEFAULT_PRODUCT_TYPE,
+  L as DEFAULT_THEME,
+  V as EXPRESSIVE_THEMES,
+  $ as FPS_1,
+  N as FPS_120,
+  R as FPS_30,
+  h as FPS_60,
+  Y as PRODUCT_TYPE,
+  O as STORAGE_KEY,
+  U as SYSTEM_MODE_ENABLED_KEY,
+  I as SpacingValues,
+  ee as SpacingValuesAsNumbers,
+  q as StaticAppearances,
+  K as accentThemeClassName,
+  W as allColors,
+  z as allSizes,
+  X as appearance,
+  j as appearances,
+  Q as consumer,
+  Z as emphases,
+  J as enterprise,
+  B as expressiveThemeClassName,
+  A as info,
+  S as infoPrimary,
+  p as infoSecondary,
+  T as information,
+  v as inverse,
+  a as lg,
+  r as md,
+  g as negative,
+  l as positive,
+  n as prefix,
+  i as primary,
+  k as productTypeThemeClassName,
+  E as secondary,
+  d as secondaryInverse,
+  H as sizes,
+  t as sm,
+  F as themeClassName,
+  D as themeTypeValues,
+  m as warning,
+  c as xl,
+  o as xs,
+  s as xxs
+};

package/lib/utils/dom.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=(e,n)=>{const t=e,l=t[n];if(typeof l=="string"&&l.length>0)return l;const r=t.getAttribute(n);return r!==null&&r!==""?r:void 0},d=(e,n,t)=>{const l=t==null?void 0:t.assignedElements({flatten:!0}),r=l?new Set(l):void 0;let o=e;for(;o;){if(r!=null&&r.has(o)||o.parentElement===n)return o;o=o.parentElement}return e},u=(e,n)=>{const t=e.compareDocumentPosition(n);return t&Node.DOCUMENT_POSITION_FOLLOWING?-1:t&Node.DOCUMENT_POSITION_PRECEDING?1:0},i=e=>new DOMRect(e.x+window.scrollX,e.y+window.scrollY,e.width,e.height),s=e=>{if(!e)return null;const n=e.getBoundingClientRect();return i(n)};exports.addScrollToRect=i;exports.compareDomOrder=u;exports.findTopLevelSlottedWrapper=d;exports.getElementScrollBoundingClientRect=s;exports.readStringProp=c;

package/lib/utils/dom.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Read a string-valued property from an element, with framework compatibility.
+ * Prefers the DOM property (set by Angular/React bindings), and falls back to
+ * the attribute when the property is unset.
+ */
+export declare const readStringProp: <T extends HTMLElement>(el: T, prop: string) => string | undefined;
+/**
+ * Given a light-DOM child that is assigned to a Shadow DOM <slot> of `host`,
+ * find the top-level wrapper element that is directly slotted into `host`.
+ * Falls back to climbing parents until reaching `host`.
+ */
+export declare const findTopLevelSlottedWrapper: (child: HTMLElement, host: HTMLElement, slot?: HTMLSlotElement | null) => HTMLElement;
+/**
+ * Compare two nodes by their position in the document for stable ordering.
+ */
+export declare const compareDomOrder: (a: Node, b: Node) => number;
+export declare const addScrollToRect: (rect: DOMRect) => DOMRect;
+export declare const getElementScrollBoundingClientRect: (element?: HTMLElement | null) => DOMRect | null;

package/lib/utils/dom.es.js

@@ -0,0 +1,34 @@
+const l = (t, n) => {
+  const e = t, i = e[n];
+  if (typeof i == "string" && i.length > 0) return i;
+  const r = e.getAttribute(n);
+  return r !== null && r !== "" ? r : void 0;
+}, u = (t, n, e) => {
+  const i = e == null ? void 0 : e.assignedElements({ flatten: !0 }), r = i ? new Set(i) : void 0;
+  let o = t;
+  for (; o; ) {
+    if (r != null && r.has(o) || o.parentElement === n) return o;
+    o = o.parentElement;
+  }
+  return t;
+}, s = (t, n) => {
+  const e = t.compareDocumentPosition(n);
+  return e & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : e & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
+}, c = (t) => new DOMRect(
+  t.x + window.scrollX,
+  t.y + window.scrollY,
+  t.width,
+  t.height
+), d = (t) => {
+  if (!t)
+    return null;
+  const n = t.getBoundingClientRect();
+  return c(n);
+};
+export {
+  c as addScrollToRect,
+  s as compareDomOrder,
+  u as findTopLevelSlottedWrapper,
+  d as getElementScrollBoundingClientRect,
+  l as readStringProp
+};