@drivenets/design-system 0.3.0 → 0.4.0

package/dist/components/ds-dropdown-menu/ds-dropdown-menu.js

@@ -6,10 +6,10 @@ import ds_text_input_default from "../ds-text-input/ds-text-input.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 { Fragment as Fragment$1, createContext, useContext, useState } from "react";
 import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
 import { Menu } from "@ark-ui/react/menu";
-import { Portal } from "@ark-ui/react/portal";
 
 //#region src/components/ds-dropdown-menu/ds-dropdown-menu.tsx
 const GroupContext = createContext(null);

package/dist/components/ds-dropdown-menu/ds-dropdown-menu.module.cjs

@@ -1,26 +1,26 @@
 
 //#region src/components/ds-dropdown-menu/ds-dropdown-menu.module.scss
 var ds_dropdown_menu_module_default = {
-	"content": "_content_1cepy_1",
-	"expand": "_expand_1cepy_1",
-	"collapse": "_collapse_1cepy_1",
-	"header": "_header_1cepy_1",
-	"item": "_item_1cepy_1",
-	"indicator": "_indicator_1cepy_1",
-	"itemIcon": "_itemIcon_1cepy_1",
-	"triggerItem": "_triggerItem_1cepy_1",
-	"selected": "_selected_1cepy_1",
-	"label": "_label_1cepy_1",
-	"separator": "_separator_1cepy_1",
-	"actions": "_actions_1cepy_1",
-	"groupLabel": "_groupLabel_1cepy_1",
-	"groupLabelCollapsible": "_groupLabelCollapsible_1cepy_1",
-	"groupLabelIcon": "_groupLabelIcon_1cepy_1",
-	"groupLabelIconRotated": "_groupLabelIconRotated_1cepy_1",
-	"triggerItemIcon": "_triggerItemIcon_1cepy_1",
-	"contentLegacy": "_contentLegacy_1cepy_1",
-	"viewportLegacy": "_viewportLegacy_1cepy_1",
-	"itemLegacy": "_itemLegacy_1cepy_1"
+	"content": "_content_4g5n3_1",
+	"expand": "_expand_4g5n3_1",
+	"collapse": "_collapse_4g5n3_1",
+	"header": "_header_4g5n3_1",
+	"item": "_item_4g5n3_1",
+	"indicator": "_indicator_4g5n3_1",
+	"itemIcon": "_itemIcon_4g5n3_1",
+	"triggerItem": "_triggerItem_4g5n3_1",
+	"selected": "_selected_4g5n3_1",
+	"label": "_label_4g5n3_1",
+	"separator": "_separator_4g5n3_1",
+	"actions": "_actions_4g5n3_1",
+	"groupLabel": "_groupLabel_4g5n3_1",
+	"groupLabelCollapsible": "_groupLabelCollapsible_4g5n3_1",
+	"groupLabelIcon": "_groupLabelIcon_4g5n3_1",
+	"groupLabelIconRotated": "_groupLabelIconRotated_4g5n3_1",
+	"triggerItemIcon": "_triggerItemIcon_4g5n3_1",
+	"contentLegacy": "_contentLegacy_4g5n3_1",
+	"viewportLegacy": "_viewportLegacy_4g5n3_1",
+	"itemLegacy": "_itemLegacy_4g5n3_1"
 };
 
 //#endregion

package/dist/components/ds-dropdown-menu/ds-dropdown-menu.module.js

