@atme-lab/ui-kit 0.1.4 → 0.1.7

package/dist/index.esm.js

@@ -0,0 +1,1650 @@
+import U, { forwardRef as F, useCallback as $, useState as ut, useMemo as H, createContext as $e, useEffect as Fe, useContext as Be } from "react";
+function Le(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var ct = { exports: {} }, tt = {};
+/**
+ * @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 Kt;
+function Me() {
+  if (Kt) return tt;
+  Kt = 1;
+  var e = U, o = Symbol.for("react.element"), s = Symbol.for("react.fragment"), i = Object.prototype.hasOwnProperty, c = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, n = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function u(_, d, h) {
+    var f, b = {}, k = null, w = null;
+    h !== void 0 && (k = "" + h), d.key !== void 0 && (k = "" + d.key), d.ref !== void 0 && (w = d.ref);
+    for (f in d) i.call(d, f) && !n.hasOwnProperty(f) && (b[f] = d[f]);
+    if (_ && _.defaultProps) for (f in d = _.defaultProps, d) b[f] === void 0 && (b[f] = d[f]);
+    return { $$typeof: o, type: _, key: k, ref: w, props: b, _owner: c.current };
+  }
+  return tt.Fragment = s, tt.jsx = u, tt.jsxs = u, tt;
+}
+var et = {};
+/**
+ * @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 qt;
+function ze() {
+  return qt || (qt = 1, process.env.NODE_ENV !== "production" && (function() {
+    var e = U, o = Symbol.for("react.element"), s = Symbol.for("react.portal"), i = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), n = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), _ = Symbol.for("react.context"), d = Symbol.for("react.forward_ref"), h = Symbol.for("react.suspense"), f = Symbol.for("react.suspense_list"), b = Symbol.for("react.memo"), k = Symbol.for("react.lazy"), w = Symbol.for("react.offscreen"), C = Symbol.iterator, N = "@@iterator";
+    function M(t) {
+      if (t === null || typeof t != "object")
+        return null;
+      var r = C && t[C] || t[N];
+      return typeof r == "function" ? r : null;
+    }
+    var R = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function m(t) {
+      {
+        for (var r = arguments.length, a = new Array(r > 1 ? r - 1 : 0), p = 1; p < r; p++)
+          a[p - 1] = arguments[p];
+        P("error", t, a);
+      }
+    }
+    function P(t, r, a) {
+      {
+        var p = R.ReactDebugCurrentFrame, v = p.getStackAddendum();
+        v !== "" && (r += "%s", a = a.concat([v]));
+        var x = a.map(function(g) {
+          return String(g);
+        });
+        x.unshift("Warning: " + r), Function.prototype.apply.call(console[t], console, x);
+      }
+    }
+    var X = !1, K = !1, q = !1, se = !1, ie = !1, Et;
+    Et = Symbol.for("react.module.reference");
+    function ce(t) {
+      return !!(typeof t == "string" || typeof t == "function" || t === i || t === n || ie || t === c || t === h || t === f || se || t === w || X || K || q || typeof t == "object" && t !== null && (t.$$typeof === k || t.$$typeof === b || t.$$typeof === u || t.$$typeof === _ || t.$$typeof === d || // This needs to include all possible module reference object
+      // types supported by any Flight configuration anywhere since
+      // we don't know which Flight build this will end up being used
+      // with.
+      t.$$typeof === Et || t.getModuleId !== void 0));
+    }
+    function le(t, r, a) {
+      var p = t.displayName;
+      if (p)
+        return p;
+      var v = r.displayName || r.name || "";
+      return v !== "" ? a + "(" + v + ")" : a;
+    }
+    function Rt(t) {
+      return t.displayName || "Context";
+    }
+    function B(t) {
+      if (t == null)
+        return null;
+      if (typeof t.tag == "number" && m("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof t == "function")
+        return t.displayName || t.name || null;
+      if (typeof t == "string")
+        return t;
+      switch (t) {
+        case i:
+          return "Fragment";
+        case s:
+          return "Portal";
+        case n:
+          return "Profiler";
+        case c:
+          return "StrictMode";
+        case h:
+          return "Suspense";
+        case f:
+          return "SuspenseList";
+      }
+      if (typeof t == "object")
+        switch (t.$$typeof) {
+          case _:
+            var r = t;
+            return Rt(r) + ".Consumer";
+          case u:
+            var a = t;
+            return Rt(a._context) + ".Provider";
+          case d:
+            return le(t, t.render, "ForwardRef");
+          case b:
+            var p = t.displayName || null;
+            return p !== null ? p : B(t.type) || "Memo";
+          case k: {
+            var v = t, x = v._payload, g = v._init;
+            try {
+              return B(g(x));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var z = Object.assign, Z = 0, Ct, St, Tt, Ot, Pt, Nt, It;
+    function At() {
+    }
+    At.__reactDisabledLog = !0;
+    function ue() {
+      {
+        if (Z === 0) {
+          Ct = console.log, St = console.info, Tt = console.warn, Ot = console.error, Pt = console.group, Nt = console.groupCollapsed, It = console.groupEnd;
+          var t = {
+            configurable: !0,
+            enumerable: !0,
+            value: At,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: t,
+            log: t,
+            warn: t,
+            error: t,
+            group: t,
+            groupCollapsed: t,
+            groupEnd: t
+          });
+        }
+        Z++;
+      }
+    }
+    function pe() {
+      {
+        if (Z--, Z === 0) {
+          var t = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: z({}, t, {
+              value: Ct
+            }),
+            info: z({}, t, {
+              value: St
+            }),
+            warn: z({}, t, {
+              value: Tt
+            }),
+            error: z({}, t, {
+              value: Ot
+            }),
+            group: z({}, t, {
+              value: Pt
+            }),
+            groupCollapsed: z({}, t, {
+              value: Nt
+            }),
+            groupEnd: z({}, t, {
+              value: It
+            })
+          });
+        }
+        Z < 0 && m("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var pt = R.ReactCurrentDispatcher, _t;
+    function at(t, r, a) {
+      {
+        if (_t === void 0)
+          try {
+            throw Error();
+          } catch (v) {
+            var p = v.stack.trim().match(/\n( *(at )?)/);
+            _t = p && p[1] || "";
+          }
+        return `
+` + _t + t;
+      }
+    }
+    var ft = !1, ot;
+    {
+      var _e = typeof WeakMap == "function" ? WeakMap : Map;
+      ot = new _e();
+    }
+    function Dt(t, r) {
+      if (!t || ft)
+        return "";
+      {
+        var a = ot.get(t);
+        if (a !== void 0)
+          return a;
+      }
+      var p;
+      ft = !0;
+      var v = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var x;
+      x = pt.current, pt.current = null, ue();
+      try {
+        if (r) {
+          var g = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(g.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(g, []);
+            } catch (T) {
+              p = T;
+            }
+            Reflect.construct(t, [], g);
+          } else {
+            try {
+              g.call();
+            } catch (T) {
+              p = T;
+            }
+            t.call(g.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (T) {
+            p = T;
+          }
+          t();
+        }
+      } catch (T) {
+        if (T && p && typeof T.stack == "string") {
+          for (var y = T.stack.split(`
+`), S = p.stack.split(`
+`), j = y.length - 1, E = S.length - 1; j >= 1 && E >= 0 && y[j] !== S[E]; )
+            E--;
+          for (; j >= 1 && E >= 0; j--, E--)
+            if (y[j] !== S[E]) {
+              if (j !== 1 || E !== 1)
+                do
+                  if (j--, E--, E < 0 || y[j] !== S[E]) {
+                    var I = `
+` + y[j].replace(" at new ", " at ");
+                    return t.displayName && I.includes("<anonymous>") && (I = I.replace("<anonymous>", t.displayName)), typeof t == "function" && ot.set(t, I), I;
+                  }
+                while (j >= 1 && E >= 0);
+              break;
+            }
+        }
+      } finally {
+        ft = !1, pt.current = x, pe(), Error.prepareStackTrace = v;
+      }
+      var G = t ? t.displayName || t.name : "", V = G ? at(G) : "";
+      return typeof t == "function" && ot.set(t, V), V;
+    }
+    function fe(t, r, a) {
+      return Dt(t, !1);
+    }
+    function de(t) {
+      var r = t.prototype;
+      return !!(r && r.isReactComponent);
+    }
+    function st(t, r, a) {
+      if (t == null)
+        return "";
+      if (typeof t == "function")
+        return Dt(t, de(t));
+      if (typeof t == "string")
+        return at(t);
+      switch (t) {
+        case h:
+          return at("Suspense");
+        case f:
+          return at("SuspenseList");
+      }
+      if (typeof t == "object")
+        switch (t.$$typeof) {
+          case d:
+            return fe(t.render);
+          case b:
+            return st(t.type, r, a);
+          case k: {
+            var p = t, v = p._payload, x = p._init;
+            try {
+              return st(x(v), r, a);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var Q = Object.prototype.hasOwnProperty, Wt = {}, $t = R.ReactDebugCurrentFrame;
+    function it(t) {
+      if (t) {
+        var r = t._owner, a = st(t.type, t._source, r ? r.type : null);
+        $t.setExtraStackFrame(a);
+      } else
+        $t.setExtraStackFrame(null);
+    }
+    function ye(t, r, a, p, v) {
+      {
+        var x = Function.call.bind(Q);
+        for (var g in t)
+          if (x(t, g)) {
+            var y = void 0;
+            try {
+              if (typeof t[g] != "function") {
+                var S = Error((p || "React class") + ": " + a + " type `" + g + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof t[g] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw S.name = "Invariant Violation", S;
+              }
+              y = t[g](r, g, p, a, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (j) {
+              y = j;
+            }
+            y && !(y instanceof Error) && (it(v), m("%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).", p || "React class", a, g, typeof y), it(null)), y instanceof Error && !(y.message in Wt) && (Wt[y.message] = !0, it(v), m("Failed %s type: %s", a, y.message), it(null));
+          }
+      }
+    }
+    var ge = Array.isArray;
+    function dt(t) {
+      return ge(t);
+    }
+    function he(t) {
+      {
+        var r = typeof Symbol == "function" && Symbol.toStringTag, a = r && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        return a;
+      }
+    }
+    function ve(t) {
+      try {
+        return Ft(t), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function Ft(t) {
+      return "" + t;
+    }
+    function Bt(t) {
+      if (ve(t))
+        return m("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", he(t)), Ft(t);
+    }
+    var Lt = R.ReactCurrentOwner, be = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, Mt, zt;
+    function me(t) {
+      if (Q.call(t, "ref")) {
+        var r = Object.getOwnPropertyDescriptor(t, "ref").get;
+        if (r && r.isReactWarning)
+          return !1;
+      }
+      return t.ref !== void 0;
+    }
+    function xe(t) {
+      if (Q.call(t, "key")) {
+        var r = Object.getOwnPropertyDescriptor(t, "key").get;
+        if (r && r.isReactWarning)
+          return !1;
+      }
+      return t.key !== void 0;
+    }
+    function ke(t, r) {
+      typeof t.ref == "string" && Lt.current;
+    }
+    function we(t, r) {
+      {
+        var a = function() {
+          Mt || (Mt = !0, m("%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));
+        };
+        a.isReactWarning = !0, Object.defineProperty(t, "key", {
+          get: a,
+          configurable: !0
+        });
+      }
+    }
+    function je(t, r) {
+      {
+        var a = function() {
+          zt || (zt = !0, m("%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));
+        };
+        a.isReactWarning = !0, Object.defineProperty(t, "ref", {
+          get: a,
+          configurable: !0
+        });
+      }
+    }
+    var Ee = function(t, r, a, p, v, x, g) {
+      var y = {
+        // This tag allows us to uniquely identify this as a React Element
+        $$typeof: o,
+        // Built-in properties that belong on the element
+        type: t,
+        key: r,
+        ref: a,
+        props: g,
+        // Record the component responsible for creating this element.
+        _owner: x
+      };
+      return y._store = {}, Object.defineProperty(y._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(y, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: p
+      }), Object.defineProperty(y, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: v
+      }), Object.freeze && (Object.freeze(y.props), Object.freeze(y)), y;
+    };
+    function Re(t, r, a, p, v) {
+      {
+        var x, g = {}, y = null, S = null;
+        a !== void 0 && (Bt(a), y = "" + a), xe(r) && (Bt(r.key), y = "" + r.key), me(r) && (S = r.ref, ke(r, v));
+        for (x in r)
+          Q.call(r, x) && !be.hasOwnProperty(x) && (g[x] = r[x]);
+        if (t && t.defaultProps) {
+          var j = t.defaultProps;
+          for (x in j)
+            g[x] === void 0 && (g[x] = j[x]);
+        }
+        if (y || S) {
+          var E = typeof t == "function" ? t.displayName || t.name || "Unknown" : t;
+          y && we(g, E), S && je(g, E);
+        }
+        return Ee(t, y, S, v, p, Lt.current, g);
+      }
+    }
+    var yt = R.ReactCurrentOwner, Vt = R.ReactDebugCurrentFrame;
+    function Y(t) {
+      if (t) {
+        var r = t._owner, a = st(t.type, t._source, r ? r.type : null);
+        Vt.setExtraStackFrame(a);
+      } else
+        Vt.setExtraStackFrame(null);
+    }
+    var gt;
+    gt = !1;
+    function ht(t) {
+      return typeof t == "object" && t !== null && t.$$typeof === o;
+    }
+    function Jt() {
+      {
+        if (yt.current) {
+          var t = B(yt.current.type);
+          if (t)
+            return `
+
+Check the render method of \`` + t + "`.";
+        }
+        return "";
+      }
+    }
+    function Ce(t) {
+      return "";
+    }
+    var Yt = {};
+    function Se(t) {
+      {
+        var r = Jt();
+        if (!r) {
+          var a = typeof t == "string" ? t : t.displayName || t.name;
+          a && (r = `
+
+Check the top-level render call using <` + a + ">.");
+        }
+        return r;
+      }
+    }
+    function Gt(t, r) {
+      {
+        if (!t._store || t._store.validated || t.key != null)
+          return;
+        t._store.validated = !0;
+        var a = Se(r);
+        if (Yt[a])
+          return;
+        Yt[a] = !0;
+        var p = "";
+        t && t._owner && t._owner !== yt.current && (p = " It was passed a child from " + B(t._owner.type) + "."), Y(t), m('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', a, p), Y(null);
+      }
+    }
+    function Ht(t, r) {
+      {
+        if (typeof t != "object")
+          return;
+        if (dt(t))
+          for (var a = 0; a < t.length; a++) {
+            var p = t[a];
+            ht(p) && Gt(p, r);
+          }
+        else if (ht(t))
+          t._store && (t._store.validated = !0);
+        else if (t) {
+          var v = M(t);
+          if (typeof v == "function" && v !== t.entries)
+            for (var x = v.call(t), g; !(g = x.next()).done; )
+              ht(g.value) && Gt(g.value, r);
+        }
+      }
+    }
+    function Te(t) {
+      {
+        var r = t.type;
+        if (r == null || typeof r == "string")
+          return;
+        var a;
+        if (typeof r == "function")
+          a = r.propTypes;
+        else if (typeof r == "object" && (r.$$typeof === d || // Note: Memo only checks outer props here.
+        // Inner props are checked in the reconciler.
+        r.$$typeof === b))
+          a = r.propTypes;
+        else
+          return;
+        if (a) {
+          var p = B(r);
+          ye(a, t.props, "prop", p, t);
+        } else if (r.PropTypes !== void 0 && !gt) {
+          gt = !0;
+          var v = B(r);
+          m("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", v || "Unknown");
+        }
+        typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && m("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function Oe(t) {
+      {
+        for (var r = Object.keys(t.props), a = 0; a < r.length; a++) {
+          var p = r[a];
+          if (p !== "children" && p !== "key") {
+            Y(t), m("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", p), Y(null);
+            break;
+          }
+        }
+        t.ref !== null && (Y(t), m("Invalid attribute `ref` supplied to `React.Fragment`."), Y(null));
+      }
+    }
+    var Ut = {};
+    function Xt(t, r, a, p, v, x) {
+      {
+        var g = ce(t);
+        if (!g) {
+          var y = "";
+          (t === void 0 || typeof t == "object" && t !== null && Object.keys(t).length === 0) && (y += " 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 S = Ce();
+          S ? y += S : y += Jt();
+          var j;
+          t === null ? j = "null" : dt(t) ? j = "array" : t !== void 0 && t.$$typeof === o ? (j = "<" + (B(t.type) || "Unknown") + " />", y = " Did you accidentally export a JSX literal instead of a component?") : j = typeof t, m("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", j, y);
+        }
+        var E = Re(t, r, a, v, x);
+        if (E == null)
+          return E;
+        if (g) {
+          var I = r.children;
+          if (I !== void 0)
+            if (p)
+              if (dt(I)) {
+                for (var G = 0; G < I.length; G++)
+                  Ht(I[G], t);
+                Object.freeze && Object.freeze(I);
+              } else
+                m("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
+              Ht(I, t);
+        }
+        if (Q.call(r, "key")) {
+          var V = B(t), T = Object.keys(r).filter(function(We) {
+            return We !== "key";
+          }), vt = T.length > 0 ? "{key: someKey, " + T.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!Ut[V + vt]) {
+            var De = T.length > 0 ? "{" + T.join(": ..., ") + ": ...}" : "{}";
+            m(`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} />`, vt, V, De, V), Ut[V + vt] = !0;
+          }
+        }
+        return t === i ? Oe(E) : Te(E), E;
+      }
+    }
+    function Pe(t, r, a) {
+      return Xt(t, r, a, !0);
+    }
+    function Ne(t, r, a) {
+      return Xt(t, r, a, !1);
+    }
+    var Ie = Ne, Ae = Pe;
+    et.Fragment = i, et.jsx = Ie, et.jsxs = Ae;
+  })()), et;
+}
+var Zt;
+function Ve() {
+  return Zt || (Zt = 1, process.env.NODE_ENV === "production" ? ct.exports = Me() : ct.exports = ze()), ct.exports;
+}
+var l = Ve(), bt = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+var Qt;
+function Je() {
+  return Qt || (Qt = 1, (function(e) {
+    (function() {
+      var o = {}.hasOwnProperty;
+      function s() {
+        for (var n = "", u = 0; u < arguments.length; u++) {
+          var _ = arguments[u];
+          _ && (n = c(n, i(_)));
+        }
+        return n;
+      }
+      function i(n) {
+        if (typeof n == "string" || typeof n == "number")
+          return n;
+        if (typeof n != "object")
+          return "";
+        if (Array.isArray(n))
+          return s.apply(null, n);
+        if (n.toString !== Object.prototype.toString && !n.toString.toString().includes("[native code]"))
+          return n.toString();
+        var u = "";
+        for (var _ in n)
+          o.call(n, _) && n[_] && (u = c(u, _));
+        return u;
+      }
+      function c(n, u) {
+        return u ? n ? n + " " + u : n + u : n;
+      }
+      e.exports ? (s.default = s, e.exports = s) : window.classNames = s;
+    })();
+  })(bt)), bt.exports;
+}
+var Ye = Je();
+const O = /* @__PURE__ */ Le(Ye), Ge = "_typography_11hr8_1", He = "_typography--h1_11hr8_8", Ue = "_typography--h2_11hr8_15", Xe = "_typography--h3_11hr8_22", Ke = "_typography--h4_11hr8_29", qe = "_typography--h5_11hr8_36", Ze = "_typography--h6_11hr8_43", Qe = "_typography--body_11hr8_50", tr = "_typography--caption_11hr8_57", er = "_typography--overline_11hr8_64", rr = "_typography--xs_11hr8_74", nr = "_typography--sm_11hr8_78", ar = "_typography--base_11hr8_82", or = "_typography--lg_11hr8_86", sr = "_typography--xl_11hr8_90", ir = "_typography--2xl_11hr8_94", cr = "_typography--3xl_11hr8_98", lr = "_typography--4xl_11hr8_102", ur = "_typography--color-primary_11hr8_107", pr = "_typography--color-secondary_11hr8_111", _r = "_typography--color-disabled_11hr8_115", lt = {
+  typography: Ge,
+  "typography--h1": "_typography--h1_11hr8_8",
+  typographyH1: He,
+  "typography--h2": "_typography--h2_11hr8_15",
+  typographyH2: Ue,
+  "typography--h3": "_typography--h3_11hr8_22",
+  typographyH3: Xe,
+  "typography--h4": "_typography--h4_11hr8_29",
+  typographyH4: Ke,
+  "typography--h5": "_typography--h5_11hr8_36",
+  typographyH5: qe,
+  "typography--h6": "_typography--h6_11hr8_43",
+  typographyH6: Ze,
+  "typography--body": "_typography--body_11hr8_50",
+  typographyBody: Qe,
+  "typography--caption": "_typography--caption_11hr8_57",
+  typographyCaption: tr,
+  "typography--overline": "_typography--overline_11hr8_64",
+  typographyOverline: er,
+  "typography--xs": "_typography--xs_11hr8_74",
+  typographyXs: rr,
+  "typography--sm": "_typography--sm_11hr8_78",
+  typographySm: nr,
+  "typography--base": "_typography--base_11hr8_82",
+  typographyBase: ar,
+  "typography--lg": "_typography--lg_11hr8_86",
+  typographyLg: or,
+  "typography--xl": "_typography--xl_11hr8_90",
+  typographyXl: sr,
+  "typography--2xl": "_typography--2xl_11hr8_94",
+  typography2Xl: ir,
+  "typography--3xl": "_typography--3xl_11hr8_98",
+  typography3Xl: cr,
+  "typography--4xl": "_typography--4xl_11hr8_102",
+  typography4Xl: lr,
+  "typography--color-primary": "_typography--color-primary_11hr8_107",
+  typographyColorPrimary: ur,
+  "typography--color-secondary": "_typography--color-secondary_11hr8_111",
+  typographyColorSecondary: pr,
+  "typography--color-disabled": "_typography--color-disabled_11hr8_115",
+  typographyColorDisabled: _r
+}, nt = F(
+  ({ variant: e = "body", size: o, color: s, as: i, children: c, className: n, ...u }, _) => {
+    const h = U.useMemo(() => i || (e.startsWith("h") ? e : e === "body" ? "p" : "span"), [i, e]);
+    return /* @__PURE__ */ l.jsx(
+      h,
+      {
+        ref: _,
+        className: O(
+          lt.typography,
+          lt[`typography--${e}`],
+          o && lt[`typography--${o}`],
+          s && lt[`typography--color-${s}`],
+          n
+        ),
+        ...u,
+        children: c
+      }
+    );
+  }
+);
+nt.displayName = "Typography";
+const fr = "_tag_10ar5_1", dr = "_tag--link_10ar5_13", yr = "_tagContent_10ar5_23", gr = "_tagIcon_10ar5_28", hr = "_tagClose_10ar5_34", vr = "_tag--sm_10ar5_60", br = "_tag--md_10ar5_65", mr = "_tag--lg_10ar5_70", xr = "_tag--primary_10ar5_76", kr = "_tag--secondary_10ar5_81", wr = "_tag--success_10ar5_86", jr = "_tag--warning_10ar5_91", Er = "_tag--error_10ar5_96", Rr = "_tag--neutral_10ar5_101", L = {
+  tag: fr,
+  "tag--link": "_tag--link_10ar5_13",
+  tagLink: dr,
+  tagContent: yr,
+  tagIcon: gr,
+  tagClose: hr,
+  "tag--sm": "_tag--sm_10ar5_60",
+  tagSm: vr,
+  "tag--md": "_tag--md_10ar5_65",
+  tagMd: br,
+  "tag--lg": "_tag--lg_10ar5_70",
+  tagLg: mr,
+  "tag--primary": "_tag--primary_10ar5_76",
+  tagPrimary: xr,
+  "tag--secondary": "_tag--secondary_10ar5_81",
+  tagSecondary: kr,
+  "tag--success": "_tag--success_10ar5_86",
+  tagSuccess: wr,
+  "tag--warning": "_tag--warning_10ar5_91",
+  tagWarning: jr,
+  "tag--error": "_tag--error_10ar5_96",
+  tagError: Er,
+  "tag--neutral": "_tag--neutral_10ar5_101",
+  tagNeutral: Rr
+}, Cr = F(function({ as: o, ...s }, i) {
+  return U.createElement(o, { ...s, ref: i });
+}), J = F(
+  ({
+    variant: e = "primary",
+    size: o = "md",
+    icon: s,
+    iconPosition: i = "left",
+    closeable: c = !1,
+    onClose: n,
+    children: u,
+    className: _,
+    href: d,
+    ...h
+  }, f) => {
+    const b = (C) => {
+      C.stopPropagation(), n == null || n(C);
+    }, k = d ? { ...h, href: d, as: "a" } : { ...h, as: "span" }, w = O(
+      L.tag,
+      L[`tag--${e}`],
+      L[`tag--${o}`],
+      d && L["tag--link"],
+      _
+    );
+    return /* @__PURE__ */ l.jsxs(Cr, { ref: f, className: w, ...k, children: [
+      s && i === "left" && /* @__PURE__ */ l.jsx("span", { className: L.tagIcon, children: s }),
+      /* @__PURE__ */ l.jsx("span", { className: L.tagContent, children: u }),
+      s && i === "right" && /* @__PURE__ */ l.jsx("span", { className: L.tagIcon, children: s }),
+      c && /* @__PURE__ */ l.jsx(
+        "button",
+        {
+          type: "button",
+          className: L.tagClose,
+          onClick: b,
+          "aria-label": "Close tag",
+          children: "×"
+        }
+      )
+    ] });
+  }
+);
+J.displayName = "Tag";
+const Sr = "_tagGroup_1b8va_1", Tr = {
+  tagGroup: Sr
+}, Or = (e) => e.stopPropagation();
+function Pr({ tag: e, baseTagProps: o }) {
+  const s = $(
+    (c) => {
+      var n;
+      Or(c), (n = e.onClick) == null || n.call(e, c);
+    },
+    [e.onClick]
+  ), i = $(
+    (c) => {
+      var n;
+      (c.key === "Enter" || c.key === " ") && (c.preventDefault(), (n = e.onClick) == null || n.call(e, c));
+    },
+    [e.onClick]
+  );
+  return /* @__PURE__ */ l.jsx(
+    J,
+    {
+      ...o,
+      role: "button",
+      tabIndex: 0,
+      onClick: s,
+      onKeyDown: i,
+      style: { cursor: "pointer" },
+      children: e.label
+    }
+  );
+}
+function Nr(e) {
+  return typeof e == "object" && e !== null && "label" in e;
+}
+function Ir({ tag: e, baseTagProps: o }) {
+  return Nr(e) ? e.href ? /* @__PURE__ */ l.jsx(J, { ...o, href: e.href, children: e.label }) : e.onClick ? /* @__PURE__ */ l.jsx(Pr, { tag: e, baseTagProps: o }) : /* @__PURE__ */ l.jsx(J, { ...o, children: e.label }) : typeof e == "object" && U.isValidElement(e) ? /* @__PURE__ */ l.jsx(l.Fragment, { children: e }) : /* @__PURE__ */ l.jsx(J, { ...o, children: e });
+}
+const Ar = U.forwardRef(
+  ({
+    tags: e,
+    maxVisible: o = 5,
+    overflowTagProps: s,
+    collapseTagProps: i,
+    collapseText: c = "Свернуть",
+    size: n,
+    variant: u,
+    className: _,
+    ...d
+  }, h) => {
+    const [f, b] = ut(!1), { visibleTags: k, hiddenCount: w } = H(() => e.length <= o || f ? {
+      visibleTags: e,
+      hiddenCount: 0
+    } : {
+      visibleTags: e.slice(0, o),
+      hiddenCount: e.length - o
+    }, [e, o, f]), C = $(() => b(!0), []), N = $(() => b(!1), []), M = $(
+      (P) => {
+        (P.key === "Enter" || P.key === " ") && (P.preventDefault(), C());
+      },
+      [C]
+    ), R = $(
+      (P) => {
+        (P.key === "Enter" || P.key === " ") && (P.preventDefault(), N());
+      },
+      [N]
+    ), m = H(
+      () => ({
+        ...n && { size: n },
+        ...u && { variant: u }
+      }),
+      [n, u]
+    );
+    return /* @__PURE__ */ l.jsxs("div", { ref: h, className: O(Tr.tagGroup, _), ...d, children: [
+      k.map((P, X) => /* @__PURE__ */ l.jsx(Ir, { tag: P, baseTagProps: m }, X)),
+      !f && w > 0 && /* @__PURE__ */ l.jsxs(
+        J,
+        {
+          ...m,
+          ...s,
+          onClick: C,
+          onKeyDown: M,
+          role: "button",
+          tabIndex: 0,
+          "aria-label": `Показать еще ${w} тегов`,
+          style: { cursor: "pointer", ...s == null ? void 0 : s.style },
+          children: [
+            "+",
+            w
+          ]
+        }
+      ),
+      f && /* @__PURE__ */ l.jsx(
+        J,
+        {
+          ...m,
+          ...i,
+          onClick: N,
+          onKeyDown: R,
+          role: "button",
+          tabIndex: 0,
+          "aria-label": c,
+          style: { cursor: "pointer", ...i == null ? void 0 : i.style },
+          children: c
+        }
+      )
+    ] });
+  }
+);
+Ar.displayName = "TagGroup";
+const Dr = "_button_t5esz_1", Wr = "_buttonContent_t5esz_32", $r = "_buttonIcon_t5esz_37", Fr = "_buttonSpinner_t5esz_43", Br = "_spin_t5esz_1", Lr = "_button--sm_t5esz_60", Mr = "_button--md_t5esz_66", zr = "_button--lg_t5esz_72", Vr = "_button--fullWidth_t5esz_78", Jr = "_button--primary_t5esz_83", Yr = "_button--secondary_t5esz_106", Gr = "_button--outline_t5esz_129", Hr = "_button--ghost_t5esz_152", Ur = "_button--loading_t5esz_181", D = {
+  button: Dr,
+  buttonContent: Wr,
+  buttonIcon: $r,
+  buttonSpinner: Fr,
+  spin: Br,
+  "button--sm": "_button--sm_t5esz_60",
+  buttonSm: Lr,
+  "button--md": "_button--md_t5esz_66",
+  buttonMd: Mr,
+  "button--lg": "_button--lg_t5esz_72",
+  buttonLg: zr,
+  "button--fullWidth": "_button--fullWidth_t5esz_78",
+  buttonFullWidth: Vr,
+  "button--primary": "_button--primary_t5esz_83",
+  buttonPrimary: Jr,
+  "button--secondary": "_button--secondary_t5esz_106",
+  buttonSecondary: Yr,
+  "button--outline": "_button--outline_t5esz_129",
+  buttonOutline: Gr,
+  "button--ghost": "_button--ghost_t5esz_152",
+  buttonGhost: Hr,
+  "button--loading": "_button--loading_t5esz_181",
+  buttonLoading: Ur
+}, Xr = F(
+  ({
+    variant: e = "primary",
+    size: o = "md",
+    startIcon: s,
+    endIcon: i,
+    fullWidth: c = !1,
+    loading: n = !1,
+    disabled: u,
+    children: _,
+    className: d,
+    ...h
+  }, f) => {
+    const b = u || n;
+    return /* @__PURE__ */ l.jsxs(
+      "button",
+      {
+        ref: f,
+        type: "button",
+        className: O(
+          D.button,
+          D[`button--${e}`],
+          D[`button--${o}`],
+          c && D["button--fullWidth"],
+          n && D["button--loading"],
+          d
+        ),
+        disabled: b,
+        "aria-busy": n,
+        "aria-disabled": b,
+        ...h,
+        children: [
+          n && /* @__PURE__ */ l.jsx("span", { className: D.buttonSpinner, "aria-hidden": "true" }),
+          s && !n && /* @__PURE__ */ l.jsx("span", { className: D.buttonIcon, children: s }),
+          /* @__PURE__ */ l.jsx("span", { className: D.buttonContent, children: _ }),
+          i && !n && /* @__PURE__ */ l.jsx("span", { className: D.buttonIcon, children: i })
+        ]
+      }
+    );
+  }
+);
+Xr.displayName = "Button";
+const Kr = "_icon_1se7w_1", mt = {
+  icon: Kr,
+  "icon--custom": "_icon--custom_1se7w_9"
+}, ee = F(
+  ({
+    color: e = "currentColor",
+    children: o,
+    svg: s,
+    name: i,
+    decorative: c = !1,
+    className: n,
+    viewBox: u = "0 0 24 24",
+    fill: _ = "none",
+    xmlns: d = "http://www.w3.org/2000/svg",
+    ...h
+  }, f) => {
+    if (s) {
+      const b = s.replace(/<svg[^>]*>/, "").replace(/<\/svg>/, "");
+      return /* @__PURE__ */ l.jsx(
+        "svg",
+        {
+          ref: f,
+          className: O(mt.icon, mt["icon--custom"], n),
+          viewBox: u,
+          xmlns: d,
+          "aria-hidden": c,
+          "aria-label": !c && i ? i : void 0,
+          role: c ? void 0 : "img",
+          dangerouslySetInnerHTML: { __html: b },
+          ...h
+        }
+      );
+    }
+    return /* @__PURE__ */ l.jsx(
+      "svg",
+      {
+        ref: f,
+        className: O(mt.icon, n),
+        viewBox: u,
+        fill: _,
+        xmlns: d,
+        color: e,
+        "aria-hidden": c,
+        "aria-label": !c && i ? i : void 0,
+        role: c ? void 0 : "img",
+        ...h,
+        children: o
+      }
+    );
+  }
+);
+ee.displayName = "Icon";
+const qr = "_labelMenuItem_fjxw4_1", Zr = "_icon_fjxw4_32", Qr = "_label_fjxw4_1", xt = {
+  labelMenuItem: qr,
+  icon: Zr,
+  label: Qr
+}, tn = ({
+  label: e,
+  icon: o,
+  onClick: s,
+  disabled: i = !1,
+  className: c,
+  iconSize: n = "50px"
+}) => /* @__PURE__ */ l.jsxs(
+  "button",
+  {
+    className: O(xt.labelMenuItem, c),
+    onClick: s,
+    disabled: i,
+    children: [
+      /* @__PURE__ */ l.jsx("div", { className: xt.icon, children: /* @__PURE__ */ l.jsx(o, { decorative: !0, width: n, height: n }) }),
+      /* @__PURE__ */ l.jsx(
+        nt,
+        {
+          as: "span",
+          variant: "body",
+          color: "secondary",
+          className: xt.label,
+          children: e
+        }
+      )
+    ]
+  }
+);
+tn.displayName = "LabelMenuItem";
+const en = "_heartIconOutline_137aq_1", rn = {
+  heartIconOutline: en
+}, nn = ({ filled: e = !1, className: o, ...s }) => /* @__PURE__ */ l.jsx(
+  ee,
+  {
+    viewBox: "0 0 24 24",
+    fill: e ? "currentColor" : "none",
+    stroke: "currentColor",
+    strokeWidth: 2,
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    className: O(!e && rn.heartIconOutline, o),
+    ...s,
+    children: /* @__PURE__ */ l.jsx("path", { d: "M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z" })
+  }
+), an = "_likeButton_1nv5d_1", on = "_heartWrap_1nv5d_49", sn = "_heart_1nv5d_49", cn = "_countWrap_1nv5d_112", ln = "_count_1nv5d_112", W = {
+  likeButton: an,
+  "likeButton--disabled": "_likeButton--disabled_1nv5d_19",
+  "likeButton--liked": "_likeButton--liked_1nv5d_25",
+  "likeButton--pop": "_likeButton--pop_1nv5d_49",
+  heartWrap: on,
+  heart: sn,
+  countWrap: cn,
+  "countWrap--bump": "_countWrap--bump_1nv5d_119",
+  count: ln
+}, un = F(
+  ({
+    liked: e,
+    defaultLiked: o = !1,
+    count: s,
+    onLike: i,
+    onClick: c,
+    className: n,
+    testId: u,
+    disabled: _,
+    ...d
+  }, h) => {
+    const f = e !== void 0, [b, k] = ut(o), [w, C] = ut(!1), [N, M] = ut(!1), R = f ? e : b, m = $(
+      (K) => {
+        if (_) return;
+        const q = !R;
+        f || k(q), i == null || i(q), c == null || c(K), q && (C(!0), s !== void 0 && M(!0));
+      },
+      [_, R, f, i, c, s]
+    ), P = $(() => {
+      C(!1);
+    }, []), X = $((K) => {
+      K.stopPropagation(), M(!1);
+    }, []);
+    return /* @__PURE__ */ l.jsxs(
+      "button",
+      {
+        ref: h,
+        type: "button",
+        className: O(
+          W.likeButton,
+          R && W["likeButton--liked"],
+          w && W["likeButton--pop"],
+          _ && W["likeButton--disabled"],
+          n
+        ),
+        "aria-pressed": R,
+        "aria-label": R ? "Убрать лайк" : "Поставить лайк",
+        disabled: _,
+        "data-testid": u,
+        onClick: m,
+        onAnimationEnd: P,
+        ...d,
+        children: [
+          /* @__PURE__ */ l.jsx("span", { className: W.heartWrap, children: /* @__PURE__ */ l.jsx(nn, { filled: R, className: W.heart, decorative: !0 }) }),
+          s !== void 0 && /* @__PURE__ */ l.jsx(
+            "span",
+            {
+              className: O(W.countWrap, N && W["countWrap--bump"]),
+              onAnimationEnd: X,
+              children: /* @__PURE__ */ l.jsx(nt, { variant: "caption", className: W.count, as: "span", children: s })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+un.displayName = "LikeButton";
+function re(e, o) {
+  if (o == null)
+    return e;
+  if (typeof o != "object" || Array.isArray(o) || typeof e != "object" || Array.isArray(e))
+    return o;
+  const s = { ...e };
+  return Object.keys(o).forEach((i) => {
+    const c = o[i], n = e[i];
+    c != null && typeof c == "object" && !Array.isArray(c) && typeof n == "object" && !Array.isArray(n) && n !== null ? s[i] = re(n, c) : s[i] = c;
+  }), s;
+}
+function pn(e, o) {
+  return re(e, o);
+}
+function ne(e) {
+  if (e !== void 0)
+    return typeof e == "number" ? `${e * 4}px` : e;
+}
+const _n = "_stack_45gcn_1", fn = "_stack--direction-row_45gcn_6", dn = "_stack--direction-column_45gcn_10", yn = "_stack--direction-row-reverse_45gcn_14", gn = "_stack--direction-column-reverse_45gcn_18", hn = "_stack--align-start_45gcn_23", vn = "_stack--align-end_45gcn_27", bn = "_stack--align-center_45gcn_31", mn = "_stack--align-stretch_45gcn_35", xn = "_stack--align-baseline_45gcn_39", kn = "_stack--justify-start_45gcn_44", wn = "_stack--justify-end_45gcn_48", jn = "_stack--justify-center_45gcn_52", En = "_stack--justify-between_45gcn_56", Rn = "_stack--justify-around_45gcn_60", Cn = "_stack--justify-evenly_45gcn_64", Sn = "_stack--wrap-nowrap_45gcn_69", Tn = "_stack--wrap-wrap_45gcn_73", On = "_stack--wrap-wrap-reverse_45gcn_77", rt = {
+  stack: _n,
+  "stack--direction-row": "_stack--direction-row_45gcn_6",
+  stackDirectionRow: fn,
+  "stack--direction-column": "_stack--direction-column_45gcn_10",
+  stackDirectionColumn: dn,
+  "stack--direction-row-reverse": "_stack--direction-row-reverse_45gcn_14",
+  stackDirectionRowReverse: yn,
+  "stack--direction-column-reverse": "_stack--direction-column-reverse_45gcn_18",
+  stackDirectionColumnReverse: gn,
+  "stack--align-start": "_stack--align-start_45gcn_23",
+  stackAlignStart: hn,
+  "stack--align-end": "_stack--align-end_45gcn_27",
+  stackAlignEnd: vn,
+  "stack--align-center": "_stack--align-center_45gcn_31",
+  stackAlignCenter: bn,
+  "stack--align-stretch": "_stack--align-stretch_45gcn_35",
+  stackAlignStretch: mn,
+  "stack--align-baseline": "_stack--align-baseline_45gcn_39",
+  stackAlignBaseline: xn,
+  "stack--justify-start": "_stack--justify-start_45gcn_44",
+  stackJustifyStart: kn,
+  "stack--justify-end": "_stack--justify-end_45gcn_48",
+  stackJustifyEnd: wn,
+  "stack--justify-center": "_stack--justify-center_45gcn_52",
+  stackJustifyCenter: jn,
+  "stack--justify-between": "_stack--justify-between_45gcn_56",
+  stackJustifyBetween: En,
+  "stack--justify-around": "_stack--justify-around_45gcn_60",
+  stackJustifyAround: Rn,
+  "stack--justify-evenly": "_stack--justify-evenly_45gcn_64",
+  stackJustifyEvenly: Cn,
+  "stack--wrap-nowrap": "_stack--wrap-nowrap_45gcn_69",
+  stackWrapNowrap: Sn,
+  "stack--wrap-wrap": "_stack--wrap-wrap_45gcn_73",
+  stackWrapWrap: Tn,
+  "stack--wrap-wrap-reverse": "_stack--wrap-wrap-reverse_45gcn_77",
+  stackWrapWrapReverse: On
+}, Pn = F(
+  ({
+    direction: e = "row",
+    align: o = "stretch",
+    justify: s = "start",
+    wrap: i = "nowrap",
+    gap: c = 0,
+    as: n = "div",
+    children: u,
+    className: _,
+    testId: d,
+    ...h
+  }, f) => {
+    const b = ne(c);
+    return /* @__PURE__ */ l.jsx(
+      n,
+      {
+        ref: f,
+        className: O(
+          rt.stack,
+          rt[`stack--direction-${e}`],
+          rt[`stack--align-${o}`],
+          rt[`stack--justify-${s}`],
+          rt[`stack--wrap-${i}`],
+          _
+        ),
+        style: { gap: b, ...h.style },
+        ...d && { "data-testid": d },
+        ...h,
+        children: u
+      }
+    );
+  }
+);
+Pn.displayName = "Stack";
+const Nn = "_grid_16nbv_1", In = {
+  grid: Nn
+}, An = F(
+  ({
+    columns: e = 12,
+    gap: o = 4,
+    minColumnWidth: s,
+    as: i = "div",
+    children: c,
+    className: n,
+    testId: u,
+    ..._
+  }, d) => {
+    const h = ne(o), b = (() => {
+      const k = {
+        gap: h
+      };
+      if (s)
+        return k.gridTemplateColumns = `repeat(auto-fit, minmax(${s}, 1fr))`, k;
+      if (typeof e == "number")
+        return k.gridTemplateColumns = `repeat(${e}, 1fr)`, k;
+      if (typeof e == "object") {
+        const w = {};
+        e.xs !== void 0 && (w["--grid-cols-xs"] = String(e.xs)), e.sm !== void 0 && (w["--grid-cols-sm"] = String(e.sm)), e.md !== void 0 && (w["--grid-cols-md"] = String(e.md)), e.lg !== void 0 && (w["--grid-cols-lg"] = String(e.lg)), e.xl !== void 0 && (w["--grid-cols-xl"] = String(e.xl)), e["2xl"] !== void 0 && (w["--grid-cols-2xl"] = String(e["2xl"]));
+        const C = e.xs || e.sm || e.md || e.lg || e.xl || e["2xl"] || 1;
+        return k.gridTemplateColumns = `repeat(${C}, 1fr)`, { ...k, ...w };
+      }
+      return k;
+    })();
+    return /* @__PURE__ */ l.jsx(
+      i,
+      {
+        ref: d,
+        className: O(In.grid, n),
+        style: {
+          ...b,
+          ..._.style
+        },
+        ...u && { "data-testid": u },
+        ..._,
+        children: c
+      }
+    );
+  }
+);
+An.displayName = "Grid";
+const Dn = "_content_8ltuo_1", Wn = "_content--tile_8ltuo_8", $n = "_previewWrap_8ltuo_8", Fn = "_body_8ltuo_14", Bn = "_content--row_8ltuo_22", Ln = "_tagsSlotTile_8ltuo_48", Mn = "_tagsSlotRow_8ltuo_60", zn = "_previewImage_8ltuo_68", Vn = "_previewPlaceholder_8ltuo_76", Jn = "_title_8ltuo_90", Yn = "_date_8ltuo_101", A = {
+  content: Dn,
+  "content--tile": "_content--tile_8ltuo_8",
+  contentTile: Wn,
+  previewWrap: $n,
+  body: Fn,
+  "content--row": "_content--row_8ltuo_22",
+  contentRow: Bn,
+  tagsSlotTile: Ln,
+  tagsSlotRow: Mn,
+  previewImage: zn,
+  previewPlaceholder: Vn,
+  title: Jn,
+  date: Yn
+};
+function wt({
+  title: e,
+  imageUrl: o,
+  imageAlt: s,
+  formattedDate: i,
+  view: c,
+  tags: n
+}) {
+  return /* @__PURE__ */ l.jsxs("div", { className: O(A.content, A[`content--${c}`]), children: [
+    /* @__PURE__ */ l.jsxs("div", { className: A.previewWrap, children: [
+      n && c === "tile" && /* @__PURE__ */ l.jsx("div", { className: A.tagsSlotTile, onClick: (u) => u.stopPropagation(), children: n }),
+      o ? /* @__PURE__ */ l.jsx(
+        "img",
+        {
+          src: o,
+          alt: s || e,
+          className: A.previewImage,
+          decoding: "async",
+          loading: "lazy"
+        }
+      ) : /* @__PURE__ */ l.jsx("div", { className: A.previewPlaceholder, "aria-hidden": "true" })
+    ] }),
+    /* @__PURE__ */ l.jsxs("div", { className: A.body, children: [
+      n && c === "row" && /* @__PURE__ */ l.jsx("div", { className: A.tagsSlotRow, onClick: (u) => u.stopPropagation(), children: n }),
+      /* @__PURE__ */ l.jsx(nt, { variant: "h5", as: "h2", className: A.title, title: e, children: e }),
+      /* @__PURE__ */ l.jsx(nt, { variant: "caption", className: A.date, children: i })
+    ] })
+  ] });
+}
+wt.displayName = "ArticlePreviewContent";
+const Gn = "_root_19jmt_1", Hn = "_root--interactive_19jmt_17", Un = "_root--tile_19jmt_33", Xn = "_root--row_19jmt_37", kt = {
+  root: Gn,
+  "root--interactive": "_root--interactive_19jmt_17",
+  rootInteractive: Hn,
+  "root--tile": "_root--tile_19jmt_33",
+  rootTile: Un,
+  "root--row": "_root--row_19jmt_37",
+  rootRow: Xn
+};
+function Kn(e) {
+  return (typeof e == "string" ? new Date(e) : e).toLocaleDateString("ru-RU", {
+    day: "numeric",
+    month: "long",
+    year: "numeric"
+  });
+}
+const qn = F(
+  ({
+    title: e,
+    publishedAt: o,
+    imageUrl: s,
+    view: i = "tile",
+    imageAlt: c = "",
+    href: n,
+    tags: u,
+    className: _,
+    testId: d,
+    onClick: h,
+    onKeyDown: f,
+    ...b
+  }, k) => {
+    const w = H(() => Kn(o), [o]), C = (m) => {
+      !n && h && (m.key === "Enter" || m.key === " ") && (m.preventDefault(), h(m)), f == null || f(m);
+    }, N = !!(n || h), R = {
+      className: O(
+        kt.root,
+        kt[`root--${i}`],
+        N && kt["root--interactive"],
+        _
+      ),
+      onClick: h,
+      onKeyDown: N ? C : f,
+      "data-testid": d,
+      ...b
+    };
+    return n ? /* @__PURE__ */ l.jsx("a", { ref: k, href: n, ...R, children: /* @__PURE__ */ l.jsx(
+      wt,
+      {
+        title: e,
+        imageUrl: s,
+        imageAlt: c,
+        formattedDate: w,
+        view: i,
+        tags: u
+      }
+    ) }) : /* @__PURE__ */ l.jsx(
+      "div",
+      {
+        ref: k,
+        role: N ? "button" : void 0,
+        tabIndex: N ? 0 : void 0,
+        ...R,
+        children: /* @__PURE__ */ l.jsx(
+          wt,
+          {
+            title: e,
+            imageUrl: s,
+            imageAlt: c,
+            formattedDate: w,
+            view: i,
+            tags: u
+          }
+        )
+      }
+    );
+  }
+);
+qn.displayName = "ArticlePreview";
+const ae = {
+  spacing: {
+    unit: 4
+  },
+  typography: {
+    fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif',
+    fontSize: {
+      xs: "0.75rem",
+      sm: "0.875rem",
+      base: "1rem",
+      lg: "1.125rem",
+      xl: "1.25rem",
+      "2xl": "1.5rem",
+      "3xl": "1.875rem",
+      "4xl": "2.25rem"
+    },
+    fontWeight: {
+      normal: 400,
+      medium: 500,
+      semibold: 600,
+      bold: 700
+    },
+    lineHeight: {
+      tight: 1.25,
+      normal: 1.5,
+      relaxed: 1.75
+    }
+  },
+  shadows: {
+    sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
+    base: "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)",
+    md: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
+    lg: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",
+    xl: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",
+    "2xl": "0 25px 50px -12px rgba(0, 0, 0, 0.25)",
+    none: "none"
+  },
+  border: {
+    base: "2px"
+  },
+  borderRadius: {
+    none: "0",
+    round: "50%",
+    sm: "0.125rem",
+    base: "0.25rem",
+    md: "0.375rem",
+    lg: "0.5rem",
+    xl: "0.75rem",
+    "2xl": "1rem",
+    full: "9999px"
+  },
+  transitions: {
+    duration: {
+      fast: "150ms",
+      base: "200ms",
+      slow: "300ms"
+    },
+    easing: {
+      easeInOut: "cubic-bezier(0.4, 0, 0.2, 1)",
+      easeIn: "cubic-bezier(0.4, 0, 1, 1)",
+      easeOut: "cubic-bezier(0, 0, 0.2, 1)"
+    }
+  },
+  zIndex: {
+    dropdown: 1e3,
+    sticky: 1020,
+    fixed: 1030,
+    modalBackdrop: 1040,
+    modal: 1050,
+    popover: 1060,
+    tooltip: 1070
+  }
+}, te = {
+  ...ae,
+  palette: {
+    primary: {
+      main: "#3971b8",
+      hover: "#4a82c9",
+      active: "#2d5a96",
+      contrastText: "#ffffff"
+    },
+    secondary: {
+      main: "#c8d69b",
+      hover: "#d4e0b0",
+      active: "#b8c882",
+      contrastText: "#343b1b"
+    },
+    error: {
+      main: "#ef4444",
+      hover: "#f87171",
+      active: "#dc2626"
+    },
+    warning: {
+      main: "#f59e0b",
+      hover: "#fbbf24",
+      active: "#d97706"
+    },
+    success: {
+      main: "#22c55e",
+      hover: "#4ade80",
+      active: "#16a34a"
+    },
+    text: {
+      primary: "#fbfcee",
+      secondary: "#5a6342",
+      disabled: "#a3a3a3"
+    },
+    background: {
+      default: "#fbfcee",
+      accent: "#f6e6a5",
+      paper: "#ffffff"
+    },
+    border: {
+      default: "#c8d69b",
+      subtle: "#e5e5e5",
+      strong: "#5a6342"
+    }
+  }
+}, na = {
+  ...ae,
+  palette: {
+    primary: {
+      main: "#0ea5e9",
+      hover: "#38bdf8",
+      active: "#0284c7",
+      contrastText: "#ffffff"
+    },
+    secondary: {
+      main: "#a855f7",
+      hover: "#c084fc",
+      active: "#9333ea",
+      contrastText: "#ffffff"
+    },
+    error: {
+      main: "#ef4444",
+      hover: "#f87171",
+      active: "#dc2626"
+    },
+    warning: {
+      main: "#f59e0b",
+      hover: "#fbbf24",
+      active: "#d97706"
+    },
+    success: {
+      main: "#22c55e",
+      hover: "#4ade80",
+      active: "#16a34a"
+    },
+    text: {
+      primary: "#fafafa",
+      secondary: "#a3a3a3",
+      disabled: "#525252"
+    },
+    background: {
+      default: "#171717",
+      accent: "#212121",
+      paper: "#262626"
+    },
+    border: {
+      default: "#404040",
+      subtle: "#262626",
+      strong: "#525252"
+    }
+  }
+};
+function Zn(e) {
+  return e.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase();
+}
+function Qn(e) {
+  return `--${e.join("-")}`;
+}
+function jt(e, o, s) {
+  if (e != null) {
+    if (typeof e == "string" || typeof e == "number" || typeof e == "boolean") {
+      const i = Qn(o);
+      s[i] = String(e);
+      return;
+    }
+    if (Array.isArray(e)) {
+      e.forEach((i, c) => {
+        jt(i, [...o, String(c)], s);
+      });
+      return;
+    }
+    typeof e == "object" && Object.entries(e).forEach(([i, c]) => {
+      const n = Zn(i);
+      jt(c, [...o, n], s);
+    });
+  }
+}
+function ta(e) {
+  const o = {};
+  return jt(e, [], o), o;
+}
+const oe = $e(void 0), aa = ({ theme: e = te, children: o }) => {
+  const s = H(() => "palette" in e && e.palette && "primary" in e.palette ? e : pn(te, e), [e]), i = H(() => ta(s), [s]);
+  Fe(() => {
+    const n = document.documentElement;
+    return Object.entries(i).forEach(([u, _]) => {
+      n.style.setProperty(u, _);
+    }), () => {
+      Object.keys(i).forEach((u) => {
+        n.style.removeProperty(u);
+      });
+    };
+  }, [i]);
+  const c = H(
+    () => ({
+      theme: s
+    }),
+    [s]
+  );
+  return /* @__PURE__ */ l.jsx(oe.Provider, { value: c, children: o });
+};
+function ea() {
+  const e = Be(oe);
+  if (e === void 0)
+    throw new Error("useThemeContext must be used within a ThemeProvider");
+  return e;
+}
+function oa() {
+  const { theme: e } = ea();
+  return e;
+}
+export {
+  qn as ArticlePreview,
+  Xr as Button,
+  An as Grid,
+  ee as Icon,
+  tn as LabelMenuItem,
+  un as LikeButton,
+  Pn as Stack,
+  J as Tag,
+  Ar as TagGroup,
+  aa as ThemeProvider,
+  nt as Typography,
+  ae as baseTheme,
+  na as darkTheme,
+  te as lightTheme,
+  pn as mergeTheme,
+  ta as themeToCssVars,
+  oa as useTheme,
+  ea as useThemeContext
+};
+//# sourceMappingURL=index.esm.js.map