@apple-pie/slice 0.1.9 → 0.1.11

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

@@ -1,14 +1,13 @@
 "use strict";
 
-var TextField = require("../../chunks/TextField-BAcYBHb1.js");
+var TextField = require("../../chunks/TextField-Dl9sTcC4.js");
 
 require("../../chunks/tslib.es6-C8dZW5nY.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/elevations.js"), 
 require("../../theme/motion.js"), require("../../theme/type.js"), require("../../hooks/useObserveTheme.js"), 
-require("../../hooks/useWindow.js"), require("../../chunks/Button-mVVfNCqC.js"), 
+require("../../hooks/useWindow.js"), require("../../chunks/misc-BTF7BCZW.js"), require("../../chunks/Button-ID8wGXIa.js"), 
 require("../../chunks/Badge-CY_DG6cD.js"), require("../../chunks/style-inject.es-CMuL-BfJ.js"), 
-require("../../chunks/Dot-_HCJ3qxd.js"), require("../../chunks/Icon-N0YJuKQf.js"), 
-require("../../chunks/misc-BTF7BCZW.js"), require("../../chunks/ProgressIndicator-CyFcr6Dk.js"), 
-require("../../chunks/sharedTypes-gCECyn2N.js"), require("../../chunks/IconButton-BXotgG2u.js"), 
-exports.TextField = TextField.TextField;
+require("../../chunks/Dot-_HCJ3qxd.js"), require("../../chunks/Icon-D1EB8S5r.js"), 
+require("../../chunks/ProgressIndicator-BGqIwycX.js"), require("../../chunks/sharedTypes-gCECyn2N.js"), 
+require("../../chunks/IconButton-B07Ttxbr.js"), exports.TextField = TextField.TextField;

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

@@ -1,6 +1,6 @@
 "use strict";
 
-var Tip = require("../../chunks/Tip-59T3TUN4.js");
+var Tip = require("../../chunks/Tip-BTIo1xG2.js");
 
 require("../../chunks/tslib.es6-C8dZW5nY.js"), require("react/jsx-runtime"), require("motion/react"), 
 require("react"), require("../../chunks/misc-BTF7BCZW.js"), require("../../chunks/style-inject.es-CMuL-BfJ.js"), 

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

@@ -1,12 +1,12 @@
 "use strict";
 
-var Toast = require("../../chunks/Toast-skIBuJ3b.js");
+var Toast = require("../../chunks/Toast-CZzAWG0S.js");
 
 require("../../chunks/tslib.es6-C8dZW5nY.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/elevations.js"), 
 require("../../theme/motion.js"), require("../../theme/type.js"), require("../../hooks/useObserveTheme.js"), 