@@ -1,25 +1,25 @@
 //#region src/components/ds-dropdown-menu/ds-dropdown-menu.module.scss
 var ds_dropdown_menu_module_default = {
-	"content": "_content_1cepy_1",
-	"expand": "_expand_1cepy_1",
-	"collapse": "_collapse_1cepy_1",
-	"header": "_header_1cepy_1",
-	"item": "_item_1cepy_1",
-	"indicator": "_indicator_1cepy_1",
-	"itemIcon": "_itemIcon_1cepy_1",
-	"triggerItem": "_triggerItem_1cepy_1",
-	"selected": "_selected_1cepy_1",
-	"label": "_label_1cepy_1",
-	"separator": "_separator_1cepy_1",
-	"actions": "_actions_1cepy_1",
-	"groupLabel": "_groupLabel_1cepy_1",
-	"groupLabelCollapsible": "_groupLabelCollapsible_1cepy_1",
-	"groupLabelIcon": "_groupLabelIcon_1cepy_1",
-	"groupLabelIconRotated": "_groupLabelIconRotated_1cepy_1",
-	"triggerItemIcon": "_triggerItemIcon_1cepy_1",
-	"contentLegacy": "_contentLegacy_1cepy_1",
-	"viewportLegacy": "_viewportLegacy_1cepy_1",
-	"itemLegacy": "_itemLegacy_1cepy_1"
+	"content": "_content_4g5n3_1",
+	"expand": "_expand_4g5n3_1",
+	"collapse": "_collapse_4g5n3_1",
+	"header": "_header_4g5n3_1",
+	"item": "_item_4g5n3_1",
+	"indicator": "_indicator_4g5n3_1",
+	"itemIcon": "_itemIcon_4g5n3_1",
+	"triggerItem": "_triggerItem_4g5n3_1",
+	"selected": "_selected_4g5n3_1",
+	"label": "_label_4g5n3_1",
+	"separator": "_separator_4g5n3_1",
+	"actions": "_actions_4g5n3_1",
+	"groupLabel": "_groupLabel_4g5n3_1",
+	"groupLabelCollapsible": "_groupLabelCollapsible_4g5n3_1",
+	"groupLabelIcon": "_groupLabelIcon_4g5n3_1",
+	"groupLabelIconRotated": "_groupLabelIconRotated_4g5n3_1",
+	"triggerItemIcon": "_triggerItemIcon_4g5n3_1",
+	"contentLegacy": "_contentLegacy_4g5n3_1",
+	"viewportLegacy": "_viewportLegacy_4g5n3_1",
+	"itemLegacy": "_itemLegacy_4g5n3_1"
 };
 
 //#endregion

