@pfct/purple 1.9.2 → 1.11.0

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

@@ -1,4 +1,4 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../chunks/chunk.BwUGlERp.js`),t=require(`../../core/Colors/index.cjs.js`),n=require(`../../utils/media.util.cjs.js`);require(`../../utils/index.cjs.js`),require(`../../core/index.cjs.js`);const r=require(`../GNB/index.constant.cjs.js`);let i=require(`@emotion/react`),a=require(`@emotion/styled`);a=e.n(a);var o=(e=0)=>i.css`
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/chunk.DWNI8pZO.js"),t=require("../../core/Colors/index.cjs.js"),n=require("../../utils/media.util.cjs.js");require("../../utils/index.cjs.js"),require("../../core/index.cjs.js");const r=require("../GNB/index.constant.cjs.js");let i=require("@emotion/react"),a=require("@emotion/styled");a=e.n(a);var o=(e=0)=>i.css`
 	height: calc(100vh - ${e}px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
 	height: calc(100vh - ${e}px - constant(safe-area-inset-top) - constant(safe-area-inset-bottom));
 `,s={ParentWrapper:a.default.div`

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

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../chunks/chunk.BwUGlERp.js`),t=require(`./index.styled.cjs.js`);let n=require(`react`);n=e.n(n);var r=Object.assign(n.default.Fragment,{Row:t.FlexContainerRow,Column:t.FlexContainerColumn,Item:t.FlexItem});exports.default=r;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../chunks/chunk.DWNI8pZO.js"),t=require("./index.styled.cjs.js");let n=require("react");n=e.n(n);var r=Object.assign(n.default.Fragment,{Row:t.FlexContainerRow,Column:t.FlexContainerColumn,Item:t.FlexItem});exports.default=r;

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../chunks/chunk.BwUGlERp.js`);let t=require(`@emotion/styled`);t=e.n(t);var n=e=>({display:`flex`,flexWrap:e.flexWrap?e.flexWrap:void 0,justifyContent:e.justifyContent?e.justifyContent:void 0,alignContent:e.alignContent?e.alignContent:void 0}),r=t.default.div(e=>({...n(e),flexDirection:`row`})),i=t.default.div(e=>({...n(e),flexDirection:`column`})),a=t.default.div(e=>({flexGrow:e.flexGrow?e.flexGrow:void 0,flexShrink:e.flexShrink?e.flexGrow:void 0,flexBasis:e.flexBasis?e.flexBasis:void 0}));exports.FlexContainerColumn=i,exports.FlexContainerRow=r,exports.FlexItem=a;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/chunk.DWNI8pZO.js");let t=require("@emotion/styled");t=e.n(t);var n=e=>({display:`flex`,flexWrap:e.flexWrap?e.flexWrap:void 0,justifyContent:e.justifyContent?e.justifyContent:void 0,alignContent:e.alignContent?e.alignContent:void 0}),r=t.default.div(e=>({...n(e),flexDirection:`row`})),i=t.default.div(e=>({...n(e),flexDirection:`column`})),a=t.default.div(e=>({flexGrow:e.flexGrow?e.flexGrow:void 0,flexShrink:e.flexShrink?e.flexGrow:void 0,flexBasis:e.flexBasis?e.flexBasis:void 0}));exports.FlexContainerColumn=i,exports.FlexContainerRow=r,exports.FlexItem=a;

package/dist/library/GlobalLayoutHeaderProvider/index.type.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../chunks/chunk.BwUGlERp.js`);let t=require(`react`);t=e.n(t);var n=t.default.createContext({hideGnb:()=>{console.info(``)},showGnb:()=>{console.info(``)},setGlobalLayoutHeader:()=>{console.info(``)},hasGlobalLayoutHeaderInMobile:!1,hasGlobalLayoutHeader:!1});exports.GlobalLayoutHeaderContext=n;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/chunk.DWNI8pZO.js");let t=require("react");t=e.n(t);var n=t.default.createContext({hideGnb:()=>{console.info(``)},showGnb:()=>{console.info(``)},setGlobalLayoutHeader:()=>{console.info(``)},hasGlobalLayoutHeaderInMobile:!1,hasGlobalLayoutHeader:!1});exports.GlobalLayoutHeaderContext=n;

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../../chunks/chunk.BwUGlERp.js`);const e=require(`./index.styled.cjs.js`);let t=require(`react/jsx-runtime`);var n=({srcPath:n,width:r,height:i})=>(0,t.jsx)(e.IconWrapper,{height:i||r,src:`${n}.png`,srcSet:`${n}@2x.png 2x, ${n}@3x.png 3x`,width:r});exports.IconWithImage=n;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./index.styled.cjs.js");let t=require("react/jsx-runtime");var n=({srcPath:n,width:r,height:i})=>(0,t.jsx)(e.IconWrapper,{height:i||r,src:`${n}.png`,srcSet:`${n}@2x.png 2x, ${n}@3x.png 3x`,width:r});exports.IconWithImage=n;

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

