@marktiderman/genesis-ui 2.3.1 → 2.4.0

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

@@ -1,4 +1,4 @@
-export { A as AppShell, a as AppShellOptions, b as AppShellProps, N as NavItem, P as PageHeader, c as PageHeaderOptions, d as PageHeaderProps } from '../../AppShell-D_E_Hk4g.js';
+export { A as AppShell, a as AppShellOptions, b as AppShellProps, N as NavItem, P as PageHeader, c as PageHeaderOptions, d as PageHeaderProps } from '../../AppShell-CX0M-dfc.js';
 export { DetailPage, DetailPageProps } from './detail-page.js';
 export { FormPage, FormPageProps } from './form-page.js';
 export { D as DashboardPage, a as DashboardPageProps, G as Grid, b as GridProps, g as gridVariants } from '../../dashboard-page-C0TihRl5.js';
@@ -9,6 +9,6 @@ import 'react';
 import 'lucide-react';
 import '../../view-toggle-CahQ87PW.js';
 import '../../hooks/use-view-settings.js';
-import '../../navigation-CpOEyUSb.js';
+import '../../navigation-DBwcZ6vb.js';
 import 'class-variance-authority/types';
 import 'class-variance-authority';

package/dist/components/layout/index.js

@@ -1,22 +1,22 @@
-export { AppShell, PageHeader } from '../../chunk-UBCYXOXT.js';
+export { AppShell, PageHeader } from '../../chunk-DWM7ELFI.js';
 import '../../chunk-46TZGMFW.js';
 export { Container, Stack, containerVariants, stackVariants } from '../../chunk-4CQHPWJD.js';
 export { FormPage } from '../../chunk-PLIYF6KI.js';
-export { Section, SettingsPage, sectionHeadingVariants } from '../../chunk-P64MFQXZ.js';
 import '../../chunk-OZZTPE7F.js';
-export { DashboardPage, Grid, gridVariants } from '../../chunk-ARJI2JUV.js';
+export { Section, SettingsPage, sectionHeadingVariants } from '../../chunk-P64MFQXZ.js';
 import '../../chunk-QJ6P2DW6.js';
 import '../../chunk-B2GIBUQD.js';
 import '../../chunk-NPNADZHM.js';
 import '../../chunk-FK42ZGGV.js';
 import '../../chunk-22XB3Q6H.js';
 import '../../chunk-27ELYTGE.js';
+import '../../chunk-NWSCYLPT.js';
+import '../../chunk-F47U5KNW.js';
+export { DashboardPage, Grid, gridVariants } from '../../chunk-ARJI2JUV.js';
 export { DetailPage } from '../../chunk-AFZ76Q26.js';
 export { Split, splitVariants } from '../../chunk-D2LIXA2Y.js';
 export { GAP_CLASSES, spaceScale } from '../../chunk-AVFZ4P4B.js';
-import '../../chunk-NWSCYLPT.js';
-import '../../chunk-F47U5KNW.js';
 import '../../chunk-NZ5WBA4R.js';
-import '../../chunk-6NPEMLBA.js';
+import '../../chunk-CDYZRZ6U.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/components/patterns/index.js

@@ -1,16 +1,16 @@
 export { ViewSettings, ViewToggle } from '../../chunk-46TZGMFW.js';
 export { StatusBadge, statusBadgeVariants } from '../../chunk-XMK3T4TA.js';
 export { ToggleRow } from '../../chunk-6M4NHHKG.js';
-export { SettingsRow } from '../../chunk-A7AHVDG7.js';
 export { UserAvatar, userAvatarVariants } from '../../chunk-XBX6QMR5.js';
 import '../../chunk-LNFF2RBD.js';
+export { SettingsRow } from '../../chunk-A7AHVDG7.js';
 import '../../chunk-FK42ZGGV.js';
 import '../../chunk-22XB3Q6H.js';
-export { PageLoading, pageLoadingVariants } from '../../chunk-YRYQXU3G.js';
-import '../../chunk-OVU3Z2MT.js';
 import '../../chunk-27ELYTGE.js';
 export { EmptyState, NoFeaturesFound, NoFeedbackFound, NoSearchResults } from '../../chunk-65SPT7EA.js';
 import '../../chunk-NWSCYLPT.js';
+export { PageLoading, pageLoadingVariants } from '../../chunk-YRYQXU3G.js';
+import '../../chunk-OVU3Z2MT.js';
 export { FormDescription, FormError, FormField, FormLabel } from '../../chunk-R7QFP6EL.js';
 import '../../chunk-F47U5KNW.js';
 import '../../chunk-NZ5WBA4R.js';

package/dist/hooks/index.d.ts

