@petnow/ui 0.0.6 → 0.0.7

package/dist/index.es.js

@@ -18,14 +18,14 @@ function pn() {
   Jt = 1;
   var e = k, t = Symbol.for("react.element"), r = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, o = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
   function a(s, u, y) {
-    var c, p = {}, O = null, C = null;
-    y !== void 0 && (O = "" + y), u.key !== void 0 && (O = "" + u.key), u.ref !== void 0 && (C = u.ref);
+    var c, p = {}, P = null, C = null;
+    y !== void 0 && (P = "" + y), u.key !== void 0 && (P = "" + u.key), u.ref !== void 0 && (C = u.ref);
     for (c in u)
       n.call(u, c) && !l.hasOwnProperty(c) && (p[c] = u[c]);
     if (s && s.defaultProps)
       for (c in u = s.defaultProps, u)
         p[c] === void 0 && (p[c] = u[c]);
-    return { $$typeof: t, type: s, key: O, ref: C, props: p, _owner: o.current };
+    return { $$typeof: t, type: s, key: P, ref: C, props: p, _owner: o.current };
   }
   return We.Fragment = r, We.jsx = a, We.jsxs = a, We;
 }
@@ -42,7 +42,7 @@ var Be = {};
 var Xt;
 function mn() {
   return Xt || (Xt = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = k, t = Symbol.for("react.element"), r = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), a = Symbol.for("react.provider"), s = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), y = Symbol.for("react.suspense"), c = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), O = Symbol.for("react.lazy"), C = Symbol.for("react.offscreen"), b = Symbol.iterator, g = "@@iterator";
