@apple-pie/slice 0.0.1 → 0.0.2

package/dist/cjs/uikit/Progress.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var ProgressIndicator = require('../chunks/ProgressIndicator-C5oB7Mky.js');
+require('../chunks/tslib.es6-4H29ixHs.js');
+require('react/jsx-runtime');
+require('motion/react');
+require('react');
+require('../hooks/useTheme.js');
+require('../theme/themes.js');
+require('../theme/colors.js');
+require('../theme/corners.js');
+require('../theme/type.js');
+require('../hooks/useObserveTheme.js');
+require('../hooks/useWindow.js');
+require('../chunks/style-inject.es-XZHJH68X.js');
+
+
+
+exports.DoneCheck = ProgressIndicator.DoneCheck;
+exports.ProgressIndicator = ProgressIndicator.ProgressIndicator;

package/dist/cjs/uikit/RadioButton.js

@@ -0,0 +1,25 @@
+'use strict';
+
+var RadioButton = require('../chunks/RadioButton-e_y2qiPE.js');
+require('../chunks/tslib.es6-4H29ixHs.js');
+require('react/jsx-runtime');
+require('react');
+require('../hooks/useTheme.js');
+require('../theme/themes.js');
+require('../theme/colors.js');
+require('../theme/corners.js');
+require('../theme/type.js');
+require('../hooks/useObserveTheme.js');
+require('../hooks/useWindow.js');
+require('../chunks/IconButton-BfsPlKTb.js');
+require('motion/react');
+require('../chunks/Badge-CMapJCij.js');
+require('../chunks/style-inject.es-XZHJH68X.js');
+require('../chunks/Dot-Dnr9M9na.js');
+require('../chunks/_types-CoWzQFsT.js');
+require('../chunks/utils-CbayehuI.js');
+require('../chunks/sharedTypes-BvTjh6M5.js');
+
+
+
+exports.RadioButton = RadioButton.RadioButton;

package/dist/cjs/uikit/RadioButtonList.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var RadioButtonList = require('../chunks/RadioButtonList-I81UwHmM.js');
+require('../chunks/tslib.es6-4H29ixHs.js');
+require('react/jsx-runtime');
+require('react');
+require('../chunks/RadioButton-e_y2qiPE.js');
+require('../hooks/useTheme.js');
+require('../theme/themes.js');
+require('../theme/colors.js');
+require('../theme/corners.js');
+require('../theme/type.js');
+require('../hooks/useObserveTheme.js');
+require('../hooks/useWindow.js');
+require('../chunks/IconButton-BfsPlKTb.js');
+require('motion/react');
+require('../chunks/Badge-CMapJCij.js');
+require('../chunks/style-inject.es-XZHJH68X.js');
+require('../chunks/Dot-Dnr9M9na.js');
+require('../chunks/_types-CoWzQFsT.js');
+require('../chunks/utils-CbayehuI.js');
+require('../chunks/sharedTypes-BvTjh6M5.js');
+
+
+
+exports.RadioButtonList = RadioButtonList.RadioButtonList;

package/dist/cjs/uikit/Slider.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var Slider = require('../chunks/Slider-C-gn7Sby.js');
+require('../chunks/tslib.es6-4H29ixHs.js');
+require('react/jsx-runtime');
+require('react');
+require('../hooks/useObserveResize.js');
+require('../chunks/utils-CbayehuI.js');
+require('../chunks/style-inject.es-XZHJH68X.js');
+
+
+
+exports.Slider = Slider.Slider;

package/dist/cjs/uikit/Spacer.js

@@ -0,0 +1,10 @@
+'use strict';
+
+var Spacer = require('../chunks/Spacer-BEY2-_PB.js');
+require('../chunks/tslib.es6-4H29ixHs.js');
+require('react/jsx-runtime');
+require('react');
+
+
+
+exports.Spacer = Spacer.Spacer;

package/dist/cjs/uikit/Switch.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var Switch = require('../chunks/Switch-CtkFtogd.js');
+require('../chunks/tslib.es6-4H29ixHs.js');
+require('react/jsx-runtime');
+require('motion/react');
+require('react');
+require('../chunks/style-inject.es-XZHJH68X.js');
+
+
+
+exports.Switch = Switch.Switch;

package/dist/cjs/uikit/TabBar.js

