@apple-pie/slice 0.1.20 → 0.1.22

package/dist/esm/chunks/MdStreamBuffer-DNXE4XbN.mjs

@@ -0,0 +1,381 @@
+const DEFAULT_WATCHED_MARKERS = [ {
+    name: "fenced code block",
+    open: "```",
+    close: "```"
+}, {
+    name: "bold",
+    open: "**",
+    close: "**"
+}, {
+    name: "double underscore emphasis",
+    open: "__",
+    close: "__"
+}, {
+    name: "strikethrough",
+    open: "~~",
+    close: "~~"
+}, {
+    name: "inline code",
+    open: "`",
+    close: "`"
+}, {
+    name: "italic",
+    open: "*",
+    close: "*"
+}, {
+    name: "underscore emphasis",
+    open: "_",
+    close: "_"
+}, {
+    name: "heading - ie #, ##, etc.",
+    open: "",
+    close: "\n",
+    mode: "line",
+    linePattern: /^#{1,6}\s+\S.*/,
+    partialLinePattern: /^#{1,6}\s*$/
+}, {
+    name: "blockquote",
+    open: "",
+    close: "\n",
+    mode: "line",
+    linePattern: /^>\s+\S.*/,
+    partialLinePattern: /^>\s*$/
+}, {
+    name: 'horizontal rule with "-"',
+    open: "",
+    close: "\n",
+    mode: "line",
+    linePattern: /^-{3,}\s*$/,
+    partialLinePattern: /^-{1,2}\s*$/
+}, {
+    name: "task list",
+    open: "",
+    close: "\n",
+    mode: "line",
+    linePattern: /^[-*+]\s+\[(?: |x|X)\]\s+\S.*/,
+    partialLinePattern: /^[-*+]\s+\[(?:\s|x|X)?\]?\s*$/
+}, {
+    name: 'unordered list "-"',
+    open: "",
+    close: "\n",
+    mode: "line",
+    linePattern: /^-\s+\S.*/,
+    partialLinePattern: /^-\s*$/
+}, {
+    name: 'unordered list with "*"',
+    open: "",
+    close: "\n",
+    mode: "line",
+    linePattern: /^\*\s+\S.*/,
+    partialLinePattern: /^\*\s*$/
+}, {
+    name: 'unordered list with "+"',
+    open: "",
+    close: "\n",
+    mode: "line",
+    linePattern: /^\+\s+\S.*/,
+    partialLinePattern: /^\+\s*$/
+}, {
+    name: "ordered list",
+    open: "",
+    close: "\n",
+    mode: "line",
+    linePattern: /^\d+\.\s+\S.*/,
+    partialLinePattern: /^\d+\.\s*$/
+} ];
+
+/**
+ * Buffer streamed Markdown and emit parser-safe snapshots on animation frames.
+ */ class MdBuffer {
+    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.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);
+            return callback => globalThis.setTimeout(() => callback(Date.now()), 16);
+        }(), this.cancelFrame = null !== (_d = null == options ? void 0 : options.cancelFrame) && void 0 !== _d ? _d : function() {
+            if ("undefined" != typeof globalThis && "function" == typeof globalThis.cancelAnimationFrame) return globalThis.cancelAnimationFrame.bind(globalThis);
+            return handle => globalThis.clearTimeout(handle);
+        }(), this.watchedMarkers = (rules = null !== (_e = null == options ? void 0 : options.watchedMarkers) && void 0 !== _e ? _e : DEFAULT_WATCHED_MARKERS, 
+        [ ...rules ].sort((left, right) => right.open.length - left.open.length));
+    }
+    /**
+     * The raw Markdown accumulated so far.
+     */    get raw() {
+        return `${this.committedRaw}${this.activeRaw}`;
+    }
+    /**
+     * The current parser-safe preview derived from the raw buffer.
+     */    get healthy() {
+        return this.buildHealthyOutput();
+    }
+    /**
+     * Append a streamed Markdown token and schedule a frame flush.
+     */    append(chunk) {
+        const eosSnapshot = this.handleEndOfStreamToken(chunk);
+        if (eosSnapshot) return eosSnapshot;
+        chunk && (this.activeRaw += chunk, this.commitStableLines(), this.scheduleFlush());
+    }
+    /**
+     * Emit the current snapshot immediately.
+     */    flush(reason = "manual") {
+        var _a;
+        const snapshot = {
+            raw: this.committedRaw + this.activeRaw,
+            healthy: this.buildHealthyOutput(),
+            reason: reason,
+            isComplete: this.completeSignal
+        };
+        return null === (_a = this.onFlush) || void 0 === _a || _a.call(this, snapshot), 
+        snapshot;
+    }
+    /**
+     * Mark the stream as complete and flush one final snapshot.
+     */    complete() {
+        return null !== this.frameHandle && (this.cancelFrame(this.frameHandle), this.frameHandle = null), 
+        this.completeSignal = !0, this.flush("complete");
+    }
+    /**
+     * Clear the buffered state and cancel any pending frame.
+     */    reset() {
+        null !== this.frameHandle && (this.cancelFrame(this.frameHandle), this.frameHandle = null), 
+        this.committedRaw = "", this.activeRaw = "", this.completeSignal = !1;
+    }
+    /**
+     * Cancel future work and release the retained state.
+     */    dispose() {
+        this.reset();
+    }
+    handleEndOfStreamToken(chunk) {
+        if (!this.endOfStreamToken) return null;
+        if (!chunk.includes(this.endOfStreamToken)) return null;
+        const [beforeToken] = chunk.split(this.endOfStreamToken);
+        beforeToken && (this.activeRaw += beforeToken, this.commitStableLines());
+        const snapshot = this.complete();
+        return this.dispose(), snapshot;
+    }
+    scheduleFlush() {
+        null === this.frameHandle && (this.frameHandle = this.requestFrame(() => {
+            this.frameHandle = null, this.flush("raf");
+        }));
+    }
+    commitStableLines() {
+        if (this.buildHealthyTail(this.activeRaw) !== this.activeRaw) return;
+        const lastNewlineIndex = this.activeRaw.lastIndexOf("\n");
+        if (-1 === lastNewlineIndex) return;
+        const stablePrefix = this.activeRaw.slice(0, lastNewlineIndex + 1);
+        this.committedRaw += stablePrefix, this.activeRaw = this.activeRaw.slice(lastNewlineIndex + 1);
+    }
+    buildHealthyOutput() {
+        return `${this.committedRaw}${this.buildHealthyTail(this.activeRaw)}`;
+    }
+    buildHealthyTail(value) {
+        const withHtmlHandling = "strip" === this.htmlHandling ? function(value) {
+            let stripped = value.replaceAll(/<\/?[a-zA-Z][^>]*>/g, "");
+            const lastOpenTag = stripped.lastIndexOf("<"), lastCloseBracket = stripped.lastIndexOf(">");
+            if (lastOpenTag > lastCloseBracket) {
+                const trailingSegment = stripped.slice(lastOpenTag);
+                /^<\/?[a-zA-Z][^>]*$/.test(trailingSegment) && (stripped = stripped.slice(0, lastOpenTag));
+            }
+            return stripped;
+        }(value) : value, withLinksAndImages = this.includeLinksAndImages ? this.closeLinksAndImages(withHtmlHandling) : withHtmlHandling;
+        return this.closeInlineMarkdown(withLinksAndImages);
+    }
+    closeInlineMarkdown(value) {
+        const counts = function(value, rules) {
+            var _a;
+            const counts = {}, tokens = new Set;
+            for (const rule of rules) tokens.add(rule.open), tokens.add(rule.close);
+            const sortedTokens = [ ...tokens ].sort((left, right) => right.length - left.length);
+            for (let index = 0; index < value.length; index += 1) {
+                if (isEscaped(value, index)) continue;
+                const matchedToken = sortedTokens.find(token => token.length > 0 && value.slice(index, index + token.length) === token);
+                matchedToken && (shouldIgnoreSymmetricToken(value, matchedToken, index) || "*" === matchedToken && isStarListMarker(value, index) || (counts[matchedToken] = (null !== (_a = counts[matchedToken]) && void 0 !== _a ? _a : 0) + 1, 
+                index += matchedToken.length - 1));
+            }
+            return counts;
+        }(value, this.getPairedRules()), withSymmetricClosers = this.closeSymmetricPairedMarkers(value), withAsymmetricClosers = this.closeAsymmetricPairedMarkers(withSymmetricClosers, counts);
+        return this.closeLineMarkers(withAsymmetricClosers);
+    }
+    closeLinksAndImages(value) {
+        const withImageSignalHandled = this.closeTrailingImageSignal(value);
+        if (withImageSignalHandled !== value) return withImageSignalHandled;
+        const trailingImage = this.findTrailingImage(value);
+        if (trailingImage) return this.closeTrailingImage(value, trailingImage);
+        const trailingLink = this.findTrailingLink(value);
+        return trailingLink ? this.closeTrailingLink(value, trailingLink) : value;
+    }
+    getPairedRules() {
+        return this.watchedMarkers.filter(rule => {
+            var _a;
+            return "paired" === (null !== (_a = rule.mode) && void 0 !== _a ? _a : "paired");
+        });
+    }
+    closeSymmetricPairedMarkers(value) {
+        let nextValue = value;
+        const suppressedCharacters = new Set, symmetricRules = this.getPairedRules().filter(rule => rule.open === rule.close);
+        for (const rule of symmetricRules) {
+            const repeatedCharacter = getRepeatedTokenCharacter(rule.open);
+            if (repeatedCharacter && suppressedCharacters.has(repeatedCharacter)) continue;
+            const unmatchedOpenIndex = findLastUnmatchedSymmetricOpen(nextValue, rule.open);
+            if (-1 !== unmatchedOpenIndex) if (hasMeaningfulInlineContent(nextValue.slice(unmatchedOpenIndex + rule.open.length), repeatedCharacter)) {
+                if (repeatedCharacter) {
+                    const trailingRunLength = countTrailingRepeatedCharacter(nextValue, repeatedCharacter), remainingCharacters = Math.max(rule.close.length - trailingRunLength, 0);
+                    nextValue += repeatedCharacter.repeat(remainingCharacters);
+                } else nextValue += rule.close;
+                repeatedCharacter && suppressedCharacters.add(repeatedCharacter);
+            } else nextValue = nextValue.slice(0, unmatchedOpenIndex), repeatedCharacter && suppressedCharacters.add(repeatedCharacter);
+        }
+        return nextValue;
+    }
+    closeAsymmetricPairedMarkers(value, counts) {
+        var _a, _b;
+        let nextValue = value;
+        const asymmetricRules = this.getPairedRules().filter(rule => rule.open !== rule.close);
+        for (const rule of asymmetricRules) {
+            const openCount = null !== (_a = counts[rule.open]) && void 0 !== _a ? _a : 0, closeCount = null !== (_b = counts[rule.close]) && void 0 !== _b ? _b : 0;
+            openCount > closeCount && (nextValue += rule.close.repeat(openCount - closeCount));
+        }
+        return nextValue;
+    }
+    closeLineMarkers(value) {
+        var _a, _b, _c, _d;
+        let nextValue = value;
+        const trailingLine = null !== (_a = nextValue.split("\n").at(-1)) && void 0 !== _a ? _a : "";
+        if (0 === trailingLine.trim().length) return nextValue;
+        const trailingLineStart = nextValue.length - trailingLine.length, lineRules = this.watchedMarkers.filter(rule => {
+            var _a;
+            return "line" === (null !== (_a = rule.mode) && void 0 !== _a ? _a : "paired");
+        });
+        for (const rule of lineRules) {
+            if (rule.linePattern) {
+                if (!rule.linePattern.test(trailingLine)) continue;
+                nextValue += rule.close;
+                break;
+            }
+            if (rule.requiresLineStart && !trailingLine.startsWith(rule.open)) continue;
+            const remaining = trailingLine.slice(rule.open.length).trim();
+            if (!(null === (_b = rule.requiresContent) || void 0 === _b || _b) || 0 !== remaining.length) {
+                nextValue += rule.close;
+                break;
+            }
+        }
+        for (const rule of lineRules) {
+            if (null === (_c = rule.partialLinePattern) || void 0 === _c ? void 0 : _c.test(trailingLine)) return nextValue.slice(0, trailingLineStart);
+            if (!rule.requiresLineStart || !trailingLine.startsWith(rule.open)) continue;
+            if (null !== (_d = rule.requiresContent) && void 0 !== _d && !_d) continue;
+            if (0 === trailingLine.slice(rule.open.length).trim().length) return nextValue.slice(0, trailingLineStart);
+        }
+        return nextValue;
+    }
+    closeTrailingLink(value, construct) {
+        if (!construct.labelClosed) return value.slice(0, construct.start);
+        if (construct.parenOpened) {
+            const linkPreview = `${value.slice(construct.start, construct.labelEnd + 1)}()`;
+            return `${value.slice(0, construct.start)}${linkPreview}`;
+        }
+        return construct.labelEnd === value.length - 1 ? value.slice(0, construct.start) : value;
+    }
+    closeTrailingImage(value, construct) {
+        return construct.labelClosed ? construct.parenOpened || construct.labelEnd === value.length - 1 ? value.slice(0, construct.start) : `${value.slice(0, construct.start)}${value.slice(construct.labelEnd + 1)}` : value.slice(0, construct.start);
+    }
+    closeTrailingImageSignal(value) {
+        const lastBangIndex = value.lastIndexOf("!");
+        return -1 === lastBangIndex || lastBangIndex !== value.length - 1 || isEscaped(value, lastBangIndex) ? value : value.slice(0, lastBangIndex);
+    }
+    findTrailingLink(value) {
+        const construct = this.findTrailingInlineConstruct(value, !1);
+        return construct ? construct.labelClosed ? construct.parenOpened || construct.labelEnd === value.length - 1 ? construct : null : construct : null;
+    }
+    findTrailingImage(value) {
+        return this.findTrailingInlineConstruct(value, !0);
+    }
+    findTrailingInlineConstruct(value, isImage) {
+        var _a;
+        const stack = [];
+        for (let index = 0; index < value.length; index += 1) {
+            if (isEscaped(value, index)) continue;
+            const character = value[index];
+            if ("[" === character) {
+                const isImage = index > 0 && "!" === value[index - 1] && !isEscaped(value, index - 1);
+                stack.push({
+                    start: isImage ? index - 1 : index,
+                    isImage: isImage,
+                    labelClosed: !1,
+                    labelEnd: -1,
+                    parenOpened: !1
+                });
+                continue;
+            }
+            if ("]" === character) {
+                const target = [ ...stack ].reverse().find(item => !item.labelClosed);
+                if (!target) continue;
+                target.labelClosed = !0, target.labelEnd = index;
+                continue;
+            }
+            if ("(" === character) {
+                const target = [ ...stack ].reverse().find(item => item.labelClosed && !item.parenOpened && item.labelEnd === index - 1);
+                if (!target) continue;
+                target.parenOpened = !0;
+                continue;
+            }
+            if (")" === character) {
+                const targetIndex = null === (_a = [ ...stack ].map((item, stackIndex) => ({
+                    item: item,
+                    stackIndex: stackIndex
+                })).reverse().find(({item: item}) => item.parenOpened)) || void 0 === _a ? void 0 : _a.stackIndex;
+                "number" == typeof targetIndex && stack.splice(targetIndex, 1);
+            }
+        }
+        const trailingConstruct = stack.findLast(item => item.isImage === isImage);
+        return null != trailingConstruct ? trailingConstruct : null;
+    }
+}
+
+function isEscaped(value, index) {
+    let slashCount = 0;
+    for (let cursor = index - 1; cursor >= 0 && "\\" === value[cursor]; cursor -= 1) slashCount += 1;
+    return slashCount % 2 != 0;
+}
+
+function isStarListMarker(value, index) {
+    return (0 === index || "\n" === value[index - 1]) && " " === value[index + 1];
+}
+
+function getRepeatedTokenCharacter(token) {
+    return 0 === token.length ? null : token.split("").every(character => character === token[0]) ? token[0] : null;
+}
+
+function countTrailingRepeatedCharacter(value, character) {
+    let count = 0;
+    for (let index = value.length - 1; index >= 0 && value[index] === character; index -= 1) count += 1;
+    return count;
+}
+
+function shouldIgnoreSymmetricToken(value, token, index) {
+    var _a, _b;
+    if (!token.includes("_")) return !1;
+    const previousCharacter = null !== (_a = value[index - 1]) && void 0 !== _a ? _a : "", nextCharacter = null !== (_b = value[index + token.length]) && void 0 !== _b ? _b : "";
+    return isWordCharacter(previousCharacter) || isWordCharacter(nextCharacter);
+}
+
+function isWordCharacter(value) {
+    return /[A-Za-z0-9]/.test(value);
+}
+
+function findLastUnmatchedSymmetricOpen(value, token) {
+    let occurrenceCount = 0, lastIndex = -1;
+    for (let index = 0; index <= value.length - token.length; index += 1) isEscaped(value, index) || value.slice(index, index + token.length) === token && (shouldIgnoreSymmetricToken(value, token, index) || (occurrenceCount += 1, 
+    lastIndex = index, index += token.length - 1));
+    return occurrenceCount % 2 == 0 ? -1 : lastIndex;
+}
+
+function hasMeaningfulInlineContent(value, repeatedCharacter) {
+    if (0 === value.trim().length) return !1;
+    if (!repeatedCharacter) return !0;
+    return value.replaceAll(repeatedCharacter, "").trim().length > 0;
+}
+
+export { MdBuffer as M };

