@drivenets/design-system 0.0.2 → 0.0.4

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

@@ -0,0 +1,72 @@
+import { DsConfirmationProps } from "./ds-confirmation.types.cjs";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
+import { CSSProperties, ReactNode } from "react";
+
+//#region src/components/ds-confirmation/ds-confirmation.d.ts
+/**
+ * Composable confirmation modal dialog.
+ */
+declare const DsConfirmation: {
+  ({
+    open,
+    onOpenChange,
+    style,
+    className,
+    children
+  }: DsConfirmationProps): react_jsx_runtime3.JSX.Element;
+  Header: ({
+    style,
+    className,
+    children
+  }: {
+    style?: CSSProperties;
+    className?: string;
+    children: ReactNode;
+  }) => react_jsx_runtime3.JSX.Element;
+  Title: ({
+    style,
+    className,
+    children
+  }: {
+    style?: CSSProperties;
+    className?: string;
+    children: ReactNode;
+  }) => react_jsx_runtime3.JSX.Element;
+  CloseTrigger: ({
+    style,
+    className
+  }: {
+    style?: CSSProperties;
+    className?: string;
+  }) => react_jsx_runtime3.JSX.Element;
+  Body: ({
+    style,
+    className,
+    children
+  }: {
+    style?: CSSProperties;
+    className?: string;
+    children: ReactNode;
+  }) => react_jsx_runtime3.JSX.Element;
+  Footer: ({
+    style,
+    className,
+    children
+  }: {
+    style?: CSSProperties;
+    className?: string;
+    children: ReactNode;
+  }) => react_jsx_runtime3.JSX.Element;
+  Actions: ({
+    style,
+    className,
+    children
+  }: {
+    style?: CSSProperties;
+    className?: string;
+    children: ReactNode;
+  }) => react_jsx_runtime3.JSX.Element;
+};
+//#endregion
+export { DsConfirmation };
+//# sourceMappingURL=ds-confirmation.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-confirmation.d.cts","names":[],"sources":["../../../src/components/ds-confirmation/ds-confirmation.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAYa,cAAA,cAyBZ,EAAA;;;;;;;KAzBkF,sBAAmB,kBAAA,CAAA,GAAA,CAAA;;;;;EAAnB;YAgC1E;;cAEE;EAlCwE,CAAA,EAAA,GAmClF,kBAAA,CAAA,GAAA,CAAA,OAnCkF;EAAmB,KAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;EAgC7F,CAhC6F,EAAA;YA8C7F;;cAEE;EAhBF,CAAA,EAAA,GAiBR,kBAAA,CAAA,GAAA,CAAA,OAjBQ;EAEE,YAAA,EAAA,CAAA;IAAA,KAAA;IAAA;GAAA,EAAA;IACV,KAAA,CAAA,EAoBqD,aApBrD;;QAoBwF,kBAAA,CAAA,GAAA,CAAA;;;;;;IAThF,KAAA,CAAA,EAoBA,aApBA;IAEE,SAAA,CAAA,EAAA,MAAA;IACV,QAAA,EAmBU,SAnBV;QAoBA,kBAAA,CAAA,GAAA,CAAA;;;;;;IAdqD,KAAA,CAAA,EAyB7C,aAzB6C;IAAmC,SAAA,CAAA,EAAA,MAAA;cA2B9E;QACV,kBAAA,CAAA,GAAA,CAAA;;;;;;IAjBQ,KAAA,CAAA,EA4BA,aA5BA;IAEE,SAAA,CAAA,EAAA,MAAA;IACV,QAAA,EA2BU,SA3BV;QA4BA,kBAAA,CAAA,GAAA,CAAA"}

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

