@feugene/granularity 0.1.0 → 0.3.0

package/dist/components/DsInputTag/chunks/DsInputTag-DVmvJ0A_.js

@@ -0,0 +1,214 @@
+import { t as e } from "../../../chunks/x--kxrj3ez.js";
+import { t } from "../../DsBadge/chunks/DsBadge-B9aZxvZb.js";
+import { t as n } from "../../DsIcon/chunks/DsIcon-Bk6qc4Kh.js";
+import { i as r, r as i } from "../../../chunks/config-C0CVsc4Y.js";
+import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, defineComponent as f, normalizeClass as p, openBlock as m, ref as h, renderList as g, renderSlot as _, toDisplayString as v, unref as y, withCtx as b, withModifiers as x } from "vue";
+//#region src/components/DsInputTag/DsInputTag.vue?vue&type=script&setup=true&lang.ts
+var S = { class: "truncate max-w-[18rem]" }, C = [
+	"aria-label",
+	"data-index",
+	"onClick"
+], w = [
+	"value",
+	"disabled",
+	"readonly",
+	"placeholder",
+	"aria-invalid"
+], T = /* @__PURE__ */ f({
+	__name: "DsInputTag",
+	props: {
+		modelValue: {},
+		placeholder: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		readonly: {
+			type: Boolean,
+			default: !1
+		},
+		invalid: {
+			type: Boolean,
+			default: !1
+		},
+		state: { default: "default" },
+		size: { default: "md" },
+		separators: { default: () => [","] },
+		allowDuplicates: {
+			type: Boolean,
+			default: !1
+		},
+		trim: {
+			type: Boolean,
+			default: !0
+		},
+		max: { default: void 0 },
+		addOnBlur: {
+			type: Boolean,
+			default: !1
+		},
+		clearInputOnAdd: {
+			type: Boolean,
+			default: !0
+		},
+		tagTone: { default: "neutral" },
+		tagDark: {
+			type: Boolean,
+			default: !1
+		},
+		tagSize: { default: "md" },
+		tagRadius: { default: "round" },
+		tagClosable: {
+			type: Boolean,
+			default: !0
+		},
+		removeTagLabel: { default: "Remove tag" }
+	},
+	emits: [
+		"update:modelValue",
+		"add",
+		"remove"
+	],
+	setup(f, { expose: T, emit: E }) {
+		let D = /[.*+?^${}()|[\]\\]/g, O = f, k = E, A = h(""), j = h(null);
+		function M() {
+			j.value?.focus();
+		}
+		T({ focus: M });
+		let N = o(() => O.max !== void 0 && O.modelValue.length >= O.max), P = o(() => !O.disabled && !O.readonly), F = o(() => O.tagClosable && P.value);
+		function I(e) {
+			return e.replace(D, "\\$&");
+		}
+		let L = o(() => {
+			let e = (O.separators ?? []).filter(Boolean).map((e) => e[0]), t = [...new Set([
+				...e,
+				"\n",
+				"\r",
+				"	"
+			])].map(I).join("");
+			return RegExp(`[${t}]+`, "g");
+		});
+		function R(e) {
+			return O.trim ? e.trim() : e;
+		}
+		function z(e) {
+			return e.split(L.value).map((e) => R(e)).filter(Boolean);
+		}
+		function B(e) {
+			if (!P.value || N.value) return !1;
+			let t = O.modelValue.slice(), n = !1;
+			for (let r of e) {
+				let e = R(r);
+				if (e && !(!O.allowDuplicates && t.includes(e))) {
+					if (O.max !== void 0 && t.length >= O.max) break;
+					t.push(e), n = !0, k("add", e);
+				}
+			}
+			return n ? (k("update:modelValue", t), !0) : !1;
+		}
+		function V() {
+			if (!P.value || N.value || !A.value) return;
+			let e = z(A.value);
+			e.length && B(e) && O.clearInputOnAdd && (A.value = "");
+		}
+		function H(e) {
+			if (!P.value) return;
+			let t = O.modelValue.slice(), n = t[e];
+			n !== void 0 && (t.splice(e, 1), k("update:modelValue", t), k("remove", n, e));
+		}
+		function U(e) {
+			A.value = e.target.value;
+		}
+		function W(e) {
+			if (P.value) {
+				if (e.key === "Enter") {
+					e.preventDefault(), V();
+					return;
+				}
+				if ((O.separators ?? []).includes(e.key)) {
+					e.preventDefault(), V();
+					return;
+				}
+				e.key === "Backspace" && A.value.length === 0 && O.modelValue.length > 0 && (e.preventDefault(), H(O.modelValue.length - 1));
+			}
+		}
+		function G() {
+			O.addOnBlur && V();
+		}
+		function K(e) {
+			if (!P.value || N.value) return;
+			let t = e.clipboardData?.getData("text");
+			if (!t) return;
+			let n = z(t);
+			n.length <= 1 || (e.preventDefault(), B(n));
+		}
+		let q = o(() => r({
+			size: O.size,
+			state: O.state,
+			invalid: O.invalid,
+			disabled: O.disabled
+		})), J = o(() => i(O.size)), Y = o(() => O.modelValue.length > 0 ? void 0 : O.placeholder);
+		return (r, i) => (m(), l("div", {
+			"data-ds-input-tag": "",
+			"data-testid": "ds-input-tag",
+			class: p(["w-full flex flex-wrap items-center rounded-md border bg-[var(--bg)] text-[var(--fg)] transition-colors duration-150 focus-within:ring-2 focus-within:ring-[var(--ring)]", q.value]),
+			onClick: M
+		}, [(m(!0), l(a, null, g(f.modelValue, (a, o) => (m(), s(t, {
+			key: `${a}-${o}`,
+			tone: f.tagTone,
+			dark: f.tagDark,
+			size: f.tagSize,
+			radius: f.tagRadius,
+			class: "gap-1",
+			"data-ds-input-tag-item": "",
+			"data-testid": "ds-input-tag-item",
+			"data-index": o
+		}, {
+			default: b(() => [_(r.$slots, "tag", {
+				tag: a,
+				index: o,
+				remove: () => H(o)
+			}, () => [u("span", S, v(a), 1)]), F.value ? (m(), l("button", {
+				key: 0,
+				type: "button",
+				class: "-mr-0.5 inline-flex items-center justify-center rounded-[6px] p-0.5 opacity-70 hover:opacity-100 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]",
+				"aria-label": f.removeTagLabel,
+				"data-ds-input-tag-remove": "",
+				"data-testid": "ds-input-tag-remove",
+				"data-index": o,
+				onMousedown: i[0] ||= x(() => {}, ["prevent", "stop"]),
+				onClick: x((e) => H(o), ["stop"])
+			}, [d(n, {
+				size: "sm",
+				"aria-hidden": "true"
+			}, {
+				default: b(() => [d(y(e))]),
+				_: 1
+			})], 40, C)) : c("", !0)]),
+			_: 2
+		}, 1032, [
+			"tone",
+			"dark",
+			"size",
+			"radius",
+			"data-index"
+		]))), 128)), u("input", {
+			ref_key: "inputEl",
+			ref: j,
+			"data-ds-input-tag-input": "",
+			"data-testid": "ds-input-tag-input",
+			value: A.value,
+			disabled: f.disabled || N.value,
+			readonly: f.readonly,
+			placeholder: Y.value,
+			"aria-invalid": f.invalid ? "true" : void 0,
+			class: p(["flex-1 min-w-[120px] bg-transparent border-none outline-none placeholder:text-[var(--muted-fg)]", J.value]),
+			onInput: U,
+			onKeydown: W,
+			onBlur: G,
+			onPaste: K
+		}, null, 42, w)], 2));
+	}
+});
+//#endregion
+export { T as t };

