@iamfiro/design 0.3.4 → 0.3.5

package/lib/components/ColorPicker/ColorPicker2.js

@@ -1,14 +1,14 @@
 "use client";
-const e = w;
+const e = P;
 (function(e, t) {
-	let n = w, r = e();
+	let n = P, r = e();
 	for (;;) try {
-		if (parseInt(n(428)) / 1 * (-parseInt(n(421)) / 2) + parseInt(n(369)) / 3 * (-parseInt(n(365)) / 4) + -parseInt(n(418)) / 5 * (parseInt(n(449)) / 6) + parseInt(n(394)) / 7 + parseInt(n(419)) / 8 + -parseInt(n(436)) / 9 + parseInt(n(380)) / 10 == t) break;
+		if (-parseInt(n(380)) / 1 * (-parseInt(n(421)) / 2) + -parseInt(n(472)) / 3 + -parseInt(n(410)) / 4 + -parseInt(n(445)) / 5 * (parseInt(n(415)) / 6) + -parseInt(n(377)) / 7 * (parseInt(n(392)) / 8) + parseInt(n(376)) / 9 + parseInt(n(454)) / 10 == t) break;
 		r.push(r.shift());
 	} catch {
 		r.push(r.shift());
 	}
-})(D, 203626);
+})(x, 766614);
 import { Tooltip as t } from "../../primitives/Tooltip2.js";
 import { Text as n } from "../../primitives/Typography2.js";
 import { CopyButton as r } from "../../primitives/CopyButton2.js";
@@ -17,71 +17,57 @@ import { useControllableState as s } from "../../hooks/useControllableState.js";
 import { Button as c, Input as l, SegmentedControl as u, cx as d } from "../../primitives/index.js";
 import { Popover as ee } from "../Popover/Popover2.js";
 import { clamp as f, formatColor as te, formatHex as p, hslToRgb as m, hsvToRgb as h, isLight as g, parseColor as _, parseHex as v, rgbToHsl as y, rgbToHsv as b } from "./color.js";
