@ienlab/react-library 0.14.0-beta.8 → 0.14.0-beta.9

package/dist/my-library.es.js

@@ -76,12 +76,311 @@ function A({ placeholder: e, src: t, onLoadError: r, ...o }) {
 		children: e ?? /* @__PURE__ */ c("div", { className: "w-full h-full bg-sidebar" })
 	}, "placeholder") });
 }
-var j = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), M = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), ee = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), te = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), ne = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), re = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), ie = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), N = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), P = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), F = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), I = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), L = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports);
+var j = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), M = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), ee = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), te = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), ne = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), re = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), ie = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), N = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), P = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), F = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), I = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), L = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), R = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports);
 Array.prototype.mapNotNull = function(e) {
 	return this.flatMap((t, n) => {
 		let r = e(t, n);
 		return r == null ? [] : [r];
 	});
+}, (/* @__PURE__ */ R(((e, t) => {
+	(function(n, r) {
+		typeof e == "object" && t !== void 0 ? t.exports = r() : typeof define == "function" && define.amd ? define(r) : (n = typeof globalThis < "u" ? globalThis : n || self).dayjs = r();
+	})(e, (function() {
+		var e = 1e3, t = 6e4, n = 36e5, r = "millisecond", i = "second", a = "minute", o = "hour", s = "day", c = "week", l = "month", u = "quarter", d = "year", f = "date", p = "Invalid Date", m = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, h = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, g = {
+			name: "en",
+			weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),
+			months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"),
+			ordinal: function(e) {
+				var t = [
+					"th",
+					"st",
+					"nd",
+					"rd"
+				], n = e % 100;
+				return "[" + e + (t[(n - 20) % 10] || t[n] || t[0]) + "]";
+			}
+		}, _ = function(e, t, n) {
+			var r = String(e);
+			return !r || r.length >= t ? e : "" + Array(t + 1 - r.length).join(n) + e;
+		}, v = {
+			s: _,
+			z: function(e) {
+				var t = -e.utcOffset(), n = Math.abs(t), r = Math.floor(n / 60), i = n % 60;
+				return (t <= 0 ? "+" : "-") + _(r, 2, "0") + ":" + _(i, 2, "0");
+			},
+			m: function e(t, n) {
+				if (t.date() < n.date()) return -e(n, t);
+				var r = 12 * (n.year() - t.year()) + (n.month() - t.month()), i = t.clone().add(r, l), a = n - i < 0, o = t.clone().add(r + (a ? -1 : 1), l);
+				return +(-(r + (n - i) / (a ? i - o : o - i)) || 0);
+			},
+			a: function(e) {
+				return e < 0 ? Math.ceil(e) || 0 : Math.floor(e);
+			},
+			p: function(e) {
+				return {
+					M: l,
+					y: d,
+					w: c,
+					d: s,
+					D: f,
+					h: o,
+					m: a,
+					s: i,
+					ms: r,
+					Q: u
+				}[e] || String(e || "").toLowerCase().replace(/s$/, "");
+			},
+			u: function(e) {
+				return e === void 0;
+			}
+		}, y = "en", b = {};
+		b[y] = g;
+		var x = "$isDayjsObject", S = function(e) {
+			return e instanceof E || !(!e || !e[x]);
+		}, C = function e(t, n, r) {
+			var i;
+			if (!t) return y;
+			if (typeof t == "string") {
+				var a = t.toLowerCase();
+				b[a] && (i = a), n && (b[a] = n, i = a);
+				var o = t.split("-");
+				if (!i && o.length > 1) return e(o[0]);
+			} else {
+				var s = t.name;
+				b[s] = t, i = s;
+			}
+			return !r && i && (y = i), i || !r && y;
+		}, w = function(e, t) {
+			if (S(e)) return e.clone();
+			var n = typeof t == "object" ? t : {};
+			return n.date = e, n.args = arguments, new E(n);
+		}, T = v;
+		T.l = C, T.i = S, T.w = function(e, t) {
+			return w(e, {
+				locale: t.$L,
+				utc: t.$u,
+				x: t.$x,
+				$offset: t.$offset
+			});
+		};
+		var E = function() {
+			function g(e) {
+				this.$L = C(e.locale, null, !0), this.parse(e), this.$x = this.$x || e.x || {}, this[x] = !0;
+			}
+			var _ = g.prototype;
+			return _.parse = function(e) {
+				this.$d = function(e) {
+					var t = e.date, n = e.utc;
+					if (t === null) return /* @__PURE__ */ new Date(NaN);
+					if (T.u(t)) return /* @__PURE__ */ new Date();
+					if (t instanceof Date) return new Date(t);
+					if (typeof t == "string" && !/Z$/i.test(t)) {
+						var r = t.match(m);
+						if (r) {
+							var i = r[2] - 1 || 0, a = (r[7] || "0").substring(0, 3);
+							return n ? new Date(Date.UTC(r[1], i, r[3] || 1, r[4] || 0, r[5] || 0, r[6] || 0, a)) : new Date(r[1], i, r[3] || 1, r[4] || 0, r[5] || 0, r[6] || 0, a);
+						}
+					}
+					return new Date(t);
+				}(e), this.init();
+			}, _.init = function() {
+				var e = this.$d;
+				this.$y = e.getFullYear(), this.$M = e.getMonth(), this.$D = e.getDate(), this.$W = e.getDay(), this.$H = e.getHours(), this.$m = e.getMinutes(), this.$s = e.getSeconds(), this.$ms = e.getMilliseconds();
+			}, _.$utils = function() {
+				return T;
+			}, _.isValid = function() {
+				return this.$d.toString() !== p;
+			}, _.isSame = function(e, t) {
+				var n = w(e);
+				return this.startOf(t) <= n && n <= this.endOf(t);
+			}, _.isAfter = function(e, t) {
+				return w(e) < this.startOf(t);
+			}, _.isBefore = function(e, t) {
+				return this.endOf(t) < w(e);
+			}, _.$g = function(e, t, n) {
+				return T.u(e) ? this[t] : this.set(n, e);
+			}, _.unix = function() {
+				return Math.floor(this.valueOf() / 1e3);
+			}, _.valueOf = function() {
+				return this.$d.getTime();
+			}, _.startOf = function(e, t) {
+				var n = this, r = !!T.u(t) || t, u = T.p(e), p = function(e, t) {
+					var i = T.w(n.$u ? Date.UTC(n.$y, t, e) : new Date(n.$y, t, e), n);
+					return r ? i : i.endOf(s);
+				}, m = function(e, t) {
+					return T.w(n.toDate()[e].apply(n.toDate("s"), (r ? [
+						0,
+						0,
+						0,
+						0
+					] : [
+						23,
+						59,
+						59,
+						999
+					]).slice(t)), n);
+				}, h = this.$W, g = this.$M, _ = this.$D, v = "set" + (this.$u ? "UTC" : "");
+				switch (u) {
+					case d: return r ? p(1, 0) : p(31, 11);
+					case l: return r ? p(1, g) : p(0, g + 1);
+					case c:
+						var y = this.$locale().weekStart || 0, b = (h < y ? h + 7 : h) - y;
+						return p(r ? _ - b : _ + (6 - b), g);
+					case s:
+					case f: return m(v + "Hours", 0);
+					case o: return m(v + "Minutes", 1);
+					case a: return m(v + "Seconds", 2);
+					case i: return m(v + "Milliseconds", 3);
+					default: return this.clone();
+				}
+			}, _.endOf = function(e) {
+				return this.startOf(e, !1);
+			}, _.$set = function(e, t) {
+				var n, c = T.p(e), u = "set" + (this.$u ? "UTC" : ""), p = (n = {}, n[s] = u + "Date", n[f] = u + "Date", n[l] = u + "Month", n[d] = u + "FullYear", n[o] = u + "Hours", n[a] = u + "Minutes", n[i] = u + "Seconds", n[r] = u + "Milliseconds", n)[c], m = c === s ? this.$D + (t - this.$W) : t;
+				if (c === l || c === d) {
+					var h = this.clone().set(f, 1);
+					h.$d[p](m), h.init(), this.$d = h.set(f, Math.min(this.$D, h.daysInMonth())).$d;
+				} else p && this.$d[p](m);
+				return this.init(), this;
+			}, _.set = function(e, t) {
+				return this.clone().$set(e, t);
+			}, _.get = function(e) {
+				return this[T.p(e)]();
+			}, _.add = function(r, u) {
+				var f, p = this;
+				r = Number(r);
+				var m = T.p(u), h = function(e) {
+					var t = w(p);
+					return T.w(t.date(t.date() + Math.round(e * r)), p);
+				};
+				if (m === l) return this.set(l, this.$M + r);
+				if (m === d) return this.set(d, this.$y + r);
+				if (m === s) return h(1);
+				if (m === c) return h(7);
+				var g = (f = {}, f[a] = t, f[o] = n, f[i] = e, f)[m] || 1, _ = this.$d.getTime() + r * g;
+				return T.w(_, this);
+			}, _.subtract = function(e, t) {
+				return this.add(-1 * e, t);
+			}, _.format = function(e) {
+				var t = this, n = this.$locale();
+				if (!this.isValid()) return n.invalidDate || p;
+				var r = e || "YYYY-MM-DDTHH:mm:ssZ", i = T.z(this), a = this.$H, o = this.$m, s = this.$M, c = n.weekdays, l = n.months, u = n.meridiem, d = function(e, n, i, a) {
+					return e && (e[n] || e(t, r)) || i[n].slice(0, a);
+				}, f = function(e) {
+					return T.s(a % 12 || 12, e, "0");
+				}, m = u || function(e, t, n) {
+					var r = e < 12 ? "AM" : "PM";
+					return n ? r.toLowerCase() : r;
+				};
+				return r.replace(h, (function(e, r) {
+					return r || function(e) {
+						switch (e) {
+							case "YY": return String(t.$y).slice(-2);
+							case "YYYY": return T.s(t.$y, 4, "0");
+							case "M": return s + 1;
+							case "MM": return T.s(s + 1, 2, "0");
+							case "MMM": return d(n.monthsShort, s, l, 3);
+							case "MMMM": return d(l, s);
+							case "D": return t.$D;
+							case "DD": return T.s(t.$D, 2, "0");
+							case "d": return String(t.$W);
+							case "dd": return d(n.weekdaysMin, t.$W, c, 2);
+							case "ddd": return d(n.weekdaysShort, t.$W, c, 3);
+							case "dddd": return c[t.$W];
+							case "H": return String(a);
+							case "HH": return T.s(a, 2, "0");
+							case "h": return f(1);
+							case "hh": return f(2);
+							case "a": return m(a, o, !0);
+							case "A": return m(a, o, !1);
+							case "m": return String(o);
+							case "mm": return T.s(o, 2, "0");
+							case "s": return String(t.$s);
+							case "ss": return T.s(t.$s, 2, "0");
+							case "SSS": return T.s(t.$ms, 3, "0");
+							case "Z": return i;
+						}
+						return null;
+					}(e) || i.replace(":", "");
+				}));
+			}, _.utcOffset = function() {
+				return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
+			}, _.diff = function(r, f, p) {
+				var m, h = this, g = T.p(f), _ = w(r), v = (_.utcOffset() - this.utcOffset()) * t, y = this - _, b = function() {
+					return T.m(h, _);
+				};
+				switch (g) {
+					case d:
+						m = b() / 12;
+						break;
+					case l:
+						m = b();
+						break;
+					case u:
+						m = b() / 3;
+						break;
+					case c:
+						m = (y - v) / 6048e5;
+						break;
+					case s:
+						m = (y - v) / 864e5;
+						break;
+					case o:
+						m = y / n;
+						break;
+					case a:
+						m = y / t;
+						break;
+					case i:
+						m = y / e;
+						break;
+					default: m = y;
+				}
+				return p ? m : T.a(m);
+			}, _.daysInMonth = function() {
+				return this.endOf(l).$D;
+			}, _.$locale = function() {
+				return b[this.$L];
+			}, _.locale = function(e, t) {
+				if (!e) return this.$L;
+				var n = this.clone(), r = C(e, t, !0);
+				return r && (n.$L = r), n;
+			}, _.clone = function() {
+				return T.w(this.$d, this);
+			}, _.toDate = function() {
+				return new Date(this.valueOf());
+			}, _.toJSON = function() {
+				return this.isValid() ? this.toISOString() : null;
+			}, _.toISOString = function() {
+				return this.$d.toISOString();
+			}, _.toString = function() {
+				return this.$d.toUTCString();
+			}, g;
+		}(), D = E.prototype;
+		return w.prototype = D, [
+			["$ms", r],
+			["$s", i],
+			["$m", a],
+			["$H", o],
+			["$W", s],
+			["$M", l],
+			["$y", d],
+			["$D", f]
+		].forEach((function(e) {
+			D[e[1]] = function(t) {
+				return this.$g(t, e[0], e[1]);
+			};
+		})), w.extend = function(e, t) {
+			return e.$i ||= (e(t, E, w), !0), w;
+		}, w.locale = C, w.isDayjs = S, w.unix = function(e) {
+			return w(1e3 * e);
+		}, w.en = b[y], w.Ls = b, w.p = {}, w;
+	}));
+})))(), Array.prototype.mapNotNull = function(e) {
+	return this.flatMap((t, n) => {
+		let r = e(t, n);
+		return r == null ? [] : [r];
+	});
 }, (/* @__PURE__ */ L(((e, t) => {
 	(function(n, r) {
 		typeof e == "object" && t !== void 0 ? t.exports = r() : typeof define == "function" && define.amd ? define(r) : (n = typeof globalThis < "u" ? globalThis : n || self).dayjs = r();
@@ -3666,7 +3965,7 @@ Array.prototype.mapNotNull = function(e) {
 		}, w.en = b[y], w.Ls = b, w.p = {}, w;
 	}));
 })))();
