@drivenets/design-system 0.2.0 → 0.4.0

package/dist/components/ds-loader/spinner-icon.js

@@ -0,0 +1,74 @@
+import ds_loader_module_default from "./ds-loader.module.js";
+import { c } from "react/compiler-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/ds-loader/spinner-icon.tsx
+const SpinnerIcon = () => {
+	const $ = c(4);
+	let t0;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t0 = /* @__PURE__ */ jsx("mask", {
+			id: "path-2-inside-1_14836_15182",
+			fill: "white",
+			children: /* @__PURE__ */ jsx("path", { d: "M12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4Z" })
+		});
+		$[0] = t0;
+	} else t0 = $[0];
+	let t1;
+	let t2;
+	if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = /* @__PURE__ */ jsx("g", {
+			clipPath: "url(#paint0_angular_14836_15182_clip_path)",
+			mask: "url(#path-2-inside-1_14836_15182)",
+			children: /* @__PURE__ */ jsx("g", {
+				transform: "matrix(-0.008 0 0 0.008 12 12)",
+				children: /* @__PURE__ */ jsx("foreignObject", {
+					x: "-1375",
+					y: "-1375",
+					width: "2750",
+					height: "2750",
+					children: /* @__PURE__ */ jsx("div", { className: ds_loader_module_default.spinnerGradient })
+				})
+			})
+		});
+		t2 = /* @__PURE__ */ jsx("path", {
+			d: "M12 4L12 7C9.23858 7 7 9.23858 7 12L4 12L1 12C1 5.92487 5.92487 1 12 1L12 4ZM4 12L7 12C7 14.7614 9.23858 17 12 17L12 20L12 23C5.92487 23 1 18.0751 1 12L4 12ZM12 20L12 17C14.7614 17 17 14.7614 17 12L20 12L23 12C23 18.0751 18.0751 23 12 23L12 20ZM20 12L17 12C17 9.23858 14.7614 7 12 7L12 4L12 1C18.0751 1 23 5.92487 23 12L20 12Z",
+			mask: "url(#path-2-inside-1_14836_15182)"
+		});
+		$[1] = t1;
+		$[2] = t2;
+	} else {
+		t1 = $[1];
+		t2 = $[2];
+	}
+	let t3;
+	if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+		t3 = /* @__PURE__ */ jsxs("svg", {
+			className: ds_loader_module_default.loader,
+			width: "24",
+			height: "24",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			xmlns: "http://www.w3.org/2000/svg",
+			children: [
+				t0,
+				t1,
+				t2,
+				/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", {
+					id: "paint0_angular_14836_15182_clip_path",
+					children: /* @__PURE__ */ jsx("path", {
+						d: "M12 4L12 7C9.23858 7 7 9.23858 7 12L4 12L1 12C1 5.92487 5.92487 1 12 1L12 4ZM4 12L7 12C7 14.7614 9.23858 17 12 17L12 20L12 23C5.92487 23 1 18.0751 1 12L4 12ZM12 20L12 17C14.7614 17 17 14.7614 17 12L20 12L23 12C23 18.0751 18.0751 23 12 23L12 20ZM20 12L17 12C17 9.23858 14.7614 7 12 7L12 4L12 1C18.0751 1 23 5.92487 23 12L20 12Z",
+						mask: "url(#path-2-inside-1_14836_15182)"
+					})
+				}) })
+			]
+		});
+		$[3] = t3;
+	} else t3 = $[3];
+	return t3;
+};
+var spinner_icon_default = SpinnerIcon;
+
+//#endregion
+export { spinner_icon_default as default };
+//# sourceMappingURL=spinner-icon.js.map

