@luoluoyu/fluentui-plus 0.1.4

package/dist/index.esm.js

@@ -0,0 +1,1177 @@
+import * as N from "react";
+import Ze, { useMemo as er, useCallback as Br } from "react";
+import { mergeClasses as rr } from "@fluentui/react-components";
+var ve = { exports: {} }, V = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Me;
+function Yr() {
+  if (Me) return V;
+  Me = 1;
+  var r = Ze, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, c = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function l(d, u, m) {
+    var v, h = {}, b = null, E = null;
+    m !== void 0 && (b = "" + m), u.key !== void 0 && (b = "" + u.key), u.ref !== void 0 && (E = u.ref);
+    for (v in u) s.call(u, v) && !i.hasOwnProperty(v) && (h[v] = u[v]);
+    if (d && d.defaultProps) for (v in u = d.defaultProps, u) h[v] === void 0 && (h[v] = u[v]);
+    return { $$typeof: t, type: d, key: b, ref: E, props: h, _owner: c.current };
+  }
+  return V.Fragment = n, V.jsx = l, V.jsxs = l, V;
+}
+var M = {};
+/**
+ * @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 We;
+function Kr() {
+  return We || (We = 1, process.env.NODE_ENV !== "production" && function() {
+    var r = Ze, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), d = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), m = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), b = Symbol.for("react.lazy"), E = Symbol.for("react.offscreen"), C = Symbol.iterator, y = "@@iterator";
+    function ee(e) {
+      if (e === null || typeof e != "object")
+        return null;
+      var o = C && e[C] || e[y];
+      return typeof o == "function" ? o : null;
+    }
+    var k = r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function O(e) {
+      {
+        for (var o = arguments.length, a = new Array(o > 1 ? o - 1 : 0), f = 1; f < o; f++)
+          a[f - 1] = arguments[f];
+        lr("error", e, a);
+      }
+    }
+    function lr(e, o, a) {
+      {
+        var f = k.ReactDebugCurrentFrame, _ = f.getStackAddendum();
+        _ !== "" && (o += "%s", a = a.concat([_]));
+        var R = a.map(function(p) {
+          return String(p);
+        });
+        R.unshift("Warning: " + o), Function.prototype.apply.call(console[e], console, R);
+      }
+    }
+    var ur = !1, fr = !1, dr = !1, vr = !1, hr = !1, me;
+    me = Symbol.for("react.module.reference");
+    function gr(e) {
+      return !!(typeof e == "string" || typeof e == "function" || e === s || e === i || hr || e === c || e === m || e === v || vr || e === E || ur || fr || dr || typeof e == "object" && e !== null && (e.$$typeof === b || e.$$typeof === h || e.$$typeof === l || e.$$typeof === d || e.$$typeof === u || // This needs to include all possible module reference object
+      // types supported by any Flight configuration anywhere since
+      // we don't know which Flight build this will end up being used
+      // with.
+      e.$$typeof === me || e.getModuleId !== void 0));
+    }
+    function pr(e, o, a) {
+      var f = e.displayName;
+      if (f)
+        return f;
+      var _ = o.displayName || o.name || "";
+      return _ !== "" ? a + "(" + _ + ")" : a;
+    }
+    function Ee(e) {
+      return e.displayName || "Context";
+    }
+    function A(e) {
+      if (e == null)
+        return null;
+      if (typeof e.tag == "number" && O("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
+        return e.displayName || e.name || null;
+      if (typeof e == "string")
+        return e;
+      switch (e) {
+        case s:
+          return "Fragment";
+        case n:
+          return "Portal";
+        case i:
+          return "Profiler";
+        case c:
+          return "StrictMode";
+        case m:
+          return "Suspense";
+        case v:
+          return "SuspenseList";
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case d:
+            var o = e;
+            return Ee(o) + ".Consumer";
+          case l:
+            var a = e;
+            return Ee(a._context) + ".Provider";
+          case u:
+            return pr(e, e.render, "ForwardRef");
+          case h:
+            var f = e.displayName || null;
+            return f !== null ? f : A(e.type) || "Memo";
+          case b: {
+            var _ = e, R = _._payload, p = _._init;
+            try {
+              return A(p(R));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var j = Object.assign, U = 0, _e, be, Re, ye, Se, Ce, xe;
+    function Oe() {
+    }
+    Oe.__reactDisabledLog = !0;
+    function mr() {
+      {
+        if (U === 0) {
+          _e = console.log, be = console.info, Re = console.warn, ye = console.error, Se = console.group, Ce = console.groupCollapsed, xe = console.groupEnd;
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            value: Oe,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: e,
+            log: e,
+            warn: e,
+            error: e,
+            group: e,
+            groupCollapsed: e,
+            groupEnd: e
+          });
+        }
+        U++;
+      }
+    }
+    function Er() {
+      {
+        if (U--, U === 0) {
+          var e = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: j({}, e, {
+              value: _e
+            }),
+            info: j({}, e, {
+              value: be
+            }),
+            warn: j({}, e, {
+              value: Re
+            }),
+            error: j({}, e, {
+              value: ye
+            }),
+            group: j({}, e, {
+              value: Se
+            }),
+            groupCollapsed: j({}, e, {
+              value: Ce
+            }),
+            groupEnd: j({}, e, {
+              value: xe
+            })
+          });
+        }
+        U < 0 && O("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var re = k.ReactCurrentDispatcher, te;
+    function H(e, o, a) {
+      {
+        if (te === void 0)
+          try {
+            throw Error();
+          } catch (_) {
+            var f = _.stack.trim().match(/\n( *(at )?)/);
+            te = f && f[1] || "";
+          }
+        return `
+` + te + e;
+      }
+    }
+    var ne = !1, G;
+    {
+      var _r = typeof WeakMap == "function" ? WeakMap : Map;
+      G = new _r();
+    }
+    function Te(e, o) {
+      if (!e || ne)
+        return "";
+      {
+        var a = G.get(e);
+        if (a !== void 0)
+          return a;
+      }
+      var f;
+      ne = !0;
+      var _ = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var R;
+      R = re.current, re.current = null, mr();
+      try {
+        if (o) {
+          var p = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(p.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(p, []);
+            } catch (w) {
+              f = w;
+            }
+            Reflect.construct(e, [], p);
+          } else {
+            try {
+              p.call();
+            } catch (w) {
+              f = w;
+            }
+            e.call(p.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (w) {
+            f = w;
+          }
+          e();
+        }
+      } catch (w) {
+        if (w && f && typeof w.stack == "string") {
+          for (var g = w.stack.split(`
+`), T = f.stack.split(`
+`), S = g.length - 1, x = T.length - 1; S >= 1 && x >= 0 && g[S] !== T[x]; )
+            x--;
+          for (; S >= 1 && x >= 0; S--, x--)
+            if (g[S] !== T[x]) {
+              if (S !== 1 || x !== 1)
+                do
+                  if (S--, x--, x < 0 || g[S] !== T[x]) {
+                    var D = `
+` + g[S].replace(" at new ", " at ");
+                    return e.displayName && D.includes("<anonymous>") && (D = D.replace("<anonymous>", e.displayName)), typeof e == "function" && G.set(e, D), D;
+                  }
+                while (S >= 1 && x >= 0);
+              break;
+            }
+        }
+      } finally {
+        ne = !1, re.current = R, Er(), Error.prepareStackTrace = _;
+      }
+      var $ = e ? e.displayName || e.name : "", I = $ ? H($) : "";
+      return typeof e == "function" && G.set(e, I), I;
+    }
+    function br(e, o, a) {
+      return Te(e, !1);
+    }
+    function Rr(e) {
+      var o = e.prototype;
+      return !!(o && o.isReactComponent);
+    }
+    function X(e, o, a) {
+      if (e == null)
+        return "";
+      if (typeof e == "function")
+        return Te(e, Rr(e));
+      if (typeof e == "string")
+        return H(e);
+      switch (e) {
+        case m:
+          return H("Suspense");
+        case v:
+          return H("SuspenseList");
+      }
+      if (typeof e == "object")
+        switch (e.$$typeof) {
+          case u:
+            return br(e.render);
+          case h:
+            return X(e.type, o, a);
+          case b: {
+            var f = e, _ = f._payload, R = f._init;
+            try {
+              return X(R(_), o, a);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var q = Object.prototype.hasOwnProperty, we = {}, Ne = k.ReactDebugCurrentFrame;
+    function J(e) {
+      if (e) {
+        var o = e._owner, a = X(e.type, e._source, o ? o.type : null);
+        Ne.setExtraStackFrame(a);
+      } else
+        Ne.setExtraStackFrame(null);
+    }
+    function yr(e, o, a, f, _) {
+      {
+        var R = Function.call.bind(q);
+        for (var p in e)
+          if (R(e, p)) {
+            var g = void 0;
+            try {
+              if (typeof e[p] != "function") {
+                var T = Error((f || "React class") + ": " + a + " type `" + p + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[p] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw T.name = "Invariant Violation", T;
+              }
+              g = e[p](o, p, f, a, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (S) {
+              g = S;
+            }
+            g && !(g instanceof Error) && (J(_), O("%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).", f || "React class", a, p, typeof g), J(null)), g instanceof Error && !(g.message in we) && (we[g.message] = !0, J(_), O("Failed %s type: %s", a, g.message), J(null));
+          }
+      }
+    }
+    var Sr = Array.isArray;
+    function se(e) {
+      return Sr(e);
+    }
+    function Cr(e) {
+      {
+        var o = typeof Symbol == "function" && Symbol.toStringTag, a = o && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return a;
+      }
+    }
+    function xr(e) {
+      try {
+        return De(e), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function De(e) {
+      return "" + e;
+    }
+    function Pe(e) {
+      if (xr(e))
+        return O("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Cr(e)), De(e);
+    }
+    var Ae = k.ReactCurrentOwner, Or = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, je, Ie;
+    function Tr(e) {
+      if (q.call(e, "ref")) {
+        var o = Object.getOwnPropertyDescriptor(e, "ref").get;
+        if (o && o.isReactWarning)
+          return !1;
+      }
+      return e.ref !== void 0;
+    }
+    function wr(e) {
+      if (q.call(e, "key")) {
+        var o = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (o && o.isReactWarning)
+          return !1;
+      }
+      return e.key !== void 0;
+    }
+    function Nr(e, o) {
+      typeof e.ref == "string" && Ae.current;
+    }
+    function Dr(e, o) {
+      {
+        var a = function() {
+          je || (je = !0, O("%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)", o));
+        };
+        a.isReactWarning = !0, Object.defineProperty(e, "key", {
+          get: a,
+          configurable: !0
+        });
+      }
+    }
+    function Pr(e, o) {
+      {
+        var a = function() {
+          Ie || (Ie = !0, O("%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)", o));
+        };
+        a.isReactWarning = !0, Object.defineProperty(e, "ref", {
+          get: a,
+          configurable: !0
+        });
+      }
+    }
+    var Ar = function(e, o, a, f, _, R, p) {
+      var g = {
+        // This tag allows us to uniquely identify this as a React Element
+        $$typeof: t,
+        // Built-in properties that belong on the element
+        type: e,
+        key: o,
+        ref: a,
+        props: p,
+        // Record the component responsible for creating this element.
+        _owner: R
+      };
+      return g._store = {}, Object.defineProperty(g._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(g, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: f
+      }), Object.defineProperty(g, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: _
+      }), Object.freeze && (Object.freeze(g.props), Object.freeze(g)), g;
+    };
+    function jr(e, o, a, f, _) {
+      {
+        var R, p = {}, g = null, T = null;
+        a !== void 0 && (Pe(a), g = "" + a), wr(o) && (Pe(o.key), g = "" + o.key), Tr(o) && (T = o.ref, Nr(o, _));
+        for (R in o)
+          q.call(o, R) && !Or.hasOwnProperty(R) && (p[R] = o[R]);
+        if (e && e.defaultProps) {
+          var S = e.defaultProps;
+          for (R in S)
+            p[R] === void 0 && (p[R] = S[R]);
+        }
+        if (g || T) {
+          var x = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          g && Dr(p, x), T && Pr(p, x);
+        }
+        return Ar(e, g, T, _, f, Ae.current, p);
+      }
+    }
+    var oe = k.ReactCurrentOwner, ke = k.ReactDebugCurrentFrame;
+    function F(e) {
+      if (e) {
+        var o = e._owner, a = X(e.type, e._source, o ? o.type : null);
+        ke.setExtraStackFrame(a);
+      } else
+        ke.setExtraStackFrame(null);
+    }
+    var ie;
+    ie = !1;
+    function ae(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === t;
+    }
+    function Fe() {
+      {
+        if (oe.current) {
+          var e = A(oe.current.type);
+          if (e)
+            return `
+
+Check the render method of \`` + e + "`.";
+        }
+        return "";
+      }
+    }
+    function Ir(e) {
+      return "";
+    }
+    var $e = {};
+    function kr(e) {
+      {
+        var o = Fe();
+        if (!o) {
+          var a = typeof e == "string" ? e : e.displayName || e.name;
+          a && (o = `
+
+Check the top-level render call using <` + a + ">.");
+        }
+        return o;
+      }
+    }
+    function Le(e, o) {
+      {
+        if (!e._store || e._store.validated || e.key != null)
+          return;
+        e._store.validated = !0;
+        var a = kr(o);
+        if ($e[a])
+          return;
+        $e[a] = !0;
+        var f = "";
+        e && e._owner && e._owner !== oe.current && (f = " It was passed a child from " + A(e._owner.type) + "."), F(e), O('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', a, f), F(null);
+      }
+    }
+    function Ue(e, o) {
+      {
+        if (typeof e != "object")
+          return;
+        if (se(e))
+          for (var a = 0; a < e.length; a++) {
+            var f = e[a];
+            ae(f) && Le(f, o);
+          }
+        else if (ae(e))
+          e._store && (e._store.validated = !0);
+        else if (e) {
+          var _ = ee(e);
+          if (typeof _ == "function" && _ !== e.entries)
+            for (var R = _.call(e), p; !(p = R.next()).done; )
+              ae(p.value) && Le(p.value, o);
+        }
+      }
+    }
+    function Fr(e) {
+      {
+        var o = e.type;
+        if (o == null || typeof o == "string")
+          return;
+        var a;
+        if (typeof o == "function")
+          a = o.propTypes;
+        else if (typeof o == "object" && (o.$$typeof === u || // Note: Memo only checks outer props here.
+        // Inner props are checked in the reconciler.
+        o.$$typeof === h))
+          a = o.propTypes;
+        else
+          return;
+        if (a) {
+          var f = A(o);
+          yr(a, e.props, "prop", f, e);
+        } else if (o.PropTypes !== void 0 && !ie) {
+          ie = !0;
+          var _ = A(o);
+          O("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", _ || "Unknown");
+        }
+        typeof o.getDefaultProps == "function" && !o.getDefaultProps.isReactClassApproved && O("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function $r(e) {
+      {
+        for (var o = Object.keys(e.props), a = 0; a < o.length; a++) {
+          var f = o[a];
+          if (f !== "children" && f !== "key") {
+            F(e), O("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", f), F(null);
+            break;
+          }
+        }
+        e.ref !== null && (F(e), O("Invalid attribute `ref` supplied to `React.Fragment`."), F(null));
+      }
+    }
+    var qe = {};
+    function Ve(e, o, a, f, _, R) {
+      {
+        var p = gr(e);
+        if (!p) {
+          var g = "";
+          (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (g += " 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 T = Ir();
+          T ? g += T : g += Fe();
+          var S;
+          e === null ? S = "null" : se(e) ? S = "array" : e !== void 0 && e.$$typeof === t ? (S = "<" + (A(e.type) || "Unknown") + " />", g = " Did you accidentally export a JSX literal instead of a component?") : S = typeof e, O("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", S, g);
+        }
+        var x = jr(e, o, a, _, R);
+        if (x == null)
+          return x;
+        if (p) {
+          var D = o.children;
+          if (D !== void 0)
+            if (f)
+              if (se(D)) {
+                for (var $ = 0; $ < D.length; $++)
+                  Ue(D[$], e);
+                Object.freeze && Object.freeze(D);
+              } else
+                O("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
+              Ue(D, e);
+        }
+        if (q.call(o, "key")) {
+          var I = A(e), w = Object.keys(o).filter(function(Wr) {
+            return Wr !== "key";
+          }), ce = w.length > 0 ? "{key: someKey, " + w.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!qe[I + ce]) {
+            var Mr = w.length > 0 ? "{" + w.join(": ..., ") + ": ...}" : "{}";
+            O(`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} />`, ce, I, Mr, I), qe[I + ce] = !0;
+          }
+        }
+        return e === s ? $r(x) : Fr(x), x;
+      }
+    }
+    function Lr(e, o, a) {
+      return Ve(e, o, a, !0);
+    }
+    function Ur(e, o, a) {
+      return Ve(e, o, a, !1);
+    }
+    var qr = Ur, Vr = Lr;
+    M.Fragment = s, M.jsx = qr, M.jsxs = Vr;
+  }()), M;
+}
+process.env.NODE_ENV === "production" ? ve.exports = Yr() : ve.exports = Kr();
+var B = ve.exports;
+const he = N.createContext(void 0), zr = {};
+he.Provider;
+const Hr = () => N.useContext(he) ? N.useContext(he) : zr, le = typeof window > "u" ? global : window, ue = "@griffel/";
+function tr(r, t) {
+  return le[Symbol.for(ue + r)] || (le[Symbol.for(ue + r)] = t), le[Symbol.for(ue + r)];
+}
+const ge = /* @__PURE__ */ tr("DEBUG_RESET_CLASSES", {}), z = /* @__PURE__ */ tr("DEFINITION_LOOKUP_TABLE", {}), Y = "data-make-styles-bucket", Gr = "data-priority", Xr = "r", K = 7, P = "___", nr = "_", sr = process.env.NODE_ENV === "production" ? P.length + K : P.length + K + nr.length + K, Jr = 0, Be = 1;
+function fe(r) {
+  for (var t = 0, n, s = 0, c = r.length; c >= 4; ++s, c -= 4)
+    n = r.charCodeAt(s) & 255 | (r.charCodeAt(++s) & 255) << 8 | (r.charCodeAt(++s) & 255) << 16 | (r.charCodeAt(++s) & 255) << 24, n = /* Math.imul(k, m): */
+    (n & 65535) * 1540483477 + ((n >>> 16) * 59797 << 16), n ^= /* k >>> r: */
+    n >>> 24, t = /* Math.imul(k, m): */
+    (n & 65535) * 1540483477 + ((n >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */
+    (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16);
+  switch (c) {
+    case 3:
+      t ^= (r.charCodeAt(s + 2) & 255) << 16;
+    case 2:
+      t ^= (r.charCodeAt(s + 1) & 255) << 8;
+    case 1:
+      t ^= r.charCodeAt(s) & 255, t = /* Math.imul(h, m): */
+      (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16);
+  }
+  return t ^= t >>> 13, t = /* Math.imul(h, m): */
+  (t & 65535) * 1540483477 + ((t >>> 16) * 59797 << 16), ((t ^ t >>> 15) >>> 0).toString(36);
+}
+function de(r) {
+  const t = r.length;
+  if (t === K)
+    return r;
+  for (let n = t; n < K; n++)
+    r += "0";
+  return r;
+}
+function or(r, t, n = []) {
+  return process.env.NODE_ENV === "production" ? P + de(fe(r + t)) : P + de(fe(r + t)) + nr + de(fe(n.join("")));
+}
+function ir(r, t) {
+  let n = "", s = "";
+  for (const c in r) {
+    const i = r[c];
+    if (i === 0) {
+      s += c + " ";
+      continue;
+    }
+    const l = Array.isArray(i), d = t === "rtl" ? (l ? i[1] : i) + " " : (l ? i[0] : i) + " ";
+    n += d, s += d;
+  }
+  return [n.slice(0, -1), s.slice(0, -1)];
+}
+function Ye(r, t) {
+  const n = {};
+  for (const s in r) {
+    const [c, i] = ir(r[s], t);
+    if (i === "") {
+      n[s] = "";
+      continue;
+    }
+    const l = or(i, t), d = l + (c === "" ? "" : " " + c);
+    z[l] = [r[s], t], n[s] = d;
+  }
+  return n;
+}
+const Q = {};
+function Qr() {
+  let r = null, t = "", n = "";
+  const s = new Array(arguments.length);
+  let c = "";
+  for (let b = 0; b < arguments.length; b++) {
+    const E = arguments[b];
+    if (typeof E == "string" && E !== "") {
+      const C = E.indexOf(P);
+      if (C === -1)
+        process.env.NODE_ENV !== "production" && E.split(" ").forEach((y) => {
+          y.startsWith(Xr) && ge[y] && (c ? console.error(`mergeClasses(): a passed string contains multiple classes produced by makeResetStyles (${E} & ${t}, this will lead to non-deterministic behavior. Learn more:https://griffel.js.org/react/api/make-reset-styles#limitations
+Source string: ${E}`) : c = y);
+        }), t += E + " ";
+      else {
+        const y = E.substr(C, sr);
+        C > 0 && (t += E.slice(0, C)), n += y, s[b] = y;
+      }
+      process.env.NODE_ENV !== "production" && E.indexOf(P, C + 1) !== -1 && console.error(`mergeClasses(): a passed string contains multiple identifiers of atomic classes (classes that start with "${P}"), it's possible that passed classes were concatenated in a wrong way. Source string: ${E}`);
+    }
+  }
+  if (n === "")
+    return t.slice(0, -1);
+  const i = Q[n];
+  if (i !== void 0)
+    return t + i;
+  const l = [];
+  for (let b = 0; b < arguments.length; b++) {
+    const E = s[b];
+    if (E) {
+      const C = z[E];
+      C ? (l.push(C[Jr]), process.env.NODE_ENV !== "production" && r !== null && r !== C[Be] && console.error(`mergeClasses(): a passed string contains an identifier (${E}) that has different direction (dir="${C[1] ? "rtl" : "ltr"}") setting than other classes. This is not supported. Source string: ${arguments[b]}`), r = C[Be]) : process.env.NODE_ENV !== "production" && console.error(`mergeClasses(): a passed string contains an identifier (${E}) that does not match any entry in cache. Source string: ${arguments[b]}`);
+    }
+  }
+  const d = Object.assign.apply(
+    Object,
+    // .assign() mutates the first object, we can't mutate mappings as it will produce invalid results later
+    [{}].concat(l)
+  ), [u, m] = ir(d, r), v = or(m, r, s), h = v + " " + u;
+  return Q[n] = h, z[v] = [d, r], t + h;
+}
+const Ke = {}, ze = /* @__PURE__ */ new Set(), L = {
+  getChildrenSequences: (r) => {
+    const t = Object.keys(Q).find((n) => Q[n].startsWith(r));
+    return t ? t.split(P).filter((n) => n.length).map((n) => P + n) : [];
+  },
+  addCSSRule: (r) => {
+    ze.add(r);
+  },
+  addSequenceDetails: (r, t) => {
+    Object.entries(r).forEach(([n, s]) => {
+      Ke[s.substring(0, sr)] = {
+        slotName: n,
+        sourceURL: t
+      };
+    });
+  },
+  getCSSRules: () => Array.from(ze),
+  getSequenceDetails: (r) => Ke[r]
+};
+function He(r, t) {
+  return Array.isArray(r) ? t === "rtl" ? r[1] : r[0] : r || "";
+}
+function Zr(r, t, n, s) {
+  const c = r[0], i = r[1];
+  return Object.entries(c).map(([l, d]) => {
+    const u = He(d, i);
+    let m;
+    if (n && t) {
+      const v = n.find(({
+        className: h
+      }) => h === u);
+      !v && t[0][l] ? m = He(t[0][l], t[1]) : v && t[0][l] ? m = (s ? s.filter(({
+        debugClassNames: b
+      }) => b.filter(({
+        className: E
+      }) => E === u).length > 0).length > 0 : !1) ? v.className : v.overriddenBy : (!v && !t[0][l] || v && !t[0][l]) && (m = void 0);
+    }
+    return {
+      className: u,
+      overriddenBy: m
+    };
+  });
+}
+function ar(r, t) {
+  const n = z[r];
+  if (n === void 0)
+    return;
+  const s = t ? z[t.sequenceHash] : void 0, c = Zr(n, s, t == null ? void 0 : t.debugClassNames, t == null ? void 0 : t.children), i = {
+    sequenceHash: r,
+    direction: n[1],
+    children: [],
+    debugClassNames: c
+  };
+  return L.getChildrenSequences(i.sequenceHash).reverse().forEach((d) => {
+    const u = ar(d, i);
+    u && i.children.push(u);
+  }), i.children.length || (i.rules = {}, i.debugClassNames.forEach(({
+    className: d
+  }) => {
+    const u = L.getSequenceDetails(r);
+    u && (i.slot = u.slotName, i.sourceURL = u.sourceURL);
+    const m = L.getCSSRules().find((v) => v.includes(d));
+    i.rules[d] = m;
+  })), i;
+}
+function et(r) {
+  if (ge[r] === void 0)
+    return;
+  const s = {
+    sequenceHash: r,
+    direction: "ltr",
+    children: [],
+    debugClassNames: [{
+      className: r
+    }]
+  };
+  s.rules = {}, s.slot = "makeResetStyles()";
+  const [{
+    className: c
+  }] = s.debugClassNames, i = L.getCSSRules().filter((l) => l.includes(`.${c}`));
+  return s.rules[c] = i.join(""), s;
+}
+function rt(r, t) {
+  const n = r ? ar(r) : void 0, s = t ? et(t) : void 0;
+  return !n && !s ? void 0 : n ? s ? {
+    sequenceHash: n.sequenceHash + s.sequenceHash,
+    direction: n.direction,
+    children: [n, s],
+    debugClassNames: [...n.debugClassNames, ...s.debugClassNames]
+  } : n : s;
+}
+function tt(r) {
+  const t = r.defaultView;
+  if (!t || t.__GRIFFEL_DEVTOOLS__)
+    return;
+  const n = {
+    getInfo: (s) => {
+      let c, i;
+      for (const l of s.classList)
+        l.startsWith(P) && (c = l), ge[l] && (i = l);
+      return rt(c, i);
+    }
+  };
+  Object.defineProperty(t, "__GRIFFEL_DEVTOOLS__", {
+    configurable: !1,
+    enumerable: !1,
+    get() {
+      return n;
+    }
+  });
+}
+const Z = /* @__PURE__ */ (() => {
+  var r;
+  try {
+    return !!(typeof window < "u" && (!((r = window.sessionStorage) === null || r === void 0) && r.getItem("__GRIFFEL_DEVTOOLS__")));
+  } catch {
+    return !1;
+  }
+})();
+function nt(r) {
+  if (!Array.isArray(r))
+    return [r];
+  if (process.env.NODE_ENV !== "production" && r.length > 2)
+    throw new Error("CSS Bucket contains an entry with greater than 2 items, please report this to https://github.com/microsoft/griffel/issues");
+  return r;
+}
+function st(r, t, n, s) {
+  const c = [];
+  if (s[Y] = t, s[Gr] = String(n), r)
+    for (const l in s)
+      r.setAttribute(l, s[l]);
+  function i(l) {
+    return r != null && r.sheet ? r.sheet.insertRule(l, r.sheet.cssRules.length) : c.push(l);
+  }
+  return {
+    elementAttributes: s,
+    insertRule: i,
+    element: r,
+    bucketName: t,
+    cssRules() {
+      return r != null && r.sheet ? Array.from(r.sheet.cssRules).map((l) => l.cssText) : c;
+    }
+  };
+}
+const ot = [
+  // reset styles
+  "r",
+  // catch-all
+  "d",
+  // link
+  "l",
+  // visited
+  "v",
+  // focus-within
+  "w",
+  // focus
+  "f",
+  // focus-visible
+  "i",
+  // hover
+  "h",
+  // active
+  "a",
+  // at rules for reset styles
+  "s",
+  // keyframes
+  "k",
+  // at-rules
+  "t",
+  // @media rules
+  "m",
+  // @container rules
+  "c"
+], Ge = /* @__PURE__ */ ot.reduce((r, t, n) => (r[t] = n, r), {});
+function it(r, t, n) {
+  return (r === "m" ? r + t : r) + n;
+}
+function at(r, t, n, s, c = {}) {
+  var i, l;
+  const d = r === "m", u = (i = c.m) !== null && i !== void 0 ? i : "0", m = (l = c.p) !== null && l !== void 0 ? l : 0, v = it(r, u, m);
+  if (!s.stylesheets[v]) {
+    const h = t && t.createElement("style"), b = st(h, r, m, Object.assign({}, s.styleElementAttributes, d && {
+      media: u
+    }));
+    s.stylesheets[v] = b, t != null && t.head && h && t.head.insertBefore(h, lt(t, n, r, s, c));
+  }
+  return s.stylesheets[v];
+}
+function ct(r, t, n) {
+  var s, c;
+  const i = t + ((s = n.m) !== null && s !== void 0 ? s : ""), l = r.getAttribute(Y) + ((c = r.media) !== null && c !== void 0 ? c : "");
+  return i === l;
+}
+function lt(r, t, n, s, c = {}) {
+  var i, l;
+  const d = Ge[n], u = (i = c.m) !== null && i !== void 0 ? i : "", m = (l = c.p) !== null && l !== void 0 ? l : 0;
+  let v = (y) => d - Ge[y.getAttribute(Y)], h = r.head.querySelectorAll(`[${Y}]`);
+  if (n === "m") {
+    const y = r.head.querySelectorAll(`[${Y}="${n}"]`);
+    y.length && (h = y, v = (ee) => s.compareMediaQueries(u, ee.media));
+  }
+  const b = (y) => ct(y, n, c) ? m - Number(y.getAttribute("data-priority")) : v(y), E = h.length;
+  let C = E - 1;
+  for (; C >= 0; ) {
+    const y = h.item(C);
+    if (b(y) > 0)
+      return y.nextSibling;
+    C--;
+  }
+  return E > 0 ? h.item(0) : t ? t.nextSibling : null;
+}
+const ut = /* @__PURE__ */ ["-moz-placeholder", "-moz-focus-inner", "-moz-focusring", "-ms-input-placeholder", "-moz-read-write", "-moz-read-only"].join("|"), ft = /* @__PURE__ */ new RegExp(`:(${ut})`);
+function Xe(r, t) {
+  try {
+    r.insertRule(t);
+  } catch (n) {
+    process.env.NODE_ENV !== "production" && !ft.test(t) && console.error(`There was a problem inserting the following rule: "${t}"`, n);
+  }
+}
+let dt = 0;
+const vt = (r, t) => r < t ? -1 : r > t ? 1 : 0;
+function ht(r = typeof document > "u" ? void 0 : document, t = {}) {
+  const {
+    classNameHashSalt: n,
+    unstable_filterCSSRule: s,
+    insertionPoint: c,
+    styleElementAttributes: i,
+    compareMediaQueries: l = vt
+  } = t, d = {
+    classNameHashSalt: n,
+    insertionCache: {},
+    stylesheets: {},
+    styleElementAttributes: Object.freeze(i),
+    compareMediaQueries: l,
+    id: `d${dt++}`,
+    insertCSSRules(u) {
+      for (const m in u) {
+        const v = u[m];
+        for (let h = 0, b = v.length; h < b; h++) {
+          const [E, C] = nt(v[h]), y = at(m, r, c || null, d, C);
+          d.insertionCache[E] || (d.insertionCache[E] = m, process.env.NODE_ENV !== "production" && Z && L.addCSSRule(E), s ? s(E) && Xe(y, E) : Xe(y, E));
+        }
+      }
+    }
+  };
+  return r && process.env.NODE_ENV !== "production" && Z && tt(r), d;
+}
+const pe = "<unknown>";
+function gt(r) {
+  return _t(r) || yt(r) || Ct(r);
+}
+const pt = /^\s*at (.*?) ?\(((?:file|https?|blob|chrome-extension|native|eval|webpack|<anonymous>|\/|[a-z]:\\|\\\\).*?)?\)?\s*$/i, mt = /^\s*at ()((?:file|https?|blob|chrome-extension|native|eval|webpack|<anonymous>|\/|[a-z]:\\|\\\\).*?)\s*$/i, Et = /\((\S*)\)/;
+function _t(r) {
+  const t = pt.exec(r) || mt.exec(r);
+  if (!t)
+    return null;
+  let n = t[2];
+  const s = n && n.indexOf("native") === 0, c = n && n.indexOf("eval") === 0, i = Et.exec(n);
+  return c && i != null && (n = i[1]), {
+    loc: s ? null : t[2],
+    name: t[1] || pe
+  };
+}
+const bt = /^\s*(.*?)(?:\((.*?)\))?(?:^|@)((?:file|https?|blob|chrome|webpack|resource|\[native).*?|[^@]*bundle)\s*$/i, Rt = /(\S+) line (\d+)(?: > eval line \d+)* > eval/i;
+function yt(r) {
+  const t = bt.exec(r);
+  if (!t)
+    return null;
+  let n = t[3];
+  const s = n && n.indexOf(" > eval") > -1, c = Rt.exec(n);
+  return s && c != null && (n = c[1]), {
+    loc: t[3],
+    name: t[1] || pe
+  };
+}
+const St = /^\s*(?:([^@]*)(?:\((.*?)\))?@)?(\S.*?)\s*$/i;
+function Ct(r) {
+  const t = St.exec(r);
+  return t ? {
+    loc: t[3],
+    name: t[1] || pe
+  } : null;
+}
+function xt() {
+  const r = String(new Error().stack).split(`
+`), t = Ot(r);
+  if (t === void 0)
+    return;
+  const n = gt(t);
+  return n == null ? void 0 : n.loc;
+}
+function Ot(r) {
+  for (let t = r.length - 1; t >= 0; --t)
+    if (r[t].includes("at getSourceURLfromError"))
+      return r[t + 3];
+}
+const Tt = () => {
+  const r = {};
+  return function(n, s) {
+    r[n.id] === void 0 && (n.insertCSSRules(s), r[n.id] = !0);
+  };
+};
+function wt(r, t, n = Tt) {
+  const s = n();
+  let c = null, i = null, l;
+  process.env.NODE_ENV !== "production" && Z && (l = xt());
+  function d(u) {
+    const {
+      dir: m,
+      renderer: v
+    } = u, h = m === "ltr";
+    h ? c === null && (c = Ye(r, m)) : i === null && (i = Ye(r, m)), s(v, t);
+    const b = h ? c : i;
+    return process.env.NODE_ENV !== "production" && Z && L.addSequenceDetails(b, l), b;
+  }
+  return d;
+}
+function Nt() {
+  return typeof window < "u" && !!(window.document && window.document.createElement);
+}
+const Je = (
+  // @ts-expect-error Hack to make sure that `useInsertionEffect` will not cause bundling issues in older React versions
+  // eslint-disable-next-line no-useless-concat
+  N.useInsertionEffect ? N.useInsertionEffect : void 0
+), Dt = () => {
+  const r = {};
+  return function(n, s) {
+    if (Je && Nt()) {
+      Je(() => {
+        n.insertCSSRules(s);
+      }, [n, s]);
+      return;
+    }
+    r[n.id] === void 0 && (n.insertCSSRules(s), r[n.id] = !0);
+  };
+}, Pt = /* @__PURE__ */ N.createContext(/* @__PURE__ */ ht());
+function At() {
+  return N.useContext(Pt);
+}
+const jt = /* @__PURE__ */ N.createContext("ltr");
+function It() {
+  return N.useContext(jt);
+}
+function kt(r, t) {
+  const n = wt(r, t, Dt);
+  return function() {
+    const c = It(), i = At();
+    return n({
+      dir: c,
+      renderer: i
+    });
+  };
+}
+const Ft = kt({
+  root: {
+    mc9l5x: "f1w7gpdv",
+    Bg96gwp: "fez10in",
+    ycbfsm: "fg4l7m0"
+  },
+  rtl: {
+    Bz10aip: "f13rod7r"
+  }
+}, {
+  d: [".f1w7gpdv{display:inline;}", ".fez10in{line-height:0;}", ".f13rod7r{-webkit-transform:scaleX(-1);-moz-transform:scaleX(-1);-ms-transform:scaleX(-1);transform:scaleX(-1);}"],
+  t: ["@media (forced-colors: active){.fg4l7m0{forced-color-adjust:auto;}}"]
+}), $t = (r, t) => {
+  const {
+    title: n,
+    primaryFill: s = "currentColor",
+    ...c
+  } = r, i = {
+    ...c,
+    title: void 0,
+    fill: s
+  }, l = Ft(), d = Hr();
+  return i.className = Qr(l.root, (t == null ? void 0 : t.flipInRtl) && (d == null ? void 0 : d.textDirection) === "rtl" && l.rtl, i.className), n && (i["aria-label"] = n), !i["aria-label"] && !i["aria-labelledby"] ? i["aria-hidden"] = !0 : i.role = "img", i;
+}, Lt = (r, t, n, s) => {
+  const c = "20", i = N.forwardRef((l, d) => {
+    const u = {
+      ...$t(l, {
+        flipInRtl: s == null ? void 0 : s.flipInRtl
+      }),
+      ref: d,
+      width: t,
+      height: t,
+      viewBox: `0 0 ${c} ${c}`,
+      xmlns: "http://www.w3.org/2000/svg"
+    };
+    return typeof n == "string" ? N.createElement("svg", {
+      ...u,
+      dangerouslySetInnerHTML: {
+        __html: n
+      }
+    }) : N.createElement("svg", u, ...n.map((m) => N.createElement("path", {
+      d: m,
+      fill: u.fill
+    })));
+  });
+  return i.displayName = r, i;
+}, Ut = /* @__PURE__ */ Lt("DismissFilled", "1em", ["m3.9 4.05.07-.08a.75.75 0 0 1 .98-.07l.08.07L10 8.94l4.97-4.97a.75.75 0 0 1 .98-.07l.08.07c.27.27.3.68.07.98l-.07.08L11.06 10l4.97 4.97c.27.27.3.68.07.98l-.07.08a.75.75 0 0 1-.98.07l-.08-.07L10 11.06l-4.97 4.97a.75.75 0 0 1-.98.07l-.08-.07a.75.75 0 0 1-.07-.98l.07-.08L8.94 10 3.97 5.03a.75.75 0 0 1-.07-.98l.07-.08-.07.08Z"]), Qe = "mm-checkable-tag", qt = ({ checked: r, onChange: t, children: n, className: s, ...c }) => {
+  const i = er(
+    () => rr(Qe, r && `${Qe}--checked`, s),
+    [r, s]
+  );
+  return /* @__PURE__ */ B.jsx(cr, { ...c, className: i, onClick: () => t == null ? void 0 : t(!r), children: n });
+}, W = "mm-tag", Vt = ({ children: r, ...t }) => {
+  const { closeIcon: n = !1, color: s, bordered: c = !0, className: i, style: l, onClick: d, onClose: u } = t, m = er(
+    () => rr(W, c ? `${W}--bordered` : `${W}--borderless`, i),
+    [c, i]
+  ), v = Br(() => n ? /* @__PURE__ */ B.jsx(
+    "span",
+    {
+      className: `${W}__close`,
+      onClick: (h) => {
+        h.stopPropagation(), u == null || u(h);
+      },
+      children: typeof n == "boolean" ? /* @__PURE__ */ B.jsx(Ut, {}) : n
+    }
+  ) : null, [n, u]);
+  return /* @__PURE__ */ B.jsxs(
+    "span",
+    {
+      className: m,
+      style: {
+        ...l,
+        backgroundColor: s ?? (l == null ? void 0 : l.backgroundColor),
+        color: s ? "#fff" : "",
+        border: c ? "" : "none"
+      },
+      onClick: (h) => {
+        h.stopPropagation(), d == null || d(h);
+      },
+      children: [
+        /* @__PURE__ */ B.jsx("span", { className: `${W}__content`, children: r }),
+        v()
+      ]
+    }
+  );
+}, cr = Vt;
+cr.CheckableTag = qt;
+export {
+  cr as Tag
+};
+//# sourceMappingURL=index.esm.js.map