@drivenets/design-system 0.6.0 → 0.6.1

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

@@ -1,251 +0,0 @@
-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_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");
-let _ark_ui_react_portal = require("@ark-ui/react/portal");
-let _ark_ui_react_dialog = require("@ark-ui/react/dialog");
-
-//#region src/components/ds-modal/ds-modal.tsx
-/**
-* Composable modal 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 = (t0) => {
-	const $ = (0, react_compiler_runtime.c)(20);
-	const { open, columns: t1, dividers: t2, style, className, modal: t3, closeOnEscape, closeOnInteractOutside: t4, children, onOpenChange } = t0;
-	const columns = t1 === void 0 ? 6 : t1;
-	const dividers = t2 === void 0 ? false : t2;
-	const modal = t3 === void 0 ? true : t3;
-	const closeOnInteractOutside = t4 === void 0 ? false : t4;
-	let t5;
-	if ($[0] !== onOpenChange) {
-		t5 = (details) => {
-			onOpenChange(details.open);
-		};
-		$[0] = onOpenChange;
-		$[1] = t5;
-	} else t5 = $[1];
-	const handleOpenChange = t5;
-	let t6;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t6 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_dialog.Dialog.Backdrop, { className: require_ds_modal_module.default.overlay });
-		$[2] = t6;
-	} else t6 = $[2];
-	const t7 = require_ds_modal_module.default[`cols-${columns}`];
-	let t8;
-	if ($[3] !== className || $[4] !== t7) {
-		t8 = (0, classnames.default)(require_ds_modal_module.default.modal, className, t7);
-		$[3] = className;
-		$[4] = t7;
-		$[5] = t8;
-	} else t8 = $[5];
-	const t9 = dividers || void 0;
-	let t10;
-	if ($[6] !== children || $[7] !== t9) {
-		t10 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: require_ds_modal_module.default.content,
-			"data-dividers": t9,
-			children
-		});
-		$[6] = children;
-		$[7] = t9;
-		$[8] = t10;
-	} else t10 = $[8];
-	let t11;
-	if ($[9] !== style || $[10] !== t10 || $[11] !== t8) {
-		t11 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(_ark_ui_react_portal.Portal, { children: [t6, /* @__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: t8,
-			children: t10
-		}) })] });
-		$[9] = style;
-		$[10] = t10;
-		$[11] = t8;
-		$[12] = t11;
-	} else t11 = $[12];
-	let t12;
-	if ($[13] !== closeOnEscape || $[14] !== closeOnInteractOutside || $[15] !== handleOpenChange || $[16] !== modal || $[17] !== open || $[18] !== t11) {
-		t12 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_dialog.Dialog.Root, {
-			open,
-			onOpenChange: handleOpenChange,
-			modal,
-			closeOnEscape,
-			closeOnInteractOutside,
-			children: t11
-		});
-		$[13] = closeOnEscape;
-		$[14] = closeOnInteractOutside;
-		$[15] = handleOpenChange;
-		$[16] = modal;
-		$[17] = open;
-		$[18] = t11;
-		$[19] = t12;
-	} else t12 = $[19];
-	return t12;
-};
-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;
-};
-DsModal.Header = Header;
-DsModal.Title = Title;
-DsModal.CloseTrigger = CloseTrigger;
-DsModal.Body = Body;
-DsModal.Footer = Footer;
-DsModal.Actions = Actions;
-var ds_modal_default = DsModal;
-
-//#endregion
-exports.default = ds_modal_default;

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

@@ -1,80 +0,0 @@
-import { DsModalProps } from "./ds-modal.types.cjs";
-import * as react_jsx_runtime36 from "react/jsx-runtime";
-import { CSSProperties, ReactNode } from "react";
-
-//#region src/components/ds-modal/ds-modal.d.ts
-
-/**
- * Composable modal dialog.
- * Supports custom header, footer, and body content with grid-based sizing.
- * Use columns prop to control modal width (1-12 grid columns).
- */
-declare const DsModal: {
-  ({
-    open,
-    columns,
-    dividers,
-    style,
-    className,
-    modal,
-    closeOnEscape,
-    closeOnInteractOutside,
-    children,
-    onOpenChange
-  }: DsModalProps): react_jsx_runtime36.JSX.Element;
-  Header: ({
-    style,
-    className,
-    children
-  }: {
-    style?: CSSProperties;
-    className?: string;
-    children: ReactNode;
-  }) => react_jsx_runtime36.JSX.Element;
-  Title: ({
-    style,
-    className,
-    children
-  }: {
-    style?: CSSProperties;
-    className?: string;
-    children: ReactNode;
-  }) => react_jsx_runtime36.JSX.Element;
-  CloseTrigger: ({
-    style,
-    className
-  }: {
-    style?: CSSProperties;
-    className?: string;
-  }) => react_jsx_runtime36.JSX.Element;
-  Body: ({
-    style,
-    className,
-    children
-  }: {
-    style?: CSSProperties;
-    className?: string;
-    children: ReactNode;
-  }) => react_jsx_runtime36.JSX.Element;
-  Footer: ({
-    style,
-    className,
-    children
-  }: {
-    style?: CSSProperties;
-    className?: string;
-    children: ReactNode;
-  }) => react_jsx_runtime36.JSX.Element;
-  Actions: ({
-    style,
-    className,
-    children
-  }: {
-    style?: CSSProperties;
-    className?: string;
-    children: ReactNode;
-  }) => react_jsx_runtime36.JSX.Element;
-};
-//#endregion
-export { DsModal };
-//# sourceMappingURL=ds-modal.d.cts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ds-modal.d.cts","names":[],"sources":["../../../src/components/ds-modal/ds-modal.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAIqD;;cAU/C;;;;;;;;;;;;KAWH,eAAY,mBAAA,CAAA,GAAA,CAAA;;;;;;YAyCN;;cAEE;QACV,mBAAA,CAAA,GAAA,CAAA;;;;;;YAWQ;IAvDN,SAAA,CAAA,EAAA,MAAA;IAAY,QAAA,EAyDJ,SAzDI;QA0Dd,mBAAA,CAAA,GAAA,CAAA;;;;EAfU;YAqB2C;IAvB7C,SAAA,CAAA,EAAA,MAAA;EAEE,CAAA,EAAA,GAqB8E,mBAAA,CAAA,GAAA,CAAA,OArB9E;EACV,IAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;EAWQ,CAXR,EAAA;YA+BQ;;cAEE;EAtBF,CAAA,EAAA,GAuBR,mBAAA,CAAA,GAAA,CAAA,OAvBQ;EAEE,MAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;EAO2C,CAP3C,EAAA;IACV,KAAA,CAAA,EA+BQ,aA/BR;;cAiCU;EA3B2C,CAAA,EAAA,GA4BrD,mBAAA,CAAA,GAAA,CAAA,OA5BqD;EAAmC,OAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;EAWhF,CAXgF,EAAA;YAuChF;;cAEE;EA9BF,CAAA,EAAA,GA+BR,mBAAA,CAAA,GAAA,CAAA,OA/BQ;CAEE"}

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

