enerdot-front-system 0.1.0-beta.3 → 0.1.0-beta.5

package/README.md

@@ -26,7 +26,7 @@
 
 ## Docs
 
-- [Components Test](https://master.d2svwq2nmzbo12.amplifyapp.com/)
+- [Components Test](https://master.d2i802mro6ev6c.amplifyapp.com/)
 - [Npm](https://www.npmjs.com/package/enerdot-front-system)
 
 ## 다크모드 색상 추가 (0.1.0 배포 예정)

package/dist/index-BeZVnuhe.cjs

@@ -0,0 +1,32 @@
+"use strict";const _r=require("react");function pr(s){const v=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(s){for(const _ in s)if(_!=="default"){const l=Object.getOwnPropertyDescriptor(s,_);Object.defineProperty(v,_,l.get?l:{enumerable:!0,get:()=>s[_]})}}return v.default=s,Object.freeze(v)}const gr=pr(_r);function yr(s){if(s.__esModule)return s;var v=s.default;if(typeof v=="function"){var _=function l(){return this instanceof l?Reflect.construct(v,arguments,this.constructor):v.apply(this,arguments)};_.prototype=v.prototype}else _={};return Object.defineProperty(_,"__esModule",{value:!0}),Object.keys(s).forEach(function(l){var k=Object.getOwnPropertyDescriptor(s,l);Object.defineProperty(_,l,k.get?k:{enumerable:!0,get:function(){return s[l]}})}),_}var N={exports:{}},B={};const Oe=yr(gr);/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var we;function Fr(){if(we)return B;we=1;var s=Oe,v=Symbol.for("react.element"),_=Symbol.for("react.fragment"),l=Object.prototype.hasOwnProperty,k=s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,O={key:!0,ref:!0,__self:!0,__source:!0};function h(m,p,R){var f,g={},w=null,I=null;R!==void 0&&(w=""+R),p.key!==void 0&&(w=""+p.key),p.ref!==void 0&&(I=p.ref);for(f in p)l.call(p,f)&&!O.hasOwnProperty(f)&&(g[f]=p[f]);if(m&&m.defaultProps)for(f in p=m.defaultProps,p)g[f]===void 0&&(g[f]=p[f]);return{$$typeof:v,type:m,key:w,ref:I,props:g,_owner:k.current}}return B.Fragment=_,B.jsx=h,B.jsxs=h,B}var $={};/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */var xe;function Er(){return xe||(xe=1,process.env.NODE_ENV!=="production"&&function(){var s=Oe,v=Symbol.for("react.element"),_=Symbol.for("react.portal"),l=Symbol.for("react.fragment"),k=Symbol.for("react.strict_mode"),O=Symbol.for("react.profiler"),h=Symbol.for("react.provider"),m=Symbol.for("react.context"),p=Symbol.for("react.forward_ref"),R=Symbol.for("react.suspense"),f=Symbol.for("react.suspense_list"),g=Symbol.for("react.memo"),w=Symbol.for("react.lazy"),I=Symbol.for("react.offscreen"),ee=Symbol.iterator,Te="@@iterator";function Pe(e){if(e===null||typeof e!="object")return null;var r=ee&&e[ee]||e[Te];return typeof r=="function"?r:null}var A=s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function y(e){{for(var r=arguments.length,t=new Array(r>1?r-1:0),a=1;a<r;a++)t[a-1]=arguments[a];je("error",e,t)}}function je(e,r,t){{var a=A.ReactDebugCurrentFrame,i=a.getStackAddendum();i!==""&&(r+="%s",t=t.concat([i]));var u=t.map(function(o){return String(o)});u.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,u)}}var Se=!1,Be=!1,$e=!1,Ie=!1,We=!1,re;re=Symbol.for("react.module.reference");function Ye(e){return!!(typeof e=="string"||typeof e=="function"||e===l||e===O||We||e===k||e===R||e===f||Ie||e===I||Se||Be||$e||typeof e=="object"&&e!==null&&(e.$$typeof===w||e.$$typeof===g||e.$$typeof===h||e.$$typeof===m||e.$$typeof===p||e.$$typeof===re||e.getModuleId!==void 0))}function Le(e,r,t){var a=e.displayName;if(a)return a;var i=r.displayName||r.name||"";return i!==""?t+"("+i+")":t}function te(e){return e.displayName||"Context"}function C(e){if(e==null)return null;if(typeof e.tag=="number"&&y("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case l:return"Fragment";case _:return"Portal";case O:return"Profiler";case k:return"StrictMode";case R:return"Suspense";case f:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case m:var r=e;return te(r)+".Consumer";case h:var t=e;return te(t._context)+".Provider";case p:return Le(e,e.render,"ForwardRef");case g:var a=e.displayName||null;return a!==null?a:C(e.type)||"Memo";case w:{var i=e,u=i._payload,o=i._init;try{return C(o(u))}catch{return null}}}return null}var x=Object.assign,j=0,ae,ne,oe,ie,ue,le,se;function ce(){}ce.__reactDisabledLog=!0;function Me(){{if(j===0){ae=console.log,ne=console.info,oe=console.warn,ie=console.error,ue=console.group,le=console.groupCollapsed,se=console.groupEnd;var e={configurable:!0,enumerable:!0,value:ce,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}j++}}function Ne(){{if(j--,j===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:x({},e,{value:ae}),info:x({},e,{value:ne}),warn:x({},e,{value:oe}),error:x({},e,{value:ie}),group:x({},e,{value:ue}),groupCollapsed:x({},e,{value:le}),groupEnd:x({},e,{value:se})})}j<0&&y("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var q=A.ReactCurrentDispatcher,J;function W(e,r,t){{if(J===void 0)try{throw Error()}catch(i){var a=i.stack.trim().match(/\n( *(at )?)/);J=a&&a[1]||""}return`
+`+J+e}}var K=!1,Y;{var Ve=typeof WeakMap=="function"?WeakMap:Map;Y=new Ve}function fe(e,r){if(!e||K)return"";{var t=Y.get(e);if(t!==void 0)return t}var a;K=!0;var i=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var u;u=q.current,q.current=null,Me();try{if(r){var o=function(){throw Error()};if(Object.defineProperty(o.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(o,[])}catch(E){a=E}Reflect.construct(e,[],o)}else{try{o.call()}catch(E){a=E}e.call(o.prototype)}}else{try{throw Error()}catch(E){a=E}e()}}catch(E){if(E&&a&&typeof E.stack=="string"){for(var n=E.stack.split(`
+`),F=a.stack.split(`
+`),c=n.length-1,d=F.length-1;c>=1&&d>=0&&n[c]!==F[d];)d--;for(;c>=1&&d>=0;c--,d--)if(n[c]!==F[d]){if(c!==1||d!==1)do if(c--,d--,d<0||n[c]!==F[d]){var b=`
+`+n[c].replace(" at new "," at ");return e.displayName&&b.includes("<anonymous>")&&(b=b.replace("<anonymous>",e.displayName)),typeof e=="function"&&Y.set(e,b),b}while(c>=1&&d>=0);break}}}finally{K=!1,q.current=u,Ne(),Error.prepareStackTrace=i}var P=e?e.displayName||e.name:"",D=P?W(P):"";return typeof e=="function"&&Y.set(e,D),D}function Ue(e,r,t){return fe(e,!1)}function qe(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function L(e,r,t){if(e==null)return"";if(typeof e=="function")return fe(e,qe(e));if(typeof e=="string")return W(e);switch(e){case R:return W("Suspense");case f:return W("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case p:return Ue(e.render);case g:return L(e.type,r,t);case w:{var a=e,i=a._payload,u=a._init;try{return L(u(i),r,t)}catch{}}}return""}var S=Object.prototype.hasOwnProperty,de={},ve=A.ReactDebugCurrentFrame;function M(e){if(e){var r=e._owner,t=L(e.type,e._source,r?r.type:null);ve.setExtraStackFrame(t)}else ve.setExtraStackFrame(null)}function Je(e,r,t,a,i){{var u=Function.call.bind(S);for(var o in e)if(u(e,o)){var n=void 0;try{if(typeof e[o]!="function"){var F=Error((a||"React class")+": "+t+" type `"+o+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[o]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw F.name="Invariant Violation",F}n=e[o](r,o,a,t,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(c){n=c}n&&!(n instanceof Error)&&(M(i),y("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",a||"React class",t,o,typeof n),M(null)),n instanceof Error&&!(n.message in de)&&(de[n.message]=!0,M(i),y("Failed %s type: %s",t,n.message),M(null))}}}var Ke=Array.isArray;function G(e){return Ke(e)}function Ge(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,t=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t}}function ze(e){try{return _e(e),!1}catch{return!0}}function _e(e){return""+e}function pe(e){if(ze(e))return y("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",Ge(e)),_e(e)}var ge=A.ReactCurrentOwner,Xe={key:!0,ref:!0,__self:!0,__source:!0},ye,Fe;function He(e){if(S.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function Ze(e){if(S.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function Qe(e,r){typeof e.ref=="string"&&ge.current}function er(e,r){{var t=function(){ye||(ye=!0,y("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}}function rr(e,r){{var t=function(){Fe||(Fe=!0,y("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"ref",{get:t,configurable:!0})}}var tr=function(e,r,t,a,i,u,o){var n={$$typeof:v,type:e,key:r,ref:t,props:o,_owner:u};return n._store={},Object.defineProperty(n._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(n,"_self",{configurable:!1,enumerable:!1,writable:!1,value:a}),Object.defineProperty(n,"_source",{configurable:!1,enumerable:!1,writable:!1,value:i}),Object.freeze&&(Object.freeze(n.props),Object.freeze(n)),n};function ar(e,r,t,a,i){{var u,o={},n=null,F=null;t!==void 0&&(pe(t),n=""+t),Ze(r)&&(pe(r.key),n=""+r.key),He(r)&&(F=r.ref,Qe(r,i));for(u in r)S.call(r,u)&&!Xe.hasOwnProperty(u)&&(o[u]=r[u]);if(e&&e.defaultProps){var c=e.defaultProps;for(u in c)o[u]===void 0&&(o[u]=c[u])}if(n||F){var d=typeof e=="function"?e.displayName||e.name||"Unknown":e;n&&er(o,d),F&&rr(o,d)}return tr(e,n,F,i,a,ge.current,o)}}var z=A.ReactCurrentOwner,Ee=A.ReactDebugCurrentFrame;function T(e){if(e){var r=e._owner,t=L(e.type,e._source,r?r.type:null);Ee.setExtraStackFrame(t)}else Ee.setExtraStackFrame(null)}var X;X=!1;function H(e){return typeof e=="object"&&e!==null&&e.$$typeof===v}function be(){{if(z.current){var e=C(z.current.type);if(e)return`
+
+Check the render method of \``+e+"`."}return""}}function nr(e){return""}var he={};function or(e){{var r=be();if(!r){var t=typeof e=="string"?e:e.displayName||e.name;t&&(r=`
+
+Check the top-level render call using <`+t+">.")}return r}}function me(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var t=or(r);if(he[t])return;he[t]=!0;var a="";e&&e._owner&&e._owner!==z.current&&(a=" It was passed a child from "+C(e._owner.type)+"."),T(e),y('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',t,a),T(null)}}function ke(e,r){{if(typeof e!="object")return;if(G(e))for(var t=0;t<e.length;t++){var a=e[t];H(a)&&me(a,r)}else if(H(e))e._store&&(e._store.validated=!0);else if(e){var i=Pe(e);if(typeof i=="function"&&i!==e.entries)for(var u=i.call(e),o;!(o=u.next()).done;)H(o.value)&&me(o.value,r)}}}function ir(e){{var r=e.type;if(r==null||typeof r=="string")return;var t;if(typeof r=="function")t=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===p||r.$$typeof===g))t=r.propTypes;else return;if(t){var a=C(r);Je(t,e.props,"prop",a,e)}else if(r.PropTypes!==void 0&&!X){X=!0;var i=C(r);y("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",i||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&y("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function ur(e){{for(var r=Object.keys(e.props),t=0;t<r.length;t++){var a=r[t];if(a!=="children"&&a!=="key"){T(e),y("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",a),T(null);break}}e.ref!==null&&(T(e),y("Invalid attribute `ref` supplied to `React.Fragment`."),T(null))}}var Re={};function Ce(e,r,t,a,i,u){{var o=Ye(e);if(!o){var n="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(n+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var F=nr();F?n+=F:n+=be();var c;e===null?c="null":G(e)?c="array":e!==void 0&&e.$$typeof===v?(c="<"+(C(e.type)||"Unknown")+" />",n=" Did you accidentally export a JSX literal instead of a component?"):c=typeof e,y("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",c,n)}var d=ar(e,r,t,i,u);if(d==null)return d;if(o){var b=r.children;if(b!==void 0)if(a)if(G(b)){for(var P=0;P<b.length;P++)ke(b[P],e);Object.freeze&&Object.freeze(b)}else y("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else ke(b,e)}if(S.call(r,"key")){var D=C(e),E=Object.keys(r).filter(function(vr){return vr!=="key"}),Z=E.length>0?"{key: someKey, "+E.join(": ..., ")+": ...}":"{key: someKey}";if(!Re[D+Z]){var dr=E.length>0?"{"+E.join(": ..., ")+": ...}":"{}";y(`A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,Z,D,dr,D),Re[D+Z]=!0}}return e===l?ur(d):ir(d),d}}function lr(e,r,t){return Ce(e,r,t,!0)}function sr(e,r,t){return Ce(e,r,t,!1)}var cr=sr,fr=lr;$.Fragment=l,$.jsx=cr,$.jsxs=fr}()),$}var De;function br(){return De||(De=1,process.env.NODE_ENV==="production"?N.exports=Fr():N.exports=Er()),N.exports}var U=br();const Ae={white:"#FFFFFF",black:"#222222",dark_black:"#030A18",gray50:"#FBFBFB",gray100:"#F7F8F9",gray200:"#EBEDF2",gray300:"#DADEE5",gray400:"#C6CBD3",gray500:"#BABFC9",gray600:"#A3A8B4",gray700:"#8A8F9D",gray800:"#6D717D",gray900:"#4A515D",blue100:"#F1F5FE",blue150:"#E4EBFF",blue200:"#CEDBFF",blue300:"#A7BFFF",blue400:"#7EA1FF",blue500:"#5884FF",blue600:"#3369FF",blue700:"#2B59D9",blue800:"#244BB5",blue900:"#1D3C91",red50:"#FFF1EF",red100:"#FFACAD",red200:"#FF8182",red300:"#FA4549",red400:"#CF222E",red500:"#82071E",orange50:"#FFF1E5",orange100:"#FFD0AA",orange200:"#FFB37D",orange300:"#FF8E40",orange400:"#E16F24",orange500:"#953800",green50:"#EFFDEE",green100:"#8AE3A1",green200:"#4DD470",green300:"#1CB854",green400:"#149E53",green500:"#086A49",yellow50:"#FEF9E6",yellow100:"#FADD78",yellow200:"#F7CC33",yellow300:"#F7B200",yellow400:"#CB9D26",yellow500:"#956B00",violet50:"#F5F0FA",violet100:"#E9D5FF",violet200:"#C084FC",violet300:"#8624E1",violet400:"#6B1DB8",violet500:"#4C1D95",cyan50:"#ECFEFF",cyan100:"#CFFAFE",cyan200:"#A5F3FC",cyan300:"#67E8F9",cyan400:"#22D3EE",cyan500:"#06B6D4",dark_gray50:"#F7F8FA",dark_gray100:"#E4E8EF",dark_gray200:"#C7D0DE",dark_gray250:"#C7D0DE",dark_gray300:"#7E8EA2",dark_gray400:"#5C6B80",dark_gray500:"#4F5E72",dark_gray600:"#334050",dark_gray700:"#2F3A4F",dark_gray750:"#212B3E",dark_gray800:"#1C2736",dark_gray850:"#141F2D",dark_gray900:"#0B111D",dark_blue100:"#EEF8FF",dark_blue200:"#C2E8FF",dark_blue300:"#8ED3FF",dark_blue400:"#61C2FF",dark_blue500:"#2DAEFF",dark_blue600:"#1B8CE3",dark_blue700:"#2356A3",dark_blue800:"#193C70",dark_blue900:"#132B51",dark_cyan50:"#E2FBFF",dark_cyan100:"#A3F1FF",dark_cyan200:"#7BEBFF",dark_cyan300:"#40E3FF",dark_cyan400:"#1FC0DC",dark_cyan500:"#217C8C",dark_red50:"#FFEBE8",dark_red100:"#FFAAA5",dark_red200:"#FF817A",dark_red300:"#FB453D",dark_red400:"#CA2020",dark_red500:"#791F2D",dark_green50:"#C4F5CF",dark_green100:"#8AEC99",dark_green200:"#65E679",dark_green300:"#34D64B",dark_green400:"#35873D",dark_green500:"#114410",dark_yellow50:"#FFF9B8",dark_yellow100:"#FFE975",dark_yellow200:"#FFE34A",dark_yellow300:"#FFD509",dark_yellow400:"#A58515",dark_yellow500:"#503602",dark_orange50:"#FFEABB",dark_orange100:"#FFCC78",dark_orange200:"#FFBC4D",dark_orange300:"#FDA00E",dark_orange400:"#A66817",dark_orange500:"#522603",dark_violet50:"#F3E8FF",dark_violet100:"#DDC4FF",dark_violet200:"#B794F6",dark_violet300:"#9333EA",dark_violet400:"#7C3AED",dark_violet500:"#6D28D9"},hr="_chip_row1a_1",mr="_small_row1a_11",kr="_regular_row1a_22",Rr="_large_row1a_33",Cr="_x-large_row1a_44",wr="_full_row1a_55",xr="_dot_row1a_63",V={chip:hr,small:mr,regular:kr,large:Rr,"x-large":"_x-large_row1a_44",xLarge:Cr,full:wr,dot:xr},Dr=({children:s,level:v="regular",borderRadius:_="round",colorTheme:l="primary",isWhiteBg:k=!1,gap:O=4,isDot:h})=>{const m=l==="primary"?"blue":l,p=l==="gray"?"var(--color-palette-background-gray)":`color-mix(in srgb, var(--color-palette-${m}) 16%, transparent 84%)`,R=_==="full";let f,g;switch(v){case"small":f=`2px 8px 2px ${h?6:8}px`,g="135%";break;case"regular":f=`2px 8px 2px ${h?6:8}px`,g="140%";break;case"large":f=`2px 10px 2px ${h?8:10}px`,g="150%";break;case"x-large":f=`2px 16px 2px ${h?12:16}px`,g="150%";break;default:{f="4px 8px",g="135%";break}}return U.jsxs("div",{className:`${V.chip} ${V[v]} 
+      ${R&&V.full}
+`,style:{backgroundColor:k?Ae.white:p,color:`var(--color-palette-${m})`,gap:`${O}px`,padding:f,lineHeight:g},children:[h&&U.jsx("div",{className:V.dot,style:{backgroundColor:`var(--color-palette-${m})`}}),s]})},Or="_divider_6kbwo_1",Ar="_row_6kbwo_5",Tr="_column_6kbwo_9",Q={divider:Or,row:Ar,column:Tr},Pr=({size:s=1,direction:v="row",color:_})=>{const l=v==="row";return U.jsx("div",{className:`${Q.divider} ${l?Q.row:Q.column}`,style:{borderBottom:l&&`${s}px solid ${_||"var(--color-line-normal-muted)"}`,borderRight:!l&&`${s}px solid ${_||"var(--color-line-normal-muted)"}`,width:l&&"100%",height:!l&&"100%"}})};exports.Chip=Dr;exports.Divider=Pr;exports.jsxRuntimeExports=U;exports.themeColors=Ae;

package/dist/{index-zhX_NgZ8.js → index-Cv_IZZpo.js}

@@ -1,25 +1,25 @@
 import * as ve from "react";
-function _e(v) {
-  if (v.__esModule) return v;
-  var _ = v.default;
-  if (typeof _ == "function") {
+function _e(_) {
+  if (_.__esModule) return _;
+  var p = _.default;
+  if (typeof p == "function") {
     var y = function l() {
-      return this instanceof l ? Reflect.construct(_, arguments, this.constructor) : _.apply(this, arguments);
+      return this instanceof l ? Reflect.construct(p, arguments, this.constructor) : p.apply(this, arguments);
     };
-    y.prototype = _.prototype;
+    y.prototype = p.prototype;
   } else y = {};
-  return Object.defineProperty(y, "__esModule", { value: !0 }), Object.keys(v).forEach(function(l) {
-    var m = Object.getOwnPropertyDescriptor(v, l);
-    Object.defineProperty(y, l, m.get ? m : {
+  return Object.defineProperty(y, "__esModule", { value: !0 }), Object.keys(_).forEach(function(l) {
+    var k = Object.getOwnPropertyDescriptor(_, l);
+    Object.defineProperty(y, l, k.get ? k : {
       enumerable: !0,
       get: function() {
-        return v[l];
+        return _[l];
       }
     });
   }), y;
 }
 var N = { exports: {} }, B = {};
-const Or = /* @__PURE__ */ _e(ve);
+const Ar = /* @__PURE__ */ _e(ve);
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -30,18 +30,18 @@ const Or = /* @__PURE__ */ _e(ve);
  * LICENSE file in the root directory of this source tree.
  */
 var wr;
-function ge() {
+function pe() {
   if (wr) return B;
   wr = 1;
-  var v = Or, _ = Symbol.for("react.element"), y = Symbol.for("react.fragment"), l = Object.prototype.hasOwnProperty, m = v.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, O = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function b(h, d, R) {
-    var c, k = {}, w = null, I = null;
+  var _ = Ar, p = Symbol.for("react.element"), y = Symbol.for("react.fragment"), l = Object.prototype.hasOwnProperty, k = _.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, A = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function h(m, d, R) {
+    var c, v = {}, w = null, I = null;
     R !== void 0 && (w = "" + R), d.key !== void 0 && (w = "" + d.key), d.ref !== void 0 && (I = d.ref);
-    for (c in d) l.call(d, c) && !O.hasOwnProperty(c) && (k[c] = d[c]);
-    if (h && h.defaultProps) for (c in d = h.defaultProps, d) k[c] === void 0 && (k[c] = d[c]);
-    return { $$typeof: _, type: h, key: w, ref: I, props: k, _owner: m.current };
+    for (c in d) l.call(d, c) && !A.hasOwnProperty(c) && (v[c] = d[c]);
+    if (m && m.defaultProps) for (c in d = m.defaultProps, d) v[c] === void 0 && (v[c] = d[c]);
+    return { $$typeof: p, type: m, key: w, ref: I, props: v, _owner: k.current };
   }
-  return B.Fragment = y, B.jsx = b, B.jsxs = b, B;
+  return B.Fragment = y, B.jsx = h, B.jsxs = h, B;
 }
 var $ = {};
 /**
@@ -54,16 +54,16 @@ var $ = {};
  * LICENSE file in the root directory of this source tree.
  */
 var xr;
-function pe() {
+function ge() {
   return xr || (xr = 1, process.env.NODE_ENV !== "production" && function() {
-    var v = Or, _ = Symbol.for("react.element"), y = Symbol.for("react.portal"), l = Symbol.for("react.fragment"), m = Symbol.for("react.strict_mode"), O = Symbol.for("react.profiler"), b = Symbol.for("react.provider"), h = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), R = Symbol.for("react.suspense"), c = Symbol.for("react.suspense_list"), k = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), I = Symbol.for("react.offscreen"), rr = Symbol.iterator, Ar = "@@iterator";
+    var _ = Ar, p = Symbol.for("react.element"), y = Symbol.for("react.portal"), l = Symbol.for("react.fragment"), k = Symbol.for("react.strict_mode"), A = Symbol.for("react.profiler"), h = Symbol.for("react.provider"), m = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), R = Symbol.for("react.suspense"), c = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), w = Symbol.for("react.lazy"), I = Symbol.for("react.offscreen"), rr = Symbol.iterator, Or = "@@iterator";
     function Tr(r) {
       if (r === null || typeof r != "object")
         return null;
-      var e = rr && r[rr] || r[Ar];
+      var e = rr && r[rr] || r[Or];
       return typeof e == "function" ? e : null;
     }
-    var A = v.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var O = _.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function g(r) {
       {
         for (var e = arguments.length, a = new Array(e > 1 ? e - 1 : 0), t = 1; t < e; t++)
@@ -73,7 +73,7 @@ function pe() {
     }
     function Pr(r, e, a) {
       {
-        var t = A.ReactDebugCurrentFrame, i = t.getStackAddendum();
+        var t = O.ReactDebugCurrentFrame, i = t.getStackAddendum();
         i !== "" && (e += "%s", a = a.concat([i]));
         var u = a.map(function(o) {
           return String(o);
@@ -84,7 +84,7 @@ function pe() {
     var Sr = !1, jr = !1, Br = !1, $r = !1, Ir = !1, er;
     er = Symbol.for("react.module.reference");
     function Wr(r) {
-      return !!(typeof r == "string" || typeof r == "function" || r === l || r === O || Ir || r === m || r === R || r === c || $r || r === I || Sr || jr || Br || typeof r == "object" && r !== null && (r.$$typeof === w || r.$$typeof === k || r.$$typeof === b || r.$$typeof === h || r.$$typeof === d || // This needs to include all possible module reference object
+      return !!(typeof r == "string" || typeof r == "function" || r === l || r === A || Ir || r === k || r === R || r === c || $r || r === I || Sr || jr || Br || typeof r == "object" && r !== null && (r.$$typeof === w || r.$$typeof === v || r.$$typeof === h || r.$$typeof === m || r.$$typeof === d || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -112,9 +112,9 @@ function pe() {
           return "Fragment";
         case y:
           return "Portal";
-        case O:
+        case A:
           return "Profiler";
-        case m:
+        case k:
           return "StrictMode";
         case R:
           return "Suspense";
@@ -123,15 +123,15 @@ function pe() {
       }
       if (typeof r == "object")
         switch (r.$$typeof) {
-          case h:
+          case m:
             var e = r;
             return ar(e) + ".Consumer";
-          case b:
+          case h:
             var a = r;
             return ar(a._context) + ".Provider";
           case d:
             return Yr(r, r.render, "ForwardRef");
-          case k:
+          case v:
             var t = r.displayName || null;
             return t !== null ? t : C(r.type) || "Memo";
           case w: {
@@ -207,7 +207,7 @@ function pe() {
         S < 0 && g("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var U = A.ReactCurrentDispatcher, J;
+    var U = O.ReactCurrentDispatcher, J;
     function W(r, e, a) {
       {
         if (J === void 0)
@@ -275,17 +275,17 @@ function pe() {
       } catch (E) {
         if (E && t && typeof E.stack == "string") {
           for (var n = E.stack.split(`
-`), p = t.stack.split(`
-`), s = n.length - 1, f = p.length - 1; s >= 1 && f >= 0 && n[s] !== p[f]; )
+`), F = t.stack.split(`
+`), s = n.length - 1, f = F.length - 1; s >= 1 && f >= 0 && n[s] !== F[f]; )
             f--;
           for (; s >= 1 && f >= 0; s--, f--)
-            if (n[s] !== p[f]) {
+            if (n[s] !== F[f]) {
               if (s !== 1 || f !== 1)
                 do
-                  if (s--, f--, f < 0 || n[s] !== p[f]) {
-                    var F = `
+                  if (s--, f--, f < 0 || n[s] !== F[f]) {
+                    var b = `
 ` + n[s].replace(" at new ", " at ");
-                    return r.displayName && F.includes("<anonymous>") && (F = F.replace("<anonymous>", r.displayName)), typeof r == "function" && Y.set(r, F), F;
+                    return r.displayName && b.includes("<anonymous>") && (b = b.replace("<anonymous>", r.displayName)), typeof r == "function" && Y.set(r, b), b;
                   }
                 while (s >= 1 && f >= 0);
               break;
@@ -321,7 +321,7 @@ function pe() {
         switch (r.$$typeof) {
           case d:
             return Vr(r.render);
-          case k:
+          case v:
             return L(r.type, e, a);
           case w: {
             var t = r, i = t._payload, u = t._init;
@@ -333,7 +333,7 @@ function pe() {
         }
       return "";
     }
-    var j = Object.prototype.hasOwnProperty, dr = {}, vr = A.ReactDebugCurrentFrame;
+    var j = Object.prototype.hasOwnProperty, dr = {}, vr = O.ReactDebugCurrentFrame;
     function M(r) {
       if (r) {
         var e = r._owner, a = L(r.type, r._source, e ? e.type : null);
@@ -349,8 +349,8 @@ function pe() {
             var n = void 0;
             try {
               if (typeof r[o] != "function") {
-                var p = Error((t || "React class") + ": " + a + " type `" + o + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof r[o] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw p.name = "Invariant Violation", p;
+                var F = Error((t || "React class") + ": " + a + " type `" + o + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof r[o] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw F.name = "Invariant Violation", F;
               }
               n = r[o](e, o, t, a, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (s) {
@@ -380,16 +380,16 @@ function pe() {
     function _r(r) {
       return "" + r;
     }
-    function gr(r) {
+    function pr(r) {
       if (Gr(r))
         return g("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Kr(r)), _r(r);
     }
-    var pr = A.ReactCurrentOwner, Xr = {
+    var gr = O.ReactCurrentOwner, Xr = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
-    }, yr, Er;
+    }, Fr, yr;
     function zr(r) {
       if (j.call(r, "ref")) {
         var e = Object.getOwnPropertyDescriptor(r, "ref").get;
@@ -407,12 +407,12 @@ function pe() {
       return r.key !== void 0;
     }
     function Zr(r, e) {
-      typeof r.ref == "string" && pr.current;
+      typeof r.ref == "string" && gr.current;
     }
     function Qr(r, e) {
       {
         var a = function() {
-          yr || (yr = !0, g("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", e));
+          Fr || (Fr = !0, g("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", e));
         };
         a.isReactWarning = !0, Object.defineProperty(r, "key", {
           get: a,
@@ -423,7 +423,7 @@ function pe() {
     function re(r, e) {
       {
         var a = function() {
-          Er || (Er = !0, g("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", e));
+          yr || (yr = !0, g("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", e));
         };
         a.isReactWarning = !0, Object.defineProperty(r, "ref", {
           get: a,
@@ -434,7 +434,7 @@ function pe() {
     var ee = function(r, e, a, t, i, u, o) {
       var n = {
         // This tag allows us to uniquely identify this as a React Element
-        $$typeof: _,
+        $$typeof: p,
         // Built-in properties that belong on the element
         type: r,
         key: e,
@@ -462,8 +462,8 @@ function pe() {
     };
     function ae(r, e, a, t, i) {
       {
-        var u, o = {}, n = null, p = null;
-        a !== void 0 && (gr(a), n = "" + a), Hr(e) && (gr(e.key), n = "" + e.key), zr(e) && (p = e.ref, Zr(e, i));
+        var u, o = {}, n = null, F = null;
+        a !== void 0 && (pr(a), n = "" + a), Hr(e) && (pr(e.key), n = "" + e.key), zr(e) && (F = e.ref, Zr(e, i));
         for (u in e)
           j.call(e, u) && !Xr.hasOwnProperty(u) && (o[u] = e[u]);
         if (r && r.defaultProps) {
@@ -471,25 +471,25 @@ function pe() {
           for (u in s)
             o[u] === void 0 && (o[u] = s[u]);
         }
-        if (n || p) {
+        if (n || F) {
           var f = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
-          n && Qr(o, f), p && re(o, f);
+          n && Qr(o, f), F && re(o, f);
         }
-        return ee(r, n, p, i, t, pr.current, o);
+        return ee(r, n, F, i, t, gr.current, o);
       }
     }
-    var G = A.ReactCurrentOwner, Fr = A.ReactDebugCurrentFrame;
+    var G = O.ReactCurrentOwner, Er = O.ReactDebugCurrentFrame;
     function T(r) {
       if (r) {
         var e = r._owner, a = L(r.type, r._source, e ? e.type : null);
-        Fr.setExtraStackFrame(a);
+        Er.setExtraStackFrame(a);
       } else
-        Fr.setExtraStackFrame(null);
+        Er.setExtraStackFrame(null);
     }
     var X;
     X = !1;
     function z(r) {
-      return typeof r == "object" && r !== null && r.$$typeof === _;
+      return typeof r == "object" && r !== null && r.$$typeof === p;
     }
     function br() {
       {
@@ -561,7 +561,7 @@ Check the top-level render call using <` + a + ">.");
           a = e.propTypes;
         else if (typeof e == "object" && (e.$$typeof === d || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        e.$$typeof === k))
+        e.$$typeof === v))
           a = e.propTypes;
         else
           return;
@@ -595,26 +595,26 @@ Check the top-level render call using <` + a + ">.");
         if (!o) {
           var n = "";
           (r === void 0 || typeof r == "object" && r !== null && Object.keys(r).length === 0) && (n += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-          var p = te();
-          p ? n += p : n += br();
+          var F = te();
+          F ? n += F : n += br();
           var s;
-          r === null ? s = "null" : K(r) ? s = "array" : r !== void 0 && r.$$typeof === _ ? (s = "<" + (C(r.type) || "Unknown") + " />", n = " Did you accidentally export a JSX literal instead of a component?") : s = typeof r, g("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", s, n);
+          r === null ? s = "null" : K(r) ? s = "array" : r !== void 0 && r.$$typeof === p ? (s = "<" + (C(r.type) || "Unknown") + " />", n = " Did you accidentally export a JSX literal instead of a component?") : s = typeof r, g("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", s, n);
         }
         var f = ae(r, e, a, i, u);
         if (f == null)
           return f;
         if (o) {
-          var F = e.children;
-          if (F !== void 0)
+          var b = e.children;
+          if (b !== void 0)
             if (t)
-              if (K(F)) {
-                for (var P = 0; P < F.length; P++)
-                  kr(F[P], r);
-                Object.freeze && Object.freeze(F);
+              if (K(b)) {
+                for (var P = 0; P < b.length; P++)
+                  kr(b[P], r);
+                Object.freeze && Object.freeze(b);
               } else
                 g("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
-              kr(F, r);
+              kr(b, r);
         }
         if (j.call(e, "key")) {
           var D = C(r), E = Object.keys(e).filter(function(de) {
@@ -644,11 +644,11 @@ React keys must be passed directly to JSX without using spread:
   }()), $;
 }
 var Dr;
-function ye() {
-  return Dr || (Dr = 1, process.env.NODE_ENV === "production" ? N.exports = ge() : N.exports = pe()), N.exports;
+function Fe() {
+  return Dr || (Dr = 1, process.env.NODE_ENV === "production" ? N.exports = pe() : N.exports = ge()), N.exports;
 }
-var Q = ye();
-const Ee = {
+var Q = Fe();
+const ye = {
   white: "#FFFFFF",
   black: "#222222",
   dark_black: "#030A18",
@@ -696,6 +696,19 @@ const Ee = {
   yellow300: "#F7B200",
   yellow400: "#CB9D26",
   yellow500: "#956B00",
+  violet50: "#F5F0FA",
+  violet100: "#E9D5FF",
+  violet200: "#C084FC",
+  violet300: "#8624E1",
+  violet400: "#6B1DB8",
+  violet500: "#4C1D95",
+  //TODO: 임의 컬러임 조정 필요
+  cyan50: "#ECFEFF",
+  cyan100: "#CFFAFE",
+  cyan200: "#A5F3FC",
+  cyan300: "#67E8F9",
+  cyan400: "#22D3EE",
+  cyan500: "#06B6D4",
   dark_gray50: "#F7F8FA",
   dark_gray100: "#E4E8EF",
   dark_gray200: "#C7D0DE",
@@ -747,9 +760,16 @@ const Ee = {
   dark_orange200: "#FFBC4D",
   dark_orange300: "#FDA00E",
   dark_orange400: "#A66817",
-  dark_orange500: "#522603"
-}, Fe = "_chip_row1a_1", be = "_small_row1a_11", he = "_regular_row1a_22", me = "_large_row1a_33", ke = "_x-large_row1a_44", Re = "_full_row1a_55", Ce = "_dot_row1a_63", V = {
-  chip: Fe,
+  dark_orange500: "#522603",
+  //TODO: 임의 컬러임 조정 필요
+  dark_violet50: "#F3E8FF",
+  dark_violet100: "#DDC4FF",
+  dark_violet200: "#B794F6",
+  dark_violet300: "#9333EA",
+  dark_violet400: "#7C3AED",
+  dark_violet500: "#6D28D9"
+}, Ee = "_chip_row1a_1", be = "_small_row1a_11", he = "_regular_row1a_22", me = "_large_row1a_33", ke = "_x-large_row1a_44", Re = "_full_row1a_55", Ce = "_dot_row1a_63", V = {
+  chip: Ee,
   small: be,
   regular: he,
   large: me,
@@ -757,57 +777,60 @@ const Ee = {
   xLarge: ke,
   full: Re,
   dot: Ce
-}, Oe = ({
-  children: v,
-  level: _ = "regular",
+}, Ae = ({
+  children: _,
+  level: p = "regular",
   borderRadius: y = "round",
   colorTheme: l = "primary",
-  isWhiteBg: m = !1,
+  isWhiteBg: k = !1,
   //deprecated
-  gap: O = 4,
-  isDot: b
+  gap: A = 4,
+  isDot: h
 }) => {
-  const h = l === "primary" ? "blue" : l, d = l === "gray" ? "var(--color-palette-background-gray)" : `color-mix(in srgb, var(--color-palette-${h}), transparent 84%)`, R = y === "full";
-  let c;
-  switch (_) {
+  const m = l === "primary" ? "blue" : l, d = l === "gray" ? "var(--color-palette-background-gray)" : `color-mix(in srgb, var(--color-palette-${m}) 16%, transparent 84%)`, R = y === "full";
+  let c, v;
+  switch (p) {
     case "small":
-      c = `0 8px 0 ${b ? 6 : 8}px`;
+      c = `2px 8px 2px ${h ? 6 : 8}px`, v = "135%";
       break;
     case "regular":
-      c = `0 8px 0 ${b ? 6 : 8}px`;
+      c = `2px 8px 2px ${h ? 6 : 8}px`, v = "140%";
       break;
     case "large":
-      c = `0 10px 0 ${b ? 8 : 10}px`;
+      c = `2px 10px 2px ${h ? 8 : 10}px`, v = "150%";
       break;
     case "x-large":
-      c = `0 16px 0 ${b ? 12 : 16}px`;
+      c = `2px 16px 2px ${h ? 12 : 16}px`, v = "150%";
+      break;
+    default: {
+      c = "4px 8px", v = "135%";
       break;
-    default:
-      c = "4px 8px";
+    }
   }
   return /* @__PURE__ */ Q.jsxs(
     "div",
     {
-      className: `${V.chip} ${V[_]} 
+      className: `${V.chip} ${V[p]} 
       ${R && V.full}
 `,
       style: {
-        backgroundColor: m ? Ee.white : d,
-        color: `var(--color-palette-${h})`,
+        backgroundColor: k ? ye.white : d,
+        color: `var(--color-palette-${m})`,
+        gap: `${A}px`,
         padding: c,
-        gap: `${O}px`
+        lineHeight: v
       },
       children: [
-        b && /* @__PURE__ */ Q.jsx(
+        h && /* @__PURE__ */ Q.jsx(
           "div",
           {
             className: V.dot,
             style: {
-              backgroundColor: `var(--color-palette-${h})`
+              backgroundColor: `var(--color-palette-${m})`
             }
           }
         ),
-        v
+        _
       ]
     }
   );
@@ -815,19 +838,19 @@ const Ee = {
   divider: we,
   row: xe,
   column: De
-}, Ae = ({
-  size: v = 1,
-  direction: _ = "row",
+}, Oe = ({
+  size: _ = 1,
+  direction: p = "row",
   color: y
 }) => {
-  const l = _ === "row";
+  const l = p === "row";
   return /* @__PURE__ */ Q.jsx(
     "div",
     {
       className: `${Z.divider} ${l ? Z.row : Z.column}`,
       style: {
-        borderBottom: l && `${v}px solid ${y || "var(--color-line-normal-muted)"}`,
-        borderRight: !l && `${v}px solid ${y || "var(--color-line-normal-muted)"}`,
+        borderBottom: l && `${_}px solid ${y || "var(--color-line-normal-muted)"}`,
+        borderRight: !l && `${_}px solid ${y || "var(--color-line-normal-muted)"}`,
         width: l && "100%",
         height: !l && "100%"
       }
@@ -835,8 +858,8 @@ const Ee = {
   );
 };
 export {
-  Oe as C,
-  Ae as D,
+  Ae as C,
+  Oe as D,
   Q as j,
-  Ee as t
+  ye as t
 };