@mieweb/ui 0.10.0-dev.31 → 0.10.0-dev.33

package/dist/{chunk-GBUVIGD5.js → chunk-F3EWRDIT.js}

@@ -1,3 +1,4 @@
+import * as React from 'react';
 import { useState, useEffect, useCallback } from 'react';
 
 // src/hooks/useDirection.ts
@@ -210,7 +211,102 @@ function useIsLargeDesktop() {
 function useIsMobileOrTablet() {
   return useMediaQuery("(max-width: 1023px)");
 }
+function mergeOrder(saved, ids) {
+  if (!saved) return ids;
+  const known = new Set(ids);
+  const kept = [...new Set(saved)].filter((id) => known.has(id));
+  const keptSet = new Set(kept);
+  return [...kept, ...ids.filter((id) => !keptSet.has(id))];
+}
+function useOrderPersistence(ids, { load, save, debounceMs = 500, onError }) {
+  const [saved, setSaved] = React.useState(null);
+  const callbacks = React.useRef({ load, save, onError });
+  callbacks.current = { load, save, onError };
+  const pending = React.useRef(null);
+  const timer = React.useRef(
+    void 0
+  );
+  const touched = React.useRef(false);
+  const saving = React.useRef(0);
+  const lastStarted = React.useRef(null);
+  const overlapped = React.useRef(false);
+  const flush = React.useCallback(function flushPending(force = false) {
+    clearTimeout(timer.current);
+    const next = pending.current;
+    if (!next || saving.current > 0 && !force) return;
+    pending.current = null;
+    if (saving.current > 0) overlapped.current = true;
+    saving.current += 1;
+    lastStarted.current = next;
+    const { save: run, onError: fail } = callbacks.current;
+    let result;
+    try {
+      result = run(next);
+    } catch (e) {
+      result = Promise.reject(e);
+    }
+    void Promise.resolve(result).catch((e) => fail?.(e)).finally(() => {
+      saving.current -= 1;
+      if (saving.current > 0) return;
+      if (overlapped.current) {
+        overlapped.current = false;
+        pending.current ??= lastStarted.current;
+      }
+      flushPending();
+    });
+  }, []);
+  React.useEffect(() => {
+    let active = true;
+    const { load: read, onError: fail } = callbacks.current;
+    Promise.resolve().then(read).then((value) => {
+      if (active && value && !touched.current) setSaved(value);
+    }).catch((e) => fail?.(e));
+    return () => {
+      active = false;
+      flush();
+    };
+  }, [flush]);
+  React.useEffect(() => {
+    const onPageHide = () => flush(true);
+    window.addEventListener("pagehide", onPageHide);
+    return () => window.removeEventListener("pagehide", onPageHide);
+  }, [flush]);
+  const setOrder = React.useCallback(
+    (next) => {
+      touched.current = true;
+      setSaved(next);
+      pending.current = next;
+      clearTimeout(timer.current);
+      timer.current = setTimeout(flush, debounceMs);
+    },
+    [debounceMs, flush]
+  );
+  const order = React.useMemo(() => mergeOrder(saved, ids), [saved, ids]);
+  return { order, setOrder };
+}
+function localStorageOrderAdapter(key) {
+  return {
+    load: () => {
+      try {
+        if (typeof window === "undefined") return null;
+        const raw = JSON.parse(
+          window.localStorage.getItem(key) ?? "null"
+        );
+        return Array.isArray(raw) && raw.every((v) => typeof v === "string") ? raw : null;
+      } catch {
+        return null;
+      }
+    },
+    save: (order) => {
+      try {
+        if (typeof window !== "undefined")
+          window.localStorage.setItem(key, JSON.stringify(order));
+      } catch {
+      }
+    }
+  };
+}
 
-export { KEYBOARD_INSET_VAR, KEYBOARD_OPEN_ATTRIBUTE, KEYBOARD_SOURCE_ATTRIBUTE, RTL_LOCALES, VISUAL_VIEWPORT_HEIGHT_VAR, VISUAL_VIEWPORT_OFFSET_TOP_VAR, isRtlLocale, useCommandK, useDirection, useIsDesktop, useIsLargeDesktop, useIsMobile, useIsMobileOrTablet, useIsSmallTablet, useIsTablet, useKeyboardInset, useKeyboardShortcut, useMediaQuery };
-//# sourceMappingURL=chunk-GBUVIGD5.js.map
-//# sourceMappingURL=chunk-GBUVIGD5.js.map
+export { KEYBOARD_INSET_VAR, KEYBOARD_OPEN_ATTRIBUTE, KEYBOARD_SOURCE_ATTRIBUTE, RTL_LOCALES, VISUAL_VIEWPORT_HEIGHT_VAR, VISUAL_VIEWPORT_OFFSET_TOP_VAR, isRtlLocale, localStorageOrderAdapter, mergeOrder, useCommandK, useDirection, useIsDesktop, useIsLargeDesktop, useIsMobile, useIsMobileOrTablet, useIsSmallTablet, useIsTablet, useKeyboardInset, useKeyboardShortcut, useMediaQuery, useOrderPersistence };
+//# sourceMappingURL=chunk-F3EWRDIT.js.map
+//# sourceMappingURL=chunk-F3EWRDIT.js.map

package/dist/chunk-F3EWRDIT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useDirection.ts","../src/hooks/useKeyboardInset.ts","../src/hooks/useKeyboardShortcut.ts","../src/hooks/useMediaQuery.ts","../src/hooks/useOrderPersistence.ts"],"names":["useState","useEffect"],"mappings":"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","file":"chunk-F3EWRDIT.js","sourcesContent":["import { useState, useEffect } from 'react';\nimport type { RefObject } from 'react';\n\nexport type Direction = 'ltr' | 'rtl';\n\n/** Locales whose primary script reads right-to-left. */\nexport const RTL_LOCALES = ['ar', 'he', 'fa', 'ur'] as const;\n\n/**\n * Returns true when the given locale (e.g. `ar`, `ar-SA`, `he_IL`) uses a\n * right-to-left script.\n */\nexport function isRtlLocale(locale: string): boolean {\n  const lang = locale.toLowerCase().split(/[-_]/)[0];\n  return (RTL_LOCALES as readonly string[]).includes(lang);\n}\n\nfunction resolveDirection(element?: HTMLElement | null): Direction {\n  if (typeof document === 'undefined') return 'ltr';\n  const target = element ?? document.documentElement;\n  return getComputedStyle(target).direction === 'rtl' ? 'rtl' : 'ltr';\n}\n\n/**\n * Hook returning the effective text direction (`ltr` | `rtl`) inherited from\n * the nearest `dir` attribute — zero setup for consumers who set\n * `<html dir=\"rtl\">`.\n *\n * Use for JS-level direction logic that CSS logical properties can't cover:\n * inverting ArrowLeft/ArrowRight keyboard handling, popover/toast placement,\n * drag math, etc.\n *\n * @param elementRef - Optional ref; when provided, direction is resolved from\n *   that element (respecting any local `dir` override) instead of `<html>`.\n *\n * @example\n * ```tsx\n * const direction = useDirection();\n * const nextKey = direction === 'rtl' ? 'ArrowLeft' : 'ArrowRight';\n * ```\n */\nexport function useDirection(\n  elementRef?: RefObject<HTMLElement | null>\n): Direction {\n  const [direction, setDirection] = useState<Direction>(() =>\n    resolveDirection(elementRef?.current)\n  );\n\n  useEffect(() => {\n    const update = () => setDirection(resolveDirection(elementRef?.current));\n    update();\n    // dir changes are rare; observing the whole tree for just this attribute is cheap.\n    const observer = new MutationObserver(update);\n    observer.observe(document.documentElement, {\n      attributes: true,\n      attributeFilter: ['dir'],\n      subtree: true,\n    });\n    return () => observer.disconnect();\n  }, [elementRef]);\n\n  // Re-sync when a re-render points elementRef.current at a different node:\n  // the MutationObserver only fires on `dir` attribute mutations, so a swapped\n  // ref target with a different inherited direction would otherwise go stale.\n  const currentElement = elementRef?.current ?? null;\n  useEffect(() => {\n    setDirection(resolveDirection(currentElement));\n  }, [currentElement]);\n\n  return direction;\n}\n","import { useEffect, useState } from 'react';\n\n/** CSS custom properties written to `<html>` while the hook is mounted. */\nexport const KEYBOARD_INSET_VAR = '--mieweb-keyboard-inset';\nexport const VISUAL_VIEWPORT_HEIGHT_VAR = '--mieweb-visual-viewport-height';\nexport const VISUAL_VIEWPORT_OFFSET_TOP_VAR =\n  '--mieweb-visual-viewport-offset-top';\n/** Boolean attribute set on `<html>` while an on-screen keyboard is open. */\nexport const KEYBOARD_OPEN_ATTRIBUTE = 'data-keyboard-open';\n/** Attribute on `<html>` naming the active {@link KeyboardInsetSource}. */\nexport const KEYBOARD_SOURCE_ATTRIBUTE = 'data-keyboard-source';\n\n/**\n * Where keyboard metrics come from.\n *\n * - `'visual-viewport'` — the Visual Viewport API. Works in any browser, but\n *   iOS only reports the keyboard once its slide-in animation has finished.\n * - `'native'` — `keyboardWillShow` / `keyboardWillHide` window events with a\n *   `keyboardHeight` property, as fired by `cordova-plugin-ionic-keyboard` and\n *   Capacitor's Keyboard plugin. They arrive *before* the keyboard animates,\n *   so layout can move in step with it.\n */\nexport type KeyboardInsetSource = 'visual-viewport' | 'native';\n\nexport interface KeyboardInsetState {\n  /** Pixels of the layout viewport covered by the on-screen keyboard. */\n  keyboardInset: number;\n  /** Whether an on-screen keyboard currently covers part of the page. */\n  isKeyboardOpen: boolean;\n}\n\nexport interface UseKeyboardInsetOptions {\n  /** Track the keyboard; `false` stops tracking and clears the CSS variables. @default true */\n  enabled?: boolean;\n  /** Where keyboard metrics come from. @default 'visual-viewport' */\n  source?: KeyboardInsetSource;\n}\n\ninterface NativeKeyboardEvent extends Event {\n  keyboardHeight?: number;\n}\n\nconst CLOSED: KeyboardInsetState = { keyboardInset: 0, isKeyboardOpen: false };\n\n/**\n * Tracks the on-screen keyboard and publishes it on `<html>`.\n *\n * ### `source: 'native'` (Cordova / Capacitor apps)\n *\n * Listens for the native keyboard plugin's `keyboardWillShow` /\n * `keyboardWillHide` window events. Configure the plugin so the WebView is\n * neither resized nor panned (for `cordova-plugin-ionic-keyboard`:\n * `KeyboardResize=false`), keep the app shell at full height, and move only\n * the composer dock by `--mieweb-keyboard-inset` with a short transition\n * (~250ms) so it rides up with the keyboard. Only `--mieweb-keyboard-inset`,\n * `data-keyboard-open` and `data-keyboard-source` are published; the\n * visual-viewport variables stay unset.\n *\n * ### `source: 'visual-viewport'` (browsers, default)\n *\n * Uses the Visual Viewport API.\n *\n * iOS Safari and WKWebView (Cordova) ignore\n * `interactive-widget=resizes-content`, and `dvh` does not shrink for the\n * keyboard: the page keeps its full height and iOS pans the visual viewport\n * to reveal the focused input, pushing headers off-screen. This hook\n * measures what is actually visible and publishes it on `<html>` so an app\n * shell can follow the visible area instead:\n *\n * - `--mieweb-keyboard-inset` — keyboard height in px (0 when closed)\n * - `--mieweb-visual-viewport-height` — visible height in px\n * - `--mieweb-visual-viewport-offset-top` — how far iOS panned the page\n * - `data-keyboard-open` — present while the keyboard is open\n *\n * On browsers that already resize the layout for the keyboard (Chrome on\n * Android with `interactive-widget=resizes-content`) the inset stays 0 and\n * the variables simply mirror the layout viewport.\n *\n * iOS reports the visual viewport only after the keyboard has finished\n * animating, so a shell sized this way snaps into place once the keyboard\n * lands. Prefer `source: 'native'` wherever a native keyboard plugin exists.\n *\n * Mount it once, near the app root.\n *\n * @example\n * ```tsx\n * function AppShell({ children }) {\n *   useKeyboardInset();\n *   return (\n *     <div\n *       style={{\n *         height: 'var(--mieweb-visual-viewport-height, 100dvh)',\n *         transform: 'translateY(var(--mieweb-visual-viewport-offset-top, 0px))',\n *       }}\n *     >\n *       {children}\n *     </div>\n *   );\n * }\n * ```\n *\n * @example Native app (keyboard plugin with WebView resizing disabled)\n * ```tsx\n * function ComposerDock({ children }) {\n *   useKeyboardInset({ source: 'native' });\n *   return (\n *     <div\n *       style={{\n *         paddingBottom: 'calc(var(--mieweb-keyboard-inset, 0px) + 0.5rem)',\n *         transition: 'padding-bottom 250ms ease',\n *       }}\n *     >\n *       {children}\n *     </div>\n *   );\n * }\n * ```\n */\nexport function useKeyboardInset(\n  options: UseKeyboardInsetOptions = {}\n): KeyboardInsetState {\n  const { enabled = true, source = 'visual-viewport' } = options;\n  const [state, setState] = useState<KeyboardInsetState>(CLOSED);\n\n  useEffect(() => {\n    if (!enabled || typeof window === 'undefined') return;\n    const root = document.documentElement;\n\n    const publish = (keyboardInset: number) => {\n      const isKeyboardOpen = keyboardInset > 0;\n      root.style.setProperty(KEYBOARD_INSET_VAR, `${keyboardInset}px`);\n      root.toggleAttribute(KEYBOARD_OPEN_ATTRIBUTE, isKeyboardOpen);\n      setState((previous) =>\n        previous.keyboardInset === keyboardInset\n          ? previous\n          : { keyboardInset, isKeyboardOpen }\n      );\n    };\n\n    const clear = () => {\n      root.style.removeProperty(KEYBOARD_INSET_VAR);\n      root.style.removeProperty(VISUAL_VIEWPORT_HEIGHT_VAR);\n      root.style.removeProperty(VISUAL_VIEWPORT_OFFSET_TOP_VAR);\n      root.removeAttribute(KEYBOARD_OPEN_ATTRIBUTE);\n      root.removeAttribute(KEYBOARD_SOURCE_ATTRIBUTE);\n      setState(CLOSED);\n    };\n\n    if (source === 'native') {\n      const handleWillShow = (event: Event) => {\n        publish(\n          Math.max(\n            0,\n            Math.round((event as NativeKeyboardEvent).keyboardHeight ?? 0)\n          )\n        );\n      };\n      const handleWillHide = () => publish(0);\n\n      root.setAttribute(KEYBOARD_SOURCE_ATTRIBUTE, source);\n      publish(0);\n      window.addEventListener('keyboardWillShow', handleWillShow);\n      window.addEventListener('keyboardWillHide', handleWillHide);\n\n      return () => {\n        window.removeEventListener('keyboardWillShow', handleWillShow);\n        window.removeEventListener('keyboardWillHide', handleWillHide);\n        clear();\n      };\n    }\n\n    const viewport = window.visualViewport;\n    if (!viewport) return;\n\n    let frame = 0;\n\n    const measure = () => {\n      frame = 0;\n      // Pinch-zoom shrinks the visual viewport too; that is not a keyboard.\n      const zoomed = Math.abs(viewport.scale - 1) > 0.01;\n      const keyboardInset = zoomed\n        ? 0\n        : Math.max(\n            0,\n            Math.round(\n              window.innerHeight - viewport.height - viewport.offsetTop\n            )\n          );\n\n      root.style.setProperty(\n        VISUAL_VIEWPORT_HEIGHT_VAR,\n        `${zoomed ? window.innerHeight : Math.round(viewport.height)}px`\n      );\n      root.style.setProperty(\n        VISUAL_VIEWPORT_OFFSET_TOP_VAR,\n        `${zoomed ? 0 : Math.round(viewport.offsetTop)}px`\n      );\n      publish(keyboardInset);\n    };\n\n    // Coalesce the resize + scroll bursts iOS fires while the keyboard\n    // animates into one write per frame.\n    const schedule = () => {\n      if (frame === 0) frame = requestAnimationFrame(measure);\n    };\n\n    root.setAttribute(KEYBOARD_SOURCE_ATTRIBUTE, source);\n    measure();\n    viewport.addEventListener('resize', schedule);\n    viewport.addEventListener('scroll', schedule);\n\n    return () => {\n      cancelAnimationFrame(frame);\n      viewport.removeEventListener('resize', schedule);\n      viewport.removeEventListener('scroll', schedule);\n      clear();\n    };\n  }, [enabled, source]);\n\n  return state;\n}\n","import { useEffect, useCallback } from 'react';\n\n/**\n * Options for keyboard shortcut hook\n */\nexport interface KeyboardShortcutOptions {\n  /** Whether the shortcut is currently enabled (default: true) */\n  enabled?: boolean;\n  /** Modifier keys required (default: none) */\n  modifiers?: {\n    ctrl?: boolean;\n    shift?: boolean;\n    alt?: boolean;\n    meta?: boolean;\n  };\n  /** Whether to prevent default browser behavior (default: true) */\n  preventDefault?: boolean;\n  /** Whether to stop event propagation (default: false) */\n  stopPropagation?: boolean;\n  /** Element types to ignore when the shortcut is pressed (default: ['INPUT', 'TEXTAREA', 'SELECT']) */\n  ignoreInputs?: boolean;\n}\n\n/**\n * Hook that triggers a callback when a specific keyboard shortcut is pressed.\n * Supports modifier keys (Ctrl, Shift, Alt, Meta) and ignores input fields by default.\n *\n * @param key - The key to listen for (e.g., 'k', 'Enter', 'Escape', '/')\n * @param callback - Function to call when the shortcut is pressed\n * @param options - Configuration options\n *\n * @example\n * ```tsx\n * // Cmd/Ctrl+K to open search\n * useKeyboardShortcut('k', openSearch, { modifiers: { meta: true, ctrl: true } });\n *\n * // Forward slash to focus search (ignoring when typing)\n * useKeyboardShortcut('/', focusSearch);\n *\n * // Escape to close modal\n * useKeyboardShortcut('Escape', closeModal);\n * ```\n */\nexport function useKeyboardShortcut(\n  key: string,\n  callback: (event: KeyboardEvent) => void,\n  options: KeyboardShortcutOptions = {}\n): void {\n  const {\n    enabled = true,\n    modifiers = {},\n    preventDefault = true,\n    stopPropagation = false,\n    ignoreInputs = true,\n  } = options;\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      // Check if we should ignore input fields\n      if (ignoreInputs) {\n        const target = event.target as HTMLElement;\n        const tagName = target.tagName.toUpperCase();\n        if (\n          tagName === 'INPUT' ||\n          tagName === 'TEXTAREA' ||\n          tagName === 'SELECT' ||\n          target.isContentEditable\n        ) {\n          return;\n        }\n      }\n\n      // Check modifiers\n      const { ctrl, shift, alt, meta } = modifiers;\n\n      // For Cmd+K style shortcuts, allow either meta (Mac) or ctrl (Windows/Linux)\n      const metaOrCtrl = meta || ctrl;\n      if (metaOrCtrl) {\n        if (!(event.metaKey || event.ctrlKey)) return;\n      } else {\n        // If no meta/ctrl modifier specified, ensure neither is pressed\n        if (event.metaKey || event.ctrlKey) return;\n      }\n\n      if (shift && !event.shiftKey) return;\n      if (alt && !event.altKey) return;\n\n      // Check key match (case-insensitive for letters)\n      const eventKey =\n        event.key.length === 1 ? event.key.toLowerCase() : event.key;\n      const targetKey = key.length === 1 ? key.toLowerCase() : key;\n      if (eventKey !== targetKey) return;\n\n      if (preventDefault) {\n        event.preventDefault();\n      }\n      if (stopPropagation) {\n        event.stopPropagation();\n      }\n\n      callback(event);\n    },\n    [key, callback, modifiers, preventDefault, stopPropagation, ignoreInputs]\n  );\n\n  useEffect(() => {\n    if (!enabled) return;\n\n    document.addEventListener('keydown', handleKeyDown);\n    return () => document.removeEventListener('keydown', handleKeyDown);\n  }, [handleKeyDown, enabled]);\n}\n\n/**\n * Hook for the common Cmd/Ctrl+K shortcut pattern (command palette, search, etc.)\n *\n * @param callback - Function to call when Cmd/Ctrl+K is pressed\n * @param enabled - Whether the shortcut is active (default: true)\n *\n * @example\n * ```tsx\n * useCommandK(() => setIsOpen(true));\n * ```\n */\nexport function useCommandK(callback: () => void, enabled = true): void {\n  useKeyboardShortcut('k', callback, {\n    enabled,\n    modifiers: { meta: true, ctrl: true },\n    ignoreInputs: false, // Cmd+K should work even in inputs\n  });\n}\n","import { useState, useEffect } from 'react';\n\n/**\n * Hook that tracks whether a media query matches.\n * Uses the native `matchMedia` API for efficient media query tracking.\n *\n * @param query - CSS media query string (e.g., '(min-width: 768px)')\n * @returns Boolean indicating whether the media query matches\n *\n * @example\n * ```tsx\n * function ResponsiveComponent() {\n *   const isMobile = useMediaQuery('(max-width: 767px)');\n *   const isTablet = useMediaQuery('(min-width: 768px) and (max-width: 1023px)');\n *   const isDesktop = useMediaQuery('(min-width: 1024px)');\n *\n *   return (\n *     <div>\n *       {isMobile && <MobileLayout />}\n *       {isTablet && <TabletLayout />}\n *       {isDesktop && <DesktopLayout />}\n *     </div>\n *   );\n * }\n * ```\n */\nexport function useMediaQuery(query: string): boolean {\n  // Initialize with null to indicate SSR/initial state\n  const [matches, setMatches] = useState<boolean>(() => {\n    // Check if we're in a browser environment\n    if (typeof window === 'undefined') return false;\n    return window.matchMedia(query).matches;\n  });\n\n  useEffect(() => {\n    if (typeof window === 'undefined') return;\n\n    const mediaQuery = window.matchMedia(query);\n\n    // Set initial value\n    setMatches(mediaQuery.matches);\n\n    // Handler for media query changes\n    const handler = (event: MediaQueryListEvent) => {\n      setMatches(event.matches);\n    };\n\n    // Modern browsers use addEventListener\n    if (mediaQuery.addEventListener) {\n      mediaQuery.addEventListener('change', handler);\n      return () => mediaQuery.removeEventListener('change', handler);\n    }\n\n    // Fallback for older browsers\n    mediaQuery.addListener(handler);\n    return () => mediaQuery.removeListener(handler);\n  }, [query]);\n\n  return matches;\n}\n\n/**\n * Preset breakpoint hooks following common responsive design patterns\n */\n\n/** Returns true when viewport is smaller than 640px (mobile) */\nexport function useIsMobile(): boolean {\n  return useMediaQuery('(max-width: 639px)');\n}\n\n/** Returns true when viewport is 640px-767px (large mobile / small tablet) */\nexport function useIsSmallTablet(): boolean {\n  return useMediaQuery('(min-width: 640px) and (max-width: 767px)');\n}\n\n/** Returns true when viewport is 768px-1023px (tablet) */\nexport function useIsTablet(): boolean {\n  return useMediaQuery('(min-width: 768px) and (max-width: 1023px)');\n}\n\n/** Returns true when viewport is 1024px or larger (desktop) */\nexport function useIsDesktop(): boolean {\n  return useMediaQuery('(min-width: 1024px)');\n}\n\n/** Returns true when viewport is 1280px or larger (large desktop) */\nexport function useIsLargeDesktop(): boolean {\n  return useMediaQuery('(min-width: 1280px)');\n}\n\n/** Returns true when viewport is smaller than 1024px (mobile/tablet) */\nexport function useIsMobileOrTablet(): boolean {\n  return useMediaQuery('(max-width: 1023px)');\n}\n","'use client';\n\nimport * as React from 'react';\n\nexport interface OrderPersistenceAdapter {\n  /** Previously saved order, or null when there is none */\n  load: () => string[] | null | Promise<string[] | null>;\n  save: (order: string[]) => void | Promise<void>;\n}\n\nexport interface UseOrderPersistenceOptions extends OrderPersistenceAdapter {\n  /** Delay before `save` runs; rapid changes collapse into one save. */\n  debounceMs?: number;\n  /** Called when `load` or `save` throws or rejects */\n  onError?: (error: unknown) => void;\n}\n\nexport interface UseOrderPersistenceReturn {\n  /** Saved order merged with the current `ids` */\n  order: string[];\n  /** Update the order immediately and schedule a debounced save */\n  setOrder: (order: string[]) => void;\n}\n\n/** Keep saved ids that still exist, then append new ids in their given order. */\nexport function mergeOrder(saved: string[] | null, ids: string[]): string[] {\n  if (!saved) return ids;\n  const known = new Set(ids);\n  const kept = [...new Set(saved)].filter((id) => known.has(id));\n  const keptSet = new Set(kept);\n  return [...kept, ...ids.filter((id) => !keptSet.has(id))];\n}\n\n/**\n * Persist a user's item order (sections, widgets, list rows) through any\n * storage. Updates are optimistic, saves are debounced and a pending save is\n * flushed on unmount and on `pagehide` (navigation, refresh, tab close). On\n * `pagehide` only work `save` starts synchronously is guaranteed — use\n * localStorage or `navigator.sendBeacon` there; an async `fetch` may be cut\n * off. `load` runs once after mount, so server and first client render use\n * `ids` order.\n *\n * @example\n * ```tsx\n * const adapter = React.useMemo(() => localStorageOrderAdapter('clinic-sections'), []);\n * const { order, setOrder } = useOrderPersistence(sectionIds, adapter);\n * const drag = useDragReorder({ ids: order, onReorder: setOrder });\n * ```\n */\nexport function useOrderPersistence(\n  ids: string[],\n  { load, save, debounceMs = 500, onError }: UseOrderPersistenceOptions\n): UseOrderPersistenceReturn {\n  const [saved, setSaved] = React.useState<string[] | null>(null);\n  const callbacks = React.useRef({ load, save, onError });\n  callbacks.current = { load, save, onError };\n  const pending = React.useRef<string[] | null>(null);\n  const timer = React.useRef<ReturnType<typeof setTimeout> | undefined>(\n    undefined\n  );\n  const touched = React.useRef(false);\n  // In-flight save count: `force` (pagehide) saves may overlap a normal one,\n  // so queued flushes resume only after every save settles.\n  const saving = React.useRef(0);\n  // When saves overlap, their completion order is unknown and a stale write\n  // could land last; the newest payload is saved once more after all settle.\n  const lastStarted = React.useRef<string[] | null>(null);\n  const overlapped = React.useRef(false);\n\n  // One save at a time; changes made meanwhile coalesce into the next save.\n  // `force` skips the queue for page unloads, where a queued save never runs.\n  const flush = React.useCallback(function flushPending(force = false) {\n    clearTimeout(timer.current);\n    const next = pending.current;\n    if (!next || (saving.current > 0 && !force)) return;\n    pending.current = null;\n    if (saving.current > 0) overlapped.current = true;\n    saving.current += 1;\n    lastStarted.current = next;\n    const { save: run, onError: fail } = callbacks.current;\n    let result: void | Promise<void>;\n    try {\n      result = run(next);\n    } catch (e) {\n      result = Promise.reject(e);\n    }\n    void Promise.resolve(result)\n      .catch((e: unknown) => fail?.(e))\n      .finally(() => {\n        saving.current -= 1;\n        if (saving.current > 0) return;\n        if (overlapped.current) {\n          overlapped.current = false;\n          pending.current ??= lastStarted.current;\n        }\n        flushPending();\n      });\n  }, []);\n\n  React.useEffect(() => {\n    let active = true;\n    const { load: read, onError: fail } = callbacks.current;\n    Promise.resolve()\n      .then(read)\n      .then((value) => {\n        // A change made while loading wins over the stored order\n        if (active && value && !touched.current) setSaved(value);\n      })\n      .catch((e: unknown) => fail?.(e));\n    return () => {\n      active = false;\n      flush();\n    };\n  }, [flush]);\n\n  React.useEffect(() => {\n    const onPageHide = () => flush(true);\n    window.addEventListener('pagehide', onPageHide);\n    return () => window.removeEventListener('pagehide', onPageHide);\n  }, [flush]);\n\n  const setOrder = React.useCallback(\n    (next: string[]) => {\n      touched.current = true;\n      setSaved(next);\n      pending.current = next;\n      clearTimeout(timer.current);\n      timer.current = setTimeout(flush, debounceMs);\n    },\n    [debounceMs, flush]\n  );\n\n  const order = React.useMemo(() => mergeOrder(saved, ids), [saved, ids]);\n  return { order, setOrder };\n}\n\n/** `useOrderPersistence` adapter backed by `localStorage` (no-op on the server or when storage is blocked). */\nexport function localStorageOrderAdapter(key: string): OrderPersistenceAdapter {\n  return {\n    load: () => {\n      try {\n        if (typeof window === 'undefined') return null;\n        const raw: unknown = JSON.parse(\n          window.localStorage.getItem(key) ?? 'null'\n        );\n        return Array.isArray(raw) && raw.every((v) => typeof v === 'string')\n          ? (raw as string[])\n          : null;\n      } catch {\n        return null;\n      }\n    },\n    save: (order) => {\n      try {\n        if (typeof window !== 'undefined')\n          window.localStorage.setItem(key, JSON.stringify(order));\n      } catch {\n        // Quota exceeded or storage disabled: keep the in-memory order\n      }\n    },\n  };\n}\n"]}

package/dist/{chunk-GVLNXPJX.js → chunk-FGLIP6YR.js}

@@ -1,5 +1,5 @@
-import { FenceBlock } from './chunk-QOVJ6Z6R.js';
-import { Button } from './chunk-7YO7DNUV.js';
+import { FenceBlock } from './chunk-HDY7YQFX.js';
+import { Button } from './chunk-WFBUBT54.js';
 import { Code, Eye, Maximize2 } from 'lucide-react';
 import { useState, useRef, useEffect, useCallback } from 'react';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
@@ -131,5 +131,5 @@ var HtmlPreviewBlock = ({
 };
 
 export { HtmlPreviewBlock };
-//# sourceMappingURL=chunk-GVLNXPJX.js.map
-//# sourceMappingURL=chunk-GVLNXPJX.js.map
+//# sourceMappingURL=chunk-FGLIP6YR.js.map
+//# sourceMappingURL=chunk-FGLIP6YR.js.map

package/dist/{chunk-GVLNXPJX.js.map → chunk-FGLIP6YR.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Markdown/HtmlPreviewBlock.tsx"],"names":[],"mappings":"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","file":"chunk-GVLNXPJX.js","sourcesContent":["/** Sandboxed iframe preview for HTML code blocks. */\nimport { Code, Eye, Maximize2 } from 'lucide-react';\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { Button } from '../Button';\nimport { FenceBlock } from './FenceBlock';\n\ninterface HtmlPreviewBlockProps {\n  code: string;\n  id: string;\n}\n\nfunction isFullDocument(html: string): boolean {\n  return /<!DOCTYPE|<html/i.test(html);\n}\n\nfunction wrapFragment(html: string): string {\n  return `<!DOCTYPE html>\n<html>\n<head><meta charset=\"utf-8\"><style>body{margin:0;padding:8px;font-family:system-ui,sans-serif;font-size:14px}</style></head>\n<body>${html}</body>\n</html>`;\n}\n\nexport const HtmlPreviewBlock: React.FC<HtmlPreviewBlockProps> = ({\n  code,\n  id,\n}) => {\n  const [showPreview, setShowPreview] = useState(false);\n  const [expanded, setExpanded] = useState(false);\n  const iframeRef = useRef<HTMLIFrameElement>(null);\n  const [iframeHeight, setIframeHeight] = useState(200);\n\n  const srcdoc = isFullDocument(code) ? code : wrapFragment(code);\n\n  useEffect(() => {\n    function handleMessage(event: globalThis.MessageEvent) {\n      // Sandboxed srcDoc iframes report origin \"null\"; validate source to prevent spoofing.\n      if (event.origin !== 'null' && event.origin !== window.location.origin)\n        return;\n      if (event.source !== iframeRef.current?.contentWindow) return;\n      if (event.data?.type === 'HTML_PREVIEW_RESIZE' && event.data?.id === id) {\n        setIframeHeight(Math.min(Math.max(event.data.height, 200), 4000));\n      }\n    }\n    window.addEventListener('message', handleMessage);\n    return () => window.removeEventListener('message', handleMessage);\n  }, [id]);\n\n  useEffect(() => {\n    if (!expanded) return;\n    function handleKey(e: KeyboardEvent) {\n      if (e.key === 'Escape') setExpanded(false);\n    }\n    document.addEventListener('keydown', handleKey);\n    return () => document.removeEventListener('keydown', handleKey);\n  }, [expanded]);\n\n  const togglePreview = useCallback(() => setShowPreview((v) => !v), []);\n\n  const headerActions = (\n    <>\n      <Button\n        variant=\"ghost\"\n        size=\"sm\"\n        onClick={togglePreview}\n        className=\"h-7 gap-1 px-2 text-xs\"\n      >\n        {showPreview ? (\n          <Code className=\"h-3 w-3\" />\n        ) : (\n          <Eye className=\"h-3 w-3\" />\n        )}\n        {showPreview ? 'Code' : 'Preview'}\n      </Button>\n      {showPreview && (\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          onClick={() => setExpanded(true)}\n          className=\"h-7 w-7 p-0\"\n          aria-label=\"Expand preview\"\n        >\n          <Maximize2 className=\"h-3 w-3\" />\n        </Button>\n      )}\n    </>\n  );\n\n  return (\n    <>\n      <FenceBlock code={code} language=\"html\" headerActions={headerActions}>\n        <div className=\"relative\">\n          {showPreview ? (\n            <iframe\n              ref={iframeRef}\n              srcDoc={srcdoc}\n              // `allow-scripts` lets previewed HTML run its own JS (charts, demos,\n              // and the optional resize-postMessage handshake). It is intentionally\n              // NOT paired with `allow-same-origin`, so the content runs in an\n              // opaque (null) origin with no access to this page, cookies, or storage.\n              sandbox=\"allow-scripts allow-forms\"\n              referrerPolicy=\"no-referrer\"\n              className=\"w-full border-0\"\n              style={{ height: iframeHeight }}\n              title=\"HTML Preview\"\n            />\n          ) : (\n            <pre className=\"overflow-x-auto p-3 text-sm\">\n              <code>{code}</code>\n            </pre>\n          )}\n        </div>\n      </FenceBlock>\n\n      {expanded && (\n        <div\n          className=\"fixed inset-0 z-50 flex items-center justify-center bg-black/50\"\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-label=\"HTML Preview\"\n        >\n          <button\n            type=\"button\"\n            aria-label=\"Close preview\"\n            className=\"absolute inset-0 h-full w-full cursor-default border-0 bg-transparent p-0\"\n            onClick={() => setExpanded(false)}\n          />\n          <div className=\"relative h-[90vh] w-[90vw] overflow-hidden rounded-lg bg-white shadow-xl dark:bg-neutral-900\">\n            <div className=\"flex items-center justify-between border-b border-neutral-200 px-4 py-2 dark:border-neutral-700\">\n              <span className=\"text-sm font-medium\">HTML Preview</span>\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                onClick={() => setExpanded(false)}\n              >\n                Close\n              </Button>\n            </div>\n            <iframe\n              srcDoc={srcdoc}\n              sandbox=\"allow-scripts allow-forms\"\n              referrerPolicy=\"no-referrer\"\n              className=\"h-full w-full border-0\"\n              title=\"HTML Preview (expanded)\"\n            />\n          </div>\n        </div>\n      )}\n    </>\n  );\n};\n"]}
+{"version":3,"sources":["../src/components/Markdown/HtmlPreviewBlock.tsx"],"names":[],"mappings":"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","file":"chunk-FGLIP6YR.js","sourcesContent":["/** Sandboxed iframe preview for HTML code blocks. */\nimport { Code, Eye, Maximize2 } from 'lucide-react';\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { Button } from '../Button';\nimport { FenceBlock } from './FenceBlock';\n\ninterface HtmlPreviewBlockProps {\n  code: string;\n  id: string;\n}\n\nfunction isFullDocument(html: string): boolean {\n  return /<!DOCTYPE|<html/i.test(html);\n}\n\nfunction wrapFragment(html: string): string {\n  return `<!DOCTYPE html>\n<html>\n<head><meta charset=\"utf-8\"><style>body{margin:0;padding:8px;font-family:system-ui,sans-serif;font-size:14px}</style></head>\n<body>${html}</body>\n</html>`;\n}\n\nexport const HtmlPreviewBlock: React.FC<HtmlPreviewBlockProps> = ({\n  code,\n  id,\n}) => {\n  const [showPreview, setShowPreview] = useState(false);\n  const [expanded, setExpanded] = useState(false);\n  const iframeRef = useRef<HTMLIFrameElement>(null);\n  const [iframeHeight, setIframeHeight] = useState(200);\n\n  const srcdoc = isFullDocument(code) ? code : wrapFragment(code);\n\n  useEffect(() => {\n    function handleMessage(event: globalThis.MessageEvent) {\n      // Sandboxed srcDoc iframes report origin \"null\"; validate source to prevent spoofing.\n      if (event.origin !== 'null' && event.origin !== window.location.origin)\n        return;\n      if (event.source !== iframeRef.current?.contentWindow) return;\n      if (event.data?.type === 'HTML_PREVIEW_RESIZE' && event.data?.id === id) {\n        setIframeHeight(Math.min(Math.max(event.data.height, 200), 4000));\n      }\n    }\n    window.addEventListener('message', handleMessage);\n    return () => window.removeEventListener('message', handleMessage);\n  }, [id]);\n\n  useEffect(() => {\n    if (!expanded) return;\n    function handleKey(e: KeyboardEvent) {\n      if (e.key === 'Escape') setExpanded(false);\n    }\n    document.addEventListener('keydown', handleKey);\n    return () => document.removeEventListener('keydown', handleKey);\n  }, [expanded]);\n\n  const togglePreview = useCallback(() => setShowPreview((v) => !v), []);\n\n  const headerActions = (\n    <>\n      <Button\n        variant=\"ghost\"\n        size=\"sm\"\n        onClick={togglePreview}\n        className=\"h-7 gap-1 px-2 text-xs\"\n      >\n        {showPreview ? (\n          <Code className=\"h-3 w-3\" />\n        ) : (\n          <Eye className=\"h-3 w-3\" />\n        )}\n        {showPreview ? 'Code' : 'Preview'}\n      </Button>\n      {showPreview && (\n        <Button\n          variant=\"ghost\"\n          size=\"sm\"\n          onClick={() => setExpanded(true)}\n          className=\"h-7 w-7 p-0\"\n          aria-label=\"Expand preview\"\n        >\n          <Maximize2 className=\"h-3 w-3\" />\n        </Button>\n      )}\n    </>\n  );\n\n  return (\n    <>\n      <FenceBlock code={code} language=\"html\" headerActions={headerActions}>\n        <div className=\"relative\">\n          {showPreview ? (\n            <iframe\n              ref={iframeRef}\n              srcDoc={srcdoc}\n              // `allow-scripts` lets previewed HTML run its own JS (charts, demos,\n              // and the optional resize-postMessage handshake). It is intentionally\n              // NOT paired with `allow-same-origin`, so the content runs in an\n              // opaque (null) origin with no access to this page, cookies, or storage.\n              sandbox=\"allow-scripts allow-forms\"\n              referrerPolicy=\"no-referrer\"\n              className=\"w-full border-0\"\n              style={{ height: iframeHeight }}\n              title=\"HTML Preview\"\n            />\n          ) : (\n            <pre className=\"overflow-x-auto p-3 text-sm\">\n              <code>{code}</code>\n            </pre>\n          )}\n        </div>\n      </FenceBlock>\n\n      {expanded && (\n        <div\n          className=\"fixed inset-0 z-50 flex items-center justify-center bg-black/50\"\n          role=\"dialog\"\n          aria-modal=\"true\"\n          aria-label=\"HTML Preview\"\n        >\n          <button\n            type=\"button\"\n            aria-label=\"Close preview\"\n            className=\"absolute inset-0 h-full w-full cursor-default border-0 bg-transparent p-0\"\n            onClick={() => setExpanded(false)}\n          />\n          <div className=\"relative h-[90vh] w-[90vw] overflow-hidden rounded-lg bg-white shadow-xl dark:bg-neutral-900\">\n            <div className=\"flex items-center justify-between border-b border-neutral-200 px-4 py-2 dark:border-neutral-700\">\n              <span className=\"text-sm font-medium\">HTML Preview</span>\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                onClick={() => setExpanded(false)}\n              >\n                Close\n              </Button>\n            </div>\n            <iframe\n              srcDoc={srcdoc}\n              sandbox=\"allow-scripts allow-forms\"\n              referrerPolicy=\"no-referrer\"\n              className=\"h-full w-full border-0\"\n              title=\"HTML Preview (expanded)\"\n            />\n          </div>\n        </div>\n      )}\n    </>\n  );\n};\n"]}

package/dist/chunk-FKGFOBC2.js

@@ -0,0 +1,314 @@
+import { withLocale } from './chunk-YGS2TRMP.js';
+import { usePendingOverrides } from './chunk-FTEZNCRI.js';
+import { RecordState } from './chunk-Y424YL55.js';
+import { Progress } from './chunk-CEQJGUAS.js';
+import { Checkbox } from './chunk-753Z3NXL.js';
+import { Avatar } from './chunk-TI3TQQ7F.js';
+import { accentClasses, toDateTime } from './chunk-3YBS4WUQ.js';
+import { Badge } from './chunk-BMSG4NBH.js';
+import { Button } from './chunk-WFBUBT54.js';
+import { cn } from './chunk-TQONQSJO.js';
+import * as React from 'react';
+import { DateTime } from 'luxon';
+import { Plus, CalendarClock } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var defaultActionPlanLabels = {
+  title: "Action plan",
+  progress: (done, total) => `${done} of ${total} complete`,
+  overdue: "Overdue",
+  todo: "To do",
+  inProgress: "In progress",
+  done: "Done",
+  addStep: "Add step",
+  loading: "Loading plan",
+  empty: "No steps yet",
+  error: "Could not load this plan",
+  retry: "Try again"
+};
+var STATUS_ORDER = ["in_progress", "todo", "done"];
+var SUB_HEADING = { h2: "h3", h3: "h4", h4: "h5" };
+var ActionPlan = React.forwardRef(
+  ({
+    items,
+    title,
+    loading = false,
+    error = null,
+    onRetry,
+    arrange = "manual",
+    now,
+    locale,
+    timeZone = "local",
+    onStatusChange,
+    onAdd,
+    onOpen,
+    getHref,
+    renderStepMeta,
+    emptyState,
+    labels,
+    classNames,
+    headingLevel: Heading = "h3",
+    className,
+    ...rest
+  }, ref) => {
+    const text = { ...defaultActionPlanLabels, ...labels };
+    const baseId = React.useId();
+    const [overrides, runStatus] = usePendingOverrides();
+    const today = (now ? DateTime.fromJSDate(now) : DateTime.now()).setZone(timeZone).startOf("day");
+    const statusOf = (step) => overrides.get(step.id) ?? step.status;
+    const statusLabel = {
+      todo: text.todo,
+      in_progress: text.inProgress,
+      done: text.done
+    };
+    const done = items.filter((s) => statusOf(s) === "done").length;
+    const dueOf = (step) => toDateTime(step.dueDate, timeZone);
+    const renderStep = (step) => {
+      const status = statusOf(step);
+      const pending = overrides.has(step.id);
+      const due = dueOf(step);
+      const overdue = status !== "done" && due !== null && due.startOf("day") < today;
+      const titleId = `${baseId}-step-${items.indexOf(step)}`;
+      const href = getHref?.(step.id, step);
+      const titleClasses = cn(
+        "text-sm font-medium",
+        status === "done" ? "text-muted-foreground line-through" : "text-foreground"
+      );
+      const focusRing = "rounded-sm hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring";
+      let titleNode = /* @__PURE__ */ jsx("span", { id: titleId, className: titleClasses, children: step.title });
+      if (href) {
+        titleNode = /* @__PURE__ */ jsx(
+          "a",
+          {
+            id: titleId,
+            href,
+            className: cn(titleClasses, focusRing),
+            onClick: (event) => {
+              if (!onOpen || event.metaKey || event.ctrlKey || event.shiftKey || event.button !== 0)
+                return;
+              event.preventDefault();
+              onOpen(step.id, step);
+            },
+            children: step.title
+          }
+        );
+      } else if (onOpen) {
+        titleNode = /* @__PURE__ */ jsx(
+          "button",
+          {
+            id: titleId,
+            type: "button",
+            className: cn(titleClasses, focusRing, "text-start"),
+            onClick: () => onOpen(step.id, step),
+            children: step.title
+          }
+        );
+      }
+      return /* @__PURE__ */ jsxs(
+        "li",
+        {
+          "data-slot": "action-plan-step",
+          "data-overdue": overdue || void 0,
+          "aria-busy": pending || void 0,
+          className: cn(
+            "flex items-start gap-3 px-4 py-3",
+            overdue && accentClasses.destructive.tint,
+            classNames?.step,
+            overdue && classNames?.overdueStep
+          ),
+          children: [
+            /* @__PURE__ */ jsx(
+              Checkbox,
+              {
+                size: "sm",
+                className: "mt-0.5",
+                checked: status === "done",
+                disabled: !onStatusChange || pending,
+                "aria-labelledby": titleId,
+                onChange: (event) => {
+                  if (!onStatusChange) return;
+                  const next = event.currentTarget.checked ? "done" : "todo";
+                  void runStatus(
+                    step.id,
+                    next,
+                    () => onStatusChange(step.id, next)
+                  );
+                }
+              }
+            ),
+            /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+                titleNode,
+                status === "in_progress" && /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "secondary", children: text.inProgress }),
+                overdue && /* @__PURE__ */ jsx(Badge, { size: "sm", variant: "danger", children: text.overdue })
+              ] }),
+              (step.owner || due) && /* @__PURE__ */ jsxs("div", { className: "text-muted-foreground mt-1 flex flex-wrap items-center gap-x-3 gap-y-1 text-xs", children: [
+                step.owner && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
+                  /* @__PURE__ */ jsx(
+                    Avatar,
+                    {
+                      size: "xs",
+                      name: step.owner.name,
+                      src: step.owner.avatarUrl,
+                      alt: "",
+                      "aria-hidden": true
+                    }
+                  ),
+                  step.owner.name
+                ] }),
+                due && /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1", children: [
+                  /* @__PURE__ */ jsx(CalendarClock, { className: "size-3.5", "aria-hidden": true }),
+                  /* @__PURE__ */ jsx("time", { dateTime: step.dueDate, children: withLocale(due, locale).toLocaleString(
+                    DateTime.DATE_MED
+                  ) })
+                ] }),
+                renderStepMeta?.(step)
+              ] }),
+              step.note && /* @__PURE__ */ jsx("p", { className: "text-muted-foreground mt-1 text-sm", children: step.note })
+            ] })
+          ]
+        },
+        step.id
+      );
+    };
+    let body;
+    if (error) {
+      body = /* @__PURE__ */ jsx(
+        RecordState,
+        {
+          kind: "error",
+          slot: "action-plan-state",
+          message: text.error,
+          retryLabel: text.retry,
+          onRetry,
+          className: classNames?.state
+        }
+      );
+    } else if (loading) {
+      body = /* @__PURE__ */ jsx(
+        RecordState,
+        {
+          kind: "loading",
+          slot: "action-plan-state",
+          message: text.loading,
+          className: classNames?.state
+        }
+      );
+    } else if (items.length === 0) {
+      body = emptyState ?? /* @__PURE__ */ jsx(
+        RecordState,
+        {
+          kind: "empty",
+          slot: "action-plan-state",
+          message: text.empty,
+          className: classNames?.state
+        }
+      );
+    } else if (arrange === "status") {
+      const SubHeading = SUB_HEADING[Heading];
+      body = STATUS_ORDER.map((status) => {
+        const group = items.filter((s) => statusOf(s) === status);
+        if (group.length === 0) return null;
+        const groupId = `${baseId}-group-${status}`;
+        return /* @__PURE__ */ jsxs(
+          "section",
+          {
+            "aria-labelledby": groupId,
+            "data-slot": "action-plan-group",
+            className: classNames?.group,
+            children: [
+              /* @__PURE__ */ jsxs(
+                SubHeading,
+                {
+                  id: groupId,
+                  className: "border-border bg-muted text-muted-foreground flex items-center justify-between border-y px-4 py-1.5 text-xs font-semibold tracking-wide uppercase",
+                  children: [
+                    statusLabel[status],
+                    /* @__PURE__ */ jsx("span", { className: "font-normal tabular-nums", children: group.length })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx("ul", { className: "divide-border divide-y", children: group.map(renderStep) })
+            ]
+          },
+          status
+        );
+      });
+    } else {
+      const ordered = arrange === "dueDate" ? [...items].sort(
+        (a, b) => (dueOf(a)?.toMillis() ?? Infinity) - (dueOf(b)?.toMillis() ?? Infinity) || 0
+      ) : items;
+      body = /* @__PURE__ */ jsx("ul", { className: "divide-border divide-y", children: ordered.map(renderStep) });
+    }
+    const headingId = `${baseId}-title`;
+    return /* @__PURE__ */ jsxs(
+      "section",
+      {
+        ref,
+        "aria-labelledby": headingId,
+        "data-slot": "action-plan",
+        className: cn(
+          "border-border bg-card overflow-hidden rounded-lg border",
+          className
+        ),
+        ...rest,
+        children: [
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              "data-slot": "action-plan-header",
+              className: cn(
+                "border-border space-y-3 border-b px-4 py-3",
+                classNames?.header
+              ),
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ jsx(
+                    Heading,
+                    {
+                      id: headingId,
+                      className: "text-foreground min-w-0 flex-1 truncate text-sm font-semibold",
+                      children: title ?? text.title
+                    }
+                  ),
+                  onAdd && /* @__PURE__ */ jsx(
+                    Button,
+                    {
+                      variant: "ghost",
+                      size: "sm",
+                      onClick: onAdd,
+                      leftIcon: /* @__PURE__ */ jsx(Plus, { className: "size-4", "aria-hidden": true }),
+                      children: text.addStep
+                    }
+                  )
+                ] }),
+                !loading && !error && items.length > 0 && /* @__PURE__ */ jsx(
+                  "div",
+                  {
+                    "data-slot": "action-plan-progress",
+                    className: classNames?.progress,
+                    children: /* @__PURE__ */ jsx(
+                      Progress,
+                      {
+                        size: "sm",
+                        value: done,
+                        max: items.length,
+                        label: text.progress(done, items.length)
+                      }
+                    )
+                  }
+                )
+              ]
+            }
+          ),
+          body
+        ]
+      }
+    );
+  }
+);
+ActionPlan.displayName = "ActionPlan";
+
+export { ActionPlan, defaultActionPlanLabels };
+//# sourceMappingURL=chunk-FKGFOBC2.js.map
+//# sourceMappingURL=chunk-FKGFOBC2.js.map

