@veracity/vui 3.0.0-beta.8 → 3.0.0

package/dist/modal/theme.js

@@ -1,2 +1,22 @@
-var e={baseStyle:{},defaultProps:{},parts:[`container`,`backdrop`,`content`],sizes:{},variants:{}};export{e as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+//#region src/modal/theme.ts
+const baseStyle = {};
+const defaultProps = {};
+const parts = [
+	"container",
+	"backdrop",
+	"content"
+];
+const sizes = {};
+const variants = {};
+var theme_default = {
+	baseStyle,
+	defaultProps,
+	parts,
+	sizes,
+	variants
+};
+
+//#endregion
+export { theme_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=theme.js.map

package/dist/modal/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":[],"sources":["../../src/modal/theme.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {}\n\nconst parts = ['container', 'backdrop', 'content']\n\nconst sizes = {}\n\nconst variants = {}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":"AAUA,IAAA,EAAe,CACb,UAXgB,EAAE,CAYlB,aAVmB,EAAE,CAWrB,MATY,CAAC,YAAa,WAAY,UAAU,CAUhD,MARY,EAAE,CASd,SAPe,EAAE,CAQlB"}
+{"version":3,"file":"theme.js","names":[],"sources":["../../src/modal/theme.ts"],"sourcesContent":["const baseStyle = {}\n\nconst defaultProps = {}\n\nconst parts = ['container', 'backdrop', 'content']\n\nconst sizes = {}\n\nconst variants = {}\n\nexport default {\n  baseStyle,\n  defaultProps,\n  parts,\n  sizes,\n  variants,\n}\n"],"mappings":";AAAA,MAAM,YAAY,EAAE;AAEpB,MAAM,eAAe,EAAE;AAEvB,MAAM,QAAQ;CAAC;CAAa;CAAY;CAAU;AAElD,MAAM,QAAQ,EAAE;AAEhB,MAAM,WAAW,EAAE;AAEnB,oBAAe;CACb;CACA;CACA;CACA;CACA;CACD"}

package/dist/notification/consts.js

@@ -1,2 +1,69 @@
-import{iconDictionary as e}from"../message/consts.js";const t=2,n={error:{iconProps:{name:e.error},variant:`subtleRed`},info:{iconProps:{name:e.info},variant:`subtleBlue`},loading:{iconProps:{name:`fadSpinnerThird`,pathFill:[`blue.40`,`blue.60`],variant:`spinning`},variant:`subtleBlue`},success:{iconProps:{name:e.success},variant:`subtleGreen`},warning:{iconProps:{name:e.warning},variant:`subtleYellow`},bannerError:{iconProps:{name:e.error},variant:`bannerRed`},bannerInfo:{iconProps:{name:e.info},variant:`bannerBlue`},bannerLoading:{iconProps:{name:`fadSpinnerThird`,pathFill:[`blue.40`,`blue.60`],variant:`spinning`},variant:`bannerBlue`},bannerSuccess:{iconProps:{name:e.success},variant:`bannerGreen`},bannerWarning:{iconProps:{name:e.warning},variant:`bannerYellow`}},r={subtleRed:`subtleRed`,subtleBlue:`subtleBlue`,subtleGreen:`subtleGreen`,subtleYellow:`subtleYellow`,bannerRed:`subtleRed`,bannerBlue:`subtleBlue`,bannerGreen:`subtleGreen`,bannerYellow:`subtleYellow`};export{t as bannerNotificationElevation,r as closeButtonVariantMapping,n as notificationStatusMapping};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { iconDictionary } from "../message/consts.js";
+
+//#region src/notification/consts.ts
+const bannerNotificationElevation = 2;
+const notificationStatusMapping = {
+	error: {
+		iconProps: { name: iconDictionary.error },
+		variant: "subtleRed"
+	},
+	info: {
+		iconProps: { name: iconDictionary.info },
+		variant: "subtleBlue"
+	},
+	loading: {
+		iconProps: {
+			name: "fadSpinnerThird",
+			pathFill: ["blue.40", "blue.60"],
+			variant: "spinning"
+		},
+		variant: "subtleBlue"
+	},
+	success: {
+		iconProps: { name: iconDictionary.success },
+		variant: "subtleGreen"
+	},
+	warning: {
+		iconProps: { name: iconDictionary.warning },
+		variant: "subtleYellow"
+	},
+	bannerError: {
+		iconProps: { name: iconDictionary.error },
+		variant: "bannerRed"
+	},
+	bannerInfo: {
+		iconProps: { name: iconDictionary.info },
+		variant: "bannerBlue"
+	},
+	bannerLoading: {
+		iconProps: {
+			name: "fadSpinnerThird",
+			pathFill: ["blue.40", "blue.60"],
+			variant: "spinning"
+		},
+		variant: "bannerBlue"
+	},
+	bannerSuccess: {
+		iconProps: { name: iconDictionary.success },
+		variant: "bannerGreen"
+	},
+	bannerWarning: {
+		iconProps: { name: iconDictionary.warning },
+		variant: "bannerYellow"
+	}
+};
+const closeButtonVariantMapping = {
+	subtleRed: "subtleRed",
+	subtleBlue: "subtleBlue",
+	subtleGreen: "subtleGreen",
+	subtleYellow: "subtleYellow",
+	bannerRed: "subtleRed",
+	bannerBlue: "subtleBlue",
+	bannerGreen: "subtleGreen",
+	bannerYellow: "subtleYellow"
+};
+
+//#endregion
+export { bannerNotificationElevation, closeButtonVariantMapping, notificationStatusMapping };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=consts.js.map

package/dist/notification/consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"consts.js","names":["notificationStatusMapping: NotificationStatusMapping"],"sources":["../../src/notification/consts.ts"],"sourcesContent":["import { iconDictionary } from '../message/consts'\nimport type { NotificationStatusMapping } from './notification.types'\n\nexport const bannerNotificationElevation = 2\n\nexport const notificationStatusMapping: NotificationStatusMapping = {\n  error: {\n    iconProps: {\n      name: iconDictionary.error,\n    },\n    variant: 'subtleRed',\n  },\n  info: {\n    iconProps: {\n      name: iconDictionary.info,\n    },\n    variant: 'subtleBlue',\n  },\n  loading: {\n    iconProps: {\n      name: 'fadSpinnerThird',\n      pathFill: ['blue.40', 'blue.60'],\n      variant: 'spinning',\n    },\n    variant: 'subtleBlue',\n  },\n  success: {\n    iconProps: {\n      name: iconDictionary.success,\n    },\n    variant: 'subtleGreen',\n  },\n  warning: {\n    iconProps: {\n      name: iconDictionary.warning,\n    },\n    variant: 'subtleYellow',\n  },\n  bannerError: {\n    iconProps: {\n      name: iconDictionary.error,\n    },\n    variant: 'bannerRed',\n  },\n  bannerInfo: {\n    iconProps: {\n      name: iconDictionary.info,\n    },\n    variant: 'bannerBlue',\n  },\n  bannerLoading: {\n    iconProps: {\n      name: 'fadSpinnerThird',\n      pathFill: ['blue.40', 'blue.60'],\n      variant: 'spinning',\n    },\n    variant: 'bannerBlue',\n  },\n  bannerSuccess: {\n    iconProps: {\n      name: iconDictionary.success,\n    },\n    variant: 'bannerGreen',\n  },\n  bannerWarning: {\n    iconProps: {\n      name: iconDictionary.warning,\n    },\n    variant: 'bannerYellow',\n  },\n}\n\nexport const closeButtonVariantMapping = {\n  subtleRed: 'subtleRed',\n  subtleBlue: 'subtleBlue',\n  subtleGreen: 'subtleGreen',\n  subtleYellow: 'subtleYellow',\n  bannerRed: 'subtleRed',\n  bannerBlue: 'subtleBlue',\n  bannerGreen: 'subtleGreen',\n  bannerYellow: 'subtleYellow',\n}\n"],"mappings":"sDAGA,MAAa,EAA8B,EAE9BA,EAAuD,CAClE,MAAO,CACL,UAAW,CACT,KAAM,EAAe,MACtB,CACD,QAAS,YACV,CACD,KAAM,CACJ,UAAW,CACT,KAAM,EAAe,KACtB,CACD,QAAS,aACV,CACD,QAAS,CACP,UAAW,CACT,KAAM,kBACN,SAAU,CAAC,UAAW,UAAU,CAChC,QAAS,WACV,CACD,QAAS,aACV,CACD,QAAS,CACP,UAAW,CACT,KAAM,EAAe,QACtB,CACD,QAAS,cACV,CACD,QAAS,CACP,UAAW,CACT,KAAM,EAAe,QACtB,CACD,QAAS,eACV,CACD,YAAa,CACX,UAAW,CACT,KAAM,EAAe,MACtB,CACD,QAAS,YACV,CACD,WAAY,CACV,UAAW,CACT,KAAM,EAAe,KACtB,CACD,QAAS,aACV,CACD,cAAe,CACb,UAAW,CACT,KAAM,kBACN,SAAU,CAAC,UAAW,UAAU,CAChC,QAAS,WACV,CACD,QAAS,aACV,CACD,cAAe,CACb,UAAW,CACT,KAAM,EAAe,QACtB,CACD,QAAS,cACV,CACD,cAAe,CACb,UAAW,CACT,KAAM,EAAe,QACtB,CACD,QAAS,eACV,CACF,CAEY,EAA4B,CACvC,UAAW,YACX,WAAY,aACZ,YAAa,cACb,aAAc,eACd,UAAW,YACX,WAAY,aACZ,YAAa,cACb,aAAc,eACf"}
+{"version":3,"file":"consts.js","names":["notificationStatusMapping: NotificationStatusMapping"],"sources":["../../src/notification/consts.ts"],"sourcesContent":["import { iconDictionary } from '../message/consts'\nimport type { NotificationStatusMapping } from './notification.types'\n\nexport const bannerNotificationElevation = 2\n\nexport const notificationStatusMapping: NotificationStatusMapping = {\n  error: {\n    iconProps: {\n      name: iconDictionary.error,\n    },\n    variant: 'subtleRed',\n  },\n  info: {\n    iconProps: {\n      name: iconDictionary.info,\n    },\n    variant: 'subtleBlue',\n  },\n  loading: {\n    iconProps: {\n      name: 'fadSpinnerThird',\n      pathFill: ['blue.40', 'blue.60'],\n      variant: 'spinning',\n    },\n    variant: 'subtleBlue',\n  },\n  success: {\n    iconProps: {\n      name: iconDictionary.success,\n    },\n    variant: 'subtleGreen',\n  },\n  warning: {\n    iconProps: {\n      name: iconDictionary.warning,\n    },\n    variant: 'subtleYellow',\n  },\n  bannerError: {\n    iconProps: {\n      name: iconDictionary.error,\n    },\n    variant: 'bannerRed',\n  },\n  bannerInfo: {\n    iconProps: {\n      name: iconDictionary.info,\n    },\n    variant: 'bannerBlue',\n  },\n  bannerLoading: {\n    iconProps: {\n      name: 'fadSpinnerThird',\n      pathFill: ['blue.40', 'blue.60'],\n      variant: 'spinning',\n    },\n    variant: 'bannerBlue',\n  },\n  bannerSuccess: {\n    iconProps: {\n      name: iconDictionary.success,\n    },\n    variant: 'bannerGreen',\n  },\n  bannerWarning: {\n    iconProps: {\n      name: iconDictionary.warning,\n    },\n    variant: 'bannerYellow',\n  },\n}\n\nexport const closeButtonVariantMapping = {\n  subtleRed: 'subtleRed',\n  subtleBlue: 'subtleBlue',\n  subtleGreen: 'subtleGreen',\n  subtleYellow: 'subtleYellow',\n  bannerRed: 'subtleRed',\n  bannerBlue: 'subtleBlue',\n  bannerGreen: 'subtleGreen',\n  bannerYellow: 'subtleYellow',\n}\n"],"mappings":";;;AAGA,MAAa,8BAA8B;AAE3C,MAAaA,4BAAuD;CAClE,OAAO;EACL,WAAW,EACT,MAAM,eAAe,OACtB;EACD,SAAS;EACV;CACD,MAAM;EACJ,WAAW,EACT,MAAM,eAAe,MACtB;EACD,SAAS;EACV;CACD,SAAS;EACP,WAAW;GACT,MAAM;GACN,UAAU,CAAC,WAAW,UAAU;GAChC,SAAS;GACV;EACD,SAAS;EACV;CACD,SAAS;EACP,WAAW,EACT,MAAM,eAAe,SACtB;EACD,SAAS;EACV;CACD,SAAS;EACP,WAAW,EACT,MAAM,eAAe,SACtB;EACD,SAAS;EACV;CACD,aAAa;EACX,WAAW,EACT,MAAM,eAAe,OACtB;EACD,SAAS;EACV;CACD,YAAY;EACV,WAAW,EACT,MAAM,eAAe,MACtB;EACD,SAAS;EACV;CACD,eAAe;EACb,WAAW;GACT,MAAM;GACN,UAAU,CAAC,WAAW,UAAU;GAChC,SAAS;GACV;EACD,SAAS;EACV;CACD,eAAe;EACb,WAAW,EACT,MAAM,eAAe,SACtB;EACD,SAAS;EACV;CACD,eAAe;EACb,WAAW,EACT,MAAM,eAAe,SACtB;EACD,SAAS;EACV;CACF;AAED,MAAa,4BAA4B;CACvC,WAAW;CACX,YAAY;CACZ,aAAa;CACb,cAAc;CACd,WAAW;CACX,YAAY;CACZ,aAAa;CACb,cAAc;CACf"}

package/dist/notification/context.d.ts

@@ -1,8 +1,8 @@
 import { NotificationProps } from "./notification.types.js";
-import * as react4 from "react";
+import * as react937 from "react";
 
 //#region src/notification/context.d.ts
-declare const NotificationProvider: react4.Provider<Partial<NotificationProps>>, useNotificationContext: () => Partial<NotificationProps>;
+declare const NotificationProvider: react937.Provider<Partial<NotificationProps>>, useNotificationContext: () => Partial<NotificationProps>;
 //#endregion
 export { NotificationProvider, useNotificationContext };
 //# sourceMappingURL=context.d.ts.map

package/dist/notification/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/notification/context.ts"],"sourcesContent":[],"mappings":";;;;cAGO,sBAAoB,MAAA,CAAA,SAAA,QAAA,qBAAE,8BAAsB,QAAA"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/notification/context.ts"],"sourcesContent":[],"mappings":";;;;cAGO,sBAAoB,QAAA,CAAA,SAAA,QAAA,qBAAE,8BAAsB,QAAA"}