package/dist/components/DsInputTag/index.js

@@ -1,3 +1,3 @@
-import { r as e, t } from "../../chunks/config-qlwX-rLq.js";
-import { t as n } from "../../chunks/DsInputTag-DWip_-Cr.js";
+import { n as e, t } from "../../chunks/config-C0CVsc4Y.js";
+import { t as n } from "./chunks/DsInputTag-DVmvJ0A_.js";
 export { n as DsInputTag, n as default, t as dsInputTagConfig, e as dsInputTagSafelist };

package/dist/components/DsLink/chunks/DsLink-DXClMbuX.js

@@ -0,0 +1,59 @@
+import { a as e, i as t, r as n } from "../../../chunks/config-ltfe9Xvy.js";
+import { computed as r, createElementBlock as i, defineComponent as a, mergeProps as o, openBlock as s, renderSlot as c, unref as l, useAttrs as u } from "vue";
+//#region src/components/DsLink/DsLink.vue?vue&type=script&setup=true&lang.ts
+var d = [
+	"href",
+	"target",
+	"rel",
+	"aria-label"
+], f = ["aria-label", "aria-disabled"], p = /* @__PURE__ */ a({
+	inheritAttrs: !1,
+	__name: "DsLink",
+	props: {
+		href: { default: void 0 },
+		external: {
+			type: Boolean,
+			default: !1
+		},
+		target: { default: void 0 },
+		rel: { default: void 0 },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		ariaLabel: { default: void 0 },
+		variant: { default: "primary" },
+		underline: { default: "auto" },
+		size: { default: "md" }
+	},
+	setup(a) {
+		let p = a, m = u(), h = r(() => !!p.href && !p.disabled), g = r(() => {
+			if (p.target) return p.target;
+			if (p.external) return "_blank";
+		}), _ = r(() => {
+			if (p.rel) return p.rel;
+			if (g.value === "_blank") return "noopener noreferrer";
+		}), v = r(() => {
+			let r = t({
+				size: p.size,
+				underline: p.underline,
+				variant: p.variant,
+				disabled: p.disabled
+			});
+			return p.disabled ? `${n} ${r}` : `${n} ${e} ${r}`;
+		});
+		return (e, t) => h.value ? (s(), i("a", o({ key: 0 }, l(m), {
+			href: a.href,
+			target: g.value,
+			rel: _.value,
+			"aria-label": a.ariaLabel,
+			class: v.value
+		}), [c(e.$slots, "default")], 16, d)) : (s(), i("span", o({ key: 1 }, l(m), {
+			"aria-label": a.ariaLabel,
+			"aria-disabled": a.disabled ? "true" : void 0,
+			class: v.value
+		}), [c(e.$slots, "default")], 16, f));
+	}
+});
+//#endregion
+export { p as t };