@@ -1,4 +1,4 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../chunks/chunk.BwUGlERp.js`);let t=require(`@emotion/react`),n=require(`@emotion/styled`);n=e.n(n);var r=n.default.img`
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/chunk.DWNI8pZO.js");let t=require("@emotion/react"),n=require("@emotion/styled");n=e.n(n);var r=n.default.img`
 	${({width:e,height:n})=>t.css`
 		width: ${e}px
 		height: ${n}px

package/dist/library/List/BottomSheetItemList/index.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../../../chunks/chunk.BwUGlERp.js`);const e=require(`./index.styled.cjs.js`);let t=require(`react/jsx-runtime`);var n=({item:n,onClick:r})=>(0,t.jsx)(t.Fragment,{children:n.map(n=>(0,t.jsx)(e.Item,{disabled:n.disabled??!1,onClick:()=>{n.disabled||r({value:n.value,label:n.label})},children:n.label},n.label))});exports.BottomSheetItemList=n;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./index.styled.cjs.js");let t=require("react/jsx-runtime");var n=({item:n,onClick:r})=>(0,t.jsx)(t.Fragment,{children:n.map(n=>(0,t.jsx)(e.Item,{disabled:n.disabled??!1,onClick:()=>{n.disabled||r({value:n.value,label:n.label})},children:n.label},n.label))});exports.BottomSheetItemList=n;

package/dist/library/List/BottomSheetItemList/index.styled.cjs.js

@@ -1,4 +1,4 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../../chunks/chunk.BwUGlERp.js`),t=require(`../../../core/Colors/index.cjs.js`),n=require(`../../../core/TextStyles/index.cjs.js`);let r=require(`@emotion/react`),i=require(`@emotion/styled`);i=e.n(i);var a=i.default.div`
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/chunk.DWNI8pZO.js"),t=require("../../../core/Colors/index.cjs.js"),n=require("../../../core/TextStyles/index.cjs.js");let r=require("@emotion/react"),i=require("@emotion/styled");i=e.n(i);var a=i.default.div`
 	width: 100%;
 	height: 48px;
 	padding: 15px 25px;

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./BottomSheetItemList/index.cjs.js`);exports.BottomSheetItemList=e.BottomSheetItemList;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./BottomSheetItemList/index.cjs.js");exports.BottomSheetItemList=e.BottomSheetItemList;

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../chunks/Lottie.Daocm-2Q.js`);exports.Lottie=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/Lottie.Dmnxt77x.js");exports.Lottie=e.t;

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

@@ -1,2 +1,2 @@
-import { t as e } from "../../chunks/Lottie.B1QsqPjL.js";
+import { t as e } from "../../chunks/Lottie.D10tQXHb.js";
 export { e as Lottie };

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

@@ -1,4 +1,4 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../chunks/chunk.BwUGlERp.js`);let t=require(`@emotion/react`),n=require(`@emotion/styled`);n=e.n(n);var r=n.default.div`
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/chunk.DWNI8pZO.js");let t=require("@emotion/react"),n=require("@emotion/styled");n=e.n(n);var r=n.default.div`
 	width: 100%;
 `,i=n.default.div`
 	/* block 사용시 container div와 lottie svg 사이 미세한 여백이 발생하여 flex 사용*/

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../../chunks/chunk.BwUGlERp.js`);const e=require(`./index.styled.cjs.js`);let t=require(`react/jsx-runtime`);var n=({spaceNumber:n})=>(0,t.jsx)(e.Spacing,{spaceNumber:n});exports.Spacing=n;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./index.styled.cjs.js");let t=require("react/jsx-runtime");var n=({spaceNumber:n})=>(0,t.jsx)(e.Spacing,{spaceNumber:n});exports.Spacing=n;

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

@@ -1,3 +1,3 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../chunks/chunk.BwUGlERp.js`);let t=require(`@emotion/styled`);t=e.n(t);var n=t.default.div`
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/chunk.DWNI8pZO.js");let t=require("@emotion/styled");t=e.n(t);var n=t.default.div`
 	height: ${e=>e.spaceNumber}px;
 `;exports.Spacing=n;

package/dist/library/index.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./IconWithImage/index.cjs.js`),t=require(`./List/BottomSheetItemList/index.cjs.js`);require(`./List/index.cjs.js`);const n=require(`../chunks/Lottie.Daocm-2Q.js`),r=require(`./Spacing/index.cjs.js`);exports.BottomSheetItemList=t.BottomSheetItemList,exports.IconWithImage=e.IconWithImage,exports.Lottie=n.t,exports.Spacing=r.Spacing;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./IconWithImage/index.cjs.js"),t=require("./List/BottomSheetItemList/index.cjs.js");require("./List/index.cjs.js");const n=require("../chunks/Lottie.Dmnxt77x.js"),r=require("./Spacing/index.cjs.js");exports.BottomSheetItemList=t.BottomSheetItemList,exports.IconWithImage=e.IconWithImage,exports.Lottie=n.t,exports.Spacing=r.Spacing;

