@apple-pie/slice 0.0.6 → 0.0.7

package/dist/esm/chunks/Chip-o-YG_HAf.js

@@ -1,91 +0,0 @@
-import { _ as __rest } from './tslib.es6-0pkUdtrF.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import React, { useState, useEffect, useCallback, useMemo } from 'react';
-import { useTheme } from '../hooks/useTheme.js';
-import '../theme/colors.js';
-import '../hooks/useWindow.js';
-import { I as Icon } from './_types-RJ7q8S0B.js';
-import { T as ToolTipType } from './sharedTypes-BfZzG1KX.js';
-import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
-
-var css_248z = ".flexBox-module_row__PWxbe {\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__27lKK {\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__nJZnW {\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__dHcOU {\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__MP2Xd {\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__Kg8cV {\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__zcmtk {\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__157yI {\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__u2nwI {\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__QWEzl {\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__FxEAv {\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__rf7AV {\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__8-FO- {\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__qyYq- {\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__7GQ5Z {\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__Qtp5G {\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__Ieh9K {\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__0lZ3I {\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__Ar4d3 {\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__6tV1n {\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__I8Q1v {\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__zDf-z {\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__R5GpK {\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__SI-hC {\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__jGIb2 {\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__QFgN8 {\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__tdBSi {\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__-7Uyu {\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__8hGYF {\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__Cryjg {\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__PUi44 {\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__1B6fk {\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__vVT0i {\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 0.25s ease-in-out 0s;\n\tcursor: pointer;\n\twhite-space: nowrap;\n\tuser-select: none;\n\t-webkit-user-select: none;\n}\n\n.Chip-module_icon__5LFmE {\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__6LsPB {\n}\n\n.Chip-module_m__bEYCv {\n}\n\n.Chip-module_l__aFto- {\n}\n";
-var css = {"chip":"Chip-module_chip__vVT0i flexBox-module_row__PWxbe","icon":"Chip-module_icon__5LFmE flexBox-module_row__PWxbe","s":"Chip-module_s__6LsPB type-module_body-s-regular__8-FO-","m":"Chip-module_m__bEYCv type-module_body-m-regular__Qtp5G","l":"Chip-module_l__aFto- type-module_body-l-regular__Ar4d3"};
-styleInject(css_248z);
-
-const Chip = React.memo((props) => {
-    const { label, icon, background, disabled = false, focused = false, variant = 'regular', unframed = false, iconRight = false, labelSize = 'm', tooltip, iconColor, onToolTip = () => null, onClick = () => null, onMouseDown = () => null } = props, divAttributes = __rest(props, ["label", "icon", "background", "disabled", "focused", "variant", "unframed", "iconRight", "labelSize", "tooltip", "iconColor", "onToolTip", "onClick", "onMouseDown"]);
-    const { id: divId, className, style } = divAttributes, rest = __rest(divAttributes, ["id", "className", "style"]);
-    const divStyle = style !== null && style !== void 0 ? style : {};
-    const divClass = className ? ` ${className}` : '';
-    const theme = useTheme();
-    const [isFocused, setIsFocused] = useState(focused);
-    const [isHovered, setIsHovered] = useState(false);
-    useEffect(() => setIsFocused(focused), [focused]);
-    // click handler
-    const handleClick = useCallback((e) => {
-        if (!disabled)
-            onClick(e);
-    }, [disabled, onClick]);
-    // handle mouse down
-    const handleMouseDown = useCallback((e) => {
-        if (!disabled)
-            onMouseDown(e);
-    }, [disabled, onMouseDown]);
-    // handle mouse enter / leave
-    const handleMouseEnter = useCallback((enter, event) => {
-        if (enter) {
-            if (tooltip) {
-                const tip = {
-                    type: ToolTipType.button,
-                    payload: { label: tooltip },
-                    ref: null,
-                    event,
-                };
-                onToolTip(tip);
-            }
-            setIsHovered(true);
-        }
-        else {
-            onToolTip(null);
-            setIsHovered(false);
-        }
-    }, [tooltip, onToolTip]);
-    // memo padding
-    const padding = useMemo(() => {
-        const isSmall = variant === 'small';
-        if (!icon) {
-            return isSmall ? '6px' : '9px 16px 9px 16px';
-        }
-        if (icon && iconRight) {
-            return isSmall ? '6px 6px 6px 10px' : '9px 12px 9px 16px';
-        }
-        return isSmall ? '6px 10px 6px 6px' : '9px 16px 9px 12px';
-    }, [variant, icon, iconRight]);
-    // memo icon color
-    const computedIconColor = useMemo(() => {
-        if (iconColor)
-            return iconColor;
-        if (disabled)
-            return theme.current.colors['core-icon-disabled'];
-        if (isHovered)
-            return theme.current.colors['core-link-primary'];
-        if (isFocused)
-            return theme.current.colors['core-link-primary'];
-        return theme.current.colors['core-text-primary'];
-    }, [iconColor, disabled, isFocused, isHovered, theme]);
-    // memo css vars
-    const cssVars = useMemo(() => {
-        return {
-            '--ui-chip-padding': padding,
-            '--ui-chip-background': background || 'transparent',
-            '--ui-chip-gap': variant === 'small' ? '4px' : '8px',
-            '--ui-chip-color': computedIconColor,
-            '--ui-chip-border-radius': variant === 'small' ? '4px' : '8px',
-            '--ui-chip-border': unframed ? '0' : '1px',
-            '--ui-chip-border-color': unframed ? 'transparent' : computedIconColor,
-        };
-    }, [padding, background, variant, unframed, computedIconColor]);
-    return (jsxs("div", Object.assign({ id: divId, className: `${css.chip}${divClass}`, style: Object.assign(Object.assign({}, divStyle), cssVars), onMouseDown: handleMouseDown, onKeyDown: () => null, onClick: handleClick, onMouseEnter: (e) => handleMouseEnter(true, e), onMouseLeave: (e) => handleMouseEnter(false, e), onFocus: () => setIsFocused(true), onBlur: () => setIsFocused(false) }, rest, { children: [icon && !iconRight && (jsx("div", { className: css.icon, children: jsx(Icon, { name: icon, size: variant === 'regular' ? 20 : 16, strokeColor: computedIconColor }) })), jsx("div", { className: css[labelSize], children: label }), icon && iconRight && (jsx("div", { className: css.icon, children: jsx(Icon, { name: icon, size: variant === 'regular' ? 20 : 16, strokeColor: computedIconColor }) }))] })));
-});
-
-export { Chip as C };

