@apple-pie/slice 0.1.57 → 0.1.59

package/dist/cjs/stores.js

@@ -1,11 +1,11 @@
 "use strict";
 
-var microphoneStore = require("./chunks/microphoneStore-D0ussh7L.js"), volumeStore = require("./chunks/volumeStore-Dez02JPh.js"), webRTCStore = require("./chunks/webRTCStore-CAt0Ly4R.js"), windowStore = require("./chunks/windowStore-BYkEn0kO.js"), activeTabStore = require("./chunks/activeTabStore-DIGbK-zT.js"), browserChannelsStore = require("./chunks/browserChannelsStore-DzmDF2aJ.js"), uploadsStore = require("./chunks/uploadsStore-DiER7z5_.js"), modalStore = require("./chunks/modalStore-DwgyWAOV.js"), tipStore = require("./chunks/tipStore-CZDr2c8Z.js"), toastStore = require("./chunks/toastStore-CJJRSAs2.js"), videoStore = require("./chunks/videoStore-CG5H5-lr.js"), localDBStore = require("./chunks/localDBStore-Bo66OkHk.js"), sseStore = require("./chunks/sseStore-B-0NYziZ.js");
+var microphoneStore = require("./chunks/microphoneStore-DljI0Zpj.js"), volumeStore = require("./chunks/volumeStore-DzgmrI6q.js"), webRTCStore = require("./chunks/webRTCStore-BXHg9abP.js"), windowStore = require("./chunks/windowStore-DpNMptuw.js"), activeTabStore = require("./chunks/activeTabStore-C8afog5l.js"), browserChannelsStore = require("./chunks/browserChannelsStore-PGtTaJyY.js"), uploadsStore = require("./chunks/uploadsStore-BajO-auR.js"), modalStore = require("./chunks/modalStore-BexwvT-T.js"), tipStore = require("./chunks/tipStore-BKFK6F3e.js"), toastStore = require("./chunks/toastStore-Bwus7v5O.js"), videoStore = require("./chunks/videoStore-BYmE3fJZ.js"), localDBStore = require("./chunks/localDBStore-BRd0iQuq.js"), sseStore = require("./chunks/sseStore-cSWpKohM.js");
 
-require("./chunks/tslib.es6-CxZHzsEo.js"), require("react"), require("zustand"), 
-require("./chunks/WebRTCConnection-C9wlDCWJ.js"), require("./chunks/broadcastChannel-Bf-u0RnC.js"), 
-require("./chunks/uploads-worker-wiEYAP3-.js"), require("zustand/react/shallow"), 
-require("./chunks/IndexedDB-BcDtqygg.js"), require("./chunks/SSEConnection-cJuY1bye.js"), 
+require("./chunks/tslib.es6-B2uEaXWi.js"), require("react"), require("zustand"), 
+require("./chunks/WebRTCConnection-b8jZNRYr.js"), require("./chunks/broadcastChannel-DLSijpj_.js"), 
+require("./chunks/uploads-worker-DzrC-YiR.js"), require("zustand/react/shallow"), 
+require("./chunks/IndexedDB-ClIpb2ob.js"), require("./chunks/SSEConnection-CTxnFASS.js"), 
 exports.getCurrentMicDeviceLabel = microphoneStore.getCurrentMicDeviceLabel, exports.getMicrophoneState = microphoneStore.getMicrophoneState, 
 exports.microphoneActions = microphoneStore.microphoneActions, exports.useCurrentMicDeviceId = microphoneStore.useCurrentMicDeviceId, 
 exports.useCurrentMicDeviceLabel = microphoneStore.useCurrentMicDeviceLabel, exports.useMicActive = microphoneStore.useMicActive, 

package/dist/cjs/theme/themes.js

@@ -2,13 +2,23 @@
 
 var theme_colors = require("./colors.js"), theme_corners = require("./corners.js"), theme_elevations = require("./elevations.js"), theme_motion = require("./motion.js"), theme_type = require("./type.js");
 