@@ -0,0 +1,25 @@
+'use strict';
+
+var TabBar = require('../chunks/TabBar-D3bj4pjj.js');
+require('../chunks/tslib.es6-4H29ixHs.js');
+require('react/jsx-runtime');
+require('react');
+require('../hooks/useTheme.js');
+require('../theme/themes.js');
+require('../theme/colors.js');
+require('../theme/corners.js');
+require('../theme/type.js');
+require('../hooks/useObserveTheme.js');
+require('../hooks/useWindow.js');
+require('../chunks/Badge-CMapJCij.js');
+require('../chunks/style-inject.es-XZHJH68X.js');
+require('../chunks/_types-CoWzQFsT.js');
+require('../chunks/utils-CbayehuI.js');
+require('../chunks/IconButton-BfsPlKTb.js');
+require('motion/react');
+require('../chunks/Dot-Dnr9M9na.js');
+require('../chunks/sharedTypes-BvTjh6M5.js');
+
+
+
+exports.TabBar = TabBar.TabBar;

package/dist/cjs/uikit/TextArea.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var TextArea = require('../chunks/TextArea-B1oKK3_b.js');
+require('../chunks/tslib.es6-4H29ixHs.js');
+require('react/jsx-runtime');
+require('react');
+require('../chunks/UIButton-CH4p-8yq.js');
+require('motion/react');
+require('../hooks/useTheme.js');
+require('../theme/themes.js');
+require('../theme/colors.js');
+require('../theme/corners.js');
+require('../theme/type.js');
+require('../hooks/useObserveTheme.js');
+require('../hooks/useWindow.js');
+require('../chunks/Badge-CMapJCij.js');
+require('../chunks/style-inject.es-XZHJH68X.js');
+require('../chunks/Dot-Dnr9M9na.js');
+require('../chunks/_types-CoWzQFsT.js');
+require('../chunks/utils-CbayehuI.js');
+require('../chunks/ProgressIndicator-C5oB7Mky.js');
+require('../chunks/sharedTypes-BvTjh6M5.js');
+
+
+
+exports.TextArea = TextArea.TextArea;

package/dist/cjs/uikit/Textfield.js

@@ -0,0 +1,27 @@
+'use strict';
+
+var TextField = require('../chunks/TextField-CiQdPP5E.js');
+require('../chunks/tslib.es6-4H29ixHs.js');
+require('react/jsx-runtime');
+require('motion/react');
+require('react');
+require('../hooks/useTheme.js');
+require('../theme/themes.js');
+require('../theme/colors.js');
+require('../theme/corners.js');
+require('../theme/type.js');
+require('../hooks/useObserveTheme.js');
+require('../hooks/useWindow.js');
+require('../chunks/_types-CoWzQFsT.js');
+require('../chunks/utils-CbayehuI.js');
+require('../chunks/IconButton-BfsPlKTb.js');
+require('../chunks/Badge-CMapJCij.js');
+require('../chunks/style-inject.es-XZHJH68X.js');
+require('../chunks/Dot-Dnr9M9na.js');
+require('../chunks/sharedTypes-BvTjh6M5.js');
+require('../chunks/UIButton-CH4p-8yq.js');
+require('../chunks/ProgressIndicator-C5oB7Mky.js');
+
+
+
+exports.TextField = TextField.TextField;

package/dist/cjs/uikit/Tip.js

@@ -0,0 +1,13 @@
+'use strict';
+
+var Tip = require('../chunks/Tip-C2pzExut.js');
+require('../chunks/tslib.es6-4H29ixHs.js');
+require('react/jsx-runtime');
+require('motion/react');
+require('react');
+require('../chunks/utils-CbayehuI.js');
+require('../chunks/style-inject.es-XZHJH68X.js');
+
+
+
+exports.Tip = Tip.Tip;

package/dist/cjs/uikit/Toast.js

@@ -0,0 +1,25 @@
+'use strict';
+
+var Toast = require('../chunks/Toast-DrijUwoL.js');
+require('../chunks/tslib.es6-4H29ixHs.js');
+require('react/jsx-runtime');
+require('motion/react');
+require('react');
+require('../hooks/useTheme.js');
+require('../theme/themes.js');
+require('../theme/colors.js');
+require('../theme/corners.js');
+require('../theme/type.js');
+require('../hooks/useObserveTheme.js');
+require('../hooks/useWindow.js');
+require('../chunks/utils-CbayehuI.js');
+require('../chunks/_types-CoWzQFsT.js');
+require('../chunks/style-inject.es-XZHJH68X.js');
+
+
+
+exports.Toast = Toast.Toast;
+Object.defineProperty(exports, "ToastType", {
+	enumerable: true,
+	get: function () { return Toast.ToastType; }
+});

