@drivenets/design-system 0.6.0 → 0.7.0

package/dist/components/ds-dialog/ds-dialog.types.d.ts

@@ -1,55 +0,0 @@
-import React from "react";
-
-//#region src/components/ds-dialog/ds-dialog.types.d.ts
-interface DsDialogProps {
-  /**
-   * Controls whether the dialog is open.
-   */
-  open: boolean;
-  /**
-   * Callback fired when the open state should change.
-   */
-  onOpenChange?: (open: boolean) => void;
-  /**
-   * The accessible title for the dialog. Required for accessibility.
-   */
-  title: string;
-  /**
-   * If true, the dialog title will be visually hidden but accessible to screen readers.
-   */
-  hideTitle?: boolean;
-  /**
-   * The accessible description for the dialog. Optional, but recommended for accessibility.
-   */
-  description?: string;
-  /**
-   * If true, the dialog description will be visually hidden but accessible to screen readers.
-   */
-  hideDescription?: boolean;
-  /**
-   * The content to render inside the dialog.
-   */
-  children: React.ReactNode;
-  /**
-   * Additional CSS class names for the dialog container.
-   */
-  className?: string;
-  /**
-   * Ref to the element the dialog should be anchored to (for relative placement)
-   */
-  anchorRef?: React.RefObject<HTMLElement>;
-  /**
-   * Custom fixed position (e.g., { top: number, left: number })
-   */
-  customPosition?: {
-    top: number;
-    left: number;
-  };
-  /**
-   * If true, show modal overlay and center dialog (default: true)
-   */
-  modal?: boolean;
-}
-//#endregion
-export { DsDialogProps };
-//# sourceMappingURL=ds-dialog.types.d.ts.map

package/dist/components/ds-dialog/ds-dialog.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ds-dialog.types.d.ts","names":[],"sources":["../../../src/components/ds-dialog/ds-dialog.types.tsx"],"sourcesContent":[],"mappings":";;;UAEiB,aAAA;;AAAjB;;EAoC6B,IAAA,EAAA,OAAA;EAAhB;;;;;;;;;;;;;;;;;;;;;;;YARF,KAAA,CAAM;;;;;;;;cAQJ,KAAA,CAAM,UAAU"}

package/dist/components/ds-dialog/index.cjs

@@ -1 +0,0 @@
-const require_ds_dialog = require('./ds-dialog.cjs');

package/dist/components/ds-dialog/index.d.ts

@@ -1,2 +0,0 @@
-import { DsDialogProps } from "./ds-dialog.types.js";
-import { DsDialog } from "./ds-dialog.js";

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

@@ -1 +0,0 @@
-import ds_dialog_default from "./ds-dialog.js";

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

@@ -1,47 +0,0 @@
-const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
-const require_ds_divider_module = require('./ds-divider.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");
-
-//#region src/components/ds-divider/ds-divider.tsx
-const DsDivider = (t0) => {
-	const $ = (0, react_compiler_runtime.c)(9);
-	const { orientation: t1, component, style, className } = t0;
-	const orientation = t1 === void 0 ? "horizontal" : t1;
-	const isVertical = orientation === "vertical";
-	const Component = component ?? (isVertical ? "div" : "hr");
-	const t2 = !isVertical;
-	let t3;
-	if ($[0] !== className || $[1] !== isVertical || $[2] !== t2) {
-		t3 = (0, classnames.default)(require_ds_divider_module.default.divider, {
-			[require_ds_divider_module.default.vertical]: isVertical,
-			[require_ds_divider_module.default.horizontal]: t2
-		}, className);
-		$[0] = className;
-		$[1] = isVertical;
-		$[2] = t2;
-		$[3] = t3;
-	} else t3 = $[3];
-	const classes = t3;
-	let t4;
-	if ($[4] !== Component || $[5] !== classes || $[6] !== orientation || $[7] !== style) {
-		t4 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Component, {
-			role: "separator",
-			"aria-orientation": orientation,
-			className: classes,
-			style
-		});
-		$[4] = Component;
-		$[5] = classes;
-		$[6] = orientation;
-		$[7] = style;
-		$[8] = t4;
-	} else t4 = $[8];
-	return t4;
-};
-var ds_divider_default = DsDivider;
-
-//#endregion
-exports.default = ds_divider_default;

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

