@apple-pie/slice 0.1.59 → 0.2.0

package/dist/cjs/chunks/Dot-BgyxIyrr.js

@@ -1,72 +0,0 @@
-'use client';
-"use strict";
-
-var tslib_es6 = require("./tslib.es6-B2uEaXWi.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), css_dot = "Dot-module_dot__RNz87 flexBox-module_row__z24tF";
-
-const DEFAULT_VARIANTS = {
-    initial: {
-        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 = tslib_es6.__rest(props, [ "size", "topOffset", "rightOffset", "border", "position", "color", "transition", "motionValues", "show", "state" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", variants = React.useMemo(() => motionValues ? Object.assign(Object.assign({}, DEFAULT_VARIANTS), motionValues) : DEFAULT_VARIANTS, [ motionValues ]), trans = React.useMemo(() => transition ? Object.assign(Object.assign({}, DEFAULT_TRANSITION), transition) : DEFAULT_TRANSITION, [ transition ]), bgColor = React.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 = React.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 jsxRuntime.jsx(react.AnimatePresence, {
-        initial: !1,
-        children: show && jsxRuntime.jsx(react.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: jsxRuntime.jsx("div", {
-                className: "dot"
-            })
-        }))
-    });
-});
-
-exports.Dot = Dot;

package/dist/cjs/chunks/DrggablePanel-BjOFnl0l.js

