@drivenets/design-system 0.0.3 → 0.0.4

package/dist/components/ds-toast/ds-toast-context.cjs

@@ -1,5 +1,6 @@
 const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_ds_toast = require('./ds-toast.cjs');
+let react_compiler_runtime = require("react/compiler-runtime");
 let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
 let __ark_ui_react = require("@ark-ui/react");
@@ -11,23 +12,67 @@ const createToastFactory = (toaster) => (toast) => toaster.create({
 	type: toast.variant,
 	duration: toast.persistent ? Infinity : toast.duration || 6e3
 });
-const DsToastProvider = ({ children, max = 3 }) => {
-	const toaster = (0, __ark_ui_react.createToaster)({
-		placement: "top",
-		gap: 24,
-		max
-	});
-	const contextValue = {
-		createToast: createToastFactory(toaster),
-		dismissToast: toaster.dismiss,
-		dismissAllToasts: () => toaster.dismiss(),
-		getToasts: toaster.getVisibleToasts,
-		getToastsCount: toaster.getCount
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(DsToastContext.Provider, {
-		value: contextValue,
-		children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_toast.DsToastGroup, { toaster })]
-	});
+const DsToastProvider = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(17);
+	const { children, max: t1 } = t0;
+	const max = t1 === void 0 ? 3 : t1;
+	let t2;
+	let toaster;
+	if ($[0] !== max) {
+		toaster = (0, __ark_ui_react.createToaster)({
+			placement: "top",
+			gap: 24,
+			max
+		});
+		t2 = createToastFactory(toaster);
+		$[0] = max;
+		$[1] = t2;
+		$[2] = toaster;
+	} else {
+		t2 = $[1];
+		toaster = $[2];
+	}
+	let t3;
+	if ($[3] !== toaster) {
+		t3 = () => toaster.dismiss();
+		$[3] = toaster;
+		$[4] = t3;
+	} else t3 = $[4];
+	let t4;
+	if ($[5] !== t2 || $[6] !== t3 || $[7] !== toaster.dismiss || $[8] !== toaster.getCount || $[9] !== toaster.getVisibleToasts) {
+		t4 = {
+			createToast: t2,
+			dismissToast: toaster.dismiss,
+			dismissAllToasts: t3,
+			getToasts: toaster.getVisibleToasts,
+			getToastsCount: toaster.getCount
+		};
+		$[5] = t2;
+		$[6] = t3;
+		$[7] = toaster.dismiss;
+		$[8] = toaster.getCount;
+		$[9] = toaster.getVisibleToasts;
+		$[10] = t4;
+	} else t4 = $[10];
+	const contextValue = t4;
+	let t5;
+	if ($[11] !== toaster) {
+		t5 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_toast.DsToastGroup, { toaster });
+		$[11] = toaster;
+		$[12] = t5;
+	} else t5 = $[12];
+	let t6;
+	if ($[13] !== children || $[14] !== contextValue || $[15] !== t5) {
+		t6 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(DsToastContext.Provider, {
+			value: contextValue,
+			children: [children, t5]
+		});
+		$[13] = children;
+		$[14] = contextValue;
+		$[15] = t5;
+		$[16] = t6;
+	} else t6 = $[16];
+	return t6;
 };
 const useToaster = () => {
 	const context = (0, react.useContext)(DsToastContext);

package/dist/components/ds-toast/ds-toast-context.js

@@ -1,4 +1,5 @@
 import { DsToastGroup } from "./ds-toast.js";
+import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createContext, useContext } from "react";
 import { createToaster } from "@ark-ui/react";
@@ -10,23 +11,67 @@ const createToastFactory = (toaster) => (toast) => toaster.create({
 	type: toast.variant,
 	duration: toast.persistent ? Infinity : toast.duration || 6e3
 });
