@drivenets/design-system 0.0.3 → 0.0.5

package/dist/components/ds-drawer/ds-drawer.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_drawer_module_default from "./ds-drawer.module.js";
+import { c } from "react/compiler-runtime";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Fragment } from "react";
@@ -15,73 +16,272 @@ import { Dialog } from "@ark-ui/react/dialog";
 * Supports grid-based sizing, flexible positioning, and compound components.
 * Use columns prop to control drawer width (1-12 grid columns).
 */
-const DsDrawer = ({ open, onOpenChange, columns = 4, position = "end", backdrop = false, closeOnEscape = true, closeOnInteractOutside = false, portal = false, style, className, children }) => {
-	const handleOpenChange = (details) => {
-		onOpenChange(details.open);
-	};
+const DsDrawer = (t0) => {
+	const $ = c(25);
+	const { open, onOpenChange, columns: t1, position: t2, backdrop: t3, closeOnEscape: t4, closeOnInteractOutside: t5, portal: t6, style, className, children } = t0;
+	const columns = t1 === void 0 ? 4 : t1;
+	const position = t2 === void 0 ? "end" : t2;
+	const backdrop = t3 === void 0 ? false : t3;
+	const closeOnEscape = t4 === void 0 ? true : t4;
+	const closeOnInteractOutside = t5 === void 0 ? false : t5;
+	const portal = t6 === void 0 ? false : t6;
+	let t7;
+	if ($[0] !== onOpenChange) {
+		t7 = (details) => {
+			onOpenChange(details.open);
+		};
+		$[0] = onOpenChange;
+		$[1] = t7;
+	} else t7 = $[1];
+	const handleOpenChange = t7;
 	const Wrapper = portal ? Portal : Fragment;
-	return /* @__PURE__ */ jsx(Dialog.Root, {
-		open,
-		onOpenChange: handleOpenChange,
-		modal: backdrop,
-		closeOnEscape,
-		closeOnInteractOutside,
-		preventScroll: backdrop,
-		children: /* @__PURE__ */ jsxs(Wrapper, { children: [backdrop && /* @__PURE__ */ jsx(Dialog.Backdrop, { className: ds_drawer_module_default.backdrop }), /* @__PURE__ */ jsx(Dialog.Positioner, {
+	let t8;
+	if ($[2] !== backdrop) {
+		t8 = backdrop && /* @__PURE__ */ jsx(Dialog.Backdrop, { className: ds_drawer_module_default.backdrop });
+		$[2] = backdrop;
+		$[3] = t8;
+	} else t8 = $[3];
+	const t9 = ds_drawer_module_default[`cols-${String(columns)}`];
+	const t10 = ds_drawer_module_default[`position-${position}`];
+	let t11;
+	if ($[4] !== className || $[5] !== t10 || $[6] !== t9) {
+		t11 = classNames(ds_drawer_module_default.drawer, t9, t10, className);
+		$[4] = className;
+		$[5] = t10;
+		$[6] = t9;
+		$[7] = t11;
+	} else t11 = $[7];
+	let t12;
+	if ($[8] !== children) {
+		t12 = /* @__PURE__ */ jsx("div", {
+			className: ds_drawer_module_default.content,
+			children
+		});
+		$[8] = children;
+		$[9] = t12;
+	} else t12 = $[9];
+	let t13;
+	if ($[10] !== style || $[11] !== t11 || $[12] !== t12) {
+		t13 = /* @__PURE__ */ jsx(Dialog.Positioner, {
 			className: ds_drawer_module_default.positioner,
 			children: /* @__PURE__ */ jsx(Dialog.Content, {
 				style,
-				className: classNames(ds_drawer_module_default.drawer, ds_drawer_module_default[`cols-${String(columns)}`], ds_drawer_module_default[`position-${position}`], className),
-				children: /* @__PURE__ */ jsx("div", {
-					className: ds_drawer_module_default.content,
-					children
-				})
+				className: t11,
+				children: t12
 			})
-		})] })
-	});
+		});
+		$[10] = style;
+		$[11] = t11;
+		$[12] = t12;
+		$[13] = t13;
+	} else t13 = $[13];
+	let t14;
+	if ($[14] !== Wrapper || $[15] !== t13 || $[16] !== t8) {
+		t14 = /* @__PURE__ */ jsxs(Wrapper, { children: [t8, t13] });
+		$[14] = Wrapper;
+		$[15] = t13;
+		$[16] = t8;
+		$[17] = t14;
+	} else t14 = $[17];
+	let t15;
+	if ($[18] !== backdrop || $[19] !== closeOnEscape || $[20] !== closeOnInteractOutside || $[21] !== handleOpenChange || $[22] !== open || $[23] !== t14) {
+		t15 = /* @__PURE__ */ jsx(Dialog.Root, {
+			open,
+			onOpenChange: handleOpenChange,
+			modal: backdrop,
+			closeOnEscape,
+			closeOnInteractOutside,
+			preventScroll: backdrop,
+			children: t14
+		});
+		$[18] = backdrop;
+		$[19] = closeOnEscape;
+		$[20] = closeOnInteractOutside;
+		$[21] = handleOpenChange;
+		$[22] = open;
+		$[23] = t14;
+		$[24] = t15;
+	} else t15 = $[24];
+	return t15;
+};
+const Header = (t0) => {
+	const $ = c(6);
+	const { style, className, children } = t0;
+	let t1;
+	if ($[0] !== className) {
+		t1 = classNames(ds_drawer_module_default.header, className);
+		$[0] = className;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== children || $[3] !== style || $[4] !== t1) {
+		t2 = /* @__PURE__ */ jsx("div", {
+			style,
+			className: t1,
+			children
+		});
+		$[2] = children;
+		$[3] = style;
+		$[4] = t1;
+		$[5] = t2;
+	} else t2 = $[5];
+	return t2;
+};
+const Title = (t0) => {
+	const $ = c(8);
+	const { style, className, children } = t0;
+	let t1;
+	if ($[0] !== className) {
+		t1 = classNames(ds_drawer_module_default.title, className);
+		$[0] = className;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== children) {
+		t2 = /* @__PURE__ */ jsx(ds_typography_default, {
+			variant: "heading3",
+			children
+		});
+		$[2] = children;
+		$[3] = t2;
+	} else t2 = $[3];
+	let t3;
+	if ($[4] !== style || $[5] !== t1 || $[6] !== t2) {
+		t3 = /* @__PURE__ */ jsx(Dialog.Title, {
+			className: t1,
+			style,
+			asChild: true,
+			children: t2
+		});
+		$[4] = style;
+		$[5] = t1;
+		$[6] = t2;
+		$[7] = t3;
+	} else t3 = $[7];
+	return t3;
+};
+const CloseTrigger = (t0) => {
+	const $ = c(6);
+	const { style, className } = t0;
+	let t1;
+	if ($[0] !== className) {
+		t1 = classNames(ds_drawer_module_default.closeTrigger, className);
+		$[0] = className;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(ds_icon_default, {
+			icon: "close",
+			size: "small"
+		});
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
+	if ($[3] !== style || $[4] !== t1) {
+		t3 = /* @__PURE__ */ jsx(Dialog.CloseTrigger, {
+			style,
+			className: t1,
+			children: t2
+		});
+		$[3] = style;
+		$[4] = t1;
+		$[5] = t3;
+	} else t3 = $[5];
+	return t3;
+};
+const Toolbar = (t0) => {
+	const $ = c(6);
+	const { style, className, children } = t0;
+	let t1;
+	if ($[0] !== className) {
+		t1 = classNames(ds_drawer_module_default.toolbar, className);
+		$[0] = className;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== children || $[3] !== style || $[4] !== t1) {
+		t2 = /* @__PURE__ */ jsx("div", {
+			style,
+			className: t1,
+			children
+		});
+		$[2] = children;
+		$[3] = style;
+		$[4] = t1;
+		$[5] = t2;
+	} else t2 = $[5];
+	return t2;
+};
+const Body = (t0) => {
+	const $ = c(6);
+	const { style, className, children } = t0;
+	let t1;
+	if ($[0] !== className) {
+		t1 = classNames(ds_drawer_module_default.body, className);
+		$[0] = className;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== children || $[3] !== style || $[4] !== t1) {
+		t2 = /* @__PURE__ */ jsx("div", {
+			style,
+			className: t1,
+			children
+		});
+		$[2] = children;
+		$[3] = style;
+		$[4] = t1;
+		$[5] = t2;
+	} else t2 = $[5];
+	return t2;
+};
+const Footer = (t0) => {
+	const $ = c(6);
+	const { style, className, children } = t0;
+	let t1;
+	if ($[0] !== className) {
+		t1 = classNames(ds_drawer_module_default.footer, className);
+		$[0] = className;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== children || $[3] !== style || $[4] !== t1) {
+		t2 = /* @__PURE__ */ jsx("div", {
+			style,
+			className: t1,
+			children
+		});
+		$[2] = children;
+		$[3] = style;
+		$[4] = t1;
+		$[5] = t2;
+	} else t2 = $[5];
+	return t2;
+};
+const Actions = (t0) => {
+	const $ = c(6);
+	const { style, className, children } = t0;
+	let t1;
+	if ($[0] !== className) {
+		t1 = classNames(ds_drawer_module_default.actions, className);
+		$[0] = className;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== children || $[3] !== style || $[4] !== t1) {
+		t2 = /* @__PURE__ */ jsx("div", {
+			style,
+			className: t1,
+			children
+		});
+		$[2] = children;
+		$[3] = style;
+		$[4] = t1;
+		$[5] = t2;
+	} else t2 = $[5];
+	return t2;
 };
-const Header = ({ style, className, children }) => /* @__PURE__ */ jsx("div", {
-	style,
-	className: classNames(ds_drawer_module_default.header, className),
-	children
-});
-const Title = ({ style, className, children }) => /* @__PURE__ */ jsx(Dialog.Title, {
-	className: classNames(ds_drawer_module_default.title, className),
-	style,
-	asChild: true,
-	children: /* @__PURE__ */ jsx(ds_typography_default, {
-		variant: "heading3",
-		children
-	})
-});
-const CloseTrigger = ({ style, className }) => /* @__PURE__ */ jsx(Dialog.CloseTrigger, {
-	style,
-	className: classNames(ds_drawer_module_default.closeTrigger, className),
-	children: /* @__PURE__ */ jsx(ds_icon_default, {
-		icon: "close",
-		size: "small"
-	})
-});
-const Toolbar = ({ style, className, children }) => /* @__PURE__ */ jsx("div", {
-	style,
-	className: classNames(ds_drawer_module_default.toolbar, className),
-	children
-});
-const Body = ({ style, className, children }) => /* @__PURE__ */ jsx("div", {
-	style,
-	className: classNames(ds_drawer_module_default.body, className),
-	children
-});
-const Footer = ({ style, className, children }) => /* @__PURE__ */ jsx("div", {
-	style,
-	className: classNames(ds_drawer_module_default.footer, className),
-	children
-});
-const Actions = ({ style, className, children }) => /* @__PURE__ */ jsx("div", {
-	style,
-	className: classNames(ds_drawer_module_default.actions, className),
-	children
-});
 DsDrawer.Header = Header;
 DsDrawer.Title = Title;
 DsDrawer.CloseTrigger = CloseTrigger;

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

@@ -1 +1 @@
-{"version":3,"file":"ds-drawer.js","names":["styles","DsTypography","DsIcon"],"sources":["../../../src/components/ds-drawer/ds-drawer.tsx"],"sourcesContent":["import { type CSSProperties, type ReactNode, Fragment } from 'react';\nimport { Dialog } from '@ark-ui/react/dialog';\nimport { Portal } from '@ark-ui/react/portal';\nimport classNames from 'classnames';\nimport type { DsDrawerProps } from './ds-drawer.types';\nimport styles from './ds-drawer.module.scss';\nimport { DsIcon } from '../ds-icon';\nimport { DsTypography } from '../ds-typography';\n\n/**\n * Composable drawer component.\n * Supports grid-based sizing, flexible positioning, and compound components.\n * Use columns prop to control drawer width (1-12 grid columns).\n */\nconst DsDrawer = ({\n\topen,\n\tonOpenChange,\n\tcolumns = 4,\n\tposition = 'end',\n\tbackdrop = false,\n\tcloseOnEscape = true,\n\tcloseOnInteractOutside = false,\n\tportal = false,\n\tstyle,\n\tclassName,\n\tchildren,\n}: DsDrawerProps) => {\n\tconst handleOpenChange = (details: { open: boolean }) => {\n\t\tonOpenChange(details.open);\n\t};\n\tconst Wrapper = portal ? Portal : Fragment;\n\n\treturn (\n\t\t<Dialog.Root\n\t\t\topen={open}\n\t\t\tonOpenChange={handleOpenChange}\n\t\t\tmodal={backdrop}\n\t\t\tcloseOnEscape={closeOnEscape}\n\t\t\tcloseOnInteractOutside={closeOnInteractOutside}\n\t\t\tpreventScroll={backdrop}\n\t\t>\n\t\t\t<Wrapper>\n\t\t\t\t{backdrop && <Dialog.Backdrop className={styles.backdrop} />}\n\t\t\t\t<Dialog.Positioner className={styles.positioner}>\n\t\t\t\t\t<Dialog.Content\n\t\t\t\t\t\tstyle={style}\n\t\t\t\t\t\tclassName={classNames(\n\t\t\t\t\t\t\tstyles.drawer,\n\t\t\t\t\t\t\tstyles[`cols-${String(columns)}`],\n\t\t\t\t\t\t\tstyles[`position-${position}`],\n\t\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className={styles.content}>{children}</div>\n\t\t\t\t\t</Dialog.Content>\n\t\t\t\t</Dialog.Positioner>\n\t\t\t</Wrapper>\n\t\t</Dialog.Root>\n\t);\n};\n\nconst Header = ({\n\tstyle,\n\tclassName,\n\tchildren,\n}: {\n\tstyle?: CSSProperties;\n\tclassName?: string;\n\tchildren: ReactNode;\n}) => (\n\t<div style={style} className={classNames(styles.header, className)}>\n\t\t{children}\n\t</div>\n);\n\nconst Title = ({\n\tstyle,\n\tclassName,\n\tchildren,\n}: {\n\tstyle?: CSSProperties;\n\tclassName?: string;\n\tchildren: ReactNode;\n}) => (\n\t<Dialog.Title className={classNames(styles.title, className)} style={style} asChild>\n\t\t<DsTypography variant=\"heading3\">{children}</DsTypography>\n\t</Dialog.Title>\n);\n\nconst CloseTrigger = ({ style, className }: { style?: CSSProperties; className?: string }) => (\n\t<Dialog.CloseTrigger style={style} className={classNames(styles.closeTrigger, className)}>\n\t\t<DsIcon icon=\"close\" size=\"small\" />\n\t</Dialog.CloseTrigger>\n);\n\nconst Toolbar = ({\n\tstyle,\n\tclassName,\n\tchildren,\n}: {\n\tstyle?: CSSProperties;\n\tclassName?: string;\n\tchildren: ReactNode;\n}) => (\n\t<div style={style} className={classNames(styles.toolbar, className)}>\n\t\t{children}\n\t</div>\n);\n\nconst Body = ({\n\tstyle,\n\tclassName,\n\tchildren,\n}: {\n\tstyle?: CSSProperties;\n\tclassName?: string;\n\tchildren: ReactNode;\n}) => (\n\t<div style={style} className={classNames(styles.body, className)}>\n\t\t{children}\n\t</div>\n);\n\nconst Footer = ({\n\tstyle,\n\tclassName,\n\tchildren,\n}: {\n\tstyle?: CSSProperties;\n\tclassName?: string;\n\tchildren: ReactNode;\n}) => (\n\t<div style={style} className={classNames(styles.footer, className)}>\n\t\t{children}\n\t</div>\n);\n\nconst Actions = ({\n\tstyle,\n\tclassName,\n\tchildren,\n}: {\n\tstyle?: CSSProperties;\n\tclassName?: string;\n\tchildren: ReactNode;\n}) => (\n\t<div style={style} className={classNames(styles.actions, className)}>\n\t\t{children}\n\t</div>\n);\n\nDsDrawer.Header = Header;\nDsDrawer.Title = Title;\nDsDrawer.CloseTrigger = CloseTrigger;\nDsDrawer.Toolbar = Toolbar;\nDsDrawer.Body = Body;\nDsDrawer.Footer = Footer;\nDsDrawer.Actions = Actions;\n\nexport default DsDrawer;\n"],"mappings":";;;;;;;;;;;;;;;;;AAcA,MAAM,YAAY,EACjB,MACA,cACA,UAAU,GACV,WAAW,OACX,WAAW,OACX,gBAAgB,MAChB,yBAAyB,OACzB,SAAS,OACT,OACA,WACA,eACoB;CACpB,MAAM,oBAAoB,YAA+B;AACxD,eAAa,QAAQ,KAAK;;CAE3B,MAAM,UAAU,SAAS,SAAS;AAElC,QACC,oBAAC,OAAO;EACD;EACN,cAAc;EACd,OAAO;EACQ;EACS;EACxB,eAAe;YAEf,qBAAC,sBACC,YAAY,oBAAC,OAAO,YAAS,WAAWA,yBAAO,WAAY,EAC5D,oBAAC,OAAO;GAAW,WAAWA,yBAAO;aACpC,oBAAC,OAAO;IACA;IACP,WAAW,WACVA,yBAAO,QACPA,yBAAO,QAAQ,OAAO,QAAQ,KAC9BA,yBAAO,YAAY,aACnB,UACA;cAED,oBAAC;KAAI,WAAWA,yBAAO;KAAU;MAAe;KAChC;IACE,IACX;GACG;;AAIhB,MAAM,UAAU,EACf,OACA,WACA,eAMA,oBAAC;CAAW;CAAO,WAAW,WAAWA,yBAAO,QAAQ,UAAU;CAChE;EACI;AAGP,MAAM,SAAS,EACd,OACA,WACA,eAMA,oBAAC,OAAO;CAAM,WAAW,WAAWA,yBAAO,OAAO,UAAU;CAAS;CAAO;WAC3E,oBAACC;EAAa,SAAQ;EAAY;GAAwB;EAC5C;AAGhB,MAAM,gBAAgB,EAAE,OAAO,gBAC9B,oBAAC,OAAO;CAAoB;CAAO,WAAW,WAAWD,yBAAO,cAAc,UAAU;WACvF,oBAACE;EAAO,MAAK;EAAQ,MAAK;GAAU;EACf;AAGvB,MAAM,WAAW,EAChB,OACA,WACA,eAMA,oBAAC;CAAW;CAAO,WAAW,WAAWF,yBAAO,SAAS,UAAU;CACjE;EACI;AAGP,MAAM,QAAQ,EACb,OACA,WACA,eAMA,oBAAC;CAAW;CAAO,WAAW,WAAWA,yBAAO,MAAM,UAAU;CAC9D;EACI;AAGP,MAAM,UAAU,EACf,OACA,WACA,eAMA,oBAAC;CAAW;CAAO,WAAW,WAAWA,yBAAO,QAAQ,UAAU;CAChE;EACI;AAGP,MAAM,WAAW,EAChB,OACA,WACA,eAMA,oBAAC;CAAW;CAAO,WAAW,WAAWA,yBAAO,SAAS,UAAU;CACjE;EACI;AAGP,SAAS,SAAS;AAClB,SAAS,QAAQ;AACjB,SAAS,eAAe;AACxB,SAAS,UAAU;AACnB,SAAS,OAAO;AAChB,SAAS,SAAS;AAClB,SAAS,UAAU;AAEnB,wBAAe"}
+{"version":3,"file":"ds-drawer.js","names":["CSSProperties","ReactNode","Fragment","Dialog","Portal","classNames","DsDrawerProps","styles","DsIcon","DsTypography","DsDrawer","t0","$","_c","open","onOpenChange","columns","t1","position","t2","backdrop","t3","closeOnEscape","t4","closeOnInteractOutside","t5","portal","t6","style","className","children","undefined","t7","details","handleOpenChange","Wrapper","t8","t9","String","t10","t11","drawer","t12","content","t13","positioner","t14","t15","Header","header","Title","title","CloseTrigger","closeTrigger","Symbol","for","Toolbar","toolbar","Body","body","Footer","footer","Actions","actions"],"sources":["../../../src/components/ds-drawer/ds-drawer.tsx"],"sourcesContent":["import { type CSSProperties, type ReactNode, Fragment } from 'react';\nimport { Dialog } from '@ark-ui/react/dialog';\nimport { Portal } from '@ark-ui/react/portal';\nimport classNames from 'classnames';\nimport type { DsDrawerProps } from './ds-drawer.types';\nimport styles from './ds-drawer.module.scss';\nimport { DsIcon } from '../ds-icon';\nimport { DsTypography } from '../ds-typography';\n\n/**\n * Composable drawer component.\n * Supports grid-based sizing, flexible positioning, and compound components.\n * Use columns prop to control drawer width (1-12 grid columns).\n */\nconst DsDrawer = ({\n\topen,\n\tonOpenChange,\n\tcolumns = 4,\n\tposition = 'end',\n\tbackdrop = false,\n\tcloseOnEscape = true,\n\tcloseOnInteractOutside = false,\n\tportal = false,\n\tstyle,\n\tclassName,\n\tchildren,\n}: DsDrawerProps) => {\n\tconst handleOpenChange = (details: { open: boolean }) => {\n\t\tonOpenChange(details.open);\n\t};\n\tconst Wrapper = portal ? Portal : Fragment;\n\n\treturn (\n\t\t<Dialog.Root\n\t\t\topen={open}\n\t\t\tonOpenChange={handleOpenChange}\n\t\t\tmodal={backdrop}\n\t\t\tcloseOnEscape={closeOnEscape}\n\t\t\tcloseOnInteractOutside={closeOnInteractOutside}\n\t\t\tpreventScroll={backdrop}\n\t\t>\n\t\t\t<Wrapper>\n\t\t\t\t{backdrop && <Dialog.Backdrop className={styles.backdrop} />}\n\t\t\t\t<Dialog.Positioner className={styles.positioner}>\n\t\t\t\t\t<Dialog.Content\n\t\t\t\t\t\tstyle={style}\n\t\t\t\t\t\tclassName={classNames(\n\t\t\t\t\t\t\tstyles.drawer,\n\t\t\t\t\t\t\tstyles[`cols-${String(columns)}`],\n\t\t\t\t\t\t\tstyles[`position-${position}`],\n\t\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className={styles.content}>{children}</div>\n\t\t\t\t\t</Dialog.Content>\n\t\t\t\t</Dialog.Positioner>\n\t\t\t</Wrapper>\n\t\t</Dialog.Root>\n\t);\n};\n\nconst Header = ({\n\tstyle,\n\tclassName,\n\tchildren,\n}: {\n\tstyle?: CSSProperties;\n\tclassName?: string;\n\tchildren: ReactNode;\n}) => (\n\t<div style={style} className={classNames(styles.header, className)}>\n\t\t{children}\n\t</div>\n);\n\nconst Title = ({\n\tstyle,\n\tclassName,\n\tchildren,\n}: {\n\tstyle?: CSSProperties;\n\tclassName?: string;\n\tchildren: ReactNode;\n}) => (\n\t<Dialog.Title className={classNames(styles.title, className)} style={style} asChild>\n\t\t<DsTypography variant=\"heading3\">{children}</DsTypography>\n\t</Dialog.Title>\n);\n\nconst CloseTrigger = ({ style, className }: { style?: CSSProperties; className?: string }) => (\n\t<Dialog.CloseTrigger style={style} className={classNames(styles.closeTrigger, className)}>\n\t\t<DsIcon icon=\"close\" size=\"small\" />\n\t</Dialog.CloseTrigger>\n);\n\nconst Toolbar = ({\n\tstyle,\n\tclassName,\n\tchildren,\n}: {\n\tstyle?: CSSProperties;\n\tclassName?: string;\n\tchildren: ReactNode;\n}) => (\n\t<div style={style} className={classNames(styles.toolbar, className)}>\n\t\t{children}\n\t</div>\n);\n\nconst Body = ({\n\tstyle,\n\tclassName,\n\tchildren,\n}: {\n\tstyle?: CSSProperties;\n\tclassName?: string;\n\tchildren: ReactNode;\n}) => (\n\t<div style={style} className={classNames(styles.body, className)}>\n\t\t{children}\n\t</div>\n);\n\nconst Footer = ({\n\tstyle,\n\tclassName,\n\tchildren,\n}: {\n\tstyle?: CSSProperties;\n\tclassName?: string;\n\tchildren: ReactNode;\n}) => (\n\t<div style={style} className={classNames(styles.footer, className)}>\n\t\t{children}\n\t</div>\n);\n\nconst Actions = ({\n\tstyle,\n\tclassName,\n\tchildren,\n}: {\n\tstyle?: CSSProperties;\n\tclassName?: string;\n\tchildren: ReactNode;\n}) => (\n\t<div style={style} className={classNames(styles.actions, className)}>\n\t\t{children}\n\t</div>\n);\n\nDsDrawer.Header = Header;\nDsDrawer.Title = Title;\nDsDrawer.CloseTrigger = CloseTrigger;\nDsDrawer.Toolbar = Toolbar;\nDsDrawer.Body = Body;\nDsDrawer.Footer = Footer;\nDsDrawer.Actions = Actions;\n\nexport default DsDrawer;\n"],"mappings":"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"}