package/dist/components/ds-dropdown-menu/ds-dropdown-menu.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"ds-dropdown-menu.module.js","names":[],"sources":["../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/components/ds-dropdown-menu/ds-dropdown-menu.module.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/shared/_dropdown.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/mixins/_bounding-box.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/_typography.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/_variables.scss"],"sourcesContent":["@use '../../styles/typography';\n@use '../../styles/shared/dropdown';\n\n.content {\n\t@include dropdown.dropdown-content;\n\tdisplay: flex;\n\tflex-direction: column;\n\tmax-height: var(--available-height, 400px);\n\toverflow-y: auto;\n\twidth: auto;\n\tz-index: var(--layer-index);\n\n\t&:focus-visible {\n\t\toutline-offset: 2px;\n\t}\n\n\t&[hidden] {\n\t\tdisplay: none;\n\t}\n}\n\n.header {\n\tposition: sticky;\n\ttop: 0;\n\tz-index: 1;\n\tpadding: var(--spacing-3xs);\n\tborder-bottom: 1px solid var(--color-border-secondary);\n\tbackground-color: var(--color-background);\n}\n\n.item {\n\t@include dropdown.dropdown-item;\n\n\t.triggerItem {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: var(--spacing-xs);\n\t}\n\n\t&.selected {\n\t\t.indicator {\n\t\t\tdisplay: flex;\n\t\t\tmin-width: var(--icon-width-medium);\n\t\t\tmargin-left: auto;\n\t\t}\n\n\t\t&:hover {\n\t\t\t.indicator {\n\t\t\t\tcolor: var(--color-background-selected);\n\t\t\t}\n\t\t}\n\t}\n}\n\n.itemIcon {\n\tflex-shrink: 0;\n}\n\n.label {\n\tflex: 1;\n}\n\n.separator {\n\theight: 1px;\n\tbackground-color: var(--color-border-secondary);\n\tmargin: var(--spacing-4xs) var(--spacing-xs);\n}\n\n.actions {\n\tposition: sticky;\n\tbottom: -1px;\n\tz-index: 1;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: flex-end;\n\tgap: var(--spacing-xs);\n\tpadding: var(--spacing-3xs) var(--spacing-xs);\n\tborder-top: 1px solid var(--color-border-secondary);\n\tbackground-color: var(--color-background);\n}\n\n.groupLabel {\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: var(--spacing-3xs) var(--spacing-xs);\n\tbackground-color: var(--color-background);\n\toutline-offset: -1px;\n\n\t&Collapsible {\n\t\tjustify-content: space-between;\n\t\twidth: 100%;\n\t\ttext-align: left;\n\t\tcursor: pointer;\n\t\tborder: none;\n\t\ttransition: background-color 0.15s ease;\n\n\t\t&:hover {\n\t\t\tbackground-color: var(--color-background-action-hover-weak);\n\t\t}\n\t}\n}\n\n.groupLabelIcon {\n\tflex-shrink: 0;\n\n\t&Rotated {\n\t\ttransform: rotate(180deg);\n\t\ttransition: transform 0.2s ease-in-out;\n\t}\n}\n\n.triggerItemIcon {\n\tmargin-left: auto;\n}\n\n/** Legacy classes */\n.contentLegacy {\n\t@include dropdown.dropdown-content;\n\tmin-width: 200px;\n\twidth: var(--radix-select-trigger-width);\n}\n\n.viewportLegacy {\n\t@include dropdown.dropdown-viewport;\n}\n\n.itemLegacy {\n\t@include dropdown.dropdown-item;\n\t@include typography.p-special;\n\t@include typography.ellipsis;\n}\n"],"mappings":""}
+{"version":3,"file":"ds-dropdown-menu.module.js","names":[],"sources":["../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/components/ds-dropdown-menu/ds-dropdown-menu.module.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/shared/_dropdown.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/mixins/_bounding-box.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/_typography.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/_variables.scss"],"sourcesContent":["@use '../../styles/typography';\n@use '../../styles/shared/dropdown';\n\n.content {\n\t@include dropdown.dropdown-content;\n\tdisplay: flex;\n\tflex-direction: column;\n\tmax-height: var(--available-height, 400px);\n\toverflow-y: auto;\n\twidth: auto;\n\n\t&:focus-visible {\n\t\toutline-offset: 2px;\n\t}\n\n\t&[hidden] {\n\t\tdisplay: none;\n\t}\n}\n\n.header {\n\tposition: sticky;\n\ttop: 0;\n\tz-index: 1;\n\tpadding: var(--spacing-3xs);\n\tborder-bottom: 1px solid var(--color-border-secondary);\n\tbackground-color: var(--color-background);\n}\n\n.item {\n\t@include dropdown.dropdown-item;\n\n\t.triggerItem {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: var(--spacing-xs);\n\t}\n\n\t&.selected {\n\t\t.indicator {\n\t\t\tdisplay: flex;\n\t\t\tmin-width: var(--icon-width-medium);\n\t\t\tmargin-left: auto;\n\t\t}\n\n\t\t&:hover {\n\t\t\t.indicator {\n\t\t\t\tcolor: var(--color-background-selected);\n\t\t\t}\n\t\t}\n\t}\n}\n\n.itemIcon {\n\tflex-shrink: 0;\n}\n\n.label {\n\tflex: 1;\n}\n\n.separator {\n\theight: 1px;\n\tbackground-color: var(--color-border-secondary);\n\tmargin: var(--spacing-4xs) var(--spacing-xs);\n}\n\n.actions {\n\tposition: sticky;\n\tbottom: -1px;\n\tz-index: 1;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: flex-end;\n\tgap: var(--spacing-xs);\n\tpadding: var(--spacing-3xs) var(--spacing-xs);\n\tborder-top: 1px solid var(--color-border-secondary);\n\tbackground-color: var(--color-background);\n}\n\n.groupLabel {\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: var(--spacing-3xs) var(--spacing-xs);\n\tbackground-color: var(--color-background);\n\toutline-offset: -1px;\n\n\t&Collapsible {\n\t\tjustify-content: space-between;\n\t\twidth: 100%;\n\t\ttext-align: left;\n\t\tcursor: pointer;\n\t\tborder: none;\n\t\ttransition: background-color 0.15s ease;\n\n\t\t&:hover {\n\t\t\tbackground-color: var(--color-background-action-hover-weak);\n\t\t}\n\t}\n}\n\n.groupLabelIcon {\n\tflex-shrink: 0;\n\n\t&Rotated {\n\t\ttransform: rotate(180deg);\n\t\ttransition: transform 0.2s ease-in-out;\n\t}\n}\n\n.triggerItemIcon {\n\tmargin-left: auto;\n}\n\n/** Legacy classes */\n.contentLegacy {\n\t@include dropdown.dropdown-content;\n\tmin-width: 200px;\n\twidth: var(--radix-select-trigger-width);\n}\n\n.viewportLegacy {\n\t@include dropdown.dropdown-viewport;\n}\n\n.itemLegacy {\n\t@include dropdown.dropdown-item;\n\t@include typography.p-special;\n\t@include typography.ellipsis;\n}\n"],"mappings":""}

package/dist/components/ds-expandable-text-input/ds-expandable-text-input.d.cts

