@apple-pie/slice 0.1.60 → 0.2.0

package/dist/cjs/chunks/IconButton-C8l4gN5C.js

@@ -1,182 +0,0 @@
-'use client';
-"use strict";
-
-var AnimationPreset, AnimationType, tslib_es6 = require("./tslib.es6-DL37Dyu4.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), misc = require("./misc-B3tF47Um.js"), theme_corners = require("../theme/corners.js"), Badge = require("./Badge-CQrpFFZl.js"), Dot = require("./Dot-GHGV4L29.js"), Icon = require("./Icon-B07V8-iO.js"), sharedTypes = require("./sharedTypes-CnzGgdys.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
- */
-exports.AnimationPreset = void 0, (AnimationPreset = exports.AnimationPreset || (exports.AnimationPreset = {})).Rotate = "rotate", 
-AnimationPreset.Fade = "fade", AnimationPreset.Scale = "scale", 
-/**
- * Popular types
- */
-exports.AnimationType = void 0, (AnimationType = exports.AnimationType || (exports.AnimationType = {})).Rotate = "rotate", 
-AnimationType.Fade = "opacity", AnimationType.Scale = "scale";
-
-/**
- * Resolves presets to a button animation
- */
-const presetAnimation = {
-    [exports.AnimationPreset.Rotate]: {
-        animation: {
-            type: exports.AnimationType.Rotate,
-            value: {
-                on: 0,
-                off: 180
-            }
-        },
-        transition: {
-            on: {
-                duration: .25,
-                ease: "linear"
-            }
-        }
-    },
-    [exports.AnimationPreset.Fade]: {
-        animation: {
-            type: exports.AnimationType.Fade,
-            value: {
-                off: 0,
-                on: 1
-            }
-        },
-        transition: {
-            on: {
-                duration: .25,
-                ease: "easeInOut"
-            }
-        }
-    },
-    [exports.AnimationPreset.Scale]: {
-        animation: {
-            type: exports.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 = theme_corners.corners["corner-xs"], border: border = !1, tooltip: tooltip, color: color, colorOn: colorOn, iconFill: iconFill = !1, backgroundColor: backgroundColor = "var(--core-surface-secondary)", backgroundColorHover: backgroundColorHover = "var(--core-outline-primary)", backgroundColorOn: backgroundColorOn = "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 = tslib_es6.__rest(props, [ "frameSize", "iconSize", "round", "icon", "borderRadius", "border", "tooltip", "color", "colorOn", "iconFill", "backgroundColor", "backgroundColorHover", "backgroundColorOn", "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 = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", ref = React.useRef(null), [on, setOn] = React.useState(isToggled), [hovered, setHovered] = React.useState(!1);
-    React.useEffect(() => setOn(isToggled), [ isToggled ]);
-    const handleClick = React.useCallback(e => {
-        disabled || (tooltip && onToolTip(null), toggle && setOn(!on), onClick(e));
-    }, [ disabled, tooltip, onToolTip, on, onClick, toggle ]), handleMouseEnter = React.useCallback(e => {
-        if (setHovered(!0), !(null == ref ? void 0 : ref.current) || !tooltip) return;
-        const tip = {
-            type: sharedTypes.ToolTipType.button,
-            payload: {
-                label: tooltip
-            },
-            event: e,
-            ref: ref
-        };
-        onToolTip(tip);
-    }, [ tooltip, onToolTip ]), handleMouseLeave = React.useCallback(() => {
-        setHovered(!1), tooltip && onToolTip(null);
-    }, [ tooltip, onToolTip ]), bgColorNormal = React.useMemo(() => on ? backgroundColorOn : null != backgroundColor ? backgroundColor : "var(--core-surface-secondary)", [ backgroundColorOn, backgroundColor, on ]), bgHoverColor = React.useMemo(() => hover && on ? backgroundColorOn : hover ? backgroundColorHover : null != backgroundColor ? backgroundColor : "transparent", [ hover, backgroundColor, backgroundColorOn, backgroundColorHover, on ]), textColor = React.useMemo(() => on ? colorOn : null != color ? color : "var(--core-text-primary)", [ on, colorOn, color ]), setIconColor = React.useMemo(() => on ? iconColorOn : hovered ? iconColorHover : null != iconColor ? iconColor : "var(--core-text-primary)", [ on, iconColorOn, iconColor, iconColorHover, hovered ]), size = React.useMemo(() => buttonSize ? "s" === buttonSize ? 24 : "m" === buttonSize ? 36 : "l" === buttonSize ? 44 : "xl" === buttonSize ? 56 : void 0 : frameSize, [ frameSize, buttonSize ]), cssVars = React.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%" : misc.setStyle(borderRadius, theme_corners.corners["corner-none"]),
-        "--ib-border": border ? "1px" : 0,
-        "--ib-color": textColor,
-        "--ib-cursor": disabled ? "default" : "pointer"
-    }), [ bgColorNormal, bgHoverColor, textColor, border, size, borderRadius, iconSize, round, disabled ]);
-    return jsxRuntime.jsxs(react.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: [ jsxRuntime.jsx(react.motion.div, {
-            className: css_icon,
-            style: {
-                opacity: disabled ? .3 : 1
-            },
-            variants: resolveVariants(presetAnimations, customAnimations),
-            initial: isToggled ? "animate" : "initial",
-            animate: on ? "animate" : "exit",
-            children: jsxRuntime.jsx(Icon.Icon, {
-                name: icon,
-                strokeColor: setIconColor,
-                fillColor: fillColor,
-                disabled: disabled,
-                size: iconSize,
-                fill: iconFill,
-                toggle: !!toggleIcon && on,
-                pointer: !0
-            })
-        }), label && jsxRuntime.jsx("div", {
-            className: css_label,
-            children: label
-        }), jsxRuntime.jsx(Dot.Dot, {
-            show: showDot
-        }), 0 !== count && jsxRuntime.jsx("div", {
-            className: css_count,
-            children: jsxRuntime.jsx(Badge.Badge, {
-                variant: "light",
-                count: count,
-                hideNull: !0
-            })
-        }) ]
-    }));
-});
-
-/**
- * Resolves button animation to motion variants
- */ exports.IconButton = IconButton;