package/dist/cjs/uikit/UIButton.js

@@ -0,0 +1,25 @@
+'use strict';
+
+var UIButton = require('../chunks/UIButton-CH4p-8yq.js');
+require('../chunks/tslib.es6-4H29ixHs.js');
+require('react/jsx-runtime');
+require('motion/react');
+require('react');
+require('../hooks/useTheme.js');
+require('../theme/themes.js');
+require('../theme/colors.js');
+require('../theme/corners.js');
+require('../theme/type.js');
+require('../hooks/useObserveTheme.js');
+require('../hooks/useWindow.js');
+require('../chunks/Badge-CMapJCij.js');
+require('../chunks/style-inject.es-XZHJH68X.js');
+require('../chunks/Dot-Dnr9M9na.js');
+require('../chunks/_types-CoWzQFsT.js');
+require('../chunks/utils-CbayehuI.js');
+require('../chunks/ProgressIndicator-C5oB7Mky.js');
+require('../chunks/sharedTypes-BvTjh6M5.js');
+
+
+
+exports.UIButton = UIButton.UIButton;

package/dist/cjs/uikit/UIButtonBar.js

@@ -0,0 +1,25 @@
+'use strict';
+
+var UIButtonBar = require('../chunks/UIButtonBar-0fHPB0ww.js');
+require('../chunks/tslib.es6-4H29ixHs.js');
+require('react/jsx-runtime');
+require('react');
+require('../hooks/useTheme.js');
+require('../theme/themes.js');
+require('../theme/colors.js');
+require('../theme/corners.js');
+require('../theme/type.js');
+require('../hooks/useObserveTheme.js');
+require('../hooks/useWindow.js');
+require('../chunks/IconButton-BfsPlKTb.js');
+require('motion/react');
+require('../chunks/Badge-CMapJCij.js');
+require('../chunks/style-inject.es-XZHJH68X.js');
+require('../chunks/Dot-Dnr9M9na.js');
+require('../chunks/_types-CoWzQFsT.js');
+require('../chunks/utils-CbayehuI.js');
+require('../chunks/sharedTypes-BvTjh6M5.js');
+
+
+
+exports.UIButtonBar = UIButtonBar.UIButtonBar;

package/dist/cjs/uikit/UICard.js

@@ -0,0 +1,20 @@
+'use strict';
+
+var UICard = require('../chunks/UICard-DBDSyT7E.js');
+require('../chunks/tslib.es6-4H29ixHs.js');
+require('react/jsx-runtime');
+require('react');
+require('../chunks/_types-CoWzQFsT.js');
+require('../hooks/useTheme.js');
+require('../theme/themes.js');
+require('../theme/colors.js');
+require('../theme/corners.js');
+require('../theme/type.js');
+require('../hooks/useObserveTheme.js');
+require('../hooks/useWindow.js');
+require('../chunks/utils-CbayehuI.js');
+require('../chunks/style-inject.es-XZHJH68X.js');
+
+
+
+exports.UICard = UICard.UICard;

package/dist/cjs/uikit/UIChip.js

@@ -0,0 +1,21 @@
+'use strict';
+
+var UIChip = require('../chunks/UIChip-kjhvRrOV.js');
+require('../chunks/tslib.es6-4H29ixHs.js');
+require('react/jsx-runtime');
+require('react');
+require('../hooks/useTheme.js');
+require('../theme/themes.js');
+require('../theme/colors.js');
+require('../theme/corners.js');
+require('../theme/type.js');
+require('../hooks/useObserveTheme.js');
+require('../hooks/useWindow.js');
+require('../chunks/_types-CoWzQFsT.js');
+require('../chunks/utils-CbayehuI.js');
+require('../chunks/sharedTypes-BvTjh6M5.js');
+require('../chunks/style-inject.es-XZHJH68X.js');
+
+
+
+exports.UIChip = UIChip.UIChip;

package/dist/cjs/uikit/UIFileIcon.js