-const DsToastProvider = ({ children, max = 3 }) => {
-	const toaster = createToaster({
-		placement: "top",
-		gap: 24,
-		max
-	});
-	const contextValue = {
-		createToast: createToastFactory(toaster),
-		dismissToast: toaster.dismiss,
-		dismissAllToasts: () => toaster.dismiss(),
-		getToasts: toaster.getVisibleToasts,
-		getToastsCount: toaster.getCount
-	};
-	return /* @__PURE__ */ jsxs(DsToastContext.Provider, {
-		value: contextValue,
-		children: [children, /* @__PURE__ */ jsx(DsToastGroup, { toaster })]
-	});
+const DsToastProvider = (t0) => {
+	const $ = c(17);
+	const { children, max: t1 } = t0;
+	const max = t1 === void 0 ? 3 : t1;
+	let t2;
+	let toaster;
+	if ($[0] !== max) {
+		toaster = createToaster({
+			placement: "top",
+			gap: 24,
+			max
+		});
+		t2 = createToastFactory(toaster);
+		$[0] = max;
+		$[1] = t2;
+		$[2] = toaster;
+	} else {
+		t2 = $[1];
+		toaster = $[2];
+	}
+	let t3;
+	if ($[3] !== toaster) {
+		t3 = () => toaster.dismiss();
+		$[3] = toaster;
+		$[4] = t3;
+	} else t3 = $[4];
+	let t4;
+	if ($[5] !== t2 || $[6] !== t3 || $[7] !== toaster.dismiss || $[8] !== toaster.getCount || $[9] !== toaster.getVisibleToasts) {
+		t4 = {
+			createToast: t2,
+			dismissToast: toaster.dismiss,
+			dismissAllToasts: t3,
+			getToasts: toaster.getVisibleToasts,
+			getToastsCount: toaster.getCount
+		};
+		$[5] = t2;
+		$[6] = t3;
+		$[7] = toaster.dismiss;
+		$[8] = toaster.getCount;
+		$[9] = toaster.getVisibleToasts;
+		$[10] = t4;
+	} else t4 = $[10];
+	const contextValue = t4;
+	let t5;
+	if ($[11] !== toaster) {
+		t5 = /* @__PURE__ */ jsx(DsToastGroup, { toaster });
+		$[11] = toaster;
+		$[12] = t5;
+	} else t5 = $[12];
+	let t6;
+	if ($[13] !== children || $[14] !== contextValue || $[15] !== t5) {
+		t6 = /* @__PURE__ */ jsxs(DsToastContext.Provider, {
+			value: contextValue,
+			children: [children, t5]
+		});
+		$[13] = children;
+		$[14] = contextValue;
+		$[15] = t5;
+		$[16] = t6;
+	} else t6 = $[16];
+	return t6;
 };
 const useToaster = () => {
 	const context = useContext(DsToastContext);

package/dist/components/ds-toast/ds-toast-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"ds-toast-context.js","names":["DsToastProvider: FC<DsToastProviderProps>","contextValue: DsToastContextType"],"sources":["../../../src/components/ds-toast/ds-toast-context.tsx"],"sourcesContent":["import { type FC, type ReactNode, createContext, useContext } from 'react';\nimport { type CreateToasterReturn, createToaster } from '@ark-ui/react';\nimport { DsToastGroup } from './ds-toast';\nimport type { DsToastProps } from './ds-toast.types';\n\nexport interface DsToastProviderProps {\n\t/**\n\t * The maximum number of toasts to display (recommended 3 - 5)\n\t * @default 3\n\t */\n\tmax?: number;\n\t/**\n\t * The children of the toast provider\n\t */\n\tchildren: ReactNode;\n}\n\nexport type DsToastContextType = {\n\t/**\n\t * Create a new toast\n\t */\n\tcreateToast: (toast: DsToastProps) => string;\n\t/**\n\t * Dismiss a toast by id\n\t */\n\tdismissToast: (id: string) => void;\n\t/**\n\t * Dismiss all toasts\n\t */\n\tdismissAllToasts: () => void;\n\t/**\n\t * Get all visible toasts\n\t */\n\tgetToasts: () => DsToastProps[];\n\t/**\n\t * Get the total number of toasts\n\t */\n\tgetToastsCount: () => number;\n};\n\nconst DsToastContext = createContext<DsToastContextType | null>(null);\n\nconst createToastFactory = (toaster: CreateToasterReturn) => (toast: DsToastProps) =>\n\ttoaster.create({\n\t\t...toast,\n\t\ttype: toast.variant,\n\t\tduration: toast.persistent ? Infinity : toast.duration || 6000,\n\t});\n\nexport const DsToastProvider: FC<DsToastProviderProps> = ({ children, max = 3 }) => {\n\tconst toaster = createToaster({\n\t\tplacement: 'top',\n\t\tgap: 24,\n\t\tmax,\n\t});\n\n\tconst contextValue: DsToastContextType = {\n\t\tcreateToast: createToastFactory(toaster),\n\t\tdismissToast: toaster.dismiss,\n\t\tdismissAllToasts: () => toaster.dismiss(),\n\t\tgetToasts: toaster.getVisibleToasts,\n\t\tgetToastsCount: toaster.getCount,\n\t};\n\n\treturn (\n\t\t<DsToastContext.Provider value={contextValue}>\n\t\t\t{children}\n\t\t\t<DsToastGroup toaster={toaster} />\n\t\t</DsToastContext.Provider>\n\t);\n};\n\nexport const useToaster = (): DsToastContextType => {\n\tconst context = useContext(DsToastContext);\n\tif (!context) {\n\t\tthrow new Error('useToast must be used within a ToastProvider');\n\t}\n\treturn context;\n};\n"],"mappings":";;;;;;AAwCA,MAAM,iBAAiB,cAAyC,KAAK;AAErE,MAAM,sBAAsB,aAAkC,UAC7D,QAAQ,OAAO;CACd,GAAG;CACH,MAAM,MAAM;CACZ,UAAU,MAAM,aAAa,WAAW,MAAM,YAAY;CAC1D,CAAC;AAEH,MAAaA,mBAA6C,EAAE,UAAU,MAAM,QAAQ;CACnF,MAAM,UAAU,cAAc;EAC7B,WAAW;EACX,KAAK;EACL;EACA,CAAC;CAEF,MAAMC,eAAmC;EACxC,aAAa,mBAAmB,QAAQ;EACxC,cAAc,QAAQ;EACtB,wBAAwB,QAAQ,SAAS;EACzC,WAAW,QAAQ;EACnB,gBAAgB,QAAQ;EACxB;AAED,QACC,qBAAC,eAAe;EAAS,OAAO;aAC9B,UACD,oBAAC,gBAAsB,UAAW;GACT;;AAI5B,MAAa,mBAAuC;CACnD,MAAM,UAAU,WAAW,eAAe;AAC1C,KAAI,CAAC,QACJ,OAAM,IAAI,MAAM,+CAA+C;AAEhE,QAAO"}
+{"version":3,"file":"ds-toast-context.js","names":["FC","ReactNode","createContext","useContext","CreateToasterReturn","createToaster","DsToastGroup","DsToastProps","DsToastProviderProps","max","children","DsToastContextType","createToast","toast","dismissToast","id","dismissAllToasts","getToasts","getToastsCount","DsToastContext","createToastFactory","toaster","create","type","variant","duration","persistent","Infinity","DsToastProvider","t0","$","_c","t1","undefined","t2","placement","gap","t3","dismiss","t4","getCount","getVisibleToasts","contextValue","t5","t6","useToaster","context","Error"],"sources":["../../../src/components/ds-toast/ds-toast-context.tsx"],"sourcesContent":["import { type FC, type ReactNode, createContext, useContext } from 'react';\nimport { type CreateToasterReturn, createToaster } from '@ark-ui/react';\nimport { DsToastGroup } from './ds-toast';\nimport type { DsToastProps } from './ds-toast.types';\n\nexport interface DsToastProviderProps {\n\t/**\n\t * The maximum number of toasts to display (recommended 3 - 5)\n\t * @default 3\n\t */\n\tmax?: number;\n\t/**\n\t * The children of the toast provider\n\t */\n\tchildren: ReactNode;\n}\n\nexport type DsToastContextType = {\n\t/**\n\t * Create a new toast\n\t */\n\tcreateToast: (toast: DsToastProps) => string;\n\t/**\n\t * Dismiss a toast by id\n\t */\n\tdismissToast: (id: string) => void;\n\t/**\n\t * Dismiss all toasts\n\t */\n\tdismissAllToasts: () => void;\n\t/**\n\t * Get all visible toasts\n\t */\n\tgetToasts: () => DsToastProps[];\n\t/**\n\t * Get the total number of toasts\n\t */\n\tgetToastsCount: () => number;\n};\n\nconst DsToastContext = createContext<DsToastContextType | null>(null);\n\nconst createToastFactory = (toaster: CreateToasterReturn) => (toast: DsToastProps) =>\n\ttoaster.create({\n\t\t...toast,\n\t\ttype: toast.variant,\n\t\tduration: toast.persistent ? Infinity : toast.duration || 6000,\n\t});\n\nexport const DsToastProvider: FC<DsToastProviderProps> = ({ children, max = 3 }) => {\n\tconst toaster = createToaster({\n\t\tplacement: 'top',\n\t\tgap: 24,\n\t\tmax,\n\t});\n\n\tconst contextValue: DsToastContextType = {\n\t\tcreateToast: createToastFactory(toaster),\n\t\tdismissToast: toaster.dismiss,\n\t\tdismissAllToasts: () => toaster.dismiss(),\n\t\tgetToasts: toaster.getVisibleToasts,\n\t\tgetToastsCount: toaster.getCount,\n\t};\n\n\treturn (\n\t\t<DsToastContext.Provider value={contextValue}>\n\t\t\t{children}\n\t\t\t<DsToastGroup toaster={toaster} />\n\t\t</DsToastContext.Provider>\n\t);\n};\n\nexport const useToaster = (): DsToastContextType => {\n\tconst context = useContext(DsToastContext);\n\tif (!context) {\n\t\tthrow new Error('useToast must be used within a ToastProvider');\n\t}\n\treturn context;\n};\n"],"mappings":";;;;;;;AAwCA,MAAMmB,iBAAiBjB,cAAyC,KAAK;AAErE,MAAMkB,sBAAsBC,aAAkCR,UAC7DQ,QAAQC,OAAO;CACd,GAAGT;CACHU,MAAMV,MAAMW;CACZC,UAAUZ,MAAMa,aAAaC,WAAWd,MAAMY,YAAY;CAC1D,CAAC;AAEH,MAAaG,mBAA4CC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAC,MAAA,EAAArB,UAAAD,KAAAuB,OAAAH;CAAY,MAAApB,MAAAuB,OAAAC,SAAA,IAAAD;CAAO,IAAAE;CAAA,IAAAb;AAAA,KAAAS,EAAA,OAAArB,KAAA;AAC5EY,YAAgBhB,cAAc;GAAA8B,WAClB;GAAKC,KACX;GAAE3B;GAEP,CAAC;AAGYyB,OAAAd,mBAAmBC,QAAQ;AAAAS,IAAA,KAAArB;AAAAqB,IAAA,KAAAI;AAAAJ,IAAA,KAAAT;QAAA;AAAAa,OAAAJ,EAAA;AAAAT,YAAAS,EAAA;;CAAA,IAAAO;AAAA,KAAAP,EAAA,OAAAT,SAAA;AAEtBgB,aAAMhB,QAAOiB,SAAU;AAAAR,IAAA,KAAAT;AAAAS,IAAA,KAAAO;OAAAA,MAAAP,EAAA;CAAA,IAAAS;AAAA,KAAAT,EAAA,OAAAI,MAAAJ,EAAA,OAAAO,MAAAP,EAAA,OAAAT,QAAAiB,WAAAR,EAAA,OAAAT,QAAAmB,YAAAV,EAAA,OAAAT,QAAAoB,kBAAA;AAHDF,OAAA;GAAA3B,aAC3BsB;GAA2BpB,cAC1BO,QAAOiB;GAAQtB,kBACXqB;GAAuBpB,WAC9BI,QAAOoB;GAAiBvB,gBACnBG,QAAOmB;GACvB;AAAAV,IAAA,KAAAI;AAAAJ,IAAA,KAAAO;AAAAP,IAAA,KAAAT,QAAAiB;AAAAR,IAAA,KAAAT,QAAAmB;AAAAV,IAAA,KAAAT,QAAAoB;AAAAX,IAAA,MAAAS;OAAAA,MAAAT,EAAA;CAND,MAAAY,eAAyCH;CAMvC,IAAAI;AAAA,KAAAb,EAAA,QAAAT,SAAA;AAKAsB,OAAA,oBAAC,gBAAsBtB,UAAW;AAAAS,IAAA,MAAAT;AAAAS,IAAA,MAAAa;OAAAA,MAAAb,EAAA;CAAA,IAAAc;AAAA,KAAAd,EAAA,QAAApB,YAAAoB,EAAA,QAAAY,gBAAAZ,EAAA,QAAAa,IAAA;AAFnCC,OAAA,qBAAA,eAAA;GAAgCF,OAAAA;cAC9BhC,UACDiC;IACyB;AAAAb,IAAA,MAAApB;AAAAoB,IAAA,MAAAY;AAAAZ,IAAA,MAAAa;AAAAb,IAAA,MAAAc;OAAAA,MAAAd,EAAA;AAAA,QAH1Bc;;AAOF,MAAaC,mBAAa;CACzB,MAAAC,UAAgB3C,WAAWgB,eAAe;AAC1C,KAAI,CAAC2B,QACJ,OAAM,IAAIC,MAAM,+CAA+C;AAC/D,QACMD"}

package/dist/components/ds-toast/ds-toast.cjs

@@ -4,6 +4,7 @@ require('../ds-icon/index.cjs');
 const require_ds_typography = require('../ds-typography/ds-typography.cjs');
 require('../ds-typography/index.cjs');
 const require_ds_toast_module = require('./ds-toast.module.cjs');
+let react_compiler_runtime = require("react/compiler-runtime");
 let react_jsx_runtime = require("react/jsx-runtime");
 let __ark_ui_react = require("@ark-ui/react");
 
@@ -18,48 +19,111 @@ const variantIcons = {
 * Design system Toast component
 * This component is used within the Toaster render function
 */
-const DsToast = ({ style, className, variant = "info", title, description, onDismiss, actions }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__ark_ui_react.Toast.Root, {
-	style,
-	className,
-	children: [
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
-			icon: variantIcons[variant],
+const DsToast = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(19);
+	const { style, className, variant: t1, title, description, onDismiss, actions } = t0;
+	const t2 = variantIcons[t1 === void 0 ? "info" : t1];
+	let t3;
+	if ($[0] !== t2) {
+		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
+			icon: t2,
 			size: "small",
 			filled: true,
 			className: require_ds_toast_module.default.icon
-		}),
-		title && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_typography.default, {
+		});
+		$[0] = t2;
+		$[1] = t3;
+	} else t3 = $[1];
+	let t4;
+	if ($[2] !== title) {
+		t4 = title && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_typography.default, {
 			variant: "body-sm-md",
 			asChild: true,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react.Toast.Title, { children: title })
-		}),
-		description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_typography.default, {
+		});
+		$[2] = title;
+		$[3] = t4;
+	} else t4 = $[3];
+	let t5;
+	if ($[4] !== description) {
+		t5 = description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_typography.default, {
 			variant: "body-sm-reg",
 			asChild: true,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react.Toast.Description, { children: description })
-		}),
-		/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react.Toast.CloseTrigger, {
+		});
+		$[4] = description;
+		$[5] = t5;
+	} else t5 = $[5];
+	let t6;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
+			icon: "close",
+			size: "small"
+		});
+		$[6] = t6;
+	} else t6 = $[6];
+	let t7;
+	if ($[7] !== onDismiss) {
+		t7 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react.Toast.CloseTrigger, {
 			onClick: onDismiss,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
-				icon: "close",
-				size: "small"
-			})
-		}),
-		actions && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			children: t6
+		});
+		$[7] = onDismiss;
+		$[8] = t7;
+	} else t7 = $[8];
+	let t8;
+	if ($[9] !== actions) {
+		t8 = actions && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			className: require_ds_toast_module.default.actions,
 			children: actions
-		})
-	]
-});
+		});
+		$[9] = actions;
+		$[10] = t8;
+	} else t8 = $[10];
+	let t9;
+	if ($[11] !== className || $[12] !== style || $[13] !== t3 || $[14] !== t4 || $[15] !== t5 || $[16] !== t7 || $[17] !== t8) {
+		t9 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__ark_ui_react.Toast.Root, {
+			style,
+			className,
+			children: [
+				t3,
+				t4,
+				t5,
+				t7,
+				t8
+			]
+		});
+		$[11] = className;
+		$[12] = style;
+		$[13] = t3;
+		$[14] = t4;
+		$[15] = t5;
+		$[16] = t7;
+		$[17] = t8;
+		$[18] = t9;
+	} else t9 = $[18];
+	return t9;
+};
 /**
 * Design system Toast Group component that wraps the Toaster
 */
