@apple-pie/slice 0.1.7 → 0.1.9

package/dist/cjs/chunks/{Chip-CwMJOnBV.js → Chip-Z8erRdWG.js}

@@ -1,10 +1,6 @@
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_useTheme = require("../hooks/useTheme.js");
-
-require("../theme/colors.js"), require("../hooks/useWindow.js");
-
-var misc = require("./misc-BTF7BCZW.js"), Icon = require("./Icon-N0YJuKQf.js"), sharedTypes = require("./sharedTypes-gCECyn2N.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), css = {
+var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-BTF7BCZW.js"), Icon = require("./Icon-N0YJuKQf.js"), sharedTypes = require("./sharedTypes-gCECyn2N.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), css = {
     chip: "Chip-module_chip__0nys- flexBox-module_row__z24tF",
     icon: "Chip-module_icon__dtR-K flexBox-module_row__z24tF",
     s: "Chip-module_s__2KTXi type-module_body-s-regular__vRHSP",
@@ -12,16 +8,12 @@ var misc = require("./misc-BTF7BCZW.js"), Icon = require("./Icon-N0YJuKQf.js"),
     l: "Chip-module_l__3MqPN type-module_body-l-regular__lOYbg"
 };
 
-styleInject_es.styleInject(".flexBox-module_row__z24tF {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__5FEvi {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__4tcxS {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__rVdVm {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__ezvMq {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__C7P44 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__PKcrG {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__ERfp7 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__lLJuc {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__ZAFft {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__s3KvF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__Lhqqq {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__vRHSP {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__tjdFc {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__Iy-VX {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__LuQBA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__uW1on {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__UBcvQ {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__lOYbg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__BqRC7 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__Fh2dt {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-xl-regular__pF2kC {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-medium__BeyrH {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-bold__Ruknj {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-medium__z8L3G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-bold__0O3g6 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__KXxEB {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__cJeEA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__eRe05 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Xmwtf {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-medium__5q1m3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-bold__k9VFV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.Chip-module_chip__0nys- {\n\tpadding: var(--ui-chip-padding) !important;\n\twidth: min-content;\n\tmin-height: 30px;\n\tgap: var(--ui-chip-gap);\n\tbackground: var(--ui-chip-background);\n\tline-height: 1em;\n\tcolor: var(--ui-chip-color);\n\tborder: var(--ui-chip-border) solid var(--ui-chip-border-color);\n\tborder-radius: var(--ui-chip-border-radius);\n\ttransition: all var(--motion-water-duration) var(--motion-water) 0s;\n\tcursor: pointer;\n\twhite-space: nowrap;\n\tuser-select: none;\n\t-webkit-user-select: none;\n}\n\n.Chip-module_icon__dtR-K {\n\theight: var(--ui-chip-icon-size);\n\tmin-height: var(--ui-chip-icon-size);\n\twidth: var(--ui-chip-icon-size);\n\tmin-width: var(--ui-chip-icon-size);\n}\n\n.Chip-module_s__2KTXi {\n}\n\n.Chip-module_m__l2u3N {\n}\n\n.Chip-module_l__3MqPN {\n}\n");
+styleInject_es.styleInject(".flexBox-module_row__z24tF {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__5FEvi {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__4tcxS {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__rVdVm {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__ezvMq {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__C7P44 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__PKcrG {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__ERfp7 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__lLJuc {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__ZAFft {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__s3KvF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__Lhqqq {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__vRHSP {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__tjdFc {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__Iy-VX {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__LuQBA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__uW1on {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__UBcvQ {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__lOYbg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__BqRC7 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__Fh2dt {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-xl-regular__pF2kC {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-medium__BeyrH {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-bold__Ruknj {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-medium__z8L3G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-bold__0O3g6 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__KXxEB {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__cJeEA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__eRe05 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Xmwtf {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-medium__5q1m3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-bold__k9VFV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.Chip-module_chip__0nys- {\n\tpadding: var(--ui-chip-padding) !important;\n\twidth: min-content;\n\tmin-height: 30px;\n\tgap: var(--ui-chip-gap);\n\tbackground: var(--ui-chip-bg-color);\n\tline-height: 1em;\n\tcolor: var(--ui-chip-label-color);\n\tborder: var(--ui-chip-border-size) solid var(--ui-chip-border-color);\n\tborder-radius: var(--ui-chip-border-radius);\n\ttransition: all var(--motion-water-duration) var(--motion-water) 0s;\n\tcursor: var(--ui-chip-cursor);\n\twhite-space: nowrap;\n\tuser-select: none;\n\t-webkit-user-select: none;\n\t&:hover {\n\t\tborder-color: var(--ui-chip-border-color-hover);\n\t\tbackground: var(--ui-chip-bg-color-hover);\n\t\tcolor: var(--ui-chip-label-color-hover);\n\t}\n}\n\n.Chip-module_icon__dtR-K {\n\theight: var(--ui-chip-icon-size);\n\tmin-height: var(--ui-chip-icon-size);\n\twidth: var(--ui-chip-icon-size);\n\tmin-width: var(--ui-chip-icon-size);\n}\n\n.Chip-module_s__2KTXi {\n}\n\n.Chip-module_m__l2u3N {\n}\n\n.Chip-module_l__3MqPN {\n}\n");
 
 const Chip = React.memo(props => {
-    const theme = hooks_useTheme.useTheme(), {label: label, icon: icon, background: background, disabled: disabled = !1, focused: focused = !1, variant: variant = "regular", unframed: unframed = !1, iconRight: iconRight = !1, labelSize: labelSize = "m", tooltip: tooltip, iconColor: iconColor, onToolTip: onToolTip = () => null, onClick: onClick = () => null, onMouseDown: onMouseDown = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "label", "icon", "background", "disabled", "focused", "variant", "unframed", "iconRight", "labelSize", "tooltip", "iconColor", "onToolTip", "onClick", "onMouseDown" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", [isFocused, setIsFocused] = React.useState(focused), [isHovered, setIsHovered] = React.useState(!1);
-    React.useEffect(() => setIsFocused(focused), [ focused ]);
-    const handleClick = React.useCallback(e => {
+    const {children: children, label: label, icon: icon, tooltip: tooltip, iconSize: iconSize = 20, disabled: disabled = !1, focused: focused = !1, iconPosition: iconPosition = "left", labelSize: labelSize = "m", labelColor: labelColor = "var(--core-text-primary)", labelColorHover: labelColorHover = "var(--core-text-special)", iconColor: iconColor = "var(--core-text-primary)", iconColorHover: iconColorHover = "var(--core-text-special)", borderSize: borderSize = 1, borderColor: borderColor = "var(--core-text-primary)", borderColorHover: borderColorHover = "var(--core-text-special)", borderColorDisabled: borderColorDisabled = "var(--core-text-disabled)", bgColor: bgColor = "transparent", bgColorHover: bgColorHover = "var(--core-surface-secondary)", borderRadius: borderRadius = 8, paddingTops: paddingTops = 8, paddingSides: paddingSides = 16, gap: gap = 4, onToolTip: onToolTip = () => null, onClick: onClick = () => null} = props, divAttributes = tslib_es6.__rest(props, [ "children", "label", "icon", "tooltip", "iconSize", "disabled", "focused", "iconPosition", "labelSize", "labelColor", "labelColorHover", "iconColor", "iconColorHover", "borderSize", "borderColor", "borderColorHover", "borderColorDisabled", "bgColor", "bgColorHover", "borderRadius", "paddingTops", "paddingSides", "gap", "onToolTip", "onClick" ]), {id: divId, className: className, style: style} = divAttributes, rest = tslib_es6.__rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", [isHovered, setIsHovered] = React.useState(!1), handleClick = React.useCallback(e => {
         disabled || onClick(e);
-    }, [ disabled, onClick ]), handleMouseDown = React.useCallback(e => {
-        disabled || onMouseDown(e);
-    }, [ disabled, onMouseDown ]), handleMouseEnter = React.useCallback((enter, event) => {
+    }, [ disabled, onClick ]), handleMouseEnter = React.useCallback((enter, event) => {
         if (enter) {
             if (tooltip) {
                 const tip = {
@@ -37,44 +29,45 @@ const Chip = React.memo(props => {
             setIsHovered(!0);
         } else onToolTip(null), setIsHovered(!1);
     }, [ tooltip, onToolTip ]), padding = React.useMemo(() => {
-        const isSmall = "small" === variant;
-        return icon ? icon && iconRight ? isSmall ? "6px 6px 6px 10px" : "9px 12px 9px 16px" : isSmall ? "6px 10px 6px 6px" : "9px 16px 9px 12px" : isSmall ? "6px" : "9px 16px 9px 16px";
-    }, [ variant, icon, iconRight ]), computedIconColor = React.useMemo(() => iconColor || (disabled ? theme.current.colors["core-icon-disabled"] : isHovered || isFocused ? theme.current.colors["core-link-primary"] : theme.current.colors["core-text-primary"]), [ iconColor, disabled, isFocused, isHovered, theme ]), cssVars = React.useMemo(() => ({
+        if (!icon) return `${paddingTops}px ${paddingSides}px`;
+        return `${paddingTops}px ${"right" === iconPosition ? paddingSides - 4 : paddingSides}px ${paddingTops}px ${"right" === iconPosition ? paddingSides : paddingSides - 4}px`;
+    }, [ icon, iconPosition, paddingTops, paddingSides ]), computedIconColor = React.useMemo(() => disabled ? "var(--core-text-disabled)" : isHovered ? null != iconColorHover ? iconColorHover : "var(--core-text-special)" : null != iconColor ? iconColor : "var(--core-text-primary)", [ iconColor, disabled, isHovered, iconColorHover ]), cssVars = React.useMemo(() => ({
         "--ui-chip-padding": padding,
-        "--ui-chip-background": background || "transparent",
-        "--ui-chip-gap": "small" === variant ? "4px" : "8px",
-        "--ui-chip-color": computedIconColor,
-        "--ui-chip-border-radius": "small" === variant ? "4px" : "8px",
-        "--ui-chip-border": unframed ? "0" : "1px",
-        "--ui-chip-border-color": unframed ? "transparent" : computedIconColor
-    }), [ padding, background, variant, unframed, computedIconColor ]);
+        "--ui-chip-gap": misc.setStyle(gap),
+        "--ui-chip-border-radius": misc.setStyle(borderRadius),
+        "--ui-chip-border-size": misc.setStyle(borderSize),
+        "--ui-chip-border-color": disabled ? borderColorDisabled : borderColor,
+        "--ui-chip-border-color-hover": disabled ? borderColorDisabled : borderColorHover,
+        "--ui-chip-bg-color": bgColor,
+        "--ui-chip-bg-color-hover": disabled ? bgColor : bgColorHover,
+        "--ui-chip-label-color": disabled ? "var(--core-text-disabled)" : labelColor,
+        "--ui-chip-label-color-hover": disabled ? "var(--core-text-disabled)" : labelColorHover,
+        "--ui-chip-cursor": disabled ? "default" : "pointer"
+    }), [ padding, bgColor, borderColor, borderColorDisabled, borderColorHover, borderSize, bgColorHover, labelColorHover, labelColor, gap, borderRadius, disabled ]);
     return jsxRuntime.jsxs("div", Object.assign({
         id: divId,
         className: `${css.chip}${divClass}`,
         style: Object.assign(Object.assign({}, divStyle), cssVars),
-        onMouseDown: handleMouseDown,
         onKeyDown: e => misc.accessibleKeyDown(e, () => handleClick(e)),
         onClick: handleClick,
         onMouseEnter: e => handleMouseEnter(!0, e),
-        onMouseLeave: e => handleMouseEnter(!1, e),
-        onFocus: () => setIsFocused(!0),
-        onBlur: () => setIsFocused(!1)
+        onMouseLeave: e => handleMouseEnter(!1, e)
     }, rest, {
-        children: [ icon && !iconRight && jsxRuntime.jsx("div", {
+        children: [ icon && "right" !== iconPosition && jsxRuntime.jsx("div", {
             className: css.icon,
             children: jsxRuntime.jsx(Icon.Icon, {
                 name: icon,
-                size: "regular" === variant ? 20 : 16,
+                size: iconSize,
                 strokeColor: computedIconColor
             })
         }), jsxRuntime.jsx("div", {
             className: css[labelSize],
-            children: label
-        }), icon && iconRight && jsxRuntime.jsx("div", {
+            children: null != children ? children : label
+        }), icon && "right" === iconPosition && jsxRuntime.jsx("div", {
             className: css.icon,
             children: jsxRuntime.jsx(Icon.Icon, {
                 name: icon,
-                size: "regular" === variant ? 20 : 16,
+                size: iconSize,
                 strokeColor: computedIconColor
             })
         }) ]

package/dist/cjs/chunks/{FileList-tivoUJSP.js → FileList-CCAtVNDo.js}

@@ -1,6 +1,6 @@
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-BTF7BCZW.js"), FileIcon = require("./FileIcon-CZLe2S2l.js"), Icon = require("./Icon-N0YJuKQf.js"), ProgressIndicator = require("./ProgressIndicator-opbbADog.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js");
+var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-BTF7BCZW.js"), FileIcon = require("./FileIcon-CZLe2S2l.js"), Icon = require("./Icon-N0YJuKQf.js"), ProgressIndicator = require("./ProgressIndicator-CyFcr6Dk.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js");
 
 var css = {
     wrapper: "FileList-module_wrapper__9-rrl flexBox-module_rowStart__4tcxS",

package/dist/cjs/chunks/IndexedDB-BxQn7aHU.js

@@ -0,0 +1,146 @@
+"use strict";
+
+var tslib_es6 = require("./tslib.es6-C8dZW5nY.js");
+
+exports.IndexedDB = class {
+    constructor(storeName, options = {}) {
+        var _a, _b, _c;
+        this.db = null, this.storeName = storeName, this.databaseName = null !== (_a = options.databaseName) && void 0 !== _a ? _a : storeName, 
+        this.version = null !== (_b = options.version) && void 0 !== _b ? _b : 1, this.key = options.key, 
+        this.autoIncrement = null !== (_c = options.autoIncrement) && void 0 !== _c && _c;
+    }
+    /**
+     * Initialize the IndexedDB connection.
+     */    initialize() {
+        return tslib_es6.__awaiter(this, arguments, void 0, function*(create = !0) {
+            if (!this.db) {
+                if ("undefined" == typeof indexedDB) throw new TypeError("IndexedDB is not supported in this environment.");
+                this.db = yield new Promise((resolve, reject) => {
+                    const request = indexedDB.open(this.databaseName, this.version);
+                    let settled = !1;
+                    const rejectOnce = error => {
+                        settled || (settled = !0, reject(error));
+                    };
+                    request.onerror = () => {
+                        var _a;
+                        rejectOnce(null !== (_a = request.error) && void 0 !== _a ? _a : new Error("Failed to open IndexedDB."));
+                    }, request.onupgradeneeded = () => {
+                        var _a;
+                        const database = request.result;
+                        database.objectStoreNames.contains(this.storeName) || (create ? database.createObjectStore(this.storeName, {
+                            keyPath: this.key,
+                            autoIncrement: this.autoIncrement
+                        }) : (null === (_a = request.transaction) || void 0 === _a || _a.abort(), rejectOnce(new Error("IndexedDB does not exist."))));
+                    }, request.onsuccess = () => {
+                        var database;
+                        database = request.result, settled ? database.close() : (settled = !0, resolve(database));
+                    };
+                });
+            }
+        });
+    }
+    /**
+     * Get a single DB value by key.
+     */    get(key) {
+        return tslib_es6.__awaiter(this, void 0, void 0, function*() {
+            return this.runRequest("readonly", store => store.get(key));
+        });
+    }
+    /**
+     * Get all the values in the store.
+     */    getAll() {
+        return tslib_es6.__awaiter(this, void 0, void 0, function*() {
+            return this.runRequest("readonly", store => store.getAll());
+        });
+    }
+    /**
+     * Get all keys in the store.
+     */    getAllKeys() {
+        return tslib_es6.__awaiter(this, void 0, void 0, function*() {
+            return this.runRequest("readonly", store => store.getAllKeys());
+        });
+    }
+    set(key, value) {
+        return tslib_es6.__awaiter(this, void 0, void 0, function*() {
+            return this.runRequest("readwrite", store => store.put(value, key));
+        });
+    }
+    /**
+     * Adds a new value to the store with or without a key.
+     * If a key already exists it will error.
+     */    add(value, key) {
+        return tslib_es6.__awaiter(this, void 0, void 0, function*() {
+            return this.runRequest("readwrite", store => void 0 === key ? store.add(value) : store.add(value, key));
+        });
+    }
+    /**
+     * Updates a value by key. This uses IndexedDB put semantics.
+     */    update(key, value) {
+        return tslib_es6.__awaiter(this, void 0, void 0, function*() {
+            return this.set(key, value);
+        });
+    }
+    /**
+     * Removes a value from the store by key.
+     */    remove(key) {
+        return tslib_es6.__awaiter(this, void 0, void 0, function*() {
+            yield this.runRequest("readwrite", store => store.delete(key));
+        });
+    }
+    /**
+     * Clear all the store values
+     */    clear() {
+        return tslib_es6.__awaiter(this, void 0, void 0, function*() {
+            yield this.runRequest("readwrite", store => store.clear());
+        });
+    }
+    /**
+     * Cleanly close the IndexedDB connection.
+     */    close() {
+        return tslib_es6.__awaiter(this, void 0, void 0, function*() {
+            var _a;
+            null === (_a = this.db) || void 0 === _a || _a.close(), this.db = null;
+        });
+    }
+    /**
+     * Deletes an indexedDB database.
+     */    destroy() {
+        return tslib_es6.__awaiter(this, void 0, void 0, function*() {
+            if (yield this.close(), "undefined" == typeof indexedDB) throw new TypeError("IndexedDB is not supported in this environment.");
+            yield new Promise((resolve, reject) => {
+                const request = indexedDB.deleteDatabase(this.databaseName);
+                request.onerror = () => {
+                    var _a;
+                    reject(null !== (_a = request.error) && void 0 !== _a ? _a : new Error("Failed to delete IndexedDB."));
+                }, request.onsuccess = () => resolve(), request.onblocked = () => {
+                    reject(new Error("Failed to delete IndexedDB because it is blocked."));
+                };
+            });
+        });
+    }
+    /**
+     * Helper method that returns the IDBObjectStore for the specified store name.
+     */    getStore(mode) {
+        return tslib_es6.__awaiter(this, void 0, void 0, function*() {
+            if (yield this.initialize(), !this.db) throw new Error("IndexedDB connection is not initialized.");
+            return this.db.transaction(this.storeName, mode).objectStore(this.storeName);
+        });
+    }
+    /**
+     * Private executor of request of the indexedDB
+     * Returns the result of the indexedDB request including the error if there is one
+     */    runRequest(mode, callback) {
+        return tslib_es6.__awaiter(this, void 0, void 0, function*() {
+            const store = yield this.getStore(mode);
+            return yield new Promise((resolve, reject) => {
+                const request = callback(store);
+                request.onerror = () => {
+                    var _a;
+                    reject(null !== (_a = request.error) && void 0 !== _a ? _a : new Error("IndexedDB request failed."));
+                }, request.onsuccess = () => {
+                    resolve(request.result);
+                };
+            });
+        });
+    }
+};

package/dist/cjs/chunks/{ProgressIndicator-opbbADog.js → ProgressIndicator-CyFcr6Dk.js}

@@ -9,13 +9,22 @@ var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), Icon = require("./Icon-N0YJu
 styleInject_es.styleInject(".flexBox-module_row__z24tF {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__5FEvi {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__4tcxS {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__rVdVm {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__ezvMq {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__C7P44 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__PKcrG {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__ERfp7 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__lLJuc {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}\n\n.DoneCheck-module_wrapper__AlISD {\n\theight: var(--icon-height);\n\tmax-height: var(--icon-height);\n\twidth: var(--icon-width);\n\tmax-width: var(--icon-width);\n\toverflow: visible;\n}\n\n.DoneCheck-module_icon__bKaFp {\n\theight: var(--icon-height);\n\tmax-height: var(--icon-height);\n\twidth: var(--icon-width);\n\tmax-width: var(--icon-width);\n\tscale: var(--icon-scale);\n\ttransition: var(--icon-transition);\n}\n");
 
 const DoneCheck = React.memo(props => {
-    const theme = hooks_useTheme.useTheme(), {size: size = 88, stroke: stroke = 1.5, color: color = theme.current.colors["feedback-positive"], play: play = !0, delay: delay = 0, duration: duration = 1, didStart: didStart, didEnd: didEnd} = props, [playing, setPlaying] = React.useState(!1);
-    React.useEffect(() => setPlaying(play), [ play ]);
+    const theme = hooks_useTheme.useTheme(), {size: size = 88, stroke: stroke = 1.5, color: color = theme.current.colors["feedback-positive"], play: play = !0, delay: delay = 5, duration: duration = 1, didStart: didStart, didEnd: didEnd} = props, [playing, setPlaying] = React.useState(!play);
+    React.useEffect(() => {
+        let frameOne = 0, frameTwo = 0;
+        return play ? (setPlaying(!1), frameOne = requestAnimationFrame(() => {
+            frameTwo = requestAnimationFrame(() => {
+                setPlaying(!0);
+            });
+        })) : setPlaying(!0), () => {
+            frameOne && cancelAnimationFrame(frameOne), frameTwo && cancelAnimationFrame(frameTwo);
+        };
+    }, [ play ]);
     const transition = React.useMemo(() => `scale ${duration}s var(--motion-spring) ${delay}s`, [ delay, duration ]), cssVars = React.useMemo(() => ({
         "--icon-size": `${size}px`,
         "--icon-scale": playing ? 1 : 0,
-        "--icon-transition": playing ? transition : "unset"
-    }), [ size, playing, transition ]);
+        "--icon-transition": play ? transition : "unset"
+    }), [ size, playing, play, transition ]);
     return jsxRuntime.jsx("div", {
         className: css$1_wrapper,
         role: "status",

package/dist/cjs/chunks/{PromptInput-tA4fpOTk.js → PromptInput-B-Wlfnhx.js}

@@ -4,7 +4,7 @@ var jsxRuntime = require("react/jsx-runtime"), React = require("react"), hooks_u
 
 require("../theme/colors.js"), require("../hooks/useWindow.js");
 
-var Button = require("./Button-D8_eyuOA.js"), FileList = require("./FileList-tivoUJSP.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), css = {
+var Button = require("./Button-mVVfNCqC.js"), FileList = require("./FileList-CCAtVNDo.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), css = {
     wrapperBg: "PromptInput-module_wrapperBg__zabZq flexBox-module_columnStart__C7P44",
     bgRotate: "PromptInput-module_bgRotate__Um720",
     textareaWrapper: "PromptInput-module_textareaWrapper__KusiV flexBox-module_columnStart__C7P44",

package/dist/cjs/chunks/{TextArea-DXcMRUfI.js → TextArea-D7E8loob.js}

@@ -1,6 +1,6 @@
 "use strict";
 
-var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), Button = require("./Button-D8_eyuOA.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), css_wrapper = "TextArea-module_wrapper__O0sWP flexBox-module_columnStart__C7P44", css_textarea = "TextArea-module_textarea__-R2n0", css_send = "TextArea-module_send__Cub13", css_s = "TextArea-module_s__Ac-fq type-module_body-s-regular__vRHSP", css_m = "TextArea-module_m__dod4R type-module_body-m-regular__LuQBA", css_l = "TextArea-module_l__-uLCG type-module_body-l-regular__lOYbg";
+var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/jsx-runtime"), React = require("react"), Button = require("./Button-mVVfNCqC.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), css_wrapper = "TextArea-module_wrapper__O0sWP flexBox-module_columnStart__C7P44", css_textarea = "TextArea-module_textarea__-R2n0", css_send = "TextArea-module_send__Cub13", css_s = "TextArea-module_s__Ac-fq type-module_body-s-regular__vRHSP", css_m = "TextArea-module_m__dod4R type-module_body-m-regular__LuQBA", css_l = "TextArea-module_l__-uLCG type-module_body-l-regular__lOYbg";
 
 styleInject_es.styleInject(".flexBox-module_row__z24tF {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__5FEvi {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__4tcxS {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__rVdVm {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__ezvMq {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__C7P44 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__PKcrG {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__ERfp7 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__lLJuc {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__ZAFft {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__s3KvF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__Lhqqq {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__vRHSP {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__tjdFc {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__Iy-VX {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__LuQBA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__uW1on {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__UBcvQ {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__lOYbg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__BqRC7 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__Fh2dt {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-xl-regular__pF2kC {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-medium__BeyrH {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-bold__Ruknj {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-medium__z8L3G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-bold__0O3g6 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__KXxEB {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__cJeEA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__eRe05 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Xmwtf {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-medium__5q1m3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-bold__k9VFV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.TextArea-module_wrapper__O0sWP {\n\tposition: relative;\n\tpadding: var(--ta-padding) !important;\n\twidth: var(--ta-width);\n\theight: auto;\n\tborder-radius: var(--ta-border-radius);\n\tbackground-color: var(--ta-bg-color);\n\tbox-shadow: 0 0 0 1px var(--ta-border-color);\n\ttransition: all var(--motion-water-duration) var(--motion-water) 0s;\n}\n\n.TextArea-module_textarea__-R2n0 {\n\tborder: 0;\n\toutline: 0;\n\tpadding: 0 16px 0 0;\n\twidth: 100%;\n\theight: 100%;\n\tcolor: var(--core-text-primary);\n\tbackground-color: transparent;\n\tbox-sizing: border-box;\n\tresize: var(--ta-resize);\n\n\t&:disabled {\n\t\tcolor: var(--core-text-disabled);\n\t}\n\n\t&::placeholder {\n\t\tcolor: var(--core-text-disabled);\n\t}\n\n\toverflow-y: auto;\n\n\t&::-webkit-scrollbar {\n\t\tbackground-color: transparent;\n\t\twidth: 14px;\n\t}\n\n\t&::-webkit-scrollbar-track {\n\t\tbackground-color: transparent;\n\t}\n\n\t&::-webkit-scrollbar-thumb {\n\t\tbackground-color: var(--scroll-bar);\n\t\tborder-radius: 20px;\n\t\tborder: 4px solid var(--core-surface-primary);\n\t}\n\n\t&::-webkit-scrollbar-thumb:hover {\n\t\tbackground-color: var(--scroll-bar);\n\t\tborder-radius: 20px;\n\t\tborder: 4px solid var(--core-surface-primary);\n\t\tcursor: default;\n\t}\n}\n\n.TextArea-module_actions__yunQx {\n\twidth: 100%;\n\tmin-height: 30px;\n\tcolor: var(--core-text-disabled);\n\tgap: 16px;\n}\n\n.TextArea-module_option__2SFx5 {\n\tgap: 4px;\n\twhite-space: nowrap;\n\tuser-select: none;\n\t-webkit-user-select: none;\n\tcursor: default;\n}\n\n.TextArea-module_send__Cub13 {\n\tposition: absolute;\n\tbottom: var(--ta-send-icon-offset-bottom);\n\tright: var(--ta-send-icon-offset-right);\n}\n\n.TextArea-module_s__Ac-fq {\n}\n\n.TextArea-module_m__dod4R {\n}\n\n.TextArea-module_l__-uLCG {\n}\n");
 

package/dist/cjs/chunks/{TextField-CkfTNM6_.js → TextField-BAcYBHb1.js}

@@ -4,7 +4,7 @@ var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), jsxRuntime = require("react/
 
 require("../theme/colors.js"), require("../hooks/useWindow.js");
 
-var Button = require("./Button-D8_eyuOA.js"), Icon = require("./Icon-N0YJuKQf.js"), IconButton = require("./IconButton-BXotgG2u.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), css = {
+var Button = require("./Button-mVVfNCqC.js"), Icon = require("./Icon-N0YJuKQf.js"), IconButton = require("./IconButton-BXotgG2u.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), css = {
     wrapper: "TextField-module_wrapper__qZ-p- flexBox-module_rowStart__4tcxS",
     container: "TextField-module_container__5U9yK flexBox-module_rowStart__4tcxS",
     label: "TextField-module_label__jD8MR flexBox-module_rowStart__4tcxS",
@@ -184,7 +184,7 @@ const MOTION_CONFIG = {
                     children: jsxRuntime.jsx(Button.Button, {
                         label: "Translate",
                         variant: "text",
-                        size: "text",
+                        size: "small",
                         state: "" === text ? "disabled" : "normal",
                         labelColor: theme.current.colors["core-button-primary"],
                         onClick: onAction

package/dist/cjs/chunks/{UploadArea-B8mJRc0a.js → UploadArea-Bfrwzo4O.js}

@@ -1,6 +1,6 @@
 "use strict";
 
-var jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-BTF7BCZW.js"), FileList = require("./FileList-tivoUJSP.js"), Icon = require("./Icon-N0YJuKQf.js"), ProgressIndicator = require("./ProgressIndicator-opbbADog.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), css = {
+var jsxRuntime = require("react/jsx-runtime"), React = require("react"), misc = require("./misc-BTF7BCZW.js"), FileList = require("./FileList-CCAtVNDo.js"), Icon = require("./Icon-N0YJuKQf.js"), ProgressIndicator = require("./ProgressIndicator-CyFcr6Dk.js"), styleInject_es = require("./style-inject.es-CMuL-BfJ.js"), css = {
     wrapper: "UploadArea-module_wrapper__aircC flexBox-module_column__ezvMq",
     icon: "UploadArea-module_icon__M7n-m flexBox-module_row__z24tF",
     title: "UploadArea-module_title__VbNGq type-module_body-l-bold__Fh2dt",

package/dist/cjs/chunks/localDBStore-Cl1YFPIe.js

@@ -0,0 +1,182 @@
+"use strict";
+
+var tslib_es6 = require("./tslib.es6-C8dZW5nY.js"), zustand = require("zustand"), IndexedDB = require("./IndexedDB-BxQn7aHU.js");
+
+function isValidIDBKey(key) {
+    return "string" == typeof key || "number" == typeof key || key instanceof Date || key instanceof ArrayBuffer || (Array.isArray(key) ? key.every(entry => isValidIDBKey(entry)) : ArrayBuffer.isView(key));
+}
+
+function areKeysEqual(left, right) {
+    return left instanceof Date && right instanceof Date ? left.getTime() === right.getTime() : Array.isArray(left) && Array.isArray(right) ? left.length === right.length && left.every((value, index) => areKeysEqual(value, right[index])) : left === right;
+}
+
+function normalizeValues(value) {
+    return Array.isArray(value) ? value : [ value ];
+}
+
+function readStoreRecords(connection) {
+    return tslib_es6.__awaiter(this, void 0, void 0, function*() {
+        const [keys, values] = yield Promise.all([ connection.getAllKeys(), connection.getAll() ]);
+        return keys.map((key, index) => {
+            var _a;
+            return {
+                key: key,
+                value: null !== (_a = values[index]) && void 0 !== _a ? _a : null
+            };
+        });
+    });
+}
+
+function getConnection(stores, name) {
+    const connection = stores.find(entry => entry.name === name);
+    if (!connection) throw new Error(`IndexedDB store "${name}" is not registered.`);
+    return connection;
+}
+
+function applyConnectionState(name, patch) {
+    useLocalDBStore.setState(state => ({
+        stores: state.stores.map(entry => entry.name === name ? Object.assign(Object.assign({}, entry), patch) : entry)
+    }));
+}
+
+function applyStoreError(name, error) {
+    applyConnectionState(name, {
+        error: error instanceof Error ? error.message : String(error)
+    });
+}
+
+function deriveRecordKey(store, value) {
+    const keyField = function(store) {
+        if (!store.key) throw new Error(`IndexedDB store "${store.name}" requires a configured key field for value-driven actions.`);
+        return store.key;
+    }(store);
+    if (!value || "object" != typeof value) throw new Error(`IndexedDB store "${store.name}" expects object values for value-driven actions.`);
+    const candidate = value[keyField];
+    if (void 0 === candidate) throw new Error(`IndexedDB store "${store.name}" expected field "${keyField}" on the provided value.`);
+    if (!isValidIDBKey(candidate)) throw new Error(`IndexedDB store "${store.name}" field "${keyField}" does not contain a valid IndexedDB key.`);
+    return candidate;
+}
+
+const useLocalDBStore = zustand.create((set, get) => ({
+    stores: [],
+    actions: {
+        addStore: (name_1, ...args_1) => tslib_es6.__awaiter(void 0, [ name_1, ...args_1 ], void 0, function*(name, options = {}) {
+            var _a;
+            const existing = get().stores.find(entry => entry.name === name);
+            yield null == existing ? void 0 : existing.connection.close();
+            const {create: create = !0} = options, connectionOptions = tslib_es6.__rest(options, [ "create" ]), connection = new IndexedDB.IndexedDB(name, connectionOptions);
+            yield connection.initialize(create);
+            const records = yield readStoreRecords(connection);
+            !function(connection) {
+                useLocalDBStore.setState(state => ({
+                    stores: [ ...state.stores.filter(entry => entry.name !== connection.name), connection ]
+                }));
+            }({
+                name: name,
+                connection: connection,
+                key: null !== (_a = options.key) && void 0 !== _a ? _a : null,
+                records: records,
+                initialized: !0,
+                error: null
+            });
+        }),
+        removeStore: name => tslib_es6.__awaiter(void 0, void 0, void 0, function*() {
+            const existing = get().stores.find(entry => entry.name === name);
+            existing && (yield existing.connection.close(), set(state => ({
+                stores: state.stores.filter(entry => entry.name !== name)
+            })));
+        }),
+        refreshStore: name => tslib_es6.__awaiter(void 0, void 0, void 0, function*() {
+            const existing = getConnection(get().stores, name), records = yield readStoreRecords(existing.connection);
+            applyConnectionState(name, {
+                records: records,
+                initialized: !0,
+                error: null
+            });
+        }),
+        setValue: (name, value) => tslib_es6.__awaiter(void 0, void 0, void 0, function*() {
+            const existing = getConnection(get().stores, name);
+            try {
+                const values = normalizeValues(value), resolvedKeys = [];
+                for (const item of values) {
+                    const key = deriveRecordKey(existing, item), resolvedKey = yield existing.connection.set(key, item);
+                    resolvedKeys.push(resolvedKey);
+                }
+                const records = yield readStoreRecords(existing.connection);
+                return applyConnectionState(name, {
+                    records: records,
+                    error: null
+                }), Array.isArray(value) ? resolvedKeys : resolvedKeys[0];
+            } catch (error) {
+                throw applyStoreError(name, error), error;
+            }
+        }),
+        addValue: (name, value) => tslib_es6.__awaiter(void 0, void 0, void 0, function*() {
+            const existing = getConnection(get().stores, name);
+            try {
+                const values = normalizeValues(value), resolvedKeys = [];
+                for (const item of values) {
+                    const resolvedKey = yield existing.connection.add(item);
+                    resolvedKeys.push(resolvedKey);
+                }
+                const records = yield readStoreRecords(existing.connection);
+                return applyConnectionState(name, {
+                    records: records,
+                    error: null
+                }), Array.isArray(value) ? resolvedKeys : resolvedKeys[0];
+            } catch (error) {
+                throw applyStoreError(name, error), error;
+            }
+        }),
+        removeValue: (name, value) => tslib_es6.__awaiter(void 0, void 0, void 0, function*() {
+            const existing = getConnection(get().stores, name);
+            try {
+                const values = normalizeValues(value);
+                for (const item of values) {
+                    const key = deriveRecordKey(existing, item);
+                    yield existing.connection.remove(key);
+                }
+                const records = yield readStoreRecords(existing.connection);
+                applyConnectionState(name, {
+                    records: records,
+                    error: null
+                });
+            } catch (error) {
+                throw applyStoreError(name, error), error;
+            }
+        }),
+        clearStore: name => tslib_es6.__awaiter(void 0, void 0, void 0, function*() {
+            const existing = getConnection(get().stores, name);
+            yield existing.connection.clear(), applyConnectionState(name, {
+                records: [],
+                error: null
+            });
+        }),
+        destroyStore: name => tslib_es6.__awaiter(void 0, void 0, void 0, function*() {
+            const existing = get().stores.find(entry => entry.name === name);
+            existing && (yield existing.connection.destroy(), set(state => ({
+                stores: state.stores.filter(entry => entry.name !== name)
+            })));
+        })
+    }
+}));
+
+const localDBActions = useLocalDBStore.getState().actions;
+
+exports.localDBActions = localDBActions, exports.useLocalDB = name => useLocalDBStore(state => ({
+    refresh: () => state.actions.refreshStore(name),
+    set: value => state.actions.setValue(name, value),
+    add: value => state.actions.addValue(name, value),
+    remove: value => state.actions.removeValue(name, value),
+    clear: () => state.actions.clearStore(name),
+    destroy: () => state.actions.destroyStore(name)
+})), exports.useLocalDBError = name => useLocalDBStore(state => {
+    var _a, _b;
+    return null !== (_b = null === (_a = state.stores.find(entry => entry.name === name)) || void 0 === _a ? void 0 : _a.error) && void 0 !== _b ? _b : null;
+}), exports.useLocalDBStore = useLocalDBStore, exports.useLocalDBValues = function(name, fieldOrKey, value) {
+    return useLocalDBStore(state => {
+        var _a, _b, _c, _d;
+        const records = null !== (_b = null === (_a = state.stores.find(entry => entry.name === name)) || void 0 === _a ? void 0 : _a.records) && void 0 !== _b ? _b : [], values = records.map(record => record.value);
+        return void 0 === fieldOrKey ? values : void 0 === value ? null !== (_d = null === (_c = records.find(record => areKeysEqual(record.key, fieldOrKey))) || void 0 === _c ? void 0 : _c.value) && void 0 !== _d ? _d : null : values.filter(entry => (null == entry ? void 0 : entry[fieldOrKey]) === value);
+    });
+};

package/dist/cjs/components/Avatar/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var Avatar = require("../../chunks/Avatar-8XLnVICd.js");
+var Avatar = require("../../chunks/Avatar-Czt-12Ih.js");
 
 require("../../chunks/tslib.es6-C8dZW5nY.js"), require("react/jsx-runtime"), require("react"), 
 require("../../chunks/misc-BTF7BCZW.js"), require("../../chunks/style-inject.es-CMuL-BfJ.js"), 

package/dist/cjs/components/AvatarGroup/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
-var AvatarGroup = require("../../chunks/AvatarGroup-BhKZvX8M.js");
+var AvatarGroup = require("../../chunks/AvatarGroup-CGH2zY7a.js");
 
 require("../../chunks/tslib.es6-C8dZW5nY.js"), require("react/jsx-runtime"), require("react"), 
-require("../../chunks/Avatar-8XLnVICd.js"), require("../../chunks/misc-BTF7BCZW.js"), 
+require("../../chunks/Avatar-Czt-12Ih.js"), require("../../chunks/misc-BTF7BCZW.js"), 
 require("../../chunks/style-inject.es-CMuL-BfJ.js"), exports.AvatarGroup = AvatarGroup.AvatarGroup;

package/dist/cjs/components/Button/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var Button = require("../../chunks/Button-D8_eyuOA.js");
+var Button = require("../../chunks/Button-mVVfNCqC.js");
 
 require("../../chunks/tslib.es6-C8dZW5nY.js"), require("react/jsx-runtime"), require("motion/react"), 
 require("react"), require("../../chunks/Badge-CY_DG6cD.js"), require("../../chunks/style-inject.es-CMuL-BfJ.js"), 
@@ -8,5 +8,5 @@ require("../../chunks/Dot-_HCJ3qxd.js"), require("../../chunks/Icon-N0YJuKQf.js"
 require("../../hooks/useTheme.js"), require("../../theme/themes.js"), require("../../theme/colors.js"), 
 require("../../theme/corners.js"), require("../../theme/elevations.js"), require("../../theme/motion.js"), 
 require("../../theme/type.js"), require("../../hooks/useObserveTheme.js"), require("../../hooks/useWindow.js"), 
-require("../../chunks/misc-BTF7BCZW.js"), require("../../chunks/ProgressIndicator-opbbADog.js"), 
+require("../../chunks/misc-BTF7BCZW.js"), require("../../chunks/ProgressIndicator-CyFcr6Dk.js"), 
 require("../../chunks/sharedTypes-gCECyn2N.js"), exports.Button = Button.Button;