@windmorph/react 0.0.0-stage → 0.1.0

package/dist/motion/get-m3-spring.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-m3-spring.js","names":[],"sources":["../../src/motion/get-m3-spring.ts"],"sourcesContent":["import {\n  SPRINGS,\n  toMotionSpring,\n  type MotionScheme,\n  type MotionSpring,\n  type SpringFamily,\n  type SpringSpeed,\n} from '../tokens/motion';\n\n/** The Motion spring for a motion scheme, family and speed. */\nexport function getM3Spring(\n  scheme: MotionScheme,\n  family: SpringFamily,\n  speed: SpringSpeed = 'default',\n): MotionSpring {\n  return toMotionSpring(SPRINGS[scheme][family][speed]);\n}\n"],"mappings":";;;AAUA,SAAgB,YACd,QACA,QACA,QAAqB,WACP;CACd,OAAO,eAAe,QAAQ,OAAO,CAAC,OAAO,CAAC,MAAM;AACtD"}

package/dist/motion/reduced-motion.js

@@ -0,0 +1,19 @@
+//#region src/motion/reduced-motion.ts
+/**
+* Classes for a surface that enters and leaves with `@starting-style` and `data-exiting`:
+* under reduced motion it only fades, in on the default effects spring and out on the fast
+* one. Its own entry and exit geometry must be `motion-safe:` so it stays where it rests.
+* Every class is written out in full so Tailwind can find it.
+*/
+const reducedMotionFade = [
+	"motion-reduce:starting:opacity-0 motion-reduce:data-exiting:opacity-0",
+	"motion-reduce:[transition-property:opacity]",
+	"motion-reduce:[transition-duration:var(--md-sys-motion-spring-effects-default-duration)]",
+	"motion-reduce:[transition-timing-function:var(--md-sys-motion-spring-effects-default-easing)]",
+	"motion-reduce:data-exiting:[transition-duration:var(--md-sys-motion-spring-effects-fast-duration)]",
+	"motion-reduce:data-exiting:[transition-timing-function:var(--md-sys-motion-spring-effects-fast-easing)]"
+];
+//#endregion
+export { reducedMotionFade };
+
+//# sourceMappingURL=reduced-motion.js.map

package/dist/motion/reduced-motion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reduced-motion.js","names":[],"sources":["../../src/motion/reduced-motion.ts"],"sourcesContent":["/*\n * Reduced motion (architecture §6). Under `prefers-reduced-motion: reduce` the spatial spring\n * tokens last 0ms, so whatever moves, sizes, reshapes or turns on them changes at once, while\n * colour and opacity keep their effects springs. A surface that slides or grows in and out\n * would then pop; these classes make it fade instead.\n */\n\n/**\n * Classes for a surface that enters and leaves with `@starting-style` and `data-exiting`:\n * under reduced motion it only fades, in on the default effects spring and out on the fast\n * one. Its own entry and exit geometry must be `motion-safe:` so it stays where it rests.\n * Every class is written out in full so Tailwind can find it.\n */\nexport const reducedMotionFade = [\n  'motion-reduce:starting:opacity-0 motion-reduce:data-exiting:opacity-0',\n  'motion-reduce:[transition-property:opacity]',\n  'motion-reduce:[transition-duration:var(--md-sys-motion-spring-effects-default-duration)]',\n  'motion-reduce:[transition-timing-function:var(--md-sys-motion-spring-effects-default-easing)]',\n  'motion-reduce:data-exiting:[transition-duration:var(--md-sys-motion-spring-effects-fast-duration)]',\n  'motion-reduce:data-exiting:[transition-timing-function:var(--md-sys-motion-spring-effects-fast-easing)]',\n];\n"],"mappings":";;;;;;;AAaA,MAAa,oBAAoB;CAC/B;CACA;CACA;CACA;CACA;CACA;AACF"}

package/dist/motion/use-m3-spring.d.ts

@@ -0,0 +1,13 @@
+import { MotionSpring, SpringFamily, SpringSpeed } from "../tokens/motion.js";
+//#region src/motion/use-m3-spring.d.ts
+/**
+ * The Motion spring for the active motion scheme (from `ThemeProvider` / `ThemeScope`).
+ * `prefers-reduced-motion` forces the `standard` scheme, which never visibly overshoots.
+ *
+ * @example
+ * const spring = useM3Spring('spatial', 'fast');
+ * <m.div animate={{ scale: 1 }} transition={spring} />
+ */
+export declare function useM3Spring(family: SpringFamily, speed?: SpringSpeed): MotionSpring;
+//#endregion
+//# sourceMappingURL=use-m3-spring.d.ts.map

