@apple-pie/slice 0.1.60 → 0.2.0

package/dist/esm/chunks/TextField-iqgBuz_w.mjs

@@ -1,210 +0,0 @@
-'use client';
-import { a as __rest } from "./tslib.es6-DiR-r3pp.mjs";
-
-import { jsxs, jsx } from "react/jsx-runtime";
-
-import { AnimatePresence, motion } from "motion/react";
-
-import React, { useRef, useState, useEffect, useCallback, useMemo } from "react";
-
-import { useTheme } from "../hooks/useTheme.mjs";
-
-import "../theme/colors.mjs";
-
-import { corners } from "../theme/corners.mjs";
-
-import "../theme/type.mjs";
-
-import { s as setStyle } from "./misc-CagHFpjD.mjs";
-
-import "./broadcastChannel-B2yT2lpA.mjs";
-
-import "./webRTCStore-BpDbSd4Q.mjs";
-
-import "./microphoneStore-lnK3t3JC.mjs";
-
-import "./volumeStore-CSItrUF2.mjs";
-
-import "../hooks/useWindow.mjs";
-
-import { B as Button } from "./Button-BtxNw6ia.mjs";
-
-import { I as Icon } from "./Icon-BZ634R5u.mjs";
-
-import { I as IconButton } from "./IconButton-BW8BwWt1.mjs";
-
-var css = {
-    wrapper: "TextField-module_wrapper__qZ-p- flexBox-module_rowStart__4tcxS",
-    container: "TextField-module_container__5U9yK flexBox-module_rowStart__4tcxS",
-    label: "TextField-module_label__jD8MR flexBox-module_rowStart__4tcxS",
-    input: "TextField-module_input__AkWBQ",
-    showPassword: "TextField-module_showPassword__4Ecfo flexBox-module_row__z24tF",
-    clearButton: "TextField-module_clearButton__O9ed3 flexBox-module_row__z24tF",
-    xs: "TextField-module_xs__vyt2t type-module_body-xs-regular__ZAFft",
-    s: "TextField-module_s__0qm83 type-module_body-s-regular__vRHSP",
-    m: "TextField-module_m__M-tLl type-module_body-m-regular__LuQBA",
-    l: "TextField-module_l__gbNRz type-module_body-l-regular__lOYbg",
-    xl: "TextField-module_xl__tp--W type-module_body-xl-regular__pF2kC"
-};
-
-const MOTION_CONFIG = {
-    variants: {
-        initial: {
-            opacity: 0
-        },
-        animate: {
-            opacity: 1
-        },
-        exit: {
-            opacity: 0
-        }
-    },
-    transition: {
-        ease: "easeInOut",
-        duration: .25
-    }
-}, TextField = React.memo(props => {
-    const theme = useTheme(), {name: name = "input_name", value: value = "", label: label, labelSize: labelSize = "m", textSize: textSize = "m", placeholder: placeholder = "placeholder", focused: focused = !1, onSubmit: onSubmit = () => null, onChange: onChange = () => null, onBlur: onBlur = () => null, onFocus: onFocus = () => null, onKeydown: onKeydown = () => null, onAction: onAction = () => null, onPaste: onPaste = () => null, onClear: onClear = () => null, actionButton: actionButton = !1, maxLength: maxLength, size: size = {
-        width: "100%",
-        height: "auto"
-    }, padding: padding, borderRadius: borderRadius = corners["corner-m"], editable: editable = !0, textAlign: textAlign = "left", inline: inline = !1, noShow: noShow = !1, borderType: borderType = "box", error: error = !1, borderColorFocused: borderColorFocused = "var(--core-link-primary)", borderColorBlurred: borderColorBlurred = "var(--core-outline-primary)", borderColorError: borderColorError = "var(--feedback-warning)", backgroundColorFocused: backgroundColorFocused = "var(--core-surface-secondary)", backgroundColorBlurred: backgroundColorBlurred = "var(--core-surface-secondary)", textColorFocused: textColorFocused = "var(--core-text-primary)", textColorBlurred: textColorBlurred = "var(--core-text-primary)", textColorError: textColorError = "var(--feedback-warning)", textColorPlaceholder: textColorPlaceholder = "var(--core-text-disabled)", textColorDisabled: textColorDisabled = "var(--core-text-disabled)", labelColor: labelColor = "var(--core-text-primary)", iconLeft: iconLeft, clearButton: clearButton = {
-        size: 20
-    }, clearBlurs: clearBlurs = !1, disabled: disabled = !1, inputType: inputType = "text"} = props, divAttributes = __rest(props, [ "name", "value", "label", "labelSize", "textSize", "placeholder", "focused", "onSubmit", "onChange", "onBlur", "onFocus", "onKeydown", "onAction", "onPaste", "onClear", "actionButton", "maxLength", "size", "padding", "borderRadius", "editable", "textAlign", "inline", "noShow", "borderType", "error", "borderColorFocused", "borderColorBlurred", "borderColorError", "backgroundColorFocused", "backgroundColorBlurred", "textColorFocused", "textColorBlurred", "textColorError", "textColorPlaceholder", "textColorDisabled", "labelColor", "iconLeft", "clearButton", "clearBlurs", "disabled", "inputType" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", input = useRef(null), [text, setText] = useState(value), [isFocused, setIsFocused] = useState(focused), [show, setShow] = useState(!1);
-    useEffect(() => {
-        input.current && (focused ? input.current.focus() : input.current.blur(), setIsFocused(focused));
-    }, [ focused ]), useEffect(() => {
-        setText(value);
-    }, [ value ]);
-    const handleClearTextField = useCallback(() => {
-        var _a;
-        disabled || "" === (null === (_a = input.current) || void 0 === _a ? void 0 : _a.value) || ((null == input ? void 0 : input.current) && (clearBlurs || input.current.focus(), 
-        setText("")), onChange(""), onClear());
-    }, [ disabled, clearBlurs, onChange, onClear ]), handleValueChange = useCallback(newValue => {
-        disabled || (setText(newValue), onChange(newValue));
-    }, [ onChange, disabled ]), handleBlur = useCallback(() => {
-        disabled || (setIsFocused(!1), onBlur(text));
-    }, [ text, onBlur, disabled ]), handleKeyDown = useCallback(e => {
-        var _a;
-        if (!disabled) {
-            if ("Enter" === e.key && (handleBlur(), onSubmit(text), null === (_a = input.current) || void 0 === _a || _a.blur()), 
-            disabled) return e.preventDefault(), !0;
-            onKeydown(e.key, e);
-        }
-    }, [ text, disabled, onSubmit, onKeydown, handleBlur ]), handleFocus = useCallback(() => {
-        disabled || (setIsFocused(!0), onFocus(text));
-    }, [ text, onFocus, disabled ]), toggleShow = useCallback(() => {
-        setShow(prev => !prev);
-    }, []), iconContainerStyle = useMemo(() => iconLeft ? {
-        width: iconLeft.size,
-        height: iconLeft.size
-    } : void 0, [ iconLeft ]), iconStrokeColor = useMemo(() => (null == iconLeft ? void 0 : iconLeft.color) ? iconLeft.color : theme.current.colors["core-icon-secondary"], [ iconLeft, theme ]), clearButtonStyle = useMemo(() => clearButton ? {
-        minWidth: clearButton.size,
-        minHeight: clearButton.size
-    } : void 0, [ clearButton ]), setBackgroundColor = useMemo(() => inline ? "unset" : isFocused ? null != backgroundColorFocused ? backgroundColorFocused : "transparent" : null != backgroundColorBlurred ? backgroundColorBlurred : "transparent", [ inline, isFocused, backgroundColorFocused, backgroundColorBlurred ]), setBorderColor = useMemo(() => {
-        var _a, _b;
-        return "none" === borderType ? "transparent" : error ? null !== (_a = null != borderColorError ? borderColorError : borderColorBlurred) && void 0 !== _a ? _a : "transparent" : isFocused ? null !== (_b = null != borderColorFocused ? borderColorFocused : borderColorBlurred) && void 0 !== _b ? _b : "transparent" : null != borderColorBlurred ? borderColorBlurred : "transparent";
-    }, [ borderType, error, isFocused, borderColorError, borderColorFocused, borderColorBlurred ]), setBoxShadow = useMemo(() => "none" === borderType ? "unset" : "underline" === borderType ? `0 1px 0 0 ${setBorderColor}` : `0 0 0 1px ${setBorderColor}`, [ borderType, setBorderColor ]), textColor = useMemo(() => error ? null != textColorError ? textColorError : "var(--core-text-primary)" : isFocused ? null != textColorFocused ? textColorFocused : "var(--core-text-primary)" : null != textColorBlurred ? textColorBlurred : "var(--core-text-primary)", [ isFocused, error, textColorError, textColorFocused, textColorBlurred ]), setTextAlign = useMemo(() => null != textAlign ? textAlign : "left", [ textAlign ]), setShowOpacity = useMemo(() => "password" !== inputType ? "0" : isFocused ? "1" : "0.5", [ inputType, isFocused ]), resolvedPadding = useMemo(() => {
-        if (null != padding) return "number" == typeof padding ? `${padding}px` : padding;
-        const iconInset = "calc(var(--spacing-m) - var(--spacing-xs))";
-        return `var(--spacing-s) ${"password" === inputType && !noShow || !actionButton && clearButton ? iconInset : "var(--spacing-m)"} var(--spacing-s) ${iconLeft && !label ? iconInset : "var(--spacing-m)"}`;
-    }, [ padding, iconLeft, label, inputType, noShow, actionButton, clearButton ]), cssVars = useMemo(() => ({
-        "--tf-input-width": "unset" !== size.width && "100%",
-        "--tf-field-size": "auto" === size.width ? "content" : "unset",
-        "--tf-width": setStyle(size.width),
-        "--tf-height": setStyle(size.height),
-        "--tf-padding": resolvedPadding,
-        "--tf-padding-label-left": "" === label ? "unset" : "0",
-        "--tf-border-radius": setStyle(borderRadius),
-        "--tf-bg-color": setBackgroundColor,
-        "--tf-box-shadow": setBoxShadow,
-        "--tf-color": textColor,
-        "--tf-label-color": disabled ? null != textColorDisabled ? textColorDisabled : "var(--core-text-disabled)" : labelColor,
-        "--tf-text-align": setTextAlign,
-        "--tf-show-opacity": setShowOpacity,
-        "--tf-placeholder-color": null != textColorPlaceholder ? textColorPlaceholder : "var(--core-text-disabled)"
-    }), [ size, label, borderRadius, setBackgroundColor, setBoxShadow, textColor, setTextAlign, setShowOpacity, textColorPlaceholder, textColorDisabled, labelColor, disabled, resolvedPadding ]);
-    return jsxs("div", Object.assign({
-        id: divId,
-        className: `${css.wrapper}${divClass}`,
-        style: Object.assign(Object.assign({}, divStyle), cssVars)
-    }, rest, {
-        children: [ label && jsx("div", {
-            className: `${css.label} ${css[labelSize]}`,
-            children: label
-        }), jsxs("div", {
-            className: css.container,
-            children: [ iconLeft && jsx("div", {
-                style: iconContainerStyle,
-                children: jsx(Icon, {
-                    name: iconLeft.name,
-                    size: iconLeft.size,
-                    strokeColor: iconStrokeColor
-                })
-            }), jsx("input", {
-                className: `${css.input} ${css[textSize]}`,
-                ref: input,
-                type: "password" === inputType && show ? "text" : inputType,
-                name: name,
-                "aria-label": name,
-                autoCapitalize: "none",
-                autoCorrect: "off",
-                autoComplete: "off",
-                value: text,
-                onChange: e => handleValueChange(e.target.value),
-                onKeyDown: handleKeyDown,
-                onPaste: onPaste,
-                placeholder: placeholder,
-                onFocus: handleFocus,
-                onBlur: handleBlur,
-                onMouseDown: e => e.stopPropagation(),
-                disabled: !editable || disabled,
-                maxLength: maxLength
-            }), clearButton && jsx("button", {
-                type: "button",
-                "aria-label": "Clear text",
-                className: css.clearButton,
-                style: clearButtonStyle,
-                onClick: handleClearTextField,
-                children: isFocused && "" !== text && jsx(Icon, {
-                    name: "x",
-                    size: clearButton.size,
-                    strokeColor: theme.current.colors["core-icon-secondary"]
-                })
-            }), jsx(AnimatePresence, {
-                initial: !1,
-                children: actionButton && jsx(motion.div, {
-                    variants: MOTION_CONFIG.variants,
-                    initial: "initial",
-                    animate: "animate",
-                    exit: "exit",
-                    transition: MOTION_CONFIG.transition,
-                    children: jsx(Button, {
-                        label: "Translate",
-                        variant: "text",
-                        size: "small",
-                        state: "" === text ? "disabled" : "normal",
-                        labelColor: theme.current.colors["core-button-primary"],
-                        onClick: onAction
-                    })
-                })
-            }), "password" === inputType && !noShow && jsx("div", {
-                className: css.showPassword,
-                children: jsx(IconButton, {
-                    icon: "view",
-                    toggleIcon: !0,
-                    toggle: !1,
-                    isToggled: show,
-                    iconSize: 18,
-                    frameSize: 18,
-                    onClick: toggleShow,
-                    tooltip: "Show / Hide",
-                    disabled: !1
-                })
-            }) ]
-        }) ]
-    }));
-}, (prevProps, nextProps) => prevProps.value === nextProps.value && prevProps.borderType === nextProps.borderType && prevProps.borderRadius === nextProps.borderRadius && prevProps.borderColorFocused === nextProps.borderColorFocused && prevProps.borderColorBlurred === nextProps.borderColorBlurred && prevProps.borderColorError === nextProps.borderColorError && prevProps.backgroundColorFocused === nextProps.backgroundColorFocused && prevProps.backgroundColorBlurred === nextProps.backgroundColorBlurred && prevProps.textColorFocused === nextProps.textColorFocused && prevProps.textColorBlurred === nextProps.textColorBlurred && prevProps.textColorError === nextProps.textColorError && prevProps.textColorPlaceholder === nextProps.textColorPlaceholder && prevProps.textColorDisabled === nextProps.textColorDisabled && prevProps.labelColor === nextProps.labelColor && prevProps.labelSize === nextProps.labelSize && prevProps.focused === nextProps.focused && prevProps.error === nextProps.error && prevProps.disabled === nextProps.disabled && prevProps.label === nextProps.label && prevProps.inputType === nextProps.inputType && prevProps.textSize === nextProps.textSize && prevProps.padding === nextProps.padding && prevProps.iconLeft === nextProps.iconLeft && prevProps.clearButton === nextProps.clearButton && prevProps.actionButton === nextProps.actionButton && prevProps.noShow === nextProps.noShow && prevProps.textAlign === nextProps.textAlign && prevProps.placeholder === nextProps.placeholder);
-
-TextField.displayName = "TextField";
-
-export { TextField as T };

package/dist/esm/chunks/Tip-BhNgf7ae.mjs

@@ -1,99 +0,0 @@
-'use client';
-import { a as __rest } from "./tslib.es6-DiR-r3pp.mjs";
-
-import { jsx } from "react/jsx-runtime";
-
-import { motion } from "motion/react";
-
-import React, { useState, useRef, useEffect, useMemo } from "react";
-
-import { s as setStyle, f as filterClasses } from "./misc-CagHFpjD.mjs";
-
-import { corners } from "../theme/corners.mjs";
-
-var css = {
-    wrapper: "Tip-module_wrapper__D7ACT flexBox-module_rowStart__4tcxS",
-    xs: "Tip-module_xs__wsz9y type-module_body-xs-regular__ZAFft",
-    s: "Tip-module_s__Wvz3q type-module_body-s-regular__vRHSP",
-    m: "Tip-module_m__9qJbB type-module_body-m-regular__LuQBA",
-    l: "Tip-module_l__OdNuh type-module_body-l-regular__lOYbg",
-    xl: "Tip-module_xl__izmFk type-module_body-xl-regular__pF2kC"
-};
-
-const tipBasePos = {
-    left: 0,
-    top: 0
-}, TipBase = React.forwardRef((props, ref) => {
-    var _a;
-    const {tip: tip, textSize: textSize = "s", backgroundColor: backgroundColor, textColor: textColor, color: color, border: border = !0, borderColor: borderColor, padding: padding, borderRadius: borderRadius, radius: radius, coords: coords, showDelay: showDelay = 500, hideDelay: hideDelay = 2500} = props, divAttributes = __rest(props, [ "tip", "textSize", "backgroundColor", "textColor", "color", "border", "borderColor", "padding", "borderRadius", "radius", "coords", "showDelay", "hideDelay" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? `${className}` : "", [pos, setPos] = useState(tipBasePos), [ready, setReady] = useState(!1), [animate, setAnimate] = useState(!1), timer = useRef(null), resolvedBackgroundColor = backgroundColor, resolvedTextColor = null != textColor ? textColor : color, resolvedBorderRadius = null != borderRadius ? borderRadius : radius;
-    useEffect(() => {
-        timer.current && clearTimeout(timer.current);
-        const {x: x, y: y} = null != coords ? coords : {
-            x: 0,
-            y: 0
-        };
-        return x > 0 && y > 0 ? timer.current = setTimeout(() => {
-            var _a, _b;
-            setPos({
-                left: null !== (_a = null == coords ? void 0 : coords.x) && void 0 !== _a ? _a : 0,
-                top: null !== (_b = null == coords ? void 0 : coords.y) && void 0 !== _b ? _b : 0
-            }), setReady(!0), timer.current && clearTimeout(timer.current), timer.current = setTimeout(() => {
-                setReady(!1), setPos({
-                    left: 0,
-                    top: 0
-                });
-            }, hideDelay);
-        }, showDelay) : (setReady(!1), setPos({
-            left: 0,
-            top: 0
-        })), () => {
-            timer.current && clearTimeout(timer.current);
-        };
-    }, [ coords, showDelay, hideDelay ]), useEffect(() => setAnimate(ready), [ ready ]);
-    const cssVars = useMemo(() => ({
-        "--tooltip-padding": 0 === padding ? "0px" : setStyle(padding, "var(--spacing-xs) var(--spacing-s)"),
-        "--tooltip-background": null != resolvedBackgroundColor ? resolvedBackgroundColor : "var(--core-surface-secondary)",
-        "--tooltip-color": null != resolvedTextColor ? resolvedTextColor : "var(--core-text-primary)",
-        "--tooltip-border": border ? `1px solid ${null != borderColor ? borderColor : "var(--core-outline-primary)"}` : "unset",
-        "--tooltip-border-radius": setStyle(resolvedBorderRadius, corners["corner-xs"])
-    }), [ padding, resolvedBackgroundColor, resolvedTextColor, border, borderColor, resolvedBorderRadius ]), coordStyle = useMemo(() => {
-        const {left: left, top: top} = pos;
-        return {
-            left: `${null != left ? left : 0}px`,
-            top: `${null != top ? top : 0}px`
-        };
-    }, [ pos ]), classNames = useMemo(() => filterClasses([ css.wrapper, css[textSize], divClass ]), [ textSize, divClass ]);
-    return jsx(motion.div, Object.assign({
-        ref: ref,
-        id: divId,
-        className: classNames,
-        onKeyDown: () => null,
-        style: Object.assign(Object.assign(Object.assign(Object.assign({}, divStyle), cssVars), coordStyle), {
-            visibility: ready ? "visible" : "hidden"
-        }),
-        initial: {
-            opacity: 0
-        },
-        animate: animate ? {
-            opacity: 1,
-            transition: {
-                ease: "easeInOut",
-                duration: .25
-            }
-        } : void 0,
-        exit: {
-            opacity: 0,
-            transition: {
-                duration: 0
-            }
-        }
-    }, rest, {
-        children: null === (_a = null == tip ? void 0 : tip.payload) || void 0 === _a ? void 0 : _a.label
-    }));
-});
-
-TipBase.displayName = "Tip";
-
-const Tip = React.memo(TipBase);
-
-export { Tip as T };

package/dist/esm/chunks/Toast-C4ij2wVB.mjs

@@ -1,203 +0,0 @@
-'use client';
-import { a as __rest } from "./tslib.es6-DiR-r3pp.mjs";
-
-import { jsx, jsxs } from "react/jsx-runtime";
-
-import { AnimatePresence, motion } from "motion/react";
-
-import React, { useState, useRef, useEffect, useMemo, useCallback } from "react";
-
-import { useTheme } from "../hooks/useTheme.mjs";
-
-import "../theme/colors.mjs";
-
-import { corners } from "../theme/corners.mjs";
-
-import "../theme/type.mjs";
-
-import { s as setStyle, f as filterClasses, a as accessibleKeyDown } from "./misc-CagHFpjD.mjs";
-
-import "./broadcastChannel-B2yT2lpA.mjs";
-
-import "./webRTCStore-BpDbSd4Q.mjs";
-
-import "./microphoneStore-lnK3t3JC.mjs";
-
-import "./volumeStore-CSItrUF2.mjs";
-
-import "../hooks/useWindow.mjs";
-
-import { I as Icon } from "./Icon-BZ634R5u.mjs";
-
-import { P as ProgressIndicator } from "./ProgressIndicator-BJGyKW4y.mjs";
-
-var ToastType, css = {
-    wrapper: "Toast-module_wrapper__1uj9O flexBox-module_rowBetween__5FEvi",
-    close: "Toast-module_close__i10-s flexBox-module_row__z24tF",
-    message: "Toast-module_message__3dP0P flexBox-module_rowStart__4tcxS",
-    progress: "Toast-module_progress__SWsbA flexBox-module_row__z24tF",
-    xs: "Toast-module_xs__ptQ-h type-module_body-xs-regular__ZAFft",
-    s: "Toast-module_s__kc5Ef type-module_body-s-regular__vRHSP",
-    m: "Toast-module_m__JtmLz type-module_body-m-regular__LuQBA",
-    l: "Toast-module_l__-W0PD type-module_body-l-regular__lOYbg",
-    xl: "Toast-module_xl__j5Zhr type-module_body-xl-regular__pF2kC"
-};
-
-!function(ToastType) {
-    ToastType.Success = "success", ToastType.Error = "error", ToastType.Warning = "warning", 
-    ToastType.Info = "info";
-}(ToastType || (ToastType = {}));
-
-const ToastBase = React.forwardRef((props, ref) => {
-    const {notifId: notifId, message: message = null, textSize: textSize = "m", border: border = !0, padding: padding, radius: radius = corners["corner-m"], container: container = "window", showDelay: showDelay = 0, duration: duration = 5e3, position: position = "bottom", offset: offset = 24, close: close = !0, progress: progress, type: type = ToastType.Info, didHide: didHide = () => null} = props, divAttributes = __rest(props, [ "notifId", "message", "textSize", "border", "padding", "radius", "container", "showDelay", "duration", "position", "offset", "close", "progress", "type", "didHide" ]), theme = useTheme(), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? `${className}` : "", [ready, setReady] = useState(!1), [content, setContent] = useState(null), timer = useRef(null);
-    useEffect(() => {
-        timer.current && clearTimeout(timer.current);
-        return message && message.length > 0 ? timer.current = setTimeout(() => {
-            setContent(message), timer.current && clearTimeout(timer.current), "Infinite" !== duration && (timer.current = setTimeout(() => {
-                setReady(!1);
-            }, duration));
-        }, showDelay) : setContent(null), () => {
-            timer.current && clearTimeout(timer.current);
-        };
-    }, [ message, showDelay, duration ]), useEffect(() => setReady(null !== content), [ content ]);
-    const defaultPadding = useMemo(() => close ? "var(--spacing-s) calc(var(--spacing-m) - var(--spacing-xs)) var(--spacing-s) var(--spacing-m)" : "var(--spacing-s) var(--spacing-m)", [ close ]), colorScheme = useMemo(() => {
-        switch (type) {
-          case "success":
-            return {
-                border: "var(--array-land-label)",
-                bg: "var(--array-land)",
-                text: "var(--array-land-label)"
-            };
-
-          case "warning":
-            return {
-                border: "var(--array-orange-label)",
-                bg: "var(--array-orange)",
-                text: "var(--array-orange-label)"
-            };
-
-          case "error":
-            return {
-                border: "var(--feedback-warning)",
-                bg: "var(--array-magenta)",
-                text: "var(--feedback-warning)"
-            };
-
-          default:
-            return {
-                border: "var(--core-outline-primary)",
-                bg: "var(--core-surface-secondary)",
-                text: "var(--core-text-primary)"
-            };
-        }
-    }, [ type ]), cssVars = useMemo(() => ({
-        "--toast-padding": 0 === padding ? "0px" : setStyle(padding, defaultPadding),
-        "--toast-background": colorScheme.bg,
-        "--toast-color": colorScheme.text,
-        "--toast-border": border ? `1px solid ${colorScheme.border}` : "unset",
-        "--toast-border-radius": setStyle(radius, corners["corner-xs"]),
-        "--toast-position": "window" === container ? "fixed" : "absolute"
-    }), [ padding, border, colorScheme, radius, defaultPadding, container ]), variants = useMemo(() => {
-        const positionShow = "bottom" === position ? {
-            bottom: offset
-        } : {
-            top: offset
-        }, positionHide = "bottom" === position ? {
-            bottom: -offset
-        } : {
-            top: -offset
-        }, transition = {
-            ease: "easeInOut",
-            duration: .25
-        };
-        return {
-            initial: Object.assign({
-                opacity: 0
-            }, positionHide),
-            animate: Object.assign(Object.assign({
-                opacity: 1
-            }, positionShow), {
-                transition: transition
-            }),
-            exit: Object.assign(Object.assign({
-                opacity: 0
-            }, positionHide), {
-                transition: transition
-            })
-        };
-    }, [ position, offset ]), classNames = useMemo(() => filterClasses([ css.wrapper, css[textSize], divClass ]), [ textSize, divClass ]), handleClose = useCallback(() => {
-        setReady(!1);
-    }, []), handleMouseOver = useCallback(() => {
-        timer.current && clearTimeout(timer.current);
-    }, []), handleMouseOut = useCallback(() => {
-        timer.current && clearTimeout(timer.current), "Infinite" !== duration && (timer.current = setTimeout(() => {
-            setContent(null);
-        }, duration));
-    }, [ duration ]), showProgress = useMemo(() => void 0 !== progress ? progress : "Infinite" === duration, [ progress, duration ]), iconColor = useMemo(() => {
-        switch (type) {
-          case ToastType.Error:
-            return theme.current.colors["feedback-warning"];
-
-          case ToastType.Success:
-            return theme.current.colors["array-land-label"];
-
-          case ToastType.Warning:
-            return theme.current.colors["array-orange-label"];
-
-          default:
-            return theme.current.colors["core-text-primary"];
-        }
-    }, [ type, theme ]);
-    return jsx(AnimatePresence, {
-        onExitComplete: () => didHide(),
-        initial: !1,
-        children: ready && jsxs(motion.div, Object.assign({
-            ref: ref,
-            id: divId,
-            className: classNames
-        }, rest, {
-            onMouseEnter: handleMouseOver,
-            onMouseLeave: handleMouseOut,
-            onFocus: handleMouseOver,
-            onBlur: handleMouseOut,
-            style: Object.assign(Object.assign(Object.assign({}, divStyle), cssVars), {
-                visibility: ready ? "visible" : "hidden"
-            }),
-            variants: variants,
-            initial: "initial",
-            animate: "animate",
-            exit: "exit",
-            children: [ jsxs("div", {
-                role: "status",
-                "aria-live": "polite",
-                className: css.message,
-                children: [ showProgress && jsx("div", {
-                    className: css.progress,
-                    children: jsx(ProgressIndicator, {
-                        show: !0,
-                        inline: !0,
-                        color: iconColor
-                    })
-                }), content ]
-            }), ("Infinite" === duration || close) && jsx("div", {
-                className: css.close,
-                tabIndex: 0,
-                role: "button",
-                "aria-label": "dismiss message",
-                onKeyDown: e => accessibleKeyDown(e, handleClose),
-                onClick: handleClose,
-                children: jsx(Icon, {
-                    name: "x",
-                    size: 20,
-                    strokeColor: iconColor
-                })
-            }) ]
-        }), notifId)
-    });
-});
-
-ToastBase.displayName = "Toast";
-
-const Toast = React.memo(ToastBase);
-
-export { Toast as T, ToastType as a };

package/dist/esm/chunks/ToggleButton-74KPRo9V.mjs

@@ -1,53 +0,0 @@
-'use client';
-import { jsxs, jsx } from "react/jsx-runtime";
-
-import { useMemo } from "react";
-
-import { I as IconButton } from "./IconButton-BW8BwWt1.mjs";
-
-import { L as Label } from "./Label-gjoEtJAw.mjs";
-
-var css_toggleButton = "ToggleButton-module_toggleButton__H7KgI flexBox-module_rowStart__4tcxS";
-
-function ToggleButton(props) {
-    const {label: label, textSize: textSize, icon: icon, iconOn: iconOn, selected: selected = !1, iconColor: iconColor = "var(--core-text-primary)", iconColorOn: iconColorOn = "var(--core-surface-primary)", iconColorHover: iconColorHover = "var(--core-text-primary)", backgroundColor: backgroundColor = "var(--core-surface-secondary)", backgroundColorHover: backgroundColorHover = "var(--core-surface-secondary)", backgroundColorOn: backgroundColorOn = "var(--core-text-special)", iconSize: iconSize = 20, buttonSize: buttonSize = "m", tooltip: tooltip, gap: gap = 4, unselect: unselect = !0, fill: fill = !1, disabled: disabled = !1, border: border = !1, onChange: onChange, onSelect: onSelect, onToolTip: onToolTip, children: children, presetAnimations: presetAnimations, customAnimations: customAnimations} = props, handleClick = () => {
-        if (!unselect && selected) return;
-        const newState = !selected;
-        null == onChange || onChange(newState), newState && (null == onSelect || onSelect());
-    }, cssVars = useMemo(() => ({
-        "--tb-gap": `${gap}px`
-    }), [ gap ]);
-    return jsxs("div", {
-        className: css_toggleButton,
-        style: cssVars,
-        children: [ icon && jsx(IconButton, {
-            icon: selected && iconOn ? iconOn : icon,
-            buttonSize: buttonSize,
-            tooltip: tooltip,
-            toggle: !selected,
-            isToggled: selected,
-            backgroundColorOn: backgroundColorOn,
-            backgroundColorHover: backgroundColorHover,
-            backgroundColor: backgroundColor,
-            iconColor: iconColor,
-            iconColorOn: iconColorOn,
-            iconColorHover: iconColorHover,
-            onClick: handleClick,
-            iconSize: iconSize,
-            iconFill: fill,
-            disabled: disabled,
-            onToolTip: onToolTip,
-            border: border,
-            presetAnimations: presetAnimations,
-            customAnimations: customAnimations
-        }), (children || label) && jsx(Label, {
-            textSize: textSize,
-            borderSize: 0,
-            padding: 0,
-            onClick: handleClick,
-            children: null != children ? children : label
-        }) ]
-    });
-}
-
-export { ToggleButton as T };