package/dist/components/ds-loader/spinner-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner-icon.js","names":["styles","SpinnerIcon","$","_c","t0","Symbol","for","t1","t2","spinnerGradient","t3","loader"],"sources":["../../../src/components/ds-loader/spinner-icon.tsx"],"sourcesContent":["import styles from './ds-loader.module.scss';\n\nconst SpinnerIcon = () => (\n\t<svg\n\t\tclassName={styles.loader}\n\t\twidth=\"24\"\n\t\theight=\"24\"\n\t\tviewBox=\"0 0 24 24\"\n\t\tfill=\"none\"\n\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t>\n\t\t<mask id=\"path-2-inside-1_14836_15182\" fill=\"white\">\n\t\t\t<path d=\"M12 4C7.58172 4 4 7.58172 4 12C4 16.4183 7.58172 20 12 20C16.4183 20 20 16.4183 20 12C20 7.58172 16.4183 4 12 4Z\" />\n\t\t</mask>\n\t\t<g clipPath=\"url(#paint0_angular_14836_15182_clip_path)\" mask=\"url(#path-2-inside-1_14836_15182)\">\n\t\t\t<g transform=\"matrix(-0.008 0 0 0.008 12 12)\">\n\t\t\t\t<foreignObject x=\"-1375\" y=\"-1375\" width=\"2750\" height=\"2750\">\n\t\t\t\t\t<div className={styles.spinnerGradient} />\n\t\t\t\t</foreignObject>\n\t\t\t</g>\n\t\t</g>\n\t\t<path\n\t\t\td=\"M12 4L12 7C9.23858 7 7 9.23858 7 12L4 12L1 12C1 5.92487 5.92487 1 12 1L12 4ZM4 12L7 12C7 14.7614 9.23858 17 12 17L12 20L12 23C5.92487 23 1 18.0751 1 12L4 12ZM12 20L12 17C14.7614 17 17 14.7614 17 12L20 12L23 12C23 18.0751 18.0751 23 12 23L12 20ZM20 12L17 12C17 9.23858 14.7614 7 12 7L12 4L12 1C18.0751 1 23 5.92487 23 12L20 12Z\"\n\t\t\tmask=\"url(#path-2-inside-1_14836_15182)\"\n\t\t/>\n\t\t<defs>\n\t\t\t<clipPath id=\"paint0_angular_14836_15182_clip_path\">\n\t\t\t\t<path\n\t\t\t\t\td=\"M12 4L12 7C9.23858 7 7 9.23858 7 12L4 12L1 12C1 5.92487 5.92487 1 12 1L12 4ZM4 12L7 12C7 14.7614 9.23858 17 12 17L12 20L12 23C5.92487 23 1 18.0751 1 12L4 12ZM12 20L12 17C14.7614 17 17 14.7614 17 12L20 12L23 12C23 18.0751 18.0751 23 12 23L12 20ZM20 12L17 12C17 9.23858 14.7614 7 12 7L12 4L12 1C18.0751 1 23 5.92487 23 12L20 12Z\"\n\t\t\t\t\tmask=\"url(#path-2-inside-1_14836_15182)\"\n\t\t\t\t/>\n\t\t\t</clipPath>\n\t\t</defs>\n\t</svg>\n);\n\nexport default SpinnerIcon;\n"],"mappings":";;;;;AAEA,MAAMC,oBAAc;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAA,IAAAC;AAAA,KAAAF,EAAA,OAAAG,OAAAC,IAAA,4BAAA,EAAA;AASlBF,OAAA,oBAAA;GAAS,IAAA;GAAmC,MAAA;aAC3C,oBAAA,UAAQ,GAAA,qHACT;IAAO;AAAAF,IAAA,KAAAE;OAAAA,MAAAF,EAAA;CAAA,IAAAK;CAAA,IAAAC;AAAA,KAAAN,EAAA,OAAAG,OAAAC,IAAA,4BAAA,EAAA;AACPC,OAAA,oBAAA;GAAY,UAAA;GAAkD,MAAA;aAC7D,oBAAA;IAAa,WAAA;cACZ,oBAAA;KAAiB,GAAA;KAAU,GAAA;KAAc,OAAA;KAAc,QAAA;eACtD,oBAAA,SAAgB,WAAAP,yBAAMS,kBACvB;MACD;KACD;IAAI;AACJD,OAAA,oBAAA;GACG,GAAA;GACG,MAAA;IACJ;AAAAN,IAAA,KAAAK;AAAAL,IAAA,KAAAM;QAAA;AAAAD,OAAAL,EAAA;AAAAM,OAAAN,EAAA;;CAAA,IAAAQ;AAAA,KAAAR,EAAA,OAAAG,OAAAC,IAAA,4BAAA,EAAA;AArBHI,OAAA,qBAAA;GACY,WAAAV,yBAAMW;GACX,OAAA;GACC,QAAA;GACC,SAAA;GACH,MAAA;GACC,OAAA;;IAENP;IAGAG;IAOAC;IAIA,oBAAA,oBACC,oBAAA;KAAa,IAAA;eACZ,oBAAA;MACG,GAAA;MACG,MAAA;OAEP;MACD,GACD;;IAAM;AAAAN,IAAA,KAAAQ;OAAAA,MAAAR,EAAA;AAAA,QA9BNQ;;AAiCD,2BAAeT"}

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