@@ -1,8 +0,0 @@
-import { DsDividerProps } from "./ds-divider.types.cjs";
-import React from "react";
-
-//#region src/components/ds-divider/ds-divider.d.ts
-declare const DsDivider: React.FC<DsDividerProps>;
-//#endregion
-export { DsDivider };
-//# sourceMappingURL=ds-divider.d.cts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ds-divider.d.cts","names":[],"sources":["../../../src/components/ds-divider/ds-divider.tsx"],"sourcesContent":[],"mappings":";;;;cAKM,WAAW,KAAA,CAAM,GAAG"}

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

@@ -1,8 +0,0 @@
-import { DsDividerProps } from "./ds-divider.types.js";
-import React from "react";
-
-//#region src/components/ds-divider/ds-divider.d.ts
-declare const DsDivider: React.FC<DsDividerProps>;
-//#endregion
-export { DsDivider };
-//# sourceMappingURL=ds-divider.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ds-divider.d.ts","names":[],"sources":["../../../src/components/ds-divider/ds-divider.tsx"],"sourcesContent":[],"mappings":";;;;cAKM,WAAW,KAAA,CAAM,GAAG"}

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

@@ -1,46 +0,0 @@
-import ds_divider_module_default from "./ds-divider.module.js";
-import { c } from "react/compiler-runtime";
-import classNames from "classnames";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/components/ds-divider/ds-divider.tsx
-const DsDivider = (t0) => {
-	const $ = c(9);
-	const { orientation: t1, component, style, className } = t0;
-	const orientation = t1 === void 0 ? "horizontal" : t1;
-	const isVertical = orientation === "vertical";
-	const Component = component ?? (isVertical ? "div" : "hr");
-	const t2 = !isVertical;
-	let t3;
-	if ($[0] !== className || $[1] !== isVertical || $[2] !== t2) {
-		t3 = classNames(ds_divider_module_default.divider, {
-			[ds_divider_module_default.vertical]: isVertical,
-			[ds_divider_module_default.horizontal]: t2
-		}, className);
-		$[0] = className;
-		$[1] = isVertical;
-		$[2] = t2;
-		$[3] = t3;
-	} else t3 = $[3];
-	const classes = t3;
-	let t4;
-	if ($[4] !== Component || $[5] !== classes || $[6] !== orientation || $[7] !== style) {
-		t4 = /* @__PURE__ */ jsx(Component, {
-			role: "separator",
-			"aria-orientation": orientation,
-			className: classes,
-			style
-		});
-		$[4] = Component;
-		$[5] = classes;
-		$[6] = orientation;
-		$[7] = style;
-		$[8] = t4;
-	} else t4 = $[8];
-	return t4;
-};
-var ds_divider_default = DsDivider;
-
-//#endregion
-export { ds_divider_default as default };
-//# sourceMappingURL=ds-divider.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ds-divider.js","names":["React","classNames","styles","DsDividerProps","DsDivider","FC","t0","$","_c","orientation","t1","component","style","className","undefined","isVertical","Component","t2","t3","divider","vertical","horizontal","classes","t4"],"sources":["../../../src/components/ds-divider/ds-divider.tsx"],"sourcesContent":["import type React from 'react';\nimport classNames from 'classnames';\nimport styles from './ds-divider.module.scss';\nimport { type DsDividerProps } from './ds-divider.types';\n\nconst DsDivider: React.FC<DsDividerProps> = ({ orientation = 'horizontal', component, style, className }) => {\n\tconst isVertical = orientation === 'vertical';\n\tconst Component = component ?? (isVertical ? 'div' : 'hr');\n\n\tconst classes = classNames(\n\t\tstyles.divider,\n\t\t{\n\t\t\t[styles.vertical]: isVertical,\n\t\t\t[styles.horizontal]: !isVertical,\n\t\t},\n\t\tclassName,\n\t);\n\n\treturn <Component role=\"separator\" aria-orientation={orientation} className={classes} style={style} />;\n};\n\nexport default DsDivider;\n"],"mappings":";;;;;;AAKA,MAAMI,aAAsCE,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAC,MAAA,EAAAC,aAAAC,IAAAC,WAAAC,OAAAC,cAAAP;CAAE,MAAAG,cAAAC,OAAAI,SAAA,eAAAJ;CAC9C,MAAAK,aAAmBN,gBAAgB;CACnC,MAAAO,YAAkBL,cAAcI,aAAA,QAAA;CAMT,MAAAE,KAAA,CAACF;CAAU,IAAAG;AAAA,KAAAX,EAAA,OAAAM,aAAAN,EAAA,OAAAQ,cAAAR,EAAA,OAAAU,IAAA;AAJlBC,OAAAjB,WACfC,0BAAMiB,SACN;IACEjB,0BAAMkB,WAAYL;IAClBb,0BAAMmB,aAAcJ;GACrB,EACDJ,UACA;AAAAN,IAAA,KAAAM;AAAAN,IAAA,KAAAQ;AAAAR,IAAA,KAAAU;AAAAV,IAAA,KAAAW;OAAAA,MAAAX,EAAA;CAPD,MAAAe,UAAgBJ;CAOd,IAAAK;AAAA,KAAAhB,EAAA,OAAAS,aAAAT,EAAA,OAAAe,WAAAf,EAAA,OAAAE,eAAAF,EAAA,OAAAK,OAAA;AAEKW,OAAA,oBAAC;GAAe,MAAA;GAA8Bd,oBAAAA;GAAwBa,WAAAA;GAAgBV;IAAS;AAAAL,IAAA,KAAAS;AAAAT,IAAA,KAAAe;AAAAf,IAAA,KAAAE;AAAAF,IAAA,KAAAK;AAAAL,IAAA,KAAAgB;OAAAA,MAAAhB,EAAA;AAAA,QAA/FgB;;AAGR,yBAAenB"}

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

