@apple-pie/slice 0.1.28 → 0.1.30

package/dist/cjs/chunks/{Icon-UFrKtcYJ.js → Icon-BtcHXeqE.js}

@@ -5,7 +5,7 @@ var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/
 
 require("../theme/colors.js");
 
-var misc = require("./misc-BTF7BCZW.js");
+var misc = require("./misc-QpU0XEOW.js");
 
 require("../hooks/useWindow.js");
 
@@ -17,7 +17,21 @@ styleInject_es.styleInject(".Icon-module_icon__szG-X {\n\tcursor: var(--cursor);
  * Static icon registry created once at module load.
  * Each entry stores only icon line content renderers.
  */
-const STATIC_ICON_REGISTRY = new Map([ [ "speaker", {
+const STATIC_ICON_REGISTRY = new Map([ [ "talk", {
+    line: ({strokeColor: strokeColor, fillColor: fillColor}) => jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [ jsxRuntime.jsx("path", {
+            d: "M10,2.5c4.14,0,7.5,3.36,7.5,7.5s-3.36,7.5-7.5,7.5-7.5-3.36-7.5-7.5,3.36-7.5,7.5-7.5M10,1C5.03,1,1,5.03,1,10s4.03,9,9,9,9-4.03,9-9S14.97,1,10,1h0Z",
+            fill: strokeColor
+        }), jsxRuntime.jsx("path", {
+            d: "M1,10c0,3,1.47,5.65,3.73,7.28l1.7.24c.43.06.86.03,1.28-.02.96-.12,1.81-.82,1.92-1.81.11-1.06-.59-2.18-.06-2.67.22-.21.47-.37.64-.62.17-.27.1-.73-.15-.93-.44-.36-1.41-.24-1.83-.66-.16-.16-.24-.41-.21-.62.13-.8,2.13-1,2.72-1.61.29-.3.25-.79.09-1.15-.34-.78-.72-1.73.15-2.09l.66-.27c.39-.16.73-.46.86-.87.25-.82-.71-1.56-1.39-2.21-.31-.3-.58-.63-.84-.97-.09,0-.18-.01-.26-.01C5.03,1,1,5.03,1,10Z",
+            fill: strokeColor,
+            fillOpacity: fillColor
+        }), jsxRuntime.jsx("path", {
+            d: "M9.54,2.51c.17.2.34.39.52.55.09.09.18.17.28.26.13.13.32.3.47.46l-.41.17c-.78.32-1.13.86-1.29,1.27-.36.89-.08,1.79.19,2.45-.11.04-.23.09-.33.12-.94.35-2.22.82-2.44,2.15-.11.7.13,1.44.64,1.94.29.28.63.45.95.56-.42.77-.23,1.65-.11,2.22.07.32.14.64.11.85-.03.27-.34.45-.61.48-.17.02-.4.05-.61.05-.1,0-.19,0-.28-.02l-1.31-.18c-1.77-1.42-2.82-3.58-2.82-5.85,0-3.98,3.12-7.25,7.04-7.49M10,1C5.03,1,1,5.03,1,10c0,3,1.47,5.65,3.73,7.28l1.7.24c.16.02.32.03.49.03.27,0,.53-.02.79-.06.96-.12,1.81-.82,1.92-1.81.11-1.06-.59-2.18-.06-2.67.22-.21.47-.37.64-.62.17-.27.1-.73-.15-.93-.44-.36-1.41-.24-1.83-.66-.16-.16-.24-.41-.21-.62.13-.8,2.13-1,2.72-1.61.29-.3.25-.79.09-1.15-.34-.78-.72-1.73.15-2.09l.66-.27c.39-.16.73-.46.86-.87.25-.82-.71-1.56-1.39-2.21-.31-.3-.58-.63-.84-.97-.09,0-.18-.01-.26-.01h0Z",
+            fill: strokeColor
+        }) ]
+    })
+} ], [ "speaker", {
     line: ({fillColor: fillColor, strokeColor: strokeColor}) => jsxRuntime.jsx("path", {
         d: "M4.71,7.95v4.13c0,.37.3.66.66.66h3.31c.08,0,.17.03.23.09l4.81,4.21c.22.19.56.04.56-.25V3.15c0-.25-.3-.37-.47-.2l-4.21,4.21c-.06.06-.15.1-.24.1h-3.97c-.37,0-.68.3-.68.68Z",
         fill: strokeColor,
@@ -53,6 +67,46 @@ const STATIC_ICON_REGISTRY = new Map([ [ "speaker", {
             fill: "none"
         }) ]
     })
+} ], [ "speaker high", {
+    line: ({strokeColor: strokeColor, fillColor: fillColor}) => jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [ jsxRuntime.jsx("path", {
+            d: "M11.24,17.87c-.26,0-.51-.09-.72-.27l-4.7-4.11h-3.16c-.78,0-1.41-.63-1.41-1.41v-4.13c0-.79.64-1.43,1.43-1.43h3.8l4.09-4.09c.29-.29.73-.38,1.12-.22.39.16.64.53.64.95v13.63c0,.43-.25.81-.64.99-.14.06-.3.1-.45.1Z",
+            fill: strokeColor,
+            fillOpacity: fillColor
+        }), jsxRuntime.jsx("path", {
+            d: "M11.24,17.87c-.26,0-.51-.09-.72-.27l-4.7-4.11h-3.16c-.78,0-1.41-.63-1.41-1.41v-4.13c0-.79.64-1.43,1.43-1.43h3.8l4.09-4.09c.29-.29.73-.38,1.12-.22.39.16.64.53.64.95v13.63c0,.43-.25.81-.64.99-.14.06-.3.1-.45.1ZM2.75,11.99h3.22c.27,0,.52.1.72.27l4.13,3.61V4.29l-3.41,3.41c-.21.21-.48.32-.77.32h-3.89v3.97Z",
+            fill: strokeColor
+        }), jsxRuntime.jsx("rect", {
+            x: "14.04",
+            y: "8",
+            width: "1.5",
+            height: "4",
+            fill: strokeColor
+        }), jsxRuntime.jsx("rect", {
+            x: "16.75",
+            y: "6",
+            width: "1.5",
+            height: "8",
+            fill: strokeColor
+        }) ]
+    })
+} ], [ "speaker low", {
+    line: ({strokeColor: strokeColor, fillColor: fillColor}) => jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [ jsxRuntime.jsx("path", {
+            d: "M12.85,17.87c-.26,0-.51-.09-.72-.27l-4.7-4.11h-3.16c-.78,0-1.41-.63-1.41-1.41v-4.13c0-.79.64-1.43,1.43-1.43h3.8l4.09-4.09c.3-.3.74-.38,1.12-.22.38.16.63.53.63.95v13.63c0,.43-.25.81-.64.99-.14.06-.3.1-.45.1Z",
+            fill: strokeColor,
+            fillOpacity: fillColor
+        }), jsxRuntime.jsx("path", {
+            d: "M12.85,17.87c-.26,0-.51-.09-.72-.27l-4.7-4.11h-3.16c-.78,0-1.41-.63-1.41-1.41v-4.13c0-.79.64-1.43,1.43-1.43h3.8l4.09-4.09c.3-.3.74-.38,1.12-.22.38.16.63.53.63.95v13.63c0,.43-.25.81-.64.99-.14.06-.3.1-.45.1ZM4.36,11.99h3.22c.27,0,.52.1.72.27l4.13,3.61V4.29l-3.41,3.41c-.2.2-.49.32-.77.32h-3.9v3.97Z",
+            fill: strokeColor
+        }), jsxRuntime.jsx("rect", {
+            x: "15.64",
+            y: "8",
+            width: "1.5",
+            height: "4",
+            fill: strokeColor
+        }) ]
+    })
 } ], [ "laptop", {
     line: ({fillColor: fillColor, strokeColor: strokeColor}) => jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [ jsxRuntime.jsx("rect", {
@@ -188,6 +242,34 @@ const STATIC_ICON_REGISTRY = new Map([ [ "speaker", {
             fill: strokeColor
         }) ]
     })
+} ], [ "sidebar split", {
+    line: ({fillColor: fillColor, strokeColor: strokeColor}) => jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [ jsxRuntime.jsx("rect", {
+            x: "10",
+            y: "4.5",
+            width: "8",
+            height: "11",
+            rx: "1",
+            ry: "1",
+            fill: strokeColor,
+            fillOpacity: fillColor
+        }), jsxRuntime.jsx("path", {
+            d: "M17,16.25H3c-.96,0-1.75-.78-1.75-1.75V5.5c0-.96.78-1.75,1.75-1.75h14c.96,0,1.75.78,1.75,1.75v9c0,.96-.78,1.75-1.75,1.75ZM3,5.25c-.14,0-.25.11-.25.25v9c0,.14.11.25.25.25h14c.14,0,.25-.11.25-.25V5.5c0-.14-.11-.25-.25-.25H3Z",
+            fill: strokeColor
+        }), jsxRuntime.jsx("rect", {
+            x: "9.25",
+            y: "4.5",
+            width: "1.5",
+            height: "11",
+            fill: strokeColor
+        }), jsxRuntime.jsx("rect", {
+            x: "10",
+            y: "9.5",
+            width: "8",
+            height: "1",
+            fill: strokeColor
+        }) ]
+    })
 } ], [ "target", {
     line: ({strokeColor: strokeColor}) => jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [ jsxRuntime.jsx("circle", {

package/dist/cjs/chunks/{IconButton-CaQ0SioJ.js → IconButton-CF4cR7Tr.js}

@@ -1,9 +1,9 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), Badge = require("./Badge-DjPJ_iJX.js"), Dot = require("./Dot-fKIwhjYA.js"), Icon = require("./Icon-UFrKtcYJ.js"), sharedTypes = require("./sharedTypes-gCECyn2N.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), css_button = "IconButton-module_button__rziqa flexBox-module_row__z24tF", css_label = "IconButton-module_label__qWGFD flexBox-module_row__z24tF type-module_body-l-regular__lOYbg", css_icon = "IconButton-module_icon__2DDWy flexBox-module_row__z24tF", css_count = "IconButton-module_count__6r373 flexBox-module_row__z24tF";
+var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), React = require("react"), Badge = require("./Badge-DjPJ_iJX.js"), Dot = require("./Dot-fKIwhjYA.js"), Icon = require("./Icon-BtcHXeqE.js"), sharedTypes = require("./sharedTypes-gCECyn2N.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), css_button = "IconButton-module_button__rziqa flexBox-module_row__z24tF", css_label = "IconButton-module_label__qWGFD flexBox-module_row__z24tF type-module_body-l-regular__lOYbg", css_icon = "IconButton-module_icon__2DDWy flexBox-module_row__z24tF", css_count = "IconButton-module_count__6r373 flexBox-module_row__z24tF";
 
-styleInject_es.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.IconButton-module_button__rziqa {\n\tposition: relative;\n\tbackground: var(--ib-bg-color);\n\tborder-radius: var(--ib-border-radius);\n\tborder: var(--ib-border) solid var(--core-outline-primary);\n\tgap: 6px;\n\tcursor: var(--ib-cursor);\n\tappearance: none;\n\t-webkit-appearance: none;\n\tbackground-image: none;\n\toutline: none;\n\tmin-height: var(--ib-button-size);\n\theight: var(--ib-button-size);\n\tmin-width: var(--ib-button-size);\n\twidth: var(--ib-button-size);\n\t&:hover {\n\t\tbackground: var(--ib-bg-color-hover);\n\t}\n}\n\n.IconButton-module_label__qWGFD {\n\tcolor: var(--ib-color);\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n\tword-break: break-all;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: 1;\n\t-webkit-box-orient: vertical;\n}\n\n.IconButton-module_icon__2DDWy {\n\tmin-height: var(--ib-icon-size);\n\theight: var(--ib-icon-size);\n\tmin-width: var(--ib-icon-size);\n\twidth: var(--ib-icon-size);\n}\n\n.IconButton-module_count__6r373 {\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n\ttransform: translateX(5px) translateY(-2px);\n}\n");
+styleInject_es.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.IconButton-module_button__rziqa {\n\tposition: relative;\n\tbackground: var(--ib-bg-color);\n\tborder-radius: var(--ib-border-radius);\n\tborder: var(--ib-border) solid var(--core-outline-primary);\n\tgap: 6px;\n\tcursor: var(--ib-cursor);\n\tappearance: none;\n\t-webkit-appearance: none;\n\tbackground-image: none;\n\toutline: none;\n\tmin-height: var(--ib-button-size);\n\theight: var(--ib-button-size);\n\tmin-width: var(--ib-button-size);\n\twidth: var(--ib-button-size);\n\tuser-select: none;\n\t-webkit-user-select: none;\n\t&:hover {\n\t\tbackground: var(--ib-bg-color-hover);\n\t}\n}\n\n.IconButton-module_label__qWGFD {\n\tcolor: var(--ib-color);\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n\tword-break: break-all;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: 1;\n\t-webkit-box-orient: vertical;\n}\n\n.IconButton-module_icon__2DDWy {\n\tmin-height: var(--ib-icon-size);\n\theight: var(--ib-icon-size);\n\tmin-width: var(--ib-icon-size);\n\twidth: var(--ib-icon-size);\n}\n\n.IconButton-module_count__6r373 {\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n\ttransform: translateX(5px) translateY(-2px);\n}\n");
 
 const IconButton = React.memo(props => {
     const {frameSize: frameSize = 36, iconSize: iconSize = 20, round: round = !0, icon: icon = "more", borderRadius: borderRadius = 4, border: border = !1, tooltip: tooltip, color: color, colorOn: colorOn, iconFill: iconFill = !1, bgColor: bgColor = "var(--core-surface-secondary)", bgColorHover: bgColorHover = "var(--core-outline-primary)", bgColorOn: bgColorOn = "var(--core-outline-primary)", iconColor: iconColor = "var(--core-text-primary)", iconColorOn: iconColorOn = "var(--core-text-primary)", iconColorHover: iconColorHover = "var(--core-text-primary)", transition: transition, variants: variants, initial: initial, animate: animate, exit: exit, fillColor: fillColor, label: label, hover: hover = !0, count: count = 0, toggle: toggle = !1, toggleIcon: toggleIcon = !1, isToggled: isToggled = !1, disabled: disabled = !1, showDot: showDot = !1, buttonSize: buttonSize = "m", onClick: onClick = () => null, onToolTip: onToolTip = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "frameSize", "iconSize", "round", "icon", "borderRadius", "border", "tooltip", "color", "colorOn", "iconFill", "bgColor", "bgColorHover", "bgColorOn", "iconColor", "iconColorOn", "iconColorHover", "transition", "variants", "initial", "animate", "exit", "fillColor", "label", "hover", "count", "toggle", "toggleIcon", "isToggled", "disabled", "showDot", "buttonSize", "onClick", "onToolTip" ]), {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), [on, setOn] = React.useState(isToggled), [hovered, setHovered] = React.useState(!1);

package/dist/cjs/chunks/{Label-Bxp2pCXf.js → Label-htjXHiQ4.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var LabelBackground, tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-BTF7BCZW.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), css = {
+var LabelBackground, tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-QpU0XEOW.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), css = {
     label: "Label-module_label__RaRvM",
     button: "Label-module_button__N8bcQ type-module_body-m-regular__LuQBA",
     xs: "Label-module_xs__K9Ai6 type-module_body-xs-regular__ZAFft",

package/dist/cjs/chunks/{MdStreamBuffer-DObxjnAm.js → MdStreamBuffer-CvLO7CVi.js}

@@ -136,7 +136,8 @@ exports.MdBuffer = class {
     constructor(options) {
         var _a, _b, _c, _d, _e, rules;
         this.committedRaw = "", this.activeRaw = "", this.frameHandle = null, this.completeSignal = !1, 
-        this.endOfStreamToken = null == options ? void 0 : options.endOfStreamToken, this.htmlHandling = null !== (_a = null == options ? void 0 : options.htmlHandling) && void 0 !== _a ? _a : "ignore", 
+        this.endOfStreamToken = null == options ? void 0 : options.endOfStreamToken, this.healthyEndMarker = null == options ? void 0 : options.healthyEndMarker, 
+        this.htmlHandling = null !== (_a = null == options ? void 0 : options.htmlHandling) && void 0 !== _a ? _a : "ignore", 
         this.includeLinksAndImages = null !== (_b = null == options ? void 0 : options.includeLinksAndImages) && void 0 !== _b && _b, 
         this.onFlush = null == options ? void 0 : options.onFlush, this.requestFrame = null !== (_c = null == options ? void 0 : options.requestFrame) && void 0 !== _c ? _c : function() {
             if ("undefined" != typeof globalThis && "function" == typeof globalThis.requestAnimationFrame) return globalThis.requestAnimationFrame.bind(globalThis);
@@ -215,7 +216,11 @@ exports.MdBuffer = class {
         this.committedRaw += stablePrefix, this.activeRaw = this.activeRaw.slice(lastNewlineIndex + 1);
     }
     buildHealthyOutput() {
-        return `${this.committedRaw}${this.buildHealthyTail(this.activeRaw)}`;
+        const healthyTail = this.buildHealthyTail(this.activeRaw);
+        return `${this.committedRaw}${this.applyHealthyEndMarker(this.activeRaw, healthyTail)}`;
+    }
+    applyHealthyEndMarker(rawTail, healthyTail) {
+        return this.healthyEndMarker ? 0 === healthyTail.length ? this.healthyEndMarker : healthyTail.endsWith("\n") && !rawTail.endsWith("\n") ? `${healthyTail.slice(0, -1)}${this.healthyEndMarker}\n` : `${healthyTail}${this.healthyEndMarker}` : healthyTail;
     }
     buildHealthyTail(value) {
         const withHtmlHandling = "strip" === this.htmlHandling ? function(value) {
@@ -226,9 +231,38 @@ exports.MdBuffer = class {
                 /^<\/?[a-zA-Z][^>]*$/.test(trailingSegment) && (stripped = stripped.slice(0, lastOpenTag));
             }
             return stripped;
-        }(value) : value, withLinksAndImages = this.includeLinksAndImages ? this.closeLinksAndImages(withHtmlHandling) : withHtmlHandling;
+        }(value) : value, withInlineSelects = this.closeTrailingInlineSelect(withHtmlHandling), withLinksAndImages = this.includeLinksAndImages ? this.closeLinksAndImages(withInlineSelects) : withInlineSelects;
         return this.closeInlineMarkdown(withLinksAndImages);
     }
+    closeTrailingInlineSelect(value) {
+        if (0 === value.length) return value;
+        let cursor = 0, selectStart = -1, lastCompleteBoundary = -1;
+        for (;cursor < value.length; ) {
+            if (isEscaped(value, cursor)) {
+                cursor += 1;
+                continue;
+            }
+            if ("$" !== value[cursor]) {
+                cursor += 1;
+                continue;
+            }
+            if ("$" !== value[cursor + 1]) {
+                if (cursor === value.length - 1) return -1 === selectStart ? value.slice(0, -1) : -1 === lastCompleteBoundary ? value.slice(0, selectStart) : value.slice(0, lastCompleteBoundary);
+                cursor += 1;
+                continue;
+            }
+            if (-1 === selectStart) {
+                selectStart = cursor, lastCompleteBoundary = -1, cursor += 2;
+                continue;
+            }
+            lastCompleteBoundary = cursor + 2;
+            const postMarkerCharacter = value[cursor + 2];
+            if (void 0 === postMarkerCharacter) return value.slice(0, lastCompleteBoundary);
+            /[\s,.!]/.test(postMarkerCharacter) ? (selectStart = -1, lastCompleteBoundary = -1, 
+            cursor += 2) : cursor += 2;
+        }
+        return -1 === selectStart ? value : -1 === lastCompleteBoundary ? value.slice(0, selectStart) : value.slice(0, lastCompleteBoundary);
+    }
     closeInlineMarkdown(value) {
         const counts = function(value, rules) {
             var _a;

package/dist/cjs/chunks/Modal-C0Z59meI.js

@@ -0,0 +1,101 @@
+"use strict";
+
+var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-QpU0XEOW.js"), Button = require("./Button-PsJx1WmV.js"), Icon = require("./Icon-BtcHXeqE.js"), IconButton = require("./IconButton-CF4cR7Tr.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), css = {
+    wrapper: "Modal-module_wrapper__34Hds flexBox-module_columnBetween__ERfp7",
+    title: "Modal-module_title__A5OeE flexBox-module_rowBetween__5FEvi",
+    titleBlock: "Modal-module_titleBlock__HUepX flexBox-module_rowStart__4tcxS",
+    titleIcon: "Modal-module_titleIcon__xJYzy flexBox-module_row__z24tF",
+    content: "Modal-module_content__dWO-B flexBox-module_columnStart__C7P44",
+    actions: "Modal-module_actions__hY6zi flexBox-module_rowBetween__5FEvi",
+    leftActions: "Modal-module_leftActions__-M-DM flexBox-module_rowStart__4tcxS",
+    rightActions: "Modal-module_rightActions__IFgrN flexBox-module_rowEnd__rVdVm",
+    xs: "Modal-module_xs__iPcS9 type-module_body-xs-medium__s3KvF",
+    s: "Modal-module_s__31sYS type-module_body-s-medium__tjdFc",
+    m: "Modal-module_m__Iz82L type-module_body-m-medium__uW1on",
+    l: "Modal-module_l__pntdS type-module_body-l-medium__BqRC7",
+    xl: "Modal-module_xl__MR-68 type-module_body-xl-medium__BeyrH"
+};
+
+styleInject_es.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.Modal-module_wrapper__34Hds {\n\tposition: relative;\n\tmin-width: var(--modal-min-width);\n\tmin-height: var(--modal-min-height);\n\tmax-height: var(--modal-max-height);\n\tmax-width: var(--modal-max-width);\n\tbackground: var(--modal-background-color);\n\tborder: var(--modal-border-width) solid var(--modal-border-color);\n\tborder-radius: var(--modal-border-radius);\n\tbox-shadow: var(--surface-shadow-soft);\n\toverflow: hidden;\n}\n\n.Modal-module_title__A5OeE {\n\twidth: 100%;\n\tpadding: var(--modal-padding);\n\tgap: 16px;\n\tborder-bottom: var(--modal-title-border-width) solid\n\t\tvar(--modal-title-border-color);\n}\n\n.Modal-module_titleBlock__HUepX {\n\tcolor: var(--modal-title-color);\n\tflex: 1;\n\tgap: 6px;\n\ttouch-action: none;\n\tuser-select: none;\n\t-webkit-user-select: none;\n}\n\n.Modal-module_titleIcon__xJYzy {\n\theight: 20px;\n\twidth: 20px;\n\tmin-height: 20px;\n\tmin-width: 20px;\n\tuser-select: none;\n\t-webkit-user-select: none;\n}\n\n.Modal-module_content__dWO-B {\n\twidth: 100%;\n\tflex: 1;\n\tpadding-right: var(--modal-padding);\n\tpadding-left: var(--modal-padding);\n\toverflow: hidden;\n\toverflow-y: auto;\n\t&::-webkit-scrollbar {\n\t\tbackground-color: var(--modal-background);\n\t\twidth: 6px;\n\t}\n\n\t&::-webkit-scrollbar-track {\n\t\tbackground-color: var(--modal-background);\n\t\twidth: 6px;\n\t}\n\n\t&::-webkit-scrollbar-thumb {\n\t\tbackground-color: var(--modal-scroll-handle);\n\t\tborder-radius: 20px;\n\t\tborder: 1px solid var(--modal-background);\n\t}\n\n\t&::-webkit-scrollbar-thumb:hover {\n\t\tbackground-color: var(--modal-scroll-handle-hover);\n\t\tborder-radius: 20px;\n\t\tborder: 1px solid var(--modal-background);\n\t}\n}\n\n.Modal-module_actions__hY6zi {\n\twidth: 100%;\n\tpadding: var(--modal-padding);\n\tuser-select: none;\n\t-webkit-user-select: none;\n\tborder-top: var(--modal-actions-border-width) solid\n\t\tvar(--modal-actions-border-color);\n}\n\n.Modal-module_leftActions__-M-DM {\n\tgap: 8px;\n}\n\n.Modal-module_rightActions__IFgrN {\n\tgap: 8px;\n}\n\n.Modal-module_xs__iPcS9 {\n}\n\n.Modal-module_s__31sYS {\n}\n\n.Modal-module_m__Iz82L {\n}\n\n.Modal-module_l__pntdS {\n}\n\n.Modal-module_xl__MR-68 {\n}\n");
+
+const Modal = React.memo(props => {
+    const {children: children, id: id, className: className, style: style, minWidth: minWidth = 300, minHeight: minHeight = 200, maxHeight: maxHeight = 400, maxWidth: maxWidth = 400, padding: padding, close: close = !0, title: title, titleSize: titleSize = "l", contentSize: contentSize = "m", actions: actions, titleIcon: titleIcon, titleBorderColor: titleBorderColor = "var(--core-outline-primary)", titleBorderWidth: titleBorderWidth = 0, actionsBorderColor: actionsBorderColor = "var(--core-outline-primary)", actionsBorderWidth: actionsBorderWidth = 0, onAction: onAction, onReject: onReject, onResolve: onResolve, onClose: onClose, onToolTip: onToolTip, onDragPointerDown: onDragPointerDown, backgroundColor: backgroundColor = "var(--core-surface-secondary)", titleColor: titleColor = "var(--core-text-special)", borderColor: borderColor = "var(--core-outline-primary)", borderRadius: borderRadius = 8, borderWidth: borderWidth = 1} = props, rest = tslib_es6.__rest(props, [ "children", "id", "className", "style", "minWidth", "minHeight", "maxHeight", "maxWidth", "padding", "close", "title", "titleSize", "contentSize", "actions", "titleIcon", "titleBorderColor", "titleBorderWidth", "actionsBorderColor", "actionsBorderWidth", "onAction", "onReject", "onResolve", "onClose", "onToolTip", "onDragPointerDown", "backgroundColor", "titleColor", "borderColor", "borderRadius", "borderWidth" ]), modalStyle = null != style ? style : {}, modalClass = className ? ` ${className}` : "", cssVars = React.useMemo(() => ({
+        "--modal-min-width": misc.setStyle(minWidth),
+        "--modal-min-height": misc.setStyle(minHeight),
+        "--modal-max-height": misc.setStyle(maxHeight),
+        "--modal-max-width": misc.setStyle(maxWidth),
+        "--modal-border-color": borderColor,
+        "--modal-title-color": titleColor,
+        "--modal-border-radius": misc.setStyle(borderRadius),
+        "--modal-border-width": misc.setStyle(borderWidth),
+        "--modal-padding": misc.setStyle(padding, 16),
+        "--modal-background-color": backgroundColor,
+        "--modal-title-border-color": titleBorderColor,
+        "--modal-title-border-width": misc.setStyle(titleBorderWidth),
+        "--modal-actions-border-color": actionsBorderColor,
+        "--modal-actions-border-width": misc.setStyle(actionsBorderWidth)
+    }), [ minWidth, minHeight, maxHeight, maxWidth, borderColor, titleColor, borderRadius, borderWidth, padding, titleBorderWidth, titleBorderColor, actionsBorderWidth, actionsBorderColor, backgroundColor ]), renderActions = position => null == actions ? void 0 : actions.map((action, index) => action.position || "left" !== position ? action.position && position !== action.position ? null : jsxRuntime.jsx(Button.Button, {
+        variant: action.primary ? "solid" : "outline",
+        label: action.label,
+        onClick: e => (action => {
+            const resolves = !action.promise || "resolve" === action.promise, rejects = "reject" === action.promise;
+            null == onAction || onAction(action.value), resolves && (null == onResolve || onResolve(action.value)), 
+            rejects && (null == onReject || onReject(new Error("Modal rejected", {
+                cause: action.value
+            })));
+        })(action),
+        round: !0 === action.round,
+        iconLeft: action.iconLeft,
+        tooltip: action.tooltip,
+        onToolTip: tip => null == onToolTip ? void 0 : onToolTip(tip)
+    }, `${action.id}_${index}`) : null);
+    return jsxRuntime.jsxs("div", Object.assign({
+        id: id,
+        className: `${css.wrapper}${modalClass}`,
+        style: Object.assign(Object.assign({}, modalStyle), cssVars)
+    }, rest, {
+        children: [ (title || close) && jsxRuntime.jsxs("div", {
+            className: `${css.title} ${css[titleSize]}`,
+            children: [ jsxRuntime.jsxs("div", {
+                className: css.titleBlock,
+                onPointerDown: onDragPointerDown,
+                children: [ titleIcon && jsxRuntime.jsx("div", {
+                    className: css.titleIcon,
+                    children: jsxRuntime.jsx(Icon.Icon, {
+                        name: titleIcon,
+                        size: 20
+                    })
+                }), title ]
+            }), close && jsxRuntime.jsx("div", {
+                className: css.close,
+                children: jsxRuntime.jsx("div", {
+                    className: css.titleIcon,
+                    children: jsxRuntime.jsx(IconButton.IconButton, {
+                        tooltip: "close",
+                        icon: "x",
+                        onClick: () => {
+                            null == onReject || onReject(new Error("Modal was closed", {
+                                cause: "user action"
+                            })), null == onClose || onClose();
+                        },
+                        onToolTip: tip => null == onToolTip ? void 0 : onToolTip(tip)
+                    })
+                })
+            }) ]
+        }), jsxRuntime.jsx("div", {
+            className: `${css.content} ${css[contentSize]}`,
+            children: children
+        }), actions && actions.length > 0 && jsxRuntime.jsxs("div", {
+            className: css.actions,
+            children: [ jsxRuntime.jsx("div", {
+                className: css.leftActions,
+                children: renderActions("left")
+            }), jsxRuntime.jsx("div", {
+                className: css.rightActions,
+                children: renderActions("right")
+            }) ]
+        }) ]
+    }));
+});
+
+exports.Modal = Modal;

package/dist/cjs/chunks/ModalController-13xmvKnm.js

@@ -0,0 +1,70 @@
+"use strict";
+
+var jsxRuntime = require("react/jsx-runtime"), react = require("motion/react"), Overlay = require("./Overlay-GXu6nMnw.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), modalStore = require("./modalStore-7VjHHM8X.js"), css_wrapper = "ModalController-module_wrapper__HkOoX flexBox-module_row__z24tF";
+
+styleInject_es.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}.ModalController-module_wrapper__HkOoX {\n\tposition: absolute;\n\tz-index: var(--elevation-confirm);\n}\n");
+
+const defaultTransition = {
+    ease: "easeOut",
+    duration: .25,
+    delay: .1
+}, defaultVariants = {
+    initial: {
+        opacity: 0,
+        y: 20
+    },
+    animate: {
+        opacity: 1,
+        y: 0
+    },
+    exit: {
+        opacity: 0,
+        y: 20
+    }
+};
+
+exports.ModalController = function(props) {
+    const {dragConstraintsRef: dragConstraintsRef, transition: transition = defaultTransition, variants: variants = defaultVariants, initial: initial = "initial", animate: animate = "animate", exit: exit = "exit", draggable: draggable = !0, overlayOpacity: overlayOpacity = .7, overlayColor: overlayColor = "rgb(0,0,0)"} = props, controls = react.useDragControls(), modal = modalStore.useModal(), resolve = modalStore.useModalActions().resolve, reject = modalStore.useModalActions().reject, hide = modalStore.useModalActions().hide, ModalComponent = null == modal ? void 0 : modal.component, modalProps = null == modal ? void 0 : modal.props;
+    return jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [ jsxRuntime.jsx(Overlay.Overlay, {
+            show: !!modal,
+            type: "dark",
+            opacity: overlayOpacity,
+            color: overlayColor,
+            onClick: () => hide()
+        }), jsxRuntime.jsx(react.AnimatePresence, {
+            children: modal && ModalComponent && jsxRuntime.jsx(react.motion.div, {
+                className: css_wrapper,
+                variants: variants,
+                initial: initial,
+                animate: animate,
+                exit: exit,
+                transition: transition,
+                drag: draggable,
+                dragListener: !draggable && void 0,
+                dragControls: draggable ? controls : void 0,
+                dragConstraints: draggable ? dragConstraintsRef : void 0,
+                dragElastic: draggable ? 0 : void 0,
+                dragMomentum: !draggable && void 0,
+                children: jsxRuntime.jsx(ModalComponent, Object.assign({}, modalProps, {
+                    onResolve: value => {
+                        "function" == typeof (null == modalProps ? void 0 : modalProps.onResolve) && modalProps.onResolve(value), 
+                        resolve(value);
+                    },
+                    onReject: error => {
+                        "function" == typeof (null == modalProps ? void 0 : modalProps.onReject) && modalProps.onReject(error), 
+                        reject(error);
+                    },
+                    onClose: () => {
+                        "function" == typeof (null == modalProps ? void 0 : modalProps.onClose) && modalProps.onClose(), 
+                        hide();
+                    },
+                    onDragPointerDown: e => {
+                        "function" == typeof (null == modalProps ? void 0 : modalProps.onDragPointerDown) && (null == modalProps || modalProps.onDragPointerDown(e)), 
+                        controls.start(e);
+                    }
+                }))
+            })
+        }) ]
+    });
+};

package/dist/cjs/chunks/{Overlay-DDOvMM6L.js → Overlay-GXu6nMnw.js}

@@ -5,8 +5,11 @@ var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/
 
 styleInject_es.styleInject(".Overlay-module_overlay__EkbfA {\n\tposition: fixed;\n\ttop: 0;\n\tleft: 0;\n\tright: 0;\n\tbottom: 0;\n\tbackground-color: var(--overlay-color);\n\tz-index: var(--elevation-overlay);\n}\n");
 
-const Overlay = React.memo(props => {
-    const {type: type = "clear", global: global = !1, overlay: overlay, color: color = "rgb(0,0,0)", opacity: opacity = 0, onClick: onClick = () => null, toggleOverlay: toggleOverlay = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "type", "global", "overlay", "color", "opacity", "onClick", "toggleOverlay" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", show = !global || global && overlay, computedOpacity = React.useMemo(() => "clear" === type ? 0 : void 0 !== opacity ? opacity : "dark" === type ? .8 : 0, [ type, opacity ]), handleClick = React.useCallback(() => {
+const defaultTransition = {
+    ease: "easeOut",
+    duration: .25
+}, Overlay = React.memo(props => {
+    const {children: children, show: show = !1, type: type = "clear", global: global = !1, overlay: overlay, color: color = "rgb(0,0,0)", opacity: opacity = 0, transition: transition = defaultTransition, onClick: onClick = () => null, toggleOverlay: toggleOverlay = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "children", "show", "type", "global", "overlay", "color", "opacity", "transition", "onClick", "toggleOverlay" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", computedOpacity = React.useMemo(() => "clear" === type ? 0 : void 0 !== opacity ? opacity : "dark" === type ? .8 : 0, [ type, opacity ]), handleClick = React.useCallback(() => {
         global && toggleOverlay(!1), onClick();
     }, [ global, toggleOverlay, onClick ]), handleContextMenu = React.useCallback(e => {
         e.preventDefault();
@@ -29,8 +32,11 @@ const Overlay = React.memo(props => {
                 opacity: 0
             },
             onClick: handleClick,
+            transition: transition,
             onContextMenu: handleContextMenu
-        }, rest))
+        }, rest, {
+            children: children
+        }))
     });
 });
 

package/dist/cjs/chunks/{Pager-DO197OyC.js → Pager-D2_fshTy.js}

@@ -1,7 +1,7 @@
 'use client';
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-BTF7BCZW.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), css_wrapper = "Pager-module_wrapper__eutVg flexBox-module_row__z24tF", css_bullet = "Pager-module_bullet__TxyR5 flexBox-module_row__z24tF", css_selected = "Pager-module_selected__C6xbR";
+var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-QpU0XEOW.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), css_wrapper = "Pager-module_wrapper__eutVg flexBox-module_row__z24tF", css_bullet = "Pager-module_bullet__TxyR5 flexBox-module_row__z24tF", css_selected = "Pager-module_selected__C6xbR";
 
 styleInject_es.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.Pager-module_wrapper__eutVg {\n\tgap: var(--pager-gap);\n\twidth: 100%;\n\tz-index: var(--elevation-status);\n}\n\n.Pager-module_bullet__TxyR5 {\n\twidth: var(--pager-size);\n\theight: var(--pager-size);\n\tmax-width: var(--pager-size);\n\tmax-height: var(--pager-size);\n\tbackground: var(--pager-color);\n\tborder-radius: 100%;\n\tborder: 0;\n\tcursor: pointer;\n\toutline: none;\n\ttransition: background var(--motion-water-duration) var(--motion-water) 0s;\n\t&:hover {\n\t\tbackground: var(--pager-colorHover);\n\t}\n}\n\n.Pager-module_selected__C6xbR {\n\tbackground: var(--pager-colorOn);\n\t&:hover {\n\t\tbackground: var(--pager-colorOn);\n\t}\n}\n");
 

package/dist/cjs/chunks/{ProgressIndicator-n9CfW6jd.js → ProgressIndicator-D06PqCQk.js}

@@ -9,7 +9,7 @@ var tslib_es6 = require("./tslib.es6-C8dZW5nY.js");
 
 require("../hooks/useWindow.js");
 
-var Icon = require("./Icon-UFrKtcYJ.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), react = require("motion/react"), css$1_wrapper = "DoneCheck-module_wrapper__AlISD flexBox-module_row__z24tF", css$1_icon = "DoneCheck-module_icon__bKaFp flexBox-module_row__z24tF";
+var Icon = require("./Icon-BtcHXeqE.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), react = require("motion/react"), css$1_wrapper = "DoneCheck-module_wrapper__AlISD flexBox-module_row__z24tF", css$1_icon = "DoneCheck-module_icon__bKaFp flexBox-module_row__z24tF";
 
 styleInject_es.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.DoneCheck-module_wrapper__AlISD {\n\theight: var(--icon-height);\n\tmax-height: var(--icon-height);\n\twidth: var(--icon-width);\n\tmax-width: var(--icon-width);\n\toverflow: visible;\n}\n\n.DoneCheck-module_icon__bKaFp {\n\theight: var(--icon-height);\n\tmax-height: var(--icon-height);\n\twidth: var(--icon-width);\n\tmax-width: var(--icon-width);\n\tscale: var(--icon-scale);\n\ttransition: var(--icon-transition);\n}\n");
 
@@ -54,57 +54,61 @@ var css_container = "ProgressIndicator-module_container__pW2gW flexBox-module_co
 
 styleInject_es.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.ProgressIndicator-module_container__pW2gW {\n\tdisplay: var(--pi-display) !important;\n\tposition: var(--pi-position);\n\ttop: var(--pi-inset);\n\tbottom: var(--pi-inset);\n\tleft: var(--pi-inset);\n\tright: var(--pi-inset);\n\tcolor: var(--core-text-disabled);\n\tz-index: var(--elevation-status);\n}\n\n.ProgressIndicator-module_iconWrapper__puIt4 {\n\tmin-width: var(--pi-icon-size);\n\tmax-width: var(--pi-icon-size);\n\tmax-height: var(--pi-icon-size);\n\tmin-height: var(--pi-icon-size);\n\theight: var(--pi-icon-size);\n\twidth: var(--pi-icon-size);\n\tpadding: 0;\n\tbackground: none;\n\tborder-radius: 100%;\n}\n");
 
-const OpenCircle = (size, secondsPerSpin, color, stroke = 1.5, playing = !1) => jsxRuntime.jsxs(react.motion.svg, {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: size,
-    height: size,
-    viewBox: "0 0 20 20",
-    role: "img",
-    "aria-label": "Loading spinner",
-    transition: {
-        ease: "linear",
-        repeatType: "loop",
-        repeat: playing ? Number.POSITIVE_INFINITY : 0,
-        duration: secondsPerSpin
-    },
-    animate: playing ? {
-        rotate: 360
-    } : {
-        rotate: 0
-    },
-    children: [ jsxRuntime.jsx("title", {
-        children: "Loading"
-    }), jsxRuntime.jsx("defs", {
-        children: jsxRuntime.jsxs("linearGradient", {
-            id: "strokeFill",
-            x1: "0%",
-            y1: "0%",
-            x2: "100%",
-            y2: "0%",
-            children: [ jsxRuntime.jsx("stop", {
-                offset: "0%",
-                stopColor: color,
-                stopOpacity: 1
-            }), jsxRuntime.jsx("stop", {
-                offset: "50%",
-                stopColor: color,
-                stopOpacity: 1
-            }), jsxRuntime.jsx("stop", {
-                offset: "100%",
-                stopColor: color,
-                stopOpacity: 0
-            }) ]
-        })
-    }), jsxRuntime.jsx(react.motion.path, {
-        d: "M 17.371 6.886 C 17.776 7.843 18 8.895 18 10 C 18 14.418 14.418 18 10 18 C 5.582 18 2 14.418 2 10 C 2 5.582 5.582 2 10 2",
-        fill: "transparent",
-        strokeWidth: stroke,
-        stroke: "url(#strokeFill)"
-    }) ]
-});
+const OpenCircle = (size, secondsPerSpin, color, stroke = 1.5, playing = !1, inset = !0, gradientId = "strokeFill") => {
+    const edgeRadius = 10 - stroke / 2, edgeStartX = 10 + edgeRadius * Math.cos(-.4), edgeStartY = 10 + edgeRadius * Math.sin(-.4), path = inset ? "M 17.371 6.886 C 17.776 7.843 18 8.895 18 10 C 18 14.418 14.418 18 10 18 C 5.582 18 2 14.418 2 10 C 2 5.582 5.582 2 10 2" : `M ${edgeStartX.toFixed(3)} ${edgeStartY.toFixed(3)} A ${edgeRadius.toFixed(3)} ${edgeRadius.toFixed(3)} 0 1 1 10 ${(10 - edgeRadius).toFixed(3)}`;
+    return jsxRuntime.jsxs(react.motion.svg, {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: size,
+        height: size,
+        viewBox: "0 0 20 20",
+        role: "img",
+        "aria-label": "Loading spinner",
+        transition: {
+            ease: "linear",
+            repeatType: "loop",
+            repeat: playing ? Number.POSITIVE_INFINITY : 0,
+            duration: secondsPerSpin
+        },
+        animate: playing ? {
+            rotate: 360
+        } : {
+            rotate: 0
+        },
+        children: [ jsxRuntime.jsx("title", {
+            children: "Loading"
+        }), jsxRuntime.jsx("defs", {
+            children: jsxRuntime.jsxs("linearGradient", {
+                id: gradientId,
+                x1: "0",
+                y1: "0",
+                x2: "20",
+                y2: "0",
+                gradientUnits: "userSpaceOnUse",
+                children: [ jsxRuntime.jsx("stop", {
+                    offset: "0%",
+                    stopColor: color,
+                    stopOpacity: 1
+                }), jsxRuntime.jsx("stop", {
+                    offset: "50%",
+                    stopColor: color,
+                    stopOpacity: 1
+                }), jsxRuntime.jsx("stop", {
+                    offset: "100%",
+                    stopColor: color,
+                    stopOpacity: 0
+                }) ]
+            })
+        }), jsxRuntime.jsx(react.motion.path, {
+            d: path,
+            fill: "transparent",
+            strokeWidth: stroke,
+            stroke: `url(#${gradientId})`
+        }) ]
+    });
+};
 
 exports.DoneCheck = DoneCheck, exports.ProgressIndicator = function(props) {
-    const theme = hooks_useTheme.useTheme(), {size: size = 20, secondsPerSpin: secondsPerSpin = 1, show: show = !1, color: color = theme.current.colors["core-icon-primary"], stroke: stroke = 1.5, inline: inline = !1, duration: duration, didStart: didStart = () => null, didStop: didStop = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "size", "secondsPerSpin", "show", "color", "stroke", "inline", "duration", "didStart", "didStop" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", [playing, setPlaying] = React.useState(show), timer = React.useRef(null);
+    const theme = hooks_useTheme.useTheme(), {size: size = 20, inset: inset = !0, secondsPerSpin: secondsPerSpin = 1, show: show = !1, color: color = theme.current.colors["core-icon-primary"], stroke: stroke = 1.5, inline: inline = !1, duration: duration, didStart: didStart = () => null, didStop: didStop = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "size", "inset", "secondsPerSpin", "show", "color", "stroke", "inline", "duration", "didStart", "didStop" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", [playing, setPlaying] = React.useState(show), gradientId = React.useId().replace(/:/g, ""), timer = React.useRef(null);
     React.useEffect(() => (show ? (setPlaying(!0), didStart(), duration && (timer.current = setTimeout(() => {
         setPlaying(!1), didStop();
     }, 1e3 * duration))) : (setPlaying(!1), didStop()), () => {
@@ -115,7 +119,7 @@ exports.DoneCheck = DoneCheck, exports.ProgressIndicator = function(props) {
         "--pi-inset": inline ? "unset" : "0",
         "--pi-icon-size": `${null != size ? size : 0}px`,
         "--pi-display": inline ? "inline-flex" : "flex"
-    }), [ inline, size ]), openCircle = React.useMemo(() => OpenCircle(size, secondsPerSpin, color, stroke, playing), [ size, secondsPerSpin, color, stroke, playing ]);
+    }), [ inline, size ]), openCircle = React.useMemo(() => OpenCircle(size, secondsPerSpin, color, stroke, playing, inset, gradientId), [ size, secondsPerSpin, color, stroke, playing, inset, gradientId ]);
     return jsxRuntime.jsx(react.AnimatePresence, {
         initial: !0,
         children: show && jsxRuntime.jsx(react.motion.div, Object.assign({