@apple-pie/slice 0.1.57 → 0.1.58

package/dist/cjs/chunks/{AudioBubble-Spg7xqc9.js → AudioBubble-BQzb7t1F.js}

@@ -1,14 +1,14 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CxZHzsEo.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
+var tslib_es6 = require("./tslib.es6-71Jftlb2.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
 
 require("../theme/colors.js"), require("../theme/type.js");
 
-var colors = require("./colors-Yb-BONG0.js"), audioVisualizer = require("./audioVisualizer-CLqdv2K-.js");
+var colors = require("./colors-CmnEtiBL.js"), audioVisualizer = require("./audioVisualizer-C-MOIbKC.js");
 
-require("./broadcastChannel-Bf-u0RnC.js"), require("./webRTCStore-CAt0Ly4R.js"), 
-require("./microphoneStore-D0ussh7L.js"), require("./volumeStore-Dez02JPh.js"), 
+require("./broadcastChannel-CweolKkH.js"), require("./webRTCStore-CjsjPMWU.js"), 
+require("./microphoneStore-C1Zp6UiP.js"), require("./volumeStore-DofQKsQb.js"), 
 require("../hooks/useWindow.js");
 
 var css_wrapper = "AudioBubble-module_wrapper__f2yKg flexBox-module_row__z24tF", css_bubble = "AudioBubble-module_bubble__bpPT3 flexBox-module_row__z24tF";

package/dist/cjs/chunks/{Avatar-BdhreiVP.js → Avatar-CUFzge9h.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CxZHzsEo.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-DzYz4zh5.js"), 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";
+var tslib_es6 = require("./tslib.es6-71Jftlb2.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-CmImf5jl.js"), 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";
 
 const Avatar = React.memo(props => {
     var _a;
@@ -55,7 +55,7 @@ const Avatar = React.memo(props => {
         "--avatar-border-color-hover": null != borderColorHover ? borderColorHover : "var(--core-outline-special)",
         "--avatar-bg-image": `${bgImage}`,
         "--avatar-font-size": misc.setStyle(textSize),
-        "--avatar-outer-border-size": misc.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 = React.useMemo(() => `${css_wrapper}${divClass}`, [ divClass ]);
     return jsxRuntime.jsx("div", Object.assign({

package/dist/cjs/chunks/{AvatarGroup-BD69pplN.js → AvatarGroup-D5g7PFO9.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CxZHzsEo.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), Avatar = require("./Avatar-BdhreiVP.js"), css_wrapper = "AvatarGroup-module_wrapper__MtOyq flexBox-module_rowStart__4tcxS", css_avatar = "AvatarGroup-module_avatar__5NVpW";
+var tslib_es6 = require("./tslib.es6-71Jftlb2.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), Avatar = require("./Avatar-CUFzge9h.js"), css_wrapper = "AvatarGroup-module_wrapper__MtOyq flexBox-module_rowStart__4tcxS", css_avatar = "AvatarGroup-module_avatar__5NVpW";
 
 const AvatarGroup = React.memo(props => {
     const {avatars: avatars = [], size: size = 32, borderWidth: borderWidth, borderSize: borderSize = 3, overlap: overlap = 8, gap: gap = 0, borderColor: borderColor, borderColorHover: borderColorHover, outerBorderSize: outerBorderSize = 3, outerBorderColor: outerBorderColor = "var(--core-surface-primary)", margin: margin = 0, onToolTip: onToolTip = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "avatars", "size", "borderWidth", "borderSize", "overlap", "gap", "borderColor", "borderColorHover", "outerBorderSize", "outerBorderColor", "margin", "onToolTip" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", resolvedBorderWidth = null != borderWidth ? borderWidth : borderSize, cssVars = React.useMemo(() => ({

package/dist/cjs/chunks/{Badge-C_sva3jT.js → Badge-xNdezdPp.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CxZHzsEo.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), css_badge = "Badge-module_badge__RsuMz flexBox-module_row__z24tF type-module_body-xs-medium__s3KvF";
+var tslib_es6 = require("./tslib.es6-71Jftlb2.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), css_badge = "Badge-module_badge__RsuMz flexBox-module_row__z24tF type-module_body-xs-medium__s3KvF";
 
 const Badge = React.memo(props => {
     const {count: count, variant: variant = "dark", hideNull: hideNull = !0} = props, divAttributes = tslib_es6.__rest(props, [ "count", "variant", "hideNull" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", displayCount = React.useMemo(() => void 0 === count ? "0" : "string" == typeof count ? count : count > 99 ? "99+" : count.toString(), [ count ]), cssVars = React.useMemo(() => ({

package/dist/cjs/chunks/{Button-C8hlMST5.js → Button-CyXJ9uG3.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CxZHzsEo.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), theme_corners = require("../theme/corners.js"), Badge = require("./Badge-C_sva3jT.js"), Dot = require("./Dot-BkFz2bG3.js"), Icon = require("./Icon-aBLPfZrD.js"), ProgressIndicator = require("./ProgressIndicator-Dn_SVbK5.js"), sharedTypes = require("./sharedTypes-CKKHnYKP.js"), css = {
+var tslib_es6 = require("./tslib.es6-71Jftlb2.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), theme_corners = require("../theme/corners.js"), Badge = require("./Badge-xNdezdPp.js"), Dot = require("./Dot-D2xmxQUt.js"), Icon = require("./Icon-QCkWofx3.js"), ProgressIndicator = require("./ProgressIndicator-DwhhhQU7.js"), sharedTypes = require("./sharedTypes-0pou-NPE.js"), css = {
     button: "Button-module_button__2ZuB7 flexBox-module_row__z24tF",
     label: "Button-module_label__UJ3Zt",
     count: "Button-module_count__DFxVB flexBox-module_row__z24tF",
@@ -106,9 +106,8 @@ const ButtonComponent = React.forwardRef((props, buttonRef) => {
         text: text
     }), [ solid, outline, text ]), setPadding = React.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 = React.useMemo(() => ({
         large: {
             height: 48,
@@ -136,8 +135,8 @@ const ButtonComponent = React.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 : theme_corners.corners["corner-round"]
         }
     }), [ iconSize, borderRadius, setPadding ]), handleMouseEnter = React.useCallback(e => {

package/dist/cjs/chunks/{ButtonBar-1Qjuyr2U.js → ButtonBar-B-RVcWNo.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CxZHzsEo.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-DzYz4zh5.js"), theme_corners = require("../theme/corners.js"), Icon = require("./Icon-aBLPfZrD.js"), 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";
+var tslib_es6 = require("./tslib.es6-71Jftlb2.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-CmImf5jl.js"), theme_corners = require("../theme/corners.js"), Icon = require("./Icon-QCkWofx3.js"), 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";
 
 const ButtonBar = React.memo(function(props) {
     const {buttons: buttons = [], selected: selected, toggle: toggle = !0, buttonSize: buttonSize = "m", frameSize: frameSize = 36, iconSize: iconSize = 20, borderWidth: borderWidth, borderSize: borderSize = 0, borderRadius: borderRadius = theme_corners.corners["corner-round"], borderColor: borderColor = "var(--core-outline-primary)", backgroundColor: backgroundColor = "var(--core-surface-secondary)", backgroundColorHover: backgroundColorHover = "var(--core-outline-primary)", backgroundColorActive: backgroundColorActive = "var(--core-outline-primary)", labelColor: labelColor = "var(--core-text-primary)", onClick: onClick = button => null, onChange: onChange = button => null, onToolTip: onToolTip = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "buttons", "selected", "toggle", "buttonSize", "frameSize", "iconSize", "borderWidth", "borderSize", "borderRadius", "borderColor", "backgroundColor", "backgroundColorHover", "backgroundColorActive", "labelColor", "onClick", "onChange", "onToolTip" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", resolvedBorderWidth = null != borderWidth ? borderWidth : borderSize, resolvedBackgroundColor = backgroundColor, resolvedBackgroundColorHover = backgroundColorHover, resolvedBackgroundColorActive = backgroundColorActive, [hovered, setHovered] = React.useState(-1), [selectedIndex, setSelectedIndex] = React.useState(selected);

package/dist/cjs/chunks/{Camera-CXQLHtv8.js → Camera-CAzaOB4G.js}

@@ -1,17 +1,17 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CxZHzsEo.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
+var tslib_es6 = require("./tslib.es6-71Jftlb2.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
 
 require("../theme/colors.js"), require("../theme/type.js");
 
-var misc = require("./misc-DzYz4zh5.js"), colors = require("./colors-Yb-BONG0.js");
+var misc = require("./misc-CmImf5jl.js"), colors = require("./colors-CmnEtiBL.js");
 
-require("./broadcastChannel-Bf-u0RnC.js"), require("./webRTCStore-CAt0Ly4R.js"), 
-require("./microphoneStore-D0ussh7L.js"), require("./volumeStore-Dez02JPh.js"), 
+require("./broadcastChannel-CweolKkH.js"), require("./webRTCStore-CjsjPMWU.js"), 
+require("./microphoneStore-C1Zp6UiP.js"), require("./volumeStore-DofQKsQb.js"), 
 require("../hooks/useWindow.js");
 
-var Avatar = require("./Avatar-BdhreiVP.js"), Icon = require("./Icon-aBLPfZrD.js"), 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";
+var Avatar = require("./Avatar-CUFzge9h.js"), Icon = require("./Icon-QCkWofx3.js"), 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";
 
 const Camera = React.memo(React.forwardRef((props, ref) => {
     const videoElement = React.useRef(null), containerElement = React.useRef(null), controlsTimer = React.useRef(null), {noVideoPoster: noVideoPoster, width: width, height: height, showControlBar: showControlBar = !0, autoHideControlBar: autoHideControlBar = !0, startCameraOff: startCameraOff = !1, startAudioMuted: startAudioMuted = !1, playLocalAudio: playLocalAudio = !1, pipSnapshot: pipSnapshot = !0, userProfile: userProfile, sessionSettings: sessionSettings, onChangeProfile: onChangeProfile, onChangeSettings: onChangeSettings, onSnapshot: onSnapshot, onVideoStream: onVideoStream, onNoVideo: onNoVideo, onNoAudio: onNoAudio} = props, theme = hooks_useTheme.useTheme(), [cameraSupport, setCameraSupport] = React.useState(void 0), [cameraError, setCameraError] = React.useState(void 0), [hovered, setHovered] = React.useState(!1), [cameraOn, setCameraOn] = React.useState(!1), [micMuted, setMicMuted] = React.useState(startAudioMuted), [snapshot, setSnapshot] = React.useState(void 0), [settings, setSettings] = React.useState(!1), [profile, setProfile] = React.useState(!1), [deviceList, setDeviceList] = React.useState([]), constraints = React.useMemo(() => {

package/dist/cjs/chunks/{CheckBox-Bp4HCEp5.js → CheckBox-YiVx5dkX.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CxZHzsEo.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), misc = require("./misc-DzYz4zh5.js"), Icon = require("./Icon-aBLPfZrD.js"), 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";
+var tslib_es6 = require("./tslib.es6-71Jftlb2.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), misc = require("./misc-CmImf5jl.js"), Icon = require("./Icon-QCkWofx3.js"), 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";
 
 const CheckBox = React.memo(props => {
     const {size: size = 20, checked: checked = !1, disabled: disabled = !1, color: color, children: children, onChange: onChange = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "size", "checked", "disabled", "color", "children", "onChange" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", [state, setState] = React.useState(checked);

package/dist/cjs/chunks/{Chip-D8k22_F8.js → Chip-BChy87kf.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CxZHzsEo.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-DzYz4zh5.js"), theme_corners = require("../theme/corners.js"), Icon = require("./Icon-aBLPfZrD.js"), sharedTypes = require("./sharedTypes-CKKHnYKP.js"), css = {
+var tslib_es6 = require("./tslib.es6-71Jftlb2.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-CmImf5jl.js"), theme_corners = require("../theme/corners.js"), Icon = require("./Icon-QCkWofx3.js"), sharedTypes = require("./sharedTypes-0pou-NPE.js"), css = {
     chip: "Chip-module_chip__0nys- flexBox-module_row__z24tF",
     icon: "Chip-module_icon__dtR-K flexBox-module_row__z24tF",
     xs: "Chip-module_xs__s-KNG type-module_body-xs-regular__ZAFft",
@@ -12,7 +12,7 @@ var tslib_es6 = require("./tslib.es6-CxZHzsEo.js"), jsxRuntime = require("react/
 };
 
 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 = theme_corners.corners["corner-m"], paddingTop: paddingTop, paddingTops: paddingTops = 8, paddingSides: paddingSides = 16, gap: gap = 4, onToolTip: onToolTip = () => null, onClick: onClick = () => null} = props, divAttributes = tslib_es6.__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 = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", [isHovered, setIsHovered] = React.useState(!1), resolvedBackgroundColor = backgroundColor, resolvedBackgroundColorHover = backgroundColorHover, resolvedBorderWidth = null != borderWidth ? borderWidth : borderSize, resolvedPaddingTop = null != paddingTop ? paddingTop : paddingTops, handleClick = React.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 = theme_corners.corners["corner-m"], paddingTop: paddingTop, paddingTops: paddingTops, paddingSides: paddingSides, gap: gap = 4, onToolTip: onToolTip = () => null, onClick: onClick = () => null} = props, divAttributes = tslib_es6.__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 = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", [isHovered, setIsHovered] = React.useState(!1), resolvedBackgroundColor = backgroundColor, resolvedBackgroundColorHover = backgroundColorHover, resolvedBorderWidth = null != borderWidth ? borderWidth : borderSize, resolvedPaddingTop = null != paddingTop ? paddingTop : paddingTops, handleClick = React.useCallback(e => {
         disabled || onClick(e);
     }, [ disabled, onClick ]), handleMouseEnter = React.useCallback((enter, event) => {
         if (enter) {
@@ -30,9 +30,11 @@ const Chip = React.memo(props => {
             "button" === variant && setIsHovered(!0);
         } else onToolTip(null), setIsHovered(!1);
     }, [ tooltip, variant, onToolTip ]), padding = React.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 = React.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 = React.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 = React.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 = React.useMemo(() => ({
         "--ui-chip-padding": padding,
         "--ui-chip-gap": misc.setStyle(gap),
         "--ui-chip-border-radius": misc.setStyle(borderRadius),

package/dist/cjs/chunks/{DivInput-BXFPO-Mi.js → DivInput-DfAONl7x.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CxZHzsEo.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), misc = require("./misc-DzYz4zh5.js"), theme_corners = require("../theme/corners.js"), css_wrapper = "DivInput-module_wrapper__ZQxY-", css_input = "DivInput-module_input__J34-l type-module_body-m-regular__LuQBA";
+var tslib_es6 = require("./tslib.es6-71Jftlb2.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), misc = require("./misc-CmImf5jl.js"), theme_corners = require("../theme/corners.js"), css_wrapper = "DivInput-module_wrapper__ZQxY-", css_input = "DivInput-module_input__J34-l type-module_body-m-regular__LuQBA";
 
 const DivInput = React.memo(props => {
     const {value: valueProp = "", name: name = "Input Field", placeholder: placeholder = "Placeholder", isEditable: isEditable = !0, wrap: wrap = !1, focus: focus = !1, width: width = "auto", textAlign: textAlign = "left", clamp: clamp = 3, padding: padding = "0px", onChange: onChange = () => null, onSubmit: onSubmit = () => null, onFocus: onFocus = () => null, onBlur: onBlur = () => null, onDblClick: onDblClick = () => null, onClick: onClick = () => null, borderRadius: borderRadius, radius: radius = theme_corners.corners["corner-xs"], backgroundColor: backgroundColor = "var(--core-surface-secondary)"} = props, divAttributes = tslib_es6.__rest(props, [ "value", "name", "placeholder", "isEditable", "wrap", "focus", "width", "textAlign", "clamp", "padding", "onChange", "onSubmit", "onFocus", "onBlur", "onDblClick", "onClick", "borderRadius", "radius", "backgroundColor" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", ref = React.useRef(null), value = null != valueProp ? valueProp : "", innerText = React.useRef("" === value ? misc.cleanString(placeholder) : misc.cleanString(value)), [isFocused, setIsFocused] = React.useState(focus), [text, setText] = React.useState(innerText.current), [isPlaceholder, setIsPlaceholder] = React.useState(!1), resolvedBorderRadius = null != borderRadius ? borderRadius : radius, resolvedBackgroundColor = backgroundColor, setCursor = React.useCallback((to, length = 1) => {
@@ -72,7 +72,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": misc.setStyle(resolvedBorderRadius)
     }), [ clamp, wrap, isEditable, width, textAlign, isFocused, padding, isPlaceholder, setWidth, resolvedBackgroundColor, resolvedBorderRadius ]);
     return jsxRuntime.jsx("div", Object.assign({
         id: divId,

package/dist/cjs/chunks/{Dot-BkFz2bG3.js → Dot-D2xmxQUt.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CxZHzsEo.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), css_dot = "Dot-module_dot__RNz87 flexBox-module_row__z24tF";
+var tslib_es6 = require("./tslib.es6-71Jftlb2.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), css_dot = "Dot-module_dot__RNz87 flexBox-module_row__z24tF";
 
 const DEFAULT_VARIANTS = {
     initial: {
@@ -35,7 +35,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 = React.useMemo(() => ({
         "--dot-size": `${size}px`,
         "--dot-display": "inline" === position ? "inline-flex" : "flex",

package/dist/cjs/chunks/{DrggablePanel-EJYkjSuq.js → DrggablePanel-D2BEKaM_.js}

@@ -1,14 +1,18 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CxZHzsEo.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
+var tslib_es6 = require("./tslib.es6-71Jftlb2.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
 
-require("../theme/colors.js"), require("../theme/type.js");
+require("../theme/colors.js");
 
-var misc = require("./misc-DzYz4zh5.js");
+var theme_corners = require("../theme/corners.js");
 
-require("./broadcastChannel-Bf-u0RnC.js"), require("./webRTCStore-CAt0Ly4R.js"), 
-require("./microphoneStore-D0ussh7L.js"), require("./volumeStore-Dez02JPh.js"), 
+require("../theme/type.js");
+
+var misc = require("./misc-CmImf5jl.js");
+
+require("./broadcastChannel-CweolKkH.js"), require("./webRTCStore-CjsjPMWU.js"), 
+require("./microphoneStore-C1Zp6UiP.js"), require("./volumeStore-DofQKsQb.js"), 
 require("../hooks/useWindow.js");
 
 var hooks_useObserveResize = require("../hooks/useObserveResize.js"), css_panel = "DraggablePanel-module_panel__vuq2R flexBox-module_columnStart__C7P44", css_content = "DraggablePanel-module_content__SBL0T flexBox-module_columnStart__C7P44", css_handle = "DraggablePanel-module_handle__LPZw8";
@@ -203,10 +207,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 = React.useMemo(() => ({
+    const {width: width = 6, height: height = 6, radius: radius = theme_corners.corners["corner-round"], stroke: stroke = 1, color: color = "var(--core-surface-primary-tint)", strokeColor: strokeColor = "var(--core-outline-secondary)"} = props, cssVars = React.useMemo(() => ({
         "--drag-handle-width": `${width}px`,
         "--drag-handle-height": `${height}px`,
-        "--drag-handle-radius": `${radius}px`,
+        "--drag-handle-radius": misc.setStyle(radius),
         "--drag-handle-border": `${stroke}px`,
         "--drag-handle-border-color": `${strokeColor}`,
         "--drag-handle-bg": `${color}`

package/dist/cjs/chunks/{DropDown-DcrJTYel.js → DropDown-Cj-GZmDN.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CxZHzsEo.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-DzYz4zh5.js"), theme_corners = require("../theme/corners.js"), Icon = require("./Icon-aBLPfZrD.js"), css = {
+var tslib_es6 = require("./tslib.es6-71Jftlb2.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-CmImf5jl.js"), theme_corners = require("../theme/corners.js"), Icon = require("./Icon-QCkWofx3.js"), css = {
     wrapper: "DropDown-module_wrapper__CyX0u flexBox-module_rowStart__4tcxS",
     face: "DropDown-module_face__6gyF3 flexBox-module_rowStart__4tcxS",
     faceText: "DropDown-module_faceText__glhB3",
@@ -20,7 +20,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 = theme_corners.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 = tslib_es6.__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 = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", resolvedBackgroundColor = backgroundColor, resolvedBorderWidth = null != borderWidth ? borderWidth : borderSize, [index, setIndex] = React.useState(null != selectedIndex ? selectedIndex : 0), [selectedText, setSelectedText] = React.useState("Select an option"), ref = React.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 = theme_corners.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 = tslib_es6.__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 = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", resolvedBackgroundColor = backgroundColor, resolvedBorderWidth = null != borderWidth ? borderWidth : borderSize, [index, setIndex] = React.useState(null != selectedIndex ? selectedIndex : 0), [selectedText, setSelectedText] = React.useState("Select an option"), ref = React.useRef(null);
     React.useEffect(() => {
         if (null == selectedValue && void 0 !== selectedIndex && (null == ref ? void 0 : ref.current)) {
             if (!(null == options ? void 0 : options[selectedIndex])) return;
@@ -50,11 +50,11 @@ function DropDownComponent(props) {
         disabled && e.preventDefault();
     }, [ disabled ]), handleSelectChange = React.useCallback(e => {
         handleChange(e.target.selectedIndex);
-    }, [ handleChange ]), setTextColor = React.useMemo(() => disabled ? "var(--core-text-disabled)" : placeholder && 0 === index ? "var(--core-text-tertiary)" : textColor, [ disabled, placeholder, index, textColor ]), setLabelColor = React.useMemo(() => disabled ? "var(--core-text-disabled)" : labelColor, [ disabled, labelColor ]), setIconColor = React.useMemo(() => disabled ? "var(--core-text-disabled)" : iconColor, [ disabled, iconColor ]), setBorderColor = React.useMemo(() => disabled ? "var(--core-outline-primary)" : error ? "var(--feedback-warning)" : borderColor, [ disabled, error, borderColor ]), setPadding = React.useMemo(() => "box" === borderStyle ? `${misc.setStyle(paddingTop)} ${misc.setStyle(paddingRight)} ${misc.setStyle(paddingBottom)} ${misc.setStyle(paddingLeft)}` : `0 0 ${misc.setStyle(paddingBottom)} 0`, [ paddingTop, paddingRight, paddingBottom, paddingLeft, borderStyle ]), setBorder = React.useMemo(() => "box" === borderStyle ? `${misc.setStyle(resolvedBorderWidth)} solid ${setBorderColor}` : "unset", [ resolvedBorderWidth, setBorderColor, borderStyle ]), setBorderBottom = React.useMemo(() => "none" !== borderStyle ? `${misc.setStyle(resolvedBorderWidth)} solid ${misc.setStyle(borderColor)}` : "unset", [ resolvedBorderWidth, borderColor, borderStyle ]), setBorderRadius = React.useMemo(() => "box" !== borderStyle ? 0 : `${borderRadius}px`, [ borderStyle, borderRadius ]), cssVars = React.useMemo(() => ({
+    }, [ handleChange ]), setTextColor = React.useMemo(() => disabled ? "var(--core-text-disabled)" : placeholder && 0 === index ? "var(--core-text-tertiary)" : textColor, [ disabled, placeholder, index, textColor ]), setLabelColor = React.useMemo(() => disabled ? "var(--core-text-disabled)" : labelColor, [ disabled, labelColor ]), setIconColor = React.useMemo(() => disabled ? "var(--core-text-disabled)" : iconColor, [ disabled, iconColor ]), setBorderColor = React.useMemo(() => disabled ? "var(--core-outline-primary)" : error ? "var(--feedback-warning)" : borderColor, [ disabled, error, borderColor ]), setPadding = React.useMemo(() => "box" === borderStyle ? `${0 === paddingTop ? "0px" : misc.setStyle(paddingTop)} ${0 === paddingRight ? "0px" : misc.setStyle(paddingRight)} ${0 === paddingBottom ? "0px" : misc.setStyle(paddingBottom)} ${0 === paddingLeft ? "0px" : misc.setStyle(paddingLeft)}` : `0 0 ${0 === paddingBottom ? "0px" : misc.setStyle(paddingBottom)} 0`, [ paddingTop, paddingRight, paddingBottom, paddingLeft, borderStyle ]), setBorder = React.useMemo(() => "box" === borderStyle ? `${misc.setStyle(resolvedBorderWidth)} solid ${setBorderColor}` : "unset", [ resolvedBorderWidth, setBorderColor, borderStyle ]), setBorderBottom = React.useMemo(() => "none" !== borderStyle ? `${misc.setStyle(resolvedBorderWidth)} solid ${misc.setStyle(borderColor)}` : "unset", [ resolvedBorderWidth, borderColor, borderStyle ]), setBorderRadius = React.useMemo(() => "box" !== borderStyle ? 0 : misc.setStyle(borderRadius), [ borderStyle, borderRadius ]), cssVars = React.useMemo(() => ({
         "--dd-gap": misc.setStyle(gap),
         "--dd-height": misc.setStyle(height),
         "--dd-width": misc.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/cjs/chunks/{ErrorSummary-FYhQ8A2g.js → ErrorSummary-DlrxXxZG.js}

@@ -1,14 +1,14 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CxZHzsEo.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
+var tslib_es6 = require("./tslib.es6-71Jftlb2.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
 
 require("../theme/colors.js"), require("../theme/type.js");
 
-var colors = require("./colors-Yb-BONG0.js");
+var colors = require("./colors-CmnEtiBL.js");
 
-require("./broadcastChannel-Bf-u0RnC.js"), require("./webRTCStore-CAt0Ly4R.js"), 
-require("./microphoneStore-D0ussh7L.js"), require("./volumeStore-Dez02JPh.js"), 
+require("./broadcastChannel-CweolKkH.js"), require("./webRTCStore-CjsjPMWU.js"), 
+require("./microphoneStore-C1Zp6UiP.js"), require("./volumeStore-DofQKsQb.js"), 
 require("../hooks/useWindow.js");
 
 var css = {
@@ -53,7 +53,7 @@ const ErrorSummary = React.memo(props => {
             const number = addNumbers ? `${index + 1}. ` : "";
             return jsxRuntime.jsxs("div", {
                 className: css.error,
-                children: [ jsxRuntime.jsx("p", {
+                children: [ jsxRuntime.jsx("span", {
                     className: `${css.p} ${css[textSize]}`,
                     children: jsxRuntime.jsx("strong", {
                         children: `${number}${error.title}`

package/dist/cjs/chunks/{FileIcon-DdKRzIde.js → FileIcon-BUW6exKf.js}

@@ -1,14 +1,14 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CxZHzsEo.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
+var tslib_es6 = require("./tslib.es6-71Jftlb2.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
 
 require("../theme/colors.js"), require("../theme/type.js");
 
-var FileIconNames, misc = require("./misc-DzYz4zh5.js");
+var FileIconNames, misc = require("./misc-CmImf5jl.js");
 
-require("./broadcastChannel-Bf-u0RnC.js"), require("./webRTCStore-CAt0Ly4R.js"), 
-require("./microphoneStore-D0ussh7L.js"), require("./volumeStore-Dez02JPh.js"), 
+require("./broadcastChannel-CweolKkH.js"), require("./webRTCStore-CjsjPMWU.js"), 
+require("./microphoneStore-C1Zp6UiP.js"), require("./volumeStore-DofQKsQb.js"), 
 require("../hooks/useWindow.js"), exports.FileIconNames = void 0, (FileIconNames = exports.FileIconNames || (exports.FileIconNames = {})).pdf = "pdf", 
 FileIconNames.text = "text", FileIconNames.sheet = "sheet", FileIconNames.preso = "preso", 
 FileIconNames.md = "md", FileIconNames.code = "code", FileIconNames.image = "image", 

package/dist/cjs/chunks/{FileList-CBR3uaXM.js → FileList-DqMJ-CdS.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CxZHzsEo.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-DzYz4zh5.js"), FileIcon = require("./FileIcon-DdKRzIde.js"), Icon = require("./Icon-aBLPfZrD.js"), ProgressIndicator = require("./ProgressIndicator-Dn_SVbK5.js");
+var tslib_es6 = require("./tslib.es6-71Jftlb2.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-CmImf5jl.js"), FileIcon = require("./FileIcon-BUW6exKf.js"), Icon = require("./Icon-QCkWofx3.js"), ProgressIndicator = require("./ProgressIndicator-DwhhhQU7.js");
 
 var css = {
     wrapper: "FileList-module_wrapper__9-rrl flexBox-module_rowStart__4tcxS",
@@ -150,14 +150,15 @@ const FileList = React.memo(props => {
         "--file-gap": misc.setStyle(gap),
         "--file-direction": direction,
         "--file-wrap": "column" === direction ? "nowrap" : "wrap",
-        "--file-padding": padding ? misc.setStyle(padding) : "4px 4px 4px 2px",
+        "--file-padding": null != padding ? "number" == typeof padding ? `${padding}px` : padding : void 0,
         "--file-icon-size": misc.setStyle(iconSize),
         "--file-overflow": "column" === direction ? "unset" : "hidden",
         "--file-bg-color": null != resolvedBackgroundColor ? resolvedBackgroundColor : "var(--core-surface-secondary)"
-    }), [ maxWidth, gap, direction, minWidth, padding, iconSize, resolvedBackgroundColor ]), fileCSSVars = React.useCallback((progress, error) => ({
+    }), [ maxWidth, gap, direction, minWidth, padding, iconSize, resolvedBackgroundColor ]), fileCSSVars = React.useCallback((progress, uploading, error) => ({
         "--file-progress": `${progress}`,
+        "--file-row-right": canRemove && !uploading ? "calc(var(--file-row-horizontal, var(--spacing-xs)) - var(--file-row-adjustment, var(--spacing-xxs)))" : "var(--file-row-horizontal, var(--spacing-xs))",
         "--file-border-color": error ? "var(--feedback-warning)" : "var(--core-outline-primary)"
-    }), []);
+    }), [ canRemove ]);
     return jsxRuntime.jsx("div", Object.assign({
         className: `${css.wrapper}${divClass}`,
         style: Object.assign(Object.assign({}, divStyle), cssVars),
@@ -166,7 +167,7 @@ const FileList = React.memo(props => {
         children: displayList.map(i => {
             return jsxRuntime.jsxs("div", {
                 className: `${css.file} ${css[textSize]}`,
-                style: fileCSSVars(i.progress, i.error),
+                style: fileCSSVars(i.progress, i.uploading, i.error),
                 children: [ jsxRuntime.jsx("div", {
                     className: css.fileIcon,
                     children: jsxRuntime.jsx(FileIcon.FileIcon, {

package/dist/cjs/chunks/{FlexDiv-DRaTYgR_.js → FlexDiv-CkjovMfE.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var Size, Preset, tslib_es6 = require("./tslib.es6-CxZHzsEo.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), css_flexDiv = "FlexDiv-module_flexDiv__EY5A- type-module_body-m-regular__LuQBA scrollBars-module_scrollbars__c-ZPl";
+var Size, Preset, tslib_es6 = require("./tslib.es6-71Jftlb2.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), misc = require("./misc-CmImf5jl.js"), css_flexDiv = "FlexDiv-module_flexDiv__EY5A- type-module_body-m-regular__LuQBA scrollBars-module_scrollbars__c-ZPl";
 
 exports.Size = void 0, (Size = exports.Size || (exports.Size = {})).Grow = "grow", 
 Size.Fill = "fill", Size.Fit = "fit", Size.Viewport = "viewport", Size.Auto = "auto", 
@@ -111,8 +111,8 @@ function setBox(style) {
     return "number" == typeof style ? `${style}px` : style;
 }
 
-function setPaddingRight(padding, scrollBox, pad = 4) {
-    return padding ? "number" == typeof padding ? `${padding}px` : padding : scrollBox ? `${pad}px` : "unset";
+function setPaddingRight(padding, scrollBox) {
+    return padding ? "number" == typeof padding ? `${padding}px` : padding : scrollBox ? "var(--spacing-xs)" : "unset";
 }
 
 function setFlex(style) {
@@ -154,7 +154,7 @@ const FlexDiv = React.memo(React.forwardRef((props, ref) => {
         overflow: presets.overflow,
         overflowY: setScroll(presets.scrollY),
         overflowX: setScroll(presets.scrollX),
-        borderRadius: borderRadius ? `${borderRadius}px` : "unset",
+        borderRadius: misc.setStyle(borderRadius),
         color: "var(--core-text-primary)",
         "--flex-div-scroll-border": `${null != background ? background : "transparent"}`,
         "--flex-div-scroll-handle": `${null != scrollHandle ? scrollHandle : "var(--scroll-bar)"}`,

package/dist/cjs/chunks/{Grouper-k1wtUJlG.js → Grouper-Dw7b-rKO.js}

@@ -1,13 +1,13 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CxZHzsEo.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
+var tslib_es6 = require("./tslib.es6-71Jftlb2.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
 
-require("../theme/colors.js"), require("../theme/type.js"), require("./broadcastChannel-Bf-u0RnC.js"), 
-require("./webRTCStore-CAt0Ly4R.js"), require("./microphoneStore-D0ussh7L.js"), 
-require("./volumeStore-Dez02JPh.js"), require("../hooks/useWindow.js");
+require("../theme/colors.js"), require("../theme/type.js"), require("./broadcastChannel-CweolKkH.js"), 
+require("./webRTCStore-CjsjPMWU.js"), require("./microphoneStore-C1Zp6UiP.js"), 
+require("./volumeStore-DofQKsQb.js"), require("../hooks/useWindow.js");
 
-var Badge = require("./Badge-C_sva3jT.js"), Icon = require("./Icon-aBLPfZrD.js"), css_header = "Grouper-module_header__D5fV0 flexBox-module_rowBetween__5FEvi", css_title = "Grouper-module_title__ZKqTP flexBox-module_rowBetween__5FEvi type-module_body-m-regular__LuQBA", css_content = "Grouper-module_content__Mof50 flexBox-module_rowBetween__5FEvi", css_icon = "Grouper-module_icon__14Jis flexBox-module_row__z24tF";
+var Badge = require("./Badge-xNdezdPp.js"), Icon = require("./Icon-QCkWofx3.js"), css_header = "Grouper-module_header__D5fV0 flexBox-module_rowBetween__5FEvi", css_title = "Grouper-module_title__ZKqTP flexBox-module_rowBetween__5FEvi type-module_body-m-regular__LuQBA", css_content = "Grouper-module_content__Mof50 flexBox-module_rowBetween__5FEvi", css_icon = "Grouper-module_icon__14Jis flexBox-module_row__z24tF";
 
 const Grouper = React.memo(props => {
     const theme = hooks_useTheme.useTheme(), {title: title = "Group Title", toggle: toggle = !0, open: open = !0, hasIcon: hasIcon = !0, iconName: iconName = "chevron down", iconSize: iconSize = 18, frameSize: frameSize = 64, border: border = 0, count: count = 0, unframed: unframed = !1, hideNull: hideNull = !0, showFilterBadge: showFilterBadge = !1, onChange: onChange = () => null, onClick: onClick = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "title", "toggle", "open", "hasIcon", "iconName", "iconSize", "frameSize", "border", "count", "unframed", "hideNull", "showFilterBadge", "onChange", "onClick" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", [state, setState] = React.useState(open), [icon, animateIcon] = react.useAnimate();

package/dist/cjs/chunks/{Icon-aBLPfZrD.js → Icon-QCkWofx3.js}

@@ -1,14 +1,14 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CxZHzsEo.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
+var tslib_es6 = require("./tslib.es6-71Jftlb2.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
 
 require("../theme/colors.js"), require("../theme/type.js");
 
-var misc = require("./misc-DzYz4zh5.js");
+var misc = require("./misc-CmImf5jl.js");
 
-require("./broadcastChannel-Bf-u0RnC.js"), require("./webRTCStore-CAt0Ly4R.js"), 
-require("./microphoneStore-D0ussh7L.js"), require("./volumeStore-Dez02JPh.js"), 
+require("./broadcastChannel-CweolKkH.js"), require("./webRTCStore-CjsjPMWU.js"), 
+require("./microphoneStore-C1Zp6UiP.js"), require("./volumeStore-DofQKsQb.js"), 
 require("../hooks/useWindow.js");
 
 var css_icon = "Icon-module_icon__szG-X";

package/dist/cjs/chunks/{IconButton-CbGXfBLK.js → IconButton-pfCyM8tf.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var AnimationPreset, AnimationType, tslib_es6 = require("./tslib.es6-CxZHzsEo.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), theme_corners = require("../theme/corners.js"), Badge = require("./Badge-C_sva3jT.js"), Dot = require("./Dot-BkFz2bG3.js"), Icon = require("./Icon-aBLPfZrD.js"), sharedTypes = require("./sharedTypes-CKKHnYKP.js"), css_button = "IconButton-module_button__rziqa flexBox-module_row__z24tF", css_label = "IconButton-module_label__qWGFD flexBox-module_row__z24tF type-module_body-l-regular__lOYbg", css_icon = "IconButton-module_icon__2DDWy flexBox-module_row__z24tF", css_count = "IconButton-module_count__6r373 flexBox-module_row__z24tF";
+var AnimationPreset, AnimationType, tslib_es6 = require("./tslib.es6-71Jftlb2.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), misc = require("./misc-CmImf5jl.js"), theme_corners = require("../theme/corners.js"), Badge = require("./Badge-xNdezdPp.js"), Dot = require("./Dot-D2xmxQUt.js"), Icon = require("./Icon-QCkWofx3.js"), sharedTypes = require("./sharedTypes-0pou-NPE.js"), css_button = "IconButton-module_button__rziqa flexBox-module_row__z24tF", css_label = "IconButton-module_label__qWGFD flexBox-module_row__z24tF type-module_body-l-regular__lOYbg", css_icon = "IconButton-module_icon__2DDWy flexBox-module_row__z24tF", css_count = "IconButton-module_count__6r373 flexBox-module_row__z24tF";
 
 /**
  * Helper for quick popular animation effects
@@ -121,7 +121,7 @@ const presetAnimation = {
         "--ib-bg-color-hover": disabled ? bgColorNormal : bgHoverColor,
         "--ib-icon-size": `${null != iconSize ? iconSize : 0}px`,
         "--ib-button-size": `${null != size ? size : 0}px`,
-        "--ib-border-radius": round ? "100%" : `${null != borderRadius ? borderRadius : 0}px`,
+        "--ib-border-radius": round ? "100%" : misc.setStyle(borderRadius, theme_corners.corners["corner-none"]),
         "--ib-border": border ? "1px" : 0,
         "--ib-color": textColor,
         "--ib-cursor": disabled ? "default" : "pointer"

package/dist/cjs/chunks/{IndexedDB-BcDtqygg.js → IndexedDB-B8x-Lb5K.js}

@@ -1,6 +1,6 @@
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CxZHzsEo.js");
+var tslib_es6 = require("./tslib.es6-71Jftlb2.js");
 
 exports.IndexedDB = class {
     constructor(storeName, options = {}) {

package/dist/cjs/chunks/{Label-Coei_F3_.js → Label-CYFeaNz2.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var LabelBackground, tslib_es6 = require("./tslib.es6-CxZHzsEo.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-DzYz4zh5.js"), theme_corners = require("../theme/corners.js"), css = {
+var LabelBackground, tslib_es6 = require("./tslib.es6-71Jftlb2.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-CmImf5jl.js"), theme_corners = require("../theme/corners.js"), css = {
     label: "Label-module_label__RaRvM",
     button: "Label-module_button__N8bcQ type-module_body-m-regular__LuQBA",
     xs: "Label-module_xs__K9Ai6 type-module_body-xs-regular__ZAFft",
@@ -75,7 +75,10 @@ exports.Label = function(props) {
           default:
             return "var(--core-surface-primary)";
         }
-    }, [ resolvedBackgroundColor, borderColor ]), setPadding = React.useMemo(() => padding ? misc.setStyle(padding) : "2px 4px", [ padding ]), cssVars = React.useMemo(() => ({
+    }, [ resolvedBackgroundColor, borderColor ]), setPadding = React.useMemo(() => {
+        if (null != padding) return "number" == typeof padding ? `${padding}px` : padding;
+        return `var(--spacing-xxs) ${"xs" === textSize || "s" === textSize ? "var(--spacing-xs)" : "var(--spacing-s)"}`;
+    }, [ padding, textSize ]), cssVars = React.useMemo(() => ({
         "--label-padding": setPadding,
         "--label-border-radius": misc.setStyle(borderRadius),
         "--label-cursor": onClick ? "pointer" : "default",

package/dist/cjs/chunks/{Level-DpYVX9KZ.js → Level-1-42wEEw.js}

@@ -1,9 +1,9 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CxZHzsEo.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), theme_corners = require("../theme/corners.js"), misc = require("./misc-DzYz4zh5.js"), audioVisualizer = require("./audioVisualizer-CLqdv2K-.js");
+var tslib_es6 = require("./tslib.es6-71Jftlb2.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), theme_corners = require("../theme/corners.js"), misc = require("./misc-CmImf5jl.js"), audioVisualizer = require("./audioVisualizer-C-MOIbKC.js");
 
-require("./broadcastChannel-Bf-u0RnC.js");
+require("./broadcastChannel-CweolKkH.js");
 
 var css_wrapper = "Level-module_wrapper__yOfXw", css_barContainer = "Level-module_barContainer__QMUdv", css_bar = "Level-module_bar__MnApX";
 

package/dist/cjs/chunks/{Modal-IDb_E4Uj.js → Modal-mzZbLdRN.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-CxZHzsEo.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), theme_corners = require("../theme/corners.js"), misc = require("./misc-DzYz4zh5.js"), Button = require("./Button-C8hlMST5.js"), Icon = require("./Icon-aBLPfZrD.js"), IconButton = require("./IconButton-CbGXfBLK.js"), css = {
+var tslib_es6 = require("./tslib.es6-71Jftlb2.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), theme_corners = require("../theme/corners.js"), misc = require("./misc-CmImf5jl.js"), Button = require("./Button-CyXJ9uG3.js"), Icon = require("./Icon-QCkWofx3.js"), IconButton = require("./IconButton-pfCyM8tf.js"), css = {
     wrapper: "Modal-module_wrapper__34Hds flexBox-module_columnBetween__ERfp7",
     title: "Modal-module_title__A5OeE flexBox-module_rowBetween__5FEvi",
     titleBlock: "Modal-module_titleBlock__HUepX flexBox-module_rowStart__4tcxS",
@@ -28,7 +28,7 @@ const Modal = React.memo(props => {
             if ("string" == typeof padding) {
                 return padding.split(" ")[0];
             }
-            return misc.setStyle(padding, "16px");
+            return misc.setStyle(padding, "var(--spacing-m)");
         }
         return "0";
     }, [ scrolls, padding, autoBorderBottom ]), cssVars = React.useMemo(() => ({
@@ -40,7 +40,7 @@ const Modal = React.memo(props => {
         "--modal-title-color": titleColor,
         "--modal-border-radius": misc.setStyle(borderRadius),
         "--modal-border-width": misc.setStyle(borderWidth),
-        "--modal-padding": misc.setStyle(padding, "16px 24px"),
+        "--modal-padding": misc.setStyle(padding, "var(--spacing-m) var(--spacing-l)"),
         "--modal-background-color": backgroundColor,
         "--modal-title-border-color": titleBorderColor,
         "--modal-title-border-width": misc.setStyle(titleBorderWidth),