package/dist/chunk-FKGFOBC2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ActionPlan/ActionPlan.tsx"],"names":[],"mappings":"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","file":"chunk-FKGFOBC2.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { DateTime } from 'luxon';\nimport { CalendarClock, Plus } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { Avatar } from '../Avatar';\nimport { Badge } from '../Badge';\nimport { Button } from '../Button';\nimport { Checkbox } from '../Checkbox';\nimport { Progress } from '../Progress';\nimport { accentClasses, toDateTime } from '../../views/types';\nimport { withLocale } from '../ActivityFeed/dayGroups';\nimport { RecordState } from '../ActivityFeed/RecordState';\nimport { usePendingOverrides } from '../ActivityFeed/usePendingOverrides';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport type ActionPlanStepStatus = 'todo' | 'in_progress' | 'done';\n\nexport interface ActionPlanOwner {\n  name: string;\n  avatarUrl?: string;\n}\n\nexport interface ActionPlanStep {\n  id: string;\n  title: string;\n  owner?: ActionPlanOwner;\n  /** ISO date or date-time. Date-only values are wall dates in `timeZone`. */\n  dueDate?: string;\n  status: ActionPlanStepStatus;\n  note?: string;\n}\n\nexport interface ActionPlanLabels {\n  title: string;\n  progress: (done: number, total: number) => string;\n  overdue: string;\n  todo: string;\n  inProgress: string;\n  done: string;\n  addStep: string;\n  loading: string;\n  empty: string;\n  error: string;\n  retry: string;\n}\n\nexport const defaultActionPlanLabels: ActionPlanLabels = {\n  title: 'Action plan',\n  progress: (done, total) => `${done} of ${total} complete`,\n  overdue: 'Overdue',\n  todo: 'To do',\n  inProgress: 'In progress',\n  done: 'Done',\n  addStep: 'Add step',\n  loading: 'Loading plan',\n  empty: 'No steps yet',\n  error: 'Could not load this plan',\n  retry: 'Try again',\n};\n\nexport type ActionPlanSlot =\n  | 'header'\n  | 'progress'\n  | 'group'\n  | 'step'\n  | 'overdueStep'\n  | 'state';\n\nexport type ActionPlanArrange = 'manual' | 'dueDate' | 'status';\n\nexport interface ActionPlanProps extends Omit<\n  React.HTMLAttributes<HTMLElement>,\n  'children' | 'title'\n> {\n  items: ActionPlanStep[];\n  /** Card heading. Defaults to `labels.title`. */\n  title?: string;\n  loading?: boolean;\n  error?: Error | null;\n  onRetry?: () => void;\n  /** `manual` keeps `items` order; `dueDate` sorts soonest first; `status` groups by status. */\n  arrange?: ActionPlanArrange;\n  /** Reference for overdue checks. Defaults to the current time. */\n  now?: Date;\n  locale?: string;\n  /** IANA zone for due dates. Defaults to local. */\n  timeZone?: string;\n  /** The checkbox shows the new status at once and restores it on rejection. */\n  onStatusChange?: (\n    id: string,\n    status: ActionPlanStepStatus\n  ) => void | Promise<void>;\n  onAdd?: () => void;\n  onOpen?: (id: string, step: ActionPlanStep) => void;\n  getHref?: (id: string, step: ActionPlanStep) => string;\n  /** Extra content on a step's meta line. */\n  renderStepMeta?: (step: ActionPlanStep) => React.ReactNode;\n  emptyState?: React.ReactNode;\n  labels?: Partial<ActionPlanLabels>;\n  classNames?: Partial<Record<ActionPlanSlot, string>>;\n  headingLevel?: 'h2' | 'h3' | 'h4';\n}\n\nconst STATUS_ORDER: ActionPlanStepStatus[] = ['in_progress', 'todo', 'done'];\nconst SUB_HEADING = { h2: 'h3', h3: 'h4', h4: 'h5' } as const;\n\n// =============================================================================\n// Component\n// =============================================================================\n\n/**\n * A shared checklist with progress and due dates. Declared\n * `parameters.catalog.collection` — its load states are part of the API.\n */\nexport const ActionPlan = React.forwardRef<HTMLElement, ActionPlanProps>(\n  (\n    {\n      items,\n      title,\n      loading = false,\n      error = null,\n      onRetry,\n      arrange = 'manual',\n      now,\n      locale,\n      timeZone = 'local',\n      onStatusChange,\n      onAdd,\n      onOpen,\n      getHref,\n      renderStepMeta,\n      emptyState,\n      labels,\n      classNames,\n      headingLevel: Heading = 'h3',\n      className,\n      ...rest\n    },\n    ref\n  ) => {\n    const text = { ...defaultActionPlanLabels, ...labels };\n    const baseId = React.useId();\n    const [overrides, runStatus] = usePendingOverrides<ActionPlanStepStatus>();\n    const today = (now ? DateTime.fromJSDate(now) : DateTime.now())\n      .setZone(timeZone)\n      .startOf('day');\n\n    const statusOf = (step: ActionPlanStep) =>\n      overrides.get(step.id) ?? step.status;\n    const statusLabel: Record<ActionPlanStepStatus, string> = {\n      todo: text.todo,\n      in_progress: text.inProgress,\n      done: text.done,\n    };\n    const done = items.filter((s) => statusOf(s) === 'done').length;\n\n    const dueOf = (step: ActionPlanStep) => toDateTime(step.dueDate, timeZone);\n\n    const renderStep = (step: ActionPlanStep) => {\n      const status = statusOf(step);\n      const pending = overrides.has(step.id);\n      const due = dueOf(step);\n      const overdue =\n        status !== 'done' && due !== null && due.startOf('day') < today;\n      // Position, not the caller's id: ids with spaces would break aria-labelledby.\n      const titleId = `${baseId}-step-${items.indexOf(step)}`;\n      const href = getHref?.(step.id, step);\n      const titleClasses = cn(\n        'text-sm font-medium',\n        status === 'done'\n          ? 'text-muted-foreground line-through'\n          : 'text-foreground'\n      );\n      const focusRing =\n        'rounded-sm hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring';\n\n      let titleNode: React.ReactNode = (\n        <span id={titleId} className={titleClasses}>\n          {step.title}\n        </span>\n      );\n      if (href) {\n        titleNode = (\n          <a\n            id={titleId}\n            href={href}\n            className={cn(titleClasses, focusRing)}\n            onClick={(event) => {\n              if (\n                !onOpen ||\n                event.metaKey ||\n                event.ctrlKey ||\n                event.shiftKey ||\n                event.button !== 0\n              )\n                return;\n              event.preventDefault();\n              onOpen(step.id, step);\n            }}\n          >\n            {step.title}\n          </a>\n        );\n      } else if (onOpen) {\n        titleNode = (\n          <button\n            id={titleId}\n            type=\"button\"\n            className={cn(titleClasses, focusRing, 'text-start')}\n            onClick={() => onOpen(step.id, step)}\n          >\n            {step.title}\n          </button>\n        );\n      }\n\n      return (\n        <li\n          key={step.id}\n          data-slot=\"action-plan-step\"\n          data-overdue={overdue || undefined}\n          aria-busy={pending || undefined}\n          className={cn(\n            'flex items-start gap-3 px-4 py-3',\n            overdue && accentClasses.destructive.tint,\n            classNames?.step,\n            overdue && classNames?.overdueStep\n          )}\n        >\n          <Checkbox\n            size=\"sm\"\n            className=\"mt-0.5\"\n            checked={status === 'done'}\n            disabled={!onStatusChange || pending}\n            aria-labelledby={titleId}\n            onChange={(event) => {\n              if (!onStatusChange) return;\n              const next = event.currentTarget.checked ? 'done' : 'todo';\n              void runStatus(step.id, next, () =>\n                onStatusChange(step.id, next)\n              );\n            }}\n          />\n          <div className=\"min-w-0 flex-1\">\n            <div className=\"flex flex-wrap items-center gap-2\">\n              {titleNode}\n              {status === 'in_progress' && (\n                <Badge size=\"sm\" variant=\"secondary\">\n                  {text.inProgress}\n                </Badge>\n              )}\n              {overdue && (\n                <Badge size=\"sm\" variant=\"danger\">\n                  {text.overdue}\n                </Badge>\n              )}\n            </div>\n            {(step.owner || due) && (\n              <div className=\"text-muted-foreground mt-1 flex flex-wrap items-center gap-x-3 gap-y-1 text-xs\">\n                {step.owner && (\n                  <span className=\"inline-flex items-center gap-1.5\">\n                    <Avatar\n                      size=\"xs\"\n                      name={step.owner.name}\n                      src={step.owner.avatarUrl}\n                      alt=\"\"\n                      aria-hidden\n                    />\n                    {step.owner.name}\n                  </span>\n                )}\n                {due && (\n                  <span className=\"inline-flex items-center gap-1\">\n                    <CalendarClock className=\"size-3.5\" aria-hidden />\n                    <time dateTime={step.dueDate}>\n                      {withLocale(due, locale).toLocaleString(\n                        DateTime.DATE_MED\n                      )}\n                    </time>\n                  </span>\n                )}\n                {renderStepMeta?.(step)}\n              </div>\n            )}\n            {step.note && (\n              <p className=\"text-muted-foreground mt-1 text-sm\">{step.note}</p>\n            )}\n          </div>\n        </li>\n      );\n    };\n\n    let body: React.ReactNode;\n    if (error) {\n      body = (\n        <RecordState\n          kind=\"error\"\n          slot=\"action-plan-state\"\n          message={text.error}\n          retryLabel={text.retry}\n          onRetry={onRetry}\n          className={classNames?.state}\n        />\n      );\n    } else if (loading) {\n      body = (\n        <RecordState\n          kind=\"loading\"\n          slot=\"action-plan-state\"\n          message={text.loading}\n          className={classNames?.state}\n        />\n      );\n    } else if (items.length === 0) {\n      body = emptyState ?? (\n        <RecordState\n          kind=\"empty\"\n          slot=\"action-plan-state\"\n          message={text.empty}\n          className={classNames?.state}\n        />\n      );\n    } else if (arrange === 'status') {\n      const SubHeading = SUB_HEADING[Heading];\n      body = STATUS_ORDER.map((status) => {\n        const group = items.filter((s) => statusOf(s) === status);\n        if (group.length === 0) return null;\n        const groupId = `${baseId}-group-${status}`;\n        return (\n          <section\n            key={status}\n            aria-labelledby={groupId}\n            data-slot=\"action-plan-group\"\n            className={classNames?.group}\n          >\n            <SubHeading\n              id={groupId}\n              className=\"border-border bg-muted text-muted-foreground flex items-center justify-between border-y px-4 py-1.5 text-xs font-semibold tracking-wide uppercase\"\n            >\n              {statusLabel[status]}\n              <span className=\"font-normal tabular-nums\">{group.length}</span>\n            </SubHeading>\n            <ul className=\"divide-border divide-y\">{group.map(renderStep)}</ul>\n          </section>\n        );\n      });\n    } else {\n      const ordered =\n        arrange === 'dueDate'\n          ? [...items].sort(\n              (a, b) =>\n                (dueOf(a)?.toMillis() ?? Infinity) -\n                  (dueOf(b)?.toMillis() ?? Infinity) || 0\n            )\n          : items;\n      body = (\n        <ul className=\"divide-border divide-y\">{ordered.map(renderStep)}</ul>\n      );\n    }\n\n    const headingId = `${baseId}-title`;\n    return (\n      <section\n        ref={ref}\n        aria-labelledby={headingId}\n        data-slot=\"action-plan\"\n        className={cn(\n          'border-border bg-card overflow-hidden rounded-lg border',\n          className\n        )}\n        {...rest}\n      >\n        <div\n          data-slot=\"action-plan-header\"\n          className={cn(\n            'border-border space-y-3 border-b px-4 py-3',\n            classNames?.header\n          )}\n        >\n          <div className=\"flex items-center gap-2\">\n            <Heading\n              id={headingId}\n              className=\"text-foreground min-w-0 flex-1 truncate text-sm font-semibold\"\n            >\n              {title ?? text.title}\n            </Heading>\n            {onAdd && (\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                onClick={onAdd}\n                leftIcon={<Plus className=\"size-4\" aria-hidden />}\n              >\n                {text.addStep}\n              </Button>\n            )}\n          </div>\n          {!loading && !error && items.length > 0 && (\n            <div\n              data-slot=\"action-plan-progress\"\n              className={classNames?.progress}\n            >\n              <Progress\n                size=\"sm\"\n                value={done}\n                max={items.length}\n                label={text.progress(done, items.length)}\n              />\n            </div>\n          )}\n        </div>\n        {body}\n      </section>\n    );\n  }\n);\n\nActionPlan.displayName = 'ActionPlan';\n"]}