@tiny-server/identity 0.0.0-pre202605241751

package/dist/components/role/RoleHeader.d.ts

@@ -0,0 +1,5 @@
+import { RoleRead } from '../../api';
+export interface RoleHeaderProps {
+    role: RoleRead;
+}
+export declare function RoleHeader({ role }: RoleHeaderProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/role/RoleOverviewCard.d.ts

@@ -0,0 +1,5 @@
+import { RoleRead } from '../../api';
+export interface RoleOverviewCardProps {
+    role: RoleRead;
+}
+export declare const RoleOverviewCard: import('react').ComponentType<RoleOverviewCardProps>;

package/dist/components/role/index.d.ts

@@ -0,0 +1,5 @@
+export * from './CreateRoleCard';
+export * from './DeleteRoleCard';
+export * from './ManageRoleCard';
+export * from './RoleHeader';
+export * from './RoleOverviewCard';

package/dist/constants.d.ts

@@ -0,0 +1,9 @@
+export declare const minUserNameLength = 3;
+export declare const maxUserNameLength = 256;
+export declare const minPasswordLength = 6;
+export declare const maxEmailLength = 256;
+export declare const minRoleNameLength = 3;
+export declare const maxRoleNameLength = 256;
+export declare const roleNamePattern: RegExp;
+export declare const maxRoleDescriptionLength = 256;
+export declare const allowedUsernameChars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789-._@+";

package/dist/createLucideIcon-DJ4QdTU4.js

@@ -0,0 +1,74 @@
+import { useContext as b, createContext as L, forwardRef as C, createElement as i } from "react";
+const h = (...e) => e.filter((t, o, r) => !!t && t.trim() !== "" && r.indexOf(t) === o).join(" ").trim();
+const W = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase();
+const S = (e) => e.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (t, o, r) => r ? r.toUpperCase() : o.toLowerCase()
+);
+const d = (e) => {
+  const t = S(e);
+  return t.charAt(0).toUpperCase() + t.slice(1);
+};
+var c = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+const v = (e) => {
+  for (const t in e)
+    if (t.startsWith("aria-") || t === "role" || t === "title")
+      return !0;
+  return !1;
+}, y = L({}), $ = () => b(y), j = C(
+  ({ color: e, size: t, strokeWidth: o, absoluteStrokeWidth: r, className: a = "", children: s, iconNode: p, ...l }, m) => {
+    const {
+      size: n = 24,
+      strokeWidth: u = 2,
+      absoluteStrokeWidth: x = !1,
+      color: w = "currentColor",
+      className: f = ""
+    } = $() ?? {}, k = r ?? x ? Number(o ?? u) * 24 / Number(t ?? n) : o ?? u;
+    return i(
+      "svg",
+      {
+        ref: m,
+        ...c,
+        width: t ?? n ?? c.width,
+        height: t ?? n ?? c.height,
+        stroke: e ?? w,
+        strokeWidth: k,
+        className: h("lucide", f, a),
+        ...!s && !v(l) && { "aria-hidden": "true" },
+        ...l
+      },
+      [
+        ...p.map(([g, A]) => i(g, A)),
+        ...Array.isArray(s) ? s : [s]
+      ]
+    );
+  }
+);
+const I = (e, t) => {
+  const o = C(
+    ({ className: r, ...a }, s) => i(j, {
+      ref: s,
+      iconNode: t,
+      className: h(
+        `lucide-${W(d(e))}`,
+        `lucide-${e}`,
+        r
+      ),
+      ...a
+    })
+  );
+  return o.displayName = d(e), o;
+};
+export {
+  I as c
+};

package/dist/declarations.d.ts

@@ -0,0 +1,10 @@
+import { AccountRead } from './api';
+export interface ManageAccountExtensionParams {
+    account: AccountRead;
+}
+declare module '@tiny-server/core' {
+    interface ExtensionParamsMap {
+        'manage-account-tab': ManageAccountExtensionParams;
+        'manage-account-tab-panel': ManageAccountExtensionParams;
+    }
+}

package/dist/forms/AccountForm.d.ts

