@ttt-productions/ui-core 0.11.18 → 0.11.19

package/src/react/hooks/use-cursor-page.ts

@@ -1,139 +0,0 @@
-"use client";
-
-import { useCallback, useState } from "react";
-import type { ListPaginationState } from "./use-paged-list.js";
-
-/**
- * Render-time page state for a cursor feed, shaped as {@link ListPaginationState}
- * so it drops straight into the ONE `ListPagination` control. Produced by
- * {@link CursorPager.paginationFor} once the query for `currentPage` has
- * answered with its `hasMore`.
- */
-export interface CursorPage extends ListPaginationState {
-  /** Never known for cursor pagination — the counter reads "Page N". */
-  totalPages?: undefined;
-}
-
-export interface UseCursorPageOptions {
-  /** Called after the page actually changed. Same contract as `usePagedList`. */
-  onPageChange?: () => void;
-  /**
-   * A snapshot of the query inputs the page number belongs to — a tag, a filter,
-   * a sort. When it changes, the page is 1 again **in the same render**, so the
-   * query never fires for "page 4" of inputs whose page 4 may not exist.
-   *
-   * Use this when the input change arrives as a prop (there is no event handler
-   * of yours to hang the reset on); use {@link CursorPager.reset} when your own
-   * handler already owns the change. Compose several inputs into one string
-   * (`` `${type}|${projectId ?? ""}` ``) — the type is deliberately narrowed to
-   * primitives so a fresh object literal cannot pin the list to page 1 forever.
-   */
-  resetKey?: string | number | boolean | null;
-}
-
-/**
- * What {@link useCursorPage} owns: the page number, the guarded step controls,
- * and the return-to-page-1 control.
- */
-export interface CursorPager {
-  /** 1-based page to feed into the paged query. */
-  currentPage: number;
-  /**
-   * Return to page 1 without walking back. Call it from the handler that changes
-   * the query's inputs (a new filter, a new tag, a new sort) — page 4 of the old
-   * result set is not page 4 of the new one. A no-op on page 1, so it never
-   * fires `onPageChange` for nothing.
-   */
-  reset: () => void;
-  /**
-   * Bind the query's answer to the controls: pass the `hasMore` that came back
-   * for {@link currentPage} and render the result as
-   * `<ListPagination pagination={…} />`. `hasMore` binds HERE, after the query,
-   * because that is the only moment it exists — a cursor query needs
-   * `currentPage` as its input, so `hasMore` cannot be an argument to the hook
-   * that produces `currentPage`.
-   */
-  paginationFor: (hasMore: boolean) => CursorPage;
-}
-
-/**
- * Page state for a server-paged (cursor / `hasMore`) list: the 1-based page
- * number, the guarded step controls, and the reset — the pieces each
- * server-paged surface was otherwise re-declaring as a local `useState(1)` plus
- * its own clamped increment/decrement and its own "reset when the filter
- * changed" adjustment (ENG-002, ENG-003).
- *
- * The data stays the caller's, and the two halves bind at different moments:
- *
- * ```tsx
- * const pager = useCursorPage({ resetKey: tag });
- * const { data, isFetching } = useThingsByTag(tag, pager.currentPage);
- * …
- * <ListPagination pagination={pager.paginationFor(data?.hasMore ?? false)} busy={isFetching} />
- * ```
- *
- * The guards live in here, not at the call site: a step that cannot move the
- * page changes nothing and does not fire `onPageChange`.
- *
- * A surface whose data hook ALREADY owns its page state (it returns
- * `page`/`hasNextPage`/`nextPage`/`prevPage` itself) does not need this hook —
- * it maps those fields onto {@link ListPaginationState} directly. The hook
- * exists for the surfaces that would otherwise hand-roll the state.
- */
-export function useCursorPage(options: UseCursorPageOptions = {}): CursorPager {
-  const { onPageChange, resetKey } = options;
-
-  // The stored page is only meaningful for the inputs it was reached under, so
-  // the key it belongs to is stored WITH it.
-  const [pageState, setPageState] = useState<{
-    page: number;
-    key: UseCursorPageOptions["resetKey"];
-  }>({ page: 1, key: resetKey });
-
-  // `Object.is`, the same comparison React uses for state and deps: a `NaN` key
-  // must compare equal to itself, or the adjustment below would re-fire forever.
-  const keyMatches = Object.is(pageState.key, resetKey);
-
-  // React's "adjusting state when a prop changes": a new key retires the stored
-  // page, because page 4 of the old result set is not page 4 of the new one.
-  // Retiring it (rather than only ignoring it) is what makes going BACK to
-  // earlier inputs start at page 1 too, instead of reviving a dead page.
-  if (!keyMatches) {
-    setPageState({ page: 1, key: resetKey });
-  }
-  // Derived as well as adjusted, so even the render that triggers the adjustment
-  // already reports page 1 — the caller's query is never asked for a page of the
-  // new inputs that the user never navigated to.
-  const currentPage = keyMatches ? pageState.page : 1;
-
-  const goToPreviousPage = useCallback(() => {
-    if (currentPage <= 1) return;
-    setPageState({ page: currentPage - 1, key: resetKey });
-    onPageChange?.();
-  }, [currentPage, resetKey, onPageChange]);
-
-  const reset = useCallback(() => {
-    if (currentPage === 1) return;
-    setPageState({ page: 1, key: resetKey });
-    onPageChange?.();
-  }, [currentPage, resetKey, onPageChange]);
-
-  // Memoized on the page state itself, so a consumer may hold it in a dep array
-  // and it changes only when the page (or the callback/inputs) actually change.
-  const paginationFor = useCallback(
-    (hasMore: boolean): CursorPage => ({
-      currentPage,
-      canPreviousPage: currentPage > 1,
-      canNextPage: hasMore,
-      goToPreviousPage,
-      goToNextPage: () => {
-        if (!hasMore) return;
-        setPageState({ page: currentPage + 1, key: resetKey });
-        onPageChange?.();
-      },
-    }),
-    [currentPage, resetKey, onPageChange, goToPreviousPage],
-  );
-
-  return { currentPage, reset, paginationFor };
-}

