@apple-pie/slice 0.1.59 → 0.2.0

package/dist/cjs/chunks/Camera-ByjATQDE.js

@@ -1,380 +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"), require("../theme/type.js");
-
-var misc = require("./misc-BallZ366.js"), 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 Avatar = require("./Avatar-BI8Gvsp7.js"), Icon = require("./Icon-BTjtQLNe.js"), 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 = React.useRef(null), containerElement = React.useRef(null), controlsTimer = React.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 = hooks_useTheme.useTheme(), [cameraSupport, setCameraSupport] = React.useState(void 0), [cameraError, setCameraError] = React.useState(void 0), [hovered, setHovered] = React.useState(!1), [cameraOn, setCameraOn] = React.useState(!1), [micMuted, setMicMuted] = React.useState(startAudioMuted), [snapshot, setSnapshot] = React.useState(void 0), [settings, setSettings] = React.useState(!1), [profile, setProfile] = React.useState(!1), [deviceList, setDeviceList] = React.useState([]), constraints = React.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 = React.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 = React.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 = React.useCallback(() => tslib_es6.__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 = React.useMemo(() => {
-        var _a;
-        return "undefined" != typeof navigator && Boolean(null === (_a = navigator.mediaDevices) || void 0 === _a ? void 0 : _a.getUserMedia);
-    }, []), syncMediaState = React.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 = React.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 = React.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 = React.useCallback(() => {
-        const audioTrack = getTrack("audio");
-        return audioTrack ? (audioTrack.enabled = !1, setMicMuted(!0), !0) : new Error("No audio track found");
-    }, [ getTrack ]), unmuteMic = React.useCallback(() => {
-        const audioTrack = getTrack("audio");
-        return audioTrack ? (audioTrack.enabled = !0, setMicMuted(!1), !0) : new Error("No audio track found");
-    }, [ getTrack ]), toggleMic = React.useCallback(() => {
-        const audioTrack = getTrack("audio");
-        return audioTrack ? audioTrack.enabled ? muteMic() : unmuteMic() : new Error("No audio track found");
-    }, [ getTrack, muteMic, unmuteMic ]), disableVideo = React.useCallback(() => {
-        const videoTrack = getTrack("video");
-        return videoTrack ? (videoTrack.enabled = !1, setCameraOn(!1), !0) : new Error("No video track found");
-    }, [ getTrack ]), enableVideo = React.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 = React.useCallback(() => {
-        setCameraSupport(!0), setCameraError(void 0), syncMediaState();
-    }, [ syncMediaState ]), reuseExistingStream = React.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 = React.useCallback(() => tslib_es6.__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 = React.useCallback(stream => tslib_es6.__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 = React.useCallback(() => tslib_es6.__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 = React.useCallback(() => tslib_es6.__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 = React.useCallback(() => tslib_es6.__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 = React.useMemo(() => !cameraError && (!1 === cameraSupport || !cameraOn), [ cameraError, cameraSupport, cameraOn ]), showError = React.useMemo(() => Boolean(cameraError), [ cameraError ]), controlsBg = React.useMemo(() => {
-        const bgColor = theme.current.colors["core-surface-primary"];
-        return colors.addOpacity(bgColor, .75);
-    }, [ theme.current ]), setControlBarVisible = React.useMemo(() => autoHideControlBar ? showControlBar && hovered ? "translateY(0%)" : "translateY(100%)" : "translateY(0%)", [ autoHideControlBar, hovered, showControlBar ]), cssVars = React.useMemo(() => ({
-        "--camera-width": width,
-        "--camera-height": height,
-        "--camera-controls-bg": controlsBg,
-        "--camera-controls-transform": setControlBarVisible
-    }), [ controlsBg, height, setControlBarVisible, width ]), handleMouseClick = React.useCallback(() => {
-        setHovered(!1);
-    }, []), handleControlsClick = React.useCallback(e => {
-        e.stopPropagation();
-    }, []);
-    return React.useEffect(() => {
-        startCameraOff ? stopCamera().then(() => null) : startCamera().then(() => null);
-    }, [ startCamera, startCameraOff, stopCamera ]), React.useEffect(() => {
-        videoElement.current && (videoElement.current.muted = !playLocalAudio);
-    }, [ playLocalAudio ]), React.useEffect(() => () => {
-        controlsTimer.current && clearTimeout(controlsTimer.current);
-        const stream = getStream();
-        if (stream) for (const track of stream.getTracks()) track.stop();
-    }, [ getStream ]), React.useEffect(() => () => {
-        snapshot && URL.revokeObjectURL(snapshot);
-    }, [ snapshot ]), jsxRuntime.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 => misc.accessibleKeyDown(e, handleMouseClick),
-        children: [ pipSnapshot && snapshot && jsxRuntime.jsxs("div", {
-            className: css_snapshotFrame,
-            children: [ jsxRuntime.jsx("div", {
-                className: css_clear,
-                children: jsxRuntime.jsx(Icon.Icon, {
-                    name: "x",
-                    pointer: !0,
-                    role: "button",
-                    "aria-label": "Clear snapshot",
-                    onClick: () => setSnapshot(previousSnapshot => {
-                        previousSnapshot && URL.revokeObjectURL(previousSnapshot);
-                    })
-                })
-            }), jsxRuntime.jsx("img", {
-                className: css_snapshot,
-                src: snapshot,
-                alt: "Snapshot"
-            }) ]
-        }), !1 !== cameraSupport && jsxRuntime.jsx("video", {
-            ref: videoElement,
-            className: css_video,
-            autoPlay: !0,
-            playsInline: !0,
-            muted: !playLocalAudio,
-            children: jsxRuntime.jsx("track", {
-                kind: "captions",
-                src: void 0
-            })
-        }), showPoster && jsxRuntime.jsx("div", {
-            className: css_poster,
-            children: null != noVideoPoster ? noVideoPoster : jsxRuntime.jsx(DefaultNoVideoPoster, {
-                user: userProfile
-            })
-        }), showError && jsxRuntime.jsx("div", {
-            className: css_error,
-            children: cameraError
-        }), jsxRuntime.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 => misc.accessibleKeyDown(e, () => handleControlsClick(e)),
-            children: [ jsxRuntime.jsx("div", {
-                className: css_controlsLeft,
-                children: jsxRuntime.jsx(ToolbarButton, {
-                    icon: "person",
-                    iconActive: "person",
-                    active: profile,
-                    label: "User Info",
-                    disabled: !1,
-                    onClick: () => {
-                        setProfile(!profile), null == onChangeProfile || onChangeProfile(userProfile);
-                    }
-                })
-            }), jsxRuntime.jsxs("div", {
-                className: css_controlsCenter,
-                children: [ jsxRuntime.jsx(ToolbarButton, {
-                    icon: "video",
-                    iconActive: "video off",
-                    active: !cameraOn,
-                    label: cameraOn ? "Video" : "Off",
-                    onClick: () => {
-                        toggleVideo();
-                    }
-                }), jsxRuntime.jsx(ToolbarButton, {
-                    icon: "mic",
-                    iconActive: "mic muted",
-                    active: micMuted,
-                    label: micMuted ? "Muted" : "Mic",
-                    onClick: () => toggleMic()
-                }), jsxRuntime.jsx(ToolbarButton, {
-                    icon: "camera",
-                    iconActive: "camera",
-                    active: !!snapshot,
-                    label: "Photo",
-                    disabled: !cameraOn,
-                    onClick: () => cameraOn && handleSnapshot({
-                        toggle: !0
-                    })
-                }) ]
-            }), jsxRuntime.jsx("div", {
-                className: css_controlsRight,
-                children: jsxRuntime.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 = React.useMemo(() => active ? "var(--core-surface-primary)" : "var(--core-text-special)", [ active ]), labelColor = React.useMemo(() => active ? "var(--core-text-primary)" : disabled ? "var(--core-text-disabled)" : "var(--core-text-special)", [ active, disabled ]), cssVars = React.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 jsxRuntime.jsxs("div", {
-        className: css_toolbarButton,
-        style: cssVars,
-        role: "button",
-        "aria-label": label,
-        "aria-disabled": disabled,
-        onFocus: onMouseOver,
-        onMouseOver: onMouseOver,
-        onKeyDown: e => {
-            disabled || misc.accessibleKeyDown(e, () => onClick());
-        },
-        onClick: disabled ? void 0 : onClick,
-        tabIndex: disabled ? -1 : 0,
-        children: [ jsxRuntime.jsx("div", {
-            className: css_buttonIcon,
-            children: jsxRuntime.jsx(Icon.Icon, {
-                size: 26,
-                name: active ? iconActive : icon,
-                strokeColor: iconColor
-            })
-        }), jsxRuntime.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 ? jsxRuntime.jsx(Avatar.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;
-}
-
-exports.Camera = Camera;

package/dist/cjs/chunks/CheckBox-DZng-9wI.js

@@ -1,51 +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"), misc = require("./misc-BallZ366.js"), Icon = require("./Icon-BTjtQLNe.js"), 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 = tslib_es6.__rest(props, [ "size", "checked", "disabled", "color", "children", "onChange" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", [state, setState] = React.useState(checked);
-    React.useEffect(() => setState(checked), [ checked ]);
-    const iconName = React.useMemo(() => !0 === state ? "checkbox checked" : "mixed" === state ? "checkbox partial" : "checkbox", [ state ]), iconColor = React.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 = React.useMemo(() => color || (disabled ? "var(--core-text-disabled)" : "var(--core-text-primary)"), [ color, disabled ]), cssVars = React.useMemo(() => ({
-        "--cb-size": `${size}px`,
-        "--cb-label-color": labelColor
-    }), [ size, labelColor ]), handleToggle = React.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 jsxRuntime.jsxs(react.motion.div, Object.assign({
-        id: divId,
-        className: `${css_wrapper}${divClass}`,
-        style: Object.assign(Object.assign({}, divStyle), cssVars),
-        onClick: handleToggle,
-        onKeyDown: e => misc.accessibleKeyDown(e, handleToggle),
-        tabIndex: disabled ? -1 : 0,
-        role: "checkbox",
-        "aria-checked": state,
-        "aria-disabled": disabled,
-        "aria-label": String(children)
-    }, rest, {
-        children: [ jsxRuntime.jsx("div", {
-            className: css_icon,
-            children: jsxRuntime.jsx(Icon.Icon, {
-                name: iconName,
-                strokeColor: iconColor,
-                size: size
-            })
-        }), children && jsxRuntime.jsx("span", {
-            className: css_label,
-            children: children
-        }) ]
-    }));
-});
-
-exports.CheckBox = CheckBox;

package/dist/cjs/chunks/Chip-CqUDN_QK.js

@@ -1,80 +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"), sharedTypes = require("./sharedTypes-XAbs742N.js"), 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 = theme_corners.corners["corner-m"], paddingTop: paddingTop, paddingTops: paddingTops, paddingSides: paddingSides, gap: gap = 4, onToolTip: onToolTip = () => null, onClick: onClick = () => null} = props, divAttributes = tslib_es6.__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 = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", [isHovered, setIsHovered] = React.useState(!1), resolvedBackgroundColor = backgroundColor, resolvedBackgroundColorHover = backgroundColorHover, resolvedBorderWidth = null != borderWidth ? borderWidth : borderSize, resolvedPaddingTop = null != paddingTop ? paddingTop : paddingTops, handleClick = React.useCallback(e => {
-        disabled || onClick(e);
-    }, [ disabled, onClick ]), handleMouseEnter = React.useCallback((enter, event) => {
-        if (enter) {
-            if (tooltip) {
-                const tip = {
-                    type: sharedTypes.ToolTipType.button,
-                    payload: {
-                        label: tooltip
-                    },
-                    ref: null,
-                    event: event
-                };
-                onToolTip(tip);
-            }
-            "button" === variant && setIsHovered(!0);
-        } else onToolTip(null), setIsHovered(!1);
-    }, [ tooltip, variant, onToolTip ]), padding = React.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 = React.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 = React.useMemo(() => ({
-        "--ui-chip-padding": padding,
-        "--ui-chip-gap": misc.setStyle(gap),
-        "--ui-chip-border-radius": misc.setStyle(borderRadius),
-        "--ui-chip-border-size": misc.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 jsxRuntime.jsxs("div", Object.assign({
-        id: divId,
-        className: `${css.chip}${divClass}`,
-        style: Object.assign(Object.assign({}, divStyle), cssVars),
-        onKeyDown: e => misc.accessibleKeyDown(e, () => handleClick(e)),
-        onClick: handleClick,
-        onMouseEnter: e => handleMouseEnter(!0, e),
-        onMouseLeave: e => handleMouseEnter(!1, e)
-    }, rest, {
-        children: [ icon && "right" !== iconPosition && jsxRuntime.jsx("div", {
-            className: css.icon,
-            children: jsxRuntime.jsx(Icon.Icon, {
-                name: icon,
-                size: iconSize,
-                strokeColor: computedIconColor
-            })
-        }), (children || label) && jsxRuntime.jsx("div", {
-            className: css[labelSize],
-            children: null != children ? children : label
-        }), icon && "right" === iconPosition && jsxRuntime.jsx("div", {
-            className: css.icon,
-            children: jsxRuntime.jsx(Icon.Icon, {
-                name: icon,
-                size: iconSize,
-                strokeColor: computedIconColor
-            })
-        }) ]
-    }));
-});
-
-exports.Chip = Chip;

package/dist/cjs/chunks/DivInput-GYDtuy4a.js

@@ -1,101 +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"), misc = require("./misc-BallZ366.js"), theme_corners = require("../theme/corners.js"), 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 = theme_corners.corners["corner-xs"], backgroundColor: backgroundColor = "var(--core-surface-secondary)"} = props, divAttributes = tslib_es6.__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 = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", ref = React.useRef(null), value = null != valueProp ? valueProp : "", innerText = React.useRef("" === value ? misc.cleanString(placeholder) : misc.cleanString(value)), [isFocused, setIsFocused] = React.useState(focus), [text, setText] = React.useState(innerText.current), [isPlaceholder, setIsPlaceholder] = React.useState(!1), resolvedBorderRadius = null != borderRadius ? borderRadius : radius, resolvedBackgroundColor = backgroundColor, setCursor = React.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 = React.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);
-    }, []);
-    React.useEffect(() => {
-        if (!ref.current) return;
-        ref.current.contentEditable = isEditable ? "true" : "false", focus && (handleSelectAll(), 
-        ref.current.focus()), setIsFocused(focus);
-        const newText = "" === value ? misc.cleanString(placeholder) : misc.cleanString(value);
-        innerText.current = newText, ref.current.innerText = newText, setText(newText);
-    }, [ value, placeholder, focus, isEditable, handleSelectAll ]), React.useEffect(() => {
-        placeholder && setIsPlaceholder(text === placeholder);
-    }, [ placeholder, text ]);
-    const handleSetValue = React.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 = misc.cleanString(textString), ref.current && (ref.current.innerText = misc.cleanString(textString), 
-            setCursor("end"));
-        } else textString = e.currentTarget.innerText, innerText.current = misc.cleanString(textString || "");
-        onChange(innerText.current), setText(innerText.current);
-    }, [ placeholder, isPlaceholder, onChange, setCursor ]), handleKeyDown = React.useCallback(e => (e.stopPropagation(), 
-    "Enter" === e.key && ref.current ? (e.preventDefault(), ref.current.innerHTML = misc.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 = React.useCallback(e => {
-        var _a;
-        if (e.preventDefault(), !e.clipboardData) return;
-        const textData = e.clipboardData.getData("text/plain");
-        if (!textData) return;
-        const pasteText = misc.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(misc.cleanString(newText)), innerText.current = misc.cleanString(newText), 
-        !0;
-    }, [ onChange ]), handleFocus = React.useCallback(e => {
-        setIsFocused(!0), onFocus(e);
-    }, [ onFocus ]), handleBlur = React.useCallback(_e => {
-        if (!ref.current) return;
-        const blurText = misc.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 = React.useCallback(e => {
-        e.preventDefault(), e.stopPropagation(), isPlaceholder && setTimeout(() => setCursor("start"), 50), 
-        onClick();
-    }, [ isPlaceholder, setCursor, onClick ]), setWidth = React.useCallback(width => "string" == typeof width ? width : `${width}px`, []), cssVars = React.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": misc.setStyle(resolvedBorderRadius)
-    }), [ clamp, wrap, isEditable, width, textAlign, isFocused, padding, isPlaceholder, setWidth, resolvedBackgroundColor, resolvedBorderRadius ]);
-    return jsxRuntime.jsx("div", Object.assign({
-        id: divId,
-        className: `${css_wrapper}${divClass}`,
-        style: Object.assign(Object.assign({}, divStyle), cssVars)
-    }, rest, {
-        children: jsxRuntime.jsx(react.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", exports.DivInput = DivInput;