@ultraviolet/ui 3.11.0 → 3.12.0

package/dist/helpers/treeMap.js

@@ -1,107 +1,29 @@
-import { __name } from "../_virtual/_rolldown/runtime.js";
+import { __esmMin, __name } from "../_virtual/_rolldown/runtime.js";
 
 //#region src/helpers/treeMap.ts
-/**
-* Recursively collects all IDs from a tree map data structure.
-*
-* @param {DefaultTreeMapDatum} datum - The root node of the tree map to traverse
-* @returns {string[]} An array containing the ID of the root node and all descendant node IDs
-*
-* @description
-* This function performs a depth-first traversal of a tree map structure, collecting
-* the ID from each node. It starts with the root node's ID and recursively processes
-* all children if they exist, flattening the hierarchical structure into a single array.
-*
-* @example
-* const tree = {
-*   id: 'root',
-*   children: [
-*     { id: 'child1', children: [{ id: 'grandchild1' }] },
-*     { id: 'child2' }
-*   ]
-* }
-* getAllIds(tree) // returns ['root', 'child1', 'grandchild1', 'child2']
-*/
-const getAllIds = (data) => {
-	const ids = [data.id];
-	if (data.children) for (const child of data.children) ids.push(...getAllIds(child));
-	return ids;
-};
-/**
-* Converts a number to an opacity value using a custom mapping algorithm.
-*
-* @param {number} n - The input number to convert (expected range: 0-100)
-* @returns {number} The calculated opacity value (range: 0-100)
-*
-* @description
-* This function applies the following transformations:
-* - 0 → 100 (special case: full opacity)
-* - 100 → 0 (special case: full transparency)
-* - 1-9 → 10-90 (multiply by 10)
-* - 10-99 → swap digits (e.g., 12 → 21, 45 → 54)
-* We disperse values like that so we don't get the almost the same opacity
-* for successive data
-*
-* @example
-* getOpacity(0)   // returns 100
-* getOpacity(5)   // returns 50
-* getOpacity(12)  // returns 21
-* getOpacity(100) // returns 0
-*/
-const getOpacity = (n) => {
-	if (n === 0) return 100;
-	if (n === 100) return 0;
-	if (n >= 1 && n <= 9) return n * 10;
-	const tens = Math.floor(n / 10);
-	return n % 10 * 10 + tens;
-};
-/**
-* Converts a percentage value to a two-digit hexadecimal string.
-*
-* @param {number} percentage - The percentage value to convert (range: 0-100)
-* @returns {string} A two-digit uppercase hexadecimal string (range: "00"-"FF")
-*
-* @description
-* This function is commonly used for converting opacity/alpha percentages to hex values
-* for use in color codes (e.g., #RRGGBBAA format). The percentage is mapped to the
-* 0-255 range, converted to hexadecimal, and formatted as a two-character uppercase string.
-*
-* @example
-* percentToHex(0)    // returns "00"
-* percentToHex(50)   // returns "80"
-* percentToHex(100)  // returns "FF"
-* percentToHex(25.5) // returns "41"
-*/
-const percentToHex = (percentage) => {
-	return Math.round(percentage / 100 * 255).toString(16).padStart(2, "0").toUpperCase();
-};
-/**
-* Generates the needed colors for the tree map with graduated opacity values.
-*
-* @param {DefaultTreeMapDatum} data - The tree map data structure to generate colors for
-* @param {Theme} theme - The theme object containing color configuration
-* @returns {string[]} An array of color strings in hex format with alpha channel
-*
-* @description
-* This function creates a color scheme for a tree map visualization by:
-* 1. Extracting all node IDs from the tree structure
-* 2. Assigning each node a color based on the primary text color from the theme
-* 3. Applying graduated opacity values (100% to 0%) based on node order
-* 4. Using modulo arithmetic to cycle through opacity values for datasets with >100 nodes
-*
-* The resulting colors follow the format: #RRGGBBAA where AA is the alpha/opacity channel.
-* Earlier nodes in the traversal order receive higher opacity, creating a visual hierarchy.
-*
-* @example
-* const data = { id: 'root', children: [{ id: 'child1' }, { id: 'child2' }] }
-* const theme = { colors: { primary: { text: '#3B82F6' } } }
-* getDataColors(data, theme)
-* // returns { '#3B82F6FF', '#3B82F600', '#3B82F610' }
-*/
-const getDataColors = (data, theme) => {
-	const baseColor = theme.colors.primary.text;
-	return getAllIds(data).map((_, index) => `${baseColor}${percentToHex(getOpacity((100 - index) % 100))}`);
-};
+var getAllIds, getOpacity, percentToHex, getDataColors;
+var init_treeMap = __esmMin(() => {
+	getAllIds = (data) => {
+		const ids = [data.id];
+		if (data.children) for (const child of data.children) ids.push(...getAllIds(child));
+		return ids;
+	};
+	getOpacity = (n) => {
+		if (n === 0) return 100;
+		if (n === 100) return 0;
+		if (n >= 1 && n <= 9) return n * 10;
+		const tens = Math.floor(n / 10);
+		return n % 10 * 10 + tens;
+	};
+	percentToHex = (percentage) => {
+		return Math.round(percentage / 100 * 255).toString(16).padStart(2, "0").toUpperCase();
+	};
+	getDataColors = (data, theme) => {
+		const baseColor = theme.colors.primary.text;
+		return getAllIds(data).map((_, index) => `${baseColor}${percentToHex(getOpacity((100 - index) % 100))}`);
+	};
+});
 
 //#endregion