package/dist/motion/use-m3-spring.js

@@ -0,0 +1,22 @@
+"use client";
+import { useThemeScope } from "../theme/context.js";
+import { getM3Spring } from "./get-m3-spring.js";
+import { useReducedMotion } from "motion/react";
+//#region src/motion/use-m3-spring.ts
+/**
+* The Motion spring for the active motion scheme (from `ThemeProvider` / `ThemeScope`).
+* `prefers-reduced-motion` forces the `standard` scheme, which never visibly overshoots.
+*
+* @example
+* const spring = useM3Spring('spatial', 'fast');
+* <m.div animate={{ scale: 1 }} transition={spring} />
+*/
+function useM3Spring(family, speed = "default") {
+	const { motion } = useThemeScope();
+	const prefersReducedMotion = useReducedMotion();
+	return getM3Spring(prefersReducedMotion ? "standard" : motion, family, speed);
+}
+//#endregion
+export { useM3Spring };
+
+//# sourceMappingURL=use-m3-spring.js.map

package/dist/motion/use-m3-spring.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-m3-spring.js","names":[],"sources":["../../src/motion/use-m3-spring.ts"],"sourcesContent":["'use client';\n\nimport { useReducedMotion } from 'motion/react';\nimport { useThemeScope } from '../theme/context';\nimport type { MotionSpring, SpringFamily, SpringSpeed } from '../tokens/motion';\nimport { getM3Spring } from './get-m3-spring';\n\n/**\n * The Motion spring for the active motion scheme (from `ThemeProvider` / `ThemeScope`).\n * `prefers-reduced-motion` forces the `standard` scheme, which never visibly overshoots.\n *\n * @example\n * const spring = useM3Spring('spatial', 'fast');\n * <m.div animate={{ scale: 1 }} transition={spring} />\n */\nexport function useM3Spring(family: SpringFamily, speed: SpringSpeed = 'default'): MotionSpring {\n  const { motion } = useThemeScope();\n  const prefersReducedMotion = useReducedMotion();\n  return getM3Spring(prefersReducedMotion ? 'standard' : motion, family, speed);\n}\n"],"mappings":";;;;;;;;;;;;;AAeA,SAAgB,YAAY,QAAsB,QAAqB,WAAyB;CAC9F,MAAM,EAAE,WAAW,cAAc;CACjC,MAAM,uBAAuB,iBAAiB;CAC9C,OAAO,YAAY,uBAAuB,aAAa,QAAQ,QAAQ,KAAK;AAC9E"}

package/dist/next/NextRouterProvider.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from "react";
+//#region src/next/NextRouterProvider.d.ts
+export interface NextRouterProviderProps {
+  children?: ReactNode;
+}
+/**
+ * Routes every library link (`href` on buttons, menu items, tabs, …) through the
+ * Next.js router for client-side navigation, asking any active `useNavigationGuard` first.
+ * Render it once inside the root layout.
+ */
+export declare function NextRouterProvider({ children }: NextRouterProviderProps): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=NextRouterProvider.d.ts.map

package/dist/next/NextRouterProvider.js

@@ -0,0 +1,26 @@
+"use client";
+import { GuardProvider, useGuardRegistry } from "./navigation-guard.js";
+import { jsx } from "react/jsx-runtime";
+import { RouterProvider } from "react-aria";
+import { useRouter } from "next/navigation.js";
+//#region src/next/NextRouterProvider.tsx
+/**
+* Routes every library link (`href` on buttons, menu items, tabs, …) through the
+* Next.js router for client-side navigation, asking any active `useNavigationGuard` first.
+* Render it once inside the root layout.
+*/
+function NextRouterProvider({ children }) {
+	const router = useRouter();
+	const guards = useGuardRegistry();
+	return /* @__PURE__ */ jsx(GuardProvider, {
+		value: guards,
+		children: /* @__PURE__ */ jsx(RouterProvider, {
+			navigate: (href) => guards.attempt(() => router.push(href)),
+			children
+		})
+	});
+}
+//#endregion
+export { NextRouterProvider };
+
+//# sourceMappingURL=NextRouterProvider.js.map

