@feugene/granularity 0.1.0 → 0.3.0

package/dist/chunks/DsConfirmDialog-DdUrG-DW.js

@@ -1,87 +0,0 @@
-import { t as e } from "./DsButton-CA18Fha-.js";
-import { t } from "./DsDialog-BAGAa9DN.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: void 0 },
-		description: { default: void 0 },
-		closeOnBackdrop: {
-			type: Boolean,
-			default: !0
-		},
-		size: { default: "md" },
-		headerConfig: { default: void 0 },
-		footerConfig: { default: void 0 },
-		buttonSize: { default: void 0 },
-		confirmText: { default: void 0 },
-		cancelText: { default: void 0 },
-		confirmVariant: { default: "primary" },
-		confirmTone: { default: "primary" }
-	},
-	emits: [
-		"update:modelValue",
-		"confirm",
-		"cancel"
-	],
-	setup(l, { emit: g }) {
-		let _ = l, v = n(() => _.title ?? "Confirm"), y = n(() => _.confirmText ?? "Confirm"), b = n(() => _.cancelText ?? "Cancel"), x = g, S = n({
-			get: () => _.modelValue,
-			set: (e) => x("update:modelValue", e)
-		});
-		function C() {
-			x("cancel"), x("update:modelValue", !1);
-		}
-		function w() {
-			x("confirm"), x("update:modelValue", !1);
-		}
-		return (n, l) => (u(), r(t, {
-			modelValue: S.value,
-			"onUpdate:modelValue": l[0] ||= (e) => S.value = e,
-			title: v.value,
-			size: _.size,
-			"close-on-backdrop": _.closeOnBackdrop,
-			"header-config": _.headerConfig,
-			"footer-config": _.footerConfig
-		}, {
-			footer: p(() => [d(n.$slots, "footer", {}, () => [o("div", h, [c(e, {
-				"data-testid": "ds-confirm-cancel",
-				variant: "outline",
-				size: _.buttonSize,
-				onClick: C
-			}, {
-				default: p(() => [s(f(b.value), 1)]),
-				_: 1
-			}, 8, ["size"]), c(e, {
-				"data-testid": "ds-confirm-confirm",
-				variant: _.confirmVariant,
-				tone: _.confirmTone,
-				size: _.buttonSize,
-				onClick: w
-			}, {
-				default: p(() => [s(f(y.value), 1)]),
-				_: 1
-			}, 8, [
-				"variant",
-				"tone",
-				"size"
-			])])])]),
-			default: p(() => [d(n.$slots, "default", {}, () => [_.description ? (u(), a("div", m, f(_.description), 1)) : i("", !0)])]),
-			_: 3
-		}, 8, [
-			"modelValue",
-			"title",
-			"size",
-			"close-on-backdrop",
-			"header-config",
-			"footer-config"
-		]));
-	}
-});
-//#endregion
-export { g as t };

package/dist/chunks/DsDataTable-DgBkEgDK.js