package/src/react/hooks/use-media-query.tsx

@@ -1,26 +0,0 @@
-"use client";
-
-import * as React from "react";
-
-export function useMediaQuery(query: string) {
-  const [matches, setMatches] = React.useState(false);
-
-  React.useEffect(() => {
-    if (typeof window === "undefined" || !window.matchMedia) return;
-
-    const mql = window.matchMedia(query);
-    const onChange = (e: MediaQueryListEvent) => setMatches(e.matches);
-
-    setMatches(mql.matches);
-
-    if (mql.addEventListener) mql.addEventListener("change", onChange);
-    else mql.addListener(onChange);
-
-    return () => {
-      if (mql.removeEventListener) mql.removeEventListener("change", onChange);
-      else mql.removeListener(onChange);
-    };
-  }, [query]);
-
-  return matches;
-}

package/src/react/hooks/use-paged-list.ts

@@ -1,106 +0,0 @@
-"use client";
-
-import { useCallback, useMemo, useState } from "react";
-
-/**
- * The control state a paginated list exposes to its paginator UI, rendered by
- * the ONE `ListPagination` component. Nothing else builds
- * Previous / counter / Next controls.
- *
- * `totalPages` is the flavor discriminant, and the ONLY difference between the
- * two flavors:
- *
- * - **Known total** (client-side slice pagination — {@link usePagedList}):
- *   `totalPages` is a number and the counter reads `"2 of 5"`.
- * - **Unknown total** (server/cursor pagination — `useCursorPage().paginationFor(hasMore)`,
- *   or a caller's own query hook): `totalPages` is omitted and the counter reads
- *   `"Page 2"`.
- *
- * Both flavors share one visibility rule, one disabled-edge rule, one live
- * region, and one set of classes because they share one component (ENG-002,
- * FRONTEND-001).
- */
-export interface ListPaginationState {
-  /** 1-based page currently on screen. */
-  currentPage: number;
-  /**
-   * Total page count when it is knowable — at least 1, even for an empty list
-   * (an empty list is one empty page). Omitted for cursor/`hasMore` pagination,
-   * where the total is unknown until the last page is reached.
-   */
-  totalPages?: number;
-  canPreviousPage: boolean;
-  canNextPage: boolean;
-  goToPreviousPage: () => void;
-  goToNextPage: () => void;
-}
-
-export interface PagedList<T> extends ListPaginationState {
-  /** Always known for a slice-paginated list. */
-  totalPages: number;
-  /** The slice of `items` belonging to `currentPage`. */
-  pageItems: T[];
-}
-
-export interface UsePagedListOptions {
-  /**
-   * Called after the page actually changed. Surfaces that keep a per-page
-   * selection (an open detail row) clear it here — the old selection is not on
-   * the new page.
-   */
-  onPageChange?: () => void;
-}
-
-/**
- * The single owner of client-side slice pagination: local page state, the page
- * math, and the current slice over an ALREADY-FETCHED list.
- *
- * Page size is the caller's — every surface passes its own page-size constant
- * (ENG-005), never a literal. Ordering and filtering stay with the caller: pass
- * the list already sorted and filtered.
- *
- * Not for server-paged lists — a cursor/`hasMore` feed pages through the
- * caller's data layer, not through a slice; use `useCursorPage` (or the query
- * hook's own page state) with the same `ListPagination` control.
- */
-export function usePagedList<T>(
-  items: readonly T[],
-  pageSize: number,
-  options: UsePagedListOptions = {},
-): PagedList<T> {
-  const { onPageChange } = options;
-  const [requestedPage, setRequestedPage] = useState(1);
-
-  const totalPages = Math.max(1, Math.ceil(items.length / pageSize));
-  // The list can shrink under a page that is already open (an item is deleted,
-  // a filter narrows). Clamping keeps the paginator on a real page instead of
-  // rendering an empty slice under an out-of-range "4 of 2".
-  const currentPage = Math.min(Math.max(1, requestedPage), totalPages);
-
-  const pageItems = useMemo(() => {
-    const startIndex = (currentPage - 1) * pageSize;
-    return items.slice(startIndex, startIndex + pageSize);
-  }, [items, currentPage, pageSize]);
-
-  const goToPreviousPage = useCallback(() => {
-    if (currentPage <= 1) return;
-    setRequestedPage(currentPage - 1);
-    onPageChange?.();
-  }, [currentPage, onPageChange]);
-
-  const goToNextPage = useCallback(() => {
-    if (currentPage >= totalPages) return;
-    setRequestedPage(currentPage + 1);
-    onPageChange?.();
-  }, [currentPage, totalPages, onPageChange]);
-
-  return {
-    currentPage,
-    totalPages,
-    pageItems,
-    canPreviousPage: currentPage > 1,
-    canNextPage: currentPage < totalPages,
-    goToPreviousPage,
-    goToNextPage,
-  };
-}

