@apple-pie/slice 0.1.60 → 0.2.0

package/dist/esm/chunks/Camera-CcUUY3V-.mjs

@@ -1,398 +0,0 @@
-'use client';
-import { _ as __awaiter } from "./tslib.es6-DiR-r3pp.mjs";
-
-import { jsxs, jsx } from "react/jsx-runtime";
-
-import React, { useRef, useState, useMemo, useCallback, useEffect } from "react";
-
-import { useTheme } from "../hooks/useTheme.mjs";
-
-import "../theme/colors.mjs";
-
-import "../theme/type.mjs";
-
-import { a as accessibleKeyDown } from "./misc-CagHFpjD.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";
-
-import { A as Avatar } from "./Avatar-tdg93uhg.mjs";
-
-import { I as Icon } from "./Icon-BZ634R5u.mjs";
-
-var css_wrapper = "Camera-module_wrapper__GOsKp flexBox-module_column__ezvMq", css_video = "Camera-module_video__Q2r9B", css_controls = "Camera-module_controls__qXYoL flexBox-module_rowBetween__5FEvi", css_controlsRight = "Camera-module_controlsRight__VcIz7 flexBox-module_rowEnd__rVdVm", css_controlsCenter = "Camera-module_controlsCenter__e-erq flexBox-module_row__z24tF", css_controlsLeft = "Camera-module_controlsLeft__bR4TN flexBox-module_rowStart__4tcxS", css_error = "Camera-module_error__t0w-d flexBox-module_row__z24tF type-module_body-m-regular__LuQBA", css_poster = "Camera-module_poster__Gun-v flexBox-module_row__z24tF type-module_body-m-regular__LuQBA", css_snapshotFrame = "Camera-module_snapshotFrame__YM6Eu flexBox-module_row__z24tF", css_clear = "Camera-module_clear__aaCfT", css_snapshot = "Camera-module_snapshot__odQH0", css_toolbarButton = "Camera-module_toolbarButton__mnmoF flexBox-module_columnStartCenter__PKcrG", css_buttonIcon = "Camera-module_buttonIcon__a-VBR flexBox-module_row__z24tF", css_buttonLabel = "Camera-module_buttonLabel__6BEs1 flexBox-module_row__z24tF type-module_body-xs-regular__ZAFft";
-
-const Camera = React.memo(React.forwardRef((props, ref) => {
-    const videoElement = useRef(null), containerElement = useRef(null), controlsTimer = useRef(null), {noVideoPoster: noVideoPoster, width: width, height: height, showControlBar: showControlBar = !0, autoHideControlBar: autoHideControlBar = !0, startCameraOff: startCameraOff = !1, startAudioMuted: startAudioMuted = !1, playLocalAudio: playLocalAudio = !1, pipSnapshot: pipSnapshot = !0, userProfile: userProfile, sessionSettings: sessionSettings, onChangeProfile: onChangeProfile, onChangeSettings: onChangeSettings, onSnapshot: onSnapshot, onVideoStream: onVideoStream, onNoVideo: onNoVideo, onNoAudio: onNoAudio} = props, theme = useTheme(), [cameraSupport, setCameraSupport] = useState(void 0), [cameraError, setCameraError] = useState(void 0), [hovered, setHovered] = useState(!1), [cameraOn, setCameraOn] = useState(!1), [micMuted, setMicMuted] = useState(startAudioMuted), [snapshot, setSnapshot] = useState(void 0), [settings, setSettings] = useState(!1), [profile, setProfile] = useState(!1), [deviceList, setDeviceList] = useState([]), constraints = useMemo(() => {
-        const videoDeviceId = null == sessionSettings ? void 0 : sessionSettings.videoDeviceId, micDeviceId = null == sessionSettings ? void 0 : sessionSettings.micDeviceId;
-        return {
-            video: !videoDeviceId || {
-                deviceId: {
-                    exact: videoDeviceId
-                }
-            },
-            audio: !micDeviceId || {
-                deviceId: {
-                    exact: micDeviceId
-                }
-            }
-        };
-    }, [ null == sessionSettings ? void 0 : sessionSettings.micDeviceId, null == sessionSettings ? void 0 : sessionSettings.videoDeviceId ]), getStream = useCallback(() => {
-        var _a;
-        const srcObject = null === (_a = videoElement.current) || void 0 === _a ? void 0 : _a.srcObject;
-        if (!srcObject) return;
-        if ("undefined" != typeof MediaStream && srcObject instanceof MediaStream) return srcObject;
-        const possibleStream = srcObject;
-        return "function" == typeof possibleStream.getTracks && "function" == typeof possibleStream.getVideoTracks && "function" == typeof possibleStream.getAudioTracks ? possibleStream : void 0;
-    }, []), getTrack = useCallback(type => {
-        var _a, _b;
-        const stream = getStream();
-        if (stream) return "video" === type ? null !== (_a = stream.getVideoTracks()[0]) && void 0 !== _a ? _a : void 0 : null !== (_b = stream.getAudioTracks()[0]) && void 0 !== _b ? _b : void 0;
-    }, [ getStream ]), getMediaDevices = useCallback(() => __awaiter(void 0, void 0, void 0, function*() {
-        var _a;
-        return "undefined" != typeof navigator && (null === (_a = navigator.mediaDevices) || void 0 === _a ? void 0 : _a.enumerateDevices) ? yield navigator.mediaDevices.enumerateDevices().catch(error => {
-            const defaultError = new Error("Unknown error enumerating devices. Please try again.");
-            return error instanceof Error ? error : defaultError;
-        }) : new Error("Media devices not supported");
-    }), []), hasMediaSupport = useMemo(() => {
-        var _a;
-        return "undefined" != typeof navigator && Boolean(null === (_a = navigator.mediaDevices) || void 0 === _a ? void 0 : _a.getUserMedia);
-    }, []), syncMediaState = useCallback(() => {
-        const stream = getStream(), videoTrack = null == stream ? void 0 : stream.getVideoTracks()[0], audioTrack = null == stream ? void 0 : stream.getAudioTracks()[0];
-        setCameraOn(Boolean("live" === (null == videoTrack ? void 0 : videoTrack.readyState) && videoTrack.enabled)), 
-        setMicMuted(audioTrack ? !audioTrack.enabled : startAudioMuted);
-    }, [ getStream, startAudioMuted ]), takeSnapshot = useCallback(options => {
-        var _a, _b, _c, _d;
-        if (!videoElement.current) return;
-        const width = null !== (_a = null == options ? void 0 : options.width) && void 0 !== _a ? _a : videoElement.current.videoWidth, height = null !== (_b = null == options ? void 0 : options.height) && void 0 !== _b ? _b : videoElement.current.videoHeight;
-        if (!width || !height) return;
-        const canvas = document.createElement("canvas");
-        canvas.width = width, canvas.height = height;
-        const context = canvas.getContext("2d");
-        if (!context) return;
-        context.drawImage(videoElement.current, 0, 0, canvas.width, canvas.height);
-        const url = canvas.toDataURL("image/png"), [header, data] = url.split(",");
-        if (!header || !data) return;
-        const mimeType = null !== (_d = null === (_c = new RegExp(/data:(.*?);base64/).exec(header)) || void 0 === _c ? void 0 : _c[1]) && void 0 !== _d ? _d : "image/png", binary = atob(data), bytes = new Uint8Array(binary.length);
-        for (let index = 0; index < binary.length; index += 1) bytes[index] = binary.codePointAt(index);
-        return new Blob([ bytes ], {
-            type: mimeType
-        });
-    }, []), handleSnapshot = useCallback(options => {
-        if ((null == options ? void 0 : options.toggle) && snapshot) return void setSnapshot(void 0);
-        const photo = takeSnapshot(options);
-        return null == onSnapshot || onSnapshot(photo), setSnapshot(previousSnapshot => (previousSnapshot && URL.revokeObjectURL(previousSnapshot), 
-        photo ? URL.createObjectURL(photo) : void 0)), photo;
-    }, [ onSnapshot, takeSnapshot, snapshot ]), muteMic = useCallback(() => {
-        const audioTrack = getTrack("audio");
-        return audioTrack ? (audioTrack.enabled = !1, setMicMuted(!0), !0) : new Error("No audio track found");
-    }, [ getTrack ]), unmuteMic = useCallback(() => {
-        const audioTrack = getTrack("audio");
-        return audioTrack ? (audioTrack.enabled = !0, setMicMuted(!1), !0) : new Error("No audio track found");
-    }, [ getTrack ]), toggleMic = useCallback(() => {
-        const audioTrack = getTrack("audio");
-        return audioTrack ? audioTrack.enabled ? muteMic() : unmuteMic() : new Error("No audio track found");
-    }, [ getTrack, muteMic, unmuteMic ]), disableVideo = useCallback(() => {
-        const videoTrack = getTrack("video");
-        return videoTrack ? (videoTrack.enabled = !1, setCameraOn(!1), !0) : new Error("No video track found");
-    }, [ getTrack ]), enableVideo = useCallback(() => {
-        const stream = getStream();
-        if (!stream) return new Error("No media stream found");
-        const videoTrack = getTrack("video");
-        return videoTrack ? "live" !== videoTrack.readyState ? new Error("Video track is no longer live") : (videoTrack.enabled = !0, 
-        setCameraOn(!0), stream) : new Error("No video track found");
-    }, [ getStream, getTrack ]), markCameraReady = useCallback(() => {
-        setCameraSupport(!0), setCameraError(void 0), syncMediaState();
-    }, [ syncMediaState ]), reuseExistingStream = useCallback(() => {
-        const existingStream = getStream(), existingVideoTrack = null == existingStream ? void 0 : existingStream.getVideoTracks()[0];
-        if ("live" === (null == existingVideoTrack ? void 0 : existingVideoTrack.readyState) && !existingVideoTrack.enabled) {
-            const enabledStream = enableVideo();
-            return enabledStream instanceof Error || (null == onVideoStream || onVideoStream(enabledStream), 
-            markCameraReady()), enabledStream;
-        }
-        if ((null == existingStream ? void 0 : existingStream.active) && "live" === (null == existingVideoTrack ? void 0 : existingVideoTrack.readyState)) return markCameraReady(), 
-        existingStream;
-    }, [ enableVideo, getStream, markCameraReady, onVideoStream ]), requestMediaStream = useCallback(() => __awaiter(void 0, void 0, void 0, function*() {
-        try {
-            return yield navigator.mediaDevices.getUserMedia(constraints);
-        } catch (error) {
-            if (!(error instanceof DOMException && "OverconstrainedError" === error.name || error instanceof DOMException && "NotFoundError" === error.name)) throw error;
-            return yield navigator.mediaDevices.getUserMedia({
-                video: !0,
-                audio: !0
-            });
-        }
-    }), [ constraints ]), attachStreamToVideo = useCallback(stream => __awaiter(void 0, void 0, void 0, function*() {
-        const audioTrack = stream.getAudioTracks()[0], videoTrack = stream.getVideoTracks()[0], devices = yield getMediaDevices();
-        if (!videoTrack) {
-            null == onNoVideo || onNoVideo("No video track available");
-            for (const track of stream.getTracks()) track.stop();
-            return new Error("No video track available");
-        }
-        return audioTrack || null == onNoAudio || onNoAudio("No audio track available"), 
-        audioTrack && (audioTrack.enabled = !startAudioMuted), videoElement.current ? (videoElement.current.muted = !playLocalAudio, 
-        videoElement.current.srcObject = stream, yield videoElement.current.play(), null == onVideoStream || onVideoStream(stream), 
-        setDeviceList(devices), markCameraReady(), stream) : new Error("Video element not found");
-    }), [ getMediaDevices, markCameraReady, onNoAudio, onNoVideo, onVideoStream, playLocalAudio, startAudioMuted ]), startCamera = useCallback(() => __awaiter(void 0, void 0, void 0, function*() {
-        if (!videoElement.current) return new Error("Video element not found");
-        if (!hasMediaSupport) return setCameraSupport(!1), setCameraError("Camera not supported"), 
-        new Error("Camera not supported");
-        const existingStream = reuseExistingStream();
-        if (existingStream) return existingStream;
-        try {
-            const stream = yield requestMediaStream();
-            return yield attachStreamToVideo(stream);
-        } catch (error) {
-            const defaultError = new Error("Could not access the camera. Ensure permissions are correct"), resolvedError = error instanceof Error ? error : defaultError;
-            return null == onNoVideo || onNoVideo(resolvedError), null == onNoAudio || onNoAudio(resolvedError), 
-            setCameraSupport(!0), setCameraError(resolvedError.message), setCameraOn(!1), resolvedError;
-        }
-    }), [ attachStreamToVideo, hasMediaSupport, onNoAudio, onNoVideo, requestMediaStream, reuseExistingStream ]), toggleVideo = useCallback(() => __awaiter(void 0, void 0, void 0, function*() {
-        const stream = getStream();
-        if (!stream) return yield startCamera();
-        const videoTrack = stream.getVideoTracks()[0];
-        return videoTrack ? videoTrack.enabled ? disableVideo() : enableVideo() : new Error("No video track found");
-    }), [ disableVideo, enableVideo, getStream, startCamera ]), stopCamera = useCallback(() => __awaiter(void 0, void 0, void 0, function*() {
-        if (!videoElement.current) return new Error("Video element not found");
-        try {
-            const stream = getStream();
-            if (!stream) return new Error("No media stream to stop");
-            for (const track of stream.getTracks()) track.stop();
-            return videoElement.current.srcObject = null, setCameraOn(!1), setMicMuted(startAudioMuted), 
-            setCameraError(void 0), setDeviceList([]), !0;
-        } catch (error) {
-            const defaultError = new Error("Unknown error stopping the camera. Please try again.");
-            return error instanceof Error ? error : defaultError;
-        }
-    }), [ getStream, startAudioMuted ]);
-    React.useImperativeHandle(ref, () => ({
-        get video() {
-            var _a;
-            return null !== (_a = videoElement.current) && void 0 !== _a ? _a : void 0;
-        },
-        get container() {
-            var _a;
-            return null !== (_a = containerElement.current) && void 0 !== _a ? _a : void 0;
-        },
-        get stream() {
-            return getStream();
-        },
-        get videoTrack() {
-            return getTrack("video");
-        },
-        get audioTrack() {
-            return getTrack("audio");
-        },
-        snapshot: options => handleSnapshot(options),
-        startCamera: () => startCamera(),
-        stopCamera: () => stopCamera(),
-        enableVideo: () => enableVideo(),
-        disableVideo: () => disableVideo(),
-        muteMic: () => muteMic(),
-        unmuteMic: () => unmuteMic(),
-        toggleMic: () => toggleMic(),
-        devices: () => getMediaDevices(),
-        toggleVideo: () => toggleVideo()
-    }), [ disableVideo, enableVideo, getMediaDevices, getStream, getTrack, handleSnapshot, muteMic, startCamera, stopCamera, toggleMic, toggleVideo, unmuteMic ]);
-    const showPoster = useMemo(() => !cameraError && (!1 === cameraSupport || !cameraOn), [ cameraError, cameraSupport, cameraOn ]), showError = useMemo(() => Boolean(cameraError), [ cameraError ]), controlsBg = useMemo(() => {
-        const bgColor = theme.current.colors["core-surface-primary"];
-        return addOpacity(bgColor, .75);
-    }, [ theme.current ]), setControlBarVisible = useMemo(() => autoHideControlBar ? showControlBar && hovered ? "translateY(0%)" : "translateY(100%)" : "translateY(0%)", [ autoHideControlBar, hovered, showControlBar ]), cssVars = useMemo(() => ({
-        "--camera-width": width,
-        "--camera-height": height,
-        "--camera-controls-bg": controlsBg,
-        "--camera-controls-transform": setControlBarVisible
-    }), [ controlsBg, height, setControlBarVisible, width ]), handleMouseClick = useCallback(() => {
-        setHovered(!1);
-    }, []), handleControlsClick = useCallback(e => {
-        e.stopPropagation();
-    }, []);
-    return useEffect(() => {
-        startCameraOff ? stopCamera().then(() => null) : startCamera().then(() => null);
-    }, [ startCamera, startCameraOff, stopCamera ]), useEffect(() => {
-        videoElement.current && (videoElement.current.muted = !playLocalAudio);
-    }, [ playLocalAudio ]), useEffect(() => () => {
-        controlsTimer.current && clearTimeout(controlsTimer.current);
-        const stream = getStream();
-        if (stream) for (const track of stream.getTracks()) track.stop();
-    }, [ getStream ]), useEffect(() => () => {
-        snapshot && URL.revokeObjectURL(snapshot);
-    }, [ snapshot ]), jsxs("div", {
-        ref: containerElement,
-        className: css_wrapper,
-        style: cssVars,
-        onMouseEnter: () => {
-            controlsTimer.current && clearTimeout(controlsTimer.current), setHovered(!0), controlsTimer.current = setTimeout(() => setHovered(!1), 3e3);
-        },
-        onMouseLeave: () => {
-            controlsTimer.current && clearTimeout(controlsTimer.current), setHovered(!1);
-        },
-        onMouseMove: e => {
-            hovered || (setHovered(!0), controlsTimer.current && clearTimeout(controlsTimer.current), 
-            controlsTimer.current = setTimeout(() => setHovered(!1), 3e3));
-        },
-        onClick: handleMouseClick,
-        onKeyDown: e => accessibleKeyDown(e, handleMouseClick),
-        children: [ pipSnapshot && snapshot && jsxs("div", {
-            className: css_snapshotFrame,
-            children: [ jsx("div", {
-                className: css_clear,
-                children: jsx(Icon, {
-                    name: "x",
-                    pointer: !0,
-                    role: "button",
-                    "aria-label": "Clear snapshot",
-                    onClick: () => setSnapshot(previousSnapshot => {
-                        previousSnapshot && URL.revokeObjectURL(previousSnapshot);
-                    })
-                })
-            }), jsx("img", {
-                className: css_snapshot,
-                src: snapshot,
-                alt: "Snapshot"
-            }) ]
-        }), !1 !== cameraSupport && jsx("video", {
-            ref: videoElement,
-            className: css_video,
-            autoPlay: !0,
-            playsInline: !0,
-            muted: !playLocalAudio,
-            children: jsx("track", {
-                kind: "captions",
-                src: void 0
-            })
-        }), showPoster && jsx("div", {
-            className: css_poster,
-            children: null != noVideoPoster ? noVideoPoster : jsx(DefaultNoVideoPoster, {
-                user: userProfile
-            })
-        }), showError && jsx("div", {
-            className: css_error,
-            children: cameraError
-        }), jsxs("div", {
-            className: css_controls,
-            onMouseEnter: e => {
-                e.stopPropagation(), controlsTimer.current && clearTimeout(controlsTimer.current), 
-                setHovered(!0);
-            },
-            onMouseLeave: e => {
-                e.stopPropagation(), controlsTimer.current && clearTimeout(controlsTimer.current), 
-                controlsTimer.current = setTimeout(() => setHovered(!1), 3e3);
-            },
-            onClick: handleControlsClick,
-            onKeyDown: e => accessibleKeyDown(e, () => handleControlsClick(e)),
-            children: [ jsx("div", {
-                className: css_controlsLeft,
-                children: jsx(ToolbarButton, {
-                    icon: "person",
-                    iconActive: "person",
-                    active: profile,
-                    label: "User Info",
-                    disabled: !1,
-                    onClick: () => {
-                        setProfile(!profile), null == onChangeProfile || onChangeProfile(userProfile);
-                    }
-                })
-            }), jsxs("div", {
-                className: css_controlsCenter,
-                children: [ jsx(ToolbarButton, {
-                    icon: "video",
-                    iconActive: "video off",
-                    active: !cameraOn,
-                    label: cameraOn ? "Video" : "Off",
-                    onClick: () => {
-                        toggleVideo();
-                    }
-                }), jsx(ToolbarButton, {
-                    icon: "mic",
-                    iconActive: "mic muted",
-                    active: micMuted,
-                    label: micMuted ? "Muted" : "Mic",
-                    onClick: () => toggleMic()
-                }), jsx(ToolbarButton, {
-                    icon: "camera",
-                    iconActive: "camera",
-                    active: !!snapshot,
-                    label: "Photo",
-                    disabled: !cameraOn,
-                    onClick: () => cameraOn && handleSnapshot({
-                        toggle: !0
-                    })
-                }) ]
-            }), jsx("div", {
-                className: css_controlsRight,
-                children: jsx(ToolbarButton, {
-                    icon: "more",
-                    iconActive: "more",
-                    active: settings,
-                    label: "Settings",
-                    disabled: !1,
-                    onClick: () => {
-                        setSettings(!settings), null == onChangeSettings || onChangeSettings(sessionSettings, deviceList);
-                    }
-                })
-            }) ]
-        }) ]
-    });
-}));
-
-/**
- * Custom toolbar button with labels for controlling video / audio / etc.
- */ function ToolbarButton(props) {
-    const {icon: icon, iconActive: iconActive, active: active, label: label, disabled: disabled, onClick: onClick, onMouseOver: onMouseOver} = props, iconColor = useMemo(() => active ? "var(--core-surface-primary)" : "var(--core-text-special)", [ active ]), labelColor = useMemo(() => active ? "var(--core-text-primary)" : disabled ? "var(--core-text-disabled)" : "var(--core-text-special)", [ active, disabled ]), cssVars = useMemo(() => ({
-        "--toolbar-button-size": "56px",
-        "--toolbar-button-border": "none",
-        "--toolbar-button-bg-color": active ? "var(--core-text-primary)" : "var(--core-surface-primary)",
-        "--toolbar-button-label-color": labelColor,
-        "--toolbar-button-opacity": disabled ? "0.25" : "1"
-    }), [ active, labelColor, disabled ]);
-    return jsxs("div", {
-        className: css_toolbarButton,
-        style: cssVars,
-        role: "button",
-        "aria-label": label,
-        "aria-disabled": disabled,
-        onFocus: onMouseOver,
-        onMouseOver: onMouseOver,
-        onKeyDown: e => {
-            disabled || accessibleKeyDown(e, () => onClick());
-        },
-        onClick: disabled ? void 0 : onClick,
-        tabIndex: disabled ? -1 : 0,
-        children: [ jsx("div", {
-            className: css_buttonIcon,
-            children: jsx(Icon, {
-                size: 26,
-                name: active ? iconActive : icon,
-                strokeColor: iconColor
-            })
-        }), jsx("div", {
-            className: css_buttonLabel,
-            children: label
-        }) ]
-    });
-}
-
-/**
- * the default poster image when no video is available
- */ function DefaultNoVideoPoster(props) {
-    const {size: size = .75, user: user, message: message = "Video is off"} = props;
-    return user ? jsx(Avatar, {
-        image: null == user ? void 0 : user.avatar,
-        name: `${null == user ? void 0 : user.name}`,
-        email: `${null == user ? void 0 : user.email}`,
-        size: "50%",
-        fontSize: "25%"
-    }) : message;
-}
-
-export { Camera as C };