@@ -1,91 +0,0 @@
-import { t as e } from "./DsTable-apqrsbxV.js";
-import { t } from "./arrow-up-B4OlmAKz.js";
-import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, defineComponent as c, markRaw as l, normalizeClass as u, openBlock as d, ref as f, renderList as p, renderSlot as m, toDisplayString as h, unref as g, withCtx as _ } from "vue";
-//#region ~icons/lucide/arrow-down
-var v = {
-	viewBox: "0 0 24 24",
-	width: "1.2em",
-	height: "1.2em"
-};
-function y(e, t) {
-	return d(), o("svg", v, [...t[0] ||= [s("path", {
-		fill: "none",
-		stroke: "currentColor",
-		"stroke-linecap": "round",
-		"stroke-linejoin": "round",
-		"stroke-width": "2",
-		d: "M12 5v14m7-7l-7 7l-7-7"
-	}, null, -1)]]);
-}
-var b = l({
-	name: "lucide-arrow-down",
-	render: y
-}), x = { class: "inline-flex items-center gap-2" }, S = ["onClick"], C = { class: "inline-flex" }, w = {
-	key: 1,
-	class: "text-[var(--muted-fg)]"
-}, T = /* @__PURE__ */ c({
-	__name: "DsDataTable",
-	props: {
-		rows: {},
-		columns: {},
-		rowKey: { default: "id" },
-		initialSortKey: { default: void 0 },
-		initialSortDir: { default: "asc" }
-	},
-	setup(c) {
-		let l = c, v = f(l.initialSortKey ?? ""), y = f(l.initialSortDir), T = r(() => {
-			let e = [...l.rows];
-			if (!v.value) return e;
-			let t = v.value, n = y.value;
-			return e.sort((e, r) => {
-				let i = e[t], a = r[t], o = typeof i == "number" ? i : Number(i), s = typeof a == "number" ? a : Number(a), c = Number.isFinite(o) && Number.isFinite(s) ? o - s : String(i ?? "").localeCompare(String(a ?? ""), void 0, { sensitivity: "base" });
-				return n === "asc" ? c : -c;
-			}), e;
-		});
-		function E(e) {
-			if (e.sortable) {
-				if (v.value !== e.key) {
-					v.value = e.key, y.value = "asc";
-					return;
-				}
-				y.value = y.value === "asc" ? "desc" : "asc";
-			}
-		}
-		function D(e) {
-			return e.align === "right" ? "text-right" : "text-left";
-		}
-		function O(e) {
-			let t = l.rowKey;
-			return String(e[t] ?? JSON.stringify(e));
-		}
-		return (r, c) => (d(), i(e, null, {
-			head: _(() => [s("tr", null, [(d(!0), o(n, null, p(l.columns, (e) => (d(), o("th", {
-				key: e.key,
-				class: u(["font-700 text-xs px-4 py-3", D(e)])
-			}, [s("div", x, [e.sortable ? (d(), o("button", {
-				key: 0,
-				type: "button",
-				class: "inline-flex items-center gap-2 text-[var(--muted-fg)] hover:text-[var(--fg)] transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] rounded",
-				onClick: (t) => E(e)
-			}, [s("span", null, h(e.label), 1), s("span", C, [v.value === e.key && y.value === "asc" ? (d(), i(g(t), {
-				key: 0,
-				class: "h-4 w-4",
-				"aria-hidden": "true"
-			})) : v.value === e.key && y.value === "desc" ? (d(), i(g(b), {
-				key: 1,
-				class: "h-4 w-4",
-				"aria-hidden": "true"
-			})) : a("", !0)])], 8, S)) : (d(), o("span", w, h(e.label), 1))])], 2))), 128))])]),
-			default: _(() => [(d(!0), o(n, null, p(T.value, (e) => (d(), o("tr", {
-				key: O(e),
-				class: "border-t border-[var(--brd)]"
-			}, [(d(!0), o(n, null, p(l.columns, (t) => (d(), o("td", {
-				key: t.key,
-				class: u(["px-4 py-3", D(t)])
-			}, [m(r.$slots, `cell-${t.key}`, { row: e }, () => [s("span", null, h(e[t.key]), 1)])], 2))), 128))]))), 128))]),
-			_: 3
-		}));
-	}
-});
-//#endregion
-export { T as t };

package/dist/chunks/DsDialog-BAGAa9DN.js

