@feugene/granularity 0.3.2 → 0.4.1

package/dist/components/DsDrawer/chunks/DsDrawer-GW4JyPf_.js

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

package/dist/components/DsDrawer/index.js

@@ -1,3 +0,0 @@
-import { n as e, t } from "../../chunks/config-DJxFkysW.js";
-import { t as n } from "./chunks/DsDrawer-GW4JyPf_.js";
-export { n as DsDrawer, n as default, t as dsDrawerConfig, e as dsDrawerSafelist };

package/dist/components/DsDropdown/chunks/DsDropdown-DmR1NWyV.js

@@ -1,110 +0,0 @@
-import { a as e } from "../../../chunks/directives-K8Vo0VhP.js";
-import { i as t, n, r } from "../../../chunks/dsDropdownStyles-_XO6eeSE.js";
-import { Teleport as i, Transition as a, computed as o, createBlock as s, createElementBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, normalizeClass as f, normalizeStyle as p, onUnmounted as m, openBlock as h, ref as g, renderSlot as _, unref as v, vShow as y, watch as b, withCtx as x, withDirectives as S } from "vue";
-//#region src/components/DsDropdown/DsDropdown.vue?vue&type=script&setup=true&lang.ts
-var C = { "data-ds-dropdown": "" }, w = /* @__PURE__ */ d({
-	__name: "DsDropdown",
-	props: {
-		align: { default: "right" },
-		width: { default: "48" },
-		closeOnContentClick: {
-			type: Boolean,
-			default: !0
-		},
-		contentClass: { default: "" },
-		teleportTo: { default: "body" }
-	},
-	setup(d) {
-		let w = d, T = g(!1), E = g(null), D = g(null), O = [() => D.value], k = g({
-			left: "0px",
-			top: "0px",
-			zIndex: "2147483647"
-		}), A = 0;
-		function j() {
-			typeof window > "u" || (A &&= (window.cancelAnimationFrame(A), 0));
-		}
-		function M() {
-			if (typeof window > "u") return;
-			let e = E.value;
-			if (!e) return;
-			let t = e.getBoundingClientRect();
-			k.value = {
-				left: `${w.align === "right" ? t.right : w.align === "center" ? t.left + t.width / 2 : t.left}px`,
-				top: `${t.bottom + 8}px`,
-				zIndex: "2147483647"
-			};
-		}
-		function N() {
-			typeof window > "u" || (A ||= window.requestAnimationFrame(() => {
-				A = 0, T.value && M();
-			}));
-		}
-		function P() {
-			typeof window > "u" || (window.addEventListener("resize", N), window.addEventListener("scroll", N, !0));
-		}
-		function F() {
-			typeof window > "u" || (window.removeEventListener("resize", N), window.removeEventListener("scroll", N, !0));
-		}
-		function I() {
-			T.value = !T.value;
-		}
-		function L() {
-			T.value = !1;
-		}
-		function R(e) {
-			e.key === "Escape" && L();
-		}
-		b(T, (e) => {
-			typeof document > "u" || (document.removeEventListener("keydown", R), F(), j(), e && document.addEventListener("keydown", R), e && (P(), M()));
-		}, { immediate: !0 }), b(() => w.align, () => {
-			T.value && N();
-		}), m(() => {
-			typeof document > "u" || (document.removeEventListener("keydown", R), F(), j());
-		});
-		let z = o(() => t(w.width)), B = o(() => r(w.contentClass)), V = o(() => [
-			"fixed z-50",
-			z.value,
-			n(w.align)
-		].filter(Boolean));
-		function H() {
-			w.closeOnContentClick && L();
-		}
-		return (t, n) => (h(), c("div", C, [S((h(), c("div", {
-			ref_key: "rootEl",
-			ref: E,
-			"data-ds-dropdown-trigger": "",
-			class: "inline-block max-w-full",
-			onClick: I
-		}, [_(t.$slots, "trigger", {
-			open: T.value,
-			toggle: I,
-			close: L
-		})])), [[v(e), {
-			handler: L,
-			enabled: T.value,
-			exclude: O
-		}]]), (h(), s(i, { to: d.teleportTo }, [u(a, {
-			"enter-active-class": "transition ease-out duration-150",
-			"enter-from-class": "transform opacity-0 scale-95",
-			"enter-to-class": "transform opacity-100 scale-100",
-			"leave-active-class": "transition ease-in duration-100",
-			"leave-from-class": "transform opacity-100 scale-100",
-			"leave-to-class": "transform opacity-0 scale-95"
-		}, {
-			default: x(() => [S(l("div", {
-				ref_key: "panelEl",
-				ref: D,
-				"data-ds-dropdown-panel": "",
-				class: f(V.value),
-				style: p(k.value),
-				onClick: H
-			}, [l("div", {
-				"data-ds-dropdown-content": "",
-				class: f(B.value)
-			}, [_(t.$slots, "content", { close: L })], 2)], 6), [[y, T.value]])]),
-			_: 3
-		})], 8, ["to"]))]));
-	}
-});
-//#endregion
-export { w as t };

package/dist/components/DsDropdown/index.js

@@ -1,3 +0,0 @@
-import { t as e } from "./chunks/DsDropdown-DmR1NWyV.js";
-import { n as t, t as n } from "../../chunks/config-DopZCwNe.js";
-export { e as DsDropdown, e as default, n as dsDropdownConfig, t as dsDropdownSafelist };

package/dist/components/DsDropdownMenu/chunks/DsDropdownMenu-BlpO8mUO.js

@@ -1,233 +0,0 @@
-import { t as e } from "../../DsDropdown/chunks/DsDropdown-DmR1NWyV.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/DsDropdownMenu/DsDropdownMenuList.vue
-var x = /* @__PURE__ */ c({
-	__name: "DsDropdownMenuList",
-	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: "DsDropdownMenu",
-	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: "DsDropdownMenuColumn",
-	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: "DsDropdownMenuColumns",
-	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: "DsDropdownMenuDivider",
-	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: "DsDropdownMenuHeader",
-	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: "DsDropdownMenuGroup",
-	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: "DsDropdownMenuItem",
-	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/DsDropdownMenu/index.js

@@ -1,3 +0,0 @@
-import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "./chunks/DsDropdownMenu-BlpO8mUO.js";
-import { t as c } from "../../chunks/config-CnClbuiL.js";
-export { o as DsDropdownMenu, o as default, i as DsDropdownMenuColumn, e as DsDropdownMenuColumns, n as DsDropdownMenuDivider, r as DsDropdownMenuGroup, a as DsDropdownMenuHeader, s as DsDropdownMenuItem, t as DsDropdownMenuList, c as dsDropdownMenuConfig };

package/dist/components/DsEmptyState/chunks/DsEmptyState-tKYwSiP1.js

@@ -1,49 +0,0 @@
-import { t as e } from "../../DsIcon/chunks/DsIcon-Bk6qc4Kh.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: "DsEmptyState",
-	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/DsEmptyState/index.js

@@ -1,3 +0,0 @@
-import { t as e } from "./chunks/DsEmptyState-tKYwSiP1.js";
-import { t } from "../../chunks/config-C_CXjTfh2.js";
-export { e as DsEmptyState, e as default, t as dsEmptyStateConfig };