@@ -1,224 +0,0 @@
-'use client';
-"use strict";
-
-var tslib_es6 = require("./tslib.es6-B2uEaXWi.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
-
-require("../theme/colors.js");
-
-var theme_corners = require("../theme/corners.js");
-
-require("../theme/type.js");
-
-var misc = require("./misc-BallZ366.js");
-
-require("./broadcastChannel-DLSijpj_.js"), require("./webRTCStore-BXHg9abP.js"), 
-require("./microphoneStore-DljI0Zpj.js"), require("./volumeStore-DzgmrI6q.js"), 
-require("../hooks/useWindow.js");
-
-var hooks_useObserveResize = require("../hooks/useObserveResize.js"), css_panel = "DraggablePanel-module_panel__vuq2R flexBox-module_columnStart__C7P44", css_content = "DraggablePanel-module_content__SBL0T flexBox-module_columnStart__C7P44", css_handle = "DraggablePanel-module_handle__LPZw8";
-
-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 = hooks_useTheme.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 = tslib_es6.__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 = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", handle = React.useRef(null), div = React.useRef(null), [isDragging, setIsDragging] = React.useState(!1), isOver = React.useRef(!1), gripper = Object.assign({}, resizeHandle), containerSize = hooks_useObserveResize.useObserveResize(containerRef), panelSize = hooks_useObserveResize.useObserveResize(div), [handleHighlight, setHandleHighlight] = React.useState(!1), [lastWidth, setLastWidth] = React.useState(null), [panelClosed, setPanelClosed] = React.useState(isClosed), [constraints, setConstraints] = React.useState(() => resolveConstraints(sizeConstraints)), [contWidth, setContWidth] = React.useState((null == containerRef ? void 0 : containerRef.current) ? containerRef.current.offsetWidth : void 0 !== globalThis.window ? window.innerWidth : void 0), [mounted, setMounted] = React.useState(!1), timer = React.useRef(null), closed = panelSize.width <= 1, startX = React.useRef(0), startWidth = React.useRef(0), divWidth = React.useRef(0), divHeight = React.useRef(0), deltaWidth = React.useRef(0);
-    const handleWindowResize = React.useCallback(() => {
-        (null == containerRef ? void 0 : containerRef.current) || setContWidth(window.innerWidth);
-    }, [ containerRef ]), handleMouseOver = React.useCallback(() => {
-        isOver.current = !0, setHighlight(!0);
-    }, []), handleMouseOut = React.useCallback(() => {
-        isOver.current = !1, isDragging || setHighlight(!1);
-    }, [ isDragging ]), handleFocus = React.useCallback(() => {
-        isOver.current = !0, setHighlight(!0);
-    }, []), handleBlur = React.useCallback(() => {
-        isOver.current = !1, isDragging || setHighlight(!1);
-    }, [ isDragging ]), handleTouchStart = React.useCallback(() => {
-        isOver.current = !0, setHighlight(!0);
-    }, []), handleTouchEnd = React.useCallback(() => {
-        isOver.current = !1, isDragging || setHighlight(!1);
-    }, [ isDragging ]);
-    React.useEffect(() => {
-        containerRef && containerSize.width > 0 && setContWidth(containerSize.width);
-    }, [ containerSize, containerRef ]), React.useEffect(() => (contWidth || setContWidth(window.innerWidth), 
-    globalThis.addEventListener("resize", handleWindowResize), () => globalThis.removeEventListener("resize", handleWindowResize)), []), 
-    React.useEffect(() => setPanelClosed(isClosed), [ isClosed ]);
-    const adjustCurrentWidth = React.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));
-        }
-    }, []);
-    React.useEffect(() => {
-        if (!contWidth) return;
-        const relativeConstraints = resolveConstraints(sizeConstraints, contWidth);
-        setConstraints(relativeConstraints), adjustCurrentWidth(relativeConstraints);
-    }, [ sizeConstraints, contWidth, adjustCurrentWidth ]);
-    const setHighlight = React.useCallback(state => {
-        timer.current && clearTimeout(timer.current), state ? timer.current = setTimeout(() => {
-            setHandleHighlight(state);
-        }, isTouchDevice ? 0 : 350) : setHandleHighlight(!1);
-    }, [ isTouchDevice ]), getClientX = React.useCallback(e => misc.pointerPosition(e), []), getNewWidth = React.useCallback(clientX => "right" === drags ? startWidth.current + clientX - startX.current : startWidth.current - clientX + startX.current, [ drags ]), canDrag = React.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 = React.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 = React.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] = React.useState(!1);
-    React.useEffect(() => {
-        mounted && setInitialOpenSettled(!0);
-    }, [ mounted ]);
-    const transition = React.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 = React.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 = misc.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 ]);
-    React.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 ]), React.useEffect(() => setMounted(!0), []);
-    const leftRightStyle = React.useMemo(() => "right" === drags ? {
-        right: isTouchDevice ? -22 : -(gripper.width || 10) / 2
-    } : {
-        left: isTouchDevice ? -22 : -(gripper.width || 10) / 2
-    }, [ drags, isTouchDevice, gripper.width ]), normalizeWidth = React.useCallback(width => mounted ? "number" == typeof width ? width <= 1 && width >= 0 ? contWidth ? contWidth * width + "px" : 0 : `${width}px` : width : "0px", [ contWidth, mounted ]), width = React.useMemo(() => drags ? panelClosed ? 0 : lastWidth || normalizeWidth(constraints.initial) : "100%", [ drags, panelClosed, lastWidth, constraints.initial, normalizeWidth ]), cssVars = React.useMemo(() => ({
-        "--panel-bg": null != backgroundColor ? backgroundColor : "transparent"
-    }), [ backgroundColor ]);
-    return jsxRuntime.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: [ jsxRuntime.jsx("div", {
-            className: css_content,
-            children: children
-        }), jsxRuntime.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 && jsxRuntime.jsx(DragHandle, Object.assign({}, null != dragHandleStyle ? dragHandleStyle : {})), jsxRuntime.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 = theme_corners.corners["corner-round"], stroke: stroke = 1, color: color = "var(--core-surface-primary-tint)", strokeColor: strokeColor = "var(--core-outline-secondary)"} = props, cssVars = React.useMemo(() => ({
-        "--drag-handle-width": `${width}px`,
-        "--drag-handle-height": `${height}px`,
-        "--drag-handle-radius": misc.setStyle(radius),
-        "--drag-handle-border": `${stroke}px`,
-        "--drag-handle-border-color": `${strokeColor}`,
-        "--drag-handle-bg": `${color}`
-    }), [ width, height, radius, stroke, color, strokeColor ]);
-    return jsxRuntime.jsx("div", {
-        className: css_handle,
-        style: cssVars
-    });
-});
-
-exports.DraggablePanel = DraggablePanel;

package/dist/cjs/chunks/DropDown-C0vZNCK4.js