@@ -1,178 +0,0 @@
-import { t as e } from "./x-dGjszOU2.js";
-import { t } from "./DsButton-CA18Fha-.js";
-import { i as n } from "./transition-CT9vsWnT.js";
-import { t as r } from "./DsModal-Bl9r6v33.js";
-import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createSlots as u, createTextVNode as d, createVNode as f, defineComponent as p, guardReactiveProps as m, normalizeClass as h, normalizeProps as g, openBlock as _, renderSlot as v, toDisplayString as y, unref as b, withCtx as x } from "vue";
-//#region src/components/DsDialog/dialogShared.ts
-var S = {
-	paddingX: "px-5",
-	paddingY: "py-3",
-	bordered: !0
-}, C = {
-	paddingX: "px-5",
-	paddingY: "py-4",
-	bordered: !0
-};
-function w(e, t) {
-	return {
-		paddingX: e?.paddingX ?? t.paddingX,
-		paddingY: e?.paddingY ?? t.paddingY,
-		bordered: e?.bordered ?? t.bordered
-	};
-}
-//#endregion
-//#region src/components/DsDialog/DsDialogFooter.vue
-var T = /* @__PURE__ */ p({
-	__name: "DsDialogFooter",
-	props: { config: { default: void 0 } },
-	setup(e) {
-		let t = e, n = a(() => w(t.config, C)), r = a(() => [
-			n.value.paddingX,
-			n.value.paddingY,
-			n.value.bordered ? "border-t border-[var(--brd)]" : ""
-		]);
-		return (e, t) => (_(), c("div", {
-			"data-ds-dialog-footer": "",
-			class: h(r.value)
-		}, [v(e.$slots, "default")], 2));
-	}
-}), E = /* @__PURE__ */ p({
-	__name: "DsDialogCloseButton",
-	emits: ["click"],
-	setup(n) {
-		return (n, r) => (_(), o(t, {
-			"data-ds-dialog-close": "",
-			variant: "ghost",
-			size: "sm",
-			square: "",
-			"aria-label": "Close",
-			onClick: r[0] ||= (e) => n.$emit("click")
-		}, {
-			default: x(() => [f(b(e), {
-				class: "h-4 w-4",
-				"aria-hidden": "true"
-			})]),
-			_: 1
-		}));
-	}
-}), D = { class: "flex-1 min-w-0 flex items-center" }, O = {
-	key: 2,
-	class: "flex-1 min-w-0"
-}, k = /* @__PURE__ */ p({
-	__name: "DsDialogHeader",
-	props: {
-		title: { default: void 0 },
-		showCloseButton: {
-			type: Boolean,
-			default: !0
-		},
-		config: { default: void 0 }
-	},
-	emits: ["close"],
-	setup(e) {
-		let t = e, r = a(() => t.title?.trim() || void 0), u = a(() => w(t.config, S)), f = a(() => [
-			u.value.paddingX,
-			u.value.paddingY,
-			u.value.bordered ? "border-b border-[var(--brd)]" : "",
-			"flex items-center justify-between gap-4"
-		]);
-		return (e, a) => (_(), c("div", {
-			"data-ds-dialog-header": "",
-			class: h(f.value)
-		}, [e.$slots.default ? (_(), c(i, { key: 0 }, [r.value ? (_(), o(b(n), {
-			key: 0,
-			as: "div",
-			class: "sr-only"
-		}, {
-			default: x(() => [d(y(r.value), 1)]),
-			_: 1
-		})) : s("", !0), l("div", D, [v(e.$slots, "default", { title: r.value })])], 64)) : r.value ? (_(), o(b(n), {
-			key: 1,
-			as: "div",
-			class: "flex-1 min-w-0 text-[14px] font-700"
-		}, {
-			default: x(() => [d(y(r.value), 1)]),
-			_: 1
-		})) : (_(), c("div", O)), t.showCloseButton ? (_(), o(E, {
-			key: 3,
-			onClick: a[0] ||= (t) => e.$emit("close")
-		})) : s("", !0)], 2));
-	}
-}), A = { class: "overflow-hidden rounded-[inherit]" }, j = { class: "px-5 py-5" }, M = /* @__PURE__ */ p({
-	__name: "DsDialog",
-	props: {
-		modelValue: { type: Boolean },
-		title: { default: void 0 },
-		closeOnBackdrop: {
-			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 }
-	},
-	emits: ["update:modelValue"],
-	setup(e, { emit: t }) {
-		let i = e, c = t, f = a({
-			get: () => i.modelValue,
-			set: (e) => c("update:modelValue", e)
-		}), p = a(() => i.title?.trim() || void 0);
-		function h() {
-			f.value = !1;
-		}
-		return (e, t) => (_(), o(r, {
-			modelValue: f.value,
-			"onUpdate:modelValue": t[0] ||= (e) => f.value = e,
-			size: i.size,
-			"close-on-backdrop": i.closeOnBackdrop
-		}, {
-			default: x(() => [!i.showHeader && p.value ? (_(), o(b(n), {
-				key: 0,
-				as: "div",
-				class: "sr-only"
-			}, {
-				default: x(() => [d(y(p.value), 1)]),
-				_: 1
-			})) : s("", !0), l("div", A, [
-				i.showHeader ? (_(), o(k, {
-					key: 0,
-					title: p.value,
-					"show-close-button": i.showCloseButton,
-					config: i.headerConfig,
-					onClose: h
-				}, u({ _: 2 }, [e.$slots.header ? {
-					name: "default",
-					fn: x((t) => [v(e.$slots, "header", g(m(t)))]),
-					key: "0"
-				} : void 0]), 1032, [
-					"title",
-					"show-close-button",
-					"config"
-				])) : s("", !0),
-				l("div", j, [v(e.$slots, "default")]),
-				e.$slots.footer ? (_(), o(T, {
-					key: 1,
-					config: i.footerConfig
-				}, {
-					default: x(() => [v(e.$slots, "footer")]),
-					_: 3
-				}, 8, ["config"])) : s("", !0)
-			])]),
-			_: 3
-		}, 8, [
-			"modelValue",
-			"size",
-			"close-on-backdrop"
-		]));
-	}
-});
-//#endregion
-export { M as t };