@@ -0,0 +1,72 @@
+import { DsConfirmationProps } from "./ds-confirmation.types.js";
+import * as react_jsx_runtime27 from "react/jsx-runtime";
+import { CSSProperties, ReactNode } from "react";
+
+//#region src/components/ds-confirmation/ds-confirmation.d.ts
+/**
+ * Composable confirmation modal dialog.
+ */
+declare const DsConfirmation: {
+  ({
+    open,
+    onOpenChange,
+    style,
+    className,
+    children
+  }: DsConfirmationProps): react_jsx_runtime27.JSX.Element;
+  Header: ({
+    style,
+    className,
+    children
+  }: {
+    style?: CSSProperties;
+    className?: string;
+    children: ReactNode;
+  }) => react_jsx_runtime27.JSX.Element;
+  Title: ({
+    style,
+    className,
+    children
+  }: {
+    style?: CSSProperties;
+    className?: string;
+    children: ReactNode;
+  }) => react_jsx_runtime27.JSX.Element;
+  CloseTrigger: ({
+    style,
+    className
+  }: {
+    style?: CSSProperties;
+    className?: string;
+  }) => react_jsx_runtime27.JSX.Element;
+  Body: ({
+    style,
+    className,
+    children
+  }: {
+    style?: CSSProperties;
+    className?: string;
+    children: ReactNode;
+  }) => react_jsx_runtime27.JSX.Element;
+  Footer: ({
+    style,
+    className,
+    children
+  }: {
+    style?: CSSProperties;
+    className?: string;
+    children: ReactNode;
+  }) => react_jsx_runtime27.JSX.Element;
+  Actions: ({
+    style,
+    className,
+    children
+  }: {
+    style?: CSSProperties;
+    className?: string;
+    children: ReactNode;
+  }) => react_jsx_runtime27.JSX.Element;
+};
+//#endregion
+export { DsConfirmation };
+//# sourceMappingURL=ds-confirmation.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-confirmation.d.ts","names":[],"sources":["../../../src/components/ds-confirmation/ds-confirmation.tsx"],"sourcesContent":[],"mappings":";;;;;;;;AAYa,cAAA,cAyBZ,EAAA;;;;;;;KAzBkF,sBAAmB,mBAAA,CAAA,GAAA,CAAA;;;;;EAAnB;YAgC1E;;cAEE;EAlCwE,CAAA,EAAA,GAmClF,mBAAA,CAAA,GAAA,CAAA,OAnCkF;EAAmB,KAAA,EAAA,CAAA;IAAA,KAAA;IAAA,SAAA;IAAA;EAgC7F,CAhC6F,EAAA;YA8C7F;;cAEE;EAhBF,CAAA,EAAA,GAiBR,mBAAA,CAAA,GAAA,CAAA,OAjBQ;EAEE,YAAA,EAAA,CAAA;IAAA,KAAA;IAAA;GAAA,EAAA;IACV,KAAA,CAAA,EAoBqD,aApBrD;;QAoBwF,mBAAA,CAAA,GAAA,CAAA;;;;;;IAThF,KAAA,CAAA,EAoBA,aApBA;IAEE,SAAA,CAAA,EAAA,MAAA;IACV,QAAA,EAmBU,SAnBV;QAoBA,mBAAA,CAAA,GAAA,CAAA;;;;;;IAdqD,KAAA,CAAA,EAyB7C,aAzB6C;IAAmC,SAAA,CAAA,EAAA,MAAA;cA2B9E;QACV,mBAAA,CAAA,GAAA,CAAA;;;;;;IAjBQ,KAAA,CAAA,EA4BA,aA5BA;IAEE,SAAA,CAAA,EAAA,MAAA;IACV,QAAA,EA2BU,SA3BV;QA4BA,mBAAA,CAAA,GAAA,CAAA"}

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