package/dist/notification/context.js

@@ -1,2 +1,9 @@
-import{createContext as e}from"../utils/react.js";const[t,n]=e({isOptional:!0});export{t as NotificationProvider,n as useNotificationContext};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { createContext } from "../utils/react.js";
+
+//#region src/notification/context.ts
+const [NotificationProvider, useNotificationContext] = createContext({ isOptional: true });
+
+//#endregion
+export { NotificationProvider, useNotificationContext };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=context.js.map

package/dist/notification/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../src/notification/context.ts"],"sourcesContent":["import { createContext } from '../utils'\nimport type { NotificationProps } from './notification.types'\n\nconst [NotificationProvider, useNotificationContext] = createContext<Partial<NotificationProps>>({ isOptional: true })\n\nexport { NotificationProvider, useNotificationContext }\n"],"mappings":"kDAGA,KAAM,CAAC,EAAsB,GAA0B,EAA0C,CAAE,WAAY,GAAM,CAAC"}
+{"version":3,"file":"context.js","names":[],"sources":["../../src/notification/context.ts"],"sourcesContent":["import { createContext } from '../utils'\nimport type { NotificationProps } from './notification.types'\n\nconst [NotificationProvider, useNotificationContext] = createContext<Partial<NotificationProps>>({ isOptional: true })\n\nexport { NotificationProvider, useNotificationContext }\n"],"mappings":";;;AAGA,MAAM,CAAC,sBAAsB,0BAA0B,cAA0C,EAAE,YAAY,MAAM,CAAC"}