@@ -1,80 +0,0 @@
-import { DsModalProps } from "./ds-modal.types.js";
-import * as react_jsx_runtime16 from "react/jsx-runtime";
-import { CSSProperties, ReactNode } from "react";
-
-//#region src/components/ds-modal/ds-modal.d.ts
-
-/**
- * Composable modal dialog.
- * Supports custom header, footer, and body content with grid-based sizing.
- * Use columns prop to control modal width (1-12 grid columns).
- */
-declare const DsModal: {
-  ({
-    open,
-    columns,
-    dividers,
-    style,
-    className,
-    modal,
-    closeOnEscape,
-    closeOnInteractOutside,
-    children,
-    onOpenChange
-  }: DsModalProps): react_jsx_runtime16.JSX.Element;
-  Header: ({
-    style,
-    className,
-    children
-  }: {
-    style?: CSSProperties;
-    className?: string;
-    children: ReactNode;
-  }) => react_jsx_runtime16.JSX.Element;
-  Title: ({
-    style,
-    className,
-    children
-  }: {
-    style?: CSSProperties;
-    className?: string;
-    children: ReactNode;
-  }) => react_jsx_runtime16.JSX.Element;
-  CloseTrigger: ({
-    style,
-    className
-  }: {
-    style?: CSSProperties;
-    className?: string;
-  }) => react_jsx_runtime16.JSX.Element;
-  Body: ({
-    style,
-    className,
-    children
-  }: {
-    style?: CSSProperties;
-    className?: string;
-    children: ReactNode;
-  }) => react_jsx_runtime16.JSX.Element;
-  Footer: ({
-    style,
-    className,
-    children
-  }: {
-    style?: CSSProperties;
-    className?: string;
-    children: ReactNode;
-  }) => react_jsx_runtime16.JSX.Element;
-  Actions: ({
-    style,
-    className,
-    children
-  }: {
-    style?: CSSProperties;
-    className?: string;
-    children: ReactNode;
-  }) => react_jsx_runtime16.JSX.Element;
-};
-//#endregion
-export { DsModal };
-//# sourceMappingURL=ds-modal.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ds-modal.d.ts","names":[],"sources":["../../../src/components/ds-modal/ds-modal.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAIqD;;cAU/C;;;;;;;;;;;;KAWH,eAAY,mBAAA,CAAA,GAAA,CAAA;;;;;;YAyCN;;cAEE;QACV,mBAAA,CAAA,GAAA,CAAA;;;;;;YAWQ;IAvDN,SAAA,CAAA,EAAA,MAAA;IAAY,QAAA,EAyDJ,SAzDI;QA0Dd,mBAAA,CAAA,GAAA,CAAA;;;;EAfU;YAqB2C;IAvB7C,SAAA,CAAA,EAAA,MAAA;EAEE,CAAA,EAAA,GAqB8E,mBAAA,CAAA,GAAA,CAAA,OArB9E;EACV,IAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;EAWQ,CAXR,EAAA;YA+BQ;;cAEE;EAtBF,CAAA,EAAA,GAuBR,mBAAA,CAAA,GAAA,CAAA,OAvBQ;EAEE,MAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;EAO2C,CAP3C,EAAA;IACV,KAAA,CAAA,EA+BQ,aA/BR;;cAiCU;EA3B2C,CAAA,EAAA,GA4BrD,mBAAA,CAAA,GAAA,CAAA,OA5BqD;EAAmC,OAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;EAWhF,CAXgF,EAAA;YAuChF;;cAEE;EA9BF,CAAA,EAAA,GA+BR,mBAAA,CAAA,GAAA,CAAA,OA/BQ;CAEE"}

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

