@apple-pie/slice 0.1.25 → 0.1.26

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

@@ -5,6 +5,7 @@ var AudioBubble = require("../../chunks/AudioBubble-Bqb2Jexf.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("../../chunks/colors-njquvHkx.js"), 
+require("../../theme/type.js"), require("../../hooks/useObserveTheme.js"), require("../../providers/ThemeProvider.js"), 
+require("../../chunks/style-inject.es-CMuL-BfJ.js"), require("../../chunks/colors-njquvHkx.js"), 
 require("../../chunks/audioVisualizer-EIfIjWH7.js"), require("../../hooks/useWindow.js"), 
-require("../../chunks/style-inject.es-CMuL-BfJ.js"), exports.AudioBubble = AudioBubble.AudioBubble;
+exports.AudioBubble = AudioBubble.AudioBubble;

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

@@ -7,6 +7,6 @@ require("react"), require("../../chunks/Badge-DjPJ_iJX.js"), require("../../chun
 require("../../chunks/Dot-fKIwhjYA.js"), require("../../chunks/Icon-fRM3E0N6.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("../../chunks/misc-BTF7BCZW.js"), 
-require("../../hooks/useWindow.js"), require("../../chunks/ProgressIndicator-t-jv4OhI.js"), 
+require("../../theme/type.js"), require("../../hooks/useObserveTheme.js"), require("../../providers/ThemeProvider.js"), 
+require("../../chunks/misc-BTF7BCZW.js"), require("../../hooks/useWindow.js"), require("../../chunks/ProgressIndicator-t-jv4OhI.js"), 
 require("../../chunks/sharedTypes-gCECyn2N.js"), exports.Button = Button.Button;

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

@@ -6,5 +6,6 @@ require("../../chunks/tslib.es6-C8dZW5nY.js"), require("react/jsx-runtime"), req
 require("../../chunks/misc-BTF7BCZW.js"), require("../../chunks/Icon-fRM3E0N6.js"), 
 require("../../hooks/useTheme.js"), require("../../theme/themes.js"), require("../../theme/colors.js"), 
 require("../../theme/corners.js"), require("../../theme/elevations.js"), require("../../theme/motion.js"), 
-require("../../theme/type.js"), require("../../hooks/useObserveTheme.js"), require("../../hooks/useWindow.js"), 
-require("../../chunks/style-inject.es-CMuL-BfJ.js"), exports.ButtonBar = ButtonBar.ButtonBar;
+require("../../theme/type.js"), require("../../hooks/useObserveTheme.js"), require("../../providers/ThemeProvider.js"), 
+require("../../chunks/style-inject.es-CMuL-BfJ.js"), require("../../hooks/useWindow.js"), 
+exports.ButtonBar = ButtonBar.ButtonBar;

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

@@ -5,7 +5,8 @@ var Camera = require("../../chunks/Camera-BnsGhOrt.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("../../chunks/misc-BTF7BCZW.js"), 
+require("../../theme/type.js"), require("../../hooks/useObserveTheme.js"), require("../../providers/ThemeProvider.js"), 
+require("../../chunks/style-inject.es-CMuL-BfJ.js"), require("../../chunks/misc-BTF7BCZW.js"), 
 require("../../chunks/colors-njquvHkx.js"), require("../../hooks/useWindow.js"), 
-require("../../chunks/Avatar-Dg8ZHnw6.js"), require("../../chunks/style-inject.es-CMuL-BfJ.js"), 
-require("../../chunks/Icon-fRM3E0N6.js"), exports.Camera = Camera.Camera;
+require("../../chunks/Avatar-Dg8ZHnw6.js"), require("../../chunks/Icon-fRM3E0N6.js"), 
+exports.Camera = Camera.Camera;

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

@@ -6,5 +6,6 @@ require("../../chunks/tslib.es6-C8dZW5nY.js"), require("react/jsx-runtime"), req
 require("react"), require("../../chunks/misc-BTF7BCZW.js"), require("../../chunks/Icon-fRM3E0N6.js"), 
 require("../../hooks/useTheme.js"), require("../../theme/themes.js"), require("../../theme/colors.js"), 
 require("../../theme/corners.js"), require("../../theme/elevations.js"), require("../../theme/motion.js"), 
-require("../../theme/type.js"), require("../../hooks/useObserveTheme.js"), require("../../hooks/useWindow.js"), 
-require("../../chunks/style-inject.es-CMuL-BfJ.js"), exports.CheckBox = CheckBox.CheckBox;
+require("../../theme/type.js"), require("../../hooks/useObserveTheme.js"), require("../../providers/ThemeProvider.js"), 
+require("../../chunks/style-inject.es-CMuL-BfJ.js"), require("../../hooks/useWindow.js"), 
+exports.CheckBox = CheckBox.CheckBox;

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

@@ -6,6 +6,6 @@ require("../../chunks/tslib.es6-C8dZW5nY.js"), require("react/jsx-runtime"), req
 require("../../chunks/misc-BTF7BCZW.js"), require("../../chunks/Icon-fRM3E0N6.js"), 
 require("../../hooks/useTheme.js"), require("../../theme/themes.js"), require("../../theme/colors.js"), 
 require("../../theme/corners.js"), require("../../theme/elevations.js"), require("../../theme/motion.js"), 
-require("../../theme/type.js"), require("../../hooks/useObserveTheme.js"), require("../../hooks/useWindow.js"), 
-require("../../chunks/style-inject.es-CMuL-BfJ.js"), require("../../chunks/sharedTypes-gCECyn2N.js"), 
-exports.Chip = Chip.Chip;
+require("../../theme/type.js"), require("../../hooks/useObserveTheme.js"), require("../../providers/ThemeProvider.js"), 
+require("../../chunks/style-inject.es-CMuL-BfJ.js"), require("../../hooks/useWindow.js"), 
+require("../../chunks/sharedTypes-gCECyn2N.js"), exports.Chip = Chip.Chip;

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

@@ -5,6 +5,7 @@ var DrggablePanel = require("../../chunks/DrggablePanel-Duv0nmOm.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("../../chunks/misc-BTF7BCZW.js"), 
+require("../../theme/type.js"), require("../../hooks/useObserveTheme.js"), require("../../providers/ThemeProvider.js"), 
+require("../../chunks/style-inject.es-CMuL-BfJ.js"), require("../../chunks/misc-BTF7BCZW.js"), 
 require("../../hooks/useWindow.js"), require("../../hooks/useObserveResize.js"), 
-require("../../chunks/style-inject.es-CMuL-BfJ.js"), exports.DraggablePanel = DrggablePanel.DraggablePanel;
+exports.DraggablePanel = DrggablePanel.DraggablePanel;

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

@@ -6,5 +6,6 @@ require("../../chunks/tslib.es6-C8dZW5nY.js"), require("react/jsx-runtime"), req
 require("../../chunks/misc-BTF7BCZW.js"), require("../../chunks/Icon-fRM3E0N6.js"), 
 require("../../hooks/useTheme.js"), require("../../theme/themes.js"), require("../../theme/colors.js"), 
 require("../../theme/corners.js"), require("../../theme/elevations.js"), require("../../theme/motion.js"), 
-require("../../theme/type.js"), require("../../hooks/useObserveTheme.js"), require("../../hooks/useWindow.js"), 
-require("../../chunks/style-inject.es-CMuL-BfJ.js"), exports.DropDown = DropDown.DropDown;
+require("../../theme/type.js"), require("../../hooks/useObserveTheme.js"), require("../../providers/ThemeProvider.js"), 
+require("../../chunks/style-inject.es-CMuL-BfJ.js"), require("../../hooks/useWindow.js"), 
+exports.DropDown = DropDown.DropDown;

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

@@ -6,5 +6,6 @@ require("../../chunks/tslib.es6-C8dZW5nY.js"), require("react/jsx-runtime"), req
 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("../../providers/ThemeProvider.js"), require("../../chunks/style-inject.es-CMuL-BfJ.js"), 
 require("../../chunks/colors-njquvHkx.js"), require("../../hooks/useWindow.js"), 
-require("../../chunks/style-inject.es-CMuL-BfJ.js"), exports.ErrorSummary = ErrorSummary.ErrorSummary;
+exports.ErrorSummary = ErrorSummary.ErrorSummary;

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

@@ -5,7 +5,8 @@ var FileIcon = require("../../chunks/FileIcon-DgRlhqzv.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("../../chunks/misc-BTF7BCZW.js"), 
+require("../../theme/type.js"), require("../../hooks/useObserveTheme.js"), require("../../providers/ThemeProvider.js"), 
+require("../../chunks/style-inject.es-CMuL-BfJ.js"), require("../../chunks/misc-BTF7BCZW.js"), 
 require("../../hooks/useWindow.js"), exports.FileIcon = FileIcon.FileIcon, Object.defineProperty(exports, "FileIconNames", {
     enumerable: !0,
     get: function() {

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

@@ -6,7 +6,7 @@ require("../../chunks/tslib.es6-C8dZW5nY.js"), require("react/jsx-runtime"), req
 require("../../chunks/misc-BTF7BCZW.js"), require("../../chunks/FileIcon-DgRlhqzv.js"), 
 require("../../hooks/useTheme.js"), require("../../theme/themes.js"), require("../../theme/colors.js"), 
 require("../../theme/corners.js"), require("../../theme/elevations.js"), require("../../theme/motion.js"), 
-require("../../theme/type.js"), require("../../hooks/useObserveTheme.js"), require("../../hooks/useWindow.js"), 
-require("../../chunks/Icon-fRM3E0N6.js"), require("../../chunks/style-inject.es-CMuL-BfJ.js"), 
-require("../../chunks/ProgressIndicator-t-jv4OhI.js"), require("motion/react"), 
-exports.FileList = FileList.FileList;
+require("../../theme/type.js"), require("../../hooks/useObserveTheme.js"), require("../../providers/ThemeProvider.js"), 
+require("../../chunks/style-inject.es-CMuL-BfJ.js"), require("../../hooks/useWindow.js"), 
+require("../../chunks/Icon-fRM3E0N6.js"), require("../../chunks/ProgressIndicator-t-jv4OhI.js"), 
+require("motion/react"), exports.FileList = FileList.FileList;

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

@@ -6,6 +6,7 @@ require("../../chunks/tslib.es6-C8dZW5nY.js"), require("react/jsx-runtime"), req
 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("../../providers/ThemeProvider.js"), require("../../chunks/style-inject.es-CMuL-BfJ.js"), 
 require("../../hooks/useWindow.js"), require("../../chunks/Badge-DjPJ_iJX.js"), 
-require("../../chunks/style-inject.es-CMuL-BfJ.js"), require("../../chunks/Icon-fRM3E0N6.js"), 
-require("../../chunks/misc-BTF7BCZW.js"), exports.Grouper = Grouper.Grouper;
+require("../../chunks/Icon-fRM3E0N6.js"), require("../../chunks/misc-BTF7BCZW.js"), 
+exports.Grouper = Grouper.Grouper;

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

@@ -5,6 +5,6 @@ var Icon = require("../../chunks/Icon-fRM3E0N6.js"), _types = require("../../chu
 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("../../chunks/misc-BTF7BCZW.js"), 
-require("../../hooks/useWindow.js"), require("../../chunks/style-inject.es-CMuL-BfJ.js"), 
-exports.Icon = Icon.Icon, exports.SliceIcons = _types.SliceIcons;
+require("../../theme/type.js"), require("../../hooks/useObserveTheme.js"), require("../../providers/ThemeProvider.js"), 
+require("../../chunks/style-inject.es-CMuL-BfJ.js"), require("../../chunks/misc-BTF7BCZW.js"), 
+require("../../hooks/useWindow.js"), exports.Icon = Icon.Icon, exports.SliceIcons = _types.SliceIcons;

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

@@ -7,6 +7,6 @@ require("react"), require("../../chunks/Badge-DjPJ_iJX.js"), require("../../chun
 require("../../chunks/Dot-fKIwhjYA.js"), require("../../chunks/Icon-fRM3E0N6.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("../../chunks/misc-BTF7BCZW.js"), 
-require("../../hooks/useWindow.js"), require("../../chunks/sharedTypes-gCECyn2N.js"), 
+require("../../theme/type.js"), require("../../hooks/useObserveTheme.js"), require("../../providers/ThemeProvider.js"), 
+require("../../chunks/misc-BTF7BCZW.js"), require("../../hooks/useWindow.js"), require("../../chunks/sharedTypes-gCECyn2N.js"), 
 exports.IconButton = IconButton.IconButton;

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

@@ -5,7 +5,7 @@ var ProgressIndicator = require("../../chunks/ProgressIndicator-t-jv4OhI.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("../../chunks/tslib.es6-C8dZW5nY.js"), 
+require("../../hooks/useObserveTheme.js"), require("../../providers/ThemeProvider.js"), 
+require("../../chunks/style-inject.es-CMuL-BfJ.js"), require("../../chunks/tslib.es6-C8dZW5nY.js"), 
 require("../../hooks/useWindow.js"), require("../../chunks/Icon-fRM3E0N6.js"), require("../../chunks/misc-BTF7BCZW.js"), 
-require("../../chunks/style-inject.es-CMuL-BfJ.js"), require("motion/react"), exports.DoneCheck = ProgressIndicator.DoneCheck, 
-exports.ProgressIndicator = ProgressIndicator.ProgressIndicator;
+require("motion/react"), exports.DoneCheck = ProgressIndicator.DoneCheck, exports.ProgressIndicator = ProgressIndicator.ProgressIndicator;

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

@@ -5,10 +5,11 @@ var PromptInput = require("../../chunks/PromptInput-B1WG22xz.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("../../chunks/tslib.es6-C8dZW5nY.js"), 
+require("../../hooks/useObserveTheme.js"), require("../../providers/ThemeProvider.js"), 
+require("../../chunks/style-inject.es-CMuL-BfJ.js"), require("../../chunks/tslib.es6-C8dZW5nY.js"), 
 require("../../hooks/useWindow.js"), require("../../chunks/Button-D3wZtdtj.js"), 
-require("motion/react"), require("../../chunks/Badge-DjPJ_iJX.js"), require("../../chunks/style-inject.es-CMuL-BfJ.js"), 
-require("../../chunks/Dot-fKIwhjYA.js"), require("../../chunks/Icon-fRM3E0N6.js"), 
-require("../../chunks/misc-BTF7BCZW.js"), require("../../chunks/ProgressIndicator-t-jv4OhI.js"), 
-require("../../chunks/sharedTypes-gCECyn2N.js"), require("../../chunks/FileList-DobAcOSH.js"), 
-require("../../chunks/FileIcon-DgRlhqzv.js"), exports.PromptInput = PromptInput.PromptInput;
+require("motion/react"), require("../../chunks/Badge-DjPJ_iJX.js"), require("../../chunks/Dot-fKIwhjYA.js"), 
+require("../../chunks/Icon-fRM3E0N6.js"), require("../../chunks/misc-BTF7BCZW.js"), 
+require("../../chunks/ProgressIndicator-t-jv4OhI.js"), require("../../chunks/sharedTypes-gCECyn2N.js"), 
+require("../../chunks/FileList-DobAcOSH.js"), require("../../chunks/FileIcon-DgRlhqzv.js"), 
+exports.PromptInput = PromptInput.PromptInput;

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

@@ -6,5 +6,6 @@ require("../../chunks/tslib.es6-C8dZW5nY.js"), require("react/jsx-runtime"), req
 require("../../chunks/misc-BTF7BCZW.js"), require("../../chunks/Icon-fRM3E0N6.js"), 
 require("../../hooks/useTheme.js"), require("../../theme/themes.js"), require("../../theme/colors.js"), 
 require("../../theme/corners.js"), require("../../theme/elevations.js"), require("../../theme/motion.js"), 
-require("../../theme/type.js"), require("../../hooks/useObserveTheme.js"), require("../../hooks/useWindow.js"), 
-require("../../chunks/style-inject.es-CMuL-BfJ.js"), exports.RadioButton = RadioButton.RadioButton;
+require("../../theme/type.js"), require("../../hooks/useObserveTheme.js"), require("../../providers/ThemeProvider.js"), 
+require("../../chunks/style-inject.es-CMuL-BfJ.js"), require("../../hooks/useWindow.js"), 
+exports.RadioButton = RadioButton.RadioButton;

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

@@ -7,5 +7,5 @@ require("../../chunks/misc-BTF7BCZW.js"), require("../../chunks/RadioButton-BAIM
 require("../../chunks/Icon-fRM3E0N6.js"), require("../../hooks/useTheme.js"), require("../../theme/themes.js"), 
 require("../../theme/colors.js"), require("../../theme/corners.js"), require("../../theme/elevations.js"), 
 require("../../theme/motion.js"), require("../../theme/type.js"), require("../../hooks/useObserveTheme.js"), 
-require("../../hooks/useWindow.js"), require("../../chunks/style-inject.es-CMuL-BfJ.js"), 
-exports.RadioButtonList = RadioButtonList.RadioButtonList;
+require("../../providers/ThemeProvider.js"), require("../../chunks/style-inject.es-CMuL-BfJ.js"), 
+require("../../hooks/useWindow.js"), exports.RadioButtonList = RadioButtonList.RadioButtonList;

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

@@ -5,8 +5,9 @@ var TabBar = require("../../chunks/TabBar-BfyfjmPQ.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-DjPJ_iJX.js"), require("../../chunks/style-inject.es-CMuL-BfJ.js"), 
-require("../../chunks/Icon-fRM3E0N6.js"), require("../../chunks/misc-BTF7BCZW.js"), 
-require("../../chunks/IconButton-Cf2RBUKA.js"), require("motion/react"), require("../../chunks/Dot-fKIwhjYA.js"), 
-require("../../chunks/sharedTypes-gCECyn2N.js"), exports.TabBar = TabBar.TabBar;
+require("../../theme/type.js"), require("../../hooks/useObserveTheme.js"), require("../../providers/ThemeProvider.js"), 
+require("../../chunks/style-inject.es-CMuL-BfJ.js"), require("../../hooks/useWindow.js"), 
+require("../../chunks/Badge-DjPJ_iJX.js"), require("../../chunks/Icon-fRM3E0N6.js"), 
+require("../../chunks/misc-BTF7BCZW.js"), require("../../chunks/IconButton-Cf2RBUKA.js"), 
+require("motion/react"), require("../../chunks/Dot-fKIwhjYA.js"), require("../../chunks/sharedTypes-gCECyn2N.js"), 
+exports.TabBar = TabBar.TabBar;

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

@@ -8,5 +8,6 @@ require("../../chunks/style-inject.es-CMuL-BfJ.js"), require("../../chunks/Dot-f
 require("../../chunks/Icon-fRM3E0N6.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("../../chunks/misc-BTF7BCZW.js"), require("../../hooks/useWindow.js"), require("../../chunks/ProgressIndicator-t-jv4OhI.js"), 
+require("../../providers/ThemeProvider.js"), require("../../chunks/misc-BTF7BCZW.js"), 
+require("../../hooks/useWindow.js"), require("../../chunks/ProgressIndicator-t-jv4OhI.js"), 
 require("../../chunks/sharedTypes-gCECyn2N.js"), exports.TextArea = TextArea.TextArea;

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

@@ -6,8 +6,9 @@ require("../../chunks/tslib.es6-C8dZW5nY.js"), require("react/jsx-runtime"), req
 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("../../providers/ThemeProvider.js"), require("../../chunks/style-inject.es-CMuL-BfJ.js"), 
 require("../../chunks/misc-BTF7BCZW.js"), require("../../hooks/useWindow.js"), require("../../chunks/Button-D3wZtdtj.js"), 
-require("../../chunks/Badge-DjPJ_iJX.js"), require("../../chunks/style-inject.es-CMuL-BfJ.js"), 
-require("../../chunks/Dot-fKIwhjYA.js"), require("../../chunks/Icon-fRM3E0N6.js"), 
-require("../../chunks/ProgressIndicator-t-jv4OhI.js"), require("../../chunks/sharedTypes-gCECyn2N.js"), 
-require("../../chunks/IconButton-Cf2RBUKA.js"), exports.TextField = TextField.TextField;
+require("../../chunks/Badge-DjPJ_iJX.js"), require("../../chunks/Dot-fKIwhjYA.js"), 
+require("../../chunks/Icon-fRM3E0N6.js"), require("../../chunks/ProgressIndicator-t-jv4OhI.js"), 
+require("../../chunks/sharedTypes-gCECyn2N.js"), require("../../chunks/IconButton-Cf2RBUKA.js"), 
+exports.TextField = TextField.TextField;

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

@@ -6,9 +6,9 @@ require("../../chunks/tslib.es6-C8dZW5nY.js"), require("react/jsx-runtime"), req
 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("../../providers/ThemeProvider.js"), require("../../chunks/style-inject.es-CMuL-BfJ.js"), 
 require("../../chunks/misc-BTF7BCZW.js"), require("../../hooks/useWindow.js"), require("../../chunks/Icon-fRM3E0N6.js"), 
-require("../../chunks/style-inject.es-CMuL-BfJ.js"), exports.Toast = Toast.Toast, 
-Object.defineProperty(exports, "ToastType", {
+exports.Toast = Toast.Toast, Object.defineProperty(exports, "ToastType", {
     enumerable: !0,
     get: function() {
         return Toast.ToastType;

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

@@ -7,10 +7,10 @@ require("../../chunks/tslib.es6-C8dZW5nY.js"), require("../../chunks/FileList-Do
 require("../../chunks/FileIcon-DgRlhqzv.js"), require("../../hooks/useTheme.js"), 
 require("../../theme/themes.js"), require("../../theme/colors.js"), require("../../theme/corners.js"), 
 require("../../theme/elevations.js"), require("../../theme/motion.js"), require("../../theme/type.js"), 
-require("../../hooks/useObserveTheme.js"), require("../../hooks/useWindow.js"), 
-require("../../chunks/Icon-fRM3E0N6.js"), require("../../chunks/style-inject.es-CMuL-BfJ.js"), 
-require("../../chunks/ProgressIndicator-t-jv4OhI.js"), require("motion/react"), 
-exports.UploadArea = UploadArea.UploadArea, exports.allTypes = UploadArea.allTypes, 
+require("../../hooks/useObserveTheme.js"), require("../../providers/ThemeProvider.js"), 
+require("../../chunks/style-inject.es-CMuL-BfJ.js"), require("../../hooks/useWindow.js"), 
+require("../../chunks/Icon-fRM3E0N6.js"), require("../../chunks/ProgressIndicator-t-jv4OhI.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, 
 exports.videoTypes = UploadArea.videoTypes;

package/dist/cjs/hooks/useObserveTheme.js

@@ -1,26 +1,27 @@
 'use client';
 "use strict";
 
-var React = require("react"), theme_themes = require("../theme/themes.js");
+var React = require("react"), providers_ThemeProvider = require("../providers/ThemeProvider.js"), theme_themes = require("../theme/themes.js");
 
 function resolveTheme(themeName) {
     return !themeName || "" === themeName || themeName.includes(theme_themes.lightTheme.name) ? theme_themes.lightTheme : theme_themes.darkTheme;
 }
 
-require("../theme/colors.js"), require("../theme/corners.js"), require("../theme/elevations.js"), 
-require("../theme/motion.js"), require("../theme/type.js"), exports.useObserveTheme = function() {
-    const [theme, setTheme] = React.useState(() => "undefined" == typeof document ? theme_themes.lightTheme : resolveTheme(document.documentElement.dataset.sliceTheme));
+require("../theme/colors.js"), require("react/jsx-runtime"), require("../chunks/style-inject.es-CMuL-BfJ.js"), 
+require("../theme/corners.js"), require("../theme/elevations.js"), require("../theme/motion.js"), 
+require("../theme/type.js"), exports.useObserveTheme = function() {
+    const {initialTheme: initialTheme} = providers_ThemeProvider.useThemeContext(), [theme, setTheme] = React.useState(() => "undefined" == typeof document ? resolveTheme(initialTheme) : resolveTheme(document.documentElement.dataset.sliceTheme || initialTheme));
     return React.useEffect(() => {
-        setTheme(resolveTheme(document.documentElement.dataset.sliceTheme));
+        setTheme(resolveTheme(document.documentElement.dataset.sliceTheme || initialTheme));
         const observer = new MutationObserver(mutations => {
             for (const mutation of mutations) if ("attributes" === mutation.type && "data-slice-theme" === mutation.attributeName) {
                 const newTheme = document.documentElement.dataset.sliceTheme;
-                setTheme(resolveTheme(newTheme));
+                setTheme(resolveTheme(newTheme || initialTheme));
             }
         });
         return observer.observe(document.documentElement, {
             attributes: !0,
             attributeFilter: [ "data-slice-theme" ]
         }), () => observer.disconnect();
-    }, []), theme;
+    }, [ initialTheme ]), theme;
 };

package/dist/cjs/hooks/useTheme.js

@@ -4,6 +4,7 @@
 var React = require("react"), theme_themes = require("../theme/themes.js"), theme_colors = require("../theme/colors.js"), theme_type = require("../theme/type.js"), hooks_useObserveTheme = require("./useObserveTheme.js");
 
 require("../theme/corners.js"), require("../theme/elevations.js"), require("../theme/motion.js"), 
+require("../providers/ThemeProvider.js"), require("react/jsx-runtime"), require("../chunks/style-inject.es-CMuL-BfJ.js"), 
 exports.useTheme = 
 /**
  * Hook to manage Slice theming

package/dist/cjs/hooks/useToolTip.js

@@ -9,16 +9,28 @@ const hiddenCoords = {
 };
 
 exports.useToolTip = function(toolTip, tipElement) {
-    const [coords, setCoords] = React.useState(hiddenCoords);
+    const [coords, setCoords] = React.useState(hiddenCoords), adjustX = React.useCallback(x => {
+        if (x < 10) return 10;
+        const maxWidth = globalThis.innerWidth - 10;
+        if (x > maxWidth) {
+            return x - (x - maxWidth);
+        }
+        return x;
+    }, []), adjustY = React.useCallback((y, parentY) => {
+        var _a, _b;
+        if (y < 10) return 10;
+        const tipHeight = null !== (_b = null === (_a = tipElement.current) || void 0 === _a ? void 0 : _a.offsetHeight) && void 0 !== _b ? _b : 0;
+        return y + tipHeight > globalThis.innerHeight - 10 ? parentY - tipHeight - 10 : y;
+    }, [ tipElement ]);
     return React.useLayoutEffect(() => {
         var _a;
         if (!toolTip || !(null == tipElement ? void 0 : tipElement.current)) return void setCoords(hiddenCoords);
         const target = null === (_a = toolTip.ref) || void 0 === _a ? void 0 : _a.current;
         if (!target) return void setCoords(hiddenCoords);
-        const parentRect = target.getBoundingClientRect(), tipRect = tipElement.current.getBoundingClientRect(), {x: parentX, y: parentY, width: parentWidth, height: parentHeight} = parentRect, {width: tipWidth} = tipRect;
+        const parentRect = target.getBoundingClientRect(), tipRect = tipElement.current.getBoundingClientRect(), {x: parentX, y: parentY, width: parentWidth, height: parentHeight} = parentRect, {width: tipWidth} = tipRect, y = parentY + parentHeight + 10;
         setCoords({
-            x: parentX + parentWidth / 2 - tipWidth / 2,
-            y: parentY + parentHeight + 10
+            x: adjustX(parentX + parentWidth / 2 - tipWidth / 2),
+            y: adjustY(y, parentY)
         });
-    }, [ toolTip, tipElement ]), coords;
+    }, [ toolTip, tipElement, adjustX, adjustY ]), coords;
 };

package/dist/cjs/hooks.js

@@ -4,6 +4,7 @@ var hooks_useTheme = require("./hooks/useTheme.js"), hooks_useObserveTheme = req
 
 require("react"), 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("./providers/ThemeProvider.js"), require("react/jsx-runtime"), require("./chunks/style-inject.es-CMuL-BfJ.js"), 
 require("./chunks/tslib.es6-C8dZW5nY.js"), require("./chunks/MdStreamBuffer-DObxjnAm.js"), 
 exports.useTheme = hooks_useTheme.useTheme, exports.useObserveTheme = hooks_useObserveTheme.useObserveTheme, 
 exports.useDoubleClick = hooks_useDoubleClick.useDoubleClick, exports.useToolTip = hooks_useToolTip.useToolTip, 

package/dist/cjs/providers/ThemeProvider.js

@@ -16,42 +16,61 @@ styleInject_es.styleInject("/* Keep these values in sync with src/hooks/useWindo
 
 styleInject_es.styleInject("[data-slice-theme-scope] {\n\t--motion-magnet: cubic-bezier(0.352, 0.003, 0.993, -0.052);\n\t--motion-water: cubic-bezier(0.36, 0, 0.64, 1);\n\t--motion-spring: linear(\n\t\t0,\n\t\t0.002 0.2%,\n\t\t0.011 0.5%,\n\t\t0.041 1%,\n\t\t0.1 1.6%,\n\t\t0.18 2.2%,\n\t\t0.365 3.3%,\n\t\t0.925 6.2%,\n\t\t1.058 7%,\n\t\t1.17 7.8%,\n\t\t1.26 8.6%,\n\t\t1.318 9.3%,\n\t\t1.342 9.7%,\n\t\t1.36 10.1%,\n\t\t1.372 10.5%,\n\t\t1.378 10.9%,\n\t\t1.378 11.4%,\n\t\t1.374 11.7%,\n\t\t1.368 12%,\n\t\t1.348 12.6%,\n\t\t1.314 13.3%,\n\t\t1.237 14.5%,\n\t\t1.026 17.4%,\n\t\t0.975 18.2%,\n\t\t0.933 19%,\n\t\t0.9 19.8%,\n\t\t0.878 20.5%,\n\t\t0.864 21.2%,\n\t\t0.859 21.6%,\n\t\t0.857 22%,\n\t\t0.856 22.5%,\n\t\t0.86 23.1%,\n\t\t0.867 23.7%,\n\t\t0.88 24.4%,\n\t\t0.909 25.6%,\n\t\t0.991 28.6%,\n\t\t1.01 29.4%,\n\t\t1.026 30.2%,\n\t\t1.037 30.9%,\n\t\t1.046 31.6%,\n\t\t1.051 32.3%,\n\t\t1.054 33.1%,\n\t\t1.053 34.2%,\n\t\t1.046 35.5%,\n\t\t1.035 36.7%,\n\t\t1.003 39.8%,\n\t\t0.99 41.4%,\n\t\t0.983 42.8%,\n\t\t0.979 44.2%,\n\t\t0.982 46.3%,\n\t\t1.002 52%,\n\t\t1.006 53.6%,\n\t\t1.008 55.2%,\n\t\t1.007 57.5%,\n\t\t0.999 63.1%,\n\t\t0.997 66.3%,\n\t\t1.001 77.2%,\n\t\t1 88.2%,\n\t\t1\n\t);\n\t--motion-magnet-duration: 0.5s;\n\t--motion-water-duration: 0.25s;\n\t--motion-spring-duration: 1s;\n}\n");
 
-styleInject_es.styleInject('.slice-global-body {\n\t/* apply themed background color */\n\tbackground-color: var(--core-surface-primary);\n\t/* remove gaps */\n\tmargin: 0;\n\tpadding: 0;\n\t/* base medium body font style with pref. for theme google font */\n\tfont-family: "Funnel Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",\n\t\tRoboto, Helvetica, Arial, sans-serif;\n\tfont-weight: 360;\n\tfont-size: 15px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n\t-webkit-font-smoothing: antialiased;\n}\n'), 
+styleInject_es.styleInject('.slice-global-body {\n\t/* apply themed background color */\n\tbackground-color: var(--core-surface-primary);\n\t/* remove gaps */\n\tmargin: 0;\n\tpadding: 0;\n\t/* base medium body font style with pref. for theme google font */\n\tfont-family: "Funnel Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",\n\t\tRoboto, Helvetica, Arial, sans-serif;\n\tfont-weight: 360;\n\tfont-size: 15px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n\t-webkit-font-smoothing: antialiased;\n}\n');
+
+const ThemeContext = React.createContext({
+    initialTheme: theme_themes.lightTheme.name
+});
+
+function setDocumentTheme(name) {
+    "undefined" != typeof document && (document.documentElement.dataset.sliceTheme = name, 
+    document.cookie = `slice-theme=${encodeURIComponent(name)}; path=/; max-age=31536000; samesite=lax`);
+}
+
 exports.ThemeProvider = function(props) {
-    const {children: children, theme: theme, system: system, global: global, initialTheme: initialTheme} = props;
+    const {children: children, theme: theme, system: system, global: global, initialTheme: initialTheme} = props, contextValue = React.useMemo(() => ({
+        initialTheme: null != initialTheme ? initialTheme : theme_themes.lightTheme.name
+    }), [ initialTheme ]);
     return React.useEffect(() => {
         if (theme || initialTheme) {
             const newTheme = function(theme) {
                 if (theme) return theme.includes("dark") ? theme_themes.darkTheme : theme_themes.lightTheme;
             }(null != theme ? theme : initialTheme);
             if (!newTheme) return;
-            name = newTheme.name, "undefined" != typeof document && (document.documentElement.dataset.sliceTheme = name);
+            setDocumentTheme(newTheme.name);
         }
-        var name;
     }, [ theme, initialTheme ]), React.useEffect(() => {
         if (!system) return;
         const darkModeMediaQuery = "undefined" == typeof globalThis || "function" != typeof globalThis.matchMedia ? null : globalThis.matchMedia("(prefers-color-scheme: dark)");
         if (!darkModeMediaQuery) return;
         const handleSystemThemeChange = e => {
             if (system) {
-                const autoTheme = e.matches ? theme_themes.darkTheme : theme_themes.lightTheme;
-                document.documentElement.dataset.sliceTheme = autoTheme.name;
+                setDocumentTheme((e.matches ? theme_themes.darkTheme : theme_themes.lightTheme).name);
             }
         };
         if (system) {
-            const autoTheme = darkModeMediaQuery.matches ? theme_themes.darkTheme : theme_themes.lightTheme;
-            document.documentElement.dataset.sliceTheme = autoTheme.name;
+            setDocumentTheme((darkModeMediaQuery.matches ? theme_themes.darkTheme : theme_themes.lightTheme).name);
         }
         return darkModeMediaQuery.addEventListener("change", handleSystemThemeChange), () => {
             darkModeMediaQuery.removeEventListener("change", handleSystemThemeChange);
         };
     }, [ system ]), React.useEffect(() => {
-        if (global) return document.body.classList.add("slice-global-body"), () => {
+        if (global) {
+            if ("undefined" != typeof document) return document.body.classList.add("slice-global-body"), 
+            () => {
+                document.body.classList.remove("slice-global-body");
+            };
+        } else {
+            if ("undefined" == typeof document) return;
             document.body.classList.remove("slice-global-body");
-        };
-        document.body.classList.remove("slice-global-body");
-    }, [ global ]), jsxRuntime.jsx("div", {
-        "data-slice-theme-scope": !0,
-        children: children
+        }
+    }, [ global ]), jsxRuntime.jsx(ThemeContext.Provider, {
+        value: contextValue,
+        children: jsxRuntime.jsx("div", {
+            "data-slice-theme-scope": !0,
+            children: children
+        })
     });
+}, exports.useThemeContext = function() {
+    return React.useContext(ThemeContext);
 };

package/dist/esm/components/AudioBubble/index.mjs

@@ -22,10 +22,12 @@ import "../../theme/type.mjs";
 
 import "../../hooks/useObserveTheme.mjs";
 
+import "../../providers/ThemeProvider.mjs";
+
+import "../../chunks/style-inject.es-D0BjEaN8.mjs";
+
 import "../../chunks/colors-FQ0uNQcW.mjs";
 
 import "../../chunks/audioVisualizer-ZgT77nUw.mjs";
 
 import "../../hooks/useWindow.mjs";
-
-import "../../chunks/style-inject.es-D0BjEaN8.mjs";

package/dist/esm/components/Button/index.mjs

@@ -32,6 +32,8 @@ import "../../theme/type.mjs";
 
 import "../../hooks/useObserveTheme.mjs";
 
+import "../../providers/ThemeProvider.mjs";
+
 import "../../chunks/misc-BeEWwOaJ.mjs";
 
 import "../../hooks/useWindow.mjs";

package/dist/esm/components/ButtonBar/index.mjs

@@ -26,6 +26,8 @@ import "../../theme/type.mjs";
 
 import "../../hooks/useObserveTheme.mjs";
 
-import "../../hooks/useWindow.mjs";
+import "../../providers/ThemeProvider.mjs";
 
 import "../../chunks/style-inject.es-D0BjEaN8.mjs";
+
+import "../../hooks/useWindow.mjs";

package/dist/esm/components/Camera/index.mjs

@@ -22,6 +22,10 @@ import "../../theme/type.mjs";
 
 import "../../hooks/useObserveTheme.mjs";
 
+import "../../providers/ThemeProvider.mjs";
+
+import "../../chunks/style-inject.es-D0BjEaN8.mjs";
+
 import "../../chunks/misc-BeEWwOaJ.mjs";
 
 import "../../chunks/colors-FQ0uNQcW.mjs";
@@ -30,6 +34,4 @@ import "../../hooks/useWindow.mjs";
 
 import "../../chunks/Avatar-m5-zleDk.mjs";
 
-import "../../chunks/style-inject.es-D0BjEaN8.mjs";
-
 import "../../chunks/Icon-DI32kOA1.mjs";

package/dist/esm/components/CheckBox/index.mjs

@@ -28,6 +28,8 @@ import "../../theme/type.mjs";
 
 import "../../hooks/useObserveTheme.mjs";
 
-import "../../hooks/useWindow.mjs";
+import "../../providers/ThemeProvider.mjs";
 
 import "../../chunks/style-inject.es-D0BjEaN8.mjs";
+
+import "../../hooks/useWindow.mjs";

package/dist/esm/components/Chip/index.mjs

@@ -26,8 +26,10 @@ import "../../theme/type.mjs";
 
 import "../../hooks/useObserveTheme.mjs";
 
-import "../../hooks/useWindow.mjs";
+import "../../providers/ThemeProvider.mjs";
 
 import "../../chunks/style-inject.es-D0BjEaN8.mjs";
 
+import "../../hooks/useWindow.mjs";
+
 import "../../chunks/sharedTypes-tn9-uJvb.mjs";

package/dist/esm/components/DraggablePanel/index.mjs

@@ -22,10 +22,12 @@ import "../../theme/type.mjs";
 
 import "../../hooks/useObserveTheme.mjs";
 
+import "../../providers/ThemeProvider.mjs";
+
+import "../../chunks/style-inject.es-D0BjEaN8.mjs";
+
 import "../../chunks/misc-BeEWwOaJ.mjs";
 
 import "../../hooks/useWindow.mjs";
 
 import "../../hooks/useObserveResize.mjs";
-
-import "../../chunks/style-inject.es-D0BjEaN8.mjs";

package/dist/esm/components/DropDown/index.mjs

@@ -26,6 +26,8 @@ import "../../theme/type.mjs";
 
 import "../../hooks/useObserveTheme.mjs";
 
-import "../../hooks/useWindow.mjs";
+import "../../providers/ThemeProvider.mjs";
 
 import "../../chunks/style-inject.es-D0BjEaN8.mjs";
+
+import "../../hooks/useWindow.mjs";

package/dist/esm/components/ErrorSummary/index.mjs

@@ -24,8 +24,10 @@ import "../../theme/type.mjs";
 
 import "../../hooks/useObserveTheme.mjs";
 
+import "../../providers/ThemeProvider.mjs";
+
+import "../../chunks/style-inject.es-D0BjEaN8.mjs";
+
 import "../../chunks/colors-FQ0uNQcW.mjs";
 
 import "../../hooks/useWindow.mjs";
-
-import "../../chunks/style-inject.es-D0BjEaN8.mjs";

package/dist/esm/components/FileIcon/index.mjs

@@ -22,6 +22,10 @@ import "../../theme/type.mjs";
 
 import "../../hooks/useObserveTheme.mjs";
 
+import "../../providers/ThemeProvider.mjs";
+
+import "../../chunks/style-inject.es-D0BjEaN8.mjs";
+
 import "../../chunks/misc-BeEWwOaJ.mjs";
 
 import "../../hooks/useWindow.mjs";

package/dist/esm/components/FileList/index.mjs

@@ -26,12 +26,14 @@ import "../../theme/type.mjs";
 
 import "../../hooks/useObserveTheme.mjs";
 
+import "../../providers/ThemeProvider.mjs";
+
+import "../../chunks/style-inject.es-D0BjEaN8.mjs";
+
 import "../../hooks/useWindow.mjs";
 
 import "../../chunks/Icon-DI32kOA1.mjs";
 
-import "../../chunks/style-inject.es-D0BjEaN8.mjs";
-
 import "../../chunks/ProgressIndicator-CB_oazMD.mjs";
 
 import "motion/react";

package/dist/esm/components/Grouper/index.mjs

@@ -24,12 +24,14 @@ import "../../theme/type.mjs";
 
 import "../../hooks/useObserveTheme.mjs";
 
+import "../../providers/ThemeProvider.mjs";
+
+import "../../chunks/style-inject.es-D0BjEaN8.mjs";
+
 import "../../hooks/useWindow.mjs";
 
 import "../../chunks/Badge-CC0zSLMf.mjs";
 
-import "../../chunks/style-inject.es-D0BjEaN8.mjs";
-
 import "../../chunks/Icon-DI32kOA1.mjs";
 
 import "../../chunks/misc-BeEWwOaJ.mjs";

package/dist/esm/components/Icon/index.mjs

@@ -24,8 +24,10 @@ import "../../theme/type.mjs";
 
 import "../../hooks/useObserveTheme.mjs";
 
+import "../../providers/ThemeProvider.mjs";
+
+import "../../chunks/style-inject.es-D0BjEaN8.mjs";
+
 import "../../chunks/misc-BeEWwOaJ.mjs";
 
 import "../../hooks/useWindow.mjs";
-
-import "../../chunks/style-inject.es-D0BjEaN8.mjs";

package/dist/esm/components/IconButton/index.mjs

@@ -32,6 +32,8 @@ import "../../theme/type.mjs";
 
 import "../../hooks/useObserveTheme.mjs";
 
+import "../../providers/ThemeProvider.mjs";
+
 import "../../chunks/misc-BeEWwOaJ.mjs";
 
 import "../../hooks/useWindow.mjs";

package/dist/esm/components/Progress/index.mjs

@@ -20,6 +20,10 @@ import "../../theme/type.mjs";
 
 import "../../hooks/useObserveTheme.mjs";
 
+import "../../providers/ThemeProvider.mjs";
+
+import "../../chunks/style-inject.es-D0BjEaN8.mjs";
+
 import "../../chunks/tslib.es6-C-olHjXV.mjs";
 
 import "../../hooks/useWindow.mjs";
@@ -28,6 +32,4 @@ import "../../chunks/Icon-DI32kOA1.mjs";
 
 import "../../chunks/misc-BeEWwOaJ.mjs";
 
-import "../../chunks/style-inject.es-D0BjEaN8.mjs";
-
 import "motion/react";

package/dist/esm/components/PromptInput/index.mjs

@@ -20,6 +20,10 @@ import "../../theme/type.mjs";
 
 import "../../hooks/useObserveTheme.mjs";
 
+import "../../providers/ThemeProvider.mjs";
+
+import "../../chunks/style-inject.es-D0BjEaN8.mjs";
+
 import "../../chunks/tslib.es6-C-olHjXV.mjs";
 
 import "../../hooks/useWindow.mjs";
@@ -30,8 +34,6 @@ import "motion/react";
 
 import "../../chunks/Badge-CC0zSLMf.mjs";
 
-import "../../chunks/style-inject.es-D0BjEaN8.mjs";
-
 import "../../chunks/Dot-DZE134mJ.mjs";
 
 import "../../chunks/Icon-DI32kOA1.mjs";

package/dist/esm/components/RadioButton/index.mjs

@@ -26,6 +26,8 @@ import "../../theme/type.mjs";
 
 import "../../hooks/useObserveTheme.mjs";
 
-import "../../hooks/useWindow.mjs";
+import "../../providers/ThemeProvider.mjs";
 
 import "../../chunks/style-inject.es-D0BjEaN8.mjs";
+
+import "../../hooks/useWindow.mjs";

package/dist/esm/components/RadioButtonList/index.mjs

@@ -28,6 +28,8 @@ import "../../theme/type.mjs";
 
 import "../../hooks/useObserveTheme.mjs";
 
-import "../../hooks/useWindow.mjs";
+import "../../providers/ThemeProvider.mjs";
 
 import "../../chunks/style-inject.es-D0BjEaN8.mjs";
+
+import "../../hooks/useWindow.mjs";

package/dist/esm/components/TabBar/index.mjs

@@ -22,12 +22,14 @@ import "../../theme/type.mjs";
 
 import "../../hooks/useObserveTheme.mjs";
 
+import "../../providers/ThemeProvider.mjs";
+
+import "../../chunks/style-inject.es-D0BjEaN8.mjs";
+
 import "../../hooks/useWindow.mjs";
 
 import "../../chunks/Badge-CC0zSLMf.mjs";
 
-import "../../chunks/style-inject.es-D0BjEaN8.mjs";
-
 import "../../chunks/Icon-DI32kOA1.mjs";
 
 import "../../chunks/misc-BeEWwOaJ.mjs";

package/dist/esm/components/TextArea/index.mjs

@@ -34,6 +34,8 @@ import "../../theme/type.mjs";
 
 import "../../hooks/useObserveTheme.mjs";
 
+import "../../providers/ThemeProvider.mjs";
+
 import "../../chunks/misc-BeEWwOaJ.mjs";
 
 import "../../hooks/useWindow.mjs";

package/dist/esm/components/Textfield/index.mjs

@@ -24,6 +24,10 @@ import "../../theme/type.mjs";
 
 import "../../hooks/useObserveTheme.mjs";
 
+import "../../providers/ThemeProvider.mjs";
+
+import "../../chunks/style-inject.es-D0BjEaN8.mjs";
+
 import "../../chunks/misc-BeEWwOaJ.mjs";
 
 import "../../hooks/useWindow.mjs";
@@ -32,8 +36,6 @@ import "../../chunks/Button-YER9dCLE.mjs";
 
 import "../../chunks/Badge-CC0zSLMf.mjs";
 
-import "../../chunks/style-inject.es-D0BjEaN8.mjs";
-
 import "../../chunks/Dot-DZE134mJ.mjs";
 
 import "../../chunks/Icon-DI32kOA1.mjs";

package/dist/esm/components/Toast/index.mjs

@@ -24,10 +24,12 @@ import "../../theme/type.mjs";
 
 import "../../hooks/useObserveTheme.mjs";
 
+import "../../providers/ThemeProvider.mjs";
+
+import "../../chunks/style-inject.es-D0BjEaN8.mjs";
+
 import "../../chunks/misc-BeEWwOaJ.mjs";
 
 import "../../hooks/useWindow.mjs";
 
 import "../../chunks/Icon-DI32kOA1.mjs";
-
-import "../../chunks/style-inject.es-D0BjEaN8.mjs";

package/dist/esm/components/UploadArea/index.mjs

@@ -28,12 +28,14 @@ import "../../theme/type.mjs";
 
 import "../../hooks/useObserveTheme.mjs";
 
+import "../../providers/ThemeProvider.mjs";
+
+import "../../chunks/style-inject.es-D0BjEaN8.mjs";
+
 import "../../hooks/useWindow.mjs";
 
 import "../../chunks/Icon-DI32kOA1.mjs";
 
-import "../../chunks/style-inject.es-D0BjEaN8.mjs";
-
 import "../../chunks/ProgressIndicator-CB_oazMD.mjs";
 
 import "motion/react";

package/dist/esm/hooks/useObserveTheme.mjs

@@ -1,10 +1,16 @@
 'use client';
 import { useState, useEffect } from "react";
 
+import { useThemeContext } from "../providers/ThemeProvider.mjs";
+
 import { lightTheme, darkTheme } from "../theme/themes.mjs";
 
 import "../theme/colors.mjs";
 
+import "react/jsx-runtime";
+
+import "../chunks/style-inject.es-D0BjEaN8.mjs";
+
 import "../theme/corners.mjs";
 
 import "../theme/elevations.mjs";
@@ -18,20 +24,20 @@ function resolveTheme(themeName) {
 }
 
 function useObserveTheme() {
-    const [theme, setTheme] = useState(() => "undefined" == typeof document ? lightTheme : resolveTheme(document.documentElement.dataset.sliceTheme));
+    const {initialTheme: initialTheme} = useThemeContext(), [theme, setTheme] = useState(() => "undefined" == typeof document ? resolveTheme(initialTheme) : resolveTheme(document.documentElement.dataset.sliceTheme || initialTheme));
     return useEffect(() => {
-        setTheme(resolveTheme(document.documentElement.dataset.sliceTheme));
+        setTheme(resolveTheme(document.documentElement.dataset.sliceTheme || initialTheme));
         const observer = new MutationObserver(mutations => {
             for (const mutation of mutations) if ("attributes" === mutation.type && "data-slice-theme" === mutation.attributeName) {
                 const newTheme = document.documentElement.dataset.sliceTheme;
-                setTheme(resolveTheme(newTheme));
+                setTheme(resolveTheme(newTheme || initialTheme));
             }
         });
         return observer.observe(document.documentElement, {
             attributes: !0,
             attributeFilter: [ "data-slice-theme" ]
         }), () => observer.disconnect();
-    }, []), theme;
+    }, [ initialTheme ]), theme;
 }
 
 export { useObserveTheme };

package/dist/esm/hooks/useTheme.mjs

@@ -15,6 +15,12 @@ import "../theme/elevations.mjs";
 
 import "../theme/motion.mjs";
 
+import "../providers/ThemeProvider.mjs";
+
+import "react/jsx-runtime";
+
+import "../chunks/style-inject.es-D0BjEaN8.mjs";
+
 /**
  * Hook to manage Slice theming
  */ function useTheme() {

package/dist/esm/hooks/useToolTip.mjs

@@ -1,5 +1,5 @@
 'use client';
-import { useState, useLayoutEffect } from "react";
+import { useState, useCallback, useLayoutEffect } from "react";
 
 const hiddenCoords = {
     x: 0,
@@ -7,18 +7,30 @@ const hiddenCoords = {
 };
 
 function useToolTip(toolTip, tipElement) {
-    const [coords, setCoords] = useState(hiddenCoords);
+    const [coords, setCoords] = useState(hiddenCoords), adjustX = useCallback(x => {
+        if (x < 10) return 10;
+        const maxWidth = globalThis.innerWidth - 10;
+        if (x > maxWidth) {
+            return x - (x - maxWidth);
+        }
+        return x;
+    }, []), adjustY = useCallback((y, parentY) => {
+        var _a, _b;
+        if (y < 10) return 10;
+        const tipHeight = null !== (_b = null === (_a = tipElement.current) || void 0 === _a ? void 0 : _a.offsetHeight) && void 0 !== _b ? _b : 0;
+        return y + tipHeight > globalThis.innerHeight - 10 ? parentY - tipHeight - 10 : y;
+    }, [ tipElement ]);
     return useLayoutEffect(() => {
         var _a;
         if (!toolTip || !(null == tipElement ? void 0 : tipElement.current)) return void setCoords(hiddenCoords);
         const target = null === (_a = toolTip.ref) || void 0 === _a ? void 0 : _a.current;
         if (!target) return void setCoords(hiddenCoords);
-        const parentRect = target.getBoundingClientRect(), tipRect = tipElement.current.getBoundingClientRect(), {x: parentX, y: parentY, width: parentWidth, height: parentHeight} = parentRect, {width: tipWidth} = tipRect;
+        const parentRect = target.getBoundingClientRect(), tipRect = tipElement.current.getBoundingClientRect(), {x: parentX, y: parentY, width: parentWidth, height: parentHeight} = parentRect, {width: tipWidth} = tipRect, y = parentY + parentHeight + 10;
         setCoords({
-            x: parentX + parentWidth / 2 - tipWidth / 2,
-            y: parentY + parentHeight + 10
+            x: adjustX(parentX + parentWidth / 2 - tipWidth / 2),
+            y: adjustY(y, parentY)
         });
-    }, [ toolTip, tipElement ]), coords;
+    }, [ toolTip, tipElement, adjustX, adjustY ]), coords;
 }
 
 export { useToolTip };

package/dist/esm/hooks.mjs

@@ -36,6 +36,12 @@ import "./theme/motion.mjs";
 
 import "./theme/type.mjs";
 
+import "./providers/ThemeProvider.mjs";
+
+import "react/jsx-runtime";
+
+import "./chunks/style-inject.es-D0BjEaN8.mjs";
+
 import "./chunks/tslib.es6-C-olHjXV.mjs";
 
 import "./chunks/MdStreamBuffer-DNXE4XbN.mjs";

package/dist/esm/providers/ThemeProvider.mjs

@@ -1,11 +1,11 @@
 'use client';
 import { jsx } from "react/jsx-runtime";
 
-import { useEffect } from "react";
+import { createContext, useContext, useMemo, useEffect } from "react";
 
 import { s as styleInject } from "../chunks/style-inject.es-D0BjEaN8.mjs";
 
-import { darkTheme, lightTheme } from "../theme/themes.mjs";
+import { lightTheme, darkTheme } from "../theme/themes.mjs";
 
 import "../theme/colors.mjs";
 
@@ -27,45 +27,65 @@ styleInject("/* Keep these values in sync with src/hooks/useWindow/useWindow.ts
 
 styleInject("[data-slice-theme-scope] {\n\t--motion-magnet: cubic-bezier(0.352, 0.003, 0.993, -0.052);\n\t--motion-water: cubic-bezier(0.36, 0, 0.64, 1);\n\t--motion-spring: linear(\n\t\t0,\n\t\t0.002 0.2%,\n\t\t0.011 0.5%,\n\t\t0.041 1%,\n\t\t0.1 1.6%,\n\t\t0.18 2.2%,\n\t\t0.365 3.3%,\n\t\t0.925 6.2%,\n\t\t1.058 7%,\n\t\t1.17 7.8%,\n\t\t1.26 8.6%,\n\t\t1.318 9.3%,\n\t\t1.342 9.7%,\n\t\t1.36 10.1%,\n\t\t1.372 10.5%,\n\t\t1.378 10.9%,\n\t\t1.378 11.4%,\n\t\t1.374 11.7%,\n\t\t1.368 12%,\n\t\t1.348 12.6%,\n\t\t1.314 13.3%,\n\t\t1.237 14.5%,\n\t\t1.026 17.4%,\n\t\t0.975 18.2%,\n\t\t0.933 19%,\n\t\t0.9 19.8%,\n\t\t0.878 20.5%,\n\t\t0.864 21.2%,\n\t\t0.859 21.6%,\n\t\t0.857 22%,\n\t\t0.856 22.5%,\n\t\t0.86 23.1%,\n\t\t0.867 23.7%,\n\t\t0.88 24.4%,\n\t\t0.909 25.6%,\n\t\t0.991 28.6%,\n\t\t1.01 29.4%,\n\t\t1.026 30.2%,\n\t\t1.037 30.9%,\n\t\t1.046 31.6%,\n\t\t1.051 32.3%,\n\t\t1.054 33.1%,\n\t\t1.053 34.2%,\n\t\t1.046 35.5%,\n\t\t1.035 36.7%,\n\t\t1.003 39.8%,\n\t\t0.99 41.4%,\n\t\t0.983 42.8%,\n\t\t0.979 44.2%,\n\t\t0.982 46.3%,\n\t\t1.002 52%,\n\t\t1.006 53.6%,\n\t\t1.008 55.2%,\n\t\t1.007 57.5%,\n\t\t0.999 63.1%,\n\t\t0.997 66.3%,\n\t\t1.001 77.2%,\n\t\t1 88.2%,\n\t\t1\n\t);\n\t--motion-magnet-duration: 0.5s;\n\t--motion-water-duration: 0.25s;\n\t--motion-spring-duration: 1s;\n}\n");
 
+styleInject('.slice-global-body {\n\t/* apply themed background color */\n\tbackground-color: var(--core-surface-primary);\n\t/* remove gaps */\n\tmargin: 0;\n\tpadding: 0;\n\t/* base medium body font style with pref. for theme google font */\n\tfont-family: "Funnel Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",\n\t\tRoboto, Helvetica, Arial, sans-serif;\n\tfont-weight: 360;\n\tfont-size: 15px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n\t-webkit-font-smoothing: antialiased;\n}\n');
+
+const ThemeContext = createContext({
+    initialTheme: lightTheme.name
+});
+
+function useThemeContext() {
+    return useContext(ThemeContext);
+}
+
+function setDocumentTheme(name) {
+    "undefined" != typeof document && (document.documentElement.dataset.sliceTheme = name, 
+    document.cookie = `slice-theme=${encodeURIComponent(name)}; path=/; max-age=31536000; samesite=lax`);
+}
+
 function ThemeProvider(props) {
-    const {children: children, theme: theme, system: system, global: global, initialTheme: initialTheme} = props;
+    const {children: children, theme: theme, system: system, global: global, initialTheme: initialTheme} = props, contextValue = useMemo(() => ({
+        initialTheme: null != initialTheme ? initialTheme : lightTheme.name
+    }), [ initialTheme ]);
     return useEffect(() => {
         if (theme || initialTheme) {
             const newTheme = function(theme) {
                 if (theme) return theme.includes("dark") ? darkTheme : lightTheme;
             }(null != theme ? theme : initialTheme);
             if (!newTheme) return;
-            name = newTheme.name, "undefined" != typeof document && (document.documentElement.dataset.sliceTheme = name);
+            setDocumentTheme(newTheme.name);
         }
-        var name;
     }, [ theme, initialTheme ]), useEffect(() => {
         if (!system) return;
         const darkModeMediaQuery = "undefined" == typeof globalThis || "function" != typeof globalThis.matchMedia ? null : globalThis.matchMedia("(prefers-color-scheme: dark)");
         if (!darkModeMediaQuery) return;
         const handleSystemThemeChange = e => {
             if (system) {
-                const autoTheme = e.matches ? darkTheme : lightTheme;
-                document.documentElement.dataset.sliceTheme = autoTheme.name;
+                setDocumentTheme((e.matches ? darkTheme : lightTheme).name);
             }
         };
         if (system) {
-            const autoTheme = darkModeMediaQuery.matches ? darkTheme : lightTheme;
-            document.documentElement.dataset.sliceTheme = autoTheme.name;
+            setDocumentTheme((darkModeMediaQuery.matches ? darkTheme : lightTheme).name);
         }
         return darkModeMediaQuery.addEventListener("change", handleSystemThemeChange), () => {
             darkModeMediaQuery.removeEventListener("change", handleSystemThemeChange);
         };
     }, [ system ]), useEffect(() => {
-        if (global) return document.body.classList.add("slice-global-body"), () => {
+        if (global) {
+            if ("undefined" != typeof document) return document.body.classList.add("slice-global-body"), 
+            () => {
+                document.body.classList.remove("slice-global-body");
+            };
+        } else {
+            if ("undefined" == typeof document) return;
             document.body.classList.remove("slice-global-body");
-        };
-        document.body.classList.remove("slice-global-body");
-    }, [ global ]), jsx("div", {
-        "data-slice-theme-scope": !0,
-        children: children
+        }
+    }, [ global ]), jsx(ThemeContext.Provider, {
+        value: contextValue,
+        children: jsx("div", {
+            "data-slice-theme-scope": !0,
+            children: children
+        })
     });
 }
 
-styleInject('.slice-global-body {\n\t/* apply themed background color */\n\tbackground-color: var(--core-surface-primary);\n\t/* remove gaps */\n\tmargin: 0;\n\tpadding: 0;\n\t/* base medium body font style with pref. for theme google font */\n\tfont-family: "Funnel Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",\n\t\tRoboto, Helvetica, Arial, sans-serif;\n\tfont-weight: 360;\n\tfont-size: 15px;\n\tline-height: 140%;\n\ttext-decoration: none;\n\tletter-spacing: 0.15px;\n\t-webkit-font-smoothing: antialiased;\n}\n');
-
-export { ThemeProvider };
+export { ThemeProvider, useThemeContext };

package/dist/types/hooks/useWindow/useWindow.d.ts

@@ -34,7 +34,7 @@ export declare function useWindow(breakpoints?: BreakPoints, top?: boolean): {
     isElectron: boolean;
     isAppleDevice: boolean;
     formFactor: FormFactor;
-    dpr: 2 | 1 | 3;
+    dpr: 1 | 2 | 3;
     geolocationSupported: boolean;
     location: WindowGeolocation | null;
     locationError: Error | null;

package/dist/types/providers/ThemeProvider.d.ts

@@ -12,5 +12,9 @@ interface ThemeProviderProps {
     system?: boolean;
     global?: boolean;
 }
+type ThemeContextValue = {
+    initialTheme: string;
+};
+export declare function useThemeContext(): ThemeContextValue;
 export declare function ThemeProvider(props: Readonly<ThemeProviderProps>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/stores/window/windowStore.d.ts

@@ -7,7 +7,7 @@ export declare const useViewportHeight: () => number;
 export declare const useIsAppleDevice: () => boolean;
 export declare const useIsTouchDevice: () => boolean;
 export declare const useIsElectron: () => boolean;
-export declare const useDpr: () => 2 | 1 | 3;
+export declare const useDpr: () => 1 | 2 | 3;
 export declare const useLocation: () => WindowGeolocation | null;
 export declare const useLocationError: () => Error | null;
 export declare const useGettingLocation: () => boolean;
@@ -19,7 +19,7 @@ export declare const viewportHeight: () => number;
 export declare const isAppleDevice: () => boolean;
 export declare const isTouchDevice: () => boolean;
 export declare const isElectron: () => boolean;
-export declare const dpr: () => 2 | 1 | 3;
+export declare const dpr: () => 1 | 2 | 3;
 export declare const location: () => WindowGeolocation | null;
 export declare const locationError: () => Error | null;
 export declare const gettingLocation: () => boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@apple-pie/slice",
-	"version": "0.1.25",
+	"version": "0.1.26",
 	"main": "dist/cjs/index.js",
 	"module": "dist/esm/index.mjs",
 	"exports": {