package/dist/next/NextRouterProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NextRouterProvider.js","names":[],"sources":["../../src/next/NextRouterProvider.tsx"],"sourcesContent":["'use client';\n\n// With its extension: Next has no `exports` map, so plain Node ESM resolves only the file.\nimport { useRouter } from 'next/navigation.js';\nimport type { ReactNode } from 'react';\nimport { RouterProvider } from 'react-aria';\nimport { GuardProvider, useGuardRegistry } from './navigation-guard';\n\nexport interface NextRouterProviderProps {\n  children?: ReactNode;\n}\n\n/**\n * Routes every library link (`href` on buttons, menu items, tabs, …) through the\n * Next.js router for client-side navigation, asking any active `useNavigationGuard` first.\n * Render it once inside the root layout.\n */\nexport function NextRouterProvider({ children }: NextRouterProviderProps) {\n  const router = useRouter();\n  const guards = useGuardRegistry();\n  return (\n    <GuardProvider value={guards}>\n      <RouterProvider navigate={(href) => guards.attempt(() => router.push(href))}>\n        {children}\n      </RouterProvider>\n    </GuardProvider>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAiBA,SAAgB,mBAAmB,EAAE,YAAqC;CACxE,MAAM,SAAS,UAAU;CACzB,MAAM,SAAS,iBAAiB;CAChC,OACE,oBAAC,eAAD;EAAe,OAAO;EACpB,UAAA,oBAAC,gBAAD;GAAgB,WAAW,SAAS,OAAO,cAAc,OAAO,KAAK,IAAI,CAAC;GACvE;EACa,CAAA;CACH,CAAA;AAEnB"}

package/dist/next/get-theme-from-cookies.d.ts

@@ -0,0 +1,32 @@
+import { ThemeState } from "../theme/state.js";
+//#region src/next/get-theme-from-cookies.d.ts
+/** Anything with a `get(name)` like Next's `cookies()` store or `NextRequest.cookies`. */
+export interface CookieReader {
+  get(name: string): {
+    value: string;
+  } | undefined;
+}
+export interface GetThemeFromCookiesOptions {
+  /** Values used for anything not stored. Must match the `ThemeProvider` defaults. */
+  defaults?: Partial<ThemeState>;
+  /** Must match `ThemeProvider`'s `storageKey`. */
+  storageKey?: string;
+  /** Allowed theme names; a stored theme outside this list falls back to the default. */
+  themes?: readonly string[];
+}
+/**
+ * Reads the theme selection saved by `ThemeProvider` (with `storage="cookie"`) so the
+ * server can render the right `data-*` attributes on `<html>` and avoid a theme flash.
+ *
+ * @example
+ * // app/layout.tsx
+ * const theme = getThemeFromCookies(await cookies());
+ * <html lang="en" {...themeAttributes(theme)}>
+ *   <body>
+ *     <ThemeProvider defaultTheme={theme.theme} defaultMode={theme.mode}
+ *       defaultContrast={theme.contrast} defaultMotion={theme.motion}
+ *       defaultDensity={theme.density}>…</ThemeProvider>
+ */
+export declare function getThemeFromCookies(cookies: CookieReader | string | null | undefined, { defaults, storageKey, themes }?: GetThemeFromCookiesOptions): ThemeState;
+//#endregion
+//# sourceMappingURL=get-theme-from-cookies.d.ts.map

package/dist/next/get-theme-from-cookies.js