package/dist/components/DsLink/index.js

@@ -1,3 +1,3 @@
-import { r as e, t } from "../../chunks/config-Ch0TH9wN.js";
-import { t as n } from "../../chunks/DsLink-CWpVQ0ij.js";
+import { n as e, t } from "../../chunks/config-ltfe9Xvy.js";
+import { t as n } from "./chunks/DsLink-DXClMbuX.js";
 export { n as DsLink, n as default, t as dsLinkConfig, e as dsLinkSafelist };

package/dist/components/DsList/chunks/DsList-BEuPowc2.js

@@ -0,0 +1,55 @@
+import { t as e } from "../../DsCard/chunks/DsCard-Bnelx1JF.js";
+import { computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, defineComponent as s, normalizeClass as c, openBlock as l, renderSlot as u, toDisplayString as d, unref as f, useSlots as p, withCtx as m } from "vue";
+//#region src/components/DsList/DsList.vue?vue&type=script&setup=true&lang.ts
+var h = {
+	key: 0,
+	role: "list",
+	class: "divide-y divide-[var(--brd)]"
+}, g = {
+	key: 1,
+	role: "list"
+}, _ = /* @__PURE__ */ s({
+	__name: "DsList",
+	props: { divided: {
+		type: Boolean,
+		default: !0
+	} },
+	setup(t) {
+		return (r, a) => (l(), n(f(e), null, {
+			default: m(() => [t.divided ? (l(), i("div", h, [u(r.$slots, "default")])) : (l(), i("div", g, [u(r.$slots, "default")]))]),
+			_: 3
+		}));
+	}
+}), v = {
+	key: 0,
+	class: "shrink-0"
+}, y = { class: "min-w-0 flex-1" }, b = {
+	key: 0,
+	class: "text-[13px] font-700"
+}, x = {
+	key: 1,
+	class: "text-[13px] text-[var(--muted-fg)] mt-0.5"
+}, S = {
+	key: 1,
+	class: "shrink-0"
+}, C = /* @__PURE__ */ s({
+	__name: "DsListItem",
+	props: {
+		title: { default: void 0 },
+		description: { default: void 0 },
+		density: { default: "regular" }
+	},
+	setup(e) {
+		let n = e, s = p(), f = t(() => n.density === "compact" ? "px-4 py-2" : "px-4 py-3"), m = t(() => !!s.title || !!n.title), h = t(() => !!s.description || !!n.description);
+		return (t, n) => (l(), i("div", {
+			role: "listitem",
+			class: c(["flex items-start justify-between gap-4", f.value])
+		}, [
+			t.$slots.prefix ? (l(), i("div", v, [u(t.$slots, "prefix")])) : r("", !0),
+			a("div", y, [m.value ? (l(), i("div", b, [u(t.$slots, "title", {}, () => [o(d(e.title), 1)])])) : r("", !0), h.value ? (l(), i("div", x, [u(t.$slots, "description", {}, () => [o(d(e.description), 1)])])) : r("", !0)]),
+			t.$slots.default ? (l(), i("div", S, [u(t.$slots, "default")])) : r("", !0)
+		], 2));
+	}
+});
+//#endregion
+export { _ as n, C as t };