-const DsToastGroup = ({ toaster }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react.Toaster, {
-		toaster,
-		children: (toast) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsToast, { ...toast })
-	});
+const DsToastGroup = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(2);
+	const { toaster } = t0;
+	let t1;
+	if ($[0] !== toaster) {
+		t1 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react.Toaster, {
+			toaster,
+			children: _temp
+		});
+		$[0] = toaster;
+		$[1] = t1;
+	} else t1 = $[1];
+	return t1;
 };
+function _temp(toast) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DsToast, { ...toast });
+}
 
 //#endregion
 exports.DsToastGroup = DsToastGroup;

package/dist/components/ds-toast/ds-toast.js

@@ -3,6 +3,7 @@ import "../ds-icon/index.js";
 import ds_typography_default from "../ds-typography/ds-typography.js";
 import "../ds-typography/index.js";
 import ds_toast_module_default from "./ds-toast.module.js";
+import { c } from "react/compiler-runtime";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Toast, Toaster } from "@ark-ui/react";
 
@@ -17,48 +18,111 @@ const variantIcons = {
 * Design system Toast component
 * This component is used within the Toaster render function
 */
-const DsToast = ({ style, className, variant = "info", title, description, onDismiss, actions }) => /* @__PURE__ */ jsxs(Toast.Root, {
-	style,
-	className,
-	children: [
-		/* @__PURE__ */ jsx(ds_icon_default, {
-			icon: variantIcons[variant],
+const DsToast = (t0) => {
+	const $ = c(19);
+	const { style, className, variant: t1, title, description, onDismiss, actions } = t0;
+	const t2 = variantIcons[t1 === void 0 ? "info" : t1];
+	let t3;
+	if ($[0] !== t2) {
+		t3 = /* @__PURE__ */ jsx(ds_icon_default, {
+			icon: t2,
 			size: "small",
 			filled: true,
 			className: ds_toast_module_default.icon
-		}),
-		title && /* @__PURE__ */ jsx(ds_typography_default, {
+		});
+		$[0] = t2;
+		$[1] = t3;
+	} else t3 = $[1];
+	let t4;
+	if ($[2] !== title) {
+		t4 = title && /* @__PURE__ */ jsx(ds_typography_default, {
 			variant: "body-sm-md",
 			asChild: true,
 			children: /* @__PURE__ */ jsx(Toast.Title, { children: title })
-		}),
-		description && /* @__PURE__ */ jsx(ds_typography_default, {
+		});
+		$[2] = title;
+		$[3] = t4;
+	} else t4 = $[3];
+	let t5;
+	if ($[4] !== description) {
+		t5 = description && /* @__PURE__ */ jsx(ds_typography_default, {
 			variant: "body-sm-reg",
 			asChild: true,
 			children: /* @__PURE__ */ jsx(Toast.Description, { children: description })
-		}),
-		/* @__PURE__ */ jsx(Toast.CloseTrigger, {
+		});
+		$[4] = description;
+		$[5] = t5;
+	} else t5 = $[5];
+	let t6;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t6 = /* @__PURE__ */ jsx(ds_icon_default, {
+			icon: "close",
+			size: "small"
+		});
+		$[6] = t6;
+	} else t6 = $[6];
+	let t7;
+	if ($[7] !== onDismiss) {
+		t7 = /* @__PURE__ */ jsx(Toast.CloseTrigger, {
 			onClick: onDismiss,
-			children: /* @__PURE__ */ jsx(ds_icon_default, {
-				icon: "close",
-				size: "small"
-			})
-		}),
-		actions && /* @__PURE__ */ jsx("div", {
+			children: t6
+		});
+		$[7] = onDismiss;
+		$[8] = t7;
+	} else t7 = $[8];
+	let t8;
+	if ($[9] !== actions) {
+		t8 = actions && /* @__PURE__ */ jsx("div", {
 			className: ds_toast_module_default.actions,
 			children: actions
-		})
-	]
-});
+		});
+		$[9] = actions;
+		$[10] = t8;
+	} else t8 = $[10];
+	let t9;
+	if ($[11] !== className || $[12] !== style || $[13] !== t3 || $[14] !== t4 || $[15] !== t5 || $[16] !== t7 || $[17] !== t8) {
+		t9 = /* @__PURE__ */ jsxs(Toast.Root, {
+			style,
+			className,
+			children: [
+				t3,
+				t4,
+				t5,
+				t7,
+				t8
+			]
+		});
+		$[11] = className;
+		$[12] = style;
+		$[13] = t3;
+		$[14] = t4;
+		$[15] = t5;
+		$[16] = t7;
+		$[17] = t8;
+		$[18] = t9;
+	} else t9 = $[18];
+	return t9;
+};
 /**
 * Design system Toast Group component that wraps the Toaster
 */
