@starasia/progress 1.0.0

package/dist/progress.es.js

@@ -0,0 +1,1174 @@
+import Sr from "react";
+var Q = { exports: {} }, I = {};
+/**
+ * @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 Tr;
+function da() {
+  return Tr || (Tr = 1, process.env.NODE_ENV !== "production" && function() {
+    var m = Sr, b = Symbol.for("react.element"), h = Symbol.for("react.portal"), w = Symbol.for("react.fragment"), C = Symbol.for("react.strict_mode"), Y = Symbol.for("react.profiler"), j = Symbol.for("react.provider"), E = Symbol.for("react.context"), g = Symbol.for("react.forward_ref"), O = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), k = Symbol.for("react.memo"), R = Symbol.for("react.lazy"), L = Symbol.for("react.offscreen"), rr = Symbol.iterator, xr = "@@iterator";
+    function Pr(r) {
+      if (r === null || typeof r != "object")
+        return null;
+      var a = rr && r[rr] || r[xr];
+      return typeof a == "function" ? a : null;
+    }
+    var S = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function c(r) {
+      {
+        for (var a = arguments.length, o = new Array(a > 1 ? a - 1 : 0), e = 1; e < a; e++)
+          o[e - 1] = arguments[e];
+        jr("error", r, o);
+      }
+    }
+    function jr(r, a, o) {
+      {
+        var e = S.ReactDebugCurrentFrame, t = e.getStackAddendum();
+        t !== "" && (a += "%s", o = o.concat([t]));
+        var i = o.map(function(s) {
+          return String(s);
+        });
+        i.unshift("Warning: " + a), Function.prototype.apply.call(console[r], console, i);
+      }
+    }
+    var Ar = !1, Dr = !1, Fr = !1, Ir = !1, $r = !1, ar;
+    ar = Symbol.for("react.module.reference");
+    function Wr(r) {
+      return !!(typeof r == "string" || typeof r == "function" || r === w || r === Y || $r || r === C || r === O || r === p || Ir || r === L || Ar || Dr || Fr || typeof r == "object" && r !== null && (r.$$typeof === R || r.$$typeof === k || r.$$typeof === j || r.$$typeof === E || r.$$typeof === g || // 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.
+      r.$$typeof === ar || r.getModuleId !== void 0));
+    }
+    function Yr(r, a, o) {
+      var e = r.displayName;
+      if (e)
+        return e;
+      var t = a.displayName || a.name || "";
+      return t !== "" ? o + "(" + t + ")" : o;
+    }
+    function or(r) {
+      return r.displayName || "Context";
+    }
+    function y(r) {
+      if (r == null)
+        return null;
+      if (typeof r.tag == "number" && c("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof r == "function")
+        return r.displayName || r.name || null;
+      if (typeof r == "string")
+        return r;
+      switch (r) {
+        case w:
+          return "Fragment";
+        case h:
+          return "Portal";
+        case Y:
+          return "Profiler";
+        case C:
+          return "StrictMode";
+        case O:
+          return "Suspense";
+        case p:
+          return "SuspenseList";
+      }
+      if (typeof r == "object")
+        switch (r.$$typeof) {
+          case E:
+            var a = r;
+            return or(a) + ".Consumer";
+          case j:
+            var o = r;
+            return or(o._context) + ".Provider";
+          case g:
+            return Yr(r, r.render, "ForwardRef");
+          case k:
+            var e = r.displayName || null;
+            return e !== null ? e : y(r.type) || "Memo";
+          case R: {
+            var t = r, i = t._payload, s = t._init;
+            try {
+              return y(s(i));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var _ = Object.assign, A = 0, er, nr, sr, tr, ir, ur, lr;
+    function cr() {
+    }
+    cr.__reactDisabledLog = !0;
+    function Lr() {
+      {
+        if (A === 0) {
+          er = console.log, nr = console.info, sr = console.warn, tr = console.error, ir = console.group, ur = console.groupCollapsed, lr = console.groupEnd;
+          var r = {
+            configurable: !0,
+            enumerable: !0,
+            value: cr,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: r,
+            log: r,
+            warn: r,
+            error: r,
+            group: r,
+            groupCollapsed: r,
+            groupEnd: r
+          });
+        }
+        A++;
+      }
+    }
+    function Nr() {
+      {
+        if (A--, A === 0) {
+          var r = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: _({}, r, {
+              value: er
+            }),
+            info: _({}, r, {
+              value: nr
+            }),
+            warn: _({}, r, {
+              value: sr
+            }),
+            error: _({}, r, {
+              value: tr
+            }),
+            group: _({}, r, {
+              value: ir
+            }),
+            groupCollapsed: _({}, r, {
+              value: ur
+            }),
+            groupEnd: _({}, r, {
+              value: lr
+            })
+          });
+        }
+        A < 0 && c("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var B = S.ReactCurrentDispatcher, J;
+    function N(r, a, o) {
+      {
+        if (J === void 0)
+          try {
+            throw Error();
+          } catch (t) {
+            var e = t.stack.trim().match(/\n( *(at )?)/);
+            J = e && e[1] || "";
+          }
+        return `
+` + J + r;
+      }
+    }
+    var q = !1, V;
+    {
+      var Vr = typeof WeakMap == "function" ? WeakMap : Map;
+      V = new Vr();
+    }
+    function gr(r, a) {
+      if (!r || q)
+        return "";
+      {
+        var o = V.get(r);
+        if (o !== void 0)
+          return o;
+      }
+      var e;
+      q = !0;
+      var t = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var i;
+      i = B.current, B.current = null, Lr();
+      try {
+        if (a) {
+          var s = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(s.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(s, []);
+            } catch (f) {
+              e = f;
+            }
+            Reflect.construct(r, [], s);
+          } else {
+            try {
+              s.call();
+            } catch (f) {
+              e = f;
+            }
+            r.call(s.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (f) {
+            e = f;
+          }
+          r();
+        }
+      } catch (f) {
+        if (f && e && typeof f.stack == "string") {
+          for (var n = f.stack.split(`
+`), d = e.stack.split(`
+`), u = n.length - 1, l = d.length - 1; u >= 1 && l >= 0 && n[u] !== d[l]; )
+            l--;
+          for (; u >= 1 && l >= 0; u--, l--)
+            if (n[u] !== d[l]) {
+              if (u !== 1 || l !== 1)
+                do
+                  if (u--, l--, l < 0 || n[u] !== d[l]) {
+                    var v = `
+` + n[u].replace(" at new ", " at ");
+                    return r.displayName && v.includes("<anonymous>") && (v = v.replace("<anonymous>", r.displayName)), typeof r == "function" && V.set(r, v), v;
+                  }
+                while (u >= 1 && l >= 0);
+              break;
+            }
+        }
+      } finally {
+        q = !1, B.current = i, Nr(), Error.prepareStackTrace = t;
+      }
+      var P = r ? r.displayName || r.name : "", T = P ? N(P) : "";
+      return typeof r == "function" && V.set(r, T), T;
+    }
+    function Mr(r, a, o) {
+      return gr(r, !1);
+    }
+    function Ur(r) {
+      var a = r.prototype;
+      return !!(a && a.isReactComponent);
+    }
+    function M(r, a, o) {
+      if (r == null)
+        return "";
+      if (typeof r == "function")
+        return gr(r, Ur(r));
+      if (typeof r == "string")
+        return N(r);
+      switch (r) {
+        case O:
+          return N("Suspense");
+        case p:
+          return N("SuspenseList");
+      }
+      if (typeof r == "object")
+        switch (r.$$typeof) {
+          case g:
+            return Mr(r.render);
+          case k:
+            return M(r.type, a, o);
+          case R: {
+            var e = r, t = e._payload, i = e._init;
+            try {
+              return M(i(t), a, o);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var D = Object.prototype.hasOwnProperty, dr = {}, fr = S.ReactDebugCurrentFrame;
+    function U(r) {
+      if (r) {
+        var a = r._owner, o = M(r.type, r._source, a ? a.type : null);
+        fr.setExtraStackFrame(o);
+      } else
+        fr.setExtraStackFrame(null);
+    }
+    function Br(r, a, o, e, t) {
+      {
+        var i = Function.call.bind(D);
+        for (var s in r)
+          if (i(r, s)) {
+            var n = void 0;
+            try {
+              if (typeof r[s] != "function") {
+                var d = Error((e || "React class") + ": " + o + " type `" + s + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof r[s] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw d.name = "Invariant Violation", d;
+              }
+              n = r[s](a, s, e, o, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (u) {
+              n = u;
+            }
+            n && !(n instanceof Error) && (U(t), c("%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).", e || "React class", o, s, typeof n), U(null)), n instanceof Error && !(n.message in dr) && (dr[n.message] = !0, U(t), c("Failed %s type: %s", o, n.message), U(null));
+          }
+      }
+    }
+    var Jr = Array.isArray;
+    function K(r) {
+      return Jr(r);
+    }
+    function qr(r) {
+      {
+        var a = typeof Symbol == "function" && Symbol.toStringTag, o = a && r[Symbol.toStringTag] || r.constructor.name || "Object";
+        return o;
+      }
+    }
+    function Kr(r) {
+      try {
+        return pr(r), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function pr(r) {
+      return "" + r;
+    }
+    function br(r) {
+      if (Kr(r))
+        return c("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", qr(r)), pr(r);
+    }
+    var F = S.ReactCurrentOwner, zr = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, vr, yr, z;
+    z = {};
+    function Gr(r) {
+      if (D.call(r, "ref")) {
+        var a = Object.getOwnPropertyDescriptor(r, "ref").get;
+        if (a && a.isReactWarning)
+          return !1;
+      }
+      return r.ref !== void 0;
+    }
+    function Xr(r) {
+      if (D.call(r, "key")) {
+        var a = Object.getOwnPropertyDescriptor(r, "key").get;
+        if (a && a.isReactWarning)
+          return !1;
+      }
+      return r.key !== void 0;
+    }
+    function Hr(r, a) {
+      if (typeof r.ref == "string" && F.current && a && F.current.stateNode !== a) {
+        var o = y(F.current.type);
+        z[o] || (c('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', y(F.current.type), r.ref), z[o] = !0);
+      }
+    }
+    function Zr(r, a) {
+      {
+        var o = function() {
+          vr || (vr = !0, c("%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)", a));
+        };
+        o.isReactWarning = !0, Object.defineProperty(r, "key", {
+          get: o,
+          configurable: !0
+        });
+      }
+    }
+    function Qr(r, a) {
+      {
+        var o = function() {
+          yr || (yr = !0, c("%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)", a));
+        };
+        o.isReactWarning = !0, Object.defineProperty(r, "ref", {
+          get: o,
+          configurable: !0
+        });
+      }
+    }
+    var ra = function(r, a, o, e, t, i, s) {
+      var n = {
+        // This tag allows us to uniquely identify this as a React Element
+        $$typeof: b,
+        // Built-in properties that belong on the element
+        type: r,
+        key: a,
+        ref: o,
+        props: s,
+        // Record the component responsible for creating this element.
+        _owner: i
+      };
+      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: e
+      }), Object.defineProperty(n, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: t
+      }), Object.freeze && (Object.freeze(n.props), Object.freeze(n)), n;
+    };
+    function aa(r, a, o, e, t) {
+      {
+        var i, s = {}, n = null, d = null;
+        o !== void 0 && (br(o), n = "" + o), Xr(a) && (br(a.key), n = "" + a.key), Gr(a) && (d = a.ref, Hr(a, t));
+        for (i in a)
+          D.call(a, i) && !zr.hasOwnProperty(i) && (s[i] = a[i]);
+        if (r && r.defaultProps) {
+          var u = r.defaultProps;
+          for (i in u)
+            s[i] === void 0 && (s[i] = u[i]);
+        }
+        if (n || d) {
+          var l = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
+          n && Zr(s, l), d && Qr(s, l);
+        }
+        return ra(r, n, d, t, e, F.current, s);
+      }
+    }
+    var G = S.ReactCurrentOwner, mr = S.ReactDebugCurrentFrame;
+    function x(r) {
+      if (r) {
+        var a = r._owner, o = M(r.type, r._source, a ? a.type : null);
+        mr.setExtraStackFrame(o);
+      } else
+        mr.setExtraStackFrame(null);
+    }
+    var X;
+    X = !1;
+    function H(r) {
+      return typeof r == "object" && r !== null && r.$$typeof === b;
+    }
+    function kr() {
+      {
+        if (G.current) {
+          var r = y(G.current.type);
+          if (r)
+            return `
+
+Check the render method of \`` + r + "`.";
+        }
+        return "";
+      }
+    }
+    function oa(r) {
+      {
+        if (r !== void 0) {
+          var a = r.fileName.replace(/^.*[\\\/]/, ""), o = r.lineNumber;
+          return `
+
+Check your code at ` + a + ":" + o + ".";
+        }
+        return "";
+      }
+    }
+    var hr = {};
+    function ea(r) {
+      {
+        var a = kr();
+        if (!a) {
+          var o = typeof r == "string" ? r : r.displayName || r.name;
+          o && (a = `
+
+Check the top-level render call using <` + o + ">.");
+        }
+        return a;
+      }
+    }
+    function wr(r, a) {
+      {
+        if (!r._store || r._store.validated || r.key != null)
+          return;
+        r._store.validated = !0;
+        var o = ea(a);
+        if (hr[o])
+          return;
+        hr[o] = !0;
+        var e = "";
+        r && r._owner && r._owner !== G.current && (e = " It was passed a child from " + y(r._owner.type) + "."), x(r), c('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', o, e), x(null);
+      }
+    }
+    function Er(r, a) {
+      {
+        if (typeof r != "object")
+          return;
+        if (K(r))
+          for (var o = 0; o < r.length; o++) {
+            var e = r[o];
+            H(e) && wr(e, a);
+          }
+        else if (H(r))
+          r._store && (r._store.validated = !0);
+        else if (r) {
+          var t = Pr(r);
+          if (typeof t == "function" && t !== r.entries)
+            for (var i = t.call(r), s; !(s = i.next()).done; )
+              H(s.value) && wr(s.value, a);
+        }
+      }
+    }
+    function na(r) {
+      {
+        var a = r.type;
+        if (a == null || typeof a == "string")
+          return;
+        var o;
+        if (typeof a == "function")
+          o = a.propTypes;
+        else if (typeof a == "object" && (a.$$typeof === g || // Note: Memo only checks outer props here.
+        // Inner props are checked in the reconciler.
+        a.$$typeof === k))
+          o = a.propTypes;
+        else
+          return;
+        if (o) {
+          var e = y(a);
+          Br(o, r.props, "prop", e, r);
+        } else if (a.PropTypes !== void 0 && !X) {
+          X = !0;
+          var t = y(a);
+          c("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", t || "Unknown");
+        }
+        typeof a.getDefaultProps == "function" && !a.getDefaultProps.isReactClassApproved && c("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function sa(r) {
+      {
+        for (var a = Object.keys(r.props), o = 0; o < a.length; o++) {
+          var e = a[o];
+          if (e !== "children" && e !== "key") {
+            x(r), c("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", e), x(null);
+            break;
+          }
+        }
+        r.ref !== null && (x(r), c("Invalid attribute `ref` supplied to `React.Fragment`."), x(null));
+      }
+    }
+    var Rr = {};
+    function _r(r, a, o, e, t, i) {
+      {
+        var s = Wr(r);
+        if (!s) {
+          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 d = oa(t);
+          d ? n += d : n += kr();
+          var u;
+          r === null ? u = "null" : K(r) ? u = "array" : r !== void 0 && r.$$typeof === b ? (u = "<" + (y(r.type) || "Unknown") + " />", n = " Did you accidentally export a JSX literal instead of a component?") : u = typeof r, c("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", u, n);
+        }
+        var l = aa(r, a, o, t, i);
+        if (l == null)
+          return l;
+        if (s) {
+          var v = a.children;
+          if (v !== void 0)
+            if (e)
+              if (K(v)) {
+                for (var P = 0; P < v.length; P++)
+                  Er(v[P], r);
+                Object.freeze && Object.freeze(v);
+              } else
+                c("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
+              Er(v, r);
+        }
+        if (D.call(a, "key")) {
+          var T = y(r), f = Object.keys(a).filter(function(ga) {
+            return ga !== "key";
+          }), Z = f.length > 0 ? "{key: someKey, " + f.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!Rr[T + Z]) {
+            var ca = f.length > 0 ? "{" + f.join(": ..., ") + ": ...}" : "{}";
+            c(`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, T, ca, T), Rr[T + Z] = !0;
+          }
+        }
+        return r === w ? sa(l) : na(l), l;
+      }
+    }
+    function ta(r, a, o) {
+      return _r(r, a, o, !0);
+    }
+    function ia(r, a, o) {
+      return _r(r, a, o, !1);
+    }
+    var ua = ia, la = ta;
+    I.Fragment = w, I.jsx = ua, I.jsxs = la;
+  }()), I;
+}
+var $ = {};
+/**
+ * @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 Cr;
+function fa() {
+  if (Cr)
+    return $;
+  Cr = 1;
+  var m = Sr, b = Symbol.for("react.element"), h = Symbol.for("react.fragment"), w = Object.prototype.hasOwnProperty, C = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, Y = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function j(E, g, O) {
+    var p, k = {}, R = null, L = null;
+    O !== void 0 && (R = "" + O), g.key !== void 0 && (R = "" + g.key), g.ref !== void 0 && (L = g.ref);
+    for (p in g)
+      w.call(g, p) && !Y.hasOwnProperty(p) && (k[p] = g[p]);
+    if (E && E.defaultProps)
+      for (p in g = E.defaultProps, g)
+        k[p] === void 0 && (k[p] = g[p]);
+    return { $$typeof: b, type: E, key: R, ref: L, props: k, _owner: C.current };
+  }
+  return $.Fragment = h, $.jsx = j, $.jsxs = j, $;
+}
+process.env.NODE_ENV === "production" ? Q.exports = fa() : Q.exports = da();
+var W = Q.exports;
+const pa = `@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");
+
+:root {
+  /* gray */
+  --starasia-ui-color-gray-50: #f9fafb;
+  --starasia-ui-color-gray-100: #f3f4f6;
+  --starasia-ui-color-gray-200: #e5e7eb;
+  --starasia-ui-color-gray-300: #d1d5db;
+  --starasia-ui-color-gray-400: #9ca3af;
+  --starasia-ui-color-gray-500: #6b7280;
+  --starasia-ui-color-gray-600: #4b5563;
+  --starasia-ui-color-gray-700: #374151;
+  --starasia-ui-color-gray-800: #1f2937;
+  --starasia-ui-color-gray-900: #111827;
+  --starasia-ui-color-gray-950: #030712;
+
+  /* red */
+  --starasia-ui-color-red-50: #fef2f2;
+  --starasia-ui-color-red-100: #fee2e2;
+  --starasia-ui-color-red-200: #fecaca;
+  --starasia-ui-color-red-300: #fca5a5;
+  --starasia-ui-color-red-400: #f87171;
+  --starasia-ui-color-red-500: #ef4444;
+  --starasia-ui-color-red-600: rgb(220, 38, 38);
+  --starasia-ui-color-red-700: #b91c1c;
+  --starasia-ui-color-red-800: #991b1b;
+  --starasia-ui-color-red-900: #7f1d1d;
+  --starasia-ui-color-red-950: #450a0a;
+
+  /* orange */
+  --starasia-ui-color-orange-50: #fff7ed;
+  --starasia-ui-color-orange-100: #ffedd5;
+  --starasia-ui-color-orange-200: #fed7aa;
+  --starasia-ui-color-orange-300: #fdba74;
+  --starasia-ui-color-orange-400: #fb923c;
+  --starasia-ui-color-orange-500: #f97316;
+  --starasia-ui-color-orange-600: #ea580c;
+  --starasia-ui-color-orange-700: #c2410c;
+  --starasia-ui-color-orange-800: #9a3412;
+  --starasia-ui-color-orange-900: #7c2d12;
+  --starasia-ui-color-orange-950: #431407;
+
+  /* yellow */
+  --starasia-ui-color-yellow-50: #fefce8;
+  --starasia-ui-color-yellow-100: #fef9c3;
+  --starasia-ui-color-yellow-200: #fef08a;
+  --starasia-ui-color-yellow-300: #fde047;
+  --starasia-ui-color-yellow-400: #facc15;
+  --starasia-ui-color-yellow-500: #eab308;
+  --starasia-ui-color-yellow-600: rgb(202, 138, 4);
+  --starasia-ui-color-yellow-700: #a16207;
+  --starasia-ui-color-yellow-800: #854d0e;
+  --starasia-ui-color-yellow-900: #713f12;
+  --starasia-ui-color-yellow-950: #422006;
+
+  /* green */
+  --starasia-ui-color-green-50: #f0fdf4;
+  --starasia-ui-color-green-100: #dcfce7;
+  --starasia-ui-color-green-200: #bbf7d0;
+  --starasia-ui-color-green-300: #86efac;
+  --starasia-ui-color-green-400: #4ade80;
+  --starasia-ui-color-green-500: #22c55e;
+  --starasia-ui-color-green-600: #16a34a;
+  --starasia-ui-color-green-700: #15803d;
+  --starasia-ui-color-green-800: #166534;
+  --starasia-ui-color-green-900: #14532d;
+  --starasia-ui-color-green-950: #052e16;
+
+  /* blue */
+  --starasia-ui-color-blue-50: #eff6ff;
+  --starasia-ui-color-blue-100: #dbeafe;
+  --starasia-ui-color-blue-200: #bfdbfe;
+  --starasia-ui-color-blue-300: #93c5fd;
+  --starasia-ui-color-blue-400: #60a5fa;
+  --starasia-ui-color-blue-500: #3b82f6;
+  --starasia-ui-color-blue-600: #2563eb;
+  --starasia-ui-color-blue-700: #1d4ed8;
+  --starasia-ui-color-blue-800: #1e40af;
+  --starasia-ui-color-blue-900: #1e3a8a;
+  --starasia-ui-color-blue-950: #172554;
+
+  /* purple */
+  --starasia-ui-color-purple-50: #f5f3ff;
+  --starasia-ui-color-purple-100: #f3e8ff;
+  --starasia-ui-color-purple-200: #e9d5ff;
+  --starasia-ui-color-purple-300: #d8b4fe;
+  --starasia-ui-color-purple-400: #c084fc;
+  --starasia-ui-color-purple-500: #a855f7;
+  --starasia-ui-color-purple-600: #9333ea;
+  --starasia-ui-color-purple-700: #7e22ce;
+  --starasia-ui-color-purple-800: #6b21a8;
+  --starasia-ui-color-purple-900: #581c87;
+  --starasia-ui-color-purple-950: #3b0764;
+
+  /* height */
+  --starasia-ui-h-1: 0.25rem; /* 4px */
+  --starasia-ui-h-2: 0.5rem; /* 8px */
+
+  /* radius */
+  --starasia-ui-radii-lg: 0.5rem; /* 8px */
+}
+
+.starasia-progress-border {
+  background-color: var(--starasia-ui-color-blue-100);
+  width: 100%;
+  border-radius: var(--starasia-ui-radii-lg);
+  overflow: hidden;
+}
+.starasia-progress-border-sm {
+  height: var(--starasia-ui-h-1);
+}
+.starasia-progress-border-md {
+  height: var(--starasia-ui-h-2);
+}
+.starasia-progress-value {
+  height: 100%;
+  background-color: var(--starasia-ui-color-blue-800);
+}
+
+.starasia-progress-label {
+  font-family: "Poppins", serif;
+  font-size: var(--starasia-ui-fontSizes-md, 14px);
+  font-style: normal;
+  font-weight: var(--starasia-ui-fontWeights-medium, 400);
+  line-height: normal;
+  letter-spacing: 0.21px;
+  margin-top: var(--starasia-ui-spacing-xs, 4px);
+  color: var(--starasia-ui-color-gray-500);
+}
+
+/* starasia progress COLOR */
+.starasia-progress-background-gray-50 {
+  background-color: var(--starasia-ui-color-gray-50) !important;
+}
+.starasia-progress-background-gray-100 {
+  background-color: var(--starasia-ui-color-gray-100) !important;
+}
+.starasia-progress-background-gray-200 {
+  background-color: var(--starasia-ui-color-gray-200) !important;
+}
+.starasia-progress-background-gray-300 {
+  background-color: var(--starasia-ui-color-gray-300) !important;
+}
+.starasia-progress-background-gray-400 {
+  background-color: var(--starasia-ui-color-gray-400) !important;
+}
+.starasia-progress-background-gray-500 {
+  background-color: var(--starasia-ui-color-gray-500) !important;
+}
+.starasia-progress-background-gray-600 {
+  background-color: var(--starasia-ui-color-gray-600) !important;
+}
+.starasia-progress-background-gray-700 {
+  background-color: var(--starasia-ui-color-gray-700) !important;
+}
+.starasia-progress-background-gray-800 {
+  background-color: var(--starasia-ui-color-gray-800) !important;
+}
+.starasia-progress-background-gray-900 {
+  background-color: var(--starasia-ui-color-gray-900) !important;
+}
+.starasia-progress-background-gray-950 {
+  background-color: var(--starasia-ui-color-gray-950) !important;
+}
+
+.starasia-progress-background-red-50 {
+  background-color: var(--starasia-ui-color-red-50) !important;
+}
+.starasia-progress-background-red-100 {
+  background-color: var(--starasia-ui-color-red-100) !important;
+}
+.starasia-progress-background-red-200 {
+  background-color: var(--starasia-ui-color-red-200) !important;
+}
+.starasia-progress-background-red-300 {
+  background-color: var(--starasia-ui-color-red-300) !important;
+}
+.starasia-progress-background-red-400 {
+  background-color: var(--starasia-ui-color-red-400) !important;
+}
+.starasia-progress-background-red-500 {
+  background-color: var(--starasia-ui-color-red-500) !important;
+}
+.starasia-progress-background-red-600 {
+  background-color: var(--starasia-ui-color-red-600) !important;
+}
+.starasia-progress-background-red-700 {
+  background-color: var(--starasia-ui-color-red-700) !important;
+}
+.starasia-progress-background-red-800 {
+  background-color: var(--starasia-ui-color-red-800) !important;
+}
+.starasia-progress-background-red-900 {
+  background-color: var(--starasia-ui-color-red-900) !important;
+}
+.starasia-progress-background-red-950 {
+  background-color: var(--starasia-ui-color-red-950) !important;
+}
+
+.starasia-progress-background-orange-50 {
+  background-color: var(--starasia-ui-color-orange-50) !important;
+}
+.starasia-progress-background-orange-100 {
+  background-color: var(--starasia-ui-color-orange-100) !important;
+}
+.starasia-progress-background-orange-200 {
+  background-color: var(--starasia-ui-color-orange-200) !important;
+}
+.starasia-progress-background-orange-300 {
+  background-color: var(--starasia-ui-color-orange-300) !important;
+}
+.starasia-progress-background-orange-400 {
+  background-color: var(--starasia-ui-color-orange-400) !important;
+}
+.starasia-progress-background-orange-500 {
+  background-color: var(--starasia-ui-color-orange-500) !important;
+}
+.starasia-progress-background-orange-600 {
+  background-color: var(--starasia-ui-color-orange-600) !important;
+}
+.starasia-progress-background-orange-700 {
+  background-color: var(--starasia-ui-color-orange-700) !important;
+}
+.starasia-progress-background-orange-800 {
+  background-color: var(--starasia-ui-color-orange-800) !important;
+}
+.starasia-progress-background-orange-900 {
+  background-color: var(--starasia-ui-color-orange-900) !important;
+}
+.starasia-progress-background-orange-950 {
+  background-color: var(--starasia-ui-color-orange-950) !important;
+}
+
+.starasia-progress-background-yellow-50 {
+  background-color: var(--starasia-ui-color-yellow-50) !important;
+}
+.starasia-progress-background-yellow-100 {
+  background-color: var(--starasia-ui-color-yellow-100) !important;
+}
+.starasia-progress-background-yellow-200 {
+  background-color: var(--starasia-ui-color-yellow-200) !important;
+}
+.starasia-progress-background-yellow-300 {
+  background-color: var(--starasia-ui-color-yellow-300) !important;
+}
+.starasia-progress-background-yellow-400 {
+  background-color: var(--starasia-ui-color-yellow-400) !important;
+}
+.starasia-progress-background-yellow-500 {
+  background-color: var(--starasia-ui-color-yellow-500) !important;
+}
+.starasia-progress-background-yellow-600 {
+  background-color: var(--starasia-ui-color-yellow-600) !important;
+}
+.starasia-progress-background-yellow-700 {
+  background-color: var(--starasia-ui-color-yellow-700) !important;
+}
+.starasia-progress-background-yellow-800 {
+  background-color: var(--starasia-ui-color-yellow-800) !important;
+}
+.starasia-progress-background-yellow-900 {
+  background-color: var(--starasia-ui-color-yellow-900) !important;
+}
+.starasia-progress-background-yellow-950 {
+  background-color: var(--starasia-ui-color-yellow-950) !important;
+}
+
+.starasia-progress-background-green-50 {
+  background-color: var(--starasia-ui-color-green-50) !important;
+}
+.starasia-progress-background-green-100 {
+  background-color: var(--starasia-ui-color-green-100) !important;
+}
+.starasia-progress-background-green-200 {
+  background-color: var(--starasia-ui-color-green-200) !important;
+}
+.starasia-progress-background-green-300 {
+  background-color: var(--starasia-ui-color-green-300) !important;
+}
+.starasia-progress-background-green-400 {
+  background-color: var(--starasia-ui-color-green-400) !important;
+}
+.starasia-progress-background-green-500 {
+  background-color: var(--starasia-ui-color-green-500) !important;
+}
+.starasia-progress-background-green-600 {
+  background-color: var(--starasia-ui-color-green-600) !important;
+}
+.starasia-progress-background-green-700 {
+  background-color: var(--starasia-ui-color-green-700) !important;
+}
+.starasia-progress-background-green-800 {
+  background-color: var(--starasia-ui-color-green-800) !important;
+}
+.starasia-progress-background-green-900 {
+  background-color: var(--starasia-ui-color-green-900) !important;
+}
+.starasia-progress-background-green-950 {
+  background-color: var(--starasia-ui-color-green-950) !important;
+}
+
+.starasia-progress-background-blue-50 {
+  background-color: var(--starasia-ui-color-blue-50) !important;
+}
+.starasia-progress-background-blue-100 {
+  background-color: var(--starasia-ui-color-blue-100) !important;
+}
+.starasia-progress-background-blue-200 {
+  background-color: var(--starasia-ui-color-blue-200) !important;
+}
+.starasia-progress-background-blue-300 {
+  background-color: var(--starasia-ui-color-blue-300) !important;
+}
+.starasia-progress-background-blue-400 {
+  background-color: var(--starasia-ui-color-blue-400) !important;
+}
+.starasia-progress-background-blue-500 {
+  background-color: var(--starasia-ui-color-blue-500) !important;
+}
+.starasia-progress-background-blue-600 {
+  background-color: var(--starasia-ui-color-blue-600) !important;
+}
+.starasia-progress-background-blue-700 {
+  background-color: var(--starasia-ui-color-blue-700) !important;
+}
+.starasia-progress-background-blue-800 {
+  background-color: var(--starasia-ui-color-blue-800) !important;
+}
+.starasia-progress-background-blue-900 {
+  background-color: var(--starasia-ui-color-blue-900) !important;
+}
+.starasia-progress-background-blue-950 {
+  background-color: var(--starasia-ui-color-blue-950) !important;
+}
+
+.starasia-progress-background-purple-50 {
+  background-color: var(--starasia-ui-color-purple-50) !important;
+}
+.starasia-progress-background-purple-100 {
+  background-color: var(--starasia-ui-color-purple-100) !important;
+}
+.starasia-progress-background-purple-200 {
+  background-color: var(--starasia-ui-color-purple-200) !important;
+}
+.starasia-progress-background-purple-300 {
+  background-color: var(--starasia-ui-color-purple-300) !important;
+}
+.starasia-progress-background-purple-400 {
+  background-color: var(--starasia-ui-color-purple-400) !important;
+}
+.starasia-progress-background-purple-500 {
+  background-color: var(--starasia-ui-color-purple-500) !important;
+}
+.starasia-progress-background-purple-600 {
+  background-color: var(--starasia-ui-color-purple-600) !important;
+}
+.starasia-progress-background-purple-700 {
+  background-color: var(--starasia-ui-color-purple-700) !important;
+}
+.starasia-progress-background-purple-800 {
+  background-color: var(--starasia-ui-color-purple-800) !important;
+}
+.starasia-progress-background-purple-900 {
+  background-color: var(--starasia-ui-color-purple-900) !important;
+}
+.starasia-progress-background-purple-950 {
+  background-color: var(--starasia-ui-color-purple-950) !important;
+}
+`, Or = "starasia-progress-styles", ba = (m) => {
+  if (!document.getElementById(Or)) {
+    const b = document.createElement("style");
+    b.id = Or, b.textContent = m, document.head.appendChild(b);
+  }
+};
+ba(pa);
+const ma = ({
+  value: m = "10%",
+  labelPosition: b = "left",
+  label: h,
+  color: w,
+  size: C = "md"
+}) => /* @__PURE__ */ W.jsxs("div", { children: [
+  /* @__PURE__ */ W.jsx(
+    "div",
+    {
+      className: `starasia-progress-border ${C === "md" ? "starasia-progress-border-md" : "starasia-progress-border-sm"}`,
+      children: /* @__PURE__ */ W.jsx(
+        "div",
+        {
+          className: `starasia-progress-value starasia-progress-background-${w}`,
+          style: { width: m, backgroundColor: "" }
+        }
+      )
+    }
+  ),
+  h ? typeof h == "string" ? /* @__PURE__ */ W.jsx(
+    "p",
+    {
+      className: "starasia-progress-label",
+      style: { textAlign: b },
+      children: h
+    }
+  ) : /* @__PURE__ */ W.jsx(
+    "div",
+    {
+      className: "starasia-progress-label",
+      style: { textAlign: b },
+      children: h
+    }
+  ) : null
+] }), va = [
+  {
+    name: "gray",
+    colors: [
+      "gray-50",
+      "gray-100",
+      "gray-200",
+      "gray-300",
+      "gray-400",
+      "gray-500",
+      "gray-600",
+      "gray-700",
+      "gray-800",
+      "gray-900",
+      "gray-950"
+    ]
+  },
+  {
+    name: "red",
+    colors: [
+      "red-50",
+      "red-100",
+      "red-200",
+      "red-300",
+      "red-400",
+      "red-500",
+      "red-600",
+      "red-700",
+      "red-800",
+      "red-900",
+      "red-950"
+    ]
+  },
+  {
+    name: "orange",
+    colors: [
+      "orange-50",
+      "orange-100",
+      "orange-200",
+      "orange-300",
+      "orange-400",
+      "orange-500",
+      "orange-600",
+      "orange-700",
+      "orange-800",
+      "orange-900",
+      "orange-950"
+    ]
+  },
+  {
+    name: "yellow",
+    colors: [
+      "yellow-50",
+      "yellow-100",
+      "yellow-200",
+      "yellow-300",
+      "yellow-400",
+      "yellow-500",
+      "yellow-600",
+      "yellow-700",
+      "yellow-800",
+      "yellow-900",
+      "yellow-950"
+    ]
+  },
+  {
+    name: "green",
+    colors: [
+      "green-50",
+      "green-100",
+      "green-200",
+      "green-300",
+      "green-400",
+      "green-500",
+      "green-600",
+      "green-700",
+      "green-800",
+      "green-900",
+      "green-950"
+    ]
+  },
+  {
+    name: "blue",
+    colors: [
+      "blue-50",
+      "blue-100",
+      "blue-200",
+      "blue-300",
+      "blue-400",
+      "blue-500",
+      "blue-600",
+      "blue-700",
+      "blue-800",
+      "blue-900",
+      "blue-950"
+    ]
+  },
+  {
+    name: "purple",
+    colors: [
+      "purple-50",
+      "purple-100",
+      "purple-200",
+      "purple-300",
+      "purple-400",
+      "purple-500",
+      "purple-600",
+      "purple-700",
+      "purple-800",
+      "purple-900",
+      "purple-950"
+    ]
+  }
+], ka = va.map(
+  (m) => m.colors
+).flat();
+export {
+  ka as ColorConstProgress,
+  va as ColorSchemeGeneratorProgress,
+  ma as Progress
+};