@drivenets/design-system 0.0.3 → 0.0.5

package/dist/components/ds-confirmation/ds-confirmation.d.ts

@@ -1,5 +1,5 @@
 import { DsConfirmationProps } from "./ds-confirmation.types.js";
-import * as react_jsx_runtime22 from "react/jsx-runtime";
+import * as react_jsx_runtime29 from "react/jsx-runtime";
 import { CSSProperties, ReactNode } from "react";
 
 //#region src/components/ds-confirmation/ds-confirmation.d.ts
@@ -13,7 +13,7 @@ declare const DsConfirmation: {
     style,
     className,
     children
-  }: DsConfirmationProps): react_jsx_runtime22.JSX.Element;
+  }: DsConfirmationProps): react_jsx_runtime29.JSX.Element;
   Header: ({
     style,
     className,
@@ -22,7 +22,7 @@ declare const DsConfirmation: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime22.JSX.Element;
+  }) => react_jsx_runtime29.JSX.Element;
   Title: ({
     style,
     className,
@@ -31,14 +31,14 @@ declare const DsConfirmation: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime22.JSX.Element;
+  }) => react_jsx_runtime29.JSX.Element;
   CloseTrigger: ({
     style,
     className
   }: {
     style?: CSSProperties;
     className?: string;
-  }) => react_jsx_runtime22.JSX.Element;
+  }) => react_jsx_runtime29.JSX.Element;
   Body: ({
     style,
     className,
@@ -47,7 +47,7 @@ declare const DsConfirmation: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime22.JSX.Element;
+  }) => react_jsx_runtime29.JSX.Element;
   Footer: ({
     style,
     className,
@@ -56,7 +56,7 @@ declare const DsConfirmation: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime22.JSX.Element;
+  }) => react_jsx_runtime29.JSX.Element;
   Actions: ({
     style,
     className,
@@ -65,7 +65,7 @@ declare const DsConfirmation: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime22.JSX.Element;
+  }) => react_jsx_runtime29.JSX.Element;
 };
 //#endregion
 export { DsConfirmation };

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

@@ -2,6 +2,7 @@ import ds_icon_default from "../ds-icon/ds-icon.js";
 import "../ds-icon/index.js";
 import ds_typography_default from "../ds-typography/ds-typography.js";
 import ds_confirmation_module_default from "./ds-confirmation.module.js";
+import { c } from "react/compiler-runtime";
 import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Portal } from "@ark-ui/react/portal";
@@ -11,63 +12,216 @@ import { Dialog } from "@ark-ui/react/dialog";
 /**
 * Composable confirmation modal dialog.
 */