@@ -8,7 +8,7 @@ export { UseSavedViewsReturn, useSavedViews } from './use-saved-views.js';
 export { RouteMap, createPrefetch } from './use-prefetch.js';
 export { R as ResourceActions, a as ResourceColumnDef, U as UseResourcePageProps, b as UseResourcePageReturn, u as useResourcePage } from '../use-resource-page-DTQS011Q.js';
 export { CommandPalette, CommandPaletteItem, CommandPaletteProps, useCommandPaletteHotkey } from '../components/ui/command-palette.js';
-import '../navigation-CpOEyUSb.js';
+import '../navigation-DBwcZ6vb.js';
 import 'react';
 import '../view-toggle-CahQ87PW.js';
 import '@marktiderman/genesis-core/provider';

package/dist/hooks/index.js

@@ -6,10 +6,10 @@ export { CommandPalette, useCommandPaletteHotkey } from '../chunk-CNTWQSUT.js';
 import '../chunk-SEFK4NZV.js';
 import '../chunk-7XMZVISM.js';
 import '../chunk-NZ5WBA4R.js';
-export { useDataFilters } from '../chunk-D4JTQYP5.js';
-import '../chunk-6NPEMLBA.js';
+export { useDataFilters } from '../chunk-JA3ZKULS.js';
+import '../chunk-CDYZRZ6U.js';
 export { useKeyboardNavigation } from '../chunk-YJ6MPS6U.js';
-export { useIsMobile } from '../chunk-M7AU5DDM.js';
+export { useIsMobile } from '../chunk-VFO3I7PV.js';
 export { createPrefetch } from '../chunk-HSHIZHYR.js';
 export { useOne, useResource, useResourceForm, useWizard } from '@marktiderman/genesis-core/hooks';
 //# sourceMappingURL=index.js.map

package/dist/hooks/use-data-filters.d.ts

@@ -1,4 +1,4 @@
-import { S as SearchParamsAdapter } from '../navigation-CpOEyUSb.js';
+import { S as SearchParamsAdapter } from '../navigation-DBwcZ6vb.js';
 import 'react';
 
 type FilterType = "string" | "multi";

package/dist/hooks/use-data-filters.js

@@ -1,4 +1,4 @@
-export { useDataFilters } from '../chunk-D4JTQYP5.js';
-import '../chunk-6NPEMLBA.js';
+export { useDataFilters } from '../chunk-JA3ZKULS.js';
+import '../chunk-CDYZRZ6U.js';
 //# sourceMappingURL=use-data-filters.js.map
 //# sourceMappingURL=use-data-filters.js.map

package/dist/hooks/use-mobile.d.ts

@@ -1,3 +1,4 @@
+/** Whether the viewport is narrower than the mobile breakpoint (768px). */
 declare function useIsMobile(): boolean;
 
 export { useIsMobile };

package/dist/hooks/use-mobile.js

@@ -1,3 +1,3 @@
-export { useIsMobile } from '../chunk-M7AU5DDM.js';
+export { useIsMobile } from '../chunk-VFO3I7PV.js';
 //# sourceMappingURL=use-mobile.js.map
 //# sourceMappingURL=use-mobile.js.map

package/dist/index.d.ts

@@ -67,7 +67,7 @@ export { DetailPage, DetailPageProps } from './components/layout/detail-page.js'
 export { FormPage, FormPageProps } from './components/layout/form-page.js';
 export { SettingsPage, SettingsPageProps, SettingsPageSection } from './components/layout/settings-page.js';
 export { cn } from './utils.js';
-export { D as DefaultLink, G as GenesisLinkProps, L as LinkComponent, N as NavigateFn, S as SearchParamsAdapter, d as defaultNavigate, i as isPathActive, u as useBrowserSearchParams } from './navigation-CpOEyUSb.js';
+export { D as DefaultLink, G as GenesisLinkProps, I as IsPathActiveOptions, L as LinkComponent, N as NavigateFn, a as NavigationNode, R as ResolvedNavigation, S as SearchParamsAdapter, d as defaultNavigate, i as isPathActive, r as resolveNavigation, u as useBrowserSearchParams } from './navigation-DBwcZ6vb.js';
 export { S as SlotOverride, a as SlotPropsFor, b as Slots, r as renderSlot } from './slots-tR0wf89f.js';
 export { toast } from 'sonner';
 import 'class-variance-authority/types';

package/dist/index.js

@@ -26,20 +26,19 @@ export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, Breadcr
 export { ButtonGroup } from './chunk-K4YLKVMX.js';
 export { Calendar, CalendarDayButton } from './chunk-J6FBA7PH.js';
 export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious } from './chunk-AOZGQM6W.js';