-export { getDataColors };
+init_treeMap();
+export { getDataColors, init_treeMap };

package/dist/hooks/useIsOverflowing.js

@@ -1,29 +1,30 @@
-import { __name } from "../_virtual/_rolldown/runtime.js";
+import { __esmMin, __name } from "../_virtual/_rolldown/runtime.js";
 import { useEffect, useState } from "react";
 
 //#region src/hooks/useIsOverflowing.ts
-/**
-* This hook checks if the element has overflow based on the offsetWidth and scrollWidth of the element.
-*/
-const useIsOverflowing = (ref, callback) => {
-	const [isOverflowing, setIsOverflowing] = useState(false);
-	useEffect(() => {
-		const handleResize = () => {
-			if (!ref.current) return;
-			const element = ref.current;
-			const hasOverflow = element.clientWidth < element.scrollWidth;
-			setIsOverflowing(hasOverflow);
-			if (callback) callback(hasOverflow);
-		};
-		const timeout = setTimeout(() => handleResize(), 0);
-		window.addEventListener("resize", handleResize);
-		return () => {
-			window.removeEventListener("resize", handleResize);
-			clearTimeout(timeout);
-		};
-	}, [ref, callback]);
-	return isOverflowing;
-};
+var useIsOverflowing;
+var init_useIsOverflowing = __esmMin(() => {
+	useIsOverflowing = (ref, callback) => {
+		const [isOverflowing, setIsOverflowing] = useState(false);
+		useEffect(() => {
+			const handleResize = () => {
+				if (!ref.current) return;
+				const element = ref.current;
+				const hasOverflow = element.clientWidth < element.scrollWidth;
+				setIsOverflowing(hasOverflow);
+				if (callback) callback(hasOverflow);
+			};
+			const timeout = setTimeout(() => handleResize(), 0);
+			window.addEventListener("resize", handleResize);
+			return () => {
+				window.removeEventListener("resize", handleResize);
+				clearTimeout(timeout);
+			};
+		}, [ref, callback]);
+		return isOverflowing;
+	};
+});
 
 //#endregion
-export { useIsOverflowing };
+init_useIsOverflowing();
+export { init_useIsOverflowing, useIsOverflowing };

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 import './utils/animations/animations.css';
 export * from './components';