-var R = class {
+var z = class {
 	url = "";
 	file = null;
 	constructor(e = {}) {
@@ -3981,72 +4280,80 @@ Array.prototype.mapNotNull = function(e) {
 })))();
 //#endregion
 //#region src/types/image.tsx
-var z = ({ children: e }) => /* @__PURE__ */ c("div", { children: e }), B = (e) => /* @__PURE__ */ c("label", { ...e }), V = ({ children: e }) => /* @__PURE__ */ c("p", { children: e }), H = (e) => /* @__PURE__ */ c("input", { ...e }), U = ({ children: e, ...t }) => /* @__PURE__ */ c("div", {
+var B = ({ children: e }) => /* @__PURE__ */ c("div", { children: e }), V = (e) => /* @__PURE__ */ c("label", { ...e }), H = ({ children: e }) => /* @__PURE__ */ c("p", { children: e }), U = (e) => /* @__PURE__ */ c("input", { ...e }), W = ({ children: e, ...t }) => /* @__PURE__ */ c("div", {
 	...t,
 	children: e
-}), W = (e) => null, G = ({ children: e, ...t }) => /* @__PURE__ */ c("div", {
+}), G = (e) => null, K = ({ children: e, ...t }) => /* @__PURE__ */ c("div", {
 	...t,
 	children: e
-}), K = ({ children: e, type: t = "button", ...n }) => /* @__PURE__ */ c("button", {
+}), q = ({ children: e, type: t = "button", ...n }) => /* @__PURE__ */ c("button", {
 	type: t,
 	...n,
 	children: e
-}), q = ({ className: e }) => /* @__PURE__ */ c("span", {
+}), J = ({ className: e }) => /* @__PURE__ */ c("span", {
 	className: e,
 	children: "×"
 });
 //#endregion
 //#region src/components/image/ImageUploadField.tsx
-function J({ id: e, label: t, uploadHintText: n, descriptionText: r, value: i, onChange: a, aspectRatio: o = "1 / 1", accept: s = "image/*", components: u }) {
-	let { t: d } = v(), f = u?.Field ?? z, p = u?.FieldLabel ?? B, m = u?.FieldDescription ?? V, h = u?.Input ?? H;
-	return /* @__PURE__ */ c(f, { children: /* @__PURE__ */ l("div", {
-		className: "space-y-4",
-		children: [
-			/* @__PURE__ */ c(p, {
-				htmlFor: e,
-				children: t
-			}),
-			/* @__PURE__ */ c("label", {
+function Y({ id: e, label: t, uploadHintText: n, descriptionText: r, value: i, onChange: a, aspectRatio: o = "1 / 1", accept: s = "image/*", components: u }) {
+	let { t: d } = v(), f = u?.Field ?? B, p = u?.FieldLabel ?? V, m = u?.FieldDescription ?? H, h = u?.Input ?? U;
+	return /* @__PURE__ */ l(f, { children: [
+		/* @__PURE__ */ c(p, {
+			htmlFor: e,
+			children: t
+		}),
+		/* @__PURE__ */ l("div", {
+			className: "space-y-4",
+			children: [/* @__PURE__ */ c("label", {
 				htmlFor: e,
 				className: "group block cursor-pointer",
 				children: /* @__PURE__ */ l("div", {
 					className: "relative overflow-hidden rounded-3xl border border-border bg-background transition-colors hover:bg-accent/30",
-					style: { aspectRatio: o },
-					children: [i.url ? /* @__PURE__ */ c(A, {
-						className: "h-full w-full object-cover",
-						src: i.url
-					}) : /* @__PURE__ */ l("div", {
-						className: "flex h-full w-full flex-col items-center justify-center gap-4 text-muted-foreground",
-						children: [/* @__PURE__ */ c("div", {
-							className: "rounded-2xl bg-muted px-4 py-3 text-sm",
-							children: d("libs:add_assets")
-						}), /* @__PURE__ */ c("p", {
-							className: "text-sm",
-							children: n
-						})]
+					children: [/* @__PURE__ */ c("div", {
+						className: "relative w-full aspect-video md:aspect-21/9",
+						children: i.url ? /* @__PURE__ */ c("div", {
+							className: "absolute inset-0 p-6 md:p-8",
+							children: /* @__PURE__ */ c("div", {
+								className: "m-auto max-h-full max-w-full",
+								style: { aspectRatio: o },
+								children: /* @__PURE__ */ c(A, {
+									className: "h-full w-full object-cover",
+									src: i.url
+								})
+							})
+						}) : /* @__PURE__ */ l("div", {
+							className: "flex h-full w-full flex-col items-center justify-center gap-4 text-muted-foreground",
+							children: [/* @__PURE__ */ c("div", {
+								className: "rounded-2xl bg-muted px-4 py-3 text-sm",
+								children: d("libs:add_assets")
+							}), /* @__PURE__ */ c("p", {
+								className: "text-sm",
+								children: n
+							})]
+						})
 					}), /* @__PURE__ */ c("div", { className: "pointer-events-none absolute inset-0 ring-0 transition-all group-hover:ring-2 group-hover:ring-primary/20" })]
 				})
-			}),
-			/* @__PURE__ */ c(h, {
+			}), /* @__PURE__ */ c(h, {
 				id: e,
 				type: "file",
 				accept: s,
 				className: "hidden",
 				onChange: (e) => {
 					let t = e.target.files?.[0];
-					t && (i.revokeIfNeeded(), a(new R({
+					t && (i.revokeIfNeeded(), a(new z({
 						file: t,
 						url: URL.createObjectURL(t)
 					})), e.currentTarget.value = "");
 				}
-			}),
-			/* @__PURE__ */ c(m, { children: r })
-		]
-	}) });
+			})]
+		}),
+		/* @__PURE__ */ c(m, { children: r })
+	] });
 }
 //#endregion
 //#region src/types/localized.ts
-var Y = ["ko", "en"], X = class {
+var ae = ["ko", "en"], X = class {
 	url = "";
 	file = null;
 	constructor(e = {}) {
@@ -4061,8 +4368,8 @@ var Y = ["ko", "en"], X = class {
 };
 //#endregion
 //#region src/components/image/ImageUploadSortableField.tsx
-function ae({ id: e, label: t, descriptionText: n, uploadHintText: r, items: i, onChange: a, aspectRatio: s = "1 / 1", accept: u = "image/*", cardRounded: d = "rounded-md", components: f }) {
-	let { t: p } = v(), m = f?.Field ?? z, h = f?.FieldLabel ?? B, g = f?.FieldDescription ?? V, _ = f?.Input ?? H, y = f?.ScrollArea ?? U, b = f?.ScrollBar ?? W, x = f?.Card ?? G, S = f?.Button ?? K, C = f?.CloseIcon ?? q, w = (e) => {
+function oe({ id: e, label: t, descriptionText: n, uploadHintText: r, items: i, onChange: a, aspectRatio: s = "1 / 1", accept: u = "image/*", cardRounded: d = "rounded-md", components: f }) {
+	let { t: p } = v(), m = f?.Field ?? B, h = f?.FieldLabel ?? V, g = f?.FieldDescription ?? H, _ = f?.Input ?? U, y = f?.ScrollArea ?? W, b = f?.ScrollBar ?? G, x = f?.Card ?? K, S = f?.Button ?? q, C = f?.CloseIcon ?? J, w = (e) => {
 		e.revokeIfNeeded(), a(i.filter((t) => t !== e));
 	}, T = (e) => {
 		!e || e.length === 0 || a([...i, ...Array.from(e).map((e) => new X({
@@ -4070,89 +4377,85 @@ function ae({ id: e, label: t, descriptionText: n, uploadHintText: r, items: i,
 			url: URL.createObjectURL(e)
 		}))]);
 	};
-	return /* @__PURE__ */ c(m, { children: /* @__PURE__ */ l("div", {
+	return /* @__PURE__ */ l(m, { children: [/* @__PURE__ */ c(h, {
+		htmlFor: e,
+		children: t
+	}), /* @__PURE__ */ l("div", {
 		className: "space-y-3",
-		children: [
-			/* @__PURE__ */ c(h, {
-				htmlFor: e,
-				children: t
-			}),
-			/* @__PURE__ */ l("div", {
-				className: "rounded-3xl border border-border bg-background",
-				children: [/* @__PURE__ */ l(y, {
-					className: "w-full whitespace-nowrap",
-					children: [/* @__PURE__ */ l(o.Group, {
-						axis: "x",
-						values: i,
-						onReorder: a,
-						layoutScroll: !0,
-						className: "flex w-max gap-4 p-4",
-						children: [i.map((e) => /* @__PURE__ */ c(o.Item, {
-							value: e,
-							className: "relative shrink-0",
-							children: /* @__PURE__ */ c(x, {
-								className: `w-60 overflow-hidden ${d} p-0`,
-								style: { aspectRatio: s },
-								children: /* @__PURE__ */ l("div", {
-									className: "relative h-full w-full",
-									children: [/* @__PURE__ */ c(O, {
-										src: e.url,
-										className: "h-full w-full object-cover",
-										draggable: !1
-									}), /* @__PURE__ */ c(S, {
-										type: "button",
-										className: "absolute bottom-4 right-4 rounded-full shadow-sm",
-										onClick: () => w(e),
-										children: /* @__PURE__ */ c(C, {})
-									})]
-								})
+		children: [/* @__PURE__ */ l("div", {
+			className: "rounded-3xl border border-border bg-background",
+			children: [/* @__PURE__ */ l(y, {
+				className: "w-full whitespace-nowrap",
+				children: [/* @__PURE__ */ l(o.Group, {
+					axis: "x",
+					values: i,
+					onReorder: a,
+					layoutScroll: !0,
+					className: "flex w-max gap-4 p-4",
+					children: [i.map((e) => /* @__PURE__ */ c(o.Item, {
+						value: e,
+						className: "relative shrink-0",
+						children: /* @__PURE__ */ c(x, {
+							className: `w-60 overflow-hidden ${d} p-0`,
+							style: { aspectRatio: s },
+							children: /* @__PURE__ */ l("div", {
+								className: "relative h-full w-full",
+								children: [/* @__PURE__ */ c(O, {
+									src: e.url,
+									className: "h-full w-full object-cover",
+									draggable: !1
+								}), /* @__PURE__ */ c(S, {
+									type: "button",
+									className: "absolute bottom-4 right-4 rounded-full shadow-sm",
+									onClick: () => w(e),
+									children: /* @__PURE__ */ c(C, {})
+								})]
 							})
-						}, e.url)), /* @__PURE__ */ c("label", {
-							htmlFor: e,
-							className: "block shrink-0 cursor-pointer",
-							children: /* @__PURE__ */ c(x, {
-								className: `w-60 overflow-hidden ${d} border-dashed p-0 transition-colors hover:bg-accent/30`,
-								style: { aspectRatio: s },
-								children: /* @__PURE__ */ l("div", {
-									className: "flex h-full w-full flex-col items-center justify-center gap-4 text-muted-foreground",
-									children: [/* @__PURE__ */ c("div", {
-										className: "rounded-2xl bg-muted px-4 py-3 text-sm",
-										children: p("libs:add_assets")
-									}), /* @__PURE__ */ c("p", {
-										className: "text-sm",
-										children: r
-									})]
-								})
+						})
+					}, e.url)), /* @__PURE__ */ c("label", {
+						htmlFor: e,
+						className: "block shrink-0 cursor-pointer",
+						children: /* @__PURE__ */ c(x, {
+							className: `w-60 overflow-hidden ${d} border-dashed p-0 transition-colors hover:bg-accent/30`,
+							style: { aspectRatio: s },
+							children: /* @__PURE__ */ l("div", {
+								className: "flex h-full w-full flex-col items-center justify-center gap-4 text-muted-foreground",
+								children: [/* @__PURE__ */ c("div", {
+									className: "rounded-2xl bg-muted px-4 py-3 text-sm",
+									children: p("libs:add_assets")
+								}), /* @__PURE__ */ c("p", {
+									className: "text-sm",
+									children: r
+								})]
 							})
-						})]
-					}), /* @__PURE__ */ c(b, {
-						orientation: "horizontal",
-						className: "mx-4"
+						})
 					})]
-				}), /* @__PURE__ */ c(_, {
-					id: e,
-					type: "file",
-					accept: u,
-					multiple: !0,
-					className: "hidden",
-					onChange: (e) => {
-						T(e.target.files), e.currentTarget.value = "";
-					}
+				}), /* @__PURE__ */ c(b, {
+					orientation: "horizontal",
+					className: "mx-4"
 				})]
-			}),
-			/* @__PURE__ */ c(g, { children: n })
-		]
-	}) });
+			}), /* @__PURE__ */ c(_, {
+				id: e,
+				type: "file",
+				accept: u,
+				multiple: !0,
+				className: "hidden",
+				onChange: (e) => {
+					T(e.target.files), e.currentTarget.value = "";
+				}
+			})]
+		}), /* @__PURE__ */ c(g, { children: n })]
+	})] });
 }
 //#endregion
 //#region src/utils/firestore.ts
-function oe(e) {
+function se(e) {
 	return {
 		...e.data(),
 		id: e.id
 	};
 }
-async function se(e, t, n, r) {
+async function ce(e, t, n, r) {
 	let i = r.filter((e) => !!(e && !n.has(e.path)));
 	for (let r = 0; r < i.length; r += 30) {
 		let a = i.slice(r, r + 30);
@@ -4162,27 +4465,27 @@ async function se(e, t, n, r) {
 		});
 	}
 }
-async function ce(e, t, n) {
+async function le(e, t, n) {
 	let r = n.filter((e) => !!(e && !t.has(e.path)));
 	await Promise.all(r.map(async (n) => {
 		let r = e(await d(n));
 		t.set(n.path, r);
 	}));
 }
-function le(e = {}) {
+function ue(e = {}) {
 	let { cache: t = !0, includeMetadataChanges: n } = e;
 	return {
 		listenOptions: { includeMetadataChanges: n ?? !t },
 		cache: t
 	};
 }
-function ue(e, t) {
+function de(e, t) {
 	return t !== !1 || !e;
 }
-function de(e, t, n = {}) {
-	let { listenOptions: r, cache: i } = le(n), { onError: a } = n;
+function fe(e, t, n = {}) {
+	let { listenOptions: r, cache: i } = ue(n), { onError: a } = n;
 	return e.type, p(e, r, (e) => {
-		ue(e.metadata.fromCache, i) && t(e);
+		de(e.metadata.fromCache, i) && t(e);
 	}, a);
 }
 //#endregion
@@ -4195,14 +4498,14 @@ Array.prototype.mapNotNull = function(e) {
 };
 //#endregion
 //#region src/utils/platform.ts
-function fe() {
+function pe() {
 	if (typeof window > "u") return "pc";
 	let e = navigator.userAgent, t = navigator.platform, n = /Android/i.test(e), r = /iPhone|iPad|iPod/i.test(e) || t === "MacIntel" && navigator.maxTouchPoints > 1;
 	return n ? "android" : r ? "ios" : "pc";
 }
 //#endregion
 //#region src/utils/zustand.tsx
-function pe(n) {
+function me(n) {
 	let r = e(null);
 	function a({ children: e, ...t }) {
 		let [a] = i(() => n(t));
@@ -4524,7 +4827,7 @@ function Q(e, t, n) {
 	let r = (0, Z.default)(e);
 	return !e || !r.isValid() ? "" : r.format(n(t));
 }
-function $() {
+function he() {
 	let { t: e } = v();
 	return r(() => ({
 		basicDateTimeFormat: (t, n) => Q(t, n, e),
@@ -4533,26 +4836,26 @@ function $() {
 		timeFormat: (t) => Q(t, "libs:datetime.time_format", e)
 	}), [e]);
 }
-function me(e) {
+function ge(e) {
 	let t = (0, Z.default)(e);
 	return t.isValid() ? t.format("YYYYMMDD") : "";
 }
-function he(e) {
+function $(e) {
 	let t = (0, Z.default)(e);
 	return t.isValid() ? t.format("HH:mm") : "";
 }
 //#endregion
 //#region src/constant/firestore.ts
-var ge = () => ({
+var _e = () => ({
 	updateAt: h(),
 	delete: !0
-}), _e = () => ({
+}), ve = () => ({
 	updateAt: h(),
 	delete: !1
 });
 //#endregion
 //#region src/constant/auth.ts
-function ve(e) {
+function ye(e) {
 	switch (e) {
 		case "auth/user-not-found": return "libs:auth.errors.user_not_found";
 		case "auth/wrong-password": return "libs:auth.errors.wrong_password";
@@ -4574,7 +4877,7 @@ function ve(e) {
 		default: return "libs:auth.errors.default";
 	}
 }
-var ye = {
+var be = {
 	auth: { errors: {
 		invalid_credential: "이메일 또는 비밀번호를 다시 확인해 주세요.",
 		wrong_password: "이메일 또는 비밀번호를 다시 확인해 주세요.",
@@ -4604,7 +4907,7 @@ var ye = {
 		time_format: "a h:mm:ss"
 	},
 	add_assets: "애셋 추가"
-}, be = {
+}, xe = {
 	auth: { errors: {
 		invalid_credential: "Please check your email or password.",
 		wrong_password: "Please check your email or password.",
@@ -4637,12 +4940,12 @@ var ye = {
 };
 //#endregion
 //#region src/locales/i18n.ts
-function xe(e) {
-	e.hasResourceBundle("ko", "libs") || e.addResourceBundle("ko", "libs", ye, !0, !1), e.hasResourceBundle("en", "libs") || e.addResourceBundle("en", "libs", be, !0, !1);
+function Se(e) {
+	e.hasResourceBundle("ko", "libs") || e.addResourceBundle("ko", "libs", be, !0, !1), e.hasResourceBundle("en", "libs") || e.addResourceBundle("en", "libs", xe, !0, !1);
 }
 //#endregion
 //#region src/css/toast.ts
-var Se = {
+var Ce = {
 	Info: {
 		Soft: {
 			"--normal-bg": "color-mix(in oklab, light-dark(var(--color-sky-600), var(--color-sky-400)) 10%, var(--background))",
@@ -4713,4 +5016,4 @@ var Se = {
 	}
 };
 //#endregion
-export { O as CrossfadeImage, J as ImageUploadField, X as ImageUploadItem, ae as ImageUploadSortableField, Y as SUPPORTED_LOCALES, Se as ToastCSS, pe as createZustandContext, me as dateIdFormat, ge as deleteItem, se as fetchItems, ce as fetchItemsByOne, ve as getAuthErrorKey, fe as getPlatformType, de as getSnapshots, xe as initIenlabI18n, oe as snapshotToData, he as time24Format, _e as undeleteItem, $ as useDateTimeFormatters };
+export { O as CrossfadeImage, Y as ImageUploadField, X as ImageUploadItem, oe as ImageUploadSortableField, ae as SUPPORTED_LOCALES, Ce as ToastCSS, me as createZustandContext, ge as dateIdFormat, _e as deleteItem, ce as fetchItems, le as fetchItemsByOne, ye as getAuthErrorKey, pe as getPlatformType, fe as getSnapshots, Se as initIenlabI18n, se as snapshotToData, $ as time24Format, ve as undeleteItem, he as useDateTimeFormatters };