-export { Container, Stack, containerVariants, stackVariants } from './chunk-4CQHPWJD.js';
-export { FormPage } from './chunk-PLIYF6KI.js';
-export { Section, SettingsPage, sectionHeadingVariants } from './chunk-P64MFQXZ.js';
 export { AccessibleIcon } from './chunk-JAMLFMDS.js';
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from './chunk-YWFPMND7.js';
 export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from './chunk-M62CHO3N.js';
-export { Alert, AlertDescription, AlertTitle, alertVariants } from './chunk-OZZTPE7F.js';
 export { AspectRatio } from './chunk-6Q6CLLJ4.js';
+export { Container, Stack, containerVariants, stackVariants } from './chunk-4CQHPWJD.js';
+export { FormPage } from './chunk-PLIYF6KI.js';
+export { Alert, AlertDescription, AlertTitle, alertVariants } from './chunk-OZZTPE7F.js';
+export { Section, SettingsPage, sectionHeadingVariants } from './chunk-P64MFQXZ.js';
 export { StatusBadge, statusBadgeVariants } from './chunk-XMK3T4TA.js';
 export { ToggleRow } from './chunk-6M4NHHKG.js';
-export { SettingsRow } from './chunk-A7AHVDG7.js';
 export { UserAvatar, userAvatarVariants } from './chunk-XBX6QMR5.js';
 export { Avatar, AvatarFallback, AvatarImage } from './chunk-LNFF2RBD.js';
-export { DashboardPage, Grid, gridVariants } from './chunk-ARJI2JUV.js';
+export { SettingsRow } from './chunk-A7AHVDG7.js';
 export { renderSlot } from './chunk-7S7LKQBD.js';
 export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from './chunk-N2ZFNOOT.js';
 export { Textarea } from './chunk-YETMISCE.js';
@@ -55,20 +54,21 @@ export { Collapsible, CollapsibleContent, CollapsibleTrigger } from './chunk-B2G
 export { Badge } from './chunk-NPNADZHM.js';
 export { Select, SelectContent, SelectGroup, SelectItem, SelectScrollDownButton, SelectScrollUpButton, SelectTrigger, SelectValue } from './chunk-FK42ZGGV.js';
 export { Popover, PopoverContent, PopoverTrigger } from './chunk-22XB3Q6H.js';
-export { PageLoading, pageLoadingVariants } from './chunk-YRYQXU3G.js';
-export { Spinner } from './chunk-OVU3Z2MT.js';
 export { Switch } from './chunk-27ELYTGE.js';
-export { DetailPage } from './chunk-AFZ76Q26.js';
-export { Split, splitVariants } from './chunk-D2LIXA2Y.js';
-export { GAP_CLASSES, spaceScale } from './chunk-AVFZ4P4B.js';
 export { EmptyState, NoFeaturesFound, NoFeedbackFound, NoSearchResults } from './chunk-65SPT7EA.js';
 export { Button } from './chunk-NWSCYLPT.js';
+export { PageLoading, pageLoadingVariants } from './chunk-YRYQXU3G.js';
+export { Spinner } from './chunk-OVU3Z2MT.js';
 export { FormDescription, FormError, FormField, FormLabel } from './chunk-R7QFP6EL.js';
 export { Label } from './chunk-F47U5KNW.js';
+export { DashboardPage, Grid, gridVariants } from './chunk-ARJI2JUV.js';
+export { DetailPage } from './chunk-AFZ76Q26.js';
+export { Split, splitVariants } from './chunk-D2LIXA2Y.js';
+export { GAP_CLASSES, spaceScale } from './chunk-AVFZ4P4B.js';
 export { CommandPalette, useCommandPaletteHotkey } from './chunk-CNTWQSUT.js';
 export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from './chunk-SEFK4NZV.js';
 export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from './chunk-7XMZVISM.js';
 export { cn } from './chunk-NZ5WBA4R.js';
-export { DefaultLink, defaultNavigate, isPathActive, useBrowserSearchParams } from './chunk-6NPEMLBA.js';
+export { DefaultLink, defaultNavigate, isPathActive, resolveNavigation, useBrowserSearchParams } from './chunk-CDYZRZ6U.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/navigation-DBwcZ6vb.d.ts