package/dist/cjs/chunks/Label-BbJHiOmP.js

@@ -1,106 +0,0 @@
-'use client';
-"use strict";
-
-var LabelBackground, tslib_es6 = require("./tslib.es6-DL37Dyu4.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-B3tF47Um.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",
-    s: "Label-module_s__Zh8Gp type-module_body-s-regular__vRHSP",
-    m: "Label-module_m__BJtGL type-module_body-m-regular__LuQBA",
-    l: "Label-module_l__t70tt type-module_body-l-regular__lOYbg",
-    xl: "Label-module_xl__bX0ub type-module_body-xl-regular__pF2kC"
-};
-
-function resolveSemanticBackground(backgroundColor) {
-    if (!backgroundColor || "string" != typeof backgroundColor) return;
-    const semanticKey = backgroundColor;
-    return exports.LabelBackground[semanticKey] ? exports.LabelBackground[semanticKey] : Object.values(exports.LabelBackground).find(value => value === backgroundColor);
-}
-
-exports.LabelBackground = void 0, (LabelBackground = exports.LabelBackground || (exports.LabelBackground = {})).red = "red", 
-LabelBackground.yellow = "yellow", LabelBackground.green = "green", LabelBackground.blue = "blue", 
-LabelBackground.grey = "grey", LabelBackground.lightGrey = "lightGrey", LabelBackground.white = "white", 
-exports.Label = function(props) {
-    const {children: children, label: label, backgroundColor: backgroundColor = "transparent", borderWidth: borderWidth, borderSize: borderSize = 1, borderColor: borderColor = "var(--core-outline-primary)", borderRadius: borderRadius = theme_corners.corners["corner-xs"], padding: padding, textColor: textColor = "var(--core-text-primary)", textSize: textSize = "s", onClick: onClick} = props, divAttributes = tslib_es6.__rest(props, [ "children", "label", "backgroundColor", "borderWidth", "borderSize", "borderColor", "borderRadius", "padding", "textColor", "textSize", "onClick" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", isInteractive = Boolean(onClick), resolvedBackgroundColor = backgroundColor, resolvedBorderWidth = null != borderWidth ? borderWidth : borderSize, handleClick = React.useCallback(e => {
-        isInteractive && (null == onClick || onClick(e));
-    }, [ isInteractive, onClick ]), setBgColor = React.useMemo(() => {
-        if (!resolvedBackgroundColor) return "transparent";
-        const fill = resolveSemanticBackground(resolvedBackgroundColor);
-        if (!fill) return resolvedBackgroundColor;
-        switch (fill) {
-          case "red":
-            return "var(--feedback-warning)";
-
-          case "green":
-            return "var(--feedback-positive)";
-
-          case "yellow":
-            return "var(--array-yellow)";
-
-          case "grey":
-          case "white":
-            return "var(--core-surface-secondary)";
-
-          case "lightGrey":
-            return "var(--core-button-disabled)";
-
-          case "blue":
-            return "var(--core-button-primary)";
-
-          default:
-            return "var(--core-surface-primary)";
-        }
-    }, [ resolvedBackgroundColor ]), setBorderColor = React.useMemo(() => {
-        if (!resolvedBackgroundColor) return borderColor;
-        const fill = resolveSemanticBackground(resolvedBackgroundColor);
-        if (!fill) return borderColor;
-        switch (fill) {
-          case "red":
-            return "var(--feedback-warning)";
-
-          case "green":
-            return "var(--feedback-positive)";
-
-          case "yellow":
-            return "var(--array-yellow-label)";
-
-          case "grey":
-          case "lightGrey":
-          case "white":
-            return "var(--core-outline-primary)";
-
-          case "blue":
-            return "var(--core-button-primary)";
-
-          default:
-            return "var(--core-surface-primary)";
-        }
-    }, [ 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",
-        "--label-color": textColor,
-        "--label-bg-color": setBgColor,
-        "--label-border-size": misc.setStyle(resolvedBorderWidth),
-        "--label-border-color": setBorderColor
-    }), [ setPadding, borderRadius, onClick, textColor, setBorderColor, setBgColor, resolvedBorderWidth ]);
-    return isInteractive ? jsxRuntime.jsx("button", Object.assign({
-        id: divId,
-        type: "button",
-        className: `${css.button} ${css[textSize]}${divClass}`,
-        style: Object.assign(Object.assign({}, divStyle), cssVars),
-        "aria-label": "Label button",
-        onClick: e => handleClick(e)
-    }, rest, {
-        children: null != children ? children : label
-    })) : jsxRuntime.jsx("span", Object.assign({
-        id: divId,
-        className: `${css.label} ${css[textSize]}${divClass}`,
-        style: Object.assign(Object.assign({}, divStyle), cssVars)
-    }, rest, {
-        children: null != children ? children : label
-    }));
-};