@@ -1,10 +0,0 @@
-
-//#region src/components/ds-divider/ds-divider.module.scss
-var ds_divider_module_default = {
-	"divider": "_divider_s6hux_1",
-	"horizontal": "_horizontal_s6hux_1",
-	"vertical": "_vertical_s6hux_1"
-};
-
-//#endregion
-exports.default = ds_divider_module_default;

package/dist/components/ds-divider/ds-divider.module.js

@@ -1,10 +0,0 @@
-//#region src/components/ds-divider/ds-divider.module.scss
-var ds_divider_module_default = {
-	"divider": "_divider_s6hux_1",
-	"horizontal": "_horizontal_s6hux_1",
-	"vertical": "_vertical_s6hux_1"
-};
-
-//#endregion
-export { ds_divider_module_default as default };
-//# sourceMappingURL=ds-divider.module.js.map

package/dist/components/ds-divider/ds-divider.module.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ds-divider.module.js","names":[],"sources":["../../../src/components/ds-divider/ds-divider.module.scss"],"sourcesContent":[".divider {\n\tdisplay: block;\n\n\tborder: 0;\n\tpadding: 0;\n\tcolor: transparent;\n\n\tbackground-color: var(--color-border-secondary);\n\tflex-shrink: 0;\n}\n\n.horizontal {\n\twidth: 100%;\n\theight: 1px;\n}\n\n.vertical {\n\twidth: 1px;\n\theight: auto;\n\talign-self: stretch;\n}\n"],"mappings":""}

package/dist/components/ds-divider/ds-divider.types.d.cts

@@ -1,25 +0,0 @@
-import React from "react";
-
-//#region src/components/ds-divider/ds-divider.types.d.ts
-interface DsDividerProps {
-  /**
-   * Controls orientation of the divider. Horizontal by default.
-   */
-  orientation?: 'horizontal' | 'vertical';
-  /**
-   * Underlying element/component to render.
-   * Examples: "hr", "div", "span", Link, etc.
-   */
-  component?: React.ElementType;
-  /**
-   * Additional CSS styles.
-   */
-  style?: React.CSSProperties;
-  /**
-   * Additional CSS classes.
-   */
-  className?: string;
-}
-//#endregion
-export { DsDividerProps };
-//# sourceMappingURL=ds-divider.types.d.cts.map

package/dist/components/ds-divider/ds-divider.types.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ds-divider.types.d.cts","names":[],"sources":["../../../src/components/ds-divider/ds-divider.types.ts"],"sourcesContent":[],"mappings":";;;UAEiB,cAAA;;AAAjB;;;;;;;cASa,KAAA,CAAM;;;;UAIV,KAAA,CAAM"}

package/dist/components/ds-divider/ds-divider.types.d.ts

@@ -1,25 +0,0 @@
-import React from "react";
-
-//#region src/components/ds-divider/ds-divider.types.d.ts
-interface DsDividerProps {
-  /**
-   * Controls orientation of the divider. Horizontal by default.
-   */
-  orientation?: 'horizontal' | 'vertical';
-  /**
-   * Underlying element/component to render.
-   * Examples: "hr", "div", "span", Link, etc.
-   */
-  component?: React.ElementType;
-  /**
-   * Additional CSS styles.
-   */
-  style?: React.CSSProperties;
-  /**
-   * Additional CSS classes.
-   */
-  className?: string;
-}
-//#endregion
-export { DsDividerProps };
-//# sourceMappingURL=ds-divider.types.d.ts.map