-/* empty css            */
-import { CHART_COLOR_PRESETS as ne } from "./presets.js";
-import { useLayoutEffect as x, useRef as S, useState as C } from "react";
-function w(e, t) {
-	e -= 365;
-	let n = D(), r = n[e];
-	w.ufqCSB === void 0 && (w.lonbVt = 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);
-	}, w.bXQlWE = {}, w.ufqCSB = !0);
-	let i = n[0];
-	w.OlOlYP !== i && (w.bXQlWE = {}, w.OlOlYP = i);
-	let a = w.bXQlWE[e];
-	return a === void 0 ? (r = w.lonbVt(r), w.bXQlWE[e] = r) : r = a, r;
-}
-import { Check as T, ChevronDown as re, Pipette as E } from "lucide-react";
-function D() {
-	let e = /* @__PURE__ */ "CMvWBgfJzq.AM9PBG.zhmTy29SB3iTCgLJA2vYx19JAgvJAW.C2XPzgvY.7lsi66gDkddIGjmYntuP.CMvSyxrLzfrHCMDLDa.mJa4mZy1BLPjv0H5.ntiYnJG4DejKyNHw.BgfIzwW.mti5mJGYquDHtuHu.sevyioQWKG.7yYm656rkddIGjmYntuP.D2LKDgG.zhmTy29SB3iTCgLJA2vYx19OyxnO.rw5K.A2v5.nu9OqKDnqG.rw50zxi.z2HVC3q.7lge64+e7jMaioUWNEQ4Sa.z3jVDxa.yNv0Dg9U.zhmTy29SB3iTzMLLBgqTlq.y2fWDgLVBG.mty2mdK3n0ftqwPrAW.ioYeOo2dNq.mUYWQoYBKcdSIQZRNBZSNBtRJzq.y3vYCMvUDa.zhmTy29SB3iTCgLJA2vYx190CMfJAYbKCY1JB2XVCI1WAwnRzxjFx3rYywnRls1HBhbOyq.DgvZDa.C3bHBG.y2fUy2vS.BgvUz3rO.zMLSDgvY.zhmTy29SB3iTzMLLBgrFx2nOzxzYB24.C2vJB25Kyxj5.AhnS.mZbxBe5cA1y.DgvYDgLHCNK.zhmTy29UDhjVBa.ChjLDMvUDerLzMf1Bhq.sg9Tzq.DMfYka.C2vSzwn0.BwfW.BgfIzwWTEhm.AgfUzgXLCNm.zhmTy29SB3iTzMLLBgrFx2nOAxa.zhmTy29SB3iTzMLLBgq.y2XPzw50wa.C3bSAxq.zhjHz2DPBMC.7lge64+ekcuP.7lwC6RE8ioYcRoYAQq.AxndB21WB3nPBMC.yMv0D2vLBG.Dw5KzwzPBMvK.7ioj7iobkddIGjmZnJaP.zgLHBg9N.CM91BMq.zhmTy29SB3iTCgLJA2vYx19YywLS.7iojioYeOo2dNq.zhmTy29SB3iTCgLJA2vYx190AhvTyIbKCY1JB2XVCI1WAwnRzxjFx3rODw1Ils10CMfJAW.nhrIsvHtBq.67MO6RcvkddIGjmYntuP.Agv4.z2v0uhjVCgvYDhLwywX1zq.nta3mdaZvg9AAuDK.7zMu66M07jEq7isCioYdIsdQS6dRPBtQUla.7ioj7iobia.BMf0AxzLrxzLBNq.ideWmcuGntaLkq.sevy.zM9JDxm.C3rHCNq.6Rcsio2yLEYlNq.C2XPy2u.iZnIodjMnG.otqWndi3mgvzBvzWyG.y2vUDgvY.y2XPzw50wq.zhmTy29SB3iTCgLJA2vYx19HCMvH.Dg9mB3DLCKnHC2u.y29SB3i.6RIW67o4ioYdIq.Ag9YAxPVBNrHBa.C3rHCNrZv2L0Aa.66Qf64+ekcuP.jsWG67cD6RIWia.uKDc.zhmTy29SB3iTCgLJA2vYx19WCMv2Awv3.zhmTy29SB3iTzMLLBgrFx3zHBhvL.ntGWota5BgDrA3z4.C3rYAw5N.zgL2.zhmTy29SB3iTCgLJA2vY.zhmTy29SB3iTCgLJA2vYx19ZD2f0y2HLCW.Aw5WDxq.Cg9PBNrLCKLK.CMDI.B2zM.rxLLrhjVChbLCG.Dg9vChbLCKnHC2u.zhmTy29SB3iTCgLJA2vYx190CMfJAYbKCY1JB2XVCI1WAwnRzxjFx3rYywnRls1ODwu.DhjPBq.zw5K.rxnJyxbL.67Ai7yIS66Qf64+ekcuP.y3vYCMvUDfrHCMDLDa.AgvPz2H0".split(".");
-	return D = function() {
+function x() {
+	let e = /* @__PURE__ */ "CMDI.BwfW.AgvPz2H0.zg9JDw1LBNrfBgvTzw50.mUYWQoYBKcdSIQZRNBZSNBtRJzq.nwzfvw5owG.7lge64+eia.iZnIodjMnG.BgfIzwWTEhm.yMv0D2vLBG.z2HVC3q.zhmTy29SB3iTzMLLBgrFx2nOzxzYB24.zhmTy29SB3iTCgLJA2vYx19HCMvH.C2v0ug9PBNrLCKnHChr1CMu.ndi2mZuXndbHAefPDum.CMvSyxrLzfrHCMDLDa.67Ai7yIS66Qf64+ekcuP.jsWG67cD6RIWia.zhmTy29SB3iTCgLJA2vYx19YywLS.AM9PBG.ioYeOo2dNq.y2fWDgLVBG.DgfYz2v0.CMvWBgfJzq.C2XPzgvY.rw5K.AhnS.zhmTy29SB3iTCgLJA2vYx190CMfJAYbKCY1JB2XVCI1WAwnRzxjFx3rYywnRls1ODwu.C2vSzwn0.zMLSDgvY.zhmTy29SB3iTCgLJA2vYx19ZD2f0y2HLCW.7lwC6RE8ioYcRoYAQq.mZm0mdaWofvivej1sa.67Ai7yIS66Qf64+eia.rxLLrhjVChbLCG.C3bHBG.C3rHCNq.z2v0qM91BMrPBMDdBgLLBNrszwn0.AgfUzgXLCNm.mJqWndm4nMjjEfPbsW.mtaZodaYnJvWCK5oCey.BgvMDa.zhmTy29SB3iTCgLJA2vYx190AhvTyIbKCY1JB2XVCI1WAwnRzxjFx3rODw1Ils10CMfJAW.ntnAuhjkq1a.66Qf64+ekcuP.yNv0Dg9U.DgvZDa.rxnJyxbL.AgLKzgvU.zhmTy29SB3iTzMLLBgrFx2nOAxa.sevyioQWKG.y3vYCMvUDfrHCMDLDa.C2HPzNrlzxK.AxndB21WB3nPBMC.sfnm.ohDADMPuAq.DMfYka.sg9Tzq.7lge64+e7jMaioUWNEQ4Sa.zhmTy29SB3iTCgLJA2vYx19OyxnO.uKDc.DhjPBq.zhmTy29SB3iTCgLJA2vYx190CMfJAYbKCY1JB2XVCI1WAwnRzxjFx3rYywnRls1HBhbOyq.C3bSAxq.zhmTy29SB3iTCgLJA2vYx19ZD2f0y2G.C2vJB25Kyxj5.6Rcsio2yLEYlNq.C2XPy2u.7yYm656rkddIGjmYntuP.Dg9mB3DLCKnHC2u.zhjHz2DPBMC.Dw5KzwzPBMvK.zhmTy29SB3iTCgLJA2vYx19WCMv2Awv3.mZa1otu3mLvuzNPOzG.A2v5.zgL2.C3rYAw5N.z3jVDxa.odG0nZG1ogvZzeveBW.Aw5WDxq.y3vYCMvUDa.CM91BMq.C3rHCNrZv2L0Aa.zhmTy29SB3iTzMLLBgq.nda0ndjUDeT1wK4.7lsi66gDkddIGjmYntuP.rw50zxi.Agv4.D2LKDgG.BgvUz3rO.7lge64+ekcuP.y29SB3i.Ag9YAxPVBNrHBa.7ioj7iobkddIGjmZnJaP.7ioj7iobia.zgLHBg9N.ideWmcuGntaLkq.zhmTy29SB3iTCgLJA2vYx19MAwvSza.6RIW67o4ioYdIq.Dg9vChbLCKnHC2u.ChjLDMvUDerLzMf1Bhq.Cg9PBNrLCKLK.y2XPzw50wq".split(".");
+	return x = function() {
 		return e;
-	}, D();
+	}, x();
 }
-import { Fragment as ie, jsx as O, jsxs as k } from "react/jsx-runtime";
-var ae = e(379), A = (e) => {
+/* empty css            */
+import { CHART_COLOR_PRESETS as S } from "./presets.js";
+import { useLayoutEffect as C, useRef as w, useState as T } from "react";
+import { Check as ne, ChevronDown as re, Pipette as E } from "lucide-react";
+import { Fragment as ie, jsx as D, jsxs as O } from "react/jsx-runtime";
+var ae = e(447), k = (e) => {
 	let t = _(e);
 	return t ? b(t) : null;
-}, j = (e, t) => ({
+}, A = (e, t) => ({
 	...e,
 	h: e.s === 0 || e.v === 0 ? t.h : e.h,
 	s: e.v === 0 ? t.s : e.s
-}), M = (t) => Math[e(471)](t * 100);
-function N({ ref: e, thumbRef: t, disabled: n, onMove: r, onStart: i, onEnd: a, onCancel: o }) {
-	let s = S(!1), [c, l] = C(!1), u = (e) => {
-		let t = w;
-		s[t(439)] = e, l(e);
+}), j = (t) => Math[e(418)](t * 100);
+function M({ ref: e, thumbRef: t, disabled: n, onMove: r, onStart: i, onEnd: a, onCancel: o }) {
+	let s = w(!1), [c, l] = T(!1), u = (e) => {
+		let t = P;
+		s[t(417)] = e, l(e);
 	}, d = (t) => {
-		let n = w, i = e[n(439)].getBoundingClientRect();
-		r(f((t[n(461)] - i.left) / i[n(424)], 0, 1), f((t[n(382)] - i.top) / i[n(411)], 0, 1));
+		let n = P, i = e[n(417)][n(477)]();
+		r(f((t.clientX - i[n(378)]) / i[n(425)], 0, 1), f((t[n(439)] - i.top) / i[n(442)], 0, 1));
 	};
 	return {
 		dragging: c,
 		handlers: {
 			onPointerDown: (e) => {
-				let r = w;
-				n || e[r(433)] !== 0 || (e[r(452)](), e[r(410)].setPointerCapture(e[r(400)]), u(!0), i(), d(e), t[r(439)]?.[r(375)]({ preventScroll: !0 }));
+				let r = P;
+				n || e.button !== 0 || (e[r(437)](), e[r(388)][r(453)](e[r(438)]), u(!0), i(), d(e), t[r(417)]?.focus({ preventScroll: !0 }));
 			},
 			onPointerMove: (e) => {
-				s[w(439)] && d(e);
+				s[P(417)] && d(e);
 			},
 			onPointerUp: () => {
-				s.current && (u(!1), a());
+				s[P(417)] && (u(!1), a());
 			},
 			onPointerCancel: () => {
-				s[w(439)] && (u(!1), a());
+				s[P(417)] && (u(!1), a());
 			}
 		},
-		cancel: () => s[w(439)] ? (u(!1), o(), !0) : !1
+		cancel: () => s[P(417)] ? (u(!1), o(), !0) : !1
 	};
 }
-function P({ display: t, parse: r, onPreview: i, onSettle: a, onRevert: s, onBegin: c, label: u, caption: d, leading: ee, disabled: f, maxLength: te }) {
-	let p = e, [m, h] = C(null), g = m !== null && r(m) === null, _ = () => {
+function N({ display: t, parse: r, onPreview: i, onSettle: a, onRevert: s, onBegin: c, label: u, caption: d, leading: ee, disabled: f, maxLength: te }) {
+	let p = e, [m, h] = T(null), g = m !== null && r(m) === null, _ = () => {
 		h(null), a();
-	}, v = O(l, {
+	}, v = D(l, {
 		size: "sm",
 		value: m ?? t,
 		"aria-label": u,
@@ -90,14 +76,14 @@ function P({ display: t, parse: r, onPreview: i, onSettle: a, onRevert: s, onBeg
 		leading: ee,
 		maxLength: te,
 		spellCheck: !1,
-		autoComplete: p(402),
-		wrapperClassName: "ds-color-picker__field",
+		autoComplete: "off",
+		wrapperClassName: p(434),
 		onFocus: (e) => {
 			let t = p;
-			c(), e[t(410)][t(455)]();
+			c(), e[t(388)][t(468)]();
 		},
 		onChange: (e) => {
-			let t = e.target.value;
+			let t = e[p(462)].value;
 			h(t);
 			let n = r(t);
 			n && i(n);
@@ -105,121 +91,134 @@ function P({ display: t, parse: r, onPreview: i, onSettle: a, onRevert: s, onBeg
 		onBlur: _,
 		onKeyDown: (e) => {
 			let t = p;
-			e[t(372)][t(466)] || (e[t(427)] === t(429) ? (e.preventDefault(), _()) : e[t(427)] === t(408) && m !== null && (e[t(452)](), h(null), s()));
+			e.nativeEvent[t(390)] || (e.key === t(423) ? (e[t(437)](), _()) : e[t(411)] === t(384) && m !== null && (e[t(437)](), h(null), s()));
 		}
 	});
-	return d ? k(o, {
+	return d ? O(o, {
 		gap: 1,
-		align: p(381),
-		children: [v, O(n, {
-			variant: p(435),
-			tone: p(450),
+		align: "center",
+		children: [v, D(n, {
+			variant: p(461),
+			tone: "tertiary",
 			children: d
 		})]
 	}) : v;
 }
-function F({ css: n, rgb: r, label: i, selected: a, disabled: o, onPick: s }) {
+function oe({ css: n, rgb: r, label: i, selected: a, disabled: o, onPick: s }) {
 	let c = e;
-	return O(t, {
+	return D(t, {
 		content: i,
-		children: O("button", {
-			type: "button",
-			className: "ds-color-picker__swatch",
+		children: D(c(382), {
+			type: c(382),
+			className: c(401),
 			style: { "--_c": n },
 			"aria-label": i,
 			"aria-pressed": a,
 			disabled: o,
 			"data-light": r && g(r) || void 0,
 			onClick: s,
-			children: O(T, { className: c(414) })
+			children: D(ne, { className: "ds-color-picker__check" })
 		})
 	});
 }
-var oe = () => typeof window !== e(468) && e(403) in window ? window.EyeDropper : null, se = [
+function P(e, t) {
+	e -= 376;
+	let n = x(), r = n[e];
+	P.idPyzm === void 0 && (P.StXOFO = 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);
+	}, P.QXPzes = {}, P.idPyzm = !0);
+	let i = n[0];
+	P.NtuPzb !== i && (P.QXPzes = {}, P.NtuPzb = i);
+	let a = P.QXPzes[e];
+	return a === void 0 ? (r = P.StXOFO(r), P.QXPzes[e] = r) : r = a, r;
+}
+var se = () => typeof window !== e(408) && e(474) in window ? window[e(474)] : null, ce = [
 	{
-		value: "hex",
-		label: e(374)
+		value: e(424),
+		label: "HEX"
 	},
 	{
-		value: e(401),
-		label: e(391)
+		value: "rgb",
+		label: e(397)
 	},
 	{
-		value: e(448),
-		label: "HSL"
+		value: e(466),
+		label: e(391)
 	}
 ];
-function ce({ value: l, defaultValue: ee = ae, onValueChange: g, onValueCommit: ne, alpha: T = !1, format: re, defaultFormat: D = e(367), onFormatChange: ie, presets: ce, presetsLabel: I = e(386), recentColors: ue, defaultRecentColors: de = [], onRecentColorsChange: fe, showRecent: pe = !0, maxRecent: me = 8, eyeDropper: he = !0, copyable: ge = !0, disabled: L, className: _e, style: ve, "aria-label": ye = e(473) }) {
-	let R = e, [z, be] = s(l, ee, g), [B, xe] = s(re, D, ie), [Se, Ce] = s(ue, de, fe), [V, we] = C(() => A(z) ?? A(ae)), [Te, Ee] = C(z);
-	if (z !== Te) {
-		Ee(z);
-		let e = A(z);
-		e && we(j(e, V));
+function le({ value: l, defaultValue: ee = ae, onValueChange: g, onValueCommit: x, alpha: S = !1, format: ne, defaultFormat: re = e(424), onFormatChange: ie, presets: le, presetsLabel: F = e(435), recentColors: de, defaultRecentColors: fe = [], onRecentColorsChange: pe, showRecent: me = !0, maxRecent: he = 8, eyeDropper: ge = !0, copyable: _e = !0, disabled: I, className: ve, style: ye, "aria-label": be = "색 선택" }) {
+	let L = e, [R, xe] = s(l, ee, g), [z, Se] = s(ne, re, ie), [Ce, we] = s(de, fe, pe), [B, Te] = T(() => k(R) ?? k(ae)), [Ee, De] = T(R);
+	if (R !== Ee) {
+		De(R);
+		let e = k(R);
+		e && Te(A(e, B));
 	}
-	let H = S(V);
-	x(() => {
-		let e = w;
-		H[e(439)] = V;
+	let V = w(B);
+	C(() => {
+		let e = P;
+		V[e(417)] = B;
 	});
-	let U = (e) => p(h(e), T), W = (e) => {
-		let t = w, n = T ? e : {
+	let H = (e) => p(h(e), S), U = (e) => {
+		let t = P, n = S ? e : {
 			...e,
 			a: 1
 		};
-		H[t(439)] = n, we(n);
-		let r = U(n);
-		Ee(r), r !== z && be(r);
-	}, G = () => ne?.(U(H[R(439)])), K = S(V), q = () => {
-		let e = R;
-		K[e(439)] = H[e(439)];
-	}, De = () => {
-		let e = R;
-		U(K[e(439)]) !== U(H[e(439)]) && G(), K[e(439)] = H[e(439)];
-	}, J = () => W(K[R(439)]), Y = h(V), Oe = p({
-		...Y,
+		V[t(417)] = n, Te(n);
+		let r = H(n);
+		De(r), r !== R && xe(r);
+	}, W = () => x?.(H(V[L(417)])), G = w(B), K = () => {
+		G.current = V[L(417)];
+	}, Oe = () => {
+		let e = L;
+		H(G[e(417)]) !== H(V[e(417)]) && W(), G[e(417)] = V[e(417)];
+	}, q = () => U(G.current), J = h(B), ke = p({
+		...J,
 		a: 1
-	}, !1), ke = "hsl(" + V.h + R(373), Ae = S(null), je = S(null), Me = S(null), Ne = S(null), Pe = S(null), Fe = S(null), Ie = N({
-		ref: Ae,
-		thumbRef: je,
-		disabled: L,
-		onStart: q,
-		onMove: (e, t) => W({
-			...H[R(439)],
+	}, !1), Ae = "hsl(" + B.h + L(433), je = w(null), Me = w(null), Ne = w(null), Pe = w(null), Fe = w(null), Ie = w(null), Le = M({
+		ref: je,
+		thumbRef: Me,
+		disabled: I,
+		onStart: K,
+		onMove: (e, t) => U({
+			...V[L(417)],
 			s: e,
 			v: 1 - t
 		}),
-		onEnd: G,
-		onCancel: J
-	}), Le = N({
-		ref: Me,
-		thumbRef: Ne,
-		disabled: L,
-		onStart: q,
-		onMove: (e) => W({
-			...H[R(439)],
+		onEnd: W,
+		onCancel: q
+	}), Re = M({
+		ref: Ne,
+		thumbRef: Pe,
+		disabled: I,
+		onStart: K,
+		onMove: (e) => U({
+			...V[L(417)],
 			h: e * 360
 		}),
-		onEnd: G,
-		onCancel: J
-	}), Re = N({
-		ref: Pe,
-		thumbRef: Fe,
-		disabled: L,
-		onStart: q,
-		onMove: (e) => W({
-			...H.current,
-			a: Math[R(471)](e * 100) / 100
+		onEnd: W,
+		onCancel: q
+	}), ze = M({
+		ref: Fe,
+		thumbRef: Ie,
+		disabled: I,
+		onStart: K,
+		onMove: (e) => U({
+			...V.current,
+			a: Math[L(418)](e * 100) / 100
 		}),
-		onEnd: G,
-		onCancel: J
-	}), ze = (e, t) => (n) => {
-		let r = R;
-		if (n.key === "Escape") {
-			e[r(443)]() && n.preventDefault();
+		onEnd: W,
+		onCancel: q
+	}), Be = (e, t) => (n) => {
+		let r = L;
+		if (n[r(411)] === "Escape") {
+			e.cancel() && n.preventDefault();
 			return;
 		}
-		if (e[r(463)] || L) return;
-		let i = n.shiftKey ? 10 : 1, a = {
+		if (e[r(407)] || I) return;
+		let i = n[r(389)] ? 10 : 1, a = {
 			ArrowRight: [i, 0],
 			ArrowLeft: [-i, 0],
 			ArrowUp: [0, i],
@@ -227,322 +226,322 @@ function ce({ value: l, defaultValue: ee = ae, onValueChange: g, onValueCommit:
 			PageUp: [0, 10],
 			PageDown: [0, -10]
 		}, o;
-		if (n.key in a) o = t(H[r(439)], ...a[n[r(427)]]);
-		else if (n[r(427)] === "Home" || n[r(427)] === r(426)) o = t(H[r(439)], 0, 0, n[r(427)] === r(453) ? r(376) : r(407));
+		if (n[r(411)] in a) o = t(V[r(417)], ...a[n.key]);
+		else if (n[r(411)] === "Home" || n[r(411)] === r(465)) o = t(V[r(417)], 0, 0, n.key === r(394) ? r(476) : "end");
 		else return;
-		n[r(452)](), W(o), G();
-	}, Be = ze(Ie, (e, t, n, r) => r ? {
+		n[r(437)](), U(o), W();
+	}, Ve = Be(Le, (e, t, n, r) => r ? {
 		...e,
-		s: r === R(376) ? 0 : 1
+		s: r === L(476) ? 0 : 1
 	} : {
 		...e,
 		s: f(e.s + t / 100, 0, 1),
 		v: f(e.v + n / 100, 0, 1)
-	}), Ve = ze(Le, (e, t, n, r) => ({
+	}), He = Be(Re, (e, t, n, r) => ({
 		...e,
-		h: r ? r === R(376) ? 0 : 360 : f(Math[R(471)](e.h) + t + n, 0, 360)
-	})), He = ze(Re, (e, t, n, r) => ({
+		h: r ? r === L(476) ? 0 : 360 : f(Math[L(418)](e.h) + t + n, 0, 360)
+	})), Ue = Be(ze, (e, t, n, r) => ({
 		...e,
-		a: r ? r === R(376) ? 0 : 1 : f(Math.round(e.a * 100 + t + n) / 100, 0, 1)
-	})), Ue = y(Y), X = (e) => j(b(e), H.current), We = (e) => (t) => {
-		let n = R, r = t[n(406)]()[n(412)](/%$/, "");
-		if (!/^\d+(\.\d+)?$/[n(441)](r)) return null;
+		a: r ? r === L(476) ? 0 : 1 : f(Math[L(418)](e.a * 100 + t + n) / 100, 0, 1)
+	})), We = y(J), Y = (e) => A(b(e), V[L(417)]), Ge = (e) => (t) => {
+		let n = L, r = t.trim()[n(463)](/%$/, "");
+		if (!/^\d+(\.\d+)?$/[n(383)](r)) return null;
 		let i = Number(r);
 		return i >= 0 && i <= e ? i : null;
-	}, Ge = (e, t, n) => {
-		let r = We(255);
-		return O(P, {
-			display: String(Math.round(Y[e])),
+	}, Ke = (e, t, n) => {
+		let r = L, i = Ge(255);
+		return D(N, {
+			display: String(Math[r(418)](J[e])),
 			parse: (t) => {
-				let n = r(t);
-				return n === null ? null : X({
-					...h(H.current),
-					[e]: n
+				let n = r, a = i(t);
+				return a === null ? null : Y({
+					...h(V[n(417)]),
+					[e]: a
 				});
 			},
-			...Z,
+			...X,
 			label: n,
 			caption: t,
 			maxLength: 3
 		}, e);
-	}, Ke = (e, t, n) => {
-		let r = R, i = We(e === "h" ? 360 : 100), a = e === "h" ? Math.round(V.h) % 360 : Math[r(471)](Ue[e] * 100);
-		return O(P, {
-			display: String(a),
+	}, qe = (e, t, n) => {
+		let r = Ge(e === "h" ? 360 : 100), i = e === "h" ? Math.round(B.h) % 360 : Math.round(We[e] * 100);
+		return D(N, {
+			display: String(i),
 			parse: (t) => {
-				let n = r, a = i(t);
-				if (a === null) return null;
-				let o = y(h(H[n(439)])), s = e === "h" ? {
-					...o,
-					h: a
+				let n = P, i = r(t);
+				if (i === null) return null;
+				let a = y(h(V[n(417)])), o = e === "h" ? {
+					...a,
+					h: i
 				} : {
-					...o,
-					[e]: a / 100
-				}, c = b(m(s));
+					...a,
+					[e]: i / 100
+				}, s = b(m(o));
 				return e === "h" ? {
-					...c,
-					h: a % 360
-				} : j(c, H[n(439)]);
+					...s,
+					h: i % 360
+				} : A(s, V[n(417)]);
 			},
-			...Z,
+			...X,
 			label: n,
 			caption: t,
 			maxLength: 3
 		}, e);
-	}, Z = {
-		onPreview: W,
-		onSettle: De,
-		onRevert: J,
-		onBegin: q,
-		disabled: L
-	}, qe = O(P, {
-		display: Oe.slice(1).toUpperCase(),
+	}, X = {
+		onPreview: U,
+		onSettle: Oe,
+		onRevert: q,
+		onBegin: K,
+		disabled: I
+	}, Je = D(N, {
+		display: ke[L(404)](1)[L(436)](),
 		parse: (e) => {
-			let t = R, n = v(e);
+			let t = L, n = v(e);
 			if (!n) return null;
-			let r = e.trim()[t(412)]("#", "").length, i = r === 4 || r === 8;
+			let r = e.trim()[t(463)]("#", "")[t(426)], i = r === 4 || r === 8;
 			return {
-				...X(n),
-				a: T && i ? n.a : H[t(439)].a
+				...Y(n),
+				a: S && i ? n.a : V[t(417)].a
 			};
 		},
-		...Z,
-		label: R(422),
-		caption: B === R(367) && T ? R(374) : void 0,
-		leading: O(R(442), {
-			className: R(425),
+		...X,
+		label: L(387),
+		caption: z === "hex" && S ? "HEX" : void 0,
+		leading: D("span", {
+			className: L(396),
 			children: "#"
 		}),
 		maxLength: 9
-	}), Je = T && O(P, {
-		display: M(V.a) + "%",
+	}), Ye = S && D(N, {
+		display: j(B.a) + "%",
 		parse: (e) => {
-			let t = R, n = We(100)(e);
+			let t = L, n = Ge(100)(e);
 			return n === null ? null : {
-				...H[t(439)],
+				...V[t(417)],
 				a: n / 100
 			};
 		},
-		...Z,
-		label: R(409),
+		...X,
+		label: L(456),
 		caption: "A",
 		maxLength: 4
-	}), Ye = S(null), Xe = (ce ?? [])[R(456)]((e) => typeof e === R(395) ? { color: e } : e), Q = le(Ye, Xe.map((e) => e.color)), Ze = (e) => {
+	}), Xe = w(null), Ze = (le ?? [])[L(441)]((e) => typeof e === L(413) ? { color: e } : e), Z = ue(Xe, Ze[L(441)]((e) => e[L(428)])), Qe = (e) => {
 		let t = _(e);
-		t && (q(), W({
-			...X(t),
-			a: T ? t.a : 1
-		}), G());
-	}, $ = U(V), Qe = S(null), $e = (e) => {
-		let t = R;
-		e[t(410)].contains(e[t(417)]) || (Qe[t(439)] = U(H[t(439)]));
+		t && (K(), U({
+			...Y(t),
+			a: S ? t.a : 1
+		}), W());
+	}, Q = H(B), $ = w(null), $e = (e) => {
+		let t = L;
+		e[t(388)].contains(e[t(455)]) || ($[t(417)] = H(V[t(417)]));
 	}, et = (e) => {
-		let t = R;
-		if (e.currentTarget.contains(e.relatedTarget)) return;
-		let n = U(H[t(439)]);
-		Qe[t(439)] !== null && Qe[t(439)] !== n && Ce([n, ...Se[t(445)]((e) => e[t(384)]() !== n)][t(378)](0, me)), Qe[t(439)] = null;
-	}, [tt] = C(() => oe() !== null), nt = async () => {
-		let e = R, t = oe();
+		let t = L;
+		if (e.currentTarget.contains(e[t(455)])) return;
+		let n = H(V[t(417)]);
+		$[t(417)] !== null && $[t(417)] !== n && we([n, ...Ce[t(469)]((e) => e[t(406)]() !== n)][t(404)](0, he)), $.current = null;
+	}, [tt] = T(() => se() !== null), nt = async () => {
+		let e = L, t = se();
 		if (t) try {
 			let { sRGBHex: n } = await new t().open(), r = _(n);
 			if (!r) return;
-			q(), W({
-				...X(r),
-				a: H[e(439)].a
-			}), G();
+			K(), U({
+				...Y(r),
+				a: V[e(417)].a
+			}), W();
 		} catch {}
-	}, rt = te(Y, B, T);
-	return k(o, {
-		ref: Ye,
+	}, rt = te(J, z, S);
+	return O(o, {
+		ref: Xe,
 		gap: 3,
-		role: R(432),
-		"aria-label": ye,
-		className: d(R(397), _e),
-		style: ve,
-		"data-disabled": L || void 0,
+		role: L(414),
+		"aria-label": be,
+		className: d("ds-color-picker", ve),
+		style: ye,
+		"data-disabled": I || void 0,
 		onFocus: $e,
 		onBlur: et,
 		children: [
-			O(R(396), {
-				ref: Ae,
-				className: R(383),
-				style: { "--_hue": ke },
-				"data-dragging": Ie[R(463)] || void 0,
-				...Ie[R(458)],
-				children: O(R(396), {
-					ref: je,
-					role: R(415),
-					tabIndex: L ? -1 : 0,
-					"aria-label": R(431),
-					"aria-roledescription": R(438),
+			D(L(412), {
+				ref: je,
+				className: L(452),
+				style: { "--_hue": Ae },
+				"data-dragging": Le[L(407)] || void 0,
+				...Le[L(478)],
+				children: D(L(412), {
+					ref: Me,
+					role: L(464),
+					tabIndex: I ? -1 : 0,
+					"aria-label": L(395),
+					"aria-roledescription": L(444),
 					"aria-valuemin": 0,
 					"aria-valuemax": 100,
-					"aria-valuenow": M(V.s),
-					"aria-valuetext": "채도 " + M(V.s) + R(390) + M(V.v) + "%",
-					"aria-disabled": L || void 0,
+					"aria-valuenow": j(B.s),
+					"aria-valuetext": L(446) + j(B.s) + L(457) + j(B.v) + "%",
+					"aria-disabled": I || void 0,
 					className: "ds-color-picker__thumb",
 					style: {
-						left: V.s * 100 + "%",
-						top: (1 - V.v) * 100 + "%",
-						"--_c": Oe
+						left: B.s * 100 + "%",
+						top: (1 - B.v) * 100 + "%",
+						"--_c": ke
 					},
-					onKeyDown: Be
+					onKeyDown: Ve
 				})
 			}),
-			k(a, {
+			O(a, {
 				gap: 3,
 				wrap: !1,
-				children: [O("span", {
-					className: R(392),
-					style: { "--_c": $ },
+				children: [D(L(475), {
+					className: L(409),
+					style: { "--_c": Q },
 					"aria-hidden": !0
-				}), k(o, {
-					gap: T ? 2 : 0,
+				}), O(o, {
+					gap: S ? 2 : 0,
 					style: {
 						flex: 1,
 						minWidth: 0
 					},
-					children: [O(R(396), {
-						className: R(405),
-						"data-dragging": Le[R(463)] || void 0,
-						...Le[R(458)],
-						children: O(R(396), {
-							ref: Me,
-							className: R(472),
-							children: O(R(396), {
-								ref: Ne,
-								role: R(415),
-								tabIndex: L ? -1 : 0,
+					children: [D(L(412), {
+						className: L(467),
+						"data-dragging": Re[L(407)] || void 0,
+						...Re[L(478)],
+						children: D(L(412), {
+							ref: Ne,
+							className: L(458),
+							children: D(L(412), {
+								ref: Pe,
+								role: L(464),
+								tabIndex: I ? -1 : 0,
 								"aria-label": "색상",
-								"aria-orientation": R(387),
+								"aria-orientation": L(429),
 								"aria-valuemin": 0,
 								"aria-valuemax": 360,
-								"aria-valuenow": Math[R(471)](V.h),
-								"aria-valuetext": R(371) + Math[R(471)](V.h) + "도",
-								"aria-disabled": L || void 0,
-								className: R(474),
+								"aria-valuenow": Math.round(B.h),
+								"aria-valuetext": L(431) + Math.round(B.h) + "도",
+								"aria-disabled": I || void 0,
+								className: L(379),
 								style: {
-									left: V.h / 360 * 100 + "%",
-									"--_c": ke
+									left: B.h / 360 * 100 + "%",
+									"--_c": Ae
 								},
-								onKeyDown: Ve
+								onKeyDown: He
 							})
 						})
-					}), T && O(R(396), {
-						className: R(440),
-						style: { "--_c": Oe },
-						"data-dragging": Re.dragging || void 0,
-						...Re[R(458)],
-						children: O("div", {
-							ref: Pe,
-							className: "ds-color-picker__rail",
-							children: O(R(396), {
-								ref: Fe,
-								role: R(415),
-								tabIndex: L ? -1 : 0,
+					}), S && D("div", {
+						className: L(399),
+						style: { "--_c": ke },
+						"data-dragging": ze[L(407)] || void 0,
+						...ze[L(478)],
+						children: D(L(412), {
+							ref: Fe,
+							className: L(458),
+							children: D("div", {
+								ref: Ie,
+								role: L(464),
+								tabIndex: I ? -1 : 0,
 								"aria-label": "불투명도",
-								"aria-orientation": R(387),
+								"aria-orientation": L(429),
 								"aria-valuemin": 0,
 								"aria-valuemax": 100,
-								"aria-valuenow": M(V.a),
-								"aria-valuetext": "불투명도 " + M(V.a) + "%",
-								"aria-disabled": L || void 0,
-								className: R(474),
+								"aria-valuenow": j(B.a),
+								"aria-valuetext": L(473) + j(B.a) + "%",
+								"aria-disabled": I || void 0,
+								className: L(379),
 								style: {
-									left: V.a * 100 + "%",
-									"--_c": $
+									left: B.a * 100 + "%",
+									"--_c": Q
 								},
-								onKeyDown: He
+								onKeyDown: Ue
 							})
 						})
 					})]
 				})]
 			}),
-			k(a, {
-				justify: R(467),
+			O(a, {
+				justify: L(449),
 				wrap: !1,
-				children: [O(u, {
-					options: se,
-					value: B,
-					onChange: xe,
-					ariaLabel: R(377)
-				}), k(a, {
+				children: [D(u, {
+					options: ce,
+					value: z,
+					onChange: Se,
+					ariaLabel: L(403)
+				}), O(a, {
 					gap: 1,
 					wrap: !1,
-					children: [he && tt && O(t, {
+					children: [ge && tt && D(t, {
 						content: "화면에서 색 고르기",
-						children: O(c, {
-							variant: R(430),
+						children: D(c, {
+							variant: L(450),
 							size: "sm",
 							iconOnly: !0,
-							icon: O(E, {}),
-							"aria-label": R(370),
-							disabled: L,
+							icon: D(E, {}),
+							"aria-label": "화면에서 색 고르기",
+							disabled: I,
 							onClick: nt
 						})
-					}), ge && O(r, {
+					}), _e && D(r, {
 						value: rt,
-						disabled: L
+						disabled: I
 					})]
 				})]
 			}),
-			B === R(367) ? T ? k(i, {
+			z === L(424) ? S ? O(i, {
 				columns: "minmax(0, 1fr) 64px",
 				gap: 2,
-				align: R(376),
-				children: [qe, Je]
-			}) : qe : k(i, {
-				columns: T ? 4 : 3,
+				align: L(476),
+				children: [Je, Ye]
+			}) : Je : O(i, {
+				columns: S ? 4 : 3,
 				gap: 2,
-				align: R(376),
-				children: [B === R(401) ? [
-					Ge("r", "R", R(366)),
-					Ge("g", "G", R(416)),
-					Ge("b", "B", R(423))
+				align: L(476),
+				children: [z === L(440) ? [
+					Ke("r", "R", "빨강(0–255)"),
+					Ke("g", "G", L(422)),
+					Ke("b", "B", L(405))
 				] : [
-					Ke("h", "H", R(469)),
-					Ke("s", "S", R(464)),
-					Ke("l", "L", R(389))
-				], Je]
+					qe("h", "H", L(430)),
+					qe("s", "S", L(427)),
+					qe("l", "L", L(381))
+				], Ye]
 			}),
-			Xe[R(444)] > 0 && k(o, {
+			Ze[L(426)] > 0 && O(o, {
 				gap: 2,
-				children: [O(n, {
-					variant: R(457),
-					tone: R(447),
-					children: I
-				}), O(R(396), {
-					className: R(398),
-					children: Xe[R(456)]((e, t) => {
-						let n = R, r = Q[t] ? _(Q[t]) : null;
-						return O(F, {
-							css: e.color[n(388)]("--") ? n(454) + e[n(385)] + ")" : e.color,
+				children: [D(n, {
+					variant: "label-xs",
+					tone: "secondary",
+					children: F
+				}), D(L(412), {
+					className: L(470),
+					children: Ze[L(441)]((e, t) => {
+						let n = L, r = Z[t] ? _(Z[t]) : null;
+						return D(oe, {
+							css: e[n(428)][n(419)]("--") ? n(393) + e[n(428)] + ")" : e[n(428)],
 							rgb: r,
-							label: e[n(420)] ?? e[n(385)],
-							selected: r !== null && p(r, T) === $,
-							disabled: L,
-							onPick: () => Q[t] && Ze(Q[t])
-						}, e[n(385)]);
+							label: e.label ?? e[n(428)],
+							selected: r !== null && p(r, S) === Q,
+							disabled: I,
+							onPick: () => Z[t] && Qe(Z[t])
+						}, e[n(428)]);
 					})
 				})]
 			}),
-			pe && Se[R(444)] > 0 && k(o, {
+			me && Ce.length > 0 && O(o, {
 				gap: 2,
-				children: [O(n, {
-					variant: R(457),
-					tone: R(447),
-					children: R(465)
-				}), O(R(396), {
-					className: R(398),
-					children: Se[R(456)]((e) => {
-						let t = R, n = _(e);
-						return O(F, {
+				children: [D(n, {
+					variant: L(448),
+					tone: L(402),
+					children: L(471)
+				}), D(L(412), {
+					className: "ds-color-picker__swatches",
+					children: Ce[L(441)]((e) => {
+						let t = L, n = _(e);
+						return D(oe, {
 							css: e,
 							rgb: n,
-							label: e[t(404)](),
-							selected: n !== null && p(n, T) === $,
-							disabled: L,
-							onPick: () => Ze(e)
+							label: e[t(436)](),
+							selected: n !== null && p(n, S) === Q,
+							disabled: I,
+							onPick: () => Qe(e)
 						}, e);
 					})
 				})]
@@ -550,61 +549,61 @@ function ce({ value: l, defaultValue: ee = ae, onValueChange: g, onValueCommit:
 		]
 	});
 }
-function le(t, n) {
-	let r = e, i = n[r(413)]("|"), [a, o] = C(() => n[r(456)]((e) => e[r(388)]("--") ? "" : e));
-	return x(() => {
-		let e = r, n = t[e(439)] ?? document.documentElement, a = getComputedStyle(n), s = i ? i[e(462)]("|")[e(456)]((t) => t.startsWith("--") ? a[e(368)](t)[e(406)]() : t) : [];
-		o((e) => e.join("|") === s.join("|") ? e : s);
+function ue(t, n) {
+	let r = e, i = n[r(459)]("|"), [a, o] = T(() => n[r(441)]((e) => e[r(419)]("--") ? "" : e));
+	return C(() => {
+		let e = r, n = t[e(417)] ?? document[e(443)], a = getComputedStyle(n), s = i ? i[e(400)]("|")[e(441)]((t) => t[e(419)]("--") ? a.getPropertyValue(t)[e(398)]() : t) : [];
+		o((t) => t[e(459)]("|") === s.join("|") ? t : s);
 	}, [t, i]), a;
 }
-function I({ value: t, defaultValue: n = ae, onValueChange: r, format: i, defaultFormat: a = "hex", onFormatChange: o, recentColors: c, defaultRecentColors: l = [], onRecentColorsChange: u, open: f, defaultOpen: p = !1, onOpenChange: m, size: h = "md", invalid: g, popoverWidth: v = 264, name: y, id: b, className: ne, disabled: x, alpha: S, "aria-label": C = "색", "aria-labelledby": w, ...T }) {
-	let E = e, [D, A] = s(t, n, r), [j, M] = s(i, a, o), [N, P] = s(c, l, u), [F, oe] = s(f, p, m), se = _(D), le = se ? te(se, j, S) : D, I = j === E(367) ? le[E(404)]() : le;
-	return k(ie, { children: [O(ee, {
-		open: F,
-		onOpenChange: (e) => !x && oe(e),
+function F({ value: t, defaultValue: n = ae, onValueChange: r, format: i, defaultFormat: a = e(424), onFormatChange: o, recentColors: c, defaultRecentColors: l = [], onRecentColorsChange: u, open: f, defaultOpen: p = !1, onOpenChange: m, size: h = "md", invalid: g, popoverWidth: v = 264, name: y, id: b, className: x, disabled: S, alpha: C, "aria-label": w = "색", "aria-labelledby": T, ...ne }) {
+	let E = e, [k, A] = s(t, n, r), [j, M] = s(i, a, o), [N, oe] = s(c, l, u), [P, se] = s(f, p, m), ce = _(k), ue = ce ? te(ce, j, C) : k, F = j === E(424) ? ue.toUpperCase() : ue;
+	return O(ie, { children: [D(ee, {
+		open: P,
+		onOpenChange: (e) => !S && se(e),
 		width: v,
-		"aria-label": C + E(437),
-		trigger: k(E(433), {
+		"aria-label": w + " 선택",
+		trigger: O(E(382), {
 			id: b,
-			type: E(433),
-			"aria-haspopup": E(470),
-			"aria-expanded": F,
-			"aria-label": w ? void 0 : C + ": " + I,
-			"aria-labelledby": w,
+			type: E(382),
+			"aria-haspopup": E(432),
+			"aria-expanded": P,
+			"aria-label": T ? void 0 : w + ": " + F,
+			"aria-labelledby": T,
 			"aria-invalid": g || void 0,
-			disabled: x,
-			className: d(E(451), E(460), h !== "md" && E(434) + h, ne),
-			"data-open": F || void 0,
+			disabled: S,
+			className: d("ds-control", E(420), h !== "md" && "ds-color-field--" + h, x),
+			"data-open": P || void 0,
 			"data-invalid": g || void 0,
-			"data-disabled": x || void 0,
+			"data-disabled": S || void 0,
 			children: [
-				O(E(442), {
-					className: E(459),
-					style: { "--_c": D }
+				D(E(475), {
+					className: E(386),
+					style: { "--_c": k }
 				}),
-				O(E(442), {
-					className: E(393),
-					children: I
+				D(E(475), {
+					className: "ds-color-field__value",
+					children: F
 				}),
-				O(re, { className: E(446) })
+				D(re, { className: E(451) })
 			]
 		}),
-		children: O(ce, {
-			...T,
-			value: D,
+		children: D(le, {
+			...ne,
+			value: k,
 			onValueChange: A,
-			alpha: S,
+			alpha: C,
 			format: j,
 			onFormatChange: M,
 			recentColors: N,
-			onRecentColorsChange: P,
-			disabled: x,
-			"aria-label": C + E(437)
+			onRecentColorsChange: oe,
+			disabled: S,
+			"aria-label": w + E(460)
 		})
-	}), y && O(E(399), {
-		type: "hidden",
+	}), y && D(E(416), {
+		type: E(385),
 		name: y,
-		value: D
+		value: k
 	})] });
 }
-export { ne as CHART_COLOR_PRESETS, I as ColorField, ce as ColorPicker };
+export { S as CHART_COLOR_PRESETS, F as ColorField, le as ColorPicker };