@iamfiro/design 0.1.0 → 0.3.1

package/lib/components/DataGrid/typeMeta.js

@@ -0,0 +1,75 @@
+"use client";
+var e = d;
+function t() {
+	var e = [
+		"odC3nZK3mhDmuxD6zG",
+		"mJa3otKWr21IEhjM",
+		"mtqZode2ELH6DhfJ",
+		"vvjm",
+		"mZi5rKHeAvP4",
+		"ntG4mdiWu1HfCMnU",
+		"mZeZmdKXmunWvhrpDq",
+		"ntu0zM9gBgPd",
+		"mJG2ndeYnuDVyu12yW",
+		"mJDdzuLoEu8",
+		"mtiYmLj6yKXOAG",
+		"7lk07ygS67cv7iQK"
+	];
+	return t = function() {
+		return e;
+	}, t();
+}
+(function(e, t) {
+	for (var n = d, r = e();;) try {
+		if (parseInt(n(272)) / 1 * (parseInt(n(275)) / 2) + -parseInt(n(274)) / 3 * (-parseInt(n(282)) / 4) + -parseInt(n(273)) / 5 + -parseInt(n(278)) / 6 + parseInt(n(281)) / 7 * (parseInt(n(279)) / 8) + -parseInt(n(283)) / 9 + -parseInt(n(277)) / 10 == t) break;
+		r.push(r.shift());
+	} catch {
+		r.push(r.shift());
+	}
+})(t, 673292);
+import { Calendar as n, CircleChevronDown as r, Hash as i, Link as a, SquareCheck as o, Tags as s, Type as c } from "lucide-react";
+import { jsx as l } from "react/jsx-runtime";
+var u = {
+	text: {
+		label: "텍스트",
+		icon: l(c, {})
+	},
+	number: {
+		label: "숫자",
+		icon: l(i, {})
+	},
+	select: {
+		label: "선택",
+		icon: l(r, {})
+	},
+	multiSelect: {
+		label: "다중 선택",
+		icon: l(s, {})
+	},
+	checkbox: {
+		label: e(276),
+		icon: l(o, {})
+	},
+	date: {
+		label: "날짜",
+		icon: l(n, {})
+	},
+	url: {
+		label: e(280),
+		icon: l(a, {})
+	}
+};
+function d(e, n) {
+	e -= 272;
+	var r = t(), i = r[e];
+	d.Gvpmej === void 0 && (d.QaSEog = function(e) {
+		for (var t = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=", n = "", r = "", i = 0, a, o, s = 0; o = e.charAt(s++); ~o && (a = i % 4 ? a * 64 + o : o, i++ % 4) && (n += String.fromCharCode(255 & a >> (-2 * i & 6)))) o = t.indexOf(o);
+		for (var c = 0, l = n.length; c < l; c++) r += "%" + ("00" + n.charCodeAt(c).toString(16)).slice(-2);
+		return decodeURIComponent(r);
+	}, d.dzZPSu = {}, d.Gvpmej = !0);
+	var a = r[0];
+	d.wCIBdz !== a && (d.dzZPSu = {}, d.wCIBdz = a);
+	var o = d.dzZPSu[e];
+	return o === void 0 ? (i = d.QaSEog(i), d.dzZPSu[e] = i) : i = o, i;
+}
+export { u as TYPE_META };

package/lib/components/DataGrid/types.js

@@ -0,0 +1,53 @@
+"use client";
+function e(n, r) {
+	n -= 356;
+	var i = t(), a = i[n];
+	e.UIVqRd === void 0 && (e.QpHwfo = function(e) {
+		for (var t = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/=", n = "", r = "", i = 0, a, o, s = 0; o = e.charAt(s++); ~o && (a = i % 4 ? a * 64 + o : o, i++ % 4) && (n += String.fromCharCode(255 & a >> (-2 * i & 6)))) o = t.indexOf(o);
+		for (var c = 0, l = n.length; c < l; c++) r += "%" + ("00" + n.charCodeAt(c).toString(16)).slice(-2);
+		return decodeURIComponent(r);
+	}, e.zqeXOO = {}, e.UIVqRd = !0);
+	var o = i[0];
+	e.TTewAs !== o && (e.zqeXOO = {}, e.TTewAs = o);
+	var s = e.zqeXOO[n];
+	return s === void 0 ? (a = e.QpHwfo(a), e.zqeXOO[n] = a) : a = s, a;
+}
+function t() {
+	var e = [
+		"nJyZmZa0nuDtDu1mCa",
+		"mZGYnunttg93Ca",
+		"mtCZnZq4nNj3C3LjCq",
+		"zgvMyxvSDa",
+		"mtyXmZGYnfnqtfPcsq",
+		"n3vbvu1xEa",
+		"yw5K",
+		"mta3mty0A3nVr2HX",
+		"odu4mdGWuKPPzKzh",
+		"mta0nhbmCNvVzq",
+		"otu5ntvgDNfXsNC"
+	];
+	return t = function() {
+		return e;
+	}, t();
+}
+var n = e;
+(function(t, n) {
+	for (var r = e, i = t();;) try {
+		if (-parseInt(r(363)) / 1 + -parseInt(r(360)) / 2 + -parseInt(r(365)) / 3 * (parseInt(r(362)) / 4) + -parseInt(r(361)) / 5 + parseInt(r(366)) / 6 + -parseInt(r(358)) / 7 * (parseInt(r(357)) / 8) + parseInt(r(364)) / 9 == n) break;
+		i.push(i.shift());
+	} catch {
+		i.push(i.shift());
+	}
+})(t, 170930);
+var r = {
+	sorts: [],
+	filters: [],
+	filterMode: n(359),
+	groupBy: null,
+	collapsed: [],
+	search: "",
+	density: n(356),
+	rowNumbers: !0,
+	gridlines: !1
+};
+export { r as DEFAULT_VIEW };

package/lib/components/DescriptionList/DescriptionList2.js

@@ -0,0 +1,180 @@
+"use client";
+const e = _;
+(function(e, t) {
+	let n = _, r = e();
+	for (;;) try {
+		if (parseInt(n(399)) / 1 + parseInt(n(379)) / 2 * (parseInt(n(382)) / 3) + parseInt(n(390)) / 4 + -parseInt(n(414)) / 5 * (-parseInt(n(418)) / 6) + parseInt(n(409)) / 7 * (parseInt(n(400)) / 8) + -parseInt(n(386)) / 9 + parseInt(n(384)) / 10 * (-parseInt(n(398)) / 11) == t) break;
+		r.push(r.shift());
+	} catch {
+		r.push(r.shift());
+	}
+})(n, 536230);
+import { Text as t } from "../../primitives/Typography2.js";
+function n() {
+	let e = /* @__PURE__ */ "DgvYDgLHCNK.zw5K.mtm2nZa4oeDeuMv0rW.AwnVBG.BwfW.Aw5SAw5L.zgvMyxvSDa.zhmTzgXFx2L0zw0TlwnVBNrLBNrZ.zhmTzgXFx2L0zw0.C3bHBG.mZeYnhb0qK94EG.mZq3nZmXsxLoALbA.oeHewM1PCq.zgL2.zhmTzgWTCgfUzwW.yM9KEs1ZBq.y2vUDgvY.B3zLCMXPBMu.BgfIzwWTBgC.BgfIzwWTBwq.zhmTzgXFx2L0zw0Tlxn0ywnRzwq.nJu2ndu3mK5frMT2yq.C3bHBIa.C3rHy2TLza.zhmTzgXFx2LJB24.Dg9Uzq.nte2ntaWnxHYz2r5uq.y2fWDgLVBG.BNvTyMvYlxnT.CgXHAw4.nLzdqw5lwG.C2vJDgLVBG.zhmTzgXFx3rLCM0.C3rHCNq.yMv0D2vLBG.C3vIDgXL.BNvTyMvYlw1K.mJaWmZHRyNbquNC.DMfSDwu.uhjVDMLKzxi.nJLet2zlyuO.yMfZzwXPBMu.nJGWmJbXAhzSD3C.BNvTyMvYlwXN.mZGWndy1mwTzrxzMCq.zhmTzgW".split(".");
+	return n = function() {
+		return e;
+	}, n();
+}
+import { Box as r, Grid as i, Inline as a, Stack as o } from "../../primitives/Layout2.js";
+import { cx as s } from "../../primitives/index.js";
+/* empty css                */
+import { createContext as c, useContext as l, useId as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+var p = c({
+	layout: e(411),
+	labelStyle: e(405),
+	size: "md",
+	align: e(389)
+}), m = {
+	sm: e(416),
+	md: e(378),
+	lg: e(385)
+}, h = {
+	sm: "label-sm",
+	md: e(407),
+	lg: e(406)
+}, g = {
+	sm: e(403),
+	md: "body-sm",
+	lg: "body-md"
+};
+function _(e, t) {
+	e -= 375;
+	let r = n(), i = r[e];
+	_.fkxjJF === void 0 && (_.QrlgoU = 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);
+	}, _.PSEUaj = {}, _.fkxjJF = !0);
+	let a = r[0];
+	_.tBIfeT !== a && (_.PSEUaj = {}, _.tBIfeT = a);
+	let o = _.PSEUaj[e];
+	return o === void 0 ? (i = _.QrlgoU(i), _.PSEUaj[e] = i) : i = o, i;
+}
+function v({ items: t, children: n, layout: a = e(411), columns: o, minItemWidth: c, variant: l = e(417), labelStyle: u = e(405), size: m = "md", align: h = e(389), gap: g, rowGap: _, "aria-label": v, className: b, style: x }) {
+	let S = e, C = a === "inline", w = C && h === S(375), T = d(i, {
+		as: "dl",
+		columns: o ?? (w ? "max-content minmax(0, 1fr)" : C ? 1 : 3),
+		minItemWidth: w ? void 0 : c,
+		gap: g ?? (w ? 4 : C ? 6 : 4),
+		rowGap: _ ?? (C ? 2 : 4),
+		"aria-label": v,
+		className: s(S(387), l === S(417) && b),
+		style: l === "plain" ? x : void 0,
+		children: f(p[S(381)], {
+			value: {
+				layout: a,
+				labelStyle: u,
+				size: m,
+				align: h
+			},
+			children: [t?.[S(392)]((e, t) => d(y, {
+				label: e.label,
+				icon: e[S(391)],
+				tone: e[S(413)],
+				span: e[S(397)],
+				children: e[S(380)]
+			}, e.id ?? t)), n]
+		})
+	});
+	return l === S(417) ? T : d(r, {
+		padding: 3,
+		background: S(377),
+		className: s(S(402), b),
+		style: x,
+		children: T
+	});
+}
+function y({ label: n, icon: r, children: i, tone: c = e(394), span: u, className: _ }) {
+	let v = e, { layout: y, labelStyle: x, size: S, align: C } = l(p), w = u && u > 1 ? v(410) + u : void 0;
+	if (y === v(393)) {
+		let e = d(b, {
+			icon: r,
+			variant: x === "overline" ? "overline" : g[S],
+			children: n
+		}), o = d(t, {
+			as: "dd",
+			variant: h[S],
+			tone: c,
+			align: C,
+			numeric: !0,
+			children: i
+		});
+		return C === v(375) ? f(v(401), {
+			className: s("ds-dl__item", v(395), _),
+			children: [e, o]
+		}) : f(a, {
+			gap: 4,
+			justify: v(376),
+			align: v(r == null ? 383 : 404),
+			wrap: !1,
+			className: s(v(396), _),
+			style: { gridColumn: w },
+			children: [e, o]
+		});
+	}
+	return f(o, {
+		gap: 1,
+		className: s(v(396), v(408), _),
+		style: { gridColumn: w },
+		children: [d(b, {
+			icon: r,
+			variant: x === v(405) ? "overline" : v(415),
+			children: n
+		}), d(t, {
+			as: "dd",
+			variant: m[S],
+			tone: c,
+			children: i
+		})]
+	});
+}
+function b({ icon: n, variant: r, children: i }) {
+	let o = e;
+	return n == null ? d(t, {
+		as: "dt",
+		variant: r,
+		tone: o(388),
+		truncate: !0,
+		children: i
+	}) : f(a, {
+		as: "dt",
+		gap: 2,
+		wrap: !1,
+		className: o(420),
+		children: [d(o(397), {
+			className: o(412),
+			"aria-hidden": !0,
+			children: n
+		}), d(t, {
+			variant: r,
+			tone: o(388),
+			truncate: !0,
+			children: i
+		})]
+	});
+}
+function x({ title: n, children: r, className: i, style: a }) {
+	let s = e, c = u();
+	return f(o, {
+		as: s(419),
+		gap: 1,
+		"aria-labelledby": c,
+		className: i,
+		style: a,
+		children: [d(t, {
+			id: c,
+			variant: s(405),
+			tone: s(388),
+			children: n
+		}), d(t, {
+			as: s(401),
+			variant: s(403),
+			tone: "secondary",
+			children: r
+		})]
+	});
+}
+export { y as DescriptionItem, v as DescriptionList, x as DescriptionSection };

package/lib/components/Dialog/AlertDialog.js

@@ -0,0 +1,119 @@
+"use client";
+const e = a;
+(function(e, t) {
+	let n = a, r = e();
+	for (;;) try {
+		if (-parseInt(n(177)) / 1 * (parseInt(n(176)) / 2) + parseInt(n(166)) / 3 + -parseInt(n(164)) / 4 * (-parseInt(n(194)) / 5) + parseInt(n(168)) / 6 + -parseInt(n(184)) / 7 * (-parseInt(n(178)) / 8) + parseInt(n(179)) / 9 * (parseInt(n(183)) / 10) + -parseInt(n(169)) / 11 == t) break;
+		r.push(r.shift());
+	} catch {
+		r.push(r.shift());
+	}
+})(o, 154734);
+import { useControllableState as t } from "../../hooks/useControllableState.js";
+import { Button as n, Field as r, Input as i } from "../../primitives/index.js";
+function a(e, t) {
+	e -= 164;
+	let n = o(), r = n[e];
+	a.cQceXk === void 0 && (a.dHZYNq = 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);
+	}, a.iuhODD = {}, a.cQceXk = !0);
+	let i = n[0];
+	a.XLKDgE !== i && (a.iuhODD = {}, a.XLKDgE = i);
+	let s = a.iuhODD[e];
+	return s === void 0 ? (r = a.dHZYNq(r), a.iuhODD[e] = r) : r = s, r;
+}
+function o() {
+	let e = /* @__PURE__ */ "B2zM.BMf0AxzLrxzLBNq.A2v5.ywXLCNq.AxndB21WB3nPBMC.zgL2.DgfYz2v0.zhmTywXLCNqTzgLHBg9Nx19IB2r5.odbWAvLVEeG.7lky66AS7zwy7kEaioUQU+2wIoYwToYALc4G64UK7iUCioYlNoUpHo2vTcdSO7ZSHlJSMPqU.nti0nZzIrg9KwgC.zgfUz2vY.ntC0nZq5wKDVChLN.zhmTywXLCNqTzgLHBg9Nx19LCNjVCG.mtC1ndm4offKBfrOsa.nZqWmJuXnMPxvuzSDq.zgvMyxvSDa.C3rYB25N.7j2ekoULVcKG7j6f66cL7zwy7is47jQu.ChjPBwfYEq.6Roe7iAn7zwy66cK66M0ia.BwvZC2fNzq.otjSD0PZr0S.mti3mgjJtNrRsW.oteZnZm2AwLfy3ft.mti2qK5tqwnS.zhmTywXLCNqTzgLHBg9Nx190AxrSzq.zhmTywXLCNqTzgLHBg9Nx19Py29U.C2vJB25Kyxj5.ntu3mJbABffsyLC.n2X2rMzdDW.C3bHBG".split(".");
+	return o = function() {
+		return e;
+	}, o();
+}
+import { Dialog as s } from "./Dialog2.js";
+import { useId as c, useRef as l, useState as u } from "react";
+import { AlertTriangle as d } from "lucide-react";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+function h({ open: o, defaultOpen: h = !1, onOpenChange: g, trigger: _, title: v, description: y, tone: b = e(170), confirmLabel: x, cancelLabel: S = "취소", onConfirm: C, confirmationText: w, children: T }) {
+	let E = e, [D, O] = t(o, h, g), [k, A] = u(!1), [j, M] = u(null), [N, P] = u(""), F = l(null), I = l(null), L = l(null), R = c(), z = (e) => {
+		e && (M(null), P("")), O(e);
+	}, B = async () => {
+		let e = a;
+		M(null), A(!0);
+		try {
+			await C(), O(!1);
+		} catch (t) {
+			M(t instanceof Error ? t[e(175)] : e(195));
+		} finally {
+			A(!1);
+		}
+	}, V = w != null && N !== w, H = b === E(165);
+	return p(s, {
+		open: D,
+		onOpenChange: z,
+		trigger: _,
+		size: "sm",
+		dismissible: !k,
+		showClose: !1,
+		initialFocus: w == null ? H ? F : I : L,
+		className: "ds-alert-dialog",
+		title: m(E(185), {
+			className: E(180),
+			children: [H && p("span", {
+				className: E(181),
+				"aria-hidden": !0,
+				children: p(d, {})
+			}), v]
+		}),
+		description: y,
+		footer: m(f, { children: [p(n, {
+			ref: F,
+			variant: E(182),
+			disabled: k,
+			onClick: () => z(!1),
+			children: S
+		}), p(n, {
+			ref: I,
+			variant: H ? "danger" : E(173),
+			loading: k,
+			disabled: V || k,
+			onClick: B,
+			"data-tone": b,
+			children: x
+		})] }),
+		children: (T || w != null || j) && m(E(191), {
+			className: E(193),
+			children: [
+				T,
+				w != null && p(r, {
+					htmlFor: R,
+					label: m(f, { children: [
+						E(174),
+						p(E(171), { children: w }),
+						E(172)
+					] }),
+					children: p(i, {
+						ref: L,
+						id: R,
+						value: N,
+						onChange: (e) => P(e[E(192)].value),
+						onKeyDown: (e) => {
+							let t = E;
+							e[t(188)] !== "Enter" || V || k || e[t(187)][t(190)] || B();
+						},
+						disabled: k,
+						autoComplete: E(186),
+						spellCheck: !1
+					})
+				}),
+				j && p("p", {
+					role: E(189),
+					className: E(167),
+					children: j
+				})
+			]
+		})
+	});
+}
+export { h as AlertDialog };

