@asafarim/progress-bars 1.0.0

package/dist/index.js

@@ -0,0 +1,1072 @@
+import Je, { forwardRef as $r, useMemo as wr } from "react";
+var he = { exports: {} }, V = {};
+/**
+ * @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 Ve;
+function xr() {
+  if (Ve) return V;
+  Ve = 1;
+  var i = Je, a = Symbol.for("react.element"), c = Symbol.for("react.fragment"), v = Object.prototype.hasOwnProperty, m = i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, p = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function s(d, f, b) {
+    var h, E = {}, k = null, N = null;
+    b !== void 0 && (k = "" + b), f.key !== void 0 && (k = "" + f.key), f.ref !== void 0 && (N = f.ref);
+    for (h in f) v.call(f, h) && !p.hasOwnProperty(h) && (E[h] = f[h]);
+    if (d && d.defaultProps) for (h in f = d.defaultProps, f) E[h] === void 0 && (E[h] = f[h]);
+    return { $$typeof: a, type: d, key: k, ref: N, props: E, _owner: m.current };
+  }
+  return V.Fragment = c, V.jsx = s, V.jsxs = s, V;
+}
+var U = {};
+/**
+ * @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 Ue;
+function Er() {
+  return Ue || (Ue = 1, process.env.NODE_ENV !== "production" && function() {
+    var i = Je, a = Symbol.for("react.element"), c = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), m = Symbol.for("react.strict_mode"), p = Symbol.for("react.profiler"), s = Symbol.for("react.provider"), d = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), b = Symbol.for("react.suspense"), h = Symbol.for("react.suspense_list"), E = Symbol.for("react.memo"), k = Symbol.for("react.lazy"), N = Symbol.for("react.offscreen"), B = Symbol.iterator, ae = "@@iterator";
+    function te(e) {
+      if (e === null || typeof e != "object")
+        return null;
+      var r = B && e[B] || e[ae];
+      return typeof r == "function" ? r : null;
+    }
+    var P = i.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function $(e) {
+      {
+        for (var r = arguments.length, n = new Array(r > 1 ? r - 1 : 0), t = 1; t < r; t++)
+          n[t - 1] = arguments[t];
+        se("error", e, n);
+      }
+    }
+    function se(e, r, n) {
+      {
+        var t = P.ReactDebugCurrentFrame, _ = t.getStackAddendum();
+        _ !== "" && (r += "%s", n = n.concat([_]));
+        var g = n.map(function(l) {
+          return String(l);
+        });
+        g.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, g);
+      }
+    }
+    var ie = !1, oe = !1, O = !1, S = !1, J = !1, q;
+    q = Symbol.for("react.module.reference");
+    function K(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === v || e === p || J || e === m || e === b || e === h || S || e === N || ie || oe || O || typeof e == "object" && e !== null && (e.$$typeof === k || e.$$typeof === E || e.$$typeof === s || e.$$typeof === d || e.$$typeof === f || // 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.
+      e.$$typeof === q || e.getModuleId !== void 0));
+    }
+    function ce(e, r, n) {
+      var t = e.displayName;
+      if (t)
+        return t;
+      var _ = r.displayName || r.name || "";
+      return _ !== "" ? n + "(" + _ + ")" : n;
+    }
+    function ye(e) {
+      return e.displayName || "Context";
+    }
+    function D(e) {
+      if (e == null)
+        return null;
+      if (typeof e.tag == "number" && $("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 v:
+          return "Fragment";
+        case c:
+          return "Portal";
+        case p:
+          return "Profiler";
+        case m:
+          return "StrictMode";
+        case b:
+          return "Suspense";
+        case h:
+          return "SuspenseList";
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case d:
+            var r = e;
+            return ye(r) + ".Consumer";
+          case s:
+            var n = e;
+            return ye(n._context) + ".Provider";
+          case f:
+            return ce(e, e.render, "ForwardRef");
+          case E:
+            var t = e.displayName || null;
+            return t !== null ? t : D(e.type) || "Memo";
+          case k: {
+            var _ = e, g = _._payload, l = _._init;
+            try {
+              return D(l(g));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var F = Object.assign, Y = 0, $e, we, xe, Ee, Re, je, ke;
+    function Pe() {
+    }
+    Pe.__reactDisabledLog = !0;
+    function Ke() {
+      {
+        if (Y === 0) {
+          $e = console.log, we = console.info, xe = console.warn, Ee = console.error, Re = console.group, je = console.groupCollapsed, ke = console.groupEnd;
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            value: Pe,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: e,
+            log: e,
+            warn: e,
+            error: e,
+            group: e,
+            groupCollapsed: e,
+            groupEnd: e
+          });
+        }
+        Y++;
+      }
+    }
+    function Ge() {
+      {
+        if (Y--, Y === 0) {
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: F({}, e, {
+              value: $e
+            }),
+            info: F({}, e, {
+              value: we
+            }),
+            warn: F({}, e, {
+              value: xe
+            }),
+            error: F({}, e, {
+              value: Ee
+            }),
+            group: F({}, e, {
+              value: Re
+            }),
+            groupCollapsed: F({}, e, {
+              value: je
+            }),
+            groupEnd: F({}, e, {
+              value: ke
+            })
+          });
+        }
+        Y < 0 && $("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var le = P.ReactCurrentDispatcher, ue;
+    function G(e, r, n) {
+      {
+        if (ue === void 0)
+          try {
+            throw Error();
+          } catch (_) {
+            var t = _.stack.trim().match(/\n( *(at )?)/);
+            ue = t && t[1] || "";
+          }
+        return `
+` + ue + e;
+      }
+    }
+    var _e = !1, X;
+    {
+      var Xe = typeof WeakMap == "function" ? WeakMap : Map;
+      X = new Xe();
+    }
+    function Oe(e, r) {
+      if (!e || _e)
+        return "";
+      {
+        var n = X.get(e);
+        if (n !== void 0)
+          return n;
+      }
+      var t;
+      _e = !0;
+      var _ = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var g;
+      g = le.current, le.current = null, Ke();
+      try {
+        if (r) {
+          var l = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(l.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(l, []);
+            } catch (R) {
+              t = R;
+            }
+            Reflect.construct(e, [], l);
+          } else {
+            try {
+              l.call();
+            } catch (R) {
+              t = R;
+            }
+            e.call(l.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (R) {
+            t = R;
+          }
+          e();
+        }
+      } catch (R) {
+        if (R && t && typeof R.stack == "string") {
+          for (var o = R.stack.split(`
+`), x = t.stack.split(`
+`), y = o.length - 1, w = x.length - 1; y >= 1 && w >= 0 && o[y] !== x[w]; )
+            w--;
+          for (; y >= 1 && w >= 0; y--, w--)
+            if (o[y] !== x[w]) {
+              if (y !== 1 || w !== 1)
+                do
+                  if (y--, w--, w < 0 || o[y] !== x[w]) {
+                    var j = `
+` + o[y].replace(" at new ", " at ");
+                    return e.displayName && j.includes("<anonymous>") && (j = j.replace("<anonymous>", e.displayName)), typeof e == "function" && X.set(e, j), j;
+                  }
+                while (y >= 1 && w >= 0);
+              break;
+            }
+        }
+      } finally {
+        _e = !1, le.current = g, Ge(), Error.prepareStackTrace = _;
+      }
+      var z = e ? e.displayName || e.name : "", A = z ? G(z) : "";
+      return typeof e == "function" && X.set(e, A), A;
+    }
+    function He(e, r, n) {
+      return Oe(e, !1);
+    }
+    function Ze(e) {
+      var r = e.prototype;
+      return !!(r && r.isReactComponent);
+    }
+    function H(e, r, n) {
+      if (e == null)
+        return "";
+      if (typeof e == "function")
+        return Oe(e, Ze(e));
+      if (typeof e == "string")
+        return G(e);
+      switch (e) {
+        case b:
+          return G("Suspense");
+        case h:
+          return G("SuspenseList");
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case f:
+            return He(e.render);
+          case E:
+            return H(e.type, r, n);
+          case k: {
+            var t = e, _ = t._payload, g = t._init;
+            try {
+              return H(g(_), r, n);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var L = Object.prototype.hasOwnProperty, Te = {}, Se = P.ReactDebugCurrentFrame;
+    function Z(e) {
+      if (e) {
+        var r = e._owner, n = H(e.type, e._source, r ? r.type : null);
+        Se.setExtraStackFrame(n);
+      } else
+        Se.setExtraStackFrame(null);
+    }
+    function Qe(e, r, n, t, _) {
+      {
+        var g = Function.call.bind(L);
+        for (var l in e)
+          if (g(e, l)) {
+            var o = void 0;
+            try {
+              if (typeof e[l] != "function") {
+                var x = Error((t || "React class") + ": " + n + " type `" + l + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[l] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw x.name = "Invariant Violation", x;
+              }
+              o = e[l](r, l, t, n, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (y) {
+              o = y;
+            }
+            o && !(o instanceof Error) && (Z(_), $("%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).", t || "React class", n, l, typeof o), Z(null)), o instanceof Error && !(o.message in Te) && (Te[o.message] = !0, Z(_), $("Failed %s type: %s", n, o.message), Z(null));
+          }
+      }
+    }
+    var er = Array.isArray;
+    function fe(e) {
+      return er(e);
+    }
+    function rr(e) {
+      {
+        var r = typeof Symbol == "function" && Symbol.toStringTag, n = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return n;
+      }
+    }
+    function nr(e) {
+      try {
+        return Ce(e), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function Ce(e) {
+      return "" + e;
+    }
+    function Ne(e) {
+      if (nr(e))
+        return $("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", rr(e)), Ce(e);
+    }
+    var De = P.ReactCurrentOwner, ar = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, Fe, Ae;
+    function tr(e) {
+      if (L.call(e, "ref")) {
+        var r = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (r && r.isReactWarning)
+          return !1;
+      }
+      return e.ref !== void 0;
+    }
+    function sr(e) {
+      if (L.call(e, "key")) {
+        var r = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (r && r.isReactWarning)
+          return !1;
+      }
+      return e.key !== void 0;
+    }
+    function ir(e, r) {
+      typeof e.ref == "string" && De.current;
+    }
+    function or(e, r) {
+      {
+        var n = function() {
+          Fe || (Fe = !0, $("%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));
+        };
+        n.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: n,
+          configurable: !0
+        });
+      }
+    }
+    function cr(e, r) {
+      {
+        var n = function() {
+          Ae || (Ae = !0, $("%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));
+        };
+        n.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: n,
+          configurable: !0
+        });
+      }
+    }
+    var lr = function(e, r, n, t, _, g, l) {
+      var o = {
+        // This tag allows us to uniquely identify this as a React Element
+        $$typeof: a,
+        // Built-in properties that belong on the element
+        type: e,
+        key: r,
+        ref: n,
+        props: l,
+        // Record the component responsible for creating this element.
+        _owner: g
+      };
+      return o._store = {}, Object.defineProperty(o._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(o, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: t
+      }), Object.defineProperty(o, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: _
+      }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
+    };
+    function ur(e, r, n, t, _) {
+      {
+        var g, l = {}, o = null, x = null;
+        n !== void 0 && (Ne(n), o = "" + n), sr(r) && (Ne(r.key), o = "" + r.key), tr(r) && (x = r.ref, ir(r, _));
+        for (g in r)
+          L.call(r, g) && !ar.hasOwnProperty(g) && (l[g] = r[g]);
+        if (e && e.defaultProps) {
+          var y = e.defaultProps;
+          for (g in y)
+            l[g] === void 0 && (l[g] = y[g]);
+        }
+        if (o || x) {
+          var w = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          o && or(l, w), x && cr(l, w);
+        }
+        return lr(e, o, x, _, t, De.current, l);
+      }
+    }
+    var de = P.ReactCurrentOwner, Ie = P.ReactDebugCurrentFrame;
+    function W(e) {
+      if (e) {
+        var r = e._owner, n = H(e.type, e._source, r ? r.type : null);
+        Ie.setExtraStackFrame(n);
+      } else
+        Ie.setExtraStackFrame(null);
+    }
+    var ve;
+    ve = !1;
+    function ge(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === a;
+    }
+    function Me() {
+      {
+        if (de.current) {
+          var e = D(de.current.type);
+          if (e)
+            return `
+
+Check the render method of \`` + e + "`.";
+        }
+        return "";
+      }
+    }
+    function _r(e) {
+      return "";
+    }
+    var qe = {};
+    function fr(e) {
+      {
+        var r = Me();
+        if (!r) {
+          var n = typeof e == "string" ? e : e.displayName || e.name;
+          n && (r = `
+
+Check the top-level render call using <` + n + ">.");
+        }
+        return r;
+      }
+    }
+    function We(e, r) {
+      {
+        if (!e._store || e._store.validated || e.key != null)
+          return;
+        e._store.validated = !0;
+        var n = fr(r);
+        if (qe[n])
+          return;
+        qe[n] = !0;
+        var t = "";
+        e && e._owner && e._owner !== de.current && (t = " It was passed a child from " + D(e._owner.type) + "."), W(e), $('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', n, t), W(null);
+      }
+    }
+    function ze(e, r) {
+      {
+        if (typeof e != "object")
+          return;
+        if (fe(e))
+          for (var n = 0; n < e.length; n++) {
+            var t = e[n];
+            ge(t) && We(t, r);
+          }
+        else if (ge(e))
+          e._store && (e._store.validated = !0);
+        else if (e) {
+          var _ = te(e);
+          if (typeof _ == "function" && _ !== e.entries)
+            for (var g = _.call(e), l; !(l = g.next()).done; )
+              ge(l.value) && We(l.value, r);
+        }
+      }
+    }
+    function dr(e) {
+      {
+        var r = e.type;
+        if (r == null || typeof r == "string")
+          return;
+        var n;
+        if (typeof r == "function")
+          n = r.propTypes;
+        else if (typeof r == "object" && (r.$$typeof === f || // Note: Memo only checks outer props here.
+        // Inner props are checked in the reconciler.
+        r.$$typeof === E))
+          n = r.propTypes;
+        else
+          return;
+        if (n) {
+          var t = D(r);
+          Qe(n, e.props, "prop", t, e);
+        } else if (r.PropTypes !== void 0 && !ve) {
+          ve = !0;
+          var _ = D(r);
+          $("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", _ || "Unknown");
+        }
+        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && $("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function vr(e) {
+      {
+        for (var r = Object.keys(e.props), n = 0; n < r.length; n++) {
+          var t = r[n];
+          if (t !== "children" && t !== "key") {
+            W(e), $("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", t), W(null);
+            break;
+          }
+        }
+        e.ref !== null && (W(e), $("Invalid attribute `ref` supplied to `React.Fragment`."), W(null));
+      }
+    }
+    var Ye = {};
+    function Le(e, r, n, t, _, g) {
+      {
+        var l = K(e);
+        if (!l) {
+          var o = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (o += " 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 x = _r();
+          x ? o += x : o += Me();
+          var y;
+          e === null ? y = "null" : fe(e) ? y = "array" : e !== void 0 && e.$$typeof === a ? (y = "<" + (D(e.type) || "Unknown") + " />", o = " Did you accidentally export a JSX literal instead of a component?") : y = typeof e, $("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", y, o);
+        }
+        var w = ur(e, r, n, _, g);
+        if (w == null)
+          return w;
+        if (l) {
+          var j = r.children;
+          if (j !== void 0)
+            if (t)
+              if (fe(j)) {
+                for (var z = 0; z < j.length; z++)
+                  ze(j[z], e);
+                Object.freeze && Object.freeze(j);
+              } else
+                $("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
+              ze(j, e);
+        }
+        if (L.call(r, "key")) {
+          var A = D(e), R = Object.keys(r).filter(function(yr) {
+            return yr !== "key";
+          }), pe = R.length > 0 ? "{key: someKey, " + R.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!Ye[A + pe]) {
+            var hr = R.length > 0 ? "{" + R.join(": ..., ") + ": ...}" : "{}";
+            $(`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} />`, pe, A, hr, A), Ye[A + pe] = !0;
+          }
+        }
+        return e === v ? vr(w) : dr(w), w;
+      }
+    }
+    function gr(e, r, n) {
+      return Le(e, r, n, !0);
+    }
+    function pr(e, r, n) {
+      return Le(e, r, n, !1);
+    }
+    var mr = pr, br = gr;
+    U.Fragment = v, U.jsx = mr, U.jsxs = br;
+  }()), U;
+}
+process.env.NODE_ENV === "production" ? he.exports = xr() : he.exports = Er();
+var u = he.exports;
+const Rr = "_root_aq7ts_1", jr = "_brand_aq7ts_14", kr = "_success_aq7ts_18", Pr = "_warning_aq7ts_22", Or = "_danger_aq7ts_26", Tr = "_neutral_aq7ts_30", Sr = "_info_aq7ts_34", Cr = "_track_aq7ts_38", Nr = "_size_sm_aq7ts_49", Dr = "_size_md_aq7ts_53", Fr = "_size_lg_aq7ts_57", Ar = "_bar_aq7ts_61", Ir = "_striped_aq7ts_75", Mr = "_animated_aq7ts_86", qr = "_variant_indeterminate_aq7ts_99", C = {
+  root: Rr,
+  brand: jr,
+  success: kr,
+  warning: Pr,
+  danger: Or,
+  neutral: Tr,
+  info: Sr,
+  track: Cr,
+  size_sm: Nr,
+  size_md: Dr,
+  size_lg: Fr,
+  bar: Ar,
+  striped: Ir,
+  animated: Mr,
+  "stripe-move": "_stripe-move_aq7ts_1",
+  variant_indeterminate: qr,
+  "lp-indeterminate": "_lp-indeterminate_aq7ts_1"
+};
+function Be(i, a, c) {
+  return !Number.isFinite(i) || i < a ? a : i > c ? c : i;
+}
+const ja = $r(function({
+  variant: a = "determinate",
+  size: c = "md",
+  tone: v = "brand",
+  value: m = 0,
+  min: p = 0,
+  max: s = 100,
+  striped: d = !1,
+  animated: f = !1,
+  thickness: b,
+  ariaLabel: h,
+  ariaLabelledBy: E,
+  ariaValueText: k,
+  className: N,
+  style: B,
+  ...ae
+}, te) {
+  const P = a === "determinate", $ = wr(() => {
+    const S = Number.isFinite(p) ? p : 0, J = Number.isFinite(s) ? s : S + 100, q = J <= S ? S + 100 : J, K = Be(Number(m), S, q), ce = (K - S) / (q - S) * 100;
+    return {
+      min: S,
+      max: q,
+      value: K,
+      percent: Be(ce, 0, 100)
+    };
+  }, [m, p, s]), se = [
+    C.root,
+    C[`size_${c}`],
+    C[v],
+    P ? C.variant_determinate : C.variant_indeterminate,
+    d && C.striped,
+    f && C.animated,
+    N
+  ].filter(Boolean).join(" "), ie = P ? { width: `${$.percent}%` } : void 0, oe = {
+    ...B,
+    ...b ? { "--lp-track-height": `${b}px` } : {}
+  }, O = {
+    role: "progressbar"
+  };
+  return P ? (O["aria-valuemin"] = $.min, O["aria-valuemax"] = $.max, O["aria-valuenow"] = $.value) : O["aria-valuetext"] = k ?? "Loading", E ? O["aria-labelledby"] = E : h ? O["aria-label"] = h : O["aria-label"] = "Progress", /* @__PURE__ */ u.jsx("div", { ref: te, className: se, style: oe, ...O, ...ae, children: /* @__PURE__ */ u.jsx("div", { className: C.track, style: b ? { height: `${b}px` } : void 0, "aria-hidden": "true", children: /* @__PURE__ */ u.jsx("div", { className: C.bar, style: ie }) }) });
+}), Wr = "_track_ddhgy_1", zr = "_linear_ddhgy_11", Yr = "_vertical_ddhgy_18", Lr = "_circular_ddhgy_25", Vr = "_noBg_ddhgy_29", Ur = "_brand_ddhgy_33", Br = "_success_ddhgy_37", Jr = "_warning_ddhgy_41", Kr = "_danger_ddhgy_45", Gr = "_neutral_ddhgy_49", Xr = "_info_ddhgy_53", Q = {
+  track: Wr,
+  linear: zr,
+  vertical: Yr,
+  circular: Lr,
+  noBg: Vr,
+  brand: Ur,
+  success: Br,
+  warning: Jr,
+  danger: Kr,
+  neutral: Gr,
+  info: Xr
+};
+function ka({
+  className: i,
+  style: a,
+  thickness: c = 8,
+  radius: v,
+  variant: m = "linear",
+  tone: p = "brand",
+  showBg: s = !0,
+  children: d
+}) {
+  const f = {
+    ...a,
+    "--pb-track-thickness": `${c}px`,
+    "--pb-track-radius": v ? `${v}px` : void 0
+  };
+  return /* @__PURE__ */ u.jsx(
+    "div",
+    {
+      className: `${Q.track} ${Q[m]} ${Q[p]} ${s ? "" : Q.noBg} ${i || ""}`,
+      style: f,
+      children: d
+    }
+  );
+}
+const Hr = "_label_3ne5f_1", Zr = "_text_3ne5f_10", Qr = "_value_3ne5f_14", en = "_srOnly_3ne5f_19", ee = {
+  label: Hr,
+  text: Zr,
+  value: Qr,
+  srOnly: en
+};
+function Pa({
+  label: i,
+  value: a,
+  format: c = (s) => `${Math.round(s)}%`,
+  showValue: v = !0,
+  srOnly: m = !1,
+  id: p
+}) {
+  const s = a !== void 0 && v ? c(a) : null;
+  return m ? /* @__PURE__ */ u.jsxs("span", { id: p, className: ee.srOnly, children: [
+    i,
+    " ",
+    s
+  ] }) : /* @__PURE__ */ u.jsxs("div", { id: p, className: ee.label, children: [
+    i && /* @__PURE__ */ u.jsx("span", { className: ee.text, children: i }),
+    s && /* @__PURE__ */ u.jsx("span", { className: ee.value, children: s })
+  ] });
+}
+const rn = "_spinner_fdu71_1", nn = "_circle_fdu71_14", an = "_spin_fdu71_1", tn = "_brand_fdu71_37", sn = "_success_fdu71_41", on = "_warning_fdu71_45", cn = "_danger_fdu71_49", ln = "_neutral_fdu71_53", un = "_info_fdu71_57", me = {
+  spinner: rn,
+  circle: nn,
+  spin: an,
+  brand: tn,
+  success: sn,
+  warning: on,
+  danger: cn,
+  neutral: ln,
+  info: un
+};
+function Oa({
+  size: i = 24,
+  thickness: a = 3,
+  tone: c = "brand",
+  label: v = "Loading"
+}) {
+  const m = {
+    "--spinner-size": `${i}px`,
+    "--spinner-thickness": `${a}px`
+  };
+  return /* @__PURE__ */ u.jsx(
+    "div",
+    {
+      className: `${me.spinner} ${me[c]}`,
+      style: m,
+      role: "status",
+      "aria-label": v,
+      "aria-busy": "true",
+      children: /* @__PURE__ */ u.jsx("div", { className: me.circle })
+    }
+  );
+}
+const _n = "_container_cz85r_1", fn = "_circular_cz85r_8", dn = "_track_cz85r_18", vn = "_progress_cz85r_23", gn = "_indeterminate_cz85r_32", pn = "_labelOverlay_cz85r_63", mn = "_brand_cz85r_70", bn = "_success_cz85r_74", hn = "_warning_cz85r_78", yn = "_danger_cz85r_82", $n = "_neutral_cz85r_86", wn = "_info_cz85r_90", I = {
+  container: _n,
+  circular: fn,
+  track: dn,
+  progress: vn,
+  indeterminate: gn,
+  "circular-rotate": "_circular-rotate_cz85r_1",
+  labelOverlay: pn,
+  brand: mn,
+  success: bn,
+  warning: hn,
+  danger: yn,
+  neutral: $n,
+  info: wn
+};
+function Ta({
+  value: i,
+  size: a = 56,
+  thickness: c = 6,
+  tone: v = "brand",
+  label: m,
+  showLabel: p = !1,
+  formatValue: s = (d) => `${Math.round(d)}%`
+}) {
+  const d = i === void 0, f = (a - c) / 2, b = 2 * Math.PI * f, h = d ? 0 : Math.min(100, Math.max(0, i)), E = b - h / 100 * b, k = {
+    "--circular-size": `${a}px`,
+    "--circular-thickness": `${c}px`,
+    "--circular-circumference": `${b}px`,
+    "--circular-offset": `${E}px`
+  }, N = d ? { role: "status", "aria-busy": "true" } : {
+    role: "progressbar",
+    "aria-valuenow": h,
+    "aria-valuemin": 0,
+    "aria-valuemax": 100
+  };
+  return /* @__PURE__ */ u.jsxs("div", { className: I.container, children: [
+    /* @__PURE__ */ u.jsxs(
+      "svg",
+      {
+        className: `${I.circular} ${I[v]} ${d ? I.indeterminate : ""}`,
+        width: a,
+        height: a,
+        viewBox: `0 0 ${a} ${a}`,
+        style: k,
+        "aria-label": m,
+        ...N,
+        children: [
+          /* @__PURE__ */ u.jsx(
+            "circle",
+            {
+              className: I.track,
+              cx: a / 2,
+              cy: a / 2,
+              r: f,
+              strokeWidth: c,
+              fill: "none"
+            }
+          ),
+          /* @__PURE__ */ u.jsx(
+            "circle",
+            {
+              className: I.progress,
+              cx: a / 2,
+              cy: a / 2,
+              r: f,
+              strokeWidth: c,
+              fill: "none"
+            }
+          )
+        ]
+      }
+    ),
+    p && !d && /* @__PURE__ */ u.jsx("div", { className: I.labelOverlay, children: s(h) })
+  ] });
+}
+const xn = "_vertical_1kj4o_1", En = "_fill_1kj4o_16", Rn = "_indeterminate_1kj4o_27", jn = "_brand_1kj4o_58", kn = "_success_1kj4o_62", Pn = "_warning_1kj4o_66", On = "_danger_1kj4o_70", Tn = "_neutral_1kj4o_74", Sn = "_info_1kj4o_78", re = {
+  vertical: xn,
+  fill: En,
+  indeterminate: Rn,
+  "vertical-indeterminate": "_vertical-indeterminate_1kj4o_1",
+  brand: jn,
+  success: kn,
+  warning: Pn,
+  danger: On,
+  neutral: Tn,
+  info: Sn
+};
+function Sa({
+  value: i,
+  height: a = 200,
+  width: c = 8,
+  tone: v = "brand",
+  label: m
+}) {
+  const p = i === void 0, s = p ? 0 : Math.min(100, Math.max(0, i)), d = {
+    "--vertical-height": typeof a == "number" ? `${a}px` : a,
+    "--vertical-width": `${c}px`,
+    "--vertical-progress": `${s}%`
+  }, f = p ? { role: "status", "aria-busy": "true" } : {
+    role: "progressbar",
+    "aria-valuenow": s,
+    "aria-valuemin": 0,
+    "aria-valuemax": 100
+  };
+  return /* @__PURE__ */ u.jsx(
+    "div",
+    {
+      className: `${re.vertical} ${re[v]} ${p ? re.indeterminate : ""}`,
+      style: d,
+      "aria-label": m,
+      ...f,
+      children: /* @__PURE__ */ u.jsx("div", { className: re.fill })
+    }
+  );
+}
+const Cn = "_segmented_31o4i_1", Nn = "_rounded_31o4i_13", Dn = "_segment_31o4i_1", Fn = "_brand_31o4i_38", An = "_success_31o4i_42", In = "_warning_31o4i_46", Mn = "_danger_31o4i_50", qn = "_neutral_31o4i_54", Wn = "_info_31o4i_58", ne = {
+  segmented: Cn,
+  rounded: Nn,
+  segment: Dn,
+  brand: Fn,
+  success: An,
+  warning: In,
+  danger: Mn,
+  neutral: qn,
+  info: Wn
+};
+function Ca({
+  segments: i,
+  max: a = 100,
+  height: c = 10,
+  gap: v = 2,
+  rounded: m = !0,
+  label: p
+}) {
+  const s = i.reduce((b, h) => b + h.value, 0), d = i.map((b) => ({
+    ...b,
+    percentage: b.value / a * 100
+  })), f = {
+    "--segmented-height": `${c}px`,
+    "--segmented-gap": `${v}px`
+  };
+  return /* @__PURE__ */ u.jsx(
+    "div",
+    {
+      className: `${ne.segmented} ${m ? ne.rounded : ""}`,
+      style: f,
+      role: "progressbar",
+      "aria-label": p,
+      "aria-valuenow": s,
+      "aria-valuemin": 0,
+      "aria-valuemax": a,
+      children: d.map((b, h) => /* @__PURE__ */ u.jsx(
+        "div",
+        {
+          className: `${ne.segment} ${ne[b.tone || "brand"]}`,
+          style: { width: `${b.percentage}%` },
+          title: b.label
+        },
+        h
+      ))
+    }
+  );
+}
+const zn = "_stepProgress_huai5_1", Yn = "_step_huai5_1", Ln = "_indicator_huai5_16", Vn = "_dots_huai5_21", Un = "_dot_huai5_21", Bn = "_bars_huai5_30", Jn = "_bar_huai5_30", Kn = "_completed_huai5_38", Gn = "_current_huai5_47", Xn = "_label_huai5_59", Hn = "_connector_huai5_76", Zn = "_brand_huai5_94", Qn = "_success_huai5_98", ea = "_warning_huai5_102", ra = "_danger_huai5_106", na = "_neutral_huai5_110", aa = "_info_huai5_114", T = {
+  stepProgress: zn,
+  step: Yn,
+  indicator: Ln,
+  dots: Vn,
+  dot: Un,
+  bars: Bn,
+  bar: Jn,
+  completed: Kn,
+  current: Gn,
+  label: Xn,
+  connector: Hn,
+  brand: Zn,
+  success: Qn,
+  warning: ea,
+  danger: ra,
+  neutral: na,
+  info: aa
+};
+function Na({
+  steps: i,
+  currentStep: a,
+  variant: c = "dots",
+  label: v
+}) {
+  var m;
+  return /* @__PURE__ */ u.jsx(
+    "div",
+    {
+      className: `${T.stepProgress} ${T[c]}`,
+      role: "progressbar",
+      "aria-label": v,
+      "aria-valuenow": a + 1,
+      "aria-valuemin": 1,
+      "aria-valuemax": i.length,
+      "aria-valuetext": `Step ${a + 1} of ${i.length}: ${((m = i[a]) == null ? void 0 : m.label) || ""}`,
+      children: i.map((p, s) => {
+        const d = s < a ? "completed" : s === a ? "current" : "upcoming", f = p.tone || "brand";
+        return /* @__PURE__ */ u.jsxs("div", { className: `${T.step} ${T[d]}`, children: [
+          /* @__PURE__ */ u.jsxs("div", { className: `${T.indicator} ${T[f]}`, children: [
+            c === "dots" && /* @__PURE__ */ u.jsx("div", { className: T.dot }),
+            c === "bars" && /* @__PURE__ */ u.jsx("div", { className: T.bar })
+          ] }),
+          /* @__PURE__ */ u.jsx("div", { className: T.label, children: p.label }),
+          s < i.length - 1 && /* @__PURE__ */ u.jsx("div", { className: T.connector })
+        ] }, s);
+      })
+    }
+  );
+}
+const ta = "_legend_14gfu_1", sa = "_row_14gfu_6", ia = "_column_14gfu_11", oa = "_item_14gfu_15", ca = "_swatch_14gfu_21", la = "_label_14gfu_28", ua = "_value_14gfu_33", _a = "_brand_14gfu_40", fa = "_success_14gfu_44", da = "_warning_14gfu_48", va = "_danger_14gfu_52", ga = "_neutral_14gfu_56", pa = "_info_14gfu_60", M = {
+  legend: ta,
+  row: sa,
+  column: ia,
+  item: oa,
+  swatch: ca,
+  label: la,
+  value: ua,
+  brand: _a,
+  success: fa,
+  warning: da,
+  danger: va,
+  neutral: ga,
+  info: pa
+};
+function Da({ items: i, layout: a = "row" }) {
+  return /* @__PURE__ */ u.jsx("div", { className: `${M.legend} ${M[a]}`, children: i.map((c, v) => /* @__PURE__ */ u.jsxs("div", { className: M.item, children: [
+    /* @__PURE__ */ u.jsx("div", { className: `${M.swatch} ${M[c.tone || "brand"]}` }),
+    /* @__PURE__ */ u.jsx("span", { className: M.label, children: c.label }),
+    c.value !== void 0 && /* @__PURE__ */ u.jsxs("span", { className: M.value, children: [
+      c.value,
+      "%"
+    ] })
+  ] }, v)) });
+}
+const ma = "_stack_wk9ii_1", ba = "_item_wk9ii_12", ha = "_brand_wk9ii_33", ya = "_success_wk9ii_37", $a = "_warning_wk9ii_41", wa = "_danger_wk9ii_45", xa = "_neutral_wk9ii_49", Ea = "_info_wk9ii_53", be = {
+  stack: ma,
+  item: ba,
+  brand: ha,
+  success: ya,
+  warning: $a,
+  danger: wa,
+  neutral: xa,
+  info: Ea
+};
+function Fa({ items: i, height: a = 12, label: c }) {
+  const v = i.reduce((s, d) => s + d.value, 0), m = i.map((s) => ({
+    ...s,
+    percentage: s.value / 100 * 100
+  })), p = {
+    "--stack-height": `${a}px`
+  };
+  return /* @__PURE__ */ u.jsx(
+    "div",
+    {
+      className: be.stack,
+      style: p,
+      role: "progressbar",
+      "aria-label": c,
+      "aria-valuenow": v,
+      "aria-valuemin": 0,
+      "aria-valuemax": 100,
+      children: m.map((s, d) => /* @__PURE__ */ u.jsx(
+        "div",
+        {
+          className: `${be.item} ${be[s.tone || "brand"]}`,
+          style: { width: `${s.percentage}%` },
+          title: s.label
+        },
+        d
+      ))
+    }
+  );
+}
+export {
+  Ta as CircularProgress,
+  ja as LinearProgress,
+  Pa as ProgressLabel,
+  Da as ProgressLegend,
+  Fa as ProgressStack,
+  ka as ProgressTrack,
+  Ca as SegmentedProgress,
+  Oa as Spinner,
+  Na as StepProgress,
+  Sa as VerticalProgress
+};