@drivenets/design-system 0.0.2 → 0.0.4

package/dist/components/ds-textarea/ds-textarea.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-textarea.module.js","names":[],"sources":["../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/components/ds-textarea/ds-textarea.module.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/_typography.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/shared/_input.scss"],"sourcesContent":["@use '../../styles/shared/input' as input;\n\n.textarea {\n\t@include input.textarea;\n}\n"],"mappings":""}

package/dist/components/ds-textarea/ds-textarea.types.d.cts

@@ -0,0 +1,71 @@
+import React from "react";
+
+//#region src/components/ds-textarea/ds-textarea.types.d.ts
+interface DsTextareaProps {
+  /**
+   * Unique identifier for the textarea element
+   */
+  id?: string;
+  /**
+   * The ref to the textarea element
+   */
+  ref?: React.Ref<HTMLTextAreaElement>;
+  /**
+   * The name of the textarea
+   */
+  name?: string;
+  /**
+   * Event handler called when the textarea loses focus
+   *
+   * @param event
+   */
+  onBlur?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
+  /**
+   * Callback when the value changes
+   */
+  onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
+  /**
+   * Value change event handler (provides just the value)
+   */
+  onValueChange?: (value: string) => void;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+  /**
+   * Additional styles to apply to the component
+   */
+  style?: React.CSSProperties;
+  /**
+   * The placeholder text
+   */
+  placeholder?: string;
+  /**
+   * The current value
+   */
+  value?: string;
+  /**
+   * The initial value of the input when rendered.
+   * Use when you don't need to control the value of the input.
+   */
+  defaultValue?: string;
+  /**
+   * Whether the textarea is disabled
+   */
+  disabled?: boolean;
+  /**
+   * The number of visible text lines
+   */
+  rows?: number;
+  /**
+   * The minimum number of characters
+   */
+  minLength?: number;
+  /**
+   * The maximum number of characters
+   */
+  maxLength?: number;
+}
+//#endregion
+export { DsTextareaProps };
+//# sourceMappingURL=ds-textarea.types.d.cts.map

package/dist/components/ds-textarea/ds-textarea.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-textarea.types.d.cts","names":[],"sources":["../../../src/components/ds-textarea/ds-textarea.types.tsx"],"sourcesContent":[],"mappings":";;;UAEiB,eAAA;;AAAjB;;EAQO,EAAA,CAAM,EAAA,MAAA;EAUsB;;;EAIf,GAAM,CAAA,EAdnB,KAAA,CAAM,GAca,CAdT,mBAcS,CAAA;EAYjB;;;;;;;;;mBAhBS,KAAA,CAAM,WAAW;;;;qBAIf,KAAA,CAAM,YAAY;;;;;;;;;;;;UAY7B,KAAA,CAAM"}

package/dist/components/ds-textarea/ds-textarea.types.d.ts

@@ -0,0 +1,71 @@
+import React from "react";
+
+//#region src/components/ds-textarea/ds-textarea.types.d.ts
+interface DsTextareaProps {
+  /**
+   * Unique identifier for the textarea element
+   */
+  id?: string;
+  /**
+   * The ref to the textarea element
+   */
+  ref?: React.Ref<HTMLTextAreaElement>;
+  /**
+   * The name of the textarea
+   */
+  name?: string;
+  /**
+   * Event handler called when the textarea loses focus
+   *
+   * @param event
+   */
+  onBlur?: (event: React.FocusEvent<HTMLTextAreaElement>) => void;
+  /**
+   * Callback when the value changes
+   */
+  onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
+  /**
+   * Value change event handler (provides just the value)
+   */
+  onValueChange?: (value: string) => void;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+  /**
+   * Additional styles to apply to the component
+   */
+  style?: React.CSSProperties;
+  /**
+   * The placeholder text
+   */
+  placeholder?: string;
+  /**
+   * The current value
+   */
+  value?: string;
+  /**
+   * The initial value of the input when rendered.
+   * Use when you don't need to control the value of the input.
+   */
+  defaultValue?: string;
+  /**
+   * Whether the textarea is disabled
+   */
+  disabled?: boolean;
+  /**
+   * The number of visible text lines
+   */
+  rows?: number;
+  /**
+   * The minimum number of characters
+   */
+  minLength?: number;
+  /**
+   * The maximum number of characters
+   */
+  maxLength?: number;
+}
+//#endregion
+export { DsTextareaProps };
+//# sourceMappingURL=ds-textarea.types.d.ts.map

package/dist/components/ds-textarea/ds-textarea.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-textarea.types.d.ts","names":[],"sources":["../../../src/components/ds-textarea/ds-textarea.types.tsx"],"sourcesContent":[],"mappings":";;;UAEiB,eAAA;;AAAjB;;EAQO,EAAA,CAAM,EAAA,MAAA;EAUsB;;;EAIf,GAAM,CAAA,EAdnB,KAAA,CAAM,GAca,CAdT,mBAcS,CAAA;EAYjB;;;;;;;;;mBAhBS,KAAA,CAAM,WAAW;;;;qBAIf,KAAA,CAAM,YAAY;;;;;;;;;;;;UAY7B,KAAA,CAAM"}

package/dist/components/ds-textarea/index.cjs

@@ -0,0 +1 @@
+const require_ds_textarea = require('./ds-textarea.cjs');

package/dist/components/ds-textarea/index.d.ts

@@ -0,0 +1,2 @@
+import { DsTextareaProps } from "./ds-textarea.types.js";
+import { DsTextarea } from "./ds-textarea.js";

package/dist/components/ds-textarea/index.js

