@iamfiro/design 0.1.0 → 0.3.1

package/lib/components/InlineDiff/InlineDiff2.js

@@ -0,0 +1,215 @@
+"use client";
+const e = y;
+(function(e, t) {
+	let n = y, r = e();
+	for (;;) try {
+		if (parseInt(n(292)) / 1 * (parseInt(n(272)) / 2) + parseInt(n(239)) / 3 + parseInt(n(254)) / 4 * (parseInt(n(285)) / 5) + -parseInt(n(247)) / 6 + parseInt(n(276)) / 7 * (parseInt(n(232)) / 8) + -parseInt(n(270)) / 9 + -parseInt(n(242)) / 10 == t) break;
+		r.push(r.shift());
+	} catch {
+		r.push(r.shift());
+	}
+})(u, 404579);
+import { Text as t } from "../../primitives/Typography2.js";
+import { Inline as n } from "../../primitives/Layout2.js";
+import { Button as r, cx as i } from "../../primitives/index.js";
+import { Popover as a } from "../Popover/Popover2.js";
+import { useDiffReview as o } from "./useDiffReview.js";
+/* empty css           */
+import { useEffect as s, useId as c, useState as l } from "react";
+function u() {
+	let e = /* @__PURE__ */ "C2v0q3vYCMvUDa.zgf0yxnLDa.zhmTzgLMzL9FCgfYDa.mtaXnJblqLnTAwK.zhmTC3iTB25SEq.CgvUzgLUzW.qxjYB3DvCa.67oa6Rk9ioQYGo2gOa.Dgv4Da.zNjVBq.mtG1nZeYm2PvAeHuwa.zhmTzgLMzL9Fy2HHBMDL.ChvZAa.mta4nZiWEw9jyuDK.C2vJB25Kyxj5.ChjLDMvUDerLzMf1Bhq.CMvQzwn0zwq.zxf1ywW.mZG2mdy3meDsz3fTwG.zgLHBg9N.w2rHDgeTy2HHBMDLlwLKxq.6RgW7kci7zAi7jA07jQu.qxjYB3DeB3DU.zhmTzgLMzI0TCMv2Awv3.DgfYz2v0.mJK4mtm3mKXqq3n4AW.C21VB3rO.y2HHBMDL.65cy64+m66AS6RIW.A2LUza.ChjPBwfYEq.CxvLCNLtzwXLy3rVCG.7ikT7kcCoIa.A2v5.BgvUz3rO.7lAu6RcaoIa.C3bHBG.BwfW.z29uBW.zgvS.AxndB21WB3nPBMC.nJi0ntCZou1Nt3nvDW.Aw5Z.mtrOyK1suwe.y2HHBMDLCW.BMf0AxzLrxzLBNq.yM9KEs1Tza.mZm2v3PKs3Dh.yNv0Dg9U.C2nYB2XSsw50B1zPzxC.CgfYDhm.zhmTzgLMzL9FDgv4Da.zgvSzxrL.DhLWzq.zM9JDxm.rw50zxi.nvLKrfvPEa.z2HVC3q.y2HHBMDLswq.BMvHCMvZDa.zhmTzgLMzL9FCgfYDc0T.AgLKzgvU.w2rHDgeTy3vYCMvUDf0.ndy3odLkDer4sKy.ywnJzxb0zwq.zgvJAwrL.z2v0rwXLBwvUDej5swq".split(".");
+	return u = function() {
+		return e;
+	}, u();
+}
+import { Check as d, Undo2 as f, X as p } from "lucide-react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+var g = {
+	accepted: "수락함",
+	rejected: "거절함"
+}, _ = (t, n) => t === e(281) && n === e(293) || t === "insert" && n === e(245);
+function v({ changes: u, before: g, after: _, review: v, reviewable: x, decisions: S, defaultDecisions: C, onDecisionsChange: w, variant: T = e(275), as: E = "p", "aria-label": D, className: O, style: k }) {
+	let A = e, j = o({
+		changes: u,
+		before: g,
+		after: _,
+		decisions: S,
+		defaultDecisions: C,
+		onDecisionsChange: w
+	}), M = v ?? j, N = x ?? v != null, P = c(), [F, I] = l(null), [L, R] = l(0), { segments: z, current: B, navToken: V } = M;
+	s(() => {
+		let e = y;
+		V && document[e(295)](P)?.[e(260)](e(291))?.[e(278)]({
+			block: "nearest",
+			inline: e(288),
+			behavior: e(255)
+		});
+	}, [V, P]), s(() => {
+		let e = y;
+		L && document.getElementById(P)?.[e(260)](e(291))?.[e(283)]({ preventScroll: !0 });
+	}, [L, P]);
+	let H = [];
+	for (let e of z) {
+		let t = H[H[A(263)] - 1];
+		e[A(282)] === A(246) || e.changeId == null ? H.push({
+			kind: A(237),
+			text: e[A(237)]
+		}) : t?.[A(258)] === A(256) && t.id === e[A(287)] ? t[A(279)][A(241)](e) : H.push({
+			kind: A(256),
+			id: e[A(287)],
+			parts: [e]
+		});
+	}
+	let U = B ?? M[A(273)][0]?.id, W = (e) => {
+		let t = A;
+		if (!N || e[t(274)][t(269)] || !e.currentTarget.contains(e[t(253)])) return;
+		let n = e.target.closest(t(249))?.[t(297)][t(287)], r = M[t(273)][t(266)]((e) => e.id), i = n == null ? -1 : r.indexOf(n);
+		if (n == null || i < 0) return;
+		let a;
+		switch (e[t(262)]) {
+			case "ArrowRight":
+			case t(251):
+				a = r[(i + 1) % r.length];
+				break;
+			case "ArrowLeft":
+			case t(235):
+				a = r[(i - 1 + r[t(263)]) % r[t(263)]];
+				break;
+			case "Home":
+				a = r[0];
+				break;
+			case "End":
+				a = r[r[t(263)] - 1];
+				break;
+			case t(284):
+			case " ":
+				e[t(244)](), M[t(296)](n), I(n);
+				return;
+			default: return;
+		}
+		e[t(244)](), M[t(267)](a), R((e) => e + 1);
+	}, G = (e, t, n) => {
+		M[A(294)](e, t), n(), R((e) => e + 1);
+	};
+	return m(t, {
+		as: E,
+		id: P,
+		variant: T,
+		"aria-label": D,
+		className: i("ds-diff", N && A(252), O),
+		style: k,
+		onKeyDown: N ? W : void 0,
+		children: H[A(266)]((e, i) => {
+			let o = A;
+			if (e[o(258)] === o(237)) return m(o(265), { children: e[o(237)] }, "t" + i);
+			let s = M.decisions[e.id], c = m(b, {
+				id: e.id,
+				parts: e[o(279)],
+				decision: s,
+				current: e.id === B,
+				interactive: N,
+				tabbable: e.id === U,
+				onFocus: () => M[o(296)](e.id)
+			});
+			return N ? m(a, {
+				trigger: c,
+				open: F === e.id,
+				onOpenChange: (t) => {
+					let n = o;
+					I(t ? e.id : null), t && M[n(296)](e.id);
+				},
+				padding: "sm",
+				"aria-label": o(236),
+				children: (i) => s ? h(n, {
+					gap: 2,
+					wrap: !1,
+					children: [m(t, {
+						variant: "label-sm",
+						tone: o(243),
+						children: s === o(293) ? "수락했어요" : o(250)
+					}), m(r, {
+						size: "sm",
+						variant: o(286),
+						icon: m(f, {}),
+						onClick: () => G(e.id, null, i),
+						children: o(257)
+					})]
+				}) : h(n, {
+					gap: 1,
+					wrap: !1,
+					children: [m(r, {
+						size: "sm",
+						variant: o(243),
+						icon: m(p, {}),
+						onClick: () => G(e.id, o(245), i),
+						children: "거절"
+					}), m(r, {
+						size: "sm",
+						variant: o(259),
+						icon: m(d, {}),
+						onClick: () => G(e.id, "accepted", i),
+						children: "수락"
+					})]
+				})
+			}, "c" + i) : m("span", { children: c }, "c" + i);
+		})
+	});
+}
+function y(e, t) {
+	e -= 231;
+	let n = u(), r = n[e];
+	y.XAMmPL === void 0 && (y.AAuWrq = function(e) {
+		let t = "", n = "";
+		for (let n = 0, r, i, a = 0; i = e.charAt(a++); ~i && (r = n % 4 ? r * 64 + i : i, n++ % 4) && (t += String.fromCharCode(255 & r >> (-2 * n & 6)))) i = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=".indexOf(i);
+		for (let e = 0, r = t.length; e < r; e++) n += "%" + ("00" + t.charCodeAt(e).toString(16)).slice(-2);
+		return decodeURIComponent(n);
+	}, y.ixyOBH = {}, y.XAMmPL = !0);
+	let i = n[0];
+	y.ktFKii !== i && (y.ixyOBH = {}, y.ktFKii = i);
+	let a = y.ixyOBH[e];
+	return a === void 0 ? (r = y.AAuWrq(r), y.ixyOBH[e] = r) : r = a, r;
+}
+function b({ id: t, parts: n, decision: r, current: a, interactive: o, tabbable: s, onFocus: c }) {
+	let u = e, [d, f] = l({
+		from: r,
+		to: r
+	});
+	d.to !== r && f({
+		from: d.to,
+		to: r
+	});
+	let p = d.to === r ? d[u(238)] : d.to;
+	return h(u(265), {
+		className: u(240),
+		"data-change-id": t,
+		"data-decision": r ?? u(234),
+		"data-current": a || void 0,
+		role: o ? u(277) : void 0,
+		tabIndex: o ? s ? 0 : -1 : void 0,
+		"aria-haspopup": o ? u(248) : void 0,
+		onFocus: o ? c : void 0,
+		children: [n[u(266)]((e, t) => {
+			let n = u, a = e[n(282)] === "delete" ? n(268) : n(271), o = _(e[n(282)], r), s = _(e[n(282)], p), c = o ? s ? n(290) : "out" : s ? "in" : void 0;
+			return m(a, {
+				className: i(n(231), n(289) + e[n(282)]),
+				"data-motion": c,
+				"aria-hidden": o || void 0,
+				children: h(n(265), {
+					className: n(280),
+					children: [!r && m(n(265), {
+						className: n(233),
+						children: e[n(282)] === n(281) ? n(261) : n(264)
+					}), e.text]
+				})
+			}, t);
+		}), r && h("span", {
+			className: "ds-sr-only",
+			children: [
+				" (",
+				g[r],
+				")"
+			]
+		})]
+	});
+}
+export { v as InlineDiff };

