@omerdlw/base-framework 1.0.5 → 2.0.0

package/dist/chunk-7TAVYJ3A.js

@@ -0,0 +1,371 @@
+import { getOrCreateGlobalContext } from './chunk-GF7TUX5I.js';
+import { useContext, createElement, useMemo } from 'react';
+import { MotionConfig, useReducedMotion } from 'motion/react';
+
+// src/tokens/motion.ts
+var REDUCED_MOTION_TRANSITION = Object.freeze({
+  duration: 0.08,
+  ease: "linear"
+});
+function tween(duration, ease) {
+  return Object.freeze({ type: "tween", duration, ease });
+}
+function safeNumber(value, fallback) {
+  const source = value && typeof value === "object" && "get" in value && typeof value.get === "function" ? value.get() : value;
+  const number = Number.parseFloat(String(source));
+  return Number.isFinite(number) ? number : fallback;
+}
+function gpuTransform(y = 0, scale = 1, x = 0) {
+  const translateY = Math.round(safeNumber(y, 0));
+  const translateX = Math.round(safeNumber(x, 0));
+  const scaleValue = Math.round(safeNumber(scale, 1) * 1e3) / 1e3;
+  return `translate3d(${translateX}px, ${translateY}px, 0) scale(${scaleValue})`;
+}
+function durationForDistance(distancePx, {
+  base,
+  min,
+  max,
+  reference = 320,
+  gain = 0.22
+}) {
+  const distance = Math.abs(Number(distancePx) || 0);
+  const safeMin = Math.max(0, min);
+  const safeMax = Math.max(safeMin, max);
+  const safeReference = Math.max(1, reference);
+  const duration = base + Math.sqrt(distance / safeReference) * gain;
+  return Math.min(safeMax, Math.max(safeMin, duration));
+}
+function surfaceResizeTransition(distancePx, {
+  base,
+  min,
+  max,
+  reference = 320,
+  gain = 0.22,
+  ease
+}) {
+  return tween(
+    durationForDistance(distancePx, { base, min, max, reference, gain }),
+    ease
+  );
+}
+function contentSwapTransitions({
+  duration,
+  exitDuration,
+  enterEase,
+  exitEase
+}) {
+  return Object.freeze({
+    enter: tween(duration, enterEase),
+    exit: tween(exitDuration, exitEase)
+  });
+}
+function contentSwap({
+  travel = 6,
+  exitTravel = travel * 0.7,
+  enterScale = 0.99,
+  exitScale = 0.99,
+  ...transitionOptions
+}) {
+  const transitions = contentSwapTransitions(transitionOptions);
+  return Object.freeze({
+    hidden: Object.freeze({
+      opacity: 0,
+      transform: gpuTransform(travel, enterScale)
+    }),
+    visible: Object.freeze({
+      opacity: 1,
+      transform: gpuTransform(0),
+      transition: transitions.enter
+    }),
+    exit: Object.freeze({
+      opacity: 0,
+      transform: gpuTransform(-exitTravel, exitScale),
+      transition: transitions.exit
+    })
+  });
+}
+function overlaySurface({
+  travel = 16,
+  exitTravel = travel * 0.5,
+  enterScale = 0.97,
+  exitScale = 0.985,
+  duration,
+  exitDuration = duration * 0.68,
+  enterEase,
+  exitEase
+}) {
+  const transitions = contentSwapTransitions({
+    duration,
+    exitDuration,
+    enterEase,
+    exitEase
+  });
+  return Object.freeze({
+    hidden: Object.freeze({
+      opacity: 0,
+      transform: gpuTransform(travel, enterScale)
+    }),
+    visible: Object.freeze({
+      opacity: 1,
+      transform: gpuTransform(0),
+      transition: transitions.enter
+    }),
+    exit: Object.freeze({
+      opacity: 0,
+      transform: gpuTransform(exitTravel, exitScale),
+      transition: transitions.exit
+    })
+  });
+}
+function staggerDelay(index, { base = 0.028, cap = 0.16, exponent = 0.82 } = {}) {
+  const safeIndex = Math.max(0, Number(index) || 0);
+  return Math.min(cap, base * Math.pow(safeIndex, exponent));
+}
+function chip({
+  duration,
+  exitDuration,
+  enterEase,
+  exitEase
+}) {
+  const transitions = contentSwapTransitions({
+    duration,
+    exitDuration,
+    enterEase,
+    exitEase
+  });
+  return Object.freeze({
+    hidden: Object.freeze({ opacity: 0, transform: gpuTransform(0, 0.96) }),
+    visible: Object.freeze({
+      opacity: 1,
+      transform: gpuTransform(0),
+      transition: transitions.enter
+    }),
+    exit: Object.freeze({
+      opacity: 0,
+      transform: gpuTransform(0, 0.96),
+      transition: transitions.exit
+    })
+  });
+}
+function press({
+  tapScale,
+  spring
+}) {
+  return Object.freeze({
+    variants: Object.freeze({
+      idle: Object.freeze({ transform: gpuTransform(0, 1) }),
+      hover: Object.freeze({ transform: gpuTransform(0, 1) }),
+      tap: Object.freeze({ transform: gpuTransform(0, tapScale) })
+    }),
+    transition: Object.freeze({ type: "spring", ...spring })
+  });
+}
+
+// src/tokens/motion-config.ts
+function defineMotion(tokens) {
+  const tempo = tokens.tempo ?? 1;
+  if (!Number.isFinite(tempo) || tempo <= 0) {
+    throw new Error(`Motion tempo must be a positive number, got ${tempo}.`);
+  }
+  return Object.freeze({
+    ...tokens,
+    tempo,
+    reducedMotion: tokens.reducedMotion ?? "user"
+  });
+}
+var TIME_KEYS = [
+  "duration",
+  "delay",
+  "delayChildren",
+  "staggerChildren",
+  "repeatDelay",
+  "visualDuration"
+];
+var REDUCED = Object.freeze({
+  type: "tween",
+  ...REDUCED_MOTION_TRANSITION
+});
+function isPlainObject(value) {
+  if (!value || typeof value !== "object" || Array.isArray(value)) return false;
+  const prototype = Object.getPrototypeOf(value);
+  return prototype === Object.prototype || prototype === null;
+}
+function isSpring(value) {
+  return value.type === "spring" || typeof value.stiffness === "number" || typeof value.damping === "number";
+}
+function isTransition(value) {
+  return isSpring(value) || TIME_KEYS.some((key) => typeof value[key] === "number");
+}
+function retimeTransition(value, clock) {
+  if (clock.reduced) return { ...REDUCED };
+  const { tempo } = clock;
+  const next = {};
+  for (const [key, entry] of Object.entries(value)) {
+    next[key] = isPlainObject(entry) ? retimeNode(entry, clock) : entry;
+  }
+  for (const key of TIME_KEYS) {
+    if (typeof value[key] === "number") next[key] = value[key] * tempo;
+  }
+  if (typeof value.stiffness === "number") {
+    next.stiffness = value.stiffness / (tempo * tempo);
+  }
+  if (typeof value.damping === "number") next.damping = value.damping / tempo;
+  return next;
+}
+function retimeNode(value, clock) {
+  if (typeof value === "function") {
+    const fn = value;
+    return (...args) => retimeNode(fn(...args), clock);
+  }
+  if (!isPlainObject(value)) return value;
+  if (isTransition(value)) return retimeTransition(value, clock);
+  const next = {};
+  for (const [key, entry] of Object.entries(value)) {
+    next[key] = retimeNode(entry, clock);
+  }
+  return next;
+}
+function retime(value, clock) {
+  if (clock.tempo === 1 && !clock.reduced) return value;
+  return retimeNode(value, clock);
+}
+function retimeSeconds(value, clock) {
+  if (typeof value === "number") {
+    return clock.reduced ? Math.min(value, REDUCED.duration) : value * clock.tempo;
+  }
+  if (!isPlainObject(value)) return value;
+  const next = {};
+  for (const [key, entry] of Object.entries(value)) {
+    next[key] = retimeSeconds(entry, clock);
+  }
+  return next;
+}
+function retimeModuleMotion(motion, clock) {
+  if (clock.tempo === 1 && !clock.reduced) return motion;
+  if (!isPlainObject(motion)) return retime(motion, clock);
+  const next = {};
+  for (const [key, entry] of Object.entries(motion)) {
+    next[key] = key === "timings" ? retimeSeconds(entry, clock) : retimeNode(entry, clock);
+  }
+  return next;
+}
+function cssEasing(ease) {
+  if (Array.isArray(ease)) return `cubic-bezier(${ease.join(", ")})`;
+  if (typeof ease === "string" && ease.trim()) return ease;
+  return "ease";
+}
+function cssTransition(property, transition) {
+  const duration = `${Math.round((transition.duration ?? 0) * 1e3)}ms`;
+  const delay = transition.delay ? ` ${Math.round(transition.delay * 1e3)}ms` : "";
+  return `${property} ${duration} ${cssEasing(transition.ease)}${delay}`;
+}
+
+// src/theme.tsx
+function defineThemeSpec(id) {
+  return Object.freeze({ id });
+}
+function defineTheme(spec, config) {
+  return { id: spec.id, config };
+}
+var EMPTY = /* @__PURE__ */ new Map();
+var ThemeContext = getOrCreateGlobalContext("ThemeContext", EMPTY);
+var DEFAULT_MOTION = defineMotion({});
+var NO_MOTION_PROVIDER = Object.freeze({
+  reduced: false,
+  tempo: 1,
+  tokens: DEFAULT_MOTION
+});
+var MotionContext = getOrCreateGlobalContext(
+  "MotionContext",
+  NO_MOTION_PROVIDER
+);
+function MotionProvider({
+  children,
+  tokens
+}) {
+  const prefersReduced = useReducedMotion() === true;
+  const reduced = tokens.reducedMotion === "always" || tokens.reducedMotion === "user" && prefersReduced;
+  const state = useMemo(
+    () => Object.freeze({ reduced, tempo: tokens.tempo, tokens }),
+    [reduced, tokens]
+  );
+  return createElement(MotionContext.Provider, { value: state }, children);
+}
+function ThemeProvider({
+  children,
+  motion,
+  themes
+}) {
+  const configs = new Map(themes.map((entry) => [entry.id, entry.config]));
+  const inherited = useContext(MotionContext) !== NO_MOTION_PROVIDER;
+  return createElement(
+    ThemeContext.Provider,
+    { value: configs },
+    motion || !inherited ? createElement(
+      MotionProvider,
+      { tokens: motion ?? DEFAULT_MOTION },
+      children
+    ) : children
+  );
+}
+function missingTheme(id) {
+  return new Error(
+    `Theme "${id}" is missing. Ensure its theme configuration is provided to <ThemeProvider themes={[...]}> (e.g. in src/config/ or your theme setup).`
+  );
+}
+function useTheme(spec) {
+  const config = useContext(ThemeContext).get(spec.id);
+  if (!config) throw missingTheme(spec.id);
+  return {
+    slots: config.slots,
+    styles: config.styles ?? {}
+  };
+}
+function useMotionTokens() {
+  const state = useContext(MotionContext);
+  return useMemo(
+    () => ({ ...state.tokens, reduced: state.reduced }),
+    [state]
+  );
+}
+var resolvedMotion = /* @__PURE__ */ new WeakMap();
+function useModuleMotion(spec) {
+  const config = useContext(ThemeContext).get(spec.id);
+  const state = useContext(MotionContext);
+  if (!config) throw missingTheme(spec.id);
+  if (!config.motion || typeof config.motion !== "object") {
+    throw new Error(
+      `Motion for theme "${spec.id}" is missing. Add \`motion\` to its defineTheme(...) next to \`slots\` (start from the framework's templates/motion/).`
+    );
+  }
+  return resolveModuleMotion(state, config.motion);
+}
+function useOptionalModuleMotion(spec) {
+  const motion = useContext(ThemeContext).get(spec.id)?.motion;
+  const state = useContext(MotionContext);
+  if (!motion || typeof motion !== "object") return null;
+  return resolveModuleMotion(state, motion);
+}
+function resolveModuleMotion(state, motion) {
+  let byConfig = resolvedMotion.get(state);
+  if (!byConfig) {
+    byConfig = /* @__PURE__ */ new WeakMap();
+    resolvedMotion.set(state, byConfig);
+  }
+  if (!byConfig.has(motion)) {
+    byConfig.set(motion, retimeModuleMotion(motion, state));
+  }
+  return byConfig.get(motion);
+}
+function ModuleMotionConfig({ children }) {
+  const { tokens } = useContext(MotionContext);
+  return createElement(
+    MotionConfig,
+    { reducedMotion: tokens.reducedMotion },
+    children
+  );
+}
+
+export { ModuleMotionConfig, REDUCED_MOTION_TRANSITION, ThemeProvider, chip, contentSwap, contentSwapTransitions, cssEasing, cssTransition, defineMotion, defineTheme, defineThemeSpec, durationForDistance, gpuTransform, overlaySurface, press, retime, retimeModuleMotion, staggerDelay, surfaceResizeTransition, useModuleMotion, useMotionTokens, useOptionalModuleMotion, useTheme };
+//# sourceMappingURL=chunk-7TAVYJ3A.js.map
+//# sourceMappingURL=chunk-7TAVYJ3A.js.map

