stp-ui-kit 0.0.1

package/dist/stp-ui-kit.es.js

@@ -0,0 +1,961 @@
+import De, { useState as le, useEffect as Ie, forwardRef as ve, createElement as pe, createContext as Pe, useContext as Re } from "react";
+var ze = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function ke(t) {
+  return t && t.__esModule && Object.prototype.hasOwnProperty.call(t, "default") ? t.default : t;
+}
+var ge = { exports: {} }, ee = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var $e;
+function Le() {
+  if ($e) return ee;
+  $e = 1;
+  var t = Symbol.for("react.transitional.element"), i = Symbol.for("react.fragment");
+  function s(d, u, l) {
+    var p = null;
+    if (l !== void 0 && (p = "" + l), u.key !== void 0 && (p = "" + u.key), "key" in u) {
+      l = {};
+      for (var g in u)
+        g !== "key" && (l[g] = u[g]);
+    } else l = u;
+    return u = l.ref, {
+      $$typeof: t,
+      type: d,
+      key: p,
+      ref: u !== void 0 ? u : null,
+      props: l
+    };
+  }
+  return ee.Fragment = i, ee.jsx = s, ee.jsxs = s, ee;
+}
+var te = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var be;
+function qe() {
+  return be || (be = 1, process.env.NODE_ENV !== "production" && function() {
+    function t(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === C ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case F:
+          return "Fragment";
+        case U:
+          return "Profiler";
+        case P:
+          return "StrictMode";
+        case W:
+          return "Suspense";
+        case q:
+          return "SuspenseList";
+        case J:
+          return "Activity";
+      }
+      if (typeof e == "object")
+        switch (typeof e.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), e.$$typeof) {
+          case D:
+            return "Portal";
+          case Q:
+            return (e.displayName || "Context") + ".Provider";
+          case ue:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case _e:
+            var c = e.render;
+            return e = e.displayName, e || (e = c.displayName || c.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case se:
+            return c = e.displayName || null, c !== null ? c : t(e.type) || "Memo";
+          case V:
+            c = e._payload, e = e._init;
+            try {
+              return t(e(c));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function i(e) {
+      return "" + e;
+    }
+    function s(e) {
+      try {
+        i(e);
+        var c = !1;
+      } catch {
+        c = !0;
+      }
+      if (c) {
+        c = console;
+        var h = c.error, y = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return h.call(
+          c,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          y
+        ), i(e);
+      }
+    }
+    function d(e) {
+      if (e === F) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === V)
+        return "<...>";
+      try {
+        var c = t(e);
+        return c ? "<" + c + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function u() {
+      var e = w.A;
+      return e === null ? null : e.getOwner();
+    }
+    function l() {
+      return Error("react-stack-top-frame");
+    }
+    function p(e) {
+      if (B.call(e, "key")) {
+        var c = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (c && c.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function g(e, c) {
+      function h() {
+        o || (o = !0, console.error(
+          "%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://react.dev/link/special-props)",
+          c
+        ));
+      }
+      h.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: h,
+        configurable: !0
+      });
+    }
+    function b() {
+      var e = t(this.type);
+      return n[e] || (n[e] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), e = this.props.ref, e !== void 0 ? e : null;
+    }
+    function v(e, c, h, y, x, $, R, I) {
+      return h = $.ref, e = {
+        $$typeof: S,
+        type: e,
+        key: c,
+        props: $,
+        _owner: x
+      }, (h !== void 0 ? h : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: b
+      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(e, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(e, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: R
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: I
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function N(e, c, h, y, x, $, R, I) {
+      var j = c.children;
+      if (j !== void 0)
+        if (y)
+          if (ae(j)) {
+            for (y = 0; y < j.length; y++)
+              k(j[y]);
+            Object.freeze && Object.freeze(j);
+          } else
+            console.error(
+              "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 k(j);
+      if (B.call(c, "key")) {
+        j = t(e);
+        var E = Object.keys(c).filter(function(z) {
+          return z !== "key";
+        });
+        y = 0 < E.length ? "{key: someKey, " + E.join(": ..., ") + ": ...}" : "{key: someKey}", m[j + y] || (E = 0 < E.length ? "{" + E.join(": ..., ") + ": ...}" : "{}", console.error(
+          `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} />`,
+          y,
+          j,
+          E,
+          j
+        ), m[j + y] = !0);
+      }
+      if (j = null, h !== void 0 && (s(h), j = "" + h), p(c) && (s(c.key), j = "" + c.key), "key" in c) {
+        h = {};
+        for (var O in c)
+          O !== "key" && (h[O] = c[O]);
+      } else h = c;
+      return j && g(
+        h,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), v(
+        e,
+        j,
+        $,
+        x,
+        u(),
+        h,
+        R,
+        I
+      );
+    }
+    function k(e) {
+      typeof e == "object" && e !== null && e.$$typeof === S && e._store && (e._store.validated = 1);
+    }
+    var A = De, S = Symbol.for("react.transitional.element"), D = Symbol.for("react.portal"), F = Symbol.for("react.fragment"), P = Symbol.for("react.strict_mode"), U = Symbol.for("react.profiler"), ue = Symbol.for("react.consumer"), Q = Symbol.for("react.context"), _e = Symbol.for("react.forward_ref"), W = Symbol.for("react.suspense"), q = Symbol.for("react.suspense_list"), se = Symbol.for("react.memo"), V = Symbol.for("react.lazy"), J = Symbol.for("react.activity"), C = Symbol.for("react.client.reference"), w = A.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, B = Object.prototype.hasOwnProperty, ae = Array.isArray, f = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    A = {
+      "react-stack-bottom-frame": function(e) {
+        return e();
+      }
+    };
+    var o, n = {}, _ = A["react-stack-bottom-frame"].bind(
+      A,
+      l
+    )(), a = f(d(l)), m = {};
+    te.Fragment = F, te.jsx = function(e, c, h, y, x) {
+      var $ = 1e4 > w.recentlyCreatedOwnerStacks++;
+      return N(
+        e,
+        c,
+        h,
+        !1,
+        y,
+        x,
+        $ ? Error("react-stack-top-frame") : _,
+        $ ? f(d(e)) : a
+      );
+    }, te.jsxs = function(e, c, h, y, x) {
+      var $ = 1e4 > w.recentlyCreatedOwnerStacks++;
+      return N(
+        e,
+        c,
+        h,
+        !0,
+        y,
+        x,
+        $ ? Error("react-stack-top-frame") : _,
+        $ ? f(d(e)) : a
+      );
+    };
+  }()), te;
+}
+process.env.NODE_ENV === "production" ? ge.exports = Le() : ge.exports = qe();
+var r = ge.exports, Ne = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(t) {
+  (function() {
+    var i = {}.hasOwnProperty;
+    function s() {
+      for (var l = "", p = 0; p < arguments.length; p++) {
+        var g = arguments[p];
+        g && (l = u(l, d(g)));
+      }
+      return l;
+    }
+    function d(l) {
+      if (typeof l == "string" || typeof l == "number")
+        return l;
+      if (typeof l != "object")
+        return "";
+      if (Array.isArray(l))
+        return s.apply(null, l);
+      if (l.toString !== Object.prototype.toString && !l.toString.toString().includes("[native code]"))
+        return l.toString();
+      var p = "";
+      for (var g in l)
+        i.call(l, g) && l[g] && (p = u(p, g));
+      return p;
+    }
+    function u(l, p) {
+      return p ? l ? l + " " + p : l + p : l;
+    }
+    t.exports ? (s.default = s, t.exports = s) : window.classNames = s;
+  })();
+})(Ne);
+var Ye = Ne.exports;
+const M = /* @__PURE__ */ ke(Ye), Fe = "_typography_18a99_29", je = {
+  "shadow-0": "_shadow-0_18a99_1",
+  "shadow-100": "_shadow-100_18a99_5",
+  "shadow-200": "_shadow-200_18a99_9",
+  "shadow-300": "_shadow-300_18a99_13",
+  "shadow-400": "_shadow-400_18a99_17",
+  "shadow-500": "_shadow-500_18a99_21",
+  "shadow-600": "_shadow-600_18a99_25",
+  typography: Fe,
+  "heading-xl": "_heading-xl_18a99_34",
+  "heading-lg": "_heading-lg_18a99_43",
+  "heading-md": "_heading-md_18a99_52",
+  "heading-sm": "_heading-sm_18a99_61",
+  "heading-xs": "_heading-xs_18a99_70",
+  "body-lg": "_body-lg_18a99_79",
+  "body-md": "_body-md_18a99_88",
+  "body-sm": "_body-sm_18a99_97"
+}, T = ({ variant: t = "body-md", className: i = "", children: s }) => {
+  const d = je[t] || "";
+  return r.jsx("div", { className: M(je.typography, d, i), children: s });
+}, He = "_container_cgftc_29", We = "_content_cgftc_40", Be = "_title_cgftc_57", Ue = "_timer_cgftc_68", Ve = "_timerCell_cgftc_80", Je = "_timerCount_cgftc_87", Ze = "_pattern_cgftc_102", Ge = "_button_cgftc_129", H = {
+  container: He,
+  content: We,
+  title: Be,
+  timer: Ue,
+  timerCell: Ve,
+  timerCount: Je,
+  pattern: Ze,
+  button: Ge
+};
+var Oe = { exports: {} };
+(function(t, i) {
+  (function(s, d) {
+    t.exports = d();
+  })(ze, function() {
+    var s = 1e3, d = 6e4, u = 36e5, l = "millisecond", p = "second", g = "minute", b = "hour", v = "day", N = "week", k = "month", A = "quarter", S = "year", D = "date", F = "Invalid Date", P = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, U = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, ue = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(f) {
+      var o = ["th", "st", "nd", "rd"], n = f % 100;
+      return "[" + f + (o[(n - 20) % 10] || o[n] || o[0]) + "]";
+    } }, Q = function(f, o, n) {
+      var _ = String(f);
+      return !_ || _.length >= o ? f : "" + Array(o + 1 - _.length).join(n) + f;
+    }, _e = { s: Q, z: function(f) {
+      var o = -f.utcOffset(), n = Math.abs(o), _ = Math.floor(n / 60), a = n % 60;
+      return (o <= 0 ? "+" : "-") + Q(_, 2, "0") + ":" + Q(a, 2, "0");
+    }, m: function f(o, n) {
+      if (o.date() < n.date()) return -f(n, o);
+      var _ = 12 * (n.year() - o.year()) + (n.month() - o.month()), a = o.clone().add(_, k), m = n - a < 0, e = o.clone().add(_ + (m ? -1 : 1), k);
+      return +(-(_ + (n - a) / (m ? a - e : e - a)) || 0);
+    }, a: function(f) {
+      return f < 0 ? Math.ceil(f) || 0 : Math.floor(f);
+    }, p: function(f) {
+      return { M: k, y: S, w: N, d: v, D, h: b, m: g, s: p, ms: l, Q: A }[f] || String(f || "").toLowerCase().replace(/s$/, "");
+    }, u: function(f) {
+      return f === void 0;
+    } }, W = "en", q = {};
+    q[W] = ue;
+    var se = "$isDayjsObject", V = function(f) {
+      return f instanceof B || !(!f || !f[se]);
+    }, J = function f(o, n, _) {
+      var a;
+      if (!o) return W;
+      if (typeof o == "string") {
+        var m = o.toLowerCase();
+        q[m] && (a = m), n && (q[m] = n, a = m);
+        var e = o.split("-");
+        if (!a && e.length > 1) return f(e[0]);
+      } else {
+        var c = o.name;
+        q[c] = o, a = c;
+      }
+      return !_ && a && (W = a), a || !_ && W;
+    }, C = function(f, o) {
+      if (V(f)) return f.clone();
+      var n = typeof o == "object" ? o : {};
+      return n.date = f, n.args = arguments, new B(n);
+    }, w = _e;
+    w.l = J, w.i = V, w.w = function(f, o) {
+      return C(f, { locale: o.$L, utc: o.$u, x: o.$x, $offset: o.$offset });
+    };
+    var B = function() {
+      function f(n) {
+        this.$L = J(n.locale, null, !0), this.parse(n), this.$x = this.$x || n.x || {}, this[se] = !0;
+      }
+      var o = f.prototype;
+      return o.parse = function(n) {
+        this.$d = function(_) {
+          var a = _.date, m = _.utc;
+          if (a === null) return /* @__PURE__ */ new Date(NaN);
+          if (w.u(a)) return /* @__PURE__ */ new Date();
+          if (a instanceof Date) return new Date(a);
+          if (typeof a == "string" && !/Z$/i.test(a)) {
+            var e = a.match(P);
+            if (e) {
+              var c = e[2] - 1 || 0, h = (e[7] || "0").substring(0, 3);
+              return m ? new Date(Date.UTC(e[1], c, e[3] || 1, e[4] || 0, e[5] || 0, e[6] || 0, h)) : new Date(e[1], c, e[3] || 1, e[4] || 0, e[5] || 0, e[6] || 0, h);
+            }
+          }
+          return new Date(a);
+        }(n), this.init();
+      }, o.init = function() {
+        var n = this.$d;
+        this.$y = n.getFullYear(), this.$M = n.getMonth(), this.$D = n.getDate(), this.$W = n.getDay(), this.$H = n.getHours(), this.$m = n.getMinutes(), this.$s = n.getSeconds(), this.$ms = n.getMilliseconds();
+      }, o.$utils = function() {
+        return w;
+      }, o.isValid = function() {
+        return this.$d.toString() !== F;
+      }, o.isSame = function(n, _) {
+        var a = C(n);
+        return this.startOf(_) <= a && a <= this.endOf(_);
+      }, o.isAfter = function(n, _) {
+        return C(n) < this.startOf(_);
+      }, o.isBefore = function(n, _) {
+        return this.endOf(_) < C(n);
+      }, o.$g = function(n, _, a) {
+        return w.u(n) ? this[_] : this.set(a, n);
+      }, o.unix = function() {
+        return Math.floor(this.valueOf() / 1e3);
+      }, o.valueOf = function() {
+        return this.$d.getTime();
+      }, o.startOf = function(n, _) {
+        var a = this, m = !!w.u(_) || _, e = w.p(n), c = function(E, O) {
+          var z = w.w(a.$u ? Date.UTC(a.$y, O, E) : new Date(a.$y, O, E), a);
+          return m ? z : z.endOf(v);
+        }, h = function(E, O) {
+          return w.w(a.toDate()[E].apply(a.toDate("s"), (m ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(O)), a);
+        }, y = this.$W, x = this.$M, $ = this.$D, R = "set" + (this.$u ? "UTC" : "");
+        switch (e) {
+          case S:
+            return m ? c(1, 0) : c(31, 11);
+          case k:
+            return m ? c(1, x) : c(0, x + 1);
+          case N:
+            var I = this.$locale().weekStart || 0, j = (y < I ? y + 7 : y) - I;
+            return c(m ? $ - j : $ + (6 - j), x);
+          case v:
+          case D:
+            return h(R + "Hours", 0);
+          case b:
+            return h(R + "Minutes", 1);
+          case g:
+            return h(R + "Seconds", 2);
+          case p:
+            return h(R + "Milliseconds", 3);
+          default:
+            return this.clone();
+        }
+      }, o.endOf = function(n) {
+        return this.startOf(n, !1);
+      }, o.$set = function(n, _) {
+        var a, m = w.p(n), e = "set" + (this.$u ? "UTC" : ""), c = (a = {}, a[v] = e + "Date", a[D] = e + "Date", a[k] = e + "Month", a[S] = e + "FullYear", a[b] = e + "Hours", a[g] = e + "Minutes", a[p] = e + "Seconds", a[l] = e + "Milliseconds", a)[m], h = m === v ? this.$D + (_ - this.$W) : _;
+        if (m === k || m === S) {
+          var y = this.clone().set(D, 1);
+          y.$d[c](h), y.init(), this.$d = y.set(D, Math.min(this.$D, y.daysInMonth())).$d;
+        } else c && this.$d[c](h);
+        return this.init(), this;
+      }, o.set = function(n, _) {
+        return this.clone().$set(n, _);
+      }, o.get = function(n) {
+        return this[w.p(n)]();
+      }, o.add = function(n, _) {
+        var a, m = this;
+        n = Number(n);
+        var e = w.p(_), c = function(x) {
+          var $ = C(m);
+          return w.w($.date($.date() + Math.round(x * n)), m);
+        };
+        if (e === k) return this.set(k, this.$M + n);
+        if (e === S) return this.set(S, this.$y + n);
+        if (e === v) return c(1);
+        if (e === N) return c(7);
+        var h = (a = {}, a[g] = d, a[b] = u, a[p] = s, a)[e] || 1, y = this.$d.getTime() + n * h;
+        return w.w(y, this);
+      }, o.subtract = function(n, _) {
+        return this.add(-1 * n, _);
+      }, o.format = function(n) {
+        var _ = this, a = this.$locale();
+        if (!this.isValid()) return a.invalidDate || F;
+        var m = n || "YYYY-MM-DDTHH:mm:ssZ", e = w.z(this), c = this.$H, h = this.$m, y = this.$M, x = a.weekdays, $ = a.months, R = a.meridiem, I = function(O, z, K, oe) {
+          return O && (O[z] || O(_, m)) || K[z].slice(0, oe);
+        }, j = function(O) {
+          return w.s(c % 12 || 12, O, "0");
+        }, E = R || function(O, z, K) {
+          var oe = O < 12 ? "AM" : "PM";
+          return K ? oe.toLowerCase() : oe;
+        };
+        return m.replace(U, function(O, z) {
+          return z || function(K) {
+            switch (K) {
+              case "YY":
+                return String(_.$y).slice(-2);
+              case "YYYY":
+                return w.s(_.$y, 4, "0");
+              case "M":
+                return y + 1;
+              case "MM":
+                return w.s(y + 1, 2, "0");
+              case "MMM":
+                return I(a.monthsShort, y, $, 3);
+              case "MMMM":
+                return I($, y);
+              case "D":
+                return _.$D;
+              case "DD":
+                return w.s(_.$D, 2, "0");
+              case "d":
+                return String(_.$W);
+              case "dd":
+                return I(a.weekdaysMin, _.$W, x, 2);
+              case "ddd":
+                return I(a.weekdaysShort, _.$W, x, 3);
+              case "dddd":
+                return x[_.$W];
+              case "H":
+                return String(c);
+              case "HH":
+                return w.s(c, 2, "0");
+              case "h":
+                return j(1);
+              case "hh":
+                return j(2);
+              case "a":
+                return E(c, h, !0);
+              case "A":
+                return E(c, h, !1);
+              case "m":
+                return String(h);
+              case "mm":
+                return w.s(h, 2, "0");
+              case "s":
+                return String(_.$s);
+              case "ss":
+                return w.s(_.$s, 2, "0");
+              case "SSS":
+                return w.s(_.$ms, 3, "0");
+              case "Z":
+                return e;
+            }
+            return null;
+          }(O) || e.replace(":", "");
+        });
+      }, o.utcOffset = function() {
+        return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
+      }, o.diff = function(n, _, a) {
+        var m, e = this, c = w.p(_), h = C(n), y = (h.utcOffset() - this.utcOffset()) * d, x = this - h, $ = function() {
+          return w.m(e, h);
+        };
+        switch (c) {
+          case S:
+            m = $() / 12;
+            break;
+          case k:
+            m = $();
+            break;
+          case A:
+            m = $() / 3;
+            break;
+          case N:
+            m = (x - y) / 6048e5;
+            break;
+          case v:
+            m = (x - y) / 864e5;
+            break;
+          case b:
+            m = x / u;
+            break;
+          case g:
+            m = x / d;
+            break;
+          case p:
+            m = x / s;
+            break;
+          default:
+            m = x;
+        }
+        return a ? m : w.a(m);
+      }, o.daysInMonth = function() {
+        return this.endOf(k).$D;
+      }, o.$locale = function() {
+        return q[this.$L];
+      }, o.locale = function(n, _) {
+        if (!n) return this.$L;
+        var a = this.clone(), m = J(n, _, !0);
+        return m && (a.$L = m), a;
+      }, o.clone = function() {
+        return w.w(this.$d, this);
+      }, o.toDate = function() {
+        return new Date(this.valueOf());
+      }, o.toJSON = function() {
+        return this.isValid() ? this.toISOString() : null;
+      }, o.toISOString = function() {
+        return this.$d.toISOString();
+      }, o.toString = function() {
+        return this.$d.toUTCString();
+      }, f;
+    }(), ae = B.prototype;
+    return C.prototype = ae, [["$ms", l], ["$s", p], ["$m", g], ["$H", b], ["$W", v], ["$M", k], ["$y", S], ["$D", D]].forEach(function(f) {
+      ae[f[1]] = function(o) {
+        return this.$g(o, f[0], f[1]);
+      };
+    }), C.extend = function(f, o) {
+      return f.$i || (f(o, B, C), f.$i = !0), C;
+    }, C.locale = J, C.isDayjs = V, C.unix = function(f) {
+      return C(1e3 * f);
+    }, C.en = q[W], C.Ls = q, C.p = {}, C;
+  });
+})(Oe);
+var Xe = Oe.exports;
+const Qe = /* @__PURE__ */ ke(Xe), Ke = (t) => {
+  const i = Qe(t), s = i.date(), d = s === 1 || s === 21 || s === 31 ? "st" : s === 2 || s === 22 ? "nd" : s === 3 || s === 23 ? "rd" : "th";
+  return `${i.format("MMMM D, HH:mm").replace(s.toString(), `${s}${d}`)} (UTC +5)`;
+}, Sn = ({ color: t, title: i, bgPattern: s, deadline: d, bgPatternFinished: u, buttonColor: l, onClick: p }) => {
+  const [g, b] = le(!1), [v, N] = le({
+    days: 0,
+    hours: 0,
+    minutes: 0,
+    seconds: 0
+  });
+  Ie(() => {
+    const A = new Date(d), S = (P) => ({
+      days: Math.floor(P / (1e3 * 60 * 60 * 24)),
+      hours: Math.floor(P / (1e3 * 60 * 60) % 24),
+      minutes: Math.floor(P / (1e3 * 60) % 60),
+      seconds: Math.floor(P / 1e3 % 60)
+    }), D = () => {
+      const P = Date.now(), U = A.getTime() - P;
+      U <= 0 ? (b(!0), N({ days: 0, hours: 0, minutes: 0, seconds: 0 })) : N(S(U));
+    };
+    D();
+    const F = setInterval(D, 1e3);
+    return () => clearInterval(F);
+  }, [d]);
+  const k = (A, S) => r.jsxs("div", { className: H.timerCell, children: [r.jsx(T, { variant: "heading-lg", className: H.timerCount, children: A }), S] });
+  return r.jsxs("div", { className: H.container, style: { backgroundColor: t }, children: [r.jsxs("div", { className: H.content, children: [r.jsxs("div", { className: H.title, children: [r.jsx(T, { variant: "heading-md", children: i }), r.jsx(T, { variant: "body-md", children: Ke(d) })] }), r.jsxs("div", { className: H.timer, children: [k(v.days, "Days"), k(v.hours, "Hours"), k(v.minutes, "Minutes"), k(v.seconds, "Seconds")] })] }), r.jsx("div", { className: H.pattern, style: {
+    "--pattern-color": t,
+    "--pattern-url": `url(${g ? u ?? s : s})`
+  }, children: g && r.jsx("button", { className: H.button, style: { backgroundColor: l }, onClick: p, children: r.jsx(T, { variant: "heading-md", children: "Start" }) }) })] });
+}, et = "_btn_12gio_29", tt = "_small_12gio_44", nt = "_medium_12gio_47", rt = "_large_12gio_50", st = "_primary_12gio_71", at = "_tertiary_12gio_87", ot = "_plain_12gio_102", ie = {
+  "shadow-0": "_shadow-0_12gio_1",
+  "shadow-100": "_shadow-100_12gio_5",
+  "shadow-200": "_shadow-200_12gio_9",
+  "shadow-300": "_shadow-300_12gio_13",
+  "shadow-400": "_shadow-400_12gio_17",
+  "shadow-500": "_shadow-500_12gio_21",
+  "shadow-600": "_shadow-600_12gio_25",
+  btn: et,
+  small: tt,
+  medium: nt,
+  large: rt,
+  default: "_default_12gio_53",
+  "default-selected": "_default-selected_12gio_64",
+  primary: st,
+  "primary-selected": "_primary-selected_12gio_81",
+  tertiary: at,
+  "tertiary-selected": "_tertiary-selected_12gio_96",
+  plain: ot,
+  "plain-selected": "_plain-selected_12gio_113"
+}, En = ({ state: t = "default", size: i = "medium", selected: s = !1, disabled: d = !1, children: u, onClick: l = () => {
+}, className: p = "", ...g }) => {
+  const b = M(ie.btn, ie[t], ie[i], {
+    [ie[`${t}-selected`]]: s
+  }, p);
+  return r.jsx("button", { className: b, onClick: l, disabled: d, ...g, children: u });
+};
+/**
+ * @license lucide-react v0.511.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const it = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), ct = (t) => t.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (i, s, d) => d ? d.toUpperCase() : s.toLowerCase()
+), Ce = (t) => {
+  const i = ct(t);
+  return i.charAt(0).toUpperCase() + i.slice(1);
+}, Se = (...t) => t.filter((i, s, d) => !!i && i.trim() !== "" && d.indexOf(i) === s).join(" ").trim(), lt = (t) => {
+  for (const i in t)
+    if (i.startsWith("aria-") || i === "role" || i === "title")
+      return !0;
+};
+/**
+ * @license lucide-react v0.511.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+var dt = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+/**
+ * @license lucide-react v0.511.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ut = ve(
+  ({
+    color: t = "currentColor",
+    size: i = 24,
+    strokeWidth: s = 2,
+    absoluteStrokeWidth: d,
+    className: u = "",
+    children: l,
+    iconNode: p,
+    ...g
+  }, b) => pe(
+    "svg",
+    {
+      ref: b,
+      ...dt,
+      width: i,
+      height: i,
+      stroke: t,
+      strokeWidth: d ? Number(s) * 24 / Number(i) : s,
+      className: Se("lucide", u),
+      ...!l && !lt(g) && { "aria-hidden": "true" },
+      ...g
+    },
+    [
+      ...p.map(([v, N]) => pe(v, N)),
+      ...Array.isArray(l) ? l : [l]
+    ]
+  )
+);
+/**
+ * @license lucide-react v0.511.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const re = (t, i) => {
+  const s = ve(
+    ({ className: d, ...u }, l) => pe(ut, {
+      ref: l,
+      iconNode: i,
+      className: Se(
+        `lucide-${it(Ce(t))}`,
+        `lucide-${t}`,
+        d
+      ),
+      ...u
+    })
+  );
+  return s.displayName = Ce(t), s;
+};
+/**
+ * @license lucide-react v0.511.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const _t = [
+  ["path", { d: "M18 6 7 17l-5-5", key: "116fxf" }],
+  ["path", { d: "m22 10-7.5 7.5L13 16", key: "ke71qq" }]
+], ft = re("check-check", _t);
+/**
+ * @license lucide-react v0.511.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ht = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], Ee = re("chevron-down", ht);
+/**
+ * @license lucide-react v0.511.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const mt = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]], Te = re("chevron-up", mt);
+/**
+ * @license lucide-react v0.511.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const pt = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
+  ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
+], gt = re("circle-alert", pt);
+/**
+ * @license lucide-react v0.511.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const vt = [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+], yt = re("x", vt), wt = "_navigationItem_1uz1o_29", xt = "_container_1uz1o_45", $t = "_IconContainer_1uz1o_51", bt = "_ParentLine_1uz1o_57", jt = "_secondaryIcon_1uz1o_69", Ct = "_active_1uz1o_80", kt = "_collapsed_1uz1o_88", Nt = "_label_1uz1o_92", Y = {
+  navigationItem: wt,
+  container: xt,
+  IconContainer: $t,
+  ParentLine: bt,
+  secondaryIcon: jt,
+  active: Ct,
+  collapsed: kt,
+  label: Nt
+}, de = ({ icon: t, label: i, secondaryIcon: s, collapsed: d = !1, active: u = !1, isParentNode: l = !1, onClick: p, className: g }) => r.jsxs("div", { className: M(Y.navigationItem, u && Y.active, g), onClick: p, children: [r.jsxs("div", { className: Y.container, children: [r.jsxs("div", { className: Y.IconContainer, children: [t, l && r.jsx("img", { src: "/assets/icons/ParentLine.svg", alt: "Arrow Indicator", className: Y.ParentLine })] }), r.jsx(T, { variant: "body-md", className: M(d && Y.collapsed, Y.label), children: i })] }), s && r.jsx("div", { className: M(Y.secondaryIcon, d && Y.collapsed), children: s })] }), Ot = "_ArrowContainer_i9cnp_29", St = "_active_i9cnp_44", Et = "_arrowBlock_i9cnp_54", Tt = "_isOpen_i9cnp_58", ne = {
+  ArrowContainer: Ot,
+  active: St,
+  arrowBlock: Et,
+  isOpen: Tt
+}, Tn = ({ activeItemId: t, onChange: i, item: s }) => {
+  var g, b;
+  const d = (g = s.children) == null ? void 0 : g.findIndex((v) => v.id === t), [u, l] = le(d !== -1), p = () => {
+    s.children && l(!u), i(s);
+  };
+  return r.jsxs("div", { children: [r.jsx(de, { icon: s.icon, label: s.name, secondaryIcon: u ? r.jsx(Te, { size: 20 }) : r.jsx(Ee, { size: 20 }), onClick: p, isParentNode: u && d !== -1, active: d !== -1 && !u, className: M(u && d === -1 && ne.isOpen) }), r.jsx("div", { className: ne.childContainer, children: u && ((b = s.children) == null ? void 0 : b.map((v, N) => r.jsxs("div", { className: M(ne.ArrowContainer, t === v.id ? ne.active : ""), onClick: () => i(v), children: [r.jsxs("div", { className: ne.arrowBlock, children: [d === N && r.jsx("img", { src: "/assets/icons/ArrowLine.svg", alt: "Arrow Indicator" }), N < (d ?? -1) && r.jsx("img", { src: "/assets/icons/SideLine.svg", alt: "Side Indicator" })] }), r.jsx(de, { icon: v.icon, label: v.name, active: v.id === t })] }, v.id))) })] });
+}, Mt = "_ArrowContainer_17ds0_29", At = "_iconCheck_17ds0_37", Dt = "_active_17ds0_47", It = "_arrowBlock_17ds0_57", Pt = "_isOpen_17ds0_61", Z = {
+  ArrowContainer: Mt,
+  iconCheck: At,
+  active: Dt,
+  arrowBlock: It,
+  isOpen: Pt
+}, Mn = ({ activeItemId: t, onChange: i, item: s }) => {
+  var g, b;
+  const d = (g = s.children) == null ? void 0 : g.findIndex((v) => v.id === t), [u, l] = le(d !== -1), p = () => {
+    s.children && l(!u), i(s);
+  };
+  return r.jsxs("div", { children: [r.jsx(de, { icon: s.icon, label: s.name, secondaryIcon: u ? r.jsx(Te, { size: 20 }) : r.jsx(Ee, { size: 20 }), onClick: p, isParentNode: u && d !== -1, active: d !== -1 && !u, className: M(u && d === -1 && Z.isOpen) }), r.jsx("div", { className: Z.childContainer, children: u && ((b = s.children) == null ? void 0 : b.map((v, N) => r.jsxs("div", { className: M(Z.ArrowContainer, t === v.id ? Z.active : ""), onClick: () => i(v), children: [r.jsxs("div", { className: Z.arrowBlock, children: [d === N && r.jsx("img", { src: "/assets/icons/ArrowLine.svg", alt: "Arrow Indicator" }), N < (d ?? -1) && r.jsx("img", { src: "/assets/icons/SideLine.svg", alt: "Side Indicator" })] }), r.jsx(de, { icon: v.icon, label: v.name, active: v.id === t, secondaryIcon: v.completed && r.jsx(ft, { size: 20, className: Z.iconCheck }) }, v.id)] }, v.id))) })] });
+}, Rt = "_emptyContainer_tmvlz_29", zt = {
+  emptyContainer: Rt
+}, An = ({ children: t, className: i = "" }) => r.jsx("div", { className: `${zt.emptyContainer} ${i}`, children: t }), Lt = "_formItem_96xeh_29", qt = "_critical_96xeh_36", Yt = "_message_96xeh_40", Ft = "_error_96xeh_46", Ht = "_label_96xeh_50", Wt = "_disabled_96xeh_53", Bt = "_readOnly_96xeh_56", Ut = "_input_96xeh_60", L = {
+  "shadow-0": "_shadow-0_96xeh_1",
+  "shadow-100": "_shadow-100_96xeh_5",
+  "shadow-200": "_shadow-200_96xeh_9",
+  "shadow-300": "_shadow-300_96xeh_13",
+  "shadow-400": "_shadow-400_96xeh_17",
+  "shadow-500": "_shadow-500_96xeh_21",
+  "shadow-600": "_shadow-600_96xeh_25",
+  formItem: Lt,
+  critical: qt,
+  message: Yt,
+  error: Ft,
+  label: Ht,
+  disabled: Wt,
+  readOnly: Bt,
+  input: Ut
+}, Me = Pe({
+  state: "default"
+}), ye = () => Re(Me), we = ({ children: t, error: i, disabled: s, readOnly: d }) => {
+  let u = "default";
+  return i ? u = "error" : s ? u = "disabled" : d && (u = "readOnly"), r.jsx(Me.Provider, { value: { state: u }, children: r.jsx("div", { className: L.formItem, children: t }) });
+}, Vt = ({ children: t }) => {
+  const { state: i } = ye();
+  return r.jsx("label", { className: M(L.label, i === "disabled" && L.disabled, i === "readOnly" && L.readOnly), children: t });
+}, Ae = ve(({ as: t = "input", className: i, ...s }, d) => {
+  const { state: u } = ye();
+  return r.jsx(t, { ref: d, className: M(L.input, L[u], i), disabled: u === "disabled", readOnly: u === "readOnly", ...s });
+});
+Ae.displayName = "FormItem.Input";
+const Jt = ({ children: t }) => {
+  const { state: i } = ye();
+  return t ? r.jsxs("div", { className: M(L.message, i === "error" ? L.error : L.default), children: [i === "error" && r.jsx(gt, { className: L.critical }), t] }) : null;
+};
+we.Label = Vt;
+we.Input = Ae;
+we.Message = Jt;
+const Zt = "_btn_z8qng_29", Gt = "_small_z8qng_42", Xt = "_medium_z8qng_45", Qt = "_large_z8qng_48", Kt = "_primary_z8qng_69", en = "_tertiary_z8qng_85", tn = "_plain_z8qng_100", ce = {
+  "shadow-0": "_shadow-0_z8qng_1",
+  "shadow-100": "_shadow-100_z8qng_5",
+  "shadow-200": "_shadow-200_z8qng_9",
+  "shadow-300": "_shadow-300_z8qng_13",
+  "shadow-400": "_shadow-400_z8qng_17",
+  "shadow-500": "_shadow-500_z8qng_21",
+  "shadow-600": "_shadow-600_z8qng_25",
+  btn: Zt,
+  small: Gt,
+  medium: Xt,
+  large: Qt,
+  default: "_default_z8qng_51",
+  "default-selected": "_default-selected_z8qng_62",
+  primary: Kt,
+  "primary-selected": "_primary-selected_z8qng_79",
+  tertiary: en,
+  "tertiary-selected": "_tertiary-selected_z8qng_94",
+  plain: tn,
+  "plain-selected": "_plain-selected_z8qng_111"
+}, nn = ({ state: t = "default", size: i = "medium", selected: s = !1, disabled: d = !1, children: u, onClick: l = () => {
+}, className: p = "", ...g }) => {
+  const b = M(ce.btn, ce[t], ce[i], {
+    [ce[`${t}-selected`]]: s
+  }, p);
+  return r.jsx("button", { className: b, onClick: l, disabled: d, ...g, children: u });
+}, rn = "_modalLayout_1jmpu_29", sn = "_modalContainer_1jmpu_40", an = "_header_1jmpu_64", on = "_close_1jmpu_73", cn = "_content_1jmpu_83", ln = "_footer_1jmpu_91", X = {
+  modalLayout: rn,
+  modalContainer: sn,
+  header: an,
+  close: on,
+  content: cn,
+  footer: ln
+}, xe = ({ open: t, onClose: i, children: s }) => t ? r.jsx("div", { className: X.modalLayout, onClick: i, children: r.jsx("div", { className: X.modalContainer, onClick: (d) => d.stopPropagation(), children: s }) }) : null, dn = ({ children: t, onClose: i }) => r.jsxs("div", { className: X.header, children: [r.jsx(T, { variant: "heading-sm", children: t }), r.jsx(nn, { size: "small", state: "default", className: X.close, onClick: i, children: r.jsx(yt, {}) })] }), un = ({ children: t }) => r.jsx(T, { variant: "body-md", className: X.content, children: t }), _n = ({ children: t }) => r.jsx("div", { className: X.footer, children: t });
+xe.Header = dn;
+xe.Content = un;
+xe.Footer = _n;
+const fn = "_pageHeader_1lrq1_29", hn = "_mg_1lrq1_38", mn = "_lg_1lrq1_39", fe = {
+  pageHeader: fn,
+  mg: hn,
+  lg: mn
+}, Dn = ({ children: t }) => r.jsxs("header", { className: fe.pageHeader, children: [r.jsx(T, { variant: "heading-xl", className: fe.lg, children: t }), r.jsx(T, { variant: "heading-md", className: fe.mg, children: t })] }), pn = "_container_1g19z_29", gn = "_line_1g19z_35", vn = "_progress_1g19z_41", he = {
+  container: pn,
+  line: gn,
+  progress: vn
+}, In = ({ percent: t }) => r.jsx("div", { className: he.container, children: r.jsx("div", { className: he.line, children: r.jsx("div", { className: he.progress, style: { width: `${t}%` } }) }) }), yn = "_container_1gn8d_29", wn = "_notMobile_1gn8d_38", xn = "_mobile_1gn8d_47", me = {
+  container: yn,
+  notMobile: wn,
+  mobile: xn
+}, Pn = ({ title: t, extra: i }) => r.jsxs("div", { className: me.container, children: [r.jsx(T, { variant: "heading-md", className: me.notMobile, children: t }), r.jsx(T, { variant: "heading-sm", className: me.mobile, children: t }), i] }), $n = "_topBar_xnlee_29", bn = "_section_xnlee_66", jn = "_scretched_xnlee_73", Cn = "_active_xnlee_90", kn = "_sm_xnlee_99", Nn = "_md_xnlee_100", G = {
+  topBar: $n,
+  section: bn,
+  scretched: jn,
+  active: Cn,
+  sm: kn,
+  md: Nn
+}, Rn = ({ sections: t, activeTab: i, onTabSelect: s, isStretched: d = !0 }) => {
+  var u;
+  return r.jsxs("div", { children: [r.jsx("div", { className: G.topBar, children: t.map((l) => r.jsxs("div", { className: M(G.section, d && G.scretched, i === l.id && G.active), onClick: () => s(l.id), children: [r.jsx(T, { variant: "heading-xs", className: G.sm, children: l.title }), r.jsx(T, { variant: "heading-md", className: G.md, children: l.title })] }, l.id)) }), ((u = t.find((l) => l.id === i)) == null ? void 0 : u.component) ?? r.jsx(T, { variant: "body-lg", children: "Not Found" })] });
+};
+export {
+  Sn as Banner,
+  En as Button,
+  Tn as Collapse,
+  Mn as CourseCollapse,
+  An as Empty,
+  we as FormItem,
+  nn as IconButton,
+  xe as Modal,
+  de as NavigationItem,
+  Dn as PageHeader,
+  In as ProgressLine,
+  Pn as SectionHeader,
+  Rn as TopBar,
+  T as Typography
+};