@apple-pie/slice 0.1.28 → 0.1.30

package/dist/cjs/stores/microphone.js

@@ -1,12 +1,14 @@
 "use strict";
 
-var microphoneStore = require("../chunks/microphoneStore-CgFohRfy.js");
+var microphoneStore = require("../chunks/microphoneStore-D1fV_8QQ.js");
 
 require("../chunks/tslib.es6-C8dZW5nY.js"), require("react"), require("zustand"), 
 exports.getMicrophoneState = microphoneStore.getMicrophoneState, exports.microphoneActions = microphoneStore.microphoneActions, 
-exports.useMicActive = microphoneStore.useMicActive, exports.useMicError = microphoneStore.useMicError, 
+exports.useCurrentMicDeviceId = microphoneStore.useCurrentMicDeviceId, exports.useMicActive = microphoneStore.useMicActive, 
+exports.useMicError = microphoneStore.useMicError, exports.useMicInputVolume = microphoneStore.useMicInputVolume, 
 exports.useMicMuted = microphoneStore.useMicMuted, exports.useMicOptions = microphoneStore.useMicOptions, 
 exports.useMicRequesting = microphoneStore.useMicRequesting, exports.useMicStream = microphoneStore.useMicStream, 
 exports.useMicSupported = microphoneStore.useMicSupported, exports.useMicTrack = microphoneStore.useMicTrack, 
 exports.useMicrophoneStore = microphoneStore.useMicrophoneStore, exports.useMicrophoneStoreActions = microphoneStore.useMicrophoneStoreActions, 
-exports.useMicrophones = microphoneStore.useMicrophones, exports.useSyncMicrophoneStore = microphoneStore.useSyncMicrophoneStore;
+exports.useMicrophones = microphoneStore.useMicrophones, exports.useProcessedMicStream = microphoneStore.useProcessedMicStream, 
+exports.useSyncMicrophoneStore = microphoneStore.useSyncMicrophoneStore;

package/dist/cjs/stores/modal.js

@@ -0,0 +1,7 @@
+"use strict";
+
+var modalStore = require("../chunks/modalStore-7VjHHM8X.js");
+
+require("zustand"), exports.getModal = modalStore.getModal, exports.modalActions = modalStore.modalActions, 
+exports.useModal = modalStore.useModal, exports.useModalActions = modalStore.useModalActions, 
+exports.useModalStore = modalStore.useModalStore;

package/dist/cjs/stores/uploads.js

@@ -1,8 +1,8 @@
 "use strict";
 
-var uploadsStore = require("../chunks/uploadsStore-CxWIctvI.js");
+var uploadsStore = require("../chunks/uploadsStore-8mOTz0Qe.js");
 
-require("zustand"), require("../chunks/uploads-worker-mD8pcsGP.js"), require("../chunks/tslib.es6-C8dZW5nY.js"), 
+require("zustand"), require("../chunks/uploads-worker-Az040BSN.js"), require("../chunks/tslib.es6-C8dZW5nY.js"), 
 exports.createUploadsWorker = uploadsStore.createUploadsWorker, exports.getUploads = uploadsStore.getUploads, 
 exports.getUploadsError = uploadsStore.getUploadsError, exports.getUploadsWorkerStatus = uploadsStore.getUploadsWorkerStatus, 
 exports.uploadsActions = uploadsStore.uploadsActions, exports.uploadsInitialized = uploadsStore.uploadsInitialized, 

package/dist/cjs/stores/volume.js

@@ -0,0 +1,10 @@
+"use strict";
+
+var volumeStore = require("../chunks/volumeStore-Pv23v12t.js");
+
+require("../chunks/tslib.es6-C8dZW5nY.js"), require("zustand"), exports.getAttachedMedia = volumeStore.getAttachedMedia, 
+exports.getMuted = volumeStore.getMuted, exports.getStoredVolume = volumeStore.getStoredVolume, 
+exports.getVolume = volumeStore.getVolume, exports.useAttachedMedia = volumeStore.useAttachedMedia, 
+exports.useMuted = volumeStore.useMuted, exports.useStoredVolume = volumeStore.useStoredVolume, 
+exports.useVolume = volumeStore.useVolume, exports.useVolumeActions = volumeStore.useVolumeActions, 
+exports.useVolumeStore = volumeStore.useVolumeStore, exports.volumeActions = volumeStore.volumeActions;

package/dist/cjs/stores.js

@@ -1,8 +1,8 @@
 "use strict";
 