package/dist/library/index.esm.js

@@ -1,6 +1,6 @@
 import { IconWithImage as e } from "./IconWithImage/index.esm.js";
 import { BottomSheetItemList as t } from "./List/BottomSheetItemList/index.esm.js";
 import "./List/index.esm.js";
-import { t as n } from "../chunks/Lottie.B1QsqPjL.js";
+import { t as n } from "../chunks/Lottie.D10tQXHb.js";
 import { Spacing as r } from "./Spacing/index.esm.js";
 export { t as BottomSheetItemList, e as IconWithImage, n as Lottie, r as Spacing };

package/dist/style/common.cjs.js

@@ -1,4 +1,4 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../chunks/chunk.BwUGlERp.js`);var e=require(`@emotion/react`).css`
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=require("@emotion/react").css`
 	overflow-x: auto;
 	&::-webkit-scrollbar {
 		display: none;

package/dist/types/index.cjs.js

@@ -1 +1 @@
-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;
+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/utils/GenerateColorStyle/chip.cjs.js

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../core/Colors/index.cjs.js`);var t=t=>{let n=e.basicColors[`${t}400`],r=e.basicColors.white,i=e.basicColors.white,a=e.basicColors[`${t}100`],o=e.basicColors.white,s=e.basicColors.white;switch(t){default:return{default:{on:{containerColor:n,borderColor:`transparent`,textColor:r,iconColor:i},off:{containerColor:e.basicColors.white,borderColor:e.basicColors.gray50,textColor:e.semanticColors.chipDefaultText,iconColor:e.basicColors.gray300}},disabled:{on:{containerColor:a,borderColor:`transparent`,textColor:o,iconColor:s},off:{containerColor:e.basicColors.white,borderColor:e.basicColors.gray25,textColor:e.basicColors.gray100,iconColor:e.basicColors.gray100}}}}};exports.default=t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../core/Colors/index.cjs.js");var t=t=>{let n=e.basicColors[`${t}400`],r=e.basicColors.white,i=e.basicColors.white,a=e.basicColors[`${t}100`],o=e.basicColors.white,s=e.basicColors.white;switch(t){default:return{default:{on:{containerColor:n,borderColor:`transparent`,textColor:r,iconColor:i},off:{containerColor:e.basicColors.white,borderColor:e.basicColors.gray50,textColor:e.semanticColors.chipDefaultText,iconColor:e.basicColors.gray300}},disabled:{on:{containerColor:a,borderColor:`transparent`,textColor:o,iconColor:s},off:{containerColor:e.basicColors.white,borderColor:e.basicColors.gray25,textColor:e.basicColors.gray100,iconColor:e.basicColors.gray100}}}}};exports.default=t;

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

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

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

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../../core/Colors/index.cjs.js`);var t=t=>{let n=e.basicColors.gray100,r=e.basicColors.gray50;switch(t){case`gray`:return{default:{on:{containerColor:e.basicColors.gray900},off:{containerColor:n}},disabled:{on:{containerColor:e.basicColors.gray200},off:{containerColor:r}}};default:return{default:{on:{containerColor:e.basicColors[`${t}400`]},off:{containerColor:n}},disabled:{on:{containerColor:e.basicColors[`${t}100`]},off:{containerColor:r}}}}};exports.default=t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../../core/Colors/index.cjs.js");var t=t=>{let n=e.basicColors.gray100,r=e.basicColors.gray50;switch(t){case`gray`:return{default:{on:{containerColor:e.basicColors.gray900},off:{containerColor:n}},disabled:{on:{containerColor:e.basicColors.gray200},off:{containerColor:r}}};default:return{default:{on:{containerColor:e.basicColors[`${t}400`]},off:{containerColor:n}},disabled:{on:{containerColor:e.basicColors[`${t}100`]},off:{containerColor:r}}}}};exports.default=t;

package/dist/utils/GenerateColorStyle/control/radio-button.cjs.js

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../../core/Colors/index.cjs.js`);var t=t=>{let n=`transparent`,r=`transparent`,i=e.basicColors.gray100,a=`transparent`,o=e.basicColors.gray25,s=e.basicColors.gray50;switch(t){case`gray`:return{default:{on:{containerColor:n,borderColor:e.basicColors.gray900},off:{containerColor:r,borderColor:i}},disabled:{on:{containerColor:a,borderColor:e.basicColors.gray200},off:{containerColor:o,borderColor:s}}};default:return{default:{on:{containerColor:n,borderColor:e.basicColors[`${t}400`]},off:{containerColor:r,borderColor:i}},disabled:{on:{containerColor:a,borderColor:e.basicColors[`${t}100`]},off:{containerColor:o,borderColor:s}}}}};exports.default=t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../../core/Colors/index.cjs.js");var t=t=>{let n=`transparent`,r=`transparent`,i=e.basicColors.gray100,a=`transparent`,o=e.basicColors.gray25,s=e.basicColors.gray50;switch(t){case`gray`:return{default:{on:{containerColor:n,borderColor:e.basicColors.gray900},off:{containerColor:r,borderColor:i}},disabled:{on:{containerColor:a,borderColor:e.basicColors.gray200},off:{containerColor:o,borderColor:s}}};default:return{default:{on:{containerColor:n,borderColor:e.basicColors[`${t}400`]},off:{containerColor:r,borderColor:i}},disabled:{on:{containerColor:a,borderColor:e.basicColors[`${t}100`]},off:{containerColor:o,borderColor:s}}}}};exports.default=t;