+export * from './components/styles';
 export type { UltravioletUITheme } from './theme';
 export { darkTheme, default as theme, extendTheme, ThemeProvider, useTheme, } from './theme';
 export { bounce, bounceDefault, down, fadeIn, fadeInDefault, fadeOut, fadeOutDefault, flash, flashDefault, getUUID, normalize, ping, pingDefault, pulse, pulseDefault, quickScaleDown, quickScaleDownDefault, scaleBack, scaleBackDefault, scaleDown, scaleDownDefault, scaleForward, scaleForwardDefault, scaleUp, scaleUpDefault, sketchIn, sketchInDefault, sketchOut, sketchOutDefault, slideDownLarge, slideDownLargeDefault, slideFromBottom, slideFromBottomDefault, slideFromLeft, slideFromLeftDefault, slideFromRight, slideFromRightDefault, slideFromTop, slideFromTopDefault, slideToBottom, slideToBottomDefault, slideToLeft, slideToLeftDefault, slideToRight, slideToRightDefault, slideToTop, slideToTopDefault, slideUpLarge, slideUpLargeDefault, unfoldIn, unfoldInDefault, unfoldOut, unfoldOutDefault, up, zoomIn, zoomInDefault, zoomOut, zoomOutDefault, } from './utils';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,mCAAmC,CAAA;AAE1C,cAAc,cAAc,CAAA;AAC5B,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AACjD,OAAO,EACL,SAAS,EACT,OAAO,IAAI,KAAK,EAChB,WAAW,EACX,aAAa,EACb,QAAQ,GACT,MAAM,SAAS,CAAA;AAChB,OAAO,EACL,MAAM,EACN,aAAa,EACb,IAAI,EACJ,MAAM,EACN,aAAa,EACb,OAAO,EACP,cAAc,EACd,KAAK,EACL,YAAY,EACZ,OAAO,EACP,SAAS,EACT,IAAI,EACJ,WAAW,EACX,KAAK,EACL,YAAY,EACZ,cAAc,EACd,qBAAqB,EACrB,SAAS,EACT,gBAAgB,EAChB,SAAS,EACT,gBAAgB,EAChB,YAAY,EACZ,mBAAmB,EACnB,OAAO,EACP,cAAc,EACd,QAAQ,EACR,eAAe,EACf,SAAS,EACT,gBAAgB,EAChB,cAAc,EACd,qBAAqB,EACrB,eAAe,EACf,sBAAsB,EACtB,aAAa,EACb,oBAAoB,EACpB,cAAc,EACd,qBAAqB,EACrB,YAAY,EACZ,mBAAmB,EACnB,aAAa,EACb,oBAAoB,EACpB,WAAW,EACX,kBAAkB,EAClB,YAAY,EACZ,mBAAmB,EACnB,UAAU,EACV,iBAAiB,EACjB,YAAY,EACZ,mBAAmB,EACnB,QAAQ,EACR,eAAe,EACf,SAAS,EACT,gBAAgB,EAChB,EAAE,EACF,MAAM,EACN,aAAa,EACb,OAAO,EACP,cAAc,GACf,MAAM,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,mCAAmC,CAAA;AAE1C,cAAc,cAAc,CAAA;AAC5B,cAAc,qBAAqB,CAAA;AACnC,YAAY,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AACjD,OAAO,EACL,SAAS,EACT,OAAO,IAAI,KAAK,EAChB,WAAW,EACX,aAAa,EACb,QAAQ,GACT,MAAM,SAAS,CAAA;AAChB,OAAO,EACL,MAAM,EACN,aAAa,EACb,IAAI,EACJ,MAAM,EACN,aAAa,EACb,OAAO,EACP,cAAc,EACd,KAAK,EACL,YAAY,EACZ,OAAO,EACP,SAAS,EACT,IAAI,EACJ,WAAW,EACX,KAAK,EACL,YAAY,EACZ,cAAc,EACd,qBAAqB,EACrB,SAAS,EACT,gBAAgB,EAChB,SAAS,EACT,gBAAgB,EAChB,YAAY,EACZ,mBAAmB,EACnB,OAAO,EACP,cAAc,EACd,QAAQ,EACR,eAAe,EACf,SAAS,EACT,gBAAgB,EAChB,cAAc,EACd,qBAAqB,EACrB,eAAe,EACf,sBAAsB,EACtB,aAAa,EACb,oBAAoB,EACpB,cAAc,EACd,qBAAqB,EACrB,YAAY,EACZ,mBAAmB,EACnB,aAAa,EACb,oBAAoB,EACpB,WAAW,EACX,kBAAkB,EAClB,YAAY,EACZ,mBAAmB,EACnB,UAAU,EACV,iBAAiB,EACjB,YAAY,EACZ,mBAAmB,EACnB,QAAQ,EACR,eAAe,EACf,SAAS,EACT,gBAAgB,EAChB,EAAE,EACF,MAAM,EACN,aAAa,EACb,OAAO,EACP,cAAc,GACf,MAAM,SAAS,CAAA"}

package/dist/index.js

@@ -1,88 +1,176 @@
+import { __esmMin } from "./_virtual/_rolldown/runtime.js";
+import { stackStyle } from "./components/Stack/styles.css.js";
 import { Stack } from "./components/Stack/index.js";
+import { popupStyle } from "./components/Popup/styles.css.js";
 import { Popup } from "./components/Popup/index.js";
+import { tooltipStyle } from "./components/Tooltip/styles.css.js";
 import { Tooltip } from "./components/Tooltip/index.js";
+import { textStyle } from "./components/Text/style.css.js";
 import { Text } from "./components/Text/index.js";
+import { expandableStyle } from "./components/Expandable/styles.css.js";
 import { Expandable } from "./components/Expandable/index.js";
+import { badgeStyle } from "./components/Badge/styles.css.js";
 import { Badge } from "./components/Badge/index.js";
+import { loaderStyle } from "./components/Loader/styles.css.js";
 import { Loader } from "./components/Loader/index.js";
+import { buttonStyle } from "./components/Button/styles.css.js";
 import { Button } from "./components/Button/index.js";
+import { menuStyle } from "./components/Menu/styles.css.js";
+import { labelStyle } from "./components/Label/styles.css.js";
 import { Label } from "./components/Label/index.js";
+import { textInputStyle } from "./components/TextInput/styles.css.js";
 import { TextInput } from "./components/TextInput/index.js";
+import { keyStyle } from "./components/Key/styles.css.js";
 import { Key } from "./components/Key/index.js";
+import { searchInputStyle } from "./components/SearchInput/styles.css.js";
 import { SearchInput } from "./components/SearchInput/index.js";
 import { Menu } from "./components/Menu/index.js";
+import { separatorStyle } from "./components/Separator/styles.css.js";
 import { Separator } from "./components/Separator/index.js";
-import { CopyButton } from "./components/CopyButton/index.js";
-import { Skeleton } from "./components/Skeleton/index.js";
-import { Tag } from "./components/Tag/index.js";
+import { rowStyle } from "./components/Row/styles.css.js";
 import { Row } from "./components/Row/index.js";
+import { numberInputStyle } from "./components/NumberInput/styles.css.js";
 import { NumberInput } from "./components/NumberInput/index.js";