@@ -1,5 +1,5 @@
 import { DsExpandableTextInputProps } from "./ds-expandable-text-input.types.cjs";
-import * as react_jsx_runtime16 from "react/jsx-runtime";
+import * as react_jsx_runtime21 from "react/jsx-runtime";
 
 //#region src/components/ds-expandable-text-input/ds-expandable-text-input.d.ts
 declare function DsExpandableTextInput({
@@ -7,7 +7,7 @@ declare function DsExpandableTextInput({
   onExpandChange,
   icon,
   ...props
-}: DsExpandableTextInputProps): react_jsx_runtime16.JSX.Element;
+}: DsExpandableTextInputProps): react_jsx_runtime21.JSX.Element;
 //#endregion
 export { DsExpandableTextInput };
 //# sourceMappingURL=ds-expandable-text-input.d.cts.map

package/dist/components/ds-expandable-text-input/ds-expandable-text-input.d.ts

@@ -1,5 +1,5 @@
 import { DsExpandableTextInputProps } from "./ds-expandable-text-input.types.js";
-import * as react_jsx_runtime42 from "react/jsx-runtime";
+import * as react_jsx_runtime34 from "react/jsx-runtime";
 
 //#region src/components/ds-expandable-text-input/ds-expandable-text-input.d.ts
 declare function DsExpandableTextInput({
@@ -7,7 +7,7 @@ declare function DsExpandableTextInput({
   onExpandChange,
   icon,
   ...props
-}: DsExpandableTextInputProps): react_jsx_runtime42.JSX.Element;
+}: DsExpandableTextInputProps): react_jsx_runtime34.JSX.Element;
 //#endregion
 export { DsExpandableTextInput };
 //# sourceMappingURL=ds-expandable-text-input.d.ts.map

package/dist/components/ds-form-control/ds-form-control.d.cts

@@ -5,7 +5,7 @@ import { DsPasswordInputProps } from "../ds-password-input/ds-password-input.typ
 import { DsTextareaProps } from "../ds-textarea/ds-textarea.types.cjs";
 import { DsSelectProps } from "../ds-select/ds-select.types.cjs";
 import { DsFormControlDescriptionProps, DsFormControlProps } from "./ds-form-control.types.cjs";
-import * as react_jsx_runtime17 from "react/jsx-runtime";
+import * as react_jsx_runtime22 from "react/jsx-runtime";
 import React from "react";
 
 //#region src/components/ds-form-control/ds-form-control.d.ts
@@ -21,13 +21,13 @@ declare const DsFormControl: {
     className,
     style,
     children
-  }: DsFormControlProps): react_jsx_runtime17.JSX.Element;
-  TextInput: (props: DsTextInputProps) => react_jsx_runtime17.JSX.Element;
-  NumberInput: (props: DsNumberInputProps) => react_jsx_runtime17.JSX.Element;
-  PasswordInput: (props: DsPasswordInputProps) => react_jsx_runtime17.JSX.Element;
-  DateInput: (props: DsDateInputProps) => react_jsx_runtime17.JSX.Element;
-  Textarea: (props: DsTextareaProps) => react_jsx_runtime17.JSX.Element;
-  Select: (props: DsSelectProps) => react_jsx_runtime17.JSX.Element;
+  }: DsFormControlProps): react_jsx_runtime22.JSX.Element;
+  TextInput: (props: DsTextInputProps) => react_jsx_runtime22.JSX.Element;
+  NumberInput: (props: DsNumberInputProps) => react_jsx_runtime22.JSX.Element;
+  PasswordInput: (props: DsPasswordInputProps) => react_jsx_runtime22.JSX.Element;
+  DateInput: (props: DsDateInputProps) => react_jsx_runtime22.JSX.Element;
+  Textarea: (props: DsTextareaProps) => react_jsx_runtime22.JSX.Element;
+  Select: (props: DsSelectProps) => react_jsx_runtime22.JSX.Element;
   Description: React.FC<DsFormControlDescriptionProps>;
 };
 //#endregion

package/dist/components/ds-form-control/ds-form-control.d.ts

@@ -11,7 +11,7 @@ import "../ds-textarea/index.js";
 import { DsSelectProps } from "../ds-select/ds-select.types.js";
 import "../ds-select/index.js";
 import { DsFormControlDescriptionProps, DsFormControlProps } from "./ds-form-control.types.js";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 import React from "react";
 
 //#region src/components/ds-form-control/ds-form-control.d.ts
