@ultraviolet/ui 3.0.0-beta.8 → 3.0.0

package/dist/index.js

@@ -1,9 +1,9 @@
+/* empty css                                */
 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 { default as default2 } from "./utils/normalize.js";
+import { ThemeProvider, consoleDarkTheme, consoleLightTheme, useTheme } from "@ultraviolet/themes";
+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/animationsVE.css.js";
+import { bounce as bounce2, fadeIn as fadeIn2, fadeOut as fadeOut2, flash as flash2, ping as ping2, pulse as pulse2, quickScaleDown as quickScaleDown2, scaleBack as scaleBack2, scaleDown as scaleDown2, scaleForward as scaleForward2, scaleUp as scaleUp2, sketchIn as sketchIn2, sketchOut as sketchOut2, slideDownLarge as slideDownLarge2, slideFromBottom as slideFromBottom2, slideFromLeft as slideFromLeft2, slideFromRight as slideFromRight2, slideFromTop as slideFromTop2, slideToBottom as slideToBottom2, slideToLeft as slideToLeft2, slideToRight as slideToRight2, slideToTop as slideToTop2, slideUpLarge as slideUpLarge2, unfoldIn as unfoldIn2, unfoldOut as unfoldOut2, zoomIn as zoomIn2, zoomOut as zoomOut2 } from "./utils/animations/animations.js";
 import { down, up } from "./utils/responsive/utilities.js";
 import { getUUID } from "./utils/ids.js";
 import { ActionBar } from "./components/ActionBar/index.js";
@@ -40,7 +40,8 @@ import { Menu } from "./components/Menu/index.js";
 import { Meter } from "./components/Meter/index.js";
 import { Modal } from "./components/Modal/index.js";
 import { Notice } from "./components/Notice/index.js";
-import { NotificationContainer, notification } from "./components/Notification/index.js";
+import { NotificationContainer } from "./components/Notification/NotificationContainer.js";
+import { notification } from "./components/Notification/Notification.js";
 import { NumberInput } from "./components/NumberInput/index.js";
 import { Pagination } from "./components/Pagination/index.js";
 import { PasswordCheck } from "./components/PasswordCheck/index.js";
@@ -74,10 +75,12 @@ import { Text } from "./components/Text/index.js";
 import { TextArea } from "./components/TextArea/index.js";
 import { TextInput } from "./components/TextInput/index.js";
 import { TimeInput } from "./components/TimeInput/index.js";
-import { ToastContainer, toast } from "./components/Toaster/index.js";
+import { ToastContainer } from "./components/Toaster/ToasterContainer.js";
+import { toast } from "./components/Toaster/Toaster.js";
 import { Toggle } from "./components/Toggle/index.js";
 import { ToggleGroup } from "./components/ToggleGroup/index.js";
 import { Tooltip } from "./components/Tooltip/index.js";
