@iamfiro/design 0.1.0 → 0.3.0

package/lib/components/InlineDiff/InlineDiff2.js

@@ -0,0 +1,215 @@
+"use client";
+const e = u;
+(function(e, t) {
+	let n = u, r = e();
+	for (;;) try {
+		if (parseInt(n(389)) / 1 + -parseInt(n(377)) / 2 + -parseInt(n(432)) / 3 * (-parseInt(n(402)) / 4) + parseInt(n(424)) / 5 * (parseInt(n(376)) / 6) + -parseInt(n(420)) / 7 * (-parseInt(n(395)) / 8) + parseInt(n(412)) / 9 * (-parseInt(n(382)) / 10) + -parseInt(n(397)) / 11 == t) break;
+		r.push(r.shift());
+	} catch {
+		r.push(r.shift());
+	}
+})(m, 550812);
+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(e, t) {
+	e -= 368;
+	let n = m(), r = n[e];
+	u.yhuPPU === void 0 && (u.AchHiu = 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.HYSrBA = {}, u.yhuPPU = !0);
+	let i = n[0];
+	u.eobZHk !== i && (u.HYSrBA = {}, u.eobZHk = i);
+	let a = u.HYSrBA[e];
+	return a === void 0 ? (r = u.AchHiu(r), u.HYSrBA[e] = r) : r = a, r;
+}
+import { Check as d, Undo2 as f, X as p } from "lucide-react";
+function m() {
+	let e = /* @__PURE__ */ "DhLWzq.BgvUz3rO.zgvJAwrL.ntr3wezht2K.C3bHBG.67oa6Rk9ioQYGo2gOa.BwfW.CgvUzgLUzW.7lAu6RcaoIa.w2rHDgeTy3vYCMvUDf0.zNjVBq.mtmYmJu3m2TzAKXwCq.w2rHDgeTy2HHBMDLlwLKxq.CgfYDhm.zhmTzgLMzL9FCgfYDc0T.nxrKDMzHtW.y2HHBMDL.z2v0rwXLBwvUDej5swq.C2v0q3vYCMvUDa.zgvSzxrL.sg9Tzq.zgLHBg9N.zgvJAxnPB25Z.ntDUDfnktNC.C2nYB2XSsw50B1zPzxC.ChjPBwfYEq.qxjYB3DsAwDODa.DgfYz2v0.CxvLCNLtzwXLy3rVCG.BgfIzwWTC20.qxjYB3DeB3DU.yNv0Dg9U.7iIy65297zwO.7ikT7kcCoIa.zgvS.7iIy65297zAi7jA07jQu.Dgv4Da.nJq2nZmYmMDAB1P5qq.mtm0odiYmMTIwgzIta.Aw5Zzxj0.A2v5.CMvQzwn0zwq.BMvHCMvZDa.mte1otG1mg1ntg9MAG.zhmTzgLMzL9FDgv4Da.6RgW7kci7zwO.AgLKzgvU.yM9KEs1Tza.qxjYB3Dmzwz0.y29UDgfPBNm.mtaWmdu5nMvyugf1wq.AxndB21WB3nPBMC.zhmTC3iTB25SEq.z2HVC3q.ChvZAa.zxf1ywW.mZjVs3P2uuO.zhmTzgLMzI0TCMv2Awv3.mte5ndGZmJfZv01jvfO.ChjLDMvUDerLzMf1Bhq.C2vJB25Kyxj5.y2XVC2vZDa.y2HHBMDLswq.mZyZodbes0TLA08.ywnJzxb0zwq.A2LUza.qxjYB3DvCa.zhmTzgLMzL9FCgfYDa.y2HHBMDLCW.y3vYCMvUDfrHCMDLDa".split(".");
+	return m = function() {
+		return e;
+	}, m();
+}
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+var _ = {
+	accepted: e(371),
+	rejected: e(384)
+}, v = (t, n) => t === e(428) && n === "accepted" || t === e(378) && n === e(380);
+function y({ changes: m, before: _, after: v, review: y, reviewable: x, decisions: S, defaultDecisions: C, onDecisionsChange: w, variant: T = e(386), as: E = "p", "aria-label": D, className: O, style: k }) {
+	let A = e, j = o({
+		changes: m,
+		before: _,
+		after: v,
+		decisions: S,
+		defaultDecisions: C,
+		onDecisionsChange: w
+	}), M = y ?? j, N = x ?? y != null, P = c(), [F, I] = l(null), [L, R] = l(0), { segments: z, current: B, navToken: V } = M;
+	s(() => {
+		let e = u;
+		V && document[e(426)](P)?.[e(437)](e(418))?.[e(433)]({
+			block: e(381),
+			inline: "nearest",
+			behavior: "smooth"
+		});
+	}, [V, P]), s(() => {
+		let e = u;
+		L && document[e(426)](P)?.[e(437)]("[data-current]")?.focus({ preventScroll: !0 });
+	}, [L, P]);
+	let H = [];
+	for (let e of z) {
+		let t = H[H.length - 1];
+		e[A(409)] === A(394) || e[A(401)] == null ? H[A(393)]({
+			kind: A(375),
+			text: e.text
+		}) : t?.[A(404)] === "change" && t.id === e[A(401)] ? t[A(422)].push(e) : H[A(393)]({
+			kind: A(425),
+			id: e[A(401)],
+			parts: [e]
+		});
+	}
+	let U = B ?? M[A(407)][0]?.id, W = (e) => {
+		let t = A;
+		if (!N || e.nativeEvent[t(390)] || !e[t(408)][t(388)](e[t(436)])) return;
+		let n = e[t(436)][t(400)](t(421))?.dataset.changeId, r = M[t(407)][t(415)]((e) => e.id), i = n == null ? -1 : r.indexOf(n);
+		if (n == null || i < 0) return;
+		let a;
+		switch (e[t(379)]) {
+			case t(435):
+			case t(369):
+				a = r[(i + 1) % r[t(410)]];
+				break;
+			case t(387):
+			case t(405):
+				a = r[(i - 1 + r.length) % r.length];
+				break;
+			case t(429):
+				a = r[0];
+				break;
+			case "End":
+				a = r[r.length - 1];
+				break;
+			case "Enter":
+			case " ":
+				e[t(398)](), M[t(427)](n), I(n);
+				return;
+			default: return;
+		}
+		e[t(398)](), M.goTo(a), R((e) => e + 1);
+	}, G = (e, t, n) => {
+		M[A(411)](e, t), n(), R((e) => e + 1);
+	};
+	return h(t, {
+		as: E,
+		id: P,
+		variant: T,
+		"aria-label": D,
+		className: i("ds-diff", N && A(396), O),
+		style: k,
+		onKeyDown: N ? W : void 0,
+		children: H[A(415)]((e, i) => {
+			let o = A;
+			if (e[o(404)] === o(375)) return h(o(413), { children: e.text }, "t" + i);
+			let s = M[o(431)][e.id], c = h(b, {
+				id: e.id,
+				parts: e[o(422)],
+				decision: s,
+				current: e.id === B,
+				interactive: N,
+				tabbable: e.id === U,
+				onFocus: () => M[o(427)](e.id)
+			});
+			return N ? h(a, {
+				trigger: c,
+				open: F === e.id,
+				onOpenChange: (t) => {
+					let n = o;
+					I(t ? e.id : null), t && M[n(427)](e.id);
+				},
+				padding: "sm",
+				"aria-label": o(414),
+				children: (i) => s ? g(n, {
+					gap: 2,
+					wrap: !1,
+					children: [h(t, {
+						variant: o(368),
+						tone: o(399),
+						children: s === o(403) ? o(374) : "거절했어요"
+					}), h(r, {
+						size: "sm",
+						variant: o(392),
+						icon: h(f, {}),
+						onClick: () => G(e.id, null, i),
+						children: "되돌리기"
+					})]
+				}) : g(n, {
+					gap: 1,
+					wrap: !1,
+					children: [h(r, {
+						size: "sm",
+						variant: "secondary",
+						icon: h(p, {}),
+						onClick: () => G(e.id, "rejected", i),
+						children: "거절"
+					}), h(r, {
+						size: "sm",
+						variant: o(434),
+						icon: h(d, {}),
+						onClick: () => G(e.id, o(403), i),
+						children: "수락"
+					})]
+				})
+			}, "c" + i) : h(o(413), { children: c }, "c" + i);
+		})
+	});
+}
+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(419)] : d.to;
+	return g(u(413), {
+		className: "ds-diff__change",
+		"data-change-id": t,
+		"data-decision": r ?? u(416),
+		"data-current": a || void 0,
+		role: o ? u(370) : void 0,
+		tabIndex: o ? s ? 0 : -1 : void 0,
+		"aria-haspopup": o ? u(430) : void 0,
+		onFocus: o ? c : void 0,
+		children: [n[u(415)]((e, t) => {
+			let n = u, a = e.type === n(428) ? n(373) : "ins", o = v(e[n(409)], r), s = v(e[n(409)], p), c = o ? s ? n(385) : "out" : s ? "in" : void 0;
+			return h(a, {
+				className: i(n(406), n(423) + e[n(409)]),
+				"data-motion": c,
+				"aria-hidden": o || void 0,
+				children: g(n(413), {
+					className: n(383),
+					children: [!r && h("span", {
+						className: n(391),
+						children: e[n(409)] === n(428) ? n(372) : n(417)
+					}), e[n(375)]]
+				})
+			}, t);
+		}), r && g(u(413), {
+			className: u(391),
+			children: [
+				" (",
+				_[r],
+				")"
+			]
+		})]
+	});
+}
+export { y as InlineDiff };