@@ -1,105 +0,0 @@
-'use client';
-"use strict";
-
-var tslib_es6 = require("./tslib.es6-B2uEaXWi.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-BallZ366.js"), theme_corners = require("../theme/corners.js"), Icon = require("./Icon-BTjtQLNe.js"), css = {
-    wrapper: "DropDown-module_wrapper__CyX0u flexBox-module_rowStart__4tcxS",
-    face: "DropDown-module_face__6gyF3 flexBox-module_rowStart__4tcxS",
-    faceText: "DropDown-module_faceText__glhB3",
-    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 = theme_corners.corners["corner-m"], backgroundColor: backgroundColor = "var(--core-surface-secondary)", iconColor: iconColor = "var(--core-text-primary)", textColor: textColor = "var(--core-text-primary)", borderWidth: borderWidth, borderSize: borderSize = 1, borderColor: borderColor = "var(--core-outline-primary)", paddingLeft: paddingLeft = "var(--spacing-m)", paddingRight: paddingRight = "calc(var(--spacing-m) - var(--spacing-xs))", paddingTop: paddingTop = "var(--spacing-s)", paddingBottom: paddingBottom = "var(--spacing-s)", borderStyle: borderStyle = "box", iconSize: iconSize = 20, disabled: disabled = !1, error: error = !1, gap: gap = 8, onChange: onChange = () => null, onOption: onOption = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "name", "label", "labelColor", "textSize", "width", "height", "inline", "selectedIndex", "selectedValue", "valueKey", "options", "placeholder", "borderRadius", "backgroundColor", "iconColor", "textColor", "borderWidth", "borderSize", "borderColor", "paddingLeft", "paddingRight", "paddingTop", "paddingBottom", "borderStyle", "iconSize", "disabled", "error", "gap", "onChange", "onOption" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", resolvedBackgroundColor = backgroundColor, resolvedBorderWidth = null != borderWidth ? borderWidth : borderSize, [index, setIndex] = React.useState(null != selectedIndex ? selectedIndex : 0), [selectedText, setSelectedText] = React.useState("Select an option"), ref = React.useRef(null);
-    React.useEffect(() => {
-        if (null == selectedValue && void 0 !== selectedIndex && (null == ref ? void 0 : ref.current)) {
-            if (!(null == options ? void 0 : options[selectedIndex])) return;
-            const label = options[selectedIndex].label || "Select an option";
-            setIndex(selectedIndex), setSelectedText(label), ref.current.selectedIndex = selectedIndex;
-        }
-    }, [ selectedIndex, options, selectedValue ]), React.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 = React.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 = React.useMemo(() => options ? options.map((option, i) => jsxRuntime.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 = React.useMemo(() => selectedText.replace("-- ", ""), [ selectedText ]), handleMouseDown = React.useCallback(e => {
-        disabled && e.preventDefault();
-    }, [ disabled ]), handleSelectChange = React.useCallback(e => {
-        handleChange(e.target.selectedIndex);
-    }, [ handleChange ]), setTextColor = React.useMemo(() => disabled ? "var(--core-text-disabled)" : placeholder && 0 === index ? "var(--core-text-tertiary)" : textColor, [ disabled, placeholder, index, textColor ]), setLabelColor = React.useMemo(() => disabled ? "var(--core-text-disabled)" : labelColor, [ disabled, labelColor ]), setIconColor = React.useMemo(() => disabled ? "var(--core-text-disabled)" : iconColor, [ disabled, iconColor ]), setBorderColor = React.useMemo(() => disabled ? "var(--core-outline-primary)" : error ? "var(--feedback-warning)" : borderColor, [ disabled, error, borderColor ]), setPadding = React.useMemo(() => "box" === borderStyle ? `${0 === paddingTop ? "0px" : misc.setStyle(paddingTop)} ${0 === paddingRight ? "0px" : misc.setStyle(paddingRight)} ${0 === paddingBottom ? "0px" : misc.setStyle(paddingBottom)} ${0 === paddingLeft ? "0px" : misc.setStyle(paddingLeft)}` : `0 0 ${0 === paddingBottom ? "0px" : misc.setStyle(paddingBottom)} 0`, [ paddingTop, paddingRight, paddingBottom, paddingLeft, borderStyle ]), setBorder = React.useMemo(() => "box" === borderStyle ? `${misc.setStyle(resolvedBorderWidth)} solid ${setBorderColor}` : "unset", [ resolvedBorderWidth, setBorderColor, borderStyle ]), setBorderBottom = React.useMemo(() => "none" !== borderStyle ? `${misc.setStyle(resolvedBorderWidth)} solid ${misc.setStyle(borderColor)}` : "unset", [ resolvedBorderWidth, borderColor, borderStyle ]), setBorderRadius = React.useMemo(() => "box" !== borderStyle ? 0 : misc.setStyle(borderRadius), [ borderStyle, borderRadius ]), cssVars = React.useMemo(() => ({
-        "--dd-gap": misc.setStyle(gap),
-        "--dd-height": misc.setStyle(height),
-        "--dd-width": misc.setStyle(width),
-        "--dd-margin": inline ? "0 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 jsxRuntime.jsxs("span", Object.assign({
-        id: divId,
-        className: `${css.wrapper}${divClass}`,
-        style: Object.assign(Object.assign({}, divStyle), cssVars)
-    }, rest, {
-        children: [ label && jsxRuntime.jsx("span", {
-            className: `${css.label} ${css[textSize]}`,
-            children: label
-        }), jsxRuntime.jsx("span", {
-            className: `${css.face} ${css[textSize]}`,
-            children: jsxRuntime.jsx("span", {
-                className: css.faceText,
-                children: displayText
-            })
-        }), jsxRuntime.jsx("span", {
-            className: css.chevron,
-            children: jsxRuntime.jsx(Icon.Icon, {
-                name: "chevron down",
-                size: iconSize,
-                strokeColor: setIconColor
-            })
-        }), jsxRuntime.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);
-
-exports.DropDown = DropDown;

package/dist/cjs/chunks/ErrorSummary-CVzk_ASK.js

@@ -1,88 +0,0 @@
-'use client';
-"use strict";
-
-var tslib_es6 = require("./tslib.es6-B2uEaXWi.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
-
-require("../theme/colors.js"), require("../theme/type.js");
-
-var colors = require("./colors-BDwwQ2Y3.js");
-
-require("./broadcastChannel-DLSijpj_.js"), require("./webRTCStore-BXHg9abP.js"), 
-require("./microphoneStore-DljI0Zpj.js"), require("./volumeStore-DzgmrI6q.js"), 
-require("../hooks/useWindow.js");
-
-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} = hooks_useTheme.useTheme(), warning = current.colors["feedback-warning"], bg = colors.addOpacity(warning, .1), {entries: entries, textSize: textSize = "m", textColor: textColor = warning, backgroundColor: backgroundColor = bg, autoNumber: autoNumber = !0} = props, divAttributes = tslib_es6.__rest(props, [ "entries", "textSize", "textColor", "backgroundColor", "autoNumber" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", resolvedBackgroundColor = backgroundColor, variants = React.useMemo(() => ({
-        enter: {
-            opacity: 0,
-            maxHeight: 0
-        },
-        animate: {
-            opacity: 1,
-            maxHeight: 500
-        },
-        exit: {
-            opacity: 0,
-            maxHeight: 0
-        }
-    }), []), transition = React.useMemo(() => ({
-        ease: "easeInOut",
-        duration: .25
-    }), []), renderMessages = React.useCallback(messages => messages ? messages.map(message => jsxRuntime.jsx("li", {
-        className: `${css.li} ${css[textSize]}`,
-        children: message
-    }, message)) : null, [ textSize ]), renderedErrors = React.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 ]);
-            const number = addNumbers ? `${index + 1}. ` : "";
-            return jsxRuntime.jsxs("div", {
-                className: css.error,
-                children: [ jsxRuntime.jsx("span", {
-                    className: `${css.p} ${css[textSize]}`,
-                    children: jsxRuntime.jsx("strong", {
-                        children: `${number}${error.title}`
-                    })
-                }), messages && jsxRuntime.jsx("ul", {
-                    className: css.ul,
-                    children: renderMessages(messages)
-                }) ]
-            }, `${error.title}_${index}`);
-        });
-    }, [ entries, autoNumber, renderMessages, textSize ]), cssVars = React.useMemo(() => ({
-        "--error-text-color": textColor,
-        "--error-bg-color": resolvedBackgroundColor
-    }), [ textColor, resolvedBackgroundColor ]);
-    return jsxRuntime.jsx(react.AnimatePresence, {
-        initial: !1,
-        children: entries && entries.length > 0 && jsxRuntime.jsx(react.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
-        }))
-    });
-});
-
-exports.ErrorSummary = ErrorSummary;