@@ -19,77 +19,76 @@ let __ark_ui_react_dialog = require("@ark-ui/react/dialog");
 */
 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 { open, columns: t1, dividers: t2, style, className, modal: t3, closeOnEscape, closeOnInteractOutside: t4, children, onOpenChange } = t0;
 	const columns = t1 === void 0 ? 6 : t1;
-	const modal = t2 === void 0 ? true : t2;
-	const closeOnInteractOutside = t3 === void 0 ? false : t3;
-	let t4;
+	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) {
-		t4 = (details) => {
+		t5 = (details) => {
 			onOpenChange(details.open);
 		};
 		$[0] = onOpenChange;
-		$[1] = t4;
-	} else t4 = $[1];
-	const handleOpenChange = t4;
-	let t5;
+		$[1] = t5;
+	} else t5 = $[1];
+	const handleOpenChange = t5;
+	let t6;
 	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];
+		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 ($[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,
+	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
 		});
-		$[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, {
+		$[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: t7,
-			children: t9
+			className: t8,
+			children: t10
 		}) })] });
 		$[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, {
+		$[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: t10
+			children: t11
 		});
 		$[13] = closeOnEscape;
 		$[14] = closeOnInteractOutside;
 		$[15] = handleOpenChange;
 		$[16] = modal;
 		$[17] = open;
-		$[18] = t10;
-		$[19] = t11;
-	} else t11 = $[19];
-	return t11;
+		$[18] = t11;
+		$[19] = t12;
+	} else t12 = $[19];
+	return t12;
 };
 const Header = (t0) => {
 	const $ = (0, react_compiler_runtime.c)(6);

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

@@ -1,5 +1,5 @@
 import { DsModalProps } from "./ds-modal.types.cjs";
-import * as react_jsx_runtime28 from "react/jsx-runtime";
+import * as react_jsx_runtime30 from "react/jsx-runtime";
 import { CSSProperties, ReactNode } from "react";
 
 //#region src/components/ds-modal/ds-modal.d.ts
@@ -12,15 +12,16 @@ import { CSSProperties, ReactNode } from "react";
 declare const DsModal: {
   ({
     open,
-    onOpenChange,
     columns,
+    dividers,
     style,
     className,
     modal,
     closeOnEscape,
     closeOnInteractOutside,
-    children
-  }: DsModalProps): react_jsx_runtime28.JSX.Element;
+    children,
+    onOpenChange
+  }: DsModalProps): react_jsx_runtime30.JSX.Element;
   Header: ({
     style,
     className,
@@ -29,7 +30,7 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime28.JSX.Element;
+  }) => react_jsx_runtime30.JSX.Element;
   Title: ({
     style,
     className,
@@ -38,14 +39,14 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime28.JSX.Element;
+  }) => react_jsx_runtime30.JSX.Element;
   CloseTrigger: ({
     style,
     className
   }: {
     style?: CSSProperties;
     className?: string;
-  }) => react_jsx_runtime28.JSX.Element;
+  }) => react_jsx_runtime30.JSX.Element;
   Body: ({
     style,
     className,
@@ -54,7 +55,7 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime28.JSX.Element;
+  }) => react_jsx_runtime30.JSX.Element;
   Footer: ({
     style,
     className,
@@ -63,7 +64,7 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime28.JSX.Element;
+  }) => react_jsx_runtime30.JSX.Element;
   Actions: ({
     style,
     className,
@@ -72,7 +73,7 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime28.JSX.Element;
+  }) => react_jsx_runtime30.JSX.Element;
 };
 //#endregion
 export { DsModal };

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

