@tightrope-dev/link-component 0.1.4 → 0.1.5

package/dist/index.js

@@ -1,6 +1,6 @@
 import { jsx as i, jsxs as k, Fragment as Pe } from "react/jsx-runtime";
 import * as _ from "react";
-import { forwardRef as xe, createElement as ne, useState as V, useEffect as je } from "react";
+import { forwardRef as xe, createElement as ne, useState as L, useEffect as je } from "react";
 import "react-dom";
 function de(e, t) {
   if (typeof e == "function")
@@ -26,7 +26,7 @@ function Me(...e) {
 // @__NO_SIDE_EFFECTS__
 function ye(e) {
   const t = /* @__PURE__ */ $e(e), r = _.forwardRef((o, n) => {
-    const { children: s, ...l } = o, a = _.Children.toArray(s), u = a.find(Ve);
+    const { children: s, ...l } = o, a = _.Children.toArray(s), u = a.find(Le);
     if (u) {
       const d = u.props.children, b = a.map((w) => w === u ? _.Children.count(d) > 1 ? _.Children.only(null) : _.isValidElement(d) ? d.props.children : null : w);
       return /* @__PURE__ */ i(t, { ...l, ref: n, children: _.isValidElement(d) ? _.cloneElement(d, void 0, b) : null });
@@ -41,7 +41,7 @@ function $e(e) {
   const t = _.forwardRef((r, o) => {
     const { children: n, ...s } = r;
     if (_.isValidElement(n)) {
-      const l = Ge(n), a = Le(s, n.props);
+      const l = Ge(n), a = Ve(s, n.props);
       return n.type !== _.Fragment && (a.ref = o ? Me(o, l) : l), _.cloneElement(n, a);
     }
     return _.Children.count(n) > 1 ? _.Children.only(null) : null;
@@ -49,10 +49,10 @@ function $e(e) {
   return t.displayName = `${e}.SlotClone`, t;
 }
 var Ee = Symbol("radix.slottable");
-function Ve(e) {
+function Le(e) {
   return _.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Ee;
 }
-function Le(e, t) {
+function Ve(e, t) {
   const r = { ...t };
   for (const o in t) {
     const n = e[o], s = t[o];
@@ -152,7 +152,7 @@ const ue = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, pe = ke, a
     nextPart: /* @__PURE__ */ new Map(),
     validators: []
   };
-  return Be(Object.entries(e.classGroups), r).forEach(([s, l]) => {
+  return Ue(Object.entries(e.classGroups), r).forEach(([s, l]) => {
     se(l, o, s, t);
   }), o;
 }, se = (e, t, r, o) => {
@@ -185,10 +185,10 @@ const ue = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, pe = ke, a
       validators: []
     }), r = r.nextPart.get(o);
   }), r;
-}, Fe = (e) => e.isThemeGetter, Be = (e, t) => t ? e.map(([r, o]) => {
+}, Fe = (e) => e.isThemeGetter, Ue = (e, t) => t ? e.map(([r, o]) => {
   const n = o.map((s) => typeof s == "string" ? t + s : typeof s == "object" ? Object.fromEntries(Object.entries(s).map(([l, a]) => [t + l, a])) : s);
   return [r, n];
-}) : e, Ue = (e) => {
+}) : e, Be = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -254,7 +254,7 @@ const ue = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, pe = ke, a
     o[0] === "[" ? (t.push(...r.sort(), o), r = []) : r.push(o);
   }), t.push(...r.sort()), t;
 }, Ze = (e) => ({
-  cache: Ue(e.cacheSize),
+  cache: Be(e.cacheSize),
   parseClassName: qe(e),
   ...Te(e)
 }), De = /\s+/, Je = (e, t) => {
@@ -330,7 +330,7 @@ function Xe(e, ...t) {
 const x = (e) => {
   const t = (r) => r[e] || [];
   return t.isThemeGetter = !0, t;
-}, ze = /^\[(?:([a-z-]+):)?(.+)\]$/i, Qe = /^\d+\/\d+$/, Ye = /* @__PURE__ */ new Set(["px", "full", "screen"]), et = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, tt = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, rt = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, ot = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, nt = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, M = (e) => F(e) || Ye.has(e) || Qe.test(e), L = (e) => B(e, "length", pt), F = (e) => !!e && !Number.isNaN(Number(e)), Q = (e) => B(e, "number", F), Z = (e) => !!e && Number.isInteger(Number(e)), st = (e) => e.endsWith("%") && F(e.slice(0, -1)), c = (e) => ze.test(e), G = (e) => et.test(e), at = /* @__PURE__ */ new Set(["length", "size", "percentage"]), it = (e) => B(e, at, Ae), lt = (e) => B(e, "position", Ae), ct = /* @__PURE__ */ new Set(["image", "url"]), dt = (e) => B(e, ct, mt), ut = (e) => B(e, "", gt), D = () => !0, B = (e, t, r) => {
+}, ze = /^\[(?:([a-z-]+):)?(.+)\]$/i, Qe = /^\d+\/\d+$/, Ye = /* @__PURE__ */ new Set(["px", "full", "screen"]), et = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, tt = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, rt = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, ot = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, nt = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, M = (e) => F(e) || Ye.has(e) || Qe.test(e), V = (e) => U(e, "length", pt), F = (e) => !!e && !Number.isNaN(Number(e)), Q = (e) => U(e, "number", F), Z = (e) => !!e && Number.isInteger(Number(e)), st = (e) => e.endsWith("%") && F(e.slice(0, -1)), c = (e) => ze.test(e), G = (e) => et.test(e), at = /* @__PURE__ */ new Set(["length", "size", "percentage"]), it = (e) => U(e, at, Ae), lt = (e) => U(e, "position", Ae), ct = /* @__PURE__ */ new Set(["image", "url"]), dt = (e) => U(e, ct, mt), ut = (e) => U(e, "", gt), D = () => !0, U = (e, t, r) => {
   const o = ze.exec(e);
   return o ? o[1] ? typeof t == "string" ? o[1] === t : t.has(o[1]) : r(o[2]) : !1;
 }, pt = (e) => (
@@ -339,13 +339,13 @@ const x = (e) => {
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   tt.test(e) && !rt.test(e)
 ), Ae = () => !1, gt = (e) => ot.test(e), mt = (e) => nt.test(e), ft = () => {
-  const e = x("colors"), t = x("spacing"), r = x("blur"), o = x("brightness"), n = x("borderColor"), s = x("borderRadius"), l = x("borderSpacing"), a = x("borderWidth"), u = x("contrast"), d = x("grayscale"), b = x("hueRotate"), w = x("invert"), C = x("gap"), A = x("gradientColorStops"), z = x("gradientColorStopPositions"), m = x("inset"), f = x("margin"), g = x("opacity"), N = x("padding"), $ = x("saturate"), R = x("scale"), T = x("sepia"), P = x("skew"), J = x("space"), K = x("translate"), O = () => ["auto", "contain", "none"], W = () => ["auto", "hidden", "clip", "visible", "scroll"], U = () => ["auto", c, t], h = () => [c, t], q = () => ["", M, L], p = () => ["auto", F, c], y = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], v = () => ["solid", "dashed", "dotted", "double", "none"], S = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], H = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], E = () => ["", "0", c], ce = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], j = () => [F, c];
+  const e = x("colors"), t = x("spacing"), r = x("blur"), o = x("brightness"), n = x("borderColor"), s = x("borderRadius"), l = x("borderSpacing"), a = x("borderWidth"), u = x("contrast"), d = x("grayscale"), b = x("hueRotate"), w = x("invert"), C = x("gap"), A = x("gradientColorStops"), z = x("gradientColorStopPositions"), m = x("inset"), f = x("margin"), g = x("opacity"), N = x("padding"), $ = x("saturate"), R = x("scale"), T = x("sepia"), P = x("skew"), J = x("space"), K = x("translate"), O = () => ["auto", "contain", "none"], W = () => ["auto", "hidden", "clip", "visible", "scroll"], B = () => ["auto", c, t], h = () => [c, t], q = () => ["", M, V], p = () => ["auto", F, c], y = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], v = () => ["solid", "dashed", "dotted", "double", "none"], S = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], H = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], E = () => ["", "0", c], ce = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], j = () => [F, c];
   return {
     cacheSize: 500,
     separator: ":",
     theme: {
       colors: [D],
-      spacing: [M, L],
+      spacing: [M, V],
       blur: ["none", "", G, c],
       brightness: j(),
       borderColor: [e],
@@ -358,9 +358,9 @@ const x = (e) => {
       invert: E(),
       gap: h(),
       gradientColorStops: [e],
-      gradientColorStopPositions: [st, L],
-      inset: U(),
-      margin: U(),
+      gradientColorStopPositions: [st, V],
+      inset: B(),
+      margin: B(),
       opacity: j(),
       padding: h(),
       saturate: j(),
@@ -592,7 +592,7 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: U()
+        basis: B()
       }],
       /**
        * Flex Direction
@@ -1010,7 +1010,7 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", G, L]
+        text: ["base", G, V]
       }],
       /**
        * Font Smoothing
@@ -1161,7 +1161,7 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: ["auto", "from-font", M, L]
+        decoration: ["auto", "from-font", M, V]
       }],
       /**
        * Text Underline Offset
@@ -1657,7 +1657,7 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: [M, L]
+        outline: [M, V]
       }],
       /**
        * Outline Color
@@ -1697,7 +1697,7 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/ring-offset-width
        */
       "ring-offset-w": [{
-        "ring-offset": [M, L]
+        "ring-offset": [M, V]
       }],
       /**
        * Ring Offset Color
@@ -2292,7 +2292,7 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [M, L, Q]
+        stroke: [M, V, Q]
       }],
       /**
        * Stroke
@@ -2718,22 +2718,22 @@ const Et = [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Vt = [
+const Lt = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
   ["path", { d: "m9 9 6 6", key: "z0biqf" }]
-], oe = le("circle-x", Vt);
+], oe = le("circle-x", Lt);
 /**
  * @license lucide-react v0.537.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Lt = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], he = le("loader-circle", Lt), Gt = "_linkContainer_1iste_4", Tt = "_dark_1iste_29", ve = {
+const Vt = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], he = le("loader-circle", Vt), Gt = "_linkContainer_1iste_4", Tt = "_dark_1iste_29", ve = {
   linkContainer: Gt,
   dark: Tt
 };
-function Bt({
+function Ut({
   linkToken: e,
   apiBaseUrl: t = "https://api.tightrope.dev",
   onSuccess: r,
@@ -2745,17 +2745,23 @@ function Bt({
   description: u
 }) {
   var h, q;
-  const [d, b] = V([]), [w, C] = V(!0), [A, z] = V(null), [m, f] = V(
+  const [d, b] = L([]), [w, C] = L(!0), [A, z] = L(null), [m, f] = L(
     null
-  ), [g, N] = V({
+  ), [g, N] = L({
     username: "",
     password: "",
     auth_params: {}
-  }), [$, R] = V(!1), [T, P] = V(null), [J, K] = V(!1);
+  }), [$, R] = L(!1), [T, P] = L(null), [J, K] = L(!1);
   je(() => {
-    (async () => {
+    if (!e) {
+      C(!1);
+      return;
+    }
+    C(!0), (async () => {
       try {
-        const y = `${t}/integration_methods`, v = await fetch(y);
+        const y = new URL(`${t}/integration_methods`);
+        y.searchParams.set("link_token", e);
+        const v = await fetch(y.toString());
         if (!v.ok)
           throw new Error(`Failed to fetch integrations: ${v.status}`);
         const S = await v.json();
@@ -2768,7 +2774,7 @@ function Bt({
         C(!1);
       }
     })();
-  }, [t, o]);
+  }, [t, e, o]);
   const O = (p) => /^[0-9a-f]{8}-[0-9a-f]{4}-4[0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i.test(p), W = () => {
     if (!m) return null;
     for (const p of d) {
@@ -2778,7 +2784,7 @@ function Bt({
       if (y) return y;
     }
     return null;
-  }, U = async (p) => {
+  }, B = async (p) => {
     if (p.preventDefault(), !m || !g.username || !g.password) {
       P("Please fill in all fields");
       return;
@@ -2904,7 +2910,7 @@ function Bt({
             /* @__PURE__ */ k(
               "form",
               {
-                onSubmit: U,
+                onSubmit: B,
                 className: "flex flex-col gap-4 ",
                 children: [
                   /* @__PURE__ */ k("div", { className: "space-y-2", children: [
@@ -3016,6 +3022,6 @@ function Bt({
   );
 }
 export {
-  Bt as Link
+  Ut as Link
 };
 //# sourceMappingURL=index.js.map