package/dist/esm/chunks/{ProgressIndicator-D7paCpgY.mjs → ProgressIndicator-Cg7CCrAE.mjs}

@@ -6,11 +6,11 @@ import { useTheme } from "../hooks/useTheme.mjs";
 
 import "../theme/colors.mjs";
 
-import "../hooks/useWindow.mjs";
-
 import { _ as __rest } from "./tslib.es6-c-7TIv71.mjs";
 
-import { I as Icon } from "./Icon-CUSQtytG.mjs";
+import "../hooks/useWindow.mjs";
+
+import { I as Icon } from "./Icon-CbwaBi0l.mjs";
 
 import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
 

package/dist/esm/chunks/{PromptInput-CpxUcInZ.mjs → PromptInput-DJInpjRX.mjs}

@@ -6,11 +6,13 @@ import { useTheme } from "../hooks/useTheme.mjs";
 
 import "../theme/colors.mjs";
 
+import "./tslib.es6-c-7TIv71.mjs";
+
 import "../hooks/useWindow.mjs";
 
-import { B as Button } from "./Button-daLv0i7S.mjs";
+import { B as Button } from "./Button-Bp51g5jC.mjs";
 
-import { F as FileList } from "./FileList-5LElsgoE.mjs";
+import { F as FileList } from "./FileList-CyUhkk-m.mjs";
 
 import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
 