package/dist/utils/GenerateColorStyle/control/switch.cjs.js

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../../core/Colors/index.cjs.js`);var t=t=>{let n=e.basicColors.white,r=e.basicColors.gray100,i=e.semanticColors.controlSwitchEnabledOffInnerCircle,a=e.semanticColors.controlSwitchDisabledOnInnerCircle,o=e.basicColors.gray50,s=e.semanticColors.controlSwitchDisabledOffInnerCircle;switch(t){case`gray`:return{default:{on:{containerColor:e.semanticColors.controlGraySwitchEnabledOnContainer,innerCircleColor:n},off:{containerColor:r,innerCircleColor:i}},disabled:{on:{containerColor:e.basicColors.gray200,innerCircleColor:a},off:{containerColor:o,innerCircleColor:s}}};default:return{default:{on:{containerColor:e.basicColors[`${t}400`],innerCircleColor:n},off:{containerColor:r,innerCircleColor:i}},disabled:{on:{containerColor:e.basicColors[`${t}100`],innerCircleColor:a},off:{containerColor:o,innerCircleColor:s}}}}};exports.default=t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../../core/Colors/index.cjs.js");var t=t=>{let n=e.basicColors.white,r=e.basicColors.gray100,i=e.semanticColors.controlSwitchEnabledOffInnerCircle,a=e.semanticColors.controlSwitchDisabledOnInnerCircle,o=e.basicColors.gray50,s=e.semanticColors.controlSwitchDisabledOffInnerCircle;switch(t){case`gray`:return{default:{on:{containerColor:e.semanticColors.controlGraySwitchEnabledOnContainer,innerCircleColor:n},off:{containerColor:r,innerCircleColor:i}},disabled:{on:{containerColor:e.basicColors.gray200,innerCircleColor:a},off:{containerColor:o,innerCircleColor:s}}};default:return{default:{on:{containerColor:e.basicColors[`${t}400`],innerCircleColor:n},off:{containerColor:r,innerCircleColor:i}},disabled:{on:{containerColor:e.basicColors[`${t}100`],innerCircleColor:a},off:{containerColor:o,innerCircleColor:s}}}}};exports.default=t;

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

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../core/Colors/index.cjs.js`);var t={textColor:e.basicColors.gray900,focusedTextColor:e.basicColors.white,disabledTextColor:e.basicColors.gray100,hoverContainerColor:e.basicColors.gray50},n=n=>{switch(n){case`gray`:return{...t,focusedContainerColor:e.basicColors.gray900,rangeContainerColor:e.basicColors.gray50};default:return{...t,focusedContainerColor:e.basicColors[`${n}400`],rangeContainerColor:e.basicColors[`${n}50`]}}};exports.default=n;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../core/Colors/index.cjs.js");var t={textColor:e.basicColors.gray900,focusedTextColor:e.basicColors.white,disabledTextColor:e.basicColors.gray100,hoverContainerColor:e.basicColors.gray50},n=n=>{switch(n){case`gray`:return{...t,focusedContainerColor:e.basicColors.gray900,rangeContainerColor:e.basicColors.gray50};default:return{...t,focusedContainerColor:e.basicColors[`${n}400`],rangeContainerColor:e.basicColors[`${n}50`]}}};exports.default=n;

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./common/type.cjs.js`),t=require(`./chip.cjs.js`),n=require(`./control/check-box.cjs.js`),r=require(`./control/check-mark.cjs.js`),i=require(`./control/radio-button.cjs.js`),a=require(`./control/switch.cjs.js`),o=require(`./datepicker.cjs.js`),s=require(`./mini-button.cjs.js`),c=require(`./progress-bar.cjs.js`),l=require(`./single-button.cjs.js`),u=require(`./tab/fill-tabs.cjs.js`),d=require(`./tab/text-tabs.cjs.js`),f=require(`./tag.cjs.js`);exports.ColorTypeArray=e.ColorTypeArray,exports.PurposeArray=e.PurposeArray,exports.StateArray=e.StateArray,exports.StatusArray=e.StatusArray,exports.checkBoxColorStyle=n.default,exports.checkMarkColorStyle=r.default,exports.chipColorStyle=t.default,exports.datepickerColorStyle=o.default,exports.fillTabColorStyle=u.default,exports.miniButtonColorStyle=s.default,exports.progressBarColorStyle=c.default,exports.radioButtonColorStyle=i.default,exports.singleButtonColorStyle=l.default,exports.switchColorStyle=a.default,exports.tagColorStyle=f.default,exports.textTabColorStyle=d.default;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./common/type.cjs.js"),t=require("./chip.cjs.js"),n=require("./control/check-box.cjs.js"),r=require("./control/check-mark.cjs.js"),i=require("./control/radio-button.cjs.js"),a=require("./control/switch.cjs.js"),o=require("./datepicker.cjs.js"),s=require("./mini-button.cjs.js"),c=require("./progress-bar.cjs.js"),l=require("./single-button.cjs.js"),u=require("./tab/fill-tabs.cjs.js"),d=require("./tab/text-tabs.cjs.js"),f=require("./tag.cjs.js");exports.ColorTypeArray=e.ColorTypeArray,exports.PurposeArray=e.PurposeArray,exports.StateArray=e.StateArray,exports.StatusArray=e.StatusArray,exports.checkBoxColorStyle=n.default,exports.checkMarkColorStyle=r.default,exports.chipColorStyle=t.default,exports.datepickerColorStyle=o.default,exports.fillTabColorStyle=u.default,exports.miniButtonColorStyle=s.default,exports.progressBarColorStyle=c.default,exports.radioButtonColorStyle=i.default,exports.singleButtonColorStyle=l.default,exports.switchColorStyle=a.default,exports.tagColorStyle=f.default,exports.textTabColorStyle=d.default;

package/dist/utils/GenerateColorStyle/mini-button.cjs.js

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../core/Colors/index.cjs.js`);var t={hoverContainerColor:e.basicColors.gray50,focusedContainerColor:e.basicColors.gray100,disabledTextColor:e.basicColors.gray200},n=n=>{switch(n){case`gray`:return{...t,textColor:e.basicColors.gray400,iconColor:e.basicColors.gray200,iconDisabledColor:e.basicColors.gray50};default:return{...t,textColor:e.basicColors[`${n}400`],iconColor:e.basicColors[`${n}400`],iconDisabledColor:e.basicColors.gray200}}};exports.default=n;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../core/Colors/index.cjs.js");var t={hoverContainerColor:e.basicColors.gray50,focusedContainerColor:e.basicColors.gray100,disabledTextColor:e.basicColors.gray200},n=n=>{switch(n){case`gray`:return{...t,textColor:e.basicColors.gray400,iconColor:e.basicColors.gray200,iconDisabledColor:e.basicColors.gray50};default:return{...t,textColor:e.basicColors[`${n}400`],iconColor:e.basicColors[`${n}400`],iconDisabledColor:e.basicColors.gray200}}};exports.default=n;

