@apple-pie/slice 0.1.33 → 0.1.35

package/dist/esm/chunks/Chip-c3piVzsJ.mjs

@@ -0,0 +1,87 @@
+'use client';
+import { _ as __rest } from "./tslib.es6-CDAuOlZ8.mjs";
+
+import { jsxs, jsx } from "react/jsx-runtime";
+
+import React, { useState, useCallback, useMemo } from "react";
+
+import { s as setStyle, a as accessibleKeyDown } from "./misc-C5cfUKzm.mjs";
+
+import { I as Icon } from "./Icon-CKS12m2e.mjs";
+
+import { T as ToolTipType } from "./sharedTypes-7jlhdP2f.mjs";
+
+var 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",
+    s: "Chip-module_s__2KTXi type-module_body-s-regular__vRHSP",
+    m: "Chip-module_m__l2u3N type-module_body-m-regular__LuQBA",
+    l: "Chip-module_l__3MqPN type-module_body-l-regular__lOYbg"
+};
+
+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, backgroundColorHover: backgroundColorHover, 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)", bgColor: bgColor = "transparent", bgColorHover: bgColorHover = ("normal" === variant ? bgColor : "var(--core-surface-secondary)"), borderRadius: borderRadius = 8, 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", "bgColor", "bgColorHover", "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 = null != backgroundColor ? backgroundColor : bgColor, resolvedBackgroundColorHover = null != backgroundColorHover ? backgroundColorHover : bgColorHover, resolvedBorderWidth = null != borderWidth ? borderWidth : borderSize, resolvedPaddingTop = null != paddingTop ? paddingTop : paddingTops, handleClick = useCallback(e => {
+        disabled || onClick(e);
+    }, [ disabled, onClick ]), handleMouseEnter = useCallback((enter, event) => {
+        if (enter) {
+            if (tooltip) {
+                const tip = {
+                    type: ToolTipType.button,
+                    payload: {
+                        label: tooltip
+                    },
+                    ref: null,
+                    event: event
+                };
+                onToolTip(tip);
+            }
+            "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(() => ({
+        "--ui-chip-padding": padding,
+        "--ui-chip-gap": setStyle(gap),
+        "--ui-chip-border-radius": setStyle(borderRadius),
+        "--ui-chip-border-size": setStyle(resolvedBorderWidth),
+        "--ui-chip-border-color": disabled ? borderColorDisabled : borderColor,
+        "--ui-chip-border-color-hover": disabled ? borderColorDisabled : borderColorHover,
+        "--ui-chip-bg-color": resolvedBackgroundColor,
+        "--ui-chip-bg-color-hover": disabled ? resolvedBackgroundColor : resolvedBackgroundColorHover,
+        "--ui-chip-label-color": disabled ? "var(--core-text-disabled)" : labelColor,
+        "--ui-chip-label-color-hover": disabled ? "var(--core-text-disabled)" : labelColorHover,
+        "--ui-chip-cursor": disabled || "normal" === variant ? "default" : "pointer"
+    }), [ padding, resolvedBackgroundColor, borderColor, borderColorDisabled, borderColorHover, resolvedBorderWidth, resolvedBackgroundColorHover, labelColorHover, labelColor, gap, borderRadius, disabled, variant ]);
+    return jsxs("div", Object.assign({
+        id: divId,
+        className: `${css.chip}${divClass}`,
+        style: Object.assign(Object.assign({}, divStyle), cssVars),
+        onKeyDown: e => accessibleKeyDown(e, () => handleClick(e)),
+        onClick: handleClick,
+        onMouseEnter: e => handleMouseEnter(!0, e),
+        onMouseLeave: e => handleMouseEnter(!1, e)
+    }, rest, {
+        children: [ icon && "right" !== iconPosition && jsx("div", {
+            className: css.icon,
+            children: jsx(Icon, {
+                name: icon,
+                size: iconSize,
+                strokeColor: computedIconColor
+            })
+        }), (children || label) && jsx("div", {
+            className: css[labelSize],
+            children: null != children ? children : label
+        }), icon && "right" === iconPosition && jsx("div", {
+            className: css.icon,
+            children: jsx(Icon, {
+                name: icon,
+                size: iconSize,
+                strokeColor: computedIconColor
+            })
+        }) ]
+    }));
+});
+
+export { Chip as C };