package/dist/chunk-7TAVYJ3A.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tokens/motion.ts","../src/tokens/motion-config.ts","../src/theme.tsx"],"names":[],"mappings":"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","file":"chunk-7TAVYJ3A.js","sourcesContent":["// Builders for the motion an app writes in its theme files. They hold shapes\n// (travel, scale, how a duration grows with distance), never the app's timing:\n// every duration, easing and spring is passed in.\n\nexport const REDUCED_MOTION_TRANSITION = Object.freeze({\n  duration: 0.08,\n  ease: \"linear\",\n} as const);\n\ntype Ease = readonly [number, number, number, number];\n\ntype TweenOptions = {\n  duration: number;\n  exitDuration: number;\n  enterEase: Ease;\n  exitEase: Ease;\n};\n\ntype Spring = {\n  type?: \"spring\";\n  stiffness: number;\n  damping: number;\n  mass: number;\n};\n\nfunction tween(duration: number, ease: Ease) {\n  return Object.freeze({ type: \"tween\" as const, duration, ease });\n}\n\nfunction safeNumber(value: unknown, fallback: number): number {\n  const source =\n    value &&\n    typeof value === \"object\" &&\n    \"get\" in value &&\n    typeof value.get === \"function\"\n      ? value.get()\n      : value;\n  const number = Number.parseFloat(String(source));\n  return Number.isFinite(number) ? number : fallback;\n}\n\nexport function gpuTransform(\n  y: unknown = 0,\n  scale: unknown = 1,\n  x: unknown = 0,\n): string {\n  const translateY = Math.round(safeNumber(y, 0));\n  const translateX = Math.round(safeNumber(x, 0));\n  const scaleValue = Math.round(safeNumber(scale, 1) * 1000) / 1000;\n  return `translate3d(${translateX}px, ${translateY}px, 0) scale(${scaleValue})`;\n}\n\nexport function durationForDistance(\n  distancePx: number,\n  {\n    base,\n    min,\n    max,\n    reference = 320,\n    gain = 0.22,\n  }: {\n    base: number;\n    min: number;\n    max: number;\n    reference?: number;\n    gain?: number;\n  },\n): number {\n  const distance = Math.abs(Number(distancePx) || 0);\n  const safeMin = Math.max(0, min);\n  const safeMax = Math.max(safeMin, max);\n  const safeReference = Math.max(1, reference);\n  const duration = base + Math.sqrt(distance / safeReference) * gain;\n  return Math.min(safeMax, Math.max(safeMin, duration));\n}\n\nexport function surfaceResizeTransition(\n  distancePx: number,\n  {\n    base,\n    min,\n    max,\n    reference = 320,\n    gain = 0.22,\n    ease,\n  }: {\n    base: number;\n    min: number;\n    max: number;\n    reference?: number;\n    gain?: number;\n    ease: Ease;\n  },\n) {\n  return tween(\n    durationForDistance(distancePx, { base, min, max, reference, gain }),\n    ease,\n  );\n}\n\nexport function contentSwapTransitions({\n  duration,\n  exitDuration,\n  enterEase,\n  exitEase,\n}: TweenOptions) {\n  return Object.freeze({\n    enter: tween(duration, enterEase),\n    exit: tween(exitDuration, exitEase),\n  });\n}\n\nexport function contentSwap({\n  travel = 6,\n  exitTravel = travel * 0.7,\n  enterScale = 0.99,\n  exitScale = 0.99,\n  ...transitionOptions\n}: TweenOptions & {\n  travel?: number;\n  exitTravel?: number;\n  enterScale?: number;\n  exitScale?: number;\n}) {\n  const transitions = contentSwapTransitions(transitionOptions);\n  return Object.freeze({\n    hidden: Object.freeze({\n      opacity: 0,\n      transform: gpuTransform(travel, enterScale),\n    }),\n    visible: Object.freeze({\n      opacity: 1,\n      transform: gpuTransform(0),\n      transition: transitions.enter,\n    }),\n    exit: Object.freeze({\n      opacity: 0,\n      transform: gpuTransform(-exitTravel, exitScale),\n      transition: transitions.exit,\n    }),\n  });\n}\n\nexport function overlaySurface({\n  travel = 16,\n  exitTravel = travel * 0.5,\n  enterScale = 0.97,\n  exitScale = 0.985,\n  duration,\n  exitDuration = duration * 0.68,\n  enterEase,\n  exitEase,\n}: {\n  travel?: number;\n  exitTravel?: number;\n  enterScale?: number;\n  exitScale?: number;\n  duration: number;\n  exitDuration?: number;\n  enterEase: Ease;\n  exitEase: Ease;\n}) {\n  const transitions = contentSwapTransitions({\n    duration,\n    exitDuration,\n    enterEase,\n    exitEase,\n  });\n\n  return Object.freeze({\n    hidden: Object.freeze({\n      opacity: 0,\n      transform: gpuTransform(travel, enterScale),\n    }),\n    visible: Object.freeze({\n      opacity: 1,\n      transform: gpuTransform(0),\n      transition: transitions.enter,\n    }),\n    exit: Object.freeze({\n      opacity: 0,\n      transform: gpuTransform(exitTravel, exitScale),\n      transition: transitions.exit,\n    }),\n  });\n}\n\nexport function staggerDelay(\n  index: number,\n  { base = 0.028, cap = 0.16, exponent = 0.82 } = {},\n): number {\n  const safeIndex = Math.max(0, Number(index) || 0);\n  return Math.min(cap, base * Math.pow(safeIndex, exponent));\n}\n\nexport function chip({\n  duration,\n  exitDuration,\n  enterEase,\n  exitEase,\n}: TweenOptions) {\n  const transitions = contentSwapTransitions({\n    duration,\n    exitDuration,\n    enterEase,\n    exitEase,\n  });\n  return Object.freeze({\n    hidden: Object.freeze({ opacity: 0, transform: gpuTransform(0, 0.96) }),\n    visible: Object.freeze({\n      opacity: 1,\n      transform: gpuTransform(0),\n      transition: transitions.enter,\n    }),\n    exit: Object.freeze({\n      opacity: 0,\n      transform: gpuTransform(0, 0.96),\n      transition: transitions.exit,\n    }),\n  });\n}\n\nexport function press({\n  tapScale,\n  spring,\n}: {\n  tapScale: number;\n  spring: Spring;\n}) {\n  return Object.freeze({\n    variants: Object.freeze({\n      idle: Object.freeze({ transform: gpuTransform(0, 1) }),\n      hover: Object.freeze({ transform: gpuTransform(0, 1) }),\n      tap: Object.freeze({ transform: gpuTransform(0, tapScale) }),\n    }),\n    transition: Object.freeze({ type: \"spring\" as const, ...spring }),\n  });\n}\n","import { REDUCED_MOTION_TRANSITION } from \"./motion\";\n\n// Motion is owned by the app, like its styles. The app names its own\n// durations, easings and springs and writes every module's motion with them;\n// the framework only reads the tempo and the reduced-motion policy, and applies\n// both to whatever the app wrote.\n\nexport type MotionEase = readonly [number, number, number, number];\n\nexport type ReducedMotionPolicy = \"user\" | \"always\" | \"never\";\n\nexport interface MotionSpring {\n  readonly type?: \"spring\";\n  readonly stiffness?: number;\n  readonly damping?: number;\n  readonly mass?: number;\n  readonly bounce?: number;\n  readonly visualDuration?: number;\n}\n\nexport interface MotionTokensInput {\n  /** Stretches every module duration, delay, stagger, timer and spring. */\n  readonly tempo?: number;\n  /** \"user\" follows the OS setting. */\n  readonly reducedMotion?: ReducedMotionPolicy;\n  readonly durations?: Readonly<Record<string, number>>;\n  readonly easings?: Readonly<Record<string, MotionEase>>;\n  readonly springs?: Readonly<Record<string, MotionSpring>>;\n}\n\nexport type MotionTokens<T extends MotionTokensInput = MotionTokensInput> =\n  Readonly<\n    Omit<T, \"tempo\" | \"reducedMotion\"> & {\n      tempo: number;\n      reducedMotion: ReducedMotionPolicy;\n    }\n  >;\n\nexport function defineMotion<T extends MotionTokensInput>(\n  tokens: T,\n): MotionTokens<T> {\n  const tempo = tokens.tempo ?? 1;\n  if (!Number.isFinite(tempo) || tempo <= 0) {\n    throw new Error(`Motion tempo must be a positive number, got ${tempo}.`);\n  }\n  return Object.freeze({\n    ...tokens,\n    tempo,\n    reducedMotion: tokens.reducedMotion ?? \"user\",\n  }) as MotionTokens<T>;\n}\n\nexport interface MotionClock {\n  readonly tempo: number;\n  readonly reduced: boolean;\n}\n\nconst TIME_KEYS = [\n  \"duration\",\n  \"delay\",\n  \"delayChildren\",\n  \"staggerChildren\",\n  \"repeatDelay\",\n  \"visualDuration\",\n] as const;\n\nconst REDUCED = Object.freeze({\n  type: \"tween\" as const,\n  ...REDUCED_MOTION_TRANSITION,\n});\n\ntype Plain = Record<string, unknown>;\n\nfunction isPlainObject(value: unknown): value is Plain {\n  if (!value || typeof value !== \"object\" || Array.isArray(value)) return false;\n  const prototype = Object.getPrototypeOf(value);\n  return prototype === Object.prototype || prototype === null;\n}\n\nfunction isSpring(value: Plain): boolean {\n  return (\n    value.type === \"spring\" ||\n    typeof value.stiffness === \"number\" ||\n    typeof value.damping === \"number\"\n  );\n}\n\nfunction isTransition(value: Plain): boolean {\n  return (\n    isSpring(value) ||\n    TIME_KEYS.some((key) => typeof value[key] === \"number\")\n  );\n}\n\nfunction retimeTransition(value: Plain, clock: MotionClock): Plain {\n  if (clock.reduced) return { ...REDUCED };\n  const { tempo } = clock;\n  const next: Plain = {};\n  for (const [key, entry] of Object.entries(value)) {\n    next[key] = isPlainObject(entry) ? retimeNode(entry, clock) : entry;\n  }\n  for (const key of TIME_KEYS) {\n    if (typeof value[key] === \"number\") next[key] = (value[key] as number) * tempo;\n  }\n  // A spring takes tempo× as long at the same damping ratio when its\n  // stiffness falls by tempo² and its damping by tempo.\n  if (typeof value.stiffness === \"number\") {\n    next.stiffness = value.stiffness / (tempo * tempo);\n  }\n  if (typeof value.damping === \"number\") next.damping = value.damping / tempo;\n  return next;\n}\n\nfunction retimeNode(value: unknown, clock: MotionClock): unknown {\n  if (typeof value === \"function\") {\n    const fn = value as (...args: unknown[]) => unknown;\n    return (...args: unknown[]) => retimeNode(fn(...args), clock);\n  }\n  if (!isPlainObject(value)) return value;\n  if (isTransition(value)) return retimeTransition(value, clock);\n  const next: Plain = {};\n  for (const [key, entry] of Object.entries(value)) {\n    next[key] = retimeNode(entry, clock);\n  }\n  return next;\n}\n\n/** Applies tempo, or the reduced-motion collapse, to transitions anywhere in a motion tree. */\nexport function retime<T>(value: T, clock: MotionClock): T {\n  if (clock.tempo === 1 && !clock.reduced) return value;\n  return retimeNode(value, clock) as T;\n}\n\nfunction retimeSeconds(value: unknown, clock: MotionClock): unknown {\n  if (typeof value === \"number\") {\n    return clock.reduced\n      ? Math.min(value, REDUCED.duration)\n      : value * clock.tempo;\n  }\n  if (!isPlainObject(value)) return value;\n  const next: Plain = {};\n  for (const [key, entry] of Object.entries(value)) {\n    next[key] = retimeSeconds(entry, clock);\n  }\n  return next;\n}\n\n/**\n * Retimes a module's resolved motion. Every number under its `timings` key is\n * seconds (choreography timers, staggers); everything else is walked for\n * transitions.\n */\nexport function retimeModuleMotion<M>(motion: M, clock: MotionClock): M {\n  if (clock.tempo === 1 && !clock.reduced) return motion;\n  if (!isPlainObject(motion)) return retime(motion, clock);\n  const next: Plain = {};\n  for (const [key, entry] of Object.entries(motion)) {\n    next[key] =\n      key === \"timings\" ? retimeSeconds(entry, clock) : retimeNode(entry, clock);\n  }\n  return next as M;\n}\n\nexport function cssEasing(ease: unknown): string {\n  if (Array.isArray(ease)) return `cubic-bezier(${ease.join(\", \")})`;\n  if (typeof ease === \"string\" && ease.trim()) return ease;\n  return \"ease\";\n}\n\n/** A CSS `transition` value for one property, from a motion tween. */\nexport function cssTransition(\n  property: string,\n  transition: { duration?: number; delay?: number; ease?: unknown },\n): string {\n  const duration = `${Math.round((transition.duration ?? 0) * 1000)}ms`;\n  const delay = transition.delay\n    ? ` ${Math.round(transition.delay * 1000)}ms`\n    : \"\";\n  return `${property} ${duration} ${cssEasing(transition.ease)}${delay}`;\n}\n","\"use client\";\n\nimport {\n  createElement,\n  useContext,\n  useMemo,\n  type CSSProperties,\n  type ReactNode,\n} from \"react\";\nimport { MotionConfig, useReducedMotion } from \"motion/react\";\nimport { getOrCreateGlobalContext } from \"@/kernel\";\nimport {\n  defineMotion,\n  retimeModuleMotion,\n  type MotionClock,\n  type MotionTokens,\n} from \"@/tokens\";\n\n/**\n * A module's theme contract: the slots it styles and, for modules that\n * animate, the motion it plays. Both are written by the app.\n */\nexport interface ThemeSpec<S extends string = string, M = never> {\n  readonly id: string;\n  readonly _slots?: S;\n  readonly _motion?: M;\n}\n\ninterface ThemeVisuals<S extends string> {\n  slots: Readonly<Record<S, string>>;\n  styles?: Readonly<Partial<Record<S, CSSProperties>>>;\n}\n\nexport type ThemeConfig<S extends string, M = never> = ThemeVisuals<S> &\n  ([M] extends [never] ? { motion?: undefined } : { motion: M });\n\nexport interface ResolvedTheme<S extends string> {\n  readonly slots: Readonly<Record<S, string>>;\n  readonly styles: Readonly<Partial<Record<S, CSSProperties>>>;\n}\n\nexport interface ThemeEntry {\n  readonly id: string;\n  readonly config: ThemeVisuals<string> & { motion?: unknown };\n}\n\nexport function defineThemeSpec<S extends string, M = never>(\n  id: string,\n): ThemeSpec<S, M> {\n  return Object.freeze({ id });\n}\n\nexport function defineTheme<S extends string, M = never>(\n  spec: ThemeSpec<S, M>,\n  config: ThemeConfig<NoInfer<S>, NoInfer<M>>,\n): ThemeEntry {\n  return { id: spec.id, config: config as ThemeEntry[\"config\"] };\n}\n\nconst EMPTY: ReadonlyMap<string, ThemeEntry[\"config\"]> = new Map();\nconst ThemeContext = getOrCreateGlobalContext<\n  ReadonlyMap<string, ThemeEntry[\"config\"]>\n>(\"ThemeContext\", EMPTY);\n\ninterface MotionState extends MotionClock {\n  readonly tokens: MotionTokens;\n}\n\nconst DEFAULT_MOTION = defineMotion({});\nconst NO_MOTION_PROVIDER: MotionState = Object.freeze({\n  reduced: false,\n  tempo: 1,\n  tokens: DEFAULT_MOTION,\n});\nconst MotionContext = getOrCreateGlobalContext<MotionState>(\n  \"MotionContext\",\n  NO_MOTION_PROVIDER,\n);\n\nfunction MotionProvider({\n  children,\n  tokens,\n}: {\n  children?: ReactNode;\n  tokens: MotionTokens;\n}) {\n  const prefersReduced = useReducedMotion() === true;\n  const reduced =\n    tokens.reducedMotion === \"always\" ||\n    (tokens.reducedMotion === \"user\" && prefersReduced);\n  const state = useMemo<MotionState>(\n    () => Object.freeze({ reduced, tempo: tokens.tempo, tokens }),\n    [reduced, tokens],\n  );\n  return createElement(MotionContext.Provider, { value: state }, children);\n}\n\nexport function ThemeProvider({\n  children,\n  motion,\n  themes,\n}: {\n  children?: ReactNode;\n  /** The app's motion tokens, from `defineMotion` (tempo, reduced-motion policy, vocabulary). */\n  motion?: MotionTokens;\n  themes: readonly ThemeEntry[];\n}) {\n  const configs = new Map(themes.map((entry) => [entry.id, entry.config]));\n  // A nested ThemeProvider without motion keeps the app's motion from above.\n  const inherited = useContext(MotionContext) !== NO_MOTION_PROVIDER;\n  return createElement(\n    ThemeContext.Provider,\n    { value: configs },\n    motion || !inherited\n      ? createElement(\n          MotionProvider,\n          { tokens: motion ?? DEFAULT_MOTION },\n          children,\n        )\n      : children,\n  );\n}\n\nfunction missingTheme(id: string): Error {\n  return new Error(\n    `Theme \"${id}\" is missing. Ensure its theme configuration is provided to <ThemeProvider themes={[...]}> (e.g. in src/config/ or your theme setup).`,\n  );\n}\n\nexport function useTheme<S extends string>(\n  spec: ThemeSpec<S, unknown>,\n): ResolvedTheme<S> {\n  const config = useContext(ThemeContext).get(spec.id);\n  if (!config) throw missingTheme(spec.id);\n  return {\n    slots: config.slots,\n    styles: config.styles ?? {},\n  } as ResolvedTheme<S>;\n}\n\nexport { useTheme as useModuleTheme };\n\n/** The app's motion tokens, plus whether reduced motion is in effect. */\nexport function useMotionTokens<\n  T extends MotionTokens = MotionTokens,\n>(): T & { readonly reduced: boolean } {\n  const state = useContext(MotionContext);\n  return useMemo(\n    () => ({ ...(state.tokens as T), reduced: state.reduced }),\n    [state],\n  );\n}\n\nconst resolvedMotion = new WeakMap<MotionState, WeakMap<object, unknown>>();\n\n/**\n * The motion a module plays, as the app wrote it in `defineTheme(spec, { motion })`,\n * retimed by the app's tempo or collapsed for reduced motion. Stable per\n * (tokens, theme) so it can be a dependency.\n */\nexport function useModuleMotion<M>(spec: ThemeSpec<string, M>): M {\n  const config = useContext(ThemeContext).get(spec.id);\n  const state = useContext(MotionContext);\n  if (!config) throw missingTheme(spec.id);\n  if (!config.motion || typeof config.motion !== \"object\") {\n    throw new Error(\n      `Motion for theme \"${spec.id}\" is missing. Add \\`motion\\` to its defineTheme(...) next to \\`slots\\` (start from the framework's templates/motion/).`,\n    );\n  }\n  return resolveModuleMotion(state, config.motion) as M;\n}\n\n/** Like useModuleMotion, but null when the app hasn't themed the module. */\nexport function useOptionalModuleMotion<M>(\n  spec: ThemeSpec<string, M>,\n): M | null {\n  const motion = useContext(ThemeContext).get(spec.id)?.motion;\n  const state = useContext(MotionContext);\n  if (!motion || typeof motion !== \"object\") return null;\n  return resolveModuleMotion(state, motion) as M;\n}\n\nfunction resolveModuleMotion(state: MotionState, motion: object): unknown {\n  let byConfig = resolvedMotion.get(state);\n  if (!byConfig) {\n    byConfig = new WeakMap();\n    resolvedMotion.set(state, byConfig);\n  }\n  if (!byConfig.has(motion)) {\n    byConfig.set(motion, retimeModuleMotion(motion, state));\n  }\n  return byConfig.get(motion);\n}\n\n/**\n * Applies the app's reduced-motion policy to the motion components inside a\n * module (positional values such as width, height, x and scale jump instead of\n * animating). CoreProvider wraps every module backdrop and overlay in it.\n */\nexport function ModuleMotionConfig({ children }: { children?: ReactNode }) {\n  const { tokens } = useContext(MotionContext);\n  return createElement(\n    MotionConfig,\n    { reducedMotion: tokens.reducedMotion },\n    children,\n  );\n}\n"]}