@@ -1 +1 @@
-{"version":3,"file":"ds-modal.d.cts","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"}
+{"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,5 +1,5 @@
 import { DsModalProps } from "./ds-modal.types.js";
-import * as react_jsx_runtime7 from "react/jsx-runtime";
+import * as react_jsx_runtime14 from "react/jsx-runtime";
 import { CSSProperties, ReactNode } from "react";
 
 //#region src/components/ds-modal/ds-modal.d.ts
@@ -12,15 +12,16 @@ import { CSSProperties, ReactNode } from "react";
 declare const DsModal: {
   ({
     open,
-    onOpenChange,
     columns,
+    dividers,
     style,
     className,
     modal,
     closeOnEscape,
     closeOnInteractOutside,
-    children
-  }: DsModalProps): react_jsx_runtime7.JSX.Element;
+    children,
+    onOpenChange
+  }: DsModalProps): react_jsx_runtime14.JSX.Element;
   Header: ({
     style,
     className,
@@ -29,7 +30,7 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime7.JSX.Element;
+  }) => react_jsx_runtime14.JSX.Element;
   Title: ({
     style,
     className,
@@ -38,14 +39,14 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime7.JSX.Element;
+  }) => react_jsx_runtime14.JSX.Element;
   CloseTrigger: ({
     style,
     className
   }: {
     style?: CSSProperties;
     className?: string;
-  }) => react_jsx_runtime7.JSX.Element;
+  }) => react_jsx_runtime14.JSX.Element;
   Body: ({
     style,
     className,
@@ -54,7 +55,7 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime7.JSX.Element;
+  }) => react_jsx_runtime14.JSX.Element;
   Footer: ({
     style,
     className,
@@ -63,7 +64,7 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime7.JSX.Element;
+  }) => react_jsx_runtime14.JSX.Element;
   Actions: ({
     style,
     className,
@@ -72,7 +73,7 @@ declare const DsModal: {
     style?: CSSProperties;
     className?: string;
     children: ReactNode;
-  }) => react_jsx_runtime7.JSX.Element;
+  }) => react_jsx_runtime14.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;;;;;;;;;;;;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

@@ -17,77 +17,76 @@ import { Dialog } from "@ark-ui/react/dialog";
 */
 const DsModal = (t0) => {
 	const $ = c(20);
-	const { open, onOpenChange, columns: t1, style, className, modal: t2, closeOnEscape, closeOnInteractOutside: t3, children } = t0;
+	const { open, columns: t1, dividers: t2, style, className, modal: t3, closeOnEscape, closeOnInteractOutside: t4, children, onOpenChange } = t0;
 	const columns = t1 === void 0 ? 6 : t1;
-	const modal = t2 === void 0 ? true : t2;
-	const closeOnInteractOutside = t3 === void 0 ? false : t3;
-	let t4;
+	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) {
-		t4 = (details) => {
+		t5 = (details) => {
 			onOpenChange(details.open);
 		};
 		$[0] = onOpenChange;
-		$[1] = t4;
-	} else t4 = $[1];
-	const handleOpenChange = t4;
-	let t5;
+		$[1] = t5;
+	} else t5 = $[1];
+	const handleOpenChange = t5;
+	let t6;
 	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t5 = /* @__PURE__ */ jsx(Dialog.Backdrop, { className: ds_modal_module_default.overlay });