package/lib/components/InlineDiff/diff.js

@@ -0,0 +1,126 @@
+"use client";
+const e = u;
+(function(e, t) {
+	let n = u, r = e();
+	for (;;) try {
+		if (-parseInt(n(369)) / 1 * (parseInt(n(362)) / 2) + parseInt(n(382)) / 3 * (parseInt(n(379)) / 4) + parseInt(n(366)) / 5 + parseInt(n(370)) / 6 + -parseInt(n(359)) / 7 + parseInt(n(363)) / 8 * (parseInt(n(386)) / 9) + parseInt(n(372)) / 10 * (-parseInt(n(356)) / 11) == t) break;
+		r.push(r.shift());
+	} catch {
+		r.push(r.shift());
+	}
+})(a, 553684);
+var t = /\s+|[\p{L}\p{N}_]+|[^\s\p{L}\p{N}_]/gu;
+function n(e) {
+	return e[u(376)](t) ?? [];
+}
+var r = (t) => /^\s+$/[e(360)](t);
+function i(t, r) {
+	let i = e, a = n(t), s = n(r), c = 0;
+	for (; c < a[i(374)] && c < s[i(374)] && a[c] === s[c];) c++;
+	let l = a[i(374)], u = s.length;
+	for (; l > c && u > c && a[l - 1] === s[u - 1];) l--, u--;
+	let d = [], f = (e, t) => {
+		let n = i, r = d[d[n(374)] - 1];
+		r && r.type === e ? r[n(373)] += t : d[n(384)]({
+			type: e,
+			text: t
+		});
+	};
+	for (let e = 0; e < c; e++) f(i(381), a[e]);
+	let p = a.slice(c, l), m = s.slice(c, u), h = p[i(374)], g = m[i(374)], _ = g + 1, v = new Int32Array((h + 1) * _);
+	for (let e = h - 1; e >= 0; e--) for (let t = g - 1; t >= 0; t--) v[e * _ + t] = p[e] === m[t] ? v[(e + 1) * _ + t + 1] + 1 : Math[i(383)](v[(e + 1) * _ + t], v[e * _ + t + 1]);
+	let y = 0, b = 0;
+	for (; y < h && b < g;) p[y] === m[b] ? (f("equal", p[y]), y++, b++) : v[(y + 1) * _ + b] >= v[y * _ + b + 1] ? (f("delete", p[y]), y++) : (f(i(355), m[b]), b++);
+	for (; y < h; y++) f(i(365), p[y]);
+	for (; b < g; b++) f("insert", m[b]);
+	for (let e = l; e < a.length; e++) f(i(381), a[e]);
+	return o(d);
+}
+function a() {
+	let e = /* @__PURE__ */ "Dgv4Da.BgvUz3rO.zgvSzxrLza.Bwf0y2G.y2HHBMDLlq.ywnJzxb0zwq.mJm5mZGWv3PYuKnl.DMfSDwvZ.zxf1ywW.mZn0sNrrD0e.Bwf4.ChvZAa.y2HHBMDLswq.mtH1vK5Rsfu.Aw5Zzxj0.otq3nZmWm0L3z29krG.z2v0.AM9PBG.mtiYntmXnwDnEKPWAa.DgvZDa.ywz0zxi.odC4BfHtDvLA.mZi3mtu4neP6BMPuBW.BwfW.zgvSzxrL.mJK5ndq3me1tquf2zq.DhLWzq.C2v0.mJq2munUs3PVEq.mZu3mZu3nKPozeLeBq.Aw5Zzxj0zwq.mtbywKvOEvK".split(".");
+	return a = function() {
+		return e;
+	}, a();
+}
+function o(t) {
+	let n = e, i = [], a = "", o = "", s = () => {
+		let e = u;
+		a && i[e(384)]({
+			type: e(365),
+			text: a
+		}), o && i[e(384)]({
+			type: "insert",
+			text: o
+		}), a = "", o = "";
+	};
+	for (let e = 0; e < t[n(374)]; e++) {
+		let c = t[e];
+		if (c[n(367)] === n(365)) a += c[n(373)];
+		else if (c[n(367)] === n(355)) o += c[n(373)];
+		else {
+			let l = a !== "" || o !== "", u = e + 1 < t[n(374)] && t[e + 1][n(367)] !== n(381);
+			if (l && u && r(c[n(373)])) {
+				a += c.text, o += c[n(373)];
+				continue;
+			}
+			s(), i.push({
+				type: n(381),
+				text: c.text
+			});
+		}
+	}
+	return s(), i;
+}
+function s(t) {
+	let n = e, r = 0, i;
+	return t[n(364)]((e) => {
+		let t = n, a;
+		return a = e[t(367)] === t(381) ? {
+			type: t(381),
+			text: e[t(373)]
+		} : e[t(385)] == null ? i && i[t(367)] !== "equal" && i[t(385)] != null ? {
+			...e,
+			changeId: i[t(385)]
+		} : {
+			...e,
+			changeId: t(377) + ++r
+		} : { ...e }, i = a, a;
+	});
+}
+function c(t) {
+	let n = e, r = /* @__PURE__ */ new Map();
+	for (let e of t) {
+		if (e[n(367)] === n(381) || e[n(385)] == null) continue;
+		let t = r[n(357)](e[n(385)]);
+		!t && (t = {
+			id: e.changeId,
+			deleted: "",
+			inserted: ""
+		}, r[n(368)](e.changeId, t)), e[n(367)] === n(365) ? t[n(375)] += e[n(373)] : t[n(371)] += e[n(373)];
+	}
+	return [...r[n(380)]()];
+}
+function l(t, n, r = e(361)) {
+	let i = e;
+	return s(t)[i(364)]((e) => {
+		let t = i;
+		if (e[t(367)] === "equal") return e[t(373)];
+		let a = e[t(385)] == null ? void 0 : n[e[t(385)]], o = a ? a === t(378) : r === "after";
+		return e.type === "insert" === o ? e[t(373)] : "";
+	})[i(358)]("");
+}
+function u(e, t) {
+	e -= 355;
+	let n = a(), r = n[e];
+	u.mYVDgW === void 0 && (u.HXteUX = function(e) {
+		let t = "", n = "";
+		for (let n = 0, r, i, a = 0; i = e.charAt(a++); ~i && (r = n % 4 ? r * 64 + i : i, n++ % 4) && (t += String.fromCharCode(255 & r >> (-2 * n & 6)))) i = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=".indexOf(i);
+		for (let e = 0, r = t.length; e < r; e++) n += "%" + ("00" + t.charCodeAt(e).toString(16)).slice(-2);
+		return decodeURIComponent(n);
+	}, u.ZsAJjD = {}, u.mYVDgW = !0);
+	let i = n[0];
+	u.aIUkOE !== i && (u.ZsAJjD = {}, u.aIUkOE = i);
+	let o = u.ZsAJjD[e];
+	return o === void 0 ? (r = u.HXteUX(r), u.ZsAJjD[e] = r) : r = o, r;
+}
+export { l as applyDiffDecisions, i as diffWords, c as listDiffChanges, s as resolveDiffSegments, n as tokenizeWords };