@@ -0,0 +1,22 @@
+import { AccountRead } from '../api';
+export interface AccountFormProps {
+    /**
+     * An existing account to edit. If undefined, the form is in create mode.
+     */
+    account?: AccountRead;
+    /**
+     * Whether the user name field should be hidden.
+     * @default false
+     */
+    hideIdField?: boolean;
+    /**
+     * Whether the ID field should be hidden.
+     * @default false
+     */
+    hideUserNameField?: boolean;
+    /**
+     * Called after a successful create or update mutation.
+     */
+    onSuccess?(account: AccountRead): void;
+}
+export declare function AccountForm({ account, hideIdField, hideUserNameField, onSuccess }: AccountFormProps): import("react/jsx-runtime").JSX.Element;

package/dist/forms/AccountRolesForm.d.ts

@@ -0,0 +1,11 @@
+export interface AccountRolesFormProps {
+    /**
+     * The ID of the account whose roles are being managed.
+     */
+    accountId: string;
+    /**
+     * Called after successful role update.
+     */
+    onSuccess?(roles: Array<string>): void;
+}
+export declare function AccountRolesForm({ accountId, onSuccess }: AccountRolesFormProps): import("react/jsx-runtime").JSX.Element;

package/dist/forms/ChangePasswordForm.d.ts

@@ -0,0 +1,15 @@
+export interface ChangePasswordFormProps {
+    /**
+     * The ID of the account whose password should be changed.
+     */
+    accountId: string;
+    /**
+     * If true, requires entering the current password before setting a new one.
+     */
+    showCurrentPassword: boolean;
+    /**
+     * Called after a successful password update.
+     */
+    onSuccess?(): void;
+}
+export declare function ChangePasswordForm({ accountId, showCurrentPassword, onSuccess }: ChangePasswordFormProps): import("react/jsx-runtime").JSX.Element;

package/dist/forms/DeleteAccountForm.d.ts

@@ -0,0 +1,6 @@
+import { AccountRead } from '../api';
+export interface DeleteAccountFormProps {
+    account: AccountRead;
+    onSuccess?(): void;
+}
+export declare function DeleteAccountForm({ account, onSuccess }: DeleteAccountFormProps): import("react/jsx-runtime").JSX.Element;

package/dist/forms/DeleteRoleForm.d.ts

@@ -0,0 +1,6 @@
+import { RoleRead } from '../api';
+export interface DeleteRoleFormProps {
+    role: RoleRead;
+    onSuccess?(): void;
+}
+export declare function DeleteRoleForm({ role, onSuccess }: DeleteRoleFormProps): import("react/jsx-runtime").JSX.Element;

package/dist/forms/LoginForm.d.ts

@@ -0,0 +1 @@
+export declare function LoginForm(): import("react/jsx-runtime").JSX.Element;

package/dist/forms/RegisterForm.d.ts

@@ -0,0 +1 @@
+export declare function RegisterForm(): import("react/jsx-runtime").JSX.Element;

package/dist/forms/RoleForm.d.ts

@@ -0,0 +1,13 @@
+import { RoleRead } from '../api';
+export interface RoleFormProps {
+    /**
+     * A {@link RoleRead} object to be edited.
+     * Use `undefined` to create new roles.
+     */
+    role?: RoleRead;
+    /**
+     * Called when the form has been successfully submitted.
+     */
+    onSuccess?(role: RoleRead): void;
+}
+export declare function RoleForm({ role, onSuccess }: RoleFormProps): import("react/jsx-runtime").JSX.Element;

package/dist/forms/index.d.ts

@@ -0,0 +1,8 @@
+export * from './AccountForm';
+export * from './AccountRolesForm';
+export * from './ChangePasswordForm';
+export * from './DeleteAccountForm';
+export * from './DeleteRoleForm';
+export * from './LoginForm';
+export * from './RegisterForm';
+export * from './RoleForm';

package/dist/i18n-ZQHvKu9t.js

@@ -0,0 +1,5 @@
+import { defineLocales as r } from "@tiny-server/core";
+const i = (e, o) => r(`@tiny-server/identity/${e}`, o);
+export {
+  i as d
+};

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+export * from './api';
+export * from './declarations';
+export * from './module';

package/dist/index.js