-require("../../hooks/useWindow.js"), require("../../chunks/misc-BTF7BCZW.js"), require("../../chunks/Icon-N0YJuKQf.js"), 
+require("../../hooks/useWindow.js"), require("../../chunks/misc-BTF7BCZW.js"), require("../../chunks/Icon-D1EB8S5r.js"), 
 require("../../chunks/style-inject.es-CMuL-BfJ.js"), exports.Toast = Toast.Toast, 
 Object.defineProperty(exports, "ToastType", {
     enumerable: !0,

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

@@ -1,15 +1,14 @@
 "use strict";
 
-var UploadArea = require("../../chunks/UploadArea-Bfrwzo4O.js");
+var UploadArea = require("../../chunks/UploadArea-z9-1YjIV.js");
 
 require("react/jsx-runtime"), require("react"), require("../../chunks/misc-BTF7BCZW.js"), 
-require("../../chunks/tslib.es6-C8dZW5nY.js"), require("../../chunks/FileList-CCAtVNDo.js"), 
-require("../../chunks/FileIcon-CZLe2S2l.js"), require("../../hooks/useTheme.js"), 
-require("../../theme/themes.js"), require("../../theme/colors.js"), require("../../theme/corners.js"), 
-require("../../theme/elevations.js"), require("../../theme/motion.js"), require("../../theme/type.js"), 
-require("../../hooks/useObserveTheme.js"), require("../../hooks/useWindow.js"), 
-require("../../chunks/Icon-N0YJuKQf.js"), require("../../chunks/style-inject.es-CMuL-BfJ.js"), 
-require("../../chunks/ProgressIndicator-CyFcr6Dk.js"), require("motion/react"), 
+require("../../chunks/tslib.es6-C8dZW5nY.js"), require("../../chunks/Icon-D1EB8S5r.js"), 
+require("../../hooks/useTheme.js"), require("../../theme/themes.js"), require("../../theme/colors.js"), 
+require("../../theme/corners.js"), require("../../theme/elevations.js"), require("../../theme/motion.js"), 
+require("../../theme/type.js"), require("../../hooks/useObserveTheme.js"), require("../../hooks/useWindow.js"), 
+require("../../chunks/style-inject.es-CMuL-BfJ.js"), require("../../chunks/ProgressIndicator-BGqIwycX.js"), 
+require("motion/react"), require("../../chunks/FileList-BHwBIics.js"), require("../../chunks/FileIcon-CZLe2S2l.js"), 
 exports.UploadArea = UploadArea.UploadArea, exports.allTypes = UploadArea.allTypes, 
 exports.audioTypes = UploadArea.audioTypes, exports.documentTypes = UploadArea.documentTypes, 
 exports.imageTypes = UploadArea.imageTypes, exports.textTypes = UploadArea.textTypes, 

package/dist/cjs/index.js

@@ -1,10 +1,10 @@
 "use strict";
 
-var sharedTypes = require("./chunks/sharedTypes-gCECyn2N.js"), theme_themes = require("./theme/themes.js"), theme_colors = require("./theme/colors.js"), theme_elevations = require("./theme/elevations.js"), theme_motion = require("./theme/motion.js"), hooks_useTheme = require("./hooks/useTheme.js"), hooks_useObserveTheme = require("./hooks/useObserveTheme.js"), hooks_useDoubleClick = require("./hooks/useDoubleClick.js"), hooks_useToolTip = require("./hooks/useToolTip.js"), hooks_useKeyboardShortcuts = require("./hooks/useKeyboardShortcuts.js"), hooks_useLastUpdated = require("./hooks/useLastUpdated.js"), hooks_useLocalStore = require("./hooks/useLocalStore.js"), hooks_useWindow = require("./hooks/useWindow.js"), hooks_useObserveResize = require("./hooks/useObserveResize.js"), Avatar = require("./chunks/Avatar-Czt-12Ih.js"), AvatarGroup = require("./chunks/AvatarGroup-CGH2zY7a.js"), Badge = require("./chunks/Badge-CY_DG6cD.js"), IconButton = require("./chunks/IconButton-BXotgG2u.js"), Camera = require("./chunks/Camera-BGV_tNUP.js"), CheckBox = require("./chunks/CheckBox-DyOgP15i.js"), DivInput = require("./chunks/DivInput-DdZA8S1k.js"), Dot = require("./chunks/Dot-_HCJ3qxd.js"), DrggablePanel = require("./chunks/DrggablePanel-CkhCXqKv.js"), DropDown = require("./chunks/DropDown-Ce8aU2va.js"), ErrorSummary = require("./chunks/ErrorSummary-By4CjJ9a.js"), Grouper = require("./chunks/Grouper-BbovOSYw.js"), Overlay = require("./chunks/Overlay-BX6vXX9F.js"), FlexDiv = require("./chunks/FlexDiv-B3q6j3W9.js"), Pager = require("./chunks/Pager-Da9AqSFN.js"), PromptInput = require("./chunks/PromptInput-B-Wlfnhx.js"), ProgressIndicator = require("./chunks/ProgressIndicator-CyFcr6Dk.js"), RadioButton = require("./chunks/RadioButton-B8GIKGm-.js"), RadioButtonList = require("./chunks/RadioButtonList-3o1IvhdC.js"), Slider = require("./chunks/Slider-CnXBacf-.js"), Spacer = require("./chunks/Spacer-CtxV2Pww.js"), Switch = require("./chunks/Switch-BiTshVLM.js"), TabBar = require("./chunks/TabBar-DZ2y7owf.js"), TextArea = require("./chunks/TextArea-D7E8loob.js"), TextField = require("./chunks/TextField-BAcYBHb1.js"), providers_ThemeProvider = require("./providers/ThemeProvider.js"), Tip = require("./chunks/Tip-59T3TUN4.js"), Toast = require("./chunks/Toast-skIBuJ3b.js"), Button = require("./chunks/Button-mVVfNCqC.js"), Chip = require("./chunks/Chip-Z8erRdWG.js"), FileIcon = require("./chunks/FileIcon-CZLe2S2l.js"), Icon = require("./chunks/Icon-N0YJuKQf.js"), _types = require("./chunks/_types-BD6txsj1.js"), ButtonBar = require("./chunks/ButtonBar-CFAb4bfQ.js"), Label = require("./chunks/Label-CZvJbATa.js"), UploadArea = require("./chunks/UploadArea-Bfrwzo4O.js");
+var sharedTypes = require("./chunks/sharedTypes-gCECyn2N.js"), theme_themes = require("./theme/themes.js"), theme_colors = require("./theme/colors.js"), theme_elevations = require("./theme/elevations.js"), theme_motion = require("./theme/motion.js"), hooks_useTheme = require("./hooks/useTheme.js"), hooks_useObserveTheme = require("./hooks/useObserveTheme.js"), hooks_useDoubleClick = require("./hooks/useDoubleClick.js"), hooks_useToolTip = require("./hooks/useToolTip.js"), hooks_useKeyboardShortcuts = require("./hooks/useKeyboardShortcuts.js"), hooks_useLastUpdated = require("./hooks/useLastUpdated.js"), hooks_useLocalStore = require("./hooks/useLocalStore.js"), hooks_useWindow = require("./hooks/useWindow.js"), hooks_useObserveResize = require("./hooks/useObserveResize.js"), Avatar = require("./chunks/Avatar-CUaQ3kN1.js"), AvatarGroup = require("./chunks/AvatarGroup-B3M7o4Hh.js"), Badge = require("./chunks/Badge-CY_DG6cD.js"), IconButton = require("./chunks/IconButton-B07Ttxbr.js"), Camera = require("./chunks/Camera-rVC4KI4v.js"), CheckBox = require("./chunks/CheckBox-DQRLqTAK.js"), DivInput = require("./chunks/DivInput-DrwFMexA.js"), Dot = require("./chunks/Dot-_HCJ3qxd.js"), DrggablePanel = require("./chunks/DrggablePanel-CkhCXqKv.js"), DropDown = require("./chunks/DropDown-C3AZ5b_b.js"), ErrorSummary = require("./chunks/ErrorSummary-BTgAd3sK.js"), Grouper = require("./chunks/Grouper-D4yyHHkM.js"), Overlay = require("./chunks/Overlay-BX6vXX9F.js"), FlexDiv = require("./chunks/FlexDiv-B3q6j3W9.js"), Pager = require("./chunks/Pager-BN37VYEC.js"), PromptInput = require("./chunks/PromptInput-D0aehf9X.js"), ProgressIndicator = require("./chunks/ProgressIndicator-BGqIwycX.js"), RadioButton = require("./chunks/RadioButton-DuIsM4lu.js"), RadioButtonList = require("./chunks/RadioButtonList-bu11ILyw.js"), Slider = require("./chunks/Slider-CnXBacf-.js"), Spacer = require("./chunks/Spacer-CtxV2Pww.js"), Switch = require("./chunks/Switch-Cbn0ql3B.js"), TabBar = require("./chunks/TabBar-Bcq_n4Mk.js"), TextArea = require("./chunks/TextArea-CEwhpWXT.js"), TextField = require("./chunks/TextField-Dl9sTcC4.js"), providers_ThemeProvider = require("./providers/ThemeProvider.js"), Tip = require("./chunks/Tip-BTIo1xG2.js"), Toast = require("./chunks/Toast-CZzAWG0S.js"), Button = require("./chunks/Button-ID8wGXIa.js"), Chip = require("./chunks/Chip-CflUNqhY.js"), FileIcon = require("./chunks/FileIcon-CZLe2S2l.js"), Icon = require("./chunks/Icon-D1EB8S5r.js"), _types = require("./chunks/_types-BD6txsj1.js"), ButtonBar = require("./chunks/ButtonBar-BZ6sme27.js"), Label = require("./chunks/Label-CTzvGcds.js"), UploadArea = require("./chunks/UploadArea-z9-1YjIV.js");
 
 require("./theme/corners.js"), require("./theme/type.js"), require("react"), require("./chunks/tslib.es6-C8dZW5nY.js"), 
 require("react/jsx-runtime"), require("./chunks/misc-BTF7BCZW.js"), require("./chunks/style-inject.es-CMuL-BfJ.js"), 
-require("motion/react"), require("./chunks/colors-njquvHkx.js"), require("./chunks/FileList-CCAtVNDo.js"), 
+require("motion/react"), require("./chunks/colors-njquvHkx.js"), require("./chunks/FileList-BHwBIics.js"), 
 require("./chunks/debounce-BF4i6uIC.js"), Object.defineProperty(exports, "ToolTipType", {
     enumerable: !0,
     get: function() {
@@ -40,7 +40,12 @@ Object.defineProperty(exports, "FileIconNames", {
         return FileIcon.FileIconNames;
     }
 }), exports.Icon = Icon.Icon, exports.SliceIcons = _types.SliceIcons, exports.ButtonBar = ButtonBar.ButtonBar, 
-exports.Label = Label.Label, exports.UploadArea = UploadArea.UploadArea, exports.allTypes = UploadArea.allTypes, 
+exports.Label = Label.Label, Object.defineProperty(exports, "LabelBackground", {
+    enumerable: !0,
+    get: function() {
+        return Label.LabelBackground;
+    }
+}), exports.UploadArea = UploadArea.UploadArea, exports.allTypes = UploadArea.allTypes, 
 exports.audioTypes = UploadArea.audioTypes, exports.documentTypes = UploadArea.documentTypes, 
 exports.imageTypes = UploadArea.imageTypes, exports.textTypes = UploadArea.textTypes, 
 exports.videoTypes = UploadArea.videoTypes;

package/dist/cjs/stores/LocalDB.js

@@ -1,8 +1,9 @@
 "use strict";
 
-var localDBStore = require("../chunks/localDBStore-Cl1YFPIe.js");
+var localDBStore = require("../chunks/localDBStore-zyDhaEiP.js");
 
-require("../chunks/tslib.es6-C8dZW5nY.js"), require("zustand"), require("../chunks/IndexedDB-BxQn7aHU.js"), 
-exports.localDBActions = localDBStore.localDBActions, exports.useLocalDB = localDBStore.useLocalDB, 
-exports.useLocalDBError = localDBStore.useLocalDBError, exports.useLocalDBStore = localDBStore.useLocalDBStore, 
-exports.useLocalDBValues = localDBStore.useLocalDBValues;
+require("../chunks/tslib.es6-C8dZW5nY.js"), require("react"), require("zustand"), 
+require("zustand/react/shallow"), require("../chunks/IndexedDB-BaVmQgkK.js"), exports.localDBActions = localDBStore.localDBActions, 
+exports.useLocalDB = localDBStore.useLocalDB, exports.useLocalDBError = localDBStore.useLocalDBError, 
+exports.useLocalDBStore = localDBStore.useLocalDBStore, exports.useLocalDBValues = localDBStore.useLocalDBValues, 
+exports.useManageLocalDB = localDBStore.useManageLocalDB;

package/dist/cjs/stores.js

@@ -1,10 +1,10 @@
 "use strict";
 
-var windowStore = require("./chunks/windowStore-CCxCOUqa.js"), uploadsStore = require("./chunks/uploadsStore-CxWIctvI.js"), tipStore = require("./chunks/tipStore-Ck4NLvml.js"), toastStore = require("./chunks/toastStore-CSStgB9d.js"), localDBStore = require("./chunks/localDBStore-Cl1YFPIe.js"), sseStore = require("./chunks/sseStore-1OeJ9TRP.js");
+var windowStore = require("./chunks/windowStore-CCxCOUqa.js"), uploadsStore = require("./chunks/uploadsStore-CxWIctvI.js"), tipStore = require("./chunks/tipStore-Ck4NLvml.js"), toastStore = require("./chunks/toastStore-CSStgB9d.js"), localDBStore = require("./chunks/localDBStore-zyDhaEiP.js"), sseStore = require("./chunks/sseStore-1OeJ9TRP.js");
 
 require("./chunks/tslib.es6-C8dZW5nY.js"), require("zustand"), require("./chunks/uploads-worker-mD8pcsGP.js"), 
-require("./chunks/IndexedDB-BxQn7aHU.js"), require("./chunks/SSEConnection-C-1OzEOp.js"), 
-Object.defineProperty(exports, "FormFactor", {
+require("react"), require("zustand/react/shallow"), require("./chunks/IndexedDB-BaVmQgkK.js"), 
+require("./chunks/SSEConnection-C-1OzEOp.js"), Object.defineProperty(exports, "FormFactor", {
     enumerable: !0,
     get: function() {
         return windowStore.FormFactor;
@@ -33,8 +33,8 @@ exports.toastActions = toastStore.toastActions, exports.useToast = toastStore.us
 exports.useToastActions = toastStore.useToastActions, exports.useToastStore = toastStore.useToastStore, 
 exports.localDBActions = localDBStore.localDBActions, exports.useLocalDB = localDBStore.useLocalDB, 
 exports.useLocalDBError = localDBStore.useLocalDBError, exports.useLocalDBStore = localDBStore.useLocalDBStore, 
-exports.useLocalDBValues = localDBStore.useLocalDBValues, exports.useConnectionClose = sseStore.useConnectionClose, 
-exports.useConnectionMessage = sseStore.useConnectionMessage, exports.useIsConnected = sseStore.useIsConnected, 
-exports.useLastSSEMessage = sseStore.useLastSSEMessage, exports.useMessage = sseStore.useMessage, 
-exports.useSSE = sseStore.useSSE, exports.useSSEActions = sseStore.useSSEActions, 
+exports.useLocalDBValues = localDBStore.useLocalDBValues, exports.useManageLocalDB = localDBStore.useManageLocalDB, 
+exports.useConnectionClose = sseStore.useConnectionClose, exports.useConnectionMessage = sseStore.useConnectionMessage, 
+exports.useIsConnected = sseStore.useIsConnected, exports.useLastSSEMessage = sseStore.useLastSSEMessage, 
+exports.useMessage = sseStore.useMessage, exports.useSSE = sseStore.useSSE, exports.useSSEActions = sseStore.useSSEActions, 
 exports.useSSEStore = sseStore.useSSEStore;

package/dist/cjs/utils/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var misc = require("../chunks/misc-BTF7BCZW.js"), debounce = require("../chunks/debounce-BF4i6uIC.js"), colors = require("../chunks/colors-njquvHkx.js"), IndexedDB = require("../chunks/IndexedDB-BxQn7aHU.js"), SSEConnection = require("../chunks/SSEConnection-C-1OzEOp.js"), WSConnection = require("../chunks/WSConnection-DrOC8Z0R.js");
+var misc = require("../chunks/misc-BTF7BCZW.js"), debounce = require("../chunks/debounce-BF4i6uIC.js"), colors = require("../chunks/colors-njquvHkx.js"), IndexedDB = require("../chunks/IndexedDB-BaVmQgkK.js"), SSEConnection = require("../chunks/SSEConnection-C-1OzEOp.js"), WSConnection = require("../chunks/WSConnection-DrOC8Z0R.js");
 
 require("../chunks/tslib.es6-C8dZW5nY.js"), exports.copyToClipboard = misc.copyToClipboard, 
 exports.hexToRgb = misc.hexToRgb, exports.debounce = debounce.debounce, exports.addOpacity = colors.addOpacity, 

package/dist/cjs/utils/objects/index.js

@@ -1,6 +1,6 @@
 "use strict";
 
-var IndexedDB = require("../../chunks/IndexedDB-BxQn7aHU.js"), SSEConnection = require("../../chunks/SSEConnection-C-1OzEOp.js"), WSConnection = require("../../chunks/WSConnection-DrOC8Z0R.js");
+var IndexedDB = require("../../chunks/IndexedDB-BaVmQgkK.js"), SSEConnection = require("../../chunks/SSEConnection-C-1OzEOp.js"), WSConnection = require("../../chunks/WSConnection-DrOC8Z0R.js");
 
 require("../../chunks/tslib.es6-C8dZW5nY.js"), exports.IndexedDB = IndexedDB.IndexedDB, 
 exports.SSEConnection = SSEConnection.SSEConnection, exports.WSConnection = WSConnection.WSConnection;

package/dist/css/flexBox.module.css

@@ -0,0 +1,85 @@
+.row {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}
+
+.rowBetween {
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}
+
+.rowStart {
+	display: flex;
+	justify-content: flex-start;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}
+
+.rowEnd {
+	display: flex;
+	justify-content: flex-end;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}
+
+.column {
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}
+
+.columnStart {
+	display: flex;
+	flex-direction: column;
+	justify-content: flex-start;
+	align-items: flex-start;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}
+
+.columnStartCenter {
+	display: flex;
+	flex-direction: column;
+	justify-content: flex-start;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}
+
+.columnBetween {
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+	align-items: center;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}
+
+.columnEnd {
+	display: flex;
+	flex-direction: column;
+	justify-content: flex-end;
+	align-items: flex-end;
+	box-sizing: border-box;
+	padding: 0;
+	margin: 0;
+}

package/dist/css/type.module.css

@@ -0,0 +1,206 @@
+.body-xs-regular {
+	font-family: var(--font-family), sans-serif;
+	font-weight: var(--font-weight-regular);
+	font-size: var(--font-size-xs);
+	line-height: 133.33%;
+	text-decoration: none;
+	letter-spacing: 0.2px;
+}
+
+.body-xs-medium {
+	font-family: var(--font-family), sans-serif;
+	font-weight: var(--font-weight-medium);
+	font-size: var(--font-size-xs);
+	line-height: 133.33%;
+	text-decoration: none;
+	letter-spacing: 0.2px;
+}
+
+.body-xs-bold {
+	font-family: var(--font-family), sans-serif;
+	font-weight: var(--font-weight-bold);
+	font-size: var(--font-size-xs);
+	line-height: 133.33%;
+	text-decoration: none;
+	letter-spacing: 0.25px;
+}
+
+.body-s-regular {
+	font-family: var(--font-family), sans-serif;
+	font-weight: var(--font-weight-regular);
+	font-size: var(--font-size-s);
+	line-height: 142.86%;
+	text-decoration: none;
+	letter-spacing: 0.15px;
+}
+
+.body-s-medium {
+	font-family: var(--font-family), sans-serif;
+	font-weight: var(--font-weight-medium);
+	font-size: var(--font-size-s);
+	line-height: 142.86%;
+	text-decoration: none;
+	letter-spacing: 0.15px;
+}
+
+.body-s-bold {
+	font-family: var(--font-family), sans-serif;
+	font-weight: var(--font-weight-bold);
+	font-size: var(--font-size-s);
+	line-height: 142.86%;
+	text-decoration: none;
+	letter-spacing: 0.2px;
+}
+
+.body-m-regular {
+	font-family: var(--font-family), sans-serif;
+	font-weight: var(--font-weight-regular);
+	font-size: var(--font-size-m);
+	line-height: 140%;
+	text-decoration: none;
+	letter-spacing: 0.15px;
+}
+
+.body-m-medium {
+	font-family: var(--font-family), sans-serif;
+	font-weight: var(--font-weight-medium);
+	font-size: var(--font-size-m);
+	line-height: 140%;
+	text-decoration: none;
+	letter-spacing: 0.15px;
+}
+
+.body-m-bold {
+	font-family: var(--font-family), sans-serif;
+	font-weight: var(--font-weight-bold);
+	font-size: var(--font-size-m);
+	line-height: 140%;
+	text-decoration: none;
+	letter-spacing: 0.2px;
+}
+
+.body-l-regular {
+	font-family: var(--font-family), sans-serif;
+	font-weight: var(--font-weight-regular);
+	font-size: var(--font-size-l);
+	line-height: 162.5%;
+	text-decoration: none;
+	letter-spacing: 0.1px;
+}
+
+.body-l-medium {
+	font-family: var(--font-family), sans-serif;
+	font-weight: var(--font-weight-medium);
+	font-size: var(--font-size-l);
+	line-height: 162.5%;
+	text-decoration: none;
+	letter-spacing: 0.1px;
+}
+
+.body-l-bold {
+	font-family: var(--font-family), sans-serif;
+	font-weight: var(--font-weight-bold);
+	font-size: var(--font-size-l);
+	line-height: 162.5%;
+	text-decoration: none;
+	letter-spacing: 0.15px;
+}
+
+.body-xl-regular {
+	font-family: var(--font-family), sans-serif;
+	font-weight: var(--font-weight-regular);
+	font-size: var(--font-size-xl);
+	line-height: 162.5%;
+	text-decoration: none;
+	letter-spacing: 0.1px;
+}
+
+.body-xl-medium {
+	font-family: var(--font-family), sans-serif;
+	font-weight: var(--font-weight-medium);
+	font-size: var(--font-size-xl);
+	line-height: 162.5%;
+	text-decoration: none;
+	letter-spacing: 0.1px;
+}
+
+.body-xl-bold {
+	font-family: var(--font-family), sans-serif;
+	font-weight: var(--font-weight-bold);
+	font-size: var(--font-size-xl);
+	line-height: 162.5%;
+	text-decoration: none;
+	letter-spacing: 0.15px;
+}
+
+.heading-s-medium {
+	font-family: var(--font-family), sans-serif;
+	font-weight: 500;
+	font-size: 20px;
+	line-height: 140%;
+	text-decoration: none;
+	letter-spacing: 0.2px;
+}
+
+.heading-s-bold {
+	font-family: var(--font-family), sans-serif;
+	font-weight: 600;
+	font-size: 20px;
+	line-height: 140%;
+	text-decoration: none;
+	letter-spacing: 0.2px;
+}
+
+.heading-m-bold {
+	font-family: var(--font-family), sans-serif;
+	font-weight: 500;
+	font-size: 24px;
+	line-height: 116.67%;
+	text-decoration: none;
+	letter-spacing: 0.2px;
+}
+
+.heading-m-medium {
+	font-family: var(--font-family), sans-serif;
+	font-weight: 600;
+	font-size: 24px;
+	line-height: 116.67%;
+	text-decoration: none;
+	letter-spacing: 0.2px;
+}
+
+.heading-l-medium {
+	font-family: var(--font-family), sans-serif;
+	font-weight: 500;
+	font-size: 30px;
+	line-height: 128.57%;
+	text-decoration: none;
+	letter-spacing: 0.2px;
+}
+
+.heading-l-bold {
+	font-family: var(--font-family), sans-serif;
+	font-weight: 600;
+	font-size: 30px;
+	line-height: 128.57%;
+	text-decoration: none;
+	letter-spacing: 0.2px;
+}
+
+.heading-xl-medium {
+	font-family: var(--font-family), sans-serif;
+	font-weight: 500;
+	font-size: 36px;
+	line-height: 128.57%;
+	text-decoration: none;
+	letter-spacing: 0.2px;
+}
+
+.heading-xl-bold {
+	font-family: var(--font-family), sans-serif;
+	font-weight: 600;
+	font-size: 36px;
+	line-height: 128.57%;
+	text-decoration: none;
+	letter-spacing: 0.2px;
+}

package/dist/esm/chunks/{Avatar-DCCbj2eA.mjs → Avatar-CSLVUF_y.mjs}

@@ -14,7 +14,7 @@ styleInject(".flexBox-module_row__z24tF {\n\tdisplay: flex;\n\tjustify-content:
 
 const Avatar = React.memo(props => {
     var _a;
-    const {email: email, name: name, image: image = "", borderSize: borderSize = 0, color: color, borderColor: borderColor, borderColorHover: borderColorHover, outerBorderSize: outerBorderSize, outerBorderColor: outerBorderColor, bgColor: bgColor, onClick: onClick, onKeyDown: onKeyDown, fontSize: fontSize, onToolTip: onToolTip = () => null, size: size = 34, frame: frame = 34, tabIndex: tabIndex = 0} = props, divAttributes = __rest(props, [ "email", "name", "image", "borderSize", "color", "borderColor", "borderColorHover", "outerBorderSize", "outerBorderColor", "bgColor", "onClick", "onKeyDown", "fontSize", "onToolTip", "size", "frame", "tabIndex" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", ref = useRef(null), [textSize, setTextSize] = useState("inherit"), initials = useMemo(() => {
+    const {email: email, name: name, image: image = "", textColor: textColor, borderWidth: borderWidth, borderSize: borderSize = 0, color: color, borderColor: borderColor, borderColorHover: borderColorHover, outerBorderSize: outerBorderSize, outerBorderColor: outerBorderColor, backgroundColor: backgroundColor, bgColor: bgColor, onClick: onClick, onKeyDown: onKeyDown, fontSize: fontSize, onToolTip: onToolTip = () => null, size: size = 34, frame: frame = 34, tabIndex: tabIndex = 0} = props, divAttributes = __rest(props, [ "email", "name", "image", "textColor", "borderWidth", "borderSize", "color", "borderColor", "borderColorHover", "outerBorderSize", "outerBorderColor", "backgroundColor", "bgColor", "onClick", "onKeyDown", "fontSize", "onToolTip", "size", "frame", "tabIndex" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", ref = useRef(null), [textSize, setTextSize] = useState("inherit"), resolvedTextColor = null != textColor ? textColor : color, resolvedBorderWidth = null != borderWidth ? borderWidth : borderSize, resolvedBackgroundColor = null != backgroundColor ? backgroundColor : bgColor, initials = useMemo(() => {
         if (!name && !email) return "";
         if (name) {
             let last;
@@ -57,16 +57,16 @@ const Avatar = React.memo(props => {
     }, [ onClick, onKeyDown ]), avatarVars = useMemo(() => ({
         "--avatar-size": setStyle(size),
         "--avatar-frame": setStyle(frame),
-        "--avatar-border": `${borderSize}px`,
-        "--avatar-color": null != color ? color : "var(--core-text-primary)",
-        "--avatar-bg-color": null != bgColor ? bgColor : "var(--core-surface-secondary)",
+        "--avatar-border": `${resolvedBorderWidth}px`,
+        "--avatar-color": null != resolvedTextColor ? resolvedTextColor : "var(--core-text-primary)",
+        "--avatar-bg-color": null != resolvedBackgroundColor ? resolvedBackgroundColor : "var(--core-surface-secondary)",
         "--avatar-border-color": null != borderColor ? borderColor : "var(--core-outline-primary)",
         "--avatar-border-color-hover": null != borderColorHover ? borderColorHover : "var(--core-outline-special)",
         "--avatar-bg-image": `${bgImage}`,
         "--avatar-font-size": setStyle(textSize),
         "--avatar-outer-border-size": setStyle(outerBorderSize),
         "--avatar-outer-border-color": null != outerBorderColor ? outerBorderColor : "var(--core-surface-primary)"
-    }), [ size, frame, borderSize, color, bgColor, borderColor, borderColorHover, bgImage, textSize, outerBorderSize, outerBorderColor ]), classNames = useMemo(() => `${css_wrapper}${divClass}`, [ divClass ]);
+    }), [ size, frame, resolvedBorderWidth, resolvedTextColor, resolvedBackgroundColor, borderColor, borderColorHover, bgImage, textSize, outerBorderSize, outerBorderColor ]), classNames = useMemo(() => `${css_wrapper}${divClass}`, [ divClass ]);
     return jsx("div", Object.assign({
         id: divId,
         className: classNames,

package/dist/esm/chunks/{AvatarGroup-BaD2Xmda.mjs → AvatarGroup--ELW-bO1.mjs}

@@ -4,7 +4,7 @@ import { jsx } from "react/jsx-runtime";
 
 import React, { useMemo } from "react";
 
-import { A as Avatar } from "./Avatar-DCCbj2eA.mjs";
+import { A as Avatar } from "./Avatar-CSLVUF_y.mjs";
 
 import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
 
@@ -13,28 +13,31 @@ var css_wrapper = "AvatarGroup-module_wrapper__MtOyq flexBox-module_rowStart__4t
 styleInject(".flexBox-module_row__z24tF {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__5FEvi {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__4tcxS {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__rVdVm {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__ezvMq {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__C7P44 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__PKcrG {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__ERfp7 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__lLJuc {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}\n\n.AvatarGroup-module_wrapper__MtOyq {\n\tgap: var(--ag-gap);\n\tmargin: var(--ag-margin);\n}\n\n.AvatarGroup-module_avatar__5NVpW {\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");
 
 const AvatarGroup = React.memo(props => {
-    const {avatars: avatars = [], size: size = 32, borderSize: borderSize = 3, overlap: overlap = 8, gap: gap = 0, borderColor: borderColor, borderColorHover: borderColorHover, outerBorderSize: outerBorderSize = 3, outerBorderColor: outerBorderColor = "var(--core-surface-primary)", margin: margin = 0, onToolTip: onToolTip = () => null} = props, divAttributes = __rest(props, [ "avatars", "size", "borderSize", "overlap", "gap", "borderColor", "borderColorHover", "outerBorderSize", "outerBorderColor", "margin", "onToolTip" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", cssVars = useMemo(() => ({
+    const {avatars: avatars = [], size: size = 32, borderWidth: borderWidth, borderSize: borderSize = 3, overlap: overlap = 8, gap: gap = 0, borderColor: borderColor, borderColorHover: borderColorHover, outerBorderSize: outerBorderSize = 3, outerBorderColor: outerBorderColor = "var(--core-surface-primary)", margin: margin = 0, onToolTip: onToolTip = () => null} = props, divAttributes = __rest(props, [ "avatars", "size", "borderWidth", "borderSize", "overlap", "gap", "borderColor", "borderColorHover", "outerBorderSize", "outerBorderColor", "margin", "onToolTip" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", resolvedBorderWidth = null != borderWidth ? borderWidth : borderSize, cssVars = useMemo(() => ({
         "--ag-gap": `${null != gap ? gap : 0}px`,
         "--ag-margin": `${null != margin ? margin : 0}px`,
         "--ag-overlap": (overlap > 0 ? -overlap : 0) + "px"
-    }), [ overlap, gap, margin ]), renderedAvatars = useMemo(() => avatars ? avatars.map((avatar, index) => jsx("div", {
-        className: css_avatar,
-        children: jsx(Avatar, {
-            name: `${avatar.first} ${avatar.last}`,
-            email: avatar.email,
-            image: avatar.image || avatar.avatar,
-            size: size,
-            frame: size,
-            borderSize: borderSize,
-            borderColor: borderColor,
-            borderColorHover: borderColorHover,
-            outerBorderSize: outerBorderSize,
-            outerBorderColor: outerBorderColor,
-            color: avatar.color,
-            bgColor: avatar.bgColor,
-            onToolTip: onToolTip
-        })
-    }, `avatar_${avatar.email}_${index}`)) : null, [ avatars, size, borderSize, borderColor, borderColorHover, outerBorderSize, outerBorderColor, onToolTip ]), classNames = useMemo(() => `${css_wrapper}${divClass}`, [ divClass ]);
+    }), [ overlap, gap, margin ]), renderedAvatars = useMemo(() => avatars ? avatars.map((avatar, index) => {
+        var _a, _b;
+        return jsx("div", {
+            className: css_avatar,
+            children: jsx(Avatar, {
+                name: `${avatar.first} ${avatar.last}`,
+                email: avatar.email,
+                image: avatar.image || avatar.avatar,
+                size: size,
+                frame: size,
+                borderWidth: resolvedBorderWidth,
+                borderColor: borderColor,
+                borderColorHover: borderColorHover,
+                outerBorderSize: outerBorderSize,
+                outerBorderColor: outerBorderColor,
+                textColor: null !== (_a = avatar.textColor) && void 0 !== _a ? _a : avatar.color,
+                backgroundColor: null !== (_b = avatar.backgroundColor) && void 0 !== _b ? _b : avatar.bgColor,
+                onToolTip: onToolTip
+            })
+        }, `avatar_${avatar.email}_${index}`);
+    }) : null, [ avatars, size, resolvedBorderWidth, borderColor, borderColorHover, outerBorderSize, outerBorderColor, onToolTip ]), classNames = useMemo(() => `${css_wrapper}${divClass}`, [ divClass ]);
     return jsx("div", Object.assign({
         id: divId,
         className: classNames,