@drivenets/design-system 0.0.3 → 0.0.5

package/dist/components/ds-modal/ds-modal.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_modal_module = require('./ds-modal.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");
@@ -16,63 +17,229 @@ let __ark_ui_react_dialog = require("@ark-ui/react/dialog");
 * Supports custom header, footer, and body content with grid-based sizing.
 * Use columns prop to control modal width (1-12 grid columns).
 */
-const DsModal = ({ open, onOpenChange, columns = 6, style, className, modal = true, closeOnEscape, closeOnInteractOutside = false, children }) => {
-	const handleOpenChange = (details) => {
-		onOpenChange(details.open);
-	};
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_dialog.Dialog.Root, {
-		open,
-		onOpenChange: handleOpenChange,
-		modal,
-		closeOnEscape,
-		closeOnInteractOutside,
-		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__ark_ui_react_portal.Portal, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_dialog.Dialog.Backdrop, { className: require_ds_modal_module.default.overlay }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_dialog.Dialog.Positioner, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_dialog.Dialog.Content, {
+const DsModal = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(20);
+	const { open, onOpenChange, columns: t1, style, className, modal: t2, closeOnEscape, closeOnInteractOutside: t3, children } = t0;
+	const columns = t1 === void 0 ? 6 : t1;
+	const modal = t2 === void 0 ? true : t2;
+	const closeOnInteractOutside = t3 === void 0 ? false : t3;
+	let t4;
+	if ($[0] !== onOpenChange) {
+		t4 = (details) => {
+			onOpenChange(details.open);
+		};
+		$[0] = onOpenChange;
+		$[1] = t4;
+	} else t4 = $[1];
+	const handleOpenChange = t4;
+	let t5;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t5 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_dialog.Dialog.Backdrop, { className: require_ds_modal_module.default.overlay });
+		$[2] = t5;
+	} else t5 = $[2];
+	const t6 = require_ds_modal_module.default[`cols-${String(columns)}`];
+	let t7;
+	if ($[3] !== className || $[4] !== t6) {
+		t7 = (0, classnames.default)(require_ds_modal_module.default.modal, t6, className);
+		$[3] = className;
+		$[4] = t6;
+		$[5] = t7;
+	} else t7 = $[5];
+	let t8;
+	if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
+		t8 = (0, classnames.default)(require_ds_modal_module.default.content);
+		$[6] = t8;
+	} else t8 = $[6];
+	let t9;
+	if ($[7] !== children) {
+		t9 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: t8,
+			children
+		});
+		$[7] = children;
+		$[8] = t9;
+	} else t9 = $[8];
+	let t10;
+	if ($[9] !== style || $[10] !== t7 || $[11] !== t9) {
+		t10 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__ark_ui_react_portal.Portal, { children: [t5, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_dialog.Dialog.Positioner, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_dialog.Dialog.Content, {
 			style,
-			className: (0, classnames.default)(require_ds_modal_module.default.modal, require_ds_modal_module.default[`cols-${String(columns)}`], className),
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: (0, classnames.default)(require_ds_modal_module.default.content),
-				children
-			})
-		}) })] })
-	});
+			className: t7,
+			children: t9
+		}) })] });
+		$[9] = style;
+		$[10] = t7;
+		$[11] = t9;
+		$[12] = t10;
+	} else t10 = $[12];
+	let t11;
+	if ($[13] !== closeOnEscape || $[14] !== closeOnInteractOutside || $[15] !== handleOpenChange || $[16] !== modal || $[17] !== open || $[18] !== t10) {
+		t11 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_dialog.Dialog.Root, {
+			open,
+			onOpenChange: handleOpenChange,
+			modal,
+			closeOnEscape,
+			closeOnInteractOutside,
+			children: t10
+		});
+		$[13] = closeOnEscape;
+		$[14] = closeOnInteractOutside;
+		$[15] = handleOpenChange;
+		$[16] = modal;
+		$[17] = open;
+		$[18] = t10;
+		$[19] = t11;
+	} else t11 = $[19];
+	return t11;
+};
+const Header = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(6);
+	const { style, className, children } = t0;
+	let t1;
+	if ($[0] !== className) {
+		t1 = (0, classnames.default)(require_ds_modal_module.default.header, className);
+		$[0] = className;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== children || $[3] !== style || $[4] !== t1) {
+		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			style,
+			className: t1,
+			children
+		});
+		$[2] = children;
+		$[3] = style;
+		$[4] = t1;
+		$[5] = t2;
+	} else t2 = $[5];
+	return t2;
+};
+const Title = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(8);
+	const { style, className, children } = t0;
+	let t1;
+	if ($[0] !== className) {
+		t1 = (0, classnames.default)(require_ds_modal_module.default.title, className);
+		$[0] = className;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== children) {
+		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_typography.default, {
+			variant: "heading3",
+			children
+		});
+		$[2] = children;
+		$[3] = t2;
+	} else t2 = $[3];
+	let t3;
+	if ($[4] !== style || $[5] !== t1 || $[6] !== t2) {
+		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_dialog.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 $ = (0, react_compiler_runtime.c)(4);
+	const { style, className } = t0;
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
+			icon: "close",
+			size: "small"
+		});
+		$[0] = t1;
+	} else t1 = $[0];
+	let t2;
+	if ($[1] !== className || $[2] !== style) {
+		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_dialog.Dialog.CloseTrigger, {
+			style,
+			className,
+			children: t1
+		});
+		$[1] = className;
+		$[2] = style;
+		$[3] = t2;
+	} else t2 = $[3];
+	return t2;
+};
+const Body = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(6);
+	const { style, className, children } = t0;
+	let t1;
+	if ($[0] !== className) {
+		t1 = (0, classnames.default)(require_ds_modal_module.default.body, className);
+		$[0] = className;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== children || $[3] !== style || $[4] !== t1) {
+		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			style,
+			className: t1,
+			children
+		});
+		$[2] = children;
+		$[3] = style;
+		$[4] = t1;
+		$[5] = t2;
+	} else t2 = $[5];
+	return t2;
+};
+const Footer = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(6);
+	const { style, className, children } = t0;
+	let t1;
+	if ($[0] !== className) {
+		t1 = (0, classnames.default)(require_ds_modal_module.default.footer, className);
+		$[0] = className;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== children || $[3] !== style || $[4] !== t1) {
+		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			style,
+			className: t1,
+			children
+		});
+		$[2] = children;
+		$[3] = style;
+		$[4] = t1;
+		$[5] = t2;
+	} else t2 = $[5];
+	return t2;
+};
+const Actions = (t0) => {
+	const $ = (0, react_compiler_runtime.c)(6);
+	const { style, className, children } = t0;
+	let t1;
+	if ($[0] !== className) {
+		t1 = (0, classnames.default)(require_ds_modal_module.default.actions, className);
+		$[0] = className;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== children || $[3] !== style || $[4] !== t1) {
+		t2 = /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)("div", {
-	style,
-	className: (0, classnames.default)(require_ds_modal_module.default.header, className),
-	children
-});
-const Title = ({ style, className, children }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_dialog.Dialog.Title, {
-	className: (0, classnames.default)(require_ds_modal_module.default.title, className),
-	style,
-	asChild: true,
-	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_typography.default, {
-		variant: "heading3",
-		children
-	})
-});
-const CloseTrigger = ({ style, className }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ark_ui_react_dialog.Dialog.CloseTrigger, {
-	style,
-	className,
-	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
-		icon: "close",
-		size: "small"
-	})
-});
-const Body = ({ style, className, children }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-	style,
-	className: (0, classnames.default)(require_ds_modal_module.default.body, className),
-	children
-});
-const Footer = ({ style, className, children }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-	style,
-	className: (0, classnames.default)(require_ds_modal_module.default.footer, className),
-	children
-});
-const Actions = ({ style, className, children }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-	style,
-	className: (0, classnames.default)(require_ds_modal_module.default.actions, className),
-	children
-});
 DsModal.Header = Header;
 DsModal.Title = Title;
 DsModal.CloseTrigger = CloseTrigger;

