@feugene/granularity 0.1.0 → 0.3.0

package/dist/{chunks/DsAlert-r_Ed-JrB.js → components/DsAlert/chunks/DsAlert-2ItscoqG.js}

@@ -1,6 +1,6 @@
-import { n as e, r as t, t as n } from "./x-circle-BZnfL2nz.js";
-import { t as r } from "./info-CmLOtVnO.js";
-import { t as i } from "./x-dGjszOU2.js";
+import { n as e, r as t, t as n } from "../../../chunks/x-circle-ChJ87u1v.js";
+import { t as r } from "../../../chunks/info-CNJnuTYC.js";
+import { t as i } from "../../../chunks/x--kxrj3ez.js";
 import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, normalizeStyle as f, openBlock as p, renderSlot as m, resolveDynamicComponent as h, toDisplayString as g, unref as _ } from "vue";
 //#region src/components/DsAlert/DsAlert.vue?vue&type=script&setup=true&lang.ts
 var v = { class: "flex items-start gap-3" }, y = { class: "min-w-0 flex-1" }, b = {

package/dist/components/DsAlert/index.js

@@ -1,3 +1,3 @@
-import { t as e } from "../../chunks/DsAlert-r_Ed-JrB.js";
-import { n as t, t as n } from "../../chunks/config-BZDKypuQ.js";
-export { e as DsAlert, e as default, n as dsAlertConfig, t as dsAlertSafelist };
+import { t as e } from "./chunks/DsAlert-2ItscoqG.js";
+import { t } from "../../chunks/config-DThxz0fj.js";
+export { e as DsAlert, e as default, t as dsAlertConfig };

package/dist/{chunks/DsAvatar-cyMI8jUi.js → components/DsAvatar/chunks/DsAvatar-D7tQ9wfl.js}

@@ -1,4 +1,4 @@
-import { n as e } from "./config-ANT_Zf3l.js";
+import { r as e } from "../../../chunks/config-BYoxgIeM.js";
 import { computed as t, createElementBlock as n, defineComponent as r, normalizeClass as i, normalizeStyle as a, openBlock as o, renderSlot as s } from "vue";
 //#region src/components/DsAvatar/DsAvatar.vue?vue&type=script&setup=true&lang.ts
 var c = ["src", "alt"], l = /* @__PURE__ */ r({

package/dist/components/DsAvatar/index.js

@@ -1,3 +1,3 @@
-import { r as e, t } from "../../chunks/config-ANT_Zf3l.js";
-import { t as n } from "../../chunks/DsAvatar-cyMI8jUi.js";
+import { n as e, t } from "../../chunks/config-BYoxgIeM.js";
+import { t as n } from "./chunks/DsAvatar-D7tQ9wfl.js";
 export { n as DsAvatar, n as default, t as dsAvatarConfig, e as dsAvatarSafelist };

package/dist/{chunks/DsBadge-Dnd7_I-K.js → components/DsBadge/chunks/DsBadge-B9aZxvZb.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./dsBadgeStyles-yLd1GFUa.js";
+import { n as e } from "../../../chunks/dsBadgeStyles-2fcy07ls.js";
 import { computed as t, createElementBlock as n, defineComponent as r, normalizeClass as i, openBlock as a, renderSlot as o } from "vue";
 //#endregion
 //#region src/components/DsBadge/DsBadge.vue

package/dist/components/DsBadge/index.js

@@ -1,4 +1,3 @@
-import { n as e } from "../../chunks/dsBadgeStyles-yLd1GFUa.js";
-import { t } from "../../chunks/DsBadge-Dnd7_I-K.js";
-import { t as n } from "../../chunks/config-DIgvSIEs.js";
-export { t as DsBadge, t as default, n as dsBadgeConfig, e as dsBadgeSafelist };
+import { t as e } from "./chunks/DsBadge-B9aZxvZb.js";
+import { n as t, t as n } from "../../chunks/config-BG-m3THf.js";
+export { e as DsBadge, e as default, n as dsBadgeConfig, t as dsBadgeSafelist };

package/dist/components/DsBadgeWrap/index.js

@@ -1,3 +1,3 @@
-import { t as e } from "../../chunks/DsBadgeWrap-UgP-TMdA.js";
-import { n as t, t as n } from "../../chunks/config-aUoIf7kK.js";
-export { e as DsBadgeWrap, e as default, n as dsBadgeWrapConfig, t as dsBadgeWrapSafelist };
+import { t as e } from "./chunks/DsBadgeWrap-DO8TjFYg.js";
+import { t } from "../../chunks/config-COfLMM02.js";
+export { e as DsBadgeWrap, e as default, t as dsBadgeWrapConfig };

package/dist/components/DsBottomNav/index.js

@@ -1,3 +1,3 @@
-import { t as e } from "../../chunks/DsBottomNav-Dze5cFVz.js";
-import { n as t, t as n } from "../../chunks/config-DA3cYUSo.js";
-export { e as DsBottomNav, e as default, n as dsBottomNavConfig, t as dsBottomNavSafelist };
+import { t as e } from "./chunks/DsBottomNav-NRtHfcmQ.js";
+import { t } from "../../chunks/config-CtI_S-zH.js";
+export { e as DsBottomNav, e as default, t as dsBottomNavConfig };

package/dist/{chunks/DsButton-CA18Fha-.js → components/DsButton/chunks/DsButton-9cB_fHZt.js}

@@ -1,5 +1,5 @@
-import { t as e } from "./loader-circle-DtXjkqR7.js";
-import { n as t, t as n } from "./dsButtonStyles-C1c_j958.js";
+import { t as e } from "../../../chunks/loader-circle-C5vCCMfB.js";
+import { n as t, r as n } from "../../../chunks/dsButtonStyles-xdMl54zJ.js";
 import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, defineComponent as s, normalizeClass as c, normalizeStyle as l, openBlock as u, renderSlot as d, unref as f } from "vue";
 //#region src/components/DsButton/DsButton.vue?vue&type=script&setup=true&lang.ts
 var p = [
@@ -40,13 +40,13 @@ var p = [
 				height: e,
 				padding: "0px"
 			};
-		}), v = r(() => t({
+		}), v = r(() => n({
 			variant: m.variant,
 			tone: m.tone,
 			size: m.size,
 			square: g.value
 		}));
-		return (t, r) => (u(), o("button", {
+		return (n, r) => (u(), o("button", {
 			"data-ds-button": "",
 			"data-ds-variant": m.variant,
 			"data-ds-tone": m.tone,
@@ -54,13 +54,13 @@ var p = [
 			disabled: h.value,
 			"aria-busy": m.loading ? "true" : void 0,
 			"aria-label": m.ariaLabel,
-			class: c([f(n), v.value]),
+			class: c([f(t), v.value]),
 			style: l(_.value)
 		}, [m.loading ? (u(), i(f(e), {
 			key: 0,
 			class: "h-4 w-4 animate-spin",
 			"aria-hidden": "true"
-		})) : a("", !0), d(t.$slots, "default")], 14, p));
+		})) : a("", !0), d(n.$slots, "default")], 14, p));
 	}
 });
 //#endregion