+import { TreeMapChart } from "./components/TreeMapChart/index.js";
 import { UnitInput } from "./components/UnitInput/index.js";
 import { VerificationCode } from "./components/VerificationCode/index.js";
 export {
@@ -89,7 +92,6 @@ export {
   BarChart,
   BarStack,
   Breadcrumbs,
-  default2 as Breakpoint,
   Bullet,
   Button,
   Card,
@@ -156,43 +158,71 @@ export {
   Toggle,
   ToggleGroup,
   Tooltip,
+  TreeMapChart,
   UnitInput,
   VerificationCode,
   bounce,
+  bounce2 as bounceDefault,
   consoleDarkTheme as darkTheme,
   down,
   extendTheme,
   fadeIn,
+  fadeIn2 as fadeInDefault,
   fadeOut,
+  fadeOut2 as fadeOutDefault,
   flash,
+  flash2 as flashDefault,
   getUUID,
-  default3 as normalize,
+  default2 as normalize,
   notification,
   ping,
+  ping2 as pingDefault,
   pulse,
+  pulse2 as pulseDefault,
   quickScaleDown,
+  quickScaleDown2 as quickScaleDownDefault,
   scaleBack,
+  scaleBack2 as scaleBackDefault,
   scaleDown,
+  scaleDown2 as scaleDownDefault,
   scaleForward,
+  scaleForward2 as scaleForwardDefault,
   scaleUp,
+  scaleUp2 as scaleUpDefault,
   sketchIn,
+  sketchIn2 as sketchInDefault,
   sketchOut,
+  sketchOut2 as sketchOutDefault,
   slideDownLarge,
+  slideDownLarge2 as slideDownLargeDefault,
   slideFromBottom,
+  slideFromBottom2 as slideFromBottomDefault,
   slideFromLeft,
+  slideFromLeft2 as slideFromLeftDefault,
   slideFromRight,
+  slideFromRight2 as slideFromRightDefault,
   slideFromTop,
+  slideFromTop2 as slideFromTopDefault,
   slideToBottom,
+  slideToBottom2 as slideToBottomDefault,
   slideToLeft,
+  slideToLeft2 as slideToLeftDefault,
   slideToRight,
+  slideToRight2 as slideToRightDefault,
   slideToTop,
+  slideToTop2 as slideToTopDefault,
   slideUpLarge,
+  slideUpLarge2 as slideUpLargeDefault,
   consoleLightTheme as theme,
   toast,
   unfoldIn,
+  unfoldIn2 as unfoldInDefault,
   unfoldOut,
+  unfoldOut2 as unfoldOutDefault,
   up,
   useTheme,
   zoomIn,
-  zoomOut
+  zoomIn2 as zoomInDefault,
+  zoomOut,
+  zoomOut2 as zoomOutDefault
 };

package/dist/theme/ThemeProvider.d.ts

@@ -733,5 +733,5 @@ type ThemeProviderProps = {
  * ThemeProvider will apply generated global CSS variables to the application in the `<head>`.
  * If no theme is provided, it will default to `lightTheme`.
  */
-export declare const ThemeProvider: ({ children, theme, }: ThemeProviderProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ThemeProvider: ({ children, theme, }: ThemeProviderProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/theme/ThemeProvider.js

@@ -1,43 +1,18 @@
 "use client";
-import { jsx } from "@emotion/react/jsx-runtime";
-import { theme, consoleLightTheme } from "@ultraviolet/themes";
-import { assignInlineVars } from "@vanilla-extract/dynamic";
-import { useEffect, createContext, useContext } from "react";
+import "react/jsx-runtime";
+import { consoleLightTheme } from "@ultraviolet/themes";
+import "@vanilla-extract/dynamic";
+import { useContext, createContext } from "react";
 const ThemeContext = createContext(consoleLightTheme);
 const useTheme = () => {
   const context = useContext(ThemeContext);
   if (!context) {
-    throw new Error("useTheme must be used within a ThemeProvider imported from @ultraviolet/ui");
+    throw new Error(
+      "useTheme must be used within a ThemeProvider imported from @ultraviolet/ui"
+    );
   }
   return context;
 };
-const ThemeProvider = ({
-  children,
-  theme: theme$1 = consoleLightTheme
-}) => {
-  useEffect(() => {
-    const styleId = "uv-theme";
-    const existingStyle = document.getElementById(styleId);
-    const cssVars = assignInlineVars(theme, theme$1);
-    const cssString = `:root { ${Object.entries(cssVars).map(([key, value]) => `${key}: ${value};`).join(" ")} }`;
-    if (existingStyle) {
-      existingStyle.textContent = cssString;
-    } else {
-      const style = document.createElement("style");
-      style.id = styleId;
-      style.textContent = cssString;
-      document.head.appendChild(style);
-    }
-    return () => {
-      const style = document.getElementById(styleId);
-      if (style) {
-        style.remove();
-      }
-    };
-  }, [theme$1]);
-  return /* @__PURE__ */ jsx(ThemeContext.Provider, { value: theme$1, children });
-};
 export {
-  ThemeProvider,
   useTheme
 };

package/dist/theme/index.d.ts

@@ -1,5 +1,4 @@
-import { consoleDarkTheme, consoleLightTheme } from '@ultraviolet/themes';
-import { ThemeProvider, useTheme } from './ThemeProvider';
+import { consoleDarkTheme, consoleLightTheme, ThemeProvider, useTheme } from '@ultraviolet/themes';
 export type ScreenSize = keyof typeof consoleLightTheme.breakpoints;
 type UltravioletUITheme = typeof consoleLightTheme;
 declare const colors: {
@@ -700,7 +699,7 @@ declare const extendTheme: (extendedTheme: RecursivePartial<UltravioletUITheme>)
 type Color = Extract<keyof typeof consoleLightTheme.colors, 'primary' | 'secondary' | 'neutral' | 'success' | 'danger' | 'warning' | 'info'>;
 type ExtendedColor = Color | 'white' | 'black';
 declare const SENTIMENTS: readonly ["primary", "secondary", "neutral", "success", "danger", "warning", "info"];
-declare const SENTIMENTS_WITHOUT_NEUTRAL: ("danger" | "info" | "success" | "primary" | "warning" | "secondary")[];
+declare const SENTIMENTS_WITHOUT_NEUTRAL: ("primary" | "secondary" | "success" | "danger" | "warning" | "info")[];
 export type { UltravioletUITheme, Color, ExtendedColor };
 export { colors, shadows, space, radii, breakpoints as screens, consoleDarkTheme as darkTheme, extendTheme, SENTIMENTS, SENTIMENTS_WITHOUT_NEUTRAL, typography, ThemeProvider, useTheme, };
 export default consoleLightTheme;

package/dist/theme/index.js

@@ -1,20 +1,10 @@
 import { consoleLightTheme } from "@ultraviolet/themes";
-import { consoleDarkTheme, consoleLightTheme as consoleLightTheme2 } from "@ultraviolet/themes";
+import { ThemeProvider, consoleDarkTheme, consoleLightTheme as consoleLightTheme2, useTheme } from "@ultraviolet/themes";
 import deepmerge from "deepmerge";
-const {
-  colors,
-  shadows,
-  typography,
-  space,
-  radii,
-  breakpoints
-} = consoleLightTheme;
+const { colors, shadows, typography, space, radii, breakpoints } = consoleLightTheme;
 const extendTheme = (extendedTheme) => deepmerge(consoleLightTheme, extendedTheme);
-const SENTIMENTS = ["primary", "secondary", "neutral", "success", "danger", "warning", "info"];
-const SENTIMENTS_WITHOUT_NEUTRAL = SENTIMENTS.filter((sentiment) => sentiment !== "neutral");
 export {
-  SENTIMENTS,
-  SENTIMENTS_WITHOUT_NEUTRAL,
+  ThemeProvider,
   colors,
   consoleDarkTheme as darkTheme,
   consoleLightTheme2 as default,
@@ -23,5 +13,6 @@ export {
   breakpoints as screens,
   shadows,
   space,
-  typography
+  typography,
+  useTheme
 };