@apple-pie/slice 0.1.3 → 0.1.5

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

@@ -1,14 +1,14 @@
 "use strict";
 
-var PromptInput = require("../../chunks/PromptInput-ZqHQUfXw.js");
+var PromptInput = require("../../chunks/PromptInput-Hgh6995X.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/elevations.js"), require("../../theme/motion.js"), require("../../theme/type.js"), 
 require("../../hooks/useObserveTheme.js"), require("../../hooks/useWindow.js"), 
-require("../../chunks/Button-hg5kGC1P.js"), require("../../chunks/tslib.es6-C8dZW5nY.js"), 
+require("../../chunks/Button-Ck4syxwn.js"), require("../../chunks/tslib.es6-C8dZW5nY.js"), 
 require("motion/react"), require("../../chunks/Badge-CY_DG6cD.js"), require("../../chunks/style-inject.es-CMuL-BfJ.js"), 
-require("../../chunks/Dot-_HCJ3qxd.js"), require("../../chunks/_types-C_zOsCbB.js"), 
-require("../../chunks/misc-C-M6KKsH.js"), require("../../chunks/ProgressIndicator-qjya_Yb5.js"), 
-require("../../chunks/sharedTypes-gCECyn2N.js"), require("../../chunks/FileList-BQgcnKPP.js"), 
+require("../../chunks/Dot-_HCJ3qxd.js"), require("../../chunks/_types-NyUTfBLR.js"), 
+require("../../chunks/misc-C-M6KKsH.js"), require("../../chunks/ProgressIndicator-Dvq4eIWW.js"), 
+require("../../chunks/sharedTypes-gCECyn2N.js"), require("../../chunks/FileList-bA8PoGOh.js"), 
 require("../../chunks/FileIcon-hYwcre20.js"), exports.PromptInput = PromptInput.PromptInput;

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

@@ -1,9 +1,9 @@
 "use strict";
 
-var RadioButton = require("../../chunks/RadioButton-Ce9uf54a.js");
+var RadioButton = require("../../chunks/RadioButton-Cu-laBV5.js");
 
 require("../../chunks/tslib.es6-C8dZW5nY.js"), require("react/jsx-runtime"), require("react"), 
-require("../../chunks/misc-C-M6KKsH.js"), require("../../chunks/_types-C_zOsCbB.js"), 
+require("../../chunks/misc-C-M6KKsH.js"), require("../../chunks/_types-NyUTfBLR.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"), 

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

@@ -1,10 +1,10 @@
 "use strict";
 
-var RadioButtonList = require("../../chunks/RadioButtonList-dhPr-Uhs.js");
+var RadioButtonList = require("../../chunks/RadioButtonList-COS7jfsC.js");
 
 require("../../chunks/tslib.es6-C8dZW5nY.js"), require("react/jsx-runtime"), require("react"), 
-require("../../chunks/RadioButton-Ce9uf54a.js"), require("../../chunks/misc-C-M6KKsH.js"), 
-require("../../chunks/_types-C_zOsCbB.js"), require("../../hooks/useTheme.js"), 
+require("../../chunks/RadioButton-Cu-laBV5.js"), require("../../chunks/misc-C-M6KKsH.js"), 
+require("../../chunks/_types-NyUTfBLR.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"), 

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

@@ -1,6 +1,6 @@
 "use strict";
 
-var Slider = require("../../chunks/Slider-CrjpZooG.js");
+var Slider = require("../../chunks/Slider-BeXrWjVx.js");
 
 require("../../chunks/tslib.es6-C8dZW5nY.js"), require("react/jsx-runtime"), require("react"), 
 require("../../hooks/useObserveResize.js"), require("../../chunks/misc-C-M6KKsH.js"), 

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

@@ -1,12 +1,12 @@
 "use strict";
 
-var TabBar = require("../../chunks/TabBar-DuwypMB6.js");
+var TabBar = require("../../chunks/TabBar-DCRr3l9L.js");
 
 require("../../chunks/tslib.es6-C8dZW5nY.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/elevations.js"), require("../../theme/motion.js"), 
 require("../../theme/type.js"), require("../../hooks/useObserveTheme.js"), require("../../hooks/useWindow.js"), 
 require("../../chunks/Badge-CY_DG6cD.js"), require("../../chunks/style-inject.es-CMuL-BfJ.js"), 
-require("../../chunks/_types-C_zOsCbB.js"), require("../../chunks/misc-C-M6KKsH.js"), 
-require("../../chunks/IconButton-CBWmUZxR.js"), require("motion/react"), require("../../chunks/Dot-_HCJ3qxd.js"), 
+require("../../chunks/_types-NyUTfBLR.js"), require("../../chunks/misc-C-M6KKsH.js"), 
+require("../../chunks/IconButton-yWq-C437.js"), require("motion/react"), require("../../chunks/Dot-_HCJ3qxd.js"), 
 require("../../chunks/sharedTypes-gCECyn2N.js"), exports.TabBar = TabBar.TabBar;

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

@@ -1,13 +1,13 @@
 "use strict";
 
-var TextArea = require("../../chunks/TextArea-BhzVGfKA.js");
+var TextArea = require("../../chunks/TextArea-DM0aHGGt.js");
 
 require("../../chunks/tslib.es6-C8dZW5nY.js"), require("react/jsx-runtime"), require("react"), 