@@ -27,13 +27,13 @@ declare const DsFormControl: {
     className,
     style,
     children
-  }: DsFormControlProps): react_jsx_runtime0.JSX.Element;
-  TextInput: (props: DsTextInputProps) => react_jsx_runtime0.JSX.Element;
-  NumberInput: (props: DsNumberInputProps) => react_jsx_runtime0.JSX.Element;
-  PasswordInput: (props: DsPasswordInputProps) => react_jsx_runtime0.JSX.Element;
-  DateInput: (props: DsDateInputProps) => react_jsx_runtime0.JSX.Element;
-  Textarea: (props: DsTextareaProps) => react_jsx_runtime0.JSX.Element;
-  Select: (props: DsSelectProps) => react_jsx_runtime0.JSX.Element;
+  }: DsFormControlProps): react_jsx_runtime4.JSX.Element;
+  TextInput: (props: DsTextInputProps) => react_jsx_runtime4.JSX.Element;
+  NumberInput: (props: DsNumberInputProps) => react_jsx_runtime4.JSX.Element;
+  PasswordInput: (props: DsPasswordInputProps) => react_jsx_runtime4.JSX.Element;
+  DateInput: (props: DsDateInputProps) => react_jsx_runtime4.JSX.Element;
+  Textarea: (props: DsTextareaProps) => react_jsx_runtime4.JSX.Element;
+  Select: (props: DsSelectProps) => react_jsx_runtime4.JSX.Element;
   Description: React.FC<DsFormControlDescriptionProps>;
 };
 //#endregion

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

@@ -1,5 +1,5 @@
 import { DsLoaderProps } from "./ds-loader.types.cjs";
-import * as react_jsx_runtime24 from "react/jsx-runtime";
+import * as react_jsx_runtime29 from "react/jsx-runtime";
 
 //#region src/components/ds-loader/ds-loader.d.ts
 /**
@@ -9,7 +9,7 @@ declare const DsLoader: ({
   variant,
   className,
   ...props
-}: DsLoaderProps) => react_jsx_runtime24.JSX.Element;
+}: DsLoaderProps) => react_jsx_runtime29.JSX.Element;
 //#endregion
 export { DsLoader };
 //# sourceMappingURL=ds-loader.d.cts.map

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

@@ -1,5 +1,5 @@
 import { DsLoaderProps } from "./ds-loader.types.js";
-import * as react_jsx_runtime14 from "react/jsx-runtime";
+import * as react_jsx_runtime11 from "react/jsx-runtime";
 
 //#region src/components/ds-loader/ds-loader.d.ts
 /**
@@ -9,7 +9,7 @@ declare const DsLoader: ({
   variant,
   className,
   ...props
-}: DsLoaderProps) => react_jsx_runtime14.JSX.Element;
+}: DsLoaderProps) => react_jsx_runtime11.JSX.Element;
 //#endregion
 export { DsLoader };
 //# sourceMappingURL=ds-loader.d.ts.map

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-${columns}`];
-	let t7;
-	if ($[3] !== className || $[4] !== t6) {
-		t7 = (0, classnames.default)(require_ds_modal_module.default.modal, className, t6);
-		$[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_runtime25 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_runtime25.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_runtime25.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_runtime25.JSX.Element;
+  }) => react_jsx_runtime30.JSX.Element;
   CloseTrigger: ({
     style,
     className
   }: {
     style?: CSSProperties;
     className?: string;
-  }) => react_jsx_runtime25.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_runtime25.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_runtime25.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_runtime25.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;;;;;;YAuCN;;cAEE;QACV,mBAAA,CAAA,GAAA,CAAA;;;;;;IA1CE,KAAA,CAAA,EAqDM,aArDN;IAAY,SAAA,CAAA,EAAA,MAAA;cAuDJ;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_runtime15 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_runtime15.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_runtime15.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_runtime15.JSX.Element;
+  }) => react_jsx_runtime14.JSX.Element;
   CloseTrigger: ({
     style,
     className
   }: {
     style?: CSSProperties;
     className?: string;
-  }) => react_jsx_runtime15.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_runtime15.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_runtime15.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_runtime15.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,mBAAA,CAAA,GAAA,CAAA;;;;;;YAuCN;;cAEE;QACV,mBAAA,CAAA,GAAA,CAAA;;;;;;IA1CE,KAAA,CAAA,EAqDM,aArDN;IAAY,SAAA,CAAA,EAAA,MAAA;cAuDJ;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.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"}