+import { alertStyle } from "./components/Alert/styles.css.js";
 import { Alert } from "./components/Alert/index.js";
+import { checkboxStyle } from "./components/Checkbox/styles.css.js";
 import { Checkbox } from "./components/Checkbox/index.js";
+import { skeletonStyle } from "./components/Skeleton/styles.css.js";
+import { Skeleton } from "./components/Skeleton/index.js";
+import { selectInputStyle } from "./components/SelectInput/styles.css.js";
+import { tagStyle } from "./components/Tag/styles.css.js";
+import { Tag } from "./components/Tag/index.js";
 import { SelectInput } from "./components/SelectInput/index.js";
+import { unitInputStyle } from "./components/UnitInput/styles.css.js";
 import { UnitInput } from "./components/UnitInput/index.js";
+import { CopyButton } from "./components/CopyButton/index.js";
+import { bulletStyle } from "./components/Bullet/styles.css.js";
 import { Bullet } from "./components/Bullet/index.js";
+import { cardStyle } from "./components/Card/styles.css.js";
 import { Card } from "./components/Card/index.js";
+import { listStyle } from "./components/List/styles.css.js";
+import { actionBarStyle } from "./components/ActionBar/styles.css.js";
 import { ActionBar } from "./components/ActionBar/index.js";
 import { List } from "./components/List/index.js";
+import { radioStyle } from "./components/Radio/styles.css.js";
 import { Radio } from "./components/Radio/index.js";
+import { popoverStyle } from "./components/Popover/styles.css.js";
 import { Popover } from "./components/Popover/index.js";
+import { stepListStyle } from "./components/StepList/styles.css.js";
 import { StepList } from "./components/StepList/index.js";
-/* empty css                            */
+import { init_animations } from "./utils/animations/animations.js";
+import { avatarStyle } from "./components/Avatar/styles.css.js";
 import { Avatar } from "./components/Avatar/index.js";
+import { linkStyle } from "./components/Link/styles.css.js";
 import { Link } from "./components/Link/index.js";
+import { bannerStyle } from "./components/Banner/styles.css.js";
 import { Banner } from "./components/Banner/index.js";
+import { barChartStyle } from "./components/BarChart/styles.css.js";
 import { BarChart } from "./components/BarChart/index.js";
+import { barStackStyle } from "./components/BarStack/styles.css.js";
 import { BarStack } from "./components/BarStack/index.js";
+import { breadcrumbsStyle } from "./components/Breadcrumbs/styles.css.js";
 import { Breadcrumbs } from "./components/Breadcrumbs/index.js";
+import { carouselStyle } from "./components/Carousel/styles.css.js";
 import { Carousel } from "./components/Carousel/index.js";
+import { checkboxGroupStyle } from "./components/CheckboxGroup/styles.css.js";
 import { CheckboxGroup, CheckboxGroupCheckbox } from "./components/CheckboxGroup/index.js";
+import { chipStyle } from "./components/Chip/styles.css.js";
 import { Chip } from "./components/Chip/index.js";
+import { dateInputStyle } from "./components/DateInput/styles.css.js";
 import { DateInput } from "./components/DateInput/index.js";
+import { modalStyle } from "./components/Modal/styles.css.js";
 import { Modal } from "./components/Modal/index.js";
+import { dialogStyle } from "./components/Dialog/styles.css.js";
 import { Dialog } from "./components/Dialog/index.js";
+import { drawerStyle } from "./components/Drawer/styles.css.js";
 import { Drawer } from "./components/Drawer/index.js";
+import { emptyStateStyle } from "./components/EmptyState/styles.css.js";
 import { EmptyState } from "./components/EmptyState/index.js";
+import { expandableCardStyle } from "./components/ExpandableCard/styles.css.js";
 import { ExpandableCard } from "./components/ExpandableCard/index.js";
+import { fileInputStyle } from "./components/FileInput/styles.css.js";
 import { FileInput } from "./components/FileInput/index.js";
+import { globalAlertStyle } from "./components/GlobalAlert/styles.css.js";
 import { GlobalAlert } from "./components/GlobalAlert/index.js";
 import { InfiniteScroll } from "./components/InfiniteScroll/index.js";
+import { lineChartStyle } from "./components/LineChart/styles.css.js";
 import { LineChart } from "./components/LineChart/index.js";
+import { meterStyle } from "./components/Meter/styles.css.js";
 import { Meter } from "./components/Meter/index.js";
+import { noticeStyle } from "./components/Notice/styles.css.js";
 import { Notice } from "./components/Notice/index.js";
 import { notification } from "./components/Notification/Notification.js";
+import { notificationStyle } from "./components/Notification/styles.css.js";
 import { NotificationContainer } from "./components/Notification/NotificationContainer.js";
+import { paginationStyle } from "./components/Pagination/styles.css.js";
 import { Pagination } from "./components/Pagination/index.js";
+import { passwordCheckStyle } from "./components/PasswordCheck/styles.css.js";
 import { PasswordCheck } from "./components/PasswordCheck/index.js";