-const DsToastGroup = ({ toaster }) => {
-	return /* @__PURE__ */ jsx(Toaster, {
-		toaster,
-		children: (toast) => /* @__PURE__ */ jsx(DsToast, { ...toast })
-	});
+const DsToastGroup = (t0) => {
+	const $ = c(2);
+	const { toaster } = t0;
+	let t1;
+	if ($[0] !== toaster) {
+		t1 = /* @__PURE__ */ jsx(Toaster, {
+			toaster,
+			children: _temp
+		});
+		$[0] = toaster;
+		$[1] = t1;
+	} else t1 = $[1];
+	return t1;
 };
+function _temp(toast) {
+	return /* @__PURE__ */ jsx(DsToast, { ...toast });
+}
 
 //#endregion
 export { DsToastGroup };

package/dist/components/ds-toast/ds-toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"ds-toast.js","names":["DsIcon","styles","DsTypography","DsToastGroup: React.FC<{ toaster: CreateToasterReturn }>"],"sources":["../../../src/components/ds-toast/ds-toast.tsx"],"sourcesContent":["import type React from 'react';\nimport { type CreateToasterReturn, Toast, Toaster } from '@ark-ui/react';\nimport styles from './ds-toast.module.scss';\nimport type { DsToastProps, ToastVariant } from './ds-toast.types';\nimport { type IconType, DsIcon } from '../ds-icon';\nimport { DsTypography } from '../ds-typography';\n\nconst variantIcons = {\n\tsuccess: 'check_circle',\n\tinfo: 'info',\n\twarning: 'error',\n\terror: 'cancel',\n} satisfies Record<ToastVariant, IconType>;\n\n/**\n * Design system Toast component\n * This component is used within the Toaster render function\n */\nconst DsToast = ({\n\tstyle,\n\tclassName,\n\tvariant = 'info',\n\ttitle,\n\tdescription,\n\tonDismiss,\n\tactions,\n}: DsToastProps) => (\n\t<Toast.Root style={style} className={className}>\n\t\t<DsIcon icon={variantIcons[variant]} size=\"small\" filled className={styles.icon} />\n\t\t{title && (\n\t\t\t<DsTypography variant=\"body-sm-md\" asChild>\n\t\t\t\t<Toast.Title>{title}</Toast.Title>\n\t\t\t</DsTypography>\n\t\t)}\n\t\t{description && (\n\t\t\t<DsTypography variant=\"body-sm-reg\" asChild>\n\t\t\t\t<Toast.Description>{description}</Toast.Description>\n\t\t\t</DsTypography>\n\t\t)}\n\t\t<Toast.CloseTrigger onClick={onDismiss}>\n\t\t\t<DsIcon icon=\"close\" size=\"small\" />\n\t\t</Toast.CloseTrigger>\n\t\t{actions && <div className={styles.actions}>{actions}</div>}\n\t</Toast.Root>\n);\n\n/**\n * Design system Toast Group component that wraps the Toaster\n */\nconst DsToastGroup: React.FC<{ toaster: CreateToasterReturn }> = ({ toaster }) => {\n\treturn <Toaster toaster={toaster}>{(toast: DsToastProps) => <DsToast {...toast} />}</Toaster>;\n};\n\nexport { DsToast, DsToastGroup };\n"],"mappings":";;;;;;;;;AAOA,MAAM,eAAe;CACpB,SAAS;CACT,MAAM;CACN,SAAS;CACT,OAAO;CACP;;;;;AAMD,MAAM,WAAW,EAChB,OACA,WACA,UAAU,QACV,OACA,aACA,WACA,cAEA,qBAAC,MAAM;CAAY;CAAkB;;EACpC,oBAACA;GAAO,MAAM,aAAa;GAAU,MAAK;GAAQ;GAAO,WAAWC,wBAAO;IAAQ;EAClF,SACA,oBAACC;GAAa,SAAQ;GAAa;aAClC,oBAAC,MAAM,mBAAO,QAAoB;IACpB;EAEf,eACA,oBAACA;GAAa,SAAQ;GAAc;aACnC,oBAAC,MAAM,yBAAa,cAAgC;IACtC;EAEhB,oBAAC,MAAM;GAAa,SAAS;aAC5B,oBAACF;IAAO,MAAK;IAAQ,MAAK;KAAU;IAChB;EACpB,WAAW,oBAAC;GAAI,WAAWC,wBAAO;aAAU;IAAc;;EAC/C;;;;AAMd,MAAME,gBAA4D,EAAE,cAAc;AACjF,QAAO,oBAAC;EAAiB;aAAW,UAAwB,oBAAC,WAAQ,GAAI,QAAS;GAAW"}
+{"version":3,"file":"ds-toast.js","names":["React","CreateToasterReturn","Toast","Toaster","styles","DsToastProps","ToastVariant","IconType","DsIcon","DsTypography","variantIcons","success","info","warning","error","Record","DsToast","t0","$","_c","style","className","variant","t1","title","description","onDismiss","actions","undefined","t2","t3","icon","t4","t5","t6","Symbol","for","t7","t8","t9","DsToastGroup","FC","toaster","_temp","toast"],"sources":["../../../src/components/ds-toast/ds-toast.tsx"],"sourcesContent":["import type React from 'react';\nimport { type CreateToasterReturn, Toast, Toaster } from '@ark-ui/react';\nimport styles from './ds-toast.module.scss';\nimport type { DsToastProps, ToastVariant } from './ds-toast.types';\nimport { type IconType, DsIcon } from '../ds-icon';\nimport { DsTypography } from '../ds-typography';\n\nconst variantIcons = {\n\tsuccess: 'check_circle',\n\tinfo: 'info',\n\twarning: 'error',\n\terror: 'cancel',\n} satisfies Record<ToastVariant, IconType>;\n\n/**\n * Design system Toast component\n * This component is used within the Toaster render function\n */\nconst DsToast = ({\n\tstyle,\n\tclassName,\n\tvariant = 'info',\n\ttitle,\n\tdescription,\n\tonDismiss,\n\tactions,\n}: DsToastProps) => (\n\t<Toast.Root style={style} className={className}>\n\t\t<DsIcon icon={variantIcons[variant]} size=\"small\" filled className={styles.icon} />\n\t\t{title && (\n\t\t\t<DsTypography variant=\"body-sm-md\" asChild>\n\t\t\t\t<Toast.Title>{title}</Toast.Title>\n\t\t\t</DsTypography>\n\t\t)}\n\t\t{description && (\n\t\t\t<DsTypography variant=\"body-sm-reg\" asChild>\n\t\t\t\t<Toast.Description>{description}</Toast.Description>\n\t\t\t</DsTypography>\n\t\t)}\n\t\t<Toast.CloseTrigger onClick={onDismiss}>\n\t\t\t<DsIcon icon=\"close\" size=\"small\" />\n\t\t</Toast.CloseTrigger>\n\t\t{actions && <div className={styles.actions}>{actions}</div>}\n\t</Toast.Root>\n);\n\n/**\n * Design system Toast Group component that wraps the Toaster\n */\nconst DsToastGroup: React.FC<{ toaster: CreateToasterReturn }> = ({ toaster }) => {\n\treturn <Toaster toaster={toaster}>{(toast: DsToastProps) => <DsToast {...toast} />}</Toaster>;\n};\n\nexport { DsToast, DsToastGroup };\n"],"mappings":";;;;;;;;;;AAOA,MAAMU,eAAe;CACpBC,SAAS;CACTC,MAAM;CACNC,SAAS;CACTC,OAAO;CACP;;;;;AAMD,MAAME,WAAUC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAC,MAAA,EAAAC,OAAAC,WAAAC,SAAAC,IAAAC,OAAAC,aAAAC,WAAAC,YAAAV;CAUD,MAAAY,KAAAnB,aAPfa,OAAAK,SAAA,SAAAL;CAOoC,IAAAO;AAAA,KAAAZ,EAAA,OAAAW,IAAA;AAAnCC,OAAA,oBAAC;GAAa,MAAAD;GAA4B,MAAA;GAAQ,QAAA;GAAkB,WAAAzB,wBAAM2B;IAAS;AAAAb,IAAA,KAAAW;AAAAX,IAAA,KAAAY;OAAAA,MAAAZ,EAAA;CAAA,IAAAc;AAAA,KAAAd,EAAA,OAAAM,OAAA;AAClFQ,OAAAR,SACA,oBAAC;GAAqB,SAAA;GAAa,SAAA;aAClC,oBAAA,MAAA,mBAAcA,QACf;IACA;AAAAN,IAAA,KAAAM;AAAAN,IAAA,KAAAc;OAAAA,MAAAd,EAAA;CAAA,IAAAe;AAAA,KAAAf,EAAA,OAAAO,aAAA;AACAQ,OAAAR,eACA,oBAAC;GAAqB,SAAA;GAAc,SAAA;aACnC,oBAAA,MAAA,yBAAoBA,cACrB;IACA;AAAAP,IAAA,KAAAO;AAAAP,IAAA,KAAAe;OAAAA,MAAAf,EAAA;CAAA,IAAAgB;AAAA,KAAAhB,EAAA,OAAAiB,OAAAC,IAAA,4BAAA,EAAA;AAEAF,OAAA,oBAAC;GAAY,MAAA;GAAa,MAAA;IAAU;AAAAhB,IAAA,KAAAgB;OAAAA,MAAAhB,EAAA;CAAA,IAAAmB;AAAA,KAAAnB,EAAA,OAAAQ,WAAA;AADrCW,OAAA,oBAAA,MAAA;GAA6BX,SAAAA;aAC5BQ;IACoB;AAAAhB,IAAA,KAAAQ;AAAAR,IAAA,KAAAmB;OAAAA,MAAAnB,EAAA;CAAA,IAAAoB;AAAA,KAAApB,EAAA,OAAAS,SAAA;AACpBW,OAAAX,WAAW,oBAAA;GAAgB,WAAAvB,wBAAMuB;aAAWA;IAAc;AAAAT,IAAA,KAAAS;AAAAT,IAAA,MAAAoB;OAAAA,MAAApB,EAAA;CAAA,IAAAqB;AAAA,KAAArB,EAAA,QAAAG,aAAAH,EAAA,QAAAE,SAAAF,EAAA,QAAAY,MAAAZ,EAAA,QAAAc,MAAAd,EAAA,QAAAe,MAAAf,EAAA,QAAAmB,MAAAnB,EAAA,QAAAoB,IAAA;AAf5DC,OAAA,qBAAA,MAAA;GAAmBnB;GAAkBC;;IACpCS;IACCE;IAKAC;IAKDI;IAGCC;;IACW;AAAApB,IAAA,MAAAG;AAAAH,IAAA,MAAAE;AAAAF,IAAA,MAAAY;AAAAZ,IAAA,MAAAc;AAAAd,IAAA,MAAAe;AAAAf,IAAA,MAAAmB;AAAAnB,IAAA,MAAAoB;AAAApB,IAAA,MAAAqB;OAAAA,MAAArB,EAAA;AAAA,QAhBbqB;;;;;AAsBD,MAAMC,gBAA2DvB,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAC,MAAA,EAAAuB,YAAAzB;CAAW,IAAAM;AAAA,KAAAL,EAAA,OAAAwB,SAAA;AACrEnB,OAAA,oBAAC;GAAiBmB;aAAUC;IAA0D;AAAAzB,IAAA,KAAAwB;AAAAxB,IAAA,KAAAK;OAAAA,MAAAL,EAAA;AAAA,QAAtFK;;AADyD,SAAAoB,MAAAC,OAAA;AAAA,QACJ,oBAAC,WAAO,GAAKA,QAAS"}

