@ultraviolet/ui 3.8.2 → 3.10.0

package/dist/components/Modal/index.js

@@ -1,115 +1,93 @@
-"use client";
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { useState, useId, useRef, useCallback, useContext } from "react";
+'use client';
+import { __name } from "../../_virtual/_rolldown/runtime.js";
+import { ModalContext, ModalProvider } from "./ModalProvider.js";
 import { Disclosure } from "./components/Disclosure.js";
 import { ModalContent } from "./ModalContent.js";
-import { ModalContext, ModalProvider } from "./ModalProvider.js";
-const Modal = ({
-  ariaLabel = "modal",
-  id,
-  children,
-  disclosure,
-  hideOnClickOutside = true,
-  hideOnEsc = true,
-  isClosable = true,
-  onClose,
-  onBeforeClose,
-  open = false,
-  placement = "center",
-  preventBodyScroll = true,
-  size = "small",
-  className,
-  "data-testid": dataTestId,
-  backdropClassName,
-  image,
-  style
-}) => {
-  const [visible, setVisible] = useState(false);
-  const controlId = useId();
-  const disclosureRef = useRef(null);
-  const handleOpen = useCallback(() => {
-    setVisible(true);
-  }, []);
-  const handleClose = useCallback(() => {
-    disclosureRef.current?.focus();
-    if (onClose) {
-      onClose();
-    } else {
-      const promise = onBeforeClose?.();
-      if (promise && "catch" in promise) {
-        promise.catch(() => null);
-      }
-      setVisible(false);
-    }
-  }, [onBeforeClose, onClose]);
-  const handleToggle = useCallback(() => {
-    disclosureRef.current?.focus();
-    setVisible((current) => !current);
-  }, []);
-  const finalId = id ?? controlId;
-  const context = useContext(ModalContext);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    disclosure ? /* @__PURE__ */ jsx(
-      Disclosure,
-      {
-        disclosure,
-        handleClose,
-        handleOpen,
-        id: finalId,
-        ref: disclosureRef,
-        toggle: handleToggle,
-        visible
-      }
-    ) : null,
-    context ? /* @__PURE__ */ jsx(
-      ModalContent,
-      {
-        ariaLabel,
-        backdropClassName,
-        className,
-        dataTestId,
-        finalId,
-        finalSize: size,
-        handleClose,
-        handleOpen,
-        handleToggle,
-        hideOnClickOutside,
-        hideOnEsc,
-        image,
-        isClosable,
-        open,
-        placement,
-        preventBodyScroll,
-        style,
-        visible,
-        children
-      }
-    ) : /* @__PURE__ */ jsx(ModalProvider, { children: /* @__PURE__ */ jsx(
-      ModalContent,
-      {
-        ariaLabel,
-        backdropClassName,
-        className,
-        dataTestId,
-        finalId,
-        finalSize: size,
-        handleClose,
-        handleOpen,
-        handleToggle,
-        hideOnClickOutside,
-        hideOnEsc,
-        image,
-        isClosable,
-        open,
-        placement,
-        preventBodyScroll,
-        style,
-        visible,
-        children
-      }
-    ) })
-  ] });
-};
-export {
-  Modal
+import { useCallback, useContext, useId, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/Modal/index.tsx
+/**
+* Modal is a component that allows you to display content on top of other content.
+* It is often used to display a dialog with additional information or to ask for a confirmation.
+*/
+const Modal = ({ ariaLabel = "modal", id, children, disclosure, hideOnClickOutside = true, hideOnEsc = true, isClosable = true, onClose, onBeforeClose, onOpen, open = false, placement = "center", preventBodyScroll = true, size = "small", className, "data-testid": dataTestId, backdropClassName, image, style, ref }) => {
+	const [visible, setVisible] = useState(false);
+	const controlId = useId();
+	const disclosureRef = useRef(null);
+	const handleOpen = useCallback(() => {
+		setVisible(true);
+		onOpen === null || onOpen === void 0 || onOpen();
+	}, [onOpen]);
+	const handleClose = useCallback(() => {
+		var _disclosureRef$curren;
+		(_disclosureRef$curren = disclosureRef.current) === null || _disclosureRef$curren === void 0 || _disclosureRef$curren.focus();
+		if (onClose) onClose();
+		else {
+			const promise = onBeforeClose === null || onBeforeClose === void 0 ? void 0 : onBeforeClose();
+			if (promise && "catch" in promise) promise.catch(() => null);
+			setVisible(false);
+		}
+	}, [onBeforeClose, onClose]);
+	const handleToggle = useCallback(() => {
+		var _disclosureRef$curren2;
+		(_disclosureRef$curren2 = disclosureRef.current) === null || _disclosureRef$curren2 === void 0 || _disclosureRef$curren2.focus();
+		setVisible((current) => !current);
+	}, []);
+	const finalId = id !== null && id !== void 0 ? id : controlId;
+	const context = useContext(ModalContext);
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [disclosure ? /* @__PURE__ */ jsx(Disclosure, {
+		disclosure,
+		handleClose,
+		handleOpen,
+		id: finalId,
+		ref: disclosureRef,
+		toggle: handleToggle,
+		visible
+	}) : null, context ? /* @__PURE__ */ jsx(ModalContent, {
+		ariaLabel,
+		backdropClassName,
+		className,
+		dataTestId,
+		finalId,
+		finalSize: size,
+		handleClose,
+		handleOpen,
+		handleToggle,
+		hideOnClickOutside,
+		hideOnEsc,
+		image,
+		isClosable,
+		open,
+		placement,
+		preventBodyScroll,
+		ref,
+		style,
+		visible,
+		children
+	}) : /* @__PURE__ */ jsx(ModalProvider, { children: /* @__PURE__ */ jsx(ModalContent, {
+		ariaLabel,
+		backdropClassName,
+		className,
+		dataTestId,
+		finalId,
+		finalSize: size,
+		handleClose,
+		handleOpen,
+		handleToggle,
+		hideOnClickOutside,
+		hideOnEsc,
+		image,
+		isClosable,
+		open,
+		placement,
+		preventBodyScroll,
+		ref,
+		style,
+		visible,
+		children
+	}) })] });
 };