package/lib/components/Dialog/Dialog2.js

@@ -0,0 +1,110 @@
+"use client";
+function e(t, n) {
+	t -= 162;
+	let r = h(), i = r[t];
+	e.uAGdLs === void 0 && (e.sxPdzC = 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);
+	}, e.JpDnvh = {}, e.uAGdLs = !0);
+	let a = r[0];
+	e.iWODwa !== a && (e.JpDnvh = {}, e.iWODwa = a);
+	let o = e.JpDnvh[t];
+	return o === void 0 ? (i = e.sxPdzC(i), e.JpDnvh[t] = i) : i = o, i;
+}
+const t = e;
+(function(t, n) {
+	let r = e, i = t();
+	for (;;) try {
+		if (parseInt(r(168)) / 1 * (parseInt(r(171)) / 2) + parseInt(r(169)) / 3 + -parseInt(r(191)) / 4 * (parseInt(r(164)) / 5) + -parseInt(r(167)) / 6 * (-parseInt(r(174)) / 7) + -parseInt(r(163)) / 8 + parseInt(r(182)) / 9 + -parseInt(r(181)) / 10 * (parseInt(r(166)) / 11) == n) break;
+		i.push(i.shift());
+	} catch {
+		i.push(i.shift());
+	}
+})(h, 728976);
+import { useControllableState as n } from "../../hooks/useControllableState.js";
+import { Button as r, cx as i } from "../../primitives/index.js";
+import { modalTrigger as a, useModalLayer as o } from "./modal.js";
+/* empty css       */
+import { useId as s, useRef as c } from "react";
+import { X as l } from "lucide-react";
+import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
+import { createPortal as p } from "react-dom";
+var m = 200;
+function h() {
+	let e = /* @__PURE__ */ "mZG4ohb4DMvdva.nte2mtfxte5hrvG.mtq0ntG5ofbdCuHQzG.zhmTC3iTB25SEq.mtHIuwjlDKS.z2HVC3q.lxrPDgXL.mtm1mZfABxbkBMG.zhmTzgLHBg9Nx19Wyw5LBc0T.zhmTzgLHBg9Nx19KzxnJ.zhmTzgLHBg9Nx19VDMvYBgf5.yM9KEq.y2XVC2vK.zhmTzgLHBg9Nx19Wyw5LBc0TAgLKzs10AxrSzq.mZm2mta2mfHVsKDwzG.nta5odm2nxnXyMLWsq.lwrLC2m.zhmTzgLHBg9Nx19IB2r5igrZlxnJCM9SBa.zhmTzgLHBg9Nx19Wyw5LBa.y2vUDgvY.Dg9W.zhmTzgLHBg9Nx190AxrSzq.Dhj1zq.zhmTzgLHBg9N.mta2ntaWzfriCefL.zgL2.mZuZotKYmfvorLHgza.mteWsgjKugjL.Bw91BNrLza.mZnMBwPHC3y".split(".");
+	return h = function() {
+		return e;
+	}, h();
+}
+function g({ open: e, defaultOpen: h = !1, onOpenChange: g, trigger: _, title: v, description: y, children: b, footer: x, size: S = "md", dismissible: C = !0, showClose: w = !0, initialFocus: T, bare: E = !1, hideTitle: D = !1, placement: O = t(186), className: k }) {
+	let A = t, [j, M] = n(e, h, g), N = c(null), P = s(), { presence: F, close: I, onKeyDown: L, outsideProps: R } = o({
+		open: j,
+		setOpen: M,
+		dismissible: C,
+		exitMs: m,
+		panelRef: N,
+		initialFocus: T
+	}), z = a(_, j, () => M(!0));
+	return f(u, { children: [z, F[A(165)] && p(f("div", {
+		className: i(A(190), O === A(187) && "ds-dialog--top"),
+		"data-state": F.closing ? A(179) : "open",
+		onKeyDown: L,
+		children: [d(A(162), {
+			className: A(177),
+			"aria-hidden": !0
+		}), d("div", {
+			className: "ds-dialog__viewport ds-scroll",
+			...R,
+			children: f(A(162), {
+				ref: N,
+				role: "dialog",
+				"aria-modal": A(189),
+				"aria-labelledby": P + "-title",
+				"aria-describedby": y ? P + A(183) : void 0,
+				tabIndex: -1,
+				className: i(A(185), A(175) + S, E && "ds-dialog__panel--bare", !E && D && A(180), k),
+				children: [E || D ? f(u, { children: [d("h2", {
+					id: P + A(173),
+					className: A(170),
+					children: v
+				}), y && d("p", {
+					id: P + A(183),
+					className: A(170),
+					children: y
+				})] }) : f(A(162), {
+					className: "ds-dialog__header",
+					children: [d("h2", {
+						id: P + A(173),
+						className: A(188),
+						children: v
+					}), y && d("p", {
+						id: P + A(183),
+						className: A(176),
+						children: y
+					})]
+				}), E ? b : f(u, { children: [
+					b != null && d("div", {
+						className: A(184),
+						children: b
+					}),
+					x && d(A(162), {
+						className: "ds-dialog__footer",
+						children: x
+					}),
+					w && C && d(r, {
+						iconOnly: !0,
+						variant: A(172),
+						size: "sm",
+						icon: d(l, {}),
+						"aria-label": "닫기",
+						className: "ds-dialog__close",
+						onClick: I
+					})
+				] })]
+			})
+		})]
+	}), document[A(178)])] });
+}
+export { g as Dialog };

