@apple-pie/slice 0.1.60 → 0.2.0

package/dist/esm/chunks/DivInput-C0E2-H7Q.mjs

@@ -1,113 +0,0 @@
-'use client';
-import { a as __rest } from "./tslib.es6-DiR-r3pp.mjs";
-
-import { jsx } from "react/jsx-runtime";
-
-import { motion } from "motion/react";
-
-import React, { useRef, useState, useCallback, useEffect, useMemo } from "react";
-
-import { b as cleanString, s as setStyle } from "./misc-CagHFpjD.mjs";
-
-import { corners } from "../theme/corners.mjs";
-
-var 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 = corners["corner-xs"], backgroundColor: backgroundColor = "var(--core-surface-secondary)"} = props, divAttributes = __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 = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", ref = useRef(null), value = null != valueProp ? valueProp : "", innerText = useRef(cleanString("" === value ? placeholder : value)), [isFocused, setIsFocused] = useState(focus), [text, setText] = useState(innerText.current), [isPlaceholder, setIsPlaceholder] = useState(!1), resolvedBorderRadius = null != borderRadius ? borderRadius : radius, resolvedBackgroundColor = backgroundColor, setCursor = useCallback((to, length = 1) => {
-        if (ref.current) {
-            const range = document.createRange();
-            range.setStart(ref.current, "start" === to ? 0 : length), range.setEnd(ref.current, "start" === to ? 0 : 1);
-            const selection = globalThis.getSelection();
-            null == selection || selection.removeAllRanges(), null == selection || selection.addRange(range);
-        }
-    }, []), handleSelectAll = useCallback(() => {
-        var _a, _b, _c;
-        if (!(null === (_a = ref.current) || void 0 === _a ? void 0 : _a.firstChild)) return;
-        const range = document.createRange();
-        range.selectNode(ref.current.firstChild), null === (_b = globalThis.getSelection()) || void 0 === _b || _b.removeAllRanges(), 
-        null === (_c = globalThis.getSelection()) || void 0 === _c || _c.addRange(range);
-    }, []);
-    useEffect(() => {
-        if (!ref.current) return;
-        ref.current.contentEditable = isEditable ? "true" : "false", focus && (handleSelectAll(), 
-        ref.current.focus()), setIsFocused(focus);
-        const newText = cleanString("" === value ? placeholder : value);
-        innerText.current = newText, ref.current.innerText = newText, setText(newText);
-    }, [ value, placeholder, focus, isEditable, handleSelectAll ]), useEffect(() => {
-        placeholder && setIsPlaceholder(text === placeholder);
-    }, [ placeholder, text ]);
-    const handleSetValue = useCallback(e => {
-        let textString = "";
-        if (0 === e.currentTarget.innerText.replaceAll(/\s+/g, "").length && placeholder && ref.current) ref.current.innerText = placeholder, 
-        setIsPlaceholder(!0), setCursor("start"); else if (isPlaceholder) {
-            const textString = e.currentTarget.innerText.replace(placeholder, "");
-            innerText.current = cleanString(textString), ref.current && (ref.current.innerText = cleanString(textString), 
-            setCursor("end"));
-        } else textString = e.currentTarget.innerText, innerText.current = cleanString(textString || "");
-        onChange(innerText.current), setText(innerText.current);
-    }, [ placeholder, isPlaceholder, onChange, setCursor ]), handleKeyDown = useCallback(e => (e.stopPropagation(), 
-    "Enter" === e.key && ref.current ? (e.preventDefault(), ref.current.innerHTML = cleanString(innerText.current), 
-    onChange(null), onSubmit(innerText.current), null == ref || ref.current.blur(), 
-    !0) : "<" === e.key || ">" === e.key ? (e.preventDefault(), !1) : void 0), [ onChange, onSubmit ]), handlePaste = useCallback(e => {
-        var _a;
-        if (e.preventDefault(), !e.clipboardData) return;
-        const textData = e.clipboardData.getData("text/plain");
-        if (!textData) return;
-        const pasteText = cleanString(textData), selection = globalThis.getSelection();
-        if (!(null == selection ? void 0 : selection.rangeCount)) return;
-        null == selection || selection.deleteFromDocument(), null == selection || selection.getRangeAt(0).insertNode(document.createTextNode(pasteText)), 
-        null == selection || selection.collapseToEnd();
-        const newText = (null === (_a = ref.current) || void 0 === _a ? void 0 : _a.innerText) || "";
-        return onChange(cleanString(newText)), innerText.current = cleanString(newText), 
-        !0;
-    }, [ onChange ]), handleFocus = useCallback(e => {
-        setIsFocused(!0), onFocus(e);
-    }, [ onFocus ]), handleBlur = useCallback(_e => {
-        if (!ref.current) return;
-        const blurText = cleanString(innerText.current);
-        "" === blurText && (ref.current.innerText = placeholder, innerText.current = placeholder), 
-        onChange(null), onSubmit(innerText.current), setIsFocused(!1), onBlur(blurText);
-    }, [ placeholder, onChange, onSubmit, onBlur ]), handleClick = useCallback(e => {
-        e.preventDefault(), e.stopPropagation(), isPlaceholder && setTimeout(() => setCursor("start"), 50), 
-        onClick();
-    }, [ isPlaceholder, setCursor, onClick ]), setWidth = useCallback(width => "string" == typeof width ? width : `${width}px`, []), cssVars = useMemo(() => ({
-        "--div-input-color": isPlaceholder ? "var(--core-text-tertiary)" : "var(--core-text-primary)",
-        "--div-input-width": `${setWidth(width)}`,
-        "--div-input-user-select": isEditable ? "text" : "none",
-        "--div-input-padding": null != padding ? padding : "0",
-        "--div-input-text-align": null != textAlign ? textAlign : "left",
-        "--div-input-white-space": isEditable && wrap ? "wrap" : "no-wrap",
-        "--div-input-line-clamp": isEditable && isFocused ? "none" : null != clamp ? clamp : "none",
-        "--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": setStyle(resolvedBorderRadius)
-    }), [ clamp, wrap, isEditable, width, textAlign, isFocused, padding, isPlaceholder, setWidth, resolvedBackgroundColor, resolvedBorderRadius ]);
-    return jsx("div", Object.assign({
-        id: divId,
-        className: `${css_wrapper}${divClass}`,
-        style: Object.assign(Object.assign({}, divStyle), cssVars)
-    }, rest, {
-        children: jsx(motion.div, {
-            className: css_input,
-            ref: ref,
-            contentEditable: isEditable,
-            suppressContentEditableWarning: !0,
-            onInput: handleSetValue,
-            onKeyDown: handleKeyDown,
-            onFocus: handleFocus,
-            onBlur: handleBlur,
-            onPaste: handlePaste,
-            onDoubleClick: onDblClick,
-            onClick: handleClick,
-            role: "textbox",
-            "aria-label": name,
-            children: null != valueProp ? valueProp : placeholder
-        })
-    }));
-});
-
-DivInput.displayName = "DivInput";
-
-export { DivInput as D };