package/lib/components/InlineDiff/diff.js

@@ -0,0 +1,126 @@
+"use client";
+const e = t;
+function t(e, n) {
+	e -= 338;
+	let r = u(), i = r[e];
+	t.vOFrpo === void 0 && (t.zkBfaL = 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.nskbXD = {}, t.vOFrpo = !0);
+	let a = r[0];
+	t.ehzmZZ !== a && (t.nskbXD = {}, t.ehzmZZ = a);
+	let o = t.nskbXD[e];
+	return o === void 0 ? (i = t.zkBfaL(i), t.nskbXD[e] = i) : i = o, i;
+}
+(function(e, n) {
+	let r = t, i = e();
+	for (;;) try {
+		if (parseInt(r(338)) / 1 + parseInt(r(353)) / 2 * (-parseInt(r(355)) / 3) + -parseInt(r(341)) / 4 + parseInt(r(347)) / 5 + -parseInt(r(345)) / 6 * (-parseInt(r(357)) / 7) + -parseInt(r(348)) / 8 * (parseInt(r(361)) / 9) + parseInt(r(339)) / 10 == n) break;
+		i.push(i.shift());
+	} catch {
+		i.push(i.shift());
+	}
+})(u, 296103);
+var n = /\s+|[\p{L}\p{N}_]+|[^\s\p{L}\p{N}_]/gu;
+function r(e) {
+	return e[t(354)](n) ?? [];
+}
+var i = (t) => /^\s+$/[e(363)](t);
+function a(t, n) {
+	let i = e, a = r(t), s = r(n), c = 0;
+	for (; c < a.length && c < s[i(344)] && a[c] === s[c];) c++;
+	let l = a[i(344)], u = s[i(344)];
+	for (; l > c && u > c && a[l - 1] === s[u - 1];) l--, u--;
+	let d = [], f = (e, t) => {
+		let n = i, r = d[d.length - 1];
+		r && r.type === e ? r[n(356)] += t : d[n(362)]({
+			type: e,
+			text: t
+		});
+	};
+	for (let e = 0; e < c; e++) f(i(350), a[e]);
+	let p = a[i(351)](c, l), m = s[i(351)](c, u), h = p[i(344)], g = m.length, _ = 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(340)](v[(e + 1) * _ + t], v[e * _ + t + 1]);
+	let y = 0, b = 0;
+	for (; y < h && b < g;) p[y] === m[b] ? (f(i(350), p[y]), y++, b++) : v[(y + 1) * _ + b] >= v[y * _ + b + 1] ? (f(i(359), p[y]), y++) : (f(i(346), m[b]), b++);
+	for (; y < h; y++) f(i(359), p[y]);
+	for (; b < g; b++) f("insert", m[b]);
+	for (let e = l; e < a[i(344)]; e++) f(i(350), a[e]);
+	return o(d);
+}
+function o(n) {
+	let r = e, a = [], o = "", s = "", c = () => {
+		let e = t;
+		o && a.push({
+			type: e(359),
+			text: o
+		}), s && a[e(362)]({
+			type: e(346),
+			text: s
+		}), o = "", s = "";
+	};
+	for (let e = 0; e < n[r(344)]; e++) {
+		let t = n[e];
+		if (t[r(352)] === r(359)) o += t[r(356)];
+		else if (t[r(352)] === r(346)) s += t[r(356)];
+		else {
+			let l = o !== "" || s !== "", u = e + 1 < n[r(344)] && n[e + 1].type !== r(350);
+			if (l && u && i(t[r(356)])) {
+				o += t[r(356)], s += t.text;
+				continue;
+			}
+			c(), a[r(362)]({
+				type: r(350),
+				text: t[r(356)]
+			});
+		}
+	}
+	return c(), a;
+}
+function s(t) {
+	let n = e, r = 0, i;
+	return t[n(358)]((e) => {
+		let t = n, a;
+		return a = e.type === t(350) ? {
+			type: t(350),
+			text: e[t(356)]
+		} : e.changeId == null ? i && i.type !== t(350) && i.changeId != null ? {
+			...e,
+			changeId: i[t(364)]
+		} : {
+			...e,
+			changeId: t(342) + ++r
+		} : { ...e }, i = a, a;
+	});
+}
+function c(t) {
+	let n = e, r = /* @__PURE__ */ new Map();
+	for (let e of t) {
+		if (e[n(352)] === "equal" || e.changeId == null) continue;
+		let t = r[n(343)](e[n(364)]);
+		!t && (t = {
+			id: e[n(364)],
+			deleted: "",
+			inserted: ""
+		}, r[n(366)](e[n(364)], t)), e.type === "delete" ? t.deleted += e.text : t[n(360)] += e[n(356)];
+	}
+	return [...r.values()];
+}
+function l(t, n, r = "after") {
+	let i = e;
+	return s(t)[i(358)]((e) => {
+		let t = i;
+		if (e[t(352)] === "equal") return e[t(356)];
+		let a = e[t(364)] == null ? void 0 : n[e[t(364)]], o = a ? a === t(349) : r === "after";
+		return e[t(352)] === "insert" === o ? e[t(356)] : "";
+	})[i(365)]("");
+}
+export { l as applyDiffDecisions, a as diffWords, c as listDiffChanges, s as resolveDiffSegments, r as tokenizeWords };
+function u() {
+	let e = /* @__PURE__ */ "mJGWt0PwBNPV.ywnJzxb0zwq.zxf1ywW.C2XPy2u.DhLWzq.mtaYv29zC1fc.Bwf0y2G.mJq3odn6v1PuA2G.Dgv4Da.mtKZmtqWnwXSC2HIwq.BwfW.zgvSzxrL.Aw5Zzxj0zwq.mtq3ndu2rhfwywHh.ChvZAa.DgvZDa.y2HHBMDLswq.AM9PBG.C2v0.ntqXntq4CvbzBNfO.mJy0oduXmhPXCLDhCG.Bwf4.mtaXmtCYnhzIuNfHsa.y2HHBMDLlq.z2v0.BgvUz3rO.nMnktujTEa.Aw5Zzxj0.mJmWnZm1nxHUBMT3wq".split(".");
+	return u = function() {
+		return e;
+	}, u();
+}