@@ -0,0 +1,267 @@
+import { appFetch as o, readSessionStateQuery as l, createModule as d, requireAnonymous as m, requireSession as c } from "@tiny-server/core";
+import { lazy as r } from "react";
+import { queryOptions as s, mutationOptions as i } from "@tanstack/react-query";
+function p(e) {
+  return o({ url: "/api/v1/accounts", params: e });
+}
+function y(e) {
+  return o({ url: `/api/v1/accounts/${e}` });
+}
+function _(e) {
+  return o({ url: "/api/v1/accounts", method: "POST", body: e });
+}
+function f(e, t) {
+  return o({ url: `/api/v1/accounts/${e}`, method: "PUT", body: t });
+}
+function v(e) {
+  return o({ url: `/api/v1/accounts/${e}`, method: "DELETE" });
+}
+function q(e) {
+  return o({ url: `/api/v1/accounts/${e}/roles` });
+}
+function h(e, t) {
+  return o({ url: `/api/v1/accounts/${e}/roles`, method: "PUT", body: t });
+}
+function K(e, t) {
+  return o({ url: `/api/v1/accounts/${e}/password`, method: "PUT", body: t });
+}
+function C(e) {
+  return s({
+    queryKey: ["accounts", e],
+    queryFn: () => p(e)
+  });
+}
+function $(e) {
+  return s({
+    queryKey: ["accounts", e],
+    queryFn: () => y(e)
+  });
+}
+function b(e) {
+  return s({
+    queryKey: ["accounts", e, "roles"],
+    queryFn: () => q(e)
+  });
+}
+function E() {
+  return i({
+    mutationFn: (e) => _(e),
+    onSuccess(e, t, a, n) {
+      n.client.invalidateQueries({ queryKey: ["accounts"] });
+    }
+  });
+}
+function O(e) {
+  return i({
+    mutationFn: (t) => f(e, t),
+    onSuccess(t, a, n, u) {
+      u.client.invalidateQueries({ queryKey: ["accounts", e] }), u.client.invalidateQueries({ queryKey: ["accounts"] });
+    }
+  });
+}
+function U() {
+  return i({
+    mutationFn: (e) => v(e),
+    onSuccess(e, t, a, n) {
+      n.client.invalidateQueries({ queryKey: ["accounts"] });
+    }
+  });
+}
+function D(e) {
+  return i({
+    mutationFn: (t) => h(e, t),
+    onSuccess(t, a, n, u) {
+      u.client.invalidateQueries({ queryKey: ["accounts", e, "roles"] });
+    }
+  });
+}
+function I(e) {
+  return i({
+    mutationFn: (t) => K(e, t),
+    onSuccess(t, a, n, u) {
+      u.client.invalidateQueries({ queryKey: ["accounts", e] }), u.client.invalidateQueries({ queryKey: ["accounts"] });
+    }
+  });
+}
+function Q(e) {
+  return o({ url: "/api/v1/auth/login", method: "POST", body: e });
+}
+function g() {
+  return o({ url: "/api/v1/auth/logout", method: "POST" });
+}
+function L() {
+  return i({
+    mutationFn: (e) => Q(e),
+    onSuccess(e, t, a, n) {
+      n.client.invalidateQueries({ queryKey: ["session"] });
+    }
+  });
+}
+function z() {
+  return i({
+    mutationFn: () => g(),
+    onSuccess(e, t, a, n) {
+      n.client.removeQueries({
+        predicate: (u) => u.queryKey[0] !== l().queryKey[0]
+      }), n.client.setQueryData(l().queryKey, {
+        hasSession: !1,
+        session: void 0
+      }), location.reload();
+    }
+  });
+}
+function S(e) {
+  return o({ url: "/api/v1/roles", params: e });
+}
+function A(e) {
+  return o({ url: `/api/v1/roles/${e}` });
+}
+function F(e) {
+  return o({ url: "/api/v1/roles", method: "POST", body: e });
+}
+function w(e, t) {
+  return o({ url: `/api/v1/roles/${e}`, method: "PUT", body: t });
+}
+function R(e) {
+  return o({ url: `/api/v1/roles/${e}`, method: "DELETE" });
+}
+function j(e) {
+  return s({
+    queryKey: ["roles", e],
+    queryFn: () => S(e)
+  });
+}
+function k(e) {
+  return s({
+    queryKey: ["roles", e],
+    queryFn: () => A(e)
+  });
+}
+function B() {
+  return i({
+    mutationFn: (e) => F(e),
+    onSuccess(e, t, a, n) {
+      n.client.invalidateQueries({ queryKey: ["roles"] });
+    }
+  });
+}
+function G(e) {
+  return i({
+    mutationFn: (t) => w(e, t),
+    onSuccess(t, a, n, u) {
+      u.client.invalidateQueries({ queryKey: ["roles", e] }), u.client.invalidateQueries({ queryKey: ["roles"] });
+    }
+  });
+}
+function H() {
+  return i({
+    mutationFn: (e) => R(e),
+    onSuccess(e, t, a, n) {
+      n.client.invalidateQueries({ queryKey: ["roles"] });
+    }
+  });
+}
+function J() {
+  return d({
+    routes: [
+      {
+        middleware: [m()],
+        children: [
+          {
+            path: "/auth/login",
+            Component: r(() => import("./login-DP7FSO-S.js"))
+          },
+          {
+            path: "/auth/register",
+            Component: r(() => import("./register-C4hB44_D.js"))
+          }
+        ]
+      },
+      {
+        middleware: [c({ permissions: ["read.account.own"] })],
+        path: "/settings/account",
+        Component: r(() => import("./settings.account-DITieOTt.js"))
+      },
+      {
+        middleware: [c({ permissions: ["read.account.all"] })],
+        path: "/manage/accounts",
+        Component: r(() => import("./manage.accounts-D8nzi0BV.js"))
+      },
+      {
+        middleware: [c({ permissions: ["read.account.all"] })],
+        path: "/manage/accounts/:id",
+        Component: r(() => import("./manage.accounts._id-CTAIEe0D.js"))
+      },
+      {
+        middleware: [c({ permissions: ["write.account.all"] })],
+        path: "/manage/accounts/create",
+        Component: r(() => import("./manage.accounts.create-CJHdTi4B.js"))
+      },
+      {
+        middleware: [c({ permissions: ["read.role.all"] })],
+        path: "/manage/roles",
+        Component: r(() => import("./manage.roles-B_WYX8EH.js"))
+      },
+      {
+        middleware: [c({ permissions: ["read.role.all"] })],
+        path: "/manage/roles/:id",
+        Component: r(() => import("./manage.roles._id-CRO5xYLO.js"))
+      },
+      {
+        middleware: [c({ permissions: ["write.role.all"] })],
+        path: "/manage/roles/create",
+        Component: r(() => import("./manage.roles.create-DDNPLNCK.js"))
+      }
+    ],
+    menuItems: [
+      {
+        id: "identity-account-settings",
+        menu: "settings",
+        component: r(() => import("./AccountSettingsMenuItem-BKBN0OZp.js"))
+      },
+      {
+        id: "identity-manage-accounts",
+        menu: "default",
+        component: r(() => import("./ManageAccountsMenuItem-BgTTH5S8.js"))
+      },
+      {
+        id: "identity-manage-roles",
+        menu: "default",
+        component: r(() => import("./ManageRolesMenuItem-DxMd-3i9.js"))
+      }
+    ]
+  });
+}
+export {
+  _ as createAccount,
+  E as createAccountMutation,
+  J as createIdentityModule,
+  F as createRole,
+  B as createRoleMutation,
+  v as deleteAccount,
+  U as deleteAccountMutation,
+  R as deleteRole,
+  H as deleteRoleMutation,
+  Q as login,
+  L as loginMutation,
+  g as logout,
+  z as logoutMutation,
+  y as readAccount,
+  $ as readAccountQuery,
+  q as readAccountRoles,
+  b as readAccountRolesQuery,
+  p as readAccounts,
+  C as readAccountsQuery,
+  A as readRole,
+  k as readRoleQuery,
+  S as readRoles,
+  j as readRolesQuery,
+  f as updateAccount,
+  O as updateAccountMutation,
+  K as updateAccountPassword,
+  I as updateAccountPasswordMutation,
+  h as updateAccountRoles,
+  D as updateAccountRolesMutation,
+  w as updateRole,
+  G as updateRoleMutation
+};