package/dist/esm/chunks/{DivInput-BWO1EJXA.mjs → DivInput-g28YpiQp.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
+import { _ as __rest } from "./tslib.es6-CDAuOlZ8.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-zecH7-IH.mjs";
+import { b as cleanString } from "./misc-C5cfUKzm.mjs";
 
 var css_wrapper = "DivInput-module_wrapper__ZQxY-", css_input = "DivInput-module_input__J34-l type-module_body-m-regular__LuQBA";
 

package/dist/esm/chunks/{Dot-DMst-5Q2.mjs → Dot-DnfM38Qp.mjs}

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

package/dist/esm/chunks/{DrggablePanel-qxrCS7Ot.mjs → DrggablePanel-CjgYDhDq.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
+import { _ as __rest } from "./tslib.es6-CDAuOlZ8.mjs";
 
 import { jsxs, jsx } from "react/jsx-runtime";
 
@@ -9,13 +9,13 @@ import { useTheme } from "../hooks/useTheme.mjs";
 
 import "../theme/colors.mjs";
 
-import { p as pointerPosition } from "./misc-zecH7-IH.mjs";
+import { p as pointerPosition } from "./misc-C5cfUKzm.mjs";
 
-import "./webRTCStore-DhFE9-bb.mjs";
+import "./webRTCStore-BLGNTnV3.mjs";
 
-import "./microphoneStore-Cbx9nV4R.mjs";
+import "./microphoneStore-Do0a5LZ9.mjs";
 
-import "./volumeStore-BrgZCRKF.mjs";
+import "./volumeStore-D5i1CeFf.mjs";
 
 import "../hooks/useWindow.mjs";
 
@@ -50,7 +50,8 @@ const DraggablePanel = React.memo(props => {
     }, borderRight: borderRight = "1px solid var(--core-outline-secondary)", borderLeft: borderLeft = "1px solid var(--core-outline-secondary)", bgColor: bgColor = "transparent", drags: drags = "right", isTouchDevice: isTouchDevice = !1, disableOnContext: disableOnContext = !1, dragHandle: dragHandle = !0, dragHandleStyle: dragHandleStyle = {
         height: 24,
         width: 9
-    }, containerRef: containerRef, onResize: onResize = () => null, onResizeStart: onResizeStart = () => null, onResizeEnd: onResizeEnd = () => null} = props, divAttributes = __rest(props, [ "children", "sizeConstraints", "isClosed", "resizeHandle", "borderRight", "borderLeft", "bgColor", "drags", "isTouchDevice", "disableOnContext", "dragHandle", "dragHandleStyle", "containerRef", "onResize", "onResizeStart", "onResizeEnd" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", handle = useRef(null), div = useRef(null), [isDragging, setIsDragging] = useState(!1), isOver = useRef(!1), gripper = Object.assign({}, resizeHandle), containerSize = useObserveResize(containerRef), panelSize = useObserveResize(div), [handleHighlight, setHandleHighlight] = useState(!1), [lastWidth, setLastWidth] = useState(null), [panelClosed, setPanelClosed] = useState(isClosed), [constraints, setConstraints] = useState(() => resolveConstraints(sizeConstraints)), [contWidth, setContWidth] = useState(void 0), timer = useRef(null), closed = panelSize.width <= 1, startX = useRef(0), startWidth = useRef(0), divWidth = useRef(0), divHeight = useRef(0), deltaWidth = useRef(0), handleWindowResize = useCallback(() => {
+    }, containerRef: containerRef, onResize: onResize = () => null, onResizeStart: onResizeStart = () => null, onResizeEnd: onResizeEnd = () => null} = props, divAttributes = __rest(props, [ "children", "sizeConstraints", "isClosed", "resizeHandle", "borderRight", "borderLeft", "bgColor", "drags", "isTouchDevice", "disableOnContext", "dragHandle", "dragHandleStyle", "containerRef", "onResize", "onResizeStart", "onResizeEnd" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", handle = useRef(null), div = useRef(null), [isDragging, setIsDragging] = useState(!1), isOver = useRef(!1), gripper = Object.assign({}, resizeHandle), containerSize = useObserveResize(containerRef), panelSize = useObserveResize(div), [handleHighlight, setHandleHighlight] = useState(!1), [lastWidth, setLastWidth] = useState(null), [panelClosed, setPanelClosed] = useState(isClosed), [constraints, setConstraints] = useState(() => resolveConstraints(sizeConstraints)), [contWidth, setContWidth] = useState((null == containerRef ? void 0 : containerRef.current) ? containerRef.current.offsetWidth : void 0 !== globalThis.window ? window.innerWidth : void 0), [mounted, setMounted] = useState(!1), timer = useRef(null), closed = panelSize.width <= 1, startX = useRef(0), startWidth = useRef(0), divWidth = useRef(0), divHeight = useRef(0), deltaWidth = useRef(0);
+    const handleWindowResize = useCallback(() => {
         (null == containerRef ? void 0 : containerRef.current) || setContWidth(window.innerWidth);
     }, [ containerRef ]), handleMouseOver = useCallback(() => {
         isOver.current = !0, setHighlight(!0);
@@ -146,12 +147,12 @@ const DraggablePanel = React.memo(props => {
         })), () => {
             hl && (hl.removeEventListener("mousedown", initDrag, !1), hl.removeEventListener("touchstart", initDrag));
         };
-    }, [ drags, initDrag ]);
+    }, [ drags, initDrag ]), useEffect(() => setMounted(!0), []);
     const leftRightStyle = useMemo(() => "right" === drags ? {
         right: isTouchDevice ? -22 : -(gripper.width || 10) / 2
     } : {
         left: isTouchDevice ? -22 : -(gripper.width || 10) / 2
-    }, [ drags, isTouchDevice, gripper.width ]), normalizeWidth = useCallback(width => "number" == typeof width ? width <= 1 && width >= 0 ? 100 * width + "%" : `${width}px` : width, []), width = useMemo(() => drags ? panelClosed ? 0 : lastWidth || normalizeWidth(constraints.initial) : "100%", [ drags, panelClosed, lastWidth, constraints.initial, normalizeWidth ]), cssVars = useMemo(() => ({
+    }, [ drags, isTouchDevice, gripper.width ]), normalizeWidth = useCallback(width => mounted ? "number" == typeof width ? width <= 1 && width >= 0 ? contWidth ? contWidth * width + "px" : 0 : `${width}px` : width : "0px", [ contWidth, mounted ]), width = useMemo(() => drags ? panelClosed ? 0 : lastWidth || normalizeWidth(constraints.initial) : "100%", [ drags, panelClosed, lastWidth, constraints.initial, normalizeWidth ]), cssVars = useMemo(() => ({
         "--panel-bg": null != bgColor ? bgColor : "transparent"
     }), [ bgColor ]);
     return jsxs("div", Object.assign({
@@ -177,7 +178,7 @@ const DraggablePanel = React.memo(props => {
                 display: closed || !drags ? "none" : "flex",
                 alignItems: "center",
                 justifyContent: "center",
-                zIndex: 1,
+                zIndex: "var(--elevation-overlay)",
                 top: 0
             }, leftRightStyle), {
                 bottom: 0,

package/dist/esm/chunks/{DropDown-DlO2J4QP.mjs → DropDown-CWHPCDQS.mjs}

@@ -1,13 +1,13 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
+import { _ as __rest } from "./tslib.es6-CDAuOlZ8.mjs";
 
 import { jsx, jsxs } from "react/jsx-runtime";
 
 import React, { useState, useRef, useEffect, useCallback, useMemo } from "react";
 
-import { s as setStyle } from "./misc-zecH7-IH.mjs";
+import { s as setStyle } from "./misc-C5cfUKzm.mjs";
 
-import { I as Icon } from "./Icon-L8B35JN1.mjs";
+import { I as Icon } from "./Icon-CKS12m2e.mjs";
 
 var css = {
     wrapper: "DropDown-module_wrapper__CyX0u flexBox-module_rowStart__4tcxS",

package/dist/esm/chunks/{ErrorSummary-BplQFunJ.mjs → ErrorSummary-D1PqqK3r.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
+import { _ as __rest } from "./tslib.es6-CDAuOlZ8.mjs";
 
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -11,13 +11,13 @@ import { useTheme } from "../hooks/useTheme.mjs";
 
 import "../theme/colors.mjs";
 
-import { a as addOpacity } from "./colors-v5b8_oYV.mjs";
+import { a as addOpacity } from "./colors-7VDET9eL.mjs";
 
-import "./webRTCStore-DhFE9-bb.mjs";
+import "./webRTCStore-BLGNTnV3.mjs";
 
-import "./microphoneStore-Cbx9nV4R.mjs";
+import "./microphoneStore-Do0a5LZ9.mjs";
 
-import "./volumeStore-BrgZCRKF.mjs";
+import "./volumeStore-D5i1CeFf.mjs";
 
 import "../hooks/useWindow.mjs";
 

package/dist/esm/chunks/{FileIcon-iFmAF7_a.mjs → FileIcon-CudRs_lw.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
+import { _ as __rest } from "./tslib.es6-CDAuOlZ8.mjs";
 
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 
@@ -9,13 +9,13 @@ import { useTheme } from "../hooks/useTheme.mjs";
 
 import "../theme/colors.mjs";
 
-import { a as accessibleKeyDown } from "./misc-zecH7-IH.mjs";
+import { a as accessibleKeyDown } from "./misc-C5cfUKzm.mjs";
 
-import "./webRTCStore-DhFE9-bb.mjs";
+import "./webRTCStore-BLGNTnV3.mjs";
 
-import "./microphoneStore-Cbx9nV4R.mjs";
+import "./microphoneStore-Do0a5LZ9.mjs";
 
-import "./volumeStore-BrgZCRKF.mjs";
+import "./volumeStore-D5i1CeFf.mjs";
 
 import "../hooks/useWindow.mjs";
 

package/dist/esm/chunks/{FileList-CztHFCJe.mjs → FileList-Cj_k6oel.mjs}

@@ -1,17 +1,17 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
+import { _ as __rest } from "./tslib.es6-CDAuOlZ8.mjs";
 
 import { jsx, jsxs } from "react/jsx-runtime";
 
 import React, { useCallback, useMemo } from "react";
 
-import { s as setStyle, a as accessibleKeyDown } from "./misc-zecH7-IH.mjs";
+import { s as setStyle, a as accessibleKeyDown } from "./misc-C5cfUKzm.mjs";
 
-import { F as FileIcon } from "./FileIcon-iFmAF7_a.mjs";
+import { F as FileIcon } from "./FileIcon-CudRs_lw.mjs";
 
-import { I as Icon } from "./Icon-L8B35JN1.mjs";
+import { I as Icon } from "./Icon-CKS12m2e.mjs";
 
-import { P as ProgressIndicator } from "./ProgressIndicator-HaJJDZ-m.mjs";
+import { P as ProgressIndicator } from "./ProgressIndicator-C2EWIn7Z.mjs";
 
 /**
  * Split a file name into its display name and extension.

package/dist/esm/chunks/{FlexDiv-DGmDZL7M.mjs → FlexDiv-pSlVGfpp.mjs}

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

package/dist/esm/chunks/{Grouper-DxOISLzH.mjs → Grouper-BQxdCQKy.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
+import { _ as __rest } from "./tslib.es6-CDAuOlZ8.mjs";
 
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -11,17 +11,17 @@ import { useTheme } from "../hooks/useTheme.mjs";
 
 import "../theme/colors.mjs";
 
-import "./webRTCStore-DhFE9-bb.mjs";
+import "./webRTCStore-BLGNTnV3.mjs";
 
-import "./microphoneStore-Cbx9nV4R.mjs";
+import "./microphoneStore-Do0a5LZ9.mjs";
 
-import "./volumeStore-BrgZCRKF.mjs";
+import "./volumeStore-D5i1CeFf.mjs";
 
 import "../hooks/useWindow.mjs";
 
-import { B as Badge } from "./Badge-bh5UVUnt.mjs";
+import { B as Badge } from "./Badge-BKZj-pNA.mjs";
 
-import { I as Icon } from "./Icon-L8B35JN1.mjs";
+import { I as Icon } from "./Icon-CKS12m2e.mjs";
 
 var 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";
 

package/dist/esm/chunks/{Icon-L8B35JN1.mjs → Icon-CKS12m2e.mjs}

@@ -1,7 +1,7 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
+import { _ as __rest } from "./tslib.es6-CDAuOlZ8.mjs";
 
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 
 import React, { useMemo } from "react";
 
@@ -9,13 +9,13 @@ import { useTheme } from "../hooks/useTheme.mjs";
 
 import "../theme/colors.mjs";
 
-import { a as accessibleKeyDown } from "./misc-zecH7-IH.mjs";
+import { a as accessibleKeyDown } from "./misc-C5cfUKzm.mjs";
 
-import "./webRTCStore-DhFE9-bb.mjs";
+import "./webRTCStore-BLGNTnV3.mjs";
 
-import "./microphoneStore-Cbx9nV4R.mjs";
+import "./microphoneStore-Do0a5LZ9.mjs";
 
-import "./volumeStore-BrgZCRKF.mjs";
+import "./volumeStore-D5i1CeFf.mjs";
 
 import "../hooks/useWindow.mjs";
 
@@ -24,7 +24,19 @@ var css_icon = "Icon-module_icon__szG-X";
 /**
  * Static icon registry created once at module load.
  * Each entry stores only icon line content renderers.
- */ const STATIC_ICON_REGISTRY = new Map([ [ "talk", {
+ */ const STATIC_ICON_REGISTRY = new Map([ [ "npm", {
+    line: ({strokeColor: strokeColor}) => jsx("path", {
+        d: "M7.415 7.656l17.291 0.024-0.011 17.29h-4.329l0.012-12.974h-4.319l-0.010 12.964h-8.656zM3.207 1.004c-0.002 0-0.003 0-0.005 0-1.214 0-2.198 0.984-2.198 2.198 0 0.002 0 0.004 0 0.006v-0 25.585c0 0.002 0 0.003 0 0.005 0 1.214 0.984 2.198 2.198 2.198 0.002 0 0.004 0 0.006 0h25.585c0.002 0 0.003 0 0.005 0 1.214 0 2.198-0.984 2.198-2.198 0-0.002 0-0.004 0-0.006v0-25.585c0-0.002 0-0.003 0-0.005 0-1.214-0.984-2.198-2.198-2.198-0.002 0-0.004 0-0.006 0h0z",
+        transform: "scale(0.625)",
+        fill: strokeColor
+    })
+} ], [ "github", {
+    line: ({strokeColor: strokeColor}) => jsx("path", {
+        d: "M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z",
+        transform: "translate(0 0) scale(1.25)",
+        fill: strokeColor
+    })
+} ], [ "talk", {
     line: ({strokeColor: strokeColor, fillColor: fillColor}) => jsxs(Fragment, {
         children: [ jsx("path", {
             d: "M10,2.5c4.14,0,7.5,3.36,7.5,7.5s-3.36,7.5-7.5,7.5-7.5-3.36-7.5-7.5,3.36-7.5,7.5-7.5M10,1C5.03,1,1,5.03,1,10s4.03,9,9,9,9-4.03,9-9S14.97,1,10,1h0Z",

package/dist/esm/chunks/IconButton-Cka059ZT.mjs

@@ -0,0 +1,193 @@
+'use client';
+import { _ as __rest } from "./tslib.es6-CDAuOlZ8.mjs";
+
+import { jsxs, jsx } from "react/jsx-runtime";
+
+import { motion } from "motion/react";
+
+import React, { useRef, useState, useEffect, useCallback, useMemo } from "react";
+
+import { B as Badge } from "./Badge-BKZj-pNA.mjs";
+
+import { D as Dot } from "./Dot-DnfM38Qp.mjs";
+
+import { I as Icon } from "./Icon-CKS12m2e.mjs";
+
+import { T as ToolTipType } from "./sharedTypes-7jlhdP2f.mjs";
+
+var AnimationPreset, AnimationType, 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
+ */ !function(AnimationPreset) {
+    AnimationPreset.Rotate = "rotate", AnimationPreset.Fade = "fade", AnimationPreset.Scale = "scale";
+}(AnimationPreset || (AnimationPreset = {})), function(AnimationType) {
+    AnimationType.Rotate = "rotate", AnimationType.Fade = "opacity", AnimationType.Scale = "scale";
+}(AnimationType || (AnimationType = {}));
+
+/**
+ * Resolves presets to a button animation
+ */
+const presetAnimation = {
+    [AnimationPreset.Rotate]: {
+        animation: {
+            type: AnimationType.Rotate,
+            value: {
+                on: 0,
+                off: 180
+            }
+        },
+        transition: {
+            on: {
+                duration: .25,
+                ease: "linear"
+            }
+        }
+    },
+    [AnimationPreset.Fade]: {
+        animation: {
+            type: AnimationType.Fade,
+            value: {
+                off: 0,
+                on: 1
+            }
+        },
+        transition: {
+            on: {
+                duration: .25,
+                ease: "easeInOut"
+            }
+        }
+    },
+    [AnimationPreset.Scale]: {
+        animation: {
+            type: AnimationType.Scale,
+            value: {
+                off: 0,
+                on: 1
+            }
+        },
+        transition: {
+            on: {
+                duration: .25,
+                ease: "linear"
+            }
+        }
+    }
+}, resolveVariants = (presets, custom) => {
+    const animations = [];
+    let transition;
+    if (presets) {
+        const presetAnimations = presetAnimation[presets].animation, presetTransition = presetAnimation[presets].transition, animationEntries = Array.isArray(presetAnimations) ? presetAnimations : [ presetAnimations ];
+        animations.push(...animationEntries), presetTransition && (transition = presetTransition);
+    }
+    if (custom) {
+        const customAnimations = custom.animation, customTransition = custom.transition, customAnimationEntries = Array.isArray(customAnimations) ? customAnimations : [ customAnimations ];
+        animations.push(...customAnimationEntries), customTransition && (transition = customTransition);
+    }
+    return (animations => {
+        if (!animations) return;
+        const variants = {
+            initial: {},
+            animate: {},
+            exit: {}
+        }, {animation: animation, transition: transition} = animations, animationEntries = Array.isArray(animation) ? animation : [ animation ], {on: on, off: off} = null != transition ? transition : {};
+        for (const entry of animationEntries) {
+            const {type: type, value: value} = entry;
+            variants.initial = Object.assign(Object.assign({}, variants.initial), {
+                [type]: value.off
+            }), variants.animate = Object.assign(Object.assign({}, variants.animate), {
+                [type]: value.on,
+                transition: on
+            }), variants.exit = Object.assign(Object.assign({}, variants.exit), {
+                [type]: value.off,
+                transition: null != off ? off : on
+            });
+        }
+        return variants;
+    })({
+        animation: animations,
+        transition: transition
+    });
+}, IconButton = React.memo(props => {
+    const {frameSize: frameSize = 36, iconSize: iconSize = 20, round: round = !0, icon: icon = "more", borderRadius: borderRadius = 4, border: border = !1, tooltip: tooltip, color: color, colorOn: colorOn, iconFill: iconFill = !1, bgColor: bgColor = "var(--core-surface-secondary)", bgColorHover: bgColorHover = "var(--core-outline-primary)", bgColorOn: bgColorOn = "var(--core-outline-primary)", iconColor: iconColor = "var(--core-text-primary)", iconColorOn: iconColorOn = "var(--core-text-primary)", iconColorHover: iconColorHover = "var(--core-text-primary)", transition: transition, variants: variants, initial: initial, animate: animate, exit: exit, fillColor: fillColor, label: label, hover: hover = !0, count: count = 0, toggle: toggle = !1, toggleIcon: toggleIcon = !1, isToggled: isToggled = !1, disabled: disabled = !1, showDot: showDot = !1, buttonSize: buttonSize = "m", presetAnimations: presetAnimations, customAnimations: customAnimations, onClick: onClick = () => null, onToolTip: onToolTip = () => null} = props, divAttributes = __rest(props, [ "frameSize", "iconSize", "round", "icon", "borderRadius", "border", "tooltip", "color", "colorOn", "iconFill", "bgColor", "bgColorHover", "bgColorOn", "iconColor", "iconColorOn", "iconColorHover", "transition", "variants", "initial", "animate", "exit", "fillColor", "label", "hover", "count", "toggle", "toggleIcon", "isToggled", "disabled", "showDot", "buttonSize", "presetAnimations", "customAnimations", "onClick", "onToolTip" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", ref = useRef(null), [on, setOn] = useState(isToggled), [hovered, setHovered] = useState(!1);
+    useEffect(() => setOn(isToggled), [ isToggled ]);
+    const handleClick = useCallback(e => {
+        disabled || (tooltip && onToolTip(null), toggle && setOn(!on), onClick(e));
+    }, [ disabled, tooltip, onToolTip, on, onClick, toggle ]), handleMouseEnter = useCallback(e => {
+        if (setHovered(!0), !(null == ref ? void 0 : ref.current) || !tooltip) return;
+        const tip = {
+            type: ToolTipType.button,
+            payload: {
+                label: tooltip
+            },
+            event: e,
+            ref: ref
+        };
+        onToolTip(tip);
+    }, [ tooltip, onToolTip ]), handleMouseLeave = useCallback(() => {
+        setHovered(!1), tooltip && onToolTip(null);
+    }, [ tooltip, onToolTip ]), bgColorNormal = useMemo(() => on ? bgColorOn : null != bgColor ? bgColor : "var(--core-surface-secondary)", [ bgColorOn, bgColor, on ]), bgHoverColor = useMemo(() => hover && on ? bgColorOn : hover ? bgColorHover : null != bgColor ? bgColor : "transparent", [ hover, bgColor, bgColorOn, bgColorHover, on ]), textColor = useMemo(() => on ? colorOn : null != color ? color : "var(--core-text-primary)", [ on, colorOn, color ]), setIconColor = useMemo(() => on ? iconColorOn : hovered ? iconColorHover : null != iconColor ? iconColor : "var(--core-text-primary)", [ on, iconColorOn, iconColor, iconColorHover, hovered ]), size = useMemo(() => buttonSize ? "s" === buttonSize ? 24 : "m" === buttonSize ? 36 : "l" === buttonSize ? 44 : "xl" === buttonSize ? 56 : void 0 : frameSize, [ frameSize, buttonSize ]), cssVars = useMemo(() => ({
+        "--ib-bg-color": bgColorNormal,
+        "--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": border ? "1px" : 0,
+        "--ib-color": textColor,
+        "--ib-cursor": disabled ? "default" : "pointer"
+    }), [ bgColorNormal, bgHoverColor, textColor, border, size, borderRadius, iconSize, round, disabled ]);
+    return jsxs(motion.button, Object.assign({
+        id: divId,
+        type: "button",
+        className: `${css_button}${divClass}`,
+        style: Object.assign(Object.assign({}, divStyle), cssVars),
+        onClick: e => handleClick(e),
+        onMouseOutCapture: handleMouseLeave,
+        onMouseOverCapture: handleMouseEnter,
+        transition: transition,
+        variants: variants,
+        initial: initial,
+        animate: animate,
+        exit: exit,
+        disabled: disabled,
+        "aria-disabled": disabled,
+        ref: ref
+    }, rest, {
+        children: [ jsx(motion.div, {
+            className: css_icon,
+            style: {
+                opacity: disabled ? .3 : 1
+            },
+            variants: resolveVariants(presetAnimations, customAnimations),
+            initial: isToggled ? "animate" : "initial",
+            animate: on ? "animate" : "exit",
+            children: jsx(Icon, {
+                name: icon,
+                strokeColor: setIconColor,
+                fillColor: fillColor,
+                disabled: disabled,
+                size: iconSize,
+                fill: iconFill,
+                toggle: !!toggleIcon && on,
+                pointer: !0
+            })
+        }), label && jsx("div", {
+            className: css_label,
+            children: label
+        }), jsx(Dot, {
+            show: showDot
+        }), 0 !== count && jsx("div", {
+            className: css_count,
+            children: jsx(Badge, {
+                variant: "light",
+                count: count,
+                hideNull: !0
+            })
+        }) ]
+    }));
+});
+
+/**
+ * Resolves button animation to motion variants
+ */ export { AnimationPreset as A, IconButton as I, AnimationType as a };

package/dist/esm/chunks/{IndexedDB-DA5oZXju.mjs → IndexedDB-C1lcbDjn.mjs}

@@ -1,4 +1,4 @@
-import { a as __awaiter } from "./tslib.es6-CVvvNSPr.mjs";
+import { a as __awaiter } from "./tslib.es6-CDAuOlZ8.mjs";
 
 class IndexedDB {
     constructor(storeName, options = {}) {

package/dist/esm/chunks/{Label-wDPtyK4h.mjs → Label-B7SDZHF3.mjs}

@@ -1,11 +1,11 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
+import { _ as __rest } from "./tslib.es6-CDAuOlZ8.mjs";
 
 import { jsx } from "react/jsx-runtime";
 
 import { useCallback, useMemo } from "react";
 
-import { s as setStyle } from "./misc-zecH7-IH.mjs";
+import { s as setStyle } from "./misc-C5cfUKzm.mjs";
 
 var LabelBackground, css = {
     label: "Label-module_label__RaRvM",

package/dist/esm/chunks/{Level-B9JayinM.mjs → Level-CjR-2ZHs.mjs}

@@ -1,12 +1,12 @@
-import { _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
+import { _ as __rest } from "./tslib.es6-CDAuOlZ8.mjs";
 
 import { jsx } from "react/jsx-runtime";
 
 import React, { useRef, useState, useMemo, useEffect } from "react";
 
-import { s as setStyle } from "./misc-zecH7-IH.mjs";
+import { s as setStyle } from "./misc-C5cfUKzm.mjs";
 
-import { A as AudioVisualizer } from "./audioVisualizer-nMo67yOW.mjs";
+import { A as AudioVisualizer } from "./audioVisualizer-Cw40IeKn.mjs";
 
 var css_wrapper = "Level-module_wrapper__yOfXw", css_barContainer = "Level-module_barContainer__QMUdv", css_bar = "Level-module_bar__MnApX";
 

package/dist/esm/chunks/{Modal-C-Q2A_RY.mjs → Modal-BLqTi3R2.mjs}

@@ -1,17 +1,17 @@
 'use client';
-import { _ as __rest } from "./tslib.es6-CVvvNSPr.mjs";
+import { _ as __rest } from "./tslib.es6-CDAuOlZ8.mjs";
 
 import { jsxs, jsx } from "react/jsx-runtime";
 
 import React, { useRef, useState, useCallback, useMemo, useEffect } from "react";
 
-import { s as setStyle } from "./misc-zecH7-IH.mjs";
+import { s as setStyle } from "./misc-C5cfUKzm.mjs";
 
-import { B as Button } from "./Button-CWKs3uAV.mjs";
+import { B as Button } from "./Button-C6jYGagD.mjs";
 
-import { I as Icon } from "./Icon-L8B35JN1.mjs";
+import { I as Icon } from "./Icon-CKS12m2e.mjs";
 
-import { I as IconButton } from "./IconButton-DxwJemEK.mjs";
+import { I as IconButton } from "./IconButton-Cka059ZT.mjs";
 
 var css = {
     wrapper: "Modal-module_wrapper__34Hds flexBox-module_columnBetween__ERfp7",

package/dist/esm/chunks/{ModalController-ClAjHLPb.mjs → ModalController-BGCz54A8.mjs}

@@ -4,15 +4,15 @@ import { useDragControls, AnimatePresence, motion } from "motion/react";
 
 import { useRef } from "react";
 
-import "./microphoneStore-Cbx9nV4R.mjs";
+import "./microphoneStore-Do0a5LZ9.mjs";
 
-import "./volumeStore-BrgZCRKF.mjs";
+import "./volumeStore-D5i1CeFf.mjs";
 
-import "./webRTCStore-DhFE9-bb.mjs";
+import "./webRTCStore-BLGNTnV3.mjs";
 
-import { O as Overlay } from "./Overlay-Dr9YYxJ6.mjs";
+import { O as Overlay } from "./Overlay-Dp2GOGjC.mjs";
 
-import { u as useModal, a as useModalActions } from "./modalStore-D6_oc47l.mjs";
+import { u as useModal, a as useModalActions } from "./modalStore-OVzsFkde.mjs";
 
 var css_container = "ModalController-module_container__3cSaO", css_box = "ModalController-module_box__cPzOz", css_wrapper = "ModalController-module_wrapper__HkOoX flexBox-module_row__z24tF";