package/lib/components/InlineDiff/useDiffReview.js

@@ -0,0 +1,109 @@
+"use client";
+(function(e, n) {
+	let r = t, i = e();
+	for (;;) try {
+		if (parseInt(r(289)) / 1 + parseInt(r(287)) / 2 + parseInt(r(291)) / 3 + -parseInt(r(294)) / 4 * (parseInt(r(292)) / 5) + -parseInt(r(297)) / 6 + -parseInt(r(290)) / 7 * (parseInt(r(295)) / 8) + parseInt(r(286)) / 9 * (-parseInt(r(296)) / 10) == n) break;
+		i.push(i.shift());
+	} catch {
+		i.push(i.shift());
+	}
+})(n, 452805);
+import { useControllableState as e } from "../../hooks/useControllableState.js";
+function t(e, r) {
+	e -= 283;
+	let i = n(), a = i[e];
+	t.nMTRgq === void 0 && (t.Aumktn = 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.OPMeUP = {}, t.nMTRgq = !0);
+	let o = i[0];
+	t.rOvKmH !== o && (t.OPMeUP = {}, t.rOvKmH = o);
+	let s = t.OPMeUP[e];
+	return s === void 0 ? (a = t.Aumktn(a), t.OPMeUP[e] = a) : a = s, a;
+}
+function n() {
+	let e = [
+		"nJaXmtbXv21PDxO",
+		"BgvUz3rO",
+		"ntzsCw5KD3i",
+		"odHSt3f3A20",
+		"mteXmJK3nZbTtgLpwfG",
+		"mJy4otu2wfDzEff5",
+		"Aw5KzxHpzG",
+		"Aw5JBhvKzxm",
+		"BwfW",
+		"ywnJzxb0zwq",
+		"owXvteTwAW",
+		"mteYndaYnLHcsMD4qW",
+		"CMvQzwn0zwq",
+		"nZG2mda2qvbtAwPb",
+		"mZq5nZLsDwTjDem",
+		"mtq1nZu5mM93runzAq"
+	];
+	return n = function() {
+		return e;
+	}, n();
+}
+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: n, before: d, after: f, decisions: p, defaultDecisions: m = l, onDecisionsChange: h, advance: g = !0 } = {}) {
+	let _ = t, v = s(() => o(n ?? (d != null || f != null ? i(d ?? "", f ?? "") : [])), [
+		n,
+		d,
+		f
+	]), y = s(() => a(v), [v]), b = y[_(284)]((e) => e.id), [x, S] = e(p, m, h), [C, w] = c(null), [T, E] = c(0), D = C != null && b[_(283)](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(293)] || !n.length) return;
+		let i = e == null ? t > 0 ? -1 : b[r(293)] : b[r(298)](e);
+		for (let e = 1; e <= b[r(293)]; e++) {
+			let a = b[u(i + t * e, b[r(293)])];
+			if (n.includes(a)) return a;
+		}
+	}, M = (e) => {
+		let t = j(D, e, k[_(293)] ? 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[_(293)]) return;
+		let t = { ...x };
+		for (let n of k) t[n] = e;
+		S(t);
+	};
+	return {
+		segments: v,
+		changes: y,
+		decisions: x,
+		remaining: k[_(293)],
+		total: b.length,
+		current: D,
+		currentIndex: D == null ? -1 : b[_(298)](D),
+		text: r(v, x),
+		navToken: T,
+		getDecision: (e) => x[e] ?? "pending",
+		setCurrent: w,
+		goTo: A,
+		next: () => M(1),
+		prev: () => M(-1),
+		decide: N,
+		accept: (e = D ?? void 0) => {
+			e != null && N(e, "accepted");
+		},
+		reject: (e = D ?? void 0) => {
+			e != null && N(e, _(288));
+		},
+		acceptAll: () => P(_(285)),
+		rejectAll: () => P(_(288)),
+		setDecisions: S,
+		reset: () => S(l)
+	};
+}
+export { d as useDiffReview };