package/dist/esm/chunks/Dot-CUKJwIzW.mjs

@@ -1,78 +0,0 @@
-'use client';
-import { a as __rest } from "./tslib.es6-DiR-r3pp.mjs";
-
-import { jsx } from "react/jsx-runtime";
-
-import { AnimatePresence, motion } from "motion/react";
-
-import React, { useMemo } from "react";
-
-var css_dot = "Dot-module_dot__RNz87 flexBox-module_row__z24tF";
-
-const DEFAULT_VARIANTS = {
-    initial: {
-        opacity: 0
-    },
-    animate: {
-        opacity: 1
-    },
-    exit: {
-        opacity: 0
-    }
-}, DEFAULT_TRANSITION = {
-    ease: "easeInOut",
-    duration: .5
-}, Dot = React.memo(props => {
-    const {size: size = 8, topOffset: topOffset = 2, rightOffset: rightOffset = 2, border: border = 3, position: position = "corner", color: color, transition: transition, motionValues: motionValues, show: show = !1, state: state} = props, divAttributes = __rest(props, [ "size", "topOffset", "rightOffset", "border", "position", "color", "transition", "motionValues", "show", "state" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", variants = useMemo(() => motionValues ? Object.assign(Object.assign({}, DEFAULT_VARIANTS), motionValues) : DEFAULT_VARIANTS, [ motionValues ]), trans = useMemo(() => transition ? Object.assign(Object.assign({}, DEFAULT_TRANSITION), transition) : DEFAULT_TRANSITION, [ transition ]), bgColor = useMemo(() => {
-        if (color) return color;
-        if (state) switch (state) {
-          case "red":
-            return "var(--feedback-warning)";
-
-          case "yellow":
-            return "var(--feedback-attention)";
-
-          case "green":
-            return "var(--feedback-positive)";
-
-          case "blue":
-            return "var(--core-gp-logo-primary)";
-
-          case "grey":
-            return "var(--core-text-secondary)";
-        }
-        return "var(--core-gp-logo-primary)";
-    }, [ state, color ]), cssVars = useMemo(() => ({
-        "--dot-size": `${size}px`,
-        "--dot-display": "inline" === position ? "inline-flex" : "flex",
-        "--dot-position": "inline" === position ? "relative" : "absolute",
-        "--dot-top": "inline" === position ? "unset" : `${topOffset}px`,
-        "--dot-right": "inline" === position ? "unset" : `${rightOffset}px`,
-        "--dot-vertical-align": "inline" === position ? "middle" : "unset",
-        "--dot-border": `${border}px solid`,
-        "--dot-border-color": "var(--core-surface-primary)",
-        "--dot-bg": `${bgColor}`
-    }), [ size, position, topOffset, rightOffset, border, bgColor ]);
-    return jsx(AnimatePresence, {
-        initial: !1,
-        children: show && jsx(motion.div, Object.assign({
-            id: divId,
-            className: `${css_dot}${divClass}`,
-            style: Object.assign(Object.assign({}, divStyle), cssVars),
-            initial: "initial",
-            animate: "animate",
-            exit: "exit",
-            transition: trans,
-            variants: variants,
-            role: "status",
-            "aria-live": "polite",
-            "aria-label": "Blue dot indicating active or new"
-        }, rest, {
-            children: jsx("div", {
-                className: "dot"
-            })
-        }))
-    });
-});
-
-export { Dot as D };