package/dist/esm/chunks/CheckBox-CMzqOPXk.mjs

@@ -1,61 +0,0 @@
-'use client';
-import { a as __rest } from "./tslib.es6-DiR-r3pp.mjs";
-
-import { jsxs, jsx } from "react/jsx-runtime";
-
-import { motion } from "motion/react";
-
-import React, { useState, useEffect, useMemo, useCallback } from "react";
-
-import { a as accessibleKeyDown } from "./misc-CagHFpjD.mjs";
-
-import { I as Icon } from "./Icon-BZ634R5u.mjs";
-
-var css_wrapper = "CheckBox-module_wrapper__uRsjI flexBox-module_row__z24tF", css_icon = "CheckBox-module_icon__FoDJN flexBox-module_row__z24tF", css_label = "CheckBox-module_label__0AiBp type-module_body-m-regular__LuQBA";
-
-const CheckBox = React.memo(props => {
-    const {size: size = 20, checked: checked = !1, disabled: disabled = !1, color: color, children: children, onChange: onChange = () => null} = props, divAttributes = __rest(props, [ "size", "checked", "disabled", "color", "children", "onChange" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", [state, setState] = useState(checked);
-    useEffect(() => setState(checked), [ checked ]);
-    const iconName = useMemo(() => !0 === state ? "checkbox checked" : "mixed" === state ? "checkbox partial" : "checkbox", [ state ]), iconColor = useMemo(() => color || (disabled ? "var(--core-icon-disabled)" : "mixed" === state ? "var(--core-icon-primary)" : state ? "var(--core-text-special)" : "var(--core-icon-secondary"), [ color, disabled, state ]), labelColor = useMemo(() => color || (disabled ? "var(--core-text-disabled)" : "var(--core-text-primary)"), [ color, disabled ]), cssVars = useMemo(() => ({
-        "--cb-size": `${size}px`,
-        "--cb-label-color": labelColor
-    }), [ size, labelColor ]), handleToggle = useCallback(() => {
-        if (disabled) return;
-        let newState = !1;
-        switch (state) {
-          case !0:
-            break;
-
-          case "mixed":
-          case !1:
-            newState = !0;
-        }
-        setState(newState), onChange(newState);
-    }, [ state, disabled, onChange ]);
-    return jsxs(motion.div, Object.assign({
-        id: divId,
-        className: `${css_wrapper}${divClass}`,
-        style: Object.assign(Object.assign({}, divStyle), cssVars),
-        onClick: handleToggle,
-        onKeyDown: e => accessibleKeyDown(e, handleToggle),
-        tabIndex: disabled ? -1 : 0,
-        role: "checkbox",
-        "aria-checked": state,
-        "aria-disabled": disabled,
-        "aria-label": String(children)
-    }, rest, {
-        children: [ jsx("div", {
-            className: css_icon,
-            children: jsx(Icon, {
-                name: iconName,
-                strokeColor: iconColor,
-                size: size
-            })
-        }), children && jsx("span", {
-            className: css_label,
-            children: children
-        }) ]
-    }));
-});
-
-export { CheckBox as C };

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

@@ -1,92 +0,0 @@
-'use client';
-import { a as __rest } from "./tslib.es6-DiR-r3pp.mjs";
-
-import { jsxs, jsx } from "react/jsx-runtime";
-
-import React, { useState, useCallback, useMemo } from "react";
-
-import { s as setStyle, a as accessibleKeyDown } from "./misc-CagHFpjD.mjs";
-
-import { corners } from "../theme/corners.mjs";
-
-import { I as Icon } from "./Icon-BZ634R5u.mjs";
-
-import { T as ToolTipType } from "./sharedTypes-BS0kCucU.mjs";
-
-var css = {
-    chip: "Chip-module_chip__0nys- flexBox-module_row__z24tF",
-    icon: "Chip-module_icon__dtR-K flexBox-module_row__z24tF",
-    xs: "Chip-module_xs__s-KNG type-module_body-xs-regular__ZAFft",
-    s: "Chip-module_s__2KTXi type-module_body-s-regular__vRHSP",
-    m: "Chip-module_m__l2u3N type-module_body-m-regular__LuQBA",
-    l: "Chip-module_l__3MqPN type-module_body-l-regular__lOYbg",
-    xl: "Chip-module_xl__iJX-F type-module_body-xl-regular__pF2kC"
-};
-
-const Chip = React.memo(props => {
-    const {variant: variant = "normal", children: children, label: label, icon: icon, tooltip: tooltip, iconSize: iconSize = 20, disabled: disabled = !1, focused: focused = !1, iconPosition: iconPosition = "left", labelSize: labelSize = "m", labelColor: labelColor = "var(--core-text-primary)", labelColorHover: labelColorHover = ("normal" === variant ? labelColor : "var(--core-text-special)"), iconColor: iconColor = "var(--core-text-primary)", iconColorHover: iconColorHover = ("normal" === variant ? iconColor : "var(--core-text-special)"), backgroundColor: backgroundColor = "transparent", backgroundColorHover: backgroundColorHover = ("normal" === variant ? backgroundColor : "var(--core-surface-secondary)"), borderWidth: borderWidth, borderSize: borderSize = 1, borderColor: borderColor = "var(--core-text-primary)", borderColorHover: borderColorHover = ("normal" === variant ? borderColor : "var(--core-text-special)"), borderColorDisabled: borderColorDisabled = "var(--core-text-disabled)", borderRadius: borderRadius = corners["corner-m"], paddingTop: paddingTop, paddingTops: paddingTops, paddingSides: paddingSides, gap: gap = 4, onToolTip: onToolTip = () => null, onClick: onClick = () => null} = props, divAttributes = __rest(props, [ "variant", "children", "label", "icon", "tooltip", "iconSize", "disabled", "focused", "iconPosition", "labelSize", "labelColor", "labelColorHover", "iconColor", "iconColorHover", "backgroundColor", "backgroundColorHover", "borderWidth", "borderSize", "borderColor", "borderColorHover", "borderColorDisabled", "borderRadius", "paddingTop", "paddingTops", "paddingSides", "gap", "onToolTip", "onClick" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", [isHovered, setIsHovered] = useState(!1), resolvedBackgroundColor = backgroundColor, resolvedBackgroundColorHover = backgroundColorHover, resolvedBorderWidth = null != borderWidth ? borderWidth : borderSize, resolvedPaddingTop = null != paddingTop ? paddingTop : paddingTops, handleClick = useCallback(e => {
-        disabled || onClick(e);
-    }, [ disabled, onClick ]), handleMouseEnter = useCallback((enter, event) => {
-        if (enter) {
-            if (tooltip) {
-                const tip = {
-                    type: ToolTipType.button,
-                    payload: {
-                        label: tooltip
-                    },
-                    ref: null,
-                    event: event
-                };
-                onToolTip(tip);
-            }
-            "button" === variant && setIsHovered(!0);
-        } else onToolTip(null), setIsHovered(!1);
-    }, [ tooltip, variant, onToolTip ]), padding = useMemo(() => {
-        const compact = "s" === labelSize || "xs" === labelSize, vertical = void 0 === resolvedPaddingTop ? compact ? "var(--spacing-xs)" : "var(--spacing-s)" : `${resolvedPaddingTop}px`, horizontal = void 0 === paddingSides ? compact ? "var(--spacing-s)" : "var(--spacing-m)" : `${paddingSides}px`;
-        if (!label || !icon || void 0 !== paddingSides) return `${vertical} ${horizontal}`;
-        const iconPadding = `calc(${horizontal} - var(--spacing-${compact ? "xxs" : "xs"}))`;
-        return `${vertical} ${"right" === iconPosition ? iconPadding : horizontal} ${vertical} ${"right" === iconPosition ? horizontal : iconPadding}`;
-    }, [ icon, iconPosition, resolvedPaddingTop, paddingSides, label, labelSize ]), computedIconColor = useMemo(() => disabled ? "var(--core-text-disabled)" : isHovered ? null != iconColorHover ? iconColorHover : "var(--core-text-special)" : null != iconColor ? iconColor : "var(--core-text-primary)", [ iconColor, disabled, isHovered, iconColorHover ]), cssVars = useMemo(() => ({
-        "--ui-chip-padding": padding,
-        "--ui-chip-gap": setStyle(gap),
-        "--ui-chip-border-radius": setStyle(borderRadius),
-        "--ui-chip-border-size": setStyle(resolvedBorderWidth),
-        "--ui-chip-border-color": disabled ? borderColorDisabled : borderColor,
-        "--ui-chip-border-color-hover": disabled ? borderColorDisabled : borderColorHover,
-        "--ui-chip-bg-color": resolvedBackgroundColor,
-        "--ui-chip-bg-color-hover": disabled ? resolvedBackgroundColor : resolvedBackgroundColorHover,
-        "--ui-chip-label-color": disabled ? "var(--core-text-disabled)" : labelColor,
-        "--ui-chip-label-color-hover": disabled ? "var(--core-text-disabled)" : labelColorHover,
-        "--ui-chip-cursor": disabled || "normal" === variant ? "default" : "pointer"
-    }), [ padding, resolvedBackgroundColor, borderColor, borderColorDisabled, borderColorHover, resolvedBorderWidth, resolvedBackgroundColorHover, labelColorHover, labelColor, gap, borderRadius, disabled, variant ]);
-    return jsxs("div", Object.assign({
-        id: divId,
-        className: `${css.chip}${divClass}`,
-        style: Object.assign(Object.assign({}, divStyle), cssVars),
-        onKeyDown: e => accessibleKeyDown(e, () => handleClick(e)),
-        onClick: handleClick,
-        onMouseEnter: e => handleMouseEnter(!0, e),
-        onMouseLeave: e => handleMouseEnter(!1, e)
-    }, rest, {
-        children: [ icon && "right" !== iconPosition && jsx("div", {
-            className: css.icon,
-            children: jsx(Icon, {
-                name: icon,
-                size: iconSize,
-                strokeColor: computedIconColor
-            })
-        }), (children || label) && jsx("div", {
-            className: css[labelSize],
-            children: null != children ? children : label
-        }), icon && "right" === iconPosition && jsx("div", {
-            className: css.icon,
-            children: jsx(Icon, {
-                name: icon,
-                size: iconSize,
-                strokeColor: computedIconColor
-            })
-        }) ]
-    }));
-});
-
-export { Chip as C };