+
+//#endregion
+export { Modal };

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

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/styles.css.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,QAAQ,oBAAc,CAAA;AACnC,eAAO,MAAM,aAAa,oBAAc,CAAA;AAExC,eAAO,MAAM,cAAc,QAIzB,CAAA;AAEF,eAAO,MAAM,mBAAmB,QAK9B,CAAA;AAEF,eAAO,MAAM,UAAU,QAKrB,CAAA;AAEF,eAAO,MAAM,YAAY,QAEvB,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAgB5B,CAAA;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;EAoBxB,CAAA;AAEF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoDhB,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/styles.css.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,QAAQ,oBAAc,CAAA;AACnC,eAAO,MAAM,aAAa,oBAAc,CAAA;AAExC,eAAO,MAAM,cAAc,QAIzB,CAAA;AAEF,eAAO,MAAM,mBAAmB,QAK9B,CAAA;AAEF,eAAO,MAAM,UAAU,QAKrB,CAAA;AAEF,eAAO,MAAM,YAAY,QAEvB,CAAA;AAEF,eAAO,MAAM,iBAAiB,QAmB5B,CAAA;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;EAoBxB,CAAA;AAEF,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwEhB,CAAA"}

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

@@ -1,22 +1,79 @@
-/* empty css                                                     */
-/* empty css                                  */
-/* empty css                          */
+/* empty css                                                 */
+/* empty css                              */
+/* empty css                      */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+
+//#region src/components/Modal/styles.css.ts
 var topModal = "var(--uv_lrojhc0)";
 var positionModal = "var(--uv_lrojhc1)";
 var modalContainer = "uv_lrojhc2";
 var modalImageContainer = "uv_lrojhc3";
 var modalImage = "uv_lrojhc4";
 var modalContent = "uv_lrojhc5";
