@feugene/granularity 0.4.0 → 0.4.1

package/dist/components/GrDropdownMenu/chunks/GrDropdownMenu-B8fuk7iP.js

@@ -1,233 +0,0 @@
-import { t as e } from "../../GrDropdown/chunks/GrDropdown-BELyRP4A.js";
-import { computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createTextVNode as o, createVNode as s, defineComponent as c, guardReactiveProps as l, mergeProps as u, normalizeClass as d, normalizeProps as f, openBlock as p, renderSlot as m, resolveDynamicComponent as h, toDisplayString as g, unref as _, useAttrs as v, useSlots as y, withCtx as b } from "vue";
-//#endregion
-//#region src/components/GrDropdownMenu/GrDropdownMenuList.vue
-var x = /* @__PURE__ */ c({
-	__name: "GrDropdownMenuList",
-	props: {
-		dividers: {
-			type: Boolean,
-			default: !1
-		},
-		borderTop: {
-			type: Boolean,
-			default: !1
-		},
-		borderBottom: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	setup(e) {
-		let n = e, r = t(() => [
-			"w-full",
-			n.dividers ? "divide-y divide-[var(--brd)]" : "",
-			n.borderTop ? "border-t border-[var(--brd)]" : "",
-			n.borderBottom ? "border-b border-[var(--brd)]" : ""
-		].filter(Boolean).join(" "));
-		return (e, t) => (p(), i("div", {
-			"data-ds-dropdown-menu-list": "",
-			class: d(r.value)
-		}, [m(e.$slots, "default")], 2));
-	}
-}), S = /* @__PURE__ */ c({
-	__name: "GrDropdownMenu",
-	props: {
-		align: { default: "right" },
-		width: { default: "48" },
-		closeOnContentClick: {
-			type: Boolean,
-			default: !0
-		},
-		contentClass: { default: "p-0" },
-		dividers: {
-			type: Boolean,
-			default: !1
-		},
-		borderTop: {
-			type: Boolean,
-			default: !1
-		},
-		borderBottom: {
-			type: Boolean,
-			default: !1
-		},
-		listClass: { default: "" }
-	},
-	setup(t) {
-		return (r, i) => (p(), n(e, {
-			"data-ds-dropdown-menu": "",
-			align: t.align,
-			width: t.width,
-			"close-on-content-click": t.closeOnContentClick,
-			"content-class": t.contentClass
-		}, {
-			trigger: b((e) => [m(r.$slots, "trigger", f(l(e)))]),
-			content: b((e) => [s(x, {
-				dividers: t.dividers,
-				"border-top": t.borderTop,
-				"border-bottom": t.borderBottom,
-				class: d(t.listClass)
-			}, {
-				default: b(() => [m(r.$slots, "default", f(l(e)))]),
-				_: 2
-			}, 1032, [
-				"dividers",
-				"border-top",
-				"border-bottom",
-				"class"
-			])]),
-			_: 3
-		}, 8, [
-			"align",
-			"width",
-			"close-on-content-click",
-			"content-class"
-		]));
-	}
-}), C = /* @__PURE__ */ c({
-	__name: "GrDropdownMenuColumn",
-	props: { align: { default: "center" } },
-	setup(e) {
-		let t = {
-			left: "justify-start text-left",
-			center: "justify-center text-center",
-			right: "justify-end text-right"
-		};
-		return (n, r) => (p(), i("div", {
-			"data-ds-dropdown-menu-column": "",
-			class: d(["px-3 py-2 flex items-center", t[e.align]])
-		}, [m(n.$slots, "default")], 2));
-	}
-}), w = /* @__PURE__ */ c({
-	__name: "GrDropdownMenuColumns",
-	props: { cols: { default: 2 } },
-	setup(e) {
-		let n = e, r = t(() => ({
-			2: "grid-cols-2",
-			3: "grid-cols-3",
-			4: "grid-cols-4"
-		})[n.cols]);
-		return (e, t) => (p(), i("div", {
-			"data-ds-dropdown-menu-columns": "",
-			class: d(["w-full grid divide-x divide-[var(--brd)]", r.value])
-		}, [m(e.$slots, "default")], 2));
-	}
-}), T = /* @__PURE__ */ c({
-	__name: "GrDropdownMenuDivider",
-	props: { inset: {
-		type: Boolean,
-		default: !1
-	} },
-	setup(e) {
-		return (t, n) => (p(), i("div", {
-			"data-ds-dropdown-menu-divider": "",
-			role: "separator",
-			class: d(["border-t border-[var(--brd)]", e.inset ? "mx-2" : ""])
-		}, null, 2));
-	}
-}), E = /* @__PURE__ */ c({
-	__name: "GrDropdownMenuHeader",
-	props: {
-		title: { default: void 0 },
-		align: { default: "left" },
-		uppercase: {
-			type: Boolean,
-			default: !0
-		}
-	},
-	setup(e) {
-		let n = e, a = y(), s = t(() => !!n.title || !!a.default), c = t(() => ({
-			left: "text-left",
-			center: "text-center",
-			right: "text-right"
-		})[n.align]);
-		return (t, n) => s.value ? (p(), i("div", {
-			key: 0,
-			"data-ds-dropdown-menu-header": "",
-			class: d(["px-4 py-2 text-[11px] tracking-wide text-[var(--muted-fg)]", [c.value, { uppercase: e.uppercase }]])
-		}, [m(t.$slots, "default", {}, () => [o(g(e.title), 1)])], 2)) : r("", !0);
-	}
-}), D = {
-	"data-ds-dropdown-menu-group": "",
-	class: "w-full"
-}, O = /* @__PURE__ */ c({
-	__name: "GrDropdownMenuGroup",
-	props: {
-		title: { default: void 0 },
-		titleAlign: { default: "left" },
-		dividers: {
-			type: Boolean,
-			default: !1
-		},
-		uppercase: {
-			type: Boolean,
-			default: !0
-		}
-	},
-	setup(e) {
-		let o = e, s = t(() => ["w-full", o.dividers ? "divide-y divide-[var(--brd)]" : ""].filter(Boolean).join(" "));
-		return (t, o) => (p(), i("div", D, [e.title ? (p(), n(E, {
-			key: 0,
-			title: e.title,
-			align: e.titleAlign,
-			uppercase: e.uppercase
-		}, null, 8, [
-			"title",
-			"align",
-			"uppercase"
-		])) : r("", !0), a("div", { class: d(s.value) }, [m(t.$slots, "default")], 2)]));
-	}
-}), k = /* @__PURE__ */ c({
-	inheritAttrs: !1,
-	__name: "GrDropdownMenuItem",
-	props: {
-		as: { default: "button" },
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		align: { default: "left" },
-		variant: { default: "default" }
-	},
-	setup(e) {
-		let r = e, i = v(), a = t(() => r.as === "button" || r.as === void 0), o = t(() => ({
-			left: "justify-start text-left",
-			center: "justify-center text-center",
-			right: "justify-end text-right"
-		})[r.align]), s = t(() => r.variant === "danger" ? "text-[var(--ds-danger)]" : "text-[var(--fg)]"), c = t(() => r.disabled ? "cursor-not-allowed opacity-60 pointer-events-none" : ""), l = t(() => r.disabled ? "" : "hover:bg-[var(--accent)] hover:text-[var(--accent-fg)]"), d = t(() => [
-			"w-full min-h-[40px] px-4 py-2.5",
-			"flex items-center gap-2",
-			"text-[13px]",
-			"transition-colors duration-150",
-			"focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]",
-			o.value,
-			s.value,
-			l.value,
-			c.value
-		].filter(Boolean).join(" "));
-		function f(e) {
-			r.disabled && (e.preventDefault(), e.stopPropagation());
-		}
-		return (t, r) => (p(), n(h(e.as), u(_(i), {
-			"data-ds-dropdown-menu-item": "",
-			class: d.value,
-			type: a.value ? _(i).type ?? "button" : void 0,
-			disabled: a.value ? e.disabled : void 0,
-			"aria-disabled": e.disabled ? "true" : void 0,
-			tabindex: e.disabled ? -1 : _(i).tabindex,
-			onClickCapture: f
-		}), {
-			default: b(() => [m(t.$slots, "default")]),
-			_: 3
-		}, 16, [
-			"class",
-			"type",
-			"disabled",
-			"aria-disabled",
-			"tabindex"
-		]));
-	}
-});
-//#endregion
-export { w as a, x as c, T as i, O as n, C as o, E as r, S as s, k as t };

package/dist/components/GrEmptyState/chunks/GrEmptyState-BPGoafJI.js

@@ -1,49 +0,0 @@
-import { t as e } from "../../GrIcon/chunks/GrIcon-CXIHuG7L.js";
-import { createCommentVNode as t, createElementBlock as n, createElementVNode as r, createVNode as i, defineComponent as a, markRaw as o, openBlock as s, renderSlot as c, toDisplayString as l, unref as u, withCtx as d } from "vue";
-//#region ~icons/lucide/inbox
-var f = {
-	viewBox: "0 0 24 24",
-	width: "1.2em",
-	height: "1.2em"
-};
-function p(e, t) {
-	return s(), n("svg", f, [...t[0] ||= [r("g", {
-		fill: "none",
-		stroke: "currentColor",
-		"stroke-linecap": "round",
-		"stroke-linejoin": "round",
-		"stroke-width": "2"
-	}, [r("path", { d: "M22 12h-6l-2 3h-4l-2-3H2" }), r("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 m = o({
-	name: "lucide-inbox",
-	render: p
-}), h = {
-	"data-ds-empty-state": "",
-	class: "rounded-[var(--ds-radius-lg)] border border-[var(--brd)] bg-[var(--card)] p-6 text-center"
-}, g = { class: "flex justify-center" }, _ = { class: "h-12 w-12 rounded-[12px] bg-[var(--muted)] border border-[var(--brd)] flex items-center justify-center text-[var(--muted-fg)]" }, v = { class: "mt-4 text-[14px] font-700" }, y = {
-	key: 0,
-	class: "mt-1 text-[13px] text-[var(--muted-fg)]"
-}, b = {
-	key: 1,
-	class: "mt-4 flex justify-center"
-}, x = /* @__PURE__ */ a({
-	__name: "GrEmptyState",
-	props: {
-		title: {},
-		description: { default: void 0 }
-	},
-	setup(a) {
-		return (o, f) => (s(), n("div", h, [
-			r("div", g, [r("div", _, [c(o.$slots, "icon", {}, () => [i(e, { size: 24 }, {
-				default: d(() => [i(u(m), { "aria-hidden": "true" })]),
-				_: 1
-			})])])]),
-			r("div", v, l(a.title), 1),
-			a.description ? (s(), n("div", y, l(a.description), 1)) : t("", !0),
-			o.$slots.default ? (s(), n("div", b, [c(o.$slots, "default")])) : t("", !0)
-		]));
-	}
-});
-//#endregion
-export { x as t };

package/dist/components/GrFileUpload/chunks/GrFileUpload-BPzx3LEM.js

@@ -1,294 +0,0 @@
-import { t as e } from "../../GrIcon/chunks/GrIcon-CXIHuG7L.js";
-import { t } from "../../../chunks/arrow-up-Dv3dC3hu.js";
-import { l as n, u as r } from "../../../chunks/fileValidation-LFD-vwil.js";
-import { Comment as i, Fragment as a, Text as o, computed as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createTextVNode as d, createVNode as f, defineComponent as p, nextTick as m, normalizeClass as h, openBlock as g, ref as _, renderList as v, renderSlot as y, toDisplayString as b, unref as x, useSlots as S, withCtx as C } from "vue";
-//#region src/components/GrFileUpload/GrFileUpload.vue?vue&type=script&setup=true&lang.ts
-var w = [
-	"role",
-	"tabindex",
-	"aria-disabled"
-], T = [
-	"name",
-	"multiple",
-	"disabled"
-], E = {
-	key: 1,
-	class: "flex items-start gap-4"
-}, ee = {
-	"data-ds-file-upload-icon": "",
-	class: "h-12 w-12 shrink-0 rounded-[12px] bg-[var(--muted)] border border-[var(--brd)] flex items-center justify-center",
-	"aria-hidden": "true"
-}, D = { class: "min-w-0" }, O = {
-	"data-ds-file-upload-label": "",
-	class: "text-[14px] font-700"
-}, k = {
-	key: 0,
-	"data-ds-file-upload-tip": "",
-	class: "mt-1 text-[13px] text-[var(--muted-fg)]"
-}, te = {
-	key: 1,
-	class: "mt-1 text-[13px] text-[var(--muted-fg)]"
-}, ne = {
-	key: 2,
-	"data-ds-file-upload-list": "",
-	class: "mt-3 space-y-1"
-}, A = { class: "font-600" }, j = { class: "text-[var(--muted-fg)]" }, M = /* @__PURE__ */ p({
-	__name: "GrFileUpload",
-	props: {
-		action: { default: void 0 },
-		request: {
-			type: Function,
-			default: void 0
-		},
-		name: { default: "file" },
-		multiple: {
-			type: Boolean,
-			default: !1
-		},
-		limit: { default: void 0 },
-		onExceed: {
-			type: Function,
-			default: void 0
-		},
-		beforeUpload: {
-			type: Function,
-			default: void 0
-		},
-		validators: { default: void 0 },
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		headers: { default: void 0 },
-		withCredentials: {
-			type: Boolean,
-			default: !1
-		},
-		showFileList: {
-			type: Boolean,
-			default: !1
-		},
-		uploadExtraData: {
-			type: Function,
-			default: void 0
-		},
-		placeholder: { default: "Drag files here or click to select" }
-	},
-	emits: [
-		"success",
-		"error",
-		"progress",
-		"change"
-	],
-	setup(p, { expose: M, emit: N }) {
-		let P = p, F = N, I = S();
-		function L(e) {
-			let t = [];
-			for (let n of e) {
-				if (n.type === a && Array.isArray(n.children)) {
-					t.push(...L(n.children));
-					continue;
-				}
-				t.push(n);
-			}
-			return t;
-		}
-		function R(e) {
-			return e.type === o ? typeof e.children == "string" && e.children.trim().length === 0 : !1;
-		}
-		function z(e) {
-			let t = L(e).filter((e) => e.type !== i && !R(e));
-			if (t.length === 0) return !0;
-			for (let e of t) if (e.type !== o) return !1;
-			return !0;
-		}
-		let B = s(() => I.default ? L(I.default({})) : []), V = s(() => !!I.default && !z(B.value)), H = _(null), U = _(!1), W = 0, G = _([]), K = null, q = s(() => P.disabled ? -1 : 0), J = {
-			position: "fixed",
-			top: "-9999px",
-			left: "-9999px",
-			width: "1px",
-			height: "1px",
-			opacity: "0",
-			overflow: "hidden",
-			pointerEvents: "none"
-		};
-		function Y(e) {
-			U.value !== e && (U.value = e);
-		}
-		function X() {
-			P.disabled || H.value?.click();
-		}
-		function Z() {
-			K?.abort(), K = null;
-		}
-		function re(e) {
-			if (typeof e == "number" && Number.isFinite(e) && !(e <= 0)) return Math.floor(e);
-		}
-		function ie(e, t) {
-			if (t) for (let [n, r] of Object.entries(t)) {
-				if (Array.isArray(r)) {
-					for (let t of r) e.append(n, t);
-					continue;
-				}
-				e.append(n, r);
-			}
-		}
-		async function ae(e, t, n) {
-			if (!P.action) throw Error("GrFileUpload: either `action` or `request` must be provided");
-			let r = new FormData();
-			for (let t of e) r.append(P.name, t);
-			ie(r, n);
-			let i = await fetch(P.action, {
-				method: "POST",
-				headers: P.headers,
-				body: r,
-				signal: t,
-				credentials: P.withCredentials ? "include" : "same-origin"
-			}), a = i.headers.get("content-type")?.includes("application/json") ? await i.json() : await i.text();
-			if (!i.ok) {
-				let e = /* @__PURE__ */ Error(`Upload failed with status ${i.status}`);
-				throw e.payload = a, e.status = i.status, e;
-			}
-			return a;
-		}
-		async function oe(e) {
-			if (!P.beforeUpload) return "ok";
-			for (let t of e) try {
-				let e = P.beforeUpload(t);
-				if (e === !1) return {
-					aborted: !0,
-					reason: /* @__PURE__ */ Error("Upload aborted by beforeUpload")
-				};
-				e && typeof e.then == "function" && await e;
-			} catch (e) {
-				return {
-					aborted: !0,
-					reason: e
-				};
-			}
-			return "ok";
-		}
-		async function Q(e, t = "input") {
-			if (P.disabled || !e.length) return;
-			let i = re(P.limit);
-			if (P.multiple && i && e.length > i) {
-				P.onExceed?.(e, i), F("error", /* @__PURE__ */ Error(`Too many files selected, limit=${i}`));
-				return;
-			}
-			let { files: a, issues: o } = await n(e, P.validators ?? [], {
-				source: t,
-				multiple: P.multiple
-			});
-			if (o.length > 0) {
-				F("error", new r(o, a));
-				return;
-			}
-			if (!a.length) return;
-			G.value = a;
-			let s = await oe(a);
-			if (s !== "ok") {
-				F("error", s.reason);
-				return;
-			}
-			let c;
-			try {
-				c = P.uploadExtraData?.(a);
-			} catch (e) {
-				F("error", e);
-				return;
-			}
-			Z();
-			let l = new AbortController();
-			K = l, F("progress", 0);
-			try {
-				F("success", P.request ? await P.request(a, {
-					signal: l.signal,
-					extraData: c
-				}) : await ae(a, l.signal, c)), F("change", a), F("progress", 100);
-			} catch (e) {
-				F("error", e);
-			} finally {
-				K === l && (K = null);
-			}
-		}
-		function $(e) {
-			V.value || P.disabled || (e.preventDefault(), W += 1, Y(!0));
-		}
-		function se(e) {
-			V.value || P.disabled || (e.preventDefault(), e.dataTransfer && (e.dataTransfer.dropEffect = "copy"));
-		}
-		function ce(e) {
-			V.value || P.disabled || (e.preventDefault(), W = Math.max(0, W - 1), W === 0 && Y(!1));
-		}
-		function le(e) {
-			V.value || P.disabled || (e.preventDefault(), W = 0, Y(!1), Q(e.dataTransfer?.files ? Array.prototype.slice.call(e.dataTransfer.files) : [], "drop"));
-		}
-		async function ue(e) {
-			if (P.disabled) return;
-			let t = e.target, n = t?.files ? Array.prototype.slice.call(t.files) : [];
-			t && (t.value = ""), await m(), await Q(n, "input");
-		}
-		function de(e) {
-			V.value || P.disabled || (e.key === "Enter" || e.key === " ") && (e.preventDefault(), X());
-		}
-		function fe() {
-			V.value || X();
-		}
-		function pe(e) {
-			V.value || de(e);
-		}
-		return M({
-			uploadFiles: Q,
-			abort: Z,
-			openDialog: X
-		}), (n, r) => (g(), l("div", {
-			"data-ds-file-upload": "",
-			role: V.value ? void 0 : "button",
-			tabindex: V.value ? void 0 : q.value,
-			"aria-disabled": V.value ? void 0 : p.disabled ? "true" : "false",
-			class: h(V.value ? "inline-block" : [
-				"relative w-full rounded-[var(--ds-radius-lg)] border border-dashed border-[var(--brd)] bg-[var(--card)] px-5 py-6 outline-none transition",
-				p.disabled ? "opacity-60 cursor-not-allowed" : "cursor-pointer hover:bg-[var(--muted)] focus-visible:ring-2 focus-visible:ring-[var(--ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--bg)]",
-				U.value && !p.disabled ? "border-[var(--ring)] bg-[var(--muted)]" : ""
-			]),
-			onClick: fe,
-			onKeydown: pe,
-			onDragenter: $,
-			onDragover: se,
-			onDragleave: ce,
-			onDrop: le
-		}, [u("input", {
-			ref_key: "inputRef",
-			ref: H,
-			"data-ds-file-upload-input": "",
-			style: J,
-			type: "file",
-			tabindex: "-1",
-			"aria-hidden": "true",
-			name: p.name,
-			multiple: p.multiple,
-			disabled: p.disabled,
-			onChange: ue
-		}, null, 40, T), V.value ? y(n.$slots, "default", {
-			key: 0,
-			openDialog: X,
-			abort: Z,
-			disabled: p.disabled,
-			files: G.value,
-			isOver: U.value
-		}) : (g(), l("div", E, [u("div", ee, [f(e, { class: "h-6 w-6 text-[var(--muted-fg)]" }, {
-			default: C(() => [f(x(t))]),
-			_: 1
-		})]), u("div", D, [
-			u("div", O, [y(n.$slots, "label", {}, () => [y(n.$slots, "default", {}, () => [d(b(p.placeholder), 1)])])]),
-			n.$slots.tip ? (g(), l("div", k, [y(n.$slots, "tip")])) : (g(), l("div", te)),
-			p.showFileList && G.value.length ? (g(), l("ul", ne, [(g(!0), l(a, null, v(G.value, (e) => (g(), l("li", {
-				key: e.name,
-				"data-ds-file-upload-item": "",
-				class: "text-[13px]"
-			}, [u("span", A, b(e.name), 1), u("span", j, " · " + b(Math.ceil(e.size / 1024)) + " KB", 1)]))), 128))])) : c("", !0)
-		])]))], 42, w));
-	}
-});
-//#endregion
-export { M as t };

package/dist/components/GrFormField/chunks/GrFormField-Cn8g9eFP.js

@@ -1,28 +0,0 @@
-import { createCommentVNode as e, createElementBlock as t, defineComponent as n, normalizeClass as r, openBlock as i, renderSlot as a, toDisplayString as o } from "vue";
-//#region src/components/GrFormField/GrFormField.vue?vue&type=script&setup=true&lang.ts
-var s = { class: "flex flex-col gap-2" }, c = ["for"], l = {
-	key: 1,
-	class: "text-sm text-[var(--ds-danger)]"
-}, u = /* @__PURE__ */ n({
-	__name: "GrFormField",
-	props: {
-		label: { default: void 0 },
-		forId: { default: void 0 },
-		error: { default: void 0 },
-		labelClass: { default: void 0 }
-	},
-	setup(n) {
-		let u = n;
-		return (n, d) => (i(), t("div", s, [
-			u.label ? (i(), t("label", {
-				key: 0,
-				for: u.forId,
-				class: r(["text-sm text-[var(--muted-fg)]", u.labelClass])
-			}, o(u.label), 11, c)) : e("", !0),
-			a(n.$slots, "default"),
-			u.error ? (i(), t("div", l, o(u.error), 1)) : e("", !0)
-		]));
-	}
-});
-//#endregion
-export { u as t };