package/dist/cjs/chunks/Level-Bj5Kg1W3.js

@@ -1,63 +0,0 @@
-'use client';
-"use strict";
-
-var tslib_es6 = require("./tslib.es6-DL37Dyu4.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), theme_corners = require("../theme/corners.js"), misc = require("./misc-B3tF47Um.js"), audioVisualizer = require("./audioVisualizer-cC1Q8TJs.js");
-
-require("./broadcastChannel-BV0gIfvH.js");
-
-var css_wrapper = "Level-module_wrapper__yOfXw", css_barContainer = "Level-module_barContainer__QMUdv", css_bar = "Level-module_bar__MnApX";
-
-const Level = React.memo(function(props) {
-    const {width: width = 100, height: height = 4, gap: gap = 0, audioStream: audioStream, playing: playing = !1, minIntensity: minIntensity = 0, maxIntensity: maxIntensity = 5, intensity: intensity = 3.5, peakIntensity: peakIntensity = .5, risePerSeconds: risePerSeconds = 4, releasePerSeconds: releasePerSeconds, ReleasePerSeconds: ReleasePerSeconds = 1.5, borderRadius: borderRadius = theme_corners.corners["corner-xs"], borderColor: borderColor = "transparent", borderWidth: borderWidth = 0, colorActive: colorActive = "var(--feedback-positive)", backgroundColor: backgroundColor = "var(--core-surface-primary-tint)"} = props, divAttributes = tslib_es6.__rest(props, [ "width", "height", "gap", "audioStream", "playing", "minIntensity", "maxIntensity", "intensity", "peakIntensity", "risePerSeconds", "releasePerSeconds", "ReleasePerSeconds", "borderRadius", "borderColor", "borderWidth", "colorActive", "backgroundColor" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", visualizerRef = React.useRef(null), [normalizedIntensity, setNormalizedIntensity] = React.useState(0), totalBars = Math.max(1, Math.floor(maxIntensity)), minBars = Math.max(0, Math.min(Math.floor(minIntensity), totalBars)), releaseRate = null != releasePerSeconds ? releasePerSeconds : ReleasePerSeconds, intensityIntervals = React.useMemo(() => new Array(totalBars).fill(0).map((_, index) => index), [ totalBars ]), activeBars = React.useMemo(() => {
-        const scaledBars = Math.round(minBars + normalizedIntensity * (totalBars - minBars));
-        return Math.max(minBars, Math.min(scaledBars, totalBars));
-    }, [ minBars, normalizedIntensity, totalBars ]), visualizerSettings = React.useMemo(() => ({
-        intensityMultiplier: intensity,
-        peakIntensity: peakIntensity,
-        risePerSecond: risePerSeconds,
-        releasePerSecond: releaseRate,
-        onUpdate: ({intensity: nextIntensity}) => setNormalizedIntensity(nextIntensity)
-    }), [ intensity, peakIntensity, releaseRate, risePerSeconds ]);
-    React.useEffect(() => {
-        var _a;
-        if (null === (_a = visualizerRef.current) || void 0 === _a || _a.dispose(), visualizerRef.current = null, 
-        !audioStream) return void setNormalizedIntensity(0);
-        const visualizer = new audioVisualizer.AudioVisualizer(audioStream, visualizerSettings);
-        return visualizerRef.current = visualizer, playing && visualizer.start(), () => {
-            visualizer.dispose(), visualizerRef.current === visualizer && (visualizerRef.current = null);
-        };
-    }, [ audioStream, playing, visualizerSettings ]), React.useEffect(() => {
-        visualizerRef.current && (playing ? visualizerRef.current.start() : (visualizerRef.current.stop(), 
-        setNormalizedIntensity(0)));
-    }, [ playing ]);
-    const cssVars = React.useMemo(() => ({
-        "--level-width": misc.setStyle(width),
-        "--level-height": misc.setStyle(height),
-        "--level-gap": misc.setStyle(gap),
-        "--level-bar-border-radius": misc.setStyle(borderRadius),
-        "--level-border-color": borderColor,
-        "--level-border-width": misc.setStyle(borderWidth),
-        "--level-color": colorActive,
-        "--level-bg-color": backgroundColor
-    }), [ width, height, gap, borderRadius, borderColor, borderWidth, colorActive, backgroundColor ]);
-    return jsxRuntime.jsx("div", Object.assign({
-        id: divId,
-        className: `${css_wrapper}${divClass}`,
-        style: Object.assign(Object.assign({}, cssVars), divStyle)
-    }, rest, {
-        children: intensityIntervals.map(barIndex => {
-            const isActive = barIndex < activeBars;
-            return jsxRuntime.jsx("div", {
-                className: css_barContainer,
-                children: jsxRuntime.jsx("div", {
-                    className: css_bar,
-                    style: {
-                        opacity: isActive ? 1 : 0
-                    }
-                })
-            }, barIndex);
-        })
-    }));
-});
-
-exports.Level = Level;

package/dist/cjs/chunks/Modal-CVmIsdGy.js

@@ -1,128 +0,0 @@
-'use client';
-"use strict";
-
-var tslib_es6 = require("./tslib.es6-DL37Dyu4.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), theme_corners = require("../theme/corners.js"), misc = require("./misc-B3tF47Um.js"), Button = require("./Button-D53KhAkv.js"), Icon = require("./Icon-B07V8-iO.js"), IconButton = require("./IconButton-C8l4gN5C.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",
-    titleIcon: "Modal-module_titleIcon__xJYzy flexBox-module_row__z24tF",
-    contentWrapper: "Modal-module_contentWrapper__Swyjx flexBox-module_columnStart__C7P44 scrollBars-module_scrollbars__c-ZPl",
-    content: "Modal-module_content__dWO-B flexBox-module_columnStart__C7P44",
-    actions: "Modal-module_actions__hY6zi flexBox-module_rowBetween__5FEvi",
-    leftActions: "Modal-module_leftActions__-M-DM flexBox-module_rowStart__4tcxS",
-    rightActions: "Modal-module_rightActions__IFgrN flexBox-module_rowEnd__rVdVm",
-    xs: "Modal-module_xs__iPcS9 type-module_body-xs-medium__s3KvF",
-    s: "Modal-module_s__31sYS type-module_body-s-medium__tjdFc",
-    m: "Modal-module_m__Iz82L type-module_body-m-medium__uW1on",
-    l: "Modal-module_l__pntdS type-module_body-l-medium__BqRC7",
-    xl: "Modal-module_xl__MR-68 type-module_body-xl-medium__BeyrH"
-};
-
-const Modal = React.memo(props => {
-    const {children: children, id: id, className: className, style: style, minWidth: minWidth = 300, minHeight: minHeight = 200, maxHeight: maxHeight = 400, maxWidth: maxWidth = 400, padding: padding, close: close = !0, title: title, titleTextSize: titleTextSize = "l", contentTextSize: contentTextSize = "m", actions: actions, titleIcon: titleIcon, titleIconFill: titleIconFill = !0, titleBorderColor: titleBorderColor = "var(--core-outline-primary)", titleBorderWidth: titleBorderWidth = 0, actionsBorderColor: actionsBorderColor = "var(--core-outline-primary)", actionsBorderWidth: actionsBorderWidth = 0, autoBorderBottom: autoBorderBottom = !0, onAction: onAction, onReject: onReject, onResolve: onResolve, onClose: onClose, onToolTip: onToolTip, onDragPointerDown: onDragPointerDown, backgroundColor: backgroundColor = "var(--core-surface-secondary)", scrollHandleColor: scrollHandleColor = "var(--core-text-disabled)", scrollHandleColorHover: scrollHandleColorHover = "var(--core-text-disabled)", titleColor: titleColor = "var(--core-text-special)", borderColor: borderColor = "var(--core-outline-primary)", borderRadius: borderRadius = theme_corners.corners["corner-m"], borderWidth: borderWidth = 1} = props, rest = tslib_es6.__rest(props, [ "children", "id", "className", "style", "minWidth", "minHeight", "maxHeight", "maxWidth", "padding", "close", "title", "titleTextSize", "contentTextSize", "actions", "titleIcon", "titleIconFill", "titleBorderColor", "titleBorderWidth", "actionsBorderColor", "actionsBorderWidth", "autoBorderBottom", "onAction", "onReject", "onResolve", "onClose", "onToolTip", "onDragPointerDown", "backgroundColor", "scrollHandleColor", "scrollHandleColorHover", "titleColor", "borderColor", "borderRadius", "borderWidth" ]), contentWrapperRef = React.useRef(null), modalStyle = null != style ? style : {}, modalClass = className ? ` ${className}` : "", [scrolls, setScrolls] = React.useState(!1), getScrolls = React.useCallback(() => {
-        var _a, _b;
-        const height = null === (_a = contentWrapperRef.current) || void 0 === _a ? void 0 : _a.offsetHeight, scrollHeight = null === (_b = contentWrapperRef.current) || void 0 === _b ? void 0 : _b.scrollHeight;
-        return !(!height || !scrollHeight) && height < scrollHeight;
-    }, []), setActionBorderWidth = React.useMemo(() => scrolls && 0 === actionsBorderWidth && autoBorderBottom ? "1px" : misc.setStyle(actionsBorderWidth), [ actionsBorderWidth, scrolls, autoBorderBottom ]), setContentPaddingTops = React.useMemo(() => {
-        if (scrolls && autoBorderBottom) {
-            if ("string" == typeof padding) {
-                return padding.split(" ")[0];
-            }
-            return misc.setStyle(padding, "var(--spacing-m)");
-        }
-        return "0";
-    }, [ scrolls, padding, autoBorderBottom ]), cssVars = React.useMemo(() => ({
-        "--modal-min-width": misc.setStyle(minWidth),
-        "--modal-min-height": misc.setStyle(minHeight),
-        "--modal-max-height": misc.setStyle(maxHeight),
-        "--modal-max-width": misc.setStyle(maxWidth),
-        "--modal-border-color": borderColor,
-        "--modal-title-color": titleColor,
-        "--modal-border-radius": misc.setStyle(borderRadius),
-        "--modal-border-width": misc.setStyle(borderWidth),
-        "--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),
-        "--modal-actions-border-color": actionsBorderColor,
-        "--modal-scroll-handle": misc.setStyle(scrollHandleColor),
-        "--modal-scroll-handle-hover": misc.setStyle(scrollHandleColorHover),
-        "--modal-actions-border-width": setActionBorderWidth,
-        "--modal-content-padding-tops": setContentPaddingTops
-    }), [ minWidth, minHeight, maxHeight, maxWidth, borderColor, titleColor, borderRadius, borderWidth, padding, titleBorderWidth, titleBorderColor, actionsBorderColor, backgroundColor, scrollHandleColor, scrollHandleColorHover, setContentPaddingTops, setActionBorderWidth ]);
-    React.useEffect(() => {
-        children && maxHeight && setScrolls(getScrolls());
-    }, [ children, maxHeight, getScrolls ]);
-    const renderActions = position => null == actions ? void 0 : actions.map((action, index) => action.position || "left" !== position ? action.position && position !== action.position ? null : jsxRuntime.jsx(Button.Button, {
-        variant: action.primary ? "solid" : "outline",
-        label: action.label,
-        onClick: e => (action => {
-            const resolves = !action.promise || "resolve" === action.promise, rejects = "reject" === action.promise;
-            null == onAction || onAction(action.value), resolves && (null == onResolve || onResolve(action.value)), 
-            rejects && (null == onReject || onReject(new Error("Modal rejected", {
-                cause: action.value
-            })));
-        })(action),
-        round: !0 === action.round,
-        iconLeft: action.iconLeft,
-        iconRight: action.iconRight,
-        tooltip: action.tooltip,
-        onToolTip: tip => null == onToolTip ? void 0 : onToolTip(tip)
-    }, `${action.id}_${index}`) : null);
-    return jsxRuntime.jsxs("div", Object.assign({
-        id: id,
-        className: `${css.wrapper}${modalClass}`,
-        style: Object.assign(Object.assign({}, modalStyle), cssVars)
-    }, rest, {
-        children: [ (title || close) && jsxRuntime.jsxs("div", {
-            className: `${css.title} ${css[titleTextSize]}`,
-            onPointerDown: onDragPointerDown,
-            children: [ jsxRuntime.jsxs("div", {
-                className: css.titleBlock,
-                children: [ titleIcon && jsxRuntime.jsx("div", {
-                    className: css.titleIcon,
-                    children: jsxRuntime.jsx(Icon.Icon, {
-                        name: titleIcon,
-                        fill: titleIconFill,
-                        size: 20
-                    })
-                }), title ]
-            }), close && jsxRuntime.jsx("div", {
-                className: css.close,
-                children: jsxRuntime.jsx("div", {
-                    className: css.titleIcon,
-                    children: jsxRuntime.jsx(IconButton.IconButton, {
-                        tooltip: "close",
-                        "aria-label": "close",
-                        icon: "x",
-                        onClick: () => {
-                            null == onReject || onReject(new Error("Modal was closed", {
-                                cause: "user action"
-                            })), null == onClose || onClose();
-                        },
-                        onToolTip: tip => null == onToolTip ? void 0 : onToolTip(tip)
-                    })
-                })
-            }) ]
-        }), jsxRuntime.jsx("div", {
-            className: css.contentWrapper,
-            ref: contentWrapperRef,
-            children: jsxRuntime.jsx("div", {
-                className: `${css.content} ${css[contentTextSize]}`,
-                children: children
-            })
-        }), actions && actions.length > 0 && jsxRuntime.jsxs("div", {
-            className: css.actions,
-            onPointerDown: onDragPointerDown,
-            children: [ jsxRuntime.jsx("div", {
-                className: css.leftActions,
-                children: renderActions("left")
-            }), jsxRuntime.jsx("div", {
-                className: css.rightActions,
-                children: renderActions("right")
-            }) ]
-        }) ]
-    }));
-});
-
-exports.Modal = Modal;

package/dist/cjs/chunks/ModalController-DeSot1gM.js

@@ -1,81 +0,0 @@
-'use client';
-"use strict";
-
-var jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react");
-
-require("./microphoneStore-Dw-7f6Jb.js"), require("./volumeStore-BQIMqtSw.js"), 
-require("./webRTCStore-B8IKsBKT.js");
-
-var Overlay = require("./Overlay-CFoktASG.js"), modalStore = require("./modalStore-BNeHu-nv.js"), css_container = "ModalController-module_container__3cSaO", css_box = "ModalController-module_box__cPzOz", css_wrapper = "ModalController-module_wrapper__HkOoX flexBox-module_row__z24tF";
-
-const defaultTransition = {
-    ease: "easeOut",
-    duration: .25,
-    delay: .1
-}, defaultVariants = {
-    initial: {
-        opacity: 0,
-        y: 20
-    },
-    animate: {
-        opacity: 1,
-        y: 0
-    },
-    exit: {
-        opacity: 0,
-        y: 20
-    }
-};
-
-exports.ModalController = function(props) {
-    const {dragConstraintsRef: dragConstraintsRef, transition: transition = defaultTransition, variants: variants = defaultVariants, initial: initial = "initial", animate: animate = "animate", exit: exit = "exit", draggable: draggable = !0, overlayOpacity: overlayOpacity = .7, overlayColor: overlayColor = "rgb(0,0,0)"} = props, controls = react.useDragControls(), modal = modalStore.useModal(), resolve = modalStore.useModalActions().resolve, reject = modalStore.useModalActions().reject, hide = modalStore.useModalActions().hide, ModalComponent = null == modal ? void 0 : modal.component, modalProps = null == modal ? void 0 : modal.props, ref = React.useRef(null), constraints = null != dragConstraintsRef ? dragConstraintsRef : ref;
-    return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [ jsxRuntime.jsx(Overlay.Overlay, {
-            show: !!modal,
-            type: "dark",
-            opacity: overlayOpacity,
-            color: overlayColor,
-            onClick: () => hide()
-        }), jsxRuntime.jsx(react.AnimatePresence, {
-            children: modal && ModalComponent && jsxRuntime.jsx("div", {
-                className: css_container,
-                ref: ref,
-                children: jsxRuntime.jsx("div", {
-                    className: css_box,
-                    children: jsxRuntime.jsx(react.motion.div, {
-                        className: css_wrapper,
-                        variants: variants,
-                        initial: initial,
-                        animate: animate,
-                        exit: exit,
-                        transition: transition,
-                        drag: draggable,
-                        dragListener: !draggable && void 0,
-                        dragControls: draggable ? controls : void 0,
-                        dragConstraints: draggable ? constraints : void 0,
-                        dragElastic: draggable ? 0 : void 0,
-                        dragMomentum: !draggable && void 0,
-                        children: jsxRuntime.jsx(ModalComponent, Object.assign({}, modalProps, {
-                            onResolve: value => {
-                                "function" == typeof (null == modalProps ? void 0 : modalProps.onResolve) && modalProps.onResolve(value), 
-                                resolve(value);
-                            },
-                            onReject: error => {
-                                "function" == typeof (null == modalProps ? void 0 : modalProps.onReject) && modalProps.onReject(error), 
-                                reject(error);
-                            },
-                            onClose: () => {
-                                "function" == typeof (null == modalProps ? void 0 : modalProps.onClose) && modalProps.onClose(), 
-                                hide();
-                            },
-                            onDragPointerDown: e => {
-                                "function" == typeof (null == modalProps ? void 0 : modalProps.onDragPointerDown) && (null == modalProps || modalProps.onDragPointerDown(e)), 
-                                controls.start(e);
-                            }
-                        }))
-                    })
-                })
-            })
-        }) ]
-    });
-};