+    var e = k, t = Symbol.for("react.element"), r = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), a = Symbol.for("react.provider"), s = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), y = Symbol.for("react.suspense"), c = Symbol.for("react.suspense_list"), p = Symbol.for("react.memo"), P = Symbol.for("react.lazy"), C = Symbol.for("react.offscreen"), b = Symbol.iterator, g = "@@iterator";
     function x(i) {
       if (i === null || typeof i != "object")
         return null;
@@ -70,7 +70,7 @@ function mn() {
     var z = !1, G = !1, q = !1, ae = !1, Z = !1, V;
     V = Symbol.for("react.module.reference");
     function te(i) {
-      return !!(typeof i == "string" || typeof i == "function" || i === n || i === l || Z || i === o || i === y || i === c || ae || i === C || z || G || q || typeof i == "object" && i !== null && (i.$$typeof === O || i.$$typeof === p || i.$$typeof === a || i.$$typeof === s || i.$$typeof === u || // This needs to include all possible module reference object
+      return !!(typeof i == "string" || typeof i == "function" || i === n || i === l || Z || i === o || i === y || i === c || ae || i === C || z || G || q || typeof i == "object" && i !== null && (i.$$typeof === P || i.$$typeof === p || i.$$typeof === a || i.$$typeof === s || i.$$typeof === u || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -120,7 +120,7 @@ function mn() {
           case p:
             var S = i.displayName || null;
             return S !== null ? S : w(i.type) || "Memo";
-          case O: {
+          case P: {
             var A = i, M = A._payload, N = A._init;
             try {
               return w(N(M));
@@ -309,7 +309,7 @@ function mn() {
             return X(i.render);
           case p:
             return Ze(i.type, d, h);
-          case O: {
+          case P: {
             var S = i, A = S._payload, M = S._init;
             try {
               return Ze(M(A), d, h);
@@ -627,7 +627,7 @@ Check the top-level render call using <` + h + ">.");
   }()), Be;
 }
 process.env.NODE_ENV === "production" ? Pt.exports = pn() : Pt.exports = mn();
-var P = Pt.exports;
+var O = Pt.exports;
 function ar(e) {
   var t, r, n = "";
   if (typeof e == "string" || typeof e == "number")
@@ -786,10 +786,10 @@ function En(e) {
       }
       x === "[" ? u++ : x === "]" && u--;
     }
-    const p = s.length === 0 ? a : a.substring(y), O = p.startsWith(sr), C = O ? p.substring(1) : p, b = c && c > y ? c - y : void 0;
+    const p = s.length === 0 ? a : a.substring(y), P = p.startsWith(sr), C = P ? p.substring(1) : p, b = c && c > y ? c - y : void 0;
     return {
       modifiers: s,
-      hasImportantModifier: O,
+      hasImportantModifier: P,
       baseClassName: C,
       maybePostfixModifierPosition: b
     };
@@ -825,7 +825,7 @@ function jn(e, t) {
       baseClassName: y,
       maybePostfixModifierPosition: c
     } = r(a);
-    let p = n(c ? y.substring(0, c) : y), O = !!c;
+    let p = n(c ? y.substring(0, c) : y), P = !!c;
     if (!p) {
       if (!c)
         return {
@@ -837,7 +837,7 @@ function jn(e, t) {
           isTailwindClass: !1,
           originalClassName: a
         };
-      O = !1;
+      P = !1;
     }
     const C = On(s).join(":");
     return {
@@ -845,7 +845,7 @@ function jn(e, t) {
       modifierId: u ? C + sr : C,
       classGroupId: p,
       originalClassName: a,
-      hasPostfixModifier: O
+      hasPostfixModifier: P
     };
   }).reverse().filter((a) => {
     if (!a.isTailwindClass)
@@ -952,7 +952,7 @@ function Gn(e) {
   return Dn.test(e);
 }
 function Vn() {
-  const e = F("colors"), t = F("spacing"), r = F("blur"), n = F("brightness"), o = F("borderColor"), l = F("borderRadius"), a = F("borderSpacing"), s = F("borderWidth"), u = F("contrast"), y = F("grayscale"), c = F("hueRotate"), p = F("invert"), O = F("gap"), C = F("gradientColorStops"), b = F("gradientColorStopPositions"), g = F("inset"), x = F("margin"), E = F("opacity"), j = F("padding"), $ = F("saturate"), z = F("scale"), G = F("sepia"), q = F("skew"), ae = F("space"), Z = F("translate"), V = () => ["auto", "contain", "none"], te = () => ["auto", "hidden", "clip", "visible", "scroll"], m = () => ["auto", T, t], f = () => [T, t], w = () => ["", de, he], v = () => ["auto", Se, T], _ = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], D = () => ["solid", "dashed", "dotted", "double", "none"], W = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], K = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], L = () => ["", "0", T], ue = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], ee = () => [Se, rt], re = () => [Se, T];
+  const e = F("colors"), t = F("spacing"), r = F("blur"), n = F("brightness"), o = F("borderColor"), l = F("borderRadius"), a = F("borderSpacing"), s = F("borderWidth"), u = F("contrast"), y = F("grayscale"), c = F("hueRotate"), p = F("invert"), P = F("gap"), C = F("gradientColorStops"), b = F("gradientColorStopPositions"), g = F("inset"), x = F("margin"), E = F("opacity"), j = F("padding"), $ = F("saturate"), z = F("scale"), G = F("sepia"), q = F("skew"), ae = F("space"), Z = F("translate"), V = () => ["auto", "contain", "none"], te = () => ["auto", "hidden", "clip", "visible", "scroll"], m = () => ["auto", T, t], f = () => [T, t], w = () => ["", de, he], v = () => ["auto", Se, T], _ = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], D = () => ["solid", "dashed", "dotted", "double", "none"], W = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], K = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], L = () => ["", "0", T], ue = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], ee = () => [Se, rt], re = () => [Se, T];
   return {
     cacheSize: 500,
     separator: ":",
@@ -1335,21 +1335,21 @@ function Vn() {
        * @see https://tailwindcss.com/docs/gap
        */
       gap: [{
-        gap: [O]
+        gap: [P]
       }],
       /**
        * Gap X
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-x": [{
-        "gap-x": [O]
+        "gap-x": [P]
       }],
       /**
        * Gap Y
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-y": [{
-        "gap-y": [O]
+        "gap-y": [P]
       }],
       /**
        * Justify Content
@@ -2971,13 +2971,13 @@ const Yn = /* @__PURE__ */ Tn(Vn);
 function qn(...e) {
   return Yn(gn(e));
 }
-const Kn = ({ className: e, text: t, onClick: r, disabled: n }) => /* @__PURE__ */ P.jsx(
+const Kn = ({ className: e, text: t, onClick: r, disabled: n }) => /* @__PURE__ */ O.jsx(
   "button",
   {
     disabled: n,
     onClick: r,
     className: qn(
-      "w-full bg-petnowOrange hover:bg-[#DF592C] transition-colors duration-200 text-white py-5 rounded-xl font-bold text-2xl disabled:bg-lightGray disabled:hover:bg-lightGray",
+      "w-full rounded-xl bg-petnowOrange py-5 text-2xl font-bold text-white transition-colors duration-200 hover:bg-[#DF592C] disabled:bg-lightGray disabled:hover:bg-lightGray",
       e
     ),
     children: t
@@ -3279,7 +3279,7 @@ function it(e, t, { sorted: r = !0, relativeTo: n = null, skipElements: o = [] }
     if (t & 8)
       return a.length - 1;
     throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last");
-  })(), y = t & 32 ? { preventScroll: !0 } : {}, c = 0, p = a.length, O;
+  })(), y = t & 32 ? { preventScroll: !0 } : {}, c = 0, p = a.length, P;
   do {
     if (c >= p || c + p <= 0)
       return 0;
@@ -3292,9 +3292,9 @@ function it(e, t, { sorted: r = !0, relativeTo: n = null, skipElements: o = [] }
       if (C >= p)
         return 1;
     }
-    O = a[C], O == null || O.focus(y), c += s;
-  } while (O !== l.activeElement);
-  return t & 6 && go(O) && O.select(), 2;
+    P = a[C], P == null || P.focus(y), c += s;
+  } while (P !== l.activeElement);
+  return t & 6 && go(P) && P.select(), 2;
 }
 function yr() {
   return /iPhone/gi.test(window.navigator.platform) || /Mac/gi.test(window.navigator.platform) && window.navigator.maxTouchPoints > 0;
@@ -3418,10 +3418,10 @@ function ot(e, t = {}, r, n, o) {
   "className" in u && u.className && typeof u.className == "function" && (u.className = u.className(t));
   let p = {};
   if (t) {
-    let O = !1, C = [];
+    let P = !1, C = [];
     for (let [b, g] of Object.entries(t))
-      typeof g == "boolean" && (O = !0), g === !0 && C.push(b);
-    O && (p["data-headlessui-state"] = C.join(" "));
+      typeof g == "boolean" && (P = !0), g === !0 && C.push(b);
+    P && (p["data-headlessui-state"] = C.join(" "));
   }
   if (l === Ke && Object.keys(or(u)).length > 0) {
     if (!ln(c) || Array.isArray(c) && c.length > 1)
@@ -3429,7 +3429,7 @@ function ot(e, t = {}, r, n, o) {
 `), "", "You can apply a few solutions:", ['Add an `as="..."` prop, to ensure that we render an actual element instead of a "Fragment".', "Render a single element as the child so that we can forward the props onto that element."].map((g) => `  - ${g}`).join(`
 `)].join(`
 `));
-    let O = c.props, C = typeof (O == null ? void 0 : O.className) == "function" ? (...g) => nr(O == null ? void 0 : O.className(...g), u.className) : nr(O == null ? void 0 : O.className, u.className), b = C ? { className: C } : {};
+    let P = c.props, C = typeof (P == null ? void 0 : P.className) == "function" ? (...g) => nr(P == null ? void 0 : P.className(...g), u.className) : nr(P == null ? void 0 : P.className, u.className), b = C ? { className: C } : {};
     return sn(c, Object.assign({}, Er(c.props, or(xt(u, ["ref"]))), p, y, { ref: o(c.ref, y.ref) }, b));
   }
   return un(l, Object.assign({}, xt(u, ["ref"]), l !== Ke && y, l !== Ke && p), c);
@@ -3582,8 +3582,8 @@ function ko(e, t) {
         it(x, je.Last, { skipElements: [g.relatedTarget] });
       } });
     });
-  }), O = lo(), C = H(!1), b = { ref: n, onKeyDown(g) {
-    g.key == "Tab" && (C.current = !0, O.requestAnimationFrame(() => {
+  }), P = lo(), C = H(!1), b = { ref: n, onKeyDown(g) {
+    g.key == "Tab" && (C.current = !0, P.requestAnimationFrame(() => {
       C.current = !1;
     }));
   }, onBlur(g) {
@@ -3890,7 +3890,7 @@ function di({ defaultContainers: e = [], portals: t, mainTreeNodeRef: r } = {})
       for (let p of t.current)
         c.push(p);
     for (let p of (s = l == null ? void 0 : l.querySelectorAll("html > *, body > *")) != null ? s : [])
-      p !== document.body && p !== document.head && p instanceof HTMLElement && p.id !== "headlessui-portal-root" && (p.contains(o.current) || p.contains((y = (u = o.current) == null ? void 0 : u.getRootNode()) == null ? void 0 : y.host) || c.some((O) => p.contains(O)) || c.push(p));
+      p !== document.body && p !== document.head && p instanceof HTMLElement && p.id !== "headlessui-portal-root" && (p.contains(o.current) || p.contains((y = (u = o.current) == null ? void 0 : u.getRootNode()) == null ? void 0 : y.host) || c.some((P) => p.contains(P)) || c.push(p));
     return c;
   });
   return { resolveContainers: a, contains: Y((s) => a().some((u) => u.contains(s))), mainTreeNodeRef: o, MainTreeNode: ie(() => function() {
@@ -3966,9 +3966,9 @@ function Oi(e, t) {
 }
 let Pi = "div", Ci = St.RenderStrategy | St.Static;
 function ji(e, t) {
-  let r = Fe(), { id: n = `headlessui-dialog-${r}`, open: o, onClose: l, initialFocus: a, role: s = "dialog", __demoMode: u = !1, ...y } = e, [c, p] = Re(0), O = H(!1);
+  let r = Fe(), { id: n = `headlessui-dialog-${r}`, open: o, onClose: l, initialFocus: a, role: s = "dialog", __demoMode: u = !1, ...y } = e, [c, p] = Re(0), P = H(!1);
   s = function() {
-    return s === "dialog" || s === "alertdialog" ? s : (O.current || (O.current = !0, console.warn(`Invalid role [${s}] passed to <Dialog />. Only \`dialog\` and and \`alertdialog\` are supported. Using \`dialog\` instead.`)), "dialog");
+    return s === "dialog" || s === "alertdialog" ? s : (P.current || (P.current = !0, console.warn(`Invalid role [${s}] passed to <Dialog />. Only \`dialog\` and and \`alertdialog\` are supported. Using \`dialog\` instead.`)), "dialog");
   }();
   let C = Co();
   o === void 0 && C !== null && (o = (C & Ye.Open) === Ye.Open);
@@ -4055,15 +4055,15 @@ function Ai(e, t) {
 let Di = se(ji), Mi = se(Ri), Fi = se($i), Li = se(Ti), Ii = se(Ai), we = Object.assign(Di, { Backdrop: Mi, Panel: Fi, Overlay: Li, Title: Ii, Description: vi });
 const Gi = ({ checked: e, label: t, onChange: r, termImageUrl: n }) => {
   const [o, l] = Re(!1);
-  return /* @__PURE__ */ P.jsxs(P.Fragment, { children: [
-    /* @__PURE__ */ P.jsx(zi, { isOpen: o, setIsOpen: l, termImageUrl: n }),
-    /* @__PURE__ */ P.jsxs("div", { className: "inline-flex items-center", children: [
-      /* @__PURE__ */ P.jsxs("label", { className: "relative flex items-center p-3 rounded-full cursor-pointer", htmlFor: "check", children: [
-        /* @__PURE__ */ P.jsx(
+  return /* @__PURE__ */ O.jsxs(O.Fragment, { children: [
+    /* @__PURE__ */ O.jsx(zi, { isOpen: o, setIsOpen: l, termImageUrl: n }),
+    /* @__PURE__ */ O.jsxs("div", { className: "inline-flex items-center", children: [
+      /* @__PURE__ */ O.jsxs("label", { className: "relative flex cursor-pointer items-center rounded-full p-3", htmlFor: "check", children: [
+        /* @__PURE__ */ O.jsx(
           "input",
           {
             type: "checkbox",
-            className: "before:content[''] peer bg-[#C5C8CD] relative size-6 cursor-pointer appearance-none rounded-xl border border-blue-gray-200 transition-all before:absolute before:top-2/4 before:left-2/4 before:block before:h-12 before:w-12 before:-translate-y-2/4 before:-translate-x-2/4 before:rounded-full before:bg-blue-gray-500 before:opacity-0 before:transition-opacity checked:border-petnowOrange checked:bg-petnowOrange checked:before:bg-petnowOrange",
+            className: "before:content[''] border-blue-gray-200 before:bg-blue-gray-500 peer relative size-6 cursor-pointer appearance-none rounded-xl border bg-[#C5C8CD] transition-all before:absolute before:left-2/4 before:top-2/4 before:block before:h-12 before:w-12 before:-translate-x-2/4 before:-translate-y-2/4 before:rounded-full before:opacity-0 before:transition-opacity checked:border-petnowOrange checked:bg-petnowOrange checked:before:bg-petnowOrange",
             id: t,
             checked: e,
             onChange: (a) => {
@@ -4071,7 +4071,7 @@ const Gi = ({ checked: e, label: t, onChange: r, termImageUrl: n }) => {
             }
           }
         ),
-        /* @__PURE__ */ P.jsx("span", { className: "absolute transition text-[#8B919A] pointer-events-none top-2/4 left-2/4 -translate-y-2/4 -translate-x-2/4 peer-checked:text-white", children: /* @__PURE__ */ P.jsx(
+        /* @__PURE__ */ O.jsx("span", { className: "pointer-events-none absolute left-2/4 top-2/4 -translate-x-2/4 -translate-y-2/4 text-[#8B919A] transition peer-checked:text-white", children: /* @__PURE__ */ O.jsx(
           "svg",
           {
             xmlns: "http://www.w3.org/2000/svg",
@@ -4080,7 +4080,7 @@ const Gi = ({ checked: e, label: t, onChange: r, termImageUrl: n }) => {
             fill: "currentColor",
             stroke: "currentColor",
             strokeWidth: "1",
-            children: /* @__PURE__ */ P.jsx(
+            children: /* @__PURE__ */ O.jsx(
               "path",
               {
                 fillRule: "evenodd",
@@ -4091,31 +4091,31 @@ const Gi = ({ checked: e, label: t, onChange: r, termImageUrl: n }) => {
           }
         ) })
       ] }),
-      t && /* @__PURE__ */ P.jsxs("div", { className: "flex items-center", children: [
-        /* @__PURE__ */ P.jsx("label", { className: "cursor-pointer font-medium", htmlFor: t, children: t }),
-        /* @__PURE__ */ P.jsx(
+      t && /* @__PURE__ */ O.jsxs("div", { className: "flex items-center", children: [
+        /* @__PURE__ */ O.jsx("label", { className: "cursor-pointer font-medium", htmlFor: t, children: t }),
+        /* @__PURE__ */ O.jsx(
           no,
           {
             onClick: () => {
               l(!0);
             },
-            className: "text-deepGray ml-2 mt-[2.5px] cursor-pointer",
+            className: "ml-2 mt-[2.5px] cursor-pointer text-deepGray",
             size: 24
           }
         )
       ] })
     ] })
   ] });
-}, zi = ({ isOpen: e, setIsOpen: t, termImageUrl: r }) => /* @__PURE__ */ P.jsxs(we, { open: e, onClose: () => t(!1), className: "relative z-50", children: [
-  /* @__PURE__ */ P.jsx("div", { className: "fixed inset-0 bg-black/30", "aria-hidden": "true" }),
-  /* @__PURE__ */ P.jsx("div", { className: "fixed inset-0 w-screen overflow-y-auto", children: /* @__PURE__ */ P.jsx("div", { className: "flex min-h-full items-center justify-center p-4", children: /* @__PURE__ */ P.jsxs(we.Panel, { className: "mx-auto max-w-sm rounded bg-white flex flex-col gap-8 items-center", children: [
-    /* @__PURE__ */ P.jsx("div", { className: "flex flex-row-reverse w-full h-[36px] bg-[#F0F1F2] items-center", children: /* @__PURE__ */ P.jsx(gr, { size: 20, className: "mr-2", onClick: () => t(!1) }) }),
-    /* @__PURE__ */ P.jsx("img", { src: r, alt: "약관동의 이미지" }),
-    /* @__PURE__ */ P.jsx(
+}, zi = ({ isOpen: e, setIsOpen: t, termImageUrl: r }) => /* @__PURE__ */ O.jsxs(we, { open: e, onClose: () => t(!1), className: "relative z-50", children: [
+  /* @__PURE__ */ O.jsx("div", { className: "fixed inset-0 bg-black/30", "aria-hidden": "true" }),
+  /* @__PURE__ */ O.jsx("div", { className: "fixed inset-0 w-screen overflow-y-auto", children: /* @__PURE__ */ O.jsx("div", { className: "flex min-h-full items-center justify-center p-4", children: /* @__PURE__ */ O.jsxs(we.Panel, { className: "mx-auto flex max-w-sm flex-col items-center gap-8 rounded bg-white", children: [
+    /* @__PURE__ */ O.jsx("div", { className: "flex h-[36px] w-full flex-row-reverse items-center bg-[#F0F1F2]", children: /* @__PURE__ */ O.jsx(gr, { size: 20, className: "mr-2", onClick: () => t(!1) }) }),
+    /* @__PURE__ */ O.jsx("img", { src: r, alt: "약관동의 이미지" }),
+    /* @__PURE__ */ O.jsx(
       Kn,
       {
         text: "닫기",
-        className: "focus:outline-none text-base w-[90%] mb-4",
+        className: "mb-4 w-[90%] text-base focus:outline-none",
         onClick: () => t(!1)
       }
     )
@@ -4220,12 +4220,12 @@ var Dr = {}, Mr = {}, mt = {};
     if (!(m instanceof f))
       throw new TypeError("Cannot call a class as a function");
   }
-  function O(m, f) {
+  function P(m, f) {
     for (var w, v = 0; v < f.length; v++)
       w = f[v], w.enumerable = w.enumerable || !1, w.configurable = !0, "value" in w && (w.writable = !0), Object.defineProperty(m, w.key, w);
   }
   function C(m, f, w) {
-    return f && O(m.prototype, f), w && O(m, w), m;
+    return f && P(m.prototype, f), w && P(m, w), m;
   }
   function b(m, f) {
     if (typeof f != "function" && f !== null)
@@ -4389,7 +4389,7 @@ var Fr = {};
       x = $[E], 0 <= g.indexOf(x) || (j[x] = b[x]);
     return j;
   }
-  function O() {
+  function P() {
     var b = 0 < arguments.length && arguments[0] !== void 0 ? arguments[0] : n.postcodeScriptUrl;
     (0, r.useEffect)(function() {
       (0, n.default)(b);
@@ -4403,7 +4403,7 @@ var Fr = {};
     }, [b]);
     return g;
   }
-  var C = O;
+  var C = P;
   e.default = C;
 })(Fr);
 (function(e) {
@@ -4423,25 +4423,25 @@ var Fr = {};
 })(Dr);
 const Vi = ({ label: e, value: t, onFrontChange: r, onBackChange: n, onPostalCodeChange: o, disabled: l }) => {
   const [a, s] = Re(!1), u = (p) => {
-    let O = p.address, C = "";
-    p.addressType === "R" && (p.bname !== "" && (C += p.bname), p.buildingName !== "" && (C += C !== "" ? `, ${p.buildingName}` : p.buildingName), O += C !== "" ? ` (${C})` : ""), r(O), o && o(p.zonecode), s(!1);
+    let P = p.address, C = "";
+    p.addressType === "R" && (p.bname !== "" && (C += p.bname), p.buildingName !== "" && (C += C !== "" ? `, ${p.buildingName}` : p.buildingName), P += C !== "" ? ` (${C})` : ""), r(P), o && o(p.zonecode), s(!1);
   }, y = () => {
     s(!0);
-  }, c = () => t.front ? t.front : /* @__PURE__ */ P.jsx("p", { className: "text-[#C5C8CD]", children: "주소를 입력해주세요." });
-  return /* @__PURE__ */ P.jsxs(P.Fragment, { children: [
-    /* @__PURE__ */ P.jsx(Wi, { isOpen: a, setIsOpen: s, handleComplete: u }),
-    /* @__PURE__ */ P.jsxs("div", { className: "text-deepGray", children: [
-      /* @__PURE__ */ P.jsx("label", { htmlFor: e, className: "text-lightBlack text-sm font-bold", children: e }),
-      /* @__PURE__ */ P.jsxs("div", { className: "flex flex-col relative", children: [
-        /* @__PURE__ */ P.jsx(
+  }, c = () => t.front ? t.front : /* @__PURE__ */ O.jsx("p", { className: "text-[#C5C8CD]", children: "주소를 입력해주세요." });
+  return /* @__PURE__ */ O.jsxs(O.Fragment, { children: [
+    /* @__PURE__ */ O.jsx(Wi, { isOpen: a, setIsOpen: s, handleComplete: u }),
+    /* @__PURE__ */ O.jsxs("div", { className: "text-deepGray", children: [
+      /* @__PURE__ */ O.jsx("label", { htmlFor: e, className: "text-sm font-bold text-lightBlack", children: e }),
+      /* @__PURE__ */ O.jsxs("div", { className: "relative flex flex-col", children: [
+        /* @__PURE__ */ O.jsx(
           "div",
           {
-            className: `whitespace-nowrap overflow-hidden w-full text-base rounded-xl p-4 mt-4 h-[60px] bg-[#F8F8F9] placeholder:text-[#C5C8CD] focus:outline-none ${l && "opacity-50"}`,
+            className: `mt-4 h-[60px] w-full overflow-hidden whitespace-nowrap rounded-xl bg-[#F8F8F9] p-4 text-base placeholder:text-[#C5C8CD] focus:outline-none ${l && "opacity-50"}`,
             onClick: y,
             children: c()
           }
         ),
-        /* @__PURE__ */ P.jsx(
+        /* @__PURE__ */ O.jsx(
           "input",
           {
             disabled: !t.front || l,
@@ -4450,7 +4450,7 @@ const Vi = ({ label: e, value: t, onFrontChange: r, onBackChange: n, onPostalCod
             name: e,
             id: e,
             placeholder: "상세 주소를 입력해주세요.",
-            className: "w-full text-base rounded-xl p-4 mt-4 h-[60px] bg-[#F8F8F9] placeholder:text-[#C5C8CD] disabled:opacity-50 focus:outline-none",
+            className: "mt-4 h-[60px] w-full rounded-xl bg-[#F8F8F9] p-4 text-base placeholder:text-[#C5C8CD] focus:outline-none disabled:opacity-50",
             autoComplete: "off",
             onChange: (p) => n(p.target.value)
           }
@@ -4460,11 +4460,11 @@ const Vi = ({ label: e, value: t, onFrontChange: r, onBackChange: n, onPostalCod
   ] });
 }, Wi = (e) => {
   const { isOpen: t, setIsOpen: r, handleComplete: n } = e;
-  return /* @__PURE__ */ P.jsxs(we, { open: t, onClose: () => r(!1), className: "relateive z-50", children: [
-    /* @__PURE__ */ P.jsx("div", { className: "fixed inset-0 bg-black/40", "aria-hidden": "true" }),
-    /* @__PURE__ */ P.jsx("div", { className: "fixed inset-0 flex w-screen items-center justify-center", children: /* @__PURE__ */ P.jsx(we.Panel, { children: /* @__PURE__ */ P.jsxs("div", { children: [
-      /* @__PURE__ */ P.jsx("div", { className: "flex flex-row-reverse w-[90vw] h-[36px] bg-[#F0F1F2] items-center", children: /* @__PURE__ */ P.jsx(gr, { size: 20, className: "mr-2", onClick: () => r(!1) }) }),
-      /* @__PURE__ */ P.jsx(
+  return /* @__PURE__ */ O.jsxs(we, { open: t, onClose: () => r(!1), className: "relateive z-50", children: [
+    /* @__PURE__ */ O.jsx("div", { className: "fixed inset-0 bg-black/40", "aria-hidden": "true" }),
+    /* @__PURE__ */ O.jsx("div", { className: "fixed inset-0 flex w-screen items-center justify-center", children: /* @__PURE__ */ O.jsx(we.Panel, { children: /* @__PURE__ */ O.jsxs("div", { children: [
+      /* @__PURE__ */ O.jsx("div", { className: "flex h-[36px] w-[90vw] flex-row-reverse items-center bg-[#F0F1F2]", children: /* @__PURE__ */ O.jsx(gr, { size: 20, className: "mr-2", onClick: () => r(!1) }) }),
+      /* @__PURE__ */ O.jsx(
         Dr.DaumPostcodeEmbed,
         {
           onComplete: n,
@@ -4475,27 +4475,28 @@ const Vi = ({ label: e, value: t, onFrontChange: r, onBackChange: n, onPostalCod
   ] });
 }, Yi = (e) => {
   const { isOpen: t, setIsOpen: r } = e;
-  return /* @__PURE__ */ P.jsxs(we, { open: t, onClose: () => r(!1), className: "relative z-50", children: [
-    /* @__PURE__ */ P.jsx("div", { className: "fixed inset-0 bg-black/40", "aria-hidden": "true" }),
-    /* @__PURE__ */ P.jsx("div", { className: "fixed inset-0 flex w-screen items-center justify-center p-4", children: /* @__PURE__ */ P.jsxs(we.Panel, { className: "flex flex-col gap-[16px] w-[260px] p-[20px] bg-white rounded-[16px]", children: [
-      /* @__PURE__ */ P.jsxs("div", { className: "flex flex-col gap-[8px]", children: [
-        /* @__PURE__ */ P.jsx(we.Title, { className: "text-[18px] leading-[26px] text-[#2C2F34] font-bold whitespace-pre-wrap", children: e.title }),
-        e.description && e.description !== "" && /* @__PURE__ */ P.jsx(we.Description, { className: "text-[16px] leading-[24px] text-[#585E67] break-all", children: e.description })
+  return /* @__PURE__ */ O.jsxs(we, { open: t, onClose: () => r(!1), className: "relative z-50", children: [
+    /* @__PURE__ */ O.jsx("div", { className: "fixed inset-0 bg-black/40", "aria-hidden": "true" }),
+    /* @__PURE__ */ O.jsx("div", { className: "fixed inset-0 flex w-screen items-center justify-center p-4", children: /* @__PURE__ */ O.jsxs(we.Panel, { className: "flex w-[260px] flex-col gap-[16px] rounded-[16px] bg-white p-[20px]", children: [
+      /* @__PURE__ */ O.jsxs("div", { className: "flex flex-col gap-[8px]", children: [
+        e.title && /* @__PURE__ */ O.jsx(we.Title, { className: "whitespace-pre-wrap text-[18px] font-bold leading-[26px] text-[#2C2F34]", children: e.title }),
+        e.image && /* @__PURE__ */ O.jsx("img", { src: e.image.url, alt: e.image.alt }),
+        e.description && e.description !== "" && /* @__PURE__ */ O.jsx(we.Description, { className: "break-all text-[16px] leading-[24px] text-[#585E67]", children: e.description })
       ] }),
-      /* @__PURE__ */ P.jsxs("div", { className: "flex flex-col gap-[4px]", children: [
-        /* @__PURE__ */ P.jsx(
+      /* @__PURE__ */ O.jsxs("div", { className: "flex flex-col gap-[4px]", children: [
+        /* @__PURE__ */ O.jsx(
           "button",
           {
-            className: "w-full px-[12px] py-[14px] bg-[#FF592C] rounded-[12px] text-[14px] leading-[22px] text-white font-bold",
+            className: "w-full rounded-[12px] bg-[#FF592C] px-[12px] py-[14px] text-[14px] font-bold leading-[22px] text-white",
             onClick: e.confirm.onClick,
             children: e.confirm.text
           }
         ),
-        e.cancel && /* @__PURE__ */ P.jsx(
+        e.cancel && /* @__PURE__ */ O.jsx(
           "button",
           {
             onClick: () => r(!1),
-            className: "w-full px-[12px] py-[14px] bg-[#F0F1F2] rounded-[12px] text-[14px] leading-[22px] text-[#585E67] font-bold",
+            className: "w-full rounded-[12px] bg-[#F0F1F2] px-[12px] py-[14px] text-[14px] font-bold leading-[22px] text-[#585E67]",
             children: e.cancel.text
           }
         )