@pfct/purple 1.5.0-npm-next.0 → 1.5.0-npm-next.2

package/dist/library/List/index.es.js

@@ -0,0 +1,4 @@
+import { BottomSheetItemList as o } from "./BottomSheetItemList/index.es.js";
+export {
+  o as BottomSheetItemList
+};

package/dist/library/Lottie/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("../../chunks/jsx-runtime.713F0z8w.js"),l=require("react"),w=require("lottie-web"),P=require("../../hooks/useLayoutIsMobile.cjs.js"),T=require("../../utils/uuid.util.cjs.js"),$=require("../IconWithImage/index.cjs.js"),E=require("./index.styled.cjs.js"),O=e=>e&&typeof e=="object"&&"default"in e?e:{default:e};function V(e){if(e&&typeof e=="object"&&"default"in e)return e;const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const R=V(l),W=O(w);var M=new Map,S=new WeakMap,q=0,C=void 0;function D(e){return e?(S.has(e)||(q+=1,S.set(e,q.toString())),S.get(e)):"0"}function L(e){return Object.keys(e).sort().filter(n=>e[n]!==void 0).map(n=>`${n}_${n==="root"?D(e.root):e[n]}`).toString()}function z(e){const n=L(e);let t=M.get(n);if(!t){const o=new Map;let a;const f=new IntersectionObserver(u=>{u.forEach(s=>{var i;const g=s.isIntersecting&&a.some(d=>s.intersectionRatio>=d);e.trackVisibility&&typeof s.isVisible>"u"&&(s.isVisible=g),(i=o.get(s.target))==null||i.forEach(d=>{d(g,s)})})},e);a=f.thresholds||(Array.isArray(e.threshold)?e.threshold:[e.threshold||0]),t={id:n,observer:f,elements:o},M.set(n,t)}return t}function F(e,n,t={},o=C){if(typeof window.IntersectionObserver>"u"&&o!==void 0){const i=e.getBoundingClientRect();return n(o,{isIntersecting:o,target:e,intersectionRatio:typeof t.threshold=="number"?t.threshold:0,time:0,boundingClientRect:i,intersectionRect:i,rootBounds:i}),()=>{}}const{id:a,observer:f,elements:u}=z(t),s=u.get(e)||[];return u.has(e)||u.set(e,s),s.push(n),f.observe(e),function(){s.splice(s.indexOf(n),1),s.length===0&&(u.delete(e),f.unobserve(e)),u.size===0&&(f.disconnect(),M.delete(a))}}function I({threshold:e,delay:n,trackVisibility:t,rootMargin:o,root:a,triggerOnce:f,skip:u,initialInView:s,fallbackInView:i,onChange:g}={}){var d;const[h,j]=R.useState(null),p=R.useRef(g),[b,m]=R.useState({inView:!!s,entry:void 0});p.current=g,R.useEffect(()=>{if(u||!h)return;let v;return v=F(h,(A,x)=>{m({inView:A,entry:x}),p.current&&p.current(A,x),x.isIntersecting&&f&&v&&(v(),v=void 0)},{root:a,rootMargin:o,threshold:e,trackVisibility:t,delay:n},i),()=>{v&&v()}},[Array.isArray(e)?e.toString():e,h,a,o,f,u,t,i,n]);const r=(d=b.entry)==null?void 0:d.target,_=R.useRef(void 0);!h&&r&&!f&&!u&&_.current!==r&&(_.current=r,m({inView:!!s,entry:void 0}));const c=[j,b.inView,b.entry];return c.ref=c[0],c.inView=c[1],c.entry=c[2],c}const G=({width:e,height:n,viewBox:t,className:o,playOnce:a,autoplay:f=!1,alterImgSrcOnLoad:u,lottieFileSrcPath:s})=>{const[i,g]=l.useState(null),d=l.useRef(null),h=l.useRef(T.uuid()),j=P(),{ref:p,inView:b}=I({threshold:j?.4:.9,rootMargin:j?"20% 0% 0% 0%":"40% 0% 10% 0%"}),m=l.useMemo(()=>t?`${t.x??0} ${t.y??0} ${t.width} ${t.height}`:void 0,[t]),[r,_]=l.useState();return l.useEffect(()=>{fetch(s).then(c=>c.json()).then(c=>{g(c)}).catch(()=>{console.info("lottie load 에 실패했습니다.")})},[s]),l.useEffect(()=>{if(!d.current||!i)return;const c=W.default.loadAnimation({container:d.current,renderer:"svg",loop:!a,autoplay:f,animationData:i,rendererSettings:{viewBoxSize:m},name:o});return _(c),()=>c.destroy()},[i,o,f,a,m]),l.useEffect(()=>{b?r==null||r.goToAndPlay((r==null?void 0:r.currentFrame)>.9*(r==null?void 0:r.totalFrames)?0:r==null?void 0:r.currentFrame,!0):a?r==null||r.stop():r==null||r.pause()},[b,r,a]),i===null&&u?y.jsxRuntimeExports.jsx(E.AlterImageWrapper,{children:y.jsxRuntimeExports.jsx($.IconWithImage,{width:e||0,srcPath:u})}):y.jsxRuntimeExports.jsx(E.Wrapper,{ref:p,children:y.jsxRuntimeExports.jsx(E.Container,{id:h.current,className:o,ref:d,width:e,height:n})})};exports.Lottie=G;

package/dist/library/Lottie/index.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+import * as Styled from './index.styled';
+interface LottieProps extends Styled.LottieContainerProps {
+    lottieFileSrcPath: string;
+    alterImgSrcOnLoad?: string;
+    viewBox?: {
+        x?: number;
+        y?: number;
+        width: number;
+        height: number;
+    };
+    playOnce?: boolean;
+    autoplay?: boolean;
+}
+declare const Lottie: React.FC<LottieProps>;
+export type { LottieProps };
+export { Lottie };

package/dist/library/Lottie/index.es.js

@@ -0,0 +1,181 @@
+import { j } from "../../chunks/jsx-runtime.Drh4NO5G.js";
+import * as b from "react";
+import { useState as x, useRef as y, useMemo as T, useEffect as M } from "react";
+import W from "lottie-web";
+import F from "../../hooks/useLayoutIsMobile.es.js";
+import { uuid as P } from "../../utils/uuid.util.es.js";
+import { IconWithImage as _ } from "../IconWithImage/index.es.js";
+import { AlterImageWrapper as z, Wrapper as C, Container as D } from "./index.styled.es.js";
+var w = /* @__PURE__ */ new Map(), A = /* @__PURE__ */ new WeakMap(), V = 0, L = void 0;
+function I(e) {
+  return e ? (A.has(e) || (V += 1, A.set(e, V.toString())), A.get(e)) : "0";
+}
+function q(e) {
+  return Object.keys(e).sort().filter(
+    (t) => e[t] !== void 0
+  ).map((t) => `${t}_${t === "root" ? I(e.root) : e[t]}`).toString();
+}
+function G(e) {
+  const t = q(e);
+  let n = w.get(t);
+  if (!n) {
+    const f = /* @__PURE__ */ new Map();
+    let d;
+    const c = new IntersectionObserver((i) => {
+      i.forEach((o) => {
+        var s;
+        const h = o.isIntersecting && d.some((a) => o.intersectionRatio >= a);
+        e.trackVisibility && typeof o.isVisible > "u" && (o.isVisible = h), (s = f.get(o.target)) == null || s.forEach((a) => {
+          a(h, o);
+        });
+      });
+    }, e);
+    d = c.thresholds || (Array.isArray(e.threshold) ? e.threshold : [e.threshold || 0]), n = {
+      id: t,
+      observer: c,
+      elements: f
+    }, w.set(t, n);
+  }
+  return n;
+}
+function H(e, t, n = {}, f = L) {
+  if (typeof window.IntersectionObserver > "u" && f !== void 0) {
+    const s = e.getBoundingClientRect();
+    return t(f, {
+      isIntersecting: f,
+      target: e,
+      intersectionRatio: typeof n.threshold == "number" ? n.threshold : 0,
+      time: 0,
+      boundingClientRect: s,
+      intersectionRect: s,
+      rootBounds: s
+    }), () => {
+    };
+  }
+  const { id: d, observer: c, elements: i } = G(n), o = i.get(e) || [];
+  return i.has(e) || i.set(e, o), o.push(t), c.observe(e), function() {
+    o.splice(o.indexOf(t), 1), o.length === 0 && (i.delete(e), c.unobserve(e)), i.size === 0 && (c.disconnect(), w.delete(d));
+  };
+}
+function J({
+  threshold: e,
+  delay: t,
+  trackVisibility: n,
+  rootMargin: f,
+  root: d,
+  triggerOnce: c,
+  skip: i,
+  initialInView: o,
+  fallbackInView: s,
+  onChange: h
+} = {}) {
+  var a;
+  const [v, R] = b.useState(null), l = b.useRef(h), [m, p] = b.useState({
+    inView: !!o,
+    entry: void 0
+  });
+  l.current = h, b.useEffect(
+    () => {
+      if (i || !v) return;
+      let g;
+      return g = H(
+        v,
+        ($, E) => {
+          p({
+            inView: $,
+            entry: E
+          }), l.current && l.current($, E), E.isIntersecting && c && g && (g(), g = void 0);
+        },
+        {
+          root: d,
+          rootMargin: f,
+          threshold: e,
+          // @ts-ignore
+          trackVisibility: n,
+          // @ts-ignore
+          delay: t
+        },
+        s
+      ), () => {
+        g && g();
+      };
+    },
+    // We break the rule here, because we aren't including the actual `threshold` variable
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+      // If the threshold is an array, convert it to a string, so it won't change between renders.
+      Array.isArray(e) ? e.toString() : e,
+      v,
+      d,
+      f,
+      c,
+      i,
+      n,
+      s,
+      t
+    ]
+  );
+  const r = (a = m.entry) == null ? void 0 : a.target, S = b.useRef(void 0);
+  !v && r && !c && !i && S.current !== r && (S.current = r, p({
+    inView: !!o,
+    entry: void 0
+  }));
+  const u = [R, m.inView, m.entry];
+  return u.ref = u[0], u.inView = u[1], u.entry = u[2], u;
+}
+const O = ({
+  width: e,
+  height: t,
+  viewBox: n,
+  className: f,
+  playOnce: d,
+  autoplay: c = !1,
+  alterImgSrcOnLoad: i,
+  lottieFileSrcPath: o
+}) => {
+  const [s, h] = x(null), a = y(null), v = y(P()), R = F(), { ref: l, inView: m } = J({
+    /**
+     * 모바일 : 로띠의 높이가 PC와 다르게 작기 때문에 스크롤시 로띠의 play 시작점을 자연스럽게 하기위해 0.4
+     * PC : 로띠의 play 시작점이 lottie 끝에 들어왔을때 play하기 위해 value 0.9
+     */
+    threshold: R ? 0.4 : 0.9,
+    /**
+     * rootMargin을 주어서 lottie inview에 대한 범위를 추가하였습니다.
+     * 모바일, PC의 높이가 달라 다르게 선언하였습니다.
+     */
+    rootMargin: R ? "20% 0% 0% 0%" : "40% 0% 10% 0%"
+  }), p = T(
+    () => n ? `${n.x ?? 0} ${n.y ?? 0} ${n.width} ${n.height}` : void 0,
+    [n]
+  ), [r, S] = x();
+  return M(() => {
+    fetch(o).then((u) => u.json()).then((u) => {
+      h(u);
+    }).catch(() => {
+      console.info("lottie load 에 실패했습니다.");
+    });
+  }, [o]), M(() => {
+    if (!a.current || !s)
+      return;
+    const u = W.loadAnimation({
+      container: a.current,
+      renderer: "svg",
+      loop: !d,
+      autoplay: c,
+      animationData: s,
+      rendererSettings: {
+        viewBoxSize: p
+      },
+      name: f
+    });
+    return S(u), () => u.destroy();
+  }, [s, f, c, d, p]), M(() => {
+    m ? r == null || r.goToAndPlay(
+      (r == null ? void 0 : r.currentFrame) > 0.9 * (r == null ? void 0 : r.totalFrames) ? 0 : r == null ? void 0 : r.currentFrame,
+      !0
+    ) : d ? r == null || r.stop() : r == null || r.pause();
+  }, [m, r, d]), s === null && i ? /* @__PURE__ */ j.jsx(z, { children: /* @__PURE__ */ j.jsx(_, { width: e || 0, srcPath: i }) }) : /* @__PURE__ */ j.jsx(C, { ref: l, children: /* @__PURE__ */ j.jsx(D, { id: v.current, className: f, ref: a, width: e, height: t }) });
+};
+export {
+  O as Lottie
+};

