@feugene/granularity 0.4.0 → 0.4.2

package/dist/components/GrToaster/chunks/GrToaster-C4l_BjOh.js

@@ -1,139 +0,0 @@
-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 { t as a } from "../../GrButton/chunks/GrButton-BXVVt6Od.js";
-import { t as o } from "../../GrIcon/chunks/GrIcon-CXIHuG7L.js";
-import { useToast as s } from "../../../composables/useToast.js";
-import { r as c } from "../../../chunks/config-DBXTZE36.js";
-import { Fragment as l, Teleport as u, TransitionGroup as d, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createVNode as _, defineComponent as v, normalizeClass as y, normalizeStyle as b, openBlock as x, renderList as S, resolveDynamicComponent as C, toDisplayString as w, unref as T, withCtx as E } from "vue";
-//#region src/components/GrToaster/GrToaster.vue?vue&type=script&setup=true&lang.ts
-var D = ["aria-label"], O = [
-	"data-tone",
-	"role",
-	"aria-live"
-], k = { class: "flex items-start gap-3" }, A = { class: "min-w-0 flex-1" }, j = { class: "text-[13px] font-700" }, M = {
-	key: 0,
-	class: "mt-0.5 text-[13px] text-[var(--muted-fg)]"
-}, N = /* @__PURE__ */ v({
-	__name: "GrToaster",
-	props: {
-		placement: { default: "top-right" },
-		dismissLabel: { default: "Dismiss" },
-		regionLabel: { default: "Notifications" }
-	},
-	setup(v) {
-		let N = {
-			primary: {
-				icon: r,
-				color: "var(--primary)",
-				role: "status",
-				live: "polite"
-			},
-			neutral: {
-				icon: r,
-				color: "var(--muted-fg)",
-				role: "status",
-				live: "polite"
-			},
-			info: {
-				icon: r,
-				color: "var(--ds-info)",
-				role: "status",
-				live: "polite"
-			},
-			success: {
-				icon: e,
-				color: "var(--ds-success)",
-				role: "status",
-				live: "polite"
-			},
-			warning: {
-				icon: t,
-				color: "var(--ds-warning)",
-				role: "alert",
-				live: "assertive"
-			},
-			danger: {
-				icon: n,
-				color: "var(--ds-danger)",
-				role: "alert",
-				live: "assertive"
-			},
-			slate: {
-				icon: r,
-				color: "var(--ds-slate)",
-				role: "status",
-				live: "polite"
-			},
-			azure: {
-				icon: r,
-				color: "var(--ds-azure)",
-				role: "status",
-				live: "polite"
-			}
-		}, P = v, { list: F, dismiss: I } = s(), L = typeof window < "u";
-		function R(e) {
-			return N[e] ?? N.info;
-		}
-		let z = f(() => c[P.placement]);
-		return (e, t) => (x(), p(u, {
-			to: "body",
-			disabled: !L
-		}, [g("div", {
-			"data-ds-toaster": "",
-			role: "region",
-			"aria-label": v.regionLabel,
-			class: y(["fixed z-[60] grid w-[360px] max-w-[calc(100vw-2rem)] gap-3", z.value])
-		}, [_(d, {
-			tag: "div",
-			class: "grid gap-3",
-			"enter-active-class": "transition duration-200 ease-out",
-			"enter-from-class": "opacity-0 translate-y-2",
-			"enter-to-class": "opacity-100 translate-y-0",
-			"leave-active-class": "transition duration-150 ease-in absolute",
-			"leave-from-class": "opacity-100 translate-y-0",
-			"leave-to-class": "opacity-0 translate-y-2",
-			"move-class": "transition-transform duration-200 ease-out"
-		}, {
-			default: E(() => [(x(!0), h(l, null, S(T(F), (e) => (x(), h("div", {
-				key: e.id,
-				"data-ds-toast": "",
-				"data-tone": e.tone,
-				role: R(e.tone).role,
-				"aria-live": R(e.tone).live,
-				"aria-atomic": "true",
-				class: "rounded-[var(--ds-radius-lg)] border border-[var(--brd)] bg-[var(--card)] px-4 py-3 shadow-[var(--ds-shadow-2)]"
-			}, [g("div", k, [
-				_(T(o), {
-					size: "md",
-					class: "mt-0.5",
-					style: b({ color: R(e.tone).color }),
-					"aria-hidden": "true"
-				}, {
-					default: E(() => [(x(), p(C(R(e.tone).icon)))]),
-					_: 2
-				}, 1032, ["style"]),
-				g("div", A, [g("div", j, w(e.title), 1), e.message ? (x(), h("div", M, w(e.message), 1)) : m("", !0)]),
-				_(T(a), {
-					variant: "ghost",
-					size: "sm",
-					square: "",
-					"aria-label": v.dismissLabel,
-					onClick: (t) => T(I)(e.id)
-				}, {
-					default: E(() => [_(T(o), {
-						size: "sm",
-						"aria-hidden": "true"
-					}, {
-						default: E(() => [_(T(i))]),
-						_: 1
-					})]),
-					_: 1
-				}, 8, ["aria-label", "onClick"])
-			])], 8, O))), 128))]),
-			_: 1
-		})], 10, D)], 8, ["disabled"]));
-	}
-});
-//#endregion
-export { N as t };

package/dist/components/GrTooltip/chunks/GrTooltip-BqRAzuLT.js

@@ -1,37 +0,0 @@
-import { t as e } from "../../../chunks/info-CNJnuTYC.js";
-import { t } from "../../GrIcon/chunks/GrIcon-CXIHuG7L.js";
-import { computed as n, createElementBlock as r, createElementVNode as i, createVNode as a, defineComponent as o, normalizeStyle as s, openBlock as c, renderSlot as l, toDisplayString as u, unref as d, useId as f, withCtx as p } from "vue";
-//#region src/components/GrTooltip/GrTooltip.vue?vue&type=script&setup=true&lang.ts
-var m = {
-	"data-ds-tooltip": "",
-	class: "group relative inline-flex"
-}, h = /* @__PURE__ */ o({
-	__name: "GrTooltip",
-	props: {
-		text: {},
-		iconColor: { default: "var(--muted-fg)" }
-	},
-	setup(o) {
-		let h = o, g = `ds-tooltip-${f()}`, _ = n(() => ({ color: h.iconColor }));
-		return (n, f) => (c(), r("span", m, [i("span", {
-			"data-ds-tooltip-trigger": "",
-			"data-testid": "ds-tooltip-trigger",
-			tabindex: "0",
-			"aria-describedby": g,
-			class: "inline-flex items-center justify-center focus:outline-none",
-			style: s(_.value)
-		}, [l(n.$slots, "default", {}, () => [a(d(t), {
-			size: "sm",
-			"aria-hidden": "true"
-		}, {
-			default: p(() => [a(d(e))]),
-			_: 1
-		})])], 4), i("span", {
-			id: g,
-			role: "tooltip",
-			class: "pointer-events-none absolute bottom-[calc(100%+8px)] left-1/2 z-10 -translate-x-1/2 whitespace-nowrap rounded-md border border-[var(--brd)] bg-[var(--popover)] px-2 py-1 text-[12px] text-[var(--popover-fg)] opacity-0 shadow-[var(--ds-shadow-1)] transition-opacity duration-150 group-hover:opacity-100 group-focus-within:opacity-100"
-		}, u(o.text), 1)]));
-	}
-});
-//#endregion
-export { h as t };