@versini/sassysaint 8.62.2 → 8.63.0

package/dist/chunks/{Chart.Yybbexr3.js → Chart.f_78Yn-S.js}

@@ -1,7 +1,7 @@
 import { jsx as Ap } from "react/jsx-runtime";
-import { getDefaultExportFromCjs as ln } from "./App.D3GdUdDt.js";
+import { getDefaultExportFromCjs as ln } from "./App.BUHkBnAs.js";
 import Cp, { useState as Pp, useEffect as Op } from "react";
-import { TRIMESTERS as rn, TRIMESTERS_SHORT as Lp, isProbablyMobile as Ep } from "./index.H6hFK3Q7.js";
+import { TRIMESTERS as rn, TRIMESTERS_SHORT as Lp, isProbablyMobile as Ep } from "./index.BCvnlzn1.js";
 var ls = { exports: {} }, Ip = ls.exports, on;
 function Dp() {
   return on || (on = 1, (function(ke, ne) {

package/dist/chunks/{ChatBubbleAssistant.Bkoh8-GW.js → ChatBubbleAssistant.BMzfA5pX.js}

@@ -1,17 +1,17 @@
-import { jsx as M } from "react/jsx-runtime";
-import { n as N, useUserPreferences as O, convertCamelCaseToReadable as P, numberFormatter as R, pluralize as y, ne as L } from "./index.H6hFK3Q7.js";
-import { BUBBLE_FOOTER_EMPTY as _ } from "./index.BM7cljgA.js";
+import { jsx as x } from "react/jsx-runtime";
+import { n as N, useUserPreferences as O, convertCamelCaseToReadable as P, numberFormatter as R, pluralize as y, re as L } from "./index.BCvnlzn1.js";
+import { BUBBLE_FOOTER_EMPTY as _ } from "./index.TsLNeuu8.js";
 import w from "clsx";
-import v, { useState as b, useRef as A, useEffect as U, useContext as B } from "react";
-import { ChatContext as G, AsyncBubble as E } from "./App.D3GdUdDt.js";
-import { useMarkdown as D } from "./useMarkdown.DT9Y5TNa.js";
-const j = 2, q = j * 1e3, x = "", I = (e) => e * (2 - e);
+import v, { useState as M, useRef as A, useEffect as U, useContext as B } from "react";
+import { ChatContext as G, AsyncBubble as E } from "./App.BUHkBnAs.js";
+import { useMarkdown as D } from "./useMarkdown.D7Tx0mAO.js";
+const j = 2, q = j * 1e3, b = "", I = (e) => e * (2 - e);
 function W(e, n = !0) {
-  const [a, p] = b(0), [i, C] = b(0), [t, T] = b(e), r = A(0), s = A(0);
+  const [a, p] = M(0), [i, C] = M(0), [t, T] = M(e), r = A(0), s = A(0);
   return t !== e && (T(e), C(e.startsWith(t) ? a : 0)), U(() => {
     if (!n)
       return;
-    const u = e.split(x).length, o = (c) => {
+    const u = e.split(b).length, o = (c) => {
       s.current || (s.current = c);
       const l = c - s.current, m = Math.min(l / q, 1), h = I(m), g = i + (u - i) * h;
       p(Math.floor(g)), m < 1 && (r.current = requestAnimationFrame(o));
@@ -19,7 +19,7 @@ function W(e, n = !0) {
     return s.current = 0, r.current = requestAnimationFrame(o), () => {
       r.current && cancelAnimationFrame(r.current);
     };
-  }, [i, e, n]), n ? e.split(x).slice(0, a).join(x) : e;
+  }, [i, e, n]), n ? e.split(b).slice(0, a).join(b) : e;
 }
 const d = {
   MODEL: "Model",
@@ -46,16 +46,16 @@ const d = {
       [d.PLUGIN]: a ? P(a) : null
     }, o && (C ? f[d.USAGE] = `${R.format(o)} ${y("token", o)}` : f[d.USAGE] = _)), U(() => {
       t && l(t);
-    }, [t, l]), p === L ? /* @__PURE__ */ M(
+    }, [t, l]), p === L ? /* @__PURE__ */ x(
       E,
       {
         tail: !0,
         className: k,
         contentClassName: S,
         noMaxWidth: !0,
-        children: /* @__PURE__ */ M("div", { className: "flex items-center justify-center italic text-copy-error-dark dark:text-red-300", children: c })
+        children: /* @__PURE__ */ x("div", { className: "flex items-center justify-center italic text-copy-error-dark dark:text-red-300", children: c })
       }
-    ) : /* @__PURE__ */ M(
+    ) : /* @__PURE__ */ x(
       E,
       {
         tail: !0,

package/dist/chunks/{ChatBubbleUser.DaJoiXXH.js → ChatBubbleUser.BkwIMaLA.js}

@@ -1,8 +1,8 @@
 import { jsx as n, Fragment as b, jsxs as A } from "react/jsx-runtime";
 import { useState as C, useMemo as u, isValidElement as p, useEffect as I } from "react";
-import { AsyncBubble as w } from "./App.D3GdUdDt.js";
-import { useMarkdown as _ } from "./useMarkdown.DT9Y5TNa.js";
-import { C as M } from "./index.H6hFK3Q7.js";
+import { AsyncBubble as w } from "./App.BUHkBnAs.js";
+import { useMarkdown as _ } from "./useMarkdown.D7Tx0mAO.js";
+import { C as M } from "./index.BCvnlzn1.js";
 const R = 200, N = ({
   string: e,
   idealLength: r = R

package/dist/chunks/{ChatHistoryTable.C6Ksf3TE.js → ChatHistoryTable.z1gXvLbS.js}

@@ -1,9 +1,9 @@
 import { jsxs as m, jsx as e } from "react/jsx-runtime";
-import { I as g, le as N, pe as C, INFINITE_SCROLL_THRESHOLD as A, CARDS as E, pluralize as y, te as x, numberFormatter as k, Oe as b, isProbablyMobile as D, y as U, i$1 as B, E as I } from "./index.H6hFK3Q7.js";
-import { st as u, p$1 as P, z as L, p$2 as V } from "./App.D3GdUdDt.js";
+import { I as g, pe as N, fe as C, INFINITE_SCROLL_THRESHOLD as A, CARDS as E, pluralize as y, te as p, numberFormatter as k, le as b, isProbablyMobile as D, d as U, c as B, y as I } from "./index.BCvnlzn1.js";
+import { st as u, p$1 as P, z as L, p$2 as V } from "./App.BUHkBnAs.js";
 import h from "clsx";
-import { Fragment as $ } from "react";
-import { j as _, D as H, G as M, H as Y, U as F, M as a, F as f, l as G } from "./Table.BO7U8k6z.js";
+import { Fragment as _ } from "react";
+import { j as $, D as H, G as M, H as Y, U as F, M as a, F as R, l as G } from "./Table.BuN5VZQJ.js";
 const K = ({
   className: c,
   viewBox: l,
@@ -112,8 +112,8 @@ const K = ({
   onClickSort: i,
   onClickRestore: n,
   onClickDelete: w,
-  onClickFavorite: O,
-  infinityScrollMarkerRef: S
+  onClickFavorite: S,
+  infinityScrollMarkerRef: O
 }) => {
   const v = D() ? J : Q, T = (s) => {
     switch (s) {
@@ -121,7 +121,7 @@ const K = ({
         return /* @__PURE__ */ e(a, { className: "sr-only", children: "Row" }, s);
       case t.TIMESTAMP:
         return /* @__PURE__ */ e(
-          f,
+          R,
           {
             focusMode: "system",
             buttonClassName: "text-xs sm:text-sm",
@@ -142,7 +142,7 @@ const K = ({
         return /* @__PURE__ */ e(a, { className: "text-xs sm:text-sm", children: "Provider" }, s);
       case t.TOKEN_USAGE:
         return /* @__PURE__ */ e(
-          f,
+          R,
           {
             focusMode: "system",
             buttonClassName: "text-xs sm:text-sm",
@@ -162,10 +162,10 @@ const K = ({
       default:
         return null;
     }
-  }, z = (s, r, p) => {
+  }, z = (s, r, x) => {
     switch (s) {
       case t.ROW:
-        return /* @__PURE__ */ e(a, { children: p + 1 }, s);
+        return /* @__PURE__ */ e(a, { children: x + 1 }, s);
       case t.TIMESTAMP:
         return /* @__PURE__ */ e(
           a,
@@ -198,7 +198,7 @@ const K = ({
         );
       }
       case t.PROVIDER: {
-        const d = r.model ? b(r.model) : null, R = d ? q[d] : null;
+        const d = r.model ? b(r.model) : null, f = d ? q[d] : null;
         return /* @__PURE__ */ e(
           a,
           {
@@ -206,8 +206,8 @@ const K = ({
             scope: "row",
             className: h("dark:text-gray-400"),
             align: "center",
-            children: R ? /* @__PURE__ */ e(
-              R,
+            children: f ? /* @__PURE__ */ e(
+              f,
               {
                 size: "size-4 sm:size-5",
                 semantic: !0,
@@ -236,7 +236,7 @@ const K = ({
               label: "Restore chat",
               placement: "top",
               trigger: /* @__PURE__ */ e(
-                x,
+                p,
                 {
                   noBorder: !0,
                   label: "Restore chat",
@@ -256,13 +256,13 @@ const K = ({
               label: r.favoriteChat ? "Remove from favorites" : "Add to favorites",
               placement: "top",
               trigger: /* @__PURE__ */ e(
-                x,
+                p,
                 {
                   noBorder: !0,
                   label: r.favoriteChat ? "Remove from favorites" : "Add to favorites",
                   variant: "primary",
                   onClick: async () => {
-                    await O(r);
+                    await S(r);
                   },
                   children: r.favoriteChat ? /* @__PURE__ */ e(W, { size: "size-4", monotone: !0 }) : /* @__PURE__ */ e(j, { size: "size-4", monotone: !0 })
                 }
@@ -275,7 +275,7 @@ const K = ({
               label: "Delete chat",
               placement: "top",
               trigger: /* @__PURE__ */ e(
-                x,
+                p,
                 {
                   noBorder: !0,
                   label: "Delete chat",
@@ -294,12 +294,12 @@ const K = ({
         return null;
     }
   };
-  return /* @__PURE__ */ m(_, { stickyHeader: !0, stickyFooter: !0, compact: !0, mode: "alt-system", children: [
+  return /* @__PURE__ */ m($, { stickyHeader: !0, stickyFooter: !0, compact: !0, mode: "alt-system", children: [
     /* @__PURE__ */ e(H, { children: /* @__PURE__ */ e(M, { children: v.map((s) => T(s)) }) }),
-    /* @__PURE__ */ e(Y, { children: c.slice(0, o).map((s, r) => s?.messages?.length > 0 ? /* @__PURE__ */ m($, { children: [
-      r === o - A && /* @__PURE__ */ e("tr", { ref: S }),
+    /* @__PURE__ */ e(Y, { children: c.slice(0, o).map((s, r) => s?.messages?.length > 0 ? /* @__PURE__ */ m(_, { children: [
+      r === o - A && /* @__PURE__ */ e("tr", { ref: O }),
       /* @__PURE__ */ e(M, { children: v.map(
-        (p) => z(p, s, r)
+        (x) => z(x, s, r)
       ) })
     ] }, `${E.HISTORY.TITLE}-${s.id}-${r}`) : null) }),
     /* @__PURE__ */ e(F, { children: /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(a, { colSpan: 1e3, children: /* @__PURE__ */ e("div", { children: y(

package/dist/chunks/{HistoryEntry.D8TfS6NX.js → HistoryEntry.6LhEmpQ3.js}

@@ -1,6 +1,6 @@
 import { jsxs as n, jsx as t, Fragment as Q } from "react/jsx-runtime";
-import { I as Z, n as P, INFINITE_SCROLL_LIMIT as G, INFINITE_SCROLL_THRESHOLD as ee, LOCAL_STORAGE_PREFIX as y, LOCAL_STORAGE_SORT_TIMESTAMP as te, LOCAL_STORAGE_SORT_TOKEN_USAGE as re, LOCAL_STORAGE_SORT as ae, le as L, useUserPreferences as se, APP_CLASSNAME as oe, mutateCall as b, SERVICE_TYPES as x, setNewProvider as ie, ACTION_SORT as ne, pe as ce, TOAST_CHAT_DELETED as le, TOAST_PROVIDER_CHANGED as de, useChatsHistory as he, LOCAL_STORAGE_SEARCH as me, LOCAL_STORAGE_FAVORITES_ONLY as ue, HISTORY_TITLE as Ce, S as Se, Y as pe, debounce as Te, C as fe, ACTION_SEARCH as ye } from "./index.H6hFK3Q7.js";
-import { HistoryContext as z, ChatContext as M, useAiChat as Ee, E, e as m, ConfirmationPanel as ge, LazyToastContainerWrapper as Ae, showErrorToast as _e, CHAT_SET_PROVIDER as Oe, showSuccessToast as ve, CHAT_SET_STATUS as De, oe as Le, O as Re } from "./App.D3GdUdDt.js";
+import { I as Z, n as P, INFINITE_SCROLL_LIMIT as G, INFINITE_SCROLL_THRESHOLD as ee, LOCAL_STORAGE_PREFIX as y, LOCAL_STORAGE_SORT_TIMESTAMP as te, LOCAL_STORAGE_SORT_TOKEN_USAGE as re, LOCAL_STORAGE_SORT as ae, pe as L, useUserPreferences as se, APP_CLASSNAME as oe, mutateCall as b, SERVICE_TYPES as x, TOAST_CHAT_DELETED as ie, setNewProvider as ne, ACTION_SORT as ce, fe as le, TOAST_PROVIDER_CHANGED as de, useChatsHistory as he, LOCAL_STORAGE_SEARCH as me, LOCAL_STORAGE_FAVORITES_ONLY as ue, HISTORY_TITLE as Ce, S as Se, Y as pe, debounce as Te, C as fe, ACTION_SEARCH as ye } from "./index.BCvnlzn1.js";
+import { HistoryContext as z, ChatContext as M, useAiChat as Ee, E, e as m, ConfirmationPanel as ge, LazyToastContainerWrapper as Ae, showErrorToast as _e, CHAT_SET_PROVIDER as Oe, showSuccessToast as ve, CHAT_SET_STATUS as De, oe as Le, O as Re } from "./App.BUHkBnAs.js";
 import { useRef as H, useState as F, useContext as R, useCallback as ke, useEffect as U, Suspense as Ie, lazy as we } from "react";
 const Ne = ({
   className: l,
@@ -31,7 +31,7 @@ const Ne = ({
 ), be = we(
   () => import(
     /* webpackChunkName: "history-table" */
-    "./ChatHistoryTable.C6Ksf3TE.js"
+    "./ChatHistoryTable.z1gXvLbS.js"
   ).then((l) => ({ default: l.ChatHistoryTable }))
 ), xe = ({
   filteredHistory: l,
@@ -56,7 +56,7 @@ const Ne = ({
   } = R(M), { setInput: N } = Ee(), [O, v] = E({
     key: y + te,
     initialValue: m.DESC
-  }), [s, B] = E({
+  }), [a, B] = E({
     key: y + re,
     initialValue: m.ASC
   }), [, Y] = E({
@@ -66,22 +66,22 @@ const Ne = ({
     user: d?.username,
     getAccessToken: C
   }), $ = (e) => {
-    const a = i.sortedCell === e;
+    const s = i.sortedCell === e;
     let r, D;
     switch (e) {
       case L:
-        D = v, r = a ? i.sortDirection : O;
+        D = v, r = s ? i.sortDirection : O;
         break;
-      case ce:
-        D = B, r = a ? i.sortDirection : s;
+      case le:
+        D = B, r = s ? i.sortDirection : a;
         break;
       default:
-        D = v, r = a ? i.sortDirection : O;
+        D = v, r = s ? i.sortDirection : O;
         break;
     }
     const V = r === m.ASC ? m.DESC : m.ASC;
     D(V), Y(e), A({
-      type: ne,
+      type: ce,
       payload: {
         sortedCell: e,
         sortDirection: V
@@ -97,7 +97,7 @@ const Ne = ({
           userId: d?.username || "",
           id: e.id
         }
-      }), u(""), await _e(le, {
+      }), u(""), await _e(ie, {
         autoClose: 2e3,
         containerId: "history-table"
       });
@@ -105,16 +105,16 @@ const Ne = ({
     }
   }, W = async (e) => {
     try {
-      const a = await C(), r = await b({
-        accessToken: a,
+      const s = await C(), r = await b({
+        accessToken: s,
         type: x.GET_CHAT,
         params: {
           id: e.id
         }
       });
-      r.status === 200 && (r.data.provider !== f && (await ie({
+      r.data.provider !== f && (await ne({
         provider: r.data.provider,
-        accessToken: a,
+        accessToken: s,
         username: d?.username || ""
       }), h({
         type: Oe,
@@ -133,7 +133,7 @@ const Ne = ({
           restoredModel: r.data?.model || "",
           restoredUsage: r.data?.tokenUsage || 0
         }
-      }), N(""), w(e.id), _(r.data.messages), T(!1));
+      }), N(""), w(e.id), _(r.data.messages), T(!1);
     } catch {
     }
   }, X = (e) => {
@@ -144,14 +144,14 @@ const Ne = ({
     }, g(!c);
   }, q = async (e) => {
     try {
-      (await b({
+      await b({
         accessToken: await C(),
         type: x.TOGGLE_FAVORITE_CHAT,
         params: {
           userId: d?.username || "",
           id: e.id
         }
-      })).status === 200 && u("");
+      }), u("");
     } catch {
     }
   }, J = ke((e) => {
@@ -161,8 +161,8 @@ const Ne = ({
     const e = {
       // root: null,
       rootMargin: "20px"
-    }, a = new IntersectionObserver(J, e);
-    S.current && a.observe(S.current);
+    }, s = new IntersectionObserver(J, e);
+    S.current && s.observe(S.current);
   }), /* @__PURE__ */ n(Q, { children: [
     /* @__PURE__ */ n(
       ge,
@@ -232,20 +232,20 @@ const Ne = ({
   });
   U(() => {
     p && S(
-      f ? p.filter((s) => s.favoriteChat === !0) : p
+      f ? p.filter((a) => a.favoriteChat === !0) : p
     );
   }, [p, f]);
-  const _ = async (s) => {
-    I(s), g({
+  const _ = async (a) => {
+    I(a), g({
       type: ye,
-      payload: { searchString: s }
+      payload: { searchString: a }
     });
-  }, N = Te((s) => {
-    _(s.target.value.trim());
-  }, 500), O = async (s) => {
-    s.preventDefault();
-  }, v = (s) => {
-    w(s);
+  }, N = Te((a) => {
+    _(a.target.value.trim());
+  }, 500), O = async (a) => {
+    a.preventDefault();
+  }, v = (a) => {
+    w(a);
   };
   return /* @__PURE__ */ n(
     Le,

package/dist/chunks/ProfileEntry.BVd9oy8m.js

@@ -0,0 +1,158 @@
+import { jsxs as t, Fragment as M, jsx as e } from "react/jsx-runtime";
+import { preloadToast as B, showSuccessToast as G, showErrorToast as O, LazyToastContainerWrapper as j, oe as D } from "./App.BUHkBnAs.js";
+import { n as K, i as W, useUserPreferences as Y, useServerCapabilities as H, Ee as $, setUserPlan as V, S as o, renderDataAsList as q, CARDS as r, L as E, j as l, C as J, it as Q, isTauri as X, te as Z, l as I, PROFILE_TITLE as ee } from "./index.BCvnlzn1.js";
+import se from "clsx";
+import { useState as L, useMemo as re, useCallback as k } from "react";
+const ae = () => {
+  const {
+    isAuthenticated: d,
+    user: a,
+    registeringForPasskey: g,
+    authenticationType: w,
+    getAccessToken: m
+  } = K(), [y, S] = L(null), [N, b] = L(!1), v = W(), P = a?.username || "", {
+    data: h,
+    isSuccess: F,
+    refetch: f
+  } = Y({
+    user: a?.username,
+    getAccessToken: m
+  }), { data: p, isSuccess: u } = H(), T = re(() => !u || !p?.plans ? [] : p.plans.map((s) => ({
+    id: s.name,
+    label: s.label,
+    description: s.description,
+    features: s.features,
+    models: s.allowedModels.map(
+      (n) => $[n] || n
+    )
+  })), [u, p?.plans]), C = k(() => {
+    N || (B(), b(!0));
+  }, [N]), x = k(
+    async (s, n) => {
+      if (!(!a?.username || s === h?.plan))
+        try {
+          S(s), await V({
+            plan: s,
+            accessToken: await m(),
+            username: a.username
+          }), await f(), await G(`${r.PLANS.SWITCH_SUCCESS} ${n}`, {
+            containerId: "profile-plan-selection"
+          });
+        } catch {
+          await O(r.PLANS.SWITCH_ERROR, {
+            containerId: "profile-plan-selection"
+          });
+        } finally {
+          S(null);
+        }
+    },
+    [m, h?.plan, f, a?.username]
+  );
+  return d && P ? /* @__PURE__ */ t(M, { children: [
+    /* @__PURE__ */ e("div", { className: "av-sassy", children: /* @__PURE__ */ e(j, { containerId: "profile-plan-selection" }) }),
+    /* @__PURE__ */ e(
+      o,
+      {
+        header: r.PREFERENCES.TITLE,
+        className: "prose-dark dark:prose-lighter",
+        noBorder: !0,
+        children: q(v, {
+          [r.PREFERENCES.USERNAME]: P,
+          [r.PREFERENCES.EMAIL]: a?.email || ""
+        })
+      }
+    ),
+    F && u && T.length > 0 && /* @__PURE__ */ t(
+      o,
+      {
+        header: r.PLANS.TITLE,
+        className: "prose-dark dark:prose-lighter mt-4",
+        noBorder: !0,
+        children: [
+          /* @__PURE__ */ e("p", { className: "text-sm", children: r.PLANS.DESCRIPTION }),
+          /* @__PURE__ */ e(E, { columnGap: 3, rowGap: 3, className: "mt-4", children: T.map(({ id: s, label: n, description: R, features: U, models: _ }) => {
+            const c = h?.plan === s, z = c ? r.PLANS.ACTIVE_BADGE : `Get ${n}`, A = y === s;
+            return /* @__PURE__ */ e(l, { span: { fallback: 12, md: 4 }, children: /* @__PURE__ */ e(o, { mode: "darker", className: "prose-lighter h-full", children: /* @__PURE__ */ t(E, { direction: "column", children: [
+              /* @__PURE__ */ t(l, { children: [
+                /* @__PURE__ */ e("div", { className: "flex items-start justify-between gap-2", children: /* @__PURE__ */ t("div", { children: [
+                  /* @__PURE__ */ e(
+                    "h3",
+                    {
+                      className: se("m-0", {
+                        "text-emerald-400": c
+                      }),
+                      children: n
+                    }
+                  ),
+                  /* @__PURE__ */ e("p", { className: "mb-0 text-sm opacity-80", children: R })
+                ] }) }),
+                /* @__PURE__ */ e("h4", { children: "Features" }),
+                /* @__PURE__ */ e("ul", { className: "prose-li:text-sm", children: U.map((i) => /* @__PURE__ */ e("li", { children: i }, i)) }),
+                /* @__PURE__ */ e("h4", { children: "Models" }),
+                /* @__PURE__ */ e("ul", { className: "prose-li:text-sm", children: _.map((i) => /* @__PURE__ */ e("li", { children: i }, i)) })
+              ] }),
+              /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(
+                J,
+                {
+                  mode: "dark",
+                  size: "small",
+                  variant: c ? "selected" : "secondary",
+                  className: "mt-4",
+                  fullWidth: !0,
+                  disabled: c || A,
+                  onClick: async () => {
+                    await x(s, n);
+                  },
+                  onMouseEnter: C,
+                  onFocus: C,
+                  children: A ? "Updating..." : z
+                }
+              ) })
+            ] }) }) }, s);
+          }) })
+        ]
+      }
+    ),
+    w !== Q.PASSKEY && !X() && /* @__PURE__ */ t(
+      o,
+      {
+        className: "prose-dark dark:prose-lighter mt-4",
+        noBorder: !0,
+        header: /* @__PURE__ */ e("h2", { className: "m-0", children: /* @__PURE__ */ t(E, { columnGap: 3, alignVertical: "center", children: [
+          /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e(I, { size: "size-8" }) }),
+          /* @__PURE__ */ e(l, { children: /* @__PURE__ */ e("div", { children: r.PREFERENCES.PASSKEY_TITLE }) })
+        ] }) }),
+        children: [
+          /* @__PURE__ */ e("p", { children: r.PREFERENCES.PASSKEY_INSTRUCTIONS }),
+          /* @__PURE__ */ e(
+            Z,
+            {
+              variant: "selected",
+              size: "small",
+              className: "mt-2",
+              onClick: g,
+              labelLeft: r.PREFERENCES.PASSKEY_BUTTON,
+              children: /* @__PURE__ */ e(I, { size: "size-5", monotone: !0 })
+            }
+          )
+        ]
+      }
+    )
+  ] }) : null;
+}, oe = ({
+  open: d,
+  onOpenChange: a
+}) => /* @__PURE__ */ e(
+  D,
+  {
+    open: d,
+    onOpenChange: a,
+    title: ee,
+    animation: !0,
+    animationType: "fade",
+    children: /* @__PURE__ */ e(ae, {})
+  }
+);
+export {
+  oe as Profile
+};