@viasat/beam-react 2.0.0

package/lib/Slider/hooks/useSliderBase.es.js

@@ -0,0 +1,111 @@
+import { useRef as p } from "react";
+import { g as K } from "../../../chunks/classNames.DNsS4J__.js";
+import { s as u } from "../../../chunks/slider.module.BW1fy3GU.js";
+import { useUniversalRef as Q } from "../../Form/hooks/useUniversalRef.hook.es.js";
+import { useAccessibleId as r } from "../../Form/hooks/useAccessibleId.hook.es.js";
+import "react/jsx-runtime";
+import { b as W } from "../../../chunks/form.context.CNWjF5qA.js";
+import "../../Form/contexts/label.context.es.js";
+import "../../Form/contexts/helperText.context.es.js";
+import { useRTLDirection as X } from "../../../utils/hooks/index.es.js";
+import { validateSliderRange as Y } from "../utils/slider.validation.utils.es.js";
+import { getSliderClassNames as Z, getContentContainerClassName as $, getAriaLabelProps as ee } from "../utils/slider.rendering.utils.es.js";
+import { DEFAULT_STEP as re, DEFAULT_RANGE as ae } from "../slider.constants.es.js";
+function Ce(b, C) {
+  const {
+    name: a,
+    validationRules: x = [],
+    disabled: L = !1,
+    readOnly: E = !1,
+    required: N = !1,
+    className: R,
+    range: P = ae,
+    step: A = re,
+    min: g = null,
+    max: y = null,
+    label: s,
+    valueAxis: l,
+    showValueAxisLabels: i = !0,
+    error: o,
+    ariaLabel: I,
+    ariaLabelledBy: v
+  } = b, { showErrors: T, isInvalid: n, disabled: t, readOnly: d, required: h } = W({
+    name: a,
+    validationRules: x,
+    disabledProp: L,
+    readOnlyProp: E,
+    requiredProp: N
+  }), { normalizedRange: k, normalizedStep: B, normalizedMin: F, normalizedMax: M } = Y(P, A, g, y), { refFn: S } = Q(C), m = p(null), _ = p(null), { id: q } = r(), { id: z } = r(), { id: c } = r(), { id: O } = r(), { id: D } = r(), U = X(m), e = K("slider"), f = !!o || n, { containerClassName: w, trackClassName: G, fillClassName: V } = Z(
+    e.baseClassNamePrefix,
+    e.subElementClassPrefix,
+    e.classModifierPrefix,
+    t,
+    d,
+    f,
+    R,
+    u
+  ), j = $(
+    e.subElementClassPrefix,
+    e.classModifierPrefix,
+    i,
+    l,
+    u
+  ), { finalAriaLabel: H, finalAriaLabelledBy: J } = ee(
+    I,
+    v,
+    s,
+    c
+  );
+  return {
+    // Form field state
+    showErrors: T,
+    isInvalid: n,
+    disabled: t,
+    readOnly: d,
+    required: h,
+    // Normalized values
+    normalizedRange: k,
+    normalizedStep: B,
+    normalizedMin: F,
+    normalizedMax: M,
+    // Refs
+    containerRef: S,
+    trackRef: m,
+    internalInputRef: _,
+    // IDs
+    ids: {
+      validationErrors: q,
+      error: z,
+      fallbackLabel: c,
+      helperText: O,
+      input: D
+    },
+    // RTL
+    isRTL: U,
+    // BEM utilities
+    bem: e,
+    // Class names
+    classNames: {
+      container: w,
+      track: G,
+      fill: V,
+      contentContainer: j
+    },
+    // ARIA
+    aria: {
+      label: H,
+      labelledBy: J
+    },
+    // Computed values
+    hasError: f,
+    // Original props (pass-through)
+    label: s,
+    valueAxis: l,
+    showValueAxisLabels: i,
+    name: a,
+    error: o
+  };
+}
+export {
+  Ce as useSliderBase
+};