-		$[2] = t5;
-	} else t5 = $[2];
-	const t6 = ds_modal_module_default[`cols-${String(columns)}`];
-	let t7;
-	if ($[3] !== className || $[4] !== t6) {
-		t7 = classNames(ds_modal_module_default.modal, t6, className);
-		$[3] = className;
-		$[4] = t6;
-		$[5] = t7;
-	} else t7 = $[5];
+		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 ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-		t8 = classNames(ds_modal_module_default.content);
-		$[6] = t8;
-	} else t8 = $[6];
-	let t9;
-	if ($[7] !== children) {
-		t9 = /* @__PURE__ */ jsx("div", {
-			className: 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
 		});
-		$[7] = children;
-		$[8] = t9;
-	} else t9 = $[8];
-	let t10;
-	if ($[9] !== style || $[10] !== t7 || $[11] !== t9) {
-		t10 = /* @__PURE__ */ jsxs(Portal, { children: [t5, /* @__PURE__ */ jsx(Dialog.Positioner, { children: /* @__PURE__ */ jsx(Dialog.Content, {
+		$[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: t7,
-			children: t9
+			className: t8,
+			children: t10
 		}) })] });
 		$[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__ */ jsx(Dialog.Root, {
+		$[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: t10
+			children: t11
 		});
 		$[13] = closeOnEscape;
 		$[14] = closeOnInteractOutside;
 		$[15] = handleOpenChange;
 		$[16] = modal;
 		$[17] = open;
-		$[18] = t10;
-		$[19] = t11;
-	} else t11 = $[19];
-	return t11;
+		$[18] = t11;
+		$[19] = t12;
+	} else t12 = $[19];
+	return t12;
 };
 const Header = (t0) => {
 	const $ = c(6);

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

@@ -1 +1 @@
-{"version":3,"file":"ds-modal.js","names":["CSSProperties","ReactNode","Dialog","Portal","classNames","DsModalProps","styles","DsIcon","DsTypography","DsModal","t0","$","_c","open","onOpenChange","columns","t1","style","className","modal","t2","closeOnEscape","closeOnInteractOutside","t3","children","undefined","t4","details","handleOpenChange","t5","Symbol","for","overlay","t6","String","t7","t8","content","t9","t10","t11","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\tonOpenChange,\n\tcolumns = 6,\n\tstyle,\n\tclassName,\n\tmodal = true,\n\tcloseOnEscape,\n\tcloseOnInteractOutside = false,\n\tchildren,\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(styles.modal, styles[`cols-${String(columns)}`], className)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className={classNames(styles.content)}>{children}</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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"}
+{"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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"}

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

@@ -1,30 +1,30 @@
 
 //#region src/components/ds-modal/ds-modal.module.scss
 var ds_modal_module_default = {
-	"overlay": "_overlay_rw1e4_1",
-	"fade-in-overlay": "_fade-in-overlay_rw1e4_1",
-	"fade-out-overlay": "_fade-out-overlay_rw1e4_1",
-	"modal": "_modal_rw1e4_1",
-	"scale-in-modal": "_scale-in-modal_rw1e4_1",
-	"scale-out-modal": "_scale-out-modal_rw1e4_1",
-	"content": "_content_rw1e4_1",
-	"header": "_header_rw1e4_1",
-	"footer": "_footer_rw1e4_1",
-	"body": "_body_rw1e4_1",
-	"title": "_title_rw1e4_1",
-	"actions": "_actions_rw1e4_1",
-	"cols-1": "_cols-1_rw1e4_1",
-	"cols-2": "_cols-2_rw1e4_1",
-	"cols-3": "_cols-3_rw1e4_1",
-	"cols-4": "_cols-4_rw1e4_1",
-	"cols-5": "_cols-5_rw1e4_1",
-	"cols-6": "_cols-6_rw1e4_1",
-	"cols-7": "_cols-7_rw1e4_1",
-	"cols-8": "_cols-8_rw1e4_1",
-	"cols-9": "_cols-9_rw1e4_1",
-	"cols-10": "_cols-10_rw1e4_1",
-	"cols-11": "_cols-11_rw1e4_1",
-	"cols-12": "_cols-12_rw1e4_1"
+	"overlay": "_overlay_5aciv_1",
+	"fade-in-overlay": "_fade-in-overlay_5aciv_1",
+	"fade-out-overlay": "_fade-out-overlay_5aciv_1",
+	"modal": "_modal_5aciv_1",
+	"scale-in-modal": "_scale-in-modal_5aciv_1",
+	"scale-out-modal": "_scale-out-modal_5aciv_1",
+	"content": "_content_5aciv_1",
+	"header": "_header_5aciv_1",
+	"footer": "_footer_5aciv_1",
+	"body": "_body_5aciv_1",
+	"title": "_title_5aciv_1",
+	"actions": "_actions_5aciv_1",
+	"cols-1": "_cols-1_5aciv_1",
+	"cols-2": "_cols-2_5aciv_1",
+	"cols-3": "_cols-3_5aciv_1",
+	"cols-4": "_cols-4_5aciv_1",
+	"cols-5": "_cols-5_5aciv_1",
+	"cols-6": "_cols-6_5aciv_1",
+	"cols-7": "_cols-7_5aciv_1",
+	"cols-8": "_cols-8_5aciv_1",
+	"cols-9": "_cols-9_5aciv_1",
+	"cols-10": "_cols-10_5aciv_1",
+	"cols-11": "_cols-11_5aciv_1",
+	"cols-12": "_cols-12_5aciv_1"
 };
 
 //#endregion