package/dist/utils/GenerateColorStyle/progress-bar.cjs.js

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../core/Colors/index.cjs.js`);var t=t=>{switch(t){default:return{upperColor:e.basicColors[`${t}400`]}}};exports.default=t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../core/Colors/index.cjs.js");var t=t=>{switch(t){default:return{upperColor:e.basicColors[`${t}400`]}}};exports.default=t;

package/dist/utils/GenerateColorStyle/single-button.cjs.js

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../core/Colors/index.cjs.js`);var t=t=>{let n,r,i,a,o,s;switch(t){default:n=e.basicColors.white,r=e.basicColors.white;break}switch(t){case`gray`:i=e.basicColors.gray900,a=e.basicColors.gray700,o=e.basicColors.gray800,s=e.basicColors.gray100;break;default:i=e.basicColors[`${t}400`],a=e.basicColors[`${t}500`],o=e.basicColors[`${t}600`],s=e.basicColors[`${t}100`];break}return{textColor:n,disabledTextColor:r,defaultContainerColor:i,hoverContainerColor:a,focusedContainerColor:o,disabledContainerColor:s}},n=t=>{let n,r,i,a,o,s;switch(t){case`gray`:n=e.basicColors.gray700;break;default:n=e.basicColors[`${t}400`];break}switch(t){default:r=e.semanticColorsMethod.buttonSubDisabledText(t)}switch(t){default:i=e.basicColors[`${t}50`],a=e.basicColors[`${t}100`],o=e.basicColors[`${t}200`],s=e.basicColors[`${t}50`]}return{textColor:n,disabledTextColor:r,defaultContainerColor:i,hoverContainerColor:a,focusedContainerColor:o,disabledContainerColor:s}},r=({colorType:e,purpose:r})=>{switch(r){case`main`:return t(e);case`sub`:return n(e)}};exports.default=r;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../core/Colors/index.cjs.js");var t=t=>{let n,r,i,a,o,s;switch(t){default:n=e.basicColors.white,r=e.basicColors.white;break}switch(t){case`gray`:i=e.basicColors.gray900,a=e.basicColors.gray700,o=e.basicColors.gray800,s=e.basicColors.gray100;break;default:i=e.basicColors[`${t}400`],a=e.basicColors[`${t}500`],o=e.basicColors[`${t}600`],s=e.basicColors[`${t}100`];break}return{textColor:n,disabledTextColor:r,defaultContainerColor:i,hoverContainerColor:a,focusedContainerColor:o,disabledContainerColor:s}},n=t=>{let n,r,i,a,o,s;switch(t){case`gray`:n=e.basicColors.gray700;break;default:n=e.basicColors[`${t}400`];break}switch(t){default:r=e.semanticColorsMethod.buttonSubDisabledText(t)}switch(t){default:i=e.basicColors[`${t}50`],a=e.basicColors[`${t}100`],o=e.basicColors[`${t}200`],s=e.basicColors[`${t}50`]}return{textColor:n,disabledTextColor:r,defaultContainerColor:i,hoverContainerColor:a,focusedContainerColor:o,disabledContainerColor:s}},r=({colorType:e,purpose:r})=>{switch(r){case`main`:return t(e);case`sub`:return n(e)}};exports.default=r;