package/lib/Slider/hooks/useSliderEvents.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react");function d(t,r,u,n){const e=s.useCallback(i=>{if(!t)return;const c=(n==null?void 0:n())||[];r(i.clientX,...c)},[t,r,n]),o=s.useCallback(()=>{u()},[u]);s.useEffect(()=>(t&&(document.addEventListener("pointermove",e),document.addEventListener("pointerup",o)),()=>{document.removeEventListener("pointermove",e),document.removeEventListener("pointerup",o)}),[t,e,o])}function m(t,r,u,n){s.useEffect(()=>{var i;const e=(i=t.current)==null?void 0:i.form;if(!e)return;const o=()=>{setTimeout(()=>{u(r)},0)};return e.addEventListener("reset",o),()=>{e.removeEventListener("reset",o)}},n)}exports.useSliderFormReset=m;exports.useSliderPointerEvents=d;

package/lib/Slider/hooks/useSliderEvents.d.ts

@@ -0,0 +1,2 @@
+export declare function useSliderPointerEvents<T extends unknown[]>(isDragging: boolean | string, handleValueChange: (clientX: number, ...args: T) => void, onDragEnd: () => void, getExtraArgs?: () => T): void;
+export declare function useSliderFormReset<T>(inputRef: React.RefObject<HTMLInputElement>, resetValue: T, setValue: (value: T) => void, dependencies: React.DependencyList): void;

package/lib/Slider/hooks/useSliderEvents.es.js