package/dist/esm/chunks/DivInput-D6ORPrkT.js

@@ -1,202 +0,0 @@
-import { _ as __rest } from './tslib.es6-0pkUdtrF.js';
-import { jsx } from 'react/jsx-runtime';
-import { motion } from 'motion/react';
-import React, { useRef, useState, useCallback, useEffect, useMemo } from 'react';
-import { c as cleanString } from './utils-CZ1LWeN6.js';
-import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
-
-var css_248z = ".type-module_body-xs-regular__QWEzl {\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__FxEAv {\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__rf7AV {\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__8-FO- {\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__qyYq- {\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__7GQ5Z {\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__Qtp5G {\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__Ieh9K {\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__0lZ3I {\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__Ar4d3 {\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__6tV1n {\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__I8Q1v {\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__zDf-z {\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__R5GpK {\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__SI-hC {\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__jGIb2 {\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__QFgN8 {\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__tdBSi {\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__-7Uyu {\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__8hGYF {\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__Cryjg {\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__PUi44 {\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__1B6fk {\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.DivInput-module_wrapper__gljOU {\n\tpadding: var(--div-input-padding);\n\twidth: var(--div-input-width);\n\tborder-radius: var(--div-input-border-radius);\n\tbackground: var(--div-input-wrapper-bg);\n\t&:hover {\n\t\tbackground: var(--div-input-bg);\n\t}\n}\n\n.DivInput-module_input__R8myv {\n\tcolor: var(--div-input-color);\n\tuser-select: var(--div-input-user-select);\n\t-webkit-user-select: var(--div-input-user-select);\n\ttext-align: var(--div-input-text-align);\n\tpointer-events: all;\n\tbackground: transparent;\n\tborder-radius: 4px;\n\tborder: 0;\n\toutline: none;\n\ttext-overflow: ellipsis;\n\tdisplay: -webkit-box;\n\toverflow: hidden;\n\twhite-space: var(--div-input-white-space);\n\t-webkit-line-clamp: var(--div-input-line-clamp);\n\t-webkit-box-orient: vertical;\n\tcursor: var(--div-input-cursor);\n\ttransition: background 0.2s ease-in-out 0s;\n}\n";
-var css = {"wrapper":"DivInput-module_wrapper__gljOU","input":"DivInput-module_input__R8myv type-module_body-m-regular__Qtp5G"};
-styleInject(css_248z);
-
-const DivInput = React.memo((props) => {
-    const { value = '', name = 'Input Field', placeholder = 'Placeholder', isEditable = true, wrap = false, focus = false, width = 'auto', textAlign = 'left', clamp = 3, padding = '0px', onChange = () => null, onSubmit = () => null, onFocus = () => null, onBlur = () => null, onDblClick = () => null, onClick = () => null, radius = 4, bgColor = 'var(--core-surface-secondary)' } = props, divAttributes = __rest(props, ["value", "name", "placeholder", "isEditable", "wrap", "focus", "width", "textAlign", "clamp", "padding", "onChange", "onSubmit", "onFocus", "onBlur", "onDblClick", "onClick", "radius", "bgColor"]);
-    const { id: divId, className, style } = divAttributes, rest = __rest(divAttributes, ["id", "className", "style"]);
-    const divStyle = style !== null && style !== void 0 ? style : {};
-    const divClass = className ? ` ${className}` : '';
-    const ref = useRef(null);
-    const innerText = useRef(value === '' ? cleanString(placeholder) : cleanString(value));
-    const [isFocused, setIsFocused] = useState(focus);
-    const [text, setText] = useState(innerText.current);
-    const [isPlaceholder, setIsPlaceholder] = useState(false);
-    // Memoize setCursor function
-    const setCursor = useCallback((to, length = 1) => {
-        if (ref.current) {
-            const range = document.createRange();
-            range.setStart(ref.current, to === 'start' ? 0 : length);
-            range.setEnd(ref.current, to === 'start' ? 0 : 1);
-            const selection = globalThis.getSelection();
-            selection === null || selection === void 0 ? void 0 : selection.removeAllRanges();
-            selection === null || selection === void 0 ? void 0 : selection.addRange(range);
-        }
-    }, []);
-    // Memoize handleSelectAll
-    const handleSelectAll = useCallback(() => {
-        var _a, _b, _c;
-        if (!((_a = ref.current) === null || _a === void 0 ? void 0 : _a.firstChild))
-            return;
-        const range = document.createRange();
-        range.selectNode(ref.current.firstChild);
-        (_b = globalThis.getSelection()) === null || _b === void 0 ? void 0 : _b.removeAllRanges();
-        (_c = globalThis.getSelection()) === null || _c === void 0 ? void 0 : _c.addRange(range);
-    }, []);
-    // Combined effect for related state updates
-    useEffect(() => {
-        if (!ref.current)
-            return;
-        // Set contentEditable
-        ref.current.contentEditable = isEditable ? 'true' : 'false';
-        // Handle focus
-        if (focus) {
-            handleSelectAll();
-            ref.current.focus();
-        }
-        setIsFocused(focus);
-        // Update text
-        const newText = value === '' ? cleanString(placeholder) : cleanString(value);
-        innerText.current = newText;
-        ref.current.innerText = newText;
-        setText(newText);
-    }, [value, placeholder, focus, isEditable, handleSelectAll]);
-    // Effect for placeholder state
-    useEffect(() => {
-        if (placeholder) {
-            setIsPlaceholder(text === placeholder);
-        }
-    }, [placeholder, text]);
-    // Memoize handleSetValue
-    const handleSetValue = useCallback((e) => {
-        let textString = '';
-        const stripped = e.currentTarget.innerText.replaceAll(/\s+/g, '');
-        if (stripped.length === 0 && placeholder && ref.current) {
-            ref.current.innerText = placeholder;
-            setIsPlaceholder(true);
-            setCursor('start');
-        }
-        else if (isPlaceholder) {
-            const textString = e.currentTarget.innerText.replace(placeholder, '');
-            innerText.current = cleanString(textString);
-            if (ref.current) {
-                ref.current.innerText = cleanString(textString);
-                setCursor('end');
-            }
-        }
-        else {
-            textString = e.currentTarget.innerText;
-            innerText.current = cleanString(textString || '');
-        }
-        onChange(innerText.current);
-        setText(innerText.current);
-    }, [placeholder, isPlaceholder, onChange, setCursor]);
-    // Memoize handleKeyDown
-    const handleKeyDown = useCallback((e) => {
-        // stop propagation to avoid conflicts with listeners to shortcuts while editing
-        e.stopPropagation();
-        if (e.key === 'Enter' && ref.current) {
-            e.preventDefault();
-            ref.current.innerHTML = cleanString(innerText.current);
-            onChange(null);
-            onSubmit(innerText.current);
-            ref === null || ref === void 0 ? void 0 : ref.current.blur();
-            return true;
-        }
-        if (e.key === '<' || e.key === '>') {
-            e.preventDefault();
-            return false;
-        }
-    }, [onChange, onSubmit]);
-    // Memoize handlePaste
-    const handlePaste = useCallback((e) => {
-        var _a;
-        e.preventDefault();
-        if (!e.clipboardData)
-            return;
-        const textData = e.clipboardData.getData('text/plain');
-        if (!textData)
-            return;
-        const pasteText = cleanString(textData);
-        const selection = globalThis.getSelection();
-        if (!(selection === null || selection === void 0 ? void 0 : selection.rangeCount))
-            return;
-        selection === null || selection === void 0 ? void 0 : selection.deleteFromDocument();
-        selection === null || selection === void 0 ? void 0 : selection.getRangeAt(0).insertNode(document.createTextNode(pasteText));
-        selection === null || selection === void 0 ? void 0 : selection.collapseToEnd();
-        const newText = ((_a = ref.current) === null || _a === void 0 ? void 0 : _a.innerText) || '';
-        onChange(cleanString(newText));
-        innerText.current = cleanString(newText);
-        return true;
-    }, [onChange]);
-    // Memoize handleFocus
-    const handleFocus = useCallback((e) => {
-        setIsFocused(true);
-        onFocus(e);
-    }, [onFocus]);
-    // Memoize handleBlur
-    const handleBlur = useCallback((_e) => {
-        if (!ref.current)
-            return;
-        const blurText = cleanString(innerText.current);
-        if (blurText === '') {
-            ref.current.innerText = placeholder;
-            innerText.current = placeholder;
-        }
-        onChange(null);
-        onSubmit(innerText.current);
-        setIsFocused(false);
-        onBlur(blurText);
-    }, [placeholder, onChange, onSubmit, onBlur]);
-    // Memoize handleClick
-    const handleClick = useCallback((e) => {
-        e.preventDefault();
-        e.stopPropagation();
-        if (isPlaceholder)
-            setTimeout(() => setCursor('start'), 50);
-        onClick();
-    }, [isPlaceholder, setCursor, onClick]);
-    // calc css values as number / string
-    const setWidth = useCallback((width) => {
-        if (typeof width === 'string')
-            return width;
-        return `${width}px`;
-    }, []);
-    // memo cssVars
-    const cssVars = useMemo(() => {
-        return {
-            '--div-input-color': isPlaceholder
-                ? 'var(--core-text-tertiary)'
-                : 'var(--core-text-primary)',
-            '--div-input-width': `${setWidth(width)}`,
-            '--div-input-user-select': isEditable ? 'text' : 'none',
-            '--div-input-padding': padding !== null && padding !== void 0 ? padding : '0',
-            '--div-input-text-align': textAlign !== null && textAlign !== void 0 ? textAlign : 'left',
-            '--div-input-white-space': isEditable && wrap ? 'wrap' : 'no-wrap',
-            '--div-input-line-clamp': isEditable && isFocused ? 'none' : (clamp !== null && clamp !== void 0 ? clamp : 'none'),
-            '--div-input-cursor': isEditable ? 'text' : 'default',
-            '--div-input-bg': isEditable
-                ? (bgColor !== null && bgColor !== void 0 ? bgColor : 'var(--core-surface-secondary)')
-                : 'transparent',
-            '--div-input-wrapper-bg': isEditable && isFocused
-                ? (bgColor !== null && bgColor !== void 0 ? bgColor : 'var(--core-surface-secondary)')
-                : 'transparent',
-            '--div-input-border-radius': `${radius}px`,
-        };
-    }, [
-        clamp,
-        wrap,
-        isEditable,
-        width,
-        textAlign,
-        isFocused,
-        padding,
-        isPlaceholder,
-        setWidth,
-        bgColor,
-        radius,
-    ]);
-    // avoid issues with safari that refocuses editable divs on blur
-    // by wrapping it with a pointer events none
-    return (jsx("div", Object.assign({ id: divId, className: `${css.wrapper}${divClass}`, style: Object.assign(Object.assign({}, divStyle), cssVars) }, rest, { children: jsx(motion.div, { className: css.input, ref: ref, contentEditable: isEditable, suppressContentEditableWarning: true, onInput: handleSetValue, onKeyDown: handleKeyDown, onFocus: handleFocus, onBlur: handleBlur, onPaste: handlePaste, onDoubleClick: onDblClick, onClick: handleClick, role: 'textbox', "aria-label": name, children: value !== null && value !== void 0 ? value : placeholder }) })));
-});
-DivInput.displayName = 'DivInput';
-
-export { DivInput as D };

