@pfct/purple 1.4.0-rc.4 → 1.4.0-rc.5

package/dist/storybook/extend-color-type.stories.cjs.js

@@ -0,0 +1,17 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../chunks/jsx-runtime.713F0z8w.js"),l=require("react"),r=require("../chunks/index.styled.SwCr6Bqs.js");require("../components/Badge/IconBadge/index.styled.cjs.js");require("../components/Badge/TextBadge/index.styled.cjs.js");require("../components/Button/DoubleButton/index.styled.cjs.js");const m=require("../components/MiniButton/BoxMiniButton/index.cjs.js"),a=require("../components/MiniButton/IconMiniButton/index.cjs.js");require("../components/Button/FloatBaseButton/index.styled.cjs.js");require("../components/Button/FloatDoubleButton/index.styled.cjs.js");require("../components/Card/index.styled.cjs.js");require("@emotion/react");const T=require("../utils/GenerateColorStyle/common/type.cjs.js");require("../core/Colors/index.cjs.js");require("../utils/GenerateColorStyle/mini-button.cjs.js");require("../utils/GenerateColorStyle/datepicker.cjs.js");require("../core/TextStyles/index.cjs.js");require("../components/Comment/index.cjs.js");const d=require("../components/Control/RadioButton/index.cjs.js"),o=require("../components/Control/CheckBox/index.cjs.js"),p=require("../components/Control/CheckMark/index.cjs.js"),h=require("../components/Control/Switch/index.cjs.js"),B=require("../components/DatePicker/BaseDatePicker/index.cjs.js");require("../components/DatePicker/BaseDatePicker/hooks/index.util.cjs.js");const u=require("../types/date.cjs.js"),k=require("../components/DatePicker/RangeDatePicker/hooks/useRangeDatePicker.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");require("../components/DatePicker/RangeDatePickerModal/useRangeDatePickerModal.cjs.js");require("../components/Divider/index.styled.cjs.js");require("../chunks/index.styled.DkE3TbtV.js");require("../components/Input/BaseInput/index.cjs.js");require("../components/Input/ResidentNumberInput/index.styled.cjs.js");const f=require("../components/Loading/ProgressBar/index.cjs.js");require("../components/Loading/Skeleton/index.cjs.js");require("../components/Loading/Spinner/index.styled.cjs.js");require("../Icon/generated/AlarmFill.cjs.js");require("../Icon/generated/Calendar.cjs.js");require("../Icon/generated/Cancel.cjs.js");require("../Icon/generated/CancelCircle.cjs.js");require("../Icon/generated/CartFill.cjs.js");require("../Icon/generated/Check.cjs.js");require("../Icon/generated/ChevronDown.cjs.js");require("../Icon/generated/ChevronLeft.cjs.js");const g=require("../Icon/generated/ChevronRight.cjs.js");require("../Icon/generated/ChevronUp.cjs.js");require("../Icon/generated/DoubleChevronLeft.cjs.js");require("../Icon/generated/DoubleChevronRight.cjs.js");require("../Icon/generated/EyeFill.cjs.js");require("../Icon/generated/EyeSlashFill.cjs.js");require("../Icon/generated/Filter.cjs.js");require("../Icon/generated/Information.cjs.js");require("../Icon/generated/Menu.cjs.js");require("../Icon/generated/More.cjs.js");require("../Icon/generated/PersonFill.cjs.js");require("../Icon/generated/Plus.cjs.js");require("../Icon/generated/QuestionCircle.cjs.js");require("../Icon/generated/Re.cjs.js");require("../Icon/generated/Search.cjs.js");require("../Icon/generated/SettingFill.cjs.js");require("../Icon/generated/Share.cjs.js");require("../Icon/generated/Store.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");require("../library/List/BottomSheetItemList/index.styled.cjs.js");const D=require("../components/Chips/BasicChips/index.cjs.js"),v=require("../components/Tabs/TextTabs/index.cjs.js"),_=require("../components/Tabs/FillTabs/index.cjs.js");require("../components/ToastMessage/Toast/index.styled.cjs.js");require("../components/Tooltip/TooltipBase/index.styled.cjs.js");require("../library/IconWithImage/index.styled.cjs.js");require("lottie-web");require("../library/Lottie/index.styled.cjs.js");require("../library/Spacing/index.styled.cjs.js");const M=require("@emotion/styled"),S=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},P=S(M),O={title:"Page/ColorType",tags:["autodocs"]},n=P.default.div`
+	margin: 0 auto;
+	max-width: 1200px;
+	padding: 20px;
+
+	table {
+		width: 100%;
+		border-collapse: collapse;
+	}
+
+	th,
+	td {
+		width: 25%; /* 100%를 4개의 열로 나누어 균등하게 분배 */
+		border: 1px solid #ddd;
+		padding: 8px;
+	}
+`,R=t=>{const[s,i]=l.useState("2"),x={...t,type:"fixed",value:s,onChange:i,list:[{label:"라벨1",value:"1"},{label:"라벨2",value:"2"},{label:"라벨3",value:"3"}]};return e.jsxRuntimeExports.jsxs(n,{children:[e.jsxRuntimeExports.jsx("h3",{children:"TextTabs"}),e.jsxRuntimeExports.jsx(v.TextTabs,{...x})]})},E=t=>{const[s,i]=l.useState("2"),x={...t,value:s,onChange:i,list:[{label:"라벨1",value:"1"},{label:"라벨2",value:"2"},{label:"라벨3",value:"3"}]};return e.jsxRuntimeExports.jsxs(n,{children:[e.jsxRuntimeExports.jsx("h3",{children:"FillTabs"}),e.jsxRuntimeExports.jsx(_.FillTabs,{...x})]})},b=t=>{const[s,i]=l.useState(["1"]),x={...t,value:s,onChange:i,list:[{label:"라벨1",value:"1"},{label:"라벨2",value:"2"},{label:"라벨3",value:"3"}]};return e.jsxRuntimeExports.jsxs(n,{children:[e.jsxRuntimeExports.jsx("h3",{children:"BasicChips"}),e.jsxRuntimeExports.jsx(D.BasicChips,{...x})]})},A=t=>{const[s,i]=l.useState(!1),[x,c]=l.useState(!1);return e.jsxRuntimeExports.jsxs(n,{children:[e.jsxRuntimeExports.jsx("h3",{children:"Modal"}),e.jsxRuntimeExports.jsxs("table",{children:[e.jsxRuntimeExports.jsxs("tr",{children:[e.jsxRuntimeExports.jsx("th",{children:"DOUBLE_BUTTON.LEFT=DEFAULT"}),e.jsxRuntimeExports.jsx("th",{children:"DOUBLE_BUTTON.LEFT=COLOR"})]}),e.jsxRuntimeExports.jsxs("tr",{children:[e.jsxRuntimeExports.jsx("td",{children:e.jsxRuntimeExports.jsx("div",{style:{width:"200px"},children:e.jsxRuntimeExports.jsx(r.SingleButton,{colorType:t.colorType,purpose:"main",onClick:()=>{i(j=>!j)},children:"모달 오픈"})})}),e.jsxRuntimeExports.jsx("td",{children:e.jsxRuntimeExports.jsx("div",{style:{width:"200px"},children:e.jsxRuntimeExports.jsx(r.SingleButton,{colorType:t.colorType,purpose:"main",onClick:()=>{c(j=>!j)},children:"모달 오픈"})})})]})]}),e.jsxRuntimeExports.jsxs(r.Modal,{visible:s,onMaskClick:()=>{i(!1)},children:[e.jsxRuntimeExports.jsx(r.Modal.Title,{title:"타이틀을 입력해주세요",subTitle:"서브타이틀을 입력해주세요"}),e.jsxRuntimeExports.jsxs(r.Modal.Body,{children:[e.jsxRuntimeExports.jsx(r.Modal.Comment,{children:"설명을 입력해주세요"}),e.jsxRuntimeExports.jsx(r.Modal.UnderLineMiniButton,{text:"미니버튼"})]}),e.jsxRuntimeExports.jsx(r.Modal.DoubleButton,{purpose:"main",colorType:t.colorType,left:{children:"취소",onClick:()=>{i(!1)}},right:{children:"확인",onClick:()=>{i(!1)}},children:"확인"})]}),e.jsxRuntimeExports.jsxs(r.Modal,{visible:x,onMaskClick:()=>{c(!1)},children:[e.jsxRuntimeExports.jsx(r.Modal.Title,{title:"타이틀을 입력해주세요",subTitle:"서브타이틀을 입력해주세요"}),e.jsxRuntimeExports.jsxs(r.Modal.Body,{children:[e.jsxRuntimeExports.jsx(r.Modal.Comment,{children:"설명을 입력해주세요"}),e.jsxRuntimeExports.jsx(r.Modal.UnderLineMiniButton,{text:"미니버튼"})]}),e.jsxRuntimeExports.jsx(r.Modal.DoubleButton,{purpose:"sub",colorType:t.colorType,left:{children:"취소",onClick:()=>{c(!1)}},right:{children:"확인",onClick:()=>{c(!1)}},children:"확인"})]})]})},w=t=>e.jsxRuntimeExports.jsxs(n,{children:[e.jsxRuntimeExports.jsx("h3",{children:"ProgressBar"}),e.jsxRuntimeExports.jsxs("table",{children:[e.jsxRuntimeExports.jsx("tr",{children:e.jsxRuntimeExports.jsx("th",{children:"progress=20"})}),e.jsxRuntimeExports.jsx("tr",{children:e.jsxRuntimeExports.jsx("td",{style:{position:"relative",height:"50px"},children:e.jsxRuntimeExports.jsx(f.ProgressBar,{progress:20,colorType:t.colorType})})})]})]}),L=t=>e.jsxRuntimeExports.jsxs(n,{children:[e.jsxRuntimeExports.jsx("h3",{children:"SingleButton"}),e.jsxRuntimeExports.jsxs("table",{children:[e.jsxRuntimeExports.jsxs("tr",{children:[e.jsxRuntimeExports.jsx("th",{children:"purpose=main, enabled"}),e.jsxRuntimeExports.jsx("th",{children:"purpose=sub, enabled"}),e.jsxRuntimeExports.jsx("th",{children:"purpose=main, disabled"}),e.jsxRuntimeExports.jsx("th",{children:"purpose=sub, disabled"})]}),e.jsxRuntimeExports.jsxs("tr",{children:[e.jsxRuntimeExports.jsx("td",{children:e.jsxRuntimeExports.jsx(r.SingleButton,{colorType:t.colorType,purpose:"main",children:"버튼"})}),e.jsxRuntimeExports.jsx("td",{children:e.jsxRuntimeExports.jsx(r.SingleButton,{colorType:t.colorType,purpose:"sub",children:"버튼"})}),e.jsxRuntimeExports.jsx("td",{children:e.jsxRuntimeExports.jsx(r.SingleButton,{colorType:t.colorType,purpose:"main",disabled:!0,children:"버튼"})}),e.jsxRuntimeExports.jsx("td",{children:e.jsxRuntimeExports.jsx(r.SingleButton,{colorType:t.colorType,purpose:"sub",disabled:!0,children:"버튼"})})]})]})]}),U=t=>e.jsxRuntimeExports.jsxs(n,{children:[e.jsxRuntimeExports.jsx("h3",{children:"BoxMiniButton"}),e.jsxRuntimeExports.jsxs("table",{children:[e.jsxRuntimeExports.jsxs("tr",{children:[e.jsxRuntimeExports.jsx("th",{children:"enabled"}),e.jsxRuntimeExports.jsx("th",{children:"disabled"})]}),e.jsxRuntimeExports.jsxs("tr",{children:[e.jsxRuntimeExports.jsx("td",{children:e.jsxRuntimeExports.jsx(m.BoxMiniButton,{colorType:t.colorType,children:"미니버튼"})}),e.jsxRuntimeExports.jsx("td",{children:e.jsxRuntimeExports.jsx(m.BoxMiniButton,{colorType:t.colorType,disabled:!0,children:"미니버튼"})})]})]})]}),F=t=>{const s={colorType:t.colorType,size:"s",icon:e.jsxRuntimeExports.jsx(g.ChevronRight,{size:20})};return e.jsxRuntimeExports.jsxs(n,{children:[e.jsxRuntimeExports.jsx("h3",{children:"IconMiniButton"}),e.jsxRuntimeExports.jsxs("table",{children:[e.jsxRuntimeExports.jsxs("tr",{children:[e.jsxRuntimeExports.jsx("th",{children:"enabled"}),e.jsxRuntimeExports.jsx("th",{children:"disabled"})]}),e.jsxRuntimeExports.jsxs("tr",{children:[e.jsxRuntimeExports.jsx("td",{children:e.jsxRuntimeExports.jsx(a.IconMiniButton,{...s,children:"미니버튼"})}),e.jsxRuntimeExports.jsx("td",{children:e.jsxRuntimeExports.jsx(a.IconMiniButton,{...s,disabled:!0,children:"미니버튼"})})]})]})]})},I=t=>{const s={colorType:t.colorType,size:"s"};return e.jsxRuntimeExports.jsxs(n,{children:[e.jsxRuntimeExports.jsx("h3",{children:"UnderLineMiniButton"}),e.jsxRuntimeExports.jsxs("table",{children:[e.jsxRuntimeExports.jsxs("tr",{children:[e.jsxRuntimeExports.jsx("th",{children:"enabled"}),e.jsxRuntimeExports.jsx("th",{children:"disabled"})]}),e.jsxRuntimeExports.jsxs("tr",{children:[e.jsxRuntimeExports.jsx("td",{children:e.jsxRuntimeExports.jsx(r.UnderLineMiniButton,{...s,children:"미니버튼"})}),e.jsxRuntimeExports.jsx("td",{children:e.jsxRuntimeExports.jsx(r.UnderLineMiniButton,{...s,disabled:!0,children:"미니버튼"})})]})]})]})},V=t=>{const s={colorType:t.colorType,onChange:()=>{console.log("handleChange")}};return e.jsxRuntimeExports.jsxs(n,{children:[e.jsxRuntimeExports.jsx("h3",{children:"RadioButton"}),e.jsxRuntimeExports.jsxs("table",{children:[e.jsxRuntimeExports.jsxs("tr",{children:[e.jsxRuntimeExports.jsx("th",{children:"Default, Active=On"}),e.jsxRuntimeExports.jsx("th",{children:"Default, Active=Off"}),e.jsxRuntimeExports.jsx("th",{children:"Disabled, Active=On"}),e.jsxRuntimeExports.jsx("th",{children:"Disabled, Active=Off"})]}),e.jsxRuntimeExports.jsxs("tr",{children:[e.jsxRuntimeExports.jsx("td",{children:e.jsxRuntimeExports.jsx(d.RadioButton,{...s,name:"1",value:"1",checked:!0})}),e.jsxRuntimeExports.jsx("td",{children:e.jsxRuntimeExports.jsx(d.RadioButton,{...s,name:"2",value:"2",checked:!1})}),e.jsxRuntimeExports.jsx("td",{children:e.jsxRuntimeExports.jsx(d.RadioButton,{...s,name:"3",value:"3",checked:!0,disabled:!0})}),e.jsxRuntimeExports.jsx("td",{children:e.jsxRuntimeExports.jsx(d.RadioButton,{...s,name:"4",value:"4",checked:!1,disabled:!0})})]})]})]})},z=t=>{const s={colorType:t.colorType,onChange:()=>{console.log("handleChange")}};return e.jsxRuntimeExports.jsxs(n,{children:[e.jsxRuntimeExports.jsx("h3",{children:"FillCheckBox"}),e.jsxRuntimeExports.jsxs("table",{children:[e.jsxRuntimeExports.jsxs("tr",{children:[e.jsxRuntimeExports.jsx("th",{children:"Default, Active=On"}),e.jsxRuntimeExports.jsx("th",{children:"Default, Active=Off"}),e.jsxRuntimeExports.jsx("th",{children:"Disabled, Active=On"}),e.jsxRuntimeExports.jsx("th",{children:"Disabled, Active=Off"})]}),e.jsxRuntimeExports.jsxs("tr",{children:[e.jsxRuntimeExports.jsx("td",{children:e.jsxRuntimeExports.jsx(o.CheckBox,{...s,type:"fill",checked:!0})}),e.jsxRuntimeExports.jsx("td",{children:e.jsxRuntimeExports.jsx(o.CheckBox,{...s,type:"fill",checked:!1})}),e.jsxRuntimeExports.jsx("td",{children:e.jsxRuntimeExports.jsx(o.CheckBox,{...s,type:"fill",checked:!0,disabled:!0})}),e.jsxRuntimeExports.jsx("td",{children:e.jsxRuntimeExports.jsx(o.CheckBox,{...s,type:"fill",checked:!1,disabled:!0})})]})]})]})},N=t=>{const s={colorType:t.colorType,onChange:()=>{console.log("handleChange")}};return e.jsxRuntimeExports.jsxs(n,{children:[e.jsxRuntimeExports.jsx("h3",{children:"LineCheckBox"}),e.jsxRuntimeExports.jsxs("table",{children:[e.jsxRuntimeExports.jsxs("tr",{children:[e.jsxRuntimeExports.jsx("th",{children:"Default, Active=On"}),e.jsxRuntimeExports.jsx("th",{children:"Default, Active=Off"}),e.jsxRuntimeExports.jsx("th",{children:"Disabled, Active=On"}),e.jsxRuntimeExports.jsx("th",{children:"Disabled, Active=Off"})]}),e.jsxRuntimeExports.jsxs("tr",{children:[e.jsxRuntimeExports.jsx("td",{children:e.jsxRuntimeExports.jsx(o.CheckBox,{...s,type:"line",checked:!0})}),e.jsxRuntimeExports.jsx("td",{children:e.jsxRuntimeExports.jsx(o.CheckBox,{...s,type:"line",checked:!1})}),e.jsxRuntimeExports.jsx("td",{children:e.jsxRuntimeExports.jsx(o.CheckBox,{...s,type:"line",checked:!0,disabled:!0})}),e.jsxRuntimeExports.jsx("td",{children:e.jsxRuntimeExports.jsx(o.CheckBox,{...s,type:"line",checked:!1,disabled:!0})})]})]})]})},G=t=>{const s={colorType:t.colorType,onChange:()=>{console.log("handleChange")}};return e.jsxRuntimeExports.jsxs(n,{children:[e.jsxRuntimeExports.jsx("h3",{children:"CheckMark"}),e.jsxRuntimeExports.jsxs("table",{children:[e.jsxRuntimeExports.jsxs("tr",{children:[e.jsxRuntimeExports.jsx("th",{children:"Default, Active=On"}),e.jsxRuntimeExports.jsx("th",{children:"Default, Active=Off"}),e.jsxRuntimeExports.jsx("th",{children:"Disabled, Active=On"}),e.jsxRuntimeExports.jsx("th",{children:"Disabled, Active=Off"})]}),e.jsxRuntimeExports.jsxs("tr",{children:[e.jsxRuntimeExports.jsx("td",{children:e.jsxRuntimeExports.jsx(p.CheckMark,{...s,checked:!0})}),e.jsxRuntimeExports.jsx("td",{children:e.jsxRuntimeExports.jsx(p.CheckMark,{...s,checked:!1})}),e.jsxRuntimeExports.jsx("td",{children:e.jsxRuntimeExports.jsx(p.CheckMark,{...s,checked:!0,disabled:!0})}),e.jsxRuntimeExports.jsx("td",{children:e.jsxRuntimeExports.jsx(p.CheckMark,{...s,checked:!1,disabled:!0})})]})]})]})},H=t=>{const s={colorType:t.colorType,onChange:()=>{console.log("handleChange")}};return e.jsxRuntimeExports.jsxs(n,{children:[e.jsxRuntimeExports.jsx("h3",{children:"Switch"}),e.jsxRuntimeExports.jsxs("table",{children:[e.jsxRuntimeExports.jsxs("tr",{children:[e.jsxRuntimeExports.jsx("th",{children:"Default, Active=On"}),e.jsxRuntimeExports.jsx("th",{children:"Default, Active=Off"}),e.jsxRuntimeExports.jsx("th",{children:"Disabled, Active=On"}),e.jsxRuntimeExports.jsx("th",{children:"Disabled, Active=Off"})]}),e.jsxRuntimeExports.jsxs("tr",{children:[e.jsxRuntimeExports.jsx("td",{children:e.jsxRuntimeExports.jsx(h.Switch,{...s,value:!0})}),e.jsxRuntimeExports.jsx("td",{children:e.jsxRuntimeExports.jsx(h.Switch,{...s,value:!1})}),e.jsxRuntimeExports.jsx("td",{children:e.jsxRuntimeExports.jsx(h.Switch,{...s,value:!0,disabled:!0})}),e.jsxRuntimeExports.jsx("td",{children:e.jsxRuntimeExports.jsx(h.Switch,{...s,value:!1,disabled:!0})})]})]})]})},J=t=>{const[s,i]=l.useState(new u.PurpleDate([2024,3,18])),[x,c]=l.useState(new u.PurpleDate([2024,4,13])),[j,q]=l.useState(new u.PurpleDate([2024,3,1])),y=k.useRangeDatePicker({colorType:t.colorType,disabledDates:[[new u.PurpleDate([2024,3,20]),new u.PurpleDate([2024,3,20])],[new u.PurpleDate([2024,3,8]),new u.PurpleDate([2024,3,10])]],selectedStartDate:s,selectedEndDate:x,displayDate:j,onUpdateSelectedStartDate:i,onUpdateSelectedEndDate:c,onUpdateDisplayDate:q});return e.jsxRuntimeExports.jsxs(n,{children:[e.jsxRuntimeExports.jsx("h3",{children:"RangeDatePicker"}),e.jsxRuntimeExports.jsx(B.BaseDatePicker,{...y})]})},K=t=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(w,{...t}),e.jsxRuntimeExports.jsx(A,{...t}),e.jsxRuntimeExports.jsx(L,{...t}),e.jsxRuntimeExports.jsx(U,{...t}),e.jsxRuntimeExports.jsx(F,{...t}),e.jsxRuntimeExports.jsx(I,{...t}),e.jsxRuntimeExports.jsx(V,{...t}),e.jsxRuntimeExports.jsx(z,{...t}),e.jsxRuntimeExports.jsx(N,{...t}),e.jsxRuntimeExports.jsx(G,{...t}),e.jsxRuntimeExports.jsx(H,{...t}),e.jsxRuntimeExports.jsx(R,{...t}),e.jsxRuntimeExports.jsx(E,{...t}),e.jsxRuntimeExports.jsx(b,{...t}),e.jsxRuntimeExports.jsx(J,{...t})]}),C={render:t=>e.jsxRuntimeExports.jsx(K,{...t}),args:{colorType:"gray"},argTypes:{colorType:{options:T.ColorTypeArray,control:{type:"select"}}}};C.storyName="컴포넌트 모음집";exports.BasicChipsComponent=b;exports.FillTabComponent=E;exports.Story1=C;exports.TextTabComponent=R;exports.default=O;

package/dist/storybook/extend-color-type.stories.es.js

@@ -0,0 +1,496 @@
+import { j as e } from "../chunks/jsx-runtime.Drh4NO5G.js";
+import { useState as c } from "react";
+import { S as x, M as l, U as u } from "../chunks/index.styled.BTZpARWY.js";
+import "../components/Badge/IconBadge/index.styled.es.js";
+import "../components/Badge/TextBadge/index.styled.es.js";
+import "../components/Button/DoubleButton/index.styled.es.js";
+import { BoxMiniButton as b } from "../components/MiniButton/BoxMiniButton/index.es.js";
+import { IconMiniButton as f } from "../components/MiniButton/IconMiniButton/index.es.js";
+import "../components/Button/FloatBaseButton/index.styled.es.js";
+import "../components/Button/FloatDoubleButton/index.styled.es.js";
+import "../components/Card/index.styled.es.js";
+import "@emotion/react";
+import { ColorTypeArray as C } from "../utils/GenerateColorStyle/common/type.es.js";
+import "../core/Colors/index.es.js";
+import "../utils/GenerateColorStyle/mini-button.es.js";
+import "../utils/GenerateColorStyle/datepicker.es.js";
+import "../core/TextStyles/index.es.js";
+import "../components/Comment/index.es.js";
+import { RadioButton as j } from "../components/Control/RadioButton/index.es.js";
+import { CheckBox as o } from "../components/Control/CheckBox/index.es.js";
+import { CheckMark as p } from "../components/Control/CheckMark/index.es.js";
+import { Switch as m } from "../components/Control/Switch/index.es.js";
+import { BaseDatePicker as v } from "../components/DatePicker/BaseDatePicker/index.es.js";
+import "../components/DatePicker/BaseDatePicker/hooks/index.util.es.js";
+import { PurpleDate as d } from "../types/date.es.js";
+import { useRangeDatePicker as g } from "../components/DatePicker/RangeDatePicker/hooks/useRangeDatePicker.es.js";
+import "../components/DatePicker/SingleDatePickerModal/index.styled.es.js";
+import "../components/DatePicker/SingleDatePickerModal/useSingleDatePickerModal.es.js";
+import "../components/DatePicker/RangeDatePickerModal/index.styled.es.js";
+import "../components/DatePicker/RangeDatePickerModal/useRangeDatePickerModal.es.js";
+import "../components/Divider/index.styled.es.js";
+import "../chunks/index.styled.SOJ65tcg.js";
+import "../components/Input/BaseInput/index.es.js";
+import "../components/Input/ResidentNumberInput/index.styled.es.js";
+import { ProgressBar as k } from "../components/Loading/ProgressBar/index.es.js";
+import "../components/Loading/Skeleton/index.es.js";
+import "../components/Loading/Spinner/index.styled.es.js";
+import "../Icon/generated/AlarmFill.es.js";
+import "../Icon/generated/Calendar.es.js";
+import "../Icon/generated/Cancel.es.js";
+import "../Icon/generated/CancelCircle.es.js";
+import "../Icon/generated/CartFill.es.js";
+import "../Icon/generated/Check.es.js";
+import "../Icon/generated/ChevronDown.es.js";
+import "../Icon/generated/ChevronLeft.es.js";
+import { ChevronRight as D } from "../Icon/generated/ChevronRight.es.js";
+import "../Icon/generated/ChevronUp.es.js";
+import "../Icon/generated/DoubleChevronLeft.es.js";
+import "../Icon/generated/DoubleChevronRight.es.js";
+import "../Icon/generated/EyeFill.es.js";
+import "../Icon/generated/EyeSlashFill.es.js";
+import "../Icon/generated/Filter.es.js";
+import "../Icon/generated/Information.es.js";
+import "../Icon/generated/Menu.es.js";
+import "../Icon/generated/More.es.js";
+import "../Icon/generated/PersonFill.es.js";
+import "../Icon/generated/Plus.es.js";
+import "../Icon/generated/QuestionCircle.es.js";
+import "../Icon/generated/Re.es.js";
+import "../Icon/generated/Search.es.js";
+import "../Icon/generated/SettingFill.es.js";
+import "../Icon/generated/Share.es.js";
+import "../Icon/generated/Store.es.js";
+import "../components/Navigation/index.styled.es.js";
+import "../components/Navigation/BaseNavigation/index.styled.es.js";
+import "../components/Navigation/constant.es.js";
+import "../components/Segment/BaseSegment/index.styled.es.js";
+import "../components/Segment/ExtendSegment/index.styled.es.js";
+import "../library/List/BottomSheetItemList/index.styled.es.js";
+import { BasicChips as B } from "../components/Chips/BasicChips/index.es.js";
+import { TextTabs as O } from "../components/Tabs/TextTabs/index.es.js";
+import { FillTabs as A } from "../components/Tabs/FillTabs/index.es.js";
+import "../components/ToastMessage/Toast/index.styled.es.js";
+import "../components/Tooltip/TooltipBase/index.styled.es.js";
+import "../library/IconWithImage/index.styled.es.js";
+import "lottie-web";
+import "../library/Lottie/index.styled.es.js";
+import "../library/Spacing/index.styled.es.js";
+import M from "@emotion/styled";
+const ft = {
+  title: "Page/ColorType",
+  tags: ["autodocs"]
+}, s = M.div`
+	margin: 0 auto;
+	max-width: 1200px;
+	padding: 20px;
+
+	table {
+		width: 100%;
+		border-collapse: collapse;
+	}
+
+	th,
+	td {
+		width: 25%; /* 100%를 4개의 열로 나누어 균등하게 분배 */
+		border: 1px solid #ddd;
+		padding: 8px;
+	}
+`, P = (t) => {
+  const [r, i] = c("2"), n = {
+    ...t,
+    type: "fixed",
+    value: r,
+    onChange: i,
+    list: [
+      { label: "라벨1", value: "1" },
+      { label: "라벨2", value: "2" },
+      { label: "라벨3", value: "3" }
+    ]
+  };
+  return /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("h3", { children: "TextTabs" }),
+    /* @__PURE__ */ e.jsx(O, { ...n })
+  ] });
+}, S = (t) => {
+  const [r, i] = c("2"), n = {
+    ...t,
+    value: r,
+    onChange: i,
+    list: [
+      { label: "라벨1", value: "1" },
+      { label: "라벨2", value: "2" },
+      { label: "라벨3", value: "3" }
+    ]
+  };
+  return /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("h3", { children: "FillTabs" }),
+    /* @__PURE__ */ e.jsx(A, { ...n })
+  ] });
+}, w = (t) => {
+  const [r, i] = c(["1"]), n = {
+    ...t,
+    value: r,
+    onChange: i,
+    list: [
+      { label: "라벨1", value: "1" },
+      { label: "라벨2", value: "2" },
+      { label: "라벨3", value: "3" }
+    ]
+  };
+  return /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("h3", { children: "BasicChips" }),
+    /* @__PURE__ */ e.jsx(B, { ...n })
+  ] });
+}, U = (t) => {
+  const [r, i] = c(!1), [n, h] = c(!1);
+  return /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("h3", { children: "Modal" }),
+    /* @__PURE__ */ e.jsxs("table", { children: [
+      /* @__PURE__ */ e.jsxs("tr", { children: [
+        /* @__PURE__ */ e.jsx("th", { children: "DOUBLE_BUTTON.LEFT=DEFAULT" }),
+        /* @__PURE__ */ e.jsx("th", { children: "DOUBLE_BUTTON.LEFT=COLOR" })
+      ] }),
+      /* @__PURE__ */ e.jsxs("tr", { children: [
+        /* @__PURE__ */ e.jsx("td", { children: /* @__PURE__ */ e.jsx("div", { style: { width: "200px" }, children: /* @__PURE__ */ e.jsx(
+          x,
+          {
+            colorType: t.colorType,
+            purpose: "main",
+            onClick: () => {
+              i((a) => !a);
+            },
+            children: "모달 오픈"
+          }
+        ) }) }),
+        /* @__PURE__ */ e.jsx("td", { children: /* @__PURE__ */ e.jsx("div", { style: { width: "200px" }, children: /* @__PURE__ */ e.jsx(
+          x,
+          {
+            colorType: t.colorType,
+            purpose: "main",
+            onClick: () => {
+              h((a) => !a);
+            },
+            children: "모달 오픈"
+          }
+        ) }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ e.jsxs(
+      l,
+      {
+        visible: r,
+        onMaskClick: () => {
+          i(!1);
+        },
+        children: [
+          /* @__PURE__ */ e.jsx(l.Title, { title: "타이틀을 입력해주세요", subTitle: "서브타이틀을 입력해주세요" }),
+          /* @__PURE__ */ e.jsxs(l.Body, { children: [
+            /* @__PURE__ */ e.jsx(l.Comment, { children: "설명을 입력해주세요" }),
+            /* @__PURE__ */ e.jsx(l.UnderLineMiniButton, { text: "미니버튼" })
+          ] }),
+          /* @__PURE__ */ e.jsx(
+            l.DoubleButton,
+            {
+              purpose: "main",
+              colorType: t.colorType,
+              left: {
+                children: "취소",
+                onClick: () => {
+                  i(!1);
+                }
+              },
+              right: {
+                children: "확인",
+                onClick: () => {
+                  i(!1);
+                }
+              },
+              children: "확인"
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ e.jsxs(
+      l,
+      {
+        visible: n,
+        onMaskClick: () => {
+          h(!1);
+        },
+        children: [
+          /* @__PURE__ */ e.jsx(l.Title, { title: "타이틀을 입력해주세요", subTitle: "서브타이틀을 입력해주세요" }),
+          /* @__PURE__ */ e.jsxs(l.Body, { children: [
+            /* @__PURE__ */ e.jsx(l.Comment, { children: "설명을 입력해주세요" }),
+            /* @__PURE__ */ e.jsx(l.UnderLineMiniButton, { text: "미니버튼" })
+          ] }),
+          /* @__PURE__ */ e.jsx(
+            l.DoubleButton,
+            {
+              purpose: "sub",
+              colorType: t.colorType,
+              left: {
+                children: "취소",
+                onClick: () => {
+                  h(!1);
+                }
+              },
+              right: {
+                children: "확인",
+                onClick: () => {
+                  h(!1);
+                }
+              },
+              children: "확인"
+            }
+          )
+        ]
+      }
+    )
+  ] });
+}, L = (t) => /* @__PURE__ */ e.jsxs(s, { children: [
+  /* @__PURE__ */ e.jsx("h3", { children: "ProgressBar" }),
+  /* @__PURE__ */ e.jsxs("table", { children: [
+    /* @__PURE__ */ e.jsx("tr", { children: /* @__PURE__ */ e.jsx("th", { children: "progress=20" }) }),
+    /* @__PURE__ */ e.jsx("tr", { children: /* @__PURE__ */ e.jsx("td", { style: { position: "relative", height: "50px" }, children: /* @__PURE__ */ e.jsx(k, { progress: 20, colorType: t.colorType }) }) })
+  ] })
+] }), E = (t) => /* @__PURE__ */ e.jsxs(s, { children: [
+  /* @__PURE__ */ e.jsx("h3", { children: "SingleButton" }),
+  /* @__PURE__ */ e.jsxs("table", { children: [
+    /* @__PURE__ */ e.jsxs("tr", { children: [
+      /* @__PURE__ */ e.jsx("th", { children: "purpose=main, enabled" }),
+      /* @__PURE__ */ e.jsx("th", { children: "purpose=sub, enabled" }),
+      /* @__PURE__ */ e.jsx("th", { children: "purpose=main, disabled" }),
+      /* @__PURE__ */ e.jsx("th", { children: "purpose=sub, disabled" })
+    ] }),
+    /* @__PURE__ */ e.jsxs("tr", { children: [
+      /* @__PURE__ */ e.jsx("td", { children: /* @__PURE__ */ e.jsx(x, { colorType: t.colorType, purpose: "main", children: "버튼" }) }),
+      /* @__PURE__ */ e.jsx("td", { children: /* @__PURE__ */ e.jsx(x, { colorType: t.colorType, purpose: "sub", children: "버튼" }) }),
+      /* @__PURE__ */ e.jsx("td", { children: /* @__PURE__ */ e.jsx(x, { colorType: t.colorType, purpose: "main", disabled: !0, children: "버튼" }) }),
+      /* @__PURE__ */ e.jsx("td", { children: /* @__PURE__ */ e.jsx(x, { colorType: t.colorType, purpose: "sub", disabled: !0, children: "버튼" }) })
+    ] })
+  ] })
+] }), F = (t) => /* @__PURE__ */ e.jsxs(s, { children: [
+  /* @__PURE__ */ e.jsx("h3", { children: "BoxMiniButton" }),
+  /* @__PURE__ */ e.jsxs("table", { children: [
+    /* @__PURE__ */ e.jsxs("tr", { children: [
+      /* @__PURE__ */ e.jsx("th", { children: "enabled" }),
+      /* @__PURE__ */ e.jsx("th", { children: "disabled" })
+    ] }),
+    /* @__PURE__ */ e.jsxs("tr", { children: [
+      /* @__PURE__ */ e.jsx("td", { children: /* @__PURE__ */ e.jsx(b, { colorType: t.colorType, children: "미니버튼" }) }),
+      /* @__PURE__ */ e.jsx("td", { children: /* @__PURE__ */ e.jsx(b, { colorType: t.colorType, disabled: !0, children: "미니버튼" }) })
+    ] })
+  ] })
+] }), R = (t) => {
+  const r = {
+    colorType: t.colorType,
+    size: "s",
+    icon: /* @__PURE__ */ e.jsx(D, { size: 20 })
+  };
+  return /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("h3", { children: "IconMiniButton" }),
+    /* @__PURE__ */ e.jsxs("table", { children: [
+      /* @__PURE__ */ e.jsxs("tr", { children: [
+        /* @__PURE__ */ e.jsx("th", { children: "enabled" }),
+        /* @__PURE__ */ e.jsx("th", { children: "disabled" })
+      ] }),
+      /* @__PURE__ */ e.jsxs("tr", { children: [
+        /* @__PURE__ */ e.jsx("td", { children: /* @__PURE__ */ e.jsx(f, { ...r, children: "미니버튼" }) }),
+        /* @__PURE__ */ e.jsx("td", { children: /* @__PURE__ */ e.jsx(f, { ...r, disabled: !0, children: "미니버튼" }) })
+      ] })
+    ] })
+  ] });
+}, V = (t) => {
+  const r = {
+    colorType: t.colorType,
+    size: "s"
+  };
+  return /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("h3", { children: "UnderLineMiniButton" }),
+    /* @__PURE__ */ e.jsxs("table", { children: [
+      /* @__PURE__ */ e.jsxs("tr", { children: [
+        /* @__PURE__ */ e.jsx("th", { children: "enabled" }),
+        /* @__PURE__ */ e.jsx("th", { children: "disabled" })
+      ] }),
+      /* @__PURE__ */ e.jsxs("tr", { children: [
+        /* @__PURE__ */ e.jsx("td", { children: /* @__PURE__ */ e.jsx(u, { ...r, children: "미니버튼" }) }),
+        /* @__PURE__ */ e.jsx("td", { children: /* @__PURE__ */ e.jsx(u, { ...r, disabled: !0, children: "미니버튼" }) })
+      ] })
+    ] })
+  ] });
+}, z = (t) => {
+  const r = {
+    colorType: t.colorType,
+    onChange: () => {
+      console.log("handleChange");
+    }
+  };
+  return /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("h3", { children: "RadioButton" }),
+    /* @__PURE__ */ e.jsxs("table", { children: [
+      /* @__PURE__ */ e.jsxs("tr", { children: [
+        /* @__PURE__ */ e.jsx("th", { children: "Default, Active=On" }),
+        /* @__PURE__ */ e.jsx("th", { children: "Default, Active=Off" }),
+        /* @__PURE__ */ e.jsx("th", { children: "Disabled, Active=On" }),
+        /* @__PURE__ */ e.jsx("th", { children: "Disabled, Active=Off" })
+      ] }),
+      /* @__PURE__ */ e.jsxs("tr", { children: [
+        /* @__PURE__ */ e.jsx("td", { children: /* @__PURE__ */ e.jsx(j, { ...r, name: "1", value: "1", checked: !0 }) }),
+        /* @__PURE__ */ e.jsx("td", { children: /* @__PURE__ */ e.jsx(j, { ...r, name: "2", value: "2", checked: !1 }) }),
+        /* @__PURE__ */ e.jsx("td", { children: /* @__PURE__ */ e.jsx(j, { ...r, name: "3", value: "3", checked: !0, disabled: !0 }) }),
+        /* @__PURE__ */ e.jsx("td", { children: /* @__PURE__ */ e.jsx(j, { ...r, name: "4", value: "4", checked: !1, disabled: !0 }) })
+      ] })
+    ] })
+  ] });
+}, I = (t) => {
+  const r = {
+    colorType: t.colorType,
+    onChange: () => {
+      console.log("handleChange");
+    }
+  };
+  return /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("h3", { children: "FillCheckBox" }),
+    /* @__PURE__ */ e.jsxs("table", { children: [
+      /* @__PURE__ */ e.jsxs("tr", { children: [
+        /* @__PURE__ */ e.jsx("th", { children: "Default, Active=On" }),
+        /* @__PURE__ */ e.jsx("th", { children: "Default, Active=Off" }),
+        /* @__PURE__ */ e.jsx("th", { children: "Disabled, Active=On" }),
+        /* @__PURE__ */ e.jsx("th", { children: "Disabled, Active=Off" })
+      ] }),
+      /* @__PURE__ */ e.jsxs("tr", { children: [
+        /* @__PURE__ */ e.jsx("td", { children: /* @__PURE__ */ e.jsx(o, { ...r, type: "fill", checked: !0 }) }),
+        /* @__PURE__ */ e.jsx("td", { children: /* @__PURE__ */ e.jsx(o, { ...r, type: "fill", checked: !1 }) }),
+        /* @__PURE__ */ e.jsx("td", { children: /* @__PURE__ */ e.jsx(o, { ...r, type: "fill", checked: !0, disabled: !0 }) }),
+        /* @__PURE__ */ e.jsx("td", { children: /* @__PURE__ */ e.jsx(o, { ...r, type: "fill", checked: !1, disabled: !0 }) })
+      ] })
+    ] })
+  ] });
+}, N = (t) => {
+  const r = {
+    colorType: t.colorType,
+    onChange: () => {
+      console.log("handleChange");
+    }
+  };
+  return /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("h3", { children: "LineCheckBox" }),
+    /* @__PURE__ */ e.jsxs("table", { children: [
+      /* @__PURE__ */ e.jsxs("tr", { children: [
+        /* @__PURE__ */ e.jsx("th", { children: "Default, Active=On" }),
+        /* @__PURE__ */ e.jsx("th", { children: "Default, Active=Off" }),
+        /* @__PURE__ */ e.jsx("th", { children: "Disabled, Active=On" }),
+        /* @__PURE__ */ e.jsx("th", { children: "Disabled, Active=Off" })
+      ] }),
+      /* @__PURE__ */ e.jsxs("tr", { children: [
+        /* @__PURE__ */ e.jsx("td", { children: /* @__PURE__ */ e.jsx(o, { ...r, type: "line", checked: !0 }) }),
+        /* @__PURE__ */ e.jsx("td", { children: /* @__PURE__ */ e.jsx(o, { ...r, type: "line", checked: !1 }) }),
+        /* @__PURE__ */ e.jsx("td", { children: /* @__PURE__ */ e.jsx(o, { ...r, type: "line", checked: !0, disabled: !0 }) }),
+        /* @__PURE__ */ e.jsx("td", { children: /* @__PURE__ */ e.jsx(o, { ...r, type: "line", checked: !1, disabled: !0 }) })
+      ] })
+    ] })
+  ] });
+}, _ = (t) => {
+  const r = {
+    colorType: t.colorType,
+    onChange: () => {
+      console.log("handleChange");
+    }
+  };
+  return /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("h3", { children: "CheckMark" }),
+    /* @__PURE__ */ e.jsxs("table", { children: [
+      /* @__PURE__ */ e.jsxs("tr", { children: [
+        /* @__PURE__ */ e.jsx("th", { children: "Default, Active=On" }),
+        /* @__PURE__ */ e.jsx("th", { children: "Default, Active=Off" }),
+        /* @__PURE__ */ e.jsx("th", { children: "Disabled, Active=On" }),
+        /* @__PURE__ */ e.jsx("th", { children: "Disabled, Active=Off" })
+      ] }),
+      /* @__PURE__ */ e.jsxs("tr", { children: [
+        /* @__PURE__ */ e.jsx("td", { children: /* @__PURE__ */ e.jsx(p, { ...r, checked: !0 }) }),
+        /* @__PURE__ */ e.jsx("td", { children: /* @__PURE__ */ e.jsx(p, { ...r, checked: !1 }) }),
+        /* @__PURE__ */ e.jsx("td", { children: /* @__PURE__ */ e.jsx(p, { ...r, checked: !0, disabled: !0 }) }),
+        /* @__PURE__ */ e.jsx("td", { children: /* @__PURE__ */ e.jsx(p, { ...r, checked: !1, disabled: !0 }) })
+      ] })
+    ] })
+  ] });
+}, q = (t) => {
+  const r = {
+    colorType: t.colorType,
+    onChange: () => {
+      console.log("handleChange");
+    }
+  };
+  return /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("h3", { children: "Switch" }),
+    /* @__PURE__ */ e.jsxs("table", { children: [
+      /* @__PURE__ */ e.jsxs("tr", { children: [
+        /* @__PURE__ */ e.jsx("th", { children: "Default, Active=On" }),
+        /* @__PURE__ */ e.jsx("th", { children: "Default, Active=Off" }),
+        /* @__PURE__ */ e.jsx("th", { children: "Disabled, Active=On" }),
+        /* @__PURE__ */ e.jsx("th", { children: "Disabled, Active=Off" })
+      ] }),
+      /* @__PURE__ */ e.jsxs("tr", { children: [
+        /* @__PURE__ */ e.jsx("td", { children: /* @__PURE__ */ e.jsx(m, { ...r, value: !0 }) }),
+        /* @__PURE__ */ e.jsx("td", { children: /* @__PURE__ */ e.jsx(m, { ...r, value: !1 }) }),
+        /* @__PURE__ */ e.jsx("td", { children: /* @__PURE__ */ e.jsx(m, { ...r, value: !0, disabled: !0 }) }),
+        /* @__PURE__ */ e.jsx("td", { children: /* @__PURE__ */ e.jsx(m, { ...r, value: !1, disabled: !0 }) })
+      ] })
+    ] })
+  ] });
+}, G = (t) => {
+  const [r, i] = c(new d([2024, 3, 18])), [n, h] = c(new d([2024, 4, 13])), [a, y] = c(new d([2024, 3, 1])), T = g({
+    colorType: t.colorType,
+    disabledDates: [
+      [new d([2024, 3, 20]), new d([2024, 3, 20])],
+      [new d([2024, 3, 8]), new d([2024, 3, 10])]
+    ],
+    selectedStartDate: r,
+    selectedEndDate: n,
+    displayDate: a,
+    onUpdateSelectedStartDate: i,
+    onUpdateSelectedEndDate: h,
+    onUpdateDisplayDate: y
+  });
+  return /* @__PURE__ */ e.jsxs(s, { children: [
+    /* @__PURE__ */ e.jsx("h3", { children: "RangeDatePicker" }),
+    /* @__PURE__ */ e.jsx(v, { ...T })
+  ] });
+}, H = (t) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+  /* @__PURE__ */ e.jsx(L, { ...t }),
+  /* @__PURE__ */ e.jsx(U, { ...t }),
+  /* @__PURE__ */ e.jsx(E, { ...t }),
+  /* @__PURE__ */ e.jsx(F, { ...t }),
+  /* @__PURE__ */ e.jsx(R, { ...t }),
+  /* @__PURE__ */ e.jsx(V, { ...t }),
+  /* @__PURE__ */ e.jsx(z, { ...t }),
+  /* @__PURE__ */ e.jsx(I, { ...t }),
+  /* @__PURE__ */ e.jsx(N, { ...t }),
+  /* @__PURE__ */ e.jsx(_, { ...t }),
+  /* @__PURE__ */ e.jsx(q, { ...t }),
+  /* @__PURE__ */ e.jsx(P, { ...t }),
+  /* @__PURE__ */ e.jsx(S, { ...t }),
+  /* @__PURE__ */ e.jsx(w, { ...t }),
+  /* @__PURE__ */ e.jsx(G, { ...t })
+] }), J = {
+  render: (t) => /* @__PURE__ */ e.jsx(H, { ...t }),
+  args: {
+    colorType: "gray"
+  },
+  argTypes: {
+    colorType: {
+      options: C,
+      control: { type: "select" }
+    }
+  }
+};
+J.storyName = "컴포넌트 모음집";
+export {
+  w as BasicChipsComponent,
+  S as FillTabComponent,
+  J as Story1,
+  P as TextTabComponent,
+  ft as default
+};

package/dist/storybook/extend-color-type.stories.js

@@ -15,13 +15,23 @@ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (
 }) : function(o, v) {
     o["default"] = v;
 });
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -191,7 +201,7 @@ const IconMiniButtonComponent = (props) => {
     const commonProps = {
         colorType: props.colorType,
         size: 's',
-        icon: react_1.default.createElement(__1.ChevronRightSIcon, null),
+        icon: react_1.default.createElement(__1.ChevronRightIcon, { size: 20 }),
     };
     return (react_1.default.createElement(Section, null,
         react_1.default.createElement("h3", null, "IconMiniButton"),

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