-var modalBackdrop = createRuntimeFn({ defaultClassName: "uv_lrojhc7 uv_lrojhc6", variantClassNames: { open: { true: "uv_lrojhc8" }, visible: { true: "uv_lrojhc9" } }, defaultVariants: {}, compoundVariants: [] });
-var modal = createRuntimeFn({ defaultClassName: "uv_lrojhca", variantClassNames: { animation: { true: "uv_lrojhcb" }, image: { true: "uv_lrojhcc" }, placement: { bottom: "uv_lrojhcd", "bottom-left": "uv_lrojhce", "bottom-right": "uv_lrojhcf", center: "uv_lrojhcg", left: "uv_lrojhch", right: "uv_lrojhci", top: "uv_lrojhcj", "top-left": "uv_lrojhck", "top-right": "uv_lrojhcl" }, positivePosition: { true: "uv_lrojhcm" }, size: { large: "uv_lrojhcn", medium: "uv_lrojhco", small: "uv_lrojhcp", xsmall: "uv_lrojhcq", xxsmall: "uv_lrojhcr" } }, defaultVariants: { animation: false, image: false, placement: "center", positivePosition: false, size: "medium" }, compoundVariants: [[{ positivePosition: true, size: "large" }, "uv_lrojhcs"], [{ positivePosition: true, size: "medium" }, "uv_lrojhct"], [{ positivePosition: true, size: "small" }, "uv_lrojhcu"], [{ positivePosition: true, size: "xsmall" }, "uv_lrojhcv"], [{ positivePosition: true, size: "xxsmall" }, "uv_lrojhcw"]] });
-export {
-  modal,
-  modalBackdrop,
-  modalContainer,
-  modalContent,
-  modalImage,
-  modalImageContainer,
-  positionModal,
-  topModal
-};
+var modalBackdrop = createRuntimeFn({
+	defaultClassName: "uv_lrojhc7 uv_lrojhc6",
+	variantClassNames: {
+		open: { true: "uv_lrojhc8" },
+		visible: { true: "uv_lrojhc9" }
+	},
+	defaultVariants: {},
+	compoundVariants: []
+});
+var modal = createRuntimeFn({
+	defaultClassName: "uv_lrojhca",
+	variantClassNames: {
+		animation: { true: "uv_lrojhcb" },
+		image: { true: "uv_lrojhcc" },
+		placement: {
+			bottom: "uv_lrojhcd",
+			"bottom-left": "uv_lrojhce",
+			"bottom-right": "uv_lrojhcf",
+			center: "uv_lrojhcg",
+			left: "uv_lrojhch",
+			right: "uv_lrojhci",
+			top: "uv_lrojhcj",
+			"top-left": "uv_lrojhck",
+			"top-right": "uv_lrojhcl"
+		},
+		positivePosition: { true: "uv_lrojhcm" },
+		size: {
+			large: "uv_lrojhcn",
+			medium: "uv_lrojhco",
+			small: "uv_lrojhcp",
+			xsmall: "uv_lrojhcq",
+			xxsmall: "uv_lrojhcr"
+		}
+	},
+	defaultVariants: {
+		animation: false,
+		image: false,
+		placement: "center",
+		positivePosition: false,
+		size: "medium"
+	},
+	compoundVariants: [
+		[{
+			positivePosition: true,
+			size: "large"
+		}, "uv_lrojhcs"],
+		[{
+			positivePosition: true,
+			size: "medium"
+		}, "uv_lrojhct"],
+		[{
+			positivePosition: true,
+			size: "small"
+		}, "uv_lrojhcu"],
+		[{
+			positivePosition: true,
+			size: "xsmall"
+		}, "uv_lrojhcv"],
+		[{
+			positivePosition: true,
+			size: "xxsmall"
+		}, "uv_lrojhcw"]
+	]
+});
+
+//#endregion
+export { modal, modalBackdrop, modalContainer, modalContent, modalImage, modalImageContainer, positionModal, topModal };

package/dist/components/Modal/types.d.ts