package/dist/components/ds-modal/ds-modal.d.cts

@@ -1,5 +1,5 @@
 import { DsModalProps } from "./ds-modal.types.cjs";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 import { CSSProperties, ReactNode } from "react";
 
 //#region src/components/ds-modal/ds-modal.d.ts
@@ -20,7 +20,7 @@ declare const DsModal: {
     closeOnEscape,
     closeOnInteractOutside,
     children
-  }: DsModalProps): react_jsx_runtime0.JSX.Element;
+  }: DsModalProps): react_jsx_runtime4.JSX.Element;
   Header: ({
     style,
     className,
@@ -29,7 +29,7 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
+  }) => react_jsx_runtime4.JSX.Element;
   Title: ({
     style,
     className,
@@ -38,14 +38,14 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
+  }) => react_jsx_runtime4.JSX.Element;
   CloseTrigger: ({
     style,
     className
   }: {
     style?: CSSProperties;
     className?: string;
-  }) => react_jsx_runtime0.JSX.Element;
+  }) => react_jsx_runtime4.JSX.Element;
   Body: ({
     style,
     className,
@@ -54,7 +54,7 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
+  }) => react_jsx_runtime4.JSX.Element;
   Footer: ({
     style,
     className,
@@ -63,7 +63,7 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
+  }) => react_jsx_runtime4.JSX.Element;
   Actions: ({
     style,
     className,
@@ -72,7 +72,7 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime0.JSX.Element;
+  }) => react_jsx_runtime4.JSX.Element;
 };
 //#endregion
 export { DsModal };

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

@@ -1,5 +1,5 @@
 import { DsModalProps } from "./ds-modal.types.js";