@@ -0,0 +1,27 @@
+import { DEFAULT_STORAGE_KEY, DEFAULT_THEME_STATE, parseThemeState, readCookie } from "../theme/state.js";
+//#region src/next/get-theme-from-cookies.ts
+/**
+* Reads the theme selection saved by `ThemeProvider` (with `storage="cookie"`) so the
+* server can render the right `data-*` attributes on `<html>` and avoid a theme flash.
+*
+* @example
+* // app/layout.tsx
+* const theme = getThemeFromCookies(await cookies());
+* <html lang="en" {...themeAttributes(theme)}>
+*   <body>
+*     <ThemeProvider defaultTheme={theme.theme} defaultMode={theme.mode}
+*       defaultContrast={theme.contrast} defaultMotion={theme.motion}
+*       defaultDensity={theme.density}>…</ThemeProvider>
+*/
+function getThemeFromCookies(cookies, { defaults, storageKey = DEFAULT_STORAGE_KEY, themes } = {}) {
+	const raw = typeof cookies === "string" ? readCookie(cookies, storageKey) : cookies?.get(storageKey)?.value;
+	return {
+		...DEFAULT_THEME_STATE,
+		...defaults,
+		...parseThemeState(raw, themes)
+	};
+}
+//#endregion
+export { getThemeFromCookies };
+
+//# sourceMappingURL=get-theme-from-cookies.js.map

package/dist/next/get-theme-from-cookies.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-theme-from-cookies.js","names":[],"sources":["../../src/next/get-theme-from-cookies.ts"],"sourcesContent":["import {\n  DEFAULT_STORAGE_KEY,\n  DEFAULT_THEME_STATE,\n  parseThemeState,\n  readCookie,\n  type ThemeState,\n} from '../theme/state';\n\n/** Anything with a `get(name)` like Next's `cookies()` store or `NextRequest.cookies`. */\nexport interface CookieReader {\n  get(name: string): { value: string } | undefined;\n}\n\nexport interface GetThemeFromCookiesOptions {\n  /** Values used for anything not stored. Must match the `ThemeProvider` defaults. */\n  defaults?: Partial<ThemeState>;\n  /** Must match `ThemeProvider`'s `storageKey`. */\n  storageKey?: string;\n  /** Allowed theme names; a stored theme outside this list falls back to the default. */\n  themes?: readonly string[];\n}\n\n/**\n * Reads the theme selection saved by `ThemeProvider` (with `storage=\"cookie\"`) so the\n * server can render the right `data-*` attributes on `<html>` and avoid a theme flash.\n *\n * @example\n * // app/layout.tsx\n * const theme = getThemeFromCookies(await cookies());\n * <html lang=\"en\" {...themeAttributes(theme)}>\n *   <body>\n *     <ThemeProvider defaultTheme={theme.theme} defaultMode={theme.mode}\n *       defaultContrast={theme.contrast} defaultMotion={theme.motion}\n *       defaultDensity={theme.density}>…</ThemeProvider>\n */\nexport function getThemeFromCookies(\n  cookies: CookieReader | string | null | undefined,\n  { defaults, storageKey = DEFAULT_STORAGE_KEY, themes }: GetThemeFromCookiesOptions = {},\n): ThemeState {\n  const raw =\n    typeof cookies === 'string' ? readCookie(cookies, storageKey) : cookies?.get(storageKey)?.value;\n  return { ...DEFAULT_THEME_STATE, ...defaults, ...parseThemeState(raw, themes) };\n}\n"],"mappings":";;;;;;;;;;;;;;;AAmCA,SAAgB,oBACd,SACA,EAAE,UAAU,aAAa,qBAAqB,WAAuC,CAAC,GAC1E;CACZ,MAAM,MACJ,OAAO,YAAY,WAAW,WAAW,SAAS,UAAU,IAAI,SAAS,IAAI,UAAU,CAAC,EAAE;CAC5F,OAAO;EAAE,GAAG;EAAqB,GAAG;EAAU,GAAG,gBAAgB,KAAK,MAAM;CAAE;AAChF"}

package/dist/next/navigation-guard.d.ts

@@ -0,0 +1,30 @@
+//#region src/next/navigation-guard.d.ts
+/** Runs instead of a navigation while a guard is active; `proceed()` navigates after all. */
+export type NavigationAttempt = (proceed: () => void) => void;
+export interface NavigationGuardOptions {
+  /** Whether leaving should ask first, e.g. while a form has unsaved changes. */
+  when: boolean;
+  /**
+   * Called instead of following a library link (or a `useGuardedNavigate` call) while `when`
+   * is true. Show a confirm dialog, and call `proceed()` if the person chooses to leave.
+   */
+  onAttempt: NavigationAttempt;
+}
+/**
+ * Asks before leaving a page with unsaved changes. While `when` is true, library links
+ * (`href` on a `Button`, `ListItem`, `Link`, `Tab`, …) inside `NextRouterProvider` call
+ * `onAttempt` instead of navigating, and reloading or closing the tab shows the browser's
+ * own prompt. The browser's Back and Forward buttons can't be stopped in the App Router.
+ * When several guards are active, the most recent one decides.
+ *
+ * @example
+ * useNavigationGuard({ when: dirty, onAttempt: (proceed) => setLeaving(() => proceed) });
+ */
+export declare function useNavigationGuard({ when, onAttempt }: NavigationGuardOptions): void;
+/**
+ * A `navigate(href)` for code that would call `router.push` itself (after a save, a
+ * redirect), which asks the active navigation guard first, as library links do.
+ */
+export declare function useGuardedNavigate(): (href: string) => void;
+//#endregion
+//# sourceMappingURL=navigation-guard.d.ts.map

