@figma-vars/hooks 1.3.3 → 1.4.3

package/dist/figma-vars-hooks.js

@@ -1,20 +1,20 @@
-import { jsx as we } from "react/jsx-runtime";
-import et, { createContext as Qt, useContext as Zt, useEffect as Re, useLayoutEffect as ge, useRef as B, useMemo as ft, useCallback as lt, useDebugValue as ye, useReducer as Te } from "react";
-const te = Qt(
+import { jsx as Oe } from "react/jsx-runtime";
+import et, { createContext as Zt, useContext as te, useEffect as ve, useLayoutEffect as we, useRef as $, useMemo as ft, useCallback as lt, useDebugValue as Re, useReducer as Te } from "react";
+const ee = Zt(
   void 0
 ), En = ({
   children: t,
   token: e,
   fileKey: n
-}) => /* @__PURE__ */ we(te.Provider, { value: { token: e, fileKey: n }, children: t }), X = () => {
-  const t = Zt(te);
+}) => /* @__PURE__ */ Oe(ee.Provider, { value: { token: e, fileKey: n }, children: t }), nt = () => {
+  const t = te(ee);
   if (t === void 0)
     throw new Error(
       "useFigmaTokenContext must be used within a FigmaVarsProvider"
     );
   return t;
 };
-var at = { exports: {} }, St = {};
+var at = { exports: {} }, _t = {};
 /**
  * @license React
  * use-sync-external-store-shim.production.js
@@ -24,32 +24,32 @@ var at = { exports: {} }, St = {};
  * 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 Ae() {
-  if (kt) return St;
-  kt = 1;
+var Ht;
+function ye() {
+  if (Ht) return _t;
+  Ht = 1;
   var t = et;
   function e(u, d) {
     return u === d && (u !== 0 || 1 / u === 1 / d) || u !== u && d !== d;
   }
-  var n = typeof Object.is == "function" ? Object.is : e, r = t.useState, o = t.useEffect, s = t.useLayoutEffect, a = t.useDebugValue;
-  function m(u, d) {
-    var c = d(), E = r({ inst: { value: c, getSnapshot: d } }), l = E[0].inst, D = E[1];
+  var n = typeof Object.is == "function" ? Object.is : e, r = t.useState, o = t.useEffect, s = t.useLayoutEffect, i = t.useDebugValue;
+  function E(u, d) {
+    var c = d(), p = r({ inst: { value: c, getSnapshot: d } }), l = p[0].inst, D = p[1];
     return s(
       function() {
-        l.value = c, l.getSnapshot = d, _(l) && D({ inst: l });
+        l.value = c, l.getSnapshot = d, h(l) && D({ inst: l });
       },
       [u, c, d]
     ), o(
       function() {
-        return _(l) && D({ inst: l }), u(function() {
-          _(l) && D({ inst: l });
+        return h(l) && D({ inst: l }), u(function() {
+          h(l) && D({ inst: l });
         });
       },
       [u]
-    ), a(c), c;
+    ), i(c), c;
   }
-  function _(u) {
+  function h(u) {
     var d = u.getSnapshot;
     u = u.value;
     try {
@@ -62,10 +62,10 @@ function Ae() {
   function y(u, d) {
     return d();
   }
-  var O = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? y : m;
-  return St.useSyncExternalStore = t.useSyncExternalStore !== void 0 ? t.useSyncExternalStore : O, St;
+  var O = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? y : E;
+  return _t.useSyncExternalStore = t.useSyncExternalStore !== void 0 ? t.useSyncExternalStore : O, _t;
 }
-var ht = {};
+var St = {};
 /**
  * @license React
  * use-sync-external-store-shim.development.js
@@ -75,67 +75,67 @@ var ht = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var $t;
-function De() {
-  return $t || ($t = 1, process.env.NODE_ENV !== "production" && function() {
-    function t(c, E) {
-      return c === E && (c !== 0 || 1 / c === 1 / E) || c !== c && E !== E;
+var kt;
+function ge() {
+  return kt || (kt = 1, process.env.NODE_ENV !== "production" && function() {
+    function t(c, p) {
+      return c === p && (c !== 0 || 1 / c === 1 / p) || c !== c && p !== p;
     }
-    function e(c, E) {
+    function e(c, p) {
       O || o.startTransition === void 0 || (O = !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 l = E();
+      var l = p();
       if (!u) {
-        var D = E();
+        var D = p();
         s(l, D) || (console.error(
           "The result of getSnapshot should be cached to avoid an infinite loop"
         ), u = !0);
       }
-      D = a({
-        inst: { value: l, getSnapshot: E }
+      D = i({
+        inst: { value: l, getSnapshot: p }
       });
-      var i = D[0].inst, M = D[1];
-      return _(
+      var a = D[0].inst, P = D[1];
+      return h(
         function() {
-          i.value = l, i.getSnapshot = E, n(i) && M({ inst: i });
+          a.value = l, a.getSnapshot = p, n(a) && P({ inst: a });
         },
-        [c, l, E]
-      ), m(
+        [c, l, p]
+      ), E(
         function() {
-          return n(i) && M({ inst: i }), c(function() {
-            n(i) && M({ inst: i });
+          return n(a) && P({ inst: a }), c(function() {
+            n(a) && P({ inst: a });
           });
         },
         [c]
       ), y(l), l;
     }
     function n(c) {
-      var E = c.getSnapshot;
+      var p = c.getSnapshot;
       c = c.value;
       try {
-        var l = E();
+        var l = p();
         return !s(c, l);
       } catch {
         return !0;
       }
     }
-    function r(c, E) {
-      return E();
+    function r(c, p) {
+      return p();
     }
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
-    var o = et, s = typeof Object.is == "function" ? Object.is : t, a = o.useState, m = o.useEffect, _ = o.useLayoutEffect, y = o.useDebugValue, O = !1, u = !1, d = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? r : e;
-    ht.useSyncExternalStore = o.useSyncExternalStore !== void 0 ? o.useSyncExternalStore : d, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
-  }()), ht;
+    var o = et, s = typeof Object.is == "function" ? Object.is : t, i = o.useState, E = o.useEffect, h = o.useLayoutEffect, y = o.useDebugValue, O = !1, u = !1, d = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? r : e;
+    St.useSyncExternalStore = o.useSyncExternalStore !== void 0 ? o.useSyncExternalStore : d, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  }()), St;
 }
-var Ht;
-function Ie() {
-  return Ht || (Ht = 1, process.env.NODE_ENV === "production" ? at.exports = Ae() : at.exports = De()), at.exports;
+var Kt;
+function Ae() {
+  return Kt || (Kt = 1, process.env.NODE_ENV === "production" ? at.exports = ye() : at.exports = ge()), at.exports;
 }
-var Le = Ie();
-const ee = 0, ne = 1, re = 2, Kt = 3;
-var Jt = Object.prototype.hasOwnProperty;
-function Tt(t, e) {
+var De = Ae();
+const ne = 0, re = 1, oe = 2, Jt = 3;
+var Yt = Object.prototype.hasOwnProperty;
+function gt(t, e) {
   var n, r;
   if (t === e) return !0;
   if (t && e && (n = t.constructor) === e.constructor) {
@@ -143,27 +143,27 @@ function Tt(t, e) {
     if (n === RegExp) return t.toString() === e.toString();
     if (n === Array) {
       if ((r = t.length) === e.length)
-        for (; r-- && Tt(t[r], e[r]); ) ;
+        for (; r-- && gt(t[r], e[r]); ) ;
       return r === -1;
     }
     if (!n || typeof t == "object") {
       r = 0;
       for (n in t)
-        if (Jt.call(t, n) && ++r && !Jt.call(e, n) || !(n in e) || !Tt(t[n], e[n])) return !1;
+        if (Yt.call(t, n) && ++r && !Yt.call(e, n) || !(n in e) || !gt(t[n], e[n])) return !1;
       return Object.keys(e).length === r;
     }
   }
   return t !== t && e !== e;
 }
-const P = /* @__PURE__ */ new WeakMap(), U = () => {
+const M = /* @__PURE__ */ new WeakMap(), U = () => {
 }, A = (
   /*#__NOINLINE__*/
   U()
 ), At = Object, f = (t) => t === A, N = (t) => typeof t == "function", G = (t, e) => ({
   ...t,
   ...e
-}), oe = (t) => N(t.then), Ot = {}, ct = {}, Nt = "undefined", nt = typeof window != Nt, Dt = typeof document != Nt, Ce = nt && "Deno" in window, be = () => nt && typeof window.requestAnimationFrame != Nt, se = (t, e) => {
-  const n = P.get(t);
+}), se = (t) => N(t.then), Ot = {}, ct = {}, Nt = "undefined", rt = typeof window != Nt, Dt = typeof document != Nt, Ie = rt && "Deno" in window, Le = () => rt && typeof window.requestAnimationFrame != Nt, ie = (t, e) => {
+  const n = M.get(t);
   return [
     // Getter
     () => !f(e) && t.get(e) || Ot,
@@ -181,18 +181,18 @@ const P = /* @__PURE__ */ new WeakMap(), U = () => {
   ];
 };
 let It = !0;
-const Ve = () => It, [Lt, Ct] = nt && window.addEventListener ? [
+const Ce = () => It, [Lt, Ct] = rt && window.addEventListener ? [
   window.addEventListener.bind(window),
   window.removeEventListener.bind(window)
 ] : [
   U,
   U
-], Ne = () => {
+], be = () => {
   const t = Dt && document.visibilityState;
   return f(t) || t !== "hidden";
-}, Fe = (t) => (Dt && document.addEventListener("visibilitychange", t), Lt("focus", t), () => {
+}, Ve = (t) => (Dt && document.addEventListener("visibilitychange", t), Lt("focus", t), () => {
   Dt && document.removeEventListener("visibilitychange", t), Ct("focus", t);
-}), xe = (t) => {
+}), Ne = (t) => {
   const e = () => {
     It = !0, t();
   }, n = () => {
@@ -201,32 +201,32 @@ const Ve = () => It, [Lt, Ct] = nt && window.addEventListener ? [
   return Lt("online", e), Lt("offline", n), () => {
     Ct("online", e), Ct("offline", n);
   };
-}, Pe = {
-  isOnline: Ve,
-  isVisible: Ne
-}, Me = {
-  initFocus: Fe,
-  initReconnect: xe
-}, Yt = !et.useId, tt = !nt || Ce, je = (t) => be() ? window.requestAnimationFrame(t) : setTimeout(t, 1), vt = tt ? Re : ge, wt = typeof navigator < "u" && navigator.connection, zt = !tt && wt && ([
+}, Fe = {
+  isOnline: Ce,
+  isVisible: be
+}, xe = {
+  initFocus: Ve,
+  initReconnect: Ne
+}, zt = !et.useId, tt = !rt || Ie, Me = (t) => Le() ? window.requestAnimationFrame(t) : setTimeout(t, 1), vt = tt ? ve : we, wt = typeof navigator < "u" && navigator.connection, Xt = !tt && wt && ([
   "slow-2g",
   "2g"
 ].includes(wt.effectiveType) || wt.saveData), ut = /* @__PURE__ */ new WeakMap(), Rt = (t, e) => At.prototype.toString.call(t) === `[object ${e}]`;
-let Ue = 0;
+let Pe = 0;
 const bt = (t) => {
   const e = typeof t, n = Rt(t, "Date"), r = Rt(t, "RegExp"), o = Rt(t, "Object");
-  let s, a;
+  let s, i;
   if (At(t) === t && !n && !r) {
     if (s = ut.get(t), s) return s;
-    if (s = ++Ue + "~", ut.set(t, s), Array.isArray(t)) {
-      for (s = "@", a = 0; a < t.length; a++)
-        s += bt(t[a]) + ",";
+    if (s = ++Pe + "~", ut.set(t, s), Array.isArray(t)) {
+      for (s = "@", i = 0; i < t.length; i++)
+        s += bt(t[i]) + ",";
       ut.set(t, s);
     }
     if (o) {
       s = "#";
-      const m = At.keys(t).sort();
-      for (; !f(a = m.pop()); )
-        f(t[a]) || (s += a + ":" + bt(t[a]) + ",");
+      const E = At.keys(t).sort();
+      for (; !f(i = E.pop()); )
+        f(t[i]) || (s += i + ":" + bt(t[i]) + ",");
       ut.set(t, s);
     }
   } else
@@ -245,22 +245,22 @@ const bt = (t) => {
     e
   ];
 };
-let Ge = 0;
-const Vt = () => ++Ge;
-async function ie(...t) {
+let je = 0;
+const Vt = () => ++je;
+async function ae(...t) {
   const [e, n, r, o] = t, s = G({
     populateCache: !0,
     throwOnError: !0
   }, typeof o == "boolean" ? {
     revalidate: o
   } : o || {});
-  let a = s.populateCache;
-  const m = s.rollbackOnError;
-  let _ = s.optimisticData;
-  const y = (d) => typeof m == "function" ? m(d) : m !== !1, O = s.throwOnError;
+  let i = s.populateCache;
+  const E = s.rollbackOnError;
+  let h = s.optimisticData;
+  const y = (d) => typeof E == "function" ? E(d) : E !== !1, O = s.throwOnError;
   if (N(n)) {
-    const d = n, c = [], E = e.keys();
-    for (const l of E)
+    const d = n, c = [], p = e.keys();
+    for (const l of p)
       // Skip the special useSWRInfinite and useSWRSubscription keys.
       !/^\$(inf|sub)\$/.test(l) && d(e.get(l)._k) && c.push(l);
     return Promise.all(c.map(u));
@@ -269,21 +269,21 @@ async function ie(...t) {
   async function u(d) {
     const [c] = Ft(d);
     if (!c) return;
-    const [E, l] = se(e, c), [D, i, M, Q] = P.get(e), j = () => {
+    const [p, l] = ie(e, c), [D, a, P, Q] = M.get(e), j = () => {
       const C = D[c];
-      return (N(s.revalidate) ? s.revalidate(E().data, d) : s.revalidate !== !1) && (delete M[c], delete Q[c], C && C[0]) ? C[0](re).then(() => E().data) : E().data;
+      return (N(s.revalidate) ? s.revalidate(p().data, d) : s.revalidate !== !1) && (delete P[c], delete Q[c], C && C[0]) ? C[0](oe).then(() => p().data) : p().data;
     };
     if (t.length < 3)
       return j();
     let R = r, I;
-    const k = Vt();
-    i[c] = [
-      k,
+    const q = Vt();
+    a[c] = [
+      q,
       0
     ];
-    const h = !f(_), $ = E(), V = $.data, H = $._c, W = f(H) ? V : H;
-    if (h && (_ = N(_) ? _(W, V) : _, l({
-      data: _,
+    const S = !f(h), H = p(), V = H.data, k = H._c, W = f(k) ? V : k;
+    if (S && (h = N(h) ? h(W, V) : h, l({
+      data: h,
       _c: W
     })), N(R))
       try {
@@ -291,19 +291,19 @@ async function ie(...t) {
       } catch (C) {
         I = C;
       }
-    if (R && oe(R))
+    if (R && se(R))
       if (R = await R.catch((C) => {
         I = C;
-      }), k !== i[c][0]) {
+      }), q !== a[c][0]) {
         if (I) throw I;
         return R;
-      } else I && h && y(I) && (a = !0, l({
+      } else I && S && y(I) && (i = !0, l({
         data: W,
         _c: A
       }));
-    if (a && !I)
-      if (N(a)) {
-        const C = a(R, W);
+    if (i && !I)
+      if (N(i)) {
+        const C = i(R, W);
         l({
           data: C,
           error: A,
@@ -315,7 +315,7 @@ async function ie(...t) {
           error: A,
           _c: A
         });
-    if (i[c][1] = Vt(), Promise.resolve(j()).then(() => {
+    if (a[c][1] = Vt(), Promise.resolve(j()).then(() => {
       l({
         _c: A
       });
@@ -326,35 +326,35 @@ async function ie(...t) {
     return R;
   }
 }
-const Xt = (t, e) => {
+const Qt = (t, e) => {
   for (const n in t)
     t[n][0] && t[n][0](e);
-}, We = (t, e) => {
-  if (!P.has(t)) {
-    const n = G(Me, e), r = /* @__PURE__ */ Object.create(null), o = ie.bind(A, t);
+}, Ue = (t, e) => {
+  if (!M.has(t)) {
+    const n = G(xe, e), r = /* @__PURE__ */ Object.create(null), o = ae.bind(A, t);
     let s = U;
-    const a = /* @__PURE__ */ Object.create(null), m = (O, u) => {
-      const d = a[O] || [];
-      return a[O] = d, d.push(u), () => d.splice(d.indexOf(u), 1);
-    }, _ = (O, u, d) => {
+    const i = /* @__PURE__ */ Object.create(null), E = (O, u) => {
+      const d = i[O] || [];
+      return i[O] = d, d.push(u), () => d.splice(d.indexOf(u), 1);
+    }, h = (O, u, d) => {
       t.set(O, u);
-      const c = a[O];
+      const c = i[O];
       if (c)
-        for (const E of c)
-          E(u, d);
+        for (const p of c)
+          p(u, d);
     }, y = () => {
-      if (!P.has(t) && (P.set(t, [
+      if (!M.has(t) && (M.set(t, [
         r,
         /* @__PURE__ */ Object.create(null),
         /* @__PURE__ */ Object.create(null),
         /* @__PURE__ */ Object.create(null),
         o,
-        _,
-        m
+        h,
+        E
       ]), !tt)) {
-        const O = n.initFocus(setTimeout.bind(A, Xt.bind(A, r, ee))), u = n.initReconnect(setTimeout.bind(A, Xt.bind(A, r, ne)));
+        const O = n.initFocus(setTimeout.bind(A, Qt.bind(A, r, ne))), u = n.initReconnect(setTimeout.bind(A, Qt.bind(A, r, re)));
         s = () => {
-          O && O(), u && u(), P.delete(t);
+          O && O(), u && u(), M.delete(t);
         };
       }
     };
@@ -367,18 +367,18 @@ const Xt = (t, e) => {
   }
   return [
     t,
-    P.get(t)[4]
+    M.get(t)[4]
   ];
-}, qe = (t, e, n, r, o) => {
-  const s = n.errorRetryCount, a = o.retryCount, m = ~~((Math.random() + 0.5) * (1 << (a < 8 ? a : 8))) * n.errorRetryInterval;
-  !f(s) && a > s || setTimeout(r, m, o);
-}, Be = Tt, [ae, ke] = We(/* @__PURE__ */ new Map()), $e = G(
+}, Ge = (t, e, n, r, o) => {
+  const s = n.errorRetryCount, i = o.retryCount, E = ~~((Math.random() + 0.5) * (1 << (i < 8 ? i : 8))) * n.errorRetryInterval;
+  !f(s) && i > s || setTimeout(r, E, o);
+}, We = gt, [ce, Be] = Ue(/* @__PURE__ */ new Map()), $e = G(
   {
     // events
     onLoadingSlow: U,
     onSuccess: U,
     onError: U,
-    onErrorRetry: qe,
+    onErrorRetry: Ge,
     onDiscarded: U,
     // switches
     revalidateOnFocus: !0,
@@ -386,29 +386,29 @@ const Xt = (t, e) => {
     revalidateIfStale: !0,
     shouldRetryOnError: !0,
     // timeouts
-    errorRetryInterval: zt ? 1e4 : 5e3,
+    errorRetryInterval: Xt ? 1e4 : 5e3,
     focusThrottleInterval: 5 * 1e3,
     dedupingInterval: 2 * 1e3,
-    loadingTimeout: zt ? 5e3 : 3e3,
+    loadingTimeout: Xt ? 5e3 : 3e3,
     // providers
-    compare: Be,
+    compare: We,
     isPaused: () => !1,
-    cache: ae,
-    mutate: ke,
+    cache: ce,
+    mutate: Be,
     fallback: {}
   },
   // use web preset by default
-  Pe
-), He = (t, e) => {
+  Fe
+), qe = (t, e) => {
   const n = G(t, e);
   if (e) {
-    const { use: r, fallback: o } = t, { use: s, fallback: a } = e;
-    r && s && (n.use = r.concat(s)), o && a && (n.fallback = G(o, a));
+    const { use: r, fallback: o } = t, { use: s, fallback: i } = e;
+    r && s && (n.use = r.concat(s)), o && i && (n.fallback = G(o, i));
   }
   return n;
-}, Ke = Qt({}), Je = "$inf$", ce = nt && window.__SWR_DEVTOOLS_USE__, Ye = ce ? window.__SWR_DEVTOOLS_USE__ : [], ze = () => {
-  ce && (window.__SWR_DEVTOOLS_REACT__ = et);
-}, Xe = (t) => N(t[1]) ? [
+}, He = Zt({}), ke = "$inf$", ue = rt && window.__SWR_DEVTOOLS_USE__, Ke = ue ? window.__SWR_DEVTOOLS_USE__ : [], Je = () => {
+  ue && (window.__SWR_DEVTOOLS_REACT__ = et);
+}, Ye = (t) => N(t[1]) ? [
   t[0],
   t[1],
   t[2] || {}
@@ -416,28 +416,28 @@ const Xt = (t, e) => {
   t[0],
   null,
   (t[1] === null ? t[2] : t[1]) || {}
-], Qe = () => G($e, Zt(Ke)), Ze = (t) => (e, n, r) => t(e, n && ((...s) => {
-  const [a] = Ft(e), [, , , m] = P.get(ae);
-  if (a.startsWith(Je))
+], ze = () => G($e, te(He)), Xe = (t) => (e, n, r) => t(e, n && ((...s) => {
+  const [i] = Ft(e), [, , , E] = M.get(ce);
+  if (i.startsWith(ke))
     return n(...s);
-  const _ = m[a];
-  return f(_) ? n(...s) : (delete m[a], _);
-}), r), tn = Ye.concat(Ze), en = (t) => function(...n) {
-  const r = Qe(), [o, s, a] = Xe(n), m = He(r, a);
-  let _ = t;
-  const { use: y } = m, O = (y || []).concat(tn);
+  const h = E[i];
+  return f(h) ? n(...s) : (delete E[i], h);
+}), r), Qe = Ke.concat(Xe), Ze = (t) => function(...n) {
+  const r = ze(), [o, s, i] = Ye(n), E = qe(r, i);
+  let h = t;
+  const { use: y } = E, O = (y || []).concat(Qe);
   for (let u = O.length; u--; )
-    _ = O[u](_);
-  return _(o, s || m.fetcher || null, m);
-}, nn = (t, e, n) => {
+    h = O[u](h);
+  return h(o, s || E.fetcher || null, E);
+}, tn = (t, e, n) => {
   const r = e[t] || (e[t] = []);
   return r.push(n), () => {
     const o = r.indexOf(n);
     o >= 0 && (r[o] = r[r.length - 1], r.pop());
   };
 };
-ze();
-const gt = et.use || // This extra generic is to avoid TypeScript mixing up the generic and JSX sytax
+Je();
+const Tt = et.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
@@ -458,93 +458,93 @@ const gt = et.use || // This extra generic is to avoid TypeScript mixing up the
   }
 }), yt = {
   dedupe: !0
-}, rn = (t, e, n) => {
-  const { cache: r, compare: o, suspense: s, fallbackData: a, revalidateOnMount: m, revalidateIfStale: _, refreshInterval: y, refreshWhenHidden: O, refreshWhenOffline: u, keepPreviousData: d } = n, [c, E, l, D] = P.get(r), [i, M] = Ft(t), Q = B(!1), j = B(!1), R = B(i), I = B(e), k = B(n), h = () => k.current, $ = () => h().isVisible() && h().isOnline(), [V, H, W, C] = se(r, i), K = B({}).current, ot = f(a) ? f(n.fallback) ? A : n.fallback[i] : a, xt = (S, p) => {
-    for (const g in K) {
-      const v = g;
+}, en = (t, e, n) => {
+  const { cache: r, compare: o, suspense: s, fallbackData: i, revalidateOnMount: E, revalidateIfStale: h, refreshInterval: y, refreshWhenHidden: O, refreshWhenOffline: u, keepPreviousData: d } = n, [c, p, l, D] = M.get(r), [a, P] = Ft(t), Q = $(!1), j = $(!1), R = $(a), I = $(e), q = $(n), S = () => q.current, H = () => S().isVisible() && S().isOnline(), [V, k, W, C] = ie(r, a), K = $({}).current, ot = f(i) ? f(n.fallback) ? A : n.fallback[a] : i, Mt = (_, m) => {
+    for (const T in K) {
+      const v = T;
       if (v === "data") {
-        if (!o(S[v], p[v]) && (!f(S[v]) || !o(it, p[v])))
+        if (!o(_[v], m[v]) && (!f(_[v]) || !o(it, m[v])))
           return !1;
-      } else if (p[v] !== S[v])
+      } else if (m[v] !== _[v])
         return !1;
     }
     return !0;
   }, Pt = ft(() => {
-    const S = !i || !e ? !1 : f(m) ? h().isPaused() || s ? !1 : _ !== !1 : m, p = (T) => {
-      const F = G(T);
-      return delete F._k, S ? {
+    const _ = !a || !e ? !1 : f(E) ? S().isPaused() || s ? !1 : h !== !1 : E, m = (g) => {
+      const F = G(g);
+      return delete F._k, _ ? {
         isValidating: !0,
         isLoading: !0,
         ...F
       } : F;
-    }, g = V(), v = C(), b = p(g), z = g === v ? b : p(v);
+    }, T = V(), v = C(), b = m(T), z = T === v ? b : m(v);
     let w = b;
     return [
       () => {
-        const T = p(V());
-        return xt(T, w) ? (w.data = T.data, w.isLoading = T.isLoading, w.isValidating = T.isValidating, w.error = T.error, w) : (w = T, T);
+        const g = m(V());
+        return Mt(g, w) ? (w.data = g.data, w.isLoading = g.isLoading, w.isValidating = g.isValidating, w.error = g.error, w) : (w = g, g);
       },
       () => z
     ];
   }, [
     r,
-    i
-  ]), J = Le.useSyncExternalStore(lt(
-    (S) => W(i, (p, g) => {
-      xt(g, p) || S();
+    a
+  ]), J = De.useSyncExternalStore(lt(
+    (_) => W(a, (m, T) => {
+      Mt(T, m) || _();
     }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [
       r,
-      i
+      a
     ]
-  ), Pt[0], Pt[1]), Mt = !Q.current, Se = c[i] && c[i].length > 0, Y = J.data, q = f(Y) ? ot && oe(ot) ? gt(ot) : ot : Y, st = J.error, pt = B(q), it = d ? f(Y) ? f(pt.current) ? q : pt.current : Y : q, jt = Se && !f(st) ? !1 : Mt && !f(m) ? m : h().isPaused() ? !1 : s ? f(q) ? !1 : _ : f(q) || _, Ut = !!(i && e && Mt && jt), he = f(J.isValidating) ? Ut : J.isValidating, Oe = f(J.isLoading) ? Ut : J.isLoading, Z = lt(
-    async (S) => {
-      const p = I.current;
-      if (!i || !p || j.current || h().isPaused())
+  ), Pt[0], Pt[1]), jt = !Q.current, me = c[a] && c[a].length > 0, Y = J.data, B = f(Y) ? ot && se(ot) ? Tt(ot) : ot : Y, st = J.error, pt = $(B), it = d ? f(Y) ? f(pt.current) ? B : pt.current : Y : B, Ut = me && !f(st) ? !1 : jt && !f(E) ? E : S().isPaused() ? !1 : s ? f(B) ? !1 : h : f(B) || h, Gt = !!(a && e && jt && Ut), he = f(J.isValidating) ? Gt : J.isValidating, _e = f(J.isLoading) ? Gt : J.isLoading, Z = lt(
+    async (_) => {
+      const m = I.current;
+      if (!a || !m || j.current || S().isPaused())
         return !1;
-      let g, v, b = !0;
-      const z = S || {}, w = !l[i] || !z.dedupe, T = () => Yt ? !j.current && i === R.current && Q.current : i === R.current, F = {
+      let T, v, b = !0;
+      const z = _ || {}, w = !l[a] || !z.dedupe, g = () => zt ? !j.current && a === R.current && Q.current : a === R.current, F = {
         isValidating: !1,
         isLoading: !1
-      }, Wt = () => {
-        H(F);
-      }, qt = () => {
-        const L = l[i];
-        L && L[1] === v && delete l[i];
-      }, Bt = {
+      }, Bt = () => {
+        k(F);
+      }, $t = () => {
+        const L = l[a];
+        L && L[1] === v && delete l[a];
+      }, qt = {
         isValidating: !0
       };
-      f(V().data) && (Bt.isLoading = !0);
+      f(V().data) && (qt.isLoading = !0);
       try {
-        if (w && (H(Bt), n.loadingTimeout && f(V().data) && setTimeout(() => {
-          b && T() && h().onLoadingSlow(i, n);
-        }, n.loadingTimeout), l[i] = [
-          p(M),
+        if (w && (k(qt), n.loadingTimeout && f(V().data) && setTimeout(() => {
+          b && g() && S().onLoadingSlow(a, n);
+        }, n.loadingTimeout), l[a] = [
+          m(P),
           Vt()
-        ]), [g, v] = l[i], g = await g, w && setTimeout(qt, n.dedupingInterval), !l[i] || l[i][1] !== v)
-          return w && T() && h().onDiscarded(i), !1;
+        ]), [T, v] = l[a], T = await T, w && setTimeout($t, n.dedupingInterval), !l[a] || l[a][1] !== v)
+          return w && g() && S().onDiscarded(a), !1;
         F.error = A;
-        const L = E[i];
+        const L = p[a];
         if (!f(L) && // case 1
         (v <= L[0] || // case 2
         v <= L[1] || // case 3
         L[1] === 0))
-          return Wt(), w && T() && h().onDiscarded(i), !1;
+          return Bt(), w && g() && S().onDiscarded(a), !1;
         const x = V().data;
-        F.data = o(x, g) ? x : g, w && T() && h().onSuccess(g, i, n);
+        F.data = o(x, T) ? x : T, w && g() && S().onSuccess(T, a, n);
       } catch (L) {
-        qt();
-        const x = h(), { shouldRetryOnError: mt } = x;
-        x.isPaused() || (F.error = L, w && T() && (x.onError(L, i, x), (mt === !0 || N(mt) && mt(L)) && (!h().revalidateOnFocus || !h().revalidateOnReconnect || $()) && x.onErrorRetry(L, i, x, (ve) => {
-          const _t = c[i];
-          _t && _t[0] && _t[0](Kt, ve);
+        $t();
+        const x = S(), { shouldRetryOnError: mt } = x;
+        x.isPaused() || (F.error = L, w && g() && (x.onError(L, a, x), (mt === !0 || N(mt) && mt(L)) && (!S().revalidateOnFocus || !S().revalidateOnReconnect || H()) && x.onErrorRetry(L, a, x, (Se) => {
+          const ht = c[a];
+          ht && ht[0] && ht[0](Jt, Se);
         }, {
           retryCount: (z.retryCount || 0) + 1,
           dedupe: !0
         })));
       }
-      return b = !1, Wt(), !0;
+      return b = !1, Bt(), !0;
     },
     // `setState` is immutable, and `eventsCallback`, `fnArg`, and
     // `keyValidating` are depending on `key`, so we can exclude them from
@@ -558,76 +558,76 @@ const gt = et.use || // This extra generic is to avoid TypeScript mixing up the
     // even though it might cause unexpected behaviors.
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [
-      i,
+      a,
       r
     ]
-  ), Gt = lt(
+  ), Wt = lt(
     // Use callback to make sure `keyRef.current` returns latest result every time
-    (...S) => ie(r, R.current, ...S),
+    (..._) => ae(r, R.current, ..._),
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
   if (vt(() => {
-    I.current = e, k.current = n, f(Y) || (pt.current = Y);
+    I.current = e, q.current = n, f(Y) || (pt.current = Y);
   }), vt(() => {
-    if (!i) return;
-    const S = Z.bind(A, yt);
-    let p = 0;
-    h().revalidateOnFocus && (p = Date.now() + h().focusThrottleInterval);
-    const v = nn(i, c, (b, z = {}) => {
-      if (b == ee) {
+    if (!a) return;
+    const _ = Z.bind(A, yt);
+    let m = 0;
+    S().revalidateOnFocus && (m = Date.now() + S().focusThrottleInterval);
+    const v = tn(a, c, (b, z = {}) => {
+      if (b == ne) {
         const w = Date.now();
-        h().revalidateOnFocus && w > p && $() && (p = w + h().focusThrottleInterval, S());
-      } else if (b == ne)
-        h().revalidateOnReconnect && $() && S();
+        S().revalidateOnFocus && w > m && H() && (m = w + S().focusThrottleInterval, _());
+      } else if (b == re)
+        S().revalidateOnReconnect && H() && _();
       else {
-        if (b == re)
+        if (b == oe)
           return Z();
-        if (b == Kt)
+        if (b == Jt)
           return Z(z);
       }
     });
-    return j.current = !1, R.current = i, Q.current = !0, H({
-      _k: M
-    }), jt && (f(q) || tt ? S() : je(S)), () => {
+    return j.current = !1, R.current = a, Q.current = !0, k({
+      _k: P
+    }), Ut && (f(B) || tt ? _() : Me(_)), () => {
       j.current = !0, v();
     };
   }, [
-    i
+    a
   ]), vt(() => {
-    let S;
-    function p() {
+    let _;
+    function m() {
       const v = N(y) ? y(V().data) : y;
-      v && S !== -1 && (S = setTimeout(g, v));
+      v && _ !== -1 && (_ = setTimeout(T, v));
     }
-    function g() {
-      !V().error && (O || h().isVisible()) && (u || h().isOnline()) ? Z(yt).then(p) : p();
+    function T() {
+      !V().error && (O || S().isVisible()) && (u || S().isOnline()) ? Z(yt).then(m) : m();
     }
-    return p(), () => {
-      S && (clearTimeout(S), S = -1);
+    return m(), () => {
+      _ && (clearTimeout(_), _ = -1);
     };
   }, [
     y,
     O,
     u,
-    i
-  ]), ye(it), s && f(q) && i) {
-    if (!Yt && tt)
+    a
+  ]), Re(it), s && f(B) && a) {
+    if (!zt && tt)
       throw new Error("Fallback data is required when using Suspense in SSR.");
-    I.current = e, k.current = n, j.current = !1;
-    const S = D[i];
-    if (!f(S)) {
-      const p = Gt(S);
-      gt(p);
+    I.current = e, q.current = n, j.current = !1;
+    const _ = D[a];
+    if (!f(_)) {
+      const m = Wt(_);
+      Tt(m);
     }
     if (f(st)) {
-      const p = Z(yt);
-      f(it) || (p.status = "fulfilled", p.value = !0), gt(p);
+      const m = Z(yt);
+      f(it) || (m.status = "fulfilled", m.value = !0), Tt(m);
     } else
       throw st;
   }
   return {
-    mutate: Gt,
+    mutate: Wt,
     get data() {
       return K.data = !0, it;
     },
@@ -638,36 +638,45 @@ const gt = et.use || // This extra generic is to avoid TypeScript mixing up the
       return K.isValidating = !0, he;
     },
     get isLoading() {
-      return K.isLoading = !0, Oe;
+      return K.isLoading = !0, _e;
     }
   };
-}, on = en(rn), ue = "https://api.figma.com", sn = `${ue}/v1/files`, le = `${ue}/v1/variables`, fe = le, de = (t) => `${le}/${t}`, an = (t) => `${sn}/${t}/variables/local`, Ee = "application/json", pe = "X-FIGMA-TOKEN", rt = "A Figma API token is required.", me = "An error occurred while fetching data from the Figma API.", cn = async (t, e) => {
+}, nn = Ze(en), xt = "https://api.figma.com", rn = `${xt}/v1/files`, le = `${xt}/v1/variables`, fe = le, de = (t) => `${le}/${t}`, on = (t) => `${rn}/${t}/variables/local`, sn = "application/json", Ee = "X-FIGMA-TOKEN", X = "A Figma API token is required.", an = "An error occurred while fetching data from the Figma API.";
+async function cn(t, e) {
   if (!e)
-    throw new Error(rt);
+    throw new Error(X);
   const n = await fetch(t, {
+    method: "GET",
     headers: {
-      [pe]: e,
-      "Content-Type": Ee
+      [Ee]: e,
+      "Content-Type": sn
     }
   });
   if (!n.ok) {
-    const r = await n.json();
-    throw new Error(r.message || me);
+    let r = an;
+    try {
+      const o = await n.json();
+      o != null && o.message && (r = o.message);
+    } catch {
+    }
+    throw new Error(r);
   }
   return n.json();
-}, _e = () => {
-  const { token: t, fileKey: e } = X(), n = e ? an(e) : null, { data: r, error: o, isLoading: s, isValidating: a } = on(
+}
+const pe = () => {
+  const { token: t, fileKey: e } = nt(), n = e ? on(e) : null, { data: r, error: o, isLoading: s, isValidating: i, mutate: E } = nn(
     t && n ? [n, t] : null,
     cn
   );
   return {
     data: r,
     isLoading: s,
-    isValidating: a,
-    error: o
+    isValidating: i,
+    error: o,
+    mutate: E
   };
 }, pn = () => {
-  const { data: t } = _e(), e = ft(
+  const { data: t } = pe(), e = ft(
     () => t != null && t.meta ? Object.values(t.meta.variableCollections) : [],
     [t]
   ), n = ft(
@@ -679,7 +688,7 @@ const gt = et.use || // This extra generic is to avoid TypeScript mixing up the
     collectionsById: n
   };
 }, mn = () => {
-  const { data: t } = _e();
+  const { data: t } = pe();
   return ft(() => {
     const e = [], n = {}, r = {};
     if (t != null && t.meta)
@@ -696,9 +705,6 @@ const gt = et.use || // This extra generic is to avoid TypeScript mixing up the
       modesById: r
     };
   }, [t]);
-}, _n = () => {
-  const { token: t } = X();
-  return t;
 };
 function un(t, e) {
   switch (e.type) {
@@ -723,10 +729,10 @@ const dt = (t) => {
       async (s) => {
         r({ type: "loading" });
         try {
-          const a = await t(s);
-          return r({ type: "success", payload: a }), a;
-        } catch (a) {
-          r({ type: "error", payload: a });
+          const i = await t(s);
+          return r({ type: "success", payload: i }), i;
+        } catch (i) {
+          r({ type: "error", payload: i });
           return;
         }
       },
@@ -737,70 +743,81 @@ const dt = (t) => {
     isSuccess: n.status === "success",
     isError: n.status === "error"
   };
-}, Et = async (t, e, n, r) => {
+};
+async function Et(t, e, n, r) {
   if (!e)
-    throw new Error(rt);
-  const o = await fetch(t, {
-    method: n,
+    throw new Error(X);
+  const s = {
+    CREATE: "POST",
+    UPDATE: "PUT",
+    DELETE: "DELETE"
+  }[n], i = await fetch(`${xt}${t}`, {
+    method: s,
     headers: {
-      [pe]: e,
-      "Content-Type": Ee
+      "Content-Type": "application/json",
+      [Ee]: e
     },
-    ...r && { body: JSON.stringify(r) }
+    body: r ? JSON.stringify(r) : void 0
   });
-  if (!o.ok) {
-    const s = await o.json();
-    throw new Error(s.message || me);
+  if (!i.ok) {
+    const E = await i.json().catch(() => ({}));
+    throw new Error(
+      E.err || E.message || "An API error occurred"
+    );
   }
-  return o.status === 204 ? Promise.resolve(void 0) : o.json();
-}, Sn = () => {
-  const { token: t } = X();
-  if (!t)
-    throw new Error(rt);
-  return dt(async (n) => await Et(
-    fe,
-    t,
-    "POST",
-    n
-  ));
-}, hn = () => {
-  const { token: t } = X();
+  return i.status === 204 || !i.body ? {} : i.json();
+}
+const hn = () => {
+  const { token: t } = nt();
+  return dt(async (n) => {
+    if (!t)
+      throw new Error(X);
+    return await Et(
+      fe,
+      t,
+      "CREATE",
+      n
+    );
+  });
+}, _n = () => {
+  const { token: t } = nt();
   if (!t)
-    throw new Error(rt);
-  return dt(async (n) => await Et(
-    de(n),
-    t,
-    "DELETE"
-  ));
-}, On = () => {
-  const { token: t } = X();
+    throw new Error(X);
   return dt(
     async ({ variableId: n, payload: r }) => {
-      if (!t)
-        throw new Error("A Figma API token is required.");
       const o = de(n);
       return await Et(
         o,
         t,
-        "PUT",
+        "UPDATE",
         r
       );
     }
   );
-}, vn = () => {
-  const { token: t } = X();
+}, Sn = () => {
+  const { token: t } = nt();
+  if (!t)
+    throw new Error(X);
+  return dt(async (n) => await Et(
+    de(n),
+    t,
+    "DELETE",
+    void 0
+  ));
+}, On = () => {
+  const { token: t } = nt();
   return dt(async (n) => {
     if (!t)
-      throw new Error(rt);
+      throw new Error(X);
     return await Et(
       fe,
       t,
-      "PUT",
+      "CREATE",
       n
     );
   });
 };
-function wn(t, e) {
+function vn(t, e) {
   return t.filter((n) => {
     let r = !0;
     return e.resolvedType && (r = r && n.resolvedType === e.resolvedType), e.name && (r = r && n.name.includes(e.name)), r;
@@ -808,13 +825,12 @@ function wn(t, e) {
 }
 export {
   En as FigmaVarsProvider,
-  wn as filterVariables,
-  vn as useBulkUpdateVariables,
-  Sn as useCreateVariable,
-  hn as useDeleteVariable,
-  _n as useFigmaToken,
-  On as useUpdateVariable,
+  vn as filterVariables,
+  On as useBulkUpdateVariables,
+  hn as useCreateVariable,
+  Sn as useDeleteVariable,
+  _n as useUpdateVariable,
   pn as useVariableCollections,
   mn as useVariableModes,
-  _e as useVariables
+  pe as useVariables
 };