@@ -0,0 +1,17 @@
+'use strict';
+
+var UIFileIcon = require('../chunks/UIFileIcon-ZrbDIeYz.js');
+require('../chunks/tslib.es6-4H29ixHs.js');
+require('react/jsx-runtime');
+require('react');
+require('../hooks/useTheme.js');
+require('../theme/themes.js');
+require('../theme/colors.js');
+require('../theme/corners.js');
+require('../theme/type.js');
+require('../hooks/useObserveTheme.js');
+require('../hooks/useWindow.js');
+
+
+
+exports.UIFileIcon = UIFileIcon.UIFileIcon;

package/dist/cjs/uikit/UILabel.js

@@ -0,0 +1,18 @@
+'use strict';
+
+var UILabel = require('../chunks/UILabel-DkBE2AIt.js');
+require('../chunks/tslib.es6-4H29ixHs.js');
+require('react/jsx-runtime');
+require('react');
+require('../hooks/useTheme.js');
+require('../theme/themes.js');
+require('../theme/colors.js');
+require('../theme/corners.js');
+require('../theme/type.js');
+require('../hooks/useObserveTheme.js');
+require('../hooks/useWindow.js');
+require('../chunks/style-inject.es-XZHJH68X.js');
+
+
+
+exports.UILabel = UILabel.UILabel;

package/dist/esm/chunks/Avatar-D_muqPrW.js

@@ -0,0 +1,66 @@
+import { _ as __rest } from './tslib.es6-0pkUdtrF.js';
+import { jsx } from 'react/jsx-runtime';
+import React, { useMemo, useCallback } 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}.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_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\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: 650;\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: 560;\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: 560;\n\tfont-size: 28px;\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: 650;\n\tfont-size: 28px;\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(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 = __rest(props, ["first", "last", "image", "border", "color", "borderColor", "bgColor", "firstOnly", "onClick", "onKeyDown", "fontSize", "onToolTip", "size", "frame", "tabIndex"]);
+    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 initials computation
+    const initials = 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 = useMemo(() => {
+        if (firstOnly)
+            return '';
+        return image ? `url(${image})` : '';
+    }, [firstOnly, image]);
+    // calc and memo font size
+    const setFontSize = 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 = useMemo(() => (firstOnly || !image ? initials : null), [firstOnly, image, initials]);
+    // handle mouse enter
+    const onMouseEnter = useCallback((event) => {
+        const payload = { label: first };
+        onToolTip({ payload, event });
+    }, [first, onToolTip]);
+    // handle mouse leave
+    const onMouseLeave = useCallback(() => {
+        onToolTip(null);
+    }, [onToolTip]);
+    // memo css vars
+    const avatarVars = 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 = useMemo(() => {
+        return `${css.wrapper}${divClass}`;
+    }, [divClass]);
+    return (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: jsx("div", { "aria-hidden": true, className: css.user, children: displayContent }) })));
+});
+
+export { Avatar as A };

package/dist/esm/chunks/AvatarGroup-D8Xmrn52.js