@@ -1,250 +0,0 @@
-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-typography/index.js";
-import ds_modal_module_default from "./ds-modal.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";
-import { Dialog } from "@ark-ui/react/dialog";
-
-//#region src/components/ds-modal/ds-modal.tsx
-/**
-* Composable modal 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 = (t0) => {
-	const $ = c(20);
-	const { open, columns: t1, dividers: t2, style, className, modal: t3, closeOnEscape, closeOnInteractOutside: t4, children, onOpenChange } = t0;
-	const columns = t1 === void 0 ? 6 : t1;
-	const dividers = t2 === void 0 ? false : t2;
-	const modal = t3 === void 0 ? true : t3;
-	const closeOnInteractOutside = t4 === void 0 ? false : t4;
-	let t5;
-	if ($[0] !== onOpenChange) {
-		t5 = (details) => {
-			onOpenChange(details.open);
-		};
-		$[0] = onOpenChange;
-		$[1] = t5;
-	} else t5 = $[1];
-	const handleOpenChange = t5;
-	let t6;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t6 = /* @__PURE__ */ jsx(Dialog.Backdrop, { className: ds_modal_module_default.overlay });
-		$[2] = t6;
-	} else t6 = $[2];
-	const t7 = ds_modal_module_default[`cols-${columns}`];
-	let t8;
-	if ($[3] !== className || $[4] !== t7) {
-		t8 = classNames(ds_modal_module_default.modal, className, t7);
-		$[3] = className;
-		$[4] = t7;
-		$[5] = t8;
-	} else t8 = $[5];
-	const t9 = dividers || void 0;
-	let t10;
-	if ($[6] !== children || $[7] !== t9) {
-		t10 = /* @__PURE__ */ jsx("div", {
-			className: ds_modal_module_default.content,
-			"data-dividers": t9,
-			children
-		});
-		$[6] = children;
-		$[7] = t9;
-		$[8] = t10;
-	} else t10 = $[8];
-	let t11;
-	if ($[9] !== style || $[10] !== t10 || $[11] !== t8) {
-		t11 = /* @__PURE__ */ jsxs(Portal, { children: [t6, /* @__PURE__ */ jsx(Dialog.Positioner, { children: /* @__PURE__ */ jsx(Dialog.Content, {
-			style,
-			className: t8,
-			children: t10
-		}) })] });
-		$[9] = style;
-		$[10] = t10;
-		$[11] = t8;
-		$[12] = t11;
-	} else t11 = $[12];
-	let t12;
-	if ($[13] !== closeOnEscape || $[14] !== closeOnInteractOutside || $[15] !== handleOpenChange || $[16] !== modal || $[17] !== open || $[18] !== t11) {
-		t12 = /* @__PURE__ */ jsx(Dialog.Root, {
-			open,
-			onOpenChange: handleOpenChange,
-			modal,
-			closeOnEscape,
-			closeOnInteractOutside,
-			children: t11
-		});
-		$[13] = closeOnEscape;
-		$[14] = closeOnInteractOutside;
-		$[15] = handleOpenChange;
-		$[16] = modal;
-		$[17] = open;
-		$[18] = t11;
-		$[19] = t12;
-	} else t12 = $[19];
-	return t12;
-};
-const Header = (t0) => {
-	const $ = c(6);
-	const { style, className, children } = t0;
-	let t1;
-	if ($[0] !== className) {
-		t1 = classNames(ds_modal_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_modal_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(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_modal_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_modal_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_modal_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;
-};
-DsModal.Header = Header;
-DsModal.Title = Title;
-DsModal.CloseTrigger = CloseTrigger;
-DsModal.Body = Body;
-DsModal.Footer = Footer;
-DsModal.Actions = Actions;
-var ds_modal_default = DsModal;
-
-//#endregion
-export { ds_modal_default as default };
-//# sourceMappingURL=ds-modal.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ds-modal.js","names":["CSSProperties","ReactNode","Dialog","Portal","classNames","DsModalProps","styles","DsIcon","DsTypography","DsModal","t0","$","_c","open","columns","t1","dividers","t2","style","className","modal","t3","closeOnEscape","closeOnInteractOutside","t4","children","onOpenChange","undefined","t5","details","handleOpenChange","t6","Symbol","for","overlay","t7","t8","t9","t10","content","t11","t12","Header","header","Title","title","CloseTrigger","Body","body","Footer","footer","Actions","actions"],"sources":["../../../src/components/ds-modal/ds-modal.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 type { DsModalProps } from './ds-modal.types';\nimport styles from './ds-modal.module.scss';\nimport { DsIcon } from '../ds-icon';\nimport { DsTypography } from '../ds-typography';\n\n/**\n * Composable modal dialog.\n * Supports custom header, footer, and body content with grid-based sizing.\n * Use columns prop to control modal width (1-12 grid columns).\n */\nconst DsModal = ({\n\topen,\n\tcolumns = 6,\n\tdividers = false,\n\tstyle,\n\tclassName,\n\tmodal = true,\n\tcloseOnEscape,\n\tcloseOnInteractOutside = false,\n\tchildren,\n\tonOpenChange,\n}: DsModalProps) => {\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={modal}\n\t\t\tcloseOnEscape={closeOnEscape}\n\t\t\tcloseOnInteractOutside={closeOnInteractOutside}\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\n\t\t\t\t\t\tstyle={style}\n\t\t\t\t\t\tclassName={classNames(\n\t\t\t\t\t\t\tstyles.modal,\n\t\t\t\t\t\t\tclassName,\n\n\t\t\t\t\t\t\t// eslint-disable-next-line @typescript-eslint/restrict-template-expressions\n\t\t\t\t\t\t\tstyles[`cols-${columns}`],\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className={styles.content} data-dividers={dividers || undefined}>\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=\"heading3\">{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\nDsModal.Header = Header;\nDsModal.Title = Title;\nDsModal.CloseTrigger = CloseTrigger;\nDsModal.Body = Body;\nDsModal.Footer = Footer;\nDsModal.Actions = Actions;\n\nexport default DsModal;\n"],"mappings":"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"}