package/dist/esm/chunks/{RadioButton-B5ZF5oJ_.mjs → RadioButton-CYp8RkDK.mjs}

@@ -6,7 +6,7 @@ import React, { useState, useEffect, useCallback, useMemo } from "react";
 
 import { s as setStyle } from "./misc-N8KLjOXc.mjs";
 
-import { I as Icon } from "./Icon-CUSQtytG.mjs";
+import { I as Icon } from "./Icon-CbwaBi0l.mjs";
 
 import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
 

package/dist/esm/chunks/{RadioButtonList-D9ZAZgkK.mjs → RadioButtonList-BSzV9Zz-.mjs}

@@ -6,7 +6,7 @@ import React, { useId, useState, useEffect, useCallback, useMemo } from "react";
 
 import { s as setStyle } from "./misc-N8KLjOXc.mjs";
 
-import { R as RadioButton } from "./RadioButton-B5ZF5oJ_.mjs";
+import { R as RadioButton } from "./RadioButton-CYp8RkDK.mjs";
 
 import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
 

package/dist/esm/chunks/{TabBar-BK7OcjPl.mjs → TabBar-Dd5-VZcG.mjs}

@@ -12,9 +12,9 @@ import "../hooks/useWindow.mjs";
 
 import { B as Badge } from "./Badge-DyICxZP2.mjs";
 