@@ -33,5 +33,6 @@ export type DialogProps = {
     children: ReactNode;
     image?: string;
     style?: CSSProperties;
+    ref?: RefObject<HTMLDialogElement | null>;
 };
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Modal/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE9E,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAA;AAE3E,MAAM,MAAM,cAAc,GACtB,QAAQ,GACR,aAAa,GACb,cAAc,GACd,QAAQ,GACR,KAAK,GACL,UAAU,GACV,WAAW,GACX,OAAO,GACP,MAAM,CAAA;AAEV,MAAM,MAAM,UAAU,GAAG;IACvB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,IAAI,EAAE,MAAM,IAAI,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,CAAC,EAAE,YAAY,GAAG,CAAC,CAAC,KAAK,EAAE,UAAU,KAAK,YAAY,CAAC,CAAA;IACjE,UAAU,EAAE,UAAU,CAAC,MAAM,CAAC,CAAA;IAC9B,WAAW,EAAE,UAAU,CAAC,OAAO,CAAC,CAAA;IAChC,OAAO,EAAE,UAAU,CAAC,SAAS,CAAC,CAAA;IAC9B,MAAM,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAA;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,GAAG,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;CACtC,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,OAAO,CAAA;IACb,IAAI,EAAE,SAAS,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,cAAc,CAAA;IACzB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE9E,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAA;AAE3E,MAAM,MAAM,cAAc,GACtB,QAAQ,GACR,aAAa,GACb,cAAc,GACd,QAAQ,GACR,KAAK,GACL,UAAU,GACV,WAAW,GACX,OAAO,GACP,MAAM,CAAA;AAEV,MAAM,MAAM,UAAU,GAAG;IACvB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,IAAI,EAAE,MAAM,IAAI,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,CAAC,EAAE,YAAY,GAAG,CAAC,CAAC,KAAK,EAAE,UAAU,KAAK,YAAY,CAAC,CAAA;IACjE,UAAU,EAAE,UAAU,CAAC,MAAM,CAAC,CAAA;IAC9B,WAAW,EAAE,UAAU,CAAC,OAAO,CAAC,CAAA;IAChC,OAAO,EAAE,UAAU,CAAC,SAAS,CAAC,CAAA;IAC9B,MAAM,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAA;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,GAAG,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;CACtC,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,OAAO,CAAA;IACb,IAAI,EAAE,SAAS,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,cAAc,CAAA;IACzB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,GAAG,CAAC,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAA;CAC1C,CAAA"}

package/dist/components/Notice/index.d.ts