@@ -0,0 +1,39 @@
+import { useEffect as m, useCallback as c } from "react";
+function v(t, r, i, n) {
+  const e = c(
+    (u) => {
+      if (!t) return;
+      const s = (n == null ? void 0 : n()) || [];
+      r(u.clientX, ...s);
+    },
+    [t, r, n]
+  ), o = c(() => {
+    i();
+  }, [i]);
+  m(() => (t && (document.addEventListener("pointermove", e), document.addEventListener("pointerup", o)), () => {
+    document.removeEventListener("pointermove", e), document.removeEventListener("pointerup", o);
+  }), [t, e, o]);
+}
+function f(t, r, i, n) {
+  m(
+    () => {
+      var u;
+      const e = (u = t.current) == null ? void 0 : u.form;
+      if (!e) return;
+      const o = () => {
+        setTimeout(() => {
+          i(r);
+        }, 0);
+      };
+      return e.addEventListener("reset", o), () => {
+        e.removeEventListener("reset", o);
+      };
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    n
+  );
+}
+export {
+  f as useSliderFormReset,
+  v as useSliderPointerEvents
+};

package/lib/Slider/hooks/useSliderThumbNavigation.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react");function h({disabled:u,readOnly:b,isRTL:e,restrictToValueAxis:o,axisPoints:k,increment:a,decrement:r,gotoFirst:l,gotoLast:t}){return g.useCallback(c=>{if(u||b)return;const f=o?Math.max(1,Math.floor(k.length/10)):10;switch(c.key){case"ArrowLeft":e?a():r();break;case"ArrowDown":r();break;case"ArrowRight":e?r():a();break;case"ArrowUp":a();break;case"Home":l();break;case"End":t();break;case"PageUp":a(f);break;case"PageDown":r(f);break;default:return}c.preventDefault()},[u,b,e,o,k,a,r,l,t])}exports.useSliderThumbNavigation=h;

package/lib/Slider/hooks/useSliderThumbNavigation.d.ts

@@ -0,0 +1,13 @@
+interface UseSliderThumbNavigationProps {
+    disabled?: boolean;
+    readOnly?: boolean;
+    isRTL?: boolean;
+    restrictToValueAxis?: boolean;
+    axisPoints: number[];
+    increment: (multiplier?: number) => void;
+    decrement: (multiplier?: number) => void;
+    gotoFirst: () => void;
+    gotoLast: () => void;
+}
+export declare function useSliderThumbNavigation({ disabled, readOnly, isRTL, restrictToValueAxis, axisPoints, increment, decrement, gotoFirst, gotoLast, }: UseSliderThumbNavigationProps): (event: React.KeyboardEvent<HTMLDivElement>) => void;
+export {};

package/lib/Slider/hooks/useSliderThumbNavigation.es.js

@@ -0,0 +1,62 @@
+import { useCallback as l } from "react";
+function c({
+  disabled: k,
+  readOnly: u,
+  isRTL: b,
+  restrictToValueAxis: o,
+  axisPoints: e,
+  increment: a,
+  decrement: r,
+  gotoFirst: f,
+  gotoLast: p
+}) {
+  return l(
+    (w) => {
+      if (k || u) return;
+      const h = o ? Math.max(1, Math.floor(e.length / 10)) : 10;
+      switch (w.key) {
+        case "ArrowLeft":
+          b ? a() : r();
+          break;
+        case "ArrowDown":
+          r();
+          break;
+        case "ArrowRight":
+          b ? r() : a();
+          break;
+        case "ArrowUp":
+          a();
+          break;
+        case "Home":
+          f();
+          break;
+        case "End":
+          p();
+          break;
+        case "PageUp":
+          a(h);
+          break;
+        case "PageDown":
+          r(h);
+          break;
+        default:
+          return;
+      }
+      w.preventDefault();
+    },
+    [
+      k,
+      u,
+      b,
+      o,
+      e,
+      a,
+      r,
+      f,
+      p
+    ]
+  );
+}
+export {
+  c as useSliderThumbNavigation
+};

package/lib/Slider/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Slider.cjs.js");exports.Slider=e.Slider;exports.default=e.Slider;

package/lib/Slider/index.d.ts

@@ -0,0 +1,4 @@
+import { Slider } from './Slider';
+export * from './Slider';
+export * from './Slider.types';
+export default Slider;

package/lib/Slider/index.es.js

@@ -0,0 +1,5 @@
+import { Slider as e } from "./Slider.es.js";
+export {
+  e as Slider,
+  e as default
+};

package/lib/Slider/slider.constants.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T="cqw",t="3.625rem",o="0.0625rem",F=[0,100],n=1;function E(_){return`${_}${T}`}const c=E(0);exports.CQW_UNIT=T;exports.DEFAULT_RANGE=F;exports.DEFAULT_STEP=n;exports.DEFAULT_TEXT_FIELD_WIDTH=t;exports.TICK_MARK_OFFSET=o;exports.ZERO_CQW=c;exports.toCqw=E;

package/lib/Slider/slider.constants.d.ts

@@ -0,0 +1,29 @@
+/**
+ * CSS unit for container query width (used with CSS container queries)
+ */
+export declare const CQW_UNIT = "cqw";
+/**
+ * Default width for the slider text field input
+ */
+export declare const DEFAULT_TEXT_FIELD_WIDTH = "3.625rem";
+/**
+ * Offset for tick mark positioning to center the tick on the track
+ * Represents half the tick mark width
+ */
+export declare const TICK_MARK_OFFSET = "0.0625rem";
+/**
+ * Default slider range
+ */
+export declare const DEFAULT_RANGE: [number, number];
+/**
+ * Default step value
+ */
+export declare const DEFAULT_STEP = 1;
+/**
+ * Helper to create container query width value
+ */
+export declare function toCqw(percentage: number): string;
+/**
+ * Zero percentage in container query width
+ */
+export declare const ZERO_CQW: string;

package/lib/Slider/slider.constants.es.js

@@ -0,0 +1,14 @@
+const T = "cqw", o = "3.625rem", E = "0.0625rem", _ = [0, 100], c = 1;
+function n(t) {
+  return `${t}${T}`;
+}
+const s = n(0);
+export {
+  T as CQW_UNIT,
+  _ as DEFAULT_RANGE,
+  c as DEFAULT_STEP,
+  o as DEFAULT_TEXT_FIELD_WIDTH,
+  E as TICK_MARK_OFFSET,
+  s as ZERO_CQW,
+  n as toCqw
+};

package/lib/Slider/utils/slider.rendering.utils.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function m(i,a,o){return(i-a)/(o-a)*100}function C(i,a,o,t,r){const{left:e,width:c}=a;let n=Math.max(0,Math.min(1,(i-e)/c));return r&&(n=1-n),o+n*(t-o)}function d(i,a,o,t){let r=i,e=a;return!i&&!a&&(typeof o=="string"?e=t:r="Slider"),{finalAriaLabel:r,finalAriaLabelledBy:e}}function p(i,a,o,t,r,e,c,n){const f=[n==null?void 0:n[i],t&&(n==null?void 0:n[`${o}disabled`]),r&&(n==null?void 0:n[`${o}readonly`]),e&&(n==null?void 0:n[`${o}error`]),c].filter(Boolean).join(" "),u=(n==null?void 0:n[`${a}track`])||"",g=(n==null?void 0:n[`${a}fill`])||"";return{containerClassName:f,trackClassName:u,fillClassName:g}}function N(i,a,o,t,r){return[r==null?void 0:r[`${i}content-container`],o&&t&&Object.keys(t).length>0&&(r==null?void 0:r[`${a}with-value-axis`])].filter(Boolean).join(" ")}function $(i,a,o){return i?a<50!==o?"right":"left":void 0}exports.calculatePercentage=m;exports.clientXToValue=C;exports.getAriaLabelProps=d;exports.getContentContainerClassName=N;exports.getSliderClassNames=p;exports.getTooltipPlacement=$;

package/lib/Slider/utils/slider.rendering.utils.d.ts

@@ -0,0 +1,13 @@
+export declare function calculatePercentage(value: number, rangeMin: number, rangeMax: number): number;
+export declare function clientXToValue(clientX: number, trackRect: DOMRect, rangeMin: number, rangeMax: number, isRTL: boolean): number;
+export declare function getAriaLabelProps(ariaLabel: string | undefined, ariaLabelledBy: string | undefined, label: React.ReactNode, fallbackLabelId: string): {
+    finalAriaLabel: string | undefined;
+    finalAriaLabelledBy: string | undefined;
+};
+export declare function getSliderClassNames(baseClassNamePrefix: string, subElementClassPrefix: string, classModifierPrefix: string, disabled: boolean, readOnly: boolean, hasError: boolean, customClassName?: string, styles?: Record<string, string>): {
+    containerClassName: string;
+    trackClassName: string;
+    fillClassName: string;
+};
+export declare function getContentContainerClassName(subElementClassPrefix: string, classModifierPrefix: string, showValueAxisLabels: boolean, valueAxis: Record<number, string> | undefined, styles?: Record<string, string>): string;
+export declare function getTooltipPlacement(persistentTooltip: boolean | undefined, percentage: number, isRTL: boolean): "left" | "right" | undefined;

package/lib/Slider/utils/slider.rendering.utils.es.js

@@ -0,0 +1,43 @@
+function m(i, o, a) {
+  return (i - o) / (a - o) * 100;
+}
+function $(i, o, a, c, r) {
+  const { left: f, width: t } = o;
+  let n = Math.max(0, Math.min(1, (i - f) / t));
+  return r && (n = 1 - n), a + n * (c - a);
+}
+function h(i, o, a, c) {
+  let r = i, f = o;
+  return !i && !o && (typeof a == "string" ? f = c : r = "Slider"), { finalAriaLabel: r, finalAriaLabelledBy: f };
+}
+function C(i, o, a, c, r, f, t, n) {
+  const u = [
+    n == null ? void 0 : n[i],
+    c && (n == null ? void 0 : n[`${a}disabled`]),
+    r && (n == null ? void 0 : n[`${a}readonly`]),
+    f && (n == null ? void 0 : n[`${a}error`]),
+    t
+  ].filter(Boolean).join(" "), e = (n == null ? void 0 : n[`${o}track`]) || "", g = (n == null ? void 0 : n[`${o}fill`]) || "";
+  return {
+    containerClassName: u,
+    trackClassName: e,
+    fillClassName: g
+  };
+}
+function d(i, o, a, c, r) {
+  return [
+    r == null ? void 0 : r[`${i}content-container`],
+    a && c && Object.keys(c).length > 0 && (r == null ? void 0 : r[`${o}with-value-axis`])
+  ].filter(Boolean).join(" ");
+}
+function p(i, o, a) {
+  return i ? o < 50 !== a ? "right" : "left" : void 0;
+}
+export {
+  m as calculatePercentage,
+  $ as clientXToValue,
+  h as getAriaLabelProps,
+  d as getContentContainerClassName,
+  C as getSliderClassNames,
+  p as getTooltipPlacement
+};

package/lib/Slider/utils/slider.validation.utils.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function u(t,n,i,a){let e=[...t];e[0]>e[1]&&(console.warn(`Slider: 'range' prop is invalid, the first value should be less than the second. Received [${e[0]}, ${e[1]}]. Using [${e[1]}, ${e[0]}] instead.`),e=[e[1],e[0]]);const[r,l]=e;let o=n;n<=0&&(console.warn(`Slider: 'step' prop is invalid, it should be a positive number. Received ${n}. Using 1 instead.`),o=1);let s=i??r;i!==null&&i<r&&(console.warn(`Slider: 'min' prop is less than range minimum. Received min: ${i} with range minimum: ${r}. Using range minimum instead.`),s=r);let g=a??l;return a!==null&&a>l&&(console.warn(`Slider: 'max' prop is greater than range maximum. Received max: ${a} with range maximum: ${l}. Using range maximum instead.`),g=l),{normalizedRange:e,normalizedStep:o,normalizedMin:s,normalizedMax:g}}function d(t,n,i){if(t!==void 0)return t>i||t<n?(console.warn(`Slider: 'defaultValue' prop is out of range. Received ${t} with range [${n}, ${i}]. Clamping to fit within range.`),Math.max(n,Math.min(i,t))):t}function v(t,n,i){if(t===void 0)return;const[a,e]=t;return a<n||a>i||e<n||e>i?(console.warn(`Slider: 'defaultValue' prop is out of range. Received [${a}, ${e}] with range [${n}, ${i}]. Clamping to fit within range.`),[Math.max(n,Math.min(i,a)),Math.max(n,Math.min(i,e))]):t}exports.validateDualSliderDefaultValue=v;exports.validateSingleSliderDefaultValue=d;exports.validateSliderRange=u;

package/lib/Slider/utils/slider.validation.utils.d.ts

@@ -0,0 +1,8 @@
+export declare function validateSliderRange(range: [number, number], step: number, min: number | null, max: number | null): {
+    normalizedRange: [number, number];
+    normalizedStep: number;
+    normalizedMin: number;
+    normalizedMax: number;
+};
+export declare function validateSingleSliderDefaultValue(defaultValue: number | undefined, normalizedMin: number, normalizedMax: number): number | undefined;
+export declare function validateDualSliderDefaultValue(defaultValue: [number, number] | undefined, normalizedMin: number, normalizedMax: number): [number, number] | undefined;

package/lib/Slider/utils/slider.validation.utils.es.js

@@ -0,0 +1,46 @@
+function u(t, n, i, r) {
+  let e = [...t];
+  e[0] > e[1] && (console.warn(
+    `Slider: 'range' prop is invalid, the first value should be less than the second. Received [${e[0]}, ${e[1]}]. Using [${e[1]}, ${e[0]}] instead.`
+  ), e = [e[1], e[0]]);
+  const [a, o] = e;
+  let s = n;
+  n <= 0 && (console.warn(
+    `Slider: 'step' prop is invalid, it should be a positive number. Received ${n}. Using 1 instead.`
+  ), s = 1);
+  let g = i ?? a;
+  i !== null && i < a && (console.warn(
+    `Slider: 'min' prop is less than range minimum. Received min: ${i} with range minimum: ${a}. Using range minimum instead.`
+  ), g = a);
+  let l = r ?? o;
+  return r !== null && r > o && (console.warn(
+    `Slider: 'max' prop is greater than range maximum. Received max: ${r} with range maximum: ${o}. Using range maximum instead.`
+  ), l = o), {
+    normalizedRange: e,
+    normalizedStep: s,
+    normalizedMin: g,
+    normalizedMax: l
+  };
+}
+function d(t, n, i) {
+  if (t !== void 0)
+    return t > i || t < n ? (console.warn(
+      `Slider: 'defaultValue' prop is out of range. Received ${t} with range [${n}, ${i}]. Clamping to fit within range.`
+    ), Math.max(n, Math.min(i, t))) : t;
+}
+function h(t, n, i) {
+  if (t === void 0)
+    return;
+  const [r, e] = t;
+  return r < n || r > i || e < n || e > i ? (console.warn(
+    `Slider: 'defaultValue' prop is out of range. Received [${r}, ${e}] with range [${n}, ${i}]. Clamping to fit within range.`
+  ), [
+    Math.max(n, Math.min(i, r)),
+    Math.max(n, Math.min(i, e))
+  ]) : t;
+}
+export {
+  h as validateDualSliderDefaultValue,
+  d as validateSingleSliderDefaultValue,
+  u as validateSliderRange
+};

package/lib/Slider/utils/sliderLogic.utils.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function a(e,n,s){return e?Object.keys(e).map(Number).filter(r=>r>=n&&r<=s).sort((r,t)=>r-t):[]}function f(e,n,s,r){if(!n.length)return e;const t=n.filter(l=>l>=s&&l<=r);if(!t.length)return e;let o=t[0],u=Math.abs(t[0]-e);for(let l=1;l<t.length;l++){const i=Math.abs(t[l]-e);i<u?(o=t[l],u=i):i===u&&t[l]>e&&(o=t[l])}return o}function c(e,n,s,r){const t=Math.round((e-n)/r)*r+n;return Math.max(n,Math.min(s,t))}function g(e,n,s,r,t,o){return n&&s.length?f(e,s,r,t):c(e,r,t,o)}exports.calculateMarkValues=a;exports.getClosestMark=f;exports.getClosestStep=c;exports.getValidValue=g;

package/lib/Slider/utils/sliderLogic.utils.d.ts

@@ -0,0 +1,4 @@
+export declare function calculateMarkValues(valueAxis: Record<number, string> | undefined, rangeMin: number, rangeMax: number): number[];
+export declare function getClosestMark(val: number, markValues: number[], min: number, max: number): number;
+export declare function getClosestStep(val: number, min: number, max: number, step: number): number;
+export declare function getValidValue(val: number, restrictToValueAxis: boolean, markValues: number[], min: number, max: number, step: number): number;

package/lib/Slider/utils/sliderLogic.utils.es.js

@@ -0,0 +1,27 @@
+function h(e, r, i) {
+  return e ? Object.keys(e).map(Number).filter((n) => n >= r && n <= i).sort((n, t) => n - t) : [];
+}
+function c(e, r, i, n) {
+  if (!r.length) return e;
+  const t = r.filter((f) => f >= i && f <= n);
+  if (!t.length) return e;
+  let o = t[0], s = Math.abs(t[0] - e);
+  for (let f = 1; f < t.length; f++) {
+    const u = Math.abs(t[f] - e);
+    u < s ? (o = t[f], s = u) : u === s && t[f] > e && (o = t[f]);
+  }
+  return o;
+}
+function l(e, r, i, n) {
+  const t = Math.round((e - r) / n) * n + r;
+  return Math.max(r, Math.min(i, t));
+}
+function M(e, r, i, n, t, o) {
+  return r && i.length ? c(e, i, n, t) : l(e, n, t, o);
+}
+export {
+  h as calculateMarkValues,
+  c as getClosestMark,
+  l as getClosestStep,
+  M as getValidValue
+};

package/lib/Spinner/Spinner.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),j=require("clsx"),e=require("../../chunks/SpinnerWrap.Dyuei3Yi.js"),i=({size:r="md",value:s,heading:t,body:c,showPercentage:d,className:p,...S})=>{const o=Number.isInteger(s)&&d,{sideLength:m,strokeWidth:h}=e.spinnerSizesToDimensions[r],{circumference:u}=e.getCircleDimensions({sideLength:m,strokeWidth:h}),x=j.clsx(e.styles[e.spinnerSizeClassModifiers[r]],p),a=!!t||o,l=!!c,g=a||l;return n.jsxs(e.SpinnerSurface,{className:x,children:[n.jsxs(e.SpinnerSvgWrap,{value:s,circumference:u,size:r,...S,children:[n.jsx("progress",{value:s,max:"100"}),n.jsx(e.SpinnerSvg,{size:r,value:s})]}),g&&n.jsxs("div",{className:e.styles[e.classNames.spinnerContentWrapper],children:[a&&n.jsxs(e.SpinnerHeading,{children:[t,o&&n.jsxs(e.PercentageIndicator,{children:[s,"%"]})]}),l&&n.jsx(e.SpinnerBody,{children:c})]})]})};i.displayName="Spinner";exports.Spinner=i;exports.default=i;