package/dist/utils/GenerateColorStyle/tab/fill-tabs.cjs.js

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../../core/Colors/index.cjs.js`);var t=t=>{let n=e.basicColors.gray700,r=e.basicColors.gray50;switch(t){case`gray`:return{on:{textColor:e.semanticColors.buttonGrayMainAbledText,containerColor:e.basicColors.gray700},off:{textColor:n,containerColor:r}};default:return{on:{textColor:e.semanticColors.buttonGrayMainAbledText,containerColor:e.basicColors[`${t}400`]},off:{textColor:n,containerColor:r}}}};exports.default=t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../../core/Colors/index.cjs.js");var t=t=>{let n=e.basicColors.gray700,r=e.basicColors.gray50;switch(t){case`gray`:return{on:{textColor:e.semanticColors.buttonGrayMainAbledText,containerColor:e.basicColors.gray700},off:{textColor:n,containerColor:r}};default:return{on:{textColor:e.semanticColors.buttonGrayMainAbledText,containerColor:e.basicColors[`${t}400`]},off:{textColor:n,containerColor:r}}}};exports.default=t;

package/dist/utils/GenerateColorStyle/tab/text-tabs.cjs.js

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../../core/Colors/index.cjs.js`);var t=t=>{let n=e.basicColors.gray100,r=`none`;switch(t){case`gray`:return{on:{textColor:e.basicColors.gray900,barColor:e.basicColors.gray900},off:{textColor:n,barColor:r}};default:return{on:{textColor:e.basicColors[`${t}400`],barColor:e.basicColors[`${t}400`]},off:{textColor:n,barColor:r}}}};exports.default=t;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../../core/Colors/index.cjs.js");var t=t=>{let n=e.basicColors.gray100,r=`none`;switch(t){case`gray`:return{on:{textColor:e.basicColors.gray900,barColor:e.basicColors.gray900},off:{textColor:n,barColor:r}};default:return{on:{textColor:e.basicColors[`${t}400`],barColor:e.basicColors[`${t}400`]},off:{textColor:n,barColor:r}}}};exports.default=t;

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

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require(`../../core/Colors/index.cjs.js`);var t=t=>{switch(t){case`gray`:return{backgroundColor:e.basicColors.gray50,textColor:e.basicColors.gray600};default:return{backgroundColor:e.basicColors[`${t}50`],textColor:e.basicColors[`${t}400`]}}},n=t=>{switch(t){case`gray`:return{backgroundColor:e.basicColors.gray600,textColor:e.basicColors.gray5};default:return{backgroundColor:e.basicColors[`${t}400`],textColor:e.basicColors.gray5}}},r=({type:e,colorType:r})=>{switch(e){case`tint`:return t(r);case`fill`:return n(r)}};exports.default=r;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../core/Colors/index.cjs.js");var t=t=>{switch(t){case`gray`:return{backgroundColor:e.basicColors.gray50,textColor:e.basicColors.gray600};default:return{backgroundColor:e.basicColors[`${t}50`],textColor:e.basicColors[`${t}400`]}}},n=t=>{switch(t){case`gray`:return{backgroundColor:e.basicColors.gray600,textColor:e.basicColors.gray5};default:return{backgroundColor:e.basicColors[`${t}400`],textColor:e.basicColors.gray5}}},r=({type:e,colorType:r})=>{switch(e){case`tint`:return t(r);case`fill`:return n(r)}};exports.default=r;