+import { pieChartStyle } from "./components/PieChart/styles.css.js";
 import { PieChart } from "./components/PieChart/index.js";
+import { progressBarStyle } from "./components/ProgressBar/styles.css.js";
 import { ProgressBar } from "./components/ProgressBar/index.js";
+import { radioGRoupStyle } from "./components/RadioGroup/styles.css.js";
 import { RadioGroup } from "./components/RadioGroup/index.js";
+import { selectableCardStyle } from "./components/SelectableCard/styles.css.js";
+import { toggleStyle } from "./components/Toggle/styles.css.js";
 import { Toggle } from "./components/Toggle/index.js";
 import { SelectableCard } from "./components/SelectableCard/SelectableCard.js";
+import { selectableCardGroupStyle } from "./components/SelectableCardGroup/styles.css.js";
 import { SelectableCardGroup } from "./components/SelectableCardGroup/index.js";
+import { selectableCardOptionGroupStyle } from "./components/SelectableCardOptionGroup/styles.css.js";
 import { SelectableCardOptionGroup } from "./components/SelectableCardOptionGroup/SelectableCardOptionGroup.js";
+import { sliderStyle } from "./components/Slider/styles.css.js";
 import { Slider } from "./components/Slider/index.js";
 import { ThemeProvider } from "./theme/ThemeProvider.js";
+import { snippetStyle } from "./components/Snippet/styles.css.js";
 import { Snippet } from "./components/Snippet/index.js";
+import { statusStyle } from "./components/Status/styles.css.js";
 import { Status } from "./components/Status/index.js";
+import { stepperStyle } from "./components/Stepper/styles.css.js";
 import { Stepper } from "./components/Stepper/index.js";
+import { switchButtonStyle } from "./components/SwitchButton/styles.css.js";
 import { SwitchButton } from "./components/SwitchButton/index.js";
+import { tableStyle } from "./components/Table/styles.css.js";
 import { Table } from "./components/Table/index.js";
+import { tabsStyle } from "./components/Tabs/styles.css.js";
 import { Tabs } from "./components/Tabs/index.js";
+import { tagInputStyle } from "./components/TagInput/styles.css.js";
 import { TagInput } from "./components/TagInput/index.js";
+import { tagListStyle } from "./components/TagList/styles.css.js";
 import { TagList } from "./components/TagList/index.js";
+import { textAreaStyle } from "./components/TextArea/styles.css.js";
 import { TextArea } from "./components/TextArea/index.js";
+import { timeInputStyle } from "./components/TimeInput/styles.css.js";
 import { TimeInput } from "./components/TimeInput/index.js";
+import { toasterStyle } from "./components/Toaster/styles.css.js";
 import { toast } from "./components/Toaster/Toaster.js";
 import { ToastContainer } from "./components/Toaster/ToasterContainer.js";
+import { toggleGroupStyle } from "./components/ToggleGroup/styles.css.js";
 import { ToggleGroup } from "./components/ToggleGroup/index.js";
+import { treeMapChartStyle } from "./components/TreeMapChart/styles.css.js";
 import { TreeMapChart } from "./components/TreeMapChart/index.js";
+import { verificationCodeStyle } from "./components/VerificationCode/styles.css.js";
 import { VerificationCode } from "./components/VerificationCode/index.js";
-import theme_default, { consoleDarkTheme, extendTheme, useTheme } from "./theme/index.js";
+import { init_components } from "./components/index.js";
+import { init_styles } from "./components/styles.js";
+import theme_default, { consoleDarkTheme, extendTheme, init_theme, useTheme } from "./theme/index.js";
 import { bounce as bounce$1, fadeIn as fadeIn$1, fadeOut as fadeOut$1, flash as flash$1, ping as ping$1, pulse as pulse$1, quickScaleDown as quickScaleDown$1, scaleBack as scaleBack$1, scaleDown as scaleDown$1, scaleForward as scaleForward$1, scaleUp as scaleUp$1, sketchIn as sketchIn$1, sketchOut as sketchOut$1, slideDownLarge as slideDownLarge$1, slideFromBottom as slideFromBottom$1, slideFromLeft as slideFromLeft$1, slideFromRight as slideFromRight$1, slideFromTop as slideFromTop$1, slideToBottom as slideToBottom$1, slideToLeft as slideToLeft$1, slideToRight as slideToRight$1, slideToTop as slideToTop$1, slideUpLarge as slideUpLarge$1, unfoldIn as unfoldIn$1, unfoldOut as unfoldOut$1, zoomIn as zoomIn$1, zoomOut as zoomOut$1 } from "./utils/animations/animations2.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/animationsVE.css.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/animationsVanillaExtract.css.js";
 import normalize from "./utils/normalize.js";
 import { down, up } from "./utils/responsive/utilities.js";
-import { getUUID } from "./utils/index.js";
+import { getUUID, init_utils } from "./utils/index.js";
+
+//#region src/index.ts
+var init_src = __esmMin(() => {
+	init_animations();
+	init_components();
+	init_styles();
+	init_theme();
+	init_utils();
+});
 