@@ -0,0 +1,163 @@
+import { ComponentType, ReactNode, AnchorHTMLAttributes } from 'react';
+
+/**
+ * Router-agnostic navigation primitives.
+ *
+ * genesis-ui does NOT depend on any router. Components that need to render a
+ * link or navigate imperatively accept an injectable abstraction defined here,
+ * and default to plain browser behavior (`<a>` / `window.location`). Consumers
+ * on React Router or Next.js inject a thin adapter that maps these props to
+ * their own `<Link>` / router.
+ */
+
+/**
+ * Props passed to an injectable link component. The contract is a plain anchor
+ * (`href`), so the default works with NO router. A React Router consumer maps
+ * `href` → `to`; a Next.js consumer passes `next/link` directly (it already
+ * accepts `href`, `className`, `children`).
+ *
+ * @stability Beta
+ */
+interface GenesisLinkProps {
+    /** Destination path or URL. */
+    href: string;
+    className?: string;
+    onClick?: () => void;
+    children?: ReactNode;
+    /** Set to "page" when the link points at the active route. */
+    "aria-current"?: AnchorHTMLAttributes<HTMLAnchorElement>["aria-current"];
+    /** Accessible name — useful when the visible label is hidden (icon rail). */
+    "aria-label"?: string;
+    /** Native tooltip / title attribute. */
+    title?: string;
+    /**
+     * Stable test/automation selector. {@link DefaultLink} renders it as
+     * `data-testid`; injected router adapters (`next/link`, RR `Link`) forward it
+     * to the underlying `<a>` too.
+     */
+    testID?: string;
+}
+/**
+ * A component that renders a navigable link from {@link GenesisLinkProps}.
+ *
+ * @stability Beta
+ */
+type LinkComponent = ComponentType<GenesisLinkProps>;
+/**
+ * Default link — a plain `<a>`. No router required.
+ *
+ * @stability Beta
+ */
+declare const DefaultLink: LinkComponent;
+/**
+ * Options for {@link isPathActive}.
+ *
+ * @stability Beta
+ */
+interface IsPathActiveOptions {
+    /** Require an exact path match instead of a prefix match (like `NavLink end`). */
+    end?: boolean;
+}
+/**
+ * Default active-path matcher, mirroring React Router's `NavLink` (prefix
+ * match, with `/` treated as exact). Consumers can override via an `isActive`
+ * prop where components accept one.
+ *
+ * `activePath` may carry a query and hash (`pathname + search + hash`). An
+ * item whose `to` has neither compares against the path part only, exactly as
+ * before. An item that opts in by putting a query or hash in its `to`
+ * (`/admin?tab=users`, `/settings#profile`) is active only when the path
+ * matches exactly AND every query param it names has the same value in
+ * `activePath` (extra params such as `&page=2` are ignored) AND, if it names a
+ * hash, the hash is equal.
+ *
+ * @stability Beta
+ */
+declare function isPathActive(to: string, activePath?: string, options?: IsPathActiveOptions): boolean;
+/**
+ * One node of a logical navigation hierarchy. `path` is a route pattern whose
+ * segments are either static (`clients`) or named params (`$clientId`). A
+ * node's place in the tree is its LOGICAL parent, which need not share its URL
+ * prefix — `/clients/$clientId` can sit under `/dashboard`.
+ *
+ * @stability Beta
+ */
+interface NavigationNode<T> {
+    id: string;
+    path: string;
+    label: string;
+    /** Contextual nav items to show while this node is current. */
+    items: T[];
+    children?: NavigationNode<T>[];
+}
+/**
+ * Result of {@link resolveNavigation}. `current`, `parent` and every `trail`
+ * entry are shallow copies of their tree nodes with `path` interpolated from
+ * `params` (a param the URL did not supply stays as `$name`).
+ *
+ * @stability Beta
+ */
+interface ResolvedNavigation<T> {
+    /** The best-matching node — the root when nothing else matches. */
+    current: NavigationNode<T>;
+    /** `current`'s logical parent, for an "up" / back-to-parent link. */
+    parent?: NavigationNode<T>;
+    /** `current.items`. */
+    items: T[];
+    /** Root → `current`, inclusive. */
+    trail: NavigationNode<T>[];
+    /** Params captured by `current.path`, URL-decoded. */
+    params: Record<string, string>;
+}
+/**
+ * Resolve where `pathname` sits in a logical navigation tree. Pure: it never
+ * reads browser history or `window`.
+ *
+ * A node matches when its pattern matches a leading run of WHOLE path
+ * segments (`/my` matches `/my/tasks`, never `/my-other`). Among matches the
+ * winner is decided by positional specificity: at the first position where
+ * one pattern is static and the other a `$param`, the static one wins (so
+ * `/clients/new` beats `/clients/$clientId` whatever the sibling order, and
+ * `/my` beats `/$space/tasks` for `/my/tasks`). Otherwise the pattern matching
+ * more segments wins, then the deeper tree node.
+ * Non-matching nodes are still searched, so a match keeps its logical
+ * ancestors even when their URLs differ.
+ *
+ * @stability Beta
+ */
+declare function resolveNavigation<T>(tree: NavigationNode<T>, pathname: string): ResolvedNavigation<T>;
+/**
+ * Injectable imperative navigation callback.
+ *
+ * @stability Beta
+ */
+type NavigateFn = (path: string) => void;
+/**
+ * Default navigate — a full-page navigation. No router required.
+ *
+ * @stability Beta
+ */
+declare const defaultNavigate: NavigateFn;
+/**
+ * Minimal, router-agnostic replacement for React Router's `useSearchParams`
+ * return shape. Consumers may inject their router's implementation for full
+ * SPA integration; otherwise the browser History API is used.
+ *
+ * @stability Beta
+ */
+interface SearchParamsAdapter {
+    searchParams: URLSearchParams;
+    setSearchParams: (next: URLSearchParams, options?: {
+        replace?: boolean;
+    }) => void;
+}
+/**
+ * Browser-native {@link SearchParamsAdapter} built on the History API. Reads
+ * the current query string and writes updates via `pushState`/`replaceState`,
+ * staying reactive to `popstate` events. No router required.
+ *
+ * @stability Beta
+ */
+declare function useBrowserSearchParams(): SearchParamsAdapter;
+
+export { DefaultLink as D, type GenesisLinkProps as G, type IsPathActiveOptions as I, type LinkComponent as L, type NavigateFn as N, type ResolvedNavigation as R, type SearchParamsAdapter as S, type NavigationNode as a, defaultNavigate as d, isPathActive as i, resolveNavigation as r, useBrowserSearchParams as u };

