@apple-pie/slice 0.1.30 → 0.1.31

package/dist/esm/chunks/{Slider-XEV0D2Rd.mjs → Slider-DPOy9uNI.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { a as __rest } from "./tslib.es6-C-olHjXV.mjs";
+import { a as __rest } from "./tslib.es6-BX2F90pK.mjs";
 
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -7,16 +7,12 @@ import React, { useRef, useState, useMemo, useCallback, useEffect } from "react"
 
 import { useObserveResize } from "../hooks/useObserveResize.mjs";
 
-import { p as pointerPosition } from "./misc-wS74txaa.mjs";
+import { p as pointerPosition } from "./misc-CTGTuM2J.mjs";
 
-import { d as debounce } from "./debounce-Bst1jxMS.mjs";
-
-import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
+import { d as debounce } from "./debounce-D5b6tZ5a.mjs";
 
 var css_wrapper = "Slider-module_wrapper__KCCs1", css_trackBg = "Slider-module_trackBg__7zfqm flexBox-module_rowStart__4tcxS", css_track = "Slider-module_track__kaJkL flexBox-module_rowStart__4tcxS", css_trackHead = "Slider-module_trackHead__W-UdG", css_trackWrapper = "Slider-module_trackWrapper__Ot0Wh flexBox-module_rowStart__4tcxS";
 
-styleInject(".flexBox-module_row__z24tF {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__5FEvi {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__4tcxS {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__rVdVm {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__ezvMq {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__C7P44 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__PKcrG {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__ERfp7 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__lLJuc {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}\n\n.Slider-module_wrapper__KCCs1 {\n\tposition: relative;\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0 var(--slider-padding);\n\tmargin: 0;\n\twidth: var(--slider-width);\n\theight: auto;\n\tmin-height: var(--slider-touch-height);\n\tcursor: var(--slider-cursor);\n\topacity: var(--slider-opacity);\n\tbackground: transparent;\n}\n\n.Slider-module_trackBg__7zfqm {\n\tposition: relative;\n\twidth: 100%;\n\theight: var(--slider-height);\n\tbackground-color: var(--slider-track-color);\n\toverflow: hidden;\n\tborder-radius: 100px;\n}\n\n.Slider-module_track__kaJkL {\n\tposition: absolute;\n\ttop: 0;\n\tbottom: 0;\n\twidth: 0;\n\tbackground-color: var(--slider-progress-color);\n\toverflow: visible;\n\tborder-radius: 100px;\n}\n\n.Slider-module_trackHead__W-UdG {\n\tposition: absolute;\n\tdisplay: var(--slider-head-display);\n\tbackground-color: var(--slider-head-color);\n\tborder: var(--slider-track-head-border);\n\tborder-radius: var(--slider-head-radius);\n\tmax-width: var(--slider-head-width);\n\tmax-height: var(--slider-head-size);\n\tmin-width: var(--slider-head-width);\n\tmin-height: var(--slider-head-size);\n\ttop: 50%;\n\ttransform: translateY(-50%) translateX(-50%);\n}\n\n.Slider-module_trackWrapper__Ot0Wh {\n\tposition: relative;\n\twidth: 100%;\n\theight: var(--slider-height);\n\tmin-height: var(--slider-touch-height);\n\tbackground-color: transparent;\n\tborder-radius: 4px;\n\toverflow: visible;\n\toutline: none;\n}\n\n.Slider-module_trackWrapper__Ot0Wh:focus-visible {\n\toutline: 2px solid var(--core-link-primary);\n\toutline-offset: 2px;\n}\n");
-
 const Slider = React.memo(props => {
     const {value: value = 25, scaleMin: scaleMin = 0, scaleMax: scaleMax = 100, width: width, height: height = 2, touchHeight: touchHeight = 24, trackHeadSize: trackHeadSize = 7, step: step, disabled: disabled = !1, disabledOpacity: disabledOpacity = .5, cursor: cursor = "default", headColor: headColor = "var(--core-text-light)", trackColor: trackColor = "var(--core-surface-secondary)", progressColor: progressColor = "var(--core-text-tertiary)", trackHeadBorderSize: trackHeadBorderSize = 1, trackHeadBorderColor: trackHeadBorderColor = "var(--core-outline-secondary)", onChange: onChange = () => null, onDragChange: onDragChange = () => null} = props, divAttributes = __rest(props, [ "value", "scaleMin", "scaleMax", "width", "height", "touchHeight", "trackHeadSize", "step", "disabled", "disabledOpacity", "cursor", "headColor", "trackColor", "progressColor", "trackHeadBorderSize", "trackHeadBorderColor", "onChange", "onDragChange" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", ref = useRef(null), track = useRef(null), head = useRef(null), [currentValue, setCurrentValue] = useState(value), absProgressRef = useRef(value), relativeProgressRef = useRef(0), didMount = useRef(!1), size = useObserveResize(ref, {
         ignore: "height"

package/dist/esm/chunks/{Spacer-C5651N0N.mjs → Spacer-BJd_D0Fn.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { a as __rest } from "./tslib.es6-C-olHjXV.mjs";
+import { a as __rest } from "./tslib.es6-BX2F90pK.mjs";
 
 import { jsx } from "react/jsx-runtime";
 

package/dist/esm/chunks/{Switch-RfA431T4.mjs → Switch-DHqlyizo.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { a as __rest } from "./tslib.es6-C-olHjXV.mjs";
+import { a as __rest } from "./tslib.es6-BX2F90pK.mjs";
 
 import { jsx } from "react/jsx-runtime";
 
@@ -7,8 +7,6 @@ import { motion } from "motion/react";
 
 import React, { useState, useEffect, useCallback, useMemo } from "react";
 
-import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
-
 var css_wrapper = "Switch-module_wrapper__kudO9 flexBox-module_row__z24tF", css_knob = "Switch-module_knob__vKNOc flexBox-module_row__z24tF";
 
 function SwitchComponent(props) {
@@ -45,7 +43,6 @@ function SwitchComponent(props) {
     }));
 }
 
-styleInject(".flexBox-module_row__z24tF {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__5FEvi {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__4tcxS {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__rVdVm {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__ezvMq {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__C7P44 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__PKcrG {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__ERfp7 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__lLJuc {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}\n\n.Switch-module_wrapper__kudO9 {\n\tpadding: var(--switch-padding) !important;\n\twidth: var(--switch-width);\n\theight: var(--switch-height);\n\tborder-radius: 100px;\n\tcursor: pointer;\n\tbackground: var(--switch-bg-color);\n\ttransition: background var(--motion-water-duration) var(--motion-water) 0s;\n\tappearance: none;\n\t-webkit-appearance: none;\n\tborder: 0;\n\toutline: none;\n}\n\n.Switch-module_knob__vKNOc {\n\twidth: var(--switch-knob-size);\n\theight: var(--switch-knob-size);\n\tbackground: var(--switch-knob-color);\n\tborder-radius: 100%;\n}\n"), 
 SwitchComponent.displayName = "Switch";
 
 const Switch = React.memo(SwitchComponent);

package/dist/esm/chunks/{TabBar-kPZ6ZJxr.mjs → TabBar-RBXExqMK.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { a as __rest } from "./tslib.es6-C-olHjXV.mjs";
+import { a as __rest } from "./tslib.es6-BX2F90pK.mjs";
 
 import { jsx, jsxs } from "react/jsx-runtime";
 
@@ -11,20 +11,16 @@ import "../theme/colors.mjs";
 
 import "../hooks/useWindow.mjs";
 
-import { B as Badge } from "./Badge-CC0zSLMf.mjs";
+import { B as Badge } from "./Badge-pLwG0zm7.mjs";
 
-import { I as Icon } from "./Icon--RjjODc9.mjs";
+import { I as Icon } from "./Icon-DjW0Krm8.mjs";
 
-import { I as IconButton } from "./IconButton-ByBYppAj.mjs";
+import { I as IconButton } from "./IconButton-DdLhTUl0.mjs";
 
-import { T as ToolTipType } from "./sharedTypes-tn9-uJvb.mjs";
-
-import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
+import { T as ToolTipType } from "./sharedTypes-U5H1I85x.mjs";
 
 var css_wrapper = "TabBar-module_wrapper__cyOR1 flexBox-module_rowStart__4tcxS", css_option = "TabBar-module_option__gYjDf flexBox-module_row__z24tF type-module_body-m-regular__LuQBA", css_icon = "TabBar-module_icon__JDgG3 flexBox-module_row__z24tF", css_close = "TabBar-module_close__bvSBh flexBox-module_row__z24tF";
 
-styleInject(".flexBox-module_row__z24tF {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__5FEvi {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__4tcxS {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__rVdVm {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__ezvMq {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__C7P44 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__PKcrG {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__ERfp7 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__lLJuc {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__ZAFft {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__s3KvF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__Lhqqq {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__vRHSP {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__tjdFc {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__Iy-VX {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__LuQBA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__uW1on {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__UBcvQ {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__lOYbg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__BqRC7 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__Fh2dt {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-xl-regular__pF2kC {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-medium__BeyrH {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-bold__Ruknj {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-medium__z8L3G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-bold__0O3g6 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__KXxEB {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__cJeEA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__eRe05 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Xmwtf {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-medium__5q1m3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-bold__k9VFV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.TabBar-module_wrapper__cyOR1 {\n\tgap: var(--tab-bar-gap);\n\tborder-bottom: var(--tab-bar-border-bottom) solid var(--core-outline-primary);\n\theight: var(--tab-bar-height);\n\twidth: var(--tab-bar-width);\n\tcursor: pointer;\n}\n\n.TabBar-module_option__gYjDf {\n\tgap: var(--tab-bar-option-gap);\n\tcolor: var(--tab-bar-option-color);\n\tpadding: var(--tab-bar-option-padding) !important;\n\theight: 100%;\n\twidth: var(--tab-bar-option-width);\n\tflex: var(--tab-bar-option-flex);\n\twhite-space: nowrap;\n\tbox-shadow: 0 var(--tab-bar-option-border) 0 0 var(--core-text-special);\n\tcursor: var(--tab-bar-option-cursor);\n\t-webkit-user-select: none;\n\tuser-select: none;\n\tappearance: none;\n\t-webkit-appearance: none;\n\tbackground-image: none;\n\tbackground-color: transparent;\n\tborder: 0;\n\toutline: none;\n\ttext-align: left;\n}\n\n.TabBar-module_icon__JDgG3 {\n\tmax-height: var(--tab-bar-icon-size);\n\tmin-height: var(--tab-bar-icon-size);\n\tmax-width: var(--tab-bar-icon-size);\n\tmin-width: var(--tab-bar-icon-size);\n}\n\n.TabBar-module_close__bvSBh {\n\theight: 100%;\n\tpadding: var(--tab-bar-close-padding) !important;\n\tborder-left: 1px solid var(--core-outline-primary);\n\twidth: min-content;\n}\n");
-
 const placeholderOptions = [ {
     name: "Light",
     value: "Option 1",

package/dist/esm/chunks/TextArea-CIlx_P26.mjs

@@ -0,0 +1,80 @@
+'use client';
+import { a as __rest } from "./tslib.es6-BX2F90pK.mjs";
+
+import { jsxs, jsx } from "react/jsx-runtime";
+
+import React, { useState, useRef, useCallback, useEffect, useMemo } from "react";
+
+import { B as Button } from "./Button-BJoMLZIs.mjs";
+
+var css_wrapper = "TextArea-module_wrapper__O0sWP flexBox-module_columnStart__C7P44", css_textarea = "TextArea-module_textarea__-R2n0", css_send = "TextArea-module_send__Cub13", css_xs = "TextArea-module_xs__5e748 type-module_body-xs-regular__ZAFft", css_s = "TextArea-module_s__Ac-fq type-module_body-s-regular__vRHSP", css_m = "TextArea-module_m__dod4R type-module_body-m-regular__LuQBA", css_l = "TextArea-module_l__-uLCG type-module_body-l-regular__lOYbg";
+
+const TextArea = React.memo(props => {
+    const {value: value = "", name: name = "text_area", width: width = "100%", focused: focused = !1, placeholder: placeholder = "Enter text here...", rows: rows = 6, border: border = !0, borderRadius: borderRadius = 4, padding: padding = "16px 4px 16px 16px", error: error = !1, resizable: resizable = !0, hasSend: hasSend = !1, sendOffset: sendOffset = {
+        bottom: 10,
+        right: 10
+    }, sendSize: sendSize = 36, returnSubmits: returnSubmits = !1, backgroundColor: backgroundColor, bgColor: bgColor, minWidth: minWidth, textSize: textSize = "m", disabled: disabled = !1, submitClears: submitClears = !0, onChange: onChange = () => null, onFocus: onFocus = () => null, onBlur: onBlur = () => null, onSubmit: onSubmit = () => null, onKeyDown: onKeyDown = () => null} = props, divAttributes = __rest(props, [ "value", "name", "width", "focused", "placeholder", "rows", "border", "borderRadius", "padding", "error", "resizable", "hasSend", "sendOffset", "sendSize", "returnSubmits", "backgroundColor", "bgColor", "minWidth", "textSize", "disabled", "submitClears", "onChange", "onFocus", "onBlur", "onSubmit", "onKeyDown" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", resolvedBackgroundColor = null != backgroundColor ? backgroundColor : bgColor, [isFocused, setIsFocused] = useState(focused), [text, setText] = useState(value), ref = useRef(null), handleResize = useCallback(() => {
+        (null == ref ? void 0 : ref.current) && (ref.current.style.height = "auto", ref.current.style.height = `${ref.current.scrollHeight}px`);
+    }, []);
+    useEffect(() => {
+        (null == ref ? void 0 : ref.current) && (focused ? ref.current.focus() : ref.current.blur(), 
+        setIsFocused(focused));
+    }, [ focused ]), useEffect(() => setText(value), [ value ]), useEffect(() => handleResize(), [ rows ]);
+    const handleChange = useCallback(content => {
+        onChange(content), setText(content);
+    }, [ onChange ]), handleFocus = useCallback(() => {
+        var _a, _b;
+        (null == ref ? void 0 : ref.current) && ref.current.focus(), setIsFocused(!0), onFocus(null !== (_b = null === (_a = ref.current) || void 0 === _a ? void 0 : _a.value) && void 0 !== _b ? _b : "");
+    }, [ onFocus ]), handleBlur = useCallback(() => {
+        var _a, _b;
+        setIsFocused(!1), onBlur(null !== (_b = null === (_a = ref.current) || void 0 === _a ? void 0 : _a.value) && void 0 !== _b ? _b : "");
+    }, [ onBlur ]), handleSubmit = useCallback(e => {
+        null == e || e.preventDefault(), handleFocus(), onSubmit(text), submitClears && setText(""), 
+        (null == ref ? void 0 : ref.current) && (ref.current.value = ""), handleResize();
+    }, [ handleFocus, onSubmit, text, submitClears, handleResize ]), handleKeyDownWrapper = useCallback(e => {
+        returnSubmits && "Enter" === e.key && (e.preventDefault(), e.stopPropagation(), 
+        handleSubmit(void 0)), onKeyDown(e);
+    }, [ returnSubmits, handleSubmit, onKeyDown ]), setStyleValue = useCallback(value => "string" == typeof value ? value : `${value}px`, []), setBorderColor = useMemo(() => border && isFocused ? "var(--core-link-primary)" : border && error ? "var(--feedback-warning)" : border ? "var(--core-outline-primary)" : "transparent", [ isFocused, error, border ]), textClassName = useMemo(() => "xs" === textSize ? css_xs : "l" === textSize ? css_l : "m" === textSize ? css_m : css_s, [ textSize ]), cssVars = useMemo(() => ({
+        "--ta-border-radius": `${borderRadius}px`,
+        "--ta-width": `${setStyleValue(width)}`,
+        "--ta-min-width": minWidth ? `${minWidth}px` : "unset",
+        "--ta-bg-color": null != resolvedBackgroundColor ? resolvedBackgroundColor : "var(--core-surface-secondary)",
+        "--ta-border-color": setBorderColor,
+        "--ta-padding": `${setStyleValue(padding)}`,
+        "--ta-send-icon-offset-bottom": `${sendOffset.bottom}px`,
+        "--ta-send-icon-offset-right": `${sendOffset.right}px`,
+        "--ta-send-icon-size": `${sendSize}px`,
+        "--ta-resize": resizable ? "vertical" : "none"
+    }), [ width, minWidth, resolvedBackgroundColor, setBorderColor, padding, sendOffset, sendSize, setStyleValue, borderRadius, resizable ]);
+    return jsxs("div", Object.assign({
+        id: divId,
+        className: `${css_wrapper}${divClass}`,
+        style: Object.assign(Object.assign({}, divStyle), cssVars),
+        onBlur: () => handleBlur(),
+        onFocus: () => handleFocus()
+    }, rest, {
+        children: [ hasSend && jsx("div", {
+            className: css_send,
+            onMouseDown: e => handleSubmit(e),
+            children: jsx(Button, {
+                iconLeft: "arrow up",
+                size: "medium",
+                variant: "solid",
+                round: !0
+            })
+        }), jsx("textarea", {
+            className: `${css_textarea} ${textClassName}`,
+            ref: ref,
+            name: name,
+            value: text,
+            placeholder: placeholder,
+            rows: rows,
+            disabled: disabled,
+            onChange: e => handleChange(e.target.value),
+            onInput: () => handleResize(),
+            onKeyDown: e => handleKeyDownWrapper(e)
+        }) ]
+    }));
+});
+
+export { TextArea as T };

package/dist/esm/chunks/{TextField-DwVKlLI_.mjs → TextField-CX72ybwH.mjs}

@@ -1,5 +1,5 @@
 'use client';
-import { a as __rest } from "./tslib.es6-C-olHjXV.mjs";
+import { a as __rest } from "./tslib.es6-BX2F90pK.mjs";
 
 import { jsxs, jsx } from "react/jsx-runtime";
 
@@ -11,17 +11,15 @@ import { useTheme } from "../hooks/useTheme.mjs";
 
 import "../theme/colors.mjs";
 
-import { s as setStyle } from "./misc-wS74txaa.mjs";
+import { s as setStyle } from "./misc-CTGTuM2J.mjs";
 
 import "../hooks/useWindow.mjs";
 
-import { B as Button } from "./Button-BQS3rwrS.mjs";
+import { B as Button } from "./Button-BJoMLZIs.mjs";
 
-import { I as Icon } from "./Icon--RjjODc9.mjs";
+import { I as Icon } from "./Icon-DjW0Krm8.mjs";
 
-import { I as IconButton } from "./IconButton-ByBYppAj.mjs";
-
-import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
+import { I as IconButton } from "./IconButton-DdLhTUl0.mjs";
 
 var css = {
     wrapper: "TextField-module_wrapper__qZ-p- flexBox-module_rowStart__4tcxS",
@@ -36,8 +34,6 @@ var css = {
     l: "TextField-module_l__gbNRz type-module_body-l-regular__lOYbg"
 };
 
-styleInject(".flexBox-module_row__z24tF {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__5FEvi {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__4tcxS {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__rVdVm {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__ezvMq {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__C7P44 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__PKcrG {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__ERfp7 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__lLJuc {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__ZAFft {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__s3KvF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__Lhqqq {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__vRHSP {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__tjdFc {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__Iy-VX {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__LuQBA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__uW1on {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__UBcvQ {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__lOYbg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__BqRC7 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__Fh2dt {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-xl-regular__pF2kC {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-medium__BeyrH {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-bold__Ruknj {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-medium__z8L3G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-bold__0O3g6 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__KXxEB {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__cJeEA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__eRe05 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Xmwtf {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-medium__5q1m3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-bold__k9VFV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.TextField-module_wrapper__qZ-p- {\n\tposition: relative;\n\tpadding: var(--tf-padding) !important;\n\tpadding-right: var(--tf-padding-right) !important;\n\tgap: 8px;\n\toverflow: visible;\n\twidth: var(--tf-width);\n\theight: var(--tf-height);\n\tborder-radius: var(--tf-border-radius);\n\tbackground: var(--tf-bg-color);\n\tbox-shadow: var(--tf-box-shadow);\n\ttransition: all var(--motion-water-duration) var(--motion-water) 0s;\n}\n\n.TextField-module_container__5U9yK {\n\tflex: 1;\n\theight: 100%;\n\tgap: 8px;\n}\n\n.TextField-module_label__jD8MR {\n\tcolor: var(--tf-label-color);\n\theight: auto;\n\toverflow: hidden;\n\twhite-space: nowrap;\n}\n\n.TextField-module_input__AkWBQ {\n\tcolor: var(--tf-text-color);\n\tbackground-color: transparent;\n\tbox-sizing: border-box;\n\toutline: none;\n\tborder: 0;\n\tpadding: 0;\n\theight: 100%;\n\twidth: var(--tf-input-width);\n\tfield-sizing: var(--tf-field-size);\n\ttext-align: var(--tf-text-align);\n\t&::placeholder {\n\t\tcolor: var(--tf-placeholder-color);\n\t}\n\t&:focus::placeholder {\n\t\tcolor: var(--tf-placeholder-color);\n\t}\n\t&:disabled {\n\t\tcolor: var(--core-text-disabled);\n\t}\n\t&:-webkit-autofill,\n\t&:-webkit-autofill:hover,\n\t&:-webkit-autofill:focus,\n\t&:-webkit-autofill:active {\n\t\tbox-shadow: 0 0 0 50px var(--core-button-disabled) inset !important;\n\t\t-webkit-text-fill-color: var(--core-text-primary);\n\t}\n}\n\n.TextField-module_showPassword__4Ecfo {\n\tmin-height: 18px;\n\tmin-width: 18px;\n\tmax-height: 18px;\n\tmax-width: 18px;\n\topacity: var(--tf-show-opacity);\n\t&:hover {\n\t\topacity: var(--tf-show-opacity-hover);\n\t}\n}\n\n.TextField-module_clearButton__O9ed3 {\n\tborder: 0;\n\tbackground: transparent;\n\tappearance: none;\n\t-webkit-appearance: none;\n\toutline: none;\n\tcursor: pointer;\n}\n\n.TextField-module_xs__vyt2t {\n}\n\n.TextField-module_s__0qm83 {\n}\n\n.TextField-module_m__M-tLl {\n}\n\n.TextField-module_l__gbNRz {\n}\n");
-
 const MOTION_CONFIG = {
     variants: {
         initial: {

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

@@ -0,0 +1,96 @@
+'use client';
+import { a as __rest } from "./tslib.es6-BX2F90pK.mjs";
+
+import { jsx } from "react/jsx-runtime";
+
+import { motion } from "motion/react";
+
+import React, { useState, useRef, useEffect, useMemo } from "react";
+
+import { f as filterClasses } from "./misc-CTGTuM2J.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"
+};
+
+const tipBasePos = {
+    left: 0,
+    top: 0
+}, TipBase = React.forwardRef((props, ref) => {
+    var _a;
+    const {tip: tip, size: size = "s", backgroundColor: backgroundColor, bgColor: bgColor, 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", "size", "backgroundColor", "bgColor", "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 = null != backgroundColor ? backgroundColor : bgColor, 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": null != padding ? padding : "3px 6px",
+        "--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": null != resolvedBorderRadius ? resolvedBorderRadius : "4px"
+    }), [ 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[size], divClass ]), [ size, 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-BTm3HxDD.mjs

@@ -0,0 +1,189 @@
+'use client';
+import { a as __rest } from "./tslib.es6-BX2F90pK.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 { s as setStyle, f as filterClasses, a as accessibleKeyDown } from "./misc-CTGTuM2J.mjs";
+
+import "../hooks/useWindow.mjs";
+
+import { I as Icon } from "./Icon-DjW0Krm8.mjs";
+
+import { P as ProgressIndicator } from "./ProgressIndicator-BnqZFATV.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",
+    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"
+};
+
+!function(ToastType) {
+    ToastType.Success = "success", ToastType.Error = "error", ToastType.Warning = "warning", 
+    ToastType.Info = "info";
+}(ToastType || (ToastType = {}));
+
+const ToastBase = React.forwardRef((props, ref) => {
+    const {message: message = null, size: size = "m", border: border = !0, padding: padding, radius: radius = 8, 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, [ "message", "size", "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 ? "10px 12px 10px 16px" : "10px 16px", [ 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": setStyle(padding, defaultPadding),
+        "--toast-background": colorScheme.bg,
+        "--toast-color": colorScheme.text,
+        "--toast-border": border ? `1px solid ${colorScheme.border}` : "unset",
+        "--toast-border-radius": setStyle(radius, 4),
+        "--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[size], divClass ]), [ size, 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
+                })
+            }) ]
+        }))
+    });
+});
+
+ToastBase.displayName = "Toast";
+
+const Toast = React.memo(ToastBase);
+
+export { Toast as T, ToastType as a };

package/dist/esm/chunks/ToggleButton-DujsCKF3.mjs

@@ -0,0 +1,47 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+
+import { useMemo } from "react";
+
+import { I as IconButton } from "./IconButton-DdLhTUl0.mjs";
+
+import { L as Label } from "./Label-DhmJ_Sln.mjs";
+
+var css_toggleButton = "ToggleButton-module_toggleButton__H7KgI flexBox-module_rowStart__4tcxS";
+
+function ToggleButton(props) {
+    const {label: label, textSize: textSize, icon: icon, selected: selected = !1, iconColor: iconColor = "var(--core-text-primary)", iconColorOn: iconColorOn = "var(--core-surface-primary)", bgColor: bgColor = "var(--core-surface-secondary)", bgColorOn: bgColorOn = "var(--core-text-special)", iconSize: iconSize = 20, buttonSize: buttonSize = "m", tooltip: tooltip, gap: gap = 4, unselect: unselect = !0, fill: fill = !1, disabled: disabled = !1, onChange: onChange, onSelect: onSelect, onToolTip: onToolTip, children: children} = 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: icon,
+            buttonSize: buttonSize,
+            tooltip: tooltip,
+            toggle: !selected,
+            isToggled: selected,
+            bgColorOn: bgColorOn,
+            bgColor: bgColor,
+            iconColor: iconColor,
+            iconColorOn: iconColorOn,
+            onClick: handleClick,
+            iconSize: iconSize,
+            iconFill: fill,
+            disabled: disabled,
+            onToolTip: onToolTip
+        }), (children || label) && jsx(Label, {
+            textSize: textSize,
+            borderSize: 0,
+            padding: 0,
+            onClick: handleClick,
+            children: null != children ? children : label
+        }) ]
+    });
+}
+
+export { ToggleButton as T };