package/dist/library/Lottie/index.styled.cjs.js

@@ -0,0 +1,17 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@emotion/react"),r=require("@emotion/styled"),a=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},e=a(r),l=e.default.div`
+	width: 100%;
+`,n=e.default.div`
+	/* block 사용시 container div와 lottie svg 사이 미세한 여백이 발생하여 flex 사용*/
+	display: flex;
+
+	${t=>t.width&&i.css`
+			width: ${t.width}px;
+		`}
+	${t=>t.height&&i.css`
+			height: ${t.height}px;
+		`}
+`,o=e.default.div`
+	display: flex;
+	justify-content: center;
+	align-items: center;
+`;exports.AlterImageWrapper=o;exports.Container=n;exports.Wrapper=l;

package/dist/library/Lottie/index.styled.d.ts

@@ -0,0 +1,17 @@
+export interface LottieContainerProps {
+    width?: number;
+    height?: number;
+    className?: string;
+}
+export declare const Wrapper: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Container: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & LottieContainerProps, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const AlterImageWrapper: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/library/Lottie/index.styled.es.js

@@ -0,0 +1,24 @@
+import { css as i } from "@emotion/react";
+import e from "@emotion/styled";
+const n = e.div`
+	width: 100%;
+`, d = e.div`
+	/* block 사용시 container div와 lottie svg 사이 미세한 여백이 발생하여 flex 사용*/
+	display: flex;
+
+	${(t) => t.width && i`
+			width: ${t.width}px;
+		`}
+	${(t) => t.height && i`
+			height: ${t.height}px;
+		`}
+`, s = e.div`
+	display: flex;
+	justify-content: center;
+	align-items: center;
+`;
+export {
+  s as AlterImageWrapper,
+  d as Container,
+  n as Wrapper
+};

package/dist/library/Spacing/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../chunks/jsx-runtime.713F0z8w.js"),i=require("./index.styled.cjs.js"),n=({spaceNumber:e})=>t.jsxRuntimeExports.jsx(i.Spacing,{spaceNumber:e});exports.Spacing=n;

package/dist/library/Spacing/index.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+interface SpacingProps {
+    spaceNumber: number;
+}
+declare const Spacing: React.FC<SpacingProps>;
+export type { SpacingProps };
+export { Spacing };

package/dist/library/Spacing/index.es.js

@@ -0,0 +1,6 @@
+import { j as o } from "../../chunks/jsx-runtime.Drh4NO5G.js";
+import { Spacing as p } from "./index.styled.es.js";
+const n = ({ spaceNumber: r }) => /* @__PURE__ */ o.jsx(p, { spaceNumber: r });
+export {
+  n as Spacing
+};

package/dist/library/Spacing/index.styled.cjs.js

@@ -0,0 +1,3 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@emotion/styled"),o=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},a=o(e),c=a.default.div`
+	height: ${t=>t.spaceNumber}px;
+`;exports.Spacing=c;

package/dist/library/Spacing/index.styled.d.ts

@@ -0,0 +1,6 @@
+export declare const Spacing: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & {
+    spaceNumber: number;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/library/Spacing/index.styled.es.js

@@ -0,0 +1,7 @@
+import p from "@emotion/styled";
+const i = p.div`
+	height: ${(e) => e.spaceNumber}px;
+`;
+export {
+  i as Spacing
+};

package/dist/library/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./IconWithImage/index.cjs.js"),e=require("./List/BottomSheetItemList/index.cjs.js"),i=require("./Lottie/index.cjs.js"),o=require("./Spacing/index.cjs.js");exports.IconWithImage=t.IconWithImage;exports.BottomSheetItemList=e.BottomSheetItemList;exports.Lottie=i.Lottie;exports.Spacing=o.Spacing;

package/dist/library/index.d.ts

@@ -0,0 +1,4 @@
+export * from './IconWithImage';
+export * from './List';
+export * from './Lottie';
+export * from './Spacing';

package/dist/library/index.es.js

@@ -0,0 +1,10 @@
+import { IconWithImage as e } from "./IconWithImage/index.es.js";
+import { BottomSheetItemList as m } from "./List/BottomSheetItemList/index.es.js";
+import { Lottie as f } from "./Lottie/index.es.js";
+import { Spacing as x } from "./Spacing/index.es.js";
+export {
+  m as BottomSheetItemList,
+  e as IconWithImage,
+  f as Lottie,
+  x as Spacing
+};

package/dist/style/common.cjs.js

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@emotion/react"),o=e.css`
+	overflow-x: auto;
+	&::-webkit-scrollbar {
+		display: none;
+	}
+	scrollbar-width: none;
+	-ms-overflow-style: none;
+`;exports.scrollStyle=o;

package/dist/style/common.d.ts

@@ -0,0 +1 @@
+export declare const scrollStyle: import('@emotion/react').SerializedStyles;

package/dist/style/common.es.js

@@ -0,0 +1,12 @@
+import { css as o } from "@emotion/react";
+const r = o`
+	overflow-x: auto;
+	&::-webkit-scrollbar {
+		display: none;
+	}
+	scrollbar-width: none;
+	-ms-overflow-style: none;
+`;
+export {
+  r as scrollStyle
+};

package/dist/types/date.cjs.js

@@ -0,0 +1 @@
+"use strict";var r=Object.defineProperty;var d=(a,e,t)=>e in a?r(a,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):a[e]=t;var n=(a,e,t)=>d(a,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class h{constructor(e){n(this,"year");n(this,"month");n(this,"indexOfMonth");n(this,"dateOfMonth");n(this,"indexOfDayOfWeek");n(this,"timestamp");n(this,"isToday",()=>this.today.year===this.year&&this.today.month===this.month&&this.today.dateOfMonth===this.dateOfMonth);n(this,"toDateString",(e="YYYY.MM.DD",t=".")=>{const o=this.month<10?`0${this.month}`:this.month,s=this.dateOfMonth<10?`0${this.dateOfMonth}`:this.dateOfMonth;switch(e){case"YYYY.MM.DD":return`${this.year}${t}${o}${t}${s}`;case"YY.MM.DD":return`${String(this.year).slice(2,4)}${t}${o}${t}${s}`;default:return"지원되지 않는 형식입니다."}});n(this,"addMonth",e=>{const t=new Date(this.year,this.indexOfMonth+e,this.dateOfMonth);return new h([t.getFullYear(),t.getMonth()+1,t.getDate()])});n(this,"addYear",e=>{const t=new Date(this.year+e,this.indexOfMonth,this.dateOfMonth);return new h([t.getFullYear(),t.getMonth()+1,t.getDate()])});let t;if(!e)t=new Date;else{const[o,s,i]=e;t=new Date(o,s-1,i)}this.year=t.getFullYear(),this.month=t.getMonth()+1,this.indexOfMonth=t.getMonth(),this.dateOfMonth=t.getDate(),this.indexOfDayOfWeek=t.getDay(),this.timestamp=Date.parse(`${this.year}-${this.month}-${this.dateOfMonth}`)}get today(){const e=new Date;return new h([e.getFullYear(),e.getMonth()+1,e.getDate()])}}const M=new h([1,12,31]),D=new h([9999,12,31]),f=null;exports.EMPTY_DATE=f;exports.END_DATE=D;exports.PurpleDate=h;exports.START_DATE=M;

package/dist/types/date.d.ts

@@ -0,0 +1,33 @@
+interface IPurpleDate {
+    year: number;
+    month: number;
+    dateOfMonth: number;
+    today: PurpleDate;
+    indexOfDayOfWeek: number;
+    timestamp: number;
+    isToday: () => boolean;
+    toDateString: (format?: 'YY.MM.DD' | 'YYYY.MM.DD', seperator?: '-' | '.') => string;
+    addMonth: (months: number) => PurpleDate;
+    addYear: (years: number) => PurpleDate;
+}
+declare class PurpleDate implements IPurpleDate {
+    year: number;
+    month: number;
+    private indexOfMonth;
+    dateOfMonth: number;
+    indexOfDayOfWeek: number;
+    timestamp: number;
+    constructor(params?: [year: number, month: number, dateOfMonth: number]);
+    get today(): PurpleDate;
+    isToday: () => boolean;
+    toDateString: IPurpleDate['toDateString'];
+    addMonth: IPurpleDate['addMonth'];
+    addYear: IPurpleDate['addYear'];
+}
+declare const START_DATE: PurpleDate;
+declare const END_DATE: PurpleDate;
+declare const EMPTY_DATE: null;
+type DateOrNullType = typeof EMPTY_DATE | PurpleDate;
+type DateOrNullTypeTupleList = [DateOrNullType, DateOrNullType][];
+export type { IPurpleDate, DateOrNullType, DateOrNullTypeTupleList };
+export { PurpleDate, START_DATE, END_DATE, EMPTY_DATE };

package/dist/types/date.es.js

@@ -0,0 +1,52 @@
+var r = Object.defineProperty;
+var d = (a, e, t) => e in a ? r(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
+var n = (a, e, t) => d(a, typeof e != "symbol" ? e + "" : e, t);
+class h {
+  constructor(e) {
+    n(this, "year");
+    n(this, "month");
+    n(this, "indexOfMonth");
+    n(this, "dateOfMonth");
+    n(this, "indexOfDayOfWeek");
+    n(this, "timestamp");
+    n(this, "isToday", () => this.today.year === this.year && this.today.month === this.month && this.today.dateOfMonth === this.dateOfMonth);
+    n(this, "toDateString", (e = "YYYY.MM.DD", t = ".") => {
+      const s = this.month < 10 ? `0${this.month}` : this.month, o = this.dateOfMonth < 10 ? `0${this.dateOfMonth}` : this.dateOfMonth;
+      switch (e) {
+        case "YYYY.MM.DD":
+          return `${this.year}${t}${s}${t}${o}`;
+        case "YY.MM.DD":
+          return `${String(this.year).slice(2, 4)}${t}${s}${t}${o}`;
+        default:
+          return "지원되지 않는 형식입니다.";
+      }
+    });
+    n(this, "addMonth", (e) => {
+      const t = new Date(this.year, this.indexOfMonth + e, this.dateOfMonth);
+      return new h([t.getFullYear(), t.getMonth() + 1, t.getDate()]);
+    });
+    n(this, "addYear", (e) => {
+      const t = new Date(this.year + e, this.indexOfMonth, this.dateOfMonth);
+      return new h([t.getFullYear(), t.getMonth() + 1, t.getDate()]);
+    });
+    let t;
+    if (!e)
+      t = /* @__PURE__ */ new Date();
+    else {
+      const [s, o, i] = e;
+      t = new Date(s, o - 1, i);
+    }
+    this.year = t.getFullYear(), this.month = t.getMonth() + 1, this.indexOfMonth = t.getMonth(), this.dateOfMonth = t.getDate(), this.indexOfDayOfWeek = t.getDay(), this.timestamp = Date.parse(`${this.year}-${this.month}-${this.dateOfMonth}`);
+  }
+  get today() {
+    const e = /* @__PURE__ */ new Date();
+    return new h([e.getFullYear(), e.getMonth() + 1, e.getDate()]);
+  }
+}
+const f = new h([1, 12, 31]), D = new h([9999, 12, 31]), O = null;
+export {
+  O as EMPTY_DATE,
+  D as END_DATE,
+  h as PurpleDate,
+  f as START_DATE
+};

package/dist/types/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./date.cjs.js");exports.EMPTY_DATE=e.EMPTY_DATE;exports.END_DATE=e.END_DATE;exports.PurpleDate=e.PurpleDate;exports.START_DATE=e.START_DATE;

package/dist/types/index.d.ts

@@ -0,0 +1,3 @@
+export * from './date';
+export * from './react';
+export * from './select-props';

package/dist/types/index.es.js

@@ -0,0 +1,7 @@
+import { EMPTY_DATE as E, END_DATE as A, PurpleDate as e, START_DATE as r } from "./date.es.js";
+export {
+  E as EMPTY_DATE,
+  A as END_DATE,
+  e as PurpleDate,
+  r as START_DATE
+};

package/dist/types/react.cjs.js

@@ -0,0 +1 @@
+"use strict";

package/dist/types/react.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export type PropsWithChildren<ComponentProps = unknown> = ComponentProps & {
+    readonly children: ReactNode;
+};
+export type ReactFCWithChildren<ComponentProps = unknown> = React.FC<PropsWithChildren<ComponentProps>>;

package/dist/types/react.es.js

@@ -0,0 +1 @@
+

package/dist/types/select-props.cjs.js

@@ -0,0 +1 @@
+"use strict";

package/dist/types/select-props.d.ts

@@ -0,0 +1,7 @@
+import { SelectItemProps } from '../components';
+type SingleSelectProps<T = string> = {
+    value: T;
+    list: SelectItemProps<T>[];
+    onChange: (value: T) => void;
+};
+export type { SingleSelectProps };

package/dist/types/select-props.es.js

@@ -0,0 +1 @@
+

package/dist/utils/GenerateColorStyle/chip.cjs.js

@@ -0,0 +1 @@
+"use strict";require("../../core/Colors/index.cjs.js");require("../../chunks/jsx-runtime.713F0z8w.js");const e=require("../../chunks/index.styled.CX8FCbwl.js");require("../../core/TextStyles/index.cjs.js");require("../../components/ui/typography.cjs.js");module.exports=e.chipColorStyle;

package/dist/utils/GenerateColorStyle/chip.d.ts

@@ -0,0 +1,11 @@
+import { ColorType, StatusType } from './common/type';
+type State = 'default' | 'disabled';
+type ColorStyleByState = {
+    containerColor: string;
+    borderColor: string;
+    textColor: string;
+    iconColor: string;
+};
+export type ChipColorStyleProps = Record<State, Record<StatusType, ColorStyleByState>>;
+declare const chipColorStyle: (colorType: ColorType) => ChipColorStyleProps;
+export default chipColorStyle;

package/dist/utils/GenerateColorStyle/chip.es.js

@@ -0,0 +1,8 @@
+import "../../core/Colors/index.es.js";
+import "../../chunks/jsx-runtime.Drh4NO5G.js";
+import { k as a } from "../../chunks/index.styled.BYf5H-kQ.js";
+import "../../core/TextStyles/index.es.js";
+import "../../components/ui/typography.es.js";
+export {
+  a as default
+};

package/dist/utils/GenerateColorStyle/common/type.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=["pink","red","orange","yellow","lime","green","mint","skyblue","blue","indigo","purple","gray"],e=["main","sub"],o=["default","disabled","hover","focused"],t=["on","off"];exports.ColorTypeArray=r;exports.PurposeArray=e;exports.StateArray=o;exports.StatusArray=t;

package/dist/utils/GenerateColorStyle/common/type.d.ts

@@ -0,0 +1,8 @@
+export declare const ColorTypeArray: readonly ["pink", "red", "orange", "yellow", "lime", "green", "mint", "skyblue", "blue", "indigo", "purple", "gray"];
+export type ColorType = (typeof ColorTypeArray)[number];
+export declare const PurposeArray: readonly ["main", "sub"];
+export type PurposeType = (typeof PurposeArray)[number];
+export declare const StateArray: readonly ["default", "disabled", "hover", "focused"];
+export type StateType = (typeof StateArray)[number];
+export declare const StatusArray: readonly ["on", "off"];
+export type StatusType = (typeof StatusArray)[number];

package/dist/utils/GenerateColorStyle/common/type.es.js

@@ -0,0 +1,20 @@
+const e = [
+  "pink",
+  "red",
+  "orange",
+  "yellow",
+  "lime",
+  "green",
+  "mint",
+  "skyblue",
+  "blue",
+  "indigo",
+  "purple",
+  "gray"
+], r = ["main", "sub"], o = ["default", "disabled", "hover", "focused"], a = ["on", "off"];
+export {
+  e as ColorTypeArray,
+  r as PurposeArray,
+  o as StateArray,
+  a as StatusArray
+};

package/dist/utils/GenerateColorStyle/control/check-box.cjs.js

@@ -0,0 +1 @@
+"use strict";const o=require("../../../core/Colors/index.cjs.js"),t=r=>{const l="transparent",n="transparent",a=o.basicColors.gray100,s=o.basicColors.gray100,C="transparent",e=o.basicColors.gray25,c=o.basicColors.gray50,i=o.basicColors.gray50;switch(r){case"gray":return{default:{on:{containerColor:o.basicColors.gray900,borderColor:l,iconColor:o.basicColors.gray900},off:{containerColor:n,borderColor:a,iconColor:s}},disabled:{on:{containerColor:o.basicColors.gray200,borderColor:C,iconColor:o.basicColors.gray200},off:{containerColor:e,borderColor:c,iconColor:i}}};default:return{default:{on:{containerColor:o.basicColors[`${r}400`],borderColor:l,iconColor:o.basicColors[`${r}400`]},off:{containerColor:n,borderColor:a,iconColor:s}},disabled:{on:{containerColor:o.basicColors[`${r}100`],borderColor:C,iconColor:o.basicColors[`${r}100`]},off:{containerColor:e,borderColor:c,iconColor:i}}}}};module.exports=t;

package/dist/utils/GenerateColorStyle/control/check-box.d.ts

@@ -0,0 +1,10 @@
+import { ColorType, StatusType } from '../common/type';
+type State = 'default' | 'disabled';
+type ColorStyleByState = {
+    containerColor: string;
+    borderColor: string;
+    iconColor: string;
+};
+export type CheckBoxColorStyleProps = Record<State, Record<StatusType, ColorStyleByState>>;
+declare const checkBoxColorStyle: (colorType: ColorType) => CheckBoxColorStyleProps;
+export default checkBoxColorStyle;

package/dist/utils/GenerateColorStyle/control/check-box.es.js

@@ -0,0 +1,63 @@
+import { basicColors as o } from "../../../core/Colors/index.es.js";
+const i = (r) => {
+  const n = "transparent", l = "transparent", a = o.gray100, e = o.gray100, t = "transparent", C = o.gray25, d = o.gray50, f = o.gray50;
+  switch (r) {
+    case "gray":
+      return {
+        default: {
+          on: {
+            containerColor: o.gray900,
+            borderColor: n,
+            iconColor: o.gray900
+          },
+          off: {
+            containerColor: l,
+            borderColor: a,
+            iconColor: e
+          }
+        },
+        disabled: {
+          on: {
+            containerColor: o.gray200,
+            borderColor: t,
+            iconColor: o.gray200
+          },
+          off: {
+            containerColor: C,
+            borderColor: d,
+            iconColor: f
+          }
+        }
+      };
+    default:
+      return {
+        default: {
+          on: {
+            containerColor: o[`${r}400`],
+            borderColor: n,
+            iconColor: o[`${r}400`]
+          },
+          off: {
+            containerColor: l,
+            borderColor: a,
+            iconColor: e
+          }
+        },
+        disabled: {
+          on: {
+            containerColor: o[`${r}100`],
+            borderColor: t,
+            iconColor: o[`${r}100`]
+          },
+          off: {
+            containerColor: C,
+            borderColor: d,
+            iconColor: f
+          }
+        }
+      };
+  }
+};
+export {
+  i as default
+};

package/dist/utils/GenerateColorStyle/control/check-mark.cjs.js

@@ -0,0 +1 @@
+"use strict";const o=require("../../../core/Colors/index.cjs.js"),e=r=>{const n=o.basicColors.gray100,a=o.basicColors.gray50;switch(r){case"gray":return{default:{on:{containerColor:o.basicColors.gray900},off:{containerColor:n}},disabled:{on:{containerColor:o.basicColors.gray200},off:{containerColor:a}}};default:return{default:{on:{containerColor:o.basicColors[`${r}400`]},off:{containerColor:n}},disabled:{on:{containerColor:o.basicColors[`${r}100`]},off:{containerColor:a}}}}};module.exports=e;