package/dist/utils/index.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./format.util.cjs.js`),t=require(`./GenerateColorStyle/common/type.cjs.js`),n=require(`./GenerateColorStyle/chip.cjs.js`),r=require(`./GenerateColorStyle/control/check-box.cjs.js`),i=require(`./GenerateColorStyle/control/check-mark.cjs.js`),a=require(`./GenerateColorStyle/control/radio-button.cjs.js`),o=require(`./GenerateColorStyle/control/switch.cjs.js`),s=require(`./GenerateColorStyle/datepicker.cjs.js`),c=require(`./GenerateColorStyle/mini-button.cjs.js`),l=require(`./GenerateColorStyle/progress-bar.cjs.js`),u=require(`./GenerateColorStyle/single-button.cjs.js`),d=require(`./GenerateColorStyle/tab/fill-tabs.cjs.js`),f=require(`./GenerateColorStyle/tab/text-tabs.cjs.js`),p=require(`./GenerateColorStyle/tag.cjs.js`);require(`./GenerateColorStyle/index.cjs.js`);const m=require(`./media.util.cjs.js`);exports.Between=m.Between,exports.BetweenPcAndMobile=m.BetweenPcAndMobile,exports.ColorTypeArray=t.ColorTypeArray,exports.Larger=m.Larger,exports.MediaQuerySize=m.MediaQuerySize,exports.PurposeArray=t.PurposeArray,exports.Smaller=m.Smaller,exports.StateArray=t.StateArray,exports.StatusArray=t.StatusArray,exports.checkBoxColorStyle=r.default,exports.checkMarkColorStyle=i.default,exports.chipColorStyle=n.default,exports.datepickerColorStyle=s.default,exports.extractNumber=e.extractNumber,exports.fillTabColorStyle=d.default,exports.formatKoreaCurrency=e.formatKoreaCurrency,exports.miniButtonColorStyle=c.default,exports.numberAccept=e.numberAccept,exports.progressBarColorStyle=l.default,exports.radioButtonColorStyle=a.default,exports.singleButtonColorStyle=u.default,exports.switchColorStyle=o.default,exports.tagColorStyle=p.default,exports.textTabColorStyle=f.default;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./format.util.cjs.js"),t=require("./GenerateColorStyle/common/type.cjs.js"),n=require("./GenerateColorStyle/chip.cjs.js"),r=require("./GenerateColorStyle/control/check-box.cjs.js"),i=require("./GenerateColorStyle/control/check-mark.cjs.js"),a=require("./GenerateColorStyle/control/radio-button.cjs.js"),o=require("./GenerateColorStyle/control/switch.cjs.js"),s=require("./GenerateColorStyle/datepicker.cjs.js"),c=require("./GenerateColorStyle/mini-button.cjs.js"),l=require("./GenerateColorStyle/progress-bar.cjs.js"),u=require("./GenerateColorStyle/single-button.cjs.js"),d=require("./GenerateColorStyle/tab/fill-tabs.cjs.js"),f=require("./GenerateColorStyle/tab/text-tabs.cjs.js"),p=require("./GenerateColorStyle/tag.cjs.js");require("./GenerateColorStyle/index.cjs.js");const m=require("./media.util.cjs.js");exports.Between=m.Between,exports.BetweenPcAndMobile=m.BetweenPcAndMobile,exports.ColorTypeArray=t.ColorTypeArray,exports.Larger=m.Larger,exports.MediaQuerySize=m.MediaQuerySize,exports.PurposeArray=t.PurposeArray,exports.Smaller=m.Smaller,exports.StateArray=t.StateArray,exports.StatusArray=t.StatusArray,exports.checkBoxColorStyle=r.default,exports.checkMarkColorStyle=i.default,exports.chipColorStyle=n.default,exports.datepickerColorStyle=s.default,exports.extractNumber=e.extractNumber,exports.fillTabColorStyle=d.default,exports.formatKoreaCurrency=e.formatKoreaCurrency,exports.miniButtonColorStyle=c.default,exports.numberAccept=e.numberAccept,exports.progressBarColorStyle=l.default,exports.radioButtonColorStyle=a.default,exports.singleButtonColorStyle=u.default,exports.switchColorStyle=o.default,exports.tagColorStyle=p.default,exports.textTabColorStyle=f.default;

package/dist/utils/media.util.cjs.js

@@ -1,4 +1,4 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../chunks/chunk.BwUGlERp.js`);let e=require(`@emotion/react`);var t={Mobile:1199,PC:1200},n=n=>e.css`
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("@emotion/react");var t={Mobile:1199,PC:1200},n=n=>e.css`
 	@media (max-width: ${t.Mobile}px) {
 		${n}
 	}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pfct/purple",