-require("../../chunks/Button-hg5kGC1P.js"), require("motion/react"), require("../../chunks/Badge-CY_DG6cD.js"), 
+require("../../chunks/Button-Ck4syxwn.js"), require("motion/react"), require("../../chunks/Badge-CY_DG6cD.js"), 
 require("../../chunks/style-inject.es-CMuL-BfJ.js"), require("../../chunks/Dot-_HCJ3qxd.js"), 
-require("../../chunks/_types-C_zOsCbB.js"), require("../../hooks/useTheme.js"), 
+require("../../chunks/_types-NyUTfBLR.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/misc-C-M6KKsH.js"), require("../../chunks/ProgressIndicator-qjya_Yb5.js"), 
+require("../../chunks/misc-C-M6KKsH.js"), require("../../chunks/ProgressIndicator-Dvq4eIWW.js"), 
 require("../../chunks/sharedTypes-gCECyn2N.js"), exports.TextArea = TextArea.TextArea;

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

@@ -1,14 +1,14 @@
 "use strict";
 
-var TextField = require("../../chunks/TextField-hIjxrOG9.js");
+var TextField = require("../../chunks/TextField-DQgpDpR1.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-hg5kGC1P.js"), 
+require("../../hooks/useWindow.js"), require("../../chunks/Button-Ck4syxwn.js"), 
 require("../../chunks/Badge-CY_DG6cD.js"), require("../../chunks/style-inject.es-CMuL-BfJ.js"), 
-require("../../chunks/Dot-_HCJ3qxd.js"), require("../../chunks/_types-C_zOsCbB.js"), 
-require("../../chunks/misc-C-M6KKsH.js"), require("../../chunks/ProgressIndicator-qjya_Yb5.js"), 
-require("../../chunks/sharedTypes-gCECyn2N.js"), require("../../chunks/IconButton-CBWmUZxR.js"), 
+require("../../chunks/Dot-_HCJ3qxd.js"), require("../../chunks/_types-NyUTfBLR.js"), 
+require("../../chunks/misc-C-M6KKsH.js"), require("../../chunks/ProgressIndicator-Dvq4eIWW.js"), 
+require("../../chunks/sharedTypes-gCECyn2N.js"), require("../../chunks/IconButton-yWq-C437.js"), 
 exports.TextField = TextField.TextField;

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

@@ -1,12 +1,12 @@
 "use strict";
 