-var windowStore = require("./chunks/windowStore-CCxCOUqa.js"), uploadsStore = require("./chunks/uploadsStore-CxWIctvI.js"), microphoneStore = require("./chunks/microphoneStore-CgFohRfy.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");
+var windowStore = require("./chunks/windowStore-CCxCOUqa.js"), uploadsStore = require("./chunks/uploadsStore-8mOTz0Qe.js"), volumeStore = require("./chunks/volumeStore-Pv23v12t.js"), microphoneStore = require("./chunks/microphoneStore-D1fV_8QQ.js"), modalStore = require("./chunks/modalStore-7VjHHM8X.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/tslib.es6-C8dZW5nY.js"), require("zustand"), require("./chunks/uploads-worker-Az040BSN.js"), 
 require("react"), require("zustand/react/shallow"), require("./chunks/IndexedDB-BaVmQgkK.js"), 
 require("./chunks/SSEConnection-C-1OzEOp.js"), Object.defineProperty(exports, "FormFactor", {
     enumerable: !0,
@@ -26,22 +26,32 @@ exports.getUploadsWorkerStatus = uploadsStore.getUploadsWorkerStatus, exports.up
 exports.uploadsInitialized = uploadsStore.uploadsInitialized, exports.useUploads = uploadsStore.useUploads, 
 exports.useUploadsActions = uploadsStore.useUploadsActions, exports.useUploadsError = uploadsStore.useUploadsError, 
 exports.useUploadsInitialized = uploadsStore.useUploadsInitialized, exports.useUploadsStore = uploadsStore.useUploadsStore, 
-exports.useUploadsWorkerStatus = uploadsStore.useUploadsWorkerStatus, exports.getMicrophoneState = microphoneStore.getMicrophoneState, 
-exports.microphoneActions = microphoneStore.microphoneActions, exports.useMicActive = microphoneStore.useMicActive, 
-exports.useMicError = microphoneStore.useMicError, exports.useMicMuted = microphoneStore.useMicMuted, 
-exports.useMicOptions = microphoneStore.useMicOptions, exports.useMicRequesting = microphoneStore.useMicRequesting, 
-exports.useMicStream = microphoneStore.useMicStream, exports.useMicSupported = microphoneStore.useMicSupported, 
-exports.useMicTrack = microphoneStore.useMicTrack, exports.useMicrophoneStore = microphoneStore.useMicrophoneStore, 
-exports.useMicrophoneStoreActions = microphoneStore.useMicrophoneStoreActions, exports.useMicrophones = microphoneStore.useMicrophones, 
-exports.useSyncMicrophoneStore = microphoneStore.useSyncMicrophoneStore, exports.getTip = tipStore.getTip, 
-exports.tipActions = tipStore.tipActions, exports.useTip = tipStore.useTip, exports.useTipActions = tipStore.useTipActions, 
-exports.useTipStore = tipStore.useTipStore, exports.getToast = toastStore.getToast, 
-exports.toastActions = toastStore.toastActions, exports.useToast = toastStore.useToast, 
-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.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.useUploadsWorkerStatus = uploadsStore.useUploadsWorkerStatus, exports.getAttachedMedia = volumeStore.getAttachedMedia, 
+exports.getMuted = volumeStore.getMuted, exports.getStoredVolume = volumeStore.getStoredVolume, 
+exports.getVolume = volumeStore.getVolume, exports.useAttachedMedia = volumeStore.useAttachedMedia, 
+exports.useMuted = volumeStore.useMuted, exports.useStoredVolume = volumeStore.useStoredVolume, 
+exports.useVolume = volumeStore.useVolume, exports.useVolumeActions = volumeStore.useVolumeActions, 
+exports.useVolumeStore = volumeStore.useVolumeStore, exports.volumeActions = volumeStore.volumeActions, 
+exports.getMicrophoneState = microphoneStore.getMicrophoneState, exports.microphoneActions = microphoneStore.microphoneActions, 
+exports.useCurrentMicDeviceId = microphoneStore.useCurrentMicDeviceId, exports.useMicActive = microphoneStore.useMicActive, 
+exports.useMicError = microphoneStore.useMicError, exports.useMicInputVolume = microphoneStore.useMicInputVolume, 
+exports.useMicMuted = microphoneStore.useMicMuted, exports.useMicOptions = microphoneStore.useMicOptions, 
+exports.useMicRequesting = microphoneStore.useMicRequesting, exports.useMicStream = microphoneStore.useMicStream, 
+exports.useMicSupported = microphoneStore.useMicSupported, exports.useMicTrack = microphoneStore.useMicTrack, 
+exports.useMicrophoneStore = microphoneStore.useMicrophoneStore, exports.useMicrophoneStoreActions = microphoneStore.useMicrophoneStoreActions, 
+exports.useMicrophones = microphoneStore.useMicrophones, exports.useProcessedMicStream = microphoneStore.useProcessedMicStream, 
+exports.useSyncMicrophoneStore = microphoneStore.useSyncMicrophoneStore, exports.getModal = modalStore.getModal, 
+exports.modalActions = modalStore.modalActions, exports.useModal = modalStore.useModal, 
+exports.useModalActions = modalStore.useModalActions, exports.useModalStore = modalStore.useModalStore, 
+exports.getTip = tipStore.getTip, exports.tipActions = tipStore.tipActions, exports.useTip = tipStore.useTip, 
+exports.useTipActions = tipStore.useTipActions, exports.useTipStore = tipStore.useTipStore, 
+exports.getToast = toastStore.getToast, exports.toastActions = toastStore.toastActions, 
+exports.useToast = toastStore.useToast, 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.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/theme/colors.js

@@ -98,6 +98,8 @@ const coreColors = {
     "core-surface-coverup-translucent-dark": "#0000007a",
     "core-surface-overlay-translucent-light": "#ffffffcc",
     "core-surface-overlay-translucent-dark": "#1f262dcc",
+    "surface-primary-tint-light": "#fcfcfc",
+    "surface-primary-tint-dark": "#191e24",
     "scroll-bar-light": "#e3e8ef",
     "scroll-bar-dark": "rgba(255, 255, 255, 0.1)",
     "scroll-bar-hover-light": "#cdd5df",
@@ -142,6 +144,7 @@ const coreColors = {
     "core-surface-coverup-translucent": coreColors["core-surface-coverup-translucent-light"],
     "core-surface-overlay-translucent": coreColors["core-surface-overlay-translucent-light"],
     "core-surface-primary": coreColors["brand-white-0"],
+    "core-surface-primary-tint": coreColors["surface-primary-tint-light"],
     "core-surface-secondary": coreColors["brand-grey-50"],
     "core-surface-special": coreColors["brand-sea-50"],
     "core-text-dark": coreColors["brand-grey-950"],
@@ -152,7 +155,7 @@ const coreColors = {
     "core-text-secondary": coreColors["brand-grey-700"],
     "core-text-tertiary": coreColors["brand-grey-600"],
     "core-text-special": coreColors["brand-sea-500"],
-    "core-link-primary": coreColors["brand-sea-700"],
+    "core-link-primary": coreColors["brand-sea-500"],
     "eor-tag-employee": coreColors["brand-sky-700"],
     "eor-tag-overdue": coreColors["product-red-500"],
     "eor-tag-paid": coreColors["brand-land-700"],
@@ -208,6 +211,7 @@ const coreColors = {
     "core-surface-coverup-translucent": coreColors["core-surface-coverup-translucent-dark"],
     "core-surface-overlay-translucent": coreColors["core-surface-overlay-translucent-dark"],
     "core-surface-primary": coreColors["brand-grey-950"],
+    "core-surface-primary-tint": coreColors["surface-primary-tint-dark"],
     "core-surface-secondary": coreColors["brand-grey-900"],
     "core-surface-special": coreColors["brand-sky-950"],
     "core-text-dark": coreColors["brand-grey-950"],
@@ -276,6 +280,7 @@ exports.colorClass = {
     "core-surface-coverup-translucent": "core-surface-coverup-translucent",
     "core-surface-overlay-translucent": "core-surface-overlay-translucent",
     "core-surface-primary": "core-surface-primary",
+    "core-surface-primary-tint": "core-surface-primary-tint",
     "core-surface-secondary": "core-surface-secondary",
     "core-surface-special": "core-surface-special",
     "core-text-dark": "core-text-dark",
@@ -342,6 +347,7 @@ exports.colorClass = {
     "core-surface-coverup-translucent": "var(--core-surface-coverup-translucent)",
     "core-surface-overlay-translucent": "var(--core-surface-overlay-translucent)",
     "core-surface-primary": "var(--core-surface-primary)",
+    "core-surface-primary-tint": "var(--core-surface-primary-tint)",
     "core-surface-secondary": "var(--core-surface-secondary)",
     "core-surface-special": "var(--core-surface-special)",
     "core-text-dark": "var(--core-text-dark)",

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-BaVmQgkK.js"), audioVisualizer = require("../chunks/audioVisualizer-EIfIjWH7.js"), MdStreamBuffer = require("../chunks/MdStreamBuffer-DObxjnAm.js"), SSEConnection = require("../chunks/SSEConnection-C-1OzEOp.js"), WSConnection = require("../chunks/WSConnection-DrOC8Z0R.js");
+var misc = require("../chunks/misc-QpU0XEOW.js"), debounce = require("../chunks/debounce-BF4i6uIC.js"), colors = require("../chunks/colors-njquvHkx.js"), IndexedDB = require("../chunks/IndexedDB-BaVmQgkK.js"), audioVisualizer = require("../chunks/audioVisualizer-EIfIjWH7.js"), MdStreamBuffer = require("../chunks/MdStreamBuffer-CvLO7CVi.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-BaVmQgkK.js"), audioVisualizer = require("../../chunks/audioVisualizer-EIfIjWH7.js"), MdStreamBuffer = require("../../chunks/MdStreamBuffer-DObxjnAm.js"), SSEConnection = require("../../chunks/SSEConnection-C-1OzEOp.js"), WSConnection = require("../../chunks/WSConnection-DrOC8Z0R.js");
+var IndexedDB = require("../../chunks/IndexedDB-BaVmQgkK.js"), audioVisualizer = require("../../chunks/audioVisualizer-EIfIjWH7.js"), MdStreamBuffer = require("../../chunks/MdStreamBuffer-CvLO7CVi.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.AudioVisualizer = audioVisualizer.AudioVisualizer, exports.MdBuffer = MdStreamBuffer.MdBuffer, 

package/dist/cjs/workers/uploads/uploads.js

@@ -1,5 +1,5 @@
 "use strict";
 
-var uploadsWorker = require("../../chunks/uploads-worker-mD8pcsGP.js");
+var uploadsWorker = require("../../chunks/uploads-worker-Az040BSN.js");
 
 require("../../chunks/tslib.es6-C8dZW5nY.js"), uploadsWorker.registerUploadsWorker();

package/dist/esm/chunks/{Avatar-m5-zleDk.mjs → Avatar-29zhNfxX.mjs}

@@ -5,7 +5,7 @@ import { jsx } from "react/jsx-runtime";
 
 import React, { useRef, useState, useMemo, useEffect, useCallback } from "react";
 
-import { n as normalizedPercent, a as accessibleKeyDown, s as setStyle } from "./misc-BeEWwOaJ.mjs";
+import { n as normalizedPercent, a as accessibleKeyDown, s as setStyle } from "./misc-wS74txaa.mjs";
 
 import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
 

package/dist/esm/chunks/{AvatarGroup-DlgP4lTS.mjs → AvatarGroup-C7YRtPmJ.mjs}

@@ -5,7 +5,7 @@ import { jsx } from "react/jsx-runtime";
 
 import React, { useMemo } from "react";
 
-import { A as Avatar } from "./Avatar-m5-zleDk.mjs";
+import { A as Avatar } from "./Avatar-29zhNfxX.mjs";
 
 import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
 

package/dist/esm/chunks/{Button-BIbAGVV8.mjs → Button-BQS3rwrS.mjs}

@@ -11,9 +11,9 @@ import { B as Badge } from "./Badge-CC0zSLMf.mjs";
 
 import { D as Dot } from "./Dot-DZE134mJ.mjs";
 
-import { I as Icon } from "./Icon-DRzjkybv.mjs";
+import { I as Icon } from "./Icon--RjjODc9.mjs";
 
-import { P as ProgressIndicator } from "./ProgressIndicator-D5e7406q.mjs";
+import { P as ProgressIndicator } from "./ProgressIndicator-B5oByN3i.mjs";
 
 import { T as ToolTipType } from "./sharedTypes-tn9-uJvb.mjs";
 

package/dist/esm/chunks/{ButtonBar-B-1YFX9u.mjs → ButtonBar-GLNRjmjv.mjs}

@@ -5,9 +5,9 @@ import { jsx } from "react/jsx-runtime";
 
 import React, { useState, useEffect, useCallback, useMemo, useRef } from "react";
 
-import { s as setStyle } from "./misc-BeEWwOaJ.mjs";
+import { s as setStyle } from "./misc-wS74txaa.mjs";
 
-import { I as Icon } from "./Icon-DRzjkybv.mjs";
+import { I as Icon } from "./Icon--RjjODc9.mjs";
 
 import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
 

package/dist/esm/chunks/{Camera-BQBo2g52.mjs → Camera-CAp0Y2gN.mjs}

@@ -9,15 +9,15 @@ import { useTheme } from "../hooks/useTheme.mjs";
 
 import "../theme/colors.mjs";
 
-import { a as accessibleKeyDown } from "./misc-BeEWwOaJ.mjs";
+import { a as accessibleKeyDown } from "./misc-wS74txaa.mjs";
 
 import { a as addOpacity } from "./colors-FQ0uNQcW.mjs";
 
 import "../hooks/useWindow.mjs";
 
-import { A as Avatar } from "./Avatar-m5-zleDk.mjs";
+import { A as Avatar } from "./Avatar-29zhNfxX.mjs";
 
-import { I as Icon } from "./Icon-DRzjkybv.mjs";
+import { I as Icon } from "./Icon--RjjODc9.mjs";
 
 import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
 

package/dist/esm/chunks/{CheckBox-DDwE1wkX.mjs → CheckBox-7TiT2U47.mjs}

@@ -7,9 +7,9 @@ import { motion } from "motion/react";
 
 import React, { useState, useEffect, useMemo, useCallback } from "react";
 
-import { a as accessibleKeyDown } from "./misc-BeEWwOaJ.mjs";
+import { a as accessibleKeyDown } from "./misc-wS74txaa.mjs";
 
-import { I as Icon } from "./Icon-DRzjkybv.mjs";
+import { I as Icon } from "./Icon--RjjODc9.mjs";
 
 import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
 

package/dist/esm/chunks/{Chip-BuHc883v.mjs → Chip-CKsojimU.mjs}

@@ -5,9 +5,9 @@ import { jsxs, jsx } from "react/jsx-runtime";
 
 import React, { useState, useCallback, useMemo } from "react";
 
-import { s as setStyle, a as accessibleKeyDown } from "./misc-BeEWwOaJ.mjs";
+import { s as setStyle, a as accessibleKeyDown } from "./misc-wS74txaa.mjs";
 
-import { I as Icon } from "./Icon-DRzjkybv.mjs";
+import { I as Icon } from "./Icon--RjjODc9.mjs";
 
 import { T as ToolTipType } from "./sharedTypes-tn9-uJvb.mjs";
 

package/dist/esm/chunks/{DivInput-WJltaCra.mjs → DivInput-g6F1YWTo.mjs}

@@ -7,7 +7,7 @@ import { motion } from "motion/react";
 
 import React, { useRef, useState, useCallback, useEffect, useMemo } from "react";
 
-import { b as cleanString } from "./misc-BeEWwOaJ.mjs";
+import { b as cleanString } from "./misc-wS74txaa.mjs";
 
 import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
 

package/dist/esm/chunks/{DrggablePanel-Dc6lqqfO.mjs → DrggablePanel-C0AmJy8g.mjs}

@@ -9,7 +9,7 @@ import { useTheme } from "../hooks/useTheme.mjs";
 
 import "../theme/colors.mjs";
 
-import { p as pointerPosition } from "./misc-BeEWwOaJ.mjs";
+import { p as pointerPosition } from "./misc-wS74txaa.mjs";
 
 import "../hooks/useWindow.mjs";
 
@@ -45,7 +45,7 @@ const DraggablePanel = React.memo(props => {
         width: 10,
         color: "transparent",
         offsetX: !0
-    }, borderRight: borderRight = "1px solid var(--core-outline-primary)", borderLeft: borderLeft = "1px solid var(--core-outline-primary)", bgColor: bgColor = "transparent", drags: drags = "right", isTouchDevice: isTouchDevice = !1, disableOnContext: disableOnContext = !1, dragHandle: dragHandle = !0, dragHandleStyle: dragHandleStyle = {
+    }, borderRight: borderRight = "1px solid var(--core-outline-secondary)", borderLeft: borderLeft = "1px solid var(--core-outline-secondary)", bgColor: bgColor = "transparent", drags: drags = "right", isTouchDevice: isTouchDevice = !1, disableOnContext: disableOnContext = !1, dragHandle: dragHandle = !0, dragHandleStyle: dragHandleStyle = {
         height: 24,
         width: 9
     }, containerRef: containerRef, onResize: onResize = () => null, onResizeStart: onResizeStart = () => null, onResizeEnd: onResizeEnd = () => null} = props, divAttributes = __rest(props, [ "children", "sizeConstraints", "isClosed", "resizeHandle", "borderRight", "borderLeft", "bgColor", "drags", "isTouchDevice", "disableOnContext", "dragHandle", "dragHandleStyle", "containerRef", "onResize", "onResizeStart", "onResizeEnd" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", handle = useRef(null), div = useRef(null), [isDragging, setIsDragging] = useState(!1), isOver = useRef(!1), gripper = Object.assign({}, resizeHandle), containerSize = useObserveResize(containerRef), panelSize = useObserveResize(div), [handleHighlight, setHandleHighlight] = useState(!1), [lastWidth, setLastWidth] = useState(null), [panelClosed, setPanelClosed] = useState(isClosed), [constraints, setConstraints] = useState(() => resolveConstraints(sizeConstraints)), [contWidth, setContWidth] = useState(void 0), timer = useRef(null), closed = panelSize.width <= 1, startX = useRef(0), startWidth = useRef(0), divWidth = useRef(0), divHeight = useRef(0), deltaWidth = useRef(0), handleWindowResize = useCallback(() => {
@@ -119,7 +119,7 @@ const DraggablePanel = React.memo(props => {
             onResize(update), onResizeEnd(update);
         }
         setLastWidth(divWidth.current), isOver.current || setHighlight(!1);
-    }, [ doDrag, onResizeEnd, onResize, setHighlight ]), transition = useMemo(() => lastWidth && "number" == typeof lastWidth && lastWidth > 500 ? "width var(--motion-magnet-duration) var(--motion-magnet)" : "width var(--motion-water-duration) var(--motion-water)", [ lastWidth ]), initDrag = useCallback(e => {
+    }, [ doDrag, onResizeEnd, onResize, setHighlight ]), transition = useMemo(() => "width var(--motion-water-duration) var(--motion-water)", []), initDrag = useCallback(e => {
         if ((null == div ? void 0 : div.current) && document.defaultView) {
             setIsDragging(!0);
             const el = div.current;
@@ -206,7 +206,7 @@ const DraggablePanel = React.memo(props => {
         }) ]
     }));
 }), DragHandle = React.memo(props => {
-    const {width: width = 6, height: height = 6, radius: radius = 100, stroke: stroke = 1, color: color = "var(--core-surface-primary)", strokeColor: strokeColor = "var(--core-outline-primary)"} = props, cssVars = useMemo(() => ({
+    const {width: width = 6, height: height = 6, radius: radius = 100, stroke: stroke = 1, color: color = "var(--core-surface-primary-tint)", strokeColor: strokeColor = "var(--core-outline-secondary)"} = props, cssVars = useMemo(() => ({
         "--drag-handle-width": `${width}px`,
         "--drag-handle-height": `${height}px`,
         "--drag-handle-radius": `${radius}px`,

package/dist/esm/chunks/{DropDown-CdkEVTRk.mjs → DropDown-mwo8fY7p.mjs}

@@ -5,9 +5,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 import React, { useState, useRef, useEffect, useCallback, useMemo } from "react";
 
-import { s as setStyle } from "./misc-BeEWwOaJ.mjs";
+import { s as setStyle } from "./misc-wS74txaa.mjs";
 
-import { I as Icon } from "./Icon-DRzjkybv.mjs";
+import { I as Icon } from "./Icon--RjjODc9.mjs";
 
 import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
 
@@ -29,7 +29,7 @@ function resolveValueKey(value, valueKey) {
 }
 
 function DropDownComponent(props) {
-    const {name: name = "drop-down-select", label: label, labelColor: labelColor = "var(--core-text-primary)", size: size = "m", width: width = "100%", height: height = "auto", selectedIndex: selectedIndex, selectedValue: selectedValue, valueKey: valueKey, options: options = [], placeholder: placeholder = !0, borderRadius: borderRadius = 8, backgroundColor: backgroundColor = "var(--core-surface-secondary)", bgColor: bgColor = "var(--core-surface-secondary)", iconColor: iconColor = "var(--core-text-primary)", textColor: textColor = "var(--core-text-primary)", borderWidth: borderWidth, borderSize: borderSize = 1, borderColor: borderColor = "var(--core-outline-primary)", paddingLeft: paddingLeft = "10px", paddingRight: paddingRight = "8px", paddingTop: paddingTop = "8px", paddingBottom: paddingBottom = "8px", borderStyle: borderStyle = "box", iconSize: iconSize = 20, disabled: disabled = !1, error: error = !1, gap: gap = 8, onChange: onChange = () => null, onOption: onOption = () => null} = props, divAttributes = __rest(props, [ "name", "label", "labelColor", "size", "width", "height", "selectedIndex", "selectedValue", "valueKey", "options", "placeholder", "borderRadius", "backgroundColor", "bgColor", "iconColor", "textColor", "borderWidth", "borderSize", "borderColor", "paddingLeft", "paddingRight", "paddingTop", "paddingBottom", "borderStyle", "iconSize", "disabled", "error", "gap", "onChange", "onOption" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", resolvedBackgroundColor = null != backgroundColor ? backgroundColor : bgColor, resolvedBorderWidth = null != borderWidth ? borderWidth : borderSize, [index, setIndex] = useState(null != selectedIndex ? selectedIndex : 0), [selectedText, setSelectedText] = useState("Select an option"), ref = useRef(null);
+    const {name: name = "drop-down-select", label: label, labelColor: labelColor = "var(--core-text-primary)", size: size = "m", width: width = "100%", height: height = "auto", inline: inline = !1, selectedIndex: selectedIndex, selectedValue: selectedValue, valueKey: valueKey, options: options = [], placeholder: placeholder = !0, borderRadius: borderRadius = 8, backgroundColor: backgroundColor = "var(--core-surface-secondary)", bgColor: bgColor = "var(--core-surface-secondary)", iconColor: iconColor = "var(--core-text-primary)", textColor: textColor = "var(--core-text-primary)", borderWidth: borderWidth, borderSize: borderSize = 1, borderColor: borderColor = "var(--core-outline-primary)", paddingLeft: paddingLeft = "10px", paddingRight: paddingRight = "8px", paddingTop: paddingTop = "8px", paddingBottom: paddingBottom = "8px", borderStyle: borderStyle = "box", iconSize: iconSize = 20, disabled: disabled = !1, error: error = !1, gap: gap = 8, onChange: onChange = () => null, onOption: onOption = () => null} = props, divAttributes = __rest(props, [ "name", "label", "labelColor", "size", "width", "height", "inline", "selectedIndex", "selectedValue", "valueKey", "options", "placeholder", "borderRadius", "backgroundColor", "bgColor", "iconColor", "textColor", "borderWidth", "borderSize", "borderColor", "paddingLeft", "paddingRight", "paddingTop", "paddingBottom", "borderStyle", "iconSize", "disabled", "error", "gap", "onChange", "onOption" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", resolvedBackgroundColor = null != backgroundColor ? backgroundColor : bgColor, resolvedBorderWidth = null != borderWidth ? borderWidth : borderSize, [index, setIndex] = useState(null != selectedIndex ? selectedIndex : 0), [selectedText, setSelectedText] = useState("Select an option"), ref = useRef(null);
     useEffect(() => {
         if (null == selectedValue && void 0 !== selectedIndex && (null == ref ? void 0 : ref.current)) {
             if (!(null == options ? void 0 : options[selectedIndex])) return;
@@ -63,7 +63,7 @@ function DropDownComponent(props) {
         "--dd-gap": setStyle(gap),
         "--dd-height": setStyle(height),
         "--dd-width": setStyle(width),
-        "--dd-margin": "8px",
+        "--dd-margin": inline ? "0 4px" : "0",
         "--dd-border-radius": setBorderRadius,
         "--dd-border": setBorder,
         "--dd-border-bottom": setBorderBottom,
@@ -71,23 +71,24 @@ function DropDownComponent(props) {
         "--dd-bg-color": null != resolvedBackgroundColor ? resolvedBackgroundColor : "transparent",
         "--dd-padding": setPadding,
         "--dd-icon-size": `${iconSize}px`,
-        "--dd-label-color": setLabelColor
-    }), [ gap, height, width, setBorderRadius, setBorder, setBorderBottom, setTextColor, resolvedBackgroundColor, setPadding, setLabelColor, iconSize ]);
-    return jsxs("div", Object.assign({
+        "--dd-label-color": setLabelColor,
+        "--dd-display": inline ? "inline-flex" : "flex"
+    }), [ gap, height, width, setBorderRadius, setBorder, setBorderBottom, setTextColor, resolvedBackgroundColor, setPadding, setLabelColor, iconSize, inline ]);
+    return jsxs("span", Object.assign({
         id: divId,
         className: `${css.wrapper}${divClass}`,
         style: Object.assign(Object.assign({}, divStyle), cssVars)
     }, rest, {
-        children: [ label && jsx("div", {
+        children: [ label && jsx("span", {
             className: `${css.label} ${css[size]}`,
             children: label
-        }), jsx("div", {
+        }), jsx("span", {
             className: `${css.face} ${css[size]}`,
             children: jsx("span", {
                 className: css.faceText,
                 children: displayText
             })
-        }), jsx("div", {
+        }), jsx("span", {
             className: css.chevron,
             children: jsx(Icon, {
                 name: "chevron down",
@@ -106,7 +107,7 @@ function DropDownComponent(props) {
     }));
 }
 
-styleInject(".flexBox-module_row__z24tF {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__5FEvi {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__4tcxS {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__rVdVm {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__ezvMq {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__C7P44 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__PKcrG {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__ERfp7 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__lLJuc {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__ZAFft {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__s3KvF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__Lhqqq {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__vRHSP {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__tjdFc {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__Iy-VX {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__LuQBA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__uW1on {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__UBcvQ {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__lOYbg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__BqRC7 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__Fh2dt {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-xl-regular__pF2kC {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-medium__BeyrH {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-bold__Ruknj {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-medium__z8L3G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-bold__0O3g6 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__KXxEB {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__cJeEA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__eRe05 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Xmwtf {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-medium__5q1m3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-bold__k9VFV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.DropDown-module_wrapper__CyX0u {\n\tposition: relative;\n\tpadding: var(--dd-padding) !important;\n\tgap: var(--dd-gap);\n\tmin-width: var(--dd-width);\n\twidth: var(--dd-width);\n\tborder-radius: var(--dd-border-radius);\n\tbackground-color: var(--dd-bg-color);\n\tborder: var(--dd-border);\n\tborder-bottom: var(--dd-border-bottom);\n\ttransition: all var(--motion-water-duration) var(--motion-water) 0s;\n}\n\n.DropDown-module_face__6gyF3 {\n\tflex: 1;\n\toverflow: hidden;\n}\n\n.DropDown-module_faceText__glhB3 {\n\tdisplay: block;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n\tcolor: var(--dd-color);\n}\n\n.DropDown-module_label__Mrwbp {\n\twidth: min-content;\n\toverflow: hidden;\n\twhite-space: nowrap;\n\ttext-overflow: ellipsis;\n\tcolor: var(--dd-label-color);\n}\n\n.DropDown-module_xs__7L71q {\n}\n\n.DropDown-module_s__vAxXD {\n}\n\n.DropDown-module_m__K6JPk {\n}\n\n.DropDown-module_l__Kib48 {\n}\n\n.DropDown-module_chevron__LkYsE {\n\tmin-height: var(--dd-icon-size);\n\tmax-height: var(--dd-icon-size);\n\tmin-width: var(--dd-icon-size);\n\tmax-width: var(--dd-icon-size);\n}\n\n.DropDown-module_select__mzNnv {\n\tposition: absolute;\n\topacity: 0;\n\twidth: 100%;\n\theight: 100%;\n\tfont-size: 14px;\n\tbackground-color: #1f99cd;\n\tbackground-position: right 10px center;\n\tbackground-repeat: no-repeat;\n\tbackground-size: auto 50%;\n\tborder: none;\n\toutline: none;\n\t-moz-appearance: none;\n\t-webkit-appearance: none;\n\tappearance: none;\n\t&::-ms-expand {\n\t\tdisplay: none;\n\t}\n}\n"), 
+styleInject(".flexBox-module_row__z24tF {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowBetween__5FEvi {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowStart__4tcxS {\n\tdisplay: flex;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_rowEnd__rVdVm {\n\tdisplay: flex;\n\tjustify-content: flex-end;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_column__ezvMq {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: center;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStart__C7P44 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: flex-start;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnStartCenter__PKcrG {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-start;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnBetween__ERfp7 {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: space-between;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.flexBox-module_columnEnd__lLJuc {\n\tdisplay: flex;\n\tflex-direction: column;\n\tjustify-content: flex-end;\n\talign-items: flex-end;\n\tbox-sizing: border-box;\n\tpadding: 0;\n\tmargin: 0;\n}.type-module_body-xs-regular__ZAFft {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-medium__s3KvF {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-xs-bold__Lhqqq {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xs);\n\tline-height: 133.33%;\n\ttext-decoration: none;\n\tletter-spacing: 0.25px;\n}.type-module_body-s-regular__vRHSP {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-medium__tjdFc {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-s-bold__Iy-VX {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-s);\n\tline-height: 142.86%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-m-regular__LuQBA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-medium__uW1on {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-m-bold__UBcvQ {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-m);\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_body-l-regular__lOYbg {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-medium__BqRC7 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-l-bold__Fh2dt {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-l);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_body-xl-regular__pF2kC {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-regular);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-medium__BeyrH {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-medium);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.1px;\n}.type-module_body-xl-bold__Ruknj {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: var(--font-weight-bold);\n\tfont-size: var(--font-size-xl);\n\tline-height: 162.5%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n}.type-module_heading-s-medium__z8L3G {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-s-bold__0O3g6 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 20px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-bold__KXxEB {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-m-medium__cJeEA {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 24px;\n\tline-height: 116.67%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-medium__eRe05 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-l-bold__Xmwtf {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 30px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-medium__5q1m3 {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 500;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}.type-module_heading-xl-bold__k9VFV {\n\tfont-family: var(--font-family), sans-serif;\n\tfont-weight: 600;\n\tfont-size: 36px;\n\tline-height: 128.57%;\n\ttext-decoration: none;\n\tletter-spacing: 0.2px;\n}\n\n.DropDown-module_wrapper__CyX0u {\n\tdisplay: var(--dd-display) !important;\n\tpadding: var(--dd-padding) !important;\n\tmargin: var(--dd-margin) !important;\n\tposition: relative;\n\tgap: var(--dd-gap);\n\twidth: var(--dd-width);\n\tborder-radius: var(--dd-border-radius);\n\tbackground-color: var(--dd-bg-color);\n\tborder: var(--dd-border);\n\tborder-bottom: var(--dd-border-bottom);\n\ttransition: all var(--motion-water-duration) var(--motion-water) 0s;\n\tuser-select: none;\n\t-webkit-user-select: none;\n}\n\n.DropDown-module_face__6gyF3 {\n\toverflow: hidden;\n\tmin-width: 0;\n\tflex: 1;\n}\n\n.DropDown-module_faceText__glhB3 {\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: 1;\n\t-webkit-box-orient: vertical;\n\tbox-sizing: border-box;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\tword-break: break-all;\n\tcolor: var(--dd-color);\n\tmin-width: 0;\n}\n\n.DropDown-module_label__Mrwbp {\n\twidth: min-content;\n\toverflow: hidden;\n\twhite-space: nowrap;\n\ttext-overflow: ellipsis;\n\tcolor: var(--dd-label-color);\n}\n\n.DropDown-module_xs__7L71q {\n}\n\n.DropDown-module_s__vAxXD {\n}\n\n.DropDown-module_m__K6JPk {\n}\n\n.DropDown-module_l__Kib48 {\n}\n\n.DropDown-module_chevron__LkYsE {\n\tmin-height: var(--dd-icon-size);\n\tmax-height: var(--dd-icon-size);\n\tmin-width: var(--dd-icon-size);\n\tmax-width: var(--dd-icon-size);\n}\n\n.DropDown-module_select__mzNnv {\n\tposition: absolute;\n\topacity: 0;\n\twidth: 100%;\n\theight: 100%;\n\tfont-size: 14px;\n\tbackground-color: #1f99cd;\n\tbackground-position: right 10px center;\n\tbackground-repeat: no-repeat;\n\tbackground-size: auto 50%;\n\tborder: none;\n\toutline: none;\n\t-moz-appearance: none;\n\t-webkit-appearance: none;\n\tappearance: none;\n\t&::-ms-expand {\n\t\tdisplay: none;\n\t}\n}\n"), 
 DropDownComponent.displayName = "DropDown";
 
 const DropDown = React.memo(DropDownComponent);

package/dist/esm/chunks/{FileIcon-Cufsp1gn.mjs → FileIcon-BQ2zZIW5.mjs}

@@ -9,7 +9,7 @@ import { useTheme } from "../hooks/useTheme.mjs";
 
 import "../theme/colors.mjs";
 
-import { a as accessibleKeyDown } from "./misc-BeEWwOaJ.mjs";
+import { a as accessibleKeyDown } from "./misc-wS74txaa.mjs";
 
 import "../hooks/useWindow.mjs";
 

package/dist/esm/chunks/{FileList-DN4Ubroe.mjs → FileList-fh-x9Dzm.mjs}

@@ -5,13 +5,13 @@ import { jsx, jsxs } from "react/jsx-runtime";
 
 import React, { useCallback, useMemo } from "react";
 
-import { s as setStyle, a as accessibleKeyDown } from "./misc-BeEWwOaJ.mjs";
+import { s as setStyle, a as accessibleKeyDown } from "./misc-wS74txaa.mjs";
 
-import { F as FileIcon } from "./FileIcon-Cufsp1gn.mjs";
+import { F as FileIcon } from "./FileIcon-BQ2zZIW5.mjs";
 
-import { I as Icon } from "./Icon-DRzjkybv.mjs";
+import { I as Icon } from "./Icon--RjjODc9.mjs";
 
-import { P as ProgressIndicator } from "./ProgressIndicator-D5e7406q.mjs";
+import { P as ProgressIndicator } from "./ProgressIndicator-B5oByN3i.mjs";
 
 import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";
 

package/dist/esm/chunks/{FlexDiv-BWZ7f8mA.mjs → FlexDiv-DnY1_qk4.mjs}

@@ -175,7 +175,7 @@ const FlexDiv = React.memo(React.forwardRef((props, ref) => {
         id: divId,
         ref: ref,
         className: `${css_flexDiv} ${null != className ? className : ""}`,
-        style: Object.assign(Object.assign({}, style), wrapperStyle),
+        style: Object.assign(Object.assign({}, wrapperStyle), style),
         transition: transition,
         variants: variants,
         initial: enter,

package/dist/esm/chunks/{Grouper-C4A3qYot.mjs → Grouper-naJMvpB9.mjs}

@@ -15,7 +15,7 @@ import "../hooks/useWindow.mjs";
 
 import { B as Badge } from "./Badge-CC0zSLMf.mjs";
 
-import { I as Icon } from "./Icon-DRzjkybv.mjs";
+import { I as Icon } from "./Icon--RjjODc9.mjs";
 
 import { s as styleInject } from "./style-inject.es-D0BjEaN8.mjs";