enerdot-front-system 0.1.0-beta.2 → 0.1.0-beta.4

package/dist/{index-aVal9heD.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,67 +760,77 @@ const Ee = {
   dark_orange200: "#FFBC4D",
   dark_orange300: "#FDA00E",
   dark_orange400: "#A66817",
-  dark_orange500: "#522603"
-}, Fe = "_chip_1fflx_1", be = "_small_1fflx_10", he = "_regular_1fflx_21", me = "_large_1fflx_32", ke = "_x-large_1fflx_43", Re = "_full_1fflx_54", Ce = "_dot_1fflx_62", 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,
-  "x-large": "_x-large_1fflx_43",
+  "x-large": "_x-large_row1a_44",
   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
 };