package/dist/styles.css

@@ -0,0 +1,11 @@
+/*
+ * Tailwind v4 source entry for @marktiderman/genesis-ui.
+ *
+ * Copied to dist/styles.css at build time, so "./" is the published dist/
+ * folder: importing this file makes Tailwind scan genesis-ui's compiled
+ * components for the utility classes they use.
+ *
+ *   @import "tailwindcss";
+ *   @import "@marktiderman/genesis-ui/styles.css";
+ */
+@source "./";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marktiderman/genesis-ui",
-  "version": "2.3.1",
+  "version": "2.4.0",
   "private": false,
   "type": "module",
   "sideEffects": false,
@@ -22,7 +22,8 @@
     "dist",
     "!dist/metafile-*.json",
     "README.md",
-    "EXTENDING.md"
+    "EXTENDING.md",
+    "SKILL.md"
   ],
   "exports": {
     ".": {
@@ -61,6 +62,7 @@
       "types": "./dist/provider/index.d.ts",
       "import": "./dist/provider/index.js"
     },
+    "./styles.css": "./dist/styles.css",
     "./accessible-icon": {
       "types": "./dist/components/ui/accessible-icon.d.ts",
       "import": "./dist/components/ui/accessible-icon.js"
@@ -327,7 +329,7 @@
     }
   },
   "peerDependencies": {
-    "@marktiderman/genesis-design-system": "^1.2.1",
+    "@marktiderman/genesis-design-system": "^1.3.0",
     "cmdk": "^1.0.0",
     "date-fns": "^4.0.0",
     "embla-carousel-react": "^8.0.0",
@@ -352,7 +354,7 @@
   },
   "devDependencies": {
     "@hookform/resolvers": "^5.2.2",
-    "@marktiderman/genesis-design-system": "^1.2.1",
+    "@marktiderman/genesis-design-system": "^1.3.0",
     "@testing-library/react": "^16.3.2",
     "@radix-ui/react-accordion": "^1.2.0",
     "@radix-ui/react-aspect-ratio": "^1.1.0",
@@ -392,7 +394,7 @@
     "zod": "^4.3.6"
   },
   "scripts": {
-    "build": "tsup && node scripts/stamp-use-client.mjs && node ../../scripts/check-exports-resolve.mjs",
+    "build": "tsup && node scripts/stamp-use-client.mjs && cp src/styles.css dist/styles.css && node ../../scripts/check-exports-resolve.mjs",
     "clean": "rm -rf dist",
     "check:exports": "node ../../scripts/check-exports-resolve.mjs",
     "test": "vitest run"

package/dist/chunk-6NPEMLBA.js

@@ -1,51 +0,0 @@
-"use client";
-import { useState, useEffect, useCallback } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-// src/navigation.tsx
-var DefaultLink = ({
-  href,
-  children,
-  testID,
-  ...rest
-}) => /* @__PURE__ */ jsx("a", { href, "data-testid": testID, ...rest, children });
-function isPathActive(to, activePath) {
-  if (activePath == null) return false;
-  if (to === activePath) return true;
-  if (to !== "/" && activePath.startsWith(to + "/")) return true;
-  return false;
-}
-var defaultNavigate = (path) => {
-  if (typeof window !== "undefined") window.location.assign(path);
-};
-function useBrowserSearchParams() {
-  const read = () => new URLSearchParams(
-    typeof window !== "undefined" ? window.location.search : ""
-  );
-  const [searchParams, setLocal] = useState(read);
-  useEffect(() => {
-    if (typeof window === "undefined") return;
-    const onPop = () => setLocal(read());
-    window.addEventListener("popstate", onPop);
-    return () => window.removeEventListener("popstate", onPop);
-  }, []);
-  const setSearchParams = useCallback(
-    (next, options) => {
-      if (typeof window === "undefined") return;
-      const qs = next.toString();
-      const url = window.location.pathname + (qs ? `?${qs}` : "") + window.location.hash;
-      if (options?.replace) {
-        window.history.replaceState(window.history.state, "", url);
-      } else {
-        window.history.pushState(window.history.state, "", url);
-      }
-      setLocal(new URLSearchParams(next));
-    },
-    []
-  );
-  return { searchParams, setSearchParams };
-}
-
-export { DefaultLink, defaultNavigate, isPathActive, useBrowserSearchParams };
-//# sourceMappingURL=chunk-6NPEMLBA.js.map
-//# sourceMappingURL=chunk-6NPEMLBA.js.map

package/dist/chunk-6NPEMLBA.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/navigation.tsx"],"names":[],"mappings":";;;;AAgEO,IAAM,cAA6B,CAAC;AAAA,EACzC,IAAA;AAAA,EACA,QAAA;AAAA,EACA,MAAA;AAAA,EACA,GAAG;AACL,CAAA,yBACG,GAAA,EAAA,EAAE,IAAA,EAAY,eAAa,MAAA,EAAS,GAAG,MACrC,QAAA,EACH;AAUK,SAAS,YAAA,CAAa,IAAY,UAAA,EAA8B;AACrE,EAAA,IAAI,UAAA,IAAc,MAAM,OAAO,KAAA;AAC/B,EAAA,IAAI,EAAA,KAAO,YAAY,OAAO,IAAA;AAC9B,EAAA,IAAI,OAAO,GAAA,IAAO,UAAA,CAAW,WAAW,EAAA,GAAK,GAAG,GAAG,OAAO,IAAA;AAC1D,EAAA,OAAO,KAAA;AACT;AAkBO,IAAM,eAAA,GAA8B,CAAC,IAAA,KAAS;AACnD,EAAA,IAAI,OAAO,MAAA,KAAW,WAAA,EAAa,MAAA,CAAO,QAAA,CAAS,OAAO,IAAI,CAAA;AAChE;AA4BO,SAAS,sBAAA,GAA8C;AAC5D,EAAA,MAAM,IAAA,GAAO,MACX,IAAI,eAAA;AAAA,IACF,OAAO,MAAA,KAAW,WAAA,GAAc,MAAA,CAAO,SAAS,MAAA,GAAS;AAAA,GAC3D;AAEF,EAAA,MAAM,CAAC,YAAA,EAAc,QAAQ,CAAA,GAAI,SAA0B,IAAI,CAAA;AAE/D,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,OAAO,WAAW,WAAA,EAAa;AACnC,IAAA,MAAM,KAAA,GAAQ,MAAM,QAAA,CAAS,IAAA,EAAM,CAAA;AACnC,IAAA,MAAA,CAAO,gBAAA,CAAiB,YAAY,KAAK,CAAA;AACzC,IAAA,OAAO,MAAM,MAAA,CAAO,mBAAA,CAAoB,UAAA,EAAY,KAAK,CAAA;AAAA,EAC3D,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,MAAM,eAAA,GAAkB,WAAA;AAAA,IACtB,CAAC,MAAM,OAAA,KAAY;AACjB,MAAA,IAAI,OAAO,WAAW,WAAA,EAAa;AACnC,MAAA,MAAM,EAAA,GAAK,KAAK,QAAA,EAAS;AACzB,MAAA,MAAM,GAAA,GACJ,MAAA,CAAO,QAAA,CAAS,QAAA,IAAY,EAAA,GAAK,IAAI,EAAE,CAAA,CAAA,GAAK,EAAA,CAAA,GAAM,MAAA,CAAO,QAAA,CAAS,IAAA;AACpE,MAAA,IAAI,SAAS,OAAA,EAAS;AACpB,QAAA,MAAA,CAAO,QAAQ,YAAA,CAAa,MAAA,CAAO,OAAA,CAAQ,KAAA,EAAO,IAAI,GAAG,CAAA;AAAA,MAC3D,CAAA,MAAO;AACL,QAAA,MAAA,CAAO,QAAQ,SAAA,CAAU,MAAA,CAAO,OAAA,CAAQ,KAAA,EAAO,IAAI,GAAG,CAAA;AAAA,MACxD;AACA,MAAA,QAAA,CAAS,IAAI,eAAA,CAAgB,IAAI,CAAC,CAAA;AAAA,IACpC,CAAA;AAAA,IACA;AAAC,GACH;AAEA,EAAA,OAAO,EAAE,cAAc,eAAA,EAAgB;AACzC","file":"chunk-6NPEMLBA.js","sourcesContent":["\"use client\";\n\n/**\n * Router-agnostic navigation primitives.\n *\n * genesis-ui does NOT depend on any router. Components that need to render a\n * link or navigate imperatively accept an injectable abstraction defined here,\n * and default to plain browser behavior (`<a>` / `window.location`). Consumers\n * on React Router or Next.js inject a thin adapter that maps these props to\n * their own `<Link>` / router.\n */\nimport {\n  useCallback,\n  useEffect,\n  useState,\n  type AnchorHTMLAttributes,\n  type ComponentType,\n  type ReactNode,\n} from \"react\";\n\n// ---------------------------------------------------------------------------\n// Link abstraction\n// ---------------------------------------------------------------------------\n\n/**\n * Props passed to an injectable link component. The contract is a plain anchor\n * (`href`), so the default works with NO router. A React Router consumer maps\n * `href` → `to`; a Next.js consumer passes `next/link` directly (it already\n * accepts `href`, `className`, `children`).\n *\n * @stability Beta\n */\nexport interface GenesisLinkProps {\n  /** Destination path or URL. */\n  href: string;\n  className?: string;\n  onClick?: () => void;\n  children?: ReactNode;\n  /** Set to \"page\" when the link points at the active route. */\n  \"aria-current\"?: AnchorHTMLAttributes<HTMLAnchorElement>[\"aria-current\"];\n  /** Accessible name — useful when the visible label is hidden (icon rail). */\n  \"aria-label\"?: string;\n  /** Native tooltip / title attribute. */\n  title?: string;\n  /**\n   * Stable test/automation selector. {@link DefaultLink} renders it as\n   * `data-testid`; injected router adapters (`next/link`, RR `Link`) forward it\n   * to the underlying `<a>` too.\n   */\n  testID?: string;\n}\n\n/**\n * A component that renders a navigable link from {@link GenesisLinkProps}.\n *\n * @stability Beta\n */\nexport type LinkComponent = ComponentType<GenesisLinkProps>;\n\n/**\n * Default link — a plain `<a>`. No router required.\n *\n * @stability Beta\n */\nexport const DefaultLink: LinkComponent = ({\n  href,\n  children,\n  testID,\n  ...rest\n}) => (\n  <a href={href} data-testid={testID} {...rest}>\n    {children}\n  </a>\n);\n\n/**\n * Default active-path matcher, mirroring React Router's `NavLink` (prefix\n * match, with `/` treated as exact). Consumers can override via an `isActive`\n * prop where components accept one.\n *\n * @stability Beta\n */\nexport function isPathActive(to: string, activePath?: string): boolean {\n  if (activePath == null) return false;\n  if (to === activePath) return true;\n  if (to !== \"/\" && activePath.startsWith(to + \"/\")) return true;\n  return false;\n}\n\n// ---------------------------------------------------------------------------\n// Imperative navigation abstraction\n// ---------------------------------------------------------------------------\n\n/**\n * Injectable imperative navigation callback.\n *\n * @stability Beta\n */\nexport type NavigateFn = (path: string) => void;\n\n/**\n * Default navigate — a full-page navigation. No router required.\n *\n * @stability Beta\n */\nexport const defaultNavigate: NavigateFn = (path) => {\n  if (typeof window !== \"undefined\") window.location.assign(path);\n};\n\n// ---------------------------------------------------------------------------\n// Search-params abstraction (for URL-synced hooks)\n// ---------------------------------------------------------------------------\n\n/**\n * Minimal, router-agnostic replacement for React Router's `useSearchParams`\n * return shape. Consumers may inject their router's implementation for full\n * SPA integration; otherwise the browser History API is used.\n *\n * @stability Beta\n */\nexport interface SearchParamsAdapter {\n  searchParams: URLSearchParams;\n  setSearchParams: (\n    next: URLSearchParams,\n    options?: { replace?: boolean },\n  ) => void;\n}\n\n/**\n * Browser-native {@link SearchParamsAdapter} built on the History API. Reads\n * the current query string and writes updates via `pushState`/`replaceState`,\n * staying reactive to `popstate` events. No router required.\n *\n * @stability Beta\n */\nexport function useBrowserSearchParams(): SearchParamsAdapter {\n  const read = () =>\n    new URLSearchParams(\n      typeof window !== \"undefined\" ? window.location.search : \"\",\n    );\n\n  const [searchParams, setLocal] = useState<URLSearchParams>(read);\n\n  useEffect(() => {\n    if (typeof window === \"undefined\") return;\n    const onPop = () => setLocal(read());\n    window.addEventListener(\"popstate\", onPop);\n    return () => window.removeEventListener(\"popstate\", onPop);\n  }, []);\n\n  const setSearchParams = useCallback<SearchParamsAdapter[\"setSearchParams\"]>(\n    (next, options) => {\n      if (typeof window === \"undefined\") return;\n      const qs = next.toString();\n      const url =\n        window.location.pathname + (qs ? `?${qs}` : \"\") + window.location.hash;\n      if (options?.replace) {\n        window.history.replaceState(window.history.state, \"\", url);\n      } else {\n        window.history.pushState(window.history.state, \"\", url);\n      }\n      setLocal(new URLSearchParams(next));\n    },\n    [],\n  );\n\n  return { searchParams, setSearchParams };\n}\n"]}