package/dist/esm/chunks/DrggablePanel-R5vyKmMt.mjs

@@ -1,236 +0,0 @@
-'use client';
-import { a as __rest } from "./tslib.es6-DiR-r3pp.mjs";
-
-import { jsxs, jsx } from "react/jsx-runtime";
-
-import React, { useRef, useState, useCallback, useEffect, useMemo } from "react";
-
-import { useTheme } from "../hooks/useTheme.mjs";
-
-import "../theme/colors.mjs";
-
-import { corners } from "../theme/corners.mjs";
-
-import "../theme/type.mjs";
-
-import { p as pointerPosition, s as setStyle } from "./misc-CagHFpjD.mjs";
-
-import "./broadcastChannel-B2yT2lpA.mjs";
-
-import "./webRTCStore-BpDbSd4Q.mjs";
-
-import "./microphoneStore-lnK3t3JC.mjs";
-
-import "./volumeStore-CSItrUF2.mjs";
-
-import "../hooks/useWindow.mjs";
-
-import { useObserveResize } from "../hooks/useObserveResize.mjs";
-
-var 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";
-
-function normalizeConstraintValue(value, containerWidth, fallback) {
-    let normalized = value;
-    return normalized <= 1 && normalized >= 0 && (normalized = containerWidth ? containerWidth * normalized : fallback), 
-    normalized > 1 && normalized < 50 && (normalized = 50), normalized;
-}
-
-function resolveConstraints(sizeConstraints, containerWidth) {
-    const initial = normalizeConstraintValue(sizeConstraints.initial, containerWidth, sizeConstraints.initial);
-    return {
-        initial: initial,
-        min: normalizeConstraintValue(sizeConstraints.min, containerWidth, initial),
-        max: normalizeConstraintValue(sizeConstraints.max, containerWidth, initial)
-    };
-}
-
-const DraggablePanel = React.memo(props => {
-    const theme = useTheme(), {children: children, sizeConstraints: sizeConstraints = {
-        initial: 250,
-        min: 250,
-        max: 500
-    }, isClosed: isClosed = !0, resizeHandle: resizeHandle = {
-        width: 10,
-        color: "transparent",
-        offsetX: !0
-    }, borderRight: borderRight = "1px solid var(--core-outline-secondary)", borderLeft: borderLeft = "1px solid var(--core-outline-secondary)", backgroundColor: backgroundColor = "transparent", drags: drags = "right", isTouchDevice: isTouchDevice = !1, disableOnContext: disableOnContext = !1, dragHandle: dragHandle = !0, dragHandleStyle: dragHandleStyle = {
-        height: 24,
-        width: 9
-    }, transitionDurationOnInit: transitionDurationOnInit, containerRef: containerRef, onResize: onResize = () => null, onResizeStart: onResizeStart = () => null, onResizeEnd: onResizeEnd = () => null} = props, divAttributes = __rest(props, [ "children", "sizeConstraints", "isClosed", "resizeHandle", "borderRight", "borderLeft", "backgroundColor", "drags", "isTouchDevice", "disableOnContext", "dragHandle", "dragHandleStyle", "transitionDurationOnInit", "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);
-    }, []), handleMouseOut = useCallback(() => {
-        isOver.current = !1, isDragging || setHighlight(!1);
-    }, [ isDragging ]), handleFocus = useCallback(() => {
-        isOver.current = !0, setHighlight(!0);
-    }, []), handleBlur = useCallback(() => {
-        isOver.current = !1, isDragging || setHighlight(!1);
-    }, [ isDragging ]), handleTouchStart = useCallback(() => {
-        isOver.current = !0, setHighlight(!0);
-    }, []), handleTouchEnd = useCallback(() => {
-        isOver.current = !1, isDragging || setHighlight(!1);
-    }, [ isDragging ]);
-    useEffect(() => {
-        containerRef && containerSize.width > 0 && setContWidth(containerSize.width);
-    }, [ containerSize, containerRef ]), useEffect(() => (contWidth || setContWidth(window.innerWidth), 
-    globalThis.addEventListener("resize", handleWindowResize), () => globalThis.removeEventListener("resize", handleWindowResize)), []), 
-    useEffect(() => setPanelClosed(isClosed), [ isClosed ]);
-    const adjustCurrentWidth = useCallback(relConst => {
-        if ((null == div ? void 0 : div.current) && relConst.max) {
-            div.current.offsetWidth > relConst.max && (div.current.style.width = `${relConst.max}px`, 
-            divWidth.current = relConst.max, setLastWidth(relConst.max));
-        }
-    }, []);
-    useEffect(() => {
-        if (!contWidth) return;
-        const relativeConstraints = resolveConstraints(sizeConstraints, contWidth);
-        setConstraints(relativeConstraints), adjustCurrentWidth(relativeConstraints);
-    }, [ sizeConstraints, contWidth, adjustCurrentWidth ]);
-    const setHighlight = useCallback(state => {
-        timer.current && clearTimeout(timer.current), state ? timer.current = setTimeout(() => {
-            setHandleHighlight(state);
-        }, isTouchDevice ? 0 : 350) : setHandleHighlight(!1);
-    }, [ isTouchDevice ]), getClientX = useCallback(e => pointerPosition(e), []), getNewWidth = useCallback(clientX => "right" === drags ? startWidth.current + clientX - startX.current : startWidth.current - clientX + startX.current, [ drags ]), canDrag = useCallback((newWidth, clientX) => !((null == constraints ? void 0 : constraints.min) && newWidth < constraints.min) && !((null == constraints ? void 0 : constraints.max) && newWidth > constraints.max && clientX - startX.current > 0), [ constraints ]), doDrag = useCallback(e => {
-        if (null == div ? void 0 : div.current) {
-            e.stopPropagation(), e.preventDefault();
-            const el = div.current, clientX = getClientX(e), newWidth = getNewWidth(clientX);
-            if (!canDrag(newWidth, clientX)) return;
-            el.style.width = `${newWidth}px`, divWidth.current = newWidth, deltaWidth.current = clientX - startX.current, 
-            onResize({
-                div: div,
-                divWidth: divWidth.current,
-                divHeight: divHeight.current,
-                deltaWidth: deltaWidth.current
-            });
-        }
-        return !1;
-    }, [ onResize, canDrag, getNewWidth, getClientX ]), stopDrag = useCallback(() => {
-        if (setIsDragging(!1), document.documentElement.removeEventListener("mousemove", doDrag, !1), 
-        document.documentElement.removeEventListener("mouseup", stopDrag, !1), document.documentElement.removeEventListener("touchmove", doDrag, !1), 
-        document.documentElement.removeEventListener("touchend", stopDrag, !1), document.documentElement.style.userSelect = "auto", 
-        document.documentElement.style.webkitUserSelect = "auto", null == div ? void 0 : div.current) {
-            divWidth.current = div.current.offsetWidth, divHeight.current = div.current.offsetHeight, 
-            deltaWidth.current = 0;
-            const update = {
-                div: div,
-                divWidth: divWidth.current,
-                divHeight: divHeight.current,
-                deltaWidth: deltaWidth.current
-            };
-            onResize(update), onResizeEnd(update);
-        }
-        setLastWidth(divWidth.current), isOver.current || setHighlight(!1);
-    }, [ doDrag, onResizeEnd, onResize, setHighlight ]), [initialOpenSettled, setInitialOpenSettled] = useState(!1);
-    useEffect(() => {
-        mounted && setInitialOpenSettled(!0);
-    }, [ mounted ]);
-    const transition = useMemo(() => {
-        if (mounted && !initialOpenSettled && void 0 !== transitionDurationOnInit) {
-            return `width ${"number" == typeof transitionDurationOnInit ? `${transitionDurationOnInit}ms` : transitionDurationOnInit} var(--motion-water)`;
-        }
-        return "width var(--motion-water-duration) var(--motion-water)";
-    }, [ mounted, initialOpenSettled, transitionDurationOnInit ]), initDrag = useCallback(e => {
-        if ((null == div ? void 0 : div.current) && document.defaultView) {
-            setIsDragging(!0);
-            const el = div.current;
-            divWidth.current = div.current.offsetWidth, divHeight.current = div.current.offsetHeight, 
-            deltaWidth.current = 0, startX.current = pointerPosition(e), startWidth.current = Number.parseInt(document.defaultView.getComputedStyle(el).width, 10), 
-            document.documentElement.addEventListener("mousemove", doDrag, !1), document.documentElement.addEventListener("mouseup", stopDrag, !1), 
-            document.documentElement.addEventListener("touchmove", doDrag, !1), document.documentElement.addEventListener("touchend", stopDrag, !1), 
-            document.documentElement.style.userSelect = "none", document.documentElement.style.webkitUserSelect = "none";
-            const update = {
-                div: div,
-                divWidth: divWidth.current,
-                divHeight: divHeight.current,
-                deltaWidth: deltaWidth.current
-            };
-            onResize(update), onResizeStart(update);
-        }
-    }, [ doDrag, stopDrag, onResize, onResizeStart ]);
-    useEffect(() => {
-        const hl = null == handle ? void 0 : handle.current;
-        return hl && drags && (hl.addEventListener("mousedown", initDrag, !1), hl.addEventListener("touchstart", initDrag, {
-            passive: !0
-        })), () => {
-            hl && (hl.removeEventListener("mousedown", initDrag, !1), hl.removeEventListener("touchstart", 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 => 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 != backgroundColor ? backgroundColor : "transparent"
-    }), [ backgroundColor ]);
-    return jsxs("div", Object.assign({
-        id: divId,
-        className: `${css_panel}${divClass}`,
-        ref: div,
-        onContextMenu: e => (disableOnContext && e.preventDefault(), !0),
-        style: Object.assign(Object.assign(Object.assign({}, divStyle), cssVars), {
-            overflow: "visible",
-            flexShrink: 0,
-            width: width,
-            height: "100%",
-            maxWidth: drags ? constraints.max : "unset",
-            transition: isDragging ? "" : transition,
-            borderRight: closed || "right" !== drags ? "none" : borderRight,
-            borderLeft: closed || "left" !== drags ? "none" : borderLeft
-        })
-    }, rest, {
-        children: [ jsx("div", {
-            className: css_content,
-            children: children
-        }), jsxs("div", {
-            ref: handle,
-            style: Object.assign(Object.assign({
-                position: "absolute",
-                boxSizing: "border-box",
-                display: closed || !drags ? "none" : "flex",
-                alignItems: "center",
-                justifyContent: "center",
-                zIndex: "var(--elevation-overlay)",
-                top: 0
-            }, leftRightStyle), {
-                bottom: 0,
-                width: isTouchDevice ? 44 : gripper.width,
-                backgroundColor: resizeHandle.color,
-                cursor: "col-resize",
-                overflow: "visible"
-            }),
-            onMouseOver: handleMouseOver,
-            onMouseOut: handleMouseOut,
-            onFocus: handleFocus,
-            onBlur: handleBlur,
-            onTouchStart: handleTouchStart,
-            onTouchEnd: handleTouchEnd,
-            children: [ dragHandle && !closed && jsx(DragHandle, Object.assign({}, null != dragHandleStyle ? dragHandleStyle : {})), jsx("div", {
-                style: {
-                    backgroundColor: handleHighlight ? theme.current.colors["core-outline-primary"] : "transparent",
-                    flex: 1,
-                    maxWidth: 3,
-                    height: "100%",
-                    pointerEvents: "none",
-                    transition: "background-color var(--motion-water-duration) var(--motion-water)"
-                }
-            }) ]
-        }) ]
-    }));
-}), DragHandle = React.memo(props => {
-    const {width: width = 6, height: height = 6, radius: radius = corners["corner-round"], stroke: stroke = 1, color: color = "var(--core-surface-primary-tint)", strokeColor: strokeColor = "var(--core-outline-secondary)"} = props, cssVars = useMemo(() => ({
-        "--drag-handle-width": `${width}px`,
-        "--drag-handle-height": `${height}px`,
-        "--drag-handle-radius": setStyle(radius),
-        "--drag-handle-border": `${stroke}px`,
-        "--drag-handle-border-color": `${strokeColor}`,
-        "--drag-handle-bg": `${color}`
-    }), [ width, height, radius, stroke, color, strokeColor ]);
-    return jsx("div", {
-        className: css_handle,
-        style: cssVars
-    });
-});
-
-export { DraggablePanel as D };

package/dist/esm/chunks/DropDown-Dak1tC81.mjs

@@ -1,115 +0,0 @@
-'use client';
-import { a as __rest } from "./tslib.es6-DiR-r3pp.mjs";
-
-import { jsx, jsxs } from "react/jsx-runtime";
-
-import React, { useState, useRef, useEffect, useCallback, useMemo } from "react";
-
-import { s as setStyle } from "./misc-CagHFpjD.mjs";
-
-import { corners } from "../theme/corners.mjs";
-
-import { I as Icon } from "./Icon-BZ634R5u.mjs";
-
-var css = {
-    wrapper: "DropDown-module_wrapper__CyX0u flexBox-module_rowStart__4tcxS",
-    face: "DropDown-module_face__6gyF3 flexBox-module_rowStart__4tcxS",
-    faceText: "DropDown-module_faceText__glhB3",
-    label: "DropDown-module_label__Mrwbp flexBox-module_rowStart__4tcxS",
-    xs: "DropDown-module_xs__7L71q type-module_body-xs-regular__ZAFft",
-    s: "DropDown-module_s__vAxXD type-module_body-s-regular__vRHSP",
-    m: "DropDown-module_m__K6JPk type-module_body-m-regular__LuQBA",
-    l: "DropDown-module_l__Kib48 type-module_body-l-regular__lOYbg",
-    xl: "DropDown-module_xl__mwc0C type-module_body-xl-regular__pF2kC",
-    chevron: "DropDown-module_chevron__LkYsE flexBox-module_rowStart__4tcxS",
-    select: "DropDown-module_select__mzNnv"
-};
-
-function resolveValueKey(value, valueKey) {
-    if (valueKey && value && "object" == typeof value) return value[valueKey];
-}
-
-function DropDownComponent(props) {
-    const {name: name = "drop-down-select", label: label, labelColor: labelColor = "var(--core-text-primary)", textSize: textSize = "m", width: width = "100%", height: height = "auto", inline: inline = !1, selectedIndex: selectedIndex, selectedValue: selectedValue, valueKey: valueKey, options: options = [], placeholder: placeholder = !0, borderRadius: borderRadius = corners["corner-m"], backgroundColor: backgroundColor = "var(--core-surface-secondary)", iconColor: iconColor = "var(--core-text-primary)", textColor: textColor = "var(--core-text-primary)", borderWidth: borderWidth, borderSize: borderSize = 1, borderColor: borderColor = "var(--core-outline-primary)", paddingLeft: paddingLeft = "var(--spacing-m)", paddingRight: paddingRight = "calc(var(--spacing-m) - var(--spacing-xs))", paddingTop: paddingTop = "var(--spacing-s)", paddingBottom: paddingBottom = "var(--spacing-s)", borderStyle: borderStyle = "box", iconSize: iconSize = 20, disabled: disabled = !1, error: error = !1, gap: gap = 8, onChange: onChange = () => null, onOption: onOption = () => null} = props, divAttributes = __rest(props, [ "name", "label", "labelColor", "textSize", "width", "height", "inline", "selectedIndex", "selectedValue", "valueKey", "options", "placeholder", "borderRadius", "backgroundColor", "iconColor", "textColor", "borderWidth", "borderSize", "borderColor", "paddingLeft", "paddingRight", "paddingTop", "paddingBottom", "borderStyle", "iconSize", "disabled", "error", "gap", "onChange", "onOption" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", resolvedBackgroundColor = backgroundColor, resolvedBorderWidth = null != borderWidth ? borderWidth : borderSize, [index, setIndex] = useState(null != selectedIndex ? selectedIndex : 0), [selectedText, setSelectedText] = useState("Select an option"), ref = useRef(null);
-    useEffect(() => {
-        if (null == selectedValue && void 0 !== selectedIndex && (null == ref ? void 0 : ref.current)) {
-            if (!(null == options ? void 0 : options[selectedIndex])) return;
-            const label = options[selectedIndex].label || "Select an option";
-            setIndex(selectedIndex), setSelectedText(label), ref.current.selectedIndex = selectedIndex;
-        }
-    }, [ selectedIndex, options, selectedValue ]), useEffect(() => {
-        if (!options || 0 === options.length || null == selectedValue) return;
-        const selectedKey = resolveValueKey(selectedValue, valueKey), foundIndex = options.findIndex(option => {
-            var _a, _b;
-            return (null == option ? void 0 : option.value) === selectedValue || void 0 !== selectedKey && resolveValueKey(null == option ? void 0 : option.value, valueKey) === selectedKey || (null === (_a = null == option ? void 0 : option.label) || void 0 === _a ? void 0 : _a.toLowerCase()) === String(selectedValue).toLowerCase() || (null === (_b = null == option ? void 0 : option.alt) || void 0 === _b ? void 0 : _b.toLowerCase()) === String(selectedValue).toLowerCase();
-        });
-        if (-1 !== foundIndex) {
-            const label = options[foundIndex].label || "Select an option";
-            setSelectedText(label), setIndex(foundIndex), ref.current && (ref.current.selectedIndex = foundIndex);
-        }
-    }, [ selectedValue, options, valueKey ]);
-    const handleChange = useCallback(i => {
-        if (!options) return;
-        const label = options[i].label || "Select an option";
-        setIndex(i), setSelectedText(label), index !== i && (onChange(i, options[i]), onOption(options[i]));
-    }, [ options, index, onChange, onOption ]), renderedOptions = useMemo(() => options ? options.map((option, i) => jsx("option", {
-        value: i,
-        onMouseUp: () => handleChange(i),
-        children: null == option ? void 0 : option.label
-    }, `${null == option ? void 0 : option.value}_${i}`)) : null, [ options, handleChange ]), displayText = useMemo(() => selectedText.replace("-- ", ""), [ selectedText ]), handleMouseDown = useCallback(e => {
-        disabled && e.preventDefault();
-    }, [ disabled ]), handleSelectChange = useCallback(e => {
-        handleChange(e.target.selectedIndex);
-    }, [ handleChange ]), setTextColor = useMemo(() => disabled ? "var(--core-text-disabled)" : placeholder && 0 === index ? "var(--core-text-tertiary)" : textColor, [ disabled, placeholder, index, textColor ]), setLabelColor = useMemo(() => disabled ? "var(--core-text-disabled)" : labelColor, [ disabled, labelColor ]), setIconColor = useMemo(() => disabled ? "var(--core-text-disabled)" : iconColor, [ disabled, iconColor ]), setBorderColor = useMemo(() => disabled ? "var(--core-outline-primary)" : error ? "var(--feedback-warning)" : borderColor, [ disabled, error, borderColor ]), setPadding = useMemo(() => "box" === borderStyle ? `${0 === paddingTop ? "0px" : setStyle(paddingTop)} ${0 === paddingRight ? "0px" : setStyle(paddingRight)} ${0 === paddingBottom ? "0px" : setStyle(paddingBottom)} ${0 === paddingLeft ? "0px" : setStyle(paddingLeft)}` : `0 0 ${0 === paddingBottom ? "0px" : setStyle(paddingBottom)} 0`, [ paddingTop, paddingRight, paddingBottom, paddingLeft, borderStyle ]), setBorder = useMemo(() => "box" === borderStyle ? `${setStyle(resolvedBorderWidth)} solid ${setBorderColor}` : "unset", [ resolvedBorderWidth, setBorderColor, borderStyle ]), setBorderBottom = useMemo(() => "none" !== borderStyle ? `${setStyle(resolvedBorderWidth)} solid ${setStyle(borderColor)}` : "unset", [ resolvedBorderWidth, borderColor, borderStyle ]), setBorderRadius = useMemo(() => "box" !== borderStyle ? 0 : setStyle(borderRadius), [ borderStyle, borderRadius ]), cssVars = useMemo(() => ({
-        "--dd-gap": setStyle(gap),
-        "--dd-height": setStyle(height),
-        "--dd-width": setStyle(width),
-        "--dd-margin": inline ? "0 var(--spacing-xs)" : "0",
-        "--dd-border-radius": setBorderRadius,
-        "--dd-border": setBorder,
-        "--dd-border-bottom": setBorderBottom,
-        "--dd-color": setTextColor,
-        "--dd-bg-color": null != resolvedBackgroundColor ? resolvedBackgroundColor : "transparent",
-        "--dd-padding": setPadding,
-        "--dd-icon-size": `${iconSize}px`,
-        "--dd-label-color": setLabelColor,
-        "--dd-display": inline ? "inline-flex" : "flex"
-    }), [ gap, height, width, setBorderRadius, setBorder, setBorderBottom, setTextColor, resolvedBackgroundColor, setPadding, setLabelColor, iconSize, inline ]);
-    return jsxs("span", Object.assign({
-        id: divId,
-        className: `${css.wrapper}${divClass}`,
-        style: Object.assign(Object.assign({}, divStyle), cssVars)
-    }, rest, {
-        children: [ label && jsx("span", {
-            className: `${css.label} ${css[textSize]}`,
-            children: label
-        }), jsx("span", {
-            className: `${css.face} ${css[textSize]}`,
-            children: jsx("span", {
-                className: css.faceText,
-                children: displayText
-            })
-        }), jsx("span", {
-            className: css.chevron,
-            children: jsx(Icon, {
-                name: "chevron down",
-                size: iconSize,
-                strokeColor: setIconColor
-            })
-        }), jsx("select", {
-            className: css.select,
-            value: index,
-            ref: ref,
-            onMouseDown: handleMouseDown,
-            onChange: handleSelectChange,
-            "aria-label": name,
-            children: renderedOptions
-        }) ]
-    }));
-}
-
-DropDownComponent.displayName = "DropDown";
-
-const DropDown = React.memo(DropDownComponent);
-
-export { DropDown as D };

package/dist/esm/chunks/ErrorSummary-7St6DRq1.mjs

@@ -1,101 +0,0 @@
-'use client';
-import { a as __rest } from "./tslib.es6-DiR-r3pp.mjs";
-
-import { jsx, jsxs } from "react/jsx-runtime";
-
-import { AnimatePresence, motion } from "motion/react";
-
-import React, { useMemo, useCallback } from "react";
-
-import { useTheme } from "../hooks/useTheme.mjs";
-
-import "../theme/colors.mjs";
-
-import "../theme/type.mjs";
-
-import { a as addOpacity } from "./colors-qznBTNSD.mjs";
-
-import "./broadcastChannel-B2yT2lpA.mjs";
-
-import "./webRTCStore-BpDbSd4Q.mjs";
-
-import "./microphoneStore-lnK3t3JC.mjs";
-
-import "./volumeStore-CSItrUF2.mjs";
-
-import "../hooks/useWindow.mjs";
-
-var css = {
-    errorBox: "ErrorSummary-module_errorBox__hjY50 flexBox-module_columnStart__C7P44",
-    error: "ErrorSummary-module_error__QX1mr flexBox-module_columnStart__C7P44",
-    p: "ErrorSummary-module_p__N-2Po",
-    ul: "ErrorSummary-module_ul__Xv0K7",
-    li: "ErrorSummary-module_li__0ciEx",
-    xs: "ErrorSummary-module_xs__pTqMn type-module_body-xs-regular__ZAFft",
-    s: "ErrorSummary-module_s__u2sIP type-module_body-s-regular__vRHSP",
-    m: "ErrorSummary-module_m__-QyP- type-module_body-m-regular__LuQBA",
-    l: "ErrorSummary-module_l__bb1xZ type-module_body-l-regular__lOYbg",
-    xl: "ErrorSummary-module_xl__SaVRd type-module_body-xl-regular__pF2kC"
-};
-
-const ErrorSummary = React.memo(props => {
-    const {current: current} = useTheme(), warning = current.colors["feedback-warning"], bg = addOpacity(warning, .1), {entries: entries, textSize: textSize = "m", textColor: textColor = warning, backgroundColor: backgroundColor = bg, autoNumber: autoNumber = !0} = props, divAttributes = __rest(props, [ "entries", "textSize", "textColor", "backgroundColor", "autoNumber" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", resolvedBackgroundColor = backgroundColor, variants = useMemo(() => ({
-        enter: {
-            opacity: 0,
-            maxHeight: 0
-        },
-        animate: {
-            opacity: 1,
-            maxHeight: 500
-        },
-        exit: {
-            opacity: 0,
-            maxHeight: 0
-        }
-    }), []), transition = useMemo(() => ({
-        ease: "easeInOut",
-        duration: .25
-    }), []), renderMessages = useCallback(messages => messages ? messages.map(message => jsx("li", {
-        className: `${css.li} ${css[textSize]}`,
-        children: message
-    }, message)) : null, [ textSize ]), renderedErrors = useMemo(() => {
-        if (!entries) return null;
-        const addNumbers = autoNumber && entries.length > 1;
-        return entries.map((error, index) => {
-            let messages;
-            error.message && (messages = Array.isArray(error.message) ? error.message : [ error.message ]);
-            return jsxs("div", {
-                className: css.error,
-                children: [ jsx("span", {
-                    className: `${css.p} ${css[textSize]}`,
-                    children: jsx("strong", {
-                        children: `${addNumbers ? `${index + 1}. ` : ""}${error.title}`
-                    })
-                }), messages && jsx("ul", {
-                    className: css.ul,
-                    children: renderMessages(messages)
-                }) ]
-            }, `${error.title}_${index}`);
-        });
-    }, [ entries, autoNumber, renderMessages, textSize ]), cssVars = useMemo(() => ({
-        "--error-text-color": textColor,
-        "--error-bg-color": resolvedBackgroundColor
-    }), [ textColor, resolvedBackgroundColor ]);
-    return jsx(AnimatePresence, {
-        initial: !1,
-        children: entries && entries.length > 0 && jsx(motion.div, Object.assign({
-            id: divId,
-            className: `${css.errorBox}${divClass}`,
-            style: Object.assign(Object.assign({}, divStyle), cssVars),
-            initial: "enter",
-            animate: "animate",
-            exit: "exit",
-            variants: variants,
-            transition: transition
-        }, rest, {
-            children: renderedErrors
-        }))
-    });
-});
-
-export { ErrorSummary as E };