@feugene/granularity 0.2.0 → 0.3.0

package/dist/{chunks/DsNumberInput-D-m5QoQJ.js → components/DsNumberInput/chunks/DsNumberInput-BJTpcTRc.js}

@@ -1,7 +1,7 @@
-import { i as e, n as t } from "./config-BnryTLnh.js";
-import { computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, mergeProps as ee, nextTick as s, normalizeClass as te, normalizeStyle as c, onBeforeUnmount as l, onMounted as ne, onUpdated as re, openBlock as u, ref as d, renderSlot as f, useSlots as ie, withModifiers as p } from "vue";
+import { i as e, r as t } from "../../../chunks/config-CtgK8aLQ.js";
+import { computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, mergeProps as ee, nextTick as s, normalizeClass as te, normalizeStyle as c, onBeforeUnmount as l, onMounted as ne, onUpdated as u, openBlock as d, ref as f, renderSlot as p, useSlots as m, withModifiers as h } from "vue";
 //#region src/components/DsNumberInput/DsNumberInput.vue?vue&type=script&setup=true&lang.ts
-var m = [
+var re = [
 	"id",
 	"name",
 	"inputmode",
@@ -10,7 +10,7 @@ var m = [
 	"disabled",
 	"value",
 	"aria-invalid"
-], ae = { class: "flex flex-col justify-center gap-1" }, oe = ["disabled"], h = ["disabled"], g = ["disabled"], se = ["disabled"], _ = /* @__PURE__ */ o({
+], ie = { class: "flex flex-col justify-center gap-1" }, g = ["disabled", "aria-label"], ae = ["disabled", "aria-label"], _ = ["disabled", "aria-label"], oe = ["disabled", "aria-label"], v = /* @__PURE__ */ o({
 	inheritAttrs: !1,
 	__name: "DsNumberInput",
 	props: {
@@ -44,10 +44,12 @@ var m = [
 		prefixMinWidth: { default: void 0 },
 		prefixMaxWidth: { default: void 0 },
 		suffixMinWidth: { default: void 0 },
-		suffixMaxWidth: { default: void 0 }
+		suffixMaxWidth: { default: void 0 },
+		increaseLabel: { default: "Increase" },
+		decreaseLabel: { default: "Decrease" }
 	},
 	emits: ["update:modelValue", "change"],
-	setup(o, { expose: _, emit: v }) {
+	setup(o, { expose: v, emit: se }) {
 		let y = {
 			xs: 32,
 			sm: 36,
@@ -62,12 +64,12 @@ var m = [
 		function x(e) {
 			return `${e}px`;
 		}
-		let S = o, C = v, w = d(null);
+		let S = o, C = se, w = f(null);
 		function T() {
 			w.value?.focus();
 		}
-		_({ focus: T });
-		let E = ie(), D = n(() => !!E.prefix), O = n(() => !!E.suffix), k = n(() => S.controls && S.controlsDirection === "horizontal"), A = n(() => S.controls && S.controlsDirection === "vertical"), j = n(() => y[S.size]), M = n(() => x(j.value)), N = n(() => b[S.size]), P = n(() => M.value), F = n(() => S.prefixMinWidth ?? P.value), I = n(() => S.suffixMinWidth ?? P.value), L = d(null), R = d(null), z = d(void 0), B = d(void 0), V = null, H = !1;
+		v({ focus: T });
+		let E = m(), D = n(() => !!E.prefix), O = n(() => !!E.suffix), k = n(() => S.controls && S.controlsDirection === "horizontal"), A = n(() => S.controls && S.controlsDirection === "vertical"), j = n(() => y[S.size]), M = n(() => x(j.value)), N = n(() => b[S.size]), P = n(() => M.value), F = n(() => S.prefixMinWidth ?? P.value), I = n(() => S.suffixMinWidth ?? P.value), L = f(null), R = f(null), z = f(void 0), B = f(void 0), V = null, H = !1;
 		function U(e) {
 			if (!e) return;
 			let t = Math.ceil(e.getBoundingClientRect().width || 0);
@@ -84,7 +86,7 @@ var m = [
 				H = !1, W(), G();
 			}));
 		}
-		ne(() => K()), re(() => K()), l(() => V?.disconnect());
+		ne(() => K()), u(() => K()), l(() => V?.disconnect());
 		function q(e, t) {
 			if (e === "0px") return t;
 			if (t === "0px") return e;
@@ -118,14 +120,14 @@ var m = [
 			size: S.size,
 			textAlign: S.textAlign
 		}));
-		function Z(e) {
+		function ge(e) {
 			return e >= "0" && e <= "9";
 		}
-		function Q(e) {
+		function Z(e) {
 			let t = S.decimalSeparator || ".", n = "", r = !1;
 			for (let i = 0; i < e.length; i++) {
 				let a = e[i];
-				if (Z(a)) {
+				if (ge(a)) {
 					n += a;
 					continue;
 				}
@@ -133,7 +135,7 @@ var m = [
 			}
 			return n;
 		}
-		function ge(e) {
+		function Q(e) {
 			if (e.trim() === "") return null;
 			let t = S.decimalSeparator || ".", n = t === "." ? e : e.replace(t, "."), r = Number(n);
 			return Number.isFinite(r) ? r : null;
@@ -151,151 +153,163 @@ var m = [
 			return t !== "." && (r = r.replace(".", t)), r;
 		}
 		function be(e) {
-			let t = e.target, n = Q(t.value);
+			let t = e.target, n = Z(t.value);
 			t.value !== n && (t.value = n), C("update:modelValue", n);
 		}
 		function xe(e) {
-			let t = e.target, n = Q(t.value);
+			let t = e.target, n = Z(t.value);
 			t.value !== n && (t.value = n), C("change", n);
 		}
 		function $(e) {
 			if (S.disabled) return;
-			let t = ye(_e(ve((ge(S.modelValue) ?? 0) + (S.step ?? 1) * e)));
+			let t = ye(_e(ve((Q(S.modelValue) ?? 0) + (S.step ?? 1) * e)));
 			C("update:modelValue", t), C("change", t), T();
 		}
-		return (e, t) => (u(), i("div", { class: te(["relative w-full overflow-hidden rounded-md border bg-[var(--bg)] transition-colors duration-150 focus-within:ring-2 focus-within:ring-[var(--ring)]", me.value]) }, [
-			e.$slots.prefix ? (u(), i("div", {
+		return (e, t) => (d(), i("div", {
+			"data-ds-number-input": "",
+			class: te(["relative w-full overflow-hidden rounded-md border bg-[var(--bg)] transition-colors duration-150 focus-within:ring-2 focus-within:ring-[var(--ring)]", me.value])
+		}, [
+			e.$slots.prefix ? (d(), i("div", {
 				key: 0,
 				ref_key: "prefixEl",
 				ref: L,
 				"data-testid": "number-input-prefix",
+				"data-ds-number-input-prefix": "",
 				class: "absolute inset-y-0 left-0 flex items-center justify-center border-r border-[var(--brd)] px-2 text-[var(--muted-fg)] pointer-events-none select-none truncate",
 				style: c(ue.value),
 				"aria-hidden": "true"
-			}, [f(e.$slots, "prefix")], 4)) : r("", !0),
+			}, [p(e.$slots, "prefix")], 4)) : r("", !0),
 			a("input", ee({
-				id: S.id,
+				id: o.id,
 				ref_key: "inputEl",
 				ref: w
 			}, e.$attrs, {
-				name: S.name,
+				name: o.name,
 				type: "text",
-				inputmode: S.inputmode,
-				autocomplete: S.autocomplete,
-				placeholder: S.placeholder,
-				disabled: S.disabled,
-				value: S.modelValue,
-				"aria-invalid": S.invalid ? "true" : void 0,
+				inputmode: o.inputmode,
+				autocomplete: o.autocomplete,
+				placeholder: o.placeholder,
+				disabled: o.disabled,
+				value: o.modelValue,
+				"aria-invalid": o.invalid ? "true" : void 0,
 				class: ["w-full bg-transparent text-[var(--fg)] placeholder:text-[var(--muted-fg)] focus:placeholder:text-transparent focus:outline-none disabled:cursor-not-allowed", he.value],
 				style: ce.value,
 				onInput: be,
 				onChange: xe
-			}), null, 16, m),
-			e.$slots.suffix ? (u(), i("div", {
+			}), null, 16, re),
+			e.$slots.suffix ? (d(), i("div", {
 				key: 1,
 				ref_key: "suffixEl",
 				ref: R,
 				"data-testid": "number-input-suffix",
+				"data-ds-number-input-suffix": "",
 				class: "absolute inset-y-0 flex items-center justify-center border-l border-[var(--brd)] px-2 text-[var(--muted-fg)] pointer-events-none select-none truncate",
 				style: c(le.value),
 				"aria-hidden": "true"
-			}, [f(e.$slots, "suffix")], 4)) : r("", !0),
-			A.value ? (u(), i("div", {
+			}, [p(e.$slots, "suffix")], 4)) : r("", !0),
+			A.value ? (d(), i("div", {
 				key: 2,
 				"data-testid": "number-input-controls-vertical",
+				"data-ds-number-input-controls": "vertical",
 				class: "absolute inset-y-0 flex items-center justify-center border-l border-[var(--brd)]",
 				style: c(de.value)
-			}, [a("div", ae, [a("button", {
+			}, [a("div", ie, [a("button", {
 				type: "button",
 				class: "h-4 w-7 inline-flex items-center justify-center rounded text-[10px] text-[var(--muted-fg)] hover:bg-[var(--muted)] active:bg-[var(--muted)] disabled:opacity-50 disabled:cursor-not-allowed",
-				disabled: S.disabled,
-				"aria-label": "Increase",
-				onMousedown: t[0] ||= p(() => {}, ["prevent"]),
+				disabled: o.disabled,
+				"aria-label": o.increaseLabel,
+				onMousedown: t[0] ||= h(() => {}, ["prevent"]),
 				onClick: t[1] ||= (e) => $(1)
 			}, [...t[8] ||= [a("svg", {
 				width: "12",
 				height: "12",
 				viewBox: "0 0 24 24",
 				fill: "none",
-				xmlns: "http://www.w3.org/2000/svg"
+				xmlns: "http://www.w3.org/2000/svg",
+				"aria-hidden": "true"
 			}, [a("path", {
 				d: "M7 14l5-5 5 5",
 				stroke: "currentColor",
 				"stroke-width": "2",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			})], -1)]], 40, oe), a("button", {
+			})], -1)]], 40, g), a("button", {
 				type: "button",
 				class: "h-4 w-7 inline-flex items-center justify-center rounded text-[10px] text-[var(--muted-fg)] hover:bg-[var(--muted)] active:bg-[var(--muted)] disabled:opacity-50 disabled:cursor-not-allowed",
-				disabled: S.disabled,
-				"aria-label": "Decrease",
-				onMousedown: t[2] ||= p(() => {}, ["prevent"]),
+				disabled: o.disabled,
+				"aria-label": o.decreaseLabel,
+				onMousedown: t[2] ||= h(() => {}, ["prevent"]),
 				onClick: t[3] ||= (e) => $(-1)
 			}, [...t[9] ||= [a("svg", {
 				width: "12",
 				height: "12",
 				viewBox: "0 0 24 24",
 				fill: "none",
-				xmlns: "http://www.w3.org/2000/svg"
+				xmlns: "http://www.w3.org/2000/svg",
+				"aria-hidden": "true"
 			}, [a("path", {
 				d: "M7 10l5 5 5-5",
 				stroke: "currentColor",
 				"stroke-width": "2",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			})], -1)]], 40, h)])], 4)) : r("", !0),
-			k.value ? (u(), i("div", {
+			})], -1)]], 40, ae)])], 4)) : r("", !0),
+			k.value ? (d(), i("div", {
 				key: 3,
 				"data-testid": "number-input-controls-horizontal-left",
+				"data-ds-number-input-controls": "horizontal-left",
 				class: "absolute inset-y-0 flex items-stretch justify-center border-r border-[var(--brd)]",
 				style: c(fe.value)
 			}, [a("button", {
 				type: "button",
 				class: "h-full w-full inline-flex items-center justify-center text-[var(--muted-fg)] hover:bg-[var(--muted)] active:bg-[var(--muted)] disabled:opacity-50 disabled:cursor-not-allowed focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]",
-				disabled: S.disabled,
-				"aria-label": "Decrease",
-				onMousedown: t[4] ||= p(() => {}, ["prevent"]),
+				disabled: o.disabled,
+				"aria-label": o.decreaseLabel,
+				onMousedown: t[4] ||= h(() => {}, ["prevent"]),
 				onClick: t[5] ||= (e) => $(-1)
 			}, [...t[10] ||= [a("svg", {
 				width: "12",
 				height: "12",
 				viewBox: "0 0 24 24",
 				fill: "none",
-				xmlns: "http://www.w3.org/2000/svg"
+				xmlns: "http://www.w3.org/2000/svg",
+				"aria-hidden": "true"
 			}, [a("path", {
 				d: "M14 7l-5 5 5 5",
 				stroke: "currentColor",
 				"stroke-width": "2",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			})], -1)]], 40, g)], 4)) : r("", !0),
-			k.value ? (u(), i("div", {
+			})], -1)]], 40, _)], 4)) : r("", !0),
+			k.value ? (d(), i("div", {
 				key: 4,
 				"data-testid": "number-input-controls-horizontal-right",
+				"data-ds-number-input-controls": "horizontal-right",
 				class: "absolute inset-y-0 flex items-stretch justify-center border-l border-[var(--brd)]",
 				style: c(pe.value)
 			}, [a("button", {
 				type: "button",
 				class: "h-full w-full inline-flex items-center justify-center text-[var(--muted-fg)] hover:bg-[var(--muted)] active:bg-[var(--muted)] disabled:opacity-50 disabled:cursor-not-allowed focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]",
-				disabled: S.disabled,
-				"aria-label": "Increase",
-				onMousedown: t[6] ||= p(() => {}, ["prevent"]),
+				disabled: o.disabled,
+				"aria-label": o.increaseLabel,
+				onMousedown: t[6] ||= h(() => {}, ["prevent"]),
 				onClick: t[7] ||= (e) => $(1)
 			}, [...t[11] ||= [a("svg", {
 				width: "12",
 				height: "12",
 				viewBox: "0 0 24 24",
 				fill: "none",
-				xmlns: "http://www.w3.org/2000/svg"
+				xmlns: "http://www.w3.org/2000/svg",
+				"aria-hidden": "true"
 			}, [a("path", {
 				d: "M10 7l5 5-5 5",
 				stroke: "currentColor",
 				"stroke-width": "2",
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round"
-			})], -1)]], 40, se)], 4)) : r("", !0)
+			})], -1)]], 40, oe)], 4)) : r("", !0)
 		], 2));
 	}
 });
 //#endregion
