@ultraviolet/ui 3.11.0 → 3.12.0

package/dist/components/TimeInput/styles.css.d.ts

@@ -1,83 +1,85 @@
-export declare const timeinputWrapper: import("@vanilla-extract/recipes").RuntimeFn<{
-    disabled: {
-        false: {
-            selectors: {
-                '&:hover, &:focus': {
-                    borderColor: `var(--${string})`;
-                    outline: "none";
+export declare const timeInputStyle: {
+    wrapper: import("@vanilla-extract/recipes").RuntimeFn<{
+        disabled: {
+            false: {
+                selectors: {
+                    '&:hover, &:focus': {
+                        borderColor: `var(--${string})`;
+                        outline: "none";
+                    };
                 };
             };
-        };
-        true: {
-            background: `var(--${string})`;
-            borderColor: `var(--${string})`;
-            cursor: "not-allowed";
-            selectors: {
-                '&:active': {
-                    borderColor: `var(--${string})`;
-                    boxShadow: "none";
+            true: {
+                background: `var(--${string})`;
+                borderColor: `var(--${string})`;
+                cursor: "not-allowed";
+                selectors: {
+                    '&:active': {
+                        borderColor: `var(--${string})`;
+                        boxShadow: "none";
+                    };
                 };
+                userSelect: "none";
             };
-            userSelect: "none";
         };
-    };
-    error: {
-        true: {
-            border: `1px solid var(--${string})`;
-            selectors: {
-                '&:active': {
-                    borderColor: `var(--${string})`;
-                    boxShadow: `var(--${string})`;
-                };
-                '&:focus-within': {
-                    borderColor: `var(--${string})`;
-                };
-                '&:hover': {
-                    borderColor: `var(--${string})`;
+        error: {
+            true: {
+                border: `1px solid var(--${string})`;
+                selectors: {
+                    '&:active': {
+                        borderColor: `var(--${string})`;
+                        boxShadow: `var(--${string})`;
+                    };
+                    '&:focus-within': {
+                        borderColor: `var(--${string})`;
+                    };
+                    '&:hover': {
+                        borderColor: `var(--${string})`;
+                    };
                 };
             };
         };
-    };
-    readOnly: {
-        true: {
-            background: `var(--${string})`;
-            borderColor: `var(--${string})`;
-            cursor: "default";
-            selectors: {
-                '&:active': {
-                    borderColor: `var(--${string})`;
-                    boxShadow: "none";
-                };
-                '&:focus-within': {
-                    borderColor: `var(--${string})`;
+        readOnly: {
+            true: {
+                background: `var(--${string})`;
+                borderColor: `var(--${string})`;
+                cursor: "default";
+                selectors: {
+                    '&:active': {
+                        borderColor: `var(--${string})`;
+                        boxShadow: "none";
+                    };
+                    '&:focus-within': {
+                        borderColor: `var(--${string})`;
+                    };
                 };
             };
         };
-    };
-    size: {
-        large: {
-            height: `var(--${string})`;
-        };
-        medium: {
-            height: `var(--${string})`;
-        };
-        small: {
-            height: `var(--${string})`;
-            paddingLeft: `var(--${string})`;
+        size: {
+            large: {
+                height: `var(--${string})`;
+            };
+            medium: {
+                height: `var(--${string})`;
+            };
+            small: {
+                height: `var(--${string})`;
+                paddingLeft: `var(--${string})`;
+            };
         };
-    };
-}>;
-export declare const timeinput: import("@vanilla-extract/recipes").RuntimeFn<{
-    period: {
-        true: {
-            color: `var(--${string})`;
-            selectors: {
-                "&[data-size='large']": {
-                    width: `calc(var(--${string}) + var(--${string}))`;
+    }>;
+    timeinput: import("@vanilla-extract/recipes").RuntimeFn<{
+        period: {
+            true: {
+                color: `var(--${string})`;
+                selectors: {
+                    "&[data-size='large']": {
+                        width: `calc(var(--${string}) + var(--${string}))`;
+                    };
                 };
             };
         };
-    };
-}>;
-export declare const timeSeparator: string;
+    }>;
+    timeSeparator: string;
+};
 //# sourceMappingURL=styles.css.d.ts.map

package/dist/components/TimeInput/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/TimeInput/styles.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwF3B,CAAA;AAEF,eAAO,MAAM,SAAS;;;;;;;;;;;EAoDpB,CAAA;AAEF,eAAO,MAAM,aAAa,QAExB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/TimeInput/styles.css.ts"],"names":[],"mappings":"AAyJA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAI1B,CAAA"}

package/dist/components/TimeInput/styles.css.js

@@ -1,32 +1,40 @@
-/* empty css                      */
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 
 //#region src/components/TimeInput/styles.css.ts
-var timeinputWrapper = createRuntimeFn({
-	defaultClassName: "uv_yl1780",
-	variantClassNames: {
-		disabled: {
-			false: "uv_yl1781",
-			true: "uv_yl1782"
-		},
-		error: { true: "uv_yl1783" },
-		readOnly: { true: "uv_yl1784" },
-		size: {
-			large: "uv_yl1785",
-			medium: "uv_yl1786",
-			small: "uv_yl1787"
-		}
-	},
-	defaultVariants: {},
-	compoundVariants: []
+var timeInputStyle;
+var init_styles_css = __esmMin(() => {
+	init_styles_css_ts_vanilla();
+	timeInputStyle = {
+		wrapper: createRuntimeFn({
+			defaultClassName: "uv_yl1780",
+			variantClassNames: {
+				disabled: {
+					false: "uv_yl1781",
+					true: "uv_yl1782"
+				},
+				error: { true: "uv_yl1783" },
+				readOnly: { true: "uv_yl1784" },
+				size: {
+					large: "uv_yl1785",
+					medium: "uv_yl1786",
+					small: "uv_yl1787"
+				}
+			},
+			defaultVariants: {},
+			compoundVariants: []
+		}),
+		timeinput: createRuntimeFn({
+			defaultClassName: "uv_yl1788",
+			variantClassNames: { period: { true: "uv_yl1789" } },
+			defaultVariants: { period: false },
+			compoundVariants: []
+		}),
+		timeSeparator: "uv_yl178a"
+	};
 });
-var timeinput = createRuntimeFn({
-	defaultClassName: "uv_yl1788",
-	variantClassNames: { period: { true: "uv_yl1789" } },
-	defaultVariants: { period: false },
-	compoundVariants: []
-});
-var timeSeparator = "uv_yl178a";
 
 //#endregion
-export { timeSeparator, timeinput, timeinputWrapper };
+init_styles_css();
+export { init_styles_css, timeInputStyle };

package/dist/components/TimeInput/styles.css.ts.vanilla.js

@@ -0,0 +1,8 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/TimeInput/styles.css.ts.vanilla.css
+var init_styles_css_ts_vanilla = __esmMin(() => {});
+
+//#endregion
+init_styles_css_ts_vanilla();
+export { init_styles_css_ts_vanilla };

package/dist/components/Toaster/Toaster.js

@@ -1,8 +1,8 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.114.0/helpers/objectSpread2.js";
-import { CloseButton } from "./components/CloseButton.js";
-import { Content } from "./components/Content.js";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { _objectSpread2, init_objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.115.0/helpers/objectSpread2.js";
+import { CloseButton, init_CloseButton } from "./components/CloseButton.js";
+import { Content, init_Content } from "./components/Content.js";
 import { jsx } from "react/jsx-runtime";
 import { CheckCircleOutlineIcon } from "@ultraviolet/icons/CheckCircleOutlineIcon";
 import { toast } from "react-toastify";
@@ -10,29 +10,36 @@ import { AlertCircleOutlineIcon } from "@ultraviolet/icons/AlertCircleOutlineIco
 import { CloseCircleOutlineIcon } from "@ultraviolet/icons/CloseCircleOutlineIcon";
 
 //#region src/components/Toaster/Toaster.tsx
-const toast$1 = {
-	error: (children, options, containerId) => toast.error(/* @__PURE__ */ jsx(Content, {
-		icon: /* @__PURE__ */ jsx(CloseCircleOutlineIcon, { size: "medium" }),
-		children
-	}), _objectSpread2(_objectSpread2({}, options), {}, {
-		closeButton: /* @__PURE__ */ jsx(CloseButton, { sentiment: "danger" }),
-		containerId: containerId !== null && containerId !== void 0 ? containerId : "toaster"
-	})),
-	success: (children, options, containerId) => toast.success(/* @__PURE__ */ jsx(Content, {
-		icon: /* @__PURE__ */ jsx(CheckCircleOutlineIcon, { size: "medium" }),
-		children
-	}), _objectSpread2(_objectSpread2({}, options), {}, {
-		closeButton: /* @__PURE__ */ jsx(CloseButton, { sentiment: "success" }),
-		containerId: containerId !== null && containerId !== void 0 ? containerId : "toaster"
-	})),
-	warning: (children, options, containerId) => toast.warn(/* @__PURE__ */ jsx(Content, {
-		icon: /* @__PURE__ */ jsx(AlertCircleOutlineIcon, { size: "medium" }),
-		children
-	}), _objectSpread2(_objectSpread2({}, options), {}, {
-		closeButton: /* @__PURE__ */ jsx(CloseButton, { sentiment: "warning" }),
-		containerId: containerId !== null && containerId !== void 0 ? containerId : "toaster"
-	}))
-};
+var toast$1;
+var init_Toaster = __esmMin(() => {
+	init_CloseButton();
+	init_Content();
+	init_objectSpread2();
+	toast$1 = {
+		error: (children, options, containerId) => toast.error(/* @__PURE__ */ jsx(Content, {
+			icon: /* @__PURE__ */ jsx(CloseCircleOutlineIcon, { size: "medium" }),
+			children
+		}), _objectSpread2(_objectSpread2({}, options), {}, {
+			closeButton: /* @__PURE__ */ jsx(CloseButton, { sentiment: "danger" }),
+			containerId: containerId !== null && containerId !== void 0 ? containerId : "toaster"
+		})),
+		success: (children, options, containerId) => toast.success(/* @__PURE__ */ jsx(Content, {
+			icon: /* @__PURE__ */ jsx(CheckCircleOutlineIcon, { size: "medium" }),
+			children
+		}), _objectSpread2(_objectSpread2({}, options), {}, {
+			closeButton: /* @__PURE__ */ jsx(CloseButton, { sentiment: "success" }),
+			containerId: containerId !== null && containerId !== void 0 ? containerId : "toaster"
+		})),
+		warning: (children, options, containerId) => toast.warn(/* @__PURE__ */ jsx(Content, {
+			icon: /* @__PURE__ */ jsx(AlertCircleOutlineIcon, { size: "medium" }),
+			children
+		}), _objectSpread2(_objectSpread2({}, options), {}, {
+			closeButton: /* @__PURE__ */ jsx(CloseButton, { sentiment: "warning" }),
+			containerId: containerId !== null && containerId !== void 0 ? containerId : "toaster"
+		}))
+	};
+});
 
 //#endregion
+init_Toaster();
 export { toast$1 as toast };

package/dist/components/Toaster/ToasterContainer.js

@@ -1,37 +1,35 @@
 'use client';
-import { __name } from "../../_virtual/_rolldown/runtime.js";
-import { toaster } from "./styles.css.js";
-import { AUTOCLOSE_DELAY } from "./constants.js";
-import { jsx } from "react/jsx-runtime";
+import { __esmMin, __name } from "../../_virtual/_rolldown/runtime.js";
+import { init_styles_css, toasterStyle } from "./styles.css.js";
+import { AUTOCLOSE_DELAY, init_constants } from "./constants.js";
 import { cn } from "@ultraviolet/utils";
+import { jsx } from "react/jsx-runtime";
 import { Slide, ToastContainer } from "react-toastify";
 
 //#region src/components/Toaster/ToasterContainer.tsx
-/**
-* Display short information about an event that happen in the interface in a floating alert.
-* Toaster is based on **react-tostify**, you can find a complete documentation
-* [here](https://fkhadra.github.io/react-toastify/introduction/).
-*
-* Toaster is separated in two parts, first the `ToastContainer` which is where the div of the toast will be rendered,
-* and second the `toast()` function which is used to display the toast.
-*/
-const ToastContainer$1 = /* @__PURE__ */ __name(({ newestOnTop, limit, position = "top-right", "data-testid": dataTestId, className, autoClose, containerId = "toaster", style }) => /* @__PURE__ */ jsx(ToastContainer, {
-	autoClose: autoClose !== null && autoClose !== void 0 ? autoClose : AUTOCLOSE_DELAY,
-	className: cn(className, toaster),
-	containerId,
-	"data-testid": dataTestId,
-	draggable: false,
-	hideProgressBar: true,
-	icon: false,
-	limit,
-	newestOnTop,
-	pauseOnFocusLoss: false,
-	pauseOnHover: false,
-	position,
-	stacked: true,
-	style,
-	transition: Slide
-}), "ToastContainer");
+var ToastContainer$1;
+var init_ToasterContainer = __esmMin(() => {
+	init_constants();
+	init_styles_css();
+	ToastContainer$1 = /* @__PURE__ */ __name(({ newestOnTop, limit, position = "top-right", "data-testid": dataTestId, className, autoClose, containerId = "toaster", style }) => /* @__PURE__ */ jsx(ToastContainer, {
+		autoClose: autoClose !== null && autoClose !== void 0 ? autoClose : AUTOCLOSE_DELAY,
+		className: cn(className, toasterStyle.toaster),
+		containerId,
+		"data-testid": dataTestId,
+		draggable: false,
+		hideProgressBar: true,
+		icon: false,
+		limit,
+		newestOnTop,
+		pauseOnFocusLoss: false,
+		pauseOnHover: false,
+		position,
+		stacked: true,
+		style,
+		transition: Slide
+	}), "ToastContainer");
+});
 
 //#endregion
+init_ToasterContainer();
 export { ToastContainer$1 as ToastContainer };

package/dist/components/Toaster/components/CloseButton.js

@@ -1,19 +1,25 @@
 'use client';
-import { __name } from "../../../_virtual/_rolldown/runtime.js";
-import { Button } from "../../Button/index.js";
-import { closeButtonToaster } from "../styles.css.js";
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Button, init_Button } from "../../Button/index.js";
+import { init_styles_css, toasterStyle } from "../styles.css.js";
 import { jsx } from "react/jsx-runtime";
 import { CloseIcon } from "@ultraviolet/icons/CloseIcon";
 
 //#region src/components/Toaster/components/CloseButton.tsx
-const CloseButton = ({ closeToast, sentiment = "success" }) => /* @__PURE__ */ jsx(Button, {
-	"aria-label": "close",
-	className: closeButtonToaster,
-	onClick: closeToast,
-	sentiment,
-	size: "xsmall",
-	children: /* @__PURE__ */ jsx(CloseIcon, {})
+var CloseButton;
+var init_CloseButton = __esmMin(() => {
+	init_Button();
+	init_styles_css();
+	CloseButton = ({ closeToast, sentiment = "success" }) => /* @__PURE__ */ jsx(Button, {
+		"aria-label": "close",
+		className: toasterStyle.closeButton,
+		onClick: closeToast,
+		sentiment,
+		size: "xsmall",
+		children: /* @__PURE__ */ jsx(CloseIcon, {})
+	});
 });
 
 //#endregion
-export { CloseButton };
+init_CloseButton();
+export { CloseButton, init_CloseButton };

package/dist/components/Toaster/components/Content.js

@@ -1,20 +1,26 @@
 'use client';
-import { __name } from "../../../_virtual/_rolldown/runtime.js";
-import { Stack } from "../../Stack/index.js";
-import { Text } from "../../Text/index.js";
+import { __esmMin, __name } from "../../../_virtual/_rolldown/runtime.js";
+import { Stack, init_Stack } from "../../Stack/index.js";
+import { Text, init_Text } from "../../Text/index.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 
 //#region src/components/Toaster/components/Content.tsx
-const Content = ({ children, icon }) => /* @__PURE__ */ jsxs(Stack, {
-	direction: "row",
-	gap: 2,
-	width: "100%",
-	children: [icon, typeof children === "string" ? /* @__PURE__ */ jsx(Text, {
-		as: "span",
-		variant: "bodySmallStrong",
-		children
-	}) : children]
+var Content;
+var init_Content = __esmMin(() => {
+	init_Stack();
+	init_Text();
+	Content = ({ children, icon }) => /* @__PURE__ */ jsxs(Stack, {
+		direction: "row",
+		gap: 2,
+		width: "100%",
+		children: [icon, typeof children === "string" ? /* @__PURE__ */ jsx(Text, {
+			as: "span",
+			variant: "bodySmallStrong",
+			children
+		}) : children]
+	});
 });
 
 //#endregion
-export { Content };
+init_Content();
+export { Content, init_Content };

package/dist/components/Toaster/constants.js

@@ -1,5 +1,11 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+
 //#region src/components/Toaster/constants.ts
-const AUTOCLOSE_DELAY = 6e3;
+var AUTOCLOSE_DELAY;
+var init_constants = __esmMin(() => {
+	AUTOCLOSE_DELAY = 6e3;
+});
 
 //#endregion
-export { AUTOCLOSE_DELAY };
+init_constants();
+export { AUTOCLOSE_DELAY, init_constants };

package/dist/components/Toaster/index.js

@@ -0,0 +1,10 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+import { toast } from "./Toaster.js";
+import { ToastContainer } from "./ToasterContainer.js";
+
+//#region src/components/Toaster/index.ts
+var init_Toaster = __esmMin(() => {});
+
+//#endregion
+init_Toaster();
+export { init_Toaster };

package/dist/components/Toaster/styles.css.d.ts

@@ -1,4 +1,6 @@
-export declare const toaster: string;
-export declare const closeButtonToaster: string;
-export declare const toasterButton: string;
+export declare const toasterStyle: {
+    toaster: string;
+    closeButton: string;
+    button: string;
+};
 //# sourceMappingURL=styles.css.d.ts.map

package/dist/components/Toaster/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Toaster/styles.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,OAAO,QAGlB,CAAA;AA6BF,eAAO,MAAM,kBAAkB,QAW7B,CAAA;AAEF,eAAO,MAAM,aAAa,QAExB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Toaster/styles.css.ts"],"names":[],"mappings":"AAsDA,eAAO,MAAM,YAAY;;;;CAIxB,CAAA"}

package/dist/components/Toaster/styles.css.js

@@ -1,8 +1,17 @@
-/* empty css                      */
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+import { init_styles_css_ts_vanilla } from "./styles.css.ts.vanilla.js";
 
 //#region src/components/Toaster/styles.css.ts
-var toaster = "uv_11f0u3o0";
-var closeButtonToaster = "uv_11f0u3o1";
+var toasterStyle;
+var init_styles_css = __esmMin(() => {
+	init_styles_css_ts_vanilla();
+	toasterStyle = {
+		toaster: "uv_11f0u3o0",
+		closeButton: "uv_11f0u3o1",
+		button: "uv_11f0u3o2"
+	};
+});
 
 //#endregion
-export { closeButtonToaster, toaster };
+init_styles_css();
+export { init_styles_css, toasterStyle };

package/dist/components/Toaster/styles.css.ts.vanilla.js

@@ -0,0 +1,8 @@
+import { __esmMin } from "../../_virtual/_rolldown/runtime.js";
+
+//#region src/components/Toaster/styles.css.ts.vanilla.css
+var init_styles_css_ts_vanilla = __esmMin(() => {});
+
+//#endregion
+init_styles_css_ts_vanilla();
+export { init_styles_css_ts_vanilla };