@protobase/ui 0.46.3 → 0.46.4

package/dist/app/related-section.js

@@ -1,7 +1,7 @@
-import { Skeleton } from "../primitives/skeleton.js";
 import { keys } from "../data/query-keys.js";
 import { useClient } from "../data/api-provider.js";
 import { useAdminMeta, usePermissions } from "./meta-gate.js";
+import { Skeleton } from "../primitives/skeleton.js";
 import { Section } from "../record-view/section.js";
 import { listColumnNames } from "../live/columns-from-model.js";
 import { ErrorBanner } from "./error-banner.js";
@@ -17,8 +17,8 @@ import { HandSortedList } from "./hand-order/hand-sorted-list.js";
 import { ReorderButton } from "./hand-order/reorder-button.js";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { createWhere, printFilter } from "@protobase/schema";
 import { useQuery } from "@tanstack/react-query";
+import { createWhere, printFilter } from "@protobase/schema";
 //#region src/app/related-section.tsx
 const where$1 = createWhere();
 const and = (...parts) => {

package/dist/app/relation-picker.js

@@ -1,8 +1,8 @@
 import { cn } from "../lib/cn.js";
 import { Input } from "../primitives/input.js";
-import { text } from "./messages.js";
 import { humanize } from "../live/naming.js";
 import { labelFieldOf } from "../live/model-helpers.js";
+import { text } from "./messages.js";
 import { useList } from "../data/use-list.js";
 import { relationOptionsQuery, titleMatches } from "./relation-options.js";
 import { useCallback, useEffect, useId, useRef, useState } from "react";

package/dist/app/router.js

@@ -1,7 +1,7 @@
-import { RouteLink } from "../primitives/route-link.js";
-import { guarded } from "../lib/guarded.js";
 import { Button } from "../primitives/button.js";
 import { Dialog } from "../primitives/dialog.js";
+import { guarded } from "../lib/guarded.js";
+import { RouteLink } from "../primitives/route-link.js";
 import { text } from "./messages.js";
 import { createPagePlaces } from "./page-places.js";
 import { restoreScroll } from "./restore-scroll.js";

package/dist/app/saved/saved-list.js

@@ -1,7 +1,7 @@
 import { Skeleton } from "../../primitives/skeleton.js";
-import { PageHeader } from "../../app-shell/page-header.js";
 import { humanize } from "../../live/naming.js";
 import { ErrorBanner } from "../error-banner.js";
+import { PageHeader } from "../../app-shell/page-header.js";
 import { savedScope } from "./saved-records.js";
 import { useSavedRecords } from "./use-saved-records.js";
 import { text } from "./messages.js";

package/dist/app/search/use-global-search.js

@@ -1,6 +1,6 @@
-import { useRouter } from "../router.js";
 import { useClient } from "../../data/api-provider.js";
 import { useAdminMeta } from "../meta-gate.js";
+import { useRouter } from "../router.js";
 import { useDebounced } from "../../lib/use-debounced.js";
 import { navigationHits } from "./navigation-hits.js";
 import { searchFields, searchFilter, searchPlaceholder, searchTargets, toHit } from "./search-model.js";

package/dist/app/searches/save-search-button.js

@@ -1,6 +1,6 @@
 import { Button } from "../../primitives/button.js";
-import { SignInPrompt } from "../../auth/sign-in-prompt.js";
 import { text } from "./messages.js";
+import { SignInPrompt } from "../../auth/sign-in-prompt.js";
 import { SearchNameDialog } from "./search-name-dialog.js";
 import { UpdateSearchDialog } from "./update-search-dialog.js";
 import { useSaveSearch } from "./use-save-search.js";

package/dist/app/searches/saved-search-rows.js

@@ -1,5 +1,5 @@
-import { Skeleton } from "../../primitives/skeleton.js";
 import { useAdminMeta } from "../meta-gate.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { humanize } from "../../live/naming.js";
 import { recordKey } from "../../live/model-helpers.js";
 import { AppLink } from "../use-app-address.js";

package/dist/app/searches/saved-search-section.js

@@ -1,7 +1,7 @@
-import { Button } from "../../primitives/button.js";
 import { useClient } from "../../data/api-provider.js";
-import { humanize } from "../../live/naming.js";
+import { Button } from "../../primitives/button.js";
 import { useToast } from "../../toasts/toast-provider.js";
+import { humanize } from "../../live/naming.js";
 import { AppLink } from "../use-app-address.js";
 import { useRefreshResource } from "../pages/use-layout-data.js";
 import { text } from "./messages.js";

package/dist/app/searches/saved-searches.js

@@ -1,12 +1,12 @@
-import { Skeleton } from "../../primitives/skeleton.js";
-import { PageHeader } from "../../app-shell/page-header.js";
 import { Notice, useAdminMeta, usePermissions } from "../meta-gate.js";
-import { slotted } from "../../locale/slotted.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { humanize } from "../../live/naming.js";
 import { recordKey } from "../../live/model-helpers.js";
 import { AppLink } from "../use-app-address.js";
 import { ErrorBanner } from "../error-banner.js";
+import { slotted } from "../../locale/slotted.js";
 import { can } from "../permissions.js";
+import { PageHeader } from "../../app-shell/page-header.js";
 import { text } from "./messages.js";
 import { useSavedSearches } from "./use-saved-searches.js";
 import { useDeleteFlow } from "../delete/use-delete-flow.js";

package/dist/app/searches/search-controls.js

@@ -1,13 +1,13 @@
 import { useClient } from "../../data/api-provider.js";
-import { humanize } from "../../live/naming.js";
 import { useToast } from "../../toasts/toast-provider.js";
+import { humanize } from "../../live/naming.js";
 import { Switch } from "../../primitives/switch.js";
 import { useRefreshResource } from "../pages/use-layout-data.js";
 import { text } from "./messages.js";
 import { useId } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { enumLabel } from "@protobase/schema";
 import { useMutation } from "@tanstack/react-query";
+import { enumLabel } from "@protobase/schema";
 //#region src/app/searches/search-controls.tsx
 const message = (error) => error instanceof Error ? error.message : text("somethingWrong");
 const Control = ({ model, view, name, value, onChange }) => {

package/dist/app/searches/search-name-dialog.js

@@ -1,6 +1,6 @@
-import { Input } from "../../primitives/input.js";
 import { Button } from "../../primitives/button.js";
 import { ResponsiveDialog } from "../../primitives/responsive-dialog.js";
+import { Input } from "../../primitives/input.js";
 import { text } from "./messages.js";
 import { FilterChipList } from "./filter-chip-list.js";
 import { useId, useState } from "react";

package/dist/app/searches/update-search-dialog.js

@@ -1,7 +1,7 @@
-import { Skeleton } from "../../primitives/skeleton.js";
+import { useClient } from "../../data/api-provider.js";
 import { Button } from "../../primitives/button.js";
 import { ResponsiveDialog } from "../../primitives/responsive-dialog.js";
-import { useClient } from "../../data/api-provider.js";
+import { Skeleton } from "../../primitives/skeleton.js";
 import { humanize } from "../../live/naming.js";
 import { defaultOrderBy } from "../list-order.js";
 import { countQuery } from "../pages/use-layout-data.js";

package/dist/app/searches/use-save-search.js

@@ -1,7 +1,7 @@
 import { useClient } from "../../data/api-provider.js";
 import { useAdminMeta } from "../meta-gate.js";
-import { humanize } from "../../live/naming.js";
 import { useToast } from "../../toasts/toast-provider.js";
+import { humanize } from "../../live/naming.js";
 import { recordKey } from "../../live/model-helpers.js";
 import { useAppAddress } from "../use-app-address.js";
 import { can } from "../permissions.js";

package/dist/app/sensitive-field.js

@@ -1,9 +1,9 @@
 import { cn } from "../lib/cn.js";
-import { Input } from "../primitives/input.js";
 import { Button } from "../primitives/button.js";
-import { text } from "./messages.js";
+import { Input } from "../primitives/input.js";
 import { humanize } from "../live/naming.js";
 import { displayValue } from "../live/display-value.js";
+import { text } from "./messages.js";
 import { toDraft } from "../live/field-values.js";
 import { ErrorBanner } from "./error-banner.js";
 import { useState } from "react";

package/dist/app/source-notice.js

@@ -1,7 +1,7 @@
+import { keys } from "../data/query-keys.js";
 import { Spinner } from "../primitives/spinner.js";
 import { Button } from "../primitives/button.js";
 import { text } from "./messages.js";
-import { keys } from "../data/query-keys.js";
 import { isApiError } from "@protobase/client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useQueryClient } from "@tanstack/react-query";

package/dist/app/staff-banner.js

@@ -1,8 +1,8 @@
-import { authMessage } from "../auth/auth-messages.js";
-import { formatDateTime } from "../format/date.js";
 import { Button } from "../primitives/button.js";
+import { formatDateTime } from "../format/date.js";
 import { text } from "./messages.js";
 import { slotted } from "../locale/slotted.js";
+import { authMessage } from "../auth/auth-messages.js";
 import { useState } from "react";
 import { UserRoundCog } from "lucide-react";
 import { AuthError } from "@protobase/client";

package/dist/app/use-app-address.js

@@ -1,7 +1,7 @@
-import { useIsXs } from "../lib/use-media-query.js";
-import { Link, useRouter } from "./router.js";
 import { useAdminMeta } from "./meta-gate.js";
+import { useIsXs } from "../lib/use-media-query.js";
 import { changedList, currentAddress, listDefaults, listedResource } from "./current-address.js";
+import { Link, useRouter } from "./router.js";
 import { useCallback, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { appPath, readAppPath } from "@protobase/schema";

package/dist/app/use-incoming-counts.js

@@ -1,7 +1,7 @@
 import { keys } from "../data/query-keys.js";
 import { useClient } from "../data/api-provider.js";
-import { createWhere, printFilter } from "@protobase/schema";
 import { useQueries } from "@tanstack/react-query";
+import { createWhere, printFilter } from "@protobase/schema";
 //#region src/app/use-incoming-counts.ts
 const where$1 = createWhere();
 /** How many records point at `key` through each relation: `undefined` while loading, left out when the list is refused. */

package/dist/app-shell/app-shell.js

@@ -11,7 +11,7 @@ import { useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/app-shell/app-shell.tsx
 const drawerId = "app-drawer";
-const AppShell = ({ sidebarMode, activeItem, breadcrumb, user, workspace, appName, appIcon, logo, actions, rightPanel, sidebarNotice, banner, forceExpanded, profileMenuOpen, navGroups, userMenu, bottomBar, onNavigate, onBack, onSignOut, signIn, organizations, roles, theme, search, pageScroll: scrollsByDefault = false, className, children }) => {
+const AppShell = ({ sidebarMode, activeItem, breadcrumb, user, workspace, appName, appIcon, logo, actions, rightPanel, sidebarNotice, banner, forceExpanded, profileMenuOpen, navGroups, userMenu, account, bottomBar, onNavigate, onBack, onSignOut, signIn, organizations, roles, theme, search, pageScroll: scrollsByDefault = false, className, children }) => {
 	const desktop = useIsDesktop();
 	const noticeShown = useSidebarNoticeShown(sidebarMode);
 	const [drawerOpen, setDrawerOpen] = useState(false);
@@ -39,6 +39,7 @@ const AppShell = ({ sidebarMode, activeItem, breadcrumb, user, workspace, appNam
 		profileMenuOpen,
 		groups: navGroups,
 		userMenu,
+		account,
 		onNavigate,
 		onSignOut,
 		signIn,

package/dist/app-shell/breadcrumb.js

@@ -1,6 +1,6 @@
 import { cn } from "../lib/cn.js";
-import { text } from "./messages.js";
 import { Skeleton } from "../primitives/skeleton.js";
+import { text } from "./messages.js";
 import { ChevronRight } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/app-shell/breadcrumb.tsx

package/dist/app-shell/drawer.js

@@ -1,5 +1,5 @@
-import { text } from "./messages.js";
 import { useFocusTrap } from "../lib/use-focus-trap.js";
+import { text } from "./messages.js";
 import { useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/app-shell/drawer.tsx

package/dist/app-shell/global-search.js

@@ -1,8 +1,8 @@
 import { cn } from "../lib/cn.js";
+import { Spinner } from "../primitives/spinner.js";
 import { text } from "./messages.js";
 import { Input } from "../primitives/input.js";
 import { Kbd } from "../primitives/kbd.js";
-import { Spinner } from "../primitives/spinner.js";
 import { useId, useRef, useState } from "react";
 import { Search, X } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/app-shell/profile-menu.js

@@ -10,7 +10,7 @@ import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/app-shell/profile-menu.tsx
 const menuRow = "flex min-h-11 w-full items-center gap-2.5 px-3 py-1.5 text-left text-muted-foreground hover:bg-muted md:min-h-0";
 /** The person at the bottom of the sidebar; the menu is fixed to the viewport so a narrow sidebar cannot clip it. */
-const ProfileMenu = ({ user, compact, open: controlled, items = [], onNavigate, onSignOut, organizations, roles, theme }) => {
+const ProfileMenu = ({ user, compact, open: controlled, items = [], account, onNavigate, onSignOut, organizations, roles, theme }) => {
 	const activeRole = roles?.roles.find((role) => role.name === roles.active);
 	const [local, setLocal] = useState(false);
 	const open = controlled ?? local;
@@ -28,6 +28,13 @@ const ProfileMenu = ({ user, compact, open: controlled, items = [], onNavigate,
 			document.removeEventListener("keydown", close);
 		};
 	}, [open, controlled]);
+	const groups = items.filter((group) => group.length > 0);
+	const follow = (event, href, external) => {
+		setLocal(false);
+		if (external || !onNavigate) return;
+		event.preventDefault();
+		onNavigate(href);
+	};
 	const toggle = () => {
 		const rect = root.current?.getBoundingClientRect();
 		if (rect) setAnchor({
@@ -71,7 +78,19 @@ const ProfileMenu = ({ user, compact, open: controlled, items = [], onNavigate,
 				bottom: anchor.bottom
 			} : void 0,
 			children: [
-				/* @__PURE__ */ jsxs("div", {
+				account ? /* @__PURE__ */ jsxs("a", {
+					role: "menuitem",
+					href: account,
+					onClick: (event) => follow(event, account),
+					className: "block border-b px-3 pb-2 pt-1.5 hover:bg-muted",
+					children: [/* @__PURE__ */ jsx("div", {
+						className: "font-medium",
+						children: user.name
+					}), /* @__PURE__ */ jsx("div", {
+						className: "truncate text-xs text-muted-foreground",
+						children: user.email
+					})]
+				}) : /* @__PURE__ */ jsxs("div", {
 					className: "border-b px-3 pb-2 pt-1.5",
 					children: [/* @__PURE__ */ jsx("div", {
 						className: "font-medium",
@@ -113,9 +132,10 @@ const ProfileMenu = ({ user, compact, open: controlled, items = [], onNavigate,
 						roles.onSwitch(name);
 					}
 				}),
-				items.length > 0 && /* @__PURE__ */ jsx("div", {
-					className: cn((theme || onSignOut) && "border-b"),
-					children: items.map((item) => {
+				groups.map((group, index) => /* @__PURE__ */ jsx("div", {
+					role: "group",
+					className: cn("py-1", (index < groups.length - 1 || theme || onSignOut) && "border-b"),
+					children: group.map((item) => {
 						const Icon = item.icon;
 						return /* @__PURE__ */ jsxs("a", {
 							role: "menuitem",
@@ -125,17 +145,12 @@ const ProfileMenu = ({ user, compact, open: controlled, items = [], onNavigate,
 								target: "_blank",
 								rel: "noreferrer"
 							} : {},
-							onClick: (event) => {
-								setLocal(false);
-								if (item.external || !onNavigate) return;
-								event.preventDefault();
-								onNavigate(item.href);
-							},
+							onClick: (event) => follow(event, item.href, item.external),
 							className: cn(menuRow, item.active && "bg-muted text-foreground"),
 							children: [/* @__PURE__ */ jsx(Icon, { className: "size-4" }), item.label]
 						}, item.id);
 					})
-				}),
+				}, group[0]?.id)),
 				theme && /* @__PURE__ */ jsx("div", {
 					className: cn(onSignOut && "border-b"),
 					children: /* @__PURE__ */ jsx(ThemeSwitch, {

package/dist/app-shell/sidebar.js

@@ -11,7 +11,7 @@ import { SidebarGroup } from "./sidebar-group.js";
 import { LogIn } from "lucide-react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/app-shell/sidebar.tsx
-const Sidebar = ({ mode, activeItem, user, workspace, appName, appIcon, forceExpanded, profileMenuOpen, groups = navGroups, userMenu, onNavigate, onSignOut, signIn, organizations, roles, theme, sticky, logo: SidebarLogo = Logo, notice }) => {
+const Sidebar = ({ mode, activeItem, user, workspace, appName, appIcon, forceExpanded, profileMenuOpen, groups = navGroups, userMenu, account, onNavigate, onSignOut, signIn, organizations, roles, theme, sticky, logo: SidebarLogo = Logo, notice }) => {
 	const expanding = mode === "icon-expand";
 	const expanded = expanding && forceExpanded;
 	const inline = isTextMode(mode) || expanding;
@@ -59,6 +59,7 @@ const Sidebar = ({ mode, activeItem, user, workspace, appName, appIcon, forceExp
 						compact: !inline,
 						open: profileMenuOpen,
 						items: userMenu,
+						account,
 						onNavigate,
 						onSignOut,
 						organizations,

package/dist/assistant-dock/widget-view.js

@@ -1,5 +1,5 @@
-import { reportRenderError } from "../app/error-reporting.js";
 import { useProjectUi } from "../app/pages/project-ui.js";
+import { reportRenderError } from "../app/error-reporting.js";
 import { ActionCard } from "../action-card/action-card.js";
 import { text } from "./messages.js";
 import { Component } from "react";

package/dist/auth/auth-gate.js

@@ -1,11 +1,11 @@
-import { Spinner } from "../primitives/spinner.js";
-import { providerMessage } from "./auth-messages.js";
 import { readProviderError, readSignInLink, withoutSignInLink } from "./provider-link.js";
 import { text } from "./messages.js";
 import { useAuth } from "./auth-provider.js";
+import { Spinner } from "../primitives/spinner.js";
 import { Button } from "../primitives/button.js";
 import { useRouter } from "../app/router.js";
 import { useSignInAddress } from "./use-sign-in-address.js";
+import { providerMessage } from "./auth-messages.js";
 import { EmailCodePage } from "./email-code-page.js";
 import { FirstRunPage } from "./first-run-page.js";
 import { readResetLink, withoutResetLink } from "./reset-link.js";

package/dist/auth/auth-messages.js

@@ -59,7 +59,7 @@ const text = defineMessages({
 const providerText = defineMessages({
 	en: {
 		signupDisabled: (name) => `No account here belongs to this ${name} account. Ask an admin to add you, or sign in another way.`,
-		notLinked: (name) => `Your ${name} account is not linked to your account here. Sign in another way, then connect ${name} on the Sign-in & security page.`,
+		notLinked: (name) => `Your ${name} account is not linked to your account here. Sign in another way, then connect ${name} on your account page.`,
 		linkedToOther: (name) => `This ${name} account is linked to someone else here already.`,
 		couldNotLink: (name) => `Your ${name} account could not be linked. Try again.`,
 		accessDenied: (name) => `${name} did not let you in, or you cancelled.`,
@@ -68,7 +68,7 @@ const providerText = defineMessages({
 	},
 	nl: {
 		signupDisabled: (name) => `Geen account hier hoort bij dit ${name}-account. Vraag een beheerder om je toe te voegen, of log op een andere manier in.`,
-		notLinked: (name) => `Je ${name}-account is niet gekoppeld aan je account hier. Log op een andere manier in en koppel ${name} dan op de pagina Inloggen en beveiliging.`,
+		notLinked: (name) => `Je ${name}-account is niet gekoppeld aan je account hier. Log op een andere manier in en koppel ${name} dan op je accountpagina.`,
 		linkedToOther: (name) => `Dit ${name}-account is hier al aan iemand anders gekoppeld.`,
 		couldNotLink: (name) => `Je ${name}-account kon niet worden gekoppeld. Probeer het opnieuw.`,
 		accessDenied: (name) => `${name} liet je niet binnen, of je hebt geannuleerd.`,

package/dist/auth/auth-provider.js

@@ -21,6 +21,7 @@ const AuthProvider = ({ session: given, origin, nativeBridge, children }) => {
 	const [state, setState] = useState({ kind: "loading" });
 	const [signInMethods, setSignInMethods] = useState(["password"]);
 	const [passwordReset, setPasswordReset] = useState(false);
+	const [changeEmail, setChangeEmail] = useState(false);
 	const [mcp, setMcp] = useState(false);
 	const [canSignUp, setCanSignUp] = useState(false);
 	const [passkeyDomains, setPasskeyDomains] = useState([]);
@@ -104,6 +105,7 @@ const AuthProvider = ({ session: given, origin, nativeBridge, children }) => {
 		session.status().then(async (status) => {
 			setSignInMethods(status.signInMethods);
 			setPasswordReset(status.passwordReset && !nativeBridge);
+			setChangeEmail(Boolean(status.changeEmail));
 			setMcp(Boolean(status.mcp));
 			setCanSignUp(Boolean(status.signUp));
 			setPasskeyDomains(status.passkeyDomains ?? []);
@@ -133,6 +135,7 @@ const AuthProvider = ({ session: given, origin, nativeBridge, children }) => {
 		session,
 		signInMethods,
 		passwordReset,
+		changeEmail,
 		mcp,
 		canSignUp,
 		passkeyDomains,
@@ -189,6 +192,7 @@ const AuthProvider = ({ session: given, origin, nativeBridge, children }) => {
 		session,
 		signInMethods,
 		passwordReset,
+		changeEmail,
 		mcp,
 		canSignUp,
 		passkeyDomains,

package/dist/auth/code-form.js

@@ -1,7 +1,7 @@
 import { text } from "./messages.js";
 import { Button } from "../primitives/button.js";
-import { OtpInput } from "../primitives/otp-input.js";
 import { AuthLayout } from "./auth-layout.js";
+import { OtpInput } from "../primitives/otp-input.js";
 import { ResendCodeButton } from "./resend-code-button.js";
 import { useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/auth/email-code-form.js

@@ -1,6 +1,6 @@
 import { text } from "./messages.js";
-import { CodeForm } from "./code-form.js";
 import { slotted } from "../locale/slotted.js";
+import { CodeForm } from "./code-form.js";
 import { Fragment, jsx } from "react/jsx-runtime";
 //#region src/auth/email-code-form.tsx
 /** The second half of signing in with an emailed code: the code from the email. */

package/dist/auth/email-code-page.js

@@ -1,6 +1,6 @@
-import { authMessage } from "./auth-messages.js";
 import { text } from "./messages.js";
 import { useAuth } from "./auth-provider.js";
+import { authMessage } from "./auth-messages.js";
 import { EmailCodeForm } from "./email-code-form.js";
 import { useState } from "react";
 import { AuthError } from "@protobase/client";

package/dist/auth/forgot-password-form.js

@@ -1,10 +1,10 @@
-import { cn } from "../lib/cn.js";
-import { RouteLink } from "../primitives/route-link.js";
-import { Input } from "../primitives/input.js";
 import { text } from "./messages.js";
+import { cn } from "../lib/cn.js";
 import { Button, buttonClass } from "../primitives/button.js";
-import { AuthLayout } from "./auth-layout.js";
+import { Input } from "../primitives/input.js";
+import { RouteLink } from "../primitives/route-link.js";
 import { slotted } from "../locale/slotted.js";
+import { AuthLayout } from "./auth-layout.js";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/auth/forgot-password-form.tsx

package/dist/auth/provider-sign-in-page.js

@@ -1,8 +1,8 @@
-import { Spinner } from "../primitives/spinner.js";
-import { signInMessage } from "./auth-messages.js";
 import { providerName } from "./provider-link.js";
 import { text } from "./messages.js";
 import { useAuth } from "./auth-provider.js";
+import { Spinner } from "../primitives/spinner.js";
+import { signInMessage } from "./auth-messages.js";
 import { AuthLayout } from "./auth-layout.js";
 import { useEffect, useRef } from "react";
 import { AuthError } from "@protobase/client";

package/dist/auth/reset-password-form.js

@@ -1,6 +1,6 @@
-import { Input } from "../primitives/input.js";
 import { text } from "./messages.js";
 import { Button } from "../primitives/button.js";
+import { Input } from "../primitives/input.js";
 import { AuthLayout } from "./auth-layout.js";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/auth/setup-required-form.js

@@ -1,7 +1,7 @@
 import { text } from "./messages.js";
 import { Button } from "../primitives/button.js";
-import { TwoFactorSetup } from "../account/two-factor-setup.js";
 import { AuthLayout } from "./auth-layout.js";
+import { TwoFactorSetup } from "../account/two-factor-setup.js";
 import { KeyRound } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/auth/setup-required-form.tsx

package/dist/auth/setup-required-page.js

@@ -1,7 +1,7 @@
-import { Spinner } from "../primitives/spinner.js";
-import { authMessage } from "./auth-messages.js";
 import { text } from "./messages.js";
 import { useAuth } from "./auth-provider.js";
+import { Spinner } from "../primitives/spinner.js";
+import { authMessage } from "./auth-messages.js";
 import { SetupRequiredForm } from "./setup-required-form.js";
 import { useEffect, useState } from "react";
 import { AuthError } from "@protobase/client";

package/dist/auth/sign-in-form.js

@@ -1,7 +1,7 @@
-import { RouteLink } from "../primitives/route-link.js";
-import { Input } from "../primitives/input.js";
 import { text } from "./messages.js";
 import { Button } from "../primitives/button.js";
+import { Input } from "../primitives/input.js";
+import { RouteLink } from "../primitives/route-link.js";
 import { AuthLayout } from "./auth-layout.js";
 import { ProviderIcon } from "./provider-icon.js";
 import { useRef, useState } from "react";

package/dist/auth/sign-in-page.js

@@ -1,5 +1,5 @@
-import { authMessage, signInMessage } from "./auth-messages.js";
 import { useAuth } from "./auth-provider.js";
+import { authMessage, signInMessage } from "./auth-messages.js";
 import { SignInForm } from "./sign-in-form.js";
 import { useState } from "react";
 import { AuthError } from "@protobase/client";

package/dist/auth/sign-in-prompt.js

@@ -1,9 +1,9 @@
-import { RouteLink } from "../primitives/route-link.js";
 import { text } from "./messages.js";
 import { useAuth } from "./auth-provider.js";
 import { Button, buttonClass } from "../primitives/button.js";
-import { namedIcon } from "../app/named-icon.js";
 import { ResponsiveDialog } from "../primitives/responsive-dialog.js";
+import { RouteLink } from "../primitives/route-link.js";
+import { namedIcon } from "../app/named-icon.js";
 import { useSignInAddress } from "./use-sign-in-address.js";
 import { useId } from "react";
 import { Check, LogIn } from "lucide-react";

package/dist/auth/sign-up-code-form.js

@@ -1,6 +1,6 @@
 import { text } from "./messages.js";
-import { CodeForm } from "./code-form.js";
 import { slotted } from "../locale/slotted.js";
+import { CodeForm } from "./code-form.js";
 import { Fragment, jsx } from "react/jsx-runtime";
 //#region src/auth/sign-up-code-form.tsx
 /** The second step of making an account: the emailed code on its own, before the name and password. */

package/dist/auth/sign-up-details-form.js

@@ -1,8 +1,8 @@
-import { Input } from "../primitives/input.js";
 import { text } from "./messages.js";
 import { Button } from "../primitives/button.js";
-import { AuthLayout } from "./auth-layout.js";
+import { Input } from "../primitives/input.js";
 import { slotted } from "../locale/slotted.js";
+import { AuthLayout } from "./auth-layout.js";
 import { useId, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/auth/sign-up-details-form.tsx

package/dist/auth/sign-up-email-form.js

@@ -1,6 +1,6 @@
-import { Input } from "../primitives/input.js";
 import { text } from "./messages.js";
 import { Button } from "../primitives/button.js";
+import { Input } from "../primitives/input.js";
 import { AuthLayout } from "./auth-layout.js";
 import { useState } from "react";
 import { Mail } from "lucide-react";

package/dist/auth/sign-up-page.js

@@ -1,6 +1,6 @@
-import { authMessage } from "./auth-messages.js";
 import { text } from "./messages.js";
 import { useAuth } from "./auth-provider.js";
+import { authMessage } from "./auth-messages.js";
 import { SignUpCodeForm } from "./sign-up-code-form.js";
 import { SignUpDetailsForm } from "./sign-up-details-form.js";
 import { SignUpEmailForm } from "./sign-up-email-form.js";

package/dist/auth/staff-sign-in-form.js

@@ -1,7 +1,7 @@
-import { cn } from "../lib/cn.js";
-import { Input } from "../primitives/input.js";
 import { text } from "./messages.js";
+import { cn } from "../lib/cn.js";
 import { Button } from "../primitives/button.js";
+import { Input } from "../primitives/input.js";
 import { AuthLayout } from "./auth-layout.js";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/auth/staff-sign-in-page.js

@@ -1,5 +1,5 @@
-import { staffSignInMessage } from "./auth-messages.js";
 import { useAuth } from "./auth-provider.js";
+import { staffSignInMessage } from "./auth-messages.js";
 import { withoutStaffLink } from "./staff-link.js";
 import { StaffSignInForm } from "./staff-sign-in-form.js";
 import { useState } from "react";

package/dist/auth/two-factor-form.js

@@ -1,9 +1,9 @@
-import { Input } from "../primitives/input.js";
 import { text } from "./messages.js";
 import { Button } from "../primitives/button.js";
-import { OtpInput } from "../primitives/otp-input.js";
-import { AuthLayout } from "./auth-layout.js";
+import { Input } from "../primitives/input.js";
 import { Checkbox } from "../primitives/checkbox.js";
+import { AuthLayout } from "./auth-layout.js";
+import { OtpInput } from "../primitives/otp-input.js";
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/auth/two-factor-form.tsx