-export { _ as t };
+export { v as t };

package/dist/components/DsNumberInput/index.js

@@ -1,3 +1,3 @@
-import { r as e, t } from "../../chunks/config-BnryTLnh.js";
-import { t as n } from "../../chunks/DsNumberInput-D-m5QoQJ.js";
+import { n as e, t } from "../../chunks/config-CtgK8aLQ.js";
+import { t as n } from "./chunks/DsNumberInput-BJTpcTRc.js";
 export { n as DsNumberInput, n as default, t as dsNumberInputConfig, e as dsNumberInputSafelist };

package/dist/{chunks/DsPagination-B28ms0hc.js → components/DsPagination/chunks/DsPagination-hw_-VMRK.js}

@@ -1,9 +1,13 @@
-import { t as e } from "./DsButton-CA18Fha-.js";
-import { t } from "./granularityI18n-DBuOHekC.js";
-import { t as n } from "./DsSelect-DEHGeICn.js";
+import { t as e } from "../../DsButton/chunks/DsButton-9cB_fHZt.js";
+import { t } from "../../../chunks/granularityI18n-DYNnonoE.js";
+import { t as n } from "../../DsSelect/chunks/DsSelect-DN-vZIEG.js";
 import { Fragment as r, computed as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, normalizeClass as u, openBlock as d, renderList as f, toDisplayString as p, unref as m, withCtx as h } from "vue";
 //#region src/components/DsPagination/DsPagination.vue?vue&type=script&setup=true&lang.ts