@@ -0,0 +1 @@
+import ds_textarea_default from "./ds-textarea.js";

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

@@ -0,0 +1,85 @@
+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");
+
+//#region src/components/ds-toast/ds-toast-context.tsx
+const DsToastContext = (0, react.createContext)(null);
+const createToastFactory = (toaster) => (toast) => toaster.create({
+	...toast,
+	type: toast.variant,
+	duration: toast.persistent ? Infinity : toast.duration || 6e3
+});
+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);
+	if (!context) throw new Error("useToast must be used within a ToastProvider");
+	return context;
+};
+
+//#endregion
+exports.DsToastProvider = DsToastProvider;
+exports.useToaster = useToaster;

package/dist/components/ds-toast/ds-toast-context.d.cts

@@ -0,0 +1,42 @@
+import { DsToastProps } from "./ds-toast.types.cjs";
+import { FC, ReactNode } from "react";
+
+//#region src/components/ds-toast/ds-toast-context.d.ts
+interface DsToastProviderProps {
+  /**
+   * The maximum number of toasts to display (recommended 3 - 5)
+   * @default 3
+   */
+  max?: number;
+  /**
+   * The children of the toast provider
+   */
+  children: ReactNode;
+}
+type DsToastContextType = {
+  /**
+   * Create a new toast
+   */
+  createToast: (toast: DsToastProps) => string;
+  /**
+   * Dismiss a toast by id
+   */
+  dismissToast: (id: string) => void;
+  /**
+   * Dismiss all toasts
+   */
+  dismissAllToasts: () => void;
+  /**
+   * Get all visible toasts
+   */
+  getToasts: () => DsToastProps[];
+  /**
+   * Get the total number of toasts
+   */
+  getToastsCount: () => number;
+};
+declare const DsToastProvider: FC<DsToastProviderProps>;
+declare const useToaster: () => DsToastContextType;
+//#endregion
+export { DsToastContextType, DsToastProvider, DsToastProviderProps, useToaster };
+//# sourceMappingURL=ds-toast-context.d.cts.map

package/dist/components/ds-toast/ds-toast-context.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-toast-context.d.cts","names":[],"sources":["../../../src/components/ds-toast/ds-toast-context.tsx"],"sourcesContent":[],"mappings":";;;;UAKiB,oBAAA;;AAAjB;AAYA;AAgCA;EAuBa,GAAA,CAAA,EAAA,MAAA;;;;YA1DF;;KAGC,kBAAA;;;;uBAIU;;;;;;;;;;;;mBAYJ;;;;;;cAgBL,iBAAiB,GAAG;cAuBpB,kBAAiB"}

package/dist/components/ds-toast/ds-toast-context.d.ts

@@ -0,0 +1,42 @@
+import { DsToastProps } from "./ds-toast.types.js";
+import { FC, ReactNode } from "react";
+
+//#region src/components/ds-toast/ds-toast-context.d.ts
+interface DsToastProviderProps {
+  /**
+   * The maximum number of toasts to display (recommended 3 - 5)
+   * @default 3
+   */
+  max?: number;
+  /**
+   * The children of the toast provider
+   */
+  children: ReactNode;
+}
+type DsToastContextType = {
+  /**
+   * Create a new toast
+   */
+  createToast: (toast: DsToastProps) => string;
+  /**
+   * Dismiss a toast by id
+   */
+  dismissToast: (id: string) => void;
+  /**
+   * Dismiss all toasts
+   */
+  dismissAllToasts: () => void;
+  /**
+   * Get all visible toasts
+   */
+  getToasts: () => DsToastProps[];
+  /**
+   * Get the total number of toasts
+   */
+  getToastsCount: () => number;
+};
+declare const DsToastProvider: FC<DsToastProviderProps>;
+declare const useToaster: () => DsToastContextType;
+//#endregion
+export { DsToastContextType, DsToastProvider, DsToastProviderProps, useToaster };
+//# sourceMappingURL=ds-toast-context.d.ts.map

package/dist/components/ds-toast/ds-toast-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ds-toast-context.d.ts","names":[],"sources":["../../../src/components/ds-toast/ds-toast-context.tsx"],"sourcesContent":[],"mappings":";;;;UAKiB,oBAAA;;AAAjB;AAYA;AAgCA;EAuBa,GAAA,CAAA,EAAA,MAAA;;;;YA1DF;;KAGC,kBAAA;;;;uBAIU;;;;;;;;;;;;mBAYJ;;;;;;cAgBL,iBAAiB,GAAG;cAuBpB,kBAAiB"}

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

@@ -0,0 +1,84 @@
+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";
+
+//#region src/components/ds-toast/ds-toast-context.tsx
+const DsToastContext = createContext(null);
+const createToastFactory = (toaster) => (toast) => toaster.create({
+	...toast,
+	type: toast.variant,
+	duration: toast.persistent ? Infinity : toast.duration || 6e3
+});
+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);
+	if (!context) throw new Error("useToast must be used within a ToastProvider");
+	return context;
+};
+
+//#endregion
+export { DsToastProvider, useToaster };
+//# sourceMappingURL=ds-toast-context.js.map

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,129 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_ds_icon = require('../ds-icon/ds-icon.cjs');
+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");
+
+//#region src/components/ds-toast/ds-toast.tsx
+const variantIcons = {
+	success: "check_circle",
+	info: "info",
+	warning: "error",
+	error: "cancel"
+};
+/**
+* Design system Toast component
+* This component is used within the Toaster render function
+*/
+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
+		});
+		$[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 })
+		});
+		$[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 })
+		});
+		$[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: 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 = (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;