@apple-pie/slice 0.1.24 → 0.1.25

package/dist/esm/chunks/{Dot-Cj6gWj4_.mjs → Dot-DZE134mJ.mjs}

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

package/dist/esm/chunks/{DrggablePanel-CQcIbxpX.mjs → DrggablePanel-DA7pYWg6.mjs}

@@ -1,3 +1,4 @@
+'use client';
 import { a as __rest } from "./tslib.es6-C-olHjXV.mjs";
 
 import { jsxs, jsx } from "react/jsx-runtime";
@@ -20,6 +21,21 @@ var css_panel = "DraggablePanel-module_panel__vuq2R flexBox-module_columnStart__
 
 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.DraggablePanel-module_panel__vuq2R {\n\tposition: relative;\n\tbackground-color: var(--panel-bg);\n}\n\n.DraggablePanel-module_content__SBL0T {\n\twidth: 100%;\n\theight: 100%;\n\toverflow: hidden;\n}\n\n.DraggablePanel-module_handle__LPZw8 {\n\twidth: var(--drag-handle-width);\n\theight: var(--drag-handle-height);\n\tmin-width: var(--drag-handle-width);\n\tmin-height: var(--drag-handle-height);\n\tborder-radius: var(--drag-handle-radius);\n\tborder: var(--drag-handle-border) solid var(--drag-handle-border-color);\n\tbackground: var(--drag-handle-bg);\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 50%;\n\ttransform: translateX(-50%) translateY(-50%);\n\tz-index: 15000;\n}\n");
 