package/dist/next/navigation-guard.js

@@ -0,0 +1,68 @@
+"use client";
+import { createContext, useCallback, useContext, useEffect, useMemo, useRef } from "react";
+import { useRouter } from "next/navigation.js";
+//#region src/next/navigation-guard.tsx
+const GuardContext = createContext(null);
+/** The guard registry `NextRouterProvider` holds; @internal */
+function useGuardRegistry() {
+	const guards = useRef([]);
+	return useMemo(() => ({
+		add: (guard) => {
+			guards.current = [...guards.current, guard];
+			return () => {
+				guards.current = guards.current.filter((item) => item !== guard);
+			};
+		},
+		attempt: (go) => {
+			const latest = guards.current.at(-1);
+			if (latest) latest.current(go);
+			else go();
+		}
+	}), []);
+}
+/** @internal */
+const GuardProvider = GuardContext.Provider;
+/**
+* Asks before leaving a page with unsaved changes. While `when` is true, library links
+* (`href` on a `Button`, `ListItem`, `Link`, `Tab`, …) inside `NextRouterProvider` call
+* `onAttempt` instead of navigating, and reloading or closing the tab shows the browser's
+* own prompt. The browser's Back and Forward buttons can't be stopped in the App Router.
+* When several guards are active, the most recent one decides.
+*
+* @example
+* useNavigationGuard({ when: dirty, onAttempt: (proceed) => setLeaving(() => proceed) });
+*/
+function useNavigationGuard({ when, onAttempt }) {
+	const registry = useContext(GuardContext);
+	const latest = useRef(onAttempt);
+	useEffect(() => {
+		latest.current = onAttempt;
+	}, [onAttempt]);
+	useEffect(() => {
+		if (!when) return;
+		const remove = registry?.add(latest);
+		const warn = (event) => event.preventDefault();
+		window.addEventListener("beforeunload", warn);
+		return () => {
+			remove?.();
+			window.removeEventListener("beforeunload", warn);
+		};
+	}, [when, registry]);
+}
+/**
+* A `navigate(href)` for code that would call `router.push` itself (after a save, a
+* redirect), which asks the active navigation guard first, as library links do.
+*/
+function useGuardedNavigate() {
+	const registry = useContext(GuardContext);
+	const router = useRouter();
+	return useCallback((href) => {
+		const go = () => router.push(href);
+		if (registry) registry.attempt(go);
+		else go();
+	}, [registry, router]);
+}
+//#endregion
+export { GuardProvider, useGuardRegistry, useGuardedNavigate, useNavigationGuard };
+
+//# sourceMappingURL=navigation-guard.js.map