-const lightTheme = {
+const spacing = {
+    xxs: 2,
+    xs: 4,
+    s: 8,
+    m: 16,
+    l: 24,
+    xl: 32,
+    xxl: 64,
+    h: 128
+}, lightTheme = {
     name: "lightMode",
     coreColors: theme_colors.coreColors,
     colors: theme_colors.light,
     type: theme_type.type,
     corners: theme_corners.corners,
     elevations: theme_elevations.elevations,
+    spacing: spacing,
     motion: theme_motion.motion
 }, darkTheme = {
     name: "darkMode",
@@ -17,7 +27,8 @@ const lightTheme = {
     type: theme_type.type,
     corners: theme_corners.corners,
     elevations: theme_elevations.elevations,
+    spacing: spacing,
     motion: theme_motion.motion
 };
 
-exports.darkTheme = darkTheme, exports.lightTheme = lightTheme;
+exports.darkTheme = darkTheme, exports.lightTheme = lightTheme, exports.spacing = spacing;

package/dist/cjs/theme.js

@@ -3,6 +3,6 @@
 var theme_themes = require("./theme/themes.js"), theme_colors = require("./theme/colors.js"), theme_elevations = require("./theme/elevations.js"), theme_motion = require("./theme/motion.js");
 
 require("./theme/corners.js"), require("./theme/type.js"), exports.darkTheme = theme_themes.darkTheme, 
-exports.lightTheme = theme_themes.lightTheme, exports.dark = theme_colors.dark, 
-exports.light = theme_colors.light, exports.Elevation = theme_elevations.elevations, 
+exports.lightTheme = theme_themes.lightTheme, exports.spacing = theme_themes.spacing, 
+exports.dark = theme_colors.dark, exports.light = theme_colors.light, exports.Elevation = theme_elevations.elevations, 
 exports.elevations = theme_elevations.elevations, exports.motion = theme_motion.motion;

package/dist/cjs/utils/index.js

@@ -1,8 +1,8 @@
 "use strict";
 
-var misc = require("../chunks/misc-DzYz4zh5.js"), debounce = require("../chunks/debounce-B1046f-_.js"), rafThrottle = require("../chunks/rafThrottle-68q3wWGh.js"), colors = require("../chunks/colors-Yb-BONG0.js"), IndexedDB = require("../chunks/IndexedDB-BcDtqygg.js"), audioVisualizer = require("../chunks/audioVisualizer-CLqdv2K-.js"), MdStreamBuffer = require("../chunks/MdStreamBuffer-pKVX0tZt.js"), SSEConnection = require("../chunks/SSEConnection-cJuY1bye.js"), WSConnection = require("../chunks/WSConnection-lb-L_wl2.js"), WebRTCConnection = require("../chunks/WebRTCConnection-C9wlDCWJ.js"), broadcastChannel = require("../chunks/broadcastChannel-Bf-u0RnC.js");
+var misc = require("../chunks/misc-BallZ366.js"), debounce = require("../chunks/debounce-Bi3gt_i6.js"), rafThrottle = require("../chunks/rafThrottle-DdNEpMIw.js"), colors = require("../chunks/colors-BDwwQ2Y3.js"), IndexedDB = require("../chunks/IndexedDB-ClIpb2ob.js"), audioVisualizer = require("../chunks/audioVisualizer-C74sRH6D.js"), MdStreamBuffer = require("../chunks/MdStreamBuffer-DiL2zm2P.js"), SSEConnection = require("../chunks/SSEConnection-CTxnFASS.js"), WSConnection = require("../chunks/WSConnection-CDWOkk8n.js"), WebRTCConnection = require("../chunks/WebRTCConnection-b8jZNRYr.js"), broadcastChannel = require("../chunks/broadcastChannel-DLSijpj_.js");
 
-require("../chunks/tslib.es6-CxZHzsEo.js"), exports.copyToClipboard = misc.copyToClipboard, 
+require("../chunks/tslib.es6-B2uEaXWi.js"), exports.copyToClipboard = misc.copyToClipboard, 
 exports.hexToRgb = misc.hexToRgb, exports.debounce = debounce.debounce, exports.rafThrottle = rafThrottle.rafThrottle, 
 exports.addOpacity = colors.addOpacity, exports.tintFromColor = colors.tintFromColor, 
 exports.IndexedDB = IndexedDB.IndexedDB, exports.AudioVisualizer = audioVisualizer.AudioVisualizer, 

package/dist/cjs/utils/objects/index.js

@@ -1,8 +1,8 @@
 "use strict";
 
-var IndexedDB = require("../../chunks/IndexedDB-BcDtqygg.js"), audioVisualizer = require("../../chunks/audioVisualizer-CLqdv2K-.js"), MdStreamBuffer = require("../../chunks/MdStreamBuffer-pKVX0tZt.js"), SSEConnection = require("../../chunks/SSEConnection-cJuY1bye.js"), WSConnection = require("../../chunks/WSConnection-lb-L_wl2.js"), WebRTCConnection = require("../../chunks/WebRTCConnection-C9wlDCWJ.js"), broadcastChannel = require("../../chunks/broadcastChannel-Bf-u0RnC.js");
+var IndexedDB = require("../../chunks/IndexedDB-ClIpb2ob.js"), audioVisualizer = require("../../chunks/audioVisualizer-C74sRH6D.js"), MdStreamBuffer = require("../../chunks/MdStreamBuffer-DiL2zm2P.js"), SSEConnection = require("../../chunks/SSEConnection-CTxnFASS.js"), WSConnection = require("../../chunks/WSConnection-CDWOkk8n.js"), WebRTCConnection = require("../../chunks/WebRTCConnection-b8jZNRYr.js"), broadcastChannel = require("../../chunks/broadcastChannel-DLSijpj_.js");
 
-require("../../chunks/tslib.es6-CxZHzsEo.js"), exports.IndexedDB = IndexedDB.IndexedDB, 
+require("../../chunks/tslib.es6-B2uEaXWi.js"), exports.IndexedDB = IndexedDB.IndexedDB, 
 exports.AudioVisualizer = audioVisualizer.AudioVisualizer, exports.MdBuffer = MdStreamBuffer.MdBuffer, 
 exports.SSEConnection = SSEConnection.SSEConnection, exports.WSConnection = WSConnection.WSConnection, 
 exports.WebRTCConnection = WebRTCConnection.WebRTCConnection, exports.BrowserChannel = broadcastChannel.BrowserChannel, 

package/dist/cjs/workers/uploads/uploads.js

@@ -1,5 +1,5 @@
 "use strict";
 
-var uploadsWorker = require("../../chunks/uploads-worker-wiEYAP3-.js");
+var uploadsWorker = require("../../chunks/uploads-worker-DzrC-YiR.js");
 
-require("../../chunks/tslib.es6-CxZHzsEo.js"), uploadsWorker.registerUploadsWorker();
+require("../../chunks/tslib.es6-B2uEaXWi.js"), uploadsWorker.registerUploadsWorker();

package/dist/esm/chunks/{AudioBubble-ck1gSxtM.mjs → AudioBubble-B8vlO9fq.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { a as __rest } from "./tslib.es6-UNsbHCvA.mjs";
+import { a as __rest } from "./tslib.es6-DatKI43-.mjs";
 
 import { jsx } from "react/jsx-runtime";
 
@@ -11,17 +11,17 @@ import "../theme/colors.mjs";
 
 import "../theme/type.mjs";
 
-import { a as addOpacity } from "./colors-Cpt08T7U.mjs";
+import { a as addOpacity } from "./colors-DAIBQReF.mjs";
 
-import { A as AudioVisualizer } from "./audioVisualizer-BxszDYyy.mjs";
+import { A as AudioVisualizer } from "./audioVisualizer-BiB7Hun_.mjs";
 
-import "./broadcastChannel-_Q346Oc1.mjs";
+import "./broadcastChannel-DahousoM.mjs";
 
-import "./webRTCStore-Dr5M8DFU.mjs";
+import "./webRTCStore-B2ri-_li.mjs";
 
-import "./microphoneStore-CKLPc5zm.mjs";
+import "./microphoneStore-D8VxjdFZ.mjs";
 
-import "./volumeStore-CicDxCvO.mjs";
+import "./volumeStore-hrteUkB-.mjs";
 
 import "../hooks/useWindow.mjs";
 

package/dist/esm/chunks/{Avatar-vhBRrvQP.mjs → Avatar-BMHnrzr3.mjs}

@@ -1,11 +1,11 @@
 'use client';
-import { a as __rest } from "./tslib.es6-UNsbHCvA.mjs";
+import { a as __rest } from "./tslib.es6-DatKI43-.mjs";
 
 import { jsx } from "react/jsx-runtime";
 
 import React, { useRef, useState, useMemo, useEffect, useCallback } from "react";
 
-import { n as normalizedPercent, a as accessibleKeyDown, s as setStyle } from "./misc-Vjo15VLp.mjs";
+import { n as normalizedPercent, a as accessibleKeyDown, s as setStyle } from "./misc-DBIXjc2Q.mjs";
 
 var css_wrapper = "Avatar-module_wrapper__ab1D7 flexBox-module_row__z24tF type-module_body-m-regular__LuQBA", css_user = "Avatar-module_user__ZQv0Q flexBox-module_row__z24tF type-module_body-m-regular__LuQBA";
 
@@ -61,7 +61,7 @@ const Avatar = React.memo(props => {
         "--avatar-border-color-hover": null != borderColorHover ? borderColorHover : "var(--core-outline-special)",
         "--avatar-bg-image": `${bgImage}`,
         "--avatar-font-size": setStyle(textSize),
-        "--avatar-outer-border-size": setStyle(outerBorderSize),
+        "--avatar-outer-border-size": `${null != outerBorderSize ? outerBorderSize : 0}px`,
         "--avatar-outer-border-color": null != outerBorderColor ? outerBorderColor : "var(--core-surface-primary)"
     }), [ size, frame, resolvedBorderWidth, resolvedTextColor, resolvedBackgroundColor, borderColor, borderColorHover, bgImage, textSize, outerBorderSize, outerBorderColor ]), classNames = useMemo(() => `${css_wrapper}${divClass}`, [ divClass ]);
     return jsx("div", Object.assign({

package/dist/esm/chunks/{AvatarGroup-DDPn1trz.mjs → AvatarGroup-BoBXPEbH.mjs}

@@ -1,11 +1,11 @@
 'use client';
-import { a as __rest } from "./tslib.es6-UNsbHCvA.mjs";
+import { a as __rest } from "./tslib.es6-DatKI43-.mjs";
 
 import { jsx } from "react/jsx-runtime";
 
 import React, { useMemo } from "react";
 
-import { A as Avatar } from "./Avatar-vhBRrvQP.mjs";
+import { A as Avatar } from "./Avatar-BMHnrzr3.mjs";
 
 var css_wrapper = "AvatarGroup-module_wrapper__MtOyq flexBox-module_rowStart__4tcxS", css_avatar = "AvatarGroup-module_avatar__5NVpW";
 

package/dist/esm/chunks/{Badge-CntS4K1P.mjs → Badge-C7xDwrvC.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { a as __rest } from "./tslib.es6-UNsbHCvA.mjs";
+import { a as __rest } from "./tslib.es6-DatKI43-.mjs";
 
 import { jsx } from "react/jsx-runtime";
 

package/dist/esm/chunks/{Button-DVVXYB5E.mjs → Button-C6sTA1hG.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { a as __rest } from "./tslib.es6-UNsbHCvA.mjs";
+import { a as __rest } from "./tslib.es6-DatKI43-.mjs";
 
 import { jsxs, jsx } from "react/jsx-runtime";
 
@@ -9,15 +9,15 @@ import React, { forwardRef, useState, useRef, useCallback, useEffect, useImperat
 
 import { corners } from "../theme/corners.mjs";
 
-import { B as Badge } from "./Badge-CntS4K1P.mjs";
+import { B as Badge } from "./Badge-C7xDwrvC.mjs";
 
-import { D as Dot } from "./Dot-CExdhu0z.mjs";
+import { D as Dot } from "./Dot-D0NtTwqi.mjs";
 
-import { I as Icon } from "./Icon-DYv9sj3v.mjs";
+import { I as Icon } from "./Icon-He4S-Q8N.mjs";
 
-import { P as ProgressIndicator } from "./ProgressIndicator-DPfGlu5w.mjs";
+import { P as ProgressIndicator } from "./ProgressIndicator-DBf_bLtr.mjs";
 
-import { T as ToolTipType } from "./sharedTypes-DRYdKvBH.mjs";
+import { T as ToolTipType } from "./sharedTypes-DdC4rvjp.mjs";
 
 var css = {
     button: "Button-module_button__2ZuB7 flexBox-module_row__z24tF",
@@ -124,9 +124,8 @@ const ButtonComponent = forwardRef((props, buttonRef) => {
         text: text
     }), [ solid, outline, text ]), setPadding = useCallback(side => {
         if (round) return 0;
-        let padding = 20;
-        return "text" === variant && (padding = 0), "small" === size && (padding = 12), 
-        "left" === side && iconLeft || "right" === side && iconRight ? padding : padding + 4;
+        const padding = "text" === variant ? "var(--spacing-xs)" : "small" === size ? "var(--spacing-m)" : "var(--spacing-l)";
+        return ("left" === side ? iconLeft : iconRight) ? `calc(${padding} - var(--spacing-xs))` : padding;
     }, [ round, variant, size, iconLeft, iconRight ]), sizingStyles = useMemo(() => ({
         large: {
             height: 48,
@@ -154,8 +153,8 @@ const ButtonComponent = forwardRef((props, buttonRef) => {
             iconSize: iconSize,
             paddingLeft: setPadding("left"),
             paddingRight: setPadding("right"),
-            paddingTop: 4,
-            paddingBottom: 4,
+            paddingTop: "var(--spacing-xs)",
+            paddingBottom: "var(--spacing-xs)",
             borderRadius: null != borderRadius ? borderRadius : corners["corner-round"]
         }
     }), [ iconSize, borderRadius, setPadding ]), handleMouseEnter = useCallback(e => {

package/dist/esm/chunks/{ButtonBar-NduUKEhd.mjs → ButtonBar-Bh3-UpMU.mjs}

@@ -1,15 +1,15 @@
 'use client';
-import { a as __rest } from "./tslib.es6-UNsbHCvA.mjs";
+import { a as __rest } from "./tslib.es6-DatKI43-.mjs";
 
 import { jsx } from "react/jsx-runtime";
 
 import React, { useState, useEffect, useCallback, useMemo, useRef } from "react";
 
-import { s as setStyle } from "./misc-Vjo15VLp.mjs";
+import { s as setStyle } from "./misc-DBIXjc2Q.mjs";
 
 import { corners } from "../theme/corners.mjs";
 
-import { I as Icon } from "./Icon-DYv9sj3v.mjs";
+import { I as Icon } from "./Icon-He4S-Q8N.mjs";
 
 var css_wrapper = "ButtonBar-module_wrapper__FYZ3s flexBox-module_rowStart__4tcxS", css_button = "ButtonBar-module_button__bMR3h flexBox-module_row__z24tF", css_selected = "ButtonBar-module_selected__wKvmi";
 

package/dist/esm/chunks/{Camera-Cofsfiqg.mjs → Camera-BXSLetAD.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { _ as __awaiter } from "./tslib.es6-UNsbHCvA.mjs";
+import { _ as __awaiter } from "./tslib.es6-DatKI43-.mjs";
 
 import { jsxs, jsx } from "react/jsx-runtime";
 
@@ -11,23 +11,23 @@ import "../theme/colors.mjs";
 
 import "../theme/type.mjs";
 
-import { a as accessibleKeyDown } from "./misc-Vjo15VLp.mjs";
+import { a as accessibleKeyDown } from "./misc-DBIXjc2Q.mjs";
 
-import { a as addOpacity } from "./colors-Cpt08T7U.mjs";
+import { a as addOpacity } from "./colors-DAIBQReF.mjs";
 
-import "./broadcastChannel-_Q346Oc1.mjs";
+import "./broadcastChannel-DahousoM.mjs";
 
-import "./webRTCStore-Dr5M8DFU.mjs";
+import "./webRTCStore-B2ri-_li.mjs";
 
-import "./microphoneStore-CKLPc5zm.mjs";
+import "./microphoneStore-D8VxjdFZ.mjs";
 
-import "./volumeStore-CicDxCvO.mjs";
+import "./volumeStore-hrteUkB-.mjs";
 
 import "../hooks/useWindow.mjs";
 
-import { A as Avatar } from "./Avatar-vhBRrvQP.mjs";
+import { A as Avatar } from "./Avatar-BMHnrzr3.mjs";
 
-import { I as Icon } from "./Icon-DYv9sj3v.mjs";
+import { I as Icon } from "./Icon-He4S-Q8N.mjs";
 
 var css_wrapper = "Camera-module_wrapper__GOsKp flexBox-module_column__ezvMq", css_video = "Camera-module_video__Q2r9B", css_controls = "Camera-module_controls__qXYoL flexBox-module_rowBetween__5FEvi", css_controlsRight = "Camera-module_controlsRight__VcIz7 flexBox-module_rowEnd__rVdVm", css_controlsCenter = "Camera-module_controlsCenter__e-erq flexBox-module_row__z24tF", css_controlsLeft = "Camera-module_controlsLeft__bR4TN flexBox-module_rowStart__4tcxS", css_error = "Camera-module_error__t0w-d flexBox-module_row__z24tF type-module_body-m-regular__LuQBA", css_poster = "Camera-module_poster__Gun-v flexBox-module_row__z24tF type-module_body-m-regular__LuQBA", css_snapshotFrame = "Camera-module_snapshotFrame__YM6Eu flexBox-module_row__z24tF", css_clear = "Camera-module_clear__aaCfT", css_snapshot = "Camera-module_snapshot__odQH0", css_toolbarButton = "Camera-module_toolbarButton__mnmoF flexBox-module_columnStartCenter__PKcrG", css_buttonIcon = "Camera-module_buttonIcon__a-VBR flexBox-module_row__z24tF", css_buttonLabel = "Camera-module_buttonLabel__6BEs1 flexBox-module_row__z24tF type-module_body-xs-regular__ZAFft";
 

package/dist/esm/chunks/{CheckBox-Du4u1Eva.mjs → CheckBox-DkXJwLeU.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { a as __rest } from "./tslib.es6-UNsbHCvA.mjs";
+import { a as __rest } from "./tslib.es6-DatKI43-.mjs";
 
 import { jsxs, jsx } from "react/jsx-runtime";
 
@@ -7,9 +7,9 @@ import { motion } from "motion/react";
 
 import React, { useState, useEffect, useMemo, useCallback } from "react";
 
-import { a as accessibleKeyDown } from "./misc-Vjo15VLp.mjs";
+import { a as accessibleKeyDown } from "./misc-DBIXjc2Q.mjs";
 
-import { I as Icon } from "./Icon-DYv9sj3v.mjs";
+import { I as Icon } from "./Icon-He4S-Q8N.mjs";
 
 var css_wrapper = "CheckBox-module_wrapper__uRsjI flexBox-module_row__z24tF", css_icon = "CheckBox-module_icon__FoDJN flexBox-module_row__z24tF", css_label = "CheckBox-module_label__0AiBp type-module_body-m-regular__LuQBA";
 

package/dist/esm/chunks/{Chip-stmVXz5P.mjs → Chip-XTbAoiHl.mjs}

@@ -1,17 +1,17 @@
 'use client';
-import { a as __rest } from "./tslib.es6-UNsbHCvA.mjs";
+import { a as __rest } from "./tslib.es6-DatKI43-.mjs";
 
 import { jsxs, jsx } from "react/jsx-runtime";
 
 import React, { useState, useCallback, useMemo } from "react";
 
-import { s as setStyle, a as accessibleKeyDown } from "./misc-Vjo15VLp.mjs";
+import { s as setStyle, a as accessibleKeyDown } from "./misc-DBIXjc2Q.mjs";
 
 import { corners } from "../theme/corners.mjs";
 
-import { I as Icon } from "./Icon-DYv9sj3v.mjs";
+import { I as Icon } from "./Icon-He4S-Q8N.mjs";
 
-import { T as ToolTipType } from "./sharedTypes-DRYdKvBH.mjs";
+import { T as ToolTipType } from "./sharedTypes-DdC4rvjp.mjs";
 
 var css = {
     chip: "Chip-module_chip__0nys- flexBox-module_row__z24tF",
@@ -24,7 +24,7 @@ var css = {
 };
 
 const Chip = React.memo(props => {
-    const {variant: variant = "normal", children: children, label: label, icon: icon, tooltip: tooltip, iconSize: iconSize = 20, disabled: disabled = !1, focused: focused = !1, iconPosition: iconPosition = "left", labelSize: labelSize = "m", labelColor: labelColor = "var(--core-text-primary)", labelColorHover: labelColorHover = ("normal" === variant ? labelColor : "var(--core-text-special)"), iconColor: iconColor = "var(--core-text-primary)", iconColorHover: iconColorHover = ("normal" === variant ? iconColor : "var(--core-text-special)"), backgroundColor: backgroundColor = "transparent", backgroundColorHover: backgroundColorHover = ("normal" === variant ? backgroundColor : "var(--core-surface-secondary)"), borderWidth: borderWidth, borderSize: borderSize = 1, borderColor: borderColor = "var(--core-text-primary)", borderColorHover: borderColorHover = ("normal" === variant ? borderColor : "var(--core-text-special)"), borderColorDisabled: borderColorDisabled = "var(--core-text-disabled)", borderRadius: borderRadius = corners["corner-m"], paddingTop: paddingTop, paddingTops: paddingTops = 8, paddingSides: paddingSides = 16, gap: gap = 4, onToolTip: onToolTip = () => null, onClick: onClick = () => null} = props, divAttributes = __rest(props, [ "variant", "children", "label", "icon", "tooltip", "iconSize", "disabled", "focused", "iconPosition", "labelSize", "labelColor", "labelColorHover", "iconColor", "iconColorHover", "backgroundColor", "backgroundColorHover", "borderWidth", "borderSize", "borderColor", "borderColorHover", "borderColorDisabled", "borderRadius", "paddingTop", "paddingTops", "paddingSides", "gap", "onToolTip", "onClick" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", [isHovered, setIsHovered] = useState(!1), resolvedBackgroundColor = backgroundColor, resolvedBackgroundColorHover = backgroundColorHover, resolvedBorderWidth = null != borderWidth ? borderWidth : borderSize, resolvedPaddingTop = null != paddingTop ? paddingTop : paddingTops, handleClick = useCallback(e => {
+    const {variant: variant = "normal", children: children, label: label, icon: icon, tooltip: tooltip, iconSize: iconSize = 20, disabled: disabled = !1, focused: focused = !1, iconPosition: iconPosition = "left", labelSize: labelSize = "m", labelColor: labelColor = "var(--core-text-primary)", labelColorHover: labelColorHover = ("normal" === variant ? labelColor : "var(--core-text-special)"), iconColor: iconColor = "var(--core-text-primary)", iconColorHover: iconColorHover = ("normal" === variant ? iconColor : "var(--core-text-special)"), backgroundColor: backgroundColor = "transparent", backgroundColorHover: backgroundColorHover = ("normal" === variant ? backgroundColor : "var(--core-surface-secondary)"), borderWidth: borderWidth, borderSize: borderSize = 1, borderColor: borderColor = "var(--core-text-primary)", borderColorHover: borderColorHover = ("normal" === variant ? borderColor : "var(--core-text-special)"), borderColorDisabled: borderColorDisabled = "var(--core-text-disabled)", borderRadius: borderRadius = corners["corner-m"], paddingTop: paddingTop, paddingTops: paddingTops, paddingSides: paddingSides, gap: gap = 4, onToolTip: onToolTip = () => null, onClick: onClick = () => null} = props, divAttributes = __rest(props, [ "variant", "children", "label", "icon", "tooltip", "iconSize", "disabled", "focused", "iconPosition", "labelSize", "labelColor", "labelColorHover", "iconColor", "iconColorHover", "backgroundColor", "backgroundColorHover", "borderWidth", "borderSize", "borderColor", "borderColorHover", "borderColorDisabled", "borderRadius", "paddingTop", "paddingTops", "paddingSides", "gap", "onToolTip", "onClick" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", [isHovered, setIsHovered] = useState(!1), resolvedBackgroundColor = backgroundColor, resolvedBackgroundColorHover = backgroundColorHover, resolvedBorderWidth = null != borderWidth ? borderWidth : borderSize, resolvedPaddingTop = null != paddingTop ? paddingTop : paddingTops, handleClick = useCallback(e => {
         disabled || onClick(e);
     }, [ disabled, onClick ]), handleMouseEnter = useCallback((enter, event) => {
         if (enter) {
@@ -42,9 +42,11 @@ const Chip = React.memo(props => {
             "button" === variant && setIsHovered(!0);
         } else onToolTip(null), setIsHovered(!1);
     }, [ tooltip, variant, onToolTip ]), padding = useMemo(() => {
-        if (!label || !icon) return `${resolvedPaddingTop}px ${paddingSides}px`;
-        return `${resolvedPaddingTop}px ${"right" === iconPosition ? paddingSides - 4 : paddingSides}px ${resolvedPaddingTop}px ${"right" === iconPosition ? paddingSides : paddingSides - 4}px`;
-    }, [ icon, iconPosition, resolvedPaddingTop, paddingSides, label ]), computedIconColor = useMemo(() => disabled ? "var(--core-text-disabled)" : isHovered ? null != iconColorHover ? iconColorHover : "var(--core-text-special)" : null != iconColor ? iconColor : "var(--core-text-primary)", [ iconColor, disabled, isHovered, iconColorHover ]), cssVars = useMemo(() => ({
+        const compact = "s" === labelSize || "xs" === labelSize, vertical = void 0 === resolvedPaddingTop ? compact ? "var(--spacing-xs)" : "var(--spacing-s)" : `${resolvedPaddingTop}px`, horizontal = void 0 === paddingSides ? compact ? "var(--spacing-s)" : "var(--spacing-m)" : `${paddingSides}px`;
+        if (!label || !icon || void 0 !== paddingSides) return `${vertical} ${horizontal}`;
+        const iconPadding = `calc(${horizontal} - var(--spacing-${compact ? "xxs" : "xs"}))`;
+        return `${vertical} ${"right" === iconPosition ? iconPadding : horizontal} ${vertical} ${"right" === iconPosition ? horizontal : iconPadding}`;
+    }, [ icon, iconPosition, resolvedPaddingTop, paddingSides, label, labelSize ]), computedIconColor = useMemo(() => disabled ? "var(--core-text-disabled)" : isHovered ? null != iconColorHover ? iconColorHover : "var(--core-text-special)" : null != iconColor ? iconColor : "var(--core-text-primary)", [ iconColor, disabled, isHovered, iconColorHover ]), cssVars = useMemo(() => ({
         "--ui-chip-padding": padding,
         "--ui-chip-gap": setStyle(gap),
         "--ui-chip-border-radius": setStyle(borderRadius),

package/dist/esm/chunks/{DivInput-CGAqMs0y.mjs → DivInput-TsyOx4x2.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { a as __rest } from "./tslib.es6-UNsbHCvA.mjs";
+import { a as __rest } from "./tslib.es6-DatKI43-.mjs";
 
 import { jsx } from "react/jsx-runtime";
 
@@ -7,7 +7,7 @@ import { motion } from "motion/react";
 
 import React, { useRef, useState, useCallback, useEffect, useMemo } from "react";
 
-import { b as cleanString } from "./misc-Vjo15VLp.mjs";
+import { b as cleanString, s as setStyle } from "./misc-DBIXjc2Q.mjs";
 
 import { corners } from "../theme/corners.mjs";
 
@@ -82,7 +82,7 @@ const DivInput = React.memo(props => {
         "--div-input-cursor": isEditable ? "text" : "default",
         "--div-input-bg": isEditable ? null != resolvedBackgroundColor ? resolvedBackgroundColor : "var(--core-surface-secondary)" : "transparent",
         "--div-input-wrapper-bg": isEditable && isFocused ? null != resolvedBackgroundColor ? resolvedBackgroundColor : "var(--core-surface-secondary)" : "transparent",
-        "--div-input-border-radius": `${resolvedBorderRadius}px`
+        "--div-input-border-radius": setStyle(resolvedBorderRadius)
     }), [ clamp, wrap, isEditable, width, textAlign, isFocused, padding, isPlaceholder, setWidth, resolvedBackgroundColor, resolvedBorderRadius ]);
     return jsx("div", Object.assign({
         id: divId,

package/dist/esm/chunks/{Dot-CExdhu0z.mjs → Dot-D0NtTwqi.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { a as __rest } from "./tslib.es6-UNsbHCvA.mjs";
+import { a as __rest } from "./tslib.es6-DatKI43-.mjs";
 
 import { jsx } from "react/jsx-runtime";
 
@@ -41,7 +41,7 @@ const DEFAULT_VARIANTS = {
           case "grey":
             return "var(--core-text-secondary)";
         }
-        return "var(--core-text-special)";
+        return "var(--core-gp-logo-primary)";
     }, [ state, color ]), cssVars = useMemo(() => ({
         "--dot-size": `${size}px`,
         "--dot-display": "inline" === position ? "inline-flex" : "flex",

package/dist/esm/chunks/{DrggablePanel-CCZWzCE4.mjs → DrggablePanel-BK9ukIbF.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { a as __rest } from "./tslib.es6-UNsbHCvA.mjs";
+import { a as __rest } from "./tslib.es6-DatKI43-.mjs";
 
 import { jsxs, jsx } from "react/jsx-runtime";
 
@@ -9,17 +9,19 @@ import { useTheme } from "../hooks/useTheme.mjs";
 
 import "../theme/colors.mjs";
 
+import { corners } from "../theme/corners.mjs";
+
 import "../theme/type.mjs";
 
-import { p as pointerPosition } from "./misc-Vjo15VLp.mjs";
+import { p as pointerPosition, s as setStyle } from "./misc-DBIXjc2Q.mjs";
 
-import "./broadcastChannel-_Q346Oc1.mjs";
+import "./broadcastChannel-DahousoM.mjs";
 
-import "./webRTCStore-Dr5M8DFU.mjs";
+import "./webRTCStore-B2ri-_li.mjs";
 
-import "./microphoneStore-CKLPc5zm.mjs";
+import "./microphoneStore-D8VxjdFZ.mjs";
 
-import "./volumeStore-CicDxCvO.mjs";
+import "./volumeStore-hrteUkB-.mjs";
 
 import "../hooks/useWindow.mjs";
 
@@ -217,10 +219,10 @@ const DraggablePanel = React.memo(props => {
         }) ]
     }));
 }), DragHandle = React.memo(props => {
-    const {width: width = 6, height: height = 6, radius: radius = 100, stroke: stroke = 1, color: color = "var(--core-surface-primary-tint)", strokeColor: strokeColor = "var(--core-outline-secondary)"} = props, cssVars = useMemo(() => ({
+    const {width: width = 6, height: height = 6, radius: radius = corners["corner-round"], stroke: stroke = 1, color: color = "var(--core-surface-primary-tint)", strokeColor: strokeColor = "var(--core-outline-secondary)"} = props, cssVars = useMemo(() => ({
         "--drag-handle-width": `${width}px`,
         "--drag-handle-height": `${height}px`,
-        "--drag-handle-radius": `${radius}px`,
+        "--drag-handle-radius": setStyle(radius),
         "--drag-handle-border": `${stroke}px`,
         "--drag-handle-border-color": `${strokeColor}`,
         "--drag-handle-bg": `${color}`

package/dist/esm/chunks/{DropDown-REkWym1V.mjs → DropDown-F7yIB6EJ.mjs}

@@ -1,15 +1,15 @@
 'use client';
-import { a as __rest } from "./tslib.es6-UNsbHCvA.mjs";
+import { a as __rest } from "./tslib.es6-DatKI43-.mjs";
 
 import { jsx, jsxs } from "react/jsx-runtime";
 
 import React, { useState, useRef, useEffect, useCallback, useMemo } from "react";
 
-import { s as setStyle } from "./misc-Vjo15VLp.mjs";
+import { s as setStyle } from "./misc-DBIXjc2Q.mjs";
 
 import { corners } from "../theme/corners.mjs";
 
-import { I as Icon } from "./Icon-DYv9sj3v.mjs";
+import { I as Icon } from "./Icon-He4S-Q8N.mjs";
 
 var css = {
     wrapper: "DropDown-module_wrapper__CyX0u flexBox-module_rowStart__4tcxS",
@@ -30,7 +30,7 @@ function resolveValueKey(value, valueKey) {
 }
 
 function DropDownComponent(props) {
-    const {name: name = "drop-down-select", label: label, labelColor: labelColor = "var(--core-text-primary)", textSize: textSize = "m", width: width = "100%", height: height = "auto", inline: inline = !1, selectedIndex: selectedIndex, selectedValue: selectedValue, valueKey: valueKey, options: options = [], placeholder: placeholder = !0, borderRadius: borderRadius = corners["corner-m"], backgroundColor: backgroundColor = "var(--core-surface-secondary)", iconColor: iconColor = "var(--core-text-primary)", textColor: textColor = "var(--core-text-primary)", borderWidth: borderWidth, borderSize: borderSize = 1, borderColor: borderColor = "var(--core-outline-primary)", paddingLeft: paddingLeft = "10px", paddingRight: paddingRight = "8px", paddingTop: paddingTop = "8px", paddingBottom: paddingBottom = "8px", borderStyle: borderStyle = "box", iconSize: iconSize = 20, disabled: disabled = !1, error: error = !1, gap: gap = 8, onChange: onChange = () => null, onOption: onOption = () => null} = props, divAttributes = __rest(props, [ "name", "label", "labelColor", "textSize", "width", "height", "inline", "selectedIndex", "selectedValue", "valueKey", "options", "placeholder", "borderRadius", "backgroundColor", "iconColor", "textColor", "borderWidth", "borderSize", "borderColor", "paddingLeft", "paddingRight", "paddingTop", "paddingBottom", "borderStyle", "iconSize", "disabled", "error", "gap", "onChange", "onOption" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", resolvedBackgroundColor = backgroundColor, resolvedBorderWidth = null != borderWidth ? borderWidth : borderSize, [index, setIndex] = useState(null != selectedIndex ? selectedIndex : 0), [selectedText, setSelectedText] = useState("Select an option"), ref = useRef(null);
+    const {name: name = "drop-down-select", label: label, labelColor: labelColor = "var(--core-text-primary)", textSize: textSize = "m", width: width = "100%", height: height = "auto", inline: inline = !1, selectedIndex: selectedIndex, selectedValue: selectedValue, valueKey: valueKey, options: options = [], placeholder: placeholder = !0, borderRadius: borderRadius = corners["corner-m"], backgroundColor: backgroundColor = "var(--core-surface-secondary)", iconColor: iconColor = "var(--core-text-primary)", textColor: textColor = "var(--core-text-primary)", borderWidth: borderWidth, borderSize: borderSize = 1, borderColor: borderColor = "var(--core-outline-primary)", paddingLeft: paddingLeft = "var(--spacing-m)", paddingRight: paddingRight = "calc(var(--spacing-m) - var(--spacing-xs))", paddingTop: paddingTop = "var(--spacing-s)", paddingBottom: paddingBottom = "var(--spacing-s)", borderStyle: borderStyle = "box", iconSize: iconSize = 20, disabled: disabled = !1, error: error = !1, gap: gap = 8, onChange: onChange = () => null, onOption: onOption = () => null} = props, divAttributes = __rest(props, [ "name", "label", "labelColor", "textSize", "width", "height", "inline", "selectedIndex", "selectedValue", "valueKey", "options", "placeholder", "borderRadius", "backgroundColor", "iconColor", "textColor", "borderWidth", "borderSize", "borderColor", "paddingLeft", "paddingRight", "paddingTop", "paddingBottom", "borderStyle", "iconSize", "disabled", "error", "gap", "onChange", "onOption" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", resolvedBackgroundColor = backgroundColor, resolvedBorderWidth = null != borderWidth ? borderWidth : borderSize, [index, setIndex] = useState(null != selectedIndex ? selectedIndex : 0), [selectedText, setSelectedText] = useState("Select an option"), ref = useRef(null);
     useEffect(() => {
         if (null == selectedValue && void 0 !== selectedIndex && (null == ref ? void 0 : ref.current)) {
             if (!(null == options ? void 0 : options[selectedIndex])) return;
@@ -60,11 +60,11 @@ function DropDownComponent(props) {
         disabled && e.preventDefault();
     }, [ disabled ]), handleSelectChange = useCallback(e => {
         handleChange(e.target.selectedIndex);
-    }, [ handleChange ]), setTextColor = useMemo(() => disabled ? "var(--core-text-disabled)" : placeholder && 0 === index ? "var(--core-text-tertiary)" : textColor, [ disabled, placeholder, index, textColor ]), setLabelColor = useMemo(() => disabled ? "var(--core-text-disabled)" : labelColor, [ disabled, labelColor ]), setIconColor = useMemo(() => disabled ? "var(--core-text-disabled)" : iconColor, [ disabled, iconColor ]), setBorderColor = useMemo(() => disabled ? "var(--core-outline-primary)" : error ? "var(--feedback-warning)" : borderColor, [ disabled, error, borderColor ]), setPadding = useMemo(() => "box" === borderStyle ? `${setStyle(paddingTop)} ${setStyle(paddingRight)} ${setStyle(paddingBottom)} ${setStyle(paddingLeft)}` : `0 0 ${setStyle(paddingBottom)} 0`, [ paddingTop, paddingRight, paddingBottom, paddingLeft, borderStyle ]), setBorder = useMemo(() => "box" === borderStyle ? `${setStyle(resolvedBorderWidth)} solid ${setBorderColor}` : "unset", [ resolvedBorderWidth, setBorderColor, borderStyle ]), setBorderBottom = useMemo(() => "none" !== borderStyle ? `${setStyle(resolvedBorderWidth)} solid ${setStyle(borderColor)}` : "unset", [ resolvedBorderWidth, borderColor, borderStyle ]), setBorderRadius = useMemo(() => "box" !== borderStyle ? 0 : `${borderRadius}px`, [ borderStyle, borderRadius ]), cssVars = useMemo(() => ({
+    }, [ handleChange ]), setTextColor = useMemo(() => disabled ? "var(--core-text-disabled)" : placeholder && 0 === index ? "var(--core-text-tertiary)" : textColor, [ disabled, placeholder, index, textColor ]), setLabelColor = useMemo(() => disabled ? "var(--core-text-disabled)" : labelColor, [ disabled, labelColor ]), setIconColor = useMemo(() => disabled ? "var(--core-text-disabled)" : iconColor, [ disabled, iconColor ]), setBorderColor = useMemo(() => disabled ? "var(--core-outline-primary)" : error ? "var(--feedback-warning)" : borderColor, [ disabled, error, borderColor ]), setPadding = useMemo(() => "box" === borderStyle ? `${0 === paddingTop ? "0px" : setStyle(paddingTop)} ${0 === paddingRight ? "0px" : setStyle(paddingRight)} ${0 === paddingBottom ? "0px" : setStyle(paddingBottom)} ${0 === paddingLeft ? "0px" : setStyle(paddingLeft)}` : `0 0 ${0 === paddingBottom ? "0px" : setStyle(paddingBottom)} 0`, [ paddingTop, paddingRight, paddingBottom, paddingLeft, borderStyle ]), setBorder = useMemo(() => "box" === borderStyle ? `${setStyle(resolvedBorderWidth)} solid ${setBorderColor}` : "unset", [ resolvedBorderWidth, setBorderColor, borderStyle ]), setBorderBottom = useMemo(() => "none" !== borderStyle ? `${setStyle(resolvedBorderWidth)} solid ${setStyle(borderColor)}` : "unset", [ resolvedBorderWidth, borderColor, borderStyle ]), setBorderRadius = useMemo(() => "box" !== borderStyle ? 0 : setStyle(borderRadius), [ borderStyle, borderRadius ]), cssVars = useMemo(() => ({
         "--dd-gap": setStyle(gap),
         "--dd-height": setStyle(height),
         "--dd-width": setStyle(width),
-        "--dd-margin": inline ? "0 4px" : "0",
+        "--dd-margin": inline ? "0 var(--spacing-xs)" : "0",
         "--dd-border-radius": setBorderRadius,
         "--dd-border": setBorder,
         "--dd-border-bottom": setBorderBottom,

package/dist/esm/chunks/{ErrorSummary-CnApLAG8.mjs → ErrorSummary-SseJ5z1U.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { a as __rest } from "./tslib.es6-UNsbHCvA.mjs";
+import { a as __rest } from "./tslib.es6-DatKI43-.mjs";
 
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -13,15 +13,15 @@ import "../theme/colors.mjs";
 
 import "../theme/type.mjs";
 
-import { a as addOpacity } from "./colors-Cpt08T7U.mjs";
+import { a as addOpacity } from "./colors-DAIBQReF.mjs";
 
-import "./broadcastChannel-_Q346Oc1.mjs";
+import "./broadcastChannel-DahousoM.mjs";
 
-import "./webRTCStore-Dr5M8DFU.mjs";
+import "./webRTCStore-B2ri-_li.mjs";
 
-import "./microphoneStore-CKLPc5zm.mjs";
+import "./microphoneStore-D8VxjdFZ.mjs";
 
-import "./volumeStore-CicDxCvO.mjs";
+import "./volumeStore-hrteUkB-.mjs";
 
 import "../hooks/useWindow.mjs";
 
@@ -66,7 +66,7 @@ const ErrorSummary = React.memo(props => {
             error.message && (messages = Array.isArray(error.message) ? error.message : [ error.message ]);
             return jsxs("div", {
                 className: css.error,
-                children: [ jsx("p", {
+                children: [ jsx("span", {
                     className: `${css.p} ${css[textSize]}`,
                     children: jsx("strong", {
                         children: `${addNumbers ? `${index + 1}. ` : ""}${error.title}`

package/dist/esm/chunks/{FileIcon-CJa41GGE.mjs → FileIcon-B7_cbtHF.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { a as __rest } from "./tslib.es6-UNsbHCvA.mjs";
+import { a as __rest } from "./tslib.es6-DatKI43-.mjs";
 
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 
@@ -11,15 +11,15 @@ import "../theme/colors.mjs";
 
 import "../theme/type.mjs";
 
-import { a as accessibleKeyDown } from "./misc-Vjo15VLp.mjs";
+import { a as accessibleKeyDown } from "./misc-DBIXjc2Q.mjs";
 
-import "./broadcastChannel-_Q346Oc1.mjs";
+import "./broadcastChannel-DahousoM.mjs";
 
-import "./webRTCStore-Dr5M8DFU.mjs";
+import "./webRTCStore-B2ri-_li.mjs";
 
-import "./microphoneStore-CKLPc5zm.mjs";
+import "./microphoneStore-D8VxjdFZ.mjs";
 
-import "./volumeStore-CicDxCvO.mjs";
+import "./volumeStore-hrteUkB-.mjs";
 
 import "../hooks/useWindow.mjs";