package/dist/chunk-M7AU5DDM.js

@@ -1,26 +0,0 @@
-"use client";
-import { useState, useEffect } from 'react';
-
-// src/hooks/use-mobile.ts
-var MOBILE_BREAKPOINT = 768;
-function useIsMobile() {
-  const [isMobile, setIsMobile] = useState(() => {
-    if (typeof window === "undefined") return false;
-    return window.innerWidth < MOBILE_BREAKPOINT;
-  });
-  useEffect(() => {
-    if (typeof window === "undefined") return;
-    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
-    const onChange = () => {
-      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
-    };
-    mql.addEventListener("change", onChange);
-    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
-    return () => mql.removeEventListener("change", onChange);
-  }, []);
-  return isMobile;
-}
-
-export { useIsMobile };
-//# sourceMappingURL=chunk-M7AU5DDM.js.map
-//# sourceMappingURL=chunk-M7AU5DDM.js.map

package/dist/chunk-M7AU5DDM.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hooks/use-mobile.ts"],"names":[],"mappings":";;;AAIA,IAAM,iBAAA,GAAoB,GAAA;AAEnB,SAAS,WAAA,GAAuB;AACrC,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAkB,MAAM;AACtD,IAAA,IAAI,OAAO,MAAA,KAAW,WAAA,EAAa,OAAO,KAAA;AAC1C,IAAA,OAAO,OAAO,UAAA,GAAa,iBAAA;AAAA,EAC7B,CAAC,CAAA;AAED,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,OAAO,WAAW,WAAA,EAAa;AACnC,IAAA,MAAM,MAAM,MAAA,CAAO,UAAA,CAAW,CAAA,YAAA,EAAe,iBAAA,GAAoB,CAAC,CAAA,GAAA,CAAK,CAAA;AACvE,IAAA,MAAM,WAAW,MAAM;AACrB,MAAA,WAAA,CAAY,MAAA,CAAO,aAAa,iBAAiB,CAAA;AAAA,IACnD,CAAA;AACA,IAAA,GAAA,CAAI,gBAAA,CAAiB,UAAU,QAAQ,CAAA;AACvC,IAAA,WAAA,CAAY,MAAA,CAAO,aAAa,iBAAiB,CAAA;AACjD,IAAA,OAAO,MAAM,GAAA,CAAI,mBAAA,CAAoB,QAAA,EAAU,QAAQ,CAAA;AAAA,EACzD,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO,QAAA;AACT","file":"chunk-M7AU5DDM.js","sourcesContent":["\"use client\";\n\nimport { useState, useEffect } from \"react\";\n\nconst MOBILE_BREAKPOINT = 768;\n\nexport function useIsMobile(): boolean {\n  const [isMobile, setIsMobile] = useState<boolean>(() => {\n    if (typeof window === \"undefined\") return false;\n    return window.innerWidth < MOBILE_BREAKPOINT;\n  });\n\n  useEffect(() => {\n    if (typeof window === \"undefined\") return;\n    const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);\n    const onChange = () => {\n      setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n    };\n    mql.addEventListener(\"change\", onChange);\n    setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);\n    return () => mql.removeEventListener(\"change\", onChange);\n  }, []);\n\n  return isMobile;\n}\n"]}