@ultraviolet/ui 2.0.5 → 3.0.0-beta.0

package/dist/index.d.ts

@@ -1,4 +1,4 @@
 export * from './components';
 export type { UltravioletUITheme } from './theme';
-export { darkTheme, default as theme, extendTheme, } from './theme';
+export { darkTheme, default as theme, extendTheme, ThemeProvider, useTheme, } from './theme';
 export { Breakpoint, bounce, down, fadeIn, fadeOut, flash, getUUID, normalize, ping, pulse, quickScaleDown, scaleBack, scaleDown, scaleForward, scaleUp, sketchIn, sketchOut, slideDownLarge, slideFromBottom, slideFromLeft, slideFromRight, slideFromTop, slideToBottom, slideToLeft, slideToRight, slideToTop, slideUpLarge, unfoldIn, unfoldOut, up, zoomIn, zoomOut, } from './utils';

package/dist/index.js

@@ -2,6 +2,7 @@ import { extendTheme } from "./theme/index.js";
 import { default as default2 } from "./utils/responsive/Breakpoint.js";
 import { default as default3 } from "./utils/normalize.js";
 import { consoleDarkTheme, consoleLightTheme } from "@ultraviolet/themes";
+import { ThemeProvider, useTheme } from "./theme/ThemeProvider.js";
 import { bounce, fadeIn, fadeOut, flash, ping, pulse, quickScaleDown, scaleBack, scaleDown, scaleForward, scaleUp, sketchIn, sketchOut, slideDownLarge, slideFromBottom, slideFromLeft, slideFromRight, slideFromTop, slideToBottom, slideToLeft, slideToRight, slideToTop, slideUpLarge, unfoldIn, unfoldOut, zoomIn, zoomOut } from "./utils/animations.js";
 import { down, up } from "./utils/responsive/utilities.js";
 import { getUUID } from "./utils/ids.js";
@@ -147,6 +148,7 @@ export {
   Text,
   TextArea,
   TextInput,
+  ThemeProvider,
   TimeInput,
   ToastContainer,
   Toggle,
@@ -188,6 +190,7 @@ export {
   unfoldIn,
   unfoldOut,
   up,
+  useTheme,
   zoomIn,
   zoomOut
 };

package/dist/theme/ThemeProvider.cjs

@@ -0,0 +1,21 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const themes = require("@ultraviolet/themes");
+const dynamic = require("@vanilla-extract/dynamic");
+const react = require("react");
+const ThemeContext = react.createContext(themes.consoleLightTheme);
+const useTheme = () => {
+  const context = react.useContext(ThemeContext);
+  if (!context) {
+    throw new Error("useTheme must be used within a ThemeProvider imported from @ultraviolet/ui");
+  }
+  return context;
+};
+const ThemeProvider = ({
+  children,
+  theme = themes.consoleLightTheme
+}) => /* @__PURE__ */ jsxRuntime.jsx(ThemeContext.Provider, { value: theme, children: /* @__PURE__ */ jsxRuntime.jsx("div", { style: dynamic.assignInlineVars(themes.theme, theme), children }) });
+exports.ThemeProvider = ThemeProvider;
+exports.useTheme = useTheme;