@pfct/purple 1.5.0-npm-next.5 → 1.5.0-npm-next.7

package/dist/chunks/index.CQiaoKjj.js

@@ -0,0 +1,27 @@
+import * as u from "react";
+import { e as z } from "./index.CRSD6wuV.js";
+function n(r) {
+  const [h, e] = u.useState(void 0);
+  return z(() => {
+    if (r) {
+      e({ width: r.offsetWidth, height: r.offsetHeight });
+      const f = new ResizeObserver((i) => {
+        if (!Array.isArray(i) || !i.length)
+          return;
+        const b = i[0];
+        let o, t;
+        if ("borderBoxSize" in b) {
+          const s = b.borderBoxSize, d = Array.isArray(s) ? s[0] : s;
+          o = d.inlineSize, t = d.blockSize;
+        } else
+          o = r.offsetWidth, t = r.offsetHeight;
+        e({ width: o, height: t });
+      });
+      return f.observe(r, { box: "border-box" }), () => f.unobserve(r);
+    } else
+      e(void 0);
+  }, [r]), h;
+}
+export {
+  n as u
+};

package/dist/chunks/index.CRSD6wuV.js

@@ -0,0 +1,227 @@
+import * as c from "react";
+import { j as w } from "./jsx-runtime.OVHDjVDe.js";
+import * as C from "react-dom";
+import { c as M, u as A } from "./index.6ZBAQokh.js";
+function D(e, t) {
+  const n = c.createContext(t), r = (i) => {
+    const { children: s, ...u } = i, a = c.useMemo(() => u, Object.values(u));
+    return /* @__PURE__ */ w.jsx(n.Provider, { value: a, children: s });
+  };
+  r.displayName = e + "Provider";
+  function o(i) {
+    const s = c.useContext(n);
+    if (s) return s;
+    if (t !== void 0) return t;
+    throw new Error(`\`${i}\` must be used within \`${e}\``);
+  }
+  return [r, o];
+}
+function j(e, t = []) {
+  let n = [];
+  function r(i, s) {
+    const u = c.createContext(s), a = n.length;
+    n = [...n, s];
+    const f = (m) => {
+      var x;
+      const { scope: d, children: p, ...v } = m, N = ((x = d == null ? void 0 : d[e]) == null ? void 0 : x[a]) || u, P = c.useMemo(() => v, Object.values(v));
+      return /* @__PURE__ */ w.jsx(N.Provider, { value: P, children: p });
+    };
+    f.displayName = i + "Provider";
+    function l(m, d) {
+      var N;
+      const p = ((N = d == null ? void 0 : d[e]) == null ? void 0 : N[a]) || u, v = c.useContext(p);
+      if (v) return v;
+      if (s !== void 0) return s;
+      throw new Error(`\`${m}\` must be used within \`${i}\``);
+    }
+    return [f, l];
+  }
+  const o = () => {
+    const i = n.map((s) => c.createContext(s));
+    return function(u) {
+      const a = (u == null ? void 0 : u[e]) || i;
+      return c.useMemo(
+        () => ({ [`__scope${e}`]: { ...u, [e]: a } }),
+        [u, a]
+      );
+    };
+  };
+  return o.scopeName = e, [r, O(o, ...t)];
+}
+function O(...e) {
+  const t = e[0];
+  if (e.length === 1) return t;
+  const n = () => {
+    const r = e.map((o) => ({
+      useScope: o(),
+      scopeName: o.scopeName
+    }));
+    return function(i) {
+      const s = r.reduce((u, { useScope: a, scopeName: f }) => {
+        const m = a(i)[`__scope${f}`];
+        return { ...u, ...m };
+      }, {});
+      return c.useMemo(() => ({ [`__scope${t.scopeName}`]: s }), [s]);
+    };
+  };
+  return n.scopeName = t.scopeName, n;
+}
+function L(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
+  return function(o) {
+    if (e == null || e(o), n === !1 || !o.defaultPrevented)
+      return t == null ? void 0 : t(o);
+  };
+}
+var h = globalThis != null && globalThis.document ? c.useLayoutEffect : () => {
+}, R = c[" useInsertionEffect ".trim().toString()] || h;
+function F({
+  prop: e,
+  defaultProp: t,
+  onChange: n = () => {
+  },
+  caller: r
+}) {
+  const [o, i, s] = E({
+    defaultProp: t,
+    onChange: n
+  }), u = e !== void 0, a = u ? e : o;
+  {
+    const l = c.useRef(e !== void 0);
+    c.useEffect(() => {
+      const m = l.current;
+      m !== u && console.warn(
+        `${r} is changing from ${m ? "controlled" : "uncontrolled"} to ${u ? "controlled" : "uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
+      ), l.current = u;
+    }, [u, r]);
+  }
+  const f = c.useCallback(
+    (l) => {
+      var m;
+      if (u) {
+        const d = g(l) ? l(e) : l;
+        d !== e && ((m = s.current) == null || m.call(s, d));
+      } else
+        i(l);
+    },
+    [u, e, i, s]
+  );
+  return [a, f];
+}
+function E({
+  defaultProp: e,
+  onChange: t
+}) {
+  const [n, r] = c.useState(e), o = c.useRef(n), i = c.useRef(t);
+  return R(() => {
+    i.current = t;
+  }, [t]), c.useEffect(() => {
+    var s;
+    o.current !== n && ((s = i.current) == null || s.call(i, n), o.current = n);
+  }, [n, o]), [n, r, i];
+}
+function g(e) {
+  return typeof e == "function";
+}
+var y = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+], W = y.reduce((e, t) => {
+  const n = M(`Primitive.${t}`), r = c.forwardRef((o, i) => {
+    const { asChild: s, ...u } = o, a = s ? n : t;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ w.jsx(a, { ...u, ref: i });
+  });
+  return r.displayName = `Primitive.${t}`, { ...e, [t]: r };
+}, {});
+function k(e, t) {
+  e && C.flushSync(() => e.dispatchEvent(t));
+}
+function b(e, t) {
+  return c.useReducer((n, r) => t[n][r] ?? n, e);
+}
+var T = (e) => {
+  const { present: t, children: n } = e, r = I(t), o = typeof n == "function" ? n({ present: r.isPresent }) : c.Children.only(n), i = A(r.ref, U(o));
+  return typeof n == "function" || r.isPresent ? c.cloneElement(o, { ref: i }) : null;
+};
+T.displayName = "Presence";
+function I(e) {
+  const [t, n] = c.useState(), r = c.useRef(null), o = c.useRef(e), i = c.useRef("none"), s = e ? "mounted" : "unmounted", [u, a] = b(s, {
+    mounted: {
+      UNMOUNT: "unmounted",
+      ANIMATION_OUT: "unmountSuspended"
+    },
+    unmountSuspended: {
+      MOUNT: "mounted",
+      ANIMATION_END: "unmounted"
+    },
+    unmounted: {
+      MOUNT: "mounted"
+    }
+  });
+  return c.useEffect(() => {
+    const f = S(r.current);
+    i.current = u === "mounted" ? f : "none";
+  }, [u]), h(() => {
+    const f = r.current, l = o.current;
+    if (l !== e) {
+      const d = i.current, p = S(f);
+      e ? a("MOUNT") : p === "none" || (f == null ? void 0 : f.display) === "none" ? a("UNMOUNT") : a(l && d !== p ? "ANIMATION_OUT" : "UNMOUNT"), o.current = e;
+    }
+  }, [e, a]), h(() => {
+    if (t) {
+      let f;
+      const l = t.ownerDocument.defaultView ?? window, m = (p) => {
+        const N = S(r.current).includes(CSS.escape(p.animationName));
+        if (p.target === t && N && (a("ANIMATION_END"), !o.current)) {
+          const P = t.style.animationFillMode;
+          t.style.animationFillMode = "forwards", f = l.setTimeout(() => {
+            t.style.animationFillMode === "forwards" && (t.style.animationFillMode = P);
+          });
+        }
+      }, d = (p) => {
+        p.target === t && (i.current = S(r.current));
+      };
+      return t.addEventListener("animationstart", d), t.addEventListener("animationcancel", m), t.addEventListener("animationend", m), () => {
+        l.clearTimeout(f), t.removeEventListener("animationstart", d), t.removeEventListener("animationcancel", m), t.removeEventListener("animationend", m);
+      };
+    } else
+      a("ANIMATION_END");
+  }, [t, a]), {
+    isPresent: ["mounted", "unmountSuspended"].includes(u),
+    ref: c.useCallback((f) => {
+      r.current = f ? getComputedStyle(f) : null, n(f);
+    }, [])
+  };
+}
+function S(e) {
+  return (e == null ? void 0 : e.animationName) || "none";
+}
+function U(e) {
+  var r, o;
+  let t = (r = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : r.get, n = t && "isReactWarning" in t && t.isReactWarning;
+  return n ? e.ref : (t = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+}
+export {
+  T as P,
+  W as a,
+  L as b,
+  j as c,
+  D as d,
+  h as e,
+  k as f,
+  F as u
+};

package/dist/chunks/index.Ca2_YDeQ.js

@@ -0,0 +1 @@
+"use strict";const M=require("react"),f=require("./index.BhKv87PH.js"),x=require("./index.CKKuhuuw.js"),h=require("./jsx-runtime.CrDL12FN.js"),I=require("react-dom"),H=e=>e&&typeof e=="object"&&"default"in e?e:{default:e};function U(e){if(e&&typeof e=="object"&&"default"in e)return e;const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const s=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,s.get?s:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const i=U(M),q=H(I);function y(e){const t=i.useRef(e);return i.useEffect(()=>{t.current=e}),i.useMemo(()=>(...n)=>{var s;return(s=t.current)==null?void 0:s.call(t,...n)},[])}function z(e,t=globalThis==null?void 0:globalThis.document){const n=y(e);i.useEffect(()=>{const s=r=>{r.key==="Escape"&&n(r)};return t.addEventListener("keydown",s,{capture:!0}),()=>t.removeEventListener("keydown",s,{capture:!0})},[n,t])}var K="DismissableLayer",m="dismissableLayer.update",$="dismissableLayer.pointerDownOutside",X="dismissableLayer.focusOutside",R,w=i.createContext({layers:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set}),T=i.forwardRef((e,t)=>{const{disableOutsidePointerEvents:n=!1,onEscapeKeyDown:s,onPointerDownOutside:r,onFocusOutside:o,onInteractOutside:l,onDismiss:c,...v}=e,u=i.useContext(w),[d,j]=i.useState(null),E=(d==null?void 0:d.ownerDocument)??(globalThis==null?void 0:globalThis.document),[,B]=i.useState({}),N=x.useComposedRefs(t,a=>j(a)),P=Array.from(u.layers),[A]=[...u.layersWithOutsidePointerEventsDisabled].slice(-1),F=P.indexOf(A),D=d?P.indexOf(d):-1,W=u.layersWithOutsidePointerEventsDisabled.size>0,O=D>=F,k=J(a=>{const p=a.target,L=[...u.branches].some(b=>b.contains(p));!O||L||(r==null||r(a),l==null||l(a),a.defaultPrevented||c==null||c())},E),C=Q(a=>{const p=a.target;[...u.branches].some(b=>b.contains(p))||(o==null||o(a),l==null||l(a),a.defaultPrevented||c==null||c())},E);return z(a=>{D===u.layers.size-1&&(s==null||s(a),!a.defaultPrevented&&c&&(a.preventDefault(),c()))},E),i.useEffect(()=>{if(d)return n&&(u.layersWithOutsidePointerEventsDisabled.size===0&&(R=E.body.style.pointerEvents,E.body.style.pointerEvents="none"),u.layersWithOutsidePointerEventsDisabled.add(d)),u.layers.add(d),g(),()=>{n&&u.layersWithOutsidePointerEventsDisabled.size===1&&(E.body.style.pointerEvents=R)}},[d,E,n,u]),i.useEffect(()=>()=>{d&&(u.layers.delete(d),u.layersWithOutsidePointerEventsDisabled.delete(d),g())},[d,u]),i.useEffect(()=>{const a=()=>B({});return document.addEventListener(m,a),()=>document.removeEventListener(m,a)},[]),h.jsxRuntimeExports.jsx(f.Primitive.div,{...v,ref:N,style:{pointerEvents:W?O?"auto":"none":void 0,...e.style},onFocusCapture:f.composeEventHandlers(e.onFocusCapture,C.onFocusCapture),onBlurCapture:f.composeEventHandlers(e.onBlurCapture,C.onBlurCapture),onPointerDownCapture:f.composeEventHandlers(e.onPointerDownCapture,k.onPointerDownCapture)})});T.displayName=K;var Y="DismissableLayerBranch",G=i.forwardRef((e,t)=>{const n=i.useContext(w),s=i.useRef(null),r=x.useComposedRefs(t,s);return i.useEffect(()=>{const o=s.current;if(o)return n.branches.add(o),()=>{n.branches.delete(o)}},[n.branches]),h.jsxRuntimeExports.jsx(f.Primitive.div,{...e,ref:r})});G.displayName=Y;function J(e,t=globalThis==null?void 0:globalThis.document){const n=y(e),s=i.useRef(!1),r=i.useRef(()=>{});return i.useEffect(()=>{const o=c=>{if(c.target&&!s.current){let v=function(){S($,n,u,{discrete:!0})};const u={originalEvent:c};c.pointerType==="touch"?(t.removeEventListener("click",r.current),r.current=v,t.addEventListener("click",r.current,{once:!0})):v()}else t.removeEventListener("click",r.current);s.current=!1},l=window.setTimeout(()=>{t.addEventListener("pointerdown",o)},0);return()=>{window.clearTimeout(l),t.removeEventListener("pointerdown",o),t.removeEventListener("click",r.current)}},[t,n]),{onPointerDownCapture:()=>s.current=!0}}function Q(e,t=globalThis==null?void 0:globalThis.document){const n=y(e),s=i.useRef(!1);return i.useEffect(()=>{const r=o=>{o.target&&!s.current&&S(X,n,{originalEvent:o},{discrete:!1})};return t.addEventListener("focusin",r),()=>t.removeEventListener("focusin",r)},[t,n]),{onFocusCapture:()=>s.current=!0,onBlurCapture:()=>s.current=!1}}function g(){const e=new CustomEvent(m);document.dispatchEvent(e)}function S(e,t,n,{discrete:s}){const r=n.originalEvent.target,o=new CustomEvent(e,{bubbles:!1,cancelable:!0,detail:n});t&&r.addEventListener(e,t,{once:!0}),s?f.dispatchDiscreteCustomEvent(r,o):r.dispatchEvent(o)}var V="Portal",_=i.forwardRef((e,t)=>{var c;const{container:n,...s}=e,[r,o]=i.useState(!1);f.useLayoutEffect2(()=>o(!0),[]);const l=n||r&&((c=globalThis==null?void 0:globalThis.document)==null?void 0:c.body);return l?q.default.createPortal(h.jsxRuntimeExports.jsx(f.Primitive.div,{...s,ref:t}),l):null});_.displayName=V;exports.DismissableLayer=T;exports.Portal=_;exports.useCallbackRef=y;

package/dist/chunks/{index.LN3KW-I4.js → index.Cc-miKAT.js}

@@ -1,4 +1,4 @@
-import { a as O } from "./utils.B9KdtH6G.js";
+import { c as O } from "./clsx.OuTLNxxd.js";
 const m = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, y = O, j = (e, l) => (n) => {
   var u;
   if ((l == null ? void 0 : l.variants) == null) return y(e, n == null ? void 0 : n.class, n == null ? void 0 : n.className);

package/dist/chunks/index.Cg0AsUJe.js

@@ -0,0 +1,340 @@
+"use strict";const o=require("./jsx-runtime.CrDL12FN.js"),g=require("react"),ne=require("../components/LegacyModal/BaseModal/index.styled.cjs.js"),ie=require("../components/OverlayRoot/index.styled.cjs.js"),D=require("../hooks/useOverlayPreventScroll.cjs.js"),a=require("@emotion/react"),n=require("../core/Colors/index.cjs.js");require("../utils/GenerateColorStyle/mini-button.cjs.js");const se=require("../utils/GenerateColorStyle/datepicker.cjs.js"),ae=require("@emotion/styled"),p=require("../utils/media.util.cjs.js"),N=require("../core/TextStyles/index.cjs.js");require("../components/ui/typography.cjs.js");require("../components/Accordion/index.cjs.js");require("../components/Badge/IconBadge/index.styled.cjs.js");require("../components/Badge/TextBadge/index.styled.cjs.js");require("../components/Loading/Skeleton/index.cjs.js");const le=require("../components/Loading/Spinner/index.styled.cjs.js");require("../components/Card/index.styled.cjs.js");require("../components/Comment/index.cjs.js");require("../icons/src/icons/Alarm_fill.cjs.js");require("../icons/src/icons/Cancel.cjs.js");require("../icons/src/icons/Cancel_circle.cjs.js");require("../icons/src/icons/Calendar.cjs.js");require("../icons/src/icons/Cart_fill.cjs.js");require("../icons/src/icons/Check.cjs.js");require("../icons/src/icons/Chevron_down.cjs.js");require("../icons/src/icons/Chevron_left.cjs.js");require("../icons/src/icons/Chevron_right.cjs.js");require("../icons/src/icons/Chevron_up.cjs.js");require("../icons/src/icons/Double_Chevron_right.cjs.js");require("../icons/src/icons/Double_Chevron_left.cjs.js");require("../icons/src/icons/Eye_fill.cjs.js");require("../icons/src/icons/Eye_slash_fill.cjs.js");require("../icons/src/icons/Filter.cjs.js");require("../icons/src/icons/Information.cjs.js");require("../icons/src/icons/Menu.cjs.js");require("../icons/src/icons/More.cjs.js");require("../icons/src/icons/Person_fill.cjs.js");require("../icons/src/icons/Plus.cjs.js");require("../icons/src/icons/Question_circle.cjs.js");require("../icons/src/icons/Re.cjs.js");require("../icons/src/icons/Search.cjs.js");require("../icons/src/icons/Setting_fill.cjs.js");require("../icons/src/icons/Store.cjs.js");require("../icons/src/icons/Share.cjs.js");const B=require("../utils/GenerateColorStyle/control/radio-button.cjs.js");require("../components/Control/CheckMark/index.styled.cjs.js");require("../components/Control/Switch/index.styled.cjs.js");require("../components/DatePicker/BaseDatePicker/index.styled.cjs.js");require("../components/DatePicker/BaseDatePicker/YearMonthController/index.styed.cjs.js");require("../library/IconWithImage/index.styled.cjs.js");require("../library/List/BottomSheetItemList/index.styled.cjs.js");require("lottie-web");require("../library/Lottie/index.styled.cjs.js");require("../library/Spacing/index.styled.cjs.js");require("../components/DatePicker/BaseDatePicker/Month/index.styled.cjs.js");require("../components/DatePicker/BaseDatePicker/Week/index.styled.cjs.js");require("../types/date.cjs.js");require("../components/DatePicker/BaseDatePicker/hooks/index.util.cjs.js");require("../components/DatePicker/SingleDatePickerModal/index.styled.cjs.js");require("../components/DatePicker/SingleDatePickerModal/useSingleDatePickerModal.cjs.js");require("../components/DatePicker/RangeDatePickerModal/index.styled.cjs.js");const ce=require("./index.CKKuhuuw.js"),de=require("./index.DMhXgOEz.js"),L=require("../lib/utils.cjs.js"),w=require("../constants/style.constants.cjs.js");require("../components/DatePicker/RangeDatePickerModal/useRangeDatePickerModal.cjs.js");require("../components/Divider/index.styled.cjs.js");require("./index.styled.CMpDdHBq.js");require("../components/Input/BaseInput/index.cjs.js");require("../components/Input/PostfixInput/index.cjs.js");require("../components/Input/ResidentNumberInput/index.styled.cjs.js");require("../components/Input/TextField/index.cjs.js");require("../components/Navigation/index.styled.cjs.js");require("../components/Navigation/BaseNavigation/index.styled.cjs.js");require("../components/Navigation/constant.cjs.js");require("../components/Segment/BaseSegment/index.styled.cjs.js");require("../components/Segment/ExtendSegment/index.styled.cjs.js");const W=require("../core/Typography/index.cjs.js"),$=require("../components/BottomSheet/TitleBottomSheet/index.styled.cjs.js"),pe=require("../style/common.cjs.js"),x=require("../components/LegacyModal/index.styled.cjs.js"),ue=require("../components/MiniButton/UnderLineMiniButton/index.cjs.js");require("./index.D2jUN9AV.js");require("../components/ui/bottomSheet.cjs.js");const M=require("../utils/GenerateColorStyle/tag.cjs.js"),be=require("../hooks/useResize.cjs.js"),y=require("../components/BottomSheet/BaseBottomSheet/index.styled.cjs.js"),ge=require("../components/Navigation/index.cjs.js"),xe=require("../components/BottomSheet/NavBottomSheet/index.styled.cjs.js"),me=require("../utils/GenerateColorStyle/progress-bar.cjs.js"),H=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},R=H(g),r=H(ae),P=e=>{const t=n.basicColors[`${e}400`],i="transparent",s=n.basicColors.white,l=n.basicColors.white,d=n.basicColors[`${e}100`],u="transparent",b=n.basicColors.white,c=n.basicColors.white;return{default:{on:{containerColor:t,borderColor:i,textColor:s,iconColor:l},off:{containerColor:n.basicColors.white,borderColor:n.basicColors.gray50,textColor:n.semanticColors.chipDefaultText,iconColor:n.basicColors.gray300}},disabled:{on:{containerColor:d,borderColor:u,textColor:b,iconColor:c},off:{containerColor:n.basicColors.white,borderColor:n.basicColors.gray25,textColor:n.basicColors.gray100,iconColor:n.basicColors.gray100}}}},he=r.default.div`
+	${p.Smaller(a.css`
+		display: none;
+	`)}
+`,ye=r.default.div`
+	${p.Larger(a.css`
+		display: none;
+	`)}
+`,fe=n.basicColors.red400,Ce="16px",z=a.css`
+	background-color: ${fe};
+`,ve=r.default.div`
+	${z};
+
+	width: 5px;
+	height: 5px;
+	border-radius: 50%;
+`,je=r.default.div`
+	${z};
+
+	height: ${Ce};
+	padding: 0 5px;
+	border-radius: 8px;
+
+	display: flex;
+	align-items: center;
+	justify-content: center;
+`,Be=r.default.div`
+	line-height: initial;
+
+	font-size: 11px;
+	font-weight: 500;
+	color: ${n.basicColors.white};
+	letter-spacing: -0.2px;
+`,$e=r.default.div`
+	position: absolute;
+	width: 100%;
+	top: 0;
+	height: 3px;
+	background-color: ${n.basicColors.gray50};
+`,qe=r.default.div`
+	width: ${({progress:e})=>e}%;
+	background-color: ${({colorType:e})=>me(e).upperColor};
+	height: 100%;
+	transition: width 3s ease-in-out;
+`,F=({colorType:e})=>o.jsxRuntimeExports.jsx(le.SpinnerWrapper,{color:e==="white"?n.basicColors.white:n.basicColors.gray200}),A=de.cva("border-none rounded-[10px] inline-flex items-center justify-center whitespace-nowrap p-3.75 typo-h6 h-[50px] w-full",{variants:{colorType:{pink:"",red:"",orange:"",yellow:"",lime:"",green:"",mint:"",skyblue:"",blue:"",indigo:"",purple:"",gray:""},purpose:{main:"",sub:""}},compoundVariants:[{purpose:"main",colorType:"pink",class:"text-white bg-pink-400 hover:bg-pink-500 active:bg-pink-600 disabled:bg-pink-100"},{purpose:"sub",colorType:"pink",class:"text-pink-400 disabled:text-pink-100 bg-pink-50 hover:bg-pink-100 active:bg-pink-200 disabled:bg-pink-50"},{purpose:"main",colorType:"red",class:"text-white bg-red-400 hover:bg-red-500 active:bg-red-600 disabled:bg-red-100"},{purpose:"sub",colorType:"red",class:"text-red-400 disabled:text-red-100 bg-red-50 hover:bg-red-100 active:bg-red-200 disabled:bg-red-50"},{purpose:"main",colorType:"orange",class:"text-white bg-orange-400 hover:bg-orange-500 active:bg-orange-600 disabled:bg-orange-100"},{purpose:"sub",colorType:"orange",class:"text-orange-400 disabled:text-orange-100 bg-orange-50 hover:bg-orange-100 active:bg-orange-200 disabled:bg-orange-50"},{purpose:"main",colorType:"yellow",class:"text-white bg-yellow-400 hover:bg-yellow-500 active:bg-yellow-600 disabled:bg-yellow-100"},{purpose:"sub",colorType:"yellow",class:"text-yellow-400 disabled:text-yellow-100 bg-yellow-50 hover:bg-yellow-100 active:bg-yellow-200 disabled:bg-yellow-50"},{purpose:"main",colorType:"lime",class:"text-white bg-lime-400 hover:bg-lime-500 active:bg-lime-600 disabled:bg-lime-100"},{purpose:"sub",colorType:"lime",class:"text-lime-400 disabled:text-lime-100 bg-lime-50 hover:bg-lime-100 active:bg-lime-200 disabled:bg-lime-50"},{purpose:"main",colorType:"green",class:"text-white bg-green-400 hover:bg-green-500 active:bg-green-600 disabled:bg-green-100"},{purpose:"sub",colorType:"green",class:"text-green-400 disabled:text-green-100 bg-green-50 hover:bg-green-100 active:bg-green-200 disabled:bg-green-50"},{purpose:"main",colorType:"mint",class:"text-white bg-mint-400 hover:bg-mint-500 active:bg-mint-600 disabled:bg-mint-100"},{purpose:"sub",colorType:"mint",class:"text-mint-400 disabled:text-mint-100 bg-mint-50 hover:bg-mint-100 active:bg-mint-200 disabled:bg-mint-50"},{purpose:"main",colorType:"skyblue",class:"text-white bg-skyblue-400 hover:bg-skyblue-500 active:bg-skyblue-600 disabled:bg-skyblue-100"},{purpose:"sub",colorType:"skyblue",class:"text-skyblue-400 disabled:text-skyblue-100 bg-skyblue-50 hover:bg-skyblue-100 active:bg-skyblue-200 disabled:bg-skyblue-50"},{purpose:"main",colorType:"blue",class:"text-white bg-blue-400 hover:bg-blue-500 active:bg-blue-600 disabled:bg-blue-100"},{purpose:"sub",colorType:"blue",class:"text-blue-400 disabled:text-blue-100 bg-blue-50 hover:bg-blue-100 active:bg-blue-200 disabled:bg-blue-50"},{purpose:"main",colorType:"indigo",class:"text-white bg-indigo-400 hover:bg-indigo-500 active:bg-indigo-600 disabled:bg-indigo-100"},{purpose:"sub",colorType:"indigo",class:"text-indigo-400 disabled:text-indigo-100 bg-indigo-50 hover:bg-indigo-100 active:bg-indigo-200 disabled:bg-indigo-50"},{purpose:"main",colorType:"purple",class:"text-white bg-purple-400 hover:bg-purple-500 active:bg-purple-600 disabled:bg-purple-100"},{purpose:"sub",colorType:"purple",class:"text-purple-400 disabled:text-purple-100 bg-purple-50 hover:bg-purple-100 active:bg-purple-200 disabled:bg-purple-50"},{purpose:"main",colorType:"gray",class:"text-white bg-gray-900 hover:bg-gray-700 active:bg-gray-800 disabled:bg-gray-100"},{purpose:"sub",colorType:"gray",class:"text-gray-700 disabled:text-gray-100 bg-gray-50 hover:bg-gray-100 active:bg-gray-200 disabled:bg-gray-50"}],defaultVariants:{purpose:"main",colorType:"lime"}});function m({className:e,asChild:t=!1,purpose:i,colorType:s,children:l,disabled:d,isLoading:u,...b}){const c=t?ce.Slot:"button";return o.jsxRuntimeExports.jsx(c,{...b,"data-slot":"button",className:L.cn(A({colorType:s,purpose:i,className:e})),type:b.type??(i==="main"?"submit":"button"),disabled:d||u,children:u?o.jsxRuntimeExports.jsx("div",{className:"h-[25px] w-[25px]",children:o.jsxRuntimeExports.jsx(F,{colorType:"white"})}):l})}const G=({left:e,right:t})=>o.jsxRuntimeExports.jsxs("div",{className:"flex w-full gap-[10px]",children:[o.jsxRuntimeExports.jsx(m,{...e,purpose:(e==null?void 0:e.purpose)||"sub",children:e.children}),o.jsxRuntimeExports.jsx(m,{...t,purpose:(t==null?void 0:t.purpose)||"main",type:(t==null?void 0:t.type)||"submit",children:t.children})]}),we=r.default.input`
+	box-sizing: border-box;
+	-webkit-appearance: none;
+	appearance: none;
+	margin: 0;
+	font: inherit;
+	color: currentColor;
+	width: 21px;
+	height: 21px;
+	border-style: solid;
+	border-width: 2px;
+	border-radius: 50%;
+	display: grid;
+	place-content: center;
+	background: transparent;
+	cursor: ${({disabled:e})=>e?"not-allowed":"pointer"};
+
+	background-color: ${({colorType:e,disabled:t})=>B(e)[t?"disabled":"default"].off.containerColor};
+	border-color: ${({colorType:e,disabled:t})=>B(e)[t?"disabled":"default"].off.borderColor};
+
+	&:checked {
+		border-width: 6px;
+		background-color: ${({colorType:e,disabled:t})=>B(e)[t?"disabled":"default"].on.containerColor};
+		border-color: ${({colorType:e,disabled:t})=>B(e)[t?"disabled":"default"].on.borderColor};
+	}
+
+	&:focus {
+		outline: none;
+	}
+`,h={innerWrapper:"datepicker-inner-wrapper",dot:"datepicker-dot",rangeBackgroundWrapper:"datepicker-range-background-wrapper"},f=100,ke=r.default.div`
+	width: 5px;
+	height: 5px;
+	border-radius: 50%;
+
+	position: absolute;
+	left: 47%;
+	bottom: 5.86px;
+`,v=a.css`
+	width: ${f}%;
+	height: ${f}%;
+`,C=r.default.div`
+	${v};
+	position: relative;
+	/* height가 안 정해진 상태에서 height = width 적용되는 방법 */
+	padding-bottom: ${f}%;
+`,_e=r.default.div`
+	${v};
+
+	position: absolute;
+	left: 0;
+
+	${({rangeBackgroundColor:e})=>e&&a.css`
+			background: ${e};
+		`}
+`,Se=r.default.div`
+	${v};
+
+	position: absolute;
+	left: 0;
+
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+
+	border-radius: 50%;
+
+	${({circleBackgroundColor:e})=>e&&a.css`
+			background-color: ${e};
+		`};
+`,Te=r.default(C)``,We=r.default(C)`
+	cursor: pointer;
+
+	.${h.innerWrapper} {
+		:hover {
+			background-color: ${({colorType:e})=>se(e).hoverContainerColor};
+		}
+	}
+
+	.${h.dot} {
+		background-color: ${n.basicColors.gray200};
+	}
+`,Re=r.default(C)`
+	cursor: not-allowed;
+
+	.${h.dot} {
+		background-color: ${n.basicColors.gray100};
+	}
+`,E=r.default(C)`
+	cursor: pointer;
+
+	.${h.dot} {
+		background-color: ${n.basicColors.white};
+	}
+`,Ee=r.default(E)`
+	.${h.rangeBackgroundWrapper} {
+		left: ${f/2}%;
+		width: ${f/2}%;
+	}
+`,Ie=r.default(E)`
+	.${h.rangeBackgroundWrapper} {
+		width: ${f/2}%;
+	}
+`,Oe=r.default(C)``,Me=r.default.div`
+	${v};
+
+	position: absolute;
+	left: 0;
+
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+`,I=R.default.memo(({className:e,visible:t,onClick:i,zIndex:s=w.zIndex.modal,children:l})=>{const[d,u]=g.useState(!1),b=c=>{c.target===c.currentTarget&&(i==null||i())};return g.useEffect(()=>{let c;return t?u(!0):c=setTimeout(()=>u(!1),400),()=>{c!==void 0&&clearTimeout(c)}},[t]),D.useOverlayPreventScroll(t),d?o.jsxRuntimeExports.jsx(ie.Overlay,{className:e,visible:t,zIndex:s,onClick:b,children:l}):null}),k=e=>o.jsxRuntimeExports.jsx(y.FooterWrapper,{children:o.jsxRuntimeExports.jsx(m,{...e})}),_=e=>o.jsxRuntimeExports.jsx(y.FooterWrapper,{children:o.jsxRuntimeExports.jsxs("div",{className:"flex w-full gap-[10px]",children:[o.jsxRuntimeExports.jsx(m,{...e.left,onClick:e.left.onClick,colorType:e.left.colorType,purpose:"sub",disabled:e.left.disabled,className:e.left.className,children:e.left.children}),o.jsxRuntimeExports.jsx(m,{onClick:e.right.onClick,colorType:e.right.colorType,purpose:"main",disabled:e.right.disabled,className:e.right.className,type:e.right.type||"submit",children:e.right.children})]})}),S=({children:e,...t})=>{const i=g.useRef(null);return g.useEffect(()=>{var s;(s=i.current)==null||s.scroll(0,0)},[]),o.jsxRuntimeExports.jsx(y.ChildrenWrapper,{ref:i,...t,children:e})},j=({children:e})=>o.jsxRuntimeExports.jsx(y.HeaderWrapper,{children:e}),T=({visible:e,onMaskClick:t,className:i,zIndex:s=w.zIndex.modal,minHeight:l,children:d})=>{const[u,b]=g.useState(0),c=g.useCallback(()=>{b(window==null?void 0:window.innerHeight)},[]);return g.useEffect(()=>{c()},[c]),be(c),D.useOverlayPreventScroll(e),e?o.jsxRuntimeExports.jsx(I,{visible:e,className:i,onClick:t,zIndex:s,children:o.jsxRuntimeExports.jsx(y.ContentWrapper,{children:o.jsxRuntimeExports.jsx(y.Content,{visible:e,zIndex:s,minHeight:l,vh:u,children:d})})}):null},De=Object.assign(T,{SingleButton:k,DoubleButton:_,Body:S,Header:j}),V=({children:e})=>o.jsxRuntimeExports.jsx(j,{children:o.jsxRuntimeExports.jsx(xe.NavigationWrapper,{children:e})}),Ne=e=>o.jsxRuntimeExports.jsx(V,{children:o.jsxRuntimeExports.jsx(ge.Navigation,{...e})}),Le=Object.assign(T,{Header:j,Navigation:Ne,Body:S,SingleButton:k,DoubleButton:_}),He=({title:e,subTitle:t,hasContentPadding:i=!0})=>o.jsxRuntimeExports.jsxs($.TitleWrapper,{contentPadding:i,children:[e&&o.jsxRuntimeExports.jsx(W.Headline4,{children:e}),t&&o.jsxRuntimeExports.jsx(W.Title3,{className:L.cn("text-gray-400",$.className.subTitle),children:t})]}),Pe=e=>o.jsxRuntimeExports.jsx($.ButtonMargin,{children:o.jsxRuntimeExports.jsx(k,{...e})}),ze=e=>o.jsxRuntimeExports.jsx($.ButtonMargin,{children:o.jsxRuntimeExports.jsx(_,{...e})}),Fe=Object.assign(T,{Header:j,Body:S,Title:He,SingleButton:Pe,DoubleButton:ze}),U=r.default.div`
+	& > div > .select-box {
+		cursor: pointer;
+	}
+	position: relative;
+`,Z=r.default.div`
+	position: absolute;
+	z-index: ${w.zIndex.basicLayer+1};
+	width: 100%;
+	height: max-content;
+
+	${p.Larger(a.css`
+		top: 70px;
+	`)}
+`,J=r.default.div`
+	height: 80px;
+	pointer-events: none;
+`,K=r.default.div`
+	box-shadow: 0 2px 10px ${n.generateHexWithAlphaInLightMode(n.basicColors.black,"20%")};
+	background-color: ${n.basicColors.white};
+	border-radius: 10px;
+	display: flex;
+	flex-direction: column;
+	gap: 4px;
+	max-height: ${65*4.5}px;
+	overflow-y: scroll;
+`,Q=r.default.div`
+	width: 100%;
+	height: 50px;
+	padding: 15px 25px;
+	cursor: pointer;
+	${N.title2({color:n.basicColors.gray400})};
+	background-color: ${n.basicColors.white};
+
+	&:first-of-type {
+		border-top-right-radius: 10px;
+		border-top-left-radius: 10px;
+	}
+
+	&:last-of-type {
+		border-bottom-right-radius: 10px;
+		border-bottom-left-radius: 10px;
+	}
+
+	&:hover {
+		background-color: ${n.basicColors.gray25};
+	}
+
+	&:active {
+		background-color: ${n.basicColors.gray50};
+	}
+`,X=r.default.div`
+	position: absolute;
+	z-index: 10;
+	right: 20px;
+	top: ${({rotateArrow:e})=>e?"18px":"20px"};
+	cursor: pointer;
+	transform: ${({rotateArrow:e})=>e?"rotate(180deg)":"rotate(0)"};
+	pointer-events: none;
+`,Y=r.default.div`
+	${p.Smaller(a.css`
+		display: none;
+	`)}
+`,ee=r.default.div`
+	${p.Larger(a.css`
+		display: none;
+	`)}
+`,Ae=Object.freeze(Object.defineProperty({__proto__:null,Desktop:Y,IconWrapper:X,Item:Q,ItemList:K,ItemListWrapper:Z,ListBottomMargin:J,Mobile:ee,Wrapper:U},Symbol.toStringTag,{value:"Module"})),te={Text:"chip-item-text"},O=38,Ge=r.default.span`
+	display: inline-flex;
+	min-width: max-content;
+	height: ${O}px;
+	gap: 2px;
+	padding: 8px 0 8px 12px;
+	padding-right: ${({hasRightIcon:e})=>e?"7px":"12px"};
+	align-items: center;
+
+	border-radius: 22px;
+
+	${({disabled:e,selected:t,colorType:i})=>{const s=P(i),l=e?"disabled":"default",d=t?"on":"off";return a.css`
+			background-color: ${s[l][d].containerColor};
+			border: 1px solid ${s[l][d].borderColor};
+			.${te.Text} {
+				color: ${s[l][d].textColor};
+			}
+			svg > path {
+				fill: ${s[l][d].iconColor};
+			}
+		`}}
+
+	${({selected:e})=>!e&&a.css`
+			cursor: pointer;
+		`}
+`,Ve=r.default.span`
+	cursor: pointer;
+	display: flex;
+`,oe={ControlIconContainer:2},q=O,Ue=25,Ze=n.basicColors.white,Je=r.default.div`
+	display: flex;
+	align-items: center;
+	position: relative;
+	overflow: hidden;
+
+	width: 100%;
+`,Ke=r.default.div`
+	${pe.scrollStyle}
+
+	display: flex;
+	gap: 5px;
+	z-index: ${oe.ControlIconContainer-1};
+
+	${({hasIconArea:e})=>e&&a.css`
+			padding-left: ${q+8}px;
+		`}
+	padding-right: 20px;
+`,Qe=r.default.div`
+	cursor: pointer;
+	position: absolute;
+	left: 0;
+	top: 0;
+
+	z-index: ${oe.ControlIconContainer};
+
+	background-color: ${Ze};
+	width: ${q}px;
+	height: ${q}px;
+`,Xe=r.default.div`
+	width: ${Ue}px;
+	height: 100%;
+
+	/* TODO: 컬러, 범위, 여백 수정 필요 */
+	background: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.01) 100%);
+
+	position: absolute;
+	left: ${q}px;
+	top: 0;
+`,Ye=r.default.div`
+	width: 100%;
+	height: 100%;
+	border-radius: 50%;
+
+	background: ${n.basicColors.gray50};
+	display: flex;
+	align-items: center;
+	justify-content: center;
+
+	position: absolute;
+	left: 0;
+	top: 0;
+`,et=r.default.div`
+	${({type:e,colorType:t})=>N.title4({color:M({type:e,colorType:t}).textColor})};
+	background-color: ${({type:e,colorType:t})=>M({type:e,colorType:t}).backgroundColor};
+
+	box-sizing: border-box;
+	width: max-content;
+	padding: 3px 8px;
+	border-radius: 30px;
+	align-items: center;
+	justify-content: center;
+	display: ${({inline:e})=>e?"inline-flex":"flex"};
+`,tt=r.default.div`
+	${p.Smaller(a.css`
+		padding: 25px 0;
+	`)}
+
+	${p.Larger(a.css`
+		padding: 80px 80px 25px;
+	`)}
+
+	/** deletePaddingTop = true 이면, 사용처 BasicLayout 에서 padding-top 관리 */
+
+	${({deletePaddingTop:e})=>e&&p.Smaller(a.css`
+			padding-top: 0px;
+		`)}
+
+	${({deletePaddingTop:e})=>e&&p.Larger(a.css`
+			padding-top: 0px;
+		`)}
+`,ot=r.default.div`
+	padding: 0 20px;
+	margin-bottom: 15px;
+	${p.Larger(a.css`
+		padding: 0;
+	`)}
+`,re=R.default.memo(({zIndex:e=w.zIndex.modal,visible:t,onMaskClick:i,children:s,className:l})=>o.jsxRuntimeExports.jsx(I,{className:l,visible:t,onClick:i,zIndex:e,children:o.jsxRuntimeExports.jsx(ne.ModalContent,{visible:t,children:s})})),rt=e=>o.jsxRuntimeExports.jsx(x.Footer,{children:o.jsxRuntimeExports.jsx(m,{...e})}),nt=e=>o.jsxRuntimeExports.jsx(x.Footer,{children:o.jsxRuntimeExports.jsx(G,{...e})}),it=({title:e,subTitle:t})=>o.jsxRuntimeExports.jsxs(x.Header,{children:[o.jsxRuntimeExports.jsx(W.Headline4,{children:e}),t&&o.jsxRuntimeExports.jsx(x.SubTitle,{children:t})]}),st=({children:e})=>o.jsxRuntimeExports.jsx(x.Comment,{children:e}),at=({onClick:e,disabled:t,text:i})=>o.jsxRuntimeExports.jsx(x.LineButtonWrapper,{children:o.jsxRuntimeExports.jsx(ue.UnderLineMiniButton,{size:"m",colorType:"gray",onClick:e,disabled:t,children:i})}),lt=({children:e,hasContentPadding:t=!0})=>o.jsxRuntimeExports.jsx(x.Body,{contentPadding:t,children:e}),ct=R.default.memo(({children:e,...t})=>o.jsxRuntimeExports.jsx(re,{...t,children:o.jsxRuntimeExports.jsx(x.Wrapper,{children:e})})),dt=Object.assign(ct,{SingleButton:rt,DoubleButton:nt,Title:it,Body:lt,Comment:st,UnderLineMiniButton:at});exports.ActiveDateOfMonthWrapper=We;exports.Badge=je;exports.BadgeContent=Be;exports.BaseBottomSheet=De;exports.BaseBottomSheetBody=S;exports.BaseBottomSheetCTADoubleButton=_;exports.BaseBottomSheetCTASingleButton=k;exports.BaseBottomSheetComp=T;exports.BaseBottomSheetHeader=j;exports.BaseModal=re;exports.BottomSheetNavigationTemplate=V;exports.Button=m;exports.CHIP_ITEM_HEIGHT=O;exports.CancelIconWrapper=Ve;exports.ChipListContainer=Ke;exports.CommonDateOfMonthSizeStyle=v;exports.CommonDateOfMonthWrapper=C;exports.Container=Ge;exports.ControlIconCircleWrapper=Ye;exports.ControlIconContainer=Qe;exports.ControlIconGradientBackground=Xe;exports.DayOfWeekItemWrapper=Oe;exports.Desktop=Y;exports.DisabledDateOfMonthWrapper=Re;exports.Dot=ve;exports.Dot$1=ke;exports.DoubleButton=G;exports.IconWrapper=X;exports.ImageWrapper=ot;exports.InnerWrapper=Se;exports.InnerWrapper$1=Me;exports.Input=we;exports.Item=Q;exports.ItemList=K;exports.ItemListWrapper=Z;exports.LegacyModal=dt;exports.ListBottomMargin=J;exports.Mobile=ee;exports.MobileWrapper=ye;exports.NavBottomSheet=Le;exports.NoneDateOfMonthWrapper=Te;exports.OutterContainer=Je;exports.OverlayRoot=I;exports.PcWrapper=he;exports.Progress=qe;exports.ProgressBar=$e;exports.RangeBackgroundWrapper=_e;exports.RangeEndFocusDateOfMonthWrapper=Ie;exports.RangeStartFocusDateOfMonthWrapper=Ee;exports.SingleFocusDateOfMonthWrapper=E;exports.Spinner=F;exports.TitleBottomSheet=Fe;exports.Wrapper=U;exports.Wrapper$1=et;exports.Wrapper$2=tt;exports.buttonVariants=A;exports.chipColorStyle=P;exports.className=te;exports.className$1=h;exports.index_styled=Ae;