@akira-io/ui 1.3.1 → 2.1.0

package/dist/blocks.js

@@ -1,19 +1,105 @@
-import { CommandDialog, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, ConfirmDialog, Popover, PopoverTrigger, PopoverContent, FloatingSheet, FloatingSheetBody, FloatingSheetFooter, Tabs, TabsList, TabsTrigger, TabsContent, Textarea, Switch, FieldError, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, InputOTP, InputOTPGroup, InputOTPSlot, Alert, AlertDescription, Calendar } from './chunk-I6VVCFZ2.js';
-import { CopyButton } from './chunk-IDNOI4OK.js';
-import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription, DialogFooter, Label } from './chunk-N2KIFFI7.js';
-import { Card } from './chunk-2V6HUWST.js';
-export { DEFAULT_TOUR_LABELS, TourProvider, resolveSteps, shouldStartTour, stepsForBreakpoint, useTour, useTourController } from './chunk-NGMG2UWX.js';
-import { useUiLabels, useUiLocale } from './chunk-QNF4LJVT.js';
-export { UiLocaleProvider, useUiLabels, useUiLocale } from './chunk-QNF4LJVT.js';
-import { resolveLink } from './chunk-L2H5GIF7.js';
-import { Separator, Input } from './chunk-3Z2VGVPI.js';
-import { Button, cn, elevatedSurface, nestedSurfaceReset, compactRadius, recessedSurface, focusRing, controlRadius, Spinner } from './chunk-KHOA4TEI.js';
-import { createContext, useState, useCallback, useEffect, useContext, useId, useRef } from 'react';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { TriangleAlert, CalendarDays, ArrowLeft, ChevronRight, AlertCircle, ShieldOff, EyeOff, Eye, RefreshCw, ChevronLeft, ArrowLeftToLine, X, ArrowRight, ArrowUpRight, ArrowDownRight } from 'lucide-react';
-import { subYears, subQuarters, subMonths, subWeeks, subDays, endOfYear, endOfQuarter, endOfMonth, endOfDay, startOfYear, startOfQuarter, startOfMonth, startOfDay, isSameYear, format, endOfWeek, startOfWeek } from 'date-fns';
-import { pt } from 'date-fns/locale';
+'use client';
 
+"use client";
+import {
+  Calendar,
+  CommandDialog,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  ConfirmDialog,
+  FloatingSheet,
+  FloatingSheetBody,
+  FloatingSheetFooter,
+  InputOTP,
+  InputOTPGroup,
+  InputOTPSlot,
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+  Switch,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  Textarea
+} from "./chunk-DPLCEU34.js";
+import {
+  CopyButton
+} from "./chunk-PCYYU332.js";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle
+} from "./chunk-QZRSQVCN.js";
+import {
+  Card
+} from "./chunk-NKPFIA32.js";
+import {
+  DEFAULT_TOUR_LABELS,
+  LoginForm,
+  LoginFormEmail,
+  LoginFormPassword,
+  LoginFormPreset,
+  LoginFormProvider,
+  LoginFormRemember,
+  LoginFormRoot,
+  LoginFormStatus,
+  LoginFormSubmit,
+  TourProvider,
+  loginFormLabels,
+  resolveSteps,
+  shouldStartTour,
+  stepsForBreakpoint,
+  useLoginFormContext,
+  useTour,
+  useTourController
+} from "./chunk-BR3JI3KN.js";
+import {
+  Alert,
+  AlertDescription,
+  FieldError
+} from "./chunk-BH3B26DK.js";
+import {
+  UiLocaleProvider,
+  useUiLabels,
+  useUiLocale
+} from "./chunk-OS7YY5R4.js";
+import {
+  Label
+} from "./chunk-BP2YDMMI.js";
+import {
+  resolveLink
+} from "./chunk-L2H5GIF7.js";
+import {
+  Input,
+  Separator
+} from "./chunk-53V4J7MC.js";
+import {
+  Button,
+  Spinner,
+  cn,
+  compactRadius,
+  controlRadius,
+  elevatedSurface,
+  focusRing,
+  nestedSurfaceReset,
+  recessedSurface
+} from "./chunk-PPWJK5T3.js";
+
+// src/blocks/command-palette.tsx
+import { useCallback, useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 var commandPaletteDefaultLabels = {
   placeholder: "Search...",
   noResultsLabel: "No results found"
@@ -85,6 +171,11 @@ function useCommandPalette(initialOpen = false) {
   }, [toggle]);
   return { open, setOpen, toggle };
 }
+
+// src/blocks/danger-zone.tsx
+import { TriangleAlert } from "lucide-react";
+import { useState as useState2 } from "react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var dangerZoneLabels = {
   title: "Danger zone",
   description: "These actions are permanent and cannot be undone.",