package/dist/notification/index.d.ts

@@ -0,0 +1,7 @@
+import { NotificationProps, NotificationStatus, NotificationStatusMapping, NotificationVariant } from "./notification.types.js";
+import { NotificationProvider, useNotificationContext } from "./context.js";
+import { NotificationButton } from "./notificationButton.js";
+import { NotificationIcon } from "./notificationIcon.js";
+import { NotificationText } from "./notificationText.js";
+import { NotificationTitle } from "./notificationTitle.js";
+import { Notification } from "./notification.js";

package/dist/notification/notification.d.ts

@@ -4,6 +4,7 @@ import { NotificationIcon } from "./notificationIcon.js";
 import { NotificationText } from "./notificationText.js";
 import { NotificationTitle } from "./notificationTitle.js";
 import { VuiComponent } from "../core/vui.js";
+import "../core/index.js";
 
 //#region src/notification/notification.d.ts
 

package/dist/notification/notification.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notification.d.ts","names":[],"sources":["../../src/notification/notification.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;AAgBA,CAAA,CAAA,CAAA,OAAA,CAAA,QAAA,CAAA,MAAA,CAAA,CAAA,IAAA,CAAA,IAAA,CAAA,CAAA,KAAA,CAAA,EAAA,CAAA,OAAA;;AAgE0B,OAAA,CAAA,KAAA,CAhEb,YAgEa,CAAA,CAApB,YAAoB,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,iBAAA,CAAA,CAAA,CAAA,CAAA;QAApB,CAAA,CAAA,MAAA,CACW,kBADX;MACW,CAAA,CAAA,MAAA,CACF,gBADE;MACF,CAAA,CAAA,MAAA,CACA,gBADA;OACA,CAAA,CAAA,MAAA,CACC,iBADD"}
+{"version":3,"file":"notification.d.ts","names":[],"sources":["../../src/notification/notification.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;AAgBA,CAAA,CAAA;AAgE0B,OAAA,CAAA,KAAA,CAhEb,YAgEa,CAAA,CAApB,YAAoB,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,iBAAA,CAAA,CAAA,CAAA,CAAA;EAApB,MAAA,CAAA,CAAA,MAAA,CACW,kBADX;EACW,IAAA,CAAA,CAAA,MAAA,CACF,gBADE;EACF,IAAA,CAAA,CAAA,MAAA,CACA,gBADA;EACA,KAAA,CAAA,CAAA,MAAA,CACC,iBADD;CACC"}

package/dist/notification/notification.js

@@ -1,2 +1,88 @@
-import{isReactText as e,isString as t}from"../utils/assertion.js";import{filterUndefined as n}from"../utils/object.js";import{cs as r}from"../utils/styles.js";import{useStyleConfig as i}from"../core/theme.js";import{vui as a}from"../core/vui.js";import o from"../box/box.js";import{NotificationProvider as s}from"./context.js";import{bannerNotificationElevation as c,closeButtonVariantMapping as l,notificationStatusMapping as u}from"./consts.js";import d from"./notificationButton.js";import f from"./notificationIcon.js";import p from"./notificationText.js";import m from"./notificationTitle.js";import{jsx as h,jsxs as g}from"react/jsx-runtime";const _=a((a,_)=>{let{action:v,children:y,className:b,icon:x,onClose:S,size:C,status:w,statusMapping:T,text:E,title:D,variant:O=`subtleBlue`,verticalAlign:k,...A}=a,j={...u,...T},{variant:M=O}=j[w??``]??{},N=i(`Notification`,{variant:M,...a}),P=t(x)?x:j[w??``]?.iconProps?.name,F=n({size:C,status:w}),I=v?`block`:`inline`,L=k===`center`?`center`:`flex-start`;return h(s,{value:F,children:g(o,{borderRadius:`md`,borderWidth:1,className:r(`vui-notification`,b),elevation:M.includes(`banner`)?c:void 0,ref:_,role:`mark`,w:`fit-content`,...N.container,...A,children:[P?h(f,{alignSelf:L,name:P}):x,y??g(p,{alignSelf:L,children:[e(D)?h(m,{display:I,text:D}):D,` `,E]}),v,S&&h(d,{alignSelf:L,"aria-label":`close`,icon:`uiTimes`,onClick:S,variant:l?.[M]??M,w:`32px`})]})})});_.Button=d,_.Icon=f,_.Text=p,_.Title=m,_.displayName=`Notification`;export{_ as Notification};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { isReactText, isString } from "../utils/assertion.js";
+import { filterUndefined } from "../utils/object.js";
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { vui } from "../core/vui.js";
+import box_default from "../box/box.js";
+import { NotificationProvider } from "./context.js";
+import { bannerNotificationElevation, closeButtonVariantMapping, notificationStatusMapping } from "./consts.js";
+import notificationButton_default from "./notificationButton.js";
+import notificationIcon_default from "./notificationIcon.js";
+import notificationText_default from "./notificationText.js";
+import notificationTitle_default from "./notificationTitle.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/notification/notification.tsx
+/**
+* Displays informational content, like text and icon with optional action buttons.
+* Handles multiple states, like info, error or loading.
+*/
+const Notification = vui((props, ref) => {
+	const { action, children, className, icon, onClose, size, status, statusMapping, text, title, variant: variantProp = "subtleBlue", verticalAlign,...rest } = props;
+	const statuses = {
+		...notificationStatusMapping,
+		...statusMapping
+	};
+	const { variant = variantProp } = statuses[status ?? ""] ?? {};
+	const styles = useStyleConfig("Notification", {
+		variant,
+		...props
+	});
+	const iconName = isString(icon) ? icon : statuses[status ?? ""]?.iconProps?.name;
+	const context = filterUndefined({
+		size,
+		status
+	});
+	const titleDisplay = action ? "block" : "inline";
+	const alignSelf = verticalAlign === "center" ? "center" : "flex-start";
+	return /* @__PURE__ */ jsx(NotificationProvider, {
+		value: context,
+		children: /* @__PURE__ */ jsxs(box_default, {
+			borderRadius: "md",
+			borderWidth: 1,
+			className: cs("vui-notification", className),
+			elevation: variant.includes("banner") ? bannerNotificationElevation : void 0,
+			ref,
+			role: "mark",
+			w: "fit-content",
+			...styles.container,
+			...rest,
+			children: [
+				iconName ? /* @__PURE__ */ jsx(notificationIcon_default, {
+					alignSelf,
+					name: iconName
+				}) : icon,
+				children ?? /* @__PURE__ */ jsxs(notificationText_default, {
+					alignSelf,
+					children: [
+						isReactText(title) ? /* @__PURE__ */ jsx(notificationTitle_default, {
+							display: titleDisplay,
+							text: title
+						}) : title,
+						" ",
+						text
+					]
+				}),
+				action,
+				onClose && /* @__PURE__ */ jsx(notificationButton_default, {
+					alignSelf,
+					"aria-label": "close",
+					icon: "uiTimes",
+					onClick: onClose,
+					variant: closeButtonVariantMapping?.[variant] ?? variant,
+					w: "32px"
+				})
+			]
+		})
+	});
+});
+Notification.Button = notificationButton_default;
+Notification.Icon = notificationIcon_default;
+Notification.Text = notificationText_default;
+Notification.Title = notificationTitle_default;
+Notification.displayName = "Notification";
+
+//#endregion
+export { Notification };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=notification.js.map

package/dist/notification/notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"notification.js","names":["Box","NotificationIcon","NotificationText","NotificationTitle","NotificationButton"],"sources":["../../src/notification/notification.tsx"],"sourcesContent":["import Box from '../box'\nimport type { VuiComponent } from '../core'\nimport { useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined, isReactText, isString } from '../utils'\nimport { bannerNotificationElevation, closeButtonVariantMapping, notificationStatusMapping } from './consts'\nimport { NotificationProvider } from './context'\nimport type { NotificationProps } from './notification.types'\nimport NotificationButton from './notificationButton'\nimport NotificationIcon from './notificationIcon'\nimport NotificationText from './notificationText'\nimport NotificationTitle from './notificationTitle'\n\n/**\n * Displays informational content, like text and icon with optional action buttons.\n * Handles multiple states, like info, error or loading.\n */\nexport const Notification = vui<'div', NotificationProps>((props, ref) => {\n  const {\n    action,\n    children,\n    className,\n    icon,\n    onClose,\n    size,\n    status,\n    statusMapping,\n    text,\n    title,\n    variant: variantProp = 'subtleBlue',\n    verticalAlign,\n    ...rest\n  } = props\n  const statuses = { ...notificationStatusMapping, ...statusMapping }\n  const { variant = variantProp } = statuses[status ?? ''] ?? {}\n  const styles = useStyleConfig('Notification', { variant, ...props })\n\n  const iconName = isString(icon) ? icon : statuses[status ?? '']?.iconProps?.name\n\n  const context = filterUndefined<NotificationProps>({ size, status })\n\n  const titleDisplay = action ? 'block' : 'inline'\n\n  const alignSelf = verticalAlign === 'center' ? 'center' : 'flex-start'\n\n  return (\n    <NotificationProvider value={context}>\n      <Box\n        borderRadius=\"md\"\n        borderWidth={1}\n        className={cs('vui-notification', className)}\n        elevation={variant.includes('banner') ? bannerNotificationElevation : undefined}\n        ref={ref}\n        role=\"mark\"\n        w=\"fit-content\"\n        {...styles.container}\n        {...rest}\n      >\n        {iconName ? <NotificationIcon alignSelf={alignSelf} name={iconName} /> : icon}\n\n        {children ?? (\n          <NotificationText alignSelf={alignSelf}>\n            {isReactText(title) ? <NotificationTitle display={titleDisplay} text={title} /> : title} {text}\n          </NotificationText>\n        )}\n\n        {action}\n\n        {onClose && (\n          <NotificationButton\n            alignSelf={alignSelf}\n            aria-label=\"close\"\n            icon=\"uiTimes\"\n            onClick={onClose}\n            variant={closeButtonVariantMapping?.[variant] ?? variant}\n            w=\"32px\"\n          />\n        )}\n      </Box>\n    </NotificationProvider>\n  )\n}) as VuiComponent<'div', NotificationProps> & {\n  Button: typeof NotificationButton\n  Icon: typeof NotificationIcon\n  Text: typeof NotificationText\n  Title: typeof NotificationTitle\n}\n\nNotification.Button = NotificationButton\nNotification.Icon = NotificationIcon\nNotification.Text = NotificationText\nNotification.Title = NotificationTitle\nNotification.displayName = 'Notification'\n\nexport default Notification\n"],"mappings":"woBAgBA,MAAa,EAAe,GAA+B,EAAO,IAAQ,CACxE,GAAM,CACJ,SACA,WACA,YACA,OACA,UACA,OACA,SACA,gBACA,OACA,QACA,QAAS,EAAc,aACvB,gBACA,GAAG,GACD,EACE,EAAW,CAAE,GAAG,EAA2B,GAAG,EAAe,CAC7D,CAAE,UAAU,GAAgB,EAAS,GAAU,KAAO,EAAE,CACxD,EAAS,EAAe,eAAgB,CAAE,UAAS,GAAG,EAAO,CAAC,CAE9D,EAAW,EAAS,EAAK,CAAG,EAAO,EAAS,GAAU,KAAK,WAAW,KAEtE,EAAU,EAAmC,CAAE,OAAM,SAAQ,CAAC,CAE9D,EAAe,EAAS,QAAU,SAElC,EAAY,IAAkB,SAAW,SAAW,aAE1D,OACE,EAAC,EAAA,CAAqB,MAAO,WAC3B,EAACA,EAAAA,CACC,aAAa,KACb,YAAa,EACb,UAAW,EAAG,mBAAoB,EAAU,CAC5C,UAAW,EAAQ,SAAS,SAAS,CAAG,EAA8B,IAAA,GACjE,MACL,KAAK,OACL,EAAE,cACF,GAAI,EAAO,UACX,GAAI,YAEH,EAAW,EAACC,EAAAA,CAA4B,YAAW,KAAM,GAAY,CAAG,EAExE,GACC,EAACC,EAAAA,CAA4B,sBAC1B,EAAY,EAAM,CAAG,EAACC,EAAAA,CAAkB,QAAS,EAAc,KAAM,GAAS,CAAG,EAAM,IAAE,IACzE,CAGpB,EAEA,GACC,EAACC,EAAAA,CACY,YACX,aAAW,QACX,KAAK,UACL,QAAS,EACT,QAAS,IAA4B,IAAY,EACjD,EAAE,QACF,GAEA,EACe,EAEzB,CAOF,EAAa,OAASA,EACtB,EAAa,KAAOH,EACpB,EAAa,KAAOC,EACpB,EAAa,MAAQC,EACrB,EAAa,YAAc"}
+{"version":3,"file":"notification.js","names":["Box","NotificationIcon","NotificationText","NotificationTitle","NotificationButton"],"sources":["../../src/notification/notification.tsx"],"sourcesContent":["import Box from '../box'\nimport type { VuiComponent } from '../core'\nimport { useStyleConfig, vui } from '../core'\nimport { cs, filterUndefined, isReactText, isString } from '../utils'\nimport { bannerNotificationElevation, closeButtonVariantMapping, notificationStatusMapping } from './consts'\nimport { NotificationProvider } from './context'\nimport type { NotificationProps } from './notification.types'\nimport NotificationButton from './notificationButton'\nimport NotificationIcon from './notificationIcon'\nimport NotificationText from './notificationText'\nimport NotificationTitle from './notificationTitle'\n\n/**\n * Displays informational content, like text and icon with optional action buttons.\n * Handles multiple states, like info, error or loading.\n */\nexport const Notification = vui<'div', NotificationProps>((props, ref) => {\n  const {\n    action,\n    children,\n    className,\n    icon,\n    onClose,\n    size,\n    status,\n    statusMapping,\n    text,\n    title,\n    variant: variantProp = 'subtleBlue',\n    verticalAlign,\n    ...rest\n  } = props\n  const statuses = { ...notificationStatusMapping, ...statusMapping }\n  const { variant = variantProp } = statuses[status ?? ''] ?? {}\n  const styles = useStyleConfig('Notification', { variant, ...props })\n\n  const iconName = isString(icon) ? icon : statuses[status ?? '']?.iconProps?.name\n\n  const context = filterUndefined<NotificationProps>({ size, status })\n\n  const titleDisplay = action ? 'block' : 'inline'\n\n  const alignSelf = verticalAlign === 'center' ? 'center' : 'flex-start'\n\n  return (\n    <NotificationProvider value={context}>\n      <Box\n        borderRadius=\"md\"\n        borderWidth={1}\n        className={cs('vui-notification', className)}\n        elevation={variant.includes('banner') ? bannerNotificationElevation : undefined}\n        ref={ref}\n        role=\"mark\"\n        w=\"fit-content\"\n        {...styles.container}\n        {...rest}\n      >\n        {iconName ? <NotificationIcon alignSelf={alignSelf} name={iconName} /> : icon}\n\n        {children ?? (\n          <NotificationText alignSelf={alignSelf}>\n            {isReactText(title) ? <NotificationTitle display={titleDisplay} text={title} /> : title} {text}\n          </NotificationText>\n        )}\n\n        {action}\n\n        {onClose && (\n          <NotificationButton\n            alignSelf={alignSelf}\n            aria-label=\"close\"\n            icon=\"uiTimes\"\n            onClick={onClose}\n            variant={closeButtonVariantMapping?.[variant] ?? variant}\n            w=\"32px\"\n          />\n        )}\n      </Box>\n    </NotificationProvider>\n  )\n}) as VuiComponent<'div', NotificationProps> & {\n  Button: typeof NotificationButton\n  Icon: typeof NotificationIcon\n  Text: typeof NotificationText\n  Title: typeof NotificationTitle\n}\n\nNotification.Button = NotificationButton\nNotification.Icon = NotificationIcon\nNotification.Text = NotificationText\nNotification.Title = NotificationTitle\nNotification.displayName = 'Notification'\n\nexport default Notification\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAgBA,MAAa,eAAe,KAA+B,OAAO,QAAQ;CACxE,MAAM,EACJ,QACA,UACA,WACA,MACA,SACA,MACA,QACA,eACA,MACA,OACA,SAAS,cAAc,cACvB,cACA,GAAG,SACD;CACJ,MAAM,WAAW;EAAE,GAAG;EAA2B,GAAG;EAAe;CACnE,MAAM,EAAE,UAAU,gBAAgB,SAAS,UAAU,OAAO,EAAE;CAC9D,MAAM,SAAS,eAAe,gBAAgB;EAAE;EAAS,GAAG;EAAO,CAAC;CAEpE,MAAM,WAAW,SAAS,KAAK,GAAG,OAAO,SAAS,UAAU,KAAK,WAAW;CAE5E,MAAM,UAAU,gBAAmC;EAAE;EAAM;EAAQ,CAAC;CAEpE,MAAM,eAAe,SAAS,UAAU;CAExC,MAAM,YAAY,kBAAkB,WAAW,WAAW;AAE1D,QACE,oBAAC;EAAqB,OAAO;YAC3B,qBAACA;GACC,cAAa;GACb,aAAa;GACb,WAAW,GAAG,oBAAoB,UAAU;GAC5C,WAAW,QAAQ,SAAS,SAAS,GAAG,8BAA8B;GACjE;GACL,MAAK;GACL,GAAE;GACF,GAAI,OAAO;GACX,GAAI;;IAEH,WAAW,oBAACC;KAA4B;KAAW,MAAM;MAAY,GAAG;IAExE,YACC,qBAACC;KAA4B;;MAC1B,YAAY,MAAM,GAAG,oBAACC;OAAkB,SAAS;OAAc,MAAM;QAAS,GAAG;MAAM;MAAE;;MACzE;IAGpB;IAEA,WACC,oBAACC;KACY;KACX,cAAW;KACX,MAAK;KACL,SAAS;KACT,SAAS,4BAA4B,YAAY;KACjD,GAAE;MACF;;IAEA;GACe;EAEzB;AAOF,aAAa,SAASA;AACtB,aAAa,OAAOH;AACpB,aAAa,OAAOC;AACpB,aAAa,QAAQC;AACrB,aAAa,cAAc"}

package/dist/notification/notification.types.d.ts

@@ -1,6 +1,8 @@
 import { ThemingProps } from "../theme/types.js";
 import { BoxProps } from "../box/box.types.js";
+import "../box/index.js";
 import { IconProp, IconProps } from "../icon/icon.types.js";
+import "../icon/index.js";
 import { ReactNode } from "react";
 
 //#region src/notification/notification.types.d.ts

package/dist/notification/notification.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notification.types.d.ts","names":[],"sources":["../../src/notification/notification.types.ts"],"sourcesContent":[],"mappings":";;;;;;KAMY,iBAAA,CAAA,CAAA,CAAoB,KAAK,gCACnC;;EADU,MAAA,CAAA,CAAA,CAGC,SAHD;EAAiB,CAAA,CAAA,CAAA,CAAA,SAAA,CAAA,KAAA,CAAA,MAAA,CAAA,GAAA,CAAA,IAAA,CAAA,SAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA;aAAQ,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA;;MACnC,CAAA,CAAA,CAMS,QANT,CAAA,CAAA,CAMoB,GAAA,CAAI,OANxB;;SAMS,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;;QAIE,CAAA,CAAA,CAAA,kBAAA;;eAIF,CAAA,CAAA,CAFS,yBAET;;EAEU,IAAA,CAAA,CAAA,CAFV,SAEU;EAGT,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,UAAA,CAAA,KAAA,CAAA,EAAA,CAAA,GAAA,CAAA,MAAA,CAAA,CAAA,CAAA;EAYA,KAAA,CAAA,CAAA,CAfA,SAeA;AAUZ,CAAA;AAAqC,IAAA,CAtBzB,kBAAA,CAAA,CAAA,CAsByB,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA,CAAA,CAAA,aAAA,CAAA,CAAA,CAAA,CAAA,CAAA,aAAA,CAAA,CAAA,CAAA,CAAA,CAAA,aAAA,CAAA;AAGtB,IAAA,CAbH,mBAAA,CAAA,CAAA,CAaG,CAAA,UAAA,CAAA,CAAA,CAAA,CAAA,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA,CAAA,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAAA,CAAA;AACD,IAAA,CAJF,yBAAA,CAAA,CAAA,CAA4B,MAI1B,CAAA,MAAA,CAAA,CAAA;WAJ0B,CAAA,CAGzB,SAHyB;EAAM,OAAA,CAAA,CAAA,CAIhC,iBAJgC,CAAA,CAAA,OAAA,CAAA,CAAA"}
+{"version":3,"file":"notification.types.d.ts","names":[],"sources":["../../src/notification/notification.types.ts"],"sourcesContent":[],"mappings":";;;;;;;;KAMY,iBAAA,CAAA,CAAA,CAAoB,KAAK,gCACnC;;WAEW;;EAHD,WAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAiB,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA;EAAQ,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,UAAA,CAAA,EAAA,CAAA,IAAA,CAAA,EAAA,CAAA,GAAA,CAAA,IAAA,CAAA,CAAA,CAAA;EAAL,IAAA,CAAA,CAAA,CAOrB,QAPqB,CAAA,CAAA,CAOV,GAAA,CAAI,OAPM;EAC9B,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,QAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,KAAA,CAAA,MAAA,CAAA,IAAA,CAAA,IAAA,CAAA,QAAA,CAAA,EAAA,CAAA,GAAA,CAAA,QAAA,CAAA,CAAA,CAAA;EAEW,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EAIF,CAAA,CAAA,CAAA,CAAA,QAAA,CAAA,YAAA,CAAA,KAAA,CAAA,GAAA,CAAA,OAAA,CAAA,KAAA,CAAA,EAAA,CAAA,GAAA,CAAA,KAAA,CAAA,MAAA,CAAA,CAAA,CAAA;EAAW,MAAI,CAAA,CAAA,CAIb,kBAJa;EAIb,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,UAAA,CAAA,EAAA,CAAA,MAAA,CAAA,GAAA,CAAA,OAAA,CAAA,GAAA,CAAA,IAAA,CAAA,MAAA,CAAA,CAAA,CAAA;EAEO,aAAA,CAAA,CAAA,CAAA,yBAAA;EAET,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,UAAA,CAAA,IAAA,CAAA,EAAA,CAAA,GAAA,CAAA,MAAA,CAAA,CAAA,CAAA;EAEC,IAAA,CAAA,CAAA,CAFD,SAEC;EAAS,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,UAAA,CAAA,KAAA,CAAA,EAAA,CAAA,GAAA,CAAA,MAAA,CAAA,CAAA,CAAA;EAGT,KAAA,CAAA,CAAA,CAHA,SAGA;AAYZ,CAAA;AAUY,IAAA,CAtBA,kBAAA,CAAA,CAAA,CAsByB,CAAA,KAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA,CAAA,CAAA,aAAA,CAAA,CAAA,CAAA,CAAA,CAAA,aAAA,CAAA,CAAA,CAAA,CAAA,CAAA,aAAA,CAAA;AAGtB,IAAA,CAbH,mBAAA,CAAA,CAAA,CAaG,CAAA,UAAA,CAAA,CAAA,CAAA,CAAA,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAAA,CAAA,CAAA,CAAA,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA,CAAA,CAAA,SAAA,CAAA,CAAA,CAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,CAAA,CAAA,WAAA,CAAA;AACD,IAAA,CAJF,yBAAA,CAAA,CAAA,CAA4B,MAI1B,CAAA,MAAA,CAAA,CAAA;EAJ0B,SAAA,CAAA,CAGzB,SAHyB;EAAM,OAAA,CAAA,CAAA,CAIhC,iBAJgC,CAAA,CAAA,OAAA,CAAA,CAAA"}

package/dist/notification/notificationButton.d.ts

@@ -1,5 +1,7 @@
 import { ButtonProps } from "../button/button.types.js";
+import "../button/index.js";
 import { VuiComponent } from "../core/vui.js";
+import "../index.js";
 
 //#region src/notification/notificationButton.d.ts
 /** Displays an action button within the Notification. */

package/dist/notification/notificationButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notificationButton.d.ts","names":[],"sources":["../../src/notification/notificationButton.tsx"],"sourcesContent":[],"mappings":";;;;;cAQa,oBAAkB,uBAAA"}
+{"version":3,"file":"notificationButton.d.ts","names":[],"sources":["../../src/notification/notificationButton.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAQa,oBAAkB,uBAAA"}

package/dist/notification/notificationButton.js

@@ -1,2 +1,40 @@
-import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import{useNotificationContext as r}from"./context.js";import{notificationStatusMapping as i}from"./consts.js";import a from"../button/button.js";import{jsx as o}from"react/jsx-runtime";const s=n((n,s)=>{let{className:c,...l}=n,u={...r(),...n},d=t(`Notification`,r()),{status:f=``}=u,{variant:p}=i[f]??{};return o(a,{className:e(`vui-notificationButton`,c),ml:`0px`,mr:`16px`,my:`16px`,px:`12px`,py:`6px`,ref:s,size:`md`,...d.button,variant:p,...l})});s.displayName=`NotificationButton`;var c=s;export{s as NotificationButton,c as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { vui } from "../core/vui.js";
+import { useNotificationContext } from "./context.js";
+import { notificationStatusMapping } from "./consts.js";
+import button_default from "../button/button.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/notification/notificationButton.tsx
+/** Displays an action button within the Notification. */
+const NotificationButton = vui((props, ref) => {
+	const { className,...rest } = props;
+	const mergedProps = {
+		...useNotificationContext(),
+		...props
+	};
+	const styles = useStyleConfig("Notification", useNotificationContext());
+	const { status = "" } = mergedProps;
+	const { variant } = notificationStatusMapping[status] ?? {};
+	return /* @__PURE__ */ jsx(button_default, {
+		className: cs("vui-notificationButton", className),
+		ml: "0px",
+		mr: "16px",
+		my: "16px",
+		px: "12px",
+		py: "6px",
+		ref,
+		size: "md",
+		...styles.button,
+		variant,
+		...rest
+	});
+});
+NotificationButton.displayName = "NotificationButton";
+var notificationButton_default = NotificationButton;
+
+//#endregion
+export { NotificationButton, notificationButton_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=notificationButton.js.map

package/dist/notification/notificationButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"notificationButton.js","names":["Button"],"sources":["../../src/notification/notificationButton.tsx"],"sourcesContent":["import type { ButtonProps } from '../button'\nimport Button from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { notificationStatusMapping } from './consts'\nimport { useNotificationContext } from './context'\n\n/** Displays an action button within the Notification. */\nexport const NotificationButton = vui<'button', ButtonProps>((props, ref) => {\n  const { className, ...rest } = props\n  const mergedProps = { ...useNotificationContext(), ...props }\n  const styles = useStyleConfig('Notification', useNotificationContext())\n\n  const { status = '' } = mergedProps\n  const { variant } = notificationStatusMapping[status] ?? {}\n\n  return (\n    <Button\n      className={cs('vui-notificationButton', className)}\n      ml=\"0px\"\n      mr=\"16px\"\n      my=\"16px\"\n      px=\"12px\"\n      py=\"6px\"\n      ref={ref}\n      size=\"md\"\n      {...styles.button}\n      variant={variant}\n      {...rest}\n    />\n  )\n})\n\nNotificationButton.displayName = 'NotificationButton'\nexport default NotificationButton\n"],"mappings":"wTAQA,MAAa,EAAqB,GAA4B,EAAO,IAAQ,CAC3E,GAAM,CAAE,YAAW,GAAG,GAAS,EACzB,EAAc,CAAE,GAAG,GAAwB,CAAE,GAAG,EAAO,CACvD,EAAS,EAAe,eAAgB,GAAwB,CAAC,CAEjE,CAAE,SAAS,IAAO,EAClB,CAAE,WAAY,EAA0B,IAAW,EAAE,CAE3D,OACE,EAACA,EAAAA,CACC,UAAW,EAAG,yBAA0B,EAAU,CAClD,GAAG,MACH,GAAG,OACH,GAAG,OACH,GAAG,OACH,GAAG,MACE,MACL,KAAK,KACL,GAAI,EAAO,OACF,UACT,GAAI,GACJ,EAEJ,CAEF,EAAmB,YAAc,qBACjC,IAAA,EAAe"}
+{"version":3,"file":"notificationButton.js","names":["Button"],"sources":["../../src/notification/notificationButton.tsx"],"sourcesContent":["import type { ButtonProps } from '../button'\nimport Button from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { notificationStatusMapping } from './consts'\nimport { useNotificationContext } from './context'\n\n/** Displays an action button within the Notification. */\nexport const NotificationButton = vui<'button', ButtonProps>((props, ref) => {\n  const { className, ...rest } = props\n  const mergedProps = { ...useNotificationContext(), ...props }\n  const styles = useStyleConfig('Notification', useNotificationContext())\n\n  const { status = '' } = mergedProps\n  const { variant } = notificationStatusMapping[status] ?? {}\n\n  return (\n    <Button\n      className={cs('vui-notificationButton', className)}\n      ml=\"0px\"\n      mr=\"16px\"\n      my=\"16px\"\n      px=\"12px\"\n      py=\"6px\"\n      ref={ref}\n      size=\"md\"\n      {...styles.button}\n      variant={variant}\n      {...rest}\n    />\n  )\n})\n\nNotificationButton.displayName = 'NotificationButton'\nexport default NotificationButton\n"],"mappings":";;;;;;;;;;AAQA,MAAa,qBAAqB,KAA4B,OAAO,QAAQ;CAC3E,MAAM,EAAE,UAAW,GAAG,SAAS;CAC/B,MAAM,cAAc;EAAE,GAAG,wBAAwB;EAAE,GAAG;EAAO;CAC7D,MAAM,SAAS,eAAe,gBAAgB,wBAAwB,CAAC;CAEvE,MAAM,EAAE,SAAS,OAAO;CACxB,MAAM,EAAE,YAAY,0BAA0B,WAAW,EAAE;AAE3D,QACE,oBAACA;EACC,WAAW,GAAG,0BAA0B,UAAU;EAClD,IAAG;EACH,IAAG;EACH,IAAG;EACH,IAAG;EACH,IAAG;EACE;EACL,MAAK;EACL,GAAI,OAAO;EACF;EACT,GAAI;GACJ;EAEJ;AAEF,mBAAmB,cAAc;AACjC,iCAAe"}

package/dist/notification/notificationIcon.d.ts

@@ -1,5 +1,7 @@
 import { IconProps } from "../icon/icon.types.js";
+import "../icon/index.js";
 import { VuiComponent } from "../core/vui.js";
+import "../index.js";
 
 //#region src/notification/notificationIcon.d.ts
 /** Displays an icon based on the status within the Notification. */

package/dist/notification/notificationIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notificationIcon.d.ts","names":[],"sources":["../../src/notification/notificationIcon.tsx"],"sourcesContent":[],"mappings":";;;;;cAQa,kBAAgB,oBAAA"}
+{"version":3,"file":"notificationIcon.d.ts","names":[],"sources":["../../src/notification/notificationIcon.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAQa,kBAAgB,oBAAA"}

package/dist/notification/notificationIcon.js

@@ -1,2 +1,40 @@
-import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import{useNotificationContext as r}from"./context.js";import{notificationStatusMapping as i}from"./consts.js";import a from"../icon/icon.js";import{jsx as o}from"react/jsx-runtime";const s=n((n,s)=>{let{className:c,alignSelf:l,...u}=n,d={...r(),...n},f=t(`Notification`,r()),{status:p=``}=d,{iconProps:m}=i[p]??{},h=l===`center`?`0`:`16px`;return o(a,{alignSelf:l,className:e(`vui-notificationIcon`,c),ml:`16px`,mt:h,ref:s,size:`md`,variant:`loading`,...f.icon,...m,...u})});s.displayName=`NotificationIcon`;var c=s;export{s as NotificationIcon,c as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { vui } from "../core/vui.js";
+import { useNotificationContext } from "./context.js";
+import { notificationStatusMapping } from "./consts.js";
+import icon_default from "../icon/icon.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/notification/notificationIcon.tsx
+/** Displays an icon based on the status within the Notification. */
+const NotificationIcon = vui((props, ref) => {
+	const { className, alignSelf,...rest } = props;
+	const mergedProps = {
+		...useNotificationContext(),
+		...props
+	};
+	const styles = useStyleConfig("Notification", useNotificationContext());
+	const { status = "" } = mergedProps;
+	const { iconProps } = notificationStatusMapping[status] ?? {};
+	const marginTop = alignSelf === "center" ? "0" : "16px";
+	return /* @__PURE__ */ jsx(icon_default, {
+		alignSelf,
+		className: cs("vui-notificationIcon", className),
+		ml: "16px",
+		mt: marginTop,
+		ref,
+		size: "md",
+		variant: "loading",
+		...styles.icon,
+		...iconProps,
+		...rest
+	});
+});
+NotificationIcon.displayName = "NotificationIcon";
+var notificationIcon_default = NotificationIcon;
+
+//#endregion
+export { NotificationIcon, notificationIcon_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=notificationIcon.js.map

package/dist/notification/notificationIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"notificationIcon.js","names":["Icon"],"sources":["../../src/notification/notificationIcon.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { IconProps } from '../icon'\nimport Icon from '../icon'\nimport { cs } from '../utils'\nimport { notificationStatusMapping } from './consts'\nimport { useNotificationContext } from './context'\n\n/** Displays an icon based on the status within the Notification. */\nexport const NotificationIcon = vui<'svg', IconProps>((props, ref) => {\n  const { className, alignSelf, ...rest } = props\n  const mergedProps = { ...useNotificationContext(), ...props }\n  const styles = useStyleConfig('Notification', useNotificationContext())\n\n  const { status = '' } = mergedProps\n  const { iconProps } = notificationStatusMapping[status] ?? {}\n\n  const marginTop = alignSelf === 'center' ? '0' : '16px'\n\n  return (\n    <Icon\n      alignSelf={alignSelf}\n      className={cs('vui-notificationIcon', className)}\n      ml=\"16px\"\n      mt={marginTop}\n      ref={ref}\n      size=\"md\"\n      variant=\"loading\"\n      {...styles.icon}\n      {...iconProps}\n      {...rest}\n    />\n  )\n})\n\nNotificationIcon.displayName = 'NotificationIcon'\n\nexport default NotificationIcon\n"],"mappings":"oTAQA,MAAa,EAAmB,GAAuB,EAAO,IAAQ,CACpE,GAAM,CAAE,YAAW,YAAW,GAAG,GAAS,EACpC,EAAc,CAAE,GAAG,GAAwB,CAAE,GAAG,EAAO,CACvD,EAAS,EAAe,eAAgB,GAAwB,CAAC,CAEjE,CAAE,SAAS,IAAO,EAClB,CAAE,aAAc,EAA0B,IAAW,EAAE,CAEvD,EAAY,IAAc,SAAW,IAAM,OAEjD,OACE,EAACA,EAAAA,CACY,YACX,UAAW,EAAG,uBAAwB,EAAU,CAChD,GAAG,OACH,GAAI,EACC,MACL,KAAK,KACL,QAAQ,UACR,GAAI,EAAO,KACX,GAAI,EACJ,GAAI,GACJ,EAEJ,CAEF,EAAiB,YAAc,mBAE/B,IAAA,EAAe"}
+{"version":3,"file":"notificationIcon.js","names":["Icon"],"sources":["../../src/notification/notificationIcon.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { IconProps } from '../icon'\nimport Icon from '../icon'\nimport { cs } from '../utils'\nimport { notificationStatusMapping } from './consts'\nimport { useNotificationContext } from './context'\n\n/** Displays an icon based on the status within the Notification. */\nexport const NotificationIcon = vui<'svg', IconProps>((props, ref) => {\n  const { className, alignSelf, ...rest } = props\n  const mergedProps = { ...useNotificationContext(), ...props }\n  const styles = useStyleConfig('Notification', useNotificationContext())\n\n  const { status = '' } = mergedProps\n  const { iconProps } = notificationStatusMapping[status] ?? {}\n\n  const marginTop = alignSelf === 'center' ? '0' : '16px'\n\n  return (\n    <Icon\n      alignSelf={alignSelf}\n      className={cs('vui-notificationIcon', className)}\n      ml=\"16px\"\n      mt={marginTop}\n      ref={ref}\n      size=\"md\"\n      variant=\"loading\"\n      {...styles.icon}\n      {...iconProps}\n      {...rest}\n    />\n  )\n})\n\nNotificationIcon.displayName = 'NotificationIcon'\n\nexport default NotificationIcon\n"],"mappings":";;;;;;;;;;AAQA,MAAa,mBAAmB,KAAuB,OAAO,QAAQ;CACpE,MAAM,EAAE,WAAW,UAAW,GAAG,SAAS;CAC1C,MAAM,cAAc;EAAE,GAAG,wBAAwB;EAAE,GAAG;EAAO;CAC7D,MAAM,SAAS,eAAe,gBAAgB,wBAAwB,CAAC;CAEvE,MAAM,EAAE,SAAS,OAAO;CACxB,MAAM,EAAE,cAAc,0BAA0B,WAAW,EAAE;CAE7D,MAAM,YAAY,cAAc,WAAW,MAAM;AAEjD,QACE,oBAACA;EACY;EACX,WAAW,GAAG,wBAAwB,UAAU;EAChD,IAAG;EACH,IAAI;EACC;EACL,MAAK;EACL,SAAQ;EACR,GAAI,OAAO;EACX,GAAI;EACJ,GAAI;GACJ;EAEJ;AAEF,iBAAiB,cAAc;AAE/B,+BAAe"}

package/dist/notification/notificationText.d.ts

@@ -1,5 +1,7 @@
 import { TProps } from "../t/t.types.js";
+import "../t/index.js";
 import { VuiComponent } from "../core/vui.js";
+import "../index.js";
 
 //#region src/notification/notificationText.d.ts
 /** Displays text within the Notification. */

package/dist/notification/notificationText.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notificationText.d.ts","names":[],"sources":["../../src/notification/notificationText.tsx"],"sourcesContent":[],"mappings":";;;;;cAOa,kBAAgB,kBAAA"}
+{"version":3,"file":"notificationText.d.ts","names":[],"sources":["../../src/notification/notificationText.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAOa,kBAAgB,kBAAA"}

package/dist/notification/notificationText.js

@@ -1,2 +1,31 @@
-import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import{useNotificationContext as r}from"./context.js";import i from"../t/t.js";import{jsx as a}from"react/jsx-runtime";const o=n((n,o)=>{let{className:s,...c}=n,l=t(`Notification`,r());return a(i,{className:e(`vui-notificationText`,s),flex:`1`,lineHeight:`24px`,minW:0,mx:`16px`,my:`16px`,ref:o,...l.text,...c})});o.displayName=`NotificationText`;var s=o;export{o as NotificationText,s as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { vui } from "../core/vui.js";
+import { useNotificationContext } from "./context.js";
+import t_default from "../t/t.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/notification/notificationText.tsx
+/** Displays text within the Notification. */
+const NotificationText = vui((props, ref) => {
+	const { className,...rest } = props;
+	const styles = useStyleConfig("Notification", useNotificationContext());
+	return /* @__PURE__ */ jsx(t_default, {
+		className: cs("vui-notificationText", className),
+		flex: "1",
+		lineHeight: "24px",
+		minW: 0,
+		mx: "16px",
+		my: "16px",
+		ref,
+		...styles.text,
+		...rest
+	});
+});
+NotificationText.displayName = "NotificationText";
+var notificationText_default = NotificationText;
+
+//#endregion
+export { NotificationText, notificationText_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=notificationText.js.map

package/dist/notification/notificationText.js.map

@@ -1 +1 @@
-{"version":3,"file":"notificationText.js","names":["T"],"sources":["../../src/notification/notificationText.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { TProps } from '../t'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { useNotificationContext } from './context'\n\n/** Displays text within the Notification. */\nexport const NotificationText = vui<'p', TProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Notification', useNotificationContext())\n\n  return (\n    <T\n      className={cs('vui-notificationText', className)}\n      flex=\"1\"\n      lineHeight=\"24px\"\n      minW={0}\n      mx=\"16px\"\n      my=\"16px\"\n      ref={ref}\n      {...styles.text}\n      {...rest}\n    />\n  )\n})\n\nNotificationText.displayName = 'NotificationText'\nexport default NotificationText\n"],"mappings":"sPAOA,MAAa,EAAmB,GAAkB,EAAO,IAAQ,CAC/D,GAAM,CAAE,YAAW,GAAG,GAAS,EACzB,EAAS,EAAe,eAAgB,GAAwB,CAAC,CAEvE,OACE,EAACA,EAAAA,CACC,UAAW,EAAG,uBAAwB,EAAU,CAChD,KAAK,IACL,WAAW,OACX,KAAM,EACN,GAAG,OACH,GAAG,OACE,MACL,GAAI,EAAO,KACX,GAAI,GACJ,EAEJ,CAEF,EAAiB,YAAc,mBAC/B,IAAA,EAAe"}
+{"version":3,"file":"notificationText.js","names":["T"],"sources":["../../src/notification/notificationText.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { TProps } from '../t'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { useNotificationContext } from './context'\n\n/** Displays text within the Notification. */\nexport const NotificationText = vui<'p', TProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Notification', useNotificationContext())\n\n  return (\n    <T\n      className={cs('vui-notificationText', className)}\n      flex=\"1\"\n      lineHeight=\"24px\"\n      minW={0}\n      mx=\"16px\"\n      my=\"16px\"\n      ref={ref}\n      {...styles.text}\n      {...rest}\n    />\n  )\n})\n\nNotificationText.displayName = 'NotificationText'\nexport default NotificationText\n"],"mappings":";;;;;;;;;AAOA,MAAa,mBAAmB,KAAkB,OAAO,QAAQ;CAC/D,MAAM,EAAE,UAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,gBAAgB,wBAAwB,CAAC;AAEvE,QACE,oBAACA;EACC,WAAW,GAAG,wBAAwB,UAAU;EAChD,MAAK;EACL,YAAW;EACX,MAAM;EACN,IAAG;EACH,IAAG;EACE;EACL,GAAI,OAAO;EACX,GAAI;GACJ;EAEJ;AAEF,iBAAiB,cAAc;AAC/B,+BAAe"}

package/dist/notification/notificationTitle.d.ts

@@ -1,5 +1,7 @@
 import { TProps } from "../t/t.types.js";
+import "../t/index.js";
 import { VuiComponent } from "../core/vui.js";
+import "../index.js";
 
 //#region src/notification/notificationTitle.d.ts
 /** Displays a title within the Notification. */

package/dist/notification/notificationTitle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notificationTitle.d.ts","names":[],"sources":["../../src/notification/notificationTitle.tsx"],"sourcesContent":[],"mappings":";;;;;cAOa,mBAAiB,qBAAA"}
+{"version":3,"file":"notificationTitle.d.ts","names":[],"sources":["../../src/notification/notificationTitle.tsx"],"sourcesContent":[],"mappings":";;;;;;;cAOa,mBAAiB,qBAAA"}

package/dist/notification/notificationTitle.js

@@ -1,2 +1,27 @@
-import{cs as e}from"../utils/styles.js";import{useStyleConfig as t}from"../core/theme.js";import{vui as n}from"../core/vui.js";import{useNotificationContext as r}from"./context.js";import{T as i}from"../t/t.js";import{jsx as a}from"react/jsx-runtime";const o=n((n,o)=>{let{className:s,...c}=n,l=t(`Notification`,r());return a(i,{className:e(`vui-notificationTitle`,s),fontWeight:`demi`,ref:o,...l.title,...c})});o.displayName=`NotificationTitle`;var s=o;export{o as NotificationTitle,s as default};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { cs } from "../utils/styles.js";
+import { useStyleConfig } from "../core/theme.js";
+import { vui } from "../core/vui.js";
+import { useNotificationContext } from "./context.js";
+import { T } from "../t/t.js";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/notification/notificationTitle.tsx
+/** Displays a title within the Notification. */
+const NotificationTitle = vui((props, ref) => {
+	const { className,...rest } = props;
+	const styles = useStyleConfig("Notification", useNotificationContext());
+	return /* @__PURE__ */ jsx(T, {
+		className: cs("vui-notificationTitle", className),
+		fontWeight: "demi",
+		ref,
+		...styles.title,
+		...rest
+	});
+});
+NotificationTitle.displayName = "NotificationTitle";
+var notificationTitle_default = NotificationTitle;
+
+//#endregion
+export { NotificationTitle, notificationTitle_default as default };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=notificationTitle.js.map

package/dist/notification/notificationTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"notificationTitle.js","names":[],"sources":["../../src/notification/notificationTitle.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { TProps } from '../t'\nimport { T } from '../t'\nimport { cs } from '../utils'\nimport { useNotificationContext } from './context'\n\n/** Displays a title within the Notification. */\nexport const NotificationTitle = vui<'span', TProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Notification', useNotificationContext())\n\n  return (\n    <T className={cs('vui-notificationTitle', className)} fontWeight=\"demi\" ref={ref} {...styles.title} {...rest} />\n  )\n})\n\nNotificationTitle.displayName = 'NotificationTitle'\nexport default NotificationTitle\n"],"mappings":"2PAOA,MAAa,EAAoB,GAAqB,EAAO,IAAQ,CACnE,GAAM,CAAE,YAAW,GAAG,GAAS,EACzB,EAAS,EAAe,eAAgB,GAAwB,CAAC,CAEvE,OACE,EAAC,EAAA,CAAE,UAAW,EAAG,wBAAyB,EAAU,CAAE,WAAW,OAAY,MAAK,GAAI,EAAO,MAAO,GAAI,GAAQ,EAElH,CAEF,EAAkB,YAAc,oBAChC,IAAA,EAAe"}
+{"version":3,"file":"notificationTitle.js","names":[],"sources":["../../src/notification/notificationTitle.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { TProps } from '../t'\nimport { T } from '../t'\nimport { cs } from '../utils'\nimport { useNotificationContext } from './context'\n\n/** Displays a title within the Notification. */\nexport const NotificationTitle = vui<'span', TProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Notification', useNotificationContext())\n\n  return (\n    <T className={cs('vui-notificationTitle', className)} fontWeight=\"demi\" ref={ref} {...styles.title} {...rest} />\n  )\n})\n\nNotificationTitle.displayName = 'NotificationTitle'\nexport default NotificationTitle\n"],"mappings":";;;;;;;;;AAOA,MAAa,oBAAoB,KAAqB,OAAO,QAAQ;CACnE,MAAM,EAAE,UAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,gBAAgB,wBAAwB,CAAC;AAEvE,QACE,oBAAC;EAAE,WAAW,GAAG,yBAAyB,UAAU;EAAE,YAAW;EAAY;EAAK,GAAI,OAAO;EAAO,GAAI;GAAQ;EAElH;AAEF,kBAAkB,cAAc;AAChC,gCAAe"}