package/dist/chunks/DsDrawer-gmVF_0I0.js

@@ -1,112 +0,0 @@
-import { t as e } from "./x-dGjszOU2.js";
-import { t } from "./DsButton-CA18Fha-.js";
-import { a as n, i as r, n as i, r as a, t as o } from "./transition-CT9vsWnT.js";
-import { n as s, r as c } from "./config-G7h6ftb62.js";
-import { Teleport as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as h, createVNode as g, defineComponent as _, normalizeClass as v, openBlock as y, renderSlot as b, toDisplayString as x, unref as S, withCtx as C, withKeys as w, withModifiers as T } from "vue";
-//#region src/components/DsDrawer/DsDrawer.vue?vue&type=script&setup=true&lang.ts
-var E = { class: "fixed inset-0" }, D = { class: "px-5 py-4 border-b border-[var(--brd)] flex items-center justify-between gap-4" }, O = { class: "flex-1 overflow-y-auto" }, k = { class: "p-5" }, A = {
-	key: 0,
-	class: "px-5 py-4 border-t border-[var(--brd)]"
-}, j = /* @__PURE__ */ _({
-	__name: "DsDrawer",
-	props: {
-		modelValue: { type: Boolean },
-		title: { default: void 0 },
-		closeOnBackdrop: {
-			type: Boolean,
-			default: !0
-		},
-		side: { default: "right" },
-		size: { default: "md" }
-	},
-	emits: ["update:modelValue"],
-	setup(_, { emit: j }) {
-		let M = _, N = j, P = u(() => M.modelValue), F = u(() => s({
-			side: M.side,
-			size: M.size
-		})), I = u(() => c(M.side));
-		function L() {
-			N("update:modelValue", !1);
-		}
-		function R() {
-			M.closeOnBackdrop && L();
-		}
-		function z() {
-			M.closeOnBackdrop && L();
-		}
-		return (s, c) => (y(), d(l, { to: "body" }, [g(S(o), {
-			show: P.value,
-			as: "template"
-		}, {
-			default: C(() => [g(S(n), {
-				as: "div",
-				class: "fixed inset-0 z-50",
-				static: !0,
-				onClose: R,
-				onKeydown: w(T(L, ["stop", "prevent"]), ["esc"])
-			}, {
-				default: C(() => [m("div", E, [g(S(i), {
-					as: "template",
-					enter: "duration-200 ease-out",
-					"enter-from": "opacity-0",
-					"enter-to": "opacity-100",
-					leave: "duration-150 ease-in",
-					"leave-from": "opacity-100",
-					"leave-to": "opacity-0"
-				}, {
-					default: C(() => [m("div", {
-						"data-ds-drawer-overlay": "",
-						class: "fixed inset-0 bg-black/40",
-						"aria-hidden": "true",
-						onClick: z
-					})]),
-					_: 1
-				}), g(S(i), {
-					as: "template",
-					enter: "duration-200 ease-out",
-					"enter-from": I.value,
-					"enter-to": "translate-x-0",
-					leave: "duration-150 ease-in",
-					"leave-from": "translate-x-0",
-					"leave-to": I.value
-				}, {
-					default: C(() => [g(S(a), {
-						"data-ds-drawer-panel": "",
-						tabindex: "-1",
-						class: v(["fixed inset-y-0 flex flex-col", F.value])
-					}, {
-						default: C(() => [
-							m("div", D, [g(S(r), {
-								as: "div",
-								class: "text-[14px] font-700 min-w-0 truncate"
-							}, {
-								default: C(() => [b(s.$slots, "title", {}, () => [h(x(M.title ?? "Drawer"), 1)])]),
-								_: 3
-							}), g(t, {
-								variant: "ghost",
-								size: "sm",
-								square: "",
-								"aria-label": "Close",
-								onClick: L
-							}, {
-								default: C(() => [g(S(e), {
-									class: "h-4 w-4",
-									"aria-hidden": "true"
-								})]),
-								_: 1
-							})]),
-							m("div", O, [m("div", k, [b(s.$slots, "default")])]),
-							s.$slots.footer ? (y(), p("div", A, [b(s.$slots, "footer")])) : f("", !0)
-						]),
-						_: 3
-					}, 8, ["class"])]),
-					_: 3
-				}, 8, ["enter-from", "leave-to"])])]),
-				_: 3
-			}, 8, ["onKeydown"])]),
-			_: 3
-		}, 8, ["show"])]));
-	}
-});
-//#endregion
-export { j as t };

