@viasat/beam-react 2.71.0 → 2.72.0

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.CgMu0_1M.js"),p=require("../../chunks/helpers.BIckGIbP.js"),a=require("../../chunks/CSSLookup.k3ewV3rr.js"),w=require("./useId.cjs.js"),f=require("./usePrevious.cjs.js"),g=require("./useInteractiveProps.cjs.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"}function v(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 S(e){return e.scrollWidth>e.clientWidth||e.scrollHeight>e.clientHeight}function b(e){if(!e)return!1;if(S(e))return!0;const t=window.getComputedStyle(e);return h(e,t)||v(e,t)}const m=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}},y=()=>{const[e,t]=s.useState(!1),n=()=>{r.current&&t(b(r.current))},{ref:r}=l(n);return{ref:r,isOverFlowing:e}},C=e=>{const[t,n]=s.useState(!1),r=()=>{i.current&&n(m(i.current))},{ref:i}=l(r,200);return{ref:i,isTextWrapping:t}},W=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 P(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.usePrevious=f.usePrevious;exports.useInteractiveProps=g.useInteractiveProps;exports.useCSSLookup=W;exports.useIsOverFlowing=y;exports.useIsTextWrapping=C;exports.useMobileDetection=I;exports.useRTLDirection=P;exports.useResizeObserver=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react"),d=require("../../chunks/constants.DLsDVPyH.js"),p=require("../../chunks/helpers.CugcWtbW.js"),a=require("../../chunks/CSSLookup.traG3_5O.js"),w=require("./useId.cjs.js"),f=require("./usePrevious.cjs.js"),g=require("./useInteractiveProps.cjs.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"}function v(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 S(e){return e.scrollWidth>e.clientWidth||e.scrollHeight>e.clientHeight}function b(e){if(!e)return!1;if(S(e))return!0;const t=window.getComputedStyle(e);return h(e,t)||v(e,t)}const m=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}},y=()=>{const[e,t]=s.useState(!1),n=()=>{r.current&&t(b(r.current))},{ref:r}=l(n);return{ref:r,isOverFlowing:e}},C=e=>{const[t,n]=s.useState(!1),r=()=>{i.current&&n(m(i.current))},{ref:i}=l(r,200);return{ref:i,isTextWrapping:t}},W=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 P(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.usePrevious=f.usePrevious;exports.useInteractiveProps=g.useInteractiveProps;exports.useCSSLookup=W;exports.useIsOverFlowing=y;exports.useIsTextWrapping=C;exports.useMobileDetection=I;exports.useRTLDirection=P;exports.useResizeObserver=l;

package/utils/hooks/index.es.js

@@ -1,7 +1,7 @@
 import { useState as u, useEffect as d, useRef as f, useLayoutEffect as l } from "react";
-import { a as w } from "../../chunks/constants.Cruz2A1w.js";
-import { d as m } from "../../chunks/helpers.CiQfGwdc.js";
-import { C as a } from "../../chunks/CSSLookup.kaPTyL5S.js";
+import { a as w } from "../../chunks/constants.XFX4nOSf.js";
+import { d as m } from "../../chunks/helpers.DWdxSU31.js";
+import { C as a } from "../../chunks/CSSLookup.ChCEFF_X.js";
 import { useId as V } from "./useId.es.js";
 import { usePrevious as M } from "./usePrevious.es.js";
 import { useInteractiveProps as k } from "./useInteractiveProps.es.js";

package/utils/hooks/useId.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),a=require("../../chunks/use-isomorphic-layout-effect.browser.esm.CkGv31zs.js"),i=require("../safeReact.cjs.js"),f=require("../../chunks/constants.CgMu0_1M.js");function l(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const r=l(u);let s=!1,d=0;const c=()=>`${f.prefix}-${Math.random().toString(36).slice(2,6)}${d++}`;function g(){const[e,t]=r.useState(()=>s?c():void 0);return a.index(()=>{e==null&&t(c())},[]),r.useEffect(()=>{s=!0},[]),e}const p=i.SafeReact.useId,b=p||g;exports.useId=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),a=require("../../chunks/use-isomorphic-layout-effect.browser.esm.CkGv31zs.js"),i=require("../safeReact.cjs.js"),f=require("../../chunks/constants.DLsDVPyH.js");function l(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const r=l(u);let s=!1,d=0;const c=()=>`${f.prefix}-${Math.random().toString(36).slice(2,6)}${d++}`;function g(){const[e,t]=r.useState(()=>s?c():void 0);return a.index(()=>{e==null&&t(c())},[]),r.useEffect(()=>{s=!0},[]),e}const p=i.SafeReact.useId,b=p||g;exports.useId=b;

package/utils/hooks/useId.es.js

@@ -1,7 +1,7 @@
 import * as t from "react";
 import { i as n } from "../../chunks/use-isomorphic-layout-effect.browser.esm.DERp5kr6.js";
 import { SafeReact as i } from "../safeReact.es.js";
-import { p as a } from "../../chunks/constants.Cruz2A1w.js";
+import { p as a } from "../../chunks/constants.XFX4nOSf.js";
 let o = !1, f = 0;
 const r = () => `${a}-${Math.random().toString(36).slice(2, 6)}${f++}`;
 function c() {

package/utils/hooks/useLocalStorage.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../../chunks/constants.CgMu0_1M.js"),l=require("../../chunks/helpers.BIckGIbP.js"),u=require("react");function f(e,t){typeof window>"u"||!window.localStorage||window.dispatchEvent(new StorageEvent("storage",{key:e,newValue:t}))}const c=l.debounce((e,t)=>{if(typeof window>"u"||!window.localStorage)return;const r=JSON.stringify(t);window.localStorage.setItem(e,r),f(e,r)},d.FPS_60),w=e=>{typeof window>"u"||!window.localStorage||(window.localStorage.removeItem(e),f(e,null))},S=e=>typeof window>"u"||!window.localStorage?null:window.localStorage.getItem(e);function g(e,t,r=!0){const[i,s]=u.useState(()=>{if(!r)return t??null;const o=S(e);return o!==null?o:typeof t<"u"?(c(e,t),JSON.stringify(t)):null}),a=u.useCallback(o=>{try{if(!r)return;const n=typeof o=="function"?o(i?JSON.parse(i):null):o;n==null?(w(e),s(null)):(c(e,n),s(JSON.stringify(n)))}catch(n){console.error(n)}},[e,i,r]);return u.useEffect(()=>{if(!r||typeof window>"u")return;const o=n=>{n.key===e&&s(n.newValue)};return window.addEventListener("storage",o),()=>window.removeEventListener("storage",o)},[e,r]),[i?JSON.parse(i):t,a]}exports.useLocalStorage=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("../../chunks/constants.DLsDVPyH.js"),l=require("../../chunks/helpers.CugcWtbW.js"),u=require("react");function f(e,t){typeof window>"u"||!window.localStorage||window.dispatchEvent(new StorageEvent("storage",{key:e,newValue:t}))}const c=l.debounce((e,t)=>{if(typeof window>"u"||!window.localStorage)return;const r=JSON.stringify(t);window.localStorage.setItem(e,r),f(e,r)},d.FPS_60),w=e=>{typeof window>"u"||!window.localStorage||(window.localStorage.removeItem(e),f(e,null))},S=e=>typeof window>"u"||!window.localStorage?null:window.localStorage.getItem(e);function g(e,t,r=!0){const[i,s]=u.useState(()=>{if(!r)return t??null;const o=S(e);return o!==null?o:typeof t<"u"?(c(e,t),JSON.stringify(t)):null}),a=u.useCallback(o=>{try{if(!r)return;const n=typeof o=="function"?o(i?JSON.parse(i):null):o;n==null?(w(e),s(null)):(c(e,n),s(JSON.stringify(n)))}catch(n){console.error(n)}},[e,i,r]);return u.useEffect(()=>{if(!r||typeof window>"u")return;const o=n=>{n.key===e&&s(n.newValue)};return window.addEventListener("storage",o),()=>window.removeEventListener("storage",o)},[e,r]),[i?JSON.parse(i):t,a]}exports.useLocalStorage=g;

package/utils/hooks/useLocalStorage.es.js

@@ -1,5 +1,5 @@
-import { c as a } from "../../chunks/constants.Cruz2A1w.js";
-import { d as w } from "../../chunks/helpers.CiQfGwdc.js";
+import { c as a } from "../../chunks/constants.XFX4nOSf.js";
+import { d as w } from "../../chunks/helpers.DWdxSU31.js";
 import s from "react";
 function c(t, e) {
   typeof window > "u" || !window.localStorage || window.dispatchEvent(new StorageEvent("storage", { key: t, newValue: e }));

package/utils/spacing.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("../chunks/helpers.BIckGIbP.js"),P=["m","mx","my","mTop","mBottom","mBefore","mAfter"],t=["p","px","py","pTop","pBottom","pBefore","pAfter"],o=["gap"],p=[...P,...t,...o],_=(r,e=p)=>A.partitionProps(r,e);exports.MARGIN_PROP_NAMES=P;exports.OTHER_SPACING_PROP_NAMES=o;exports.PADDING_PROP_NAMES=t;exports.SPACING_PROP_NAMES=p;exports.partitionSpacingProps=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("../chunks/helpers.CugcWtbW.js"),P=["m","mx","my","mTop","mBottom","mBefore","mAfter"],t=["p","px","py","pTop","pBottom","pBefore","pAfter"],o=["gap"],p=[...P,...t,...o],_=(r,e=p)=>A.partitionProps(r,e);exports.MARGIN_PROP_NAMES=P;exports.OTHER_SPACING_PROP_NAMES=o;exports.PADDING_PROP_NAMES=t;exports.SPACING_PROP_NAMES=p;exports.partitionSpacingProps=_;

package/utils/spacing.es.js

@@ -1,4 +1,4 @@
-import { p as t } from "../chunks/helpers.CiQfGwdc.js";
+import { p as t } from "../chunks/helpers.DWdxSU31.js";
 const r = [
   "m",
   "mx",

package/utils/theming/useBeamTheme.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react/jsx-runtime"),d=require("react"),a=require("../../chunks/constants.CgMu0_1M.js");function K(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const l=K(d);var F=(e,n,t,s,r,o,h,u)=>{let f=document.documentElement,g=["light","dark"];function E(m){(Array.isArray(e)?e:[e]).forEach(p=>{let c=p==="class",A=c&&o?r.map(b=>o[b]||b):r;c?(f.classList.remove(...A),f.classList.add(o&&o[m]?o[m]:m)):f.setAttribute(p,m)}),v(m)}function v(m){u&&g.includes(m)&&(f.style.colorScheme=m)}function i(){return window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}if(s)E(s);else try{let m=localStorage.getItem(n)||t,p=h&&m==="system"?i():m;E(p)}catch{}},D=["light","dark"],N="(prefers-color-scheme: dark)",V=typeof window>"u",P=l.createContext(void 0),Q={setTheme:e=>{},themes:[]},W=()=>{var e;return(e=l.useContext(P))!=null?e:Q},q=e=>l.useContext(P)?l.createElement(l.Fragment,null,e.children):l.createElement(G,{...e}),z=["light","dark"],G=({forcedTheme:e,disableTransitionOnChange:n=!1,enableSystem:t=!0,enableColorScheme:s=!0,storageKey:r="theme",themes:o=z,defaultTheme:h=t?"system":"light",attribute:u="data-theme",value:f,children:g,nonce:E,scriptProps:v})=>{let[i,m]=l.useState(()=>$(r,h)),[p,c]=l.useState(()=>i==="system"?L():i),A=f?Object.values(f):o,b=l.useCallback(T=>{let y=T;if(!y)return;T==="system"&&t&&(y=L());let M=f?f[y]:y,x=n?X(E):null,k=document.documentElement,j=S=>{S==="class"?(k.classList.remove(...A),M&&k.classList.add(M)):S.startsWith("data-")&&(M?k.setAttribute(S,M):k.removeAttribute(S))};if(Array.isArray(u)?u.forEach(j):j(u),s){let S=D.includes(h)?h:null,H=D.includes(y)?y:S;k.style.colorScheme=H}x==null||x()},[E]),C=l.useCallback(T=>{let y=typeof T=="function"?T(i):T;m(y);try{localStorage.setItem(r,y)}catch{}},[i]),_=l.useCallback(T=>{let y=L(T);c(y),i==="system"&&t&&!e&&b("system")},[i,e]);l.useEffect(()=>{let T=window.matchMedia(N);return T.addListener(_),_(T),()=>T.removeListener(_)},[_]),l.useEffect(()=>{let T=y=>{y.key===r&&(y.newValue?m(y.newValue):C(h))};return window.addEventListener("storage",T),()=>window.removeEventListener("storage",T)},[C]),l.useEffect(()=>{b(e??i)},[e,i]);let Y=l.useMemo(()=>({theme:i,setTheme:C,forcedTheme:e,resolvedTheme:i==="system"?p:i,themes:t?[...o,"system"]:o,systemTheme:t?p:void 0}),[i,C,e,p,t,o]);return l.createElement(P.Provider,{value:Y},l.createElement(J,{forcedTheme:e,storageKey:r,attribute:u,enableSystem:t,enableColorScheme:s,defaultTheme:h,value:f,themes:o,nonce:E,scriptProps:v}),g)},J=l.memo(({forcedTheme:e,storageKey:n,attribute:t,enableSystem:s,enableColorScheme:r,defaultTheme:o,value:h,themes:u,nonce:f,scriptProps:g})=>{let E=JSON.stringify([t,n,o,e,u,h,s,r]).slice(1,-1);return l.createElement("script",{...g,suppressHydrationWarning:!0,nonce:typeof window>"u"?f:"",dangerouslySetInnerHTML:{__html:`(${F.toString()})(${E})`}})}),$=(e,n)=>{if(V)return;let t;try{t=localStorage.getItem(e)||void 0}catch{}return t||n},X=e=>{let n=document.createElement("style");return e&&n.setAttribute("nonce",e),n.appendChild(document.createTextNode("*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}")),document.head.appendChild(n),()=>{window.getComputedStyle(document.body),setTimeout(()=>{document.head.removeChild(n)},1)}},L=e=>(e||(e=window.matchMedia(N)),e.matches?"dark":"light");const w=e=>[a.themeClassName(e.mode),a.accentThemeClassName(e.accent),"bm-expressive-accent",a.productTypeThemeClassName(e.productType)].join(" "),R=e=>{var o,h;if(!e)return a.DEFAULT_THEME;e=e.replaceAll(a.prefix,"");const n=e.split(" "),t=a.themeTypeValues.find(u=>n.includes(u))??a.DEFAULT_MODE,s=((o=Object.entries(a.ACCENT).find(([,u])=>n.includes(u)))==null?void 0:o[1])??a.DEFAULT_ACCENT,r=((h=Object.entries(a.PRODUCT_TYPE).find(([,u])=>n.includes(u)))==null?void 0:h[1])??a.DEFAULT_PRODUCT_TYPE;return{mode:t,accent:s,productType:r}},U=Object.values(a.themeTypeValues).flatMap(e=>Object.values(a.ACCENT).flatMap(n=>Object.values(a.PRODUCT_TYPE).map(t=>[a.themeClassName(e),a.accentThemeClassName(n),"bm-expressive-accent",a.productTypeThemeClassName(t)].join(" ")))),B="(prefers-color-scheme: dark)";function Z(){return typeof window>"u"?"light":window.matchMedia(B).matches?"dark":"light"}const I=d.createContext(null),ee=q,te=({children:e,defaultTheme:n=a.DEFAULT_THEME,forcedMode:t,enableSystemMode:s=!1,...r})=>{const o={...a.DEFAULT_THEME,...n,mode:t??(s?Z():n.mode)};return O.jsx(ee,{attribute:a.ATTRIBUTE,storageKey:a.STORAGE_KEY,defaultTheme:w(o),themes:U,enableSystem:!0,enableColorScheme:!1,...r,children:O.jsx(ne,{enableSystemMode:s,forcedMode:t,children:e})})},ne=({children:e,enableSystemMode:n,forcedMode:t})=>{const s=W(),r=d.useMemo(()=>R(s.theme),[s.theme]),o=d.useCallback(c=>{t||s.setTheme(w({...r,mode:c}))},[r,s,t]),h=d.useCallback(c=>s.setTheme(w({...r,accent:c})),[r,s]),u=d.useCallback(c=>s.setTheme(w({...r,productType:c})),[r,s]),f=d.useCallback(()=>o(r.mode==="light"?"dark":"light"),[r.mode,o]),g=d.useCallback(()=>{if(typeof window>"u")return;const c=localStorage.getItem(a.SYSTEM_MODE_ENABLED_KEY);return c?c==="true":n},[n]),[E,v]=d.useState(void 0),i=d.useCallback(c=>{v(c),localStorage.setItem(a.SYSTEM_MODE_ENABLED_KEY,c.toString())},[v]);d.useEffect(()=>{i(g()??n),t&&s.setTheme(w({...r,mode:t}))},[]);const m=d.useRef(o);m.current=o,d.useEffect(()=>{if(typeof window>"u")return;const c=window.matchMedia(B),A=localStorage.getItem(a.STORAGE_KEY),b=C=>{E&&m.current(C.matches?"dark":"light")};return E&&(!A&&m.current(c.matches?"dark":"light"),c.addEventListener("change",b)),()=>{c.removeEventListener("change",b)}},[E]),d.useEffect(()=>{typeof window>"u"||(document.documentElement.style.colorScheme=r.mode)},[r.mode]);const p=d.useMemo(()=>({theme:r,systemMode:s.systemTheme,systemModeEnabled:E,setSystemModeEnabled:i,setMode:o,setAccent:h,setProductType:u,toggleMode:f}),[r,s.systemTheme,E,i,o,h,u,f]);return O.jsx(I.Provider,{value:p,children:e})},se=()=>{const e=d.useContext(I);if(!e)throw new Error("useBeamTheme must be used within <BeamThemeProvider>");return e};exports.ALL_THEMES=U;exports.BeamThemeProvider=te;exports.fromAttr=R;exports.toAttr=w;exports.useBeamTheme=se;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react/jsx-runtime"),d=require("react"),a=require("../../chunks/constants.DLsDVPyH.js");function K(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,s.get?s:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const l=K(d);var F=(e,n,t,s,r,o,h,u)=>{let f=document.documentElement,g=["light","dark"];function E(m){(Array.isArray(e)?e:[e]).forEach(p=>{let c=p==="class",A=c&&o?r.map(b=>o[b]||b):r;c?(f.classList.remove(...A),f.classList.add(o&&o[m]?o[m]:m)):f.setAttribute(p,m)}),v(m)}function v(m){u&&g.includes(m)&&(f.style.colorScheme=m)}function i(){return window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"}if(s)E(s);else try{let m=localStorage.getItem(n)||t,p=h&&m==="system"?i():m;E(p)}catch{}},D=["light","dark"],N="(prefers-color-scheme: dark)",V=typeof window>"u",P=l.createContext(void 0),Q={setTheme:e=>{},themes:[]},W=()=>{var e;return(e=l.useContext(P))!=null?e:Q},q=e=>l.useContext(P)?l.createElement(l.Fragment,null,e.children):l.createElement(G,{...e}),z=["light","dark"],G=({forcedTheme:e,disableTransitionOnChange:n=!1,enableSystem:t=!0,enableColorScheme:s=!0,storageKey:r="theme",themes:o=z,defaultTheme:h=t?"system":"light",attribute:u="data-theme",value:f,children:g,nonce:E,scriptProps:v})=>{let[i,m]=l.useState(()=>$(r,h)),[p,c]=l.useState(()=>i==="system"?L():i),A=f?Object.values(f):o,b=l.useCallback(T=>{let y=T;if(!y)return;T==="system"&&t&&(y=L());let M=f?f[y]:y,x=n?X(E):null,k=document.documentElement,j=S=>{S==="class"?(k.classList.remove(...A),M&&k.classList.add(M)):S.startsWith("data-")&&(M?k.setAttribute(S,M):k.removeAttribute(S))};if(Array.isArray(u)?u.forEach(j):j(u),s){let S=D.includes(h)?h:null,H=D.includes(y)?y:S;k.style.colorScheme=H}x==null||x()},[E]),C=l.useCallback(T=>{let y=typeof T=="function"?T(i):T;m(y);try{localStorage.setItem(r,y)}catch{}},[i]),_=l.useCallback(T=>{let y=L(T);c(y),i==="system"&&t&&!e&&b("system")},[i,e]);l.useEffect(()=>{let T=window.matchMedia(N);return T.addListener(_),_(T),()=>T.removeListener(_)},[_]),l.useEffect(()=>{let T=y=>{y.key===r&&(y.newValue?m(y.newValue):C(h))};return window.addEventListener("storage",T),()=>window.removeEventListener("storage",T)},[C]),l.useEffect(()=>{b(e??i)},[e,i]);let Y=l.useMemo(()=>({theme:i,setTheme:C,forcedTheme:e,resolvedTheme:i==="system"?p:i,themes:t?[...o,"system"]:o,systemTheme:t?p:void 0}),[i,C,e,p,t,o]);return l.createElement(P.Provider,{value:Y},l.createElement(J,{forcedTheme:e,storageKey:r,attribute:u,enableSystem:t,enableColorScheme:s,defaultTheme:h,value:f,themes:o,nonce:E,scriptProps:v}),g)},J=l.memo(({forcedTheme:e,storageKey:n,attribute:t,enableSystem:s,enableColorScheme:r,defaultTheme:o,value:h,themes:u,nonce:f,scriptProps:g})=>{let E=JSON.stringify([t,n,o,e,u,h,s,r]).slice(1,-1);return l.createElement("script",{...g,suppressHydrationWarning:!0,nonce:typeof window>"u"?f:"",dangerouslySetInnerHTML:{__html:`(${F.toString()})(${E})`}})}),$=(e,n)=>{if(V)return;let t;try{t=localStorage.getItem(e)||void 0}catch{}return t||n},X=e=>{let n=document.createElement("style");return e&&n.setAttribute("nonce",e),n.appendChild(document.createTextNode("*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}")),document.head.appendChild(n),()=>{window.getComputedStyle(document.body),setTimeout(()=>{document.head.removeChild(n)},1)}},L=e=>(e||(e=window.matchMedia(N)),e.matches?"dark":"light");const w=e=>[a.themeClassName(e.mode),a.accentThemeClassName(e.accent),"bm-expressive-accent",a.productTypeThemeClassName(e.productType)].join(" "),R=e=>{var o,h;if(!e)return a.DEFAULT_THEME;e=e.replaceAll(a.prefix,"");const n=e.split(" "),t=a.themeTypeValues.find(u=>n.includes(u))??a.DEFAULT_MODE,s=((o=Object.entries(a.ACCENT).find(([,u])=>n.includes(u)))==null?void 0:o[1])??a.DEFAULT_ACCENT,r=((h=Object.entries(a.PRODUCT_TYPE).find(([,u])=>n.includes(u)))==null?void 0:h[1])??a.DEFAULT_PRODUCT_TYPE;return{mode:t,accent:s,productType:r}},U=Object.values(a.themeTypeValues).flatMap(e=>Object.values(a.ACCENT).flatMap(n=>Object.values(a.PRODUCT_TYPE).map(t=>[a.themeClassName(e),a.accentThemeClassName(n),"bm-expressive-accent",a.productTypeThemeClassName(t)].join(" ")))),B="(prefers-color-scheme: dark)";function Z(){return typeof window>"u"?"light":window.matchMedia(B).matches?"dark":"light"}const I=d.createContext(null),ee=q,te=({children:e,defaultTheme:n=a.DEFAULT_THEME,forcedMode:t,enableSystemMode:s=!1,...r})=>{const o={...a.DEFAULT_THEME,...n,mode:t??(s?Z():n.mode)};return O.jsx(ee,{attribute:a.ATTRIBUTE,storageKey:a.STORAGE_KEY,defaultTheme:w(o),themes:U,enableSystem:!0,enableColorScheme:!1,...r,children:O.jsx(ne,{enableSystemMode:s,forcedMode:t,children:e})})},ne=({children:e,enableSystemMode:n,forcedMode:t})=>{const s=W(),r=d.useMemo(()=>R(s.theme),[s.theme]),o=d.useCallback(c=>{t||s.setTheme(w({...r,mode:c}))},[r,s,t]),h=d.useCallback(c=>s.setTheme(w({...r,accent:c})),[r,s]),u=d.useCallback(c=>s.setTheme(w({...r,productType:c})),[r,s]),f=d.useCallback(()=>o(r.mode==="light"?"dark":"light"),[r.mode,o]),g=d.useCallback(()=>{if(typeof window>"u")return;const c=localStorage.getItem(a.SYSTEM_MODE_ENABLED_KEY);return c?c==="true":n},[n]),[E,v]=d.useState(void 0),i=d.useCallback(c=>{v(c),localStorage.setItem(a.SYSTEM_MODE_ENABLED_KEY,c.toString())},[v]);d.useEffect(()=>{i(g()??n),t&&s.setTheme(w({...r,mode:t}))},[]);const m=d.useRef(o);m.current=o,d.useEffect(()=>{if(typeof window>"u")return;const c=window.matchMedia(B),A=localStorage.getItem(a.STORAGE_KEY),b=C=>{E&&m.current(C.matches?"dark":"light")};return E&&(!A&&m.current(c.matches?"dark":"light"),c.addEventListener("change",b)),()=>{c.removeEventListener("change",b)}},[E]),d.useEffect(()=>{typeof window>"u"||(document.documentElement.style.colorScheme=r.mode)},[r.mode]);const p=d.useMemo(()=>({theme:r,systemMode:s.systemTheme,systemModeEnabled:E,setSystemModeEnabled:i,setMode:o,setAccent:h,setProductType:u,toggleMode:f}),[r,s.systemTheme,E,i,o,h,u,f]);return O.jsx(I.Provider,{value:p,children:e})},se=()=>{const e=d.useContext(I);if(!e)throw new Error("useBeamTheme must be used within <BeamThemeProvider>");return e};exports.ALL_THEMES=U;exports.BeamThemeProvider=te;exports.fromAttr=R;exports.toAttr=w;exports.useBeamTheme=se;

package/utils/theming/useBeamTheme.es.js

@@ -1,7 +1,7 @@
 import { jsx as O } from "react/jsx-runtime";
 import * as c from "react";
 import { createContext as G, useContext as q, useMemo as I, useCallback as w, useState as X, useEffect as M, useRef as Z } from "react";
-import { f as U, A as B, P as K, t as Y, g as F, e as H, D as P, h as Q, i as ee, p as te, j as ne, k as se, l as re, m as N } from "../../chunks/constants.Cruz2A1w.js";
+import { f as U, A as B, P as K, t as Y, g as F, e as H, D as P, h as Q, i as ee, p as te, j as ne, k as se, l as re, m as N } from "../../chunks/constants.XFX4nOSf.js";
 var oe = (e, s, n, r, t, o, d, l) => {
   let u = document.documentElement, E = ["light", "dark"];
   function y(m) {

package/chunks/constants.CgMu0_1M.js

@@ -1 +0,0 @@
-"use strict";const E="bm-",_=Math.floor(8.333333333333334),a=Math.floor(1e3/60),A=Math.floor(1e3/30),c=16,n=["light","dark"],o=e=>`${E}${e}`,S=`data-${E}theme`,C=`${E}theme`,l=`${E}system-mode-enabled`,s="light",t="teal",T="enterprise",m={mode:s,accent:t,productType:T},P=`${E}inverse`,N=e=>`${E}expressive-${e}`,r={ENTERPRISE:"enterprise",CONSUMER:"consumer"},p=e=>`${E}${e}`,i={TEAL:"teal",BLUE:"blue",GREEN:"green",NEUTRAL:"neutral",ORANGE:"orange",PINK:"pink",VIOLET:"violet"},D=e=>`${E}${e}`,h="md",F={md:h},U={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"},O=Object.values(U).map(e=>parseFloat(e));exports.ACCENT=i;exports.ATTRIBUTE=S;exports.BASE_FONT_SIZE=c;exports.BEAM_INVERSE=P;exports.DEFAULT_ACCENT=t;exports.DEFAULT_MODE=s;exports.DEFAULT_PRODUCT_TYPE=T;exports.DEFAULT_THEME=m;exports.FPS_120=_;exports.FPS_30=A;exports.FPS_60=a;exports.PRODUCT_TYPE=r;exports.STORAGE_KEY=C;exports.SYSTEM_MODE_ENABLED_KEY=l;exports.SpacingValuesAsNumbers=O;exports.accentThemeClassName=D;exports.allSizes=F;exports.expressiveThemeClassName=N;exports.prefix=E;exports.productTypeThemeClassName=p;exports.themeClassName=o;exports.themeTypeValues=n;

package/chunks/tokens.BD_71qmL.js

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

package/chunks/tokens.Bc11gmpN.js

@@ -1 +0,0 @@
-"use strict";const o="var(--bm-sem-color-surface-01)",m="var(--bm-sem-radius-none)",e="var(--bm-sem-radius-xs)",s="var(--bm-sem-radius-sm)",c="var(--bm-sem-radius-md)",a="var(--bm-sem-radius-lg)",i="var(--bm-sem-radius-round)",p="var(--bm-sem-space-100)",r="var(--bm-comp-actionlist-size-icon)",t="var(--bm-comp-actionlist-size-choice)",b="var(--bm-comp-file-upload-color-file-icon-success)",l="var(--bm-comp-file-upload-color-file-icon-error)",n="var(--bm-comp-helper-text-space-top)",S="var(--bm-comp-popover-space-offset)",d="var(--bm-comp-tooltip-space-arrow)",u="var(--bm-comp-tooltip-space-offset)";exports.bmCompActionlistSizeChoice=t;exports.bmCompActionlistSizeIcon=r;exports.bmCompFileUploadColorFileIconError=l;exports.bmCompFileUploadColorFileIconSuccess=b;exports.bmCompHelperTextSpaceTop=n;exports.bmCompPopoverSpaceOffset=S;exports.bmCompTooltipSpaceArrow=d;exports.bmCompTooltipSpaceOffset=u;exports.bmSemColorSurface01=o;exports.bmSemRadiusLg=a;exports.bmSemRadiusMd=c;exports.bmSemRadiusNone=m;exports.bmSemRadiusRound=i;exports.bmSemRadiusSm=s;exports.bmSemRadiusXs=e;exports.bmSemSpace100=p;