package/src/react/hooks/use-return-scroll.ts

@@ -1,149 +0,0 @@
-"use client";
-
-// Return-scroll: bring a list back to where the user left it after a REAL route change.
-//
-// A same-page view swap keeps its component mounted and can restore from a ref; a list
-// whose detail pages have their own URLs unmounts, so the offset has to survive in
-// per-tab storage and the restore has to wait until the list is displayed at its real
-// height again. This hook is the ONE owner of that mechanism. It knows nothing about
-// what the list is — the caller supplies a canonical key, decides eligibility once at
-// mount, and reports readiness.
-//
-// Contract (every rule below is tested):
-//   - `save()` writes { y, savedAt } for `key` — call it immediately before navigating
-//     away (inside any guarded-navigation callback, so a cancelled leave writes nothing).
-//   - `eligible` is latched per key the first time the hook sees that key. Not eligible
-//     ⇒ the entry is deleted immediately and permanently for that key; a later flip
-//     of `eligible` or `ready` never re-arms the restore.
-//   - `ready` ⇒ the restore fires ONCE, in a requestAnimationFrame, `behavior: "instant"`,
-//     then consumes the entry. The scheduled frame is cancelled on unmount or key change.
-//     React Strict Mode's mount/unmount/mount cancels and reschedules, so exactly one
-//     scroll happens and the entry is consumed exactly once.
-//   - Blocked, unavailable, or malformed storage is a silent no-op.
-
-import * as React from "react";
-
-const STORAGE_PREFIX = "return-scroll:";
-
-export interface ReturnScrollEntry {
-  /** The saved `window.scrollY`. */
-  y: number;
-  /** Epoch ms at save time (diagnostic; the caller decides eligibility, not the hook). */
-  savedAt: number;
-}
-
-export interface UseReturnScrollOptions {
-  /** The caller's CANONICAL list URL — equivalent list states must give the same key. */
-  key: string;
-  /** Decided by the caller ONCE at mount (e.g. "the list's data was already cached on first render"). */
-  eligible: boolean;
-  /** The list is displayed at its real height: data present, no error surface in its place. */
-  ready: boolean;
-}
-
-export interface UseReturnScrollResult {
-  /** Record the current window offset for `key`. Call right before navigating away. */
-  save: () => void;
-}
-
-function storageKey(key: string): string {
-  return `${STORAGE_PREFIX}${key}`;
-}
-
-function sessionStorageOrNull(): Storage | null {
-  try {
-    if (typeof window === "undefined") return null;
-    return window.sessionStorage ?? null;
-  } catch {
-    return null;
-  }
-}
-
-/** The stored entry for `key`, or null when absent, unreadable, or malformed. */
-export function readReturnScroll(key: string): ReturnScrollEntry | null {
-  const storage = sessionStorageOrNull();
-  if (!storage) return null;
-  try {
-    const raw = storage.getItem(storageKey(key));
-    if (!raw) return null;
-    const parsed: unknown = JSON.parse(raw);
-    if (typeof parsed !== "object" || parsed === null) return null;
-    const { y, savedAt } = parsed as { y?: unknown; savedAt?: unknown };
-    if (typeof y !== "number" || !Number.isFinite(y) || y < 0) return null;
-    return { y, savedAt: typeof savedAt === "number" ? savedAt : 0 };
-  } catch {
-    return null;
-  }
-}
-
-/** Record `y` (default: the current `window.scrollY`) for `key`. No-op without storage. */
-export function saveReturnScroll(key: string, y?: number): void {
-  const storage = sessionStorageOrNull();
-  if (!storage) return;
-  try {
-    const offset = typeof y === "number" ? y : window.scrollY;
-    const entry: ReturnScrollEntry = { y: offset, savedAt: Date.now() };
-    storage.setItem(storageKey(key), JSON.stringify(entry));
-  } catch {
-    /* storage blocked or full — nothing to restore later, which is the honest outcome */
-  }
-}
-
-/** Drop the entry for `key` (e.g. the list changed underneath the saved offset). */
-export function clearReturnScroll(key: string): void {
-  const storage = sessionStorageOrNull();
-  if (!storage) return;
-  try {
-    storage.removeItem(storageKey(key));
-  } catch {
-    /* nothing to clear */
-  }
-}
-
-interface Decision {
-  key: string;
-  /** The offset to restore, or null when this key's return is not restorable. */
-  y: number | null;
-  done: boolean;
-}
-
-export function useReturnScroll({ key, eligible, ready }: UseReturnScrollOptions): UseReturnScrollResult {
-  const decisionRef = React.useRef<Decision | null>(null);
-
-  // Decide ONCE per key, the first time the hook sees it. Effects may read and write refs;
-  // the decision is latched, so a later `eligible` flip finds it already made and returns.
-  React.useEffect(() => {
-    if (decisionRef.current?.key === key) return;
-    const entry = readReturnScroll(key);
-    if (!entry) {
-      decisionRef.current = { key, y: null, done: true };
-      return;
-    }
-    if (!eligible) {
-      // A cold return: nothing cached to restore against. Discard permanently for this visit.
-      clearReturnScroll(key);
-      decisionRef.current = { key, y: null, done: true };
-      return;
-    }
-    decisionRef.current = { key, y: entry.y, done: false };
-  }, [key, eligible]);
-
-  // Restore once the list is displayed at its real height. The frame is cancelled on unmount
-  // or key change; Strict Mode's re-run reschedules it, so exactly one scroll happens.
-  React.useEffect(() => {
-    const decision = decisionRef.current;
-    if (!decision || decision.key !== key || decision.y === null || decision.done || !ready) return;
-    if (typeof window === "undefined") return;
-    const y = decision.y;
-    const frame = window.requestAnimationFrame(() => {
-      window.scrollTo({ top: y, left: 0, behavior: "instant" as ScrollBehavior });
-      clearReturnScroll(key);
-      decision.done = true;
-    });
-    return () => window.cancelAnimationFrame(frame);
-  }, [key, ready]);
-
-  const save = React.useCallback(() => saveReturnScroll(key), [key]);
-
-  return { save };
-}