package/dist/components/ds-tooltip/ds-tooltip.cjs

@@ -2,6 +2,7 @@ const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
 const require_ds_typography = require('../ds-typography/ds-typography.cjs');
 require('../ds-typography/index.cjs');
 const require_ds_tooltip_module = require('./ds-tooltip.module.cjs');
+let react_compiler_runtime = require("react/compiler-runtime");
 let classnames = require("classnames");
 classnames = require_rolldown_runtime.__toESM(classnames);
 let react_jsx_runtime = require("react/jsx-runtime");
@@ -10,25 +11,62 @@ let __radix_ui_react_tooltip = require("@radix-ui/react-tooltip");
 __radix_ui_react_tooltip = require_rolldown_runtime.__toESM(__radix_ui_react_tooltip);
 
 //#region src/components/ds-tooltip/ds-tooltip.tsx
-const DsTooltip = ({ content, children }) => {
+const DsTooltip = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(11);
+	const { content, children } = t0;
 	if (content === void 0) return children;
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_tooltip.Provider, {
-		delayDuration: 200,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_tooltip.Root, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_tooltip.Trigger, {
+	let t1;
+	if ($[0] !== children) {
+		t1 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_tooltip.Trigger, {
 			asChild: true,
 			children
-		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_tooltip.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_tooltip.Content, {
-			className: (0, classnames.default)(require_ds_tooltip_module.default.tooltip),
+		});
+		$[0] = children;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = (0, classnames.default)(require_ds_tooltip_module.default.tooltip);
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
+	if ($[3] !== content) {
+		t3 = (0, react.isValidElement)(content) ? content : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_typography.default, {
+			variant: "body-xs-reg",
+			className: require_ds_tooltip_module.default.content,
+			children: content
+		});
+		$[3] = content;
+		$[4] = t3;
+	} else t3 = $[4];
+	let t4;
+	if ($[5] === Symbol.for("react.memo_cache_sentinel")) {
+		t4 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_tooltip.Arrow, { className: require_ds_tooltip_module.default.arrow });
+		$[5] = t4;
+	} else t4 = $[5];
+	let t5;
+	if ($[6] !== t3) {
+		t5 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_tooltip.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_tooltip.Content, {
+			className: t2,
 			side: "top",
 			align: "center",
 			sideOffset: 4,
-			children: [(0, react.isValidElement)(content) ? content : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_typography.default, {
-				variant: "body-xs-reg",
-				className: require_ds_tooltip_module.default.content,
-				children: content
-			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_tooltip.Arrow, { className: require_ds_tooltip_module.default.arrow })]
-		}) })] })
-	});
+			children: [t3, t4]
+		}) });
+		$[6] = t3;
+		$[7] = t5;
+	} else t5 = $[7];
+	let t6;
+	if ($[8] !== t1 || $[9] !== t5) {
+		t6 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_tooltip.Provider, {
+			delayDuration: 200,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_tooltip.Root, { children: [t1, t5] })
+		});
+		$[8] = t1;
+		$[9] = t5;
+		$[10] = t6;
+	} else t6 = $[10];
+	return t6;
 };
 var ds_tooltip_default = DsTooltip;