@marktiderman/genesis-ui 2.12.0 → 2.12.2

package/dist/{AppShell-DpQdcLE-.d.ts → AppShell-HCXpi6nv.d.ts}

@@ -1,7 +1,8 @@
 import * as React from 'react';
 import { ReactNode } from 'react';
 import { LucideIcon } from 'lucide-react';
-import { L as LinkComponent, N as NavigationNode } from './navigation-By1DrzaM.js';
+import { L as LinkComponent } from './navigation-vmFJ6r1m.js';
+import { NavigationNode } from '@marktiderman/genesis-core/navigation';
 
 /**
  * How AppShell shows the current page's child items. Sub-navigation is
@@ -180,7 +181,7 @@ interface AppShellOptions {
     collapseShortcut?: string | false;
     /**
      * Width of the collapsed icon rail in px: `56` (default, as before) or
-     * `64` (the Breakthrough design).
+     * `64` (a wider rail some apps use).
      */
     collapsedRailWidth?: 56 | 64;
     /**

package/dist/chunk-424PT5DM.js

@@ -0,0 +1,21 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+
+export { __export, __reExport };
+//# sourceMappingURL=chunk-424PT5DM.js.map
+//# sourceMappingURL=chunk-424PT5DM.js.map

package/dist/chunk-424PT5DM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-424PT5DM.js"}

package/dist/chunk-J45FHL7D.js

@@ -0,0 +1,46 @@
+"use client";
+import { useState, useEffect, useCallback } from 'react';
+export { isPathActive, resolveNavigation } from '@marktiderman/genesis-core/navigation';
+import { jsx } from 'react/jsx-runtime';
+
+// src/navigation.tsx
+var DefaultLink = ({
+  href,
+  children,
+  testID,
+  ...rest
+}) => /* @__PURE__ */ jsx("a", { href, "data-testid": testID, ...rest, children });
+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, useBrowserSearchParams };
+//# sourceMappingURL=chunk-J45FHL7D.js.map
+//# sourceMappingURL=chunk-J45FHL7D.js.map

package/dist/chunk-J45FHL7D.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/navigation.tsx"],"names":[],"mappings":";;;;;AAmEO,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;AA2BK,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-J45FHL7D.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 a router inject an adapter that maps these props to their own `<Link>` /\n * router. Ready-made ones ship on their own subpaths, each with its router as\n * an optional peer: `@marktiderman/genesis-ui/router/react-router` and\n * `@marktiderman/genesis-ui/router/tanstack-router`. Next.js passes\n * `next/link` directly.\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\nexport {\n  isPathActive,\n  resolveNavigation,\n  type IsPathActiveOptions,\n  type NavigationNode,\n  type ResolvedNavigation,\n} from \"@marktiderman/genesis-core/navigation\";\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-SZMXNC5Q.js → chunk-MLZEKXV2.js}

@@ -9,7 +9,7 @@ import { Popover, PopoverTrigger, PopoverContent } from './chunk-22XB3Q6H.js';
 import { Button } from './chunk-NWSCYLPT.js';
 import { Label } from './chunk-F47U5KNW.js';
 import { cn } from './chunk-NZ5WBA4R.js';
-import { isPathActive, resolveNavigation, DefaultLink } from './chunk-KC43CNMA.js';
+import { isPathActive, resolveNavigation, DefaultLink } from './chunk-J45FHL7D.js';
 import { createContext, useId, useState, useEffect, useMemo, useCallback, useContext, useRef, useLayoutEffect, useSyncExternalStore } from 'react';
 import { ListFilter, MoreHorizontal, SlidersHorizontal, Menu, ArrowLeft, X, Sun, Moon, PanelLeft, PanelLeftClose, ChevronRight, ChevronDown } from 'lucide-react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
@@ -1855,5 +1855,5 @@ function AppShell({
 }
 
 export { AppShell, AppShellPageHeader, AppShellSubNavEnd, PageHeader, SubNavTabs, useAppShellSubNav };
-//# sourceMappingURL=chunk-SZMXNC5Q.js.map
-//# sourceMappingURL=chunk-SZMXNC5Q.js.map
+//# sourceMappingURL=chunk-MLZEKXV2.js.map
+//# sourceMappingURL=chunk-MLZEKXV2.js.map