@apple-pie/slice 0.1.28 → 0.1.29

package/dist/esm/hooks/useMicrophone.mjs

@@ -4,7 +4,24 @@ import { _ as __awaiter } from "../chunks/tslib.es6-C-olHjXV.mjs";
 import { useRef, useState, useCallback, useMemo, useEffect } from "react";
 
 function useMicrophone(startMuted = !0, microphoneDeviceId, autoRequest = !0) {
-    const micStream = useRef(null), micTrack = useRef(null), mutedRef = useRef(startMuted), mountedRef = useRef(!0), initializedRef = useRef(!1), [microphones, setMicrophones] = useState([]), [micOptions, setMicOptions] = useState([]), [isActive, setIsActive] = useState(!1), [muted, setMuted] = useState(startMuted), [isRequesting, setIsRequesting] = useState(!1), [error, setError] = useState(null), waitForPaint = useCallback(() => __awaiter(this, void 0, void 0, function*() {
+    const micStream = useRef(null), processedMicStream = useRef(null), micTrack = useRef(null), audioContextRef = useRef(null), sourceNodeRef = useRef(null), gainNodeRef = useRef(null), destinationNodeRef = useRef(null), inputVolumeRef = useRef(1), mutedRef = useRef(startMuted), mountedRef = useRef(!0), initializedRef = useRef(!1), [microphones, setMicrophones] = useState([]), [micOptions, setMicOptions] = useState([]), [currentDeviceId, setCurrentDeviceId] = useState(null), [isActive, setIsActive] = useState(!1), [inputVolume, setInputVolumeState] = useState(1), [muted, setMuted] = useState(startMuted), [isRequesting, setIsRequesting] = useState(!1), [error, setError] = useState(null), normalizeInputVolume = useCallback(volume => Number.isFinite(volume) ? Math.min(1, Math.max(0, volume)) : 1, []), resetAudioProcessing = useCallback(() => {
+        var _a, _b, _c, _d;
+        null === (_a = sourceNodeRef.current) || void 0 === _a || _a.disconnect(), null === (_b = gainNodeRef.current) || void 0 === _b || _b.disconnect(), 
+        null === (_c = destinationNodeRef.current) || void 0 === _c || _c.disconnect(), 
+        null === (_d = audioContextRef.current) || void 0 === _d || _d.close().catch(() => null), 
+        sourceNodeRef.current = null, gainNodeRef.current = null, destinationNodeRef.current = null, 
+        audioContextRef.current = null, processedMicStream.current = null;
+    }, []), setupAudioProcessing = useCallback(stream => {
+        var _a;
+        resetAudioProcessing();
+        const AudioContextCtor = null !== (_a = globalThis.AudioContext) && void 0 !== _a ? _a : globalThis.webkitAudioContext;
+        if (!AudioContextCtor) return processedMicStream.current = stream, stream;
+        const context = new AudioContextCtor, source = context.createMediaStreamSource(stream), gain = context.createGain(), destination = context.createMediaStreamDestination();
+        return gain.gain.value = normalizeInputVolume(inputVolumeRef.current), source.connect(gain), 
+        gain.connect(destination), audioContextRef.current = context, sourceNodeRef.current = source, 
+        gainNodeRef.current = gain, destinationNodeRef.current = destination, processedMicStream.current = destination.stream, 
+        destination.stream;
+    }, [ normalizeInputVolume, resetAudioProcessing ]), waitForPaint = useCallback(() => __awaiter(this, void 0, void 0, function*() {
         yield new Promise(resolve => {
             requestAnimationFrame(() => resolve());
         });
@@ -19,10 +36,12 @@ function useMicrophone(startMuted = !0, microphoneDeviceId, autoRequest = !0) {
         }));
     }), []), stopMicStream = useCallback(() => {
         var _a;
+        resetAudioProcessing();
         const tracks = null === (_a = micStream.current) || void 0 === _a ? void 0 : _a.getTracks();
         for (const track of null != tracks ? tracks : []) track.stop();
-        micStream.current = null, micTrack.current = null, setIsActive(!1);
-    }, []), hasMediaSupport = useMemo(() => {
+        micStream.current = null, micTrack.current = null, processedMicStream.current = null, 
+        setCurrentDeviceId(null), setIsActive(!1);
+    }, [ resetAudioProcessing ]), hasMediaSupport = useMemo(() => {
         var _a;
         return "undefined" != typeof navigator && Boolean(null === (_a = navigator.mediaDevices) || void 0 === _a ? void 0 : _a.getUserMedia);
     }, []), getMicTrack = useCallback(() => {
@@ -32,7 +51,11 @@ function useMicrophone(startMuted = !0, microphoneDeviceId, autoRequest = !0) {
         return audioTrack;
     }, []), hasActiveStream = useCallback(() => !(!micStream.current || !micTrack.current) && "live" === micTrack.current.readyState, []), muteMic = useCallback(() => (getMicTrack().enabled = !1, 
     mutedRef.current = !0, setMuted(!0), !0), [ getMicTrack ]), unmuteMic = useCallback(() => (getMicTrack().enabled = !0, 
-    mutedRef.current = !1, setMuted(!1), !0), [ getMicTrack ]), constraints = useCallback((deviceId, usePreferredDevice = !0) => {
+    mutedRef.current = !1, setMuted(!1), !0), [ getMicTrack ]), setInputVolume = useCallback(volume => {
+        const nextVolume = normalizeInputVolume(volume);
+        return inputVolumeRef.current = nextVolume, setInputVolumeState(nextVolume), gainNodeRef.current && (gainNodeRef.current.gain.value = nextVolume), 
+        nextVolume;
+    }, [ normalizeInputVolume ]), constraints = useCallback((deviceId, usePreferredDevice = !0) => {
         var _a;
         const id = usePreferredDevice ? null !== (_a = null != deviceId ? deviceId : microphoneDeviceId) && void 0 !== _a ? _a : void 0 : deviceId;
         return {
@@ -43,15 +66,16 @@ function useMicrophone(startMuted = !0, microphoneDeviceId, autoRequest = !0) {
             }
         };
     }, [ microphoneDeviceId ]), requestStream = useCallback((deviceId_1, ...args_1) => __awaiter(this, [ deviceId_1, ...args_1 ], void 0, function*(deviceId, usePreferredDevice = !0) {
+        var _a;
         return micStream.current = yield navigator.mediaDevices.getUserMedia(constraints(deviceId, usePreferredDevice)), 
-        micTrack.current = getMicTrack(), micTrack.current.enabled = !mutedRef.current, 
-        mutedRef.current || (yield waitForTrackToBecomeActive(micTrack.current)), setIsActive(Boolean("live" === micTrack.current.readyState)), 
-        micStream.current;
-    }), [ constraints, getMicTrack, waitForTrackToBecomeActive ]), requestMicrophone = useCallback(() => __awaiter(this, void 0, void 0, function*() {
+        setupAudioProcessing(micStream.current), micTrack.current = getMicTrack(), setCurrentDeviceId(null !== (_a = micTrack.current.getSettings().deviceId) && void 0 !== _a ? _a : null), 
+        micTrack.current.enabled = !mutedRef.current, mutedRef.current || (yield waitForTrackToBecomeActive(micTrack.current)), 
+        setIsActive(Boolean("live" === micTrack.current.readyState)), micStream.current;
+    }), [ constraints, getMicTrack, setupAudioProcessing, waitForTrackToBecomeActive ]), requestMicrophone = useCallback(() => __awaiter(this, void 0, void 0, function*() {
         if (hasActiveStream()) return setIsActive(!0), setError(null), micStream.current;
         if (setIsRequesting(!0), yield waitForPaint(), !hasMediaSupport) {
-            const nextError = new Error("Microphone access is not supported");
-            return setError(nextError), setIsActive(!1), mountedRef.current && setIsRequesting(!1), 
+            const nextError = new Error("Microphone access isn't supported");
+            return setError(nextError), setCurrentDeviceId(null), setIsActive(!1), mountedRef.current && setIsRequesting(!1), 
             null;
         }
         setError(null), stopMicStream();
@@ -59,23 +83,39 @@ function useMicrophone(startMuted = !0, microphoneDeviceId, autoRequest = !0) {
             return yield requestStream();
         } catch (error) {
             if (!(error instanceof DOMException && "OverconstrainedError" === error.name || error instanceof DOMException && "NotFoundError" === error.name)) {
-                const nextError = error instanceof Error ? error : new Error("Failed to access microphone");
-                throw setError(nextError), setIsActive(!1), nextError;
+                let nextError = new Error("Failed to access microphone");
+                throw error instanceof Error && (error.message.toLowerCase().includes("denied permission") || "NotAllowedError" === error.name) && (nextError = new Error("Permission to access the microphone was denied")), 
+                setError(nextError), setCurrentDeviceId(null), setIsActive(!1), nextError;
             }
             return yield requestStream(void 0, !1);
         } finally {
             setIsRequesting(!1);
         }
     }), [ hasActiveStream, hasMediaSupport, requestStream, stopMicStream, waitForPaint ]), refreshMicrophones = useCallback(() => __awaiter(this, void 0, void 0, function*() {
+        var _a;
         if (!hasMediaSupport) return [];
         try {
-            const devices = yield navigator.mediaDevices.enumerateDevices(), mics = devices.filter(device => "audioinput" === device.kind), options = mics.map(mic => ({
+            const devices = yield navigator.mediaDevices.enumerateDevices(), currentDeviceId = null === (_a = micTrack.current) || void 0 === _a ? void 0 : _a.getSettings().deviceId, mics = function(devices, activeDeviceId) {
+                const microphones = [ ...devices ], defaultIndex = microphones.findIndex(device => "default" === device.deviceId);
+                if (defaultIndex > 0) {
+                    const [defaultDevice] = microphones.splice(defaultIndex, 1);
+                    return microphones.unshift(defaultDevice), microphones;
+                }
+                if (0 === defaultIndex) return microphones;
+                if (!activeDeviceId) return microphones;
+                const activeIndex = microphones.findIndex(device => device.deviceId === activeDeviceId);
+                if (activeIndex > 0) {
+                    const [activeDevice] = microphones.splice(activeIndex, 1);
+                    microphones.unshift(activeDevice);
+                }
+                return microphones;
+            }(devices.filter(device => "audioinput" === device.kind), currentDeviceId), options = mics.map(mic => ({
                 value: {
                     id: mic.deviceId
                 },
                 label: mic.label
             }));
-            return setMicrophones(mics), setMicOptions(options), devices.filter(device => "audioinput" === device.kind);
+            return setMicrophones(mics), setMicOptions(options), mics;
         } catch (error) {
             return console.warn("Error getting microphone devices:", error), setMicrophones([]), 
             setMicOptions([]), [];
@@ -87,7 +127,7 @@ function useMicrophone(startMuted = !0, microphoneDeviceId, autoRequest = !0) {
         try {
             setError(null), stopMicStream(), yield requestStream(id, !1);
         } catch (err) {
-            setIsActive(!1), setError(err instanceof Error ? err : new Error("Error switching microphone")), 
+            setCurrentDeviceId(null), setIsActive(!1), setError(err instanceof Error ? err : new Error("Error switching microphone")), 
             console.warn("Error switching microphone:", err);
         } finally {
             setIsRequesting(!1);
@@ -130,8 +170,11 @@ function useMicrophone(startMuted = !0, microphoneDeviceId, autoRequest = !0) {
     }, [ hasMediaSupport, microphoneDeviceId, refreshMicrophones, requestMicrophone ]), 
     {
         micStream: micStream,
+        processedMicStream: processedMicStream,
         micTrack: micTrack,
+        currentDeviceId: currentDeviceId,
         isActive: isActive,
+        inputVolume: inputVolume,
         muted: muted,
         isSupported: hasMediaSupport,
         isRequesting: isRequesting,
@@ -143,6 +186,7 @@ function useMicrophone(startMuted = !0, microphoneDeviceId, autoRequest = !0) {
         muteMic: muteMic,
         unmuteMic: unmuteMic,
         toggleMute: toggleMute,
+        setInputVolume: setInputVolume,
         refreshMicrophones: refreshMicrophones,
         setMicrophone: setMicrophone
     };

package/dist/esm/hooks/useTrackRenders.mjs

@@ -1,7 +1,7 @@
 'use client';
 import { useRef, useEffect } from "react";
 
-import { d as debug } from "../chunks/misc-BeEWwOaJ.mjs";
+import { d as debug } from "../chunks/misc-Bjbro8Xe.mjs";
 
 import "../chunks/tslib.es6-C-olHjXV.mjs";
 

package/dist/esm/hooks.mjs

@@ -44,4 +44,4 @@ import "./theme/type.mjs";
 
 import "./chunks/tslib.es6-C-olHjXV.mjs";
 
-import "./chunks/MdStreamBuffer-DNXE4XbN.mjs";
+import "./chunks/MdStreamBuffer-By7pHJQL.mjs";

package/dist/esm/index.mjs

@@ -34,79 +34,79 @@ export { useObserveResize } from "./hooks/useObserveResize.mjs";
 
 export { A as AudioBubble } from "./chunks/AudioBubble-D052QyPH.mjs";
 
-export { A as Avatar } from "./chunks/Avatar-m5-zleDk.mjs";
+export { A as Avatar } from "./chunks/Avatar-Ds6MWC2c.mjs";
 
-export { A as AvatarGroup } from "./chunks/AvatarGroup-DlgP4lTS.mjs";
+export { A as AvatarGroup } from "./chunks/AvatarGroup-CBGi99eo.mjs";
 
 export { B as Badge } from "./chunks/Badge-CC0zSLMf.mjs";
 
-export { I as IconButton } from "./chunks/IconButton-b1v9Me0P.mjs";
+export { I as IconButton } from "./chunks/IconButton-Ck0IMn4i.mjs";
 
-export { C as Camera } from "./chunks/Camera-BQBo2g52.mjs";
+export { C as Camera } from "./chunks/Camera-jn9CcaD0.mjs";
 
-export { C as CheckBox } from "./chunks/CheckBox-DDwE1wkX.mjs";
+export { C as CheckBox } from "./chunks/CheckBox-CoOmnGWD.mjs";
 
-export { D as DivInput } from "./chunks/DivInput-WJltaCra.mjs";
+export { D as DivInput } from "./chunks/DivInput-BVhcU0y0.mjs";
 
 export { D as Dot } from "./chunks/Dot-DZE134mJ.mjs";
 
-export { D as DraggablePanel } from "./chunks/DrggablePanel-Dc6lqqfO.mjs";
+export { D as DraggablePanel } from "./chunks/DrggablePanel-G5HHlntD.mjs";
 
-export { D as DropDown } from "./chunks/DropDown-CdkEVTRk.mjs";
+export { D as DropDown } from "./chunks/DropDown-AuQW_DWv.mjs";
 
 export { E as ErrorSummary } from "./chunks/ErrorSummary-EzCqVifm.mjs";
 
-export { G as Grouper } from "./chunks/Grouper-C4A3qYot.mjs";
+export { G as Grouper } from "./chunks/Grouper-CyWZ8tfm.mjs";
 
 export { O as Overlay } from "./chunks/Overlay-DiSvgIQP.mjs";
 
-export { F as FlexDiv, P as Preset, S as Size } from "./chunks/FlexDiv-BWZ7f8mA.mjs";
+export { F as FlexDiv, P as Preset, S as Size } from "./chunks/FlexDiv-DnY1_qk4.mjs";
 
-export { P as Pager } from "./chunks/Pager-BoDLaKFh.mjs";
+export { P as Pager } from "./chunks/Pager-ByJ2Cr0n.mjs";
 
-export { P as PromptInput } from "./chunks/PromptInput-Dmx4sQZ3.mjs";
+export { P as PromptInput } from "./chunks/PromptInput-COJnOFZf.mjs";
 
-export { D as DoneCheck, P as ProgressIndicator } from "./chunks/ProgressIndicator-D5e7406q.mjs";
+export { D as DoneCheck, P as ProgressIndicator } from "./chunks/ProgressIndicator-d2JGUDW_.mjs";
 
-export { R as RadioButton } from "./chunks/RadioButton-D2T-SsVw.mjs";
+export { R as RadioButton } from "./chunks/RadioButton-BB73OY2a.mjs";
 
-export { R as RadioButtonList } from "./chunks/RadioButtonList-BSPuAYoh.mjs";
+export { R as RadioButtonList } from "./chunks/RadioButtonList-XqlqadYn.mjs";
 
-export { S as Slider } from "./chunks/Slider-Cav86rU6.mjs";
+export { S as Slider } from "./chunks/Slider-CU0Zdlpu.mjs";
 
 export { S as Spacer } from "./chunks/Spacer-C5651N0N.mjs";
 
 export { S as Switch } from "./chunks/Switch-RfA431T4.mjs";
 
-export { T as ToggleButton } from "./chunks/ToggleButton-B5oobnXJ.mjs";
+export { T as ToggleButton } from "./chunks/ToggleButton-CwTm8Yx0.mjs";
 
-export { T as TabBar } from "./chunks/TabBar-DBoZ8aoV.mjs";
+export { T as TabBar } from "./chunks/TabBar-v8Dp4dr-.mjs";
 
-export { T as TextArea } from "./chunks/TextArea-CSUDfcYd.mjs";
+export { T as TextArea } from "./chunks/TextArea-DGF43RON.mjs";
 
-export { T as TextField } from "./chunks/TextField-Z1O858hB.mjs";
+export { T as TextField } from "./chunks/TextField-j4q0RUzH.mjs";
 
 export { ThemeProvider } from "./providers/ThemeProvider.mjs";
 
-export { T as Tip } from "./chunks/Tip-B8YrmJEt.mjs";
+export { T as Tip } from "./chunks/Tip-Bj9d-230.mjs";
 
-export { T as Toast, a as ToastType } from "./chunks/Toast-QQ6GMr5F.mjs";
+export { T as Toast, a as ToastType } from "./chunks/Toast-CoioLlEG.mjs";
 
-export { B as Button } from "./chunks/Button-BIbAGVV8.mjs";
+export { B as Button } from "./chunks/Button-CYFpitCp.mjs";
 
-export { C as Chip } from "./chunks/Chip-BuHc883v.mjs";
+export { C as Chip } from "./chunks/Chip-ClG6cUX0.mjs";
 
-export { F as FileIcon, a as FileIconNames } from "./chunks/FileIcon-Cufsp1gn.mjs";
+export { F as FileIcon, a as FileIconNames } from "./chunks/FileIcon-fJV_Cl6v.mjs";
 
-export { I as Icon } from "./chunks/Icon-DRzjkybv.mjs";
+export { I as Icon } from "./chunks/Icon-BOJAk-hM.mjs";
 
-export { S as SliceIcons } from "./chunks/_types-fSW-DudT.mjs";
+export { S as SliceIcons } from "./chunks/_types-BVrr_Khp.mjs";
 
-export { B as ButtonBar } from "./chunks/ButtonBar-B-1YFX9u.mjs";
+export { B as ButtonBar } from "./chunks/ButtonBar-ieMA0SHi.mjs";
 
-export { L as Label, a as LabelBackground } from "./chunks/Label-CvCDAg1y.mjs";
+export { L as Label, a as LabelBackground } from "./chunks/Label-DSfCcKtQ.mjs";
 
-export { U as UploadArea, a as allTypes, b as audioTypes, d as documentTypes, i as imageTypes, t as textTypes, v as videoTypes } from "./chunks/UploadArea-CJAQmqOS.mjs";
+export { U as UploadArea, a as allTypes, b as audioTypes, d as documentTypes, i as imageTypes, t as textTypes, v as videoTypes } from "./chunks/UploadArea-DAwoJxtr.mjs";
 
 import "./theme/corners.mjs";
 
@@ -116,7 +116,7 @@ import "react";
 
 import "./chunks/tslib.es6-C-olHjXV.mjs";
 
-import "./chunks/MdStreamBuffer-DNXE4XbN.mjs";
+import "./chunks/MdStreamBuffer-By7pHJQL.mjs";
 
 import "react/jsx-runtime";
 
@@ -126,10 +126,10 @@ import "./chunks/audioVisualizer-ZgT77nUw.mjs";
 
 import "./chunks/style-inject.es-D0BjEaN8.mjs";
 
-import "./chunks/misc-BeEWwOaJ.mjs";
+import "./chunks/misc-Bjbro8Xe.mjs";
 
 import "motion/react";
 
-import "./chunks/FileList-DN4Ubroe.mjs";
+import "./chunks/FileList-CxHaEEUi.mjs";
 
 import "./chunks/debounce-Bst1jxMS.mjs";

package/dist/esm/providers/ThemeProvider.mjs

@@ -17,11 +17,11 @@ import "../theme/motion.mjs";
 
 import "../theme/type.mjs";
 
-styleInject('/* Core brand colors (un-themed) */\n[data-slice-theme-scope] {\n\t--brand-grey-50: #f4f7fa;\n\t--brand-grey-100: #e5ecf3;\n\t--brand-grey-200: #d5e0ea;\n\t--brand-grey-300: #98acbf;\n\t--brand-grey-400: #7f96a9;\n\t--brand-grey-500: #657d91;\n\t--brand-grey-600: #4c6273;\n\t--brand-grey-700: #405261;\n\t--brand-grey-800: #37434e;\n\t--brand-grey-900: #2d353d;\n\t--brand-grey-950: #1f262d;\n\t--brand-sea-50: #e8f1ff;\n\t--brand-sea-100: #c7defe;\n\t--brand-sea-200: #a5c9ff;\n\t--brand-sea-300: #7ab3ff;\n\t--brand-sea-400: #4084ff;\n\t--brand-sea-500: #2f45ff;\n\t--brand-sea-600: #2d2fff;\n\t--brand-sea-700: #0000ff;\n\t--brand-sea-800: #0609cd;\n\t--brand-sea-900: #001699;\n\t--brand-sea-950: #0a0b5c;\n\t--brand-sky-50: #eafffe;\n\t--brand-sky-100: #cdfffb;\n\t--brand-sky-200: #a3f8ff;\n\t--brand-sky-300: #6af5ff;\n\t--brand-sky-400: #00edff;\n\t--brand-sky-500: #00c8e0;\n\t--brand-sky-600: #00a6c0;\n\t--brand-sky-700: #03839b;\n\t--brand-sky-800: #0d697d;\n\t--brand-sky-900: #105669;\n\t--brand-sky-950: #033949;\n\t--brand-land-50: #f4ffe5;\n\t--brand-land-100: #e0ffb7;\n\t--brand-land-200: #caff95;\n\t--brand-land-300: #b7fe59;\n\t--brand-land-400: #9cf820;\n\t--brand-land-500: #71e618;\n\t--brand-land-600: #56c900;\n\t--brand-land-700: #2d8c00;\n\t--brand-land-800: #31690b;\n\t--brand-land-900: #2a580f;\n\t--brand-land-950: #123201;\n\t--brand-orange-50: #fff8ec;\n\t--brand-orange-100: #ffebd7;\n\t--brand-orange-200: #ffe3c6;\n\t--brand-orange-300: #ffc182;\n\t--brand-orange-400: #ff972e;\n\t--brand-orange-500: #ff800a;\n\t--brand-orange-600: #ff6700;\n\t--brand-orange-700: #ff3700;\n\t--brand-orange-800: #a02b0b;\n\t--brand-orange-900: #80250b;\n\t--brand-orange-950: #461604;\n\t--brand-yellow-50: #ffffea;\n\t--brand-yellow-100: #fffdca;\n\t--brand-yellow-200: #fff2a0;\n\t--brand-yellow-300: #ffeb72;\n\t--brand-yellow-400: #ffd333;\n\t--brand-yellow-500: #ffc200;\n\t--brand-yellow-600: #ffad00;\n\t--brand-yellow-700: #c68601;\n\t--brand-yellow-800: #8f6307;\n\t--brand-yellow-900: #5f430a;\n\t--brand-yellow-950: #442e00;\n\t--brand-purple-50: #faf0ff;\n\t--brand-purple-100: #f4ddff;\n\t--brand-purple-200: #e5cdff;\n\t--brand-purple-300: #ccafff;\n\t--brand-purple-400: #b891ff;\n\t--brand-purple-500: #7d48ff;\n\t--brand-purple-600: #6a14ff;\n\t--brand-purple-700: #5600f1;\n\t--brand-purple-800: #4d01d6;\n\t--brand-purple-900: #4003af;\n\t--brand-purple-950: #1e007c;\n\t--brand-magenta-50: #fef1fc;\n\t--brand-magenta-100: #ffdcef;\n\t--brand-magenta-200: #ffcae6;\n\t--brand-magenta-300: #ff90cb;\n\t--brand-magenta-400: #ff61ca;\n\t--brand-magenta-500: #ff3ac2;\n\t--brand-magenta-600: #f012aa;\n\t--brand-magenta-700: #df059b;\n\t--brand-magenta-800: #9b0069;\n\t--brand-magenta-900: #790a55;\n\t--brand-magenta-950: #58003a;\n\t--brand-white-0: #ffffff;\n\t--product-red-400: #ff474a;\n\t--product-red-500: #df0529;\n\n\t/* Non-brand semantic aliases */\n\t--core-drop-shadow-light: #0339491a;\n\t--core-drop-shadow-dark: #0000007a;\n\t--core-surface-coverup-translucent-light: #1f262d52;\n\t--core-surface-coverup-translucent-dark: #0000007a;\n\t--core-surface-overlay-translucent-light: #ffffffcc;\n\t--core-surface-overlay-translucent-dark: #1f262dcc;\n\t--scroll-bar-light: #e3e8ef;\n\t--scroll-bar-dark: rgba(255, 255, 255, 0.1);\n\t--scroll-bar-hover-light: #cdd5df;\n\t--scroll-bar-hover-dark: rgba(255, 255, 255, 0.15);\n\t--surface-shadow-soft-light: 0px 4px 24px #0339491a;\n\t--surface-shadow-soft-dark: 0px 4px 24px #0000007a;\n\t--surface-shadow-strong-light: 0px 4px 64px #0339491a;\n\t--surface-shadow-strong-dark: 0px 4px 64px #0000007a;\n}\n\n/* Root-level token needed for global viewport backgrounds */\n:root[data-slice-theme="lightMode"] {\n\t--core-surface-primary: #ffffff;\n}\n\n/* Light theme tokens */\n:root[data-slice-theme="lightMode"] [data-slice-theme-scope] {\n\t--array-land: var(--brand-land-100);\n\t--array-land-label: var(--brand-land-600);\n\t--array-magenta: var(--brand-magenta-100);\n\t--array-magenta-label: var(--brand-magenta-600);\n\t--array-orange: var(--brand-orange-100);\n\t--array-orange-label: var(--brand-orange-600);\n\t--array-purple: var(--brand-purple-100);\n\t--array-purple-label: var(--brand-purple-600);\n\t--array-sea: var(--brand-sea-100);\n\t--array-sea-label: var(--brand-sea-600);\n\t--array-sky: var(--brand-sky-100);\n\t--array-sky-label: var(--brand-sky-600);\n\t--array-yellow: var(--brand-yellow-100);\n\t--array-yellow-label: var(--brand-yellow-600);\n\t--core-badge-primary: var(--brand-sea-500);\n\t--core-badge-secondary: var(--brand-grey-100);\n\t--core-button-disabled: var(--brand-grey-50);\n\t--core-button-primary: var(--brand-sea-500);\n\t--core-drop-shadow: var(--core-drop-shadow-light);\n\t--core-gp-logo-primary: var(--brand-sea-700);\n\t--core-gp-logo-secondary: var(--brand-grey-950);\n\t--core-icon-dark: var(--brand-grey-950);\n\t--core-icon-disabled: var(--brand-grey-300);\n\t--core-icon-error: var(--product-red-500);\n\t--core-icon-light: var(--brand-white-0);\n\t--core-icon-primary: var(--brand-grey-950);\n\t--core-icon-secondary: var(--brand-grey-700);\n\t--core-icon-tertiary: var(--brand-sea-500);\n\t--core-outline-secondary: var(--brand-grey-100);\n\t--core-outline-primary: var(--brand-grey-100);\n\t--core-outline-special: var(--brand-sea-100);\n\t--core-outline-tertiary: var(--brand-sea-500);\n\t--core-surface-coverup-translucent: var(\n\t\t--core-surface-coverup-translucent-light\n\t);\n\t--core-surface-overlay-translucent: var(\n\t\t--core-surface-overlay-translucent-light\n\t);\n\t--core-surface-primary: var(--brand-white-0);\n\t--core-surface-secondary: var(--brand-grey-50);\n\t--core-surface-special: var(--brand-sea-50);\n\t--core-text-dark: var(--brand-grey-950);\n\t--core-text-disabled: var(--brand-grey-300);\n\t--core-text-error: var(--product-red-500);\n\t--core-text-light: var(--brand-white-0);\n\t--core-text-primary: var(--brand-grey-950);\n\t--core-text-secondary: var(--brand-grey-700);\n\t--core-text-tertiary: var(--brand-grey-600);\n\t--core-text-special: var(--brand-sea-500);\n\t--core-link-primary: var(--brand-sea-700);\n\t--eor-tag-employee: var(--brand-sky-700);\n\t--eor-tag-overdue: var(--product-red-500);\n\t--eor-tag-paid: var(--brand-land-700);\n\t--eor-tag-pending: var(--brand-orange-500);\n\t--eor-tag-professional: var(--brand-sea-500);\n\t--feedback-attention: var(--brand-yellow-500);\n\t--feedback-informative: var(--brand-sky-700);\n\t--feedback-positive: var(--brand-land-700);\n\t--feedback-urgency: var(--brand-orange-500);\n\t--feedback-warning: var(--product-red-500);\n\t--gia-tag-risk-high: var(--product-red-500);\n\t--gia-tag-risk-low: var(--brand-sky-700);\n\t--gia-tag-risk-moderate: var(--brand-orange-500);\n\t--gia-text-excerpt-highlight: var(--brand-orange-100);\n\t--gia-text-selection: var(--brand-sea-100);\n\t--scroll-bar: var(--scroll-bar-light);\n\t--scroll-bar-hover: var(--scroll-bar-hover-light);\n\t--surface-shadow-soft: var(--surface-shadow-soft-light);\n\t--surface-shadow-strong: var(--surface-shadow-strong-light);\n}\n\n/* Root-level token needed for global viewport backgrounds */\n:root[data-slice-theme="darkMode"] {\n\t--core-surface-primary: #1f262d;\n}\n\n/* Dark theme tokens */\n:root[data-slice-theme="darkMode"] [data-slice-theme-scope] {\n\t--array-land: var(--brand-land-100);\n\t--array-land-label: var(--brand-land-600);\n\t--array-magenta: var(--brand-magenta-100);\n\t--array-magenta-label: var(--brand-magenta-600);\n\t--array-orange: var(--brand-orange-100);\n\t--array-orange-label: var(--brand-orange-600);\n\t--array-purple: var(--brand-purple-100);\n\t--array-purple-label: var(--brand-purple-600);\n\t--array-sea: var(--brand-sea-100);\n\t--array-sea-label: var(--brand-sea-600);\n\t--array-sky: var(--brand-sky-100);\n\t--array-sky-label: var(--brand-sky-600);\n\t--array-yellow: var(--brand-yellow-100);\n\t--array-yellow-label: var(--brand-yellow-600);\n\t--core-badge-primary: var(--brand-sea-500);\n\t--core-badge-secondary: var(--brand-grey-700);\n\t--core-button-disabled: var(--brand-grey-900);\n\t--core-button-primary: var(--brand-sea-500);\n\t--core-drop-shadow: var(--core-drop-shadow-dark);\n\t--core-gp-logo-primary: var(--brand-sea-500);\n\t--core-gp-logo-secondary: var(--brand-white-0);\n\t--core-icon-dark: var(--brand-grey-950);\n\t--core-icon-disabled: var(--brand-grey-500);\n\t--core-icon-error: var(--product-red-400);\n\t--core-icon-light: var(--brand-white-0);\n\t--core-icon-primary: var(--brand-white-0);\n\t--core-icon-secondary: var(--brand-grey-200);\n\t--core-icon-tertiary: var(--brand-sky-300);\n\t--core-outline-secondary: var(--brand-grey-900);\n\t--core-outline-primary: var(--brand-grey-700);\n\t--core-outline-special: var(--brand-sky-300);\n\t--core-outline-tertiary: var(--brand-sky-300);\n\t--core-surface-coverup-translucent: var(\n\t\t--core-surface-coverup-translucent-dark\n\t);\n\t--core-surface-overlay-translucent: var(\n\t\t--core-surface-overlay-translucent-dark\n\t);\n\t--core-surface-primary: var(--brand-grey-950);\n\t--core-surface-secondary: var(--brand-grey-900);\n\t--core-surface-special: var(--brand-sky-950);\n\t--core-text-dark: var(--brand-grey-950);\n\t--core-text-disabled: var(--brand-grey-500);\n\t--core-text-error: var(--product-red-400);\n\t--core-text-light: var(--brand-white-0);\n\t--core-text-primary: var(--brand-white-0);\n\t--core-text-secondary: var(--brand-grey-200);\n\t--core-text-tertiary: var(--brand-grey-400);\n\t--core-text-special: var(--brand-sky-300);\n\t--core-link-primary: var(--brand-sky-300);\n\t--eor-tag-employee: var(--brand-sky-700);\n\t--eor-tag-overdue: var(--product-red-400);\n\t--eor-tag-paid: var(--brand-land-700);\n\t--eor-tag-pending: var(--brand-orange-500);\n\t--eor-tag-professional: var(--brand-sea-500);\n\t--feedback-attention: var(--brand-yellow-400);\n\t--feedback-informative: var(--brand-sky-600);\n\t--feedback-positive: var(--brand-land-700);\n\t--feedback-urgency: var(--brand-orange-500);\n\t--feedback-warning: var(--product-red-400);\n\t--gia-tag-risk-high: var(--product-red-400);\n\t--gia-tag-risk-low: var(--brand-sky-600);\n\t--gia-tag-risk-moderate: var(--brand-orange-500);\n\t--gia-text-excerpt-highlight: var(--brand-orange-100);\n\t--gia-text-selection: var(--brand-sea-900);\n\t--scroll-bar: var(--scroll-bar-dark);\n\t--scroll-bar-hover: var(--scroll-bar-hover-dark);\n\t--surface-shadow-soft: var(--surface-shadow-soft-dark);\n\t--surface-shadow-strong: var(--surface-shadow-strong-dark);\n}\n\n/* Theme token text-color utility classes */\n[data-slice-theme-scope] .array-land {\n\tbackground: var(--array-land);\n}\n[data-slice-theme-scope] .array-land-label {\n\tcolor: var(--array-land-label);\n}\n[data-slice-theme-scope] .array-magenta {\n\tbackground: var(--array-magenta);\n}\n[data-slice-theme-scope] .array-magenta-label {\n\tcolor: var(--array-magenta-label);\n}\n[data-slice-theme-scope] .array-orange {\n\tbackground: var(--array-orange);\n}\n[data-slice-theme-scope] .array-orange-label {\n\tcolor: var(--array-orange-label);\n}\n[data-slice-theme-scope] .array-purple {\n\tbackground: var(--array-purple);\n}\n[data-slice-theme-scope] .array-purple-label {\n\tcolor: var(--array-purple-label);\n}\n[data-slice-theme-scope] .array-sea {\n\tbackground: var(--array-sea);\n}\n[data-slice-theme-scope] .array-sea-label {\n\tcolor: var(--array-sea-label);\n}\n[data-slice-theme-scope] .array-sky {\n\tbackground: var(--array-sky);\n}\n[data-slice-theme-scope] .array-sky-label {\n\tcolor: var(--array-sky-label);\n}\n[data-slice-theme-scope] .array-yellow {\n\tbackground: var(--array-yellow);\n}\n[data-slice-theme-scope] .array-yellow-label {\n\tcolor: var(--array-yellow-label);\n}\n[data-slice-theme-scope] .core-badge-primary {\n\tbackground: var(--core-badge-primary);\n}\n[data-slice-theme-scope] .core-badge-secondary {\n\tbackground: var(--core-badge-secondary);\n}\n[data-slice-theme-scope] .core-button-disabled {\n\tbackground: var(--core-button-disabled);\n}\n[data-slice-theme-scope] .core-button-primary {\n\tbackground: var(--core-button-primary);\n}\n[data-slice-theme-scope] .core-drop-shadow {\n\tbox-shadow: var(--core-drop-shadow);\n}\n[data-slice-theme-scope] .core-gp-logo-primary {\n\tcolor: var(--core-gp-logo-primary);\n}\n[data-slice-theme-scope] .core-gp-logo-secondary {\n\tcolor: var(--core-gp-logo-secondary);\n}\n[data-slice-theme-scope] .core-icon-dark {\n\tcolor: var(--core-icon-dark);\n}\n[data-slice-theme-scope] .core-icon-disabled {\n\tcolor: var(--core-icon-disabled);\n}\n[data-slice-theme-scope] .core-icon-error {\n\tcolor: var(--core-icon-error);\n}\n[data-slice-theme-scope] .core-icon-light {\n\tcolor: var(--core-icon-light);\n}\n[data-slice-theme-scope] .core-icon-primary {\n\tcolor: var(--core-icon-primary);\n}\n[data-slice-theme-scope] .core-icon-secondary {\n\tcolor: var(--core-icon-secondary);\n}\n[data-slice-theme-scope] .core-icon-tertiary {\n\tcolor: var(--core-icon-tertiary);\n}\n[data-slice-theme-scope] .core-link-primary {\n\tcolor: var(--core-link-primary);\n}\n[data-slice-theme-scope] .core-outline-primary {\n\tborder-color: var(--core-outline-primary);\n}\n[data-slice-theme-scope] .core-outline-secondary {\n\tborder-color: var(--core-outline-secondary);\n}\n[data-slice-theme-scope] .core-outline-special {\n\tborder-color: var(--core-outline-special);\n}\n[data-slice-theme-scope] .core-outline-tertiary {\n\tborder-color: var(--core-outline-tertiary);\n}\n[data-slice-theme-scope] .core-surface-coverup-translucent {\n\tbackground: var(--core-surface-coverup-translucent);\n}\n[data-slice-theme-scope] .core-surface-overlay-translucent {\n\tbackground: var(--core-surface-overlay-translucent);\n}\n[data-slice-theme-scope] .core-surface-primary {\n\tbackground: var(--core-surface-primary);\n}\n[data-slice-theme-scope] .core-surface-secondary {\n\tbackground: var(--core-surface-secondary);\n}\n[data-slice-theme-scope] .core-surface-special {\n\tbackground: var(--core-surface-special);\n}\n[data-slice-theme-scope] .core-text-dark {\n\tcolor: var(--core-text-dark);\n}\n[data-slice-theme-scope] .core-text-disabled {\n\tcolor: var(--core-text-disabled);\n}\n[data-slice-theme-scope] .core-text-error {\n\tcolor: var(--core-text-error);\n}\n[data-slice-theme-scope] .core-text-light {\n\tcolor: var(--core-text-light);\n}\n[data-slice-theme-scope] .core-text-primary {\n\tcolor: var(--core-text-primary);\n}\n[data-slice-theme-scope] .core-text-secondary {\n\tcolor: var(--core-text-secondary);\n}\n[data-slice-theme-scope] .core-text-special {\n\tcolor: var(--core-text-special);\n}\n[data-slice-theme-scope] .core-text-tertiary {\n\tcolor: var(--core-text-tertiary);\n}\n[data-slice-theme-scope] .eor-tag-employee {\n\tcolor: var(--eor-tag-employee);\n}\n[data-slice-theme-scope] .eor-tag-overdue {\n\tcolor: var(--eor-tag-overdue);\n}\n[data-slice-theme-scope] .eor-tag-paid {\n\tcolor: var(--eor-tag-paid);\n}\n[data-slice-theme-scope] .eor-tag-pending {\n\tcolor: var(--eor-tag-pending);\n}\n[data-slice-theme-scope] .eor-tag-professional {\n\tcolor: var(--eor-tag-professional);\n}\n[data-slice-theme-scope] .feedback-attention {\n\tcolor: var(--feedback-attention);\n}\n[data-slice-theme-scope] .feedback-informative {\n\tcolor: var(--feedback-informative);\n}\n[data-slice-theme-scope] .feedback-positive {\n\tcolor: var(--feedback-positive);\n}\n[data-slice-theme-scope] .feedback-urgency {\n\tcolor: var(--feedback-urgency);\n}\n[data-slice-theme-scope] .feedback-warning {\n\tcolor: var(--feedback-warning);\n}\n[data-slice-theme-scope] .gia-tag-risk-high {\n\tcolor: var(--gia-tag-risk-high);\n}\n[data-slice-theme-scope] .gia-tag-risk-low {\n\tcolor: var(--gia-tag-risk-low);\n}\n[data-slice-theme-scope] .gia-tag-risk-moderate {\n\tcolor: var(--gia-tag-risk-moderate);\n}\n[data-slice-theme-scope] .gia-text-excerpt-highlight {\n\tcolor: var(--gia-text-excerpt-highlight);\n}\n[data-slice-theme-scope] .gia-text-selection {\n\tcolor: var(--gia-text-selection);\n}\n[data-slice-theme-scope] .scroll-bar {\n\tcolor: var(--scroll-bar);\n}\n[data-slice-theme-scope] .scroll-bar-hover {\n\tcolor: var(--scroll-bar-hover);\n}\n[data-slice-theme-scope] .surface-shadow-soft {\n\tcolor: var(--surface-shadow-soft);\n}\n[data-slice-theme-scope] .surface-shadow-strong {\n\tcolor: var(--surface-shadow-strong);\n}\n\n[data-slice-theme-scope] {\n\tbackground: var(--core-surface-primary);\n}\n\n[data-slice-theme-scope] a {\n\tcolor: var(--core-text-special);\n\ttext-decoration: underline;\n}\n\n[data-slice-theme-scope] a:visited {\n\tcolor: var(--core-text-special);\n\ttext-decoration: underline;\n}\n\n[data-slice-theme-scope] a:hover {\n\ttext-decoration: none;\n}\n\n[data-slice-theme-scope] code {\n\tborder: 1px solid var(--core-outline-primary);\n\tbackground: var(--core-surface-secondary);\n\tcolor: var(--core-text-primary);\n}\n');
+styleInject('/* Core brand colors (un-themed) */\n[data-slice-theme-scope] {\n\t--brand-grey-50: #f4f7fa;\n\t--brand-grey-100: #e5ecf3;\n\t--brand-grey-200: #d5e0ea;\n\t--brand-grey-300: #98acbf;\n\t--brand-grey-400: #7f96a9;\n\t--brand-grey-500: #657d91;\n\t--brand-grey-600: #4c6273;\n\t--brand-grey-700: #405261;\n\t--brand-grey-800: #37434e;\n\t--brand-grey-900: #2d353d;\n\t--brand-grey-950: #1f262d;\n\t--brand-sea-50: #e8f1ff;\n\t--brand-sea-100: #c7defe;\n\t--brand-sea-200: #a5c9ff;\n\t--brand-sea-300: #7ab3ff;\n\t--brand-sea-400: #4084ff;\n\t--brand-sea-500: #2f45ff;\n\t--brand-sea-600: #2d2fff;\n\t--brand-sea-700: #0000ff;\n\t--brand-sea-800: #0609cd;\n\t--brand-sea-900: #001699;\n\t--brand-sea-950: #0a0b5c;\n\t--brand-sky-50: #eafffe;\n\t--brand-sky-100: #cdfffb;\n\t--brand-sky-200: #a3f8ff;\n\t--brand-sky-300: #6af5ff;\n\t--brand-sky-400: #00edff;\n\t--brand-sky-500: #00c8e0;\n\t--brand-sky-600: #00a6c0;\n\t--brand-sky-700: #03839b;\n\t--brand-sky-800: #0d697d;\n\t--brand-sky-900: #105669;\n\t--brand-sky-950: #033949;\n\t--brand-land-50: #f4ffe5;\n\t--brand-land-100: #e0ffb7;\n\t--brand-land-200: #caff95;\n\t--brand-land-300: #b7fe59;\n\t--brand-land-400: #9cf820;\n\t--brand-land-500: #71e618;\n\t--brand-land-600: #56c900;\n\t--brand-land-700: #2d8c00;\n\t--brand-land-800: #31690b;\n\t--brand-land-900: #2a580f;\n\t--brand-land-950: #123201;\n\t--brand-orange-50: #fff8ec;\n\t--brand-orange-100: #ffebd7;\n\t--brand-orange-200: #ffe3c6;\n\t--brand-orange-300: #ffc182;\n\t--brand-orange-400: #ff972e;\n\t--brand-orange-500: #ff800a;\n\t--brand-orange-600: #ff6700;\n\t--brand-orange-700: #ff3700;\n\t--brand-orange-800: #a02b0b;\n\t--brand-orange-900: #80250b;\n\t--brand-orange-950: #461604;\n\t--brand-yellow-50: #ffffea;\n\t--brand-yellow-100: #fffdca;\n\t--brand-yellow-200: #fff2a0;\n\t--brand-yellow-300: #ffeb72;\n\t--brand-yellow-400: #ffd333;\n\t--brand-yellow-500: #ffc200;\n\t--brand-yellow-600: #ffad00;\n\t--brand-yellow-700: #c68601;\n\t--brand-yellow-800: #8f6307;\n\t--brand-yellow-900: #5f430a;\n\t--brand-yellow-950: #442e00;\n\t--brand-purple-50: #faf0ff;\n\t--brand-purple-100: #f4ddff;\n\t--brand-purple-200: #e5cdff;\n\t--brand-purple-300: #ccafff;\n\t--brand-purple-400: #b891ff;\n\t--brand-purple-500: #7d48ff;\n\t--brand-purple-600: #6a14ff;\n\t--brand-purple-700: #5600f1;\n\t--brand-purple-800: #4d01d6;\n\t--brand-purple-900: #4003af;\n\t--brand-purple-950: #1e007c;\n\t--brand-magenta-50: #fef1fc;\n\t--brand-magenta-100: #ffdcef;\n\t--brand-magenta-200: #ffcae6;\n\t--brand-magenta-300: #ff90cb;\n\t--brand-magenta-400: #ff61ca;\n\t--brand-magenta-500: #ff3ac2;\n\t--brand-magenta-600: #f012aa;\n\t--brand-magenta-700: #df059b;\n\t--brand-magenta-800: #9b0069;\n\t--brand-magenta-900: #790a55;\n\t--brand-magenta-950: #58003a;\n\t--brand-white-0: #ffffff;\n\t--product-red-400: #ff474a;\n\t--product-red-500: #df0529;\n\n\t/* Non-brand semantic aliases */\n\t--core-drop-shadow-light: #0339491a;\n\t--core-drop-shadow-dark: #0000007a;\n\t--core-surface-coverup-translucent-light: #1f262d52;\n\t--core-surface-coverup-translucent-dark: #0000007a;\n\t--core-surface-overlay-translucent-light: #ffffffcc;\n\t--core-surface-overlay-translucent-dark: #1f262dcc;\n\t--scroll-bar-light: #e3e8ef;\n\t--scroll-bar-dark: rgba(255, 255, 255, 0.1);\n\t--scroll-bar-hover-light: #cdd5df;\n\t--scroll-bar-hover-dark: rgba(255, 255, 255, 0.15);\n\t--surface-primary-tint-light: #fcfcfc;\n\t--surface-primary-tint-dark: #191e24;\n\t--surface-shadow-soft-light: 0px 4px 24px #0339491a;\n\t--surface-shadow-soft-dark: 0px 4px 24px #0000007a;\n\t--surface-shadow-strong-light: 0px 4px 64px #0339491a;\n\t--surface-shadow-strong-dark: 0px 4px 64px #0000007a;\n}\n\n/* Root-level token needed for global viewport backgrounds */\n:root[data-slice-theme="lightMode"] {\n\t--core-surface-primary: #ffffff;\n}\n\n/* Light theme tokens */\n:root[data-slice-theme="lightMode"] [data-slice-theme-scope] {\n\t--array-land: var(--brand-land-100);\n\t--array-land-label: var(--brand-land-600);\n\t--array-magenta: var(--brand-magenta-100);\n\t--array-magenta-label: var(--brand-magenta-600);\n\t--array-orange: var(--brand-orange-100);\n\t--array-orange-label: var(--brand-orange-600);\n\t--array-purple: var(--brand-purple-100);\n\t--array-purple-label: var(--brand-purple-600);\n\t--array-sea: var(--brand-sea-100);\n\t--array-sea-label: var(--brand-sea-600);\n\t--array-sky: var(--brand-sky-100);\n\t--array-sky-label: var(--brand-sky-600);\n\t--array-yellow: var(--brand-yellow-100);\n\t--array-yellow-label: var(--brand-yellow-600);\n\t--core-badge-primary: var(--brand-sea-500);\n\t--core-badge-secondary: var(--brand-grey-100);\n\t--core-button-disabled: var(--brand-grey-50);\n\t--core-button-primary: var(--brand-sea-500);\n\t--core-drop-shadow: var(--core-drop-shadow-light);\n\t--core-gp-logo-primary: var(--brand-sea-700);\n\t--core-gp-logo-secondary: var(--brand-grey-950);\n\t--core-icon-dark: var(--brand-grey-950);\n\t--core-icon-disabled: var(--brand-grey-300);\n\t--core-icon-error: var(--product-red-500);\n\t--core-icon-light: var(--brand-white-0);\n\t--core-icon-primary: var(--brand-grey-950);\n\t--core-icon-secondary: var(--brand-grey-700);\n\t--core-icon-tertiary: var(--brand-sea-500);\n\t--core-outline-secondary: var(--brand-grey-100);\n\t--core-outline-primary: var(--brand-grey-100);\n\t--core-outline-special: var(--brand-sea-100);\n\t--core-outline-tertiary: var(--brand-sea-500);\n\t--core-surface-coverup-translucent: var(\n\t\t--core-surface-coverup-translucent-light\n\t);\n\t--core-surface-overlay-translucent: var(\n\t\t--core-surface-overlay-translucent-light\n\t);\n\t--core-surface-primary: var(--brand-white-0);\n\t--core-surface-primary-tint: var(--surface-primary-tint-light);\n\t--core-surface-secondary: var(--brand-grey-50);\n\t--core-surface-special: var(--brand-sea-50);\n\t--core-text-dark: var(--brand-grey-950);\n\t--core-text-disabled: var(--brand-grey-300);\n\t--core-text-error: var(--product-red-500);\n\t--core-text-light: var(--brand-white-0);\n\t--core-text-primary: var(--brand-grey-950);\n\t--core-text-secondary: var(--brand-grey-700);\n\t--core-text-tertiary: var(--brand-grey-600);\n\t--core-text-special: var(--brand-sea-500);\n\t--core-link-primary: var(--brand-sea-700);\n\t--eor-tag-employee: var(--brand-sky-700);\n\t--eor-tag-overdue: var(--product-red-500);\n\t--eor-tag-paid: var(--brand-land-700);\n\t--eor-tag-pending: var(--brand-orange-500);\n\t--eor-tag-professional: var(--brand-sea-500);\n\t--feedback-attention: var(--brand-yellow-500);\n\t--feedback-informative: var(--brand-sky-700);\n\t--feedback-positive: var(--brand-land-700);\n\t--feedback-urgency: var(--brand-orange-500);\n\t--feedback-warning: var(--product-red-500);\n\t--gia-tag-risk-high: var(--product-red-500);\n\t--gia-tag-risk-low: var(--brand-sky-700);\n\t--gia-tag-risk-moderate: var(--brand-orange-500);\n\t--gia-text-excerpt-highlight: var(--brand-orange-100);\n\t--gia-text-selection: var(--brand-sea-100);\n\t--scroll-bar: var(--scroll-bar-light);\n\t--scroll-bar-hover: var(--scroll-bar-hover-light);\n\t--surface-shadow-soft: var(--surface-shadow-soft-light);\n\t--surface-shadow-strong: var(--surface-shadow-strong-light);\n}\n\n/* Root-level token needed for global viewport backgrounds */\n:root[data-slice-theme="darkMode"] {\n\t--core-surface-primary: #1f262d;\n}\n\n/* Dark theme tokens */\n:root[data-slice-theme="darkMode"] [data-slice-theme-scope] {\n\t--array-land: var(--brand-land-100);\n\t--array-land-label: var(--brand-land-600);\n\t--array-magenta: var(--brand-magenta-100);\n\t--array-magenta-label: var(--brand-magenta-600);\n\t--array-orange: var(--brand-orange-100);\n\t--array-orange-label: var(--brand-orange-600);\n\t--array-purple: var(--brand-purple-100);\n\t--array-purple-label: var(--brand-purple-600);\n\t--array-sea: var(--brand-sea-100);\n\t--array-sea-label: var(--brand-sea-600);\n\t--array-sky: var(--brand-sky-100);\n\t--array-sky-label: var(--brand-sky-600);\n\t--array-yellow: var(--brand-yellow-100);\n\t--array-yellow-label: var(--brand-yellow-600);\n\t--core-badge-primary: var(--brand-sea-500);\n\t--core-badge-secondary: var(--brand-grey-700);\n\t--core-button-disabled: var(--brand-grey-900);\n\t--core-button-primary: var(--brand-sea-500);\n\t--core-drop-shadow: var(--core-drop-shadow-dark);\n\t--core-gp-logo-primary: var(--brand-sea-500);\n\t--core-gp-logo-secondary: var(--brand-white-0);\n\t--core-icon-dark: var(--brand-grey-950);\n\t--core-icon-disabled: var(--brand-grey-500);\n\t--core-icon-error: var(--product-red-400);\n\t--core-icon-light: var(--brand-white-0);\n\t--core-icon-primary: var(--brand-white-0);\n\t--core-icon-secondary: var(--brand-grey-200);\n\t--core-icon-tertiary: var(--brand-sky-300);\n\t--core-outline-secondary: var(--brand-grey-900);\n\t--core-outline-primary: var(--brand-grey-700);\n\t--core-outline-special: var(--brand-sky-300);\n\t--core-outline-tertiary: var(--brand-sky-300);\n\t--core-surface-coverup-translucent: var(\n\t\t--core-surface-coverup-translucent-dark\n\t);\n\t--core-surface-overlay-translucent: var(\n\t\t--core-surface-overlay-translucent-dark\n\t);\n\t--core-surface-primary: var(--brand-grey-950);\n\t--core-surface-primary-tint: var(--surface-primary-tint-dark);\n\t--core-surface-secondary: var(--brand-grey-900);\n\t--core-surface-special: var(--brand-sky-950);\n\t--core-text-dark: var(--brand-grey-950);\n\t--core-text-disabled: var(--brand-grey-500);\n\t--core-text-error: var(--product-red-400);\n\t--core-text-light: var(--brand-white-0);\n\t--core-text-primary: var(--brand-white-0);\n\t--core-text-secondary: var(--brand-grey-200);\n\t--core-text-tertiary: var(--brand-grey-400);\n\t--core-text-special: var(--brand-sky-300);\n\t--core-link-primary: var(--brand-sky-300);\n\t--eor-tag-employee: var(--brand-sky-700);\n\t--eor-tag-overdue: var(--product-red-400);\n\t--eor-tag-paid: var(--brand-land-700);\n\t--eor-tag-pending: var(--brand-orange-500);\n\t--eor-tag-professional: var(--brand-sea-500);\n\t--feedback-attention: var(--brand-yellow-400);\n\t--feedback-informative: var(--brand-sky-600);\n\t--feedback-positive: var(--brand-land-700);\n\t--feedback-urgency: var(--brand-orange-500);\n\t--feedback-warning: var(--product-red-400);\n\t--gia-tag-risk-high: var(--product-red-400);\n\t--gia-tag-risk-low: var(--brand-sky-600);\n\t--gia-tag-risk-moderate: var(--brand-orange-500);\n\t--gia-text-excerpt-highlight: var(--brand-orange-100);\n\t--gia-text-selection: var(--brand-sea-900);\n\t--scroll-bar: var(--scroll-bar-dark);\n\t--scroll-bar-hover: var(--scroll-bar-hover-dark);\n\t--surface-shadow-soft: var(--surface-shadow-soft-dark);\n\t--surface-shadow-strong: var(--surface-shadow-strong-dark);\n}\n\n/* Theme token text-color utility classes */\n[data-slice-theme-scope] .array-land {\n\tbackground: var(--array-land);\n}\n[data-slice-theme-scope] .array-land-label {\n\tcolor: var(--array-land-label);\n}\n[data-slice-theme-scope] .array-magenta {\n\tbackground: var(--array-magenta);\n}\n[data-slice-theme-scope] .array-magenta-label {\n\tcolor: var(--array-magenta-label);\n}\n[data-slice-theme-scope] .array-orange {\n\tbackground: var(--array-orange);\n}\n[data-slice-theme-scope] .array-orange-label {\n\tcolor: var(--array-orange-label);\n}\n[data-slice-theme-scope] .array-purple {\n\tbackground: var(--array-purple);\n}\n[data-slice-theme-scope] .array-purple-label {\n\tcolor: var(--array-purple-label);\n}\n[data-slice-theme-scope] .array-sea {\n\tbackground: var(--array-sea);\n}\n[data-slice-theme-scope] .array-sea-label {\n\tcolor: var(--array-sea-label);\n}\n[data-slice-theme-scope] .array-sky {\n\tbackground: var(--array-sky);\n}\n[data-slice-theme-scope] .array-sky-label {\n\tcolor: var(--array-sky-label);\n}\n[data-slice-theme-scope] .array-yellow {\n\tbackground: var(--array-yellow);\n}\n[data-slice-theme-scope] .array-yellow-label {\n\tcolor: var(--array-yellow-label);\n}\n[data-slice-theme-scope] .core-badge-primary {\n\tbackground: var(--core-badge-primary);\n}\n[data-slice-theme-scope] .core-badge-secondary {\n\tbackground: var(--core-badge-secondary);\n}\n[data-slice-theme-scope] .core-button-disabled {\n\tbackground: var(--core-button-disabled);\n}\n[data-slice-theme-scope] .core-button-primary {\n\tbackground: var(--core-button-primary);\n}\n[data-slice-theme-scope] .core-drop-shadow {\n\tbox-shadow: var(--core-drop-shadow);\n}\n[data-slice-theme-scope] .core-gp-logo-primary {\n\tcolor: var(--core-gp-logo-primary);\n}\n[data-slice-theme-scope] .core-gp-logo-secondary {\n\tcolor: var(--core-gp-logo-secondary);\n}\n[data-slice-theme-scope] .core-icon-dark {\n\tcolor: var(--core-icon-dark);\n}\n[data-slice-theme-scope] .core-icon-disabled {\n\tcolor: var(--core-icon-disabled);\n}\n[data-slice-theme-scope] .core-icon-error {\n\tcolor: var(--core-icon-error);\n}\n[data-slice-theme-scope] .core-icon-light {\n\tcolor: var(--core-icon-light);\n}\n[data-slice-theme-scope] .core-icon-primary {\n\tcolor: var(--core-icon-primary);\n}\n[data-slice-theme-scope] .core-icon-secondary {\n\tcolor: var(--core-icon-secondary);\n}\n[data-slice-theme-scope] .core-icon-tertiary {\n\tcolor: var(--core-icon-tertiary);\n}\n[data-slice-theme-scope] .core-link-primary {\n\tcolor: var(--core-link-primary);\n}\n[data-slice-theme-scope] .core-outline-primary {\n\tborder-color: var(--core-outline-primary);\n}\n[data-slice-theme-scope] .core-outline-secondary {\n\tborder-color: var(--core-outline-secondary);\n}\n[data-slice-theme-scope] .core-outline-special {\n\tborder-color: var(--core-outline-special);\n}\n[data-slice-theme-scope] .core-outline-tertiary {\n\tborder-color: var(--core-outline-tertiary);\n}\n[data-slice-theme-scope] .core-surface-coverup-translucent {\n\tbackground: var(--core-surface-coverup-translucent);\n}\n[data-slice-theme-scope] .core-surface-overlay-translucent {\n\tbackground: var(--core-surface-overlay-translucent);\n}\n[data-slice-theme-scope] .core-surface-primary {\n\tbackground: var(--core-surface-primary);\n}\n[data-slice-theme-scope] .core-surface-primary-tint {\n\tbackground: var(--core-surface-primary-tint);\n}\n[data-slice-theme-scope] .core-surface-secondary {\n\tbackground: var(--core-surface-secondary);\n}\n[data-slice-theme-scope] .core-surface-special {\n\tbackground: var(--core-surface-special);\n}\n[data-slice-theme-scope] .core-text-dark {\n\tcolor: var(--core-text-dark);\n}\n[data-slice-theme-scope] .core-text-disabled {\n\tcolor: var(--core-text-disabled);\n}\n[data-slice-theme-scope] .core-text-error {\n\tcolor: var(--core-text-error);\n}\n[data-slice-theme-scope] .core-text-light {\n\tcolor: var(--core-text-light);\n}\n[data-slice-theme-scope] .core-text-primary {\n\tcolor: var(--core-text-primary);\n}\n[data-slice-theme-scope] .core-text-secondary {\n\tcolor: var(--core-text-secondary);\n}\n[data-slice-theme-scope] .core-text-special {\n\tcolor: var(--core-text-special);\n}\n[data-slice-theme-scope] .core-text-tertiary {\n\tcolor: var(--core-text-tertiary);\n}\n[data-slice-theme-scope] .eor-tag-employee {\n\tcolor: var(--eor-tag-employee);\n}\n[data-slice-theme-scope] .eor-tag-overdue {\n\tcolor: var(--eor-tag-overdue);\n}\n[data-slice-theme-scope] .eor-tag-paid {\n\tcolor: var(--eor-tag-paid);\n}\n[data-slice-theme-scope] .eor-tag-pending {\n\tcolor: var(--eor-tag-pending);\n}\n[data-slice-theme-scope] .eor-tag-professional {\n\tcolor: var(--eor-tag-professional);\n}\n[data-slice-theme-scope] .feedback-attention {\n\tcolor: var(--feedback-attention);\n}\n[data-slice-theme-scope] .feedback-informative {\n\tcolor: var(--feedback-informative);\n}\n[data-slice-theme-scope] .feedback-positive {\n\tcolor: var(--feedback-positive);\n}\n[data-slice-theme-scope] .feedback-urgency {\n\tcolor: var(--feedback-urgency);\n}\n[data-slice-theme-scope] .feedback-warning {\n\tcolor: var(--feedback-warning);\n}\n[data-slice-theme-scope] .gia-tag-risk-high {\n\tcolor: var(--gia-tag-risk-high);\n}\n[data-slice-theme-scope] .gia-tag-risk-low {\n\tcolor: var(--gia-tag-risk-low);\n}\n[data-slice-theme-scope] .gia-tag-risk-moderate {\n\tcolor: var(--gia-tag-risk-moderate);\n}\n[data-slice-theme-scope] .gia-text-excerpt-highlight {\n\tcolor: var(--gia-text-excerpt-highlight);\n}\n[data-slice-theme-scope] .gia-text-selection {\n\tcolor: var(--gia-text-selection);\n}\n[data-slice-theme-scope] .scroll-bar {\n\tcolor: var(--scroll-bar);\n}\n[data-slice-theme-scope] .scroll-bar-hover {\n\tcolor: var(--scroll-bar-hover);\n}\n[data-slice-theme-scope] .surface-shadow-soft {\n\tcolor: var(--surface-shadow-soft);\n}\n[data-slice-theme-scope] .surface-shadow-strong {\n\tcolor: var(--surface-shadow-strong);\n}\n\n[data-slice-theme-scope] {\n\tbackground: var(--core-surface-primary);\n}\n\n[data-slice-theme-scope] a {\n\tcolor: var(--core-text-special);\n\ttext-decoration: underline;\n}\n\n[data-slice-theme-scope] a:visited {\n\tcolor: var(--core-text-special);\n\ttext-decoration: underline;\n}\n\n[data-slice-theme-scope] a:hover {\n\ttext-decoration: none;\n}\n\n[data-slice-theme-scope] code {\n\tborder: 1px solid var(--core-outline-primary);\n\tbackground: var(--core-surface-secondary);\n\tcolor: var(--core-text-primary);\n}\n');
 
 styleInject("[data-slice-theme-scope] {\n\t--elevation-below-surface: -100;\n\t--elevation-surface: 0;\n\t--elevation-float: 100;\n\t--elevation-describe: 200;\n\t--elevation-status: 300;\n\t--elevation-notify: 400;\n\t--elevation-overlay: 500;\n\t--elevation-confirm: 600;\n}\n");
 
-styleInject('@import url("https://fonts.googleapis.com/css2?family=Funnel+Sans:ital,wght@0,300..800;1,300..800&display=swap");\n\n[data-slice-theme-scope] {\n\t--font-family: "Funnel Sans";\n\t--font-weight-regular: 360;\n\t--font-weight-medium: 420;\n\t--font-weight-bold: 480;\n\t--font-size-xs: 12px;\n\t--font-size-s: 14px;\n\t--font-size-m: 15px;\n\t--font-size-l: 16px;\n\t--font-size-xl: 17px;\n}\n\n[data-slice-theme-scope] .body-xs-regular {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .body-xs-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .body-xs-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}\n\n[data-slice-theme-scope] .body-s-regular {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n\n[data-slice-theme-scope] .body-s-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n\n[data-slice-theme-scope] .body-s-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .body-m-regular {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n\n[data-slice-theme-scope] .body-m-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n\n[data-slice-theme-scope] .body-m-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .body-l-regular {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}\n\n[data-slice-theme-scope] .body-l-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}\n\n[data-slice-theme-scope] .body-l-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n\n[data-slice-theme-scope] .body-xl-regular {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}\n\n[data-slice-theme-scope] .body-xl-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}\n\n[data-slice-theme-scope] .body-xl-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n\n[data-slice-theme-scope] .heading-s-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .heading-s-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .heading-m-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .heading-m-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .heading-l-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .heading-l-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .heading-xl-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .heading-xl-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n\n[data-slice-theme-scope] h1 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] h2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] h3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] h4 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] h1,\n[data-slice-theme-scope] h2,\n[data-slice-theme-scope] h3,\n[data-slice-theme-scope] h4 {\n\tmargin: 1.5em 0 0.6em 0;\n}\n\n[data-slice-theme-scope] h1:first-child {\n\tmargin: 0 0 0.6em 0;\n}\n\n[data-slice-theme-scope] p {\n\tmargin: 0 0 1.5em 0;\n}\n\n[data-slice-theme-scope] b,\n[data-slice-theme-scope] strong {\n\tfont-weight: var(--font-weight-bold);\n}\n');
+styleInject('@import url("https://fonts.googleapis.com/css2?family=Funnel+Sans:ital,wght@0,300..800;1,300..800&display=swap");\n\n[data-slice-theme-scope] {\n\t--font-family: "Funnel Sans";\n\t--font-weight-regular: 360;\n\t--font-weight-medium: 420;\n\t--font-weight-bold: 480;\n\t--font-size-xs: 12px;\n\t--font-size-s: 14px;\n\t--font-size-m: 15px;\n\t--font-size-l: 16px;\n\t--font-size-xl: 17px;\n}\n\n[data-slice-theme-scope] .body-xs-regular {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .body-xs-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .body-xs-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}\n\n[data-slice-theme-scope] .body-s-regular {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n\n[data-slice-theme-scope] .body-s-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n\n[data-slice-theme-scope] .body-s-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .body-m-regular {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n\n[data-slice-theme-scope] .body-m-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n\n[data-slice-theme-scope] .body-m-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .body-l-regular {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}\n\n[data-slice-theme-scope] .body-l-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}\n\n[data-slice-theme-scope] .body-l-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n\n[data-slice-theme-scope] .body-xl-regular {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}\n\n[data-slice-theme-scope] .body-xl-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}\n\n[data-slice-theme-scope] .body-xl-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}\n\n[data-slice-theme-scope] .heading-s-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .heading-s-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .heading-m-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .heading-m-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .heading-l-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .heading-l-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .heading-xl-medium {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] .heading-xl-bold {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] h1,\n[data-slice-theme-scope] h2,\n[data-slice-theme-scope] h3,\n[data-slice-theme-scope] h4 {\n\tmargin: 1.5em 0 0.6em 0;\n}\n\n[data-slice-theme-scope] h1 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n\tmargin-top: 0;\n}\n\n[data-slice-theme-scope] h2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] h3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] h4 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n[data-slice-theme-scope] p {\n\tmargin: 0 0 1.5em 0;\n}\n\n[data-slice-theme-scope] b,\n[data-slice-theme-scope] strong {\n\tfont-weight: var(--font-weight-bold);\n}\n');
 
 styleInject("/* Keep these values in sync with src/hooks/useWindow/useWindow.ts */\n");
 

package/dist/esm/stores/microphone.mjs

@@ -1,4 +1,4 @@
-export { g as getMicrophoneState, m as microphoneActions, u as useMicActive, a as useMicError, b as useMicMuted, c as useMicOptions, d as useMicRequesting, e as useMicStream, f as useMicSupported, h as useMicTrack, i as useMicrophoneStore, j as useMicrophoneStoreActions, k as useMicrophones, l as useSyncMicrophoneStore } from "../chunks/microphoneStore-t16oxjGB.mjs";
+export { g as getMicrophoneState, m as microphoneActions, u as useCurrentMicDeviceId, a as useMicActive, b as useMicError, c as useMicInputVolume, d as useMicMuted, e as useMicOptions, f as useMicRequesting, h as useMicStream, i as useMicSupported, j as useMicTrack, k as useMicrophoneStore, l as useMicrophoneStoreActions, n as useMicrophones, o as useProcessedMicStream, p as useSyncMicrophoneStore } from "../chunks/microphoneStore-Dr3lxoWX.mjs";
 
 import "../chunks/tslib.es6-C-olHjXV.mjs";
 

package/dist/esm/stores/volume.mjs

@@ -0,0 +1,5 @@
+export { g as getAttachedMedia, a as getMuted, b as getStoredVolume, c as getVolume, u as useAttachedMedia, d as useMuted, e as useStoredVolume, f as useVolume, h as useVolumeActions, i as useVolumeStore, v as volumeActions } from "../chunks/volumeStore-GZnCDBMU.mjs";
+
+import "../chunks/tslib.es6-C-olHjXV.mjs";
+
+import "zustand";

package/dist/esm/stores.mjs

@@ -2,7 +2,9 @@ export { F as FormFactor, d as dpr, f as formFactor, g as gettingLocation, i as
 
 export { c as createUploadsWorker, g as getUploads, a as getUploadsError, b as getUploadsWorkerStatus, u as uploadsActions, d as uploadsInitialized, e as useUploads, f as useUploadsActions, h as useUploadsError, i as useUploadsInitialized, j as useUploadsStore, k as useUploadsWorkerStatus } from "./chunks/uploadsStore-B7VECR5Q.mjs";
 
-export { g as getMicrophoneState, m as microphoneActions, u as useMicActive, a as useMicError, b as useMicMuted, c as useMicOptions, d as useMicRequesting, e as useMicStream, f as useMicSupported, h as useMicTrack, i as useMicrophoneStore, j as useMicrophoneStoreActions, k as useMicrophones, l as useSyncMicrophoneStore } from "./chunks/microphoneStore-t16oxjGB.mjs";
+export { g as getAttachedMedia, a as getMuted, b as getStoredVolume, c as getVolume, u as useAttachedMedia, d as useMuted, e as useStoredVolume, f as useVolume, h as useVolumeActions, i as useVolumeStore, v as volumeActions } from "./chunks/volumeStore-GZnCDBMU.mjs";
+
+export { g as getMicrophoneState, m as microphoneActions, u as useCurrentMicDeviceId, a as useMicActive, b as useMicError, c as useMicInputVolume, d as useMicMuted, e as useMicOptions, f as useMicRequesting, h as useMicStream, i as useMicSupported, j as useMicTrack, k as useMicrophoneStore, l as useMicrophoneStoreActions, n as useMicrophones, o as useProcessedMicStream, p as useSyncMicrophoneStore } from "./chunks/microphoneStore-Dr3lxoWX.mjs";
 
 export { g as getTip, t as tipActions, u as useTip, a as useTipActions, b as useTipStore } from "./chunks/tipStore-CL5a95Bl.mjs";
 

package/dist/esm/theme/colors.mjs

@@ -96,6 +96,8 @@ const coreColors = {
     "core-surface-coverup-translucent-dark": "#0000007a",
     "core-surface-overlay-translucent-light": "#ffffffcc",
     "core-surface-overlay-translucent-dark": "#1f262dcc",
+    "surface-primary-tint-light": "#fcfcfc",
+    "surface-primary-tint-dark": "#191e24",
     "scroll-bar-light": "#e3e8ef",
     "scroll-bar-dark": "rgba(255, 255, 255, 0.1)",
     "scroll-bar-hover-light": "#cdd5df",
@@ -140,6 +142,7 @@ const coreColors = {
     "core-surface-coverup-translucent": coreColors["core-surface-coverup-translucent-light"],
     "core-surface-overlay-translucent": coreColors["core-surface-overlay-translucent-light"],
     "core-surface-primary": coreColors["brand-white-0"],
+    "core-surface-primary-tint": coreColors["surface-primary-tint-light"],
     "core-surface-secondary": coreColors["brand-grey-50"],
     "core-surface-special": coreColors["brand-sea-50"],
     "core-text-dark": coreColors["brand-grey-950"],
@@ -206,6 +209,7 @@ const coreColors = {
     "core-surface-coverup-translucent": coreColors["core-surface-coverup-translucent-dark"],
     "core-surface-overlay-translucent": coreColors["core-surface-overlay-translucent-dark"],
     "core-surface-primary": coreColors["brand-grey-950"],
+    "core-surface-primary-tint": coreColors["surface-primary-tint-dark"],
     "core-surface-secondary": coreColors["brand-grey-900"],
     "core-surface-special": coreColors["brand-sky-950"],
     "core-text-dark": coreColors["brand-grey-950"],
@@ -272,6 +276,7 @@ const coreColors = {
     "core-surface-coverup-translucent": "var(--core-surface-coverup-translucent)",
     "core-surface-overlay-translucent": "var(--core-surface-overlay-translucent)",
     "core-surface-primary": "var(--core-surface-primary)",
+    "core-surface-primary-tint": "var(--core-surface-primary-tint)",
     "core-surface-secondary": "var(--core-surface-secondary)",
     "core-surface-special": "var(--core-surface-special)",
     "core-text-dark": "var(--core-text-dark)",
@@ -338,6 +343,7 @@ const coreColors = {
     "core-surface-coverup-translucent": "core-surface-coverup-translucent",
     "core-surface-overlay-translucent": "core-surface-overlay-translucent",
     "core-surface-primary": "core-surface-primary",
+    "core-surface-primary-tint": "core-surface-primary-tint",
     "core-surface-secondary": "core-surface-secondary",
     "core-surface-special": "core-surface-special",
     "core-text-dark": "core-text-dark",

package/dist/esm/utils/index.mjs

@@ -1,4 +1,4 @@
-export { c as copyToClipboard, h as hexToRgb } from "../chunks/misc-BeEWwOaJ.mjs";
+export { c as copyToClipboard, h as hexToRgb } from "../chunks/misc-Bjbro8Xe.mjs";
 
 export { d as debounce } from "../chunks/debounce-Bst1jxMS.mjs";
 
@@ -8,7 +8,7 @@ export { I as IndexedDB } from "../chunks/IndexedDB-Dk7a4fPS.mjs";
 
 export { A as AudioVisualizer } from "../chunks/audioVisualizer-ZgT77nUw.mjs";
 
-export { M as MdBuffer } from "../chunks/MdStreamBuffer-DNXE4XbN.mjs";
+export { M as MdBuffer } from "../chunks/MdStreamBuffer-By7pHJQL.mjs";
 
 export { S as SSEConnection } from "../chunks/SSEConnection-DcA3wFsO.mjs";
 

package/dist/esm/utils/objects/index.mjs

@@ -2,7 +2,7 @@ export { I as IndexedDB } from "../../chunks/IndexedDB-Dk7a4fPS.mjs";
 
 export { A as AudioVisualizer } from "../../chunks/audioVisualizer-ZgT77nUw.mjs";
 
-export { M as MdBuffer } from "../../chunks/MdStreamBuffer-DNXE4XbN.mjs";
+export { M as MdBuffer } from "../../chunks/MdStreamBuffer-By7pHJQL.mjs";
 
 export { S as SSEConnection } from "../../chunks/SSEConnection-DcA3wFsO.mjs";
 

package/dist/types/components/DropDown/_types.d.ts

@@ -33,6 +33,7 @@ type DropDownBaseProps<T = string> = {
     disabled?: boolean;
     error?: boolean;
     gap?: number;
+    inline?: boolean;
     size?: 'xs' | 's' | 'm' | 'l';
     onChange?: (index: number, option: DropDownOption<T>) => void;
     onOption?: (option: DropDownOption<T>) => void;

package/dist/types/components/Icon/_types.d.ts

@@ -55,6 +55,8 @@ export declare const SliceIcons: {
         readonly upload: "upload";
         readonly speaker: "speaker";
         readonly speakerMuted: "speaker muted";
+        readonly speakerHigh: "speaker high";
+        readonly speakerLow: "speaker low";
     };
     readonly files: {
         readonly document: "document";
@@ -64,6 +66,7 @@ export declare const SliceIcons: {
     readonly people: {
         readonly people: "people";
         readonly person: "person";
+        readonly talk: "talk";
     };
     readonly business: {
         readonly briefcase: "briefcase";
@@ -134,6 +137,7 @@ export declare const SliceIcons: {
         readonly menu: "menu";
         readonly more: "more";
         readonly sidebar: "sidebar";
+        readonly sidebarSplit: "sidebar split";
         readonly keyboard: "keyboard";
         readonly x: "x";
     };

package/dist/types/components/Slider/_types.d.ts

@@ -10,6 +10,11 @@ type SliderBaseProps = {
     headColor?: string;
     trackColor?: string;
     progressColor?: string;
+    trackHeadBorderSize?: number;
+    trackHeadBorderColor?: string;
+    step?: number;
+    disabled?: boolean;
+    disabledOpacity?: number;
     cursor?: 'default' | 'grab' | 'grabbing' | 'pointer';
     onChange?: (value: number, percent: number) => void;
     onDragChange?: (value: number, percent: number) => void;

package/dist/types/components/TabBar/_types.d.ts

@@ -21,6 +21,7 @@ type TabBarBaseProps = {
     closeWidth?: number | string;
     padding?: number | string;
     iconSize?: number;
+    iconFill?: boolean;
     iconGap?: number;
     tabGap?: number;
     disabled?: boolean;
@@ -42,6 +43,7 @@ export interface TabOptionProps {
     iconGap?: number;
     disabled?: boolean;
     count?: number;
+    iconFill?: boolean;
     tabWidth?: 'compact' | 'fill' | number;
     underline?: boolean;
     onClick?: (value: number) => void;

package/dist/types/components/Toast/_types.d.ts

@@ -12,6 +12,7 @@ type ToastBaseProps = {
     padding?: number | string;
     radius?: number | string;
     position?: 'top' | 'bottom';
+    container?: 'window' | 'parent';
     offset?: number;
     showDelay?: number;
     duration?: number | 'Infinite';

package/dist/types/hooks/useMicrophone/useMicrophone.d.ts

@@ -5,8 +5,11 @@ export type MicOption = {
 };
 export type UseMicrophoneReturn = {
     micStream: RefObject<MediaStream | null>;
+    processedMicStream: RefObject<MediaStream | null>;
     micTrack: RefObject<MediaStreamTrack | null>;
+    currentDeviceId: string | null;
     isActive: boolean;
+    inputVolume: number;
     muted: boolean;
     isSupported: boolean;
     isRequesting: boolean;
@@ -18,6 +21,7 @@ export type UseMicrophoneReturn = {
     muteMic: () => boolean;
     unmuteMic: () => boolean;
     toggleMute: () => void;
+    setInputVolume: (volume: number) => number;
     refreshMicrophones: () => Promise<MediaDeviceInfo[]>;
     setMicrophone: (deviceId: string | DropDownOption<MicOption>) => Promise<void>;
 };

package/dist/types/stores/index.d.ts

@@ -4,4 +4,5 @@ export * from './SSE';
 export * from './toast';
 export * from './tip';
 export * from './uploads';
+export * from './volume';
 export * from './window';