package/dist/components/DsButton/index.js

@@ -1,4 +1,5 @@
-import { i as e, n as t, r as n } from "../../chunks/dsButtonStyles-C1c_j958.js";
-import { t as r } from "../../chunks/DsButton-CA18Fha-.js";
-import { t as i } from "../../chunks/config-CML-WrGM.js";
-export { r as DsButton, r as default, t as dsButtonClass, n as dsButtonClassTokens, i as dsButtonConfig, e as dsButtonSafelist };
+import { r as e } from "../../chunks/dsButtonStyles-xdMl54zJ.js";
+import { t } from "./chunks/DsButton-9cB_fHZt.js";
+import { n, t as r } from "../../chunks/safelist-Gujf4bDO.js";
+import { t as i } from "../../chunks/config-CcqnIunr.js";
+export { t as DsButton, t as default, e as dsButtonClass, r as dsButtonClassTokens, i as dsButtonConfig, n as dsButtonSafelist };

package/dist/{chunks/DsButtonGroup-Ceat9ADe.js → components/DsButtonGroup/chunks/DsButtonGroup-DPK1W3Hk.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, defineComponent as t, openBlock as n, renderSlot as r } from "vue";
-//#region src/components/DsButtonGroup/DsButtonGroup.vue?vue&type=script&setup=true&lang.ts
+import '../../../DsButtonGroup.css';//#region src/components/DsButtonGroup/DsButtonGroup.vue?vue&type=script&setup=true&lang.ts
 var i = ["aria-label"], a = /* @__PURE__ */ t({
 	__name: "DsButtonGroup",
 	props: { ariaLabel: { default: void 0 } },

package/dist/components/DsButtonGroup/index.js

@@ -1,3 +1,3 @@
-import { t as e } from "../../chunks/DsButtonGroup-Ceat9ADe.js";
-import { n as t, t as n } from "../../chunks/config-BLYxW-WQ.js";
-export { e as DsButtonGroup, e as default, n as dsButtonGroupConfig, t as dsButtonGroupSafelist };
+import { t as e } from "./chunks/DsButtonGroup-DPK1W3Hk.js";
+import { t } from "../../chunks/config-DrTFt1re.js";
+export { e as DsButtonGroup, e as default, t as dsButtonGroupConfig };

package/dist/{chunks/DsCard-GtapCsjq.js → components/DsCard/chunks/DsCard-Bnelx1JF.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./_plugin-vue_export-helper-DOgycIVc.js";
+import { t as e } from "../../../chunks/_plugin-vue_export-helper-CHO2XVys.js";
 import { createElementBlock as t, openBlock as n, renderSlot as r } from "vue";
 //#region src/components/DsCard/DsCard.vue
 var i = {}, a = { class: "rounded-[var(--ds-radius-lg)] border border-[var(--brd)] bg-[var(--card)] text-[var(--card-fg)] shadow-sm" };

package/dist/components/DsCard/index.js

@@ -1,3 +1,3 @@
-import { t as e } from "../../chunks/DsCard-GtapCsjq.js";
-import { n as t, t as n } from "../../chunks/config-DG_de8vE.js";
-export { e as DsCard, e as default, n as dsCardConfig, t as dsCardSafelist };
+import { t as e } from "./chunks/DsCard-Bnelx1JF.js";
+import { t } from "../../chunks/config-E9sOdSx6.js";
+export { e as DsCard, e as default, t as dsCardConfig };

package/dist/components/DsCheckbox/chunks/DsCheckbox-B3YN7RYo.js

@@ -0,0 +1,111 @@
+import { createElementBlock as e, createElementVNode as t, createVNode as n, defineComponent as r, markRaw as i, normalizeClass as a, openBlock as o, ref as s, renderSlot as c, unref as l, watch as u, withKeys as d, withModifiers as f } from "vue";
+//#region ~icons/lucide/check
+var p = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function m(n, r) {
+	return o(), e("svg", p, [...r[0] ||= [t("path", {
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "2",
+		d: "M20 6L9 17l-5-5"
+	}, null, -1)]]);
+}
+var h = i({
+	name: "lucide-check",
+	render: m
+}), g = [
+	"aria-checked",
+	"aria-disabled",
+	"tabindex",
+	"onKeydown"
+], _ = [
+	"id",
+	"checked",
+	"disabled",
+	"name",
+	"value",
+	"required",
+	"form"
+], v = { class: "text-sm text-[var(--muted-fg)]" }, y = /* @__PURE__ */ r({
+	__name: "DsCheckbox",
+	props: {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		name: { default: void 0 },
+		value: { default: "on" },
+		required: {
+			type: Boolean,
+			default: !1
+		},
+		form: { default: void 0 },
+		id: { default: void 0 }
+	},
+	emits: ["update:modelValue"],
+	setup(r, { emit: i }) {
+		let p = {
+			position: "absolute",
+			opacity: "0",
+			width: "0",
+			height: "0",
+			pointerEvents: "none"
+		}, m = r, y = i, b = s(null);
+		u(() => m.modelValue, (e) => {
+			b.value && b.value.checked !== e && (b.value.checked = e);
+		});
+		function x() {
+			m.disabled || y("update:modelValue", !m.modelValue);
+		}
+		function S(e) {
+			let t = e;
+			return t ? !!t.closest("a,button,input,select,textarea,label,[role=\"button\"],[role=\"link\"]") : !1;
+		}
+		function C(e) {
+			S(e.target) || x();
+		}
+		return (i, s) => (o(), e("div", {
+			"data-ds-checkbox": "",
+			class: a(["inline-flex items-center gap-2 select-none focus-visible:outline-none focus-visible:rounded-[8px] focus-visible:shadow-[0_0_0_2px_var(--ring),0_0_0_4px_var(--bg)]", r.disabled ? "cursor-not-allowed opacity-70" : "cursor-pointer"]),
+			role: "checkbox",
+			"aria-checked": r.modelValue ? "true" : "false",
+			"aria-disabled": r.disabled ? "true" : void 0,
+			tabindex: r.disabled ? -1 : 0,
+			onClick: C,
+			onKeydown: [d(f(x, ["prevent"]), ["space"]), d(f(x, ["prevent"]), ["enter"])]
+		}, [
+			t("input", {
+				id: r.id,
+				ref_key: "nativeInput",
+				ref: b,
+				type: "checkbox",
+				checked: r.modelValue,
+				disabled: r.disabled,
+				name: r.name,
+				value: r.value,
+				required: r.required,
+				form: r.form,
+				tabindex: "-1",
+				"aria-hidden": "true",
+				style: p
+			}, null, 8, _),
+			t("span", {
+				"data-ds-checkbox-indicator": "",
+				"aria-hidden": "true",
+				class: a(["h-4 w-4 rounded border flex items-center justify-center transition-colors duration-150", r.modelValue ? "border-[var(--primary)] bg-[var(--primary)]" : "border-[var(--brd)] bg-[var(--bg)]"])
+			}, [n(l(h), { class: a(["ds-checkbox-icon h-3.5 w-3.5 transition-transform transition-opacity duration-150", r.modelValue ? "opacity-100 scale-100 text-[var(--primary-fg)]" : "opacity-0 scale-75 text-transparent"]) }, null, 8, ["class"])], 2),
+			t("span", v, [c(i.$slots, "default")])
+		], 42, g));
+	}
+});
+//#endregion
+export { y as t };

package/dist/components/DsCheckbox/index.js

@@ -1,3 +1,3 @@
-import { t as e } from "../../chunks/DsCheckbox-Afg94qUm.js";
-import { n as t, t as n } from "../../chunks/config-CBo4aVMV.js";
-export { e as DsCheckbox, e as default, n as dsCheckboxConfig, t as dsCheckboxSafelist };
+import { t as e } from "./chunks/DsCheckbox-B3YN7RYo.js";
+import { t } from "../../chunks/config-DeL48aIt.js";
+export { e as DsCheckbox, e as default, t as dsCheckboxConfig };

package/dist/components/DsCollapse/chunks/DsCollapse-7D6FTuFJ.js

@@ -0,0 +1,150 @@
+import { t as e } from "../../DsCard/chunks/DsCard-Bnelx1JF.js";
+import { t } from "../../DsIcon/chunks/DsIcon-Bk6qc4Kh.js";
+import { computed as n, createBlock as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, getCurrentInstance as c, inject as l, markRaw as u, normalizeClass as d, openBlock as f, provide as p, ref as m, renderSlot as h, toDisplayString as g, unref as _, withCtx as v } from "vue";
+//#region src/components/DsCollapse/dsCollapseContext.ts
+var y = Symbol("DS_COLLAPSE_CONTEXT"), b = /* @__PURE__ */ s({
+	__name: "DsCollapse",
+	props: {
+		modelValue: { default: void 0 },
+		accordion: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		divided: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["update:modelValue", "change"],
+	setup(t, { emit: i }) {
+		let o = t, s = i, c = n(() => {
+			let e = o.modelValue;
+			return o.accordion ? typeof e == "string" || typeof e == "number" ? new Set([e]) : /* @__PURE__ */ new Set() : Array.isArray(e) ? new Set(e) : typeof e == "string" || typeof e == "number" ? new Set([e]) : /* @__PURE__ */ new Set();
+		});
+		function l(e) {
+			s("update:modelValue", e), s("change", e);
+		}
+		function u(e) {
+			if (o.disabled) return;
+			if (o.accordion) {
+				l(c.value.has(e) ? void 0 : e);
+				return;
+			}
+			let t = Array.isArray(o.modelValue) ? [...o.modelValue] : typeof o.modelValue == "string" || typeof o.modelValue == "number" ? [o.modelValue] : [];
+			l(t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
+		}
+		return p(y, {
+			accordion: n(() => o.accordion),
+			disabled: n(() => o.disabled),
+			isActive: (e) => c.value.has(e),
+			toggle: u
+		}), (n, i) => (f(), r(_(e), { "data-ds-collapse": "" }, {
+			default: v(() => [a("div", { class: d(t.divided ? "divide-y divide-[var(--brd)]" : "") }, [h(n.$slots, "default")], 2)]),
+			_: 3
+		}));
+	}
+}), x = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function S(e, t) {
+	return f(), i("svg", x, [...t[0] ||= [a("path", {
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "2",
+		d: "m6 9l6 6l6-6"
+	}, null, -1)]]);
+}
+var C = u({
+	name: "lucide-chevron-down",
+	render: S
+}), w = {
+	"data-ds-collapse-item": "",
+	class: "text-[var(--fg)]"
+}, T = { class: "m-0" }, E = ["aria-expanded", "disabled"], D = { class: "min-w-0" }, O = { class: "text-sm font-600" }, k = { class: "overflow-hidden" }, A = { class: "px-4 pb-4 text-sm text-[var(--muted-fg)]" }, j = /* @__PURE__ */ s({
+	__name: "DsCollapseItem",
+	props: {
+		name: { default: void 0 },
+		title: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e) {
+		let r = e, s = l(y);
+		if (!s) throw Error("DsCollapseItem must be used inside DsCollapse");
+		let u = s, p = c()?.uid ?? Math.random(), b = n(() => typeof r.name == "string" || typeof r.name == "number" ? r.name : p), x = n(() => u.disabled.value || r.disabled), S = n(() => u.isActive(b.value)), j = `ds-collapse-header-${p}`, M = `ds-collapse-panel-${p}`, N = m(null);
+		function P() {
+			x.value || u.toggle(b.value);
+		}
+		function F() {
+			let e = N.value?.closest("[data-ds-collapse]");
+			return e ? Array.prototype.slice.call(e.querySelectorAll("[data-ds-collapse-trigger]")) : [];
+		}
+		function I(e) {
+			let t = N.value;
+			if (!t) return;
+			let n = F(), r = n.indexOf(t);
+			r === -1 || n.length === 0 || n[(r + e + n.length) % n.length]?.focus();
+		}
+		function L(e) {
+			let t = F();
+			t.length !== 0 && (e === "start" ? t[0] : t.at(-1))?.focus();
+		}
+		function R(e) {
+			if (e.key === "ArrowDown") {
+				e.preventDefault(), I(1);
+				return;
+			}
+			if (e.key === "ArrowUp") {
+				e.preventDefault(), I(-1);
+				return;
+			}
+			if (e.key === "Home") {
+				e.preventDefault(), L("start");
+				return;
+			}
+			if (e.key === "End") {
+				e.preventDefault(), L("end");
+				return;
+			}
+			(e.key === " " || e.key === "Enter") && (e.preventDefault(), P());
+		}
+		return (n, r) => (f(), i("div", w, [a("h3", T, [a("button", {
+			id: j,
+			ref_key: "triggerEl",
+			ref: N,
+			"data-ds-collapse-trigger": "",
+			type: "button",
+			"aria-expanded": S.value ? "true" : "false",
+			"aria-controls": M,
+			disabled: x.value,
+			class: d(["w-full px-4 py-3 flex items-center justify-between gap-4 text-left transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] disabled:opacity-50 disabled:cursor-not-allowed", x.value ? "" : "hover:bg-[var(--muted)]"]),
+			onClick: P,
+			onKeydown: R
+		}, [a("span", D, [h(n.$slots, "title", {}, () => [a("span", O, g(e.title), 1)])]), o(_(t), {
+			size: "sm",
+			"aria-hidden": "true",
+			"data-ds-collapse-chevron": "",
+			class: d(["shrink-0 transition-transform duration-150 text-[var(--muted-fg)]", S.value ? "rotate-180" : ""])
+		}, {
+			default: v(() => [o(_(C))]),
+			_: 1
+		}, 8, ["class"])], 42, E)]), a("div", {
+			id: M,
+			role: "region",
+			"aria-labelledby": j,
+			class: d(["grid transition-[grid-template-rows] duration-200", S.value ? "grid-rows-[1fr]" : "grid-rows-[0fr]"])
+		}, [a("div", k, [a("div", A, [h(n.$slots, "default")])])], 2)]));
+	}
+});
+//#endregion
+export { b as n, y as r, j as t };

package/dist/components/DsCollapse/index.js

@@ -1,3 +1,3 @@
-import { n as e, r as t, t as n } from "../../chunks/DsCollapse-DWfip4gp.js";
-import { n as r, t as i } from "../../chunks/config-DoT3gzx7.js";
-export { t as DS_COLLAPSE_CONTEXT, e as DsCollapse, e as default, n as DsCollapseItem, i as dsCollapseConfig, r as dsCollapseSafelist };
+import { n as e, r as t, t as n } from "./chunks/DsCollapse-7D6FTuFJ.js";
+import { t as r } from "../../chunks/config-udLUeY_k.js";
+export { t as DS_COLLAPSE_CONTEXT, e as DsCollapse, e as default, n as DsCollapseItem, r as dsCollapseConfig };

package/dist/components/DsConfirmDialog/chunks/DsConfirmDialog-NkhfmD4Y.js

@@ -0,0 +1,111 @@
+import { t as e } from "../../DsButton/chunks/DsButton-9cB_fHZt.js";
+import { t } from "../../DsDialog/chunks/DsDialog-BH23MSq-.js";
+import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, openBlock as u, renderSlot as d, toDisplayString as f, withCtx as p } from "vue";
+//#region src/components/DsConfirmDialog/DsConfirmDialog.vue?vue&type=script&setup=true&lang.ts
+var m = {
+	key: 0,
+	class: "text-[14px] text-[var(--muted-fg)]"
+}, h = { class: "flex items-center justify-end gap-3" }, g = /* @__PURE__ */ l({
+	__name: "DsConfirmDialog",
+	props: {
+		modelValue: { type: Boolean },
+		title: { default: "Confirm" },
+		description: { default: void 0 },
+		closeOnBackdrop: {
+			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" },
+		confirmVariant: { default: "primary" },
+		confirmTone: { default: "primary" }
+	},
+	emits: [
+		"update:modelValue",
+		"confirm",
+		"cancel"
+	],
+	setup(l, { emit: g }) {
+		let _ = l, v = g, y = n({
+			get: () => _.modelValue,
+			set: (e) => v("update:modelValue", e)
+		});
+		function b() {
+			v("cancel"), v("update:modelValue", !1);
+		}
+		function x() {
+			v("confirm"), v("update:modelValue", !1);
+		}
+		return (n, g) => (u(), r(t, {
+			modelValue: y.value,
+			"onUpdate:modelValue": g[0] ||= (e) => y.value = e,
+			title: l.title,
+			size: l.size,
+			"close-on-backdrop": l.closeOnBackdrop,
+			"close-on-esc": l.closeOnEsc,
+			"show-header": l.showHeader,
+			"show-close-button": l.showCloseButton,
+			"header-config": l.headerConfig,
+			"footer-config": l.footerConfig,
+			"body-config": l.bodyConfig,
+			"close-label": l.closeLabel
+		}, {
+			footer: p(() => [d(n.$slots, "footer", {}, () => [o("div", h, [c(e, {
+				"data-testid": "ds-confirm-cancel",
+				variant: "outline",
+				size: l.buttonSize,
+				onClick: b
+			}, {
+				default: p(() => [s(f(l.cancelText), 1)]),
+				_: 1
+			}, 8, ["size"]), c(e, {
+				"data-testid": "ds-confirm-confirm",
+				variant: l.confirmVariant,
+				tone: l.confirmTone,
+				size: l.buttonSize,
+				onClick: x
+			}, {
+				default: p(() => [s(f(l.confirmText), 1)]),
+				_: 1
+			}, 8, [
+				"variant",
+				"tone",
+				"size"
+			])])])]),
+			default: p(() => [d(n.$slots, "default", {}, () => [l.description ? (u(), a("div", m, f(l.description), 1)) : i("", !0)])]),
+			_: 3
+		}, 8, [
+			"modelValue",
+			"title",
+			"size",
+			"close-on-backdrop",
+			"close-on-esc",
+			"show-header",
+			"show-close-button",
+			"header-config",
+			"footer-config",
+			"body-config",
+			"close-label"
+		]));
+	}
+});
+//#endregion
+export { g as t };

package/dist/components/DsConfirmDialog/index.js

@@ -1,3 +1,3 @@
-import { t as e } from "../../chunks/DsConfirmDialog-DdUrG-DW.js";
-import { n as t, t as n } from "../../chunks/config-4vrmi-D0.js";
-export { e as DsConfirmDialog, e as default, n as dsConfirmDialogConfig, t as dsConfirmDialogSafelist };
+import { t as e } from "./chunks/DsConfirmDialog-NkhfmD4Y.js";
+import { t } from "../../chunks/config-DU-WqEnv.js";
+export { e as DsConfirmDialog, e as default, t as dsConfirmDialogConfig };