package/dist/esm/chunks/DocIcons-CbOX4n8Y.js

@@ -1,39 +0,0 @@
-import { _ as __rest } from './tslib.es6-0pkUdtrF.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import React, { useMemo } from 'react';
-import { useTheme } from '../hooks/useTheme.js';
-import '../theme/colors.js';
-import '../hooks/useWindow.js';
-
-const DocIcons = React.memo((props) => {
-    const { type = 'pdf', height = 36 } = props, divAttributes = __rest(props, ["type", "height"]);
-    const { id: divId, className, style } = divAttributes, rest = __rest(divAttributes, ["id", "className", "style"]);
-    const divStyle = style !== null && style !== void 0 ? style : {};
-    const divClass = className ? ` ${className}` : '';
-    const theme = useTheme();
-    const renderIcon = useMemo(() => {
-        const images = [
-            {
-                name: 'not supported',
-                svg: (jsxs("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", height: height, "aria-label": 'Not supported', children: [jsx("title", { children: "Not supported" }), jsx("path", { d: "M 13.944 0 L 21.798 8 L 21.798 21.2 C 21.798 22.746 20.568 24 19.049 24 L 4.911 24 C 3.393 24 2.162 22.745 2.162 21.2 L 2.162 2.8 C 2.162 1.254 3.393 0 4.911 0 Z", fill: "rgb(102, 113, 127)" }), jsx("path", { d: "M 12.021 16.249 C 12.461 16.249 12.733 15.968 12.733 15.625 L 12.733 15.52 C 12.733 15.028 13.014 14.711 13.63 14.307 C 14.482 13.744 15.089 13.235 15.089 12.18 C 15.089 10.72 13.788 9.93 12.294 9.93 C 10.782 9.93 9.789 10.65 9.552 11.46 C 9.508 11.6 9.482 11.74 9.482 11.89 C 9.482 12.285 9.789 12.496 10.079 12.496 C 10.378 12.496 10.571 12.356 10.729 12.145 L 10.887 11.934 C 11.195 11.424 11.652 11.125 12.241 11.125 C 13.041 11.125 13.559 11.582 13.559 12.25 C 13.559 12.848 13.19 13.138 12.426 13.674 C 11.793 14.114 11.318 14.579 11.318 15.441 L 11.318 15.555 C 11.318 16.012 11.573 16.249 12.021 16.249 Z M 12.004 18.869 C 12.514 18.869 12.953 18.464 12.953 17.954 C 12.953 17.444 12.523 17.04 12.003 17.04 C 11.485 17.04 11.054 17.453 11.054 17.954 C 11.054 18.455 11.494 18.868 12.004 18.868 Z", fill: "rgb(255, 255, 255)" }), jsx("path", { d: "M 21.798 8 L 16.832 8 C 15.314 8 13.944 6.605 13.944 5.058 L 13.944 0 Z", fill: "rgba(255,255,255,0.4)" })] })),
-            },
-            {
-                name: 'text',
-                svg: (jsxs("svg", { viewBox: "0 0 1024 1024", xmlns: "http://www.w3.org/2000/svg", height: height, "aria-label": "Text document", children: [jsx("title", { children: "Text document" }), jsx("path", { d: "M137.902 0a48.573 48.573 0 0 0-35.589 15.294 53.965 53.965 0 0 0-15.273 35.64v917.412a48.707 48.707 0 0 0 15.273 35.64 49.971 49.971 0 0 0 35.59 15.293h746.336a48.64 48.64 0 0 0 35.59-15.293 50.37 50.37 0 0 0 15.273-35.64V288.717L646.728 0H137.902z", fill: "#FD7541" }), jsx("path", { d: "M935.102 288.717H697.656c-27.822-.666-50.227-23.076-50.928-50.934V0l288.374 288.717z", fill: "#FFFFFF", opacity: 0.4 }), jsx("path", { d: "M248.126 365.184h220.518a25.518 25.518 0 0 0 24.192-25.497 25.518 25.518 0 0 0-24.197-25.503H248.126a25.518 25.518 0 0 0-24.197 25.498 25.518 25.518 0 0 0 24.197 25.497zm0 169.825H773.95a25.446 25.446 0 0 0 25.43-25.466 25.446 25.446 0 0 0-25.43-25.467H248.126a25.446 25.446 0 0 0-25.431 25.467 25.446 25.446 0 0 0 25.43 25.466zM773.95 653.896H248.126a25.518 25.518 0 0 0-24.197 25.497 25.518 25.518 0 0 0 24.197 25.503H773.95a25.518 25.518 0 0 0 24.197-25.497A25.518 25.518 0 0 0 773.95 653.9z", fill: "#FFF" })] })),
-            },
-            {
-                name: 'docx',
-                svg: (jsxs("svg", { viewBox: "0 0 1024 1024", xmlns: "http://www.w3.org/2000/svg", height: height, "aria-label": "Word document", children: [jsx("title", { children: "Word document" }), jsx("path", { d: "m594.944 0 335.124 341.32v563.2c0 65.996-52.5 119.48-117.294 119.48H209.546c-64.793 0-117.299-53.53-117.299-119.48V119.48C92.252 53.484 144.757 0 209.551 0h385.393z", fill: theme.current.colors['core-button-primary'] }), jsx("path", { d: "M930.068 341.32H718.152c-64.748 0-123.208-59.49-123.208-125.492V0l335.124 341.32z", fill: "#ffffff", fillOpacity: ".7" }), jsx("path", { d: "M427.377 725.32V768H259.814v-42.68h167.563zM594.944 640v42.68h-335.13V640h335.13zm0-85.32v42.64h-335.13v-42.64h335.13zm0-85.36V512h-335.13v-42.68h335.13z", fill: "#FFF" })] })),
-            },
-            {
-                name: 'pdf',
-                svg: (jsxs("svg", { viewBox: "0 0 1024 1024", xmlns: "http://www.w3.org/2000/svg", height: height, "aria-label": "PDF document", children: [jsx("title", { children: "PDF document" }), jsx("path", { d: "m594.944 0 335.124 341.32v563.2c0 65.996-52.5 119.48-117.294 119.48H209.546c-64.793 0-117.299-53.53-117.299-119.48V119.48C92.252 53.484 144.757 0 209.551 0h385.393z", fill: "#E94848" }), jsx("path", { d: "M482.954 375.48a40.586 40.586 0 0 0-40.028 40.776c0 27.786 15.17 62.326 31.18 94.771-12.564 39.834-26.715 82.473-44.82 118.503-37.094 14.796-70.195 25.83-90.06 42.168a41.708 41.708 0 0 0-12.39 29.926c0 22.344 18.063 40.776 40.038 40.776a39.332 39.332 0 0 0 29.27-12.472c14.618-17.828 31.888-50.13 47.294-79.642 35.42-14.198 72.607-28.672 108.447-37.325 26.163 21.453 64.051 35.65 95.186 35.65 21.97 0 40.033-18.385 40.033-40.775a40.586 40.586 0 0 0-40.033-40.724c-24.991 0-61.297 9.072-89.037 18.616a301.338 301.338 0 0 1-58.092-76.984c10.66-33.332 23.04-66.658 23.04-92.488a40.586 40.586 0 0 0-40.028-40.776zm0 24.438c8.98 0 16.01 7.168 16.01 16.292 0 12.237-6.42 34.816-13.87 59.018-9.958-23.552-18.15-46.172-18.15-58.972 0-9.165 7.025-16.292 16.01-16.292v-.046zm6.887 139.546a323.574 323.574 0 0 0 41.523 53.76c-23.742 6.604-46.92 15.078-69.822 23.92 11.08-25.364 19.917-51.758 28.299-77.726v.046zm157.235 52.126c8.98 0 16.01 7.122 16.01 16.292 0 9.124-7.03 16.292-16.015 16.292-18.059 0-43.659-8.284-64.185-19.876 23.552-6.794 49.204-12.749 64.185-12.749v.041zM408.15 664.576c-11.264 20.48-22.436 39.562-30.26 49.152a15.078 15.078 0 0 1-11.028 4.188 15.964 15.964 0 0 1-16.01-16.292 17.707 17.707 0 0 1 4.234-11.356c9.4-7.398 29.835-16.292 53.064-25.692z", fill: "#FFF" }), jsx("path", { d: "M930.068 341.32H718.152c-64.748 0-123.208-59.49-123.208-125.492V0l335.124 341.32z", fill: "#FFF", fillOpacity: ".4" })] })),
-            },
-        ];
-        const item = images.filter((data) => type === data.name);
-        return item ? item[0].svg : null;
-    }, [height, type, theme]);
-    return (jsx("div", Object.assign({ id: divId, className: divClass.trim(), style: Object.assign(Object.assign({}, divStyle), { display: 'flex', justifyContent: 'center', alignItems: 'center' }) }, rest, { children: renderIcon })));
-});
-
-export { DocIcons as D };

