@drivenets/design-system 0.0.2 → 0.0.4

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

@@ -0,0 +1,90 @@
+import { DsDrawerProps } from "./ds-drawer.types.js";
+import * as react_jsx_runtime19 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_runtime19.JSX.Element;
+  Header: ({
+    style,
+    className,
+    children
+  }: {
+    style?: CSSProperties;
+    className?: string;
+    children: ReactNode;
+  }) => react_jsx_runtime19.JSX.Element;
+  Title: ({
+    style,
+    className,
+    children
+  }: {
+    style?: CSSProperties;
+    className?: string;
+    children: ReactNode;
+  }) => react_jsx_runtime19.JSX.Element;
+  CloseTrigger: ({
+    style,
+    className
+  }: {
+    style?: CSSProperties;
+    className?: string;
+  }) => react_jsx_runtime19.JSX.Element;
+  Toolbar: ({
+    style,
+    className,
+    children
+  }: {
+    style?: CSSProperties;
+    className?: string;
+    children: ReactNode;
+  }) => react_jsx_runtime19.JSX.Element;
+  Body: ({
+    style,
+    className,
+    children
+  }: {
+    style?: CSSProperties;
+    className?: string;
+    children: ReactNode;
+  }) => react_jsx_runtime19.JSX.Element;
+  Footer: ({
+    style,
+    className,
+    children
+  }: {
+    style?: CSSProperties;
+    className?: string;
+    children: ReactNode;
+  }) => react_jsx_runtime19.JSX.Element;
+  Actions: ({
+    style,
+    className,
+    children
+  }: {
+    style?: CSSProperties;
+    className?: string;
+    children: ReactNode;
+  }) => react_jsx_runtime19.JSX.Element;
+};
+//#endregion
+export { DsDrawer };
+//# sourceMappingURL=ds-drawer.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-drawer.d.ts","names":[],"sources":["../../../src/components/ds-drawer/ds-drawer.tsx"],"sourcesContent":[],"mappings":";;;;;;;;;AAIuD;;cAUjD;;;;;;;;;;;;;KAYH,gBAAa,mBAAA,CAAA,GAAA,CAAA;;;;;;YAwCP;;cAEE;QACV,mBAAA,CAAA,GAAA,CAAA;;;;;EA3Ce;YAsDP;;IAtDN,QAAA,EAwDQ,SAxDR;EAAa,CAAA,EAAA,GAyDf,mBAAA,CAAA,GAAA,CAAA,OAzDe;;;;EAwCP;YAuB6C;;EAvB7C,CAAA,EAAA,GAuBgF,mBAAA,CAAA,GAAA,CAAA,OAvBhF;EAEE,OAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;GAAA,EAAA;IACV,KAAA,CAAA,EA+BQ,aA/BR;;cAiCU;QACV,mBAAA,CAAA,GAAA,CAAA;EAvBQ,IAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;GAAA,EAAA;IAEE,KAAA,CAAA,EAgCF,aAhCE;IACV,SAAA,CAAA,EAAA,MAAA;cAiCU;QACV,mBAAA,CAAA,GAAA,CAAA;EA5BqD,MAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;GAAA,EAAA;IAAmC,KAAA,CAAA,EAuChF,aAvCgF;;cAyC9E;QACV,mBAAA,CAAA,GAAA,CAAA;EA/BQ,OAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;GAAA,EAAA;IAEE,KAAA,CAAA,EAwCF,aAxCE;IACV,SAAA,CAAA,EAAA,MAAA;cAyCU;QACV,mBAAA,CAAA,GAAA,CAAA"}

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