package/lib/components/Dialog/modal.js

@@ -0,0 +1,92 @@
+"use client";
+function e() {
+	let t = [
+		"B25dBgLJAW",
+		"rxnJyxbL",
+		"zgLHBg9N",
+		"mtuYntC4ngXTCNnQDW",
+		"oxnwqwjLsG",
+		"C3rVCfbYB3bHz2f0Aw9U",
+		"zgvMyxvSDfbYzxzLBNrLza",
+		"ndLhsg5vsNG",
+		"nde1nti4rvDby3LY",
+		"mtKYmtDeCefKrve",
+		"DgfYz2v0",
+		"mtm3nZqWmfb6t05hCW",
+		"y3vYCMvUDfrHCMDLDa",
+		"ndeXmZG1rxLXz3bT",
+		"ChjVChm",
+		"mJm2odi2rLjVB2Lu",
+		"mte5mfPxsw1XAq",
+		"y3vYCMvUDa",
+		"mtK0vLjVuuDs",
+		"mZuXowjNtKH6Cq"
+	];
+	return e = function() {
+		return t;
+	}, e();
+}
+(function(e, t) {
+	let n = r, i = e();
+	for (;;) try {
+		if (parseInt(n(116)) / 1 + -parseInt(n(121)) / 2 * (parseInt(n(122)) / 3) + -parseInt(n(106)) / 4 + parseInt(n(114)) / 5 + parseInt(n(118)) / 6 * (parseInt(n(110)) / 7) + -parseInt(n(111)) / 8 * (parseInt(n(107)) / 9) + -parseInt(n(119)) / 10 * (parseInt(n(112)) / 11) == t) break;
+		i.push(i.shift());
+	} catch {
+		i.push(i.shift());
+	}
+})(e, 208101);
+import { usePresence as t } from "../../hooks/usePresence.js";
+import { useFocusTrap as n } from "../../hooks/useFocusTrap.js";
+function r(t, n) {
+	t -= 103;
+	let i = e(), a = i[t];
+	r.gqTjkC === void 0 && (r.facegW = 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);
+	}, r.lVpdhN = {}, r.gqTjkC = !0);
+	let o = i[0];
+	r.HXjhLE !== o && (r.lVpdhN = {}, r.HXjhLE = o);
+	let s = r.lVpdhN[t];
+	return s === void 0 ? (a = r.facegW(a), r.lVpdhN[t] = a) : a = s, a;
+}
+import { useScrollLock as i } from "../../hooks/useScrollLock.js";
+import { cloneElement as a, useRef as o } from "react";
+function s({ open: e, setOpen: a, dismissible: s, exitMs: c, panelRef: l, initialFocus: u, modal: d = !0 }) {
+	let f = t(e, c), p = o(!1);
+	i(e && d), n(l, d && e && f.mounted, u);
+	let m = () => {
+		s && a(!1);
+	};
+	return {
+		presence: f,
+		close: m,
+		onKeyDown: (e) => {
+			let t = r;
+			e.key === t(104) && !e[t(109)] && (e[t(108)](), m());
+		},
+		outsideProps: {
+			onPointerDown: (e) => {
+				let t = r;
+				p[t(120)] = e[t(113)] === e.currentTarget;
+			},
+			onClick: (e) => {
+				let t = r;
+				p.current && e[t(113)] === e[t(115)] && m(), p[t(120)] = !1;
+			}
+		}
+	};
+}
+function c(e, t, n) {
+	let i = r;
+	return e && a(e, {
+		"aria-haspopup": i(105),
+		"aria-expanded": t,
+		onClick: (t) => {
+			let r = i;
+			e[r(117)][r(103)]?.(t), t[r(109)] || n();
+		}
+	});
+}
+export { c as modalTrigger, s as useModalLayer };