package/src/react/hooks/use-toast.tsx

@@ -1,176 +0,0 @@
-import * as React from "react";
-
-const TOAST_LIMIT = 3;
-// Time between Radix flipping `open=false` and the toast actually unmounting.
-// Just long enough for the close animation to finish. Larger values produce a
-// visible dead-air gap after the countdown bar reaches empty.
-const TOAST_REMOVE_DELAY = 150;
-
-export type ToastVariant = "default" | "destructive" | "success" | "warning" | "error";
-
-export type ToasterToast = {
-  id: string;
-  title?: React.ReactNode;
-  description?: React.ReactNode;
-  action?: React.ReactNode;
-  variant?: ToastVariant;
-
-  /** Radix controlled open state */
-  open?: boolean;
-  onOpenChange?: (open: boolean) => void;
-
-  /** ms */
-  duration?: number;
-
-  /** show X button */
-  dismissible?: boolean;
-
-  /**
-   * When `true`, the toast does not auto-dismiss and renders no countdown bar.
-   * `duration` is ignored. The user must click the X (or programmatic `dismiss`)
-   * to remove it.
-   */
-  persistent?: boolean;
-};
-
-type ToastProps = ToasterToast;
-
-type Action =
-  | { type: "ADD_TOAST"; toast: ToastProps }
-  | { type: "UPDATE_TOAST"; toast: Partial<ToastProps> & { id: string } }
-  | { type: "DISMISS_TOAST"; toastId?: string }
-  | { type: "REMOVE_TOAST"; toastId?: string };
-
-interface State {
-  toasts: ToastProps[];
-}
-
-const toastTimeouts = new Map<string, ReturnType<typeof setTimeout>>();
-const listeners: Array<(state: State) => void> = [];
-
-let memoryState: State = { toasts: [] };
-
-const reducer = (state: State, action: Action): State => {
-  switch (action.type) {
-    case "ADD_TOAST":
-      return { ...state, toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT) };
-
-    case "UPDATE_TOAST":
-      return {
-        ...state,
-        toasts: state.toasts.map((t) => (t.id === action.toast.id ? { ...t, ...action.toast } : t)),
-      };
-
-    case "DISMISS_TOAST": {
-      const { toastId } = action;
-
-      if (toastId) {
-        return {
-          ...state,
-          toasts: state.toasts.map((t) => (t.id === toastId ? { ...t, open: false } : t)),
-        };
-      }
-
-      return { ...state, toasts: state.toasts.map((t) => ({ ...t, open: false })) };
-    }
-
-    case "REMOVE_TOAST": {
-      const { toastId } = action;
-      if (!toastId) return { ...state, toasts: [] };
-      return { ...state, toasts: state.toasts.filter((t) => t.id !== toastId) };
-    }
-
-    default:
-      return state;
-  }
-};
-
-function dispatch(action: Action) {
-  memoryState = reducer(memoryState, action);
-  listeners.forEach((listener) => listener(memoryState));
-}
-
-function genId() {
-  return Math.random().toString(36).slice(2, 10);
-}
-
-function addToRemoveQueue(toastId: string) {
-  if (toastTimeouts.has(toastId)) return;
-
-  const timeout = setTimeout(() => {
-    toastTimeouts.delete(toastId);
-    dispatch({ type: "REMOVE_TOAST", toastId });
-  }, TOAST_REMOVE_DELAY);
-
-  toastTimeouts.set(toastId, timeout);
-}
-
-function defaultDurationForVariant(variant: ToastVariant | undefined): number {
-  switch (variant) {
-    case "success":
-      return 3000;
-    case "destructive":
-    case "error":
-      return 6000;
-    case "warning":
-      return 5000;
-    case "default":
-    default:
-      return 4000;
-  }
-}
-
-export function toast(input: Omit<ToastProps, "id">) {
-  const id = genId();
-
-  const dismiss = () => {
-    dispatch({ type: "DISMISS_TOAST", toastId: id });
-    addToRemoveQueue(id);
-  };
-
-  const update = (props: Partial<ToastProps>) => dispatch({ type: "UPDATE_TOAST", toast: { ...props, id } });
-
-  const variant = input.variant ?? "default";
-  // Persistent toasts disable auto-dismiss entirely; Radix accepts `Infinity`.
-  const duration = input.persistent
-    ? Infinity
-    : input.duration ?? defaultDurationForVariant(variant);
-
-  dispatch({
-    type: "ADD_TOAST",
-    toast: {
-      id,
-      open: true,
-      onOpenChange: (open) => {
-        if (!open) dismiss();
-      },
-      dismissible: true,
-      ...input,
-      variant,
-      duration,
-    },
-  });
-
-  return { id, dismiss, update };
-}
-
-export function useToast() {
-  const [state, setState] = React.useState<State>(memoryState);
-
-  React.useEffect(() => {
-    listeners.push(setState);
-    return () => {
-      const index = listeners.indexOf(setState);
-      if (index > -1) listeners.splice(index, 1);
-    };
-  }, []);
-
-  return {
-    ...state,
-    toast,
-    dismiss: (toastId?: string) => {
-      dispatch({ type: "DISMISS_TOAST", toastId });
-      if (toastId) addToRemoveQueue(toastId);
-    },
-  };
-}