-const DsConfirmation = ({ open, onOpenChange, style, className, children }) => {
-	const handleOpenChange = (details) => {
-		onOpenChange(details.open);
-	};
-	return /* @__PURE__ */ jsx(Dialog.Root, {
-		open,
-		onOpenChange: handleOpenChange,
-		modal: true,
-		closeOnEscape: true,
-		closeOnInteractOutside: true,
-		children: /* @__PURE__ */ jsxs(Portal, { children: [/* @__PURE__ */ jsx(Dialog.Backdrop, { className: ds_confirmation_module_default.overlay }), /* @__PURE__ */ jsx(Dialog.Positioner, { children: /* @__PURE__ */ jsx(Dialog.Content, {
-			className: classNames(ds_confirmation_module_default.modal, className),
-			children: /* @__PURE__ */ jsx("div", {
-				style,
-				className: ds_confirmation_module_default.content,
-				children
-			})
-		}) })] })
-	});
+const DsConfirmation = (t0) => {
+	const $ = c(15);
+	const { open, onOpenChange, style, className, children } = t0;
+	let t1;
+	if ($[0] !== onOpenChange) {
+		t1 = (details) => {
+			onOpenChange(details.open);
+		};
+		$[0] = onOpenChange;
+		$[1] = t1;
+	} else t1 = $[1];
+	const handleOpenChange = t1;
+	let t2;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(Dialog.Backdrop, { className: ds_confirmation_module_default.overlay });
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
+	if ($[3] !== className) {
+		t3 = classNames(ds_confirmation_module_default.modal, className);
+		$[3] = className;
+		$[4] = t3;
+	} else t3 = $[4];
+	let t4;
+	if ($[5] !== children || $[6] !== style) {
+		t4 = /* @__PURE__ */ jsx("div", {
+			style,
+			className: ds_confirmation_module_default.content,
+			children
+		});
+		$[5] = children;
+		$[6] = style;
+		$[7] = t4;
+	} else t4 = $[7];
+	let t5;
+	if ($[8] !== t3 || $[9] !== t4) {
+		t5 = /* @__PURE__ */ jsxs(Portal, { children: [t2, /* @__PURE__ */ jsx(Dialog.Positioner, { children: /* @__PURE__ */ jsx(Dialog.Content, {
+			className: t3,
+			children: t4
+		}) })] });
+		$[8] = t3;
+		$[9] = t4;
+		$[10] = t5;
+	} else t5 = $[10];
+	let t6;
+	if ($[11] !== handleOpenChange || $[12] !== open || $[13] !== t5) {
+		t6 = /* @__PURE__ */ jsx(Dialog.Root, {
+			open,
+			onOpenChange: handleOpenChange,
+			modal: true,
+			closeOnEscape: true,
+			closeOnInteractOutside: true,
+			children: t5
+		});
+		$[11] = handleOpenChange;
+		$[12] = open;
+		$[13] = t5;
+		$[14] = t6;
+	} else t6 = $[14];
+	return t6;
+};
+const Header = (t0) => {
+	const $ = c(6);
+	const { style, className, children } = t0;
+	let t1;
+	if ($[0] !== className) {
+		t1 = classNames(ds_confirmation_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_confirmation_module_default.title, className);
+		$[0] = className;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== children) {
+		t2 = /* @__PURE__ */ jsx(ds_typography_default, {
+			variant: "heading4",
+			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(4);
+	const { style, className } = t0;
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = /* @__PURE__ */ jsx(ds_icon_default, {
+			icon: "close",
+			size: "small"
+		});
+		$[0] = t1;
+	} else t1 = $[0];
+	let t2;
+	if ($[1] !== className || $[2] !== style) {
+		t2 = /* @__PURE__ */ jsx(Dialog.CloseTrigger, {
+			style,
+			className,
+			children: t1
+		});
+		$[1] = className;
+		$[2] = style;
+		$[3] = t2;
+	} else t2 = $[3];
+	return t2;
+};
+const Body = (t0) => {
+	const $ = c(6);
+	const { style, className, children } = t0;
+	let t1;
+	if ($[0] !== className) {
+		t1 = classNames(ds_confirmation_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_confirmation_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_confirmation_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_confirmation_module_default.header, className),
-	children
-});
-const Title = ({ style, className, children }) => /* @__PURE__ */ jsx(Dialog.Title, {
-	className: classNames(ds_confirmation_module_default.title, className),
-	style,
-	asChild: true,
-	children: /* @__PURE__ */ jsx(ds_typography_default, {
-		variant: "heading4",
-		children
-	})
-});
-const CloseTrigger = ({ style, className }) => /* @__PURE__ */ jsx(Dialog.CloseTrigger, {
-	style,
-	className,
-	children: /* @__PURE__ */ jsx(ds_icon_default, {
-		icon: "close",
-		size: "small"
-	})
-});
-const Body = ({ style, className, children }) => /* @__PURE__ */ jsx("div", {
-	style,
-	className: classNames(ds_confirmation_module_default.body, className),
-	children
-});
-const Footer = ({ style, className, children }) => /* @__PURE__ */ jsx("div", {
-	style,
-	className: classNames(ds_confirmation_module_default.footer, className),
-	children
-});
-const Actions = ({ style, className, children }) => /* @__PURE__ */ jsx("div", {
-	style,
-	className: classNames(ds_confirmation_module_default.actions, className),
-	children
-});
 DsConfirmation.Header = Header;
 DsConfirmation.Title = Title;
 DsConfirmation.CloseTrigger = CloseTrigger;

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

@@ -1 +1 @@
-{"version":3,"file":"ds-confirmation.js","names":["styles","DsTypography","DsIcon"],"sources":["../../../src/components/ds-confirmation/ds-confirmation.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport { Dialog } from '@ark-ui/react/dialog';\nimport { Portal } from '@ark-ui/react/portal';\nimport classNames from 'classnames';\nimport { DsIcon } from '../ds-icon';\nimport type { DsConfirmationProps } from './ds-confirmation.types';\nimport styles from './ds-confirmation.module.scss';\nimport DsTypography from '../ds-typography/ds-typography';\n\n/**\n * Composable confirmation modal dialog.\n */\nexport const DsConfirmation = ({ open, onOpenChange, style, className, children }: DsConfirmationProps) => {\n\tconst handleOpenChange = (details: { open: boolean }) => {\n\t\tonOpenChange(details.open);\n\t};\n\n\treturn (\n\t\t<Dialog.Root\n\t\t\topen={open}\n\t\t\tonOpenChange={handleOpenChange}\n\t\t\tmodal={true}\n\t\t\tcloseOnEscape={true}\n\t\t\tcloseOnInteractOutside={true}\n\t\t>\n\t\t\t<Portal>\n\t\t\t\t<Dialog.Backdrop className={styles.overlay} />\n\t\t\t\t<Dialog.Positioner>\n\t\t\t\t\t<Dialog.Content className={classNames(styles.modal, className)}>\n\t\t\t\t\t\t<div style={style} className={styles.content}>\n\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</Dialog.Content>\n\t\t\t\t</Dialog.Positioner>\n\t\t\t</Portal>\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=\"heading4\">{children}</DsTypography>\n\t</Dialog.Title>\n);\n\nconst CloseTrigger = ({ style, className }: { style?: CSSProperties; className?: string }) => (\n\t<Dialog.CloseTrigger style={style} className={className}>\n\t\t<DsIcon icon=\"close\" size=\"small\"></DsIcon>\n\t</Dialog.CloseTrigger>\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\nDsConfirmation.Header = Header;\nDsConfirmation.Title = Title;\nDsConfirmation.CloseTrigger = CloseTrigger;\nDsConfirmation.Body = Body;\nDsConfirmation.Footer = Footer;\nDsConfirmation.Actions = Actions;\n"],"mappings":";;;;;;;;;;;;;AAYA,MAAa,kBAAkB,EAAE,MAAM,cAAc,OAAO,WAAW,eAAoC;CAC1G,MAAM,oBAAoB,YAA+B;AACxD,eAAa,QAAQ,KAAK;;AAG3B,QACC,oBAAC,OAAO;EACD;EACN,cAAc;EACd,OAAO;EACP,eAAe;EACf,wBAAwB;YAExB,qBAAC,qBACA,oBAAC,OAAO,YAAS,WAAWA,+BAAO,UAAW,EAC9C,oBAAC,OAAO,wBACP,oBAAC,OAAO;GAAQ,WAAW,WAAWA,+BAAO,OAAO,UAAU;aAC7D,oBAAC;IAAW;IAAO,WAAWA,+BAAO;IACnC;KACI;IACU,GACE,IACZ;GACI;;AAIhB,MAAM,UAAU,EACf,OACA,WACA,eAMA,oBAAC;CAAW;CAAO,WAAW,WAAWA,+BAAO,QAAQ,UAAU;CAChE;EACI;AAGP,MAAM,SAAS,EACd,OACA,WACA,eAMA,oBAAC,OAAO;CAAM,WAAW,WAAWA,+BAAO,OAAO,UAAU;CAAS;CAAO;WAC3E,oBAACC;EAAa,SAAQ;EAAY;GAAwB;EAC5C;AAGhB,MAAM,gBAAgB,EAAE,OAAO,gBAC9B,oBAAC,OAAO;CAAoB;CAAkB;WAC7C,oBAACC;EAAO,MAAK;EAAQ,MAAK;GAAiB;EACtB;AAGvB,MAAM,QAAQ,EACb,OACA,WACA,eAMA,oBAAC;CAAW;CAAO,WAAW,WAAWF,+BAAO,MAAM,UAAU;CAC9D;EACI;AAGP,MAAM,UAAU,EACf,OACA,WACA,eAMA,oBAAC;CAAW;CAAO,WAAW,WAAWA,+BAAO,QAAQ,UAAU;CAChE;EACI;AAGP,MAAM,WAAW,EAChB,OACA,WACA,eAMA,oBAAC;CAAW;CAAO,WAAW,WAAWA,+BAAO,SAAS,UAAU;CACjE;EACI;AAGP,eAAe,SAAS;AACxB,eAAe,QAAQ;AACvB,eAAe,eAAe;AAC9B,eAAe,OAAO;AACtB,eAAe,SAAS;AACxB,eAAe,UAAU"}
+{"version":3,"file":"ds-confirmation.js","names":["CSSProperties","ReactNode","Dialog","Portal","classNames","DsIcon","DsConfirmationProps","styles","DsTypography","DsConfirmation","t0","$","_c","open","onOpenChange","style","className","children","t1","details","handleOpenChange","t2","Symbol","for","overlay","t3","modal","t4","content","t5","t6","Header","header","Title","title","CloseTrigger","Body","body","Footer","footer","Actions","actions"],"sources":["../../../src/components/ds-confirmation/ds-confirmation.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from 'react';\nimport { Dialog } from '@ark-ui/react/dialog';\nimport { Portal } from '@ark-ui/react/portal';\nimport classNames from 'classnames';\nimport { DsIcon } from '../ds-icon';\nimport type { DsConfirmationProps } from './ds-confirmation.types';\nimport styles from './ds-confirmation.module.scss';\nimport DsTypography from '../ds-typography/ds-typography';\n\n/**\n * Composable confirmation modal dialog.\n */\nexport const DsConfirmation = ({ open, onOpenChange, style, className, children }: DsConfirmationProps) => {\n\tconst handleOpenChange = (details: { open: boolean }) => {\n\t\tonOpenChange(details.open);\n\t};\n\n\treturn (\n\t\t<Dialog.Root\n\t\t\topen={open}\n\t\t\tonOpenChange={handleOpenChange}\n\t\t\tmodal={true}\n\t\t\tcloseOnEscape={true}\n\t\t\tcloseOnInteractOutside={true}\n\t\t>\n\t\t\t<Portal>\n\t\t\t\t<Dialog.Backdrop className={styles.overlay} />\n\t\t\t\t<Dialog.Positioner>\n\t\t\t\t\t<Dialog.Content className={classNames(styles.modal, className)}>\n\t\t\t\t\t\t<div style={style} className={styles.content}>\n\t\t\t\t\t\t\t{children}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</Dialog.Content>\n\t\t\t\t</Dialog.Positioner>\n\t\t\t</Portal>\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=\"heading4\">{children}</DsTypography>\n\t</Dialog.Title>\n);\n\nconst CloseTrigger = ({ style, className }: { style?: CSSProperties; className?: string }) => (\n\t<Dialog.CloseTrigger style={style} className={className}>\n\t\t<DsIcon icon=\"close\" size=\"small\"></DsIcon>\n\t</Dialog.CloseTrigger>\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\nDsConfirmation.Header = Header;\nDsConfirmation.Title = Title;\nDsConfirmation.CloseTrigger = CloseTrigger;\nDsConfirmation.Body = Body;\nDsConfirmation.Footer = Footer;\nDsConfirmation.Actions = Actions;\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ds-dialog.js","names":["DsDialog: React.FC<DsDialogProps>","style: React.CSSProperties","styles","VisuallyHidden"],"sources":["../../../src/components/ds-dialog/ds-dialog.tsx"],"sourcesContent":["import type React from 'react';\nimport * as RadixDialog from '@radix-ui/react-dialog';\nimport { Root as VisuallyHidden } from '@radix-ui/react-visually-hidden';\nimport classNames from 'classnames';\nimport styles from './ds-dialog.module.scss';\nimport type { DsDialogProps } from './ds-dialog.types';\n\nconst DsDialog: React.FC<DsDialogProps> = ({\n\topen,\n\tonOpenChange,\n\ttitle,\n\thideTitle,\n\tdescription,\n\thideDescription,\n\tchildren,\n\tclassName,\n\tanchorRef,\n\tcustomPosition,\n\tmodal = true,\n}) => {\n\tlet style: React.CSSProperties = {};\n\tif (customPosition) {\n\t\tstyle = { position: 'fixed', ...customPosition };\n\t} else if (anchorRef?.current) {\n\t\tconst rect = anchorRef.current.getBoundingClientRect();\n\t\tstyle = { position: 'fixed', top: rect.bottom, left: rect.left };\n\t}\n\n\treturn (\n\t\t<RadixDialog.Root open={open} onOpenChange={onOpenChange}>\n\t\t\t<RadixDialog.Portal>\n\t\t\t\t{modal && <RadixDialog.Overlay className={styles.overlay} />}\n\t\t\t\t<RadixDialog.Content\n\t\t\t\t\tclassName={classNames(styles.dialog, className, {\n\t\t\t\t\t\t[styles.customPlacement]: customPosition || anchorRef,\n\t\t\t\t\t})}\n\t\t\t\t\tstyle={customPosition || anchorRef ? style : undefined}\n\t\t\t\t>\n\t\t\t\t\t<RadixDialog.Title asChild>\n\t\t\t\t\t\t{hideTitle ? (\n\t\t\t\t\t\t\t<VisuallyHidden>\n\t\t\t\t\t\t\t\t<RadixDialog.Title className={styles.title}>{title}</RadixDialog.Title>\n\t\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<RadixDialog.Title className={styles.title}>{title}</RadixDialog.Title>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</RadixDialog.Title>\n\t\t\t\t\t{description && (\n\t\t\t\t\t\t<RadixDialog.Description asChild>\n\t\t\t\t\t\t\t{hideDescription ? (\n\t\t\t\t\t\t\t\t<VisuallyHidden>\n\t\t\t\t\t\t\t\t\t<RadixDialog.Description className={styles.description}>\n\t\t\t\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t\t\t\t</RadixDialog.Description>\n\t\t\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<RadixDialog.Description className={styles.description}>\n\t\t\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t\t\t</RadixDialog.Description>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</RadixDialog.Description>\n\t\t\t\t\t)}\n\t\t\t\t\t{children}\n\t\t\t\t</RadixDialog.Content>\n\t\t\t</RadixDialog.Portal>\n\t\t</RadixDialog.Root>\n\t);\n};\n\nexport default DsDialog;\n"],"mappings":";;;;;;;AAOA,MAAMA,YAAqC,EAC1C,MACA,cACA,OACA,WACA,aACA,iBACA,UACA,WACA,WACA,gBACA,QAAQ,WACH;CACL,IAAIC,QAA6B,EAAE;AACnC,KAAI,eACH,SAAQ;EAAE,UAAU;EAAS,GAAG;EAAgB;UACtC,WAAW,SAAS;EAC9B,MAAM,OAAO,UAAU,QAAQ,uBAAuB;AACtD,UAAQ;GAAE,UAAU;GAAS,KAAK,KAAK;GAAQ,MAAM,KAAK;GAAM;;AAGjE,QACC,oBAAC,YAAY;EAAW;EAAoB;YAC3C,qBAAC,YAAY,qBACX,SAAS,oBAAC,YAAY,WAAQ,WAAWC,yBAAO,UAAW,EAC5D,qBAAC,YAAY;GACZ,WAAW,WAAWA,yBAAO,QAAQ,WAAW,GAC9CA,yBAAO,kBAAkB,kBAAkB,WAC5C,CAAC;GACF,OAAO,kBAAkB,YAAY,QAAQ;;IAE7C,oBAAC,YAAY;KAAM;eACjB,YACA,oBAACC,kBACA,oBAAC,YAAY;MAAM,WAAWD,yBAAO;gBAAQ;OAA0B,GACvD,GAEjB,oBAAC,YAAY;MAAM,WAAWA,yBAAO;gBAAQ;OAA0B;MAErD;IACnB,eACA,oBAAC,YAAY;KAAY;eACvB,kBACA,oBAACC,kBACA,oBAAC,YAAY;MAAY,WAAWD,yBAAO;gBACzC;OACwB,GACV,GAEjB,oBAAC,YAAY;MAAY,WAAWA,yBAAO;gBACzC;OACwB;MAEF;IAE1B;;IACoB,IACF;GACH;;AAIrB,wBAAe"}
+{"version":3,"file":"ds-dialog.js","names":["React","RadixDialog","Root","VisuallyHidden","classNames","styles","DsDialogProps","DsDialog","FC","open","onOpenChange","title","hideTitle","description","hideDescription","children","className","anchorRef","customPosition","modal","style","CSSProperties","position","current","rect","getBoundingClientRect","top","bottom","left","overlay","dialog","customPlacement","undefined"],"sources":["../../../src/components/ds-dialog/ds-dialog.tsx"],"sourcesContent":["import type React from 'react';\nimport * as RadixDialog from '@radix-ui/react-dialog';\nimport { Root as VisuallyHidden } from '@radix-ui/react-visually-hidden';\nimport classNames from 'classnames';\nimport styles from './ds-dialog.module.scss';\nimport type { DsDialogProps } from './ds-dialog.types';\n\nconst DsDialog: React.FC<DsDialogProps> = ({\n\topen,\n\tonOpenChange,\n\ttitle,\n\thideTitle,\n\tdescription,\n\thideDescription,\n\tchildren,\n\tclassName,\n\tanchorRef,\n\tcustomPosition,\n\tmodal = true,\n}) => {\n\tlet style: React.CSSProperties = {};\n\tif (customPosition) {\n\t\tstyle = { position: 'fixed', ...customPosition };\n\t} else if (anchorRef?.current) {\n\t\tconst rect = anchorRef.current.getBoundingClientRect();\n\t\tstyle = { position: 'fixed', top: rect.bottom, left: rect.left };\n\t}\n\n\treturn (\n\t\t<RadixDialog.Root open={open} onOpenChange={onOpenChange}>\n\t\t\t<RadixDialog.Portal>\n\t\t\t\t{modal && <RadixDialog.Overlay className={styles.overlay} />}\n\t\t\t\t<RadixDialog.Content\n\t\t\t\t\tclassName={classNames(styles.dialog, className, {\n\t\t\t\t\t\t[styles.customPlacement]: customPosition || anchorRef,\n\t\t\t\t\t})}\n\t\t\t\t\tstyle={customPosition || anchorRef ? style : undefined}\n\t\t\t\t>\n\t\t\t\t\t<RadixDialog.Title asChild>\n\t\t\t\t\t\t{hideTitle ? (\n\t\t\t\t\t\t\t<VisuallyHidden>\n\t\t\t\t\t\t\t\t<RadixDialog.Title className={styles.title}>{title}</RadixDialog.Title>\n\t\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<RadixDialog.Title className={styles.title}>{title}</RadixDialog.Title>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</RadixDialog.Title>\n\t\t\t\t\t{description && (\n\t\t\t\t\t\t<RadixDialog.Description asChild>\n\t\t\t\t\t\t\t{hideDescription ? (\n\t\t\t\t\t\t\t\t<VisuallyHidden>\n\t\t\t\t\t\t\t\t\t<RadixDialog.Description className={styles.description}>\n\t\t\t\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t\t\t\t</RadixDialog.Description>\n\t\t\t\t\t\t\t\t</VisuallyHidden>\n\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t<RadixDialog.Description className={styles.description}>\n\t\t\t\t\t\t\t\t\t{description}\n\t\t\t\t\t\t\t\t</RadixDialog.Description>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</RadixDialog.Description>\n\t\t\t\t\t)}\n\t\t\t\t\t{children}\n\t\t\t\t</RadixDialog.Content>\n\t\t\t</RadixDialog.Portal>\n\t\t</RadixDialog.Root>\n\t);\n};\n\nexport default DsDialog;\n"],"mappings":";;;;;;;AAOA,MAAMO,YAAqC,EAC1CE,MACAC,cACAC,OACAC,WACAC,aACAC,iBACAC,UACAC,WACAC,WACAC,gBACAC,QAAQ,WACH;CACL,IAAIC,QAA6B,EAAE;AACnC,KAAIF,eACHE,SAAQ;EAAEE,UAAU;EAAS,GAAGJ;EAAgB;UACtCD,WAAWM,SAAS;EAC9B,MAAMC,OAAOP,UAAUM,QAAQE,uBAAuB;AACtDL,UAAQ;GAAEE,UAAU;GAASI,KAAKF,KAAKG;GAAQC,MAAMJ,KAAKI;GAAM;;AAGjE,QACC,oBAAC,YAAY;EAAWnB;EAAoBC;YAC3C,qBAAC,YAAY,qBACXS,SAAS,oBAAC,YAAY,WAAQ,WAAWd,yBAAOwB,UAAW,EAC5D,qBAAC,YAAY;GACZ,WAAWzB,WAAWC,yBAAOyB,QAAQd,WAAW,GAC9CX,yBAAO0B,kBAAkBb,kBAAkBD,WAC5C,CAAC;GACF,OAAOC,kBAAkBD,YAAYG,QAAQY;;IAE7C,oBAAC,YAAY;KAAM;eACjBpB,YACA,oBAAC,kBACA,oBAAC,YAAY;MAAM,WAAWP,yBAAOM;gBAAQA;OAAyB,GACtD,GAEjB,oBAAC,YAAY;MAAM,WAAWN,yBAAOM;gBAAQA;OAC7C;MACiB;IAClBE,eACA,oBAAC,YAAY;KAAY;eACvBC,kBACA,oBAAC,kBACA,oBAAC,YAAY;MAAY,WAAWT,yBAAOQ;gBACzCA;OACuB,GACT,GAEjB,oBAAC,YAAY;MAAY,WAAWR,yBAAOQ;gBACzCA;OAEF;MAEF;IACAE;;IACmB,IACF;GACF;;AAIrB,wBAAeR"}