-import * as react_jsx_runtime5 from "react/jsx-runtime";
+import * as react_jsx_runtime11 from "react/jsx-runtime";
 import { CSSProperties, ReactNode } from "react";
 
 //#region src/components/ds-modal/ds-modal.d.ts
@@ -20,7 +20,7 @@ declare const DsModal: {
     closeOnEscape,
     closeOnInteractOutside,
     children
-  }: DsModalProps): react_jsx_runtime5.JSX.Element;
+  }: DsModalProps): react_jsx_runtime11.JSX.Element;
   Header: ({
     style,
     className,
@@ -29,7 +29,7 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime5.JSX.Element;
+  }) => react_jsx_runtime11.JSX.Element;
   Title: ({
     style,
     className,
@@ -38,14 +38,14 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime5.JSX.Element;
+  }) => react_jsx_runtime11.JSX.Element;
   CloseTrigger: ({
     style,
     className
   }: {
     style?: CSSProperties;
     className?: string;
-  }) => react_jsx_runtime5.JSX.Element;
+  }) => react_jsx_runtime11.JSX.Element;
   Body: ({
     style,
     className,
@@ -54,7 +54,7 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime5.JSX.Element;
+  }) => react_jsx_runtime11.JSX.Element;
   Footer: ({
     style,
     className,
@@ -63,7 +63,7 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime5.JSX.Element;
+  }) => react_jsx_runtime11.JSX.Element;
   Actions: ({
     style,
     className,
@@ -72,7 +72,7 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime5.JSX.Element;
+  }) => react_jsx_runtime11.JSX.Element;
 };
 //#endregion
 export { DsModal };

package/dist/components/ds-modal/ds-modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ds-modal.d.ts","names":[],"sources":["../../../src/components/ds-modal/ds-modal.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAIqD;;cAU/C;;;;;;;;;;;KAUH,eAAY,kBAAA,CAAA,GAAA,CAAA;;;;;;YAiCN;;cAEE;QACV,kBAAA,CAAA,GAAA,CAAA;;;;;;IApCE,KAAA,CAAA,EA+CM,aA/CN;IAAY,SAAA,CAAA,EAAA,MAAA;cAiDJ;QACV,kBAAA,CAAA,GAAA,CAAA;;;;EAdA;IAHQ,KAAA,CAAA,EAuB6C,aAvB7C;IAEE,SAAA,CAAA,EAAA,MAAA;EACV,CAAA,EAAA,GAoBwF,kBAAA,CAAA,GAAA,CAAA,OApBxF;;;;;EAaU;YAkBF;;IApBA,QAAA,EAsBE,SAtBF;EAEE,CAAA,EAAA,GAqBV,kBAAA,CAAA,GAAA,CAAA,OArBU;EACV,MAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;EAMwF,CANxF,EAAA;YA+BQ;;IAzB6C,QAAA,EA2B3C,SA3B2C;EAAmC,CAAA,EAAA,GA4BxF,kBAAA,CAAA,GAAA,CAAA,OA5BwF;;;;;EAa9E;YA0BF;;IA5BA,QAAA,EA8BE,SA9BF;EAEE,CAAA,EAAA,GA6BV,kBAAA,CAAA,GAAA,CAAA,OA7BU;CACV"}
+{"version":3,"file":"ds-modal.d.ts","names":[],"sources":["../../../src/components/ds-modal/ds-modal.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAIqD;;cAU/C;;;;;;;;;;;KAUH,eAAY,mBAAA,CAAA,GAAA,CAAA;;;;;;YAiCN;;cAEE;QACV,mBAAA,CAAA,GAAA,CAAA;;;;;;IApCE,KAAA,CAAA,EA+CM,aA/CN;IAAY,SAAA,CAAA,EAAA,MAAA;cAiDJ;QACV,mBAAA,CAAA,GAAA,CAAA;;;;EAdA;IAHQ,KAAA,CAAA,EAuB6C,aAvB7C;IAEE,SAAA,CAAA,EAAA,MAAA;EACV,CAAA,EAAA,GAoBwF,mBAAA,CAAA,GAAA,CAAA,OApBxF;;;;;EAaU;YAkBF;;IApBA,QAAA,EAsBE,SAtBF;EAEE,CAAA,EAAA,GAqBV,mBAAA,CAAA,GAAA,CAAA,OArBU;EACV,MAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;EAMwF,CANxF,EAAA;YA+BQ;;IAzB6C,QAAA,EA2B3C,SA3B2C;EAAmC,CAAA,EAAA,GA4BxF,mBAAA,CAAA,GAAA,CAAA,OA5BwF;;;;;EAa9E;YA0BF;;IA5BA,QAAA,EA8BE,SA9BF;EAEE,CAAA,EAAA,GA6BV,mBAAA,CAAA,GAAA,CAAA,OA7BU;CACV"}