@figma-vars/hooks 1.0.9 → 1.1.0

package/dist/figma-vars-hooks.js

@@ -1,222 +1,1174 @@
-var E = Object.defineProperty;
-var k = (t, e, r) => e in t ? E(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
-var w = (t, e, r) => k(t, typeof e != "symbol" ? e + "" : e, r);
-import { useState as i, useEffect as d, useRef as F, useCallback as p } from "react";
-const c = () => {
-  const [t, e] = i("");
-  return d(() => {
-    e("");
-  }, []), t;
-}, A = (t, e) => {
-  const [r, a] = i(null), [n, s] = i(!0), [o, l] = i(null), h = c(), m = F(null), u = p(async () => {
-    if (!h) {
-      l(new Error("API token is not provided")), s(!1);
-      return;
-    }
-    s(!0), l(null);
-    try {
-      const f = `https://api.figma.com/v1/files/${t}/variables`, b = await fetch(f, {
-        method: "GET",
-        headers: {
-          "X-FIGMA-TOKEN": h
+import fe, { createContext as it, useContext as ct, useEffect as ht, useLayoutEffect as St, useRef as se, useMemo as bt, useCallback as ae, useDebugValue as Ot, useState as M } from "react";
+var Se = { exports: {} }, pe = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var ze;
+function Rt() {
+  if (ze) return pe;
+  ze = 1;
+  var e = Symbol.for("react.transitional.element"), r = Symbol.for("react.fragment");
+  function t(n, o, a) {
+    var i = null;
+    if (a !== void 0 && (i = "" + a), o.key !== void 0 && (i = "" + o.key), "key" in o) {
+      a = {};
+      for (var f in o)
+        f !== "key" && (a[f] = o[f]);
+    } else a = o;
+    return o = a.ref, {
+      $$typeof: e,
+      type: n,
+      key: i,
+      ref: o !== void 0 ? o : null,
+      props: a
+    };
+  }
+  return pe.Fragment = r, pe.jsx = t, pe.jsxs = t, pe;
+}
+var ve = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Xe;
+function Tt() {
+  return Xe || (Xe = 1, process.env.NODE_ENV !== "production" && function() {
+    function e(s) {
+      if (s == null) return null;
+      if (typeof s == "function")
+        return s.$$typeof === V ? null : s.displayName || s.name || null;
+      if (typeof s == "string") return s;
+      switch (s) {
+        case m:
+          return "Fragment";
+        case c:
+          return "Profiler";
+        case k:
+          return "StrictMode";
+        case y:
+          return "Suspense";
+        case I:
+          return "SuspenseList";
+        case Q:
+          return "Activity";
+      }
+      if (typeof s == "object")
+        switch (typeof s.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), s.$$typeof) {
+          case h:
+            return "Portal";
+          case ne:
+            return (s.displayName || "Context") + ".Provider";
+          case W:
+            return (s._context.displayName || "Context") + ".Consumer";
+          case $:
+            var l = s.render;
+            return s = s.displayName, s || (s = l.displayName || l.name || "", s = s !== "" ? "ForwardRef(" + s + ")" : "ForwardRef"), s;
+          case Z:
+            return l = s.displayName || null, l !== null ? l : e(s.type) || "Memo";
+          case O:
+            l = s._payload, s = s._init;
+            try {
+              return e(s(l));
+            } catch {
+            }
         }
-      });
-      if (!b.ok)
-        throw new Error(
-          `Failed to fetch Figma variables: ${b.statusText}`
-        );
-      const g = await b.json();
-      a(g.meta.variables);
-    } catch (f) {
-      l(
-        f instanceof Error ? f : new Error("Failed to fetch variables")
-      );
-    } finally {
-      s(!1);
-    }
-  }, [t, h]), v = p(() => {
-    u();
-  }, [u]);
-  return d(() => {
-    if (u(), e != null && e.pollInterval)
-      return m.current = setInterval(u, e.pollInterval), () => {
-        m.current && clearInterval(m.current);
-      };
-  }, [u, e == null ? void 0 : e.pollInterval]), { variables: r, loading: n, error: o, refresh: v };
-}, V = (t) => {
-  const [e, r] = i({
-    data: null,
-    loading: !0,
-    error: null
-  }), a = c();
-  return d(() => {
-    (async () => {
-      if (!a) {
-        r((o) => ({
-          ...o,
-          loading: !1,
-          error: new Error("API token is not provided")
-        }));
-        return;
+      return null;
+    }
+    function r(s) {
+      return "" + s;
+    }
+    function t(s) {
+      try {
+        r(s);
+        var l = !1;
+      } catch {
+        l = !0;
+      }
+      if (l) {
+        l = console;
+        var S = l.error, T = typeof Symbol == "function" && Symbol.toStringTag && s[Symbol.toStringTag] || s.constructor.name || "Object";
+        return S.call(
+          l,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          T
+        ), r(s);
       }
-      const s = `https://api.figma.com/v1/files/${t}/variable_collections`;
+    }
+    function n(s) {
+      if (s === m) return "<>";
+      if (typeof s == "object" && s !== null && s.$$typeof === O)
+        return "<...>";
       try {
-        const o = await fetch(s, {
-          headers: {
-            "X-FIGMA-TOKEN": a
-          }
+        var l = e(s);
+        return l ? "<" + l + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function o() {
+      var s = q.A;
+      return s === null ? null : s.getOwner();
+    }
+    function a() {
+      return Error("react-stack-top-frame");
+    }
+    function i(s) {
+      if (G.call(s, "key")) {
+        var l = Object.getOwnPropertyDescriptor(s, "key").get;
+        if (l && l.isReactWarning) return !1;
+      }
+      return s.key !== void 0;
+    }
+    function f(s, l) {
+      function S() {
+        oe || (oe = !0, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          l
+        ));
+      }
+      S.isReactWarning = !0, Object.defineProperty(s, "key", {
+        get: S,
+        configurable: !0
+      });
+    }
+    function E() {
+      var s = e(this.type);
+      return de[s] || (de[s] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), s = this.props.ref, s !== void 0 ? s : null;
+    }
+    function g(s, l, S, T, F, L, ce, ue) {
+      return S = L.ref, s = {
+        $$typeof: u,
+        type: s,
+        key: l,
+        props: L,
+        _owner: F
+      }, (S !== void 0 ? S : null) !== null ? Object.defineProperty(s, "ref", {
+        enumerable: !1,
+        get: E
+      }) : Object.defineProperty(s, "ref", { enumerable: !1, value: null }), s._store = {}, Object.defineProperty(s._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(s, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(s, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: ce
+      }), Object.defineProperty(s, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: ue
+      }), Object.freeze && (Object.freeze(s.props), Object.freeze(s)), s;
+    }
+    function v(s, l, S, T, F, L, ce, ue) {
+      var A = l.children;
+      if (A !== void 0)
+        if (T)
+          if (P(A)) {
+            for (T = 0; T < A.length; T++)
+              d(A[T]);
+            Object.freeze && Object.freeze(A);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else d(A);
+      if (G.call(l, "key")) {
+        A = e(s);
+        var ee = Object.keys(l).filter(function(he) {
+          return he !== "key";
         });
-        if (!o.ok)
-          throw new Error(
-            `Failed to fetch Figma collections: ${o.statusText}`
-          );
-        const l = await o.json();
-        r({
-          data: l.meta.variableCollections,
-          loading: !1,
-          error: null
+        T = 0 < ee.length ? "{key: someKey, " + ee.join(": ..., ") + ": ...}" : "{key: someKey}", Ee[A + T] || (ee = 0 < ee.length ? "{" + ee.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          T,
+          A,
+          ee,
+          A
+        ), Ee[A + T] = !0);
+      }
+      if (A = null, S !== void 0 && (t(S), A = "" + S), i(l) && (t(l.key), A = "" + l.key), "key" in l) {
+        S = {};
+        for (var J in l)
+          J !== "key" && (S[J] = l[J]);
+      } else S = l;
+      return A && f(
+        S,
+        typeof s == "function" ? s.displayName || s.name || "Unknown" : s
+      ), g(
+        s,
+        A,
+        L,
+        F,
+        o(),
+        S,
+        ce,
+        ue
+      );
+    }
+    function d(s) {
+      typeof s == "object" && s !== null && s.$$typeof === u && s._store && (s._store.validated = 1);
+    }
+    var p = fe, u = Symbol.for("react.transitional.element"), h = Symbol.for("react.portal"), m = Symbol.for("react.fragment"), k = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), W = Symbol.for("react.consumer"), ne = Symbol.for("react.context"), $ = Symbol.for("react.forward_ref"), y = Symbol.for("react.suspense"), I = Symbol.for("react.suspense_list"), Z = Symbol.for("react.memo"), O = Symbol.for("react.lazy"), Q = Symbol.for("react.activity"), V = Symbol.for("react.client.reference"), q = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, G = Object.prototype.hasOwnProperty, P = Array.isArray, Y = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    p = {
+      "react-stack-bottom-frame": function(s) {
+        return s();
+      }
+    };
+    var oe, de = {}, me = p["react-stack-bottom-frame"].bind(
+      p,
+      a
+    )(), H = Y(n(a)), Ee = {};
+    ve.Fragment = m, ve.jsx = function(s, l, S, T, F) {
+      var L = 1e4 > q.recentlyCreatedOwnerStacks++;
+      return v(
+        s,
+        l,
+        S,
+        !1,
+        T,
+        F,
+        L ? Error("react-stack-top-frame") : me,
+        L ? Y(n(s)) : H
+      );
+    }, ve.jsxs = function(s, l, S, T, F) {
+      var L = 1e4 > q.recentlyCreatedOwnerStacks++;
+      return v(
+        s,
+        l,
+        S,
+        !0,
+        T,
+        F,
+        L ? Error("react-stack-top-frame") : me,
+        L ? Y(n(s)) : H
+      );
+    };
+  }()), ve;
+}
+var Ze;
+function wt() {
+  return Ze || (Ze = 1, process.env.NODE_ENV === "production" ? Se.exports = Rt() : Se.exports = Tt()), Se.exports;
+}
+var yt = wt();
+const ut = it(
+  void 0
+), Er = ({
+  children: e,
+  token: r
+}) => /* @__PURE__ */ yt.jsx(ut.Provider, { value: { token: r }, children: e }), At = () => {
+  const e = ct(ut);
+  if (e === void 0)
+    throw new Error(
+      "useFigmaTokenContext must be used within a FigmaVarsProvider"
+    );
+  return e;
+}, ie = () => {
+  const { token: e } = At();
+  return e;
+};
+var be = { exports: {} }, ye = {};
+/**
+ * @license React
+ * use-sync-external-store-shim.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Qe;
+function Dt() {
+  if (Qe) return ye;
+  Qe = 1;
+  var e = fe;
+  function r(d, p) {
+    return d === p && (d !== 0 || 1 / d === 1 / p) || d !== d && p !== p;
+  }
+  var t = typeof Object.is == "function" ? Object.is : r, n = e.useState, o = e.useEffect, a = e.useLayoutEffect, i = e.useDebugValue;
+  function f(d, p) {
+    var u = p(), h = n({ inst: { value: u, getSnapshot: p } }), m = h[0].inst, k = h[1];
+    return a(
+      function() {
+        m.value = u, m.getSnapshot = p, E(m) && k({ inst: m });
+      },
+      [d, u, p]
+    ), o(
+      function() {
+        return E(m) && k({ inst: m }), d(function() {
+          E(m) && k({ inst: m });
         });
-      } catch (o) {
-        r((l) => ({
-          ...l,
-          loading: !1,
-          error: o instanceof Error ? o : new Error("Failed to fetch")
-        }));
-      }
-    })();
-  }, [t, a]), e;
-}, I = (t) => {
-  const [e, r] = i(null), a = c();
-  return d(() => {
-    (async () => {
-      const s = `https://api.figma.com/v1/collections/${t}/modes`;
+      },
+      [d]
+    ), i(u), u;
+  }
+  function E(d) {
+    var p = d.getSnapshot;
+    d = d.value;
+    try {
+      var u = p();
+      return !t(d, u);
+    } catch {
+      return !0;
+    }
+  }
+  function g(d, p) {
+    return p();
+  }
+  var v = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? g : f;
+  return ye.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : v, ye;
+}
+var Ae = {};
+/**
+ * @license React
+ * use-sync-external-store-shim.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var et;
+function Ct() {
+  return et || (et = 1, process.env.NODE_ENV !== "production" && function() {
+    function e(u, h) {
+      return u === h && (u !== 0 || 1 / u === 1 / h) || u !== u && h !== h;
+    }
+    function r(u, h) {
+      v || o.startTransition === void 0 || (v = !0, console.error(
+        "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
+      ));
+      var m = h();
+      if (!d) {
+        var k = h();
+        a(m, k) || (console.error(
+          "The result of getSnapshot should be cached to avoid an infinite loop"
+        ), d = !0);
+      }
+      k = i({
+        inst: { value: m, getSnapshot: h }
+      });
+      var c = k[0].inst, W = k[1];
+      return E(
+        function() {
+          c.value = m, c.getSnapshot = h, t(c) && W({ inst: c });
+        },
+        [u, m, h]
+      ), f(
+        function() {
+          return t(c) && W({ inst: c }), u(function() {
+            t(c) && W({ inst: c });
+          });
+        },
+        [u]
+      ), g(m), m;
+    }
+    function t(u) {
+      var h = u.getSnapshot;
+      u = u.value;
+      try {
+        var m = h();
+        return !a(u, m);
+      } catch {
+        return !0;
+      }
+    }
+    function n(u, h) {
+      return h();
+    }
+    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
+    var o = fe, a = typeof Object.is == "function" ? Object.is : e, i = o.useState, f = o.useEffect, E = o.useLayoutEffect, g = o.useDebugValue, v = !1, d = !1, p = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? n : r;
+    Ae.useSyncExternalStore = o.useSyncExternalStore !== void 0 ? o.useSyncExternalStore : p, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  }()), Ae;
+}
+var tt;
+function kt() {
+  return tt || (tt = 1, process.env.NODE_ENV === "production" ? be.exports = Dt() : be.exports = Ct()), be.exports;
+}
+var It = kt();
+const lt = 0, ft = 1, dt = 2, rt = 3;
+var nt = Object.prototype.hasOwnProperty;
+function je(e, r) {
+  var t, n;
+  if (e === r) return !0;
+  if (e && r && (t = e.constructor) === r.constructor) {
+    if (t === Date) return e.getTime() === r.getTime();
+    if (t === RegExp) return e.toString() === r.toString();
+    if (t === Array) {
+      if ((n = e.length) === r.length)
+        for (; n-- && je(e[n], r[n]); ) ;
+      return n === -1;
+    }
+    if (!t || typeof e == "object") {
+      n = 0;
+      for (t in e)
+        if (nt.call(e, t) && ++n && !nt.call(r, t) || !(t in r) || !je(e[t], r[t])) return !1;
+      return Object.keys(r).length === n;
+    }
+  }
+  return e !== e && r !== r;
+}
+const X = /* @__PURE__ */ new WeakMap(), te = () => {
+}, j = (
+  /*#__NOINLINE__*/
+  te()
+), Pe = Object, _ = (e) => e === j, B = (e) => typeof e == "function", re = (e, r) => ({
+  ...e,
+  ...r
+}), mt = (e) => B(e.then), De = {}, Oe = {}, $e = "undefined", _e = typeof window != $e, Ve = typeof document != $e, Lt = _e && "Deno" in window, xt = () => _e && typeof window.requestAnimationFrame != $e, Et = (e, r) => {
+  const t = X.get(e);
+  return [
+    // Getter
+    () => !_(r) && e.get(r) || De,
+    // Setter
+    (n) => {
+      if (!_(r)) {
+        const o = e.get(r);
+        r in Oe || (Oe[r] = o), t[5](r, re(o, n), o || De);
+      }
+    },
+    // Subscriber
+    t[6],
+    // Get server cache snapshot
+    () => !_(r) && r in Oe ? Oe[r] : !_(r) && e.get(r) || De
+  ];
+};
+let Fe = !0;
+const jt = () => Fe, [Ne, Me] = _e && window.addEventListener ? [
+  window.addEventListener.bind(window),
+  window.removeEventListener.bind(window)
+] : [
+  te,
+  te
+], Pt = () => {
+  const e = Ve && document.visibilityState;
+  return _(e) || e !== "hidden";
+}, Vt = (e) => (Ve && document.addEventListener("visibilitychange", e), Ne("focus", e), () => {
+  Ve && document.removeEventListener("visibilitychange", e), Me("focus", e);
+}), Ft = (e) => {
+  const r = () => {
+    Fe = !0, e();
+  }, t = () => {
+    Fe = !1;
+  };
+  return Ne("online", r), Ne("offline", t), () => {
+    Me("online", r), Me("offline", t);
+  };
+}, Nt = {
+  isOnline: jt,
+  isVisible: Pt
+}, Mt = {
+  initFocus: Vt,
+  initReconnect: Ft
+}, ot = !fe.useId, ge = !_e || Lt, Ut = (e) => xt() ? window.requestAnimationFrame(e) : setTimeout(e, 1), Ce = ge ? ht : St, ke = typeof navigator < "u" && navigator.connection, st = !ge && ke && ([
+  "slow-2g",
+  "2g"
+].includes(ke.effectiveType) || ke.saveData), Re = /* @__PURE__ */ new WeakMap(), Ie = (e, r) => Pe.prototype.toString.call(e) === `[object ${r}]`;
+let Wt = 0;
+const Ue = (e) => {
+  const r = typeof e, t = Ie(e, "Date"), n = Ie(e, "RegExp"), o = Ie(e, "Object");
+  let a, i;
+  if (Pe(e) === e && !t && !n) {
+    if (a = Re.get(e), a) return a;
+    if (a = ++Wt + "~", Re.set(e, a), Array.isArray(e)) {
+      for (a = "@", i = 0; i < e.length; i++)
+        a += Ue(e[i]) + ",";
+      Re.set(e, a);
+    }
+    if (o) {
+      a = "#";
+      const f = Pe.keys(e).sort();
+      for (; !_(i = f.pop()); )
+        _(e[i]) || (a += i + ":" + Ue(e[i]) + ",");
+      Re.set(e, a);
+    }
+  } else
+    a = t ? e.toJSON() : r == "symbol" ? e.toString() : r == "string" ? JSON.stringify(e) : "" + e;
+  return a;
+}, qe = (e) => {
+  if (B(e))
+    try {
+      e = e();
+    } catch {
+      e = "";
+    }
+  const r = e;
+  return e = typeof e == "string" ? e : (Array.isArray(e) ? e.length : e) ? Ue(e) : "", [
+    e,
+    r
+  ];
+};
+let $t = 0;
+const We = () => ++$t;
+async function pt(...e) {
+  const [r, t, n, o] = e, a = re({
+    populateCache: !0,
+    throwOnError: !0
+  }, typeof o == "boolean" ? {
+    revalidate: o
+  } : o || {});
+  let i = a.populateCache;
+  const f = a.rollbackOnError;
+  let E = a.optimisticData;
+  const g = (p) => typeof f == "function" ? f(p) : f !== !1, v = a.throwOnError;
+  if (B(t)) {
+    const p = t, u = [], h = r.keys();
+    for (const m of h)
+      // Skip the special useSWRInfinite and useSWRSubscription keys.
+      !/^\$(inf|sub)\$/.test(m) && p(r.get(m)._k) && u.push(m);
+    return Promise.all(u.map(d));
+  }
+  return d(t);
+  async function d(p) {
+    const [u] = qe(p);
+    if (!u) return;
+    const [h, m] = Et(r, u), [k, c, W, ne] = X.get(r), $ = () => {
+      const P = k[u];
+      return (B(a.revalidate) ? a.revalidate(h().data, p) : a.revalidate !== !1) && (delete W[u], delete ne[u], P && P[0]) ? P[0](dt).then(() => h().data) : h().data;
+    };
+    if (e.length < 3)
+      return $();
+    let y = n, I;
+    const Z = We();
+    c[u] = [
+      Z,
+      0
+    ];
+    const O = !_(E), Q = h(), V = Q.data, q = Q._c, G = _(q) ? V : q;
+    if (O && (E = B(E) ? E(G, V) : E, m({
+      data: E,
+      _c: G
+    })), B(y))
       try {
-        if (!(await fetch(s, {
-          headers: {
-            "X-FIGMA-TOKEN": a
-          }
-        })).ok) throw new Error("Failed to fetch Figma modes");
-        r({ success: !0, message: "Modes fetched successfully" });
-      } catch (o) {
-        r({
-          success: !1,
-          message: o instanceof Error ? o.message : "Unknown error"
+        y = y(G);
+      } catch (P) {
+        I = P;
+      }
+    if (y && mt(y))
+      if (y = await y.catch((P) => {
+        I = P;
+      }), Z !== c[u][0]) {
+        if (I) throw I;
+        return y;
+      } else I && O && g(I) && (i = !0, m({
+        data: G,
+        _c: j
+      }));
+    if (i && !I)
+      if (B(i)) {
+        const P = i(y, G);
+        m({
+          data: P,
+          error: j,
+          _c: j
+        });
+      } else
+        m({
+          data: y,
+          error: j,
+          _c: j
         });
+    if (c[u][1] = We(), Promise.resolve($()).then(() => {
+      m({
+        _c: j
+      });
+    }), I) {
+      if (v) throw I;
+      return;
+    }
+    return y;
+  }
+}
+const at = (e, r) => {
+  for (const t in e)
+    e[t][0] && e[t][0](r);
+}, qt = (e, r) => {
+  if (!X.has(e)) {
+    const t = re(Mt, r), n = /* @__PURE__ */ Object.create(null), o = pt.bind(j, e);
+    let a = te;
+    const i = /* @__PURE__ */ Object.create(null), f = (v, d) => {
+      const p = i[v] || [];
+      return i[v] = p, p.push(d), () => p.splice(p.indexOf(d), 1);
+    }, E = (v, d, p) => {
+      e.set(v, d);
+      const u = i[v];
+      if (u)
+        for (const h of u)
+          h(d, p);
+    }, g = () => {
+      if (!X.has(e) && (X.set(e, [
+        n,
+        /* @__PURE__ */ Object.create(null),
+        /* @__PURE__ */ Object.create(null),
+        /* @__PURE__ */ Object.create(null),
+        o,
+        E,
+        f
+      ]), !ge)) {
+        const v = t.initFocus(setTimeout.bind(j, at.bind(j, n, lt))), d = t.initReconnect(setTimeout.bind(j, at.bind(j, n, ft)));
+        a = () => {
+          v && v(), d && d(), X.delete(e);
+        };
       }
-    })();
-  }, [t, a]), { response: e };
+    };
+    return g(), [
+      e,
+      o,
+      g,
+      a
+    ];
+  }
+  return [
+    e,
+    X.get(e)[4]
+  ];
+}, Gt = (e, r, t, n, o) => {
+  const a = t.errorRetryCount, i = o.retryCount, f = ~~((Math.random() + 0.5) * (1 << (i < 8 ? i : 8))) * t.errorRetryInterval;
+  !_(a) && i > a || setTimeout(n, f, o);
+}, Yt = je, [vt, Bt] = qt(/* @__PURE__ */ new Map()), Ht = re(
+  {
+    // events
+    onLoadingSlow: te,
+    onSuccess: te,
+    onError: te,
+    onErrorRetry: Gt,
+    onDiscarded: te,
+    // switches
+    revalidateOnFocus: !0,
+    revalidateOnReconnect: !0,
+    revalidateIfStale: !0,
+    shouldRetryOnError: !0,
+    // timeouts
+    errorRetryInterval: st ? 1e4 : 5e3,
+    focusThrottleInterval: 5 * 1e3,
+    dedupingInterval: 2 * 1e3,
+    loadingTimeout: st ? 5e3 : 3e3,
+    // providers
+    compare: Yt,
+    isPaused: () => !1,
+    cache: vt,
+    mutate: Bt,
+    fallback: {}
+  },
+  // use web preset by default
+  Nt
+), Jt = (e, r) => {
+  const t = re(e, r);
+  if (r) {
+    const { use: n, fallback: o } = e, { use: a, fallback: i } = r;
+    n && a && (t.use = n.concat(a)), o && i && (t.fallback = re(o, i));
+  }
+  return t;
+}, Kt = it({}), zt = "$inf$", gt = _e && window.__SWR_DEVTOOLS_USE__, Xt = gt ? window.__SWR_DEVTOOLS_USE__ : [], Zt = () => {
+  gt && (window.__SWR_DEVTOOLS_REACT__ = fe);
+}, Qt = (e) => B(e[1]) ? [
+  e[0],
+  e[1],
+  e[2] || {}
+] : [
+  e[0],
+  null,
+  (e[1] === null ? e[2] : e[1]) || {}
+], er = () => re(Ht, ct(Kt)), tr = (e) => (r, t, n) => e(r, t && ((...a) => {
+  const [i] = qe(r), [, , , f] = X.get(vt);
+  if (i.startsWith(zt))
+    return t(...a);
+  const E = f[i];
+  return _(E) ? t(...a) : (delete f[i], E);
+}), n), rr = Xt.concat(tr), nr = (e) => function(...t) {
+  const n = er(), [o, a, i] = Qt(t), f = Jt(n, i);
+  let E = e;
+  const { use: g } = f, v = (g || []).concat(rr);
+  for (let d = v.length; d--; )
+    E = v[d](E);
+  return E(o, a || f.fetcher || null, f);
+}, or = (e, r, t) => {
+  const n = r[e] || (r[e] = []);
+  return n.push(t), () => {
+    const o = n.indexOf(t);
+    o >= 0 && (n[o] = n[n.length - 1], n.pop());
+  };
 };
-async function M(t, e) {
-  const r = c();
-  if (!r) throw new Error("API token is not provided");
-  const a = `https://api.figma.com/v1/files/${t}/variables`, n = await fetch(a, {
-    method: "POST",
-    headers: {
-      "Content-Type": "application/json",
-      "X-FIGMA-TOKEN": r
+Zt();
+const Le = fe.use || // This extra generic is to avoid TypeScript mixing up the generic and JSX sytax
+// and emitting an error.
+// We assume that this is only for the `use(thenable)` case, not `use(context)`.
+// https://github.com/facebook/react/blob/aed00dacfb79d17c53218404c52b1c7aa59c4a89/packages/react-server/src/ReactFizzThenable.js#L45
+((e) => {
+  switch (e.status) {
+    case "pending":
+      throw e;
+    case "fulfilled":
+      return e.value;
+    case "rejected":
+      throw e.reason;
+    default:
+      throw e.status = "pending", e.then((r) => {
+        e.status = "fulfilled", e.value = r;
+      }, (r) => {
+        e.status = "rejected", e.reason = r;
+      }), e;
+  }
+}), xe = {
+  dedupe: !0
+}, sr = (e, r, t) => {
+  const { cache: n, compare: o, suspense: a, fallbackData: i, revalidateOnMount: f, revalidateIfStale: E, refreshInterval: g, refreshWhenHidden: v, refreshWhenOffline: d, keepPreviousData: p } = t, [u, h, m, k] = X.get(n), [c, W] = qe(e), ne = se(!1), $ = se(!1), y = se(c), I = se(r), Z = se(t), O = () => Z.current, Q = () => O().isVisible() && O().isOnline(), [V, q, G, P] = Et(n, c), Y = se({}).current, oe = _(i) ? _(t.fallback) ? j : t.fallback[c] : i, de = (R, b) => {
+    for (const C in Y) {
+      const w = C;
+      if (w === "data") {
+        if (!o(R[w], b[w]) && (!_(R[w]) || !o(L, b[w])))
+          return !1;
+      } else if (b[w] !== R[w])
+        return !1;
+    }
+    return !0;
+  }, me = bt(() => {
+    const R = !c || !r ? !1 : _(f) ? O().isPaused() || a ? !1 : E !== !1 : f, b = (x) => {
+      const K = re(x);
+      return delete K._k, R ? {
+        isValidating: !0,
+        isLoading: !0,
+        ...K
+      } : K;
+    }, C = V(), w = P(), U = b(C), le = C === w ? U : b(w);
+    let D = U;
+    return [
+      () => {
+        const x = b(V());
+        return de(x, D) ? (D.data = x.data, D.isLoading = x.isLoading, D.isValidating = x.isValidating, D.error = x.error, D) : (D = x, x);
+      },
+      () => le
+    ];
+  }, [
+    n,
+    c
+  ]), H = It.useSyncExternalStore(ae(
+    (R) => G(c, (b, C) => {
+      de(C, b) || R();
+    }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+      n,
+      c
+    ]
+  ), me[0], me[1]), Ee = !ne.current, s = u[c] && u[c].length > 0, l = H.data, S = _(l) ? oe && mt(oe) ? Le(oe) : oe : l, T = H.error, F = se(S), L = p ? _(l) ? _(F.current) ? S : F.current : l : S, ce = s && !_(T) ? !1 : Ee && !_(f) ? f : O().isPaused() ? !1 : a ? _(S) ? !1 : E : _(S) || E, ue = !!(c && r && Ee && ce), A = _(H.isValidating) ? ue : H.isValidating, ee = _(H.isLoading) ? ue : H.isLoading, J = ae(
+    async (R) => {
+      const b = I.current;
+      if (!c || !b || $.current || O().isPaused())
+        return !1;
+      let C, w, U = !0;
+      const le = R || {}, D = !m[c] || !le.dedupe, x = () => ot ? !$.current && c === y.current && ne.current : c === y.current, K = {
+        isValidating: !1,
+        isLoading: !1
+      }, He = () => {
+        q(K);
+      }, Je = () => {
+        const N = m[c];
+        N && N[1] === w && delete m[c];
+      }, Ke = {
+        isValidating: !0
+      };
+      _(V().data) && (Ke.isLoading = !0);
+      try {
+        if (D && (q(Ke), t.loadingTimeout && _(V().data) && setTimeout(() => {
+          U && x() && O().onLoadingSlow(c, t);
+        }, t.loadingTimeout), m[c] = [
+          b(W),
+          We()
+        ]), [C, w] = m[c], C = await C, D && setTimeout(Je, t.dedupingInterval), !m[c] || m[c][1] !== w)
+          return D && x() && O().onDiscarded(c), !1;
+        K.error = j;
+        const N = h[c];
+        if (!_(N) && // case 1
+        (w <= N[0] || // case 2
+        w <= N[1] || // case 3
+        N[1] === 0))
+          return He(), D && x() && O().onDiscarded(c), !1;
+        const z = V().data;
+        K.data = o(z, C) ? z : C, D && x() && O().onSuccess(C, c, t);
+      } catch (N) {
+        Je();
+        const z = O(), { shouldRetryOnError: Te } = z;
+        z.isPaused() || (K.error = N, D && x() && (z.onError(N, c, z), (Te === !0 || B(Te) && Te(N)) && (!O().revalidateOnFocus || !O().revalidateOnReconnect || Q()) && z.onErrorRetry(N, c, z, (_t) => {
+          const we = u[c];
+          we && we[0] && we[0](rt, _t);
+        }, {
+          retryCount: (le.retryCount || 0) + 1,
+          dedupe: !0
+        })));
+      }
+      return U = !1, He(), !0;
     },
-    body: JSON.stringify(e)
-  });
-  if (!n.ok)
-    throw new Error("Failed to create Figma variable");
-  return n.json();
+    // `setState` is immutable, and `eventsCallback`, `fnArg`, and
+    // `keyValidating` are depending on `key`, so we can exclude them from
+    // the deps array.
+    //
+    // FIXME:
+    // `fn` and `config` might be changed during the lifecycle,
+    // but they might be changed every render like this.
+    // `useSWR('key', () => fetch('/api/'), { suspense: true })`
+    // So we omit the values from the deps array
+    // even though it might cause unexpected behaviors.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+      c,
+      n
+    ]
+  ), he = ae(
+    // Use callback to make sure `keyRef.current` returns latest result every time
+    (...R) => pt(n, y.current, ...R),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []
+  );
+  if (Ce(() => {
+    I.current = r, Z.current = t, _(l) || (F.current = l);
+  }), Ce(() => {
+    if (!c) return;
+    const R = J.bind(j, xe);
+    let b = 0;
+    O().revalidateOnFocus && (b = Date.now() + O().focusThrottleInterval);
+    const w = or(c, u, (U, le = {}) => {
+      if (U == lt) {
+        const D = Date.now();
+        O().revalidateOnFocus && D > b && Q() && (b = D + O().focusThrottleInterval, R());
+      } else if (U == ft)
+        O().revalidateOnReconnect && Q() && R();
+      else {
+        if (U == dt)
+          return J();
+        if (U == rt)
+          return J(le);
+      }
+    });
+    return $.current = !1, y.current = c, ne.current = !0, q({
+      _k: W
+    }), ce && (_(S) || ge ? R() : Ut(R)), () => {
+      $.current = !0, w();
+    };
+  }, [
+    c
+  ]), Ce(() => {
+    let R;
+    function b() {
+      const w = B(g) ? g(V().data) : g;
+      w && R !== -1 && (R = setTimeout(C, w));
+    }
+    function C() {
+      !V().error && (v || O().isVisible()) && (d || O().isOnline()) ? J(xe).then(b) : b();
+    }
+    return b(), () => {
+      R && (clearTimeout(R), R = -1);
+    };
+  }, [
+    g,
+    v,
+    d,
+    c
+  ]), Ot(L), a && _(S) && c) {
+    if (!ot && ge)
+      throw new Error("Fallback data is required when using Suspense in SSR.");
+    I.current = r, Z.current = t, $.current = !1;
+    const R = k[c];
+    if (!_(R)) {
+      const b = he(R);
+      Le(b);
+    }
+    if (_(T)) {
+      const b = J(xe);
+      _(L) || (b.status = "fulfilled", b.value = !0), Le(b);
+    } else
+      throw T;
+  }
+  return {
+    mutate: he,
+    get data() {
+      return Y.data = !0, L;
+    },
+    get error() {
+      return Y.error = !0, T;
+    },
+    get isValidating() {
+      return Y.isValidating = !0, A;
+    },
+    get isLoading() {
+      return Y.isLoading = !0, ee;
+    }
+  };
+}, Ge = nr(sr), pr = () => null, Ye = async (e, r = { method: "GET" }) => {
+  throw new Error("Figma API token is not available.");
+}, ar = "https://api.figma.com", ir = `${ar}/v1/files`, Be = (e) => `${ir}/${e}/variables`, vr = (e) => {
+  const r = ie(), { data: t, error: n, isLoading: o, isValidating: a } = Ge(
+    r ? Be(e) : null,
+    Ye
+  ), i = t != null && t.meta ? Object.values(t.meta.variables) : [], f = t != null && t.meta ? t.meta.variables : {};
+  return {
+    variables: i,
+    variablesById: f,
+    isLoading: o,
+    isValidating: a,
+    error: n ?? (t && "message" in t ? new Error(t.message) : null)
+  };
+}, gr = (e) => {
+  const r = ie(), { data: t, error: n, isLoading: o, isValidating: a } = Ge(
+    r ? Be(e) : null,
+    Ye
+  ), i = t != null && t.meta ? Object.values(t.meta.variableCollections) : [], f = t != null && t.meta ? t.meta.variableCollections : {};
+  return {
+    collections: i,
+    collectionsById: f,
+    isLoading: o,
+    isValidating: a,
+    error: n ?? (t && "message" in t ? new Error(t.message) : null)
+  };
+}, _r = (e) => {
+  const r = ie(), { data: t, error: n, isLoading: o, isValidating: a } = Ge(
+    r ? Be(e) : null,
+    Ye
+  ), i = [], f = {}, E = {};
+  if (t != null && t.meta)
+    for (const g of Object.values(
+      t.meta.variableCollections
+    )) {
+      i.push(...g.modes), f[g.id] = g.modes;
+      for (const v of g.modes)
+        E[v.modeId] = v;
+    }
+  return {
+    modes: i,
+    modesByCollectionId: f,
+    modesById: E,
+    isLoading: o,
+    isValidating: a,
+    error: n ?? (t && "message" in t ? new Error(t.message) : null)
+  };
+};
+async function cr(e, r, t) {
+  const n = `https://api.figma.com/v1/files/${r}/variables`;
+  try {
+    const o = await fetch(n, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        "X-FIGMA-TOKEN": e
+      },
+      body: JSON.stringify(t)
+    }), a = await o.json();
+    return o.ok ? {
+      error: !1,
+      status: o.status,
+      meta: a.meta
+    } : {
+      error: !0,
+      status: o.status,
+      message: a.message || "Failed to perform bulk update."
+    };
+  } catch (o) {
+    return {
+      error: !0,
+      status: 500,
+      message: o instanceof Error ? o.message : "An unknown error occurred."
+    };
+  }
 }
-async function O(t, e, r) {
-  const a = c();
-  if (!a) throw new Error("API token is not provided");
-  const n = `https://api.figma.com/v1/files/${t}/variables/${e}`, s = await fetch(n, {
-    method: "PUT",
-    headers: {
-      "Content-Type": "application/json",
-      "X-FIGMA-TOKEN": a
+const hr = () => {
+  const e = ie(), [r, t] = M(!1), [n, o] = M(null), [a, i] = M(null);
+  return { bulkUpdate: ae(
+    async (E, g) => {
+      if (!e) {
+        o("Figma API token is not provided.");
+        return;
+      }
+      t(!0), o(null);
+      const v = await cr(e, E, g);
+      i(v), v.error && o(v.message || "An error occurred during the bulk update."), t(!1);
     },
-    body: JSON.stringify(r)
-  });
-  if (!s.ok)
-    throw new Error("Failed to update Figma variable");
-  return s.json();
+    [e]
+  ), loading: r, error: n, data: a };
+};
+async function ur(e, r) {
+  const t = "https://api.figma.com/v1/variables";
+  try {
+    const n = await fetch(t, {
+      method: "POST",
+      headers: {
+        "Content-Type": "application/json",
+        "X-FIGMA-TOKEN": e
+      },
+      body: JSON.stringify(r)
+    });
+    if (!n.ok) {
+      const a = await n.json();
+      return {
+        error: !0,
+        status: n.status,
+        message: a.message || "Failed to create Figma variable"
+      };
+    }
+    const o = await n.json();
+    return {
+      error: !1,
+      status: n.status,
+      variable: o
+    };
+  } catch (n) {
+    return {
+      error: !0,
+      status: 500,
+      message: n instanceof Error ? n.message : "An unknown error occurred"
+    };
+  }
 }
-async function P(t, e) {
-  const r = c();
-  if (!r) throw new Error("API token is not provided");
-  const a = `https://api.figma.com/v1/files/${t}/variables/${e}`, n = await fetch(a, {
-    method: "DELETE",
-    headers: {
-      "X-FIGMA-TOKEN": r
+const Sr = () => {
+  const e = ie(), [r, t] = M(!1), [n, o] = M(null), [a, i] = M(null);
+  return { createVariable: ae(
+    async (E) => {
+      if (!e) {
+        o("Figma API token is not provided.");
+        return;
+      }
+      t(!0), o(null);
+      const g = await ur(e, E);
+      i(g), g.error && o(g.message || "An error occurred."), t(!1);
+    },
+    [e]
+  ), loading: r, error: n, data: a };
+};
+async function lr(e, r) {
+  const t = `https://api.figma.com/v1/variables/${r}`;
+  try {
+    const n = await fetch(t, {
+      method: "DELETE",
+      headers: {
+        "Content-Type": "application/json",
+        "X-FIGMA-TOKEN": e
+      }
+    });
+    if (!n.ok) {
+      const o = await n.json();
+      return {
+        error: !0,
+        status: n.status,
+        message: o.message || "Failed to delete Figma variable"
+      };
     }
-  });
-  if (!n.ok)
-    throw new Error("Failed to delete Figma variable");
-  return n.json();
+    return {
+      error: !1,
+      status: n.status
+    };
+  } catch (n) {
+    return {
+      error: !0,
+      status: 500,
+      message: n instanceof Error ? n.message : "An unknown error occurred"
+    };
+  }
 }
-async function $(t, e) {
-  const r = c();
-  if (!r) throw new Error("API token is not provided");
-  const a = `https://api.figma.com/v1/variables/${t}/values`, n = await fetch(a, {
-    method: "PUT",
-    headers: {
-      "X-FIGMA-TOKEN": r,
-      "Content-Type": "application/json"
+const br = () => {
+  const e = ie(), [r, t] = M(!1), [n, o] = M(null), [a, i] = M(null);
+  return { deleteVariable: ae(
+    async (E) => {
+      if (!e) {
+        o("Figma API token is not provided.");
+        return;
+      }
+      t(!0), o(null);
+      const g = await lr(e, E);
+      i(g), g.error && o(g.message || "An error occurred."), t(!1);
     },
-    body: JSON.stringify(e)
-  });
-  if (!n.ok)
-    throw new Error("Failed to update variable values");
-  return n.json();
+    [e]
+  ), loading: r, error: n, data: a };
+};
+async function fr(e, r, t) {
+  const n = `https://api.figma.com/v1/variables/${r}`;
+  try {
+    const o = await fetch(n, {
+      method: "PUT",
+      headers: {
+        "Content-Type": "application/json",
+        "X-FIGMA-TOKEN": e
+      },
+      body: JSON.stringify(t)
+    });
+    if (!o.ok) {
+      const a = await o.json();
+      return {
+        error: !0,
+        status: o.status,
+        message: a.message || "Failed to update Figma variable"
+      };
+    }
+    return {
+      error: !1,
+      status: o.status
+    };
+  } catch (o) {
+    return {
+      error: !0,
+      status: 500,
+      message: o instanceof Error ? o.message : "An unknown error occurred"
+    };
+  }
 }
-function j(t, e) {
-  return t.filter((r) => {
-    let a = !0;
-    return e.type && (a = a && r.type === e.type), e.name && (a = a && r.name === e.name), a;
+const Or = () => {
+  const e = ie(), [r, t] = M(!1), [n, o] = M(null), [a, i] = M(null);
+  return { updateVariable: ae(
+    async (E, g) => {
+      if (!e) {
+        o("Figma API token is not provided.");
+        return;
+      }
+      t(!0), o(null);
+      const v = await fr(e, E, g);
+      i(v), v.error && o(v.message || "An error occurred."), t(!1);
+    },
+    [e]
+  ), loading: r, error: n, data: a };
+};
+function Rr(e, r) {
+  return e.filter((t) => {
+    let n = !0;
+    return r.resolvedType && (n = n && t.resolvedType === r.resolvedType), r.name && (n = n && t.name.includes(r.name)), n;
   });
 }
-class N {
-  constructor() {
-    w(this, "cache", {});
-  }
-  get(e) {
-    return this.cache[e];
-  }
-  set(e, r) {
-    this.cache[e] = r;
-  }
-  clear(e) {
-    e ? delete this.cache[e] : this.cache = {};
-  }
-}
-const C = () => null, G = () => !0, S = async (t, e = { method: "GET" }) => {
-  throw new Error("Figma API token is not available.");
-}, X = () => {
-  const [t, e] = i({});
-  return { aliases: t, setAlias: (n, s) => e((o) => ({ ...o, [n]: s })), removeAlias: (n) => {
-    const s = { ...t };
-    delete s[n], e(s);
-  } };
-}, K = () => {
-  const [t, e] = i(
-    /* @__PURE__ */ new Map()
-  );
-  return { bindings: t, bindVariable: (n, s) => e(new Map(t.set(n, s))), unbindVariable: (n) => {
-    const s = new Map(t);
-    s.delete(n), e(s);
-  } };
-}, x = () => ({}), B = () => ({});
 export {
-  N as VariablesCache,
-  M as createVariable,
-  P as deleteVariable,
-  S as fetchWithAuth,
-  j as filterVariables,
-  C as getFigmaToken,
-  O as updateVariable,
-  $ as updateVariableValues,
-  c as useFigmaToken,
-  x as usePublishVars,
-  B as useSync,
-  X as useVariableAliases,
-  K as useVariableBindings,
-  V as useVariableCollections,
-  I as useVariableModes,
-  A as useVariables,
-  G as validateToken
+  Er as FigmaVarsProvider,
+  Ye as fetchWithAuth,
+  Rr as filterVariables,
+  pr as getFigmaToken,
+  hr as useBulkUpdateVariables,
+  Sr as useCreateVariable,
+  br as useDeleteVariable,
+  ie as useFigmaToken,
+  Or as useUpdateVariable,
+  gr as useVariableCollections,
+  _r as useVariableModes,
+  vr as useVariables
 };