package/dist/key-CmPc9vYA.js

@@ -0,0 +1,9 @@
+import { c } from "./createLucideIcon-DJ4QdTU4.js";
+const e = [
+  ["path", { d: "m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4", key: "g0fldk" }],
+  ["path", { d: "m21 2-9.6 9.6", key: "1j0ho8" }],
+  ["circle", { cx: "7.5", cy: "15.5", r: "5.5", key: "yqb3hr" }]
+], a = c("key", e);
+export {
+  a as K
+};

package/dist/login-DP7FSO-S.js

@@ -0,0 +1,108 @@
+import { jsx as r, jsxs as d, Fragment as f } from "react/jsx-runtime";
+import { useForm as w } from "@mantine/form";
+import { useSuspenseQuery as b, useMutation as y } from "@tanstack/react-query";
+import { TextInput as N, PasswordInput as L, Button as F, Divider as x, Text as S, Anchor as M } from "@mantine/core";
+import { f as I, I as P, c as v } from "./IdentityErrorDetails-CJDjlYx0.js";
+import { useNavigate as R, useSearchParams as Y, Link as k } from "react-router";
+import { Form as a } from "@tiny-server/design";
+import { readStatusQuery as C } from "@tiny-server/core";
+import { loginMutation as E } from "./index.js";
+import { d as T } from "./i18n-ZQHvKu9t.js";
+const q = T("LoginForm", {
+  en: {
+    title: "Login",
+    errorMessage: "Logging in failed.",
+    loginFailed: "You could not be logged in. Please verify that you are using the correct e-mail address and password and then try again.",
+    accountCreated: {
+      title: "Account Created",
+      content: "Your account has been created. You can now login."
+    },
+    userName: {
+      label: "Your username",
+      placeholder: "Username",
+      description: "The user name that you used when creating your account."
+    },
+    password: {
+      label: "Your password",
+      placeholder: "Your password",
+      description: "The password of your account."
+    },
+    login: "Login",
+    registerLinkMsg: "Don't have an account yet?",
+    register: "Register"
+  }
+});
+function A() {
+  const e = q(), {
+    data: {
+      data: { selfRegistrationEnabled: c }
+    }
+  } = b(C()), { mutate: m, isPending: s, error: n } = y(E()), u = I(), p = R(), [l] = Y(), i = l.get("userName") ?? "", g = l.get("fromRegistration") === "true", t = w({
+    initialValues: {
+      userName: i,
+      password: "",
+      stayLoggedIn: !0
+    },
+    validate: {
+      userName: (o) => u(o),
+      password: (o) => u(o)
+    }
+  }), h = async (o) => {
+    m(o, {
+      onSuccess() {
+        p("/");
+      },
+      onError() {
+        t.reset(), t.setFieldError("userName", !0), t.setFieldError("password", !0);
+      }
+    });
+  };
+  return /* @__PURE__ */ r(a, { size: "xs", onSubmit: t.onSubmit(h), children: /* @__PURE__ */ d(a.Section, { children: [
+    /* @__PURE__ */ r("h2", { children: e("title") }),
+    g && !n && /* @__PURE__ */ r(a.Alert, { kind: "success", title: e("accountCreated.title"), children: e("accountCreated.content") }),
+    n && /* @__PURE__ */ r(a.Alert, { kind: "error", title: e("errorMessage"), children: /* @__PURE__ */ r(P, { error: n, defaultMessage: e("loginFailed") }) }),
+    /* @__PURE__ */ r(
+      N,
+      {
+        id: "userName",
+        type: "text",
+        label: e("userName.label"),
+        placeholder: e("userName.placeholder"),
+        description: e("userName.description"),
+        disabled: s,
+        maxLength: v,
+        autoFocus: !i,
+        required: !0,
+        ...t.getInputProps("userName")
+      }
+    ),
+    /* @__PURE__ */ r(
+      L,
+      {
+        id: "password",
+        label: e("password.label"),
+        placeholder: e("password.placeholder"),
+        description: e("password.description"),
+        disabled: s,
+        autoFocus: !!i,
+        required: !0,
+        ...t.getInputProps("password")
+      }
+    ),
+    /* @__PURE__ */ r(F, { type: "submit", loading: s, disabled: s, children: e("login") }),
+    c && /* @__PURE__ */ d(f, { children: [
+      /* @__PURE__ */ r(x, {}),
+      /* @__PURE__ */ d(S, { style: { alignSelf: "center" }, children: [
+        e("registerLinkMsg"),
+        " ",
+        /* @__PURE__ */ r(M, { component: k, to: "/auth/register", fw: 600, children: e("register") })
+      ] })
+    ] })
+  ] }) });
+}
+function K() {
+  return /* @__PURE__ */ r(A, {});
+}
+export {
+  K as default
+};