package/lib/Spinner/Spinner.d.ts

@@ -0,0 +1,39 @@
+import { SpinnerSizes, SpinnerValues } from '@viasat/beam-shared/components/spinner';
+import { default as React, ReactNode } from 'react';
+import { ThemeTypes } from '@viasat/beam-shared/utils';
+export interface SpinnerProps extends React.ComponentPropsWithoutRef<'div'> {
+    /**
+     * Specify the size of the spinner
+     * @default 'md'
+     */
+    size?: SpinnerSizes;
+    /**
+     * Specify if a spinner is determinate by setting a value
+     * @default undefined
+     */
+    value?: SpinnerValues;
+    /**
+     * Specify if a percentage displays with the Spinner
+     * @default undefined
+     */
+    showPercentage?: boolean;
+    /**
+     * Specify the heading text for Spinner
+     * @default undefined
+     */
+    heading?: ReactNode;
+    /**
+     * Specify the body text for Spinner
+     * @default undefined
+     */
+    body?: ReactNode;
+    /**
+     * Specify the theme of the Spinner. By default it inherits the theme from the parent
+     */
+    theme?: ThemeTypes;
+}
+export declare const Spinner: {
+    ({ size, value, heading, body, showPercentage, className: _className, ...props }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default Spinner;

package/lib/Spinner/Spinner.es.js

@@ -0,0 +1,47 @@
+import { jsxs as n, jsx as r } from "react/jsx-runtime";
+import { clsx as x } from "clsx";
+import { s as B, a as p, b as C, S as y, c as P, g as W, d as j, e as u, P as D, f as H, h as I } from "../../chunks/SpinnerWrap.DI2J26ka.js";
+const b = ({
+  size: e = "md",
+  value: s,
+  heading: a,
+  body: i,
+  showPercentage: d,
+  className: m,
+  ...l
+}) => {
+  const o = Number.isInteger(s) && d, { sideLength: S, strokeWidth: h } = B[e], { circumference: g } = W({
+    sideLength: S,
+    strokeWidth: h
+  }), f = x(p[C[e]], m), c = !!a || o, t = !!i, N = c || t;
+  return /* @__PURE__ */ n(y, { className: f, children: [
+    /* @__PURE__ */ n(
+      P,
+      {
+        value: s,
+        circumference: g,
+        size: e,
+        ...l,
+        children: [
+          /* @__PURE__ */ r("progress", { value: s, max: "100" }),
+          /* @__PURE__ */ r(j, { size: e, value: s })
+        ]
+      }
+    ),
+    N && /* @__PURE__ */ n("div", { className: p[I.spinnerContentWrapper], children: [
+      c && /* @__PURE__ */ n(u, { children: [
+        a,
+        o && /* @__PURE__ */ n(D, { children: [
+          s,
+          "%"
+        ] })
+      ] }),
+      t && /* @__PURE__ */ r(H, { children: i })
+    ] })
+  ] });
+};
+b.displayName = "Spinner";
+export {
+  b as Spinner,
+  b as default
+};

package/lib/Spinner/Spinner.figma.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/Spinner/SpinnerWrap.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("clsx");const e=require("../../chunks/SpinnerWrap.Dyuei3Yi.js");exports.PercentageIndicator=e.PercentageIndicator;exports.SpinnerBody=e.SpinnerBody;exports.SpinnerHeading=e.SpinnerHeading;exports.SpinnerSurface=e.SpinnerSurface;exports.SpinnerSvg=e.SpinnerSvg;exports.SpinnerSvgWrap=e.SpinnerSvgWrap;

package/lib/Spinner/SpinnerWrap.d.ts

@@ -0,0 +1,34 @@
+import { ClassValue } from 'clsx';
+import { ReactNode } from 'react';
+import { SpinnerSizes, SpinnerValues, SpinnerSvgProps } from '@viasat/beam-shared/components/spinner';
+export declare const SpinnerSvg: ({ size, value, ...props }: SpinnerSvgProps) => import("react/jsx-runtime").JSX.Element;
+type SpinnerLabelProps = {
+    children: ReactNode;
+};
+export declare const SpinnerHeading: ({ children }: SpinnerLabelProps) => import("react/jsx-runtime").JSX.Element;
+type SpinnerDescriptionProps = {
+    children: ReactNode;
+};
+export declare const SpinnerBody: ({ children }: SpinnerDescriptionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PercentageIndicator: ({ className: _className, children, }: {
+    className?: ClassValue;
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export interface SpinnerWrapProps {
+    children?: ReactNode;
+    circumference: number;
+    size?: SpinnerSizes;
+    value?: SpinnerValues;
+    className?: ClassValue;
+    as?: React.ElementType;
+}
+export declare const SpinnerSvgWrap: {
+    ({ as: Component, value, circumference, size, children, className: _className, ...props }: SpinnerWrapProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+interface SpinnerSurface {
+    children: ReactNode;
+    className: string;
+}
+export declare const SpinnerSurface: ({ children, className: _className, ...props }: SpinnerSurface) => import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/Spinner/SpinnerWrap.es.js

@@ -0,0 +1,11 @@
+import "react/jsx-runtime";
+import "clsx";
+import { P as i, f as p, e as S, S as o, d as s, c as t } from "../../chunks/SpinnerWrap.DI2J26ka.js";
+export {
+  i as PercentageIndicator,
+  p as SpinnerBody,
+  S as SpinnerHeading,
+  o as SpinnerSurface,
+  s as SpinnerSvg,
+  t as SpinnerSvgWrap
+};

package/lib/Spinner/index.cjs.js

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

package/lib/Spinner/index.d.ts

@@ -0,0 +1,2 @@
+export { Spinner } from './Spinner';
+export { type SpinnerProps } from './Spinner';

package/lib/Spinner/index.es.js

@@ -0,0 +1,4 @@
+import { Spinner as n } from "./Spinner.es.js";
+export {
+  n as Spinner
+};

package/lib/StateLayer/StateLayer.cjs.js

@@ -0,0 +1 @@
+var b=require("../../assets/StateLayer.css");Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),y=require("../../chunks/classNames.DAeKwerT.js");require("../../chunks/constants.hwjHOsvT.js");const n=require("clsx"),s={"bm-state-layer":"bm-state-layer","bm-state-layer--without-hover":"bm-state-layer--without-hover","bm-state-layer--without-active":"bm-state-layer--without-active","bm-state-layer--with-focus-within":"bm-state-layer--with-focus-within","bm-state-layer--without-focus-visible-within":"bm-state-layer--without-focus-visible-within","bm-state-layer--without-disabled":"bm-state-layer--without-disabled"},{baseClassNamePrefix:r}=y.getBEMClassNames("state-layer");function i({className:l,without:t=[],with:e=[]}){const o=Array.isArray(t)?t:[t],u=Array.isArray(e)?e:[e],m=n(s[`${r}`],...o.map(a=>s[`${r}--without-${a}`]),...u.map(a=>s[`${r}--with-${a}`]),l);return c.jsx("span",{"aria-hidden":!0,className:m})}exports.StateLayer=i;exports.default=i;

package/lib/StateLayer/StateLayer.d.ts

@@ -0,0 +1,11 @@
+import { StaticAppearance } from '@viasat/beam-shared/utils/constants';
+type DisableableStates = 'enabled' | 'hover' | 'active' | 'focus-visible-within' | 'disabled';
+type EnableableStates = 'focus-within';
+export interface StateLayerProps {
+    appearance?: StaticAppearance;
+    className?: string;
+    without?: Array<DisableableStates> | DisableableStates;
+    with?: Array<EnableableStates> | EnableableStates;
+}
+export declare function StateLayer({ className: _className, without, with: _with, }: StateLayerProps): import("react/jsx-runtime").JSX.Element;
+export default StateLayer;