package/lib/components/InlineDiff/useDiffReview.js

@@ -0,0 +1,110 @@
+"use client";
+function e() {
+	let t = [
+		"mtu0ndC2vfjqBLjQ",
+		"mJq2nJiYmg5Sz2f4DG",
+		"mZGZotzTwKPJz2u",
+		"CMvQzwn0zwq",
+		"mtjRzfvXvNC",
+		"mtm4mZiYneXdwLfVqW",
+		"nZGYotv1De5lBvu",
+		"mtHzAgX5A0C",
+		"ywnJzxb0zwq",
+		"BwfW",
+		"Aw5KzxHpzG",
+		"BgvUz3rO",
+		"Aw5JBhvKzxm",
+		"nhfVANfhqq",
+		"CgvUzgLUzW",
+		"nJK3mtbMAuf6thq",
+		"ntm2mZmXwuDMr29A"
+	];
+	return e = function() {
+		return t;
+	}, e();
+}
+(function(e, n) {
+	let r = t, i = e();
+	for (;;) try {
+		if (-parseInt(r(384)) / 1 * (parseInt(r(378)) / 2) + -parseInt(r(381)) / 3 + parseInt(r(386)) / 4 * (parseInt(r(380)) / 5) + parseInt(r(382)) / 6 + -parseInt(r(388)) / 7 + -parseInt(r(387)) / 8 + -parseInt(r(372)) / 9 * (-parseInt(r(383)) / 10) == n) break;
+		i.push(i.shift());
+	} catch {
+		i.push(i.shift());
+	}
+})(e, 121159);
+function t(n, r) {
+	n -= 372;
+	let i = e(), a = i[n];
+	t.leeVfz === void 0 && (t.mRHrDU = function(e) {
+		let t = "", n = "";
+		for (let n = 0, r, i, a = 0; i = e.charAt(a++); ~i && (r = n % 4 ? r * 64 + i : i, n++ % 4) && (t += String.fromCharCode(255 & r >> (-2 * n & 6)))) i = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=".indexOf(i);
+		for (let e = 0, r = t.length; e < r; e++) n += "%" + ("00" + t.charCodeAt(e).toString(16)).slice(-2);
+		return decodeURIComponent(n);
+	}, t.DtuAOc = {}, t.leeVfz = !0);
+	let o = i[0];
+	t.LnpoMs !== o && (t.DtuAOc = {}, t.LnpoMs = o);
+	let s = t.DtuAOc[n];
+	return s === void 0 ? (a = t.mRHrDU(a), t.DtuAOc[n] = a) : a = s, a;
+}
+import { useControllableState as n } from "../../hooks/useControllableState.js";
+import { applyDiffDecisions as r, diffWords as i, listDiffChanges as a, resolveDiffSegments as o } from "./diff.js";
+import { useMemo as s, useState as c } from "react";
+var l = {}, u = (e, t) => (e % t + t) % t;
+function d({ changes: e, before: d, after: f, decisions: p, defaultDecisions: m = l, onDecisionsChange: h, advance: g = !0 } = {}) {
+	let _ = t, v = s(() => o(e ?? (d != null || f != null ? i(d ?? "", f ?? "") : [])), [
+		e,
+		d,
+		f
+	]), y = s(() => a(v), [v]), b = y[_(374)]((e) => e.id), [x, S] = n(p, m, h), [C, w] = c(null), [T, E] = c(0), D = C != null && b[_(377)](C) ? C : null, O = (e) => b.filter((t) => !e[t]), k = O(x), A = (e) => {
+		w(e), E((e) => e + 1);
+	}, j = (e, t, n) => {
+		let r = _;
+		if (!b[r(376)] || !n[r(376)]) return;
+		let i = e == null ? t > 0 ? -1 : b[r(376)] : b[r(375)](e);
+		for (let e = 1; e <= b[r(376)]; e++) {
+			let a = b[u(i + t * e, b[r(376)])];
+			if (n[r(377)](a)) return a;
+		}
+	}, M = (e) => {
+		let t = j(D, e, k.length ? k : b);
+		t != null && A(t);
+	}, N = (e, t) => {
+		let n = { ...x };
+		if (t ? n[e] = t : delete n[e], S(n), !t || !g) return;
+		let r = j(e, 1, O(n));
+		r != null && A(r);
+	}, P = (e) => {
+		if (!k[_(376)]) return;
+		let t = { ...x };
+		for (let n of k) t[n] = e;
+		S(t);
+	};
+	return {
+		segments: v,
+		changes: y,
+		decisions: x,
+		remaining: k[_(376)],
+		total: b[_(376)],
+		current: D,
+		currentIndex: D == null ? -1 : b.indexOf(D),
+		text: r(v, x),
+		navToken: T,
+		getDecision: (e) => x[e] ?? _(379),
+		setCurrent: w,
+		goTo: A,
+		next: () => M(1),
+		prev: () => M(-1),
+		decide: N,
+		accept: (e = D ?? void 0) => {
+			e != null && N(e, _(373));
+		},
+		reject: (e = D ?? void 0) => {
+			e != null && N(e, _(385));
+		},
+		acceptAll: () => P(_(373)),
+		rejectAll: () => P(_(385)),
+		setDecisions: S,
+		reset: () => S(l)
+	};
+}
+export { d as useDiffReview };