+function normalizeConstraintValue(value, containerWidth, fallback) {
+    let normalized = value;
+    return normalized <= 1 && normalized >= 0 && (normalized = containerWidth ? containerWidth * normalized : fallback), 
+    normalized > 1 && normalized < 50 && (normalized = 50), normalized;
+}
+
+function resolveConstraints(sizeConstraints, containerWidth) {
+    const initial = normalizeConstraintValue(sizeConstraints.initial, containerWidth, 50), min = normalizeConstraintValue(sizeConstraints.min, containerWidth, initial);
+    return {
+        initial: min > initial ? min : initial,
+        min: min,
+        max: normalizeConstraintValue(sizeConstraints.max, containerWidth, initial)
+    };
+}
+
 const DraggablePanel = React.memo(props => {
     const theme = useTheme(), {children: children, sizeConstraints: sizeConstraints = {
         initial: 250,
@@ -29,7 +45,7 @@ const DraggablePanel = React.memo(props => {
         width: 10,
         color: "transparent",
         offsetX: !0
-    }, borderRight: borderRight = "1px solid var(--core-outline-primary)", borderLeft: borderLeft = null, bgColor: bgColor = "transparent", drags: drags = !0, isTouchDevice: isTouchDevice = !1, disableOnContext: disableOnContext = !0, dragHandle: dragHandle = !0, dragHandleStyle: dragHandleStyle, containerRef: containerRef, onResize: onResize = () => null, onResizeStart: onResizeStart = () => null, onResizeEnd: onResizeEnd = () => null} = props, divAttributes = __rest(props, [ "children", "sizeConstraints", "dragsRight", "isClosed", "resizeHandle", "borderRight", "borderLeft", "bgColor", "drags", "isTouchDevice", "disableOnContext", "dragHandle", "dragHandleStyle", "containerRef", "onResize", "onResizeStart", "onResizeEnd" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", handle = useRef(null), div = useRef(null), [isDragging, setIsDragging] = useState(!1), isOver = useRef(!1), gripper = Object.assign({}, resizeHandle), containerSize = useObserveResize(containerRef), [handleHighlight, setHandleHighlight] = useState(!1), [lastWidth, setLastWidth] = useState(null), [panelClosed, setPanelClosed] = useState(isClosed), [constraints, setConstraints] = useState(sizeConstraints), [contWidth, setContWidth] = useState(void 0), timer = useRef(null), startX = useRef(0), startWidth = useRef(0), divWidth = useRef(0), divHeight = useRef(0), deltaWidth = useRef(0), handleWindowResize = useCallback(() => {
+    }, borderRight: borderRight = "1px solid var(--core-outline-primary)", borderLeft: borderLeft = null, bgColor: bgColor = "transparent", drags: drags = !0, isTouchDevice: isTouchDevice = !1, disableOnContext: disableOnContext = !0, dragHandle: dragHandle = !0, dragHandleStyle: dragHandleStyle, containerRef: containerRef, onResize: onResize = () => null, onResizeStart: onResizeStart = () => null, onResizeEnd: onResizeEnd = () => null} = props, divAttributes = __rest(props, [ "children", "sizeConstraints", "dragsRight", "isClosed", "resizeHandle", "borderRight", "borderLeft", "bgColor", "drags", "isTouchDevice", "disableOnContext", "dragHandle", "dragHandleStyle", "containerRef", "onResize", "onResizeStart", "onResizeEnd" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", handle = useRef(null), div = useRef(null), [isDragging, setIsDragging] = useState(!1), isOver = useRef(!1), gripper = Object.assign({}, resizeHandle), containerSize = useObserveResize(containerRef), panelSize = useObserveResize(div), [handleHighlight, setHandleHighlight] = useState(!1), [lastWidth, setLastWidth] = useState(null), [panelClosed, setPanelClosed] = useState(isClosed), [constraints, setConstraints] = useState(() => resolveConstraints(sizeConstraints)), [contWidth, setContWidth] = useState(void 0), timer = useRef(null), closed = panelSize.width <= 1, startX = useRef(0), startWidth = useRef(0), divWidth = useRef(0), divHeight = useRef(0), deltaWidth = useRef(0), handleWindowResize = useCallback(() => {
         (null == containerRef ? void 0 : containerRef.current) || setContWidth(window.innerWidth);
     }, [ containerRef ]), handleMouseOver = useCallback(() => {
         isOver.current = !0, setHighlight(!0);
@@ -57,17 +73,7 @@ const DraggablePanel = React.memo(props => {
     }, []);
     useEffect(() => {
         if (!contWidth) return;
-        const {min: min, max: max, initial: initial} = sizeConstraints, relativeConstraints = {
-            min: min,
-            max: max,
-            initial: initial
-        };
-        for (const [key, value] of Object.entries(sizeConstraints)) {
-            let calc = value;
-            calc <= 1 && calc >= 0 && (calc = contWidth * value), calc > 1 && calc < 50 && (calc = 50), 
-            relativeConstraints[key] = calc;
-        }
-        relativeConstraints.min < relativeConstraints.initial && (relativeConstraints.initial = relativeConstraints.min), 
+        const relativeConstraints = resolveConstraints(sizeConstraints, contWidth);
         setConstraints(relativeConstraints), adjustCurrentWidth(relativeConstraints);
     }, [ sizeConstraints, contWidth, adjustCurrentWidth ]);
     const setHighlight = useCallback(state => {
@@ -154,8 +160,8 @@ const DraggablePanel = React.memo(props => {
             height: "100%",
             maxWidth: drags ? constraints.max : "unset",
             transition: isDragging ? "" : transition,
-            borderRight: !panelClosed && borderRight && drags ? borderRight : "none",
-            borderLeft: !panelClosed && borderLeft && drags ? borderLeft : "none"
+            borderRight: !closed && borderRight && drags ? borderRight : "none",
+            borderLeft: !closed && borderLeft && drags ? borderLeft : "none"
         })
     }, rest, {
         children: [ jsxs("div", {
@@ -163,7 +169,7 @@ const DraggablePanel = React.memo(props => {
             style: Object.assign(Object.assign({
                 position: "absolute",
                 boxSizing: "border-box",
-                display: panelClosed || !drags ? "none" : "flex",
+                display: closed || !drags ? "none" : "flex",
                 alignItems: "center",
                 justifyContent: "center",
                 zIndex: 1,
@@ -181,7 +187,7 @@ const DraggablePanel = React.memo(props => {
             onBlur: handleBlur,
             onTouchStart: handleTouchStart,
             onTouchEnd: handleTouchEnd,
-            children: [ dragHandle && !panelClosed && jsx(DragHandle, Object.assign({}, null != dragHandleStyle ? dragHandleStyle : {})), jsx("div", {
+            children: [ dragHandle && !closed && jsx(DragHandle, Object.assign({}, null != dragHandleStyle ? dragHandleStyle : {})), jsx("div", {
                 style: {
                     backgroundColor: handleHighlight ? theme.current.colors["core-outline-primary"] : "transparent",
                     flex: 1,

package/dist/esm/chunks/{DropDown-DFUc_rjP.mjs → DropDown-BQ2tNN3_.mjs}

@@ -1,3 +1,4 @@
+'use client';
 import { a as __rest } from "./tslib.es6-C-olHjXV.mjs";
 
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -6,7 +7,7 @@ import React, { useState, useRef, useEffect, useCallback, useMemo } from "react"
 
 import { s as setStyle } from "./misc-BeEWwOaJ.mjs";
 
-import { I as Icon } from "./Icon-KDwlMXzH.mjs";
+import { I as Icon } from "./Icon-DI32kOA1.mjs";
 
 import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
 

package/dist/esm/chunks/{ErrorSummary-Mz9siVxm.mjs → ErrorSummary-EzCqVifm.mjs}

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

package/dist/esm/chunks/{FileIcon-DeW-ZBiv.mjs → FileIcon-Cufsp1gn.mjs}

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

package/dist/esm/chunks/{FileList-0Dzx15hl.mjs → FileList-BQ9X5YnB.mjs}

@@ -1,3 +1,4 @@
+'use client';
 import { a as __rest } from "./tslib.es6-C-olHjXV.mjs";
 
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -6,11 +7,11 @@ import React, { useCallback, useMemo } from "react";
 
 import { s as setStyle, a as accessibleKeyDown } from "./misc-BeEWwOaJ.mjs";
 
-import { F as FileIcon } from "./FileIcon-DeW-ZBiv.mjs";
+import { F as FileIcon } from "./FileIcon-Cufsp1gn.mjs";
 
-import { I as Icon } from "./Icon-KDwlMXzH.mjs";
+import { I as Icon } from "./Icon-DI32kOA1.mjs";
 
-import { P as ProgressIndicator } from "./ProgressIndicator-CxsZm_As.mjs";
+import { P as ProgressIndicator } from "./ProgressIndicator-CB_oazMD.mjs";
 
 import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
 

package/dist/esm/chunks/{_types-DOQAaLqq.mjs → FlexDiv-BFrVoFhC.mjs}

@@ -1,3 +1,4 @@
+'use client';
 import { a as __rest } from "./tslib.es6-C-olHjXV.mjs";
 
 import { jsx } from "react/jsx-runtime";
@@ -8,7 +9,84 @@ import React, { useMemo } from "react";
 
 import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
 
-var css_flexDiv = "FlexDiv-module_flexDiv__EY5A- type-module_body-m-regular__LuQBA";
+var Size, Preset, css_flexDiv = "FlexDiv-module_flexDiv__EY5A- type-module_body-m-regular__LuQBA";
+
+styleInject(".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}.FlexDiv-module_flexDiv__EY5A- {\n\t&::-webkit-scrollbar {\n\t\tbackground-color: var(--flex-div-bg);\n\t\twidth: 14px;\n\t}\n\n\t&::-webkit-scrollbar-track {\n\t\tbackground-color: var(--flex-div-scroll-border);\n\t}\n\n\t&::-webkit-scrollbar-thumb {\n\t\tbackground-color: var(--flex-div-scroll-handle);\n\t\tborder-radius: 20px;\n\t\tborder: 4px solid var(--flex-div-scroll-border);\n\t}\n\n\t&::-webkit-scrollbar-thumb:hover {\n\t\tbackground-color: var(--flex-div-scroll-handle-hover);\n\t\tborder-radius: 20px;\n\t\tborder: 4px solid var(--flex-div-scroll-border);\n\t\tcursor: default;\n\t}\n}\n"), 
+function(Size) {
+    Size.Grow = "grow", Size.Fill = "fill", Size.Fit = "fit", Size.Viewport = "viewport", 
+    Size.Auto = "auto";
+}(Size || (Size = {})), function(Preset) {
+    Preset.FillScroll = "fill-scroll", Preset.FillCenter = "fill-center", Preset.Window = "window", 
+    Preset.Row = "row", Preset.RowBetween = "row-between", Preset.Column = "fill-column", 
+    Preset.Default = "default", Preset.Draggable = "draggable";
+}(Preset || (Preset = {}));
+
+const layoutSets = {
+    [Preset.FillScroll]: {
+        width: "fill",
+        height: "fill",
+        justify: "start",
+        align: "start",
+        scrollY: !0,
+        direction: "column"
+    },
+    [Preset.FillCenter]: {
+        width: "fill",
+        height: "fill",
+        justify: "center",
+        align: "center",
+        scrollY: !1,
+        direction: "column"
+    },
+    [Preset.Window]: {
+        width: "viewport",
+        height: "viewport",
+        justify: "start",
+        align: "start",
+        scrollY: !1,
+        direction: "row"
+    },
+    [Preset.Row]: {
+        width: "fill",
+        height: "fit",
+        justify: "start",
+        align: "center",
+        scrollY: !1,
+        direction: "row"
+    },
+    [Preset.RowBetween]: {
+        width: "fill",
+        height: "fit",
+        justify: "between",
+        align: "center",
+        scrollY: !1,
+        direction: "row"
+    },
+    [Preset.Column]: {
+        width: "fill",
+        height: "fit",
+        justify: "start",
+        align: "center",
+        scrollY: !1,
+        direction: "column"
+    },
+    [Preset.Default]: {
+        width: "fill",
+        height: "fit",
+        justify: "start",
+        align: "start",
+        scrollY: !1,
+        direction: "column"
+    },
+    [Preset.Draggable]: {
+        width: "auto",
+        height: "fill",
+        justify: "start",
+        align: "start",
+        scrollY: !1,
+        direction: "column"
+    }
+};
 
 function setSize(style, isHeight) {
     return "number" == typeof style ? `${style}px` : "grow" === style ? "unset" : "fill" === style ? "100%" : "fit" === style ? "auto" : "viewport" === style ? isHeight ? "100vh" : "100vw" : style;
@@ -22,10 +100,8 @@ function setFlex(style) {
     return "start" === style || "top" === style ? "flex-start" : "end" === style || "bottom" === style ? "flex-end" : "between" === style ? "space-between" : style;
 }
 
-styleInject(".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}.FlexDiv-module_flexDiv__EY5A- {\n\t&::-webkit-scrollbar {\n\t\tbackground-color: var(--flex-div-bg);\n\t\twidth: 14px;\n\t}\n\n\t&::-webkit-scrollbar-track {\n\t\tbackground-color: var(--flex-div-scroll-border);\n\t}\n\n\t&::-webkit-scrollbar-thumb {\n\t\tbackground-color: var(--flex-div-scroll-handle);\n\t\tborder-radius: 20px;\n\t\tborder: 4px solid var(--flex-div-scroll-border);\n\t}\n\n\t&::-webkit-scrollbar-thumb:hover {\n\t\tbackground-color: var(--flex-div-scroll-handle-hover);\n\t\tborder-radius: 20px;\n\t\tborder: 4px solid var(--flex-div-scroll-border);\n\t\tcursor: default;\n\t}\n}\n");
-
 const FlexDiv = React.memo(React.forwardRef((props, ref) => {
-    const {children: children, scrollY: scrollY = !1, scrollX: scrollX = !1, background: background = "var(--core-surface-primary)", direction: direction = "column", align: align = "start", justify: justify = "start", height: height = "fit", width: width = "fill", maxWidth: maxWidth, centerSelf: centerSelf, wrap: wrap = !1, reverse: reverse = !1, padding: padding = 0, margin: margin = 0, absolute: absolute = !1, flex: flex, gap: gap, variants: variants, transition: transition, animate: animate, enter: enter, exit: exit, border: border, borderRadius: borderRadius, className: className, scrollHandle: scrollHandle, scrollHandleHover: scrollHandleHover} = props, divAttributes = __rest(props, [ "children", "scrollY", "scrollX", "background", "direction", "align", "justify", "height", "width", "maxWidth", "centerSelf", "wrap", "reverse", "padding", "margin", "absolute", "flex", "gap", "variants", "transition", "animate", "enter", "exit", "border", "borderRadius", "className", "scrollHandle", "scrollHandleHover" ]), {id: divId, style: userStyle} = divAttributes, rest = __rest(divAttributes, [ "id", "style" ]), wrapperStyle = null != userStyle ? userStyle : {}, style = useMemo(() => ({
+    const {children: children, preset: preset = "default", scrollY: scrollY = layoutSets[preset].scrollY, scrollX: scrollX = !1, background: background = "var(--core-surface-primary)", direction: direction = layoutSets[preset].direction, align: align = layoutSets[preset].align, justify: justify = layoutSets[preset].justify, height: height = layoutSets[preset].height, width: width = layoutSets[preset].width, maxWidth: maxWidth, centerSelf: centerSelf, wrap: wrap = !1, reverse: reverse = !1, padding: padding = 0, margin: margin = 0, absolute: absolute = !1, flex: flex, gap: gap, variants: variants, transition: transition, animate: animate, enter: enter, exit: exit, border: border, borderRadius: borderRadius, className: className, scrollHandle: scrollHandle, scrollHandleHover: scrollHandleHover} = props, divAttributes = __rest(props, [ "children", "preset", "scrollY", "scrollX", "background", "direction", "align", "justify", "height", "width", "maxWidth", "centerSelf", "wrap", "reverse", "padding", "margin", "absolute", "flex", "gap", "variants", "transition", "animate", "enter", "exit", "border", "borderRadius", "className", "scrollHandle", "scrollHandleHover" ]), {id: divId, style: userStyle} = divAttributes, rest = __rest(divAttributes, [ "id", "style" ]), wrapperStyle = null != userStyle ? userStyle : {}, style = useMemo(() => ({
         display: "flex",
         position: "" + (absolute ? "absolute" : "relative"),
         flexDirection: `${direction}${reverse ? "-reverse" : ""}`,
@@ -59,7 +135,7 @@ const FlexDiv = React.memo(React.forwardRef((props, ref) => {
         id: divId,
         ref: ref,
         className: `${css_flexDiv} ${null != className ? className : ""}`,
-        style: Object.assign(Object.assign({}, wrapperStyle), style),
+        style: Object.assign(Object.assign({}, style), wrapperStyle),
         transition: transition,
         variants: variants,
         initial: enter,
@@ -70,11 +146,4 @@ const FlexDiv = React.memo(React.forwardRef((props, ref) => {
     }));
 }));
 
-var Size;
-
-!function(Size) {
-    Size.Grow = "grow", Size.Fill = "fill", Size.Fit = "fit", Size.Viewport = "viewport", 
-    Size.Auto = "auto";
-}(Size || (Size = {}));
-
-export { FlexDiv as F, Size as S };
+export { FlexDiv as F, Preset as P, Size as S };

package/dist/esm/chunks/{Grouper-B04WxD6K.mjs → Grouper-CvPYEsF_.mjs}

@@ -1,3 +1,4 @@
+'use client';
 import { a as __rest } from "./tslib.es6-C-olHjXV.mjs";
 
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -12,9 +13,9 @@ import "../theme/colors.mjs";
 
 import "../hooks/useWindow.mjs";
 
-import { B as Badge } from "./Badge-D-U1jomY.mjs";
+import { B as Badge } from "./Badge-CC0zSLMf.mjs";
 
-import { I as Icon } from "./Icon-KDwlMXzH.mjs";
+import { I as Icon } from "./Icon-DI32kOA1.mjs";
 
 import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
 

package/dist/esm/chunks/{Icon-KDwlMXzH.mjs → Icon-DI32kOA1.mjs}

@@ -1,3 +1,4 @@
+'use client';
 import { a as __rest } from "./tslib.es6-C-olHjXV.mjs";
 
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
@@ -22,7 +23,23 @@ styleInject(".Icon-module_icon__szG-X {\n\tcursor: var(--cursor);\n\tuser-select
  * Static icon registry created once at module load.
  * Each entry stores only icon line content renderers.
  */
-const STATIC_ICON_REGISTRY = new Map([ [ "target", {
+const STATIC_ICON_REGISTRY = new Map([ [ "sidebar", {
+    line: ({strokeColor: strokeColor, fillColor: fillColor}) => jsxs(Fragment, {
+        children: [ jsx("rect", {
+            x: "10",
+            y: "4.5",
+            width: "8",
+            height: "11",
+            rx: "1",
+            ry: "1",
+            opacity: fillColor,
+            fill: strokeColor
+        }), jsx("path", {
+            d: "M17,3.75H3c-.96,0-1.75.78-1.75,1.75v9c0,.96.78,1.75,1.75,1.75h14c.96,0,1.75-.78,1.75-1.75V5.5c0-.96-.78-1.75-1.75-1.75ZM2.75,14.5V5.5c0-.14.11-.25.25-.25h6.25v9.5H3c-.14,0-.25-.11-.25-.25ZM17.25,14.5c0,.14-.11.25-.25.25h-6.25V5.25h6.25c.14,0,.25.11.25.25v9Z",
+            fill: strokeColor
+        }) ]
+    })
+} ], [ "target", {
     line: ({strokeColor: strokeColor}) => jsxs(Fragment, {
         children: [ jsx("circle", {
             cx: "10",
@@ -1086,7 +1103,7 @@ const STATIC_ICON_REGISTRY = new Map([ [ "target", {
     })
 } ] ]), Icon = React.memo(props => {
     var _a;
-    const theme = useTheme(), {name: name = "home", size: size = 20, stroke: stroke = 1.5, strokeColor: strokeColor = theme.current.colors["core-icon-primary"], fillColor: fillColor = "transparent", coverUp: coverUp = theme.current.colors["core-surface-primary"], toggle: toggle = !1, pointer: pointer = !1, disabled: disabled = !1, onClick: onClick} = props, svgAttributes = __rest(props, [ "name", "size", "stroke", "strokeColor", "fillColor", "coverUp", "toggle", "pointer", "disabled", "onClick" ]), {id: svgId, className: className, style: style} = svgAttributes, rest = __rest(svgAttributes, [ "id", "className", "style" ]), svgStyle = null != style ? style : {}, variantKey = toggle ? "lineOn" : "line", iconVariant = STATIC_ICON_REGISTRY.get(name), shape = null !== (_a = null == iconVariant ? void 0 : iconVariant[variantKey]) && void 0 !== _a ? _a : null == iconVariant ? void 0 : iconVariant.line, cursor = useMemo(() => disabled ? "default" : pointer ? "pointer" : "inherit", [ disabled, pointer ]), iconStyle = useMemo(() => ({
+    const theme = useTheme(), {name: name = "home", size: size = 20, stroke: stroke = 1.5, strokeColor: strokeColor = theme.current.colors["core-icon-primary"], fillColor: fillColor = .2, coverUp: coverUp = theme.current.colors["core-surface-primary"], toggle: toggle = !1, pointer: pointer = !1, disabled: disabled = !1, onClick: onClick} = props, svgAttributes = __rest(props, [ "name", "size", "stroke", "strokeColor", "fillColor", "coverUp", "toggle", "pointer", "disabled", "onClick" ]), {id: svgId, className: className, style: style} = svgAttributes, rest = __rest(svgAttributes, [ "id", "className", "style" ]), svgStyle = null != style ? style : {}, variantKey = toggle ? "lineOn" : "line", iconVariant = STATIC_ICON_REGISTRY.get(name), shape = null !== (_a = null == iconVariant ? void 0 : iconVariant[variantKey]) && void 0 !== _a ? _a : null == iconVariant ? void 0 : iconVariant.line, cursor = useMemo(() => disabled ? "default" : pointer ? "pointer" : "inherit", [ disabled, pointer ]), iconStyle = useMemo(() => ({
         "--cursor": cursor,
         "--pointer-events": onClick ? "auto" : "none"
     }), [ cursor, onClick ]), handleKeyActivate = useMemo(() => () => null == onClick ? void 0 : onClick(void 0), [ onClick ]);
@@ -1099,7 +1116,7 @@ const STATIC_ICON_REGISTRY = new Map([ [ "target", {
         viewBox: "0 0 20 20",
         style: Object.assign(Object.assign({}, svgStyle), iconStyle),
         onClick: e => null == onClick ? void 0 : onClick(e),
-        fill: fillColor,
+        fill: "transparent",
         role: "img",
         "aria-label": `${name} icon`,
         tabIndex: pointer && !disabled ? 0 : -1,

package/dist/esm/chunks/{IconButton-oAB8ZFTf.mjs → IconButton-Dciw5CLn.mjs}

@@ -1,3 +1,4 @@
+'use client';
 import { a as __rest } from "./tslib.es6-C-olHjXV.mjs";
 
 import { jsxs, jsx } from "react/jsx-runtime";
@@ -6,11 +7,11 @@ import { motion } from "motion/react";
 
 import React, { useRef, useState, useEffect, useCallback, useMemo } from "react";
 
-import { B as Badge } from "./Badge-D-U1jomY.mjs";
+import { B as Badge } from "./Badge-CC0zSLMf.mjs";
 
-import { D as Dot } from "./Dot-Cj6gWj4_.mjs";
+import { D as Dot } from "./Dot-DZE134mJ.mjs";
 
-import { I as Icon } from "./Icon-KDwlMXzH.mjs";
+import { I as Icon } from "./Icon-DI32kOA1.mjs";
 
 import { T as ToolTipType } from "./sharedTypes-tn9-uJvb.mjs";
 
@@ -21,7 +22,7 @@ var css_button = "IconButton-module_button__rziqa flexBox-module_row__z24tF", cs
 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: pointer;\n\tappearance: none;\n\t-webkit-appearance: none;\n\tbackground-image: none;\n\toutline: 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, icon: icon = "more", borderRadius: borderRadius = 4, border: border = !1, tooltip: tooltip, color: color, colorOn: colorOn, 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, onClick: onClick = () => null, onToolTip: onToolTip = () => null} = props, divAttributes = __rest(props, [ "frameSize", "iconSize", "icon", "borderRadius", "border", "tooltip", "color", "colorOn", "bgColor", "bgColorHover", "bgColorOn", "iconColor", "iconColorOn", "iconColorHover", "transition", "variants", "initial", "animate", "exit", "fillColor", "label", "hover", "count", "toggle", "toggleIcon", "isToggled", "disabled", "showDot", "onClick", "onToolTip" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", ref = useRef(null), [on, setOn] = useState(isToggled), [hovered, setHovered] = useState(!1);
+    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, 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 = __rest(props, [ "frameSize", "iconSize", "round", "icon", "borderRadius", "border", "tooltip", "color", "colorOn", "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 = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", ref = useRef(null), [on, setOn] = useState(isToggled), [hovered, setHovered] = useState(!1);
     useEffect(() => setOn(isToggled), [ isToggled ]);
     const handleClick = useCallback(e => {
         disabled || (tooltip && onToolTip(null), toggle && setOn(!on), onClick(e));
@@ -38,14 +39,14 @@ const IconButton = React.memo(props => {
         onToolTip(tip);
     }, [ tooltip, onToolTip ]), handleMouseLeave = useCallback(() => {
         setHovered(!1), tooltip && onToolTip(null);
-    }, [ tooltip, onToolTip ]), bgColorNormal = useMemo(() => on && toggle ? bgColorOn : null != bgColor ? bgColor : "var(--core-surface-secondary)", [ toggle, bgColorOn, bgColor, on ]), bgHoverColor = useMemo(() => hover && on ? bgColorOn : hover ? bgColorHover : null != bgColor ? bgColor : "transparent", [ hover, bgColor, bgColorOn, bgColorHover, on ]), textColor = useMemo(() => toggle && on ? colorOn : null != color ? color : "var(--core-text-primary)", [ toggle, on, colorOn, color ]), setIconColor = useMemo(() => toggle && on ? iconColorOn : hovered ? iconColorHover : null != iconColor ? iconColor : "var(--core-text-primary)", [ toggle, on, iconColorOn, iconColor, iconColorHover, hovered ]), cssVars = useMemo(() => ({
+    }, [ tooltip, onToolTip ]), bgColorNormal = useMemo(() => on && toggle ? bgColorOn : null != bgColor ? bgColor : "var(--core-surface-secondary)", [ toggle, bgColorOn, bgColor, on ]), bgHoverColor = useMemo(() => hover && on ? bgColorOn : hover ? bgColorHover : null != bgColor ? bgColor : "transparent", [ hover, bgColor, bgColorOn, bgColorHover, on ]), textColor = useMemo(() => toggle && on ? colorOn : null != color ? color : "var(--core-text-primary)", [ toggle, on, colorOn, color ]), setIconColor = useMemo(() => toggle && on ? iconColorOn : hovered ? iconColorHover : null != iconColor ? iconColor : "var(--core-text-primary)", [ toggle, on, iconColorOn, iconColor, iconColorHover, hovered ]), size = useMemo(() => buttonSize ? "s" === buttonSize ? 24 : "m" === buttonSize ? 36 : "l" === buttonSize ? 44 : "xl" === buttonSize ? 56 : void 0 : frameSize, [ frameSize, buttonSize ]), cssVars = useMemo(() => ({
         "--ib-bg-color": bgColorNormal,
         "--ib-bg-color-hover": bgHoverColor,
-        "--ib-icon-size": `${null != frameSize ? frameSize : 0}px`,
-        "--ib-border-radius": `${null != borderRadius ? borderRadius : 0}px`,
+        "--ib-icon-size": `${null != size ? size : 0}px`,
+        "--ib-border-radius": round ? "100%" : `${null != borderRadius ? borderRadius : 0}px`,
         "--ib-border": border ? "1px" : 0,
         "--ib-color": textColor
-    }), [ bgColorNormal, bgHoverColor, textColor, border, frameSize, borderRadius ]);
+    }), [ bgColorNormal, bgHoverColor, textColor, border, size, borderRadius, round ]);
     return jsxs(motion.button, Object.assign({
         id: divId,
         type: "button",

package/dist/esm/chunks/{Label-BD7VlTDw.mjs → Label-CvCDAg1y.mjs}

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

package/dist/esm/chunks/{Overlay-3KkyDm1f.mjs → Overlay-DiSvgIQP.mjs}

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

package/dist/esm/chunks/{Pager-DmiwYLl5.mjs → Pager-BoDLaKFh.mjs}

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

package/dist/esm/chunks/{ProgressIndicator-CxsZm_As.mjs → ProgressIndicator-CB_oazMD.mjs}

@@ -1,3 +1,4 @@
+'use client';
 import { jsx, jsxs } from "react/jsx-runtime";
 
 import React, { useState, useEffect, useMemo, useRef } from "react";
@@ -10,7 +11,7 @@ import { a as __rest } from "./tslib.es6-C-olHjXV.mjs";
 
 import "../hooks/useWindow.mjs";
 
-import { I as Icon } from "./Icon-KDwlMXzH.mjs";
+import { I as Icon } from "./Icon-DI32kOA1.mjs";
 
 import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
 

package/dist/esm/chunks/{PromptInput-D4Q-DWjz.mjs → PromptInput-plgRiAb7.mjs}

@@ -1,3 +1,4 @@
+'use client';
 import { jsx, jsxs } from "react/jsx-runtime";
 
 import React, { useState, useRef, useCallback, useMemo, useEffect } from "react";
@@ -10,9 +11,9 @@ import "./tslib.es6-C-olHjXV.mjs";
 
 import "../hooks/useWindow.mjs";
 
-import { B as Button } from "./Button-sEYjFcR2.mjs";
+import { B as Button } from "./Button-YER9dCLE.mjs";
 
-import { F as FileList } from "./FileList-0Dzx15hl.mjs";
+import { F as FileList } from "./FileList-BQ9X5YnB.mjs";
 
 import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
 

package/dist/esm/chunks/{RadioButton-B0jvM5VW.mjs → RadioButton-B6ImCUYY.mjs}

@@ -1,3 +1,4 @@
+'use client';
 import { a as __rest } from "./tslib.es6-C-olHjXV.mjs";
 
 import { jsxs, jsx } from "react/jsx-runtime";
@@ -6,7 +7,7 @@ import React, { useState, useEffect, useCallback, useMemo } from "react";
 
 import { s as setStyle } from "./misc-BeEWwOaJ.mjs";
 
-import { I as Icon } from "./Icon-KDwlMXzH.mjs";
+import { I as Icon } from "./Icon-DI32kOA1.mjs";
 
 import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
 

package/dist/esm/chunks/{RadioButtonList-DBRAv87_.mjs → RadioButtonList-Cf6gk8yp.mjs}

@@ -1,3 +1,4 @@
+'use client';
 import { a as __rest } from "./tslib.es6-C-olHjXV.mjs";
 
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -6,7 +7,7 @@ import React, { useId, useState, useEffect, useCallback, useMemo } from "react";
 
 import { s as setStyle } from "./misc-BeEWwOaJ.mjs";
 
-import { R as RadioButton } from "./RadioButton-B0jvM5VW.mjs";
+import { R as RadioButton } from "./RadioButton-B6ImCUYY.mjs";
 
 import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
 

package/dist/esm/chunks/{Slider-CONGTXUE.mjs → Slider-Cav86rU6.mjs}

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

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

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

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

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

package/dist/esm/chunks/{TabBar-DmO1ixBz.mjs → TabBar-0zpJ9GtN.mjs}

@@ -1,3 +1,4 @@
+'use client';
 import { a as __rest } from "./tslib.es6-C-olHjXV.mjs";
 
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -10,11 +11,11 @@ import "../theme/colors.mjs";
 
 import "../hooks/useWindow.mjs";
 
-import { B as Badge } from "./Badge-D-U1jomY.mjs";
+import { B as Badge } from "./Badge-CC0zSLMf.mjs";
 
-import { I as Icon } from "./Icon-KDwlMXzH.mjs";
+import { I as Icon } from "./Icon-DI32kOA1.mjs";
 
-import { I as IconButton } from "./IconButton-oAB8ZFTf.mjs";
+import { I as IconButton } from "./IconButton-Dciw5CLn.mjs";
 
 import { T as ToolTipType } from "./sharedTypes-tn9-uJvb.mjs";
 

package/dist/esm/chunks/{TextArea-DaB8g-fZ.mjs → TextArea-B64bIPHm.mjs}

@@ -1,10 +1,11 @@
+'use client';
 import { a as __rest } from "./tslib.es6-C-olHjXV.mjs";
 
 import { jsxs, jsx } from "react/jsx-runtime";
 
 import React, { useState, useRef, useCallback, useEffect, useMemo } from "react";
 
-import { B as Button } from "./Button-sEYjFcR2.mjs";
+import { B as Button } from "./Button-YER9dCLE.mjs";
 
 import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
 

package/dist/esm/chunks/{TextField-BGeEJXUJ.mjs → TextField-BZeoN_ye.mjs}

@@ -1,3 +1,4 @@
+'use client';
 import { a as __rest } from "./tslib.es6-C-olHjXV.mjs";
 
 import { jsxs, jsx } from "react/jsx-runtime";
@@ -14,11 +15,11 @@ import { s as setStyle } from "./misc-BeEWwOaJ.mjs";
 
 import "../hooks/useWindow.mjs";
 
-import { B as Button } from "./Button-sEYjFcR2.mjs";
+import { B as Button } from "./Button-YER9dCLE.mjs";
 
-import { I as Icon } from "./Icon-KDwlMXzH.mjs";
+import { I as Icon } from "./Icon-DI32kOA1.mjs";
 
-import { I as IconButton } from "./IconButton-oAB8ZFTf.mjs";
+import { I as IconButton } from "./IconButton-Dciw5CLn.mjs";
 
 import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
 

package/dist/esm/chunks/{Tip-DrQvxDsH.mjs → Tip-C5LB54J9.mjs}

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

package/dist/esm/chunks/{Toast-C5XSDgno.mjs → Toast-Bl4s4tRo.mjs}

@@ -1,3 +1,4 @@
+'use client';
 import { a as __rest } from "./tslib.es6-C-olHjXV.mjs";
 
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -14,7 +15,7 @@ import { s as setStyle, f as filterClasses, a as accessibleKeyDown } from "./mis
 
 import "../hooks/useWindow.mjs";
 
-import { I as Icon } from "./Icon-KDwlMXzH.mjs";
+import { I as Icon } from "./Icon-DI32kOA1.mjs";
 
 import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";