-  "version": "1.9.2",
+  "version": "1.11.0",
   "description": "design system for PFCT web service",
   "exports": {
     ".": {
@@ -44,7 +44,13 @@
     "storybook:build": "bun run build:icons && storybook build -o .build-storybook",
     "test": "vitest run",
     "test:watch": "vitest",
-    "build-storybook": "bun run build:icons && storybook build"
+    "build-storybook": "bun run build:icons && storybook build",
+    "vrt:build": "bun run build-storybook",
+    "vrt:baseline": "bun run vrt:build && bash vrt/run-docker.sh --update-snapshots",
+    "vrt:test": "bun run vrt:build && bash vrt/run-docker.sh",
+    "vrt:test:nobuild": "bash vrt/run-docker.sh",
+    "vrt:check": "bun run vrt:build && bun vrt/check-baselines.ts",
+    "vrt:report": "npx playwright show-report vrt/.report"
   },
   "lint-staged": {
     "src/**/*.{ts,tsx}": [
@@ -87,12 +93,11 @@
     "@babel/preset-env": "^7.22.10",
     "@babel/preset-react": "^7.22.10",
     "@babel/preset-typescript": "^7.18.6",
-    "@biomejs/biome": "2.4.14",
-    "@storybook/addon-docs": "10.4.1",
-    "@storybook/addon-essentials": "^8.6.8",
-    "@storybook/addon-interactions": "^8.6.8",
-    "@storybook/react-vite": "10.4.1",
-    "@types/node": "^20.17.28",
+    "@biomejs/biome": "2.4.16",
+    "@playwright/test": "1.60.0",
+    "@storybook/addon-docs": "10.4.2",
+    "@storybook/react-vite": "10.4.2",
+    "@types/node": "^25.9.2",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^6.0.0",
@@ -102,10 +107,10 @@
     "lint-staged": "^17.0.5",
     "prettier": "^3.8.1",
     "rollup-plugin-visualizer": "^7.0.0",
-    "storybook": "10.4.1",
+    "storybook": "10.4.2",
     "tailwindcss": "^4.0.15",
     "typescript": "^6.0.2",
-    "ultracite": "7.7.0",
+    "ultracite": "7.8.2",
     "vite": "^8.0.0",
     "vite-plugin-dts": "^5.0.0",
     "vitest": "^4.0.18"