-export { ActionBar, Alert, Avatar, Badge, Banner, BarChart, BarStack, Breadcrumbs, Bullet, Button, Card, Carousel, Checkbox, CheckboxGroup, CheckboxGroupCheckbox, Chip, CopyButton, DateInput, Dialog, Drawer, EmptyState, Expandable, ExpandableCard, FileInput, GlobalAlert, InfiniteScroll, Key, Label, LineChart, Link, List, Loader, Menu, Meter, Modal, Notice, NotificationContainer, NumberInput, Pagination, PasswordCheck, PieChart, Popover, Popup, ProgressBar, Radio, RadioGroup, Row, SearchInput, SelectInput, SelectableCard, SelectableCardGroup, SelectableCardOptionGroup, Separator, Skeleton, Slider, Snippet, Stack, Status, StepList, Stepper, SwitchButton, Table, Tabs, Tag, TagInput, TagList, Text, TextArea, TextInput, ThemeProvider, TimeInput, ToastContainer, Toggle, ToggleGroup, Tooltip, TreeMapChart, UnitInput, VerificationCode, bounce, bounce$1 as bounceDefault, consoleDarkTheme as darkTheme, down, extendTheme, fadeIn, fadeIn$1 as fadeInDefault, fadeOut, fadeOut$1 as fadeOutDefault, flash, flash$1 as flashDefault, getUUID, normalize, notification, ping, ping$1 as pingDefault, pulse, pulse$1 as pulseDefault, quickScaleDown, quickScaleDown$1 as quickScaleDownDefault, scaleBack, scaleBack$1 as scaleBackDefault, scaleDown, scaleDown$1 as scaleDownDefault, scaleForward, scaleForward$1 as scaleForwardDefault, scaleUp, scaleUp$1 as scaleUpDefault, sketchIn, sketchIn$1 as sketchInDefault, sketchOut, sketchOut$1 as sketchOutDefault, slideDownLarge, slideDownLarge$1 as slideDownLargeDefault, slideFromBottom, slideFromBottom$1 as slideFromBottomDefault, slideFromLeft, slideFromLeft$1 as slideFromLeftDefault, slideFromRight, slideFromRight$1 as slideFromRightDefault, slideFromTop, slideFromTop$1 as slideFromTopDefault, slideToBottom, slideToBottom$1 as slideToBottomDefault, slideToLeft, slideToLeft$1 as slideToLeftDefault, slideToRight, slideToRight$1 as slideToRightDefault, slideToTop, slideToTop$1 as slideToTopDefault, slideUpLarge, slideUpLarge$1 as slideUpLargeDefault, theme_default as theme, toast, unfoldIn, unfoldIn$1 as unfoldInDefault, unfoldOut, unfoldOut$1 as unfoldOutDefault, up, useTheme, zoomIn, zoomIn$1 as zoomInDefault, zoomOut, zoomOut$1 as zoomOutDefault };
+//#endregion
+init_src();
+export { ActionBar, Alert, Avatar, Badge, Banner, BarChart, BarStack, Breadcrumbs, Bullet, Button, Card, Carousel, Checkbox, CheckboxGroup, CheckboxGroupCheckbox, Chip, CopyButton, DateInput, Dialog, Drawer, EmptyState, Expandable, ExpandableCard, FileInput, GlobalAlert, InfiniteScroll, Key, Label, LineChart, Link, List, Loader, Menu, Meter, Modal, Notice, NotificationContainer, NumberInput, Pagination, PasswordCheck, PieChart, Popover, Popup, ProgressBar, Radio, RadioGroup, Row, SearchInput, SelectInput, SelectableCard, SelectableCardGroup, SelectableCardOptionGroup, Separator, Skeleton, Slider, Snippet, Stack, Status, StepList, Stepper, SwitchButton, Table, Tabs, Tag, TagInput, TagList, Text, TextArea, TextInput, ThemeProvider, TimeInput, ToastContainer, Toggle, ToggleGroup, Tooltip, TreeMapChart, UnitInput, VerificationCode, actionBarStyle, alertStyle, avatarStyle, badgeStyle, bannerStyle, barChartStyle, barStackStyle, bounce, bounce$1 as bounceDefault, breadcrumbsStyle, bulletStyle, buttonStyle, cardStyle, carouselStyle, checkboxGroupStyle, checkboxStyle, chipStyle, consoleDarkTheme as darkTheme, dateInputStyle, dialogStyle, down, drawerStyle, emptyStateStyle, expandableCardStyle, expandableStyle, extendTheme, fadeIn, fadeIn$1 as fadeInDefault, fadeOut, fadeOut$1 as fadeOutDefault, fileInputStyle, flash, flash$1 as flashDefault, getUUID, globalAlertStyle, keyStyle, labelStyle, lineChartStyle, linkStyle, listStyle, loaderStyle, menuStyle, meterStyle, modalStyle, normalize, noticeStyle, notification, notificationStyle, numberInputStyle, paginationStyle, passwordCheckStyle, pieChartStyle, ping, ping$1 as pingDefault, popoverStyle, popupStyle, progressBarStyle, pulse, pulse$1 as pulseDefault, quickScaleDown, quickScaleDown$1 as quickScaleDownDefault, radioGRoupStyle, radioStyle, rowStyle, scaleBack, scaleBack$1 as scaleBackDefault, scaleDown, scaleDown$1 as scaleDownDefault, scaleForward, scaleForward$1 as scaleForwardDefault, scaleUp, scaleUp$1 as scaleUpDefault, searchInputStyle, selectInputStyle, selectableCardGroupStyle, selectableCardOptionGroupStyle, selectableCardStyle, separatorStyle, skeletonStyle, sketchIn, sketchIn$1 as sketchInDefault, sketchOut, sketchOut$1 as sketchOutDefault, slideDownLarge, slideDownLarge$1 as slideDownLargeDefault, slideFromBottom, slideFromBottom$1 as slideFromBottomDefault, slideFromLeft, slideFromLeft$1 as slideFromLeftDefault, slideFromRight, slideFromRight$1 as slideFromRightDefault, slideFromTop, slideFromTop$1 as slideFromTopDefault, slideToBottom, slideToBottom$1 as slideToBottomDefault, slideToLeft, slideToLeft$1 as slideToLeftDefault, slideToRight, slideToRight$1 as slideToRightDefault, slideToTop, slideToTop$1 as slideToTopDefault, slideUpLarge, slideUpLarge$1 as slideUpLargeDefault, sliderStyle, snippetStyle, stackStyle, statusStyle, stepListStyle, stepperStyle, switchButtonStyle, tableStyle, tabsStyle, tagInputStyle, tagListStyle, tagStyle, textAreaStyle, textInputStyle, textStyle, theme_default as theme, timeInputStyle, toast, toasterStyle, toggleGroupStyle, toggleStyle, tooltipStyle, treeMapChartStyle, unfoldIn, unfoldIn$1 as unfoldInDefault, unfoldOut, unfoldOut$1 as unfoldOutDefault, unitInputStyle, up, useTheme, verificationCodeStyle, zoomIn, zoomIn$1 as zoomInDefault, zoomOut, zoomOut$1 as zoomOutDefault };