-var Toast = require("../../chunks/Toast-DMUM1wuL.js");
+var Toast = require("../../chunks/Toast-D-Y1Ytnb.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-C-M6KKsH.js"), require("../../chunks/_types-C_zOsCbB.js"), 
+require("../../hooks/useWindow.js"), require("../../chunks/misc-C-M6KKsH.js"), require("../../chunks/_types-NyUTfBLR.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,15 @@
 "use strict";
 
-var UploadArea = require("../../chunks/UploadArea-B4GA06LW.js");
+var UploadArea = require("../../chunks/UploadArea-Y_B35qjZ.js");
 
 require("react/jsx-runtime"), require("react"), require("../../chunks/misc-C-M6KKsH.js"), 
-require("../../chunks/tslib.es6-C8dZW5nY.js"), require("../../chunks/FileList-BQgcnKPP.js"), 
+require("../../chunks/tslib.es6-C8dZW5nY.js"), require("../../chunks/FileList-bA8PoGOh.js"), 
 require("../../chunks/FileIcon-hYwcre20.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/_types-C_zOsCbB.js"), require("../../chunks/style-inject.es-CMuL-BfJ.js"), 
-require("../../chunks/ProgressIndicator-qjya_Yb5.js"), require("motion/react"), 
+require("../../chunks/_types-NyUTfBLR.js"), require("../../chunks/style-inject.es-CMuL-BfJ.js"), 
+require("../../chunks/ProgressIndicator-Dvq4eIWW.js"), require("motion/react"), 
 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/hooks/useWindow.js

@@ -1,11 +1,10 @@
 "use strict";
 
-var _a, FormFactor, React = require("react");
+var FormFactor, React = require("react");
 
 /**
  * Form factor names
- */
-exports.FormFactor = void 0, (FormFactor = exports.FormFactor || (exports.FormFactor = {})).Mobile = "mobile", 
+ */ exports.FormFactor = void 0, (FormFactor = exports.FormFactor || (exports.FormFactor = {})).Mobile = "mobile", 
 FormFactor.Tablet = "tablet", FormFactor.Desktop = "desktop", FormFactor.DesktopL = "desktopL", 
 FormFactor.DesktopXL = "desktopXL";
 
@@ -18,19 +17,50 @@ const bootstrapBreakPoints = {
     [exports.FormFactor.Desktop]: 992,
     [exports.FormFactor.DesktopL]: 1200,
     [exports.FormFactor.DesktopXL]: 1400
-};
-
-const isElectron = navigator.userAgent.toLowerCase().includes("electron/"), isAppleDevice = navigator.platform.startsWith("Mac") || "iPhone" === navigator.platform, dpr = null !== (_a = Math.min(Math.ceil(window.devicePixelRatio), 3)) && void 0 !== _a ? _a : 1, isTouchDevice = "ontouchstart" in globalThis || navigator.maxTouchPoints > 0, orderedBps = Object.entries(bootstrapBreakPoints).sort((a, b) => -b[1] - a[1]);
+}, isBrowser = "undefined" != typeof window && "undefined" != typeof navigator;
 
 exports.useWindow = function(breakpoints = bootstrapBreakPoints, top = !0) {
-    const [viewportWidth, setViewportWidth] = React.useState(null), [viewportHeight, setViewportHeight] = React.useState(null), [height, setHeight] = React.useState("100vh"), [formFactor, setFormFactor] = React.useState(exports.FormFactor.Desktop);
-    React.useEffect(() => (handleResize(), window.addEventListener("resize", handleResize, !1), 
-    () => window.removeEventListener("resize", handleResize, !1)), []);
+    const isElectron = !!isBrowser && navigator.userAgent.toLowerCase().includes("electron/"), isAppleDevice = !!isBrowser && (navigator.platform.startsWith("Mac") || "iPhone" === navigator.platform), isTouchDevice = !!isBrowser && ("ontouchstart" in globalThis || navigator.maxTouchPoints > 0), dpr = isBrowser && null !== (_a = Math.min(Math.ceil(window.devicePixelRatio), 3)) && void 0 !== _a ? _a : 1;
+    var _a;
+    const [viewportWidth, setViewportWidth] = React.useState(null), [viewportHeight, setViewportHeight] = React.useState(null), [height, setHeight] = React.useState("100vh"), [formFactor, setFormFactor] = React.useState(exports.FormFactor.Desktop), [location, setLocation] = React.useState(null), [locationError, setLocationError] = React.useState(null), [gettingLocation, setGettingLocation] = React.useState(!1), geolocationSupported = "undefined" != typeof navigator && "geolocation" in navigator;
+    React.useEffect(() => {
+        if (isBrowser) return handleResize(), window.addEventListener("resize", handleResize, !1), 
+        () => window.removeEventListener("resize", handleResize, !1);
+    }, []);
     const getFormFactor = React.useCallback(width => {
         if (!width || width <= 0) return exports.FormFactor.Mobile;
+        const orderedBps = Object.entries(breakpoints).sort((a, b) => b[1] - a[1]);
         for (const [formFactor, breakpoint] of orderedBps) if (width >= breakpoint) return formFactor;
         return exports.FormFactor.Mobile;
-    }, []);
+    }, [ breakpoints ]), requestGeolocation = React.useCallback(() => {
+        if (!geolocationSupported) {
+            const error = new Error("Geolocation is not supported in this browser.", {
+                cause: {
+                    code: 0
+                }
+            });
+            return void setLocationError(error);
+        }
+        setGettingLocation(!0), setLocationError(null), navigator.geolocation.getCurrentPosition(position => {
+            setLocation({
+                latitude: position.coords.latitude,
+                longitude: position.coords.longitude,
+                accuracy: position.coords.accuracy,
+                altitude: position.coords.altitude,
+                altitudeAccuracy: position.coords.altitudeAccuracy,
+                heading: position.coords.heading,
+                speed: position.coords.speed,
+                timestamp: position.timestamp
+            }), setGettingLocation(!1);
+        }, err => {
+            const error = new Error(err.message, {
+                cause: {
+                    code: err.code
+                }
+            });
+            setLocationError(error), setGettingLocation(!1);
+        });
+    }, [ geolocationSupported ]);
     function handleResize() {
         var _a, _b, _c, _d;
         const windowWidth = top && null !== (_b = null === (_a = window.top) || void 0 === _a ? void 0 : _a.innerWidth) && void 0 !== _b ? _b : window.innerWidth, windowHeight = top && null !== (_d = null === (_c = window.top) || void 0 === _c ? void 0 : _c.innerHeight) && void 0 !== _d ? _d : window.innerHeight;
@@ -45,6 +75,11 @@ exports.useWindow = function(breakpoints = bootstrapBreakPoints, top = !0) {
         isElectron: isElectron,
         isAppleDevice: isAppleDevice,
         formFactor: formFactor,
-        dpr: dpr
+        dpr: dpr,
+        geolocationSupported: geolocationSupported,
+        location: location,
+        locationError: locationError,
+        gettingLocation: gettingLocation,
+        requestGeolocation: requestGeolocation
     };
 };

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-YNcGDUzr.js"), AvatarGroup = require("./chunks/AvatarGroup-Dn5R1XIU.js"), Badge = require("./chunks/Badge-CY_DG6cD.js"), IconButton = require("./chunks/IconButton-CBWmUZxR.js"), Camera = require("./chunks/Camera-Dx_PT3pS.js"), CheckBox = require("./chunks/CheckBox-CLMxlUff.js"), DivInput = require("./chunks/DivInput-C73sqUF3.js"), DocIcons = require("./chunks/DocIcons-B5TcBqSH.js"), Dot = require("./chunks/Dot-_HCJ3qxd.js"), DrggablePanel = require("./chunks/DrggablePanel-BzvBBhS7.js"), DropDown = require("./chunks/DropDown-FZb52YxR.js"), ErrorSummary = require("./chunks/ErrorSummary-By4CjJ9a.js"), Grouper = require("./chunks/Grouper-Bgc1wrQM.js"), Overlay = require("./chunks/Overlay-DL0EJDyk.js"), FlexDiv = require("./chunks/FlexDiv-B3q6j3W9.js"), Pager = require("./chunks/Pager-TUxcWbmn.js"), PromptInput = require("./chunks/PromptInput-ZqHQUfXw.js"), ProgressIndicator = require("./chunks/ProgressIndicator-qjya_Yb5.js"), RadioButton = require("./chunks/RadioButton-Ce9uf54a.js"), RadioButtonList = require("./chunks/RadioButtonList-dhPr-Uhs.js"), Slider = require("./chunks/Slider-CrjpZooG.js"), Spacer = require("./chunks/Spacer-CtxV2Pww.js"), Switch = require("./chunks/Switch-Xqf0vwul.js"), TabBar = require("./chunks/TabBar-DuwypMB6.js"), TextArea = require("./chunks/TextArea-BhzVGfKA.js"), TextField = require("./chunks/TextField-hIjxrOG9.js"), providers_ThemeProvider = require("./providers/ThemeProvider.js"), Tip = require("./chunks/Tip-ik8-p4_4.js"), Toast = require("./chunks/Toast-DMUM1wuL.js"), Button = require("./chunks/Button-hg5kGC1P.js"), Chip = require("./chunks/Chip-CIy_Xe3i.js"), FileIcon = require("./chunks/FileIcon-hYwcre20.js"), _types = require("./chunks/_types-C_zOsCbB.js"), ButtonBar = require("./chunks/ButtonBar-C9Nm9faU.js"), Card = require("./chunks/Card-AgEMKJ4O.js"), Label = require("./chunks/Label-D15cIroT.js"), UploadArea = require("./chunks/UploadArea-B4GA06LW.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-YNcGDUzr.js"), AvatarGroup = require("./chunks/AvatarGroup-Dn5R1XIU.js"), Badge = require("./chunks/Badge-CY_DG6cD.js"), IconButton = require("./chunks/IconButton-yWq-C437.js"), Camera = require("./chunks/Camera-BrLRwcw1.js"), CheckBox = require("./chunks/CheckBox-DYG1fNWy.js"), DivInput = require("./chunks/DivInput-C73sqUF3.js"), DocIcons = require("./chunks/DocIcons-B5TcBqSH.js"), Dot = require("./chunks/Dot-_HCJ3qxd.js"), DrggablePanel = require("./chunks/DrggablePanel-BzvBBhS7.js"), DropDown = require("./chunks/DropDown-Bo0bxkFk.js"), ErrorSummary = require("./chunks/ErrorSummary-By4CjJ9a.js"), Grouper = require("./chunks/Grouper-BszVihfB.js"), Overlay = require("./chunks/Overlay-DL0EJDyk.js"), FlexDiv = require("./chunks/FlexDiv-B3q6j3W9.js"), Pager = require("./chunks/Pager-TUxcWbmn.js"), PromptInput = require("./chunks/PromptInput-Hgh6995X.js"), ProgressIndicator = require("./chunks/ProgressIndicator-Dvq4eIWW.js"), RadioButton = require("./chunks/RadioButton-Cu-laBV5.js"), RadioButtonList = require("./chunks/RadioButtonList-COS7jfsC.js"), Slider = require("./chunks/Slider-BeXrWjVx.js"), Spacer = require("./chunks/Spacer-CtxV2Pww.js"), Switch = require("./chunks/Switch-Xqf0vwul.js"), TabBar = require("./chunks/TabBar-DCRr3l9L.js"), TextArea = require("./chunks/TextArea-DM0aHGGt.js"), TextField = require("./chunks/TextField-DQgpDpR1.js"), providers_ThemeProvider = require("./providers/ThemeProvider.js"), Tip = require("./chunks/Tip-ik8-p4_4.js"), Toast = require("./chunks/Toast-D-Y1Ytnb.js"), Button = require("./chunks/Button-Ck4syxwn.js"), Chip = require("./chunks/Chip-CqOwsrmt.js"), FileIcon = require("./chunks/FileIcon-hYwcre20.js"), _types = require("./chunks/_types-NyUTfBLR.js"), ButtonBar = require("./chunks/ButtonBar-Cx9Xwddh.js"), Card = require("./chunks/Card-CYDP4vAN.js"), Label = require("./chunks/Label-D15cIroT.js"), UploadArea = require("./chunks/UploadArea-Y_B35qjZ.js");
 
 require("./theme/corners.js"), require("./theme/type.js"), require("react"), require("./chunks/tslib.es6-C8dZW5nY.js"), 
 require("react/jsx-runtime"), require("./chunks/misc-C-M6KKsH.js"), require("./chunks/style-inject.es-CMuL-BfJ.js"), 