package/dist/next/navigation-guard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-guard.js","names":[],"sources":["../../src/next/navigation-guard.tsx"],"sourcesContent":["'use client';\n\n// With its extension: Next has no `exports` map, so plain Node ESM resolves only the file.\nimport { useRouter } from 'next/navigation.js';\nimport { createContext, useCallback, useContext, useEffect, useMemo, useRef } from 'react';\n\n/** Runs instead of a navigation while a guard is active; `proceed()` navigates after all. */\nexport type NavigationAttempt = (proceed: () => void) => void;\n\ninterface GuardRegistry {\n  /** Adds a guard and returns its removal. */\n  add: (attempt: { current: NavigationAttempt }) => () => void;\n  /** Navigates with `go`, unless the most recent guard takes the attempt. */\n  attempt: (go: () => void) => void;\n}\n\nconst GuardContext = createContext<GuardRegistry | null>(null);\n\n/** The guard registry `NextRouterProvider` holds; @internal */\nexport function useGuardRegistry(): GuardRegistry {\n  const guards = useRef<{ current: NavigationAttempt }[]>([]);\n  return useMemo(\n    () => ({\n      add: (guard) => {\n        guards.current = [...guards.current, guard];\n        return () => {\n          guards.current = guards.current.filter((item) => item !== guard);\n        };\n      },\n      attempt: (go) => {\n        const latest = guards.current.at(-1);\n        if (latest) latest.current(go);\n        else go();\n      },\n    }),\n    [],\n  );\n}\n\n/** @internal */\nexport const GuardProvider = GuardContext.Provider;\n\nexport interface NavigationGuardOptions {\n  /** Whether leaving should ask first, e.g. while a form has unsaved changes. */\n  when: boolean;\n  /**\n   * Called instead of following a library link (or a `useGuardedNavigate` call) while `when`\n   * is true. Show a confirm dialog, and call `proceed()` if the person chooses to leave.\n   */\n  onAttempt: NavigationAttempt;\n}\n\n/**\n * Asks before leaving a page with unsaved changes. While `when` is true, library links\n * (`href` on a `Button`, `ListItem`, `Link`, `Tab`, …) inside `NextRouterProvider` call\n * `onAttempt` instead of navigating, and reloading or closing the tab shows the browser's\n * own prompt. The browser's Back and Forward buttons can't be stopped in the App Router.\n * When several guards are active, the most recent one decides.\n *\n * @example\n * useNavigationGuard({ when: dirty, onAttempt: (proceed) => setLeaving(() => proceed) });\n */\nexport function useNavigationGuard({ when, onAttempt }: NavigationGuardOptions): void {\n  const registry = useContext(GuardContext);\n  const latest = useRef(onAttempt);\n\n  useEffect(() => {\n    latest.current = onAttempt;\n  }, [onAttempt]);\n\n  useEffect(() => {\n    if (!when) return;\n    const remove = registry?.add(latest);\n    const warn = (event: BeforeUnloadEvent) => event.preventDefault();\n    window.addEventListener('beforeunload', warn);\n    return () => {\n      remove?.();\n      window.removeEventListener('beforeunload', warn);\n    };\n  }, [when, registry]);\n}\n\n/**\n * A `navigate(href)` for code that would call `router.push` itself (after a save, a\n * redirect), which asks the active navigation guard first, as library links do.\n */\nexport function useGuardedNavigate(): (href: string) => void {\n  const registry = useContext(GuardContext);\n  const router = useRouter();\n  return useCallback(\n    (href: string) => {\n      const go = () => router.push(href);\n      if (registry) registry.attempt(go);\n      else go();\n    },\n    [registry, router],\n  );\n}\n"],"mappings":";;;;AAgBA,MAAM,eAAe,cAAoC,IAAI;;AAG7D,SAAgB,mBAAkC;CAChD,MAAM,SAAS,OAAyC,CAAC,CAAC;CAC1D,OAAO,eACE;EACL,MAAM,UAAU;GACd,OAAO,UAAU,CAAC,GAAG,OAAO,SAAS,KAAK;GAC1C,aAAa;IACX,OAAO,UAAU,OAAO,QAAQ,QAAQ,SAAS,SAAS,KAAK;GACjE;EACF;EACA,UAAU,OAAO;GACf,MAAM,SAAS,OAAO,QAAQ,GAAG,EAAE;GACnC,IAAI,QAAQ,OAAO,QAAQ,EAAE;QACxB,GAAG;EACV;CACF,IACA,CAAC,CACH;AACF;;AAGA,MAAa,gBAAgB,aAAa;;;;;;;;;;;AAsB1C,SAAgB,mBAAmB,EAAE,MAAM,aAA2C;CACpF,MAAM,WAAW,WAAW,YAAY;CACxC,MAAM,SAAS,OAAO,SAAS;CAE/B,gBAAgB;EACd,OAAO,UAAU;CACnB,GAAG,CAAC,SAAS,CAAC;CAEd,gBAAgB;EACd,IAAI,CAAC,MAAM;EACX,MAAM,SAAS,UAAU,IAAI,MAAM;EACnC,MAAM,QAAQ,UAA6B,MAAM,eAAe;EAChE,OAAO,iBAAiB,gBAAgB,IAAI;EAC5C,aAAa;GACX,SAAS;GACT,OAAO,oBAAoB,gBAAgB,IAAI;EACjD;CACF,GAAG,CAAC,MAAM,QAAQ,CAAC;AACrB;;;;;AAMA,SAAgB,qBAA6C;CAC3D,MAAM,WAAW,WAAW,YAAY;CACxC,MAAM,SAAS,UAAU;CACzB,OAAO,aACJ,SAAiB;EAChB,MAAM,WAAW,OAAO,KAAK,IAAI;EACjC,IAAI,UAAU,SAAS,QAAQ,EAAE;OAC5B,GAAG;CACV,GACA,CAAC,UAAU,MAAM,CACnB;AACF"}