package/dist/esm/chunks/Dot-BZcEZbnm.js

@@ -1,78 +0,0 @@
-import { _ as __rest } from './tslib.es6-0pkUdtrF.js';
-import { jsx } from 'react/jsx-runtime';
-import { AnimatePresence, motion } from 'motion/react';
-import React, { useMemo } from 'react';
-import { s as styleInject } from './style-inject.es-tgCJW-Cu.js';
-
-var css_248z = ".flexBox-module_row__PWxbe {\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__27lKK {\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__nJZnW {\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__dHcOU {\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__MP2Xd {\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__Kg8cV {\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__zcmtk {\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__157yI {\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__u2nwI {\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}.Dot-module_dot__8eYTa {\n\tdisplay: var(--dot-display);\n\tbox-sizing: content-box;\n\tposition: var(--dot-position);\n\ttop: var(--dot-top);\n\tright: var(--dot-right);\n\tvertical-align: var(--dot-vertical-align);\n\tmin-height: var(--dot-size);\n\tmin-width: var(--dot-size);\n\theight: var(--dot-size);\n\twidth: var(--dot-size);\n\tborder: var(--dot-border) solid var(--core-surface-primary);\n\tbackground: var(--dot-bg);\n\tborder-radius: 100%;\n\tz-index: var(--elevation-status);\n}\n";
-var css = {"dot":"Dot-module_dot__8eYTa flexBox-module_row__PWxbe"};
-styleInject(css_248z);
-
-const DEFAULT_VARIANTS = {
-    initial: { opacity: 0 },
-    animate: { opacity: 1 },
-    exit: { opacity: 0 },
-};
-const DEFAULT_TRANSITION = {
-    ease: 'easeInOut',
-    duration: 0.5,
-};
-
-const Dot = React.memo((props) => {
-    const { size = 8, topOffset = 2, rightOffset = 2, border = 3, position = 'corner', color = undefined, transition = undefined, motionValues = undefined, show = false, state } = props, divAttributes = __rest(props, ["size", "topOffset", "rightOffset", "border", "position", "color", "transition", "motionValues", "show", "state"]);
-    const { id: divId, className, style } = divAttributes, rest = __rest(divAttributes, ["id", "className", "style"]);
-    const divStyle = style !== null && style !== void 0 ? style : {};
-    const divClass = className ? ` ${className}` : '';
-    // memo variants
-    const variants = useMemo(() => {
-        if (motionValues) {
-            return Object.assign(Object.assign({}, DEFAULT_VARIANTS), motionValues);
-        }
-        return DEFAULT_VARIANTS;
-    }, [motionValues]);
-    // memo transition
-    const trans = useMemo(() => {
-        if (transition) {
-            return Object.assign(Object.assign({}, DEFAULT_TRANSITION), transition);
-        }
-        return DEFAULT_TRANSITION;
-    }, [transition]);
-    // memo color
-    const bgColor = useMemo(() => {
-        if (color) {
-            return color;
-        }
-        if (state) {
-            switch (state) {
-                case 'red':
-                    return 'var(--feedback-warning)';
-                case 'yellow':
-                    return 'var(--feedback-attention)';
-                case 'green':
-                    return 'var(--feedback-positive)';
-                case 'blue':
-                    return 'var(--core-gp-logo-primary)';
-                case 'grey':
-                    return 'var(--core-text-secondary)';
-            }
-        }
-        return 'var(--core-text-special)';
-    }, [state, color]);
-    // memo css vars
-    const cssVars = useMemo(() => {
-        return {
-            '--dot-size': `${size}px`,
-            '--dot-display': position === 'inline' ? 'inline-flex' : 'flex',
-            '--dot-position': position === 'inline' ? 'relative' : 'absolute',
-            '--dot-top': position === 'inline' ? 'unset' : `${topOffset}px`,
-            '--dot-right': position === 'inline' ? 'unset' : `${rightOffset}px`,
-            '--dot-vertical-align': position === 'inline' ? 'middle' : 'unset',
-            '--dot-border': `${border}px solid`,
-            '--dot-border-color': 'var(--core-surface-primary)',
-            '--dot-bg': `${bgColor}`,
-        };
-    }, [size, position, topOffset, rightOffset, border, bgColor]);
-    return (jsx(AnimatePresence, { initial: false, children: show && (jsx(motion.div, Object.assign({ id: divId, className: `${css.dot}${divClass}`, style: Object.assign(Object.assign({}, divStyle), cssVars), initial: 'initial', animate: 'animate', exit: 'exit', transition: trans, variants: variants, role: 'status', "aria-live": 'polite', "aria-label": 'Blue dot indicating active or new' }, rest, { children: jsx("div", { className: "dot" }) }))) }));
-});
-
-export { Dot as D };