@apple-pie/slice 0.0.5 → 0.0.7

package/package.json

@@ -1,78 +1,82 @@
 {
 	"name": "@apple-pie/slice",
-	"version": "0.0.5",
+	"version": "0.0.7",
 	"main": "dist/cjs/index.js",
-	"module": "dist/esm/index.js",
+	"module": "dist/esm/index.mjs",
 	"exports": {
 		".": {
 			"types": "./dist/types/index.d.ts",
-			"import": "./dist/esm/index.js",
+			"import": "./dist/esm/index.mjs",
 			"require": "./dist/cjs/index.js"
 		},
 		"./hooks": {
 			"types": "./dist/types/hooks/index.d.ts",
-			"import": "./dist/esm/hooks.js",
+			"import": "./dist/esm/hooks.mjs",
 			"require": "./dist/cjs/hooks.js"
 		},
 		"./hooks/*": {
 			"types": "./dist/types/hooks/*/*.d.ts",
-			"import": "./dist/esm/hooks/*.js",
+			"import": "./dist/esm/hooks/*.mjs",
 			"require": "./dist/cjs/hooks/*.js"
 		},
 		"./providers": {
 			"types": "./dist/types/providers/index.d.ts",
-			"import": "./dist/esm/providers.js",
+			"import": "./dist/esm/providers.mjs",
 			"require": "./dist/cjs/providers.js"
 		},
 		"./providers/*": {
 			"types": "./dist/types/providers/*.d.ts",
-			"import": "./dist/esm/providers/*.js",
+			"import": "./dist/esm/providers/*.mjs",
 			"require": "./dist/cjs/providers/*.js"
 		},
 		"./stores": {
 			"types": "./dist/types/stores/index.d.ts",
-			"import": "./dist/esm/stores.js",
+			"import": "./dist/esm/stores.mjs",
 			"require": "./dist/cjs/stores.js"
 		},
 		"./stores/*": {
 			"types": "./dist/types/stores/*/index.d.ts",
-			"import": "./dist/esm/stores/*.js",
+			"import": "./dist/esm/stores/*.mjs",
 			"require": "./dist/cjs/stores/*.js"
 		},
+		"./workers/*": {
+			"import": "./dist/esm/workers/*.mjs",
+			"require": "./dist/cjs/workers/*.js"
+		},
 		"./theme": {
 			"types": "./dist/types/theme/index.d.ts",
-			"import": "./dist/esm/theme.js",
+			"import": "./dist/esm/theme.mjs",
 			"require": "./dist/cjs/theme.js"
 		},
 		"./theme/colors": {
 			"types": "./dist/types/theme/colors/colors.d.ts",
-			"import": "./dist/esm/theme/colors.js",
+			"import": "./dist/esm/theme/colors.mjs",
 			"require": "./dist/cjs/theme/colors.js"
 		},
 		"./theme/corners": {
 			"types": "./dist/types/theme/corners/corners.d.ts",
-			"import": "./dist/esm/theme/corners.js",
+			"import": "./dist/esm/theme/corners.mjs",
 			"require": "./dist/cjs/theme/corners.js"
 		},
 		"./theme/elevations": {
 			"types": "./dist/types/theme/elevations/elevations.d.ts",
-			"import": "./dist/esm/theme/elevations.js",
+			"import": "./dist/esm/theme/elevations.mjs",
 			"require": "./dist/cjs/theme/elevations.js"
 		},
 		"./theme/type": {
 			"types": "./dist/types/theme/type/type.d.ts",
-			"import": "./dist/esm/theme/type.js",
+			"import": "./dist/esm/theme/type.mjs",
 			"require": "./dist/cjs/theme/type.js"
 		},
 		"./theme/themes": {
 			"types": "./dist/types/theme/themes.d.ts",
-			"import": "./dist/esm/theme/themes.js",
+			"import": "./dist/esm/theme/themes.mjs",
 			"require": "./dist/cjs/theme/themes.js"
 		},
 		"./uikit/*": {
 			"types": "./dist/types/uikit/*/index.d.ts",
-			"import": "./dist/esm/uikit/*.js",
-			"require": "./dist/cjs/uikit/*.js"
+			"import": "./dist/esm/uikit/*/index.mjs",
+			"require": "./dist/cjs/uikit/*/index.js"
 		}
 	},
 	"files": ["dist", "README.md", "scripts/copy-assets.mjs"],
@@ -89,6 +93,7 @@
 		"benchmark:ui": "vitest bench --project benchmarks --ui",
 		"prebuild": "rm -rf dist",
 		"build": "NODE_ENV=production rollup -c --bundleConfigAsCjs && tsc -p tsconfig.build.json && ./scripts/copy-css.sh",
+		"build:min": "MINIFY=true NODE_ENV=production rollup -c --bundleConfigAsCjs && tsc -p tsconfig.build.json && ./scripts/copy-css.sh",
 		"dev": "vite",
 		"storybook": "storybook dev -p 6006",
 		"build-storybook": "storybook build"
@@ -107,6 +112,7 @@
 		"@rollup/plugin-babel": "^6.0.4",
 		"@rollup/plugin-commonjs": "^28.0.2",
 		"@rollup/plugin-node-resolve": "^16.0.0",
+		"@rollup/plugin-terser": "^1.0.0",
 		"@rollup/plugin-typescript": "^12.1.2",
 		"@rollup/plugin-url": "^8.0.2",
 		"@storybook/addon-a11y": "^10.2.12",

package/dist/cjs/chunks/Avatar-z2YcOAoP.js

@@ -1,68 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('./tslib.es6-4H29ixHs.js');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var styleInject_es = require('./style-inject.es-XZHJH68X.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.Avatar-module_wrapper__U4ZJr {\n\tposition: relative;\n\tmin-height: var(--avatar-size);\n\tmin-width: var(--avatar-size);\n\theight: var(--avatar-size);\n\twidth: var(--avatar-size);\n\tborder: 0;\n\toutline: 0;\n}\n\n.Avatar-module_user__GIczo {\n\tfont-size: var(--avatar-font-size) !important;\n\tmin-height: var(--avatar-size);\n\tmin-width: var(--avatar-size);\n\theight: var(--avatar-size);\n\twidth: var(--avatar-size);\n\tline-height: 1em;\n\ttext-transform: uppercase;\n\tborder-radius: 100%;\n\tborder: var(--avatar-border) solid var(--avatar-border-color);\n\tbackground-color: var(--avatar-bg-color);\n\tcolor: var(--avatar-color);\n\tbackground-image: var(--avatar-bg-image);\n\tbackground-size: cover;\n\tcursor: pointer;\n\tuser-select: none;\n\t-webkit-user-select: none;\n\ttransition: border-color 0.2s ease-in-out 0s;\n\t&:hover {\n\t\tborder-color: var(--core-link-primary);\n\t}\n}\n";
-var css = {"wrapper":"Avatar-module_wrapper__U4ZJr flexBox-module_row__PWxbe type-module_body-m-regular__Qtp5G","user":"Avatar-module_user__GIczo flexBox-module_row__PWxbe type-module_body-m-regular__Qtp5G"};
-styleInject_es.styleInject(css_248z);
-
-const Avatar = React.memo((props) => {
-    const { first = '', last = '', image = '', border = 0, color = undefined, borderColor = undefined, bgColor = undefined, firstOnly = false, onClick = undefined, onKeyDown = undefined, fontSize = undefined, onToolTip = () => null, size = 34, frame = 34, tabIndex = 0 } = props, divAttributes = tslib_es6.__rest(props, ["first", "last", "image", "border", "color", "borderColor", "bgColor", "firstOnly", "onClick", "onKeyDown", "fontSize", "onToolTip", "size", "frame", "tabIndex"]);
-    const { id: divId, className, style } = divAttributes, rest = tslib_es6.__rest(divAttributes, ["id", "className", "style"]);
-    const divStyle = style !== null && style !== void 0 ? style : {};
-    const divClass = className ? ` ${className}` : '';
-    // memo initials computation
-    const initials = React.useMemo(() => `${first === null || first === void 0 ? void 0 : first.charAt(0)}${firstOnly ? '' : last.charAt(0)}`, [first, last, firstOnly]);
-    // memo the avatar image if there is one
-    const bgImage = React.useMemo(() => {
-        if (firstOnly)
-            return '';
-        return image ? `url(${image})` : '';
-    }, [firstOnly, image]);
-    // calc and memo font size
-    const setFontSize = React.useMemo(() => {
-        if (fontSize === undefined)
-            return 'inherit';
-        if (fontSize === 'auto') {
-            let fSize = Math.round(frame / 3);
-            fSize = Math.min(fSize, 24);
-            fSize = Math.max(fSize, 14);
-            return `${fSize}px`;
-        }
-        return `${fontSize}px`;
-    }, [frame, fontSize]);
-    // memo display content
-    const displayContent = React.useMemo(() => (firstOnly || !image ? initials : null), [firstOnly, image, initials]);
-    // handle mouse enter
-    const onMouseEnter = React.useCallback((event) => {
-        const payload = { label: first };
-        onToolTip({ payload, event });
-    }, [first, onToolTip]);
-    // handle mouse leave
-    const onMouseLeave = React.useCallback(() => {
-        onToolTip(null);
-    }, [onToolTip]);
-    // memo css vars
-    const avatarVars = React.useMemo(() => {
-        return {
-            '--avatar-size': `${size}px`,
-            '--avatar-frame': `${frame}px`,
-            '--avatar-border': `${border}px`,
-            '--avatar-color': color !== null && color !== void 0 ? color : 'var(--core-text-primary)',
-            '--avatar-bg-color': bgColor !== null && bgColor !== void 0 ? bgColor : 'var(--core-surface-secondary)',
-            '--avatar-border-color': borderColor !== null && borderColor !== void 0 ? borderColor : 'var(--core-surface-primary)',
-            '--avatar-bg-image': `${bgImage}`,
-            '--avatar-font-size': setFontSize,
-        };
-    }, [size, frame, border, color, bgColor, borderColor, bgImage, setFontSize]);
-    // memo class names
-    const classNames = React.useMemo(() => {
-        return `${css.wrapper}${divClass}`;
-    }, [divClass]);
-    return (jsxRuntime.jsx("div", Object.assign({ id: divId, className: classNames, style: Object.assign(Object.assign({}, divStyle), avatarVars), onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, onClick: onClick, onKeyDown: onKeyDown, role: onClick ? 'button' : 'img', tabIndex: onClick ? tabIndex : undefined, "aria-label": `User Avatar - ${first}` }, rest, { children: jsxRuntime.jsx("div", { "aria-hidden": true, className: css.user, children: displayContent }) })));
-});
-
-exports.Avatar = Avatar;

package/dist/cjs/chunks/AvatarGroup-Cz8369zI.js

@@ -1,39 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('./tslib.es6-4H29ixHs.js');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var Avatar = require('./Avatar-z2YcOAoP.js');
-var styleInject_es = require('./style-inject.es-XZHJH68X.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}\n\n.AvatarGroup-module_wrapper__mmcUR {\n\tgap: var(--ag-gap);\n\tmargin: var(--ag-margin);\n}\n\n.AvatarGroup-module_avatar__YbQ5O {\n\tdisplay: inline-block;\n\tmargin-left: var(--ag-overlap);\n\tborder-radius: 100%;\n\t&:first-child {\n\t\tmargin-left: 0;\n\t}\n}\n";
-var css = {"wrapper":"AvatarGroup-module_wrapper__mmcUR flexBox-module_rowStart__nJZnW","avatar":"AvatarGroup-module_avatar__YbQ5O"};
-styleInject_es.styleInject(css_248z);
-
-const AvatarGroup = React.memo((props) => {
-    const { avatars = [], size = 32, border = 3, overlap = 8, gap = 0, borderColor = undefined, margin = 0, firstOnly = false, onToolTip = () => null } = props, divAttributes = tslib_es6.__rest(props, ["avatars", "size", "border", "overlap", "gap", "borderColor", "margin", "firstOnly", "onToolTip"]);
-    const { id: divId, className, style } = divAttributes, rest = tslib_es6.__rest(divAttributes, ["id", "className", "style"]);
-    const divStyle = style !== null && style !== void 0 ? style : {};
-    const divClass = className ? ` ${className}` : '';
-    // memo css vars
-    const cssVars = React.useMemo(() => {
-        return {
-            '--ag-gap': `${gap !== null && gap !== void 0 ? gap : 0}px`,
-            '--ag-margin': `${margin !== null && margin !== void 0 ? margin : 0}px`,
-            '--ag-overlap': `${overlap > 0 ? -overlap : 0}px`,
-        };
-    }, [overlap, gap, margin]);
-    // memo rendered avatars list
-    const renderedAvatars = React.useMemo(() => {
-        if (!avatars)
-            return null;
-        return avatars.map((avatar, index) => (jsxRuntime.jsx("div", { className: css.avatar, children: jsxRuntime.jsx(Avatar.Avatar, { first: avatar.first, last: avatar.last, image: avatar.image || avatar.avatar, size: size, frame: size, border: border, borderColor: borderColor, color: avatar.color, bgColor: avatar.bgColor, firstOnly: firstOnly, onToolTip: onToolTip }) }, `avatar_${avatar.email}_${index}`)));
-    }, [avatars, size, border, borderColor, firstOnly, onToolTip]);
-    // memo class names
-    const classNames = React.useMemo(() => {
-        return `${css.wrapper}${divClass}`;
-    }, [divClass]);
-    return (jsxRuntime.jsx("div", Object.assign({ id: divId, className: classNames, style: Object.assign(Object.assign({}, divStyle), cssVars) }, rest, { children: renderedAvatars })));
-});
-
-exports.AvatarGroup = AvatarGroup;

package/dist/cjs/chunks/Badge-COSg__VJ.js

@@ -1,41 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('./tslib.es6-4H29ixHs.js');
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var styleInject_es = require('./style-inject.es-XZHJH68X.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}.Badge-module_badge__8-cpJ {\n\tline-height: 1em;\n\tcolor: var(--badge-color);\n\tbackground: var(--badge-bg);\n\tpadding: 2px 8px;\n\tmin-width: 24px;\n\twidth: min-content;\n\tborder-radius: 8px;\n\twhite-space: nowrap;\n}\n";
-var css = {"badge":"Badge-module_badge__8-cpJ flexBox-module_row__PWxbe type-module_body-xs-medium__FxEAv"};
-styleInject_es.styleInject(css_248z);
-
-const Badge = React.memo((props) => {
-    const { count, variant = 'dark', hideNull = true } = props, divAttributes = tslib_es6.__rest(props, ["count", "variant", "hideNull"]);
-    const { id: divId, className, style } = divAttributes, rest = tslib_es6.__rest(divAttributes, ["id", "className", "style"]);
-    const divStyle = style !== null && style !== void 0 ? style : {};
-    const divClass = className ? ` ${className}` : '';
-    // memo display count
-    const displayCount = React.useMemo(() => {
-        if (count === undefined)
-            return '0';
-        if (typeof count === 'string')
-            return count;
-        return count > 99 ? '99+' : count.toString();
-    }, [count]);
-    // memo css vars
-    const cssVars = React.useMemo(() => {
-        return {
-            '--badge-color': variant === 'light'
-                ? 'var(--core-text-primary)'
-                : 'var(--core-text-light)',
-            '--badge-bg': variant === 'light'
-                ? 'var(--core-badge-secondary)'
-                : 'var(--core-badge-primary)',
-        };
-    }, [variant]);
-    if (count === undefined || count === '' || (hideNull && count === 0))
-        return null;
-    return (jsxRuntime.jsx("div", Object.assign({ id: divId, className: `${css.badge}${divClass}`, style: Object.assign(Object.assign({}, divStyle), cssVars), role: 'status', "aria-live": 'polite' }, rest, { children: displayCount })));
-});
-
-exports.Badge = Badge;

package/dist/cjs/chunks/Button-BNXqiA13.js

@@ -1,312 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('./tslib.es6-4H29ixHs.js');
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('motion/react');
-var React = require('react');
-var Badge = require('./Badge-COSg__VJ.js');
-var Dot = require('./Dot-B5dO8kSS.js');
-var _types = require('./_types-BNlHsGMQ.js');
-var ProgressIndicator = require('./ProgressIndicator-BAwAaw58.js');
-var sharedTypes = require('./sharedTypes-BvTjh6M5.js');
-var styleInject_es = require('./style-inject.es-XZHJH68X.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.Button-module_button__-gHnS {\n\tposition: relative;\n\tuser-select: none;\n\tmin-width: var(--ui-button-min-width);\n\t-webkit-user-select: none;\n}\n\n.Button-module_label__jzYdr {\n\tuser-select: none;\n\t-webkit-user-select: none;\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n\twhite-space: nowrap;\n\tword-break: break-all;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: 1;\n\t-webkit-box-orient: vertical;\n\t&:hover {\n\t\ttext-decoration: var(--ui-button-decoration);\n\t}\n}\n\n.Button-module_count__8YTcm {\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n\ttransform: translateX(10px) translateY(-2px);\n}\n\n.Button-module_icon__BNF2p {\n\tmin-width: var(--ui-button-icon-size);\n\tmin-height: var(--ui-button-icon-size);\n\theight: var(--ui-button-icon-size);\n\twidth: var(--ui-button-icon-size);\n}\n\n.Button-module_m__q-q0F {\n}\n\n.Button-module_l__r6jKt {\n}\n\n.Button-module_s__GucGM {\n}\n";
-var css = {"button":"Button-module_button__-gHnS flexBox-module_row__PWxbe","label":"Button-module_label__jzYdr","count":"Button-module_count__8YTcm flexBox-module_row__PWxbe","icon":"Button-module_icon__BNF2p flexBox-module_row__PWxbe","m":"Button-module_m__q-q0F type-module_body-m-regular__Qtp5G","l":"Button-module_l__r6jKt type-module_body-l-regular__Ar4d3","s":"Button-module_s__GucGM type-module_body-s-regular__8-FO-"};
-styleInject_es.styleInject(css_248z);
-
-const ButtonComponent = React.forwardRef((props, buttonRef) => {
-    const { size = 'medium', variant = 'outline', label = undefined, labelSize = 'm', iconRight = undefined, iconLeft = undefined, count = props.count === undefined ? undefined : Number(props.count), showDot = undefined, tooltip = undefined, round = false, state = 'normal', fill = false, iconSize = props.iconSize === undefined ? 20 : Number(props.iconSize), width = 'auto', underline = false, borderRadius = undefined, iconColor = undefined, bgColor = undefined, bgColorDisabled = undefined, labelColor = undefined, transition = undefined, variants = undefined, initial = undefined, animate = undefined, exit = undefined, paddingRight = undefined, paddingLeft = undefined, progress = false, working = false, duration = undefined, trigger = false, destructive = false, onClick = () => null, onToolTip = () => null } = props, divAttributes = tslib_es6.__rest(props, ["size", "variant", "label", "labelSize", "iconRight", "iconLeft", "count", "showDot", "tooltip", "round", "state", "fill", "iconSize", "width", "underline", "borderRadius", "iconColor", "bgColor", "bgColorDisabled", "labelColor", "transition", "variants", "initial", "animate", "exit", "paddingRight", "paddingLeft", "progress", "working", "duration", "trigger", "destructive", "onClick", "onToolTip"]);
-    const { id: divId, className, style } = divAttributes, rest = tslib_es6.__rest(divAttributes, ["id", "className", "style"]);
-    const divStyle = style !== null && style !== void 0 ? style : {};
-    const divClass = className ? ` ${className}` : '';
-    const [btnState, setBtnState] = React.useState(state);
-    const [btnWidth, setBtnWidth] = React.useState(undefined);
-    const [playing, setPlaying] = React.useState(working);
-    const ref = React.useRef(null);
-    const handleClick = React.useCallback((e) => {
-        onToolTip(null);
-        if (btnState === 'disabled')
-            return;
-        if (progress && duration) {
-            setPlaying(true);
-        }
-        else {
-            onClick(e);
-        }
-    }, [onToolTip, btnState, progress, duration, onClick]);
-    React.useEffect(() => setBtnState(state), [state]);
-    React.useEffect(() => setPlaying(working), [working]);
-    // memo button widths
-    React.useEffect(() => {
-        if (!variant || !size || !labelSize)
-            return;
-        if (ref === null || ref === void 0 ? void 0 : ref.current)
-            setBtnWidth(ref.current.offsetWidth);
-        else
-            setBtnWidth(width);
-    }, [width, variant, labelSize, size]);
-    React.useImperativeHandle(buttonRef, () => ({
-        triggerClick: () => handleClick(undefined),
-    }));
-    React.useEffect(() => {
-        if (trigger)
-            handleClick(undefined);
-    }, [trigger, handleClick]);
-    // memo destructive check
-    const destructiveColor = React.useCallback((icon) => {
-        if (icon) {
-            if (btnState === 'disabled')
-                return 'var(--core-text-disabled)';
-            if (variant === 'solid')
-                return 'var(--core-text-light)';
-        }
-        if (destructive)
-            return 'var(--feedback-warning)';
-        return 'var(--core-text-primary)';
-    }, [destructive, variant, btnState]);
-    // memo solid styles
-    const solid = React.useMemo(() => {
-        return {
-            border: '0px',
-            iconColor: {
-                normal: iconColor || destructiveColor(true),
-                hover: iconColor || destructiveColor(true),
-                disabled: iconColor || destructiveColor(true),
-            },
-            background: {
-                normal: bgColor ||
-                    (destructive
-                        ? 'var(--feedback-warning)'
-                        : 'var(--core-button-primary)'),
-                hover: bgColor ||
-                    (destructive
-                        ? 'var(--feedback-warning)'
-                        : 'var(--core-button-primary)'),
-                disabled: bgColorDisabled || 'var(--core-button-disabled)',
-            },
-            borderColor: {
-                normal: 'transparent',
-                hover: 'transparent',
-                disabled: 'transparent',
-            },
-            color: {
-                normal: labelColor || (destructive ? 'white' : 'var(--core-text-light)'),
-                hover: labelColor || (destructive ? 'white' : 'var(--core-text-light)'),
-                disabled: 'var(--core-text-disabled)',
-            },
-        };
-    }, [
-        labelColor,
-        destructive,
-        destructiveColor,
-        bgColor,
-        bgColorDisabled,
-        iconColor,
-    ]);
-    // memo outline styles
-    const outline = React.useMemo(() => {
-        return {
-            border: '1px',
-            iconColor: {
-                normal: iconColor || destructiveColor(true),
-                hover: iconColor || destructiveColor(true),
-                disabled: iconColor || destructiveColor(true),
-            },
-            background: {
-                normal: bgColor || 'var(--core-surface-primary)',
-                hover: bgColor || 'var(--core-surface-primary)',
-                disabled: bgColorDisabled || 'var(--core-surface-primary)',
-            },
-            borderColor: {
-                normal: destructive
-                    ? 'var(--feedback-warning)'
-                    : 'var(--core-outline-primary)',
-                hover: destructive
-                    ? 'var(--feedback-warning)'
-                    : 'var(--core-outline-primary)',
-                disabled: 'var(--core-outline-primary)',
-            },
-            color: {
-                normal: labelColor ||
-                    (destructive
-                        ? 'var(--feedback-warning)'
-                        : 'var(--core-text-primary)'),
-                hover: labelColor ||
-                    (destructive
-                        ? 'var(--feedback-warning)'
-                        : 'var(--core-text-special)'),
-                disabled: 'var(--core-text-disabled)',
-            },
-        };
-    }, [
-        labelColor,
-        destructive,
-        destructiveColor,
-        bgColor,
-        bgColorDisabled,
-        iconColor,
-    ]);
-    // memo text styles
-    const text = React.useMemo(() => {
-        return {
-            border: '1px',
-            iconColor: {
-                normal: destructiveColor(true),
-                hover: destructiveColor(true),
-                disabled: 'var(--core-text-disabled)',
-            },
-            background: {
-                normal: 'transparent',
-                hover: 'transparent',
-                disabled: 'transparent',
-            },
-            borderColor: {
-                normal: 'transparent',
-                hover: 'transparent',
-                disabled: 'transparent',
-            },
-            color: {
-                normal: labelColor || destructiveColor(false),
-                hover: labelColor || destructiveColor(false),
-                disabled: 'var(--core-text-disabled)',
-            },
-        };
-    }, [destructiveColor, labelColor]);
-    // memo color styles
-    const colorStyles = React.useMemo(() => {
-        return {
-            solid,
-            outline,
-            text,
-        };
-    }, [solid, outline, text]);
-    // Memoize sizing styles
-    const setPadding = React.useCallback((side) => {
-        if (round)
-            return 0;
-        if (side === 'left' && iconLeft)
-            return 20;
-        if (side === 'right' && iconRight)
-            return 20;
-        return 24;
-    }, [round, iconLeft, iconRight]);
-    const sizingStyles = React.useMemo(() => {
-        return {
-            large: {
-                height: 48,
-                gap: 8,
-                iconSize,
-                paddingLeft: setPadding('left'),
-                paddingRight: setPadding('right'),
-                width: round ? '48px' : btnWidth || 'auto',
-                borderRadius: borderRadius !== null && borderRadius !== void 0 ? borderRadius : '500px',
-            },
-            medium: {
-                height: 36,
-                gap: 8,
-                iconSize,
-                paddingLeft: setPadding('left'),
-                paddingRight: setPadding('right'),
-                width: round ? '36px' : btnWidth || 'auto',
-                borderRadius: borderRadius !== null && borderRadius !== void 0 ? borderRadius : '500px',
-            },
-            text: {
-                height: 20,
-                gap: 8,
-                iconSize,
-                paddingLeft: 0,
-                paddingRight: 0,
-                btnWidth,
-                borderRadius: 0,
-            },
-        };
-    }, [iconSize, btnWidth, round, borderRadius, setPadding]);
-    // Memoize handleMouseEnter
-    const handleMouseEnter = React.useCallback((e) => {
-        if (btnState !== 'disabled')
-            setBtnState('hover');
-        if (!(ref === null || ref === void 0 ? void 0 : ref.current) || !tooltip)
-            return;
-        const tip = {
-            type: sharedTypes.ToolTipType.button,
-            payload: { label: tooltip },
-            event: e,
-            ref,
-        };
-        onToolTip(tip);
-    }, [btnState, tooltip, onToolTip]);
-    // Memoize handleMouseLeave
-    const handleMouseLeave = React.useCallback(() => {
-        if (btnState !== 'disabled')
-            setBtnState('normal');
-        if (tooltip)
-            onToolTip(null);
-    }, [btnState, tooltip, onToolTip]);
-    // Memoize handleDidStop
-    const handleDidStop = React.useCallback(() => {
-        setPlaying(false);
-        onClick(undefined);
-    }, [onClick]);
-    // Memoize showLabel
-    const shouldShowLabel = React.useMemo(() => !(playing && !iconLeft && !iconRight) && Boolean(label), [playing, iconLeft, iconRight, label]);
-    // Memoize button styles
-    const buttonStyle = React.useMemo(() => ({
-        color: colorStyles[variant].color[btnState],
-        background: fill
-            ? 'var(--core-surface-primary)'
-            : colorStyles[variant].background[state],
-        paddingRight: paddingRight !== null && paddingRight !== void 0 ? paddingRight : sizingStyles[size].paddingRight,
-        paddingLeft: paddingLeft !== null && paddingLeft !== void 0 ? paddingLeft : sizingStyles[size].paddingLeft,
-        borderRadius: sizingStyles[size].borderRadius,
-        height: sizingStyles[size].height,
-        maxHeight: sizingStyles[size].height,
-        minHeight: sizingStyles[size].height,
-        flex: width === 'fill' ? 1 : 'unset',
-        gap: sizingStyles[size].gap,
-        borderWidth: colorStyles[variant].border,
-        borderStyle: 'solid',
-        borderColor: colorStyles[variant].borderColor[btnState],
-        cursor: state === 'disabled' ? 'default' : 'pointer',
-        transition: 'all 0s ease-in-out 0s',
-    }), [
-        colorStyles,
-        variant,
-        btnState,
-        fill,
-        state,
-        paddingRight,
-        paddingLeft,
-        sizingStyles,
-        size,
-        width,
-    ]);
-    // memo progress color
-    const progressColor = React.useMemo(() => destructive
-        ? 'var(feedback-warning)'
-        : colorStyles[variant].color[btnState], [destructive, colorStyles, variant, btnState]);
-    const setStyle = React.useCallback((value) => {
-        if (value === undefined)
-            return 'unset';
-        if (typeof value === 'number')
-            return `${value}px`;
-        return value;
-    }, []);
-    const iconDivSize = React.useMemo(() => {
-        if (round)
-            return `${buttonStyle.minHeight}px`;
-        return iconSize ? setStyle(iconSize) : 'unset';
-    }, [round, iconSize, buttonStyle, setStyle]);
-    const cssVars = React.useMemo(() => {
-        return {
-            '--ui-button-decoration': underline ? 'underline' : 'unset',
-            '--ui-button-min-width': btnWidth ? setStyle(btnWidth) : 'unset',
-            '--ui-button-icon-size': iconDivSize,
-        };
-    }, [underline, btnWidth, setStyle, iconDivSize]);
-    return (jsxRuntime.jsxs(react.motion.div, Object.assign({ id: divId, className: `${css.button}${divClass}`, ref: ref, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, style: Object.assign(Object.assign(Object.assign({}, divStyle), buttonStyle), cssVars), transition: transition, variants: variants, initial: initial, animate: animate, exit: exit, onClick: handleClick }, rest, { children: [!playing && iconLeft && (jsxRuntime.jsx("div", { className: css.icon, children: jsxRuntime.jsx(_types.Icon, { name: iconLeft, size: sizingStyles[size].iconSize, strokeColor: colorStyles[variant].iconColor[btnState], pointer: btnState !== 'disabled' }) })), playing && iconLeft && (jsxRuntime.jsx("div", { className: css.icon, children: jsxRuntime.jsx(ProgressIndicator.ProgressIndicator, { show: playing, didStop: handleDidStop, duration: duration, size: sizingStyles[size].iconSize, color: progressColor, inline: true }) })), playing && !iconLeft && !iconRight && (jsxRuntime.jsx("div", { className: css.icon, children: jsxRuntime.jsx(ProgressIndicator.ProgressIndicator, { show: playing, didStop: handleDidStop, duration: duration, size: sizingStyles[size].iconSize, color: progressColor, inline: false }) })), shouldShowLabel && (jsxRuntime.jsx("div", { className: `${css.label} ${css[labelSize]}`, children: label })), playing && iconRight && (jsxRuntime.jsx("div", { className: css.icon, children: jsxRuntime.jsx(ProgressIndicator.ProgressIndicator, { show: playing, didStop: handleDidStop, duration: duration, size: sizingStyles[size].iconSize, color: progressColor, inline: true }) })), !playing && iconRight && (jsxRuntime.jsx("div", { className: css.icon, children: jsxRuntime.jsx(_types.Icon, { name: iconRight, size: sizingStyles[size].iconSize, strokeColor: colorStyles[variant].iconColor[btnState], pointer: btnState !== 'disabled' }) })), jsxRuntime.jsx(Dot.Dot, { show: !playing && showDot }), !playing && count && (jsxRuntime.jsx("div", { className: css.count, children: jsxRuntime.jsx(Badge.Badge, { variant: 'light', count: Number(count) }) }))] })));
-});
-ButtonComponent.displayName = 'Button';
-const Button = React.memo(ButtonComponent);
-
-exports.Button = Button;