package/dist/cjs/chunks/Overlay-CFoktASG.js

@@ -1,41 +0,0 @@
-'use client';
-"use strict";
-
-var tslib_es6 = require("./tslib.es6-DL37Dyu4.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), css_overlay = "Overlay-module_overlay__EkbfA";
-
-const defaultTransition = {
-    ease: "easeOut",
-    duration: .25
-}, Overlay = React.memo(props => {
-    const {children: children, show: show = !1, type: type = "clear", global: global = !1, overlay: overlay, color: color = "rgb(0,0,0)", opacity: opacity, transition: transition = defaultTransition, onClick: onClick = () => null, toggleOverlay: toggleOverlay = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "children", "show", "type", "global", "overlay", "color", "opacity", "transition", "onClick", "toggleOverlay" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", computedOpacity = React.useMemo(() => "clear" === type ? 0 : void 0 !== opacity ? opacity : "dark" === type ? .8 : 0, [ type, opacity ]), handleClick = React.useCallback(() => {
-        global && toggleOverlay(!1), onClick();
-    }, [ global, toggleOverlay, onClick ]), handleContextMenu = React.useCallback(e => {
-        e.preventDefault();
-    }, []), cssVars = React.useMemo(() => ({
-        "--overlay-color": null != color ? color : "rgb(0,0,0)"
-    }), [ color ]);
-    return jsxRuntime.jsx(react.AnimatePresence, {
-        initial: !1,
-        children: show && jsxRuntime.jsx(react.motion.div, Object.assign({
-            id: divId,
-            className: `${css_overlay}${divClass}`,
-            style: Object.assign(Object.assign({}, divStyle), cssVars),
-            initial: {
-                opacity: 0
-            },
-            animate: {
-                opacity: computedOpacity
-            },
-            exit: {
-                opacity: 0
-            },
-            onClick: handleClick,
-            transition: transition,
-            onContextMenu: handleContextMenu
-        }, rest, {
-            children: children
-        }))
-    });
-});
-
-exports.Overlay = Overlay;