package/dist/next.d.ts

@@ -0,0 +1,5 @@
+import { ThemeState, themeAttributes } from "./theme/state.js";
+import { CookieReader, GetThemeFromCookiesOptions, getThemeFromCookies } from "./next/get-theme-from-cookies.js";
+import { NextRouterProvider, NextRouterProviderProps } from "./next/NextRouterProvider.js";
+import { NavigationAttempt, NavigationGuardOptions, useGuardedNavigate, useNavigationGuard } from "./next/navigation-guard.js";
+export { type CookieReader, type GetThemeFromCookiesOptions, type NavigationAttempt, type NavigationGuardOptions, NextRouterProvider, type NextRouterProviderProps, type ThemeState, getThemeFromCookies, themeAttributes, useGuardedNavigate, useNavigationGuard };

package/dist/next.js

@@ -0,0 +1,5 @@
+import { themeAttributes } from "./theme/state.js";
+import { getThemeFromCookies } from "./next/get-theme-from-cookies.js";
+import { useGuardedNavigate, useNavigationGuard } from "./next/navigation-guard.js";
+import { NextRouterProvider } from "./next/NextRouterProvider.js";
+export { NextRouterProvider, getThemeFromCookies, themeAttributes, useGuardedNavigate, useNavigationGuard };

package/dist/primitives/ButtonBase.d.ts