@@ -8,6 +8,6 @@ type NoticeProps = {
 /**
  * A Notice is used to display a short message to the user.
  */
-export declare const Notice: ({ children, className, "data-testid": dataTestId, style, }: NoticeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Notice: ({ children, className, 'data-testid': dataTestId, style, }: NoticeProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Notice/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Notice/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIrD,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,GAAI,4DAKpB,WAAW,4CAiBb,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Notice/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIrD,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,sHAsBlB,CAAA"}

package/dist/components/Notice/index.js

@@ -1,37 +1,29 @@
-"use client";
-import { jsxs, jsx } from "react/jsx-runtime";
-import { InformationOutlineIcon } from "@ultraviolet/icons/InformationOutlineIcon";
-import { cn } from "@ultraviolet/utils";
+'use client';
+import { __name } from "../../_virtual/_rolldown/runtime.js";
 import { Text } from "../Text/index.js";
 import { notice } from "./styles.css.js";
-const Notice = ({
-  children,
-  className,
-  "data-testid": dataTestId,
-  style
-}) => /* @__PURE__ */ jsxs(
-  Text,
-  {
-    as: "span",
-    className: cn(className, notice),
-    "data-testid": dataTestId,
-    prominence: "weak",
-    sentiment: "neutral",
-    style,
-    variant: "caption",
-    children: [
-      /* @__PURE__ */ jsx(
-        InformationOutlineIcon,
-        {
-          prominence: "weak",
-          sentiment: "neutral",
-          size: "small"
-        }
-      ),
-      children
-    ]
-  }
-);
-export {
-  Notice
-};
+import { cn } from "@ultraviolet/utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { InformationOutlineIcon } from "@ultraviolet/icons/InformationOutlineIcon";
+
+//#region src/components/Notice/index.tsx
+/**
+* A Notice is used to display a short message to the user.
+*/
+const Notice = ({ children, className, "data-testid": dataTestId, style }) => /* @__PURE__ */ jsxs(Text, {
+	as: "span",
+	className: cn(className, notice),
+	"data-testid": dataTestId,
+	prominence: "weak",
+	sentiment: "neutral",
+	style,
+	variant: "caption",
+	children: [/* @__PURE__ */ jsx(InformationOutlineIcon, {
+		prominence: "weak",
+		sentiment: "neutral",
+		size: "small"
+	}), children]
+});
+
+//#endregion
+export { Notice };

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

@@ -1,5 +1,7 @@
-/* empty css                          */
+/* empty css                      */
+
+//#region src/components/Notice/styles.css.ts
 var notice = "uv_1eh3hb60";
-export {
-  notice
-};
+
+//#endregion
+export { notice };

package/dist/components/Notification/Notification.d.ts

@@ -6,6 +6,6 @@ type CloseButtonProps = {
     ariaLabel?: string;
     theme: ThemeToastify;
 };
-export declare const notification: (children: ((props: CloseButtonProps) => ReactNode) | ReactNode, title: string, icon?: ReactNode, isClosable?: boolean, containerId?: string, options?: ToastOptions) => import("react-toastify").Id;
+export declare const notification: (children: ((props: CloseButtonProps) => ReactNode) | ReactNode, title: string, icon?: ReactNode, isClosable?: boolean | undefined, containerId?: string | undefined, options?: ToastOptions<unknown> | undefined) => import("react-toastify").Id;
 export {};
 //# sourceMappingURL=Notification.d.ts.map

package/dist/components/Notification/Notification.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/Notification.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EACV,KAAK,IAAI,aAAa,EACtB,YAAY,EACZ,WAAW,EACZ,MAAM,gBAAgB,CAAA;AAMvB,KAAK,gBAAgB,GAAG;IACtB,UAAU,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAA;IAC1D,IAAI,EAAE,WAAW,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,aAAa,CAAA;CACrB,CAAA;AAcD,eAAO,MAAM,YAAY,GACvB,UAAU,CAAC,CAAC,KAAK,EAAE,gBAAgB,KAAK,SAAS,CAAC,GAAG,SAAS,EAC9D,OAAO,MAAM,EACb,OAAO,SAAS,EAChB,aAAa,OAAO,EACpB,cAAc,MAAM,EACpB,UAAU,YAAY,gCAiBpB,CAAA"}
+{"version":3,"file":"Notification.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/Notification.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EACV,KAAK,IAAI,aAAa,EACtB,YAAY,EACZ,WAAW,EACZ,MAAM,gBAAgB,CAAA;AAMvB,KAAK,gBAAgB,GAAG;IACtB,UAAU,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAA;IAC1D,IAAI,EAAE,WAAW,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE,aAAa,CAAA;CACrB,CAAA;AAcD,eAAO,MAAM,YAAY,mPAuBrB,CAAA"}

package/dist/components/Notification/Notification.js

@@ -1,33 +1,41 @@
-"use client";
-import { jsxs, jsx } from "react/jsx-runtime";
-import { CloseIcon } from "@ultraviolet/icons/CloseIcon";
-import { toast } from "react-toastify";
-import { Button } from "../Button/index.js";
+'use client';
+import { __name } from "../../_virtual/_rolldown/runtime.js";
+import { _objectSpread2 } from "../../_virtual/_@oxc-project_runtime@0.113.0/helpers/objectSpread2.js";
 import { Stack } from "../Stack/index.js";
 import { Text } from "../Text/index.js";
-const closeButton = (props) => /* @__PURE__ */ jsx(
-  Button,
-  {
-    "aria-label": "close",
-    onClick: props.closeToast,
-    sentiment: "neutral",
-    size: "xsmall",
-    variant: "ghost",
-    children: /* @__PURE__ */ jsx(CloseIcon, {})
-  }
-);
-const notification = (children, title, icon, isClosable, containerId, options) => toast("", {
-  ...options,
-  closeButton: (props) => /* @__PURE__ */ jsxs(Stack, { direction: "row", gap: 2, children: [
-    /* @__PURE__ */ jsx("div", { children: icon }),
-    /* @__PURE__ */ jsxs(Stack, { direction: "column", children: [
-      /* @__PURE__ */ jsx(Text, { as: "h3", variant: "bodySmallStronger", children: title }),
-      typeof children === "function" ? children(props) : children
-    ] }),
-    isClosable ? closeButton(props) : null
-  ] }),
-  containerId: containerId ?? "notification"
+import { Button } from "../Button/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CloseIcon } from "@ultraviolet/icons/CloseIcon";
+import { toast } from "react-toastify";
+
+//#region src/components/Notification/Notification.tsx
+const closeButton = (props) => /* @__PURE__ */ jsx(Button, {
+	"aria-label": "close",
+	onClick: props.closeToast,
+	sentiment: "neutral",
+	size: "xsmall",
+	variant: "ghost",
+	children: /* @__PURE__ */ jsx(CloseIcon, {})
 });
-export {
-  notification
-};
+const notification = (children, title, icon, isClosable, containerId, options) => toast("", _objectSpread2(_objectSpread2({}, options), {}, {
+	closeButton: (props) => /* @__PURE__ */ jsxs(Stack, {
+		direction: "row",
+		gap: 2,
+		children: [
+			/* @__PURE__ */ jsx("div", { children: icon }),
+			/* @__PURE__ */ jsxs(Stack, {
+				direction: "column",
+				children: [/* @__PURE__ */ jsx(Text, {
+					as: "h3",
+					variant: "bodySmallStronger",
+					children: title
+				}), typeof children === "function" ? children(props) : children]
+			}),
+			isClosable ? closeButton(props) : null
+		]
+	}),
+	containerId: containerId !== null && containerId !== void 0 ? containerId : "notification"
+}));
+
+//#endregion
+export { notification };

package/dist/components/Notification/NotificationContainer.d.ts

@@ -26,6 +26,6 @@ type NotificationContainerProps = {
     containerId?: string;
     style?: CSSProperties;
 };
-export declare const NotificationContainer: ({ newestOnTop, limit, autoClose, position, "data-testid": dataTestId, className, style, containerId, }: NotificationContainerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const NotificationContainer: ({ newestOnTop, limit, autoClose, position, 'data-testid': dataTestId, className, style, containerId, }: NotificationContainerProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=NotificationContainer.d.ts.map

package/dist/components/Notification/NotificationContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationContainer.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/NotificationContainer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAIlD,KAAK,0BAA0B,GAAG;IAChC;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;IAC1B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAA;IACnC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,qBAAqB,GAAI,wGASnC,0BAA0B,4CAe5B,CAAA"}
+{"version":3,"file":"NotificationContainer.d.ts","sourceRoot":"","sources":["../../../src/components/Notification/NotificationContainer.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAIlD,KAAK,0BAA0B,GAAG;IAChC;;OAEG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,MAAM,CAAA;IAC1B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAC,UAAU,CAAC,CAAA;IACnC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,qBAAqB,iLAwBjC,CAAA"}

package/dist/components/Notification/NotificationContainer.js

@@ -1,34 +1,25 @@
-"use client";
-import { jsx } from "react/jsx-runtime";
-import { cn } from "@ultraviolet/utils";
-import { ToastContainer, Slide } from "react-toastify";
+'use client';
+import { __name } from "../../_virtual/_rolldown/runtime.js";
 import { notification } from "./styles.css.js";
-const NotificationContainer = ({
-  newestOnTop,
-  limit,
-  autoClose = false,
-  position = "top-right",
-  "data-testid": dataTestId,
-  className,
-  style,
-  containerId = "notification"
-}) => /* @__PURE__ */ jsx(
-  ToastContainer,
-  {
-    autoClose,
-    className: cn(className, notification),
-    containerId,
-    "data-testid": dataTestId,
-    draggable: false,
-    hideProgressBar: true,
-    icon: false,
-    limit,
-    newestOnTop,
-    position,
-    style,
-    transition: Slide
-  }
-);
-export {
-  NotificationContainer
-};
+import { cn } from "@ultraviolet/utils";
+import { jsx } from "react/jsx-runtime";
+import { Slide, ToastContainer } from "react-toastify";
+
+//#region src/components/Notification/NotificationContainer.tsx
+const NotificationContainer = ({ newestOnTop, limit, autoClose = false, position = "top-right", "data-testid": dataTestId, className, style, containerId = "notification" }) => /* @__PURE__ */ jsx(ToastContainer, {
+	autoClose,
+	className: cn(className, notification),
+	containerId,
+	"data-testid": dataTestId,
+	draggable: false,
+	hideProgressBar: true,
+	icon: false,
+	limit,
+	newestOnTop,
+	position,
+	style,
+	transition: Slide
+});
+
+//#endregion
+export { NotificationContainer };

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

@@ -1,5 +1,7 @@
-/* empty css                          */
+/* empty css                      */
+
+//#region src/components/Notification/styles.css.ts
 var notification = "uv_1h24h1e0";
-export {
-  notification
-};
+
+//#endregion
+export { notification };