package/dist/chunks/DsEmptyState-BdLoQ0-z.js

@@ -1,46 +0,0 @@
-import { createCommentVNode as e, createElementBlock as t, createElementVNode as n, createVNode as r, defineComponent as i, markRaw as a, openBlock as o, renderSlot as s, toDisplayString as c, unref as l } from "vue";
-//#region ~icons/lucide/inbox
-var u = {
-	viewBox: "0 0 24 24",
-	width: "1.2em",
-	height: "1.2em"
-};
-function d(e, r) {
-	return o(), t("svg", u, [...r[0] ||= [n("g", {
-		fill: "none",
-		stroke: "currentColor",
-		"stroke-linecap": "round",
-		"stroke-linejoin": "round",
-		"stroke-width": "2"
-	}, [n("path", { d: "M22 12h-6l-2 3h-4l-2-3H2" }), n("path", { d: "M5.45 5.11L2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11" })], -1)]]);
-}
-var f = a({
-	name: "lucide-inbox",
-	render: d
-}), p = { class: "rounded-[var(--ds-radius-lg)] border border-[var(--brd)] bg-[var(--card)] p-6 text-center" }, m = { class: "flex justify-center" }, h = { class: "h-12 w-12 rounded-[12px] bg-[var(--muted)] border border-[var(--brd)] flex items-center justify-center" }, g = { class: "mt-4 text-[14px] font-700" }, _ = {
-	key: 0,
-	class: "mt-1 text-[13px] text-[var(--muted-fg)]"
-}, v = {
-	key: 1,
-	class: "mt-4 flex justify-center"
-}, y = /* @__PURE__ */ i({
-	__name: "DsEmptyState",
-	props: {
-		title: {},
-		description: { default: void 0 }
-	},
-	setup(i) {
-		let a = i;
-		return (i, u) => (o(), t("div", p, [
-			n("div", m, [n("div", h, [r(l(f), {
-				class: "h-6 w-6 text-[var(--muted-fg)]",
-				"aria-hidden": "true"
-			})])]),
-			n("div", g, c(a.title), 1),
-			a.description ? (o(), t("div", _, c(a.description), 1)) : e("", !0),
-			i.$slots.default ? (o(), t("div", v, [s(i.$slots, "default")])) : e("", !0)
-		]));
-	}
-});
-//#endregion
-export { y as t };