package/src/react/index.ts

@@ -1,85 +0,0 @@
-"use client";
-
-export type { ButtonProps } from "./components/button.js";
-export { Button, buttonVariants } from "./components/button.js";
-export type { SpinnerProps, SpinnerSize } from "./components/spinner.js";
-export { Spinner } from "./components/spinner.js";
-export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent } from "./components/card.js";
-export { Label } from "./components/label.js";
-export { Textarea } from "./components/textarea.js";
-export { Skeleton } from "./components/skeleton.js";
-export { Dialog, DialogPortal, DialogOverlay, DialogClose, DialogTrigger, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription } from "./components/dialog.js";
-export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor } from "./components/popover.js";
-export { DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuGroup, DropdownMenuPortal, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuRadioGroup } from "./components/dropdown-menu.js";
-export { Menubar, MenubarMenu, MenubarTrigger, MenubarContent, MenubarItem, MenubarSeparator, MenubarLabel, MenubarCheckboxItem, MenubarRadioGroup, MenubarRadioItem, MenubarPortal, MenubarSubContent, MenubarSubTrigger, MenubarGroup, MenubarSub, MenubarShortcut } from "./components/menubar.js";
-export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel } from "./components/alert-dialog.js";
-export { Alert, AlertTitle, AlertDescription } from "./components/alert.js";
-export type { ToastProps, ToastActionElement } from "./components/toast.js";
-export { ToastProvider, ToastViewport, Toast, ToastTitle, ToastDescription, ToastClose, ToastAction } from "./components/toast.js";
-export { Toaster } from "./components/toaster.js";
-export type { ToastVariant, ToasterToast } from "./hooks/use-toast.js";
-export { toast, useToast } from "./hooks/use-toast.js";
-export { Input } from "./components/input.js";
-export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton } from "./components/select.js";
-export { Tabs, TabsList, TabsTrigger, TabsContent } from "./components/tabs.js";
-export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider } from "./components/tooltip.js";
-export { useFormField, Form, FormItem, FormLabel, FormControl, FormDescription, FormMessage, FormField } from "./components/form.js";
-export { Checkbox } from "./components/checkbox.js";
-export { Switch } from "./components/switch.js";
-export type { BadgeProps } from "./components/badge.js";
-export { Badge, badgeVariants } from "./components/badge.js";
-export { Avatar, AvatarImage, AvatarFallback } from "./components/avatar.js";
-export { Separator } from "./components/separator.js";
-export { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from "./components/accordion.js";
-export { RadioGroup, RadioGroupItem } from "./components/radio-group.js";
-export { Progress } from "./components/progress.js";
-export { Slider } from "./components/slider.js";
-export type { DatePickerProps } from "./components/date-picker.js";
-export { DatePicker } from "./components/date-picker.js";
-export { ScrollArea, ScrollBar } from "./components/scroll-area.js";
-export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption } from "./components/table.js";
-export { Sheet, SheetPortal, SheetOverlay, SheetTrigger, SheetClose, SheetContent, SheetHeader, SheetFooter, SheetTitle, SheetDescription } from "./components/sheet.js";
-export { Collapsible, CollapsibleTrigger, CollapsibleContent } from "./components/collapsible.js";
-export type { SearchDropdownProps } from "./components/search-dropdown.js";
-export { SearchDropdown } from "./components/search-dropdown.js";
-
-export type { ConsequenceDialogProps, ConsequenceDialogReason, ConsequenceDialogTypedConfirmation } from "./components/consequence-dialog.js";
-export { ConsequenceDialog } from "./components/consequence-dialog.js";
-
-export type { MaxWidthOption, ScreenAdaptiveViewProps } from "./components/layout/screen-adaptive-view.js";
-export { ScreenAdaptiveView } from "./components/layout/screen-adaptive-view.js";
-
-export { useMediaQuery } from "./hooks/use-media-query.js";
-
-export { useAsyncAction } from "./hooks/use-async-action.js";
-export type { AsyncAction, UseAsyncActionOptions } from "./hooks/use-async-action.js";
-
-// Shared building blocks
-export { RelativeTime } from "./components/relative-time.js";
-export type { RelativeTimeProps } from "./components/relative-time.js";
-
-export { EndOfListIndicator } from "./components/end-of-list-indicator.js";
-export type { EndOfListIndicatorProps } from "./components/end-of-list-indicator.js";
-
-export { ScrollToTopButton } from "./components/scroll-to-top-button.js";
-export type { ScrollToTopButtonProps } from "./components/scroll-to-top-button.js";
-
-export { ChunkErrorRecovery } from "./components/chunk-error-recovery.js";
-export type { ChunkErrorRecoveryProps } from "./components/chunk-error-recovery.js";
-
-// List pagination — the one Previous / counter / Next control plus the page-state
-// hooks for its two flavors (known total, and cursor/`hasMore`).
-export { ListPagination } from "./components/list-pagination.js";
-export type { ListPaginationProps } from "./components/list-pagination.js";
-
-export { usePagedList } from "./hooks/use-paged-list.js";
-export type { ListPaginationState, PagedList, UsePagedListOptions } from "./hooks/use-paged-list.js";
-
-export { useCursorPage } from "./hooks/use-cursor-page.js";
-export type { CursorPage, CursorPager, UseCursorPageOptions } from "./hooks/use-cursor-page.js";
-
-// Return-scroll: restore a list's window offset when the user comes back to it after a
-// route change (save on leave, restore once on an eligible + ready return, keyed by the
-// caller's canonical list URL).
-export { useReturnScroll, saveReturnScroll, clearReturnScroll, readReturnScroll } from "./hooks/use-return-scroll.js";
-export type { ReturnScrollEntry, UseReturnScrollOptions, UseReturnScrollResult } from "./hooks/use-return-scroll.js";