@@ -0,0 +1,37 @@
+import { _ as __rest } from './tslib.es6-0pkUdtrF.js';
+import { jsx } from 'react/jsx-runtime';
+import React, { useMemo } from 'react';
+import { A as Avatar } from './Avatar-D_muqPrW.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}\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(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 = __rest(props, ["avatars", "size", "border", "overlap", "gap", "borderColor", "margin", "firstOnly", "onToolTip"]);
+    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 css vars
+    const cssVars = 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 = useMemo(() => {
+        if (!avatars)
+            return null;
+        return avatars.map((avatar, index) => (jsx("div", { className: css.avatar, children: jsx(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 = useMemo(() => {
+        return `${css.wrapper}${divClass}`;
+    }, [divClass]);
+    return (jsx("div", Object.assign({ id: divId, className: classNames, style: Object.assign(Object.assign({}, divStyle), cssVars) }, rest, { children: renderedAvatars })));
+});
+
+export { AvatarGroup as A };

package/dist/esm/chunks/Badge-PPf5Uvw3.js

@@ -0,0 +1,39 @@
+import { _ as __rest } from './tslib.es6-0pkUdtrF.js';
+import { jsx } from 'react/jsx-runtime';
+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}.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_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\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: 650;\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: 560;\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: 560;\n\tfont-size: 28px;\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: 650;\n\tfont-size: 28px;\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(css_248z);
+
+const Badge = React.memo((props) => {
+    const { count, variant = 'dark', hideNull = true } = props, divAttributes = __rest(props, ["count", "variant", "hideNull"]);
+    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 display count
+    const displayCount = useMemo(() => {
+        if (count === undefined)
+            return '0';
+        if (typeof count === 'string')
+            return count;
+        return count > 99 ? '99+' : count.toString();
+    }, [count]);
+    // memo css vars
+    const cssVars = 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 (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 })));
+});
+
+export { Badge as B };

package/dist/esm/chunks/CheckBox-CswFI0Xc.js

@@ -0,0 +1,74 @@
+import { _ as __rest } from './tslib.es6-0pkUdtrF.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { motion } from 'motion/react';
+import React, { useState, useEffect, useMemo, useCallback } from 'react';
+import { useTheme } from '../hooks/useTheme.js';
+import '../theme/colors.js';
+import '../hooks/useWindow.js';
+import { I as Icon } from './_types-BaYeLEWK.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_heading-s-bold__QFgN8 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 650;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-medium__jGIb2 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 560;\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: 650;\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: 560;\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: 560;\n\tfont-size: 28px;\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: 650;\n\tfont-size: 28px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.CheckBox-module_wrapper__m-SdK {\n\tmin-height: var(--cb-size);\n\theight: var(--cb-size);\n\twidth: auto;\n\tgap: 6px;\n\tcursor: pointer;\n\toverflow: hidden;\n\tuser-select: none;\n\t-webkit-user-select: none;\n\toutline: none;\n\tborder: 0;\n}\n\n.CheckBox-module_icon__N3ORQ {\n\tmin-width: var(--cb-size);\n\tmax-width: var(--cb-size);\n\tmin-height: var(--cb-size);\n\tmax-height: var(--cb-size);\n}\n\n.CheckBox-module_label__iNXWc {\n\tcolor: var(--core-text-primary);\n}\n";
+var css = {"wrapper":"CheckBox-module_wrapper__m-SdK flexBox-module_row__PWxbe","icon":"CheckBox-module_icon__N3ORQ flexBox-module_row__PWxbe","label":"CheckBox-module_label__iNXWc type-module_body-m-regular__Qtp5G"};
+styleInject(css_248z);
+
+const CheckBox = React.memo((props) => {
+    const { size = 20, checked = false, disabled = false, color = undefined, label = undefined, onChange = () => null } = props, divAttributes = __rest(props, ["size", "checked", "disabled", "color", "label", "onChange"]);
+    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 [state, setState] = useState(checked);
+    const theme = useTheme();
+    useEffect(() => setState(checked), [checked]);
+    // memo icon name
+    const iconName = useMemo(() => {
+        if (state === true)
+            return 'checked';
+        if (state === 'mixed')
+            return 'partial';
+        return 'unchecked';
+    }, [state]);
+    // memo icon color
+    const iconColor = useMemo(() => {
+        if (color)
+            return color;
+        if (disabled)
+            return theme.current.colors['core-icon-disabled'];
+        if (state === 'mixed')
+            return theme.current.colors['core-icon-primary'];
+        if (!state)
+            return theme.current.colors['core-icon-secondary'];
+        return theme.current.colors['core-text-special'];
+    }, [color, disabled, state, theme]);
+    // memo style vars
+    const cssVars = useMemo(() => {
+        return {
+            '--cb-size': `${size}px`,
+            '--cb-label-color': `${color}`,
+        };
+    }, [size, color]);
+    // handle toggle
+    const handleToggle = useCallback(() => {
+        let newState = false;
+        switch (state) {
+            case true:
+                break;
+            case 'mixed':
+            case false:
+                newState = true;
+                break;
+        }
+        setState(newState);
+        onChange(newState);
+    }, [state, onChange]);
+    // keyboard handler for accessibility
+    const handleKeyDown = useCallback((e) => {
+        if (e.key === ' ' || e.key === 'Enter') {
+            e.preventDefault();
+            handleToggle();
+        }
+    }, [handleToggle]);
+    return (jsxs(motion.div, Object.assign({ id: divId, className: `${css.wrapper}${divClass}`, style: Object.assign(Object.assign({}, divStyle), cssVars), onClick: handleToggle, onKeyDown: handleKeyDown, tabIndex: disabled ? -1 : 0, role: 'checkbox', "aria-checked": state === 'mixed' ? 'mixed' : state, "aria-disabled": disabled }, rest, { children: [jsx("div", { className: css.icon, children: jsx(Icon, { name: iconName, strokeColor: iconColor, size: size }) }), label && jsx("span", { className: css.label, children: label })] })));
+});
+
+export { CheckBox as C };