@tightrope-dev/link-component 0.1.2 → 0.1.4

package/dist/index.js

@@ -1,6 +1,6 @@
-import { jsx as i, jsxs as k, Fragment as Re } from "react/jsx-runtime";
+import { jsx as i, jsxs as k, Fragment as Pe } from "react/jsx-runtime";
 import * as _ from "react";
-import { forwardRef as ve, createElement as ne, useState as V, useEffect as Pe } from "react";
+import { forwardRef as xe, createElement as ne, useState as V, useEffect as je } from "react";
 import "react-dom";
 function de(e, t) {
   if (typeof e == "function")
@@ -25,8 +25,8 @@ function Me(...e) {
 }
 // @__NO_SIDE_EFFECTS__
 function ye(e) {
-  const t = /* @__PURE__ */ je(e), r = _.forwardRef((o, n) => {
-    const { children: s, ...l } = o, a = _.Children.toArray(s), u = a.find(Ee);
+  const t = /* @__PURE__ */ $e(e), r = _.forwardRef((o, n) => {
+    const { children: s, ...l } = o, a = _.Children.toArray(s), u = a.find(Ve);
     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 });
@@ -35,24 +35,24 @@ function ye(e) {
   });
   return r.displayName = `${e}.Slot`, r;
 }
-var xe = /* @__PURE__ */ ye("Slot");
+var we = /* @__PURE__ */ ye("Slot");
 // @__NO_SIDE_EFFECTS__
-function je(e) {
+function $e(e) {
   const t = _.forwardRef((r, o) => {
     const { children: n, ...s } = r;
     if (_.isValidElement(n)) {
-      const l = Le(n), a = Ve(s, n.props);
+      const l = Ge(n), a = Le(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;
   });
   return t.displayName = `${e}.SlotClone`, t;
 }
-var $e = Symbol("radix.slottable");
-function Ee(e) {
-  return _.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === $e;
+var Ee = Symbol("radix.slottable");
+function Ve(e) {
+  return _.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Ee;
 }
-function Ve(e, t) {
+function Le(e, t) {
   const r = { ...t };
   for (const o in t) {
     const n = e[o], s = t[o];
@@ -63,25 +63,25 @@ function Ve(e, t) {
   }
   return { ...e, ...r };
 }
-function Le(e) {
+function Ge(e) {
   var o, n;
   let t = (o = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : o.get, r = t && "isReactWarning" in t && t.isReactWarning;
   return r ? e.ref : (t = (n = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : n.get, r = t && "isReactWarning" in t && t.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
 }
-function we(e) {
+function Ce(e) {
   var t, r, o = "";
   if (typeof e == "string" || typeof e == "number") o += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
     var n = e.length;
-    for (t = 0; t < n; t++) e[t] && (r = we(e[t])) && (o && (o += " "), o += r);
+    for (t = 0; t < n; t++) e[t] && (r = Ce(e[t])) && (o && (o += " "), o += r);
   } else for (r in e) e[r] && (o && (o += " "), o += r);
   return o;
 }
-function Ce() {
-  for (var e, t, r = 0, o = "", n = arguments.length; r < n; r++) (e = arguments[r]) && (t = we(e)) && (o && (o += " "), o += t);
+function ke() {
+  for (var e, t, r = 0, o = "", n = arguments.length; r < n; r++) (e = arguments[r]) && (t = Ce(e)) && (o && (o += " "), o += t);
   return o;
 }
-const ue = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, pe = Ce, ae = (e, t) => (r) => {
+const ue = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, pe = ke, ae = (e, t) => (r) => {
   var o;
   if ((t == null ? void 0 : t.variants) == null) return pe(e, r == null ? void 0 : r.class, r == null ? void 0 : r.className);
   const { variants: n, defaultVariants: s } = t, l = Object.keys(n).map((d) => {
@@ -110,26 +110,26 @@ const ue = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, pe = Ce, a
     ] : d;
   }, []);
   return pe(e, l, u, r == null ? void 0 : r.class, r == null ? void 0 : r.className);
-}, ie = "-", Ge = (e) => {
-  const t = Oe(e), {
+}, ie = "-", Te = (e) => {
+  const t = We(e), {
     conflictingClassGroups: r,
     conflictingClassGroupModifiers: o
   } = e;
   return {
     getClassGroupId: (l) => {
       const a = l.split(ie);
-      return a[0] === "" && a.length !== 1 && a.shift(), ke(a, t) || Te(l);
+      return a[0] === "" && a.length !== 1 && a.shift(), Ne(a, t) || Oe(l);
     },
     getConflictingClassGroupIds: (l, a) => {
       const u = r[l] || [];
       return a && o[l] ? [...u, ...o[l]] : u;
     }
   };
-}, ke = (e, t) => {
+}, Ne = (e, t) => {
   var l;
   if (e.length === 0)
     return t.classGroupId;
-  const r = e[0], o = t.nextPart.get(r), n = o ? ke(e.slice(1), o) : void 0;
+  const r = e[0], o = t.nextPart.get(r), n = o ? Ne(e.slice(1), o) : void 0;
   if (n)
     return n;
   if (t.validators.length === 0)
@@ -138,13 +138,13 @@ const ue = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, pe = Ce, a
   return (l = t.validators.find(({
     validator: a
   }) => a(s))) == null ? void 0 : l.classGroupId;
-}, ge = /^\[(.+)\]$/, Te = (e) => {
+}, ge = /^\[(.+)\]$/, Oe = (e) => {
   if (ge.test(e)) {
     const t = ge.exec(e)[1], r = t == null ? void 0 : t.substring(0, t.indexOf(":"));
     if (r)
       return "arbitrary.." + r;
   }
-}, Oe = (e) => {
+}, We = (e) => {
   const {
     theme: t,
     prefix: r
@@ -152,7 +152,7 @@ const ue = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, pe = Ce, a
     nextPart: /* @__PURE__ */ new Map(),
     validators: []
   };
-  return Fe(Object.entries(e.classGroups), r).forEach(([s, l]) => {
+  return Be(Object.entries(e.classGroups), r).forEach(([s, l]) => {
     se(l, o, s, t);
   }), o;
 }, se = (e, t, r, o) => {
@@ -163,7 +163,7 @@ const ue = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, pe = Ce, a
       return;
     }
     if (typeof n == "function") {
-      if (We(n)) {
+      if (Fe(n)) {
         se(n(o), t, r, o);
         return;
       }
@@ -185,10 +185,10 @@ const ue = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, pe = Ce, a
       validators: []
     }), r = r.nextPart.get(o);
   }), r;
-}, We = (e) => e.isThemeGetter, Fe = (e, t) => t ? e.map(([r, o]) => {
+}, Fe = (e) => e.isThemeGetter, Be = (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, Be = (e) => {
+}) : e, Ue = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -212,7 +212,7 @@ const ue = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, pe = Ce, a
       r.has(s) ? r.set(s, l) : n(s, l);
     }
   };
-}, Ne = "!", Ue = (e) => {
+}, _e = "!", qe = (e) => {
   const {
     separator: t,
     experimentalParseClassName: r
@@ -233,7 +233,7 @@ const ue = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, pe = Ce, a
       }
       g === "[" ? d++ : g === "]" && d--;
     }
-    const C = u.length === 0 ? a : a.substring(b), A = C.startsWith(Ne), z = A ? C.substring(1) : C, m = w && w > b ? w - b : void 0;
+    const C = u.length === 0 ? a : a.substring(b), A = C.startsWith(_e), z = A ? C.substring(1) : C, m = w && w > b ? w - b : void 0;
     return {
       modifiers: u,
       hasImportantModifier: A,
@@ -245,7 +245,7 @@ const ue = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, pe = Ce, a
     className: a,
     parseClassName: l
   }) : l;
-}, qe = (e) => {
+}, He = (e) => {
   if (e.length <= 1)
     return e;
   const t = [];
@@ -253,16 +253,16 @@ const ue = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, pe = Ce, a
   return e.forEach((o) => {
     o[0] === "[" ? (t.push(...r.sort(), o), r = []) : r.push(o);
   }), t.push(...r.sort()), t;
-}, He = (e) => ({
-  cache: Be(e.cacheSize),
-  parseClassName: Ue(e),
-  ...Ge(e)
-}), Ze = /\s+/, De = (e, t) => {
+}, Ze = (e) => ({
+  cache: Ue(e.cacheSize),
+  parseClassName: qe(e),
+  ...Te(e)
+}), De = /\s+/, Je = (e, t) => {
   const {
     parseClassName: r,
     getClassGroupId: o,
     getConflictingClassGroupIds: n
-  } = t, s = [], l = e.trim().split(Ze);
+  } = t, s = [], l = e.trim().split(De);
   let a = "";
   for (let u = l.length - 1; u >= 0; u -= 1) {
     const d = l[u], {
@@ -283,7 +283,7 @@ const ue = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, pe = Ce, a
       }
       z = !1;
     }
-    const f = qe(b).join(":"), g = w ? f + Ne : f, N = g + m;
+    const f = He(b).join(":"), g = w ? f + _e : f, N = g + m;
     if (s.includes(N))
       continue;
     s.push(N);
@@ -296,77 +296,77 @@ const ue = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, pe = Ce, a
   }
   return a;
 };
-function Je() {
+function Ke() {
   let e = 0, t, r, o = "";
   for (; e < arguments.length; )
-    (t = arguments[e++]) && (r = _e(t)) && (o && (o += " "), o += r);
+    (t = arguments[e++]) && (r = Se(t)) && (o && (o += " "), o += r);
   return o;
 }
-const _e = (e) => {
+const Se = (e) => {
   if (typeof e == "string")
     return e;
   let t, r = "";
   for (let o = 0; o < e.length; o++)
-    e[o] && (t = _e(e[o])) && (r && (r += " "), r += t);
+    e[o] && (t = Se(e[o])) && (r && (r += " "), r += t);
   return r;
 };
-function Ke(e, ...t) {
+function Xe(e, ...t) {
   let r, o, n, s = l;
   function l(u) {
     const d = t.reduce((b, w) => w(b), e());
-    return r = He(d), o = r.cache.get, n = r.cache.set, s = a, a(u);
+    return r = Ze(d), o = r.cache.get, n = r.cache.set, s = a, a(u);
   }
   function a(u) {
     const d = o(u);
     if (d)
       return d;
-    const b = De(u, r);
+    const b = Je(u, r);
     return n(u, b), b;
   }
   return function() {
-    return s(Je.apply(null, arguments));
+    return s(Ke.apply(null, arguments));
   };
 }
-const y = (e) => {
+const x = (e) => {
   const t = (r) => r[e] || [];
   return t.isThemeGetter = !0, t;
-}, Se = /^\[(?:([a-z-]+):)?(.+)\]$/i, Xe = /^\d+\/\d+$/, Qe = /* @__PURE__ */ new Set(["px", "full", "screen"]), Ye = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, et = /\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$/, tt = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, rt = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, ot = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, j = (e) => F(e) || Qe.has(e) || Xe.test(e), L = (e) => B(e, "length", ut), F = (e) => !!e && !Number.isNaN(Number(e)), Q = (e) => B(e, "number", F), Z = (e) => !!e && Number.isInteger(Number(e)), nt = (e) => e.endsWith("%") && F(e.slice(0, -1)), c = (e) => Se.test(e), G = (e) => Ye.test(e), st = /* @__PURE__ */ new Set(["length", "size", "percentage"]), at = (e) => B(e, st, ze), it = (e) => B(e, "position", ze), lt = /* @__PURE__ */ new Set(["image", "url"]), ct = (e) => B(e, lt, gt), dt = (e) => B(e, "", pt), D = () => !0, B = (e, t, r) => {
-  const o = Se.exec(e);
+}, 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) => {
+  const o = ze.exec(e);
   return o ? o[1] ? typeof t == "string" ? o[1] === t : t.has(o[1]) : r(o[2]) : !1;
-}, ut = (e) => (
+}, pt = (e) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
-  et.test(e) && !tt.test(e)
-), ze = () => !1, pt = (e) => rt.test(e), gt = (e) => ot.test(e), mt = () => {
-  const e = y("colors"), t = y("spacing"), r = y("blur"), o = y("brightness"), n = y("borderColor"), s = y("borderRadius"), l = y("borderSpacing"), a = y("borderWidth"), u = y("contrast"), d = y("grayscale"), b = y("hueRotate"), w = y("invert"), C = y("gap"), A = y("gradientColorStops"), z = y("gradientColorStopPositions"), m = y("inset"), f = y("margin"), g = y("opacity"), N = y("padding"), $ = y("saturate"), R = y("scale"), T = y("sepia"), P = y("skew"), J = y("space"), K = y("translate"), O = () => ["auto", "contain", "none"], W = () => ["auto", "hidden", "clip", "visible", "scroll"], U = () => ["auto", c, t], h = () => [c, t], q = () => ["", j, L], p = () => ["auto", F, c], x = () => ["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"], M = () => [F, c];
+  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];
   return {
     cacheSize: 500,
     separator: ":",
     theme: {
       colors: [D],
-      spacing: [j, L],
+      spacing: [M, L],
       blur: ["none", "", G, c],
-      brightness: M(),
+      brightness: j(),
       borderColor: [e],
       borderRadius: ["none", "", "full", G, c],
       borderSpacing: h(),
       borderWidth: q(),
-      contrast: M(),
+      contrast: j(),
       grayscale: E(),
-      hueRotate: M(),
+      hueRotate: j(),
       invert: E(),
       gap: h(),
       gradientColorStops: [e],
-      gradientColorStopPositions: [nt, L],
+      gradientColorStopPositions: [st, L],
       inset: U(),
       margin: U(),
-      opacity: M(),
+      opacity: j(),
       padding: h(),
-      saturate: M(),
-      scale: M(),
+      saturate: j(),
+      scale: j(),
       sepia: E(),
-      skew: M(),
+      skew: j(),
       space: h(),
       translate: h()
     },
@@ -462,7 +462,7 @@ const y = (e) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: [...x(), c]
+        object: [...y(), c]
       }],
       /**
        * Overflow
@@ -1085,7 +1085,7 @@ const y = (e) => {
        * @see https://tailwindcss.com/docs/line-height
        */
       leading: [{
-        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", j, c]
+        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", M, c]
       }],
       /**
        * List Style Image
@@ -1161,14 +1161,14 @@ const y = (e) => {
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: ["auto", "from-font", j, L]
+        decoration: ["auto", "from-font", M, L]
       }],
       /**
        * Text Underline Offset
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": ["auto", j, c]
+        "underline-offset": ["auto", M, c]
       }],
       /**
        * Text Decoration Color
@@ -1271,7 +1271,7 @@ const y = (e) => {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: [...x(), it]
+        bg: [...y(), lt]
       }],
       /**
        * Background Repeat
@@ -1287,7 +1287,7 @@ const y = (e) => {
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: ["auto", "cover", "contain", at]
+        bg: ["auto", "cover", "contain", it]
       }],
       /**
        * Background Image
@@ -1296,7 +1296,7 @@ const y = (e) => {
       "bg-image": [{
         bg: ["none", {
           "gradient-to": ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-        }, ct]
+        }, dt]
       }],
       /**
        * Background Color
@@ -1650,14 +1650,14 @@ const y = (e) => {
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [j, c]
+        "outline-offset": [M, c]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: [j, L]
+        outline: [M, L]
       }],
       /**
        * Outline Color
@@ -1697,7 +1697,7 @@ const y = (e) => {
        * @see https://tailwindcss.com/docs/ring-offset-width
        */
       "ring-offset-w": [{
-        "ring-offset": [j, L]
+        "ring-offset": [M, L]
       }],
       /**
        * Ring Offset Color
@@ -1712,7 +1712,7 @@ const y = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow
        */
       shadow: [{
-        shadow: ["", "inner", "none", G, dt]
+        shadow: ["", "inner", "none", G, ut]
       }],
       /**
        * Box Shadow Color
@@ -1941,7 +1941,7 @@ const y = (e) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: M()
+        duration: j()
       }],
       /**
        * Transition Timing Function
@@ -1955,7 +1955,7 @@ const y = (e) => {
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: M()
+        delay: j()
       }],
       /**
        * Animation
@@ -2292,7 +2292,7 @@ const y = (e) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [j, L, Q]
+        stroke: [M, L, Q]
       }],
       /**
        * Stroke
@@ -2367,11 +2367,11 @@ const y = (e) => {
       "font-size": ["leading"]
     }
   };
-}, ft = /* @__PURE__ */ Ke(mt);
+}, bt = /* @__PURE__ */ Xe(ft);
 function I(...e) {
-  return ft(Ce(e));
+  return bt(ke(e));
 }
-const bt = ae(
+const ht = ae(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
   {
     variants: {
@@ -2404,10 +2404,10 @@ function fe({
   ...n
 }) {
   return /* @__PURE__ */ i(
-    o ? xe : "button",
+    o ? we : "button",
     {
       "data-slot": "button",
-      className: I(bt({ variant: t, size: r, className: e })),
+      className: I(ht({ variant: t, size: r, className: e })),
       ...n
     }
   );
@@ -2427,7 +2427,7 @@ const X = _.forwardRef(
   )
 );
 X.displayName = "Input";
-var ht = [
+var vt = [
   "a",
   "button",
   "div",
@@ -2445,14 +2445,14 @@ var ht = [
   "span",
   "svg",
   "ul"
-], vt = ht.reduce((e, t) => {
+], xt = vt.reduce((e, t) => {
   const r = /* @__PURE__ */ ye(`Primitive.${t}`), o = _.forwardRef((n, s) => {
     const { asChild: l, ...a } = n, u = l ? r : t;
     return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ i(u, { ...a, ref: s });
   });
   return o.displayName = `Primitive.${t}`, { ...e, [t]: o };
-}, {}), yt = "Label", Ae = _.forwardRef((e, t) => /* @__PURE__ */ i(
-  vt.label,
+}, {}), yt = "Label", Ie = _.forwardRef((e, t) => /* @__PURE__ */ i(
+  xt.label,
   {
     ...e,
     ref: t,
@@ -2462,14 +2462,14 @@ var ht = [
     }
   }
 ));
-Ae.displayName = yt;
-var xt = Ae;
+Ie.displayName = yt;
+var wt = Ie;
 function Y({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ i(
-    xt,
+    wt,
     {
       "data-slot": "label",
       className: I(
@@ -2480,7 +2480,7 @@ function Y({
     }
   );
 }
-function wt({ className: e, ...t }) {
+function Ct({ className: e, ...t }) {
   return /* @__PURE__ */ i(
     "div",
     {
@@ -2493,7 +2493,7 @@ function wt({ className: e, ...t }) {
     }
   );
 }
-function Ct({ className: e, ...t }) {
+function kt({ className: e, ...t }) {
   return /* @__PURE__ */ i(
     "div",
     {
@@ -2506,7 +2506,7 @@ function Ct({ className: e, ...t }) {
     }
   );
 }
-function kt({ className: e, ...t }) {
+function Nt({ className: e, ...t }) {
   return /* @__PURE__ */ i(
     "div",
     {
@@ -2516,7 +2516,7 @@ function kt({ className: e, ...t }) {
     }
   );
 }
-function Nt({ className: e, ...t }) {
+function _t({ className: e, ...t }) {
   return /* @__PURE__ */ i(
     "div",
     {
@@ -2526,7 +2526,7 @@ function Nt({ className: e, ...t }) {
     }
   );
 }
-function _t({ className: e, ...t }) {
+function St({ className: e, ...t }) {
   return /* @__PURE__ */ i(
     "div",
     {
@@ -2536,7 +2536,7 @@ function _t({ className: e, ...t }) {
     }
   );
 }
-const St = ae(
+const zt = ae(
   "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
   {
     variants: {
@@ -2552,22 +2552,22 @@ const St = ae(
     }
   }
 );
-function zt({
+function At({
   className: e,
   variant: t,
   asChild: r = !1,
   ...o
 }) {
   return /* @__PURE__ */ i(
-    r ? xe : "span",
+    r ? we : "span",
     {
       "data-slot": "badge",
-      className: I(St({ variant: t }), e),
+      className: I(zt({ variant: t }), e),
       ...o
     }
   );
 }
-const At = ae(
+const It = ae(
   "relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
   {
     variants: {
@@ -2591,7 +2591,7 @@ function ee({
     {
       "data-slot": "alert",
       role: "alert",
-      className: I(At({ variant: t }), e),
+      className: I(It({ variant: t }), e),
       ...r
     }
   );
@@ -2618,13 +2618,13 @@ function te({
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const It = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Rt = (e) => e.replace(
+const Rt = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), Pt = (e) => e.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
   (t, r, o) => o ? o.toUpperCase() : r.toLowerCase()
 ), be = (e) => {
-  const t = Rt(e);
+  const t = Pt(e);
   return t.charAt(0).toUpperCase() + t.slice(1);
-}, Ie = (...e) => e.filter((t, r, o) => !!t && t.trim() !== "" && o.indexOf(t) === r).join(" ").trim(), Pt = (e) => {
+}, Re = (...e) => e.filter((t, r, o) => !!t && t.trim() !== "" && o.indexOf(t) === r).join(" ").trim(), jt = (e) => {
   for (const t in e)
     if (t.startsWith("aria-") || t === "role" || t === "title")
       return !0;
@@ -2652,7 +2652,7 @@ var Mt = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const jt = ve(
+const $t = xe(
   ({
     color: e = "currentColor",
     size: t = 24,
@@ -2671,8 +2671,8 @@ const jt = ve(
       height: t,
       stroke: e,
       strokeWidth: o ? Number(r) * 24 / Number(t) : r,
-      className: Ie("lucide", n),
-      ...!s && !Pt(a) && { "aria-hidden": "true" },
+      className: Re("lucide", n),
+      ...!s && !jt(a) && { "aria-hidden": "true" },
       ...a
     },
     [
@@ -2688,12 +2688,12 @@ const jt = ve(
  * See the LICENSE file in the root directory of this source tree.
  */
 const le = (e, t) => {
-  const r = ve(
-    ({ className: o, ...n }, s) => ne(jt, {
+  const r = xe(
+    ({ className: o, ...n }, s) => ne($t, {
       ref: s,
       iconNode: t,
-      className: Ie(
-        `lucide-${It(be(e))}`,
+      className: Re(
+        `lucide-${Rt(be(e))}`,
         `lucide-${e}`,
         o
       ),
@@ -2708,29 +2708,32 @@ const le = (e, t) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const $t = [
+const Et = [
   ["path", { d: "M21.801 10A10 10 0 1 1 17 3.335", key: "yps3ct" }],
   ["path", { d: "m9 11 3 3L22 4", key: "1pflzl" }]
-], re = le("circle-check-big", $t);
+], re = le("circle-check-big", Et);
 /**
  * @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 Et = [
+const Vt = [
   ["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", Et);
+], oe = le("circle-x", Vt);
 /**
  * @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 Vt = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]], he = le("loader-circle", Vt);
-function Ot({
+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 = {
+  linkContainer: Gt,
+  dark: Tt
+};
+function Bt({
   linkToken: e,
   apiBaseUrl: t = "https://api.tightrope.dev",
   onSuccess: r,
@@ -2749,16 +2752,16 @@ function Ot({
     password: "",
     auth_params: {}
   }), [$, R] = V(!1), [T, P] = V(null), [J, K] = V(!1);
-  Pe(() => {
+  je(() => {
     (async () => {
       try {
-        const x = `${t}/integration_methods`, v = await fetch(x);
+        const y = `${t}/integration_methods`, v = await fetch(y);
         if (!v.ok)
           throw new Error(`Failed to fetch integrations: ${v.status}`);
         const S = await v.json();
         S && S.integration_methods && Array.isArray(S.integration_methods) ? b(S.integration_methods) : z("Invalid data format received");
-      } catch (x) {
-        console.error("Error fetching integrations:", x);
+      } catch (y) {
+        console.error("Error fetching integrations:", y);
         const v = "Failed to load integrations";
         z(v), o == null || o(v);
       } finally {
@@ -2769,10 +2772,10 @@ function Ot({
   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) {
-      const x = p.auth_methods.find(
+      const y = p.auth_methods.find(
         (v) => v.id === m
       );
-      if (x) return x;
+      if (y) return y;
     }
     return null;
   }, U = async (p) => {
@@ -2780,9 +2783,9 @@ function Ot({
       P("Please fill in all fields");
       return;
     }
-    const x = W();
-    if (x != null && x.auth_params) {
-      for (const v of x.auth_params)
+    const y = W();
+    if (y != null && y.auth_params) {
+      for (const v of y.auth_params)
         if (!g.auth_params[v]) {
           const S = `Please fill in the required field: ${v}`;
           P(S);
@@ -2822,181 +2825,197 @@ function Ot({
       R(!1);
     }
   };
-  return /* @__PURE__ */ i("div", { className: `${n === "dark" ? "dark" : ""} ${s}`, children: /* @__PURE__ */ k(wt, { className: "w-full max-w-2xl mx-auto shadow-lg border-2", children: [
-    /* @__PURE__ */ k(Ct, { className: "space-y-3 pb-8", children: [
-      /* @__PURE__ */ k("div", { className: "space-y-1", children: [
-        /* @__PURE__ */ i(kt, { className: "text-2xl font-bold tracking-tight", children: a }),
-        u && /* @__PURE__ */ i(Nt, { className: "text-base", children: u })
-      ] }),
-      l && e && /* @__PURE__ */ i("div", { className: "flex items-center gap-2 pt-2", children: /* @__PURE__ */ k(
-        zt,
-        {
-          variant: O(e) ? "secondary" : "destructive",
-          children: [
-            O(e) ? /* @__PURE__ */ i(re, { className: "h-3 w-3 mr-1" }) : /* @__PURE__ */ i(oe, { className: "h-3 w-3 mr-1" }),
-            O(e) ? "Valid Token" : "Invalid Token"
-          ]
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ k(_t, { className: "space-y-8 pb-8", children: [
-      J && /* @__PURE__ */ k(ee, { className: "border-green-200 bg-green-50 dark:bg-green-950 dark:border-green-800", children: [
-        /* @__PURE__ */ i(re, { className: "h-5 w-5 text-green-600 dark:text-green-400" }),
-        /* @__PURE__ */ i(te, { className: "text-green-800 dark:text-green-200 font-medium", children: "Credentials submitted successfully!" })
-      ] }),
-      /* @__PURE__ */ i("div", { children: w ? /* @__PURE__ */ k("div", { className: "text-center py-12", children: [
-        /* @__PURE__ */ i(he, { className: "h-10 w-10 animate-spin mx-auto mb-4 text-primary" }),
-        /* @__PURE__ */ i("p", { className: "text-muted-foreground text-lg", children: "Loading integrations..." })
-      ] }) : A ? /* @__PURE__ */ k(ee, { variant: "destructive", children: [
-        /* @__PURE__ */ i(oe, { className: "h-4 w-4" }),
-        /* @__PURE__ */ i(te, { children: A })
-      ] }) : Array.isArray(d) ? d.length === 0 ? /* @__PURE__ */ i("div", { className: "text-center py-12", children: /* @__PURE__ */ i("p", { className: "text-muted-foreground", children: "No integrations available" }) }) : /* @__PURE__ */ k("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ i("div", { className: "text-sm font-medium text-muted-foreground mb-4", children: "Select an integration to connect" }),
-        /* @__PURE__ */ i("div", { className: "grid grid-cols-1 gap-3", children: d.map((p) => /* @__PURE__ */ i("div", { className: "space-y-2", children: p.auth_methods.map((x) => /* @__PURE__ */ i(
-          "button",
-          {
-            type: "button",
-            onClick: () => f(x.id),
-            className: `w-full p-4 rounded-lg border-2 transition-all duration-200 text-left ${m === x.id ? "border-primary bg-primary/5 shadow-md" : "border-border hover:border-primary/50 hover:bg-accent"}`,
-            children: /* @__PURE__ */ k("div", { className: "flex items-center gap-4", children: [
-              p.provider_logo_url ? /* @__PURE__ */ i(
-                "img",
-                {
-                  src: p.provider_logo_url,
-                  alt: `${p.provider} logo`,
-                  className: "w-12 h-12 object-contain flex-shrink-0",
-                  onError: (v) => {
-                    console.error(
-                      "Failed to load logo for",
-                      p.provider,
-                      ":",
-                      p.provider_logo_url
-                    ), v.currentTarget.style.display = "none";
-                  }
-                }
-              ) : /* @__PURE__ */ i("div", { className: "w-12 h-12 bg-muted rounded-lg flex items-center justify-center text-muted-foreground font-semibold text-lg flex-shrink-0", children: p.provider.charAt(0).toUpperCase() }),
-              /* @__PURE__ */ k("div", { className: "flex-1 min-w-0", children: [
-                /* @__PURE__ */ i("div", { className: "font-semibold text-base", children: p.provider }),
-                /* @__PURE__ */ i("div", { className: "text-sm text-muted-foreground", children: x.display_name })
-              ] }),
-              m === x.id && /* @__PURE__ */ i(re, { className: "h-5 w-5 text-primary flex-shrink-0" })
-            ] })
-          },
-          x.id
-        )) }, p.provider)) })
-      ] }) : /* @__PURE__ */ i("div", { className: "text-center py-12", children: /* @__PURE__ */ i("p", { className: "text-muted-foreground", children: "Invalid data format" }) }) }),
-      m && /* @__PURE__ */ k("div", { className: "space-y-6 pt-6 border-t-2 animate-in fade-in-50 slide-in-from-top-4 duration-300", children: [
-        /* @__PURE__ */ k("div", { className: "flex items-center gap-3", children: [
-          /* @__PURE__ */ i("div", { className: "h-1 flex-1 bg-primary rounded-full" }),
-          /* @__PURE__ */ i("span", { className: "text-sm font-medium text-muted-foreground", children: "Enter Credentials" }),
-          /* @__PURE__ */ i("div", { className: "h-1 flex-1 bg-primary rounded-full" })
-        ] }),
-        /* @__PURE__ */ k("form", { onSubmit: U, className: "space-y-5", children: [
-          /* @__PURE__ */ k("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ i(Y, { htmlFor: "username", className: "text-base font-medium", children: "Username" }),
-            /* @__PURE__ */ i(
-              X,
-              {
-                type: "text",
-                id: "username",
-                value: g.username,
-                onChange: (p) => N({
-                  ...g,
-                  username: p.target.value
-                }),
-                placeholder: "Enter your username",
-                className: "h-11 text-base",
-                required: !0
-              }
-            )
+  return /* @__PURE__ */ i(
+    "div",
+    {
+      className: `${ve.linkContainer} ${n === "dark" ? ve.dark : ""} ${s}`,
+      children: /* @__PURE__ */ k(Ct, { className: "w-full mx-auto shadow-xl border-2 bg-card", children: [
+        /* @__PURE__ */ i(kt, { className: "pb-8", children: /* @__PURE__ */ k("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ k("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ i(Nt, { className: "text-2xl font-bold tracking-tight", children: a }),
+            u && /* @__PURE__ */ i(_t, { className: "text-base", children: u })
           ] }),
-          /* @__PURE__ */ k("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ i(Y, { htmlFor: "password", className: "text-base font-medium", children: "Password" }),
-            /* @__PURE__ */ i(
-              X,
-              {
-                type: "password",
-                id: "password",
-                value: g.password,
-                onChange: (p) => N({
-                  ...g,
-                  password: p.target.value
-                }),
-                placeholder: "Enter your password",
-                className: "h-11 text-base",
-                required: !0
-              }
-            )
+          l && e && /* @__PURE__ */ k(
+            At,
+            {
+              variant: O(e) ? "secondary" : "destructive",
+              children: [
+                O(e) ? /* @__PURE__ */ i(re, { className: "h-3 w-3 mr-1" }) : /* @__PURE__ */ i(oe, { className: "h-3 w-3 mr-1" }),
+                O(e) ? "Valid Token" : "Invalid Token"
+              ]
+            }
+          )
+        ] }) }),
+        /* @__PURE__ */ k(St, { className: "space-y-8 pb-8", children: [
+          J && /* @__PURE__ */ k(ee, { className: "border-green-200 bg-green-50 dark:bg-green-950 dark:border-green-800", children: [
+            /* @__PURE__ */ i(re, { className: "h-5 w-5 text-green-600 dark:text-green-400" }),
+            /* @__PURE__ */ i(te, { className: "text-green-800 dark:text-green-200 font-medium", children: "Credentials submitted successfully!" })
           ] }),
-          (q = (h = W()) == null ? void 0 : h.auth_params) == null ? void 0 : q.map((p) => /* @__PURE__ */ k("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ i(
-              Y,
-              {
-                htmlFor: p,
-                className: "text-base font-medium",
-                children: p
-              }
-            ),
-            /* @__PURE__ */ i(
-              X,
-              {
-                type: "text",
-                id: p,
-                value: g.auth_params[p] || "",
-                onChange: (x) => N({
-                  ...g,
-                  auth_params: {
-                    ...g.auth_params,
-                    [p]: x.target.value
-                  }
-                }),
-                placeholder: `Enter ${p}`,
-                className: "h-11 text-base",
-                required: !0
-              }
-            )
-          ] }, p)),
-          T && /* @__PURE__ */ k(ee, { variant: "destructive", children: [
+          /* @__PURE__ */ i("div", { children: w ? /* @__PURE__ */ k("div", { className: "text-center py-12", children: [
+            /* @__PURE__ */ i(he, { className: "h-10 w-10 animate-spin mx-auto mb-4 text-primary" }),
+            /* @__PURE__ */ i("p", { className: "text-muted-foreground text-lg", children: "Loading integrations..." })
+          ] }) : A ? /* @__PURE__ */ k(ee, { variant: "destructive", children: [
             /* @__PURE__ */ i(oe, { className: "h-4 w-4" }),
-            /* @__PURE__ */ i(te, { children: T })
-          ] }),
-          /* @__PURE__ */ k("div", { className: "flex gap-3 pt-4", children: [
-            /* @__PURE__ */ i(
-              fe,
-              {
-                type: "submit",
-                disabled: $,
-                className: "flex-1 h-11 text-base font-semibold",
-                size: "lg",
-                children: $ ? /* @__PURE__ */ k(Re, { children: [
-                  /* @__PURE__ */ i(he, { className: "mr-2 h-5 w-5 animate-spin" }),
-                  "Submitting..."
-                ] }) : "Submit Credentials"
-              }
-            ),
-            /* @__PURE__ */ i(
-              fe,
-              {
-                type: "button",
-                variant: "outline",
-                className: "h-11",
-                onClick: () => {
-                  f(null), N({
-                    username: "",
-                    password: "",
-                    auth_params: {}
-                  }), P(null);
+            /* @__PURE__ */ i(te, { children: A })
+          ] }) : Array.isArray(d) ? d.length === 0 ? /* @__PURE__ */ i("div", { className: "text-center py-12", children: /* @__PURE__ */ i("p", { className: "text-muted-foreground", children: "No integrations available" }) }) : /* @__PURE__ */ k("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ i("div", { className: "text-sm font-medium text-muted-foreground mb-4", children: "Select an integration to connect" }),
+            /* @__PURE__ */ i("div", { className: "grid grid-cols-4 lg:grid-cols-4 md:grid-cols-2 sm:grid-cols-1 gap-3", children: d.map(
+              (p) => p.auth_methods.map((y) => /* @__PURE__ */ i(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => f(y.id),
+                  className: `p-4 rounded-lg border-2 transition-all duration-200 text-left ${m === y.id ? "border-primary bg-primary/5 shadow-md" : "border-border hover:border-primary/50 hover:bg-accent"}`,
+                  children: /* @__PURE__ */ k("div", { className: "flex flex-col items-center gap-3 text-center", children: [
+                    /* @__PURE__ */ i("div", { className: "w-12 h-12 flex items-center justify-center flex-shrink-0", children: p.provider_logo_url ? /* @__PURE__ */ i(
+                      "img",
+                      {
+                        src: p.provider_logo_url,
+                        alt: `${p.provider} logo`,
+                        className: "max-w-full max-h-full w-auto h-auto object-contain",
+                        style: { maxWidth: "48px", maxHeight: "48px" },
+                        onError: (v) => {
+                          console.error(
+                            "Failed to load logo for",
+                            p.provider,
+                            ":",
+                            p.provider_logo_url
+                          ), v.currentTarget.style.display = "none";
+                        }
+                      }
+                    ) : /* @__PURE__ */ i("div", { className: "w-full h-full bg-muted rounded-lg flex items-center justify-center text-muted-foreground font-semibold text-xl", children: p.provider.charAt(0).toUpperCase() }) }),
+                    /* @__PURE__ */ k("div", { children: [
+                      /* @__PURE__ */ i("div", { className: "font-semibold text-base", children: p.provider }),
+                      /* @__PURE__ */ i("div", { className: "text-sm text-muted-foreground", children: y.display_name })
+                    ] }),
+                    m === y.id && /* @__PURE__ */ i(re, { className: "h-5 w-5 text-primary" })
+                  ] })
                 },
-                children: "Cancel"
+                y.id
+              ))
+            ) })
+          ] }) : /* @__PURE__ */ i("div", { className: "text-center py-12", children: /* @__PURE__ */ i("p", { className: "text-muted-foreground", children: "Invalid data format" }) }) }),
+          m && /* @__PURE__ */ k("div", { className: "space-y-8 pt-8 border-t-2 animate-in fade-in-50 slide-in-from-top-4 duration-300", children: [
+            /* @__PURE__ */ k("div", { className: "flex items-center gap-3 py-2", children: [
+              /* @__PURE__ */ i("div", { className: "h-1 flex-1 bg-primary rounded-full" }),
+              /* @__PURE__ */ i("span", { className: "text-sm font-medium text-muted-foreground", children: "Enter Credentials" }),
+              /* @__PURE__ */ i("div", { className: "h-1 flex-1 bg-primary rounded-full" })
+            ] }),
+            /* @__PURE__ */ k(
+              "form",
+              {
+                onSubmit: U,
+                className: "flex flex-col gap-4 ",
+                children: [
+                  /* @__PURE__ */ k("div", { className: "space-y-2", children: [
+                    /* @__PURE__ */ i(Y, { htmlFor: "username", className: "text-base font-medium", children: "Username" }),
+                    /* @__PURE__ */ i(
+                      X,
+                      {
+                        type: "text",
+                        id: "username",
+                        value: g.username,
+                        onChange: (p) => N({
+                          ...g,
+                          username: p.target.value
+                        }),
+                        placeholder: "Enter your username",
+                        className: "h-11 text-base",
+                        required: !0
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ k("div", { className: "space-y-2", children: [
+                    /* @__PURE__ */ i(Y, { htmlFor: "password", className: "text-base font-medium", children: "Password" }),
+                    /* @__PURE__ */ i(
+                      X,
+                      {
+                        type: "password",
+                        id: "password",
+                        value: g.password,
+                        onChange: (p) => N({
+                          ...g,
+                          password: p.target.value
+                        }),
+                        placeholder: "Enter your password",
+                        className: "h-11 text-base",
+                        required: !0
+                      }
+                    )
+                  ] }),
+                  (q = (h = W()) == null ? void 0 : h.auth_params) == null ? void 0 : q.map((p) => /* @__PURE__ */ k("div", { className: "space-y-2", children: [
+                    /* @__PURE__ */ i(
+                      Y,
+                      {
+                        htmlFor: p,
+                        className: "text-base font-medium",
+                        children: p
+                      }
+                    ),
+                    /* @__PURE__ */ i(
+                      X,
+                      {
+                        type: "text",
+                        id: p,
+                        value: g.auth_params[p] || "",
+                        onChange: (y) => N({
+                          ...g,
+                          auth_params: {
+                            ...g.auth_params,
+                            [p]: y.target.value
+                          }
+                        }),
+                        placeholder: `Enter ${p}`,
+                        className: "h-11 text-base",
+                        required: !0
+                      }
+                    )
+                  ] }, p)),
+                  T && /* @__PURE__ */ k(ee, { variant: "destructive", children: [
+                    /* @__PURE__ */ i(oe, { className: "h-4 w-4" }),
+                    /* @__PURE__ */ i(te, { children: T })
+                  ] }),
+                  /* @__PURE__ */ k("div", { className: "flex gap-3 pt-6", children: [
+                    /* @__PURE__ */ i(
+                      fe,
+                      {
+                        type: "submit",
+                        disabled: $,
+                        className: "flex-1 h-11 text-base font-semibold",
+                        size: "lg",
+                        children: $ ? /* @__PURE__ */ k(Pe, { children: [
+                          /* @__PURE__ */ i(he, { className: "mr-2 h-5 w-5 animate-spin" }),
+                          "Submitting..."
+                        ] }) : "Submit Credentials"
+                      }
+                    ),
+                    /* @__PURE__ */ i(
+                      fe,
+                      {
+                        type: "button",
+                        variant: "outline",
+                        className: "h-11",
+                        onClick: () => {
+                          f(null), N({
+                            username: "",
+                            password: "",
+                            auth_params: {}
+                          }), P(null);
+                        },
+                        children: "Cancel"
+                      }
+                    )
+                  ] })
+                ]
               }
             )
           ] })
         ] })
       ] })
-    ] })
-  ] }) });
+    }
+  );
 }
 export {
-  Ot as Link
+  Bt as Link
 };
 //# sourceMappingURL=index.js.map