@@ -0,0 +1,115 @@
+import { CSSProperties, ComponentPropsWithoutRef, ReactNode, Ref } from "react";
+import { PressEvents } from "react-aria";
+import { ToggleGroupState } from "react-stately";
+//#region src/primitives/ButtonBase.d.ts
+/**
+ * Selection state of an enclosing toggle group (e.g. a connected `ButtonGroup`). Toggle
+ * buttons with a `value` inside it are selected through the group instead of on their own.
+ */
+export declare const ToggleGroupStateContext: import("react").Context<ToggleGroupState | null>;
+type PressHandlers = Pick<PressEvents, 'onPress' | 'onPressStart' | 'onPressEnd' | 'onPressChange' | 'onPressUp'> & {
+  /** Don't move focus to the element on press (set by menu triggers). @default false */
+  preventFocusOnPress?: boolean;
+};
+export interface ButtonBaseRenderState {
+  isSelected: boolean;
+}
+interface ButtonBaseCommonProps extends PressHandlers {
+  /** Disables the element: it can't be pressed or focused, and shows the disabled style. @default false */
+  disabled?: boolean;
+  /** Classes for the root element, merged with `classNames.root`; consumer classes win. */
+  className?: string;
+  /** Inline styles for the root element. */
+  style?: CSSProperties;
+  /**
+   * The element is being dragged (e.g. a card picked up to move it): sets `data-dragged`
+   * for the dragged state layer. A consumer's own `data-dragged` attribute counts too.
+   * @default false
+   */
+  dragged?: boolean;
+  /** Content, or a function of the selection state (e.g. to swap a toggle's icon). */
+  children?: ReactNode | ((state: ButtonBaseRenderState) => ReactNode);
+}
+/**
+ * The pending state `Button` and `IconButton` build on. It isn't part of the other props types,
+ * so components that extend them (FABs, chips, cards) don't inherit it; pass it to `ButtonBase`
+ * alongside them.
+ */
+export interface ButtonBasePendingProps {
+  /**
+   * An action started by the element is running: presses are blocked (`onPress`, `onClick`,
+   * Enter and Space do nothing, no hover or pressed state), but the element stays focusable and
+   * in the Tab order, unlike `disabled`. Sets `aria-disabled="true"` and `data-pending`; a
+   * submit button renders `type="button"` meanwhile, so the form isn't submitted again, and a
+   * link keeps its `href` with its navigation prevented. `disabled` wins when both are set.
+   * A toggle ignores it.
+   * @default false
+   */
+  pending?: boolean;
+}
+type OwnKeys = keyof ButtonBaseCommonProps | 'color';
+export interface ButtonBaseActionProps extends ButtonBaseCommonProps, Omit<ComponentPropsWithoutRef<'button'>, OwnKeys> {
+  /** Ref to the root `<button>` element. */
+  ref?: Ref<HTMLButtonElement>;
+  /** The element rendered: a native `<button>`. @default "button" */
+  as?: 'button';
+  /**
+   * The value a submit button sends with its form, under its `name`. On a toggle (`toggle`)
+   * it's a `string` naming the button in a selection group instead, required to take part in
+   * the group's selection.
+   */
+  value?: ComponentPropsWithoutRef<'button'>['value'];
+  /** Renders a link (`<a>`) instead of a button. */
+  href?: undefined;
+  /** Makes the button a toggle (`aria-pressed`) with `selected` and `onSelectedChange`. @default false */
+  toggle?: false;
+}
+/**
+ * A `div` with `role="button"`, for pressable containers whose content a `<button>` may
+ * not hold (headings, images, block layout), such as clickable cards.
+ */
+export interface ButtonBaseDivActionProps extends ButtonBaseCommonProps, Omit<ComponentPropsWithoutRef<'div'>, OwnKeys> {
+  /** Ref to the root `<div>` element. */
+  ref?: Ref<HTMLDivElement>;
+  /** Renders a `div` with `role="button"`, for content a `<button>` may not hold. */
+  as: 'div';
+  /** Renders a link (`<a>`) instead of a button. */
+  href?: undefined;
+  /** Makes the button a toggle (`aria-pressed`) with `selected` and `onSelectedChange`. @default false */
+  toggle?: false;
+}
+export interface ButtonBaseLinkProps extends ButtonBaseCommonProps, Omit<ComponentPropsWithoutRef<'a'>, OwnKeys | 'href'> {
+  /** Ref to the root `<a>` element. */
+  ref?: Ref<HTMLAnchorElement>;
+  /** Renders a link. Navigation goes through React Aria's `RouterProvider` when one is set. */
+  href: string;
+  /** Makes the button a toggle (`aria-pressed`) with `selected` and `onSelectedChange`. @default false */
+  toggle?: false;
+}
+export interface ButtonBaseToggleProps extends ButtonBaseCommonProps, Omit<ComponentPropsWithoutRef<'button'>, OwnKeys | 'aria-pressed' | 'onChange'> {
+  /** Ref to the root `<button>` element. */
+  ref?: Ref<HTMLButtonElement>;
+  /** Renders a link (`<a>`) instead of a button. */
+  href?: undefined;
+  /** Makes the button a toggle (`aria-pressed`). */
+  toggle: true;
+  /** Identifies the button in a selection group; required to take part in its selection. */
+  value?: string;
+  /** Controlled selection. Ignored inside a selection group. */
+  selected?: boolean;
+  /** Initial selection when uncontrolled. */
+  defaultSelected?: boolean;
+  /** Called with the new selection when the user toggles the button. */
+  onSelectedChange?: (selected: boolean) => void;
+}
+export type ButtonBaseProps = ButtonBaseActionProps | ButtonBaseDivActionProps | ButtonBaseLinkProps | ButtonBaseToggleProps;
+/**
+ * Unstyled button behaviour shared by every button-like component: a `<button>`, a
+ * link (`href`) or a toggle (`toggle`), with React Aria press, focus and keyboard
+ * handling, and the M3 interaction `data-*` attributes and ripple origin from
+ * `useM3Interaction`. DOM props pass through; `className` and `style` go on the element.
+ * `pending` blocks presses but keeps focus (see {@link ButtonBasePendingProps}).
+ */
+export declare function ButtonBase(ownProps: ButtonBaseProps & ButtonBasePendingProps): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=ButtonBase.d.ts.map