package/dist/theme/ThemeProvider.js

@@ -1,5 +1,5 @@
 'use client';
-import { __name } from "../_virtual/_rolldown/runtime.js";
+import { __esmMin, __name } from "../_virtual/_rolldown/runtime.js";
 import { createContext, useContext, useLayoutEffect } from "react";
 import { consoleLightTheme, theme } from "@ultraviolet/themes";
 import { assignInlineVars } from "@vanilla-extract/dynamic";
@@ -7,59 +7,56 @@ import { jsx } from "react/jsx-runtime";
 import { iconStyles } from "@ultraviolet/icons/iconStyles";
 
 //#region src/theme/ThemeProvider.tsx
-const ThemeContext = createContext(consoleLightTheme);
-/**
-* Provide an object of the theme variables.
-*/
-const useTheme$1 = /* @__PURE__ */ __name(() => {
-	const context = useContext(ThemeContext);
-	if (!context) throw new Error("useTheme must be used within a ThemeProvider imported from @ultraviolet/themes");
-	return context;
-}, "useTheme");
-/**
-* ThemeProvider will apply generated global CSS variables to the application in the `<head>`.
-* If no theme is provided, it will default to `lightTheme`.
-*/
-const ThemeProvider = ({ children, theme: theme$1 = consoleLightTheme }) => {
-	useLayoutEffect(() => {
-		const styleId = "uv-theme";
-		const iconsStyleId = "uv-icons";
-		const existingIconsStyle = document.getElementById(iconsStyleId);
-		const existingStyle = document.getElementById(styleId);
-		const cssVars = assignInlineVars(theme, theme$1);
-		const cssString = `:root { ${Object.entries(cssVars).map(([key, value]) => `${key}: ${value};`).join(" ")} }
+var ThemeContext, useTheme$1, ThemeProvider;
+var init_ThemeProvider = __esmMin(() => {
+	ThemeContext = createContext(consoleLightTheme);
+	useTheme$1 = /* @__PURE__ */ __name(() => {
+		const context = useContext(ThemeContext);
+		if (!context) throw new Error("useTheme must be used within a ThemeProvider imported from @ultraviolet/themes");
+		return context;
+	}, "useTheme");
+	ThemeProvider = ({ children, theme: theme$1 = consoleLightTheme }) => {
+		useLayoutEffect(() => {
+			const styleId = "uv-theme";
+			const iconsStyleId = "uv-icons";
+			const existingIconsStyle = document.getElementById(iconsStyleId);
+			const existingStyle = document.getElementById(styleId);
+			const cssVars = assignInlineVars(theme, theme$1);
+			const cssString = `:root { ${Object.entries(cssVars).map(([key, value]) => `${key}: ${value};`).join(" ")} }
       
       body {
         color: ${theme$1.colors.neutral.text};
         background-color: ${theme$1.colors.neutral.background};
       }
     `;
-		if (existingStyle) existingStyle.textContent = cssString;
-		else {
-			const style = document.createElement("style");
-			style.id = styleId;
-			style.textContent = cssString;
-			document.head.appendChild(style);
-		}
-		if (existingIconsStyle) existingIconsStyle.textContent = iconStyles;
-		else {
-			const iconsStyle = document.createElement("style");
-			iconsStyle.id = iconsStyleId;
-			iconsStyle.textContent = iconStyles;
-			document.head.appendChild(iconsStyle);
-		}
-		return () => {
-			const style = document.getElementById(styleId);
-			const iconsStyle = document.getElementById(iconsStyleId);
-			if (style) style.remove();
-			if (iconsStyle) iconsStyle.remove();
-		};
-	}, [theme$1]);
-	return /* @__PURE__ */ jsx(ThemeContext.Provider, {
-		value: theme$1,
-		children
-	});
-};
+			if (existingStyle) existingStyle.textContent = cssString;
+			else {
+				const style = document.createElement("style");
+				style.id = styleId;
+				style.textContent = cssString;
+				document.head.appendChild(style);
+			}
+			if (existingIconsStyle) existingIconsStyle.textContent = iconStyles;
+			else {
+				const iconsStyle = document.createElement("style");
+				iconsStyle.id = iconsStyleId;
+				iconsStyle.textContent = iconStyles;
+				document.head.appendChild(iconsStyle);
+			}
+			return () => {
+				const style = document.getElementById(styleId);
+				const iconsStyle = document.getElementById(iconsStyleId);
+				if (style) style.remove();
+				if (iconsStyle) iconsStyle.remove();
+			};
+		}, [theme$1]);
+		return /* @__PURE__ */ jsx(ThemeContext.Provider, {
+			value: theme$1,
+			children
+		});
+	};
+});
 
 //#endregion
-export { ThemeProvider, useTheme$1 as useTheme };
+init_ThemeProvider();
+export { ThemeProvider, init_ThemeProvider, useTheme$1 as useTheme };

package/dist/theme/index.js

@@ -1,27 +1,26 @@
-import { __name } from "../_virtual/_rolldown/runtime.js";
+import { __esmMin, __name } from "../_virtual/_rolldown/runtime.js";
 import { ThemeProvider } from "./ThemeProvider.js";
 import { consoleDarkTheme, consoleLightTheme, useTheme as useTheme$1 } from "@ultraviolet/themes";
 import deepmerge from "deepmerge";
 
 //#region src/theme/index.ts
-const { colors, shadows, typography, space, radii, breakpoints } = consoleLightTheme;
-/**
-* Will extend theme with new theme properties
-* @param {UltravioletUITheme} baseTheme the theme you want to extend from, by default it is set to light theme
-* @param {RecursivePartial<UltravioletUITheme>} extendedTheme the properties of a new theme you want to apply from baseTheme
-*/
-const extendTheme = (extendedTheme) => deepmerge(consoleLightTheme, extendedTheme);
-const SENTIMENTS = [
-	"primary",
-	"secondary",
-	"neutral",
-	"success",
-	"danger",
-	"warning",
-	"info"
-];
-const SENTIMENTS_WITHOUT_NEUTRAL = SENTIMENTS.filter((sentiment) => sentiment !== "neutral");
-var theme_default = consoleLightTheme;
+var colors, shadows, typography, space, radii, breakpoints, extendTheme, SENTIMENTS, SENTIMENTS_WITHOUT_NEUTRAL, theme_default;
+var init_theme = __esmMin(() => {
+	({colors, shadows, typography, space, radii, breakpoints} = consoleLightTheme);
+	extendTheme = (extendedTheme) => deepmerge(consoleLightTheme, extendedTheme);
+	SENTIMENTS = [
+		"primary",
+		"secondary",
+		"neutral",
+		"success",
+		"danger",
+		"warning",
+		"info"
+	];
+	SENTIMENTS_WITHOUT_NEUTRAL = SENTIMENTS.filter((sentiment) => sentiment !== "neutral");
+	theme_default = consoleLightTheme;
+});
 
 //#endregion
-export { breakpoints, consoleDarkTheme, theme_default as default, extendTheme, useTheme$1 as useTheme };
+init_theme();
+export { breakpoints, consoleDarkTheme, theme_default as default, extendTheme, init_theme, useTheme$1 as useTheme };

package/dist/themes/dist/vanilla/themes.css.js.vanilla.js

@@ -0,0 +1,8 @@
+import { __esmMin } from "../../../_virtual/_rolldown/runtime.js";
+
+//#region ../themes/dist/vanilla/themes.css.js.vanilla.css
+var init_themes_css_js_vanilla = __esmMin(() => {});
+
+//#endregion
+init_themes_css_js_vanilla();
+export { init_themes_css_js_vanilla };