package/dist/cjs/chunks/Pager-NsKBlF0O.js

@@ -1,36 +0,0 @@
-'use client';
-"use strict";
-
-var tslib_es6 = require("./tslib.es6-DL37Dyu4.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-B3tF47Um.js"), css_wrapper = "Pager-module_wrapper__eutVg flexBox-module_row__z24tF", css_bullet = "Pager-module_bullet__TxyR5 flexBox-module_row__z24tF", css_selected = "Pager-module_selected__C6xbR";
-
-const Pager = React.memo(props => {
-    const {size: size = 8, index: index = 0, color: color, colorHover: colorHover, colorOn: colorOn, pages: pages = 2, gap: gap = 4, onChange: onChange = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "size", "index", "color", "colorHover", "colorOn", "pages", "gap", "onChange" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", [selected, setSelected] = React.useState(index), bullets = React.useMemo(() => Array.from({
-        length: pages
-    }, (_, i) => i), [ pages ]);
-    React.useEffect(() => setSelected(index), [ index ]);
-    const handleClick = React.useCallback(i => {
-        setSelected(i), onChange(i);
-    }, [ onChange ]), cssVars = React.useMemo(() => ({
-        "--pager-gap": `${gap}px`,
-        "--pager-size": `${size}px`,
-        "--pager-color": null != color ? color : "var(--core-text-disabled)",
-        "--pager-colorOn": null != colorOn ? colorOn : "var(--core-text-primary)",
-        "--pager-colorHover": null != colorHover ? colorHover : "var(--core-text-disabled)"
-    }), [ gap, size, color, colorOn, colorHover ]);
-    return jsxRuntime.jsx("div", Object.assign({
-        id: divId,
-        style: Object.assign(Object.assign({}, divStyle), cssVars),
-        className: `${css_wrapper}${divClass}`
-    }, rest, {
-        children: bullets.map(bulletId => jsxRuntime.jsx("input", {
-            className: `${css_bullet} ${selected === bulletId ? css_selected : ""}`,
-            type: "button",
-            onClick: () => handleClick(bulletId),
-            onKeyDown: e => misc.accessibleKeyDown(e, () => handleClick(bulletId)),
-            onTouchStart: () => handleClick(bulletId),
-            tabIndex: bulletId
-        }, `paging_bullet_${bulletId}`))
-    }));
-});
-
-exports.Pager = Pager;