-var g = { class: "flex flex-wrap items-center justify-end gap-3" }, _ = { class: "min-w-[100px]" }, v = { class: "flex items-center gap-1" }, y = ["onClick"], b = /* @__PURE__ */ l({
+var g = ["aria-label"], _ = { class: "min-w-[100px]" }, v = { class: "flex items-center gap-1" }, y = [
+	"aria-current",
+	"aria-label",
+	"onClick"
+], b = /* @__PURE__ */ l({
 	__name: "DsPagination",
 	props: {
 		page: {},
@@ -18,32 +22,37 @@ var g = { class: "flex flex-wrap items-center justify-end gap-3" }, _ = { class:
 	emits: ["update:page", "update:pageSize"],
 	setup(l, { emit: b }) {
 		let { t: x } = t(), S = l, C = b, w = i(() => Math.max(1, Math.ceil(S.total / S.pageSize))), T = i({
-			get: () => S.page,
-			set: (e) => C("update:page", e)
-		}), E = i({
 			get: () => String(S.pageSize),
 			set: (e) => C("update:pageSize", Number(e))
-		}), D = i(() => S.pageSizes.map((e) => ({
+		}), E = i(() => S.pageSizes.map((e) => ({
 			value: String(e),
 			label: String(e)
-		}))), O = i(() => {
+		}))), D = i(() => {
 			let e = w.value, t = S.page, n = Math.max(1, t - 2), r = Math.min(e, n + 5 - 1);
 			n = Math.max(1, r - 5 + 1);
 			let i = [];
 			for (let e = n; e <= r; e += 1) i.push(e);
 			return i;
 		});
+		function O(e) {
+			C("update:page", e);
+		}
 		function k() {
-			C("update:page", Math.max(1, S.page - 1));
+			O(Math.max(1, S.page - 1));
 		}
 		function A() {
-			C("update:page", Math.min(w.value, S.page + 1));
+			O(Math.min(w.value, S.page + 1));
 		}
-		return (t, i) => (d(), a("div", g, [
+		return (t, i) => (d(), a("div", {
+			class: "flex flex-wrap items-center justify-end gap-3",
+			"data-ds-pagination": "",
+			role: "navigation",
+			"aria-label": m(x)("ds.pagination.pageSize", "Pagination")
+		}, [
 			o("div", _, [c(n, {
-				modelValue: E.value,
-				"onUpdate:modelValue": i[0] ||= (e) => E.value = e,
-				options: D.value,
+				modelValue: T.value,
+				"onUpdate:modelValue": i[0] ||= (e) => T.value = e,
+				options: E.value,
 				"aria-label": m(x)("ds.pagination.pageSize", "Page size")
 			}, null, 8, [
 				"modelValue",
@@ -53,28 +62,31 @@ var g = { class: "flex flex-wrap items-center justify-end gap-3" }, _ = { class:
 			c(e, {
 				variant: "ghost",
 				size: "sm",
-				disabled: S.page <= 1,
+				disabled: l.page <= 1,
 				onClick: k
 			}, {
 				default: h(() => [s(p(m(x)("ds.pagination.prev", "Prev")), 1)]),
 				_: 1
 			}, 8, ["disabled"]),
-			o("div", v, [(d(!0), a(r, null, f(O.value, (e) => (d(), a("button", {
+			o("div", v, [(d(!0), a(r, null, f(D.value, (e) => (d(), a("button", {
 				key: e,
 				type: "button",
-				class: u(["h-8 min-w-8 px-2 rounded-md text-sm font-600 transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]", e === S.page ? "bg-[var(--primary)] text-[var(--primary-fg)]" : "text-[var(--muted-fg)] hover:bg-[var(--muted)] hover:text-[var(--fg)]"]),
-				onClick: (t) => T.value = e
+				"data-ds-pagination-page": "",
+				"aria-current": e === l.page ? "page" : void 0,
+				"aria-label": `Page ${e}`,
+				class: u(["h-8 min-w-8 px-2 rounded-md text-sm font-600 transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]", e === l.page ? "bg-[var(--primary)] text-[var(--primary-fg)]" : "text-[var(--muted-fg)] hover:bg-[var(--muted)] hover:text-[var(--fg)]"]),
+				onClick: (t) => O(e)
 			}, p(e), 11, y))), 128))]),
 			c(e, {
 				variant: "ghost",
 				size: "sm",
-				disabled: S.page >= w.value,
+				disabled: l.page >= w.value,
 				onClick: A
 			}, {
 				default: h(() => [s(p(m(x)("ds.pagination.next", "Next")), 1)]),
 				_: 1
 			}, 8, ["disabled"])
-		]));
+		], 8, g));
 	}
 });
 //#endregion

package/dist/components/DsPagination/index.js

@@ -1,3 +1,3 @@
-import { t as e } from "../../chunks/DsPagination-B28ms0hc.js";
-import { n as t, t as n } from "../../chunks/config-B7HAOCA1.js";
-export { e as DsPagination, e as default, n as dsPaginationConfig, t as dsPaginationSafelist };
+import { t as e } from "./chunks/DsPagination-hw_-VMRK.js";
+import { t } from "../../chunks/config-EhfVxSIR.js";
+export { e as DsPagination, e as default, t as dsPaginationConfig };

package/dist/{chunks/DsProgressBar-Bkuqudkg.js → components/DsProgressBar/chunks/DsProgressBar-CgIQj39W.js}

@@ -1,4 +1,4 @@
-import { n as e } from "./config-tQBoBLph.js";
+import { r as e } from "../../../chunks/config-Bb8NpnGF.js";
 import { computed as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeClass as a, normalizeStyle as o, openBlock as s } from "vue";
 //#region src/components/DsProgressBar/DsProgressBar.vue?vue&type=script&setup=true&lang.ts
 var c = ["aria-label", "aria-valuenow"], l = /* @__PURE__ */ i({
@@ -11,13 +11,15 @@ var c = ["aria-label", "aria-valuenow"], l = /* @__PURE__ */ i({
 	setup(i) {
 		let l = i, u = t(() => Number.isNaN(l.value) ? 0 : Math.min(100, Math.max(0, l.value))), d = t(() => e(l.tone));
 		return (e, t) => (s(), n("div", {
+			"data-ds-progress-bar": "",
 			role: "progressbar",
-			"aria-label": l.ariaLabel,
+			"aria-label": i.ariaLabel,
 			"aria-valuenow": u.value,
 			"aria-valuemin": "0",
 			"aria-valuemax": "100",
 			class: "h-2 w-full rounded-full bg-[var(--muted)] border border-[var(--brd)] overflow-hidden"
 		}, [r("div", {
+			"data-ds-progress-bar-fill": "",
 			class: a(["h-full", d.value]),
 			style: o({ width: `${u.value}%` })
 		}, null, 6)], 8, c));

package/dist/components/DsProgressBar/index.js

@@ -1,3 +1,3 @@
-import { r as e, t } from "../../chunks/config-tQBoBLph.js";
-import { t as n } from "../../chunks/DsProgressBar-Bkuqudkg.js";
+import { n as e, t } from "../../chunks/config-Bb8NpnGF.js";
+import { t as n } from "./chunks/DsProgressBar-CgIQj39W.js";
 export { n as DsProgressBar, n as default, t as dsProgressBarConfig, e as dsProgressBarSafelist };

package/dist/{chunks/DsPromptDialog-DdSca52S.js → components/DsPromptDialog/chunks/DsPromptDialog-_8v3Puaj.js}

@@ -1,7 +1,7 @@
-import { t as e } from "./DsButton-CA18Fha-.js";
-import { t } from "./DsDialog-BAGAa9DN.js";
-import { t as n } from "./DsFormField-XVZK7YVU.js";
-import { t as r } from "./DsInput-DeoAkT6R.js";
+import { t as e } from "../../DsButton/chunks/DsButton-9cB_fHZt.js";
+import { t } from "../../DsDialog/chunks/DsDialog-BH23MSq-.js";
+import { t as n } from "../../DsFormField/chunks/DsFormField-QvWyAReX.js";
+import { t as r } from "../../DsInput/chunks/DsInput-B8RhHkKQ.js";
 import { computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, openBlock as f, ref as p, renderSlot as m, toDisplayString as h, watch as g, withCtx as _ } from "vue";
 //#region src/components/DsPromptDialog/DsPromptDialog.vue?vue&type=script&setup=true&lang.ts
 var v = { class: "grid gap-4" }, y = {
@@ -20,12 +20,27 @@ var v = { class: "grid gap-4" }, y = {
 			type: Boolean,
 			default: !0
 		},
+		closeOnEsc: {
+			type: Boolean,
+			default: !0
+		},
+		showHeader: {
+			type: Boolean,
+			default: !0
+		},
+		showCloseButton: {
+			type: Boolean,
+			default: !0
+		},
 		size: { default: "md" },
 		headerConfig: { default: void 0 },
 		footerConfig: { default: void 0 },
+		bodyConfig: { default: void 0 },
+		closeLabel: { default: "Close" },
 		buttonSize: { default: void 0 },
 		confirmText: { default: "Confirm" },
 		cancelText: { default: "Cancel" },
+		requiredErrorText: { default: "Enter a value." },
 		confirmVariant: { default: "primary" },
 		confirmTone: { default: "primary" },
 		required: {
@@ -51,7 +66,7 @@ var v = { class: "grid gap-4" }, y = {
 			e && (E.value = !1);
 		});
 		let O = i(() => S.required ? T.value.trim().length > 0 : !0), k = i(() => {
-			if (S.required && E.value) return T.value.trim().length > 0 ? void 0 : "Enter a value.";
+			if (S.required && E.value) return T.value.trim().length > 0 ? void 0 : S.requiredErrorText;
 		});
 		function A() {
 			C("cancel"), C("update:modelValue", !1);
@@ -67,25 +82,30 @@ var v = { class: "grid gap-4" }, y = {
 			modelValue: w.value,
 			"onUpdate:modelValue": p[2] ||= (e) => w.value = e,
 			title: d.title,
-			size: S.size,
-			"close-on-backdrop": S.closeOnBackdrop,
-			"header-config": S.headerConfig,
-			"footer-config": S.footerConfig
+			size: d.size,
+			"close-on-backdrop": d.closeOnBackdrop,
+			"close-on-esc": d.closeOnEsc,
+			"show-header": d.showHeader,
+			"show-close-button": d.showCloseButton,
+			"header-config": d.headerConfig,
+			"footer-config": d.footerConfig,
+			"body-config": d.bodyConfig,
+			"close-label": d.closeLabel
 		}, {
 			footer: _(() => [m(i.$slots, "footer", {}, () => [c("div", b, [u(e, {
 				"data-testid": "ds-prompt-cancel",
 				variant: "outline",
-				size: S.buttonSize,
+				size: d.buttonSize,
 				onClick: A
 			}, {
 				default: _(() => [l(h(d.cancelText), 1)]),
 				_: 1
 			}, 8, ["size"]), u(e, {
 				"data-testid": "ds-prompt-confirm",
-				variant: S.confirmVariant,
-				tone: S.confirmTone,
-				size: S.buttonSize,
-				disabled: S.required && E.value && !O.value,
+				variant: d.confirmVariant,
+				tone: d.confirmTone,
+				size: d.buttonSize,
+				disabled: d.required && E.value && !O.value,
 				onClick: j
 			}, {
 				default: _(() => [l(h(d.confirmText), 1)]),
@@ -96,7 +116,7 @@ var v = { class: "grid gap-4" }, y = {
 				"size",
 				"disabled"
 			])])])]),
-			default: _(() => [c("div", v, [m(i.$slots, "default", {}, () => [S.description ? (f(), s("div", y, h(S.description), 1)) : o("", !0)]), u(n, {
+			default: _(() => [c("div", v, [m(i.$slots, "default", {}, () => [d.description ? (f(), s("div", y, h(d.description), 1)) : o("", !0)]), u(n, {
 				label: d.label,
 				error: k.value,
 				"for-id": "ds-prompt-input"
@@ -108,7 +128,7 @@ var v = { class: "grid gap-4" }, y = {
 					modelValue: T.value,
 					"onUpdate:modelValue": p[0] ||= (e) => T.value = e,
 					"data-testid": "ds-prompt-input",
-					placeholder: S.placeholder,
+					placeholder: d.placeholder,
 					invalid: !!k.value,
 					onBlur: p[1] ||= (e) => E.value = !0
 				}, null, 8, [
@@ -124,8 +144,13 @@ var v = { class: "grid gap-4" }, y = {
 			"title",
 			"size",
 			"close-on-backdrop",
+			"close-on-esc",
+			"show-header",
+			"show-close-button",
 			"header-config",
-			"footer-config"
+			"footer-config",
+			"body-config",
+			"close-label"
 		]));
 	}
 });

package/dist/components/DsPromptDialog/index.js

@@ -1,3 +1,3 @@
-import { t as e } from "../../chunks/DsPromptDialog-DdSca52S.js";
-import { n as t, t as n } from "../../chunks/config-B7yrZO9u.js";
-export { e as DsPromptDialog, e as default, n as dsPromptDialogConfig, t as dsPromptDialogSafelist };
+import { t as e } from "./chunks/DsPromptDialog-_8v3Puaj.js";
+import { t } from "../../chunks/config-DfTEy9G3.js";
+export { e as DsPromptDialog, e as default, t as dsPromptDialogConfig };