package/dist/components/DsList/index.js

@@ -1,3 +1,3 @@
-import { n as e, t } from "../../chunks/DsList-XI8AAk9b.js";
-import { n, t as r } from "../../chunks/config-ClPYX-LP.js";
-export { e as DsList, e as default, t as DsListItem, r as dsListConfig, n as dsListSafelist };
+import { n as e, t } from "./chunks/DsList-BEuPowc2.js";
+import { t as n } from "../../chunks/config-DN1-oywd.js";
+export { e as DsList, e as default, t as DsListItem, n as dsListConfig };

package/dist/{chunks/DsLoading-ogfmbPE4.js → components/DsLoading/chunks/DsLoading-uYpDF-nK.js}

@@ -1,10 +1,14 @@
-import { t as e } from "./loader-circle-DtXjkqR7.js";
-import { t } from "./dsLoadingStyles-B2ScgHwn.js";
+import { t as e } from "../../../chunks/loader-circle-C5vCCMfB.js";
+import { t } from "../../../chunks/dsLoadingStyles-lw20OWhs.js";
 import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, defineComponent as s, normalizeClass as c, normalizeStyle as l, openBlock as u, resolveDynamicComponent as d, toDisplayString as f } from "vue";
-//#region src/components/DsLoading/DsLoading.vue?vue&type=script&setup=true&lang.ts
-var p = { class: "flex flex-col items-center justify-center gap-2 px-4 text-center" }, m = {
-	key: 2,
-	class: "text-sm ds-muted"
+import '../../../DsLoading.css';//#region src/components/DsLoading/DsLoading.vue?vue&type=script&setup=true&lang.ts
+var p = {
+	"data-ds-loading-panel": "",
+	class: "flex flex-col items-center justify-center gap-2 text-center rounded-lg bg-[var(--bg)]/55 px-5 py-4 shadow-lg"
+}, m = {
+	key: 0,
+	"data-ds-loading-text": "",
+	class: "text-sm text-[var(--muted-fg)]"
 }, h = "Loading...", g = /* @__PURE__ */ s({
 	__name: "DsLoading",
 	props: {
@@ -24,7 +28,7 @@ var p = { class: "flex flex-col items-center justify-center gap-2 px-4 text-cent
 		customClass: { default: void 0 }
 	},
 	setup(s) {
-		let g = s, _ = n(() => g.spinner ?? e), v = n(() => g.text === void 0 ? h : g.text), y = n(() => t({
+		let g = s, _ = n(() => g.spinner ?? e), v = n(() => g.text ?? h), y = n(() => t({
 			fullscreen: g.fullscreen,
 			hasBackground: g.background !== void 0,
 			customClass: g.customClass
@@ -38,13 +42,9 @@ var p = { class: "flex flex-col items-center justify-center gap-2 px-4 text-cent
 			style: l(b.value),
 			role: "status",
 			"aria-live": "polite"
-		}, [o("div", p, [g.animated ? (u(), r(d(_.value), {
-			key: 0,
-			class: c(["ds-loading__spinner ds-loading__spinner--animated h-7 w-7 text-[var(--muted-fg)]", x.value]),
-			"aria-hidden": "true"
-		}, null, 8, ["class"])) : (u(), r(d(_.value), {
-			key: 1,
-			class: c(["ds-loading__spinner h-7 w-7 text-[var(--muted-fg)]", x.value]),
+		}, [o("div", p, [(u(), r(d(_.value), {
+			"data-ds-loading-spinner": "",
+			class: c(["ds-loading__spinner h-7 w-7 text-[var(--muted-fg)]", [s.animated ? "ds-loading__spinner--animated" : "", x.value]]),
 			"aria-hidden": "true"
 		}, null, 8, ["class"])), v.value ? (u(), a("div", m, f(v.value), 1)) : i("", !0)])], 6));
 	}

package/dist/components/DsLoading/index.js

@@ -1,4 +1,3 @@
-import { n as e } from "../../chunks/dsLoadingStyles-B2ScgHwn.js";
-import { t } from "../../chunks/DsLoading-ogfmbPE4.js";
-import { t as n } from "../../chunks/config-BDJ2JaFs.js";
-export { t as DsLoading, t as default, n as dsLoadingConfig, e as dsLoadingSafelist };
+import { t as e } from "./chunks/DsLoading-uYpDF-nK.js";
+import { n as t, t as n } from "../../chunks/config-D3ihNj1i.js";
+export { e as DsLoading, e as default, n as dsLoadingConfig, t as dsLoadingSafelist };

package/dist/components/DsModal/chunks/DsModal-B2DLXV7F.js

@@ -0,0 +1,136 @@
+import { a as e, i as t, n, o as r, r as i, t as a } from "../../../chunks/transition-BJXMi52x.js";
+import { c as o, d as s, i as c, n as l, r as u, t as d, u as f } from "../../../chunks/dsModalStyles-DovGcwjh.js";
+import { Teleport as p, computed as m, createBlock as h, createCommentVNode as g, createElementVNode as _, createVNode as v, defineComponent as y, normalizeClass as b, onBeforeUnmount as x, openBlock as S, ref as C, renderSlot as w, unref as T, watch as E, withCtx as D } from "vue";
+//#endregion
+//#region src/components/DsModal/DsModal.vue
+var O = /* @__PURE__ */ y({
+	__name: "DsModal",
+	props: {
+		modelValue: { type: Boolean },
+		closeOnBackdrop: {
+			type: Boolean,
+			default: !0
+		},
+		closeOnEsc: {
+			type: Boolean,
+			default: !0
+		},
+		size: { default: "md" }
+	},
+	emits: ["update:modelValue"],
+	setup(y, { emit: O }) {
+		let k = y, A = O, j = m(() => d(k.size)), M = typeof window < "u", N = C(null);
+		function P() {
+			A("update:modelValue", !1);
+		}
+		function F() {
+			let e = N.value;
+			if (N.value = null, e === "esc") {
+				k.closeOnEsc && P();
+				return;
+			}
+			k.closeOnBackdrop && P();
+		}
+		function I(e) {
+			e.key === "Escape" && (N.value = "esc");
+		}
+		function L() {
+			N.value = "backdrop";
+		}
+		let R = null;
+		function z() {
+			M && R === null && (R = document.body.style.overflow, document.body.style.overflow = "hidden");
+		}
+		function B() {
+			M && R !== null && (document.body.style.overflow = R, R = null);
+		}
+		return E(() => k.modelValue, (e) => {
+			e ? z() : B();
+		}, { immediate: !0 }), x(B), (d, m) => (S(), h(p, {
+			to: "body",
+			disabled: !M
+		}, [v(T(a), {
+			show: y.modelValue,
+			as: "template"
+		}, {
+			default: D(() => [v(T(r), {
+				as: "div",
+				class: b(T(f)),
+				onClose: F,
+				onKeydownCapture: I
+			}, {
+				default: D(() => [_("div", { class: b(T(s)) }, [_("div", { class: b(T(l)) }, [v(T(n), {
+					as: "template",
+					enter: T(c).enter,
+					"enter-from": T(c).enterFrom,
+					"enter-to": T(c).enterTo,
+					leave: T(c).leave,
+					"leave-from": T(c).leaveFrom,
+					"leave-to": T(c).leaveTo
+				}, {
+					default: D(() => [_("div", {
+						"data-ds-modal-overlay": "",
+						class: b(T(u)),
+						"aria-hidden": "true",
+						onPointerdown: L
+					}, null, 34)]),
+					_: 1
+				}, 8, [
+					"enter",
+					"enter-from",
+					"enter-to",
+					"leave",
+					"leave-from",
+					"leave-to"
+				]), v(T(n), {
+					as: "template",
+					enter: T(o).enter,
+					"enter-from": T(o).enterFrom,
+					"enter-to": T(o).enterTo,
+					leave: T(o).leave,
+					"leave-from": T(o).leaveFrom,
+					"leave-to": T(o).leaveTo
+				}, {
+					default: D(() => [v(T(i), {
+						"data-ds-modal-panel": "",
+						tabindex: "-1",
+						class: b(j.value)
+					}, {
+						default: D(() => [
+							d.$slots.title ? (S(), h(T(e), {
+								key: 0,
+								as: "div",
+								"data-ds-modal-title": ""
+							}, {
+								default: D(() => [w(d.$slots, "title")]),
+								_: 3
+							})) : g("", !0),
+							d.$slots.description ? (S(), h(T(t), {
+								key: 1,
+								as: "div",
+								"data-ds-modal-description": ""
+							}, {
+								default: D(() => [w(d.$slots, "description")]),
+								_: 3
+							})) : g("", !0),
+							w(d.$slots, "default")
+						]),
+						_: 3
+					}, 8, ["class"])]),
+					_: 3
+				}, 8, [
+					"enter",
+					"enter-from",
+					"enter-to",
+					"leave",
+					"leave-from",
+					"leave-to"
+				])], 2)], 2)]),
+				_: 3
+			}, 8, ["class"])]),
+			_: 3
+		}, 8, ["show"])], 8, ["disabled"]));
+	}
+});
+//#endregion
+export { O as t };

package/dist/components/DsModal/index.js

@@ -1,4 +1,4 @@
-import { n as e, r as t, t as n } from "../../chunks/dsModalStyles-C7E5kJ1o.js";
-import { t as r } from "../../chunks/DsModal-Bl9r6v33.js";
-import { t as i } from "../../chunks/config-panSV6Wo.js";
-export { r as DsModal, r as default, n as dsModalClassTokens, i as dsModalConfig, e as dsModalSafelist, t as getDsModalPanelClass };
+import { t as e } from "../../chunks/dsModalStyles-DovGcwjh.js";
+import { t } from "./chunks/DsModal-B2DLXV7F.js";
+import { n, r, t as i } from "../../chunks/config-Zksyb5FX.js";
+export { t as DsModal, t as default, n as dsModalClassTokens, i as dsModalConfig, r as dsModalSafelist, e as getDsModalPanelClass };

package/dist/components/DsNavbar/chunks/DsNavbar-O-ud_du_.js

@@ -0,0 +1,62 @@
+import { t as e } from "../../DsButton/chunks/DsButton-9cB_fHZt.js";
+import { t } from "../../DsIcon/chunks/DsIcon-Bk6qc4Kh.js";
+import { t as n } from "../../../chunks/granularityI18n-DYNnonoE.js";
+import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, markRaw as d, normalizeClass as f, openBlock as p, renderSlot as m, toDisplayString as h, unref as g, withCtx as _ } from "vue";
+//#region ~icons/lucide/menu
+var v = {
+	viewBox: "0 0 24 24",
+	width: "1.2em",
+	height: "1.2em"
+};
+function y(e, t) {
+	return p(), o("svg", v, [...t[0] ||= [s("path", {
+		fill: "none",
+		stroke: "currentColor",
+		"stroke-linecap": "round",
+		"stroke-linejoin": "round",
+		"stroke-width": "2",
+		d: "M4 5h16M4 12h16M4 19h16"
+	}, null, -1)]]);
+}
+var b = d({
+	name: "lucide-menu",
+	render: y
+}), x = {
+	"data-ds-navbar": "",
+	class: "h-[56px] border-b border-[var(--brd)] bg-[var(--bg)] flex items-center justify-between px-4 sm:px-6"
+}, S = { class: "flex items-center gap-3" }, C = {
+	"data-ds-navbar-title": "",
+	class: "text-[14px] font-700"
+}, w = { class: "flex items-center gap-3" }, T = /* @__PURE__ */ u({
+	__name: "DsNavbar",
+	props: {
+		title: {},
+		showMenuButton: {
+			type: Boolean,
+			default: !1
+		},
+		menuButtonClass: { default: "" }
+	},
+	emits: ["menu"],
+	setup(u, { emit: d }) {
+		let v = d, { t: y } = n(), T = r(() => y("ds.navbar.openMenu", "Open menu"));
+		return (n, r) => (p(), o("header", x, [s("div", S, [u.showMenuButton ? (p(), i(e, {
+			key: 0,
+			"data-ds-navbar-menu": "",
+			variant: "ghost",
+			size: "sm",
+			square: "",
+			"aria-label": T.value,
+			class: f(u.menuButtonClass),
+			onClick: r[0] ||= (e) => v("menu")
+		}, {
+			default: _(() => [l(t, { size: 16 }, {
+				default: _(() => [l(g(b), { "aria-hidden": "true" })]),
+				_: 1
+			})]),
+			_: 1
+		}, 8, ["aria-label", "class"])) : a("", !0), s("div", C, [m(n.$slots, "title", {}, () => [c(h(u.title), 1)])])]), s("div", w, [m(n.$slots, "default")])]));
+	}
+});
+//#endregion
+export { T as t };

package/dist/components/DsNavbar/index.js

@@ -1,3 +1,3 @@
-import { t as e } from "../../chunks/DsNavbar-DJ4bv_MR.js";
-import { n as t, t as n } from "../../chunks/config-kfb3OyGZ.js";
-export { e as DsNavbar, e as default, n as dsNavbarConfig, t as dsNavbarSafelist };
+import { t as e } from "./chunks/DsNavbar-O-ud_du_.js";
+import { t } from "../../chunks/config-D9kbijTN.js";
+export { e as DsNavbar, e as default, t as dsNavbarConfig };