@@ -0,0 +1,234 @@
+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_confirmation_module_default from "./ds-confirmation.module.js";
+import { c } from "react/compiler-runtime";
+import classNames from "classnames";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Portal } from "@ark-ui/react/portal";
+import { Dialog } from "@ark-ui/react/dialog";
+
+//#region src/components/ds-confirmation/ds-confirmation.tsx
+/**
+* Composable confirmation modal dialog.
+*/
+const DsConfirmation = (t0) => {
+	const $ = c(15);
+	const { open, onOpenChange, style, className, children } = t0;
+	let t1;
+	if ($[0] !== onOpenChange) {
+		t1 = (details) => {
+			onOpenChange(details.open);
+		};
+		$[0] = onOpenChange;
+		$[1] = t1;
+	} else t1 = $[1];
+	const handleOpenChange = t1;
+	let t2;
+	if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+		t2 = /* @__PURE__ */ jsx(Dialog.Backdrop, { className: ds_confirmation_module_default.overlay });
+		$[2] = t2;
+	} else t2 = $[2];
+	let t3;
+	if ($[3] !== className) {
+		t3 = classNames(ds_confirmation_module_default.modal, className);
+		$[3] = className;
+		$[4] = t3;
+	} else t3 = $[4];
+	let t4;
+	if ($[5] !== children || $[6] !== style) {
+		t4 = /* @__PURE__ */ jsx("div", {
+			style,
+			className: ds_confirmation_module_default.content,
+			children
+		});
+		$[5] = children;
+		$[6] = style;
+		$[7] = t4;
+	} else t4 = $[7];
+	let t5;
+	if ($[8] !== t3 || $[9] !== t4) {
+		t5 = /* @__PURE__ */ jsxs(Portal, { children: [t2, /* @__PURE__ */ jsx(Dialog.Positioner, { children: /* @__PURE__ */ jsx(Dialog.Content, {
+			className: t3,
+			children: t4
+		}) })] });
+		$[8] = t3;
+		$[9] = t4;
+		$[10] = t5;
+	} else t5 = $[10];
+	let t6;
+	if ($[11] !== handleOpenChange || $[12] !== open || $[13] !== t5) {
+		t6 = /* @__PURE__ */ jsx(Dialog.Root, {
+			open,
+			onOpenChange: handleOpenChange,
+			modal: true,
+			closeOnEscape: true,
+			closeOnInteractOutside: true,
+			children: t5
+		});
+		$[11] = handleOpenChange;
+		$[12] = open;
+		$[13] = t5;
+		$[14] = t6;
+	} else t6 = $[14];
+	return t6;
+};
+const Header = (t0) => {
+	const $ = c(6);
+	const { style, className, children } = t0;
+	let t1;
+	if ($[0] !== className) {
+		t1 = classNames(ds_confirmation_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_confirmation_module_default.title, className);
+		$[0] = className;
+		$[1] = t1;
+	} else t1 = $[1];
+	let t2;
+	if ($[2] !== children) {
+		t2 = /* @__PURE__ */ jsx(ds_typography_default, {
+			variant: "heading4",
+			children
+		});
+		$[2] = children;
+		$[3] = t2;
+	} else t2 = $[3];
+	let t3;
+	if ($[4] !== style || $[5] !== t1 || $[6] !== t2) {
+		t3 = /* @__PURE__ */ jsx(Dialog.Title, {
+			className: t1,
+			style,
+			asChild: true,
+			children: t2
+		});
+		$[4] = style;
+		$[5] = t1;
+		$[6] = t2;
+		$[7] = t3;
+	} else t3 = $[7];
+	return t3;
+};
+const CloseTrigger = (t0) => {
+	const $ = c(4);
+	const { style, className } = t0;
+	let t1;
+	if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+		t1 = /* @__PURE__ */ jsx(ds_icon_default, {
+			icon: "close",
+			size: "small"
+		});
+		$[0] = t1;
+	} else t1 = $[0];
+	let t2;
+	if ($[1] !== className || $[2] !== style) {
+		t2 = /* @__PURE__ */ jsx(Dialog.CloseTrigger, {
+			style,
+			className,
+			children: t1
+		});
+		$[1] = className;
+		$[2] = style;
+		$[3] = t2;
+	} else t2 = $[3];
+	return t2;
+};
+const Body = (t0) => {
+	const $ = c(6);
+	const { style, className, children } = t0;
+	let t1;
+	if ($[0] !== className) {
+		t1 = classNames(ds_confirmation_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_confirmation_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_confirmation_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;
+};
+DsConfirmation.Header = Header;
+DsConfirmation.Title = Title;
+DsConfirmation.CloseTrigger = CloseTrigger;
+DsConfirmation.Body = Body;
+DsConfirmation.Footer = Footer;
+DsConfirmation.Actions = Actions;
+
+//#endregion
+export { DsConfirmation };
+//# sourceMappingURL=ds-confirmation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-confirmation.js","names":["CSSProperties","ReactNode","Dialog","Portal","classNames","DsIcon","DsConfirmationProps","styles","DsTypography","DsConfirmation","t0","$","_c","open","onOpenChange","style","className","children","t1","details","handleOpenChange","t2","Symbol","for","overlay","t3","modal","t4","content","t5","t6","Header","header","Title","title","CloseTrigger","Body","body","Footer","footer","Actions","actions"],"sources":["../../../src/components/ds-confirmation/ds-confirmation.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 { DsIcon } from '../ds-icon';\nimport type { DsConfirmationProps } from './ds-confirmation.types';\nimport styles from './ds-confirmation.module.scss';\nimport DsTypography from '../ds-typography/ds-typography';\n\n/**\n * Composable confirmation modal dialog.\n */\nexport const DsConfirmation = ({ open, onOpenChange, style, className, children }: DsConfirmationProps) => {\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={true}\n\t\t\tcloseOnEscape={true}\n\t\t\tcloseOnInteractOutside={true}\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 className={classNames(styles.modal, className)}>\n\t\t\t\t\t\t<div style={style} className={styles.content}>\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=\"heading4\">{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\nDsConfirmation.Header = Header;\nDsConfirmation.Title = Title;\nDsConfirmation.CloseTrigger = CloseTrigger;\nDsConfirmation.Body = Body;\nDsConfirmation.Footer = Footer;\nDsConfirmation.Actions = Actions;\n"],"mappings":"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"}

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

@@ -0,0 +1,21 @@
+
+//#region src/components/ds-confirmation/ds-confirmation.module.scss
+var ds_confirmation_module_default = {
+	"overlay": "_overlay_1hsf6_1",
+	"fade-in-overlay": "_fade-in-overlay_1hsf6_1",
+	"fade-out-overlay": "_fade-out-overlay_1hsf6_1",
+	"modal": "_modal_1hsf6_1",
+	"scale-in-modal": "_scale-in-modal_1hsf6_1",
+	"scale-out-modal": "_scale-out-modal_1hsf6_1",
+	"content": "_content_1hsf6_1",
+	"header": "_header_1hsf6_1",
+	"footer": "_footer_1hsf6_1",
+	"actions": "_actions_1hsf6_1",
+	"title": "_title_1hsf6_1",
+	"icon": "_icon_1hsf6_1",
+	"body": "_body_1hsf6_1",
+	"cancel": "_cancel_1hsf6_1"
+};
+
+//#endregion
+exports.default = ds_confirmation_module_default;

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

@@ -0,0 +1,21 @@
+//#region src/components/ds-confirmation/ds-confirmation.module.scss
+var ds_confirmation_module_default = {
+	"overlay": "_overlay_1hsf6_1",
+	"fade-in-overlay": "_fade-in-overlay_1hsf6_1",
+	"fade-out-overlay": "_fade-out-overlay_1hsf6_1",
+	"modal": "_modal_1hsf6_1",
+	"scale-in-modal": "_scale-in-modal_1hsf6_1",
+	"scale-out-modal": "_scale-out-modal_1hsf6_1",
+	"content": "_content_1hsf6_1",
+	"header": "_header_1hsf6_1",
+	"footer": "_footer_1hsf6_1",
+	"actions": "_actions_1hsf6_1",
+	"title": "_title_1hsf6_1",
+	"icon": "_icon_1hsf6_1",
+	"body": "_body_1hsf6_1",
+	"cancel": "_cancel_1hsf6_1"
+};
+
+//#endregion
+export { ds_confirmation_module_default as default };
+//# sourceMappingURL=ds-confirmation.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-confirmation.module.js","names":[],"sources":["../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/shared/_modal.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/components/ds-confirmation/ds-confirmation.module.scss","../../../file:/home/runner/work/design-system/design-system/packages/design-system/src/styles/_typography.scss"],"sourcesContent":["@use '../../styles/typography';\n@use '../../styles/shared/modal' as shared;\n\n$max-width: 400px;\n$min-height: 188px;\n$max-height: 244px;\n\n.overlay {\n\t@include shared.overlay-base;\n}\n\n.modal {\n\t@include shared.modal-base;\n\tinline-size: $max-width;\n}\n\n.content {\n\t@include shared.content-base;\n\tmin-block-size: $min-height;\n\tmax-block-size: $max-height;\n\tpadding: var(--spacing-md) var(--spacing-lg);\n\tgap: var(--spacing-standard);\n}\n\n.header {\n\t@include shared.header-base;\n\tgap: var(--spacing-xs);\n\tpadding-bottom: var(--spacing-xs);\n}\n\n.footer {\n\t@include shared.footer-base(false);\n\tdisplay: flex;\n\n\t.actions {\n\t\t@include shared.actions-base;\n\t\tflex-grow: 1;\n\t}\n}\n\n.title {\n\t@include shared.title-base;\n\tflex-grow: 1;\n}\n\n.icon {\n\tflex-shrink: 0;\n}\n\n.body {\n\t@include shared.body-base;\n\t@include typography.body-sm-reg;\n\tcolor: var(--color-font-main);\n}\n\n.cancel {\n\tmargin-right: auto;\n}\n"],"mappings":""}

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

@@ -0,0 +1,33 @@
+import { CSSProperties, ReactNode } from "react";
+
+//#region src/components/ds-confirmation/ds-confirmation.types.d.ts
+
+/**
+ * Props for the DsConfirmation component
+ */
+interface DsConfirmationProps {
+  /**
+   * Whether the modal is open
+   */
+  open: boolean;
+  /**
+   * Callback when modal open state changes
+   * @param open - whether the modal is open
+   */
+  onOpenChange: (open: boolean) => void;
+  /**
+   * Additional CSS styles
+   */
+  style?: CSSProperties;
+  /**
+   * Additional CSS class name
+   */
+  className?: string;
+  /**
+   * Modal body content
+   */
+  children: ReactNode;
+}
+//#endregion
+export { DsConfirmationProps };
+//# sourceMappingURL=ds-confirmation.types.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-confirmation.types.d.cts","names":[],"sources":["../../../src/components/ds-confirmation/ds-confirmation.types.tsx"],"sourcesContent":[],"mappings":";;;;;;AAKA;UAAiB,mBAAA;;;;;;;;;;;;;UAaR;;;;;;;;YAQE"}

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

@@ -0,0 +1,33 @@
+import { CSSProperties, ReactNode } from "react";
+
+//#region src/components/ds-confirmation/ds-confirmation.types.d.ts
+
+/**
+ * Props for the DsConfirmation component
+ */
+interface DsConfirmationProps {
+  /**
+   * Whether the modal is open
+   */
+  open: boolean;
+  /**
+   * Callback when modal open state changes
+   * @param open - whether the modal is open
+   */
+  onOpenChange: (open: boolean) => void;
+  /**
+   * Additional CSS styles
+   */
+  style?: CSSProperties;
+  /**
+   * Additional CSS class name
+   */
+  className?: string;
+  /**
+   * Modal body content
+   */
+  children: ReactNode;
+}
+//#endregion
+export { DsConfirmationProps };
+//# sourceMappingURL=ds-confirmation.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ds-confirmation.types.d.ts","names":[],"sources":["../../../src/components/ds-confirmation/ds-confirmation.types.tsx"],"sourcesContent":[],"mappings":";;;;;;AAKA;UAAiB,mBAAA;;;;;;;;;;;;;UAaR;;;;;;;;YAQE"}

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

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

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

@@ -0,0 +1,2 @@
+import { DsConfirmationProps } from "./ds-confirmation.types.js";
+import { DsConfirmation } from "./ds-confirmation.js";

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

@@ -0,0 +1 @@
+import { DsConfirmation } from "./ds-confirmation.js";

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

@@ -0,0 +1,60 @@
+const require_rolldown_runtime = require('../../_virtual/rolldown_runtime.cjs');
+const require_ds_dialog_module = require('./ds-dialog.module.cjs');
+let classnames = require("classnames");
+classnames = require_rolldown_runtime.__toESM(classnames);
+let react_jsx_runtime = require("react/jsx-runtime");
+let __radix_ui_react_dialog = require("@radix-ui/react-dialog");
+__radix_ui_react_dialog = require_rolldown_runtime.__toESM(__radix_ui_react_dialog);
+let __radix_ui_react_visually_hidden = require("@radix-ui/react-visually-hidden");
+
+//#region src/components/ds-dialog/ds-dialog.tsx
+const DsDialog = ({ open, onOpenChange, title, hideTitle, description, hideDescription, children, className, anchorRef, customPosition, modal = true }) => {
+	let style = {};
+	if (customPosition) style = {
+		position: "fixed",
+		...customPosition
+	};
+	else if (anchorRef?.current) {
+		const rect = anchorRef.current.getBoundingClientRect();
+		style = {
+			position: "fixed",
+			top: rect.bottom,
+			left: rect.left
+		};
+	}
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dialog.Root, {
+		open,
+		onOpenChange,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_dialog.Portal, { children: [modal && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dialog.Overlay, { className: require_ds_dialog_module.default.overlay }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__radix_ui_react_dialog.Content, {
+			className: (0, classnames.default)(require_ds_dialog_module.default.dialog, className, { [require_ds_dialog_module.default.customPlacement]: customPosition || anchorRef }),
+			style: customPosition || anchorRef ? style : void 0,
+			children: [
+				/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dialog.Title, {
+					asChild: true,
+					children: hideTitle ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_visually_hidden.Root, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dialog.Title, {
+						className: require_ds_dialog_module.default.title,
+						children: title
+					}) }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dialog.Title, {
+						className: require_ds_dialog_module.default.title,
+						children: title
+					})
+				}),
+				description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dialog.Description, {
+					asChild: true,
+					children: hideDescription ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_visually_hidden.Root, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dialog.Description, {
+						className: require_ds_dialog_module.default.description,
+						children: description
+					}) }) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__radix_ui_react_dialog.Description, {
+						className: require_ds_dialog_module.default.description,
+						children: description
+					})
+				}),
+				children
+			]
+		})] })
+	});
+};
+var ds_dialog_default = DsDialog;
+
+//#endregion
+exports.default = ds_dialog_default;

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

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

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

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

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

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

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

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