package/dist/components/ds-divider/ds-divider.types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ds-divider.types.d.ts","names":[],"sources":["../../../src/components/ds-divider/ds-divider.types.ts"],"sourcesContent":[],"mappings":";;;UAEiB,cAAA;;AAAjB;;;;;;;cASa,KAAA,CAAM;;;;UAIV,KAAA,CAAM"}

package/dist/components/ds-divider/index.cjs

@@ -1 +0,0 @@
-const require_ds_divider = require('./ds-divider.cjs');

package/dist/components/ds-divider/index.d.ts

@@ -1,2 +0,0 @@
-import { DsDividerProps } from "./ds-divider.types.js";
-import { DsDivider } from "./ds-divider.js";

package/dist/components/ds-divider/index.js

@@ -1 +0,0 @@
-import ds_divider_default from "./ds-divider.js";

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

@@ -1,297 +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_drawer_module = require('./ds-drawer.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 react = require("react");
-let _ark_ui_react_portal = require("@ark-ui/react/portal");
-let _ark_ui_react_dialog = require("@ark-ui/react/dialog");
-
-//#region src/components/ds-drawer/ds-drawer.tsx
-/**
-* Composable drawer component.
-* Supports grid-based sizing, flexible positioning, and compound components.
-* Use columns prop to control drawer width (1-12 grid columns).
-*/
-const DsDrawer = (t0) => {
-	const $ = (0, react_compiler_runtime.c)(25);
-	const { open, onOpenChange, columns: t1, position: t2, backdrop: t3, closeOnEscape: t4, closeOnInteractOutside: t5, portal: t6, style, className, children } = t0;
-	const columns = t1 === void 0 ? 4 : t1;
-	const position = t2 === void 0 ? "end" : t2;
-	const backdrop = t3 === void 0 ? false : t3;
-	const closeOnEscape = t4 === void 0 ? true : t4;
-	const closeOnInteractOutside = t5 === void 0 ? false : t5;
-	const portal = t6 === void 0 ? false : t6;
-	let t7;
-	if ($[0] !== onOpenChange) {
-		t7 = (details) => {
-			onOpenChange(details.open);
-		};
-		$[0] = onOpenChange;
-		$[1] = t7;
-	} else t7 = $[1];
-	const handleOpenChange = t7;
-	const Wrapper = portal ? _ark_ui_react_portal.Portal : react.Fragment;
-	let t8;
-	if ($[2] !== backdrop) {
-		t8 = backdrop && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_dialog.Dialog.Backdrop, { className: require_ds_drawer_module.default.backdrop });
-		$[2] = backdrop;
-		$[3] = t8;
-	} else t8 = $[3];
-	const t9 = require_ds_drawer_module.default[`position-${position}`];
-	const t10 = require_ds_drawer_module.default[`cols-${String(columns)}`];
-	let t11;
-	if ($[4] !== className || $[5] !== t10 || $[6] !== t9) {
-		t11 = (0, classnames.default)(require_ds_drawer_module.default.drawer, t9, className, t10);
-		$[4] = className;
-		$[5] = t10;
-		$[6] = t9;
-		$[7] = t11;
-	} else t11 = $[7];
-	let t12;
-	if ($[8] !== children) {
-		t12 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-			className: require_ds_drawer_module.default.content,
-			children
-		});
-		$[8] = children;
-		$[9] = t12;
-	} else t12 = $[9];
-	let t13;
-	if ($[10] !== style || $[11] !== t11 || $[12] !== t12) {
-		t13 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_dialog.Dialog.Positioner, {
-			className: require_ds_drawer_module.default.positioner,
-			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_dialog.Dialog.Content, {
-				style,
-				className: t11,
-				children: t12
-			})
-		});
-		$[10] = style;
-		$[11] = t11;
-		$[12] = t12;
-		$[13] = t13;
-	} else t13 = $[13];
-	let t14;
-	if ($[14] !== Wrapper || $[15] !== t13 || $[16] !== t8) {
-		t14 = /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(Wrapper, { children: [t8, t13] });
-		$[14] = Wrapper;
-		$[15] = t13;
-		$[16] = t8;
-		$[17] = t14;
-	} else t14 = $[17];
-	let t15;
-	if ($[18] !== backdrop || $[19] !== closeOnEscape || $[20] !== closeOnInteractOutside || $[21] !== handleOpenChange || $[22] !== open || $[23] !== t14) {
-		t15 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_dialog.Dialog.Root, {
-			open,
-			onOpenChange: handleOpenChange,
-			modal: backdrop,
-			closeOnEscape,
-			closeOnInteractOutside,
-			preventScroll: backdrop,
-			children: t14
-		});
-		$[18] = backdrop;
-		$[19] = closeOnEscape;
-		$[20] = closeOnInteractOutside;
-		$[21] = handleOpenChange;
-		$[22] = open;
-		$[23] = t14;
-		$[24] = t15;
-	} else t15 = $[24];
-	return t15;
-};
-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_drawer_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_drawer_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)(6);
-	const { style, className } = t0;
-	let t1;
-	if ($[0] !== className) {
-		t1 = (0, classnames.default)(require_ds_drawer_module.default.closeTrigger, className);
-		$[0] = className;
-		$[1] = t1;
-	} else t1 = $[1];
-	let t2;
-	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-		t2 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_ds_icon.default, {
-			icon: "close",
-			size: "small"
-		});
-		$[2] = t2;
-	} else t2 = $[2];
-	let t3;
-	if ($[3] !== style || $[4] !== t1) {
-		t3 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_ark_ui_react_dialog.Dialog.CloseTrigger, {
-			style,
-			className: t1,
-			children: t2
-		});
-		$[3] = style;
-		$[4] = t1;
-		$[5] = t3;
-	} else t3 = $[5];
-	return t3;
-};
-const Toolbar = (t0) => {
-	const $ = (0, react_compiler_runtime.c)(6);
-	const { style, className, children } = t0;
-	let t1;
-	if ($[0] !== className) {
-		t1 = (0, classnames.default)(require_ds_drawer_module.default.toolbar, 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 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_drawer_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_drawer_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_drawer_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;
-};
-DsDrawer.Header = Header;
-DsDrawer.Title = Title;
-DsDrawer.CloseTrigger = CloseTrigger;
-DsDrawer.Toolbar = Toolbar;
-DsDrawer.Body = Body;
-DsDrawer.Footer = Footer;
-DsDrawer.Actions = Actions;
-var ds_drawer_default = DsDrawer;
-
-//#endregion
-exports.default = ds_drawer_default;

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

@@ -1,90 +0,0 @@
-import { DsDrawerProps } from "./ds-drawer.types.cjs";
-import * as react_jsx_runtime18 from "react/jsx-runtime";
-import { CSSProperties, ReactNode } from "react";
-
-//#region src/components/ds-drawer/ds-drawer.d.ts
-
-/**
- * Composable drawer component.
- * Supports grid-based sizing, flexible positioning, and compound components.
- * Use columns prop to control drawer width (1-12 grid columns).
- */
-declare const DsDrawer: {
-  ({
-    open,
-    onOpenChange,
-    columns,
-    position,
-    backdrop,
-    closeOnEscape,
-    closeOnInteractOutside,
-    portal,
-    style,
-    className,
-    children
-  }: DsDrawerProps): react_jsx_runtime18.JSX.Element;
-  Header: ({
-    style,
-    className,
-    children
-  }: {
-    style?: CSSProperties;
-    className?: string;
-    children: ReactNode;
-  }) => react_jsx_runtime18.JSX.Element;
-  Title: ({
-    style,
-    className,
-    children
-  }: {
-    style?: CSSProperties;
-    className?: string;
-    children: ReactNode;
-  }) => react_jsx_runtime18.JSX.Element;
-  CloseTrigger: ({
-    style,
-    className
-  }: {
-    style?: CSSProperties;
-    className?: string;
-  }) => react_jsx_runtime18.JSX.Element;
-  Toolbar: ({
-    style,
-    className,
-    children
-  }: {
-    style?: CSSProperties;
-    className?: string;
-    children: ReactNode;
-  }) => react_jsx_runtime18.JSX.Element;
-  Body: ({
-    style,
-    className,
-    children
-  }: {
-    style?: CSSProperties;
-    className?: string;
-    children: ReactNode;
-  }) => react_jsx_runtime18.JSX.Element;
-  Footer: ({
-    style,
-    className,
-    children
-  }: {
-    style?: CSSProperties;
-    className?: string;
-    children: ReactNode;
-  }) => react_jsx_runtime18.JSX.Element;
-  Actions: ({
-    style,
-    className,
-    children
-  }: {
-    style?: CSSProperties;
-    className?: string;
-    children: ReactNode;
-  }) => react_jsx_runtime18.JSX.Element;
-};
-//#endregion
-export { DsDrawer };
-//# sourceMappingURL=ds-drawer.d.cts.map