@@ -106,9 +197,9 @@ function DangerZone({
   slotName = "danger-zone"
 }) {
   const copy = { ...dangerZoneLabels, ...labels };
-  const [activeId, setActiveId] = useState(null);
+  const [activeId, setActiveId] = useState2(null);
   const active = actions.find((action) => action.id === activeId) ?? null;
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs2(
     "section",
     {
       className: cn(
@@ -119,25 +210,25 @@ function DangerZone({
       ),
       "data-slot": slotName,
       children: [
-        /* @__PURE__ */ jsxs("div", { "data-slot": "danger-zone-header", className: "gap-3 flex", children: [
-          /* @__PURE__ */ jsx("span", { className: "size-11 rounded-2xl flex shrink-0 items-center justify-center bg-destructive/10 text-destructive", children: /* @__PURE__ */ jsx(TriangleAlert, { className: "size-5" }) }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("h2", { className: "text-lg font-bold text-destructive", children: title ?? copy.title }),
-            /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-muted-foreground", children: description ?? copy.description })
+        /* @__PURE__ */ jsxs2("div", { "data-slot": "danger-zone-header", className: "gap-3 flex", children: [
+          /* @__PURE__ */ jsx2("span", { className: "size-11 rounded-2xl flex shrink-0 items-center justify-center bg-destructive/10 text-destructive", children: /* @__PURE__ */ jsx2(TriangleAlert, { className: "size-5" }) }),
+          /* @__PURE__ */ jsxs2("div", { children: [
+            /* @__PURE__ */ jsx2("h2", { className: "text-lg font-bold text-destructive", children: title ?? copy.title }),
+            /* @__PURE__ */ jsx2("p", { className: "text-sm font-medium text-muted-foreground", children: description ?? copy.description })
           ] })
         ] }),
-        /* @__PURE__ */ jsx("ul", { "data-slot": "danger-zone-actions", className: "gap-4 flex flex-col", children: actions.map((action) => /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsx2("ul", { "data-slot": "danger-zone-actions", className: "gap-4 flex flex-col", children: actions.map((action) => /* @__PURE__ */ jsxs2(
           "li",
           {
             "data-slot": "danger-zone-action",
             "data-action-id": action.id,
             className: "gap-4 sm:flex-row sm:items-center sm:justify-between flex flex-col",
             children: [
-              /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
-                /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold text-foreground", children: action.title }),
-                action.description && /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-muted-foreground", children: action.description })
+              /* @__PURE__ */ jsxs2("div", { className: "min-w-0", children: [
+                /* @__PURE__ */ jsx2("p", { className: "text-sm font-semibold text-foreground", children: action.title }),
+                action.description && /* @__PURE__ */ jsx2("p", { className: "text-sm font-medium text-muted-foreground", children: action.description })
               ] }),
-              /* @__PURE__ */ jsx(
+              /* @__PURE__ */ jsx2(
                 Button,
                 {
                   type: "button",
@@ -153,7 +244,7 @@ function DangerZone({
           action.id
         )) }),
         footer,
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx2(
           ConfirmDialog,
           {
             open: active !== null,
@@ -177,6 +268,9 @@ function DangerZone({
     }
   );
 }
+
+// src/blocks/date-filter/context.tsx
+import { createContext, useContext } from "react";
 var DateFilterContext = createContext(null);
 var DateFilterProvider = DateFilterContext.Provider;
 function useDateFilter() {
@@ -186,6 +280,16 @@ function useDateFilter() {
   }
   return context;
 }
+
+// src/blocks/date-filter/date-filter.tsx
+import { CalendarDays as CalendarDays2 } from "lucide-react";
+import { useState as useState3 } from "react";
+
+// src/blocks/date-filter/fixed-panel.tsx
+import { format } from "date-fns";
+import { pt } from "date-fns/locale";
+import { ChevronLeft } from "lucide-react";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var CALENDAR_START = new Date(2020, 0, 1);
 var CALENDAR_END = new Date((/* @__PURE__ */ new Date()).getFullYear() + 1, 11, 31);
 var toDate = (value) => value ? /* @__PURE__ */ new Date(`${value}T00:00:00`) : void 0;
@@ -195,19 +299,19 @@ function DateFilterFixedPanel() {
   const operator = draft.operator ?? "between";
   const isRange = operator === "between";
   const canApply = Boolean(draft.start) && (!isRange || Boolean(draft.end));
-  return /* @__PURE__ */ jsxs("div", { className: "w-auto", children: [
-    /* @__PURE__ */ jsxs("div", { className: "gap-1 px-2 py-2 flex items-center border-b", children: [
-      /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs3("div", { className: "w-auto", children: [
+    /* @__PURE__ */ jsxs3("div", { className: "gap-1 px-2 py-2 flex items-center border-b", children: [
+      /* @__PURE__ */ jsx3(
         Button,
         {
           variant: "ghost",
           size: "icon",
           onClick: backToRoot,
           "aria-label": labels.back,
-          children: /* @__PURE__ */ jsx(ChevronLeft, { className: "size-4" })
+          children: /* @__PURE__ */ jsx3(ChevronLeft, { className: "size-4" })
         }
       ),
-      operators.map((item) => /* @__PURE__ */ jsx(
+      operators.map((item) => /* @__PURE__ */ jsx3(
         "button",
         {
           type: "button",
@@ -224,7 +328,7 @@ function DateFilterFixedPanel() {
         item.value
       ))
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "p-3", children: isRange ? /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx3("div", { className: "p-3", children: isRange ? /* @__PURE__ */ jsx3(
       Calendar,
       {
         mode: "range",
@@ -244,7 +348,7 @@ function DateFilterFixedPanel() {
           end: toIso(range?.to)
         })
       }
-    ) : /* @__PURE__ */ jsx(
+    ) : /* @__PURE__ */ jsx3(
       Calendar,
       {
         mode: "single",
@@ -257,9 +361,34 @@ function DateFilterFixedPanel() {
         onSelect: (date) => setDraft({ ...draft, start: toIso(date) })
       }
     ) }),
-    /* @__PURE__ */ jsx("div", { className: "px-3 py-2 flex justify-end border-t", children: /* @__PURE__ */ jsx(Button, { disabled: !canApply, onClick: () => commit(draft), children: labels.apply }) })
+    /* @__PURE__ */ jsx3("div", { className: "px-3 py-2 flex justify-end border-t", children: /* @__PURE__ */ jsx3(Button, { disabled: !canApply, onClick: () => commit(draft), children: labels.apply }) })
   ] });
 }
+
+// src/blocks/date-filter/relative-panel.tsx
+import { ArrowLeftToLine, CalendarDays, ChevronLeft as ChevronLeft2, X } from "lucide-react";
+
+// src/blocks/date-filter/range.ts
+import {
+  endOfDay,
+  endOfMonth,
+  endOfQuarter,
+  endOfWeek,
+  endOfYear,
+  format as format2,
+  isSameYear,
+  startOfDay,
+  startOfMonth,
+  startOfQuarter,
+  startOfWeek,
+  startOfYear,
+  subDays,
+  subMonths,
+  subQuarters,
+  subWeeks,
+  subYears
+} from "date-fns";
+import { pt as pt2 } from "date-fns/locale";
 var WEEK_OPTIONS = { weekStartsOn: 1 };
 var subtract = {
   day: subDays,
@@ -298,29 +427,32 @@ function resolveRelativeRange(unit, amount, includeCurrent, now = /* @__PURE__ *
 function formatRangePreview(range) {
   const sameYear = isSameYear(range.start, range.end);
   const startPattern = sameYear ? "d MMM" : "d MMM yyyy";
-  return `${format(range.start, startPattern, { locale: pt })} - ${format(range.end, "d MMM yyyy", { locale: pt })}`;
+  return `${format2(range.start, startPattern, { locale: pt2 })} - ${format2(range.end, "d MMM yyyy", { locale: pt2 })}`;
 }
+
+// src/blocks/date-filter/relative-panel.tsx
+import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 function DateFilterRelativePanel() {
   const { draft, units, labels, setDraft, backToRoot, commit } = useDateFilter();
   const hasOffset = (draft.offset_amount ?? 0) > 0;
-  return /* @__PURE__ */ jsxs("div", { className: "w-96", children: [
-    /* @__PURE__ */ jsxs("div", { className: "gap-2 px-2 py-2 flex items-center border-b", children: [
-      /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs4("div", { className: "w-96", children: [
+    /* @__PURE__ */ jsxs4("div", { className: "gap-2 px-2 py-2 flex items-center border-b", children: [
+      /* @__PURE__ */ jsx4(
         Button,
         {
           variant: "ghost",
           size: "icon",
           onClick: backToRoot,
           "aria-label": labels.back,
-          children: /* @__PURE__ */ jsx(ChevronLeft, { className: "size-4" })
+          children: /* @__PURE__ */ jsx4(ChevronLeft2, { className: "size-4" })
         }
       ),
-      /* @__PURE__ */ jsx("span", { className: "text-sm font-medium", children: labels.relativeTitle })
+      /* @__PURE__ */ jsx4("span", { className: "text-sm font-medium", children: labels.relativeTitle })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "gap-3 p-3 flex flex-col", children: [
-      /* @__PURE__ */ jsxs("div", { className: "gap-2 flex items-center", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-sm", children: labels.latest }),
-        /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsxs4("div", { className: "gap-3 p-3 flex flex-col", children: [
+      /* @__PURE__ */ jsxs4("div", { className: "gap-2 flex items-center", children: [
+        /* @__PURE__ */ jsx4("span", { className: "text-sm", children: labels.latest }),
+        /* @__PURE__ */ jsx4(
           Input,
           {
             type: "number",
@@ -334,18 +466,18 @@ function DateFilterRelativePanel() {
             className: "w-20"
           }
         ),
-        /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsxs4(
           Select,
           {
             value: draft.unit ?? "month",
             onValueChange: (unit) => setDraft({ ...draft, unit }),
             children: [
-              /* @__PURE__ */ jsx(SelectTrigger, { className: "flex-1", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
-              /* @__PURE__ */ jsx(SelectContent, { children: units.map((unit) => /* @__PURE__ */ jsx(SelectItem, { value: unit.value, children: unit.label }, unit.value)) })
+              /* @__PURE__ */ jsx4(SelectTrigger, { className: "flex-1", children: /* @__PURE__ */ jsx4(SelectValue, {}) }),
+              /* @__PURE__ */ jsx4(SelectContent, { children: units.map((unit) => /* @__PURE__ */ jsx4(SelectItem, { value: unit.value, children: unit.label }, unit.value)) })
             ]
           }
         ),
-        !hasOffset && /* @__PURE__ */ jsx(
+        !hasOffset && /* @__PURE__ */ jsx4(
           Button,
           {
             variant: "ghost",
@@ -357,13 +489,13 @@ function DateFilterRelativePanel() {
               offset_amount: 1,
               offset_unit: draft.unit ?? "month"
             }),
-            children: /* @__PURE__ */ jsx(ArrowLeftToLine, { className: "size-4" })
+            children: /* @__PURE__ */ jsx4(ArrowLeftToLine, { className: "size-4" })
           }
         )
       ] }),
-      hasOffset && /* @__PURE__ */ jsxs("div", { className: "gap-2 flex items-center", children: [
-        /* @__PURE__ */ jsx("span", { className: "text-sm", children: labels.startingAgo }),
-        /* @__PURE__ */ jsx(
+      hasOffset && /* @__PURE__ */ jsxs4("div", { className: "gap-2 flex items-center", children: [
+        /* @__PURE__ */ jsx4("span", { className: "text-sm", children: labels.startingAgo }),
+        /* @__PURE__ */ jsx4(
           Input,
           {
             type: "number",
@@ -377,7 +509,7 @@ function DateFilterRelativePanel() {
             className: "w-20"
           }
         ),
-        /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsxs4(
           Select,
           {
             value: draft.offset_unit ?? draft.unit ?? "month",
@@ -386,8 +518,8 @@ function DateFilterRelativePanel() {
               offset_unit: unit
             }),
             children: [
-              /* @__PURE__ */ jsx(SelectTrigger, { className: "flex-1", children: /* @__PURE__ */ jsx(SelectValue, {}) }),
-              /* @__PURE__ */ jsx(SelectContent, { children: units.map((unit) => /* @__PURE__ */ jsx(
+              /* @__PURE__ */ jsx4(SelectTrigger, { className: "flex-1", children: /* @__PURE__ */ jsx4(SelectValue, {}) }),
+              /* @__PURE__ */ jsx4(SelectContent, { children: units.map((unit) => /* @__PURE__ */ jsx4(
                 SelectItem,
                 {
                   value: unit.value,
@@ -398,7 +530,7 @@ function DateFilterRelativePanel() {
             ]
           }
         ),
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx4(
           Button,
           {
             variant: "ghost",
@@ -409,13 +541,13 @@ function DateFilterRelativePanel() {
               offset_amount: void 0,
               offset_unit: void 0
             }),
-            children: /* @__PURE__ */ jsx(X, { className: "size-4" })
+            children: /* @__PURE__ */ jsx4(X, { className: "size-4" })
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs("label", { className: "text-sm flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs4("label", { className: "text-sm flex items-center justify-between", children: [
         labels.includeCurrent,
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx4(
           Switch,
           {
             checked: draft.include_current ?? false,
@@ -424,9 +556,9 @@ function DateFilterRelativePanel() {
         )
       ] })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "gap-3 px-3 py-2 flex items-center justify-between border-t", children: [
-      /* @__PURE__ */ jsx(RangePreview, { draft }),
-      /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsxs4("div", { className: "gap-3 px-3 py-2 flex items-center justify-between border-t", children: [
+      /* @__PURE__ */ jsx4(RangePreview, { draft }),
+      /* @__PURE__ */ jsx4(
         Button,
         {
           disabled: !draft.unit || !draft.amount || draft.amount < 1,
@@ -447,15 +579,19 @@ function RangePreview({ draft }) {
     draft.offset_unit
   );
   if (!range) {
-    return /* @__PURE__ */ jsx("span", {});
+    return /* @__PURE__ */ jsx4("span", {});
   }
-  return /* @__PURE__ */ jsxs("span", { className: "gap-2 text-sm flex items-center text-muted-foreground", children: [
-    /* @__PURE__ */ jsx(CalendarDays, { className: "size-4" }),
+  return /* @__PURE__ */ jsxs4("span", { className: "gap-2 text-sm flex items-center text-muted-foreground", children: [
+    /* @__PURE__ */ jsx4(CalendarDays, { className: "size-4" }),
     formatRangePreview(range)
   ] });
 }
-var readable = (value) => value ? format(/* @__PURE__ */ new Date(`${value}T00:00:00`), "d 'de' MMMM 'de' yyyy", {
-  locale: pt
+
+// src/blocks/date-filter/summarise.ts
+import { format as format3 } from "date-fns";
+import { pt as pt3 } from "date-fns/locale";
+var readable = (value) => value ? format3(/* @__PURE__ */ new Date(`${value}T00:00:00`), "d 'de' MMMM 'de' yyyy", {
+  locale: pt3
 }) : "";
 function summariseDateFilter(value, presets, operators, units, labels) {
   if (value.mode === "preset") {
@@ -511,6 +647,9 @@ var DEFAULT_LABELS = {
   removeOffset: "Remove offset",
   fallback: "Date"
 };
+
+// src/blocks/date-filter/date-filter.tsx
+import { Fragment, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
 function DateFilter({
   value,
   onChange,
@@ -522,9 +661,9 @@ function DateFilter({
 }) {
   const locale = useUiLocale();
   const resolvedLabels = useUiLabels("dateFilter", DEFAULT_LABELS, labels);
-  const [open, setOpen] = useState(false);
-  const [panel, setPanel] = useState("root");
-  const [draft, setDraft] = useState(value);
+  const [open, setOpen] = useState3(false);
+  const [panel, setPanel] = useState3("root");
+  const [draft, setDraft] = useState3(value);
   const context = {
     value,
     draft,
@@ -545,7 +684,7 @@ function DateFilter({
       setPanel("root");
     }
   };
-  return /* @__PURE__ */ jsx(DateFilterProvider, { value: context, children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx5(DateFilterProvider, { value: context, children: /* @__PURE__ */ jsx5(
     Popover,
     {
       open,
@@ -555,15 +694,15 @@ function DateFilter({
           setPanel("root");
         }
       },
-      children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(DateFilterTrigger, {}),
-        /* @__PURE__ */ jsxs(DateFilterContent, { children: [
-          /* @__PURE__ */ jsx(DateFilterAll, {}),
-          /* @__PURE__ */ jsx(DateFilterSeparator, {}),
-          /* @__PURE__ */ jsx(DateFilterPresets, {}),
-          /* @__PURE__ */ jsx(DateFilterSeparator, {}),
-          /* @__PURE__ */ jsx(DateFilterFixed, {}),
-          /* @__PURE__ */ jsx(DateFilterRelative, {})
+      children: children ?? /* @__PURE__ */ jsxs5(Fragment, { children: [
+        /* @__PURE__ */ jsx5(DateFilterTrigger, {}),
+        /* @__PURE__ */ jsxs5(DateFilterContent, { children: [
+          /* @__PURE__ */ jsx5(DateFilterAll, {}),
+          /* @__PURE__ */ jsx5(DateFilterSeparator, {}),
+          /* @__PURE__ */ jsx5(DateFilterPresets, {}),
+          /* @__PURE__ */ jsx5(DateFilterSeparator, {}),
+          /* @__PURE__ */ jsx5(DateFilterFixed, {}),
+          /* @__PURE__ */ jsx5(DateFilterRelative, {})
         ] })
       ] })
     }
@@ -574,13 +713,13 @@ function DateFilterTrigger({
   children
 }) {
   const { value, presets, operators, units, labels } = useDateFilter();
-  return /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx5(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs5(
     Button,
     {
       variant: "outline",
       className: cn("gap-2 justify-start", className),
       children: [
-        /* @__PURE__ */ jsx(CalendarDays, { className: "size-4" }),
+        /* @__PURE__ */ jsx5(CalendarDays2, { className: "size-4" }),
         children ?? summariseDateFilter(
           value,
           presets,
@@ -597,10 +736,10 @@ function DateFilterContent({
   className
 }) {
   const { panel } = useDateFilter();
-  return /* @__PURE__ */ jsxs(PopoverContent, { align: "start", className: cn("p-0 w-auto", className), children: [
-    panel === "root" && /* @__PURE__ */ jsx("div", { className: "w-64 py-2 flex flex-col", children }),
-    panel === "fixed" && /* @__PURE__ */ jsx(DateFilterFixedPanel, {}),
-    panel === "relative" && /* @__PURE__ */ jsx(DateFilterRelativePanel, {})
+  return /* @__PURE__ */ jsxs5(PopoverContent, { align: "start", className: cn("p-0 w-auto", className), children: [
+    panel === "root" && /* @__PURE__ */ jsx5("div", { className: "w-64 py-2 flex flex-col", children }),
+    panel === "fixed" && /* @__PURE__ */ jsx5(DateFilterFixedPanel, {}),
+    panel === "relative" && /* @__PURE__ */ jsx5(DateFilterRelativePanel, {})
   ] });
 }
 function DateFilterItem({
@@ -608,7 +747,7 @@ function DateFilterItem({
   onSelect,
   children
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx5(
     "button",
     {
       type: "button",
@@ -623,11 +762,11 @@ function DateFilterItem({
   );
 }
 function DateFilterSeparator() {
-  return /* @__PURE__ */ jsx("div", { "data-slot": "date-filter-separator", className: "mx-1 my-2 border-t" });
+  return /* @__PURE__ */ jsx5("div", { "data-slot": "date-filter-separator", className: "mx-1 my-2 border-t" });
 }
 function DateFilterAll({ children }) {
   const { value, labels, commit } = useDateFilter();
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx5(
     DateFilterItem,
     {
       active: value.mode === "all",
@@ -639,7 +778,7 @@ function DateFilterAll({ children }) {
 function DateFilterPresets({ only }) {
   const { value, presets, commit } = useDateFilter();
   const visible = only ? presets.filter((preset) => only.includes(preset.value)) : presets;
-  return /* @__PURE__ */ jsx(Fragment, { children: visible.map((preset) => /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx5(Fragment, { children: visible.map((preset) => /* @__PURE__ */ jsx5(
     DateFilterItem,
     {
       active: value.mode === "preset" && value.preset === preset.value,
@@ -651,7 +790,7 @@ function DateFilterPresets({ only }) {
 }
 function DateFilterFixed({ children }) {
   const { value, labels, openPanel } = useDateFilter();
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx5(
     DateFilterItem,
     {
       active: value.mode === "fixed",
@@ -667,7 +806,7 @@ function DateFilterFixed({ children }) {
 }
 function DateFilterRelative({ children }) {
   const { value, labels, openPanel } = useDateFilter();
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx5(
     DateFilterItem,
     {
       active: value.mode === "relative",
@@ -803,6 +942,9 @@ function encodeRelative(filter) {
   }
   return value;
 }
+
+// src/blocks/form-overlay.tsx
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
 var formOverlayDefaultLabels = {
   cancelLabel: "Cancel",
   saveLabel: "Save",
@@ -818,13 +960,13 @@ function FormOverlayActions({
   onSave,
   slotName = "form-overlay-actions"
 }) {
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs6(
     "div",
     {
       className: cn("gap-2 flex items-center justify-end", className),
       "data-slot": slotName,
       children: [
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx6(
           Button,
           {
             type: "button",
@@ -834,7 +976,7 @@ function FormOverlayActions({
             children: labels.cancelLabel
           }
         ),
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx6(
           Button,
           {
             type: submit ? "submit" : "button",
@@ -850,6 +992,9 @@ function FormOverlayActions({
     }
   );
 }
+
+// src/blocks/detail-edit-sheet.tsx
+import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
 function DetailEditSheet({
   open,
   onOpenChange,
@@ -878,7 +1023,7 @@ function DetailEditSheet({
     onCancel?.();
     onOpenChange(false);
   };
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx7(
     FloatingSheet,
     {
       open,
@@ -887,16 +1032,16 @@ function DetailEditSheet({
       description,
       persistent: true,
       className,
-      children: /* @__PURE__ */ jsxs(
+      children: /* @__PURE__ */ jsxs7(
         "form",
         {
           onSubmit: handleSubmit,
           className: "min-h-0 flex flex-1 flex-col",
           "data-slot": slotName,
           children: [
-            /* @__PURE__ */ jsx(FloatingSheetBody, { children }),
-            /* @__PURE__ */ jsx(Separator, {}),
-            /* @__PURE__ */ jsx(FloatingSheetFooter, { children: /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx7(FloatingSheetBody, { children }),
+            /* @__PURE__ */ jsx7(Separator, {}),
+            /* @__PURE__ */ jsx7(FloatingSheetFooter, { children: /* @__PURE__ */ jsx7(
               FormOverlayActions,
               {
                 submit: true,
@@ -912,6 +1057,9 @@ function DetailEditSheet({
     }
   );
 }
+
+// src/blocks/form-dialog.tsx
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 function FormDialog({
   open,
   onOpenChange,
@@ -945,7 +1093,7 @@ function FormDialog({
       event.preventDefault();
     }
   };
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx8(
     Dialog,
     {
       open,
@@ -955,7 +1103,7 @@ function FormDialog({
         }
         onOpenChange(next);
       },
-      children: /* @__PURE__ */ jsx(
+      children: /* @__PURE__ */ jsx8(
         DialogContent,
         {
           ...description ? {} : { "aria-describedby": void 0 },
@@ -963,18 +1111,18 @@ function FormDialog({
           onEscapeKeyDown: blockWhileProcessing,
           onInteractOutside: blockWhileProcessing,
           slotName,
-          children: /* @__PURE__ */ jsxs(
+          children: /* @__PURE__ */ jsxs8(
             "form",
             {
               "data-slot": "form-dialog-form",
               onSubmit: handleSubmit,
               className: "grid max-h-[calc(100dvh-8rem)] grid-rows-[auto_minmax(0,1fr)_auto]",
               children: [
-                /* @__PURE__ */ jsxs(DialogHeader, { className: "text-left", children: [
-                  /* @__PURE__ */ jsx(DialogTitle, { children: title }),
-                  description ? /* @__PURE__ */ jsx(DialogDescription, { children: description }) : null
+                /* @__PURE__ */ jsxs8(DialogHeader, { className: "text-left", children: [
+                  /* @__PURE__ */ jsx8(DialogTitle, { children: title }),
+                  description ? /* @__PURE__ */ jsx8(DialogDescription, { children: description }) : null
                 ] }),
-                /* @__PURE__ */ jsx(
+                /* @__PURE__ */ jsx8(
                   "div",
                   {
                     "data-slot": "form-dialog-body",
@@ -982,7 +1130,7 @@ function FormDialog({
                     children
                   }
                 ),
-                /* @__PURE__ */ jsx(DialogFooter, { children: /* @__PURE__ */ jsx(
+                /* @__PURE__ */ jsx8(DialogFooter, { children: /* @__PURE__ */ jsx8(
                   FormOverlayActions,
                   {
                     submit: true,
@@ -1001,6 +1149,9 @@ function FormDialog({
     }
   );
 }
+
+// src/blocks/info-field.tsx
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 function copyableText(value, copyValue) {
   if (copyValue !== void 0) {
     return copyValue.trim();
@@ -1023,15 +1174,15 @@ function InfoField({
   slotName = "info-field"
 }) {
   const text = copyableText(value, copyValue);
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs9(
     "div",
     {
       className: cn("gap-3 flex items-center", className),
       "data-slot": slotName,
       children: [
-        /* @__PURE__ */ jsx("div", { className: cn("p-2 rounded-xl bg-muted", iconClassName), children: /* @__PURE__ */ jsx(Icon, { className: "size-5 text-muted-foreground" }) }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx9("div", { className: cn("p-2 rounded-xl bg-muted", iconClassName), children: /* @__PURE__ */ jsx9(Icon, { className: "size-5 text-muted-foreground" }) }),
+        /* @__PURE__ */ jsxs9("div", { children: [
+          /* @__PURE__ */ jsx9(
             "p",
             {
               "data-slot": "info-field-label",
@@ -1039,14 +1190,14 @@ function InfoField({
               children: label
             }
           ),
-          /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ jsxs9(
             "p",
             {
               "data-slot": "info-field-value",
               className: "gap-1 font-semibold flex items-center",
               children: [
                 value,
-                copyable && text !== "" && /* @__PURE__ */ jsx(
+                copyable && text !== "" && /* @__PURE__ */ jsx9(
                   CopyButton,
                   {
                     value: text,
@@ -1063,8 +1214,11 @@ function InfoField({
   );
 }
 function InfoFieldGroup({ children, className }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("space-y-4", className), children });
+  return /* @__PURE__ */ jsx9("div", { className: cn("space-y-4", className), children });
 }
+
+// src/blocks/localized-fields.tsx
+import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
 function LocalizedFields({
   locales,
   localeLabels,
@@ -1075,13 +1229,13 @@ function LocalizedFields({
   defaultLocale,
   className
 }) {
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs10(
     Tabs,
     {
       defaultValue: defaultLocale ?? locales[0],
       className: cn("w-full", className),
       children: [
-        /* @__PURE__ */ jsx(TabsList, { className: "mb-4 rounded-2xl p-1.5 flex h-auto w-full justify-start overflow-x-auto bg-muted", children: locales.map((locale) => /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx10(TabsList, { className: "mb-4 rounded-2xl p-1.5 flex h-auto w-full justify-start overflow-x-auto bg-muted", children: locales.map((locale) => /* @__PURE__ */ jsx10(
           TabsTrigger,
           {
             value: locale,
@@ -1090,13 +1244,13 @@ function LocalizedFields({
           },
           locale
         )) }),
-        locales.map((locale) => /* @__PURE__ */ jsx(TabsContent, { value: locale, className: "mt-0", children: /* @__PURE__ */ jsx("div", { className: "gap-4 lg:grid-cols-2 grid", children: fields.map((field) => {
+        locales.map((locale) => /* @__PURE__ */ jsx10(TabsContent, { value: locale, className: "mt-0", children: /* @__PURE__ */ jsx10("div", { className: "gap-4 lg:grid-cols-2 grid", children: fields.map((field) => {
           const fieldId = `${field.name}-${locale}`;
           const error = errors?.[`${field.name}.${locale}`];
           const value = values[field.name]?.[locale] ?? "";
-          return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ jsx(Label, { htmlFor: fieldId, children: field.label }),
-            field.type === "textarea" ? /* @__PURE__ */ jsx(
+          return /* @__PURE__ */ jsxs10("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ jsx10(Label, { htmlFor: fieldId, children: field.label }),
+            field.type === "textarea" ? /* @__PURE__ */ jsx10(
               Textarea,
               {
                 id: fieldId,
@@ -1108,7 +1262,7 @@ function LocalizedFields({
                   event.target.value
                 )
               }
-            ) : /* @__PURE__ */ jsx(
+            ) : /* @__PURE__ */ jsx10(
               Input,
               {
                 id: fieldId,
@@ -1120,13 +1274,16 @@ function LocalizedFields({
                 )
               }
             ),
-            error && /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-destructive", children: error })
+            error && /* @__PURE__ */ jsx10("p", { className: "text-xs font-medium text-destructive", children: error })
           ] }, field.name);
         }) }) }, locale))
       ]
     }
   );
 }
+
+// src/blocks/section-header.tsx
+import { jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
 function SectionHeader({
   icon,
   title,
@@ -1134,7 +1291,7 @@ function SectionHeader({
   control,
   className
 }) {
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs11(
     "div",
     {
       className: cn(
@@ -1142,11 +1299,11 @@ function SectionHeader({
         className
       ),
       children: [
-        /* @__PURE__ */ jsxs("div", { className: "gap-3 flex items-center", children: [
+        /* @__PURE__ */ jsxs11("div", { className: "gap-3 flex items-center", children: [
           icon,
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("h2", { className: "text-lg font-bold text-foreground", children: title }),
-            description && /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-muted-foreground", children: description })
+          /* @__PURE__ */ jsxs11("div", { children: [
+            /* @__PURE__ */ jsx11("h2", { className: "text-lg font-bold text-foreground", children: title }),
+            description && /* @__PURE__ */ jsx11("p", { className: "text-sm font-medium text-muted-foreground", children: description })
           ] })
         ] }),
         control
@@ -1154,6 +1311,9 @@ function SectionHeader({
     }
   );
 }
+
+// src/blocks/settings-card.tsx
+import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
 function SettingsCard({
   icon: Icon,
   iconClassName,
@@ -1165,7 +1325,7 @@ function SettingsCard({
   className,
   slotName = "settings-card"
 }) {
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs12(
     "section",
     {
       "data-inset": inset || void 0,
@@ -1177,21 +1337,21 @@ function SettingsCard({
       ),
       "data-slot": slotName,
       children: [
-        /* @__PURE__ */ jsxs("div", { className: "gap-4 sm:flex-row sm:items-center sm:justify-between flex flex-col", children: [
-          /* @__PURE__ */ jsxs("div", { className: "gap-3 flex items-center", children: [
-            /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsxs12("div", { className: "gap-4 sm:flex-row sm:items-center sm:justify-between flex flex-col", children: [
+          /* @__PURE__ */ jsxs12("div", { className: "gap-3 flex items-center", children: [
+            /* @__PURE__ */ jsx12(
               "div",
               {
                 className: cn(
                   "size-11 rounded-2xl flex items-center justify-center",
                   iconClassName ?? "bg-muted text-muted-foreground"
                 ),
-                children: /* @__PURE__ */ jsx(Icon, { className: "size-5" })
+                children: /* @__PURE__ */ jsx12(Icon, { className: "size-5" })
               }
             ),
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("h2", { className: "text-lg font-bold text-foreground", children: title }),
-              /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-muted-foreground", children: description })
+            /* @__PURE__ */ jsxs12("div", { children: [
+              /* @__PURE__ */ jsx12("h2", { className: "text-lg font-bold text-foreground", children: title }),
+              /* @__PURE__ */ jsx12("p", { className: "text-sm font-medium text-muted-foreground", children: description })
             ] })
           ] }),
           control
@@ -1209,7 +1369,7 @@ function SettingsPanel({
   className,
   slotName = "settings-panel"
 }) {
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs12(
     "div",
     {
       "data-inset": inset || void 0,
@@ -1221,9 +1381,9 @@ function SettingsPanel({
       ),
       "data-slot": slotName,
       children: [
-        (title || description) && /* @__PURE__ */ jsxs("div", { children: [
-          title && /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-foreground", children: title }),
-          description && /* @__PURE__ */ jsx("p", { className: "mt-1 text-xs font-medium text-muted-foreground", children: description })
+        (title || description) && /* @__PURE__ */ jsxs12("div", { children: [
+          title && /* @__PURE__ */ jsx12("h3", { className: "text-sm font-semibold text-foreground", children: title }),
+          description && /* @__PURE__ */ jsx12("p", { className: "mt-1 text-xs font-medium text-muted-foreground", children: description })
         ] }),
         children
       ]
@@ -1238,9 +1398,9 @@ function ToggleRow({
   onChange,
   disabled
 }) {
-  return /* @__PURE__ */ jsxs("div", { className: "gap-4 py-1 flex items-center justify-between", children: [
-    /* @__PURE__ */ jsxs("div", { className: "space-y-0.5", children: [
-      /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs12("div", { className: "gap-4 py-1 flex items-center justify-between", children: [
+    /* @__PURE__ */ jsxs12("div", { className: "space-y-0.5", children: [
+      /* @__PURE__ */ jsx12(
         Label,
         {
           htmlFor: id,
@@ -1248,9 +1408,9 @@ function ToggleRow({
           children: label
         }
       ),
-      description && /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground", children: description })
+      description && /* @__PURE__ */ jsx12("p", { className: "text-xs font-medium text-muted-foreground", children: description })
     ] }),
-    /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx12(
       Switch,
       {
         id,
@@ -1261,6 +1421,10 @@ function ToggleRow({
     )
   ] });
 }
+
+// src/blocks/settings-fields.tsx
+import { useId } from "react";
+import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
 function SettingsField({
   id,
   label,
@@ -1273,16 +1437,16 @@ function SettingsField({
 }) {
   const generated = useId();
   const fieldId = id ?? generated;
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs13(
     "div",
     {
       "data-invalid": error ? true : void 0,
       className: cn("space-y-2 py-1", className),
       "data-slot": slotName,
       children: [
-        /* @__PURE__ */ jsxs(Label, { htmlFor: fieldId, children: [
+        /* @__PURE__ */ jsxs13(Label, { htmlFor: fieldId, children: [
           label,
-          required && /* @__PURE__ */ jsx(
+          required && /* @__PURE__ */ jsx13(
             "span",
             {
               "data-slot": "settings-field-required",
@@ -1293,7 +1457,7 @@ function SettingsField({
           )
         ] }),
         children(fieldId),
-        description && /* @__PURE__ */ jsx(
+        description && /* @__PURE__ */ jsx13(
           "p",
           {
             "data-slot": "settings-field-description",
@@ -1301,7 +1465,7 @@ function SettingsField({
             children: description
           }
         ),
-        /* @__PURE__ */ jsx(FieldError, { message: error })
+        /* @__PURE__ */ jsx13(FieldError, { message: error })
       ]
     }
   );
@@ -1315,7 +1479,7 @@ function TextField({
   slotName = "text-field",
   ...field
 }) {
-  return /* @__PURE__ */ jsx(SettingsField, { ...field, children: (fieldId) => /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx13(SettingsField, { ...field, children: (fieldId) => /* @__PURE__ */ jsx13(
     Input,
     {
       id: fieldId,
@@ -1340,7 +1504,7 @@ function NumberField({
   slotName = "number-field",
   ...field
 }) {
-  return /* @__PURE__ */ jsx(SettingsField, { ...field, children: (fieldId) => /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx13(SettingsField, { ...field, children: (fieldId) => /* @__PURE__ */ jsx13(
     Input,
     {
       id: fieldId,
@@ -1369,7 +1533,7 @@ function DateField({
   slotName = "date-field",
   ...field
 }) {
-  return /* @__PURE__ */ jsx(SettingsField, { ...field, children: (fieldId) => /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx13(SettingsField, { ...field, children: (fieldId) => /* @__PURE__ */ jsx13(
     Input,
     {
       id: fieldId,
@@ -1393,23 +1557,23 @@ function SelectField({
   slotName = "select-field",
   ...field
 }) {
-  return /* @__PURE__ */ jsx(SettingsField, { ...field, children: (fieldId) => /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx13(SettingsField, { ...field, children: (fieldId) => /* @__PURE__ */ jsxs13(
     Select,
     {
       value,
       onValueChange: onChange,
       disabled,
       children: [
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx13(
           SelectTrigger,
           {
             id: fieldId,
             slotName,
             "aria-invalid": field.error ? true : void 0,
-            children: /* @__PURE__ */ jsx(SelectValue, { placeholder })
+            children: /* @__PURE__ */ jsx13(SelectValue, { placeholder })
           }
         ),
-        /* @__PURE__ */ jsx(SelectContent, { children: options.map((option) => /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx13(SelectContent, { children: options.map((option) => /* @__PURE__ */ jsx13(
           SelectItem,
           {
             value: option.value,
@@ -1422,7 +1586,12 @@ function SelectField({
     }
   ) });
 }
-var SettingsLinkContext = createContext(void 0);
+
+// src/blocks/settings-page.tsx
+import { ArrowLeft, ChevronRight } from "lucide-react";
+import { createContext as createContext2, useContext as useContext2 } from "react";
+import { jsx as jsx14, jsxs as jsxs14 } from "react/jsx-runtime";
+var SettingsLinkContext = createContext2(void 0);
 function SettingsPage({
   title,
   description,
@@ -1432,7 +1601,7 @@ function SettingsPage({
   className,
   slotName = "settings-page"
 }) {
-  return /* @__PURE__ */ jsx(SettingsLinkContext.Provider, { value: linkComponent, children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx14(SettingsLinkContext.Provider, { value: linkComponent, children: /* @__PURE__ */ jsxs14(
     "div",
     {
       className: cn(
@@ -1441,7 +1610,7 @@ function SettingsPage({
       ),
       "data-slot": slotName,
       children: [
-        title && /* @__PURE__ */ jsx(
+        title && /* @__PURE__ */ jsx14(
           SectionHeader,
           {
             title,
@@ -1472,9 +1641,9 @@ function SettingsSection({
   const labels = useUiLabels("settings", settingsLabels, {
     back: backLabel
   });
-  const contextLink = useContext(SettingsLinkContext);
+  const contextLink = useContext2(SettingsLinkContext);
   const Link = resolveLink(linkComponent ?? contextLink);
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs14(
     "section",
     {
       className: cn(
@@ -1484,19 +1653,19 @@ function SettingsSection({
       ),
       "data-slot": slotName,
       children: [
-        backHref && /* @__PURE__ */ jsxs(
+        backHref && /* @__PURE__ */ jsxs14(
           Link,
           {
             "data-slot": "settings-section-back",
             href: backHref,
             className: "gap-2 text-sm font-medium inline-flex w-fit items-center text-muted-foreground transition-colors hover:text-foreground",
             children: [
-              /* @__PURE__ */ jsx(ArrowLeft, { className: "size-4" }),
+              /* @__PURE__ */ jsx14(ArrowLeft, { className: "size-4" }),
               labels.back
             ]
           }
         ),
-        title && /* @__PURE__ */ jsx(
+        title && /* @__PURE__ */ jsx14(
           SectionHeader,
           {
             title,
@@ -1516,14 +1685,14 @@ function SettingsGroup({
   className,
   slotName = "settings-group"
 }) {
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs14(
     "div",
     {
       className: cn("gap-3 flex flex-col", className),
       "data-slot": slotName,
       children: [
-        label && /* @__PURE__ */ jsx("p", { className: "font-bold tracking-widest text-[11px] text-muted-foreground uppercase", children: label }),
-        /* @__PURE__ */ jsx(
+        label && /* @__PURE__ */ jsx14("p", { className: "font-bold tracking-widest text-[11px] text-muted-foreground uppercase", children: label }),
+        /* @__PURE__ */ jsx14(
           "div",
           {
             "data-slot": "settings-group-grid",
@@ -1550,9 +1719,9 @@ function SettingsEntry({
   className,
   slotName = "settings-entry"
 }) {
-  const contextLink = useContext(SettingsLinkContext);
+  const contextLink = useContext2(SettingsLinkContext);
   const Link = resolveLink(linkComponent ?? contextLink);
-  const card = /* @__PURE__ */ jsxs(
+  const card = /* @__PURE__ */ jsxs14(
     Card,
     {
       interactive: !disabled,
@@ -1564,31 +1733,31 @@ function SettingsEntry({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx14(
           "span",
           {
             className: cn(
               "size-11 flex shrink-0 items-center justify-center rounded-full",
               iconClassName ?? "bg-primary/10 text-primary"
             ),
-            children: /* @__PURE__ */ jsx(Icon, { className: "size-5" })
+            children: /* @__PURE__ */ jsx14(Icon, { className: "size-5" })
           }
         ),
-        /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex flex-1 flex-col", children: [
-          /* @__PURE__ */ jsxs("span", { className: "gap-2 flex items-center", children: [
-            /* @__PURE__ */ jsx("span", { className: "font-bold text-foreground", children: title }),
+        /* @__PURE__ */ jsxs14("span", { className: "min-w-0 flex flex-1 flex-col", children: [
+          /* @__PURE__ */ jsxs14("span", { className: "gap-2 flex items-center", children: [
+            /* @__PURE__ */ jsx14("span", { className: "font-bold text-foreground", children: title }),
             badge
           ] }),
-          description && /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-muted-foreground", children: description })
+          description && /* @__PURE__ */ jsx14("span", { className: "text-sm font-medium text-muted-foreground", children: description })
         ] }),
-        /* @__PURE__ */ jsx(ChevronRight, { className: "size-4 shrink-0 text-muted-foreground" })
+        /* @__PURE__ */ jsx14(ChevronRight, { className: "size-4 shrink-0 text-muted-foreground" })
       ]
     }
   );
   if (disabled) {
-    return /* @__PURE__ */ jsx("div", { "data-disabled": "true", "aria-disabled": "true", "data-slot": slotName, children: card });
+    return /* @__PURE__ */ jsx14("div", { "data-disabled": "true", "aria-disabled": "true", "data-slot": slotName, children: card });
   }
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx14(
     Link,
     {
       href,
@@ -1598,6 +1767,14 @@ function SettingsEntry({
     }
   );
 }
+
+// src/blocks/stat-card.tsx
+import {
+  ArrowDownRight,
+  ArrowRight,
+  ArrowUpRight
+} from "lucide-react";
+import { jsx as jsx15, jsxs as jsxs15 } from "react/jsx-runtime";
 function resolveTrend(trend) {
   if (trend === null || trend === void 0 || Number.isNaN(trend)) {
     return null;
@@ -1636,7 +1813,7 @@ function StatCard({
   slotName = "stat-card"
 }) {
   const resolvedTrend = resolveTrend(trend);
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs15(
     "div",
     {
       "data-inset": inset || void 0,
@@ -1648,10 +1825,10 @@ function StatCard({
       ),
       "data-slot": slotName,
       children: [
-        /* @__PURE__ */ jsxs("div", { className: "mb-4 gap-4 flex items-start justify-between", children: [
-          /* @__PURE__ */ jsx("div", { className: cn("rounded-2xl p-3 shrink-0", iconClassName), children: /* @__PURE__ */ jsx(Icon, { className: "size-6" }) }),
-          resolvedTrend && /* @__PURE__ */ jsxs("div", { className: "min-w-0 text-right", children: [
-            /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsxs15("div", { className: "mb-4 gap-4 flex items-start justify-between", children: [
+          /* @__PURE__ */ jsx15("div", { className: cn("rounded-2xl p-3 shrink-0", iconClassName), children: /* @__PURE__ */ jsx15(Icon, { className: "size-6" }) }),
+          resolvedTrend && /* @__PURE__ */ jsxs15("div", { className: "min-w-0 text-right", children: [
+            /* @__PURE__ */ jsxs15(
               "span",
               {
                 className: cn(
@@ -1660,23 +1837,23 @@ function StatCard({
                 ),
                 children: [
                   resolvedTrend.label,
-                  /* @__PURE__ */ jsx(resolvedTrend.icon, { className: "ml-1 size-4" })
+                  /* @__PURE__ */ jsx15(resolvedTrend.icon, { className: "ml-1 size-4" })
                 ]
               }
             ),
-            comparisonLabel && /* @__PURE__ */ jsx("p", { className: "mt-1 font-medium tracking-wider text-[10px] whitespace-nowrap text-muted-foreground uppercase", children: comparisonLabel })
+            comparisonLabel && /* @__PURE__ */ jsx15("p", { className: "mt-1 font-medium tracking-wider text-[10px] whitespace-nowrap text-muted-foreground uppercase", children: comparisonLabel })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("p", { className: "mb-1 text-xs font-medium tracking-wider break-words text-muted-foreground uppercase", children: title }),
-          /* @__PURE__ */ jsx("p", { className: "text-3xl font-bold truncate text-foreground tabular-nums", children: value })
+        /* @__PURE__ */ jsxs15("div", { children: [
+          /* @__PURE__ */ jsx15("p", { className: "mb-1 text-xs font-medium tracking-wider break-words text-muted-foreground uppercase", children: title }),
+          /* @__PURE__ */ jsx15("p", { className: "text-3xl font-bold truncate text-foreground tabular-nums", children: value })
         ] })
       ]
     }
   );
 }
 function StatsGrid({ children, className }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx15(
     "div",
     {
       className: cn(
@@ -1741,6 +1918,11 @@ function messageList(errors) {
     (message) => message.length > 0
   );
 }
+
+// src/blocks/two-factor/verify-form.tsx
+import { AlertCircle } from "lucide-react";
+import { useId as useId2, useState as useState4 } from "react";
+import { jsx as jsx16, jsxs as jsxs16 } from "react/jsx-runtime";
 function errorMessage(reason, fallback) {
   return reason instanceof Error && reason.message ? reason.message : fallback;
 }
@@ -1757,11 +1939,11 @@ function TwoFactorVerifyForm({
   slotName = "two-factor-verify-form"
 }) {
   const text = resolveLabels(labels);
-  const fieldId = useId();
-  const [mode, setMode] = useState("code");
-  const [value, setValue] = useState("");
-  const [pending, setPending] = useState(false);
-  const [failure, setFailure] = useState(null);
+  const fieldId = useId2();
+  const [mode, setMode] = useState4("code");
+  const [value, setValue] = useState4("");
+  const [pending, setPending] = useState4(false);
+  const [failure, setFailure] = useState4(null);
   const messages = [...messageList(errors), ...messageList(failure)];
   const complete = mode === "code" ? value.length === length : value.length > 0;
   const handleSubmit = async (event) => {
@@ -1784,7 +1966,7 @@ function TwoFactorVerifyForm({
     setValue("");
     setFailure(null);
   };
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs16(
     "form",
     {
       "data-mode": mode,
@@ -1793,9 +1975,9 @@ function TwoFactorVerifyForm({
       className: cn("gap-5 flex w-full flex-col", className),
       "data-slot": slotName,
       children: [
-        /* @__PURE__ */ jsxs("div", { className: "gap-2 flex flex-col", children: [
-          /* @__PURE__ */ jsx(Label, { htmlFor: fieldId, children: mode === "code" ? text.codeLabel : text.recoveryCodeLabel }),
-          mode === "code" ? /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsxs16("div", { className: "gap-2 flex flex-col", children: [
+          /* @__PURE__ */ jsx16(Label, { htmlFor: fieldId, children: mode === "code" ? text.codeLabel : text.recoveryCodeLabel }),
+          mode === "code" ? /* @__PURE__ */ jsx16(
             InputOTP,
             {
               id: fieldId,
@@ -1806,9 +1988,9 @@ function TwoFactorVerifyForm({
               disabled: pending,
               onChange: setValue,
               "aria-label": text.codeLabel,
-              children: /* @__PURE__ */ jsx(InputOTPGroup, { children: Array.from({ length }, (_, index) => /* @__PURE__ */ jsx(InputOTPSlot, { index }, index)) })
+              children: /* @__PURE__ */ jsx16(InputOTPGroup, { children: Array.from({ length }, (_, index) => /* @__PURE__ */ jsx16(InputOTPSlot, { index }, index)) })
             }
-          ) : /* @__PURE__ */ jsx(
+          ) : /* @__PURE__ */ jsx16(
             Input,
             {
               id: fieldId,
@@ -1823,12 +2005,12 @@ function TwoFactorVerifyForm({
             }
           )
         ] }),
-        messages.length > 0 && /* @__PURE__ */ jsxs(Alert, { variant: "destructive", slotName: "two-factor-error", children: [
-          /* @__PURE__ */ jsx(AlertCircle, {}),
-          /* @__PURE__ */ jsx(AlertDescription, { children: messages.map((message) => /* @__PURE__ */ jsx("p", { children: message }, message)) })
+        messages.length > 0 && /* @__PURE__ */ jsxs16(Alert, { variant: "destructive", slotName: "two-factor-error", children: [
+          /* @__PURE__ */ jsx16(AlertCircle, {}),
+          /* @__PURE__ */ jsx16(AlertDescription, { children: messages.map((message) => /* @__PURE__ */ jsx16("p", { children: message }, message)) })
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: "gap-3 flex flex-col", children: [
-          /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsxs16("div", { className: "gap-3 flex flex-col", children: [
+          /* @__PURE__ */ jsx16(
             Button,
             {
               type: "submit",
@@ -1838,7 +2020,7 @@ function TwoFactorVerifyForm({
               children: submitLabel ?? text.verifyLabel
             }
           ),
-          allowRecoveryCode && /* @__PURE__ */ jsx(
+          allowRecoveryCode && /* @__PURE__ */ jsx16(
             Button,
             {
               type: "button",
@@ -1855,6 +2037,9 @@ function TwoFactorVerifyForm({
     }
   );
 }
+
+// src/blocks/two-factor/challenge.tsx
+import { jsx as jsx17, jsxs as jsxs17 } from "react/jsx-runtime";
 function TwoFactorChallenge({
   onSubmit,
   errors,
@@ -1867,17 +2052,17 @@ function TwoFactorChallenge({
   slotName = "two-factor-challenge"
 }) {
   const text = resolveLabels(labels);
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs17(
     "section",
     {
       className: cn("gap-6 flex w-full flex-col", className),
       "data-slot": slotName,
       children: [
-        /* @__PURE__ */ jsxs("div", { className: "gap-2 flex flex-col", children: [
-          /* @__PURE__ */ jsx("h2", { className: "text-2xl font-bold tracking-tight text-foreground", children: title ?? text.challengeTitle }),
-          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-muted-foreground", children: description ?? text.challengeDescription })
+        /* @__PURE__ */ jsxs17("div", { className: "gap-2 flex flex-col", children: [
+          /* @__PURE__ */ jsx17("h2", { className: "text-2xl font-bold tracking-tight text-foreground", children: title ?? text.challengeTitle }),
+          /* @__PURE__ */ jsx17("p", { className: "text-sm font-medium text-muted-foreground", children: description ?? text.challengeDescription })
         ] }),
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx17(
           TwoFactorVerifyForm,
           {
             autoFocus: true,
@@ -1892,6 +2077,11 @@ function TwoFactorChallenge({
     }
   );
 }
+
+// src/blocks/two-factor/disable-button.tsx
+import { ShieldOff } from "lucide-react";
+import { useState as useState5 } from "react";
+import { jsx as jsx18, jsxs as jsxs18 } from "react/jsx-runtime";
 function TwoFactorDisableButton({
   onDisable,
   disabled = false,
@@ -1902,8 +2092,8 @@ function TwoFactorDisableButton({
   slotName = "two-factor-disable"
 }) {
   const text = resolveLabels(labels);
-  const [open, setOpen] = useState(false);
-  const [processing, setProcessing] = useState(false);
+  const [open, setOpen] = useState5(false);
+  const [processing, setProcessing] = useState5(false);
   const handleConfirm = async () => {
     setProcessing(true);
     try {
@@ -1912,14 +2102,14 @@ function TwoFactorDisableButton({
       setProcessing(false);
     }
   };
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs18(
     "span",
     {
       "data-open": open || void 0,
       className: cn("inline-flex", className),
       "data-slot": slotName,
       children: [
-        /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsxs18(
           Button,
           {
             type: "button",
@@ -1928,12 +2118,12 @@ function TwoFactorDisableButton({
             disabled: disabled || processing,
             onClick: () => setOpen(true),
             children: [
-              /* @__PURE__ */ jsx(ShieldOff, {}),
+              /* @__PURE__ */ jsx18(ShieldOff, {}),
               text.disableLabel
             ]
           }
         ),
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx18(
           ConfirmDialog,
           {
             open,
@@ -1950,6 +2140,11 @@ function TwoFactorDisableButton({
     }
   );
 }
+
+// src/blocks/two-factor/recovery-codes.tsx
+import { Eye, EyeOff, RefreshCw } from "lucide-react";
+import { useState as useState6 } from "react";
+import { jsx as jsx19, jsxs as jsxs19 } from "react/jsx-runtime";
 function TwoFactorRecoveryCodes({
   codes,
   defaultRevealed = false,
@@ -1960,9 +2155,9 @@ function TwoFactorRecoveryCodes({
   slotName = "two-factor-recovery-codes"
 }) {
   const text = resolveLabels(labels);
-  const [revealed, setRevealed] = useState(defaultRevealed);
-  const [copyFailed, setCopyFailed] = useState(false);
-  const [regenerating, setRegenerating] = useState(false);
+  const [revealed, setRevealed] = useState6(defaultRevealed);
+  const [copyFailed, setCopyFailed] = useState6(false);
+  const [regenerating, setRegenerating] = useState6(false);
   const handleRegenerate = async () => {
     if (!onRegenerate || regenerating) {
       return;
@@ -1974,22 +2169,22 @@ function TwoFactorRecoveryCodes({
       setRegenerating(false);
     }
   };
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs19(
     "div",
     {
       "data-revealed": revealed || void 0,
       className: cn("gap-4 flex w-full flex-col", className),
       "data-slot": slotName,
       children: [
-        showHeading && /* @__PURE__ */ jsxs("div", { className: "gap-1 flex flex-col", children: [
-          /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold text-foreground", children: text.recoveryTitle }),
-          /* @__PURE__ */ jsxs("p", { className: "text-xs font-medium text-muted-foreground", children: [
+        showHeading && /* @__PURE__ */ jsxs19("div", { className: "gap-1 flex flex-col", children: [
+          /* @__PURE__ */ jsx19("p", { className: "text-sm font-semibold text-foreground", children: text.recoveryTitle }),
+          /* @__PURE__ */ jsxs19("p", { className: "text-xs font-medium text-muted-foreground", children: [
             text.recoveryDescription,
             " ",
             text.recoveryWarning
           ] })
         ] }),
-        revealed && /* @__PURE__ */ jsx(
+        revealed && /* @__PURE__ */ jsx19(
           "ul",
           {
             "data-slot": "two-factor-recovery-list",
@@ -1997,7 +2192,7 @@ function TwoFactorRecoveryCodes({
               recessedSurface,
               "gap-2 p-4 sm:grid-cols-2 grid"
             ),
-            children: codes.map((code) => /* @__PURE__ */ jsx(
+            children: codes.map((code) => /* @__PURE__ */ jsx19(
               "li",
               {
                 "data-slot": "two-factor-recovery-code",
@@ -2011,8 +2206,8 @@ function TwoFactorRecoveryCodes({
             ))
           }
         ),
-        /* @__PURE__ */ jsxs("div", { className: "gap-2 flex flex-wrap items-center", children: [
-          /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsxs19("div", { className: "gap-2 flex flex-wrap items-center", children: [
+          /* @__PURE__ */ jsxs19(
             Button,
             {
               type: "button",
@@ -2021,12 +2216,12 @@ function TwoFactorRecoveryCodes({
               "aria-pressed": revealed,
               onClick: () => setRevealed(!revealed),
               children: [
-                revealed ? /* @__PURE__ */ jsx(EyeOff, {}) : /* @__PURE__ */ jsx(Eye, {}),
+                revealed ? /* @__PURE__ */ jsx19(EyeOff, {}) : /* @__PURE__ */ jsx19(Eye, {}),
                 revealed ? text.hideLabel : text.revealLabel
               ]
             }
           ),
-          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx19(
             CopyButton,
             {
               value: codes.join("\n"),
@@ -2036,7 +2231,7 @@ function TwoFactorRecoveryCodes({
               onCopyFailed: () => setCopyFailed(true)
             }
           ),
-          onRegenerate && /* @__PURE__ */ jsxs(
+          onRegenerate && /* @__PURE__ */ jsxs19(
             Button,
             {
               type: "button",
@@ -2046,13 +2241,13 @@ function TwoFactorRecoveryCodes({
               loadingLabel: text.regenerateLabel,
               onClick: handleRegenerate,
               children: [
-                /* @__PURE__ */ jsx(RefreshCw, {}),
+                /* @__PURE__ */ jsx19(RefreshCw, {}),
                 text.regenerateLabel
               ]
             }
           )
         ] }),
-        copyFailed && /* @__PURE__ */ jsx(
+        copyFailed && /* @__PURE__ */ jsx19(
           "p",
           {
             "data-slot": "two-factor-copy-failed",
@@ -2064,6 +2259,11 @@ function TwoFactorRecoveryCodes({
     }
   );
 }
+
+// src/blocks/two-factor/scan-step.tsx
+import { Eye as Eye2, EyeOff as EyeOff2 } from "lucide-react";
+import { useState as useState7 } from "react";
+import { jsx as jsx20, jsxs as jsxs20 } from "react/jsx-runtime";
 function TwoFactorScanStep({
   qrCode,
   qrCodeSvg,
@@ -2073,14 +2273,14 @@ function TwoFactorScanStep({
   slotName = "two-factor-scan-step"
 }) {
   const text = resolveLabels(labels);
-  const [revealed, setRevealed] = useState(false);
-  return /* @__PURE__ */ jsxs(
+  const [revealed, setRevealed] = useState7(false);
+  return /* @__PURE__ */ jsxs20(
     "div",
     {
       className: cn("gap-5 flex w-full flex-col", className),
       "data-slot": slotName,
       children: [
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx20(
           "div",
           {
             "data-slot": "two-factor-qr",
@@ -2088,26 +2288,26 @@ function TwoFactorScanStep({
               recessedSurface,
               "p-4 flex items-center justify-center [&_svg]:size-full [&_svg]:h-auto"
             ),
-            children: qrCode ?? (qrCodeSvg ? /* @__PURE__ */ jsx(
+            children: qrCode ?? (qrCodeSvg ? /* @__PURE__ */ jsx20(
               "div",
               {
                 "data-slot": "two-factor-qr-markup",
                 className: cn(controlRadius, "p-3 bg-card"),
                 dangerouslySetInnerHTML: { __html: qrCodeSvg }
               }
-            ) : /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-muted-foreground", children: text.qrFallbackLabel }))
+            ) : /* @__PURE__ */ jsx20("p", { className: "text-sm font-medium text-muted-foreground", children: text.qrFallbackLabel }))
           }
         ),
-        manualSetupKey && /* @__PURE__ */ jsxs(
+        manualSetupKey && /* @__PURE__ */ jsxs20(
           "div",
           {
             "data-slot": "two-factor-setup-key",
             className: "gap-2 flex flex-col",
             children: [
-              /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold text-foreground", children: text.manualKeyLabel }),
-              /* @__PURE__ */ jsx("p", { className: "text-xs font-medium text-muted-foreground", children: text.manualKeyDescription }),
-              /* @__PURE__ */ jsxs("div", { className: "gap-2 flex flex-wrap items-center", children: [
-                /* @__PURE__ */ jsx(
+              /* @__PURE__ */ jsx20("p", { className: "text-sm font-semibold text-foreground", children: text.manualKeyLabel }),
+              /* @__PURE__ */ jsx20("p", { className: "text-xs font-medium text-muted-foreground", children: text.manualKeyDescription }),
+              /* @__PURE__ */ jsxs20("div", { className: "gap-2 flex flex-wrap items-center", children: [
+                /* @__PURE__ */ jsx20(
                   "code",
                   {
                     "data-slot": "two-factor-setup-key-value",
@@ -2118,7 +2318,7 @@ function TwoFactorScanStep({
                     children: revealed ? manualSetupKey : "\u2022".repeat(manualSetupKey.length)
                   }
                 ),
-                /* @__PURE__ */ jsxs(
+                /* @__PURE__ */ jsxs20(
                   Button,
                   {
                     type: "button",
@@ -2127,12 +2327,12 @@ function TwoFactorScanStep({
                     "aria-pressed": revealed,
                     onClick: () => setRevealed(!revealed),
                     children: [
-                      revealed ? /* @__PURE__ */ jsx(EyeOff, {}) : /* @__PURE__ */ jsx(Eye, {}),
+                      revealed ? /* @__PURE__ */ jsx20(EyeOff2, {}) : /* @__PURE__ */ jsx20(Eye2, {}),
                       revealed ? text.manualKeyHideLabel : text.manualKeyRevealLabel
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx(
+                /* @__PURE__ */ jsx20(
                   CopyButton,
                   {
                     value: manualSetupKey,
@@ -2148,6 +2348,10 @@ function TwoFactorScanStep({
     }
   );
 }
+
+// src/blocks/two-factor/setup-dialog.tsx
+import { useEffect as useEffect2, useRef, useState as useState8 } from "react";
+import { Fragment as Fragment2, jsx as jsx21, jsxs as jsxs21 } from "react/jsx-runtime";
 function TwoFactorSetupDialog({
   open,
   onOpenChange,
@@ -2166,15 +2370,15 @@ function TwoFactorSetupDialog({
   slotName = "two-factor-setup-dialog"
 }) {
   const text = resolveLabels(labels);
-  const [step, setStep] = useState(
+  const [step, setStep] = useState8(
     enabled ? "recovery" : "scan"
   );
   const requestSetupData = useRef(onRequestSetupData);
   const openedBefore = useRef(false);
-  useEffect(() => {
+  useEffect2(() => {
     requestSetupData.current = onRequestSetupData;
   }, [onRequestSetupData]);
-  useEffect(() => {
+  useEffect2(() => {
     if (!open) {
       openedBefore.current = false;
       return;
@@ -2210,20 +2414,20 @@ function TwoFactorSetupDialog({
     confirm: text.confirmDescription,
     recovery: `${text.recoveryDescription} ${text.recoveryWarning}`
   }[step];
-  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx21(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs21(
     DialogContent,
     {
       "data-step": step,
       className: cn("max-w-md p-0", className),
       slotName,
       children: [
-        /* @__PURE__ */ jsxs(DialogHeader, { className: "p-6 md:p-8", children: [
-          /* @__PURE__ */ jsx(DialogTitle, { children: heading }),
-          /* @__PURE__ */ jsx(DialogDescription, { children: description })
+        /* @__PURE__ */ jsxs21(DialogHeader, { className: "p-6 md:p-8", children: [
+          /* @__PURE__ */ jsx21(DialogTitle, { children: heading }),
+          /* @__PURE__ */ jsx21(DialogDescription, { children: description })
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: "gap-5 p-6 md:p-8 pt-0 md:pt-0 flex flex-col", children: [
-          step === "scan" && (ready ? /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsxs21("div", { className: "gap-5 p-6 md:p-8 pt-0 md:pt-0 flex flex-col", children: [
+          step === "scan" && (ready ? /* @__PURE__ */ jsxs21(Fragment2, { children: [
+            /* @__PURE__ */ jsx21(
               TwoFactorScanStep,
               {
                 qrCode,
@@ -2232,7 +2436,7 @@ function TwoFactorSetupDialog({
                 labels
               }
             ),
-            /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx21(
               Button,
               {
                 type: "button",
@@ -2240,25 +2444,25 @@ function TwoFactorSetupDialog({
                 children: text.continueLabel
               }
             )
-          ] }) : /* @__PURE__ */ jsxs(
+          ] }) : /* @__PURE__ */ jsxs21(
             "div",
             {
               "data-slot": "two-factor-pending",
               className: "gap-3 py-6 text-sm font-medium flex items-center justify-center text-muted-foreground",
               children: [
-                /* @__PURE__ */ jsx(Spinner, { label: text.pendingLabel }),
+                /* @__PURE__ */ jsx21(Spinner, { label: text.pendingLabel }),
                 text.pendingLabel
               ]
             }
           )),
-          step === "confirm" && /* @__PURE__ */ jsx(
+          step === "confirm" && /* @__PURE__ */ jsx21(
             TwoFactorVerifyForm,
             {
               autoFocus: true,
               errors,
               labels,
               onSubmit: handleConfirm,
-              footer: /* @__PURE__ */ jsx(
+              footer: /* @__PURE__ */ jsx21(
                 Button,
                 {
                   type: "button",
@@ -2270,8 +2474,8 @@ function TwoFactorSetupDialog({
               )
             }
           ),
-          step === "recovery" && /* @__PURE__ */ jsxs(Fragment, { children: [
-            /* @__PURE__ */ jsx(
+          step === "recovery" && /* @__PURE__ */ jsxs21(Fragment2, { children: [
+            /* @__PURE__ */ jsx21(
               TwoFactorRecoveryCodes,
               {
                 codes,
@@ -2281,14 +2485,87 @@ function TwoFactorSetupDialog({
                 onRegenerate: onRegenerateRecoveryCodes
               }
             ),
-            /* @__PURE__ */ jsx(Button, { type: "button", onClick: finish, children: text.doneLabel })
+            /* @__PURE__ */ jsx21(Button, { type: "button", onClick: finish, children: text.doneLabel })
           ] })
         ] })
       ]
     }
   ) });
 }
-
-export { CommandPalette, DEFAULT_LABELS as DATE_FILTER_LABELS, DEFAULT_OPERATORS as DATE_FILTER_OPERATORS, DEFAULT_PRESETS as DATE_FILTER_PRESETS, DEFAULT_UNITS as DATE_FILTER_UNITS, DangerZone, DateField, DateFilter, DateFilterAll, DateFilterContent, DateFilterFixed, DateFilterItem, DateFilterPresets, DateFilterRelative, DateFilterSeparator, DateFilterTrigger, DetailEditSheet, FormDialog, FormOverlayActions, InfoField, InfoFieldGroup, LocalizedFields, NumberField, SectionHeader, SelectField, SettingsCard, SettingsEntry, SettingsField, SettingsGroup, SettingsPage, SettingsPanel, SettingsSection, StatCard, StatsGrid, TextField, ToggleRow, TwoFactorChallenge, TwoFactorDisableButton, TwoFactorRecoveryCodes, TwoFactorScanStep, TwoFactorSetupDialog, TwoFactorVerifyForm, dangerZoneLabels, decodeDateFilter, encodeDateFilter, formOverlayDefaultLabels, formatRangePreview, resolveRelativeRange, settingsLabels, summariseDateFilter, twoFactorLabels, useCommandPalette, useDateFilter };
-//# sourceMappingURL=blocks.js.map
+export {
+  CommandPalette,
+  DEFAULT_LABELS as DATE_FILTER_LABELS,
+  DEFAULT_OPERATORS as DATE_FILTER_OPERATORS,
+  DEFAULT_PRESETS as DATE_FILTER_PRESETS,
+  DEFAULT_UNITS as DATE_FILTER_UNITS,
+  DEFAULT_TOUR_LABELS,
+  DangerZone,
+  DateField,
+  DateFilter,
+  DateFilterAll,
+  DateFilterContent,
+  DateFilterFixed,
+  DateFilterItem,
+  DateFilterPresets,
+  DateFilterRelative,
+  DateFilterSeparator,
+  DateFilterTrigger,
+  DetailEditSheet,
+  FormDialog,
+  FormOverlayActions,
+  InfoField,
+  InfoFieldGroup,
+  LocalizedFields,
+  LoginForm,
+  LoginFormEmail,
+  LoginFormPassword,
+  LoginFormPreset,
+  LoginFormProvider,
+  LoginFormRemember,
+  LoginFormRoot,
+  LoginFormStatus,
+  LoginFormSubmit,
+  NumberField,
+  SectionHeader,
+  SelectField,
+  SettingsCard,
+  SettingsEntry,
+  SettingsField,
+  SettingsGroup,
+  SettingsPage,
+  SettingsPanel,
+  SettingsSection,
+  StatCard,
+  StatsGrid,
+  TextField,
+  ToggleRow,
+  TourProvider,
+  TwoFactorChallenge,
+  TwoFactorDisableButton,
+  TwoFactorRecoveryCodes,
+  TwoFactorScanStep,
+  TwoFactorSetupDialog,
+  TwoFactorVerifyForm,
+  UiLocaleProvider,
+  dangerZoneLabels,
+  decodeDateFilter,
+  encodeDateFilter,
+  formOverlayDefaultLabels,
+  formatRangePreview,
+  loginFormLabels,
+  resolveRelativeRange,
+  resolveSteps,
+  settingsLabels,
+  shouldStartTour,
+  stepsForBreakpoint,
+  summariseDateFilter,
+  twoFactorLabels,
+  useCommandPalette,
+  useDateFilter,
+  useLoginFormContext,
+  useTour,
+  useTourController,
+  useUiLabels,
+  useUiLocale
+};
 //# sourceMappingURL=blocks.js.map