-import { I as Icon } from "./Icon-CUSQtytG.mjs";
+import { I as Icon } from "./Icon-CbwaBi0l.mjs";
 
-import { I as IconButton } from "./IconButton-DG69Vlhj.mjs";
+import { I as IconButton } from "./IconButton-BKZD9jsp.mjs";
 
 import { T as ToolTipType } from "./sharedTypes-tn9-uJvb.mjs";
 

package/dist/esm/chunks/{TextArea-BmsEj6IA.mjs → TextArea-C_2D7sZV.mjs}

@@ -4,7 +4,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 
 import React, { useState, useRef, useCallback, useEffect, useMemo } from "react";
 
-import { B as Button } from "./Button-daLv0i7S.mjs";
+import { B as Button } from "./Button-Bp51g5jC.mjs";
 
 import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
 
@@ -28,16 +28,16 @@ const TextArea = React.memo(props => {
     }, [ onChange ]), handleFocus = useCallback(() => {
         var _a, _b;
         (null == ref ? void 0 : ref.current) && ref.current.focus(), setIsFocused(!0), onFocus(null !== (_b = null === (_a = ref.current) || void 0 === _a ? void 0 : _a.value) && void 0 !== _b ? _b : "");
-    }, [ onFocus ]), handleBlur = useCallback(content => {
+    }, [ onFocus ]), handleBlur = useCallback(() => {
         var _a, _b;
-        handleChange(content), setIsFocused(!1), onBlur(null !== (_b = null === (_a = ref.current) || void 0 === _a ? void 0 : _a.value) && void 0 !== _b ? _b : "");
-    }, [ handleChange, onBlur ]), handleSubmit = useCallback(e => {
+        setIsFocused(!1), onBlur(null !== (_b = null === (_a = ref.current) || void 0 === _a ? void 0 : _a.value) && void 0 !== _b ? _b : "");
+    }, [ onBlur ]), handleSubmit = useCallback(e => {
         null == e || e.preventDefault(), handleFocus(), onSubmit(text), submitClears && setText(""), 
         (null == ref ? void 0 : ref.current) && (ref.current.value = ""), handleResize();
     }, [ handleFocus, onSubmit, text, submitClears, handleResize ]), handleKeyDownWrapper = useCallback(e => {
         returnSubmits && "Enter" === e.key && (e.preventDefault(), e.stopPropagation(), 
         handleSubmit(void 0)), onKeyDown(e);
-    }, [ returnSubmits, handleSubmit, onKeyDown ]), setStyleValue = useCallback(value => "string" == typeof value ? value : `${value}px`, []), setBorderColor = useMemo(() => isFocused ? "var(--core-link-primary)" : error ? "var(--feedback-warning)" : border ? "var(--core-outline-primary)" : "transparent", [ isFocused, error, border ]), textClassName = useMemo(() => "xs" === textSize ? css_xs : "l" === textSize ? css_l : "m" === textSize ? css_m : css_s, [ textSize ]), cssVars = useMemo(() => ({
+    }, [ returnSubmits, handleSubmit, onKeyDown ]), setStyleValue = useCallback(value => "string" == typeof value ? value : `${value}px`, []), setBorderColor = useMemo(() => border && isFocused ? "var(--core-link-primary)" : border && error ? "var(--feedback-warning)" : border ? "var(--core-outline-primary)" : "transparent", [ isFocused, error, border ]), textClassName = useMemo(() => "xs" === textSize ? css_xs : "l" === textSize ? css_l : "m" === textSize ? css_m : css_s, [ textSize ]), cssVars = useMemo(() => ({
         "--ta-border-radius": `${borderRadius}px`,
         "--ta-width": `${setStyleValue(width)}`,
         "--ta-min-width": minWidth ? `${minWidth}px` : "unset",
@@ -53,7 +53,7 @@ const TextArea = React.memo(props => {
         id: divId,
         className: `${css_wrapper}${divClass}`,
         style: Object.assign(Object.assign({}, divStyle), cssVars),
-        onBlur: () => handleBlur(text),
+        onBlur: () => handleBlur(),
         onFocus: () => handleFocus()
     }, rest, {
         children: [ hasSend && jsx("div", {

package/dist/esm/chunks/{TextField-DWPpevsj.mjs → TextField-RG1AsLTh.mjs}

@@ -10,15 +10,15 @@ import { useTheme } from "../hooks/useTheme.mjs";
 
 import "../theme/colors.mjs";
 
-import "../hooks/useWindow.mjs";
-
 import { s as setStyle } from "./misc-N8KLjOXc.mjs";
 
-import { B as Button } from "./Button-daLv0i7S.mjs";
+import "../hooks/useWindow.mjs";
+
+import { B as Button } from "./Button-Bp51g5jC.mjs";
 
-import { I as Icon } from "./Icon-CUSQtytG.mjs";
+import { I as Icon } from "./Icon-CbwaBi0l.mjs";
 
-import { I as IconButton } from "./IconButton-DG69Vlhj.mjs";
+import { I as IconButton } from "./IconButton-BKZD9jsp.mjs";
 
 import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
 
@@ -54,32 +54,26 @@ const MOTION_CONFIG = {
         duration: .25
     }
 }, TextField = React.memo(props => {
-    const theme = useTheme(), {name: name = "input_name", value: value = "", label: label = "", labelSize: labelSize = "m", textSize: textSize = "m", placeholder: placeholder = "placeholder", focused: focused = !1, onSubmit: onSubmit = () => null, onChange: onChange = () => null, onBlur: onBlur = () => null, onFocus: onFocus = () => null, onKeydown: onKeydown = () => null, onAction: onAction = () => null, onPaste: onPaste = () => null, onClear: onClear = () => null, onValidate: onValidate = () => null, actionButton: actionButton = !1, maxLength: maxLength, size: size = {
+    const theme = useTheme(), {name: name = "input_name", value: value = "", label: label = "", labelSize: labelSize = "m", textSize: textSize = "m", placeholder: placeholder = "placeholder", focused: focused = !1, onSubmit: onSubmit = () => null, onChange: onChange = () => null, onBlur: onBlur = () => null, onFocus: onFocus = () => null, onKeydown: onKeydown = () => null, onAction: onAction = () => null, onPaste: onPaste = () => null, onClear: onClear = () => null, actionButton: actionButton = !1, maxLength: maxLength, size: size = {
         width: "100%",
         height: "auto"
-    }, padding: padding, borderRadius: borderRadius = 8, editable: editable = !0, textAlign: textAlign = "left", isValid: isValid = !0, inline: inline = !1, noShow: noShow = !1, borderType: borderType = "box", validate: validate = !0, borderColorFocused: borderColorFocused = "var(--core-link-primary)", borderColorBlurred: borderColorBlurred = "var(--core-outline-primary)", borderColorError: borderColorError = "var(--feedback-warning)", backgroundColorFocused: backgroundColorFocused = "var(--core-surface-secondary)", backgroundColorBlurred: backgroundColorBlurred = "var(--core-surface-secondary)", textColorFocused: textColorFocused = "var(--core-text-primary)", textColorBlurred: textColorBlurred = "var(--core-text-primary)", textColorError: textColorError = "var(--feedback-warning)", textColorPlaceholder: textColorPlaceholder = "var(--core-text-disabled)", textColorDisabled: textColorDisabled = "var(--core-text-disabled)", labelColor: labelColor = "var(--core-text-primary)", iconLeft: iconLeft = null, clearButton: clearButton = {
+    }, padding: padding, borderRadius: borderRadius = 8, editable: editable = !0, textAlign: textAlign = "left", inline: inline = !1, noShow: noShow = !1, borderType: borderType = "box", error: error = !1, borderColorFocused: borderColorFocused = "var(--core-link-primary)", borderColorBlurred: borderColorBlurred = "var(--core-outline-primary)", borderColorError: borderColorError = "var(--feedback-warning)", backgroundColorFocused: backgroundColorFocused = "var(--core-surface-secondary)", backgroundColorBlurred: backgroundColorBlurred = "var(--core-surface-secondary)", textColorFocused: textColorFocused = "var(--core-text-primary)", textColorBlurred: textColorBlurred = "var(--core-text-primary)", textColorError: textColorError = "var(--feedback-warning)", textColorPlaceholder: textColorPlaceholder = "var(--core-text-disabled)", textColorDisabled: textColorDisabled = "var(--core-text-disabled)", labelColor: labelColor = "var(--core-text-primary)", iconLeft: iconLeft = null, clearButton: clearButton = {
         size: 20
-    }, clearBlurs: clearBlurs = !1, disabled: disabled = !1, inputType: inputType = "text"} = props, divAttributes = __rest(props, [ "name", "value", "label", "labelSize", "textSize", "placeholder", "focused", "onSubmit", "onChange", "onBlur", "onFocus", "onKeydown", "onAction", "onPaste", "onClear", "onValidate", "actionButton", "maxLength", "size", "padding", "borderRadius", "editable", "textAlign", "isValid", "inline", "noShow", "borderType", "validate", "borderColorFocused", "borderColorBlurred", "borderColorError", "backgroundColorFocused", "backgroundColorBlurred", "textColorFocused", "textColorBlurred", "textColorError", "textColorPlaceholder", "textColorDisabled", "labelColor", "iconLeft", "clearButton", "clearBlurs", "disabled", "inputType" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", input = useRef(null), [text, setText] = useState(value), [isFocused, setIsFocused] = useState(focused), [valid, setValid] = useState(isValid), [show, setShow] = useState(!1);
+    }, clearBlurs: clearBlurs = !1, disabled: disabled = !1, inputType: inputType = "text"} = props, divAttributes = __rest(props, [ "name", "value", "label", "labelSize", "textSize", "placeholder", "focused", "onSubmit", "onChange", "onBlur", "onFocus", "onKeydown", "onAction", "onPaste", "onClear", "actionButton", "maxLength", "size", "padding", "borderRadius", "editable", "textAlign", "inline", "noShow", "borderType", "error", "borderColorFocused", "borderColorBlurred", "borderColorError", "backgroundColorFocused", "backgroundColorBlurred", "textColorFocused", "textColorBlurred", "textColorError", "textColorPlaceholder", "textColorDisabled", "labelColor", "iconLeft", "clearButton", "clearBlurs", "disabled", "inputType" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", input = useRef(null), [text, setText] = useState(value), [isFocused, setIsFocused] = useState(focused), [show, setShow] = useState(!1);
     useEffect(() => {
         input.current && (focused ? input.current.focus() : input.current.blur(), setIsFocused(focused));
     }, [ focused ]), useEffect(() => {
         setText(value);
-    }, [ value ]), useEffect(() => {
-        setValid(isValid);
-    }, [ isValid ]);
-    const textIsValid = useCallback(entry => {
-        if (!validate) return;
-        const ok = entry.length > 1 || "" === entry;
-        setValid(ok), valid !== ok && onValidate(ok);
-    }, [ onValidate, valid, validate ]), handleClearTextField = useCallback(() => {
+    }, [ value ]);
+    const handleClearTextField = useCallback(() => {
         var _a;
         disabled || "" === (null === (_a = input.current) || void 0 === _a ? void 0 : _a.value) || ((null == input ? void 0 : input.current) && (clearBlurs || input.current.focus(), 
-        setText(""), textIsValid("")), onChange(""), onClear());
-    }, [ disabled, clearBlurs, onChange, onClear, textIsValid ]), handleValueChange = useCallback(newValue => {
-        disabled || (setText(newValue), onChange(newValue), valid || textIsValid(text));
-    }, [ onChange, textIsValid, text, valid, disabled ]), handleBlur = useCallback(() => {
-        disabled || (textIsValid(text), setIsFocused(!1), onBlur(text));
-    }, [ text, onBlur, textIsValid, disabled ]), handleKeyDown = useCallback(e => {
+        setText("")), onChange(""), onClear());
+    }, [ disabled, clearBlurs, onChange, onClear ]), handleValueChange = useCallback(newValue => {
+        disabled || (setText(newValue), onChange(newValue));
+    }, [ onChange, disabled ]), handleBlur = useCallback(() => {
+        disabled || (setIsFocused(!1), onBlur(text));
+    }, [ text, onBlur, disabled ]), handleKeyDown = useCallback(e => {
         var _a;
         if (!disabled) {
             if ("Enter" === e.key && (handleBlur(), onSubmit(text), null === (_a = input.current) || void 0 === _a || _a.blur()), 
@@ -98,8 +92,8 @@ const MOTION_CONFIG = {
         minHeight: clearButton.size
     } : void 0, [ clearButton ]), setBackgroundColor = useMemo(() => inline ? "unset" : isFocused ? null != backgroundColorFocused ? backgroundColorFocused : "transparent" : null != backgroundColorBlurred ? backgroundColorBlurred : "transparent", [ inline, isFocused, backgroundColorFocused, backgroundColorBlurred ]), setBorderColor = useMemo(() => {
         var _a, _b;
-        return "none" === borderType ? "transparent" : validate && !valid ? null !== (_a = null != borderColorError ? borderColorError : borderColorBlurred) && void 0 !== _a ? _a : "transparent" : isFocused ? null !== (_b = null != borderColorFocused ? borderColorFocused : borderColorBlurred) && void 0 !== _b ? _b : "transparent" : null != borderColorBlurred ? borderColorBlurred : "transparent";
-    }, [ borderType, valid, isFocused, borderColorError, borderColorFocused, borderColorBlurred, validate ]), setBoxShadow = useMemo(() => "none" === borderType ? "unset" : "underline" === borderType ? `0 1px 0 0 ${setBorderColor}` : `0 0 0 1px ${setBorderColor}`, [ borderType, setBorderColor ]), textColor = useMemo(() => validate && !valid ? null != textColorError ? textColorError : "var(--core-text-primary)" : isFocused ? null != textColorFocused ? textColorFocused : "var(--core-text-primary)" : null != textColorBlurred ? textColorBlurred : "var(--core-text-primary)", [ isFocused, valid, textColorError, textColorFocused, textColorBlurred, validate ]), setTextAlign = useMemo(() => null != textAlign ? textAlign : "left", [ textAlign ]), setShowOpacity = useMemo(() => "password" !== inputType ? "0" : isFocused ? "1" : "0.5", [ inputType, isFocused ]), setPaddingRight = useMemo(() => {
+        return "none" === borderType ? "transparent" : error ? null !== (_a = null != borderColorError ? borderColorError : borderColorBlurred) && void 0 !== _a ? _a : "transparent" : isFocused ? null !== (_b = null != borderColorFocused ? borderColorFocused : borderColorBlurred) && void 0 !== _b ? _b : "transparent" : null != borderColorBlurred ? borderColorBlurred : "transparent";
+    }, [ borderType, error, isFocused, borderColorError, borderColorFocused, borderColorBlurred ]), setBoxShadow = useMemo(() => "none" === borderType ? "unset" : "underline" === borderType ? `0 1px 0 0 ${setBorderColor}` : `0 0 0 1px ${setBorderColor}`, [ borderType, setBorderColor ]), textColor = useMemo(() => error ? null != textColorError ? textColorError : "var(--core-text-primary)" : isFocused ? null != textColorFocused ? textColorFocused : "var(--core-text-primary)" : null != textColorBlurred ? textColorBlurred : "var(--core-text-primary)", [ isFocused, error, textColorError, textColorFocused, textColorBlurred ]), setTextAlign = useMemo(() => null != textAlign ? textAlign : "left", [ textAlign ]), setShowOpacity = useMemo(() => "password" !== inputType ? "0" : isFocused ? "1" : "0.5", [ inputType, isFocused ]), setPaddingRight = useMemo(() => {
         const defaultPadding = clearButton ? 8 : 16;
         if (!padding) return defaultPadding;
         if ("string" == typeof padding) {
@@ -204,7 +198,7 @@ const MOTION_CONFIG = {
             }) ]
         }) ]
     }));
-}, (prevProps, nextProps) => prevProps.value === nextProps.value && prevProps.borderType === nextProps.borderType && prevProps.borderRadius === nextProps.borderRadius && prevProps.borderColorFocused === nextProps.borderColorFocused && prevProps.borderColorBlurred === nextProps.borderColorBlurred && prevProps.borderColorError === nextProps.borderColorError && prevProps.backgroundColorFocused === nextProps.backgroundColorFocused && prevProps.backgroundColorBlurred === nextProps.backgroundColorBlurred && prevProps.textColorFocused === nextProps.textColorFocused && prevProps.textColorBlurred === nextProps.textColorBlurred && prevProps.textColorError === nextProps.textColorError && prevProps.textColorPlaceholder === nextProps.textColorPlaceholder && prevProps.textColorDisabled === nextProps.textColorDisabled && prevProps.labelColor === nextProps.labelColor && prevProps.labelSize === nextProps.labelSize && prevProps.focused === nextProps.focused && prevProps.isValid === nextProps.isValid && prevProps.validate === nextProps.validate && prevProps.disabled === nextProps.disabled && prevProps.label === nextProps.label && prevProps.inputType === nextProps.inputType && prevProps.textSize === nextProps.textSize && prevProps.padding === nextProps.padding && prevProps.textAlign === nextProps.textAlign && prevProps.placeholder === nextProps.placeholder);
+}, (prevProps, nextProps) => prevProps.value === nextProps.value && prevProps.borderType === nextProps.borderType && prevProps.borderRadius === nextProps.borderRadius && prevProps.borderColorFocused === nextProps.borderColorFocused && prevProps.borderColorBlurred === nextProps.borderColorBlurred && prevProps.borderColorError === nextProps.borderColorError && prevProps.backgroundColorFocused === nextProps.backgroundColorFocused && prevProps.backgroundColorBlurred === nextProps.backgroundColorBlurred && prevProps.textColorFocused === nextProps.textColorFocused && prevProps.textColorBlurred === nextProps.textColorBlurred && prevProps.textColorError === nextProps.textColorError && prevProps.textColorPlaceholder === nextProps.textColorPlaceholder && prevProps.textColorDisabled === nextProps.textColorDisabled && prevProps.labelColor === nextProps.labelColor && prevProps.labelSize === nextProps.labelSize && prevProps.focused === nextProps.focused && prevProps.error === nextProps.error && prevProps.disabled === nextProps.disabled && prevProps.label === nextProps.label && prevProps.inputType === nextProps.inputType && prevProps.textSize === nextProps.textSize && prevProps.padding === nextProps.padding && prevProps.textAlign === nextProps.textAlign && prevProps.placeholder === nextProps.placeholder);
 
 TextField.displayName = "TextField";
 

package/dist/esm/chunks/{Toast-DPHLwDES.mjs → Toast-BfuKRAns.mjs}

@@ -10,11 +10,11 @@ import { useTheme } from "../hooks/useTheme.mjs";
 
 import "../theme/colors.mjs";
 
-import "../hooks/useWindow.mjs";
-
 import { s as setStyle, f as filterClasses, a as accessibleKeyDown } from "./misc-N8KLjOXc.mjs";
 
-import { I as Icon } from "./Icon-CUSQtytG.mjs";
+import "../hooks/useWindow.mjs";
+
+import { I as Icon } from "./Icon-CbwaBi0l.mjs";
 
 import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
 

package/dist/esm/chunks/{UploadArea-DPiOaNpc.mjs → UploadArea-ByvnUxhr.mjs}

@@ -4,11 +4,11 @@ import React, { useState, useRef, useId, useCallback, useMemo } from "react";
 
 import { s as setStyle, a as accessibleKeyDown } from "./misc-N8KLjOXc.mjs";
 
-import { F as FileList } from "./FileList-5LElsgoE.mjs";
+import { F as FileList } from "./FileList-CyUhkk-m.mjs";
 
-import { I as Icon } from "./Icon-CUSQtytG.mjs";
+import { I as Icon } from "./Icon-CbwaBi0l.mjs";
 
-import { P as ProgressIndicator } from "./ProgressIndicator-D7paCpgY.mjs";
+import { P as ProgressIndicator } from "./ProgressIndicator-Cg7CCrAE.mjs";
 
 import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";