-require("motion/react"), require("./chunks/colors-uej0anrN.js"), require("./chunks/FileList-BQgcnKPP.js"), 
+require("motion/react"), require("./chunks/colors-uej0anrN.js"), require("./chunks/FileList-bA8PoGOh.js"), 
 Object.defineProperty(exports, "ToolTipType", {
     enumerable: !0,
     get: function() {

package/dist/cjs/stores/SSE.js

@@ -1,8 +1,8 @@
 "use strict";
 
-var sseStore = require("../chunks/sseStore-Dg0WuXsI.js");
+var sseStore = require("../chunks/sseStore-CIIeshjm.js");
 
-require("zustand"), require("../chunks/tslib.es6-C8dZW5nY.js"), require("../utils/objects/index.js"), 
+require("zustand"), require("../chunks/tslib.es6-C8dZW5nY.js"), require("../chunks/SSEConnection-B_yE8cXz.js"), 
 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, 

package/dist/cjs/stores/WS.js

@@ -0,0 +1,62 @@
+"use strict";
+
+var zustand = require("zustand");
+
+require("../chunks/tslib.es6-C8dZW5nY.js");
+
+var WSConnection = require("../chunks/WSConnection-DCBuJGmb.js");
+
+const useWSStore = zustand.create((set, get) => ({
+    connections: [],
+    message: null,
+    closedConnection: null,
+    actions: {
+        addConnection: (name, options) => {
+            const existingConnection = get().connections.find(c => c.name === name);
+            null == existingConnection || existingConnection.connection.close({
+                code: 1e3,
+                reason: "Connection replaced"
+            });
+            const userOnMessageCallback = options.onMessageCallback, connection = new WSConnection.WSConnection(Object.assign(Object.assign({}, options), {
+                unifiedMessages: !0,
+                onMessageCallback: message => {
+                    set({
+                        message: message
+                    }), null == userOnMessageCallback || userOnMessageCallback(message), "close" === message.type && set({
+                        closedConnection: name
+                    });
+                }
+            })), nextConnection = {
+                name: name,
+                connection: connection
+            };
+            return set(state => ({
+                connections: [ ...state.connections.filter(connection => connection.name !== name), nextConnection ]
+            })), nextConnection;
+        },
+        removeConnection: name => {
+            const existingConnection = get().connections.find(c => c.name === name);
+            existingConnection && (existingConnection.connection.close({
+                code: 1e3,
+                reason: "Connection removed"
+            }), set(state => ({
+                connections: state.connections.filter(connection => connection.name !== name)
+            })));
+        }
+    }
+}));
+
+const useWSActions = useWSStore.getState().actions;
+
+exports.useConnectionClose = () => useWSStore(state => state.closedConnection), 
+exports.useConnectionMessage = connection => useWSStore(state => state.connections.some(entry => entry.name === connection) ? state.message : null), 
+exports.useIsConnected = connection => useWSStore(state => {
+    var _a, _b;
+    return connection ? null !== (_b = null === (_a = state.connections.find(entry => entry.name === connection)) || void 0 === _a ? void 0 : _a.connection.connected) && void 0 !== _b && _b : state.connections.some(entry => entry.connection.connected);
+}), exports.useLastWSMessage = () => useWSStore.getState().message, exports.useMessage = function(type, connection) {
+    return useWSStore(state => {
+        const sourceMessage = connection && !state.connections.some(c => c.name === connection) ? null : state.message;
+        return type ? (null == sourceMessage ? void 0 : sourceMessage.type) !== type ? null : "open" === type || "error" === type || "close" === type ? "event" in sourceMessage ? sourceMessage.event : null : "data" in sourceMessage ? sourceMessage.data : null : sourceMessage;
+    });
+}, exports.useWS = () => useWSStore(state => state.actions), exports.useWSActions = useWSActions, 
+exports.useWSStore = useWSStore;

package/dist/cjs/stores/window.js

@@ -1,10 +1,21 @@
 "use strict";
 
-var windowStore = require("../chunks/windowStore-RaJswiHM.js");
+var windowStore = require("../chunks/windowStore-CCxCOUqa.js");
 
-require("zustand"), Object.defineProperty(exports, "FormFactor", {
+require("../chunks/tslib.es6-C8dZW5nY.js"), require("zustand"), Object.defineProperty(exports, "FormFactor", {
     enumerable: !0,
     get: function() {
         return windowStore.FormFactor;
     }
-}), exports.useWindowStore = windowStore.useWindowStore;
+}), exports.dpr = windowStore.dpr, exports.formFactor = windowStore.formFactor, 
+exports.gettingLocation = windowStore.gettingLocation, exports.isAppleDevice = windowStore.isAppleDevice, 
+exports.isElectron = windowStore.isElectron, exports.isTouchDevice = windowStore.isTouchDevice, 
+exports.location = windowStore.location, exports.locationError = windowStore.locationError, 
+exports.useDpr = windowStore.useDpr, exports.useFormFactor = windowStore.useFormFactor, 
+exports.useGetLocation = windowStore.useGetLocation, exports.useGettingLocation = windowStore.useGettingLocation, 
+exports.useInitializeWindow = windowStore.useInitializeWindow, exports.useIsAppleDevice = windowStore.useIsAppleDevice, 
+exports.useIsElectron = windowStore.useIsElectron, exports.useIsTouchDevice = windowStore.useIsTouchDevice, 
+exports.useLocation = windowStore.useLocation, exports.useLocationError = windowStore.useLocationError, 
+exports.useViewportHeight = windowStore.useViewportHeight, exports.useViewportWidth = windowStore.useViewportWidth, 
+exports.useWindowStore = windowStore.useWindowStore, exports.viewportHeight = windowStore.viewportHeight, 
+exports.viewportWidth = windowStore.viewportWidth;

package/dist/cjs/stores.js

@@ -1,14 +1,25 @@
 "use strict";
 
-var windowStore = require("./chunks/windowStore-RaJswiHM.js"), uploadsStore = require("./chunks/uploadsStore-CxWIctvI.js"), tipStore = require("./chunks/tipStore-Ck4NLvml.js"), toastStore = require("./chunks/toastStore-CSStgB9d.js"), sseStore = require("./chunks/sseStore-Dg0WuXsI.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"), sseStore = require("./chunks/sseStore-CIIeshjm.js");
 
-require("zustand"), require("./chunks/uploads-worker-mD8pcsGP.js"), require("./chunks/tslib.es6-C8dZW5nY.js"), 
-require("./utils/objects/index.js"), Object.defineProperty(exports, "FormFactor", {
+require("./chunks/tslib.es6-C8dZW5nY.js"), require("zustand"), require("./chunks/uploads-worker-mD8pcsGP.js"), 
+require("./chunks/SSEConnection-B_yE8cXz.js"), Object.defineProperty(exports, "FormFactor", {
     enumerable: !0,
     get: function() {
         return windowStore.FormFactor;
     }
-}), exports.useWindowStore = windowStore.useWindowStore, exports.createUploadsWorker = uploadsStore.createUploadsWorker, 
+}), exports.dpr = windowStore.dpr, exports.formFactor = windowStore.formFactor, 
+exports.gettingLocation = windowStore.gettingLocation, exports.isAppleDevice = windowStore.isAppleDevice, 
+exports.isElectron = windowStore.isElectron, exports.isTouchDevice = windowStore.isTouchDevice, 
+exports.location = windowStore.location, exports.locationError = windowStore.locationError, 
+exports.useDpr = windowStore.useDpr, exports.useFormFactor = windowStore.useFormFactor, 
+exports.useGetLocation = windowStore.useGetLocation, exports.useGettingLocation = windowStore.useGettingLocation, 
+exports.useInitializeWindow = windowStore.useInitializeWindow, exports.useIsAppleDevice = windowStore.useIsAppleDevice, 
+exports.useIsElectron = windowStore.useIsElectron, exports.useIsTouchDevice = windowStore.useIsTouchDevice, 
+exports.useLocation = windowStore.useLocation, exports.useLocationError = windowStore.useLocationError, 
+exports.useViewportHeight = windowStore.useViewportHeight, exports.useViewportWidth = windowStore.useViewportWidth, 
+exports.useWindowStore = windowStore.useWindowStore, exports.viewportHeight = windowStore.viewportHeight, 
+exports.viewportWidth = windowStore.viewportWidth, exports.createUploadsWorker = uploadsStore.createUploadsWorker, 
 exports.getUploads = uploadsStore.getUploads, exports.getUploadsError = uploadsStore.getUploadsError, 
 exports.getUploadsWorkerStatus = uploadsStore.getUploadsWorkerStatus, exports.uploadsActions = uploadsStore.uploadsActions, 
 exports.uploadsInitialized = uploadsStore.uploadsInitialized, exports.useUploads = uploadsStore.useUploads, 

package/dist/cjs/utils/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
-var misc = require("../chunks/misc-C-M6KKsH.js"), colors = require("../chunks/colors-uej0anrN.js"), utils_objects = require("./objects/index.js");
+var misc = require("../chunks/misc-C-M6KKsH.js"), colors = require("../chunks/colors-uej0anrN.js"), SSEConnection = require("../chunks/SSEConnection-B_yE8cXz.js"), WSConnection = require("../chunks/WSConnection-DCBuJGmb.js");
 
 require("../chunks/tslib.es6-C8dZW5nY.js"), exports.copyToClipboard = misc.copyToClipboard, 
 exports.addOpacity = colors.addOpacity, exports.tintFromColor = colors.tintFromColor, 
-exports.SSEConnection = utils_objects.SSEConnection;
+exports.SSEConnection = SSEConnection.SSEConnection, exports.WSConnection = WSConnection.WSConnection;

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

@@ -1,140 +1,6 @@
 "use strict";
 
-exports.SSEConnection = class {
-    /**
-     * Whether the underlying EventSource is currently open.
-     */
-    get connected() {
-        var _a;
-        return (null === (_a = this.sseConnection) || void 0 === _a ? void 0 : _a.readyState) === EventSource.OPEN;
-    }
-    /**
-     * Direct access to the underlying EventSource instance.
-     */    get connection() {
-        return this.sseConnection;
-    }
-    /**
-     * Create an SEE connection instance
-     */    constructor(options) {
-        var _a, _b, _c;
-        this.sseConnection = null, this.customEventHandlers = new Map, this.unifiedOnMessage = !1, 
-        /**
-         * One message received
-         */
-        this.onMessage = event => {
-            const data = this.parseEventData(event.data);
-            this.emitUnifiedMessage({
-                type: "message",
-                data: data,
-                event: event
-            }), this.emitParsedMessage(data), this.shouldCloseFromMessage(event.data, data) && this.closeFromConnectionEvent();
-        }, 
-        /**
-         * On error event
-         */
-        this.onError = event => {
-            var _a;
-            null === (_a = this.onErrorCallback) || void 0 === _a || _a.call(this, event), this.emitUnifiedMessage({
-                type: "error",
-                event: event
-            });
-        }, 
-        /**
-         * On open event
-         */
-        this.onOpen = event => {
-            var _a;
-            null === (_a = this.onOpenCallback) || void 0 === _a || _a.call(this, event), this.emitUnifiedMessage({
-                type: "open",
-                event: event
-            });
-        }, 
-        /**
-         * Close the SSE connection and release resources.
-         */
-        this.close = () => {
-            this.sseConnection && (this.detachAllEventListeners(this.sseConnection), this.sseConnection.close(), 
-            this.sseConnection = null);
-        }, this.url = null !== (_a = null == options ? void 0 : options.url) && void 0 !== _a ? _a : "", 
-        this.options = null !== (_b = null == options ? void 0 : options.options) && void 0 !== _b ? _b : void 0, 
-        this.unifiedOnMessage = null !== (_c = null == options ? void 0 : options.unifiedOnMessage) && void 0 !== _c && _c, 
-        this.onMessageCallback = null == options ? void 0 : options.onMessageCallback, this.onErrorCallback = null == options ? void 0 : options.onErrorCallback, 
-        this.onOpenCallback = null == options ? void 0 : options.onOpenCallback, this.onCloseCallback = null == options ? void 0 : options.onCloseCallback, 
-        this.connectionClose = null == options ? void 0 : options.connectionClose, (null == options ? void 0 : options.customEvents) ? this.customEvents = Array.isArray(null == options ? void 0 : options.customEvents) ? options.customEvents : [ options.customEvents ] : this.customEvents = [], 
-        this.sseConnection = new EventSource(this.url, this.options), this.attachDefaultEventListeners(this.sseConnection), 
-        this.customEvents.length > 0 && this.attachCustomEventListeners(this.customEvents);
-    }
-    /**
-     * Safely parse SSE event data. Falls back to the raw string when the payload is not JSON.
-     */    parseEventData(rawData) {
-        try {
-            return JSON.parse(rawData);
-        } catch (_a) {
-            return rawData;
-        }
-    }
-    /**
-     * Attach default SEE events
-     */    attachDefaultEventListeners(connection) {
-        connection.addEventListener("message", this.onMessage), connection.addEventListener("error", this.onError), 
-        connection.addEventListener("open", this.onOpen);
-    }
-    emitParsedMessage(data) {
-        var _a;
-        this.unifiedOnMessage || null === (_a = this.onMessageCallback) || void 0 === _a || _a.call(this, data);
-    }
-    emitUnifiedMessage(message) {
-        var _a;
-        this.unifiedOnMessage && (null === (_a = this.onMessageCallback) || void 0 === _a || _a.call(this, message));
-    }
-    emitCloseEvent(event) {
-        var _a;
-        null === (_a = this.onCloseCallback) || void 0 === _a || _a.call(this, event), this.emitUnifiedMessage({
-            type: "close",
-            event: event
-        });
-    }
-    closeFromConnectionEvent() {
-        const closeEvent = new Event("close");
-        this.emitCloseEvent(closeEvent), this.close();
-    }
-    shouldCloseFromMessage(rawData, data) {
-        var _a;
-        return !!(null === (_a = this.connectionClose) || void 0 === _a ? void 0 : _a.message) && (rawData === this.connectionClose.message || data === this.connectionClose.message);
-    }
-    emitUnifiedCustomMessage(customEvent, data, event) {
-        this.emitUnifiedMessage({
-            type: customEvent.name,
-            data: data,
-            event: event
-        });
-    }
-    /**
-     * Attach custom event listeners to the SSE connection
-     */    attachCustomEventListener(customEvent) {
-        var _a;
-        if (!this.sseConnection) return;
-        const handler = eventInfo => {
-            var _a, _b;
-            const data = this.parseEventData(eventInfo.data);
-            null === (_a = customEvent.handler) || void 0 === _a || _a.call(customEvent, data), 
-            this.emitUnifiedCustomMessage(customEvent, data, eventInfo), (null === (_b = this.connectionClose) || void 0 === _b ? void 0 : _b.event) === customEvent.name && this.closeFromConnectionEvent();
-        }, currentHandlers = null !== (_a = this.customEventHandlers.get(customEvent.name)) && void 0 !== _a ? _a : [];
-        currentHandlers.push(handler), this.customEventHandlers.set(customEvent.name, currentHandlers), 
-        this.sseConnection.addEventListener(customEvent.name, handler);
-    }
-    /**
-     * Attach custom event listeners to the SSE connection
-     */    attachCustomEventListeners(customEvents) {
-        const events = Array.isArray(customEvents) ? customEvents : [ customEvents ];
-        for (const event of events) this.attachCustomEventListener(event);
-    }
-    /**
-     * Clean up listeners
-     */    detachAllEventListeners(connection) {
-        connection.removeEventListener("message", this.onMessage), connection.removeEventListener("error", this.onError), 
-        connection.removeEventListener("open", this.onOpen);
-        for (const [eventName, handlers] of this.customEventHandlers.entries()) for (const handler of handlers) connection.removeEventListener(eventName, handler);
-        this.customEventHandlers.clear();
-    }
-};
+var SSEConnection = require("../../chunks/SSEConnection-B_yE8cXz.js"), WSConnection = require("../../chunks/WSConnection-DCBuJGmb.js");
+
+require("../../chunks/tslib.es6-C8dZW5nY.js"), exports.SSEConnection = SSEConnection.SSEConnection, 
+exports.WSConnection = WSConnection.WSConnection;

package/dist/esm/chunks/{Button-DJDS7Yad.mjs → Button-DexmN81C.mjs}

@@ -10,9 +10,9 @@ import { B as Badge } from "./Badge-DyICxZP2.mjs";
 
 import { D as Dot } from "./Dot-CLGwQu-i.mjs";
 
-import { I as Icon } from "./_types-CTmvSEX0.mjs";
+import { I as Icon } from "./_types-C8GP_aSD.mjs";
 
-import { P as ProgressIndicator } from "./ProgressIndicator-h11R3FG1.mjs";
+import { P as ProgressIndicator } from "./ProgressIndicator-DeLwB3Rb.mjs";
 
 import { T as ToolTipType } from "./sharedTypes-tn9-uJvb.mjs";
 
@@ -31,7 +31,7 @@ var css = {
 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.Button-module_button__2ZuB7 {\n\tposition: relative;\n\tuser-select: none;\n\tmin-width: var(--ui-button-min-width);\n\t-webkit-user-select: none;\n}\n\n.Button-module_label__UJ3Zt {\n\tuser-select: none;\n\t-webkit-user-select: none;\n\ttext-overflow: ellipsis;\n\toverflow: hidden;\n\twhite-space: nowrap;\n\tword-break: break-all;\n\tdisplay: -webkit-box;\n\t-webkit-line-clamp: 1;\n\t-webkit-box-orient: vertical;\n\t&:hover {\n\t\ttext-decoration: var(--ui-button-decoration);\n\t}\n}\n\n.Button-module_count__DFxVB {\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n\ttransform: translateX(10px) translateY(-2px);\n}\n\n.Button-module_icon__-43u5 {\n\tmin-width: var(--ui-button-icon-size);\n\tmin-height: var(--ui-button-icon-size);\n\theight: var(--ui-button-icon-size);\n\twidth: var(--ui-button-icon-size);\n}\n\n.Button-module_m__DR-gs {\n}\n\n.Button-module_l__0E0yI {\n}\n\n.Button-module_s__dSKOL {\n}\n");
 
 const ButtonComponent = forwardRef((props, buttonRef) => {
-    const {size: size = "medium", variant: variant = "outline", label: label, labelSize: labelSize = "m", iconRight: iconRight, iconLeft: iconLeft, count: count = (void 0 === props.count ? void 0 : Number(props.count)), showDot: showDot, tooltip: tooltip, round: round = !1, state: state = "normal", fill: fill = !1, iconSize: iconSize = (void 0 === props.iconSize ? 20 : Number(props.iconSize)), width: width = "auto", underline: underline = !1, borderRadius: borderRadius, iconColor: iconColor, bgColor: bgColor, bgColorDisabled: bgColorDisabled, labelColor: labelColor, transition: transition, variants: variants, initial: initial, animate: animate, exit: exit, paddingRight: paddingRight, paddingLeft: paddingLeft, progress: progress = !1, working: working = !1, duration: duration, trigger: trigger = !1, destructive: destructive = !1, onClick: onClick = () => null, onToolTip: onToolTip = () => null} = props, divAttributes = __rest(props, [ "size", "variant", "label", "labelSize", "iconRight", "iconLeft", "count", "showDot", "tooltip", "round", "state", "fill", "iconSize", "width", "underline", "borderRadius", "iconColor", "bgColor", "bgColorDisabled", "labelColor", "transition", "variants", "initial", "animate", "exit", "paddingRight", "paddingLeft", "progress", "working", "duration", "trigger", "destructive", "onClick", "onToolTip" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", [btnState, setBtnState] = useState(state), [btnWidth, setBtnWidth] = useState(void 0), [playing, setPlaying] = useState(working), ref = useRef(null), handleClick = useCallback(e => {
+    const {size: size = "medium", variant: variant = "outline", label: label, labelSize: labelSize = "m", iconRight: iconRight, iconLeft: iconLeft, count: count = (void 0 === props.count ? void 0 : Number(props.count)), showDot: showDot, tooltip: tooltip, round: round = !1, state: state = "normal", fill: fill = !1, iconSize: iconSize = (void 0 === props.iconSize ? 20 : Number(props.iconSize)), width: width = "min-content", underline: underline = !1, borderRadius: borderRadius, iconColor: iconColor, bgColor: bgColor, bgColorDisabled: bgColorDisabled, labelColor: labelColor, transition: transition, variants: variants, initial: initial, animate: animate, exit: exit, paddingRight: paddingRight, paddingLeft: paddingLeft, progress: progress = !1, working: working = !1, duration: duration, trigger: trigger = !1, destructive: destructive = !1, onClick: onClick = () => null, onToolTip: onToolTip = () => null} = props, divAttributes = __rest(props, [ "size", "variant", "label", "labelSize", "iconRight", "iconLeft", "count", "showDot", "tooltip", "round", "state", "fill", "iconSize", "width", "underline", "borderRadius", "iconColor", "bgColor", "bgColorDisabled", "labelColor", "transition", "variants", "initial", "animate", "exit", "paddingRight", "paddingLeft", "progress", "working", "duration", "trigger", "destructive", "onClick", "onToolTip" ]), {id: divId, className: className, style: style} = divAttributes, rest = __rest(divAttributes, [ "id", "className", "style" ]), divStyle = null != style ? style : {}, divClass = className ? ` ${className}` : "", [btnState, setBtnState] = useState(state), [btnWidth, setBtnWidth] = useState(void 0), [playing, setPlaying] = useState(working), ref = useRef(null), handleClick = useCallback(e => {
         onToolTip(null), "disabled" !== btnState && (progress && duration ? setPlaying(!0) : onClick(e));
     }, [ onToolTip, btnState, progress, duration, onClick ]);
     useEffect(() => setBtnState(state), [ state ]), useEffect(() => setPlaying(working), [ working ]), 
@@ -171,6 +171,8 @@ const ButtonComponent = forwardRef((props, buttonRef) => {
         maxHeight: sizingStyles[size].height,
         minHeight: sizingStyles[size].height,
         flex: "fill" === width ? 1 : "unset",
+        width: width && "fill" !== width ? width : "min-content",
+        maxWidth: width && "fill" !== width ? width : "min-content",
         gap: sizingStyles[size].gap,
         borderWidth: colorStyles[variant].border,
         borderStyle: "solid",