package/dist/manage.accounts-D8nzi0BV.js

@@ -0,0 +1,60 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { withPermissions as y, WithPermissions as d, useApp as A, usePagination as P } from "@tiny-server/core";
+import { Stack as u, Badge as b, Pagination as L, Button as x, ActionIcon as v } from "@mantine/core";
+import { useQuery as z, useSuspenseQuery as C } from "@tanstack/react-query";
+import { Link as c } from "react-router";
+import { readAccountRolesQuery as S, readAccountsQuery as k } from "./index.js";
+import { A as w } from "./AccountHeader-B4SMzQeC.js";
+import { SectionCard as s, LabeledInfo as l, BadgeGroup as Q } from "@tiny-server/design";
+import { c as R } from "./createLucideIcon-DJ4QdTU4.js";
+import { K as B } from "./key-CmPc9vYA.js";
+import { d as p } from "./i18n-ZQHvKu9t.js";
+import { P as m } from "./plus-Bhxt0T43.js";
+const I = [
+  ["path", { d: "m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7", key: "132q7q" }],
+  ["rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", key: "izxlao" }]
+], M = R("mail", I), j = p("AccountCard", {
+  en: {
+    emailLabel: "E-mail address",
+    rolesLabel: "Roles"
+  }
+}), q = y(
+  { permissions: ["read.account.all"] },
+  ({ account: o }) => {
+    const a = j(), { data: t } = z(S(o.id));
+    return /* @__PURE__ */ i(s, { children: [
+      /* @__PURE__ */ e(w, { account: o }),
+      /* @__PURE__ */ e(s.Section, { children: /* @__PURE__ */ i(u, { gap: "sm", children: [
+        /* @__PURE__ */ e(l, { variant: "inline", icon: /* @__PURE__ */ e(M, { size: "1em" }), label: a("emailLabel"), children: o.email }),
+        /* @__PURE__ */ e(d, { permissions: ["read.account.roles.all"], children: /* @__PURE__ */ e(l, { variant: "inline", icon: /* @__PURE__ */ e(B, { size: "1em" }), label: a("rolesLabel"), children: /* @__PURE__ */ e(Q, { max: 5, children: t?.data.map((n) => /* @__PURE__ */ e(b, { variant: "light", color: "gray", children: n }, n)) }) }) })
+      ] }) })
+    ] });
+  }
+), F = p("ManageAccountsPage", {
+  en: {
+    title: "Accounts",
+    create: "Create account"
+  }
+});
+function U() {
+  const o = F(), { Page: a } = A().components, { page: t, pageSize: n, setPage: h } = P(), {
+    data: { data: g, totalPages: f }
+  } = C(k({ page: t, pageSize: n }));
+  return /* @__PURE__ */ e(
+    a,
+    {
+      header: o("title"),
+      actions: /* @__PURE__ */ i(d, { permissions: ["write.account.all"], children: [
+        /* @__PURE__ */ e(x, { visibleFrom: "md", component: c, to: "/manage/accounts/create", leftSection: /* @__PURE__ */ e(m, { size: "1em" }), children: o("create") }),
+        /* @__PURE__ */ e(v, { hiddenFrom: "md", component: c, to: "/manage/accounts/create", "aria-label": o("create"), children: /* @__PURE__ */ e(m, { size: "1em" }) })
+      ] }),
+      children: /* @__PURE__ */ i(u, { children: [
+        g.map((r) => /* @__PURE__ */ e(c, { to: `/manage/accounts/${r.id}`, style: { textDecoration: "none" }, children: /* @__PURE__ */ e(q, { account: r }) }, r.id)),
+        /* @__PURE__ */ e(L, { value: t, total: f, onChange: h })
+      ] })
+    }
+  );
+}
+export {
+  U as default
+};