@@ -0,0 +1,296 @@
+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_drawer_module_default from "./ds-drawer.module.js";
+import { c } from "react/compiler-runtime";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment } from "react";
+import { Portal } from "@ark-ui/react/portal";
+import { Dialog } from "@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 $ = 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 ? Portal : Fragment;
+	let t8;
+	if ($[2] !== backdrop) {
+		t8 = backdrop && /* @__PURE__ */ jsx(Dialog.Backdrop, { className: ds_drawer_module_default.backdrop });
+		$[2] = backdrop;
+		$[3] = t8;
+	} else t8 = $[3];
+	const t9 = ds_drawer_module_default[`cols-${String(columns)}`];
+	const t10 = ds_drawer_module_default[`position-${position}`];
+	let t11;
+	if ($[4] !== className || $[5] !== t10 || $[6] !== t9) {
+		t11 = classNames(ds_drawer_module_default.drawer, t9, t10, className);
+		$[4] = className;
+		$[5] = t10;
+		$[6] = t9;
+		$[7] = t11;
+	} else t11 = $[7];
+	let t12;
+	if ($[8] !== children) {
+		t12 = /* @__PURE__ */ jsx("div", {
+			className: ds_drawer_module_default.content,
+			children
+		});
+		$[8] = children;
+		$[9] = t12;
+	} else t12 = $[9];
+	let t13;
+	if ($[10] !== style || $[11] !== t11 || $[12] !== t12) {
+		t13 = /* @__PURE__ */ jsx(Dialog.Positioner, {
+			className: ds_drawer_module_default.positioner,
+			children: /* @__PURE__ */ jsx(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__ */ 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__ */ jsx(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 $ = c(6);
+	const { style, className, children } = t0;
+	let t1;
+	if ($[0] !== className) {
+		t1 = classNames(ds_drawer_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_drawer_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(6);
+	const { style, className } = t0;
+	let t1;
+	if ($[0] !== className) {
+		t1 = classNames(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__ */ jsx(ds_icon_default, {
+			icon: "close",
+			size: "small"
+		});
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
+	if ($[3] !== style || $[4] !== t1) {
+		t3 = /* @__PURE__ */ jsx(Dialog.CloseTrigger, {
+			style,
+			className: t1,
+			children: t2
+		});
+		$[3] = style;
+		$[4] = t1;
+		$[5] = t3;
+	} else t3 = $[5];
+	return t3;
+};
+const Toolbar = (t0) => {
+	const $ = c(6);
+	const { style, className, children } = t0;
+	let t1;
+	if ($[0] !== className) {
+		t1 = classNames(ds_drawer_module_default.toolbar, 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 Body = (t0) => {
+	const $ = c(6);
+	const { style, className, children } = t0;
+	let t1;
+	if ($[0] !== className) {
+		t1 = classNames(ds_drawer_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_drawer_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_drawer_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;
+};
+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
+export { ds_drawer_default as default };
+//# sourceMappingURL=ds-drawer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-drawer.js","names":["CSSProperties","ReactNode","Fragment","Dialog","Portal","classNames","DsDrawerProps","styles","DsIcon","DsTypography","DsDrawer","t0","$","_c","open","onOpenChange","columns","t1","position","t2","backdrop","t3","closeOnEscape","t4","closeOnInteractOutside","t5","portal","t6","style","className","children","undefined","t7","details","handleOpenChange","Wrapper","t8","t9","String","t10","t11","drawer","t12","content","t13","positioner","t14","t15","Header","header","Title","title","CloseTrigger","closeTrigger","Symbol","for","Toolbar","toolbar","Body","body","Footer","footer","Actions","actions"],"sources":["../../../src/components/ds-drawer/ds-drawer.tsx"],"sourcesContent":["import { type CSSProperties, type ReactNode, Fragment } from 'react';\nimport { Dialog } from '@ark-ui/react/dialog';\nimport { Portal } from '@ark-ui/react/portal';\nimport classNames from 'classnames';\nimport type { DsDrawerProps } from './ds-drawer.types';\nimport styles from './ds-drawer.module.scss';\nimport { DsIcon } from '../ds-icon';\nimport { DsTypography } from '../ds-typography';\n\n/**\n * Composable drawer component.\n * Supports grid-based sizing, flexible positioning, and compound components.\n * Use columns prop to control drawer width (1-12 grid columns).\n */\nconst DsDrawer = ({\n\topen,\n\tonOpenChange,\n\tcolumns = 4,\n\tposition = 'end',\n\tbackdrop = false,\n\tcloseOnEscape = true,\n\tcloseOnInteractOutside = false,\n\tportal = false,\n\tstyle,\n\tclassName,\n\tchildren,\n}: DsDrawerProps) => {\n\tconst handleOpenChange = (details: { open: boolean }) => {\n\t\tonOpenChange(details.open);\n\t};\n\tconst Wrapper = portal ? Portal : Fragment;\n\n\treturn (\n\t\t<Dialog.Root\n\t\t\topen={open}\n\t\t\tonOpenChange={handleOpenChange}\n\t\t\tmodal={backdrop}\n\t\t\tcloseOnEscape={closeOnEscape}\n\t\t\tcloseOnInteractOutside={closeOnInteractOutside}\n\t\t\tpreventScroll={backdrop}\n\t\t>\n\t\t\t<Wrapper>\n\t\t\t\t{backdrop && <Dialog.Backdrop className={styles.backdrop} />}\n\t\t\t\t<Dialog.Positioner className={styles.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.drawer,\n\t\t\t\t\t\t\tstyles[`cols-${String(columns)}`],\n\t\t\t\t\t\t\tstyles[`position-${position}`],\n\t\t\t\t\t\t\tclassName,\n\t\t\t\t\t\t)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<div className={styles.content}>{children}</div>\n\t\t\t\t\t</Dialog.Content>\n\t\t\t\t</Dialog.Positioner>\n\t\t\t</Wrapper>\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={classNames(styles.closeTrigger, className)}>\n\t\t<DsIcon icon=\"close\" size=\"small\" />\n\t</Dialog.CloseTrigger>\n);\n\nconst Toolbar = ({\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.toolbar, className)}>\n\t\t{children}\n\t</div>\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\nDsDrawer.Header = Header;\nDsDrawer.Title = Title;\nDsDrawer.CloseTrigger = CloseTrigger;\nDsDrawer.Toolbar = Toolbar;\nDsDrawer.Body = Body;\nDsDrawer.Footer = Footer;\nDsDrawer.Actions = Actions;\n\nexport default DsDrawer;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAcA,MAAMU,YAAWC,OAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAC,MAAA,EAAAC,MAAAC,cAAAC,SAAAC,IAAAC,UAAAC,IAAAC,UAAAC,IAAAC,eAAAC,IAAAC,wBAAAC,IAAAC,QAAAC,IAAAC,OAAAC,WAAAC,aAAAnB;CAGjB,MAAAK,UAAAC,OAAAc,SAAA,IAAAd;CACA,MAAAC,WAAAC,OAAAY,SAAA,QAAAZ;CACA,MAAAC,WAAAC,OAAAU,SAAA,QAAAV;CACA,MAAAC,gBAAAC,OAAAQ,SAAA,OAAAR;CACA,MAAAC,yBAAAC,OAAAM,SAAA,QAAAN;CACA,MAAAC,SAAAC,OAAAI,SAAA,QAAAJ;CAAc,IAAAK;AAAA,KAAApB,EAAA,OAAAG,cAAA;AAKWiB,QAAAC,YAAA;AACxBlB,gBAAakB,QAAOnB,KAAM;;AAC1BF,IAAA,KAAAG;AAAAH,IAAA,KAAAoB;OAAAA,MAAApB,EAAA;CAFD,MAAAsB,mBAAyBF;CAGzB,MAAAG,UAAgBT,SAAAtB,SAAAF;CAA2B,IAAAkC;AAAA,KAAAxB,EAAA,OAAAQ,UAAA;AAYvCgB,OAAAhB,YAAY,oBAAA,OAAA,YAA4B,WAAAb,yBAAMa,WAAa;AAAAR,IAAA,KAAAQ;AAAAR,IAAA,KAAAwB;OAAAA,MAAAxB,EAAA;CAMzD,MAAAyB,KAAA9B,yBAAO,QAAQ+B,OAAOtB,QAAQ;CAC9B,MAAAuB,MAAAhC,yBAAO,YAAYW;CAAW,IAAAsB;AAAA,KAAA5B,EAAA,OAAAiB,aAAAjB,EAAA,OAAA2B,OAAA3B,EAAA,OAAAyB,IAAA;AAHpBG,QAAAnC,WACVE,yBAAMkC,QACNJ,IACAE,KACAV,UACA;AAAAjB,IAAA,KAAAiB;AAAAjB,IAAA,KAAA2B;AAAA3B,IAAA,KAAAyB;AAAAzB,IAAA,KAAA4B;OAAAA,OAAA5B,EAAA;CAAA,IAAA8B;AAAA,KAAA9B,EAAA,OAAAkB,UAAA;AAEDY,QAAA,oBAAA;GAAgB,WAAAnC,yBAAMoC;GAAWb;IAAe;AAAAlB,IAAA,KAAAkB;AAAAlB,IAAA,KAAA8B;OAAAA,OAAA9B,EAAA;CAAA,IAAAgC;AAAA,KAAAhC,EAAA,QAAAgB,SAAAhB,EAAA,QAAA4B,OAAA5B,EAAA,QAAA8B,KAAA;AAVlDE,QAAA,oBAAA,OAAA;GAA8B,WAAArC,yBAAMsC;aACnC,oBAAA,OAAA;IACQjB;IACI,WAAAY;cAOXE;KAEF;IAAoB;AAAA9B,IAAA,MAAAgB;AAAAhB,IAAA,MAAA4B;AAAA5B,IAAA,MAAA8B;AAAA9B,IAAA,MAAAgC;OAAAA,OAAAhC,EAAA;CAAA,IAAAkC;AAAA,KAAAlC,EAAA,QAAAuB,WAAAvB,EAAA,QAAAgC,OAAAhC,EAAA,QAAAwB,IAAA;AAdrBU,QAAA,qBAAC,sBACCV,IACDQ,OAaS;AAAAhC,IAAA,MAAAuB;AAAAvB,IAAA,MAAAgC;AAAAhC,IAAA,MAAAwB;AAAAxB,IAAA,MAAAkC;OAAAA,OAAAlC,EAAA;CAAA,IAAAmC;AAAA,KAAAnC,EAAA,QAAAQ,YAAAR,EAAA,QAAAU,iBAAAV,EAAA,QAAAY,0BAAAZ,EAAA,QAAAsB,oBAAAtB,EAAA,QAAAE,QAAAF,EAAA,QAAAkC,KAAA;AAvBXC,QAAA,oBAAA,OAAA;GACOjC;GACQoB,cAAAA;GACPd,OAAAA;GACQE;GACSE;GACTJ,eAAAA;aAEf0B;IAgBa;AAAAlC,IAAA,MAAAQ;AAAAR,IAAA,MAAAU;AAAAV,IAAA,MAAAY;AAAAZ,IAAA,MAAAsB;AAAAtB,IAAA,MAAAE;AAAAF,IAAA,MAAAkC;AAAAlC,IAAA,MAAAmC;OAAAA,OAAAnC,EAAA;AAAA,QAxBdmC;;AA4BF,MAAMC,UAASrC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAC,MAAA,EAAAe,OAAAC,WAAAC,aAAAnB;CAQf,IAAAM;AAAA,KAAAL,EAAA,OAAAiB,WAAA;AAC8BZ,OAAAZ,WAAWE,yBAAM0C,QAASpB,UAAU;AAAAjB,IAAA,KAAAiB;AAAAjB,IAAA,KAAAK;OAAAA,MAAAL,EAAA;CAAA,IAAAO;AAAA,KAAAP,EAAA,OAAAkB,YAAAlB,EAAA,OAAAgB,SAAAhB,EAAA,OAAAK,IAAA;AAAlEE,OAAA,oBAAA;GAAYS;GAAkB,WAAAX;GAC5Ba;IACI;AAAAlB,IAAA,KAAAkB;AAAAlB,IAAA,KAAAgB;AAAAhB,IAAA,KAAAK;AAAAL,IAAA,KAAAO;OAAAA,MAAAP,EAAA;AAAA,QAFNO;;AAKD,MAAM+B,SAAQvC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAC,MAAA,EAAAe,OAAAC,WAAAC,aAAAnB;CAQd,IAAAM;AAAA,KAAAL,EAAA,OAAAiB,WAAA;AACyBZ,OAAAZ,WAAWE,yBAAM4C,OAAQtB,UAAU;AAAAjB,IAAA,KAAAiB;AAAAjB,IAAA,KAAAK;OAAAA,MAAAL,EAAA;CAAA,IAAAO;AAAA,KAAAP,EAAA,OAAAkB,UAAA;AAC3DX,OAAA,oBAAC;GAAqB,SAAA;GAAYW;IAAwB;AAAAlB,IAAA,KAAAkB;AAAAlB,IAAA,KAAAO;OAAAA,MAAAP,EAAA;CAAA,IAAAS;AAAA,KAAAT,EAAA,OAAAgB,SAAAhB,EAAA,OAAAK,MAAAL,EAAA,OAAAO,IAAA;AAD3DE,OAAA,oBAAA,OAAA;GAAyB,WAAAJ;GAA4CW;GAAO,SAAA;aAC3ET;IACc;AAAAP,IAAA,KAAAgB;AAAAhB,IAAA,KAAAK;AAAAL,IAAA,KAAAO;AAAAP,IAAA,KAAAS;OAAAA,MAAAT,EAAA;AAAA,QAFfS;;AAKD,MAAM+B,gBAAezC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAC,MAAA,EAAAe,OAAAC,cAAAlB;CAAmE,IAAAM;AAAA,KAAAL,EAAA,OAAAiB,WAAA;AAC1CZ,OAAAZ,WAAWE,yBAAM8C,cAAexB,UAAU;AAAAjB,IAAA,KAAAiB;AAAAjB,IAAA,KAAAK;OAAAA,MAAAL,EAAA;CAAA,IAAAO;AAAA,KAAAP,EAAA,OAAA0C,OAAAC,IAAA,4BAAA,EAAA;AACvFpC,OAAA,oBAAC;GAAY,MAAA;GAAa,MAAA;IAAU;AAAAP,IAAA,KAAAO;OAAAA,MAAAP,EAAA;CAAA,IAAAS;AAAA,KAAAT,EAAA,OAAAgB,SAAAhB,EAAA,OAAAK,IAAA;AADrCI,OAAA,oBAAA,OAAA;GAA4BO;GAAkB,WAAAX;aAC7CE;IACqB;AAAAP,IAAA,KAAAgB;AAAAhB,IAAA,KAAAK;AAAAL,IAAA,KAAAS;OAAAA,MAAAT,EAAA;AAAA,QAFtBS;;AAKD,MAAMmC,WAAU7C,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAC,MAAA,EAAAe,OAAAC,WAAAC,aAAAnB;CAQhB,IAAAM;AAAA,KAAAL,EAAA,OAAAiB,WAAA;AAC8BZ,OAAAZ,WAAWE,yBAAMkD,SAAU5B,UAAU;AAAAjB,IAAA,KAAAiB;AAAAjB,IAAA,KAAAK;OAAAA,MAAAL,EAAA;CAAA,IAAAO;AAAA,KAAAP,EAAA,OAAAkB,YAAAlB,EAAA,OAAAgB,SAAAhB,EAAA,OAAAK,IAAA;AAAnEE,OAAA,oBAAA;GAAYS;GAAkB,WAAAX;GAC5Ba;IACI;AAAAlB,IAAA,KAAAkB;AAAAlB,IAAA,KAAAgB;AAAAhB,IAAA,KAAAK;AAAAL,IAAA,KAAAO;OAAAA,MAAAP,EAAA;AAAA,QAFNO;;AAKD,MAAMuC,QAAO/C,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAC,MAAA,EAAAe,OAAAC,WAAAC,aAAAnB;CAQb,IAAAM;AAAA,KAAAL,EAAA,OAAAiB,WAAA;AAC8BZ,OAAAZ,WAAWE,yBAAMoD,MAAO9B,UAAU;AAAAjB,IAAA,KAAAiB;AAAAjB,IAAA,KAAAK;OAAAA,MAAAL,EAAA;CAAA,IAAAO;AAAA,KAAAP,EAAA,OAAAkB,YAAAlB,EAAA,OAAAgB,SAAAhB,EAAA,OAAAK,IAAA;AAAhEE,OAAA,oBAAA;GAAYS;GAAkB,WAAAX;GAC5Ba;IACI;AAAAlB,IAAA,KAAAkB;AAAAlB,IAAA,KAAAgB;AAAAhB,IAAA,KAAAK;AAAAL,IAAA,KAAAO;OAAAA,MAAAP,EAAA;AAAA,QAFNO;;AAKD,MAAMyC,UAASjD,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAC,MAAA,EAAAe,OAAAC,WAAAC,aAAAnB;CAQf,IAAAM;AAAA,KAAAL,EAAA,OAAAiB,WAAA;AAC8BZ,OAAAZ,WAAWE,yBAAMsD,QAAShC,UAAU;AAAAjB,IAAA,KAAAiB;AAAAjB,IAAA,KAAAK;OAAAA,MAAAL,EAAA;CAAA,IAAAO;AAAA,KAAAP,EAAA,OAAAkB,YAAAlB,EAAA,OAAAgB,SAAAhB,EAAA,OAAAK,IAAA;AAAlEE,OAAA,oBAAA;GAAYS;GAAkB,WAAAX;GAC5Ba;IACI;AAAAlB,IAAA,KAAAkB;AAAAlB,IAAA,KAAAgB;AAAAhB,IAAA,KAAAK;AAAAL,IAAA,KAAAO;OAAAA,MAAAP,EAAA;AAAA,QAFNO;;AAKD,MAAM2C,WAAUnD,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CAAC,MAAA,EAAAe,OAAAC,WAAAC,aAAAnB;CAQhB,IAAAM;AAAA,KAAAL,EAAA,OAAAiB,WAAA;AAC8BZ,OAAAZ,WAAWE,yBAAMwD,SAAUlC,UAAU;AAAAjB,IAAA,KAAAiB;AAAAjB,IAAA,KAAAK;OAAAA,MAAAL,EAAA;CAAA,IAAAO;AAAA,KAAAP,EAAA,OAAAkB,YAAAlB,EAAA,OAAAgB,SAAAhB,EAAA,OAAAK,IAAA;AAAnEE,OAAA,oBAAA;GAAYS;GAAkB,WAAAX;GAC5Ba;IACI;AAAAlB,IAAA,KAAAkB;AAAAlB,IAAA,KAAAgB;AAAAhB,IAAA,KAAAK;AAAAL,IAAA,KAAAO;OAAAA,MAAAP,EAAA;AAAA,QAFNO;;AAKDT,SAASsC,SAASA;AAClBtC,SAASwC,QAAQA;AACjBxC,SAAS0C,eAAeA;AACxB1C,SAAS8C,UAAUA;AACnB9C,SAASgD,OAAOA;AAChBhD,SAASkD,SAASA;AAClBlD,SAASoD,UAAUA;AAEnB,wBAAepD"}

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

@@ -0,0 +1,38 @@
+
+//#region src/components/ds-drawer/ds-drawer.module.scss
+var ds_drawer_module_default = {
+	"backdrop": "_backdrop_ehlks_1",
+	"fade-in-backdrop": "_fade-in-backdrop_ehlks_1",
+	"fade-out-backdrop": "_fade-out-backdrop_ehlks_1",
+	"positioner": "_positioner_ehlks_1",
+	"drawer": "_drawer_ehlks_1",
+	"position-end": "_position-end_ehlks_1",
+	"slide-in-drawer-end": "_slide-in-drawer-end_ehlks_1",
+	"slide-out-drawer-end": "_slide-out-drawer-end_ehlks_1",
+	"position-start": "_position-start_ehlks_1",
+	"slide-in-drawer-start": "_slide-in-drawer-start_ehlks_1",
+	"slide-out-drawer-start": "_slide-out-drawer-start_ehlks_1",
+	"cols-1": "_cols-1_ehlks_1",
+	"cols-2": "_cols-2_ehlks_1",
+	"cols-3": "_cols-3_ehlks_1",
+	"cols-4": "_cols-4_ehlks_1",
+	"cols-5": "_cols-5_ehlks_1",
+	"cols-6": "_cols-6_ehlks_1",
+	"cols-7": "_cols-7_ehlks_1",
+	"cols-8": "_cols-8_ehlks_1",
+	"cols-9": "_cols-9_ehlks_1",
+	"cols-10": "_cols-10_ehlks_1",
+	"cols-11": "_cols-11_ehlks_1",
+	"cols-12": "_cols-12_ehlks_1",
+	"content": "_content_ehlks_1",
+	"header": "_header_ehlks_1",
+	"title": "_title_ehlks_1",
+	"closeTrigger": "_closeTrigger_ehlks_1",
+	"toolbar": "_toolbar_ehlks_1",
+	"body": "_body_ehlks_1",
+	"footer": "_footer_ehlks_1",
+	"actions": "_actions_ehlks_1"
+};
+
+//#endregion
+exports.default = ds_drawer_module_default;

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

@@ -0,0 +1,38 @@
+//#region src/components/ds-drawer/ds-drawer.module.scss
+var ds_drawer_module_default = {
+	"backdrop": "_backdrop_ehlks_1",
+	"fade-in-backdrop": "_fade-in-backdrop_ehlks_1",
+	"fade-out-backdrop": "_fade-out-backdrop_ehlks_1",
+	"positioner": "_positioner_ehlks_1",
+	"drawer": "_drawer_ehlks_1",
+	"position-end": "_position-end_ehlks_1",
+	"slide-in-drawer-end": "_slide-in-drawer-end_ehlks_1",
+	"slide-out-drawer-end": "_slide-out-drawer-end_ehlks_1",
+	"position-start": "_position-start_ehlks_1",
+	"slide-in-drawer-start": "_slide-in-drawer-start_ehlks_1",
+	"slide-out-drawer-start": "_slide-out-drawer-start_ehlks_1",
+	"cols-1": "_cols-1_ehlks_1",
+	"cols-2": "_cols-2_ehlks_1",
+	"cols-3": "_cols-3_ehlks_1",
+	"cols-4": "_cols-4_ehlks_1",
+	"cols-5": "_cols-5_ehlks_1",
+	"cols-6": "_cols-6_ehlks_1",
+	"cols-7": "_cols-7_ehlks_1",
+	"cols-8": "_cols-8_ehlks_1",
+	"cols-9": "_cols-9_ehlks_1",
+	"cols-10": "_cols-10_ehlks_1",
+	"cols-11": "_cols-11_ehlks_1",
+	"cols-12": "_cols-12_ehlks_1",
+	"content": "_content_ehlks_1",
+	"header": "_header_ehlks_1",
+	"title": "_title_ehlks_1",
+	"closeTrigger": "_closeTrigger_ehlks_1",
+	"toolbar": "_toolbar_ehlks_1",
+	"body": "_body_ehlks_1",
+	"footer": "_footer_ehlks_1",
+	"actions": "_actions_ehlks_1"
+};
+
+//#endregion
+export { ds_drawer_module_default as default };
+//# sourceMappingURL=ds-drawer.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-drawer.module.js","names":[],"sources":["../../../src/components/ds-drawer/ds-drawer.module.scss"],"sourcesContent":["@use '../../styles/grid-variables' as grid-vars;\n\n.backdrop {\n\tposition: absolute;\n\tinset: 0;\n\tbackground: var(--Background-background-overlay, rgba(0, 26, 71, 0.2));\n\tz-index: 1000;\n\n\t&[data-state='open'] {\n\t\tanimation: 0.3s fade-in-backdrop ease-in-out both;\n\t}\n\n\t&[data-state='closed'] {\n\t\tanimation: 0.2s fade-out-backdrop ease-in-out both;\n\t}\n}\n\n@keyframes fade-in-backdrop {\n\t0% {\n\t\topacity: 0;\n\t}\n\n\t100% {\n\t\topacity: 1;\n\t}\n}\n\n@keyframes fade-out-backdrop {\n\t0% {\n\t\topacity: 1;\n\t}\n\n\t100% {\n\t\topacity: 0;\n\t}\n}\n\n.positioner {\n\tposition: absolute;\n\tinset: 0;\n\toverflow: hidden;\n\tpointer-events: none;\n}\n\n.drawer {\n\tposition: absolute;\n\tdisplay: block;\n\ttop: 0;\n\tbottom: 0;\n\tbackground: var(--color-background);\n\tbox-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.22);\n\tz-index: 1200;\n\tpointer-events: auto;\n\toverflow: hidden;\n\ttransition:\n\t\ttransform 0.2s ease,\n\t\twidth 0.2s ease;\n\n\t&.position-end {\n\t\tright: 0;\n\t\ttransform-origin: 100% 50%;\n\t\ttransform: translateX(100%);\n\n\t\t&[data-state='open'] {\n\t\t\tanimation: 0.5s slide-in-drawer-end ease-out both;\n\t\t}\n\n\t\t&[data-state='closed'] {\n\t\t\tanimation: 0.25s slide-out-drawer-end both;\n\t\t}\n\t}\n\n\t&.position-start {\n\t\tleft: 0;\n\t\ttransform: translateX(-100%);\n\t\ttransform-origin: 0 50%;\n\n\t\t&[data-state='open'] {\n\t\t\tanimation: 0.5s slide-in-drawer-start ease-out both;\n\t\t}\n\n\t\t&[data-state='closed'] {\n\t\t\tanimation: 0.25s slide-out-drawer-start both;\n\t\t}\n\t}\n\n\t@for $i from 1 through grid-vars.$columns {\n\t\t&.cols-#{$i} {\n\t\t\twidth: var(--col-span-#{$i});\n\t\t}\n\t}\n}\n\n@keyframes slide-in-drawer-end {\n\t0% {\n\t\topacity: 0;\n\t\ttransform: translateX(100%);\n\t}\n\n\t50% {\n\t\topacity: 1;\n\t\ttransform: translateX(0);\n\t}\n\n\t100% {\n\t\ttransform: translateX(0);\n\t}\n}\n\n@keyframes slide-out-drawer-end {\n\t0% {\n\t\topacity: 1;\n\t\ttransform: translateX(0);\n\t}\n\n\t40% {\n\t\ttransform: translateX(0);\n\t}\n\n\t100% {\n\t\topacity: 0;\n\t\ttransform: translateX(100%);\n\t}\n}\n\n@keyframes slide-in-drawer-start {\n\t0% {\n\t\topacity: 0;\n\t\ttransform: translateX(-100%);\n\t}\n\n\t50% {\n\t\topacity: 1;\n\t\ttransform: translateX(0);\n\t}\n\n\t100% {\n\t\ttransform: translateX(0);\n\t}\n}\n\n@keyframes slide-out-drawer-start {\n\t0% {\n\t\topacity: 1;\n\t\ttransform: translateX(0);\n\t}\n\n\t40% {\n\t\ttransform: translateX(0);\n\t}\n\n\t100% {\n\t\topacity: 0;\n\t\ttransform: translateX(-100%);\n\t}\n}\n\n.content {\n\tdisplay: flex;\n\tflex-direction: column;\n\theight: 100%;\n\toverflow: hidden;\n}\n\n.header {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: space-between;\n\tflex-wrap: wrap;\n\tborder-bottom: 1px solid var(--color-border);\n\tpadding: var(--spacing-sm) var(--spacing-standard);\n\tgap: var(--spacing-3xs);\n}\n\n.title {\n\tmargin: 0;\n\tcolor: var(--color-font-main);\n}\n\n.closeTrigger {\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tcolor: var(--color-icon-secondary);\n}\n\n.toolbar {\n\tdisplay: flex;\n\talign-items: center;\n\tborder-bottom: 1px solid var(--color-border);\n\tpadding: var(--spacing-sm) var(--spacing-standard);\n\tgap: var(--spacing-3xs);\n}\n\n.body {\n\tflex: 1;\n\toverflow: auto;\n}\n\n.footer {\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: var(--spacing-standard);\n\tborder-top: 1px solid var(--color-border);\n}\n\n.actions {\n\tdisplay: flex;\n\talign-items: center;\n\tgap: var(--spacing-xs);\n\tmargin-left: auto;\n}\n"],"mappings":""}

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

@@ -0,0 +1,58 @@
+import { CSSProperties, ReactNode } from "react";
+import { UseDialogProps } from "@ark-ui/react/dialog";
+
+//#region src/components/ds-drawer/ds-drawer.types.d.ts
+
+/**
+ * Available positions for the drawer
+ */
+type DsDrawerPosition = 'start' | 'end';
+/**
+ * Available column sizes for drawer width
+ */
+type DsDrawerColumns = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+interface DsDrawerProps extends Pick<UseDialogProps, 'closeOnEscape' | 'closeOnInteractOutside'> {
+  /**
+   * Whether the drawer is open
+   */
+  open: boolean;
+  /**
+   * Callback when the drawer open state changes
+   */
+  onOpenChange: (open: boolean) => void;
+  /**
+   * Number of grid columns the drawer should span (1-12)
+   * @default 4
+   */
+  columns?: DsDrawerColumns;
+  /**
+   * Position of the drawer
+   * @default 'end'
+   */
+  position?: DsDrawerPosition;
+  /**
+   * Whether to show backdrop overlay
+   * @default false
+   */
+  backdrop?: boolean;
+  /**
+   * Whether to append the drawer to the body instead of rendering in place
+   * @default false
+   */
+  portal?: boolean;
+  /**
+   * Additional CSS styles
+   */
+  style?: CSSProperties;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+  /**
+   * Children components
+   */
+  children: ReactNode;
+}
+//#endregion
+export { DsDrawerColumns, DsDrawerPosition, DsDrawerProps };
+//# sourceMappingURL=ds-drawer.types.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-drawer.types.d.cts","names":[],"sources":["../../../src/components/ds-drawer/ds-drawer.types.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAMA;AAIY,KAJA,gBAAA,GAIe,OAAA,GAAA,KAAA;AAE3B;;;AAkBY,KApBA,eAAA,GAoBA,CAAA,GAAA,CAAA,GAAA,CAAA,GAAA,CAAA,GAAA,CAAA,GAAA,CAAA,GAAA,CAAA,GAAA,CAAA,GAAA,CAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA;AAcH,UAhCQ,aAAA,SAAsB,IAgC9B,CAhCmC,cAgCnC,EAAA,eAAA,GAAA,wBAAA,CAAA,CAAA;EAQE;;;;;;;;;;;;YA3BA;;;;;aAKC;;;;;;;;;;;;;;UAcH;;;;;;;;YAQE"}

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

@@ -0,0 +1,58 @@
+import { CSSProperties, ReactNode } from "react";
+import { UseDialogProps } from "@ark-ui/react/dialog";
+
+//#region src/components/ds-drawer/ds-drawer.types.d.ts
+
+/**
+ * Available positions for the drawer
+ */
+type DsDrawerPosition = 'start' | 'end';
+/**
+ * Available column sizes for drawer width
+ */
+type DsDrawerColumns = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
+interface DsDrawerProps extends Pick<UseDialogProps, 'closeOnEscape' | 'closeOnInteractOutside'> {
+  /**
+   * Whether the drawer is open
+   */
+  open: boolean;
+  /**
+   * Callback when the drawer open state changes
+   */
+  onOpenChange: (open: boolean) => void;
+  /**
+   * Number of grid columns the drawer should span (1-12)
+   * @default 4
+   */
+  columns?: DsDrawerColumns;
+  /**
+   * Position of the drawer
+   * @default 'end'
+   */
+  position?: DsDrawerPosition;
+  /**
+   * Whether to show backdrop overlay
+   * @default false
+   */
+  backdrop?: boolean;
+  /**
+   * Whether to append the drawer to the body instead of rendering in place
+   * @default false
+   */
+  portal?: boolean;
+  /**
+   * Additional CSS styles
+   */
+  style?: CSSProperties;
+  /**
+   * Additional CSS class names
+   */
+  className?: string;
+  /**
+   * Children components
+   */
+  children: ReactNode;
+}
+//#endregion
+export { DsDrawerColumns, DsDrawerPosition, DsDrawerProps };
+//# sourceMappingURL=ds-drawer.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-drawer.types.d.ts","names":[],"sources":["../../../src/components/ds-drawer/ds-drawer.types.tsx"],"sourcesContent":[],"mappings":";;;;;;;AAMA;AAIY,KAJA,gBAAA,GAIe,OAAA,GAAA,KAAA;AAE3B;;;AAkBY,KApBA,eAAA,GAoBA,CAAA,GAAA,CAAA,GAAA,CAAA,GAAA,CAAA,GAAA,CAAA,GAAA,CAAA,GAAA,CAAA,GAAA,CAAA,GAAA,CAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA;AAcH,UAhCQ,aAAA,SAAsB,IAgC9B,CAhCmC,cAgCnC,EAAA,eAAA,GAAA,wBAAA,CAAA,CAAA;EAQE;;;;;;;;;;;;YA3BA;;;;;aAKC;;;;;;;;;;;;;;UAcH;;;;;;;;YAQE"}

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

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

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

@@ -0,0 +1,2 @@
+import { DsDrawerColumns, DsDrawerPosition, DsDrawerProps } from "./ds-drawer.types.js";
+import { DsDrawer } from "./ds-drawer.js";

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

@@ -0,0 +1 @@
+import ds_drawer_default from "./ds-drawer.js";