@mieweb/ui 0.6.1 → 0.7.0-dev.178

package/dist/chunk-7QXG5BBB.cjs

@@ -0,0 +1,164 @@
+'use strict';
+
+var chunkA2QVQF54_cjs = require('./chunk-A2QVQF54.cjs');
+var chunkJYZW2PZS_cjs = require('./chunk-JYZW2PZS.cjs');
+var React = require('react');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var mediaPlayerVariants = classVarianceAuthority.cva(
+  "flex h-full w-full items-center justify-center",
+  {
+    variants: {
+      variant: {
+        plain: "",
+        card: "rounded-xl border border-border bg-card text-card-foreground p-2"
+      }
+    },
+    defaultVariants: {
+      variant: "plain"
+    }
+  }
+);
+var VIDEO_EXTENSIONS = /\.(mp4|mov|avi|webm|mkv|m4v)$/i;
+function inferMediaKind(src) {
+  const path = src.split(/[?#]/, 1)[0];
+  return VIDEO_EXTENSIONS.test(path) ? "video" : "audio";
+}
+var MediaPlayer = React__namespace.forwardRef(
+  ({
+    src,
+    kind,
+    controls = true,
+    variant,
+    onStateChange,
+    onEnded,
+    onError,
+    onTimeUpdate,
+    className,
+    "aria-label": ariaLabel,
+    mediaElementRef
+  }, ref) => {
+    const [error, setError] = React__namespace.useState(null);
+    const resolvedKind = kind ?? inferMediaKind(src);
+    const transport = chunkJYZW2PZS_cjs.useMediaTransport({
+      onTimeUpdate,
+      onStateChange,
+      onEnded,
+      onError: (err) => {
+        setError("Unable to load media. The server may be unavailable.");
+        onError?.(err);
+      },
+      endedState: "paused",
+      errorLabel: `media: ${src}`
+    });
+    const { setMediaElement, mediaElement } = transport;
+    const setElement = React__namespace.useCallback(
+      (el) => {
+        setMediaElement(el);
+        if (mediaElementRef) {
+          mediaElementRef.current = el;
+        }
+      },
+      [setMediaElement, mediaElementRef]
+    );
+    React__namespace.useImperativeHandle(
+      ref,
+      () => ({
+        seekToMs: transport.seekToMs,
+        play: transport.play,
+        pause: transport.pause,
+        getCurrentTimeMs: transport.getCurrentTimeMs,
+        getDurationMs: transport.getDurationMs,
+        isPaused: transport.isPaused,
+        setPlaybackRate: transport.setPlaybackRate,
+        get mediaElement() {
+          return mediaElement;
+        }
+      }),
+      [transport, mediaElement]
+    );
+    const handleRetry = React__namespace.useCallback(() => {
+      setError(null);
+      mediaElement?.load();
+    }, [mediaElement]);
+    const sharedMediaProps = {
+      src,
+      controls,
+      "aria-label": ariaLabel
+    };
+    if (error) {
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: mediaPlayerVariants({ variant, className }), children: /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          role: "alert",
+          className: "border-destructive/30 bg-destructive/10 flex min-h-36 flex-col items-center justify-center gap-3 rounded-lg border p-8 text-center",
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-destructive-700 dark:text-destructive-300 m-0 text-sm", children: error }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              chunkA2QVQF54_cjs.Button,
+              {
+                variant: "outline",
+                size: "sm",
+                className: "bg-background",
+                onClick: handleRetry,
+                children: "Retry"
+              }
+            )
+          ]
+        }
+      ) });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: mediaPlayerVariants({ variant, className }), children: resolvedKind === "video" ? (
+      // Generic media surface: caption tracks belong to the consumer's media
+      // resource and are supplied via children, not this transport component.
+      // eslint-disable-next-line jsx-a11y/media-has-caption
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "video",
+        {
+          ref: setElement,
+          playsInline: true,
+          className: "h-auto max-h-full w-auto max-w-full object-contain",
+          ...sharedMediaProps
+        }
+      )
+    ) : (
+      // eslint-disable-next-line jsx-a11y/media-has-caption
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "audio",
+        {
+          ref: setElement,
+          className: "my-4 w-[90%] max-w-lg",
+          ...sharedMediaProps
+        }
+      )
+    ) });
+  }
+);
+MediaPlayer.displayName = "MediaPlayer";
+
+exports.MediaPlayer = MediaPlayer;
+exports.inferMediaKind = inferMediaKind;
+exports.mediaPlayerVariants = mediaPlayerVariants;
+//# sourceMappingURL=chunk-7QXG5BBB.cjs.map
+//# sourceMappingURL=chunk-7QXG5BBB.cjs.map

package/dist/chunk-7QXG5BBB.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/MediaPlayer/MediaPlayer.tsx"],"names":["cva","React","useMediaTransport","jsx","jsxs","Button"],"mappings":"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","file":"chunk-7QXG5BBB.cjs","sourcesContent":["import * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { Button } from '../Button';\nimport { useMediaTransport } from '../../hooks/useMediaTransport';\n\n// ============================================================================\n// Types & Interfaces\n// ============================================================================\n\nexport type MediaPlayerState =\n  | 'idle'\n  | 'loading'\n  | 'playing'\n  | 'paused'\n  | 'error';\n\nexport type MediaKind = 'video' | 'audio';\n\n/** Ref handle for controlling {@link MediaPlayer} programmatically. */\nexport interface MediaPlayerRef {\n  /** Seek to a specific time in milliseconds. */\n  seekToMs: (timeMs: number) => void;\n  /** Start playback. */\n  play: () => void;\n  /** Pause playback. */\n  pause: () => void;\n  /** Get current playback time in milliseconds. */\n  getCurrentTimeMs: () => number;\n  /** Get total duration in milliseconds. */\n  getDurationMs: () => number;\n  /** Whether playback is currently paused. */\n  isPaused: () => boolean;\n  /** Set playback speed multiplier. */\n  setPlaybackRate: (rate: number) => void;\n  /**\n   * The underlying media element.\n   * Escape hatch for host integrations (e.g. thumbnail capture); prefer the\n   * typed methods above for playback control.\n   */\n  mediaElement: HTMLVideoElement | HTMLAudioElement | null;\n}\n\nexport interface MediaPlayerProps extends VariantProps<\n  typeof mediaPlayerVariants\n> {\n  /** Media source URL. */\n  src: string;\n  /** Force the media kind; when omitted it is inferred from the src extension. */\n  kind?: MediaKind;\n  /** Whether to show native controls (default `true`). */\n  controls?: boolean;\n  /** Callback when playback state changes. */\n  onStateChange?: (state: MediaPlayerState) => void;\n  /** Callback when playback ends. */\n  onEnded?: () => void;\n  /** Callback when an error occurs. */\n  onError?: (error: Error) => void;\n  /** Callback on time updates (milliseconds). */\n  onTimeUpdate?: (currentTimeMs: number, durationMs: number) => void;\n  /** Additional class name. */\n  className?: string;\n  /** Accessible label for the media element. */\n  'aria-label'?: string;\n  /**\n   * Transitional: exposes the raw media element to legacy consumers.\n   * Prefer {@link MediaPlayerRef} for playback control.\n   */\n  mediaElementRef?: React.RefObject<HTMLVideoElement | HTMLAudioElement | null>;\n}\n\n// ============================================================================\n// Variants\n// ============================================================================\n\nconst mediaPlayerVariants = cva(\n  'flex h-full w-full items-center justify-center',\n  {\n    variants: {\n      variant: {\n        plain: '',\n        card: 'rounded-xl border border-border bg-card text-card-foreground p-2',\n      },\n    },\n    defaultVariants: {\n      variant: 'plain',\n    },\n  }\n);\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nconst VIDEO_EXTENSIONS = /\\.(mp4|mov|avi|webm|mkv|m4v)$/i;\n\n/** Infer media kind from a URL's file extension; defaults to audio. */\nexport function inferMediaKind(src: string): MediaKind {\n  // Strip any query string / fragment before matching. Testing the extension\n  // against the full URL required a trailing `.*`, which backtracks\n  // polynomially on crafted inputs (ReDoS); splitting first is linear.\n  const path = src.split(/[?#]/, 1)[0];\n  return VIDEO_EXTENSIONS.test(path) ? 'video' : 'audio';\n}\n\n// ============================================================================\n// Component\n// ============================================================================\n\n/**\n * Media playback surface for audio and video with a shared imperative handle.\n *\n * Renders a native `<video>` or `<audio>` element (kind inferred from the src\n * extension unless forced) with themed error/retry handling. Playback state and\n * controls come from the shared {@link useMediaTransport} hook and are exposed\n * through {@link MediaPlayerRef} (all times in milliseconds) — consumers should\n * not reach into the DOM element directly.\n */\nexport const MediaPlayer = React.forwardRef<MediaPlayerRef, MediaPlayerProps>(\n  (\n    {\n      src,\n      kind,\n      controls = true,\n      variant,\n      onStateChange,\n      onEnded,\n      onError,\n      onTimeUpdate,\n      className,\n      'aria-label': ariaLabel,\n      mediaElementRef,\n    },\n    ref\n  ) => {\n    const [error, setError] = React.useState<string | null>(null);\n    const resolvedKind = kind ?? inferMediaKind(src);\n\n    const transport = useMediaTransport({\n      onTimeUpdate,\n      onStateChange,\n      onEnded,\n      onError: (err) => {\n        setError('Unable to load media. The server may be unavailable.');\n        onError?.(err);\n      },\n      endedState: 'paused',\n      errorLabel: `media: ${src}`,\n    });\n\n    const { setMediaElement, mediaElement } = transport;\n\n    const setElement = React.useCallback(\n      (el: HTMLVideoElement | HTMLAudioElement | null) => {\n        setMediaElement(el);\n        if (mediaElementRef) {\n          (mediaElementRef as React.MutableRefObject<typeof el>).current = el;\n        }\n      },\n      [setMediaElement, mediaElementRef]\n    );\n\n    React.useImperativeHandle(\n      ref,\n      (): MediaPlayerRef => ({\n        seekToMs: transport.seekToMs,\n        play: transport.play,\n        pause: transport.pause,\n        getCurrentTimeMs: transport.getCurrentTimeMs,\n        getDurationMs: transport.getDurationMs,\n        isPaused: transport.isPaused,\n        setPlaybackRate: transport.setPlaybackRate,\n        get mediaElement() {\n          return mediaElement;\n        },\n      }),\n      [transport, mediaElement]\n    );\n\n    const handleRetry = React.useCallback(() => {\n      setError(null);\n      mediaElement?.load();\n    }, [mediaElement]);\n\n    const sharedMediaProps = {\n      src,\n      controls,\n      'aria-label': ariaLabel,\n    };\n\n    if (error) {\n      return (\n        <div className={mediaPlayerVariants({ variant, className })}>\n          <div\n            role=\"alert\"\n            className=\"border-destructive/30 bg-destructive/10 flex min-h-36 flex-col items-center justify-center gap-3 rounded-lg border p-8 text-center\"\n          >\n            {/* destructive-700/300 instead of the base token: #dc2626 on the\n                destructive/10 tint is 4.14:1 — below WCAG AA (axe: color-contrast). */}\n            <p className=\"text-destructive-700 dark:text-destructive-300 m-0 text-sm\">\n              {error}\n            </p>\n            {/* bg-background: the outline button is transparent, and its text on\n                the destructive/10 tint sits exactly at the 4.5:1 AA boundary. */}\n            <Button\n              variant=\"outline\"\n              size=\"sm\"\n              className=\"bg-background\"\n              onClick={handleRetry}\n            >\n              Retry\n            </Button>\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <div className={mediaPlayerVariants({ variant, className })}>\n        {resolvedKind === 'video' ? (\n          // Generic media surface: caption tracks belong to the consumer's media\n          // resource and are supplied via children, not this transport component.\n          // eslint-disable-next-line jsx-a11y/media-has-caption\n          <video\n            ref={setElement as React.Ref<HTMLVideoElement>}\n            playsInline\n            className=\"h-auto max-h-full w-auto max-w-full object-contain\"\n            {...sharedMediaProps}\n          />\n        ) : (\n          // eslint-disable-next-line jsx-a11y/media-has-caption\n          <audio\n            ref={setElement as React.Ref<HTMLAudioElement>}\n            className=\"my-4 w-[90%] max-w-lg\"\n            {...sharedMediaProps}\n          />\n        )}\n      </div>\n    );\n  }\n);\n\nMediaPlayer.displayName = 'MediaPlayer';\n\nexport { mediaPlayerVariants };\n"]}

package/dist/chunk-7WMSUXOQ.js

@@ -0,0 +1,182 @@
+import { FenceBlock } from './chunk-RHYIFIT5.js';
+import { Button } from './chunk-ZVSW2KS6.js';
+import { Download } from 'lucide-react';
+import { useState, useEffect, useMemo, useCallback } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var papaPromise = null;
+function loadPapa() {
+  if (!papaPromise) {
+    papaPromise = import(
+      /* @vite-ignore */
+      'papaparse'
+    ).then((mod) => {
+      const api = mod.default ?? mod;
+      if (!api?.parse) throw new Error("papaparse export not found");
+      return api;
+    }).catch((err) => {
+      papaPromise = null;
+      throw err;
+    });
+  }
+  return papaPromise;
+}
+var CsvBlock = ({ code, id }) => {
+  const [sortConfig, setSortConfig] = useState(null);
+  const [papa, setPapa] = useState(null);
+  const [loadError, setLoadError] = useState(null);
+  useEffect(() => {
+    let cancelled = false;
+    loadPapa().then((api) => {
+      if (!cancelled) setPapa(api);
+    }).catch(() => {
+      if (!cancelled)
+        setLoadError(
+          "CSV preview requires the `papaparse` package. Install it with `npm install papaparse`."
+        );
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+  const parsed = useMemo(() => {
+    if (!papa) return { headers: [], rows: [], error: null };
+    try {
+      const result = papa.parse(code, {
+        header: true,
+        dynamicTyping: true,
+        skipEmptyLines: "greedy"
+      });
+      if (result.errors?.length) {
+        return {
+          headers: result.meta.fields ?? [],
+          rows: result.data,
+          error: result.errors.map((e) => e.message).join("; ")
+        };
+      }
+      return {
+        headers: result.meta.fields ?? [],
+        rows: result.data,
+        error: null
+      };
+    } catch (err) {
+      return { headers: [], rows: [], error: err.message };
+    }
+  }, [code, papa]);
+  const sortedRows = useMemo(() => {
+    if (!sortConfig || parsed.error) return parsed.rows;
+    return [...parsed.rows].sort((a, b) => {
+      const aVal = a[sortConfig.column];
+      const bVal = b[sortConfig.column];
+      if (aVal == null && bVal == null) return 0;
+      if (aVal == null) return 1;
+      if (bVal == null) return -1;
+      const cmp = typeof aVal === "number" && typeof bVal === "number" ? aVal - bVal : String(aVal).localeCompare(String(bVal));
+      return sortConfig.direction === "asc" ? cmp : -cmp;
+    });
+  }, [parsed.rows, sortConfig, parsed.error]);
+  const handleSort = useCallback((column) => {
+    setSortConfig((prev) => {
+      if (prev?.column === column) {
+        return prev.direction === "asc" ? { column, direction: "desc" } : null;
+      }
+      return { column, direction: "asc" };
+    });
+  }, []);
+  const handleExportCsv = useCallback(() => {
+    if (!papa) return;
+    const csvContent = papa.unparse(sortedRows);
+    const blob = new Blob([csvContent], { type: "text/csv;charset=utf-8;" });
+    const url = URL.createObjectURL(blob);
+    const link = document.createElement("a");
+    link.href = url;
+    link.download = `data-${id}.csv`;
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+    setTimeout(() => URL.revokeObjectURL(url), 100);
+  }, [sortedRows, id, papa]);
+  if (loadError) {
+    return /* @__PURE__ */ jsx(FenceBlock, { code, language: "csv", error: loadError, children: /* @__PURE__ */ jsx("div", {}) });
+  }
+  if (!papa) {
+    return /* @__PURE__ */ jsx(FenceBlock, { code, language: "csv", supportsRawView: true, children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center p-6 text-sm text-neutral-500", children: "Loading CSV parser\u2026" }) });
+  }
+  if (parsed.error) {
+    return /* @__PURE__ */ jsx(FenceBlock, { code, language: "csv", error: parsed.error, children: /* @__PURE__ */ jsx("div", {}) });
+  }
+  return /* @__PURE__ */ jsx(FenceBlock, { code, language: "csv", supportsRawView: true, children: /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between border-b border-neutral-200 px-3 py-1.5 dark:border-neutral-700", children: [
+      /* @__PURE__ */ jsxs("span", { className: "text-xs text-neutral-500 dark:text-neutral-400", children: [
+        sortedRows.length,
+        " row",
+        sortedRows.length !== 1 ? "s" : "",
+        " \xD7",
+        " ",
+        parsed.headers.length,
+        " column",
+        parsed.headers.length !== 1 ? "s" : ""
+      ] }),
+      /* @__PURE__ */ jsxs(
+        Button,
+        {
+          variant: "ghost",
+          size: "sm",
+          onClick: handleExportCsv,
+          "aria-label": "Export CSV",
+          className: "h-7 gap-1 px-2 text-xs",
+          children: [
+            /* @__PURE__ */ jsx(Download, { className: "h-3 w-3" }),
+            "Export"
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "max-h-96 overflow-auto", children: /* @__PURE__ */ jsxs("table", { className: "min-w-full text-sm", children: [
+      /* @__PURE__ */ jsx("thead", { className: "sticky top-0 bg-neutral-100 dark:bg-neutral-800", children: /* @__PURE__ */ jsx("tr", { children: parsed.headers.map((header) => {
+        const isSorted = sortConfig?.column === header;
+        const ariaSort = isSorted ? sortConfig.direction === "asc" ? "ascending" : "descending" : "none";
+        return /* @__PURE__ */ jsx(
+          "th",
+          {
+            scope: "col",
+            "aria-sort": ariaSort,
+            className: "px-3 py-2 text-left text-xs font-medium whitespace-nowrap text-neutral-600 dark:text-neutral-400",
+            children: /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => handleSort(header),
+                className: "flex w-full cursor-pointer items-center gap-1 text-left font-medium select-none hover:text-neutral-900 dark:hover:text-neutral-200",
+                children: [
+                  header,
+                  isSorted && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: sortConfig.direction === "asc" ? "\u2191" : "\u2193" })
+                ]
+              }
+            )
+          },
+          header
+        );
+      }) }) }),
+      /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-neutral-200 dark:divide-neutral-700", children: sortedRows.map((row, i) => /* @__PURE__ */ jsx(
+        "tr",
+        {
+          className: "hover:bg-neutral-50 dark:hover:bg-neutral-800/50",
+          children: parsed.headers.map((header) => /* @__PURE__ */ jsx(
+            "td",
+            {
+              className: "px-3 py-1.5 whitespace-nowrap text-neutral-700 dark:text-neutral-300",
+              children: row[header] != null ? String(row[header]) : ""
+            },
+            header
+          ))
+        },
+        i
+      )) })
+    ] }) })
+  ] }) });
+};
+
+export { CsvBlock };
+//# sourceMappingURL=chunk-7WMSUXOQ.js.map
+//# sourceMappingURL=chunk-7WMSUXOQ.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Markdown/CsvBlock.tsx"],"names":[],"mappings":"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","file":"chunk-7WMSUXOQ.js","sourcesContent":["/** CSV data rendered as a sortable table. Requires `papaparse`. */\nimport { Download } from 'lucide-react';\nimport React, { useCallback, useEffect, useMemo, useState } from 'react';\n\nimport { Button } from '../Button';\nimport { FenceBlock } from './FenceBlock';\n\ninterface CsvBlockProps {\n  code: string;\n  id: string;\n}\n\ninterface SortConfig {\n  column: string;\n  direction: 'asc' | 'desc';\n}\n\ntype CsvRow = Record<string, unknown>;\n// Minimal surface of papaparse we actually use, avoiding overload conflicts.\ninterface PapaApi {\n  parse(\n    input: string,\n    config?: Record<string, unknown>\n  ): {\n    meta: { fields?: string[] };\n    data: CsvRow[];\n    errors: Array<{ message: string }>;\n  };\n  unparse(data: unknown): string;\n}\n\nlet papaPromise: Promise<PapaApi> | null = null;\nfunction loadPapa() {\n  if (!papaPromise) {\n    papaPromise = import(/* @vite-ignore */ 'papaparse')\n      .then((mod: { default?: PapaApi } & Partial<PapaApi>) => {\n        const api: PapaApi = (mod.default ?? mod) as PapaApi;\n        if (!api?.parse) throw new Error('papaparse export not found');\n        return api;\n      })\n      .catch((err) => {\n        papaPromise = null;\n        throw err as Error;\n      });\n  }\n  return papaPromise;\n}\n\ninterface ParsedCsv {\n  headers: string[];\n  rows: CsvRow[];\n  error: string | null;\n}\n\nexport const CsvBlock: React.FC<CsvBlockProps> = ({ code, id }) => {\n  const [sortConfig, setSortConfig] = useState<SortConfig | null>(null);\n  const [papa, setPapa] = useState<PapaApi | null>(null);\n  const [loadError, setLoadError] = useState<string | null>(null);\n\n  useEffect(() => {\n    let cancelled = false;\n    loadPapa()\n      .then((api) => {\n        if (!cancelled) setPapa(api);\n      })\n      .catch(() => {\n        if (!cancelled)\n          setLoadError(\n            'CSV preview requires the `papaparse` package. Install it with `npm install papaparse`.'\n          );\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, []);\n\n  const parsed = useMemo<ParsedCsv>(() => {\n    if (!papa) return { headers: [], rows: [], error: null };\n    try {\n      const result = papa.parse(code, {\n        header: true,\n        dynamicTyping: true,\n        skipEmptyLines: 'greedy',\n      });\n      if (result.errors?.length) {\n        return {\n          headers: result.meta.fields ?? [],\n          rows: result.data,\n          error: result.errors.map((e) => e.message).join('; '),\n        };\n      }\n      return {\n        headers: result.meta.fields ?? [],\n        rows: result.data,\n        error: null,\n      };\n    } catch (err) {\n      return { headers: [], rows: [], error: (err as Error).message };\n    }\n  }, [code, papa]);\n\n  const sortedRows = useMemo(() => {\n    if (!sortConfig || parsed.error) return parsed.rows;\n    return [...parsed.rows].sort((a, b) => {\n      const aVal = a[sortConfig.column];\n      const bVal = b[sortConfig.column];\n      if (aVal == null && bVal == null) return 0;\n      if (aVal == null) return 1;\n      if (bVal == null) return -1;\n      const cmp =\n        typeof aVal === 'number' && typeof bVal === 'number'\n          ? aVal - bVal\n          : String(aVal).localeCompare(String(bVal));\n      return sortConfig.direction === 'asc' ? cmp : -cmp;\n    });\n  }, [parsed.rows, sortConfig, parsed.error]);\n\n  const handleSort = useCallback((column: string) => {\n    setSortConfig((prev) => {\n      if (prev?.column === column) {\n        return prev.direction === 'asc' ? { column, direction: 'desc' } : null;\n      }\n      return { column, direction: 'asc' };\n    });\n  }, []);\n\n  const handleExportCsv = useCallback(() => {\n    if (!papa) return;\n    const csvContent = papa.unparse(sortedRows);\n    const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });\n    const url = URL.createObjectURL(blob);\n    const link = document.createElement('a');\n    link.href = url;\n    link.download = `data-${id}.csv`;\n    document.body.appendChild(link);\n    link.click();\n    document.body.removeChild(link);\n    setTimeout(() => URL.revokeObjectURL(url), 100);\n  }, [sortedRows, id, papa]);\n\n  if (loadError) {\n    return (\n      <FenceBlock code={code} language=\"csv\" error={loadError}>\n        <div />\n      </FenceBlock>\n    );\n  }\n\n  if (!papa) {\n    return (\n      <FenceBlock code={code} language=\"csv\" supportsRawView>\n        <div className=\"flex items-center justify-center p-6 text-sm text-neutral-500\">\n          Loading CSV parser…\n        </div>\n      </FenceBlock>\n    );\n  }\n\n  if (parsed.error) {\n    return (\n      <FenceBlock code={code} language=\"csv\" error={parsed.error}>\n        <div />\n      </FenceBlock>\n    );\n  }\n\n  return (\n    <FenceBlock code={code} language=\"csv\" supportsRawView>\n      <div className=\"relative\">\n        <div className=\"flex items-center justify-between border-b border-neutral-200 px-3 py-1.5 dark:border-neutral-700\">\n          <span className=\"text-xs text-neutral-500 dark:text-neutral-400\">\n            {sortedRows.length} row{sortedRows.length !== 1 ? 's' : ''} ×{' '}\n            {parsed.headers.length} column\n            {parsed.headers.length !== 1 ? 's' : ''}\n          </span>\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            onClick={handleExportCsv}\n            aria-label=\"Export CSV\"\n            className=\"h-7 gap-1 px-2 text-xs\"\n          >\n            <Download className=\"h-3 w-3\" />\n            Export\n          </Button>\n        </div>\n\n        <div className=\"max-h-96 overflow-auto\">\n          <table className=\"min-w-full text-sm\">\n            <thead className=\"sticky top-0 bg-neutral-100 dark:bg-neutral-800\">\n              <tr>\n                {parsed.headers.map((header) => {\n                  const isSorted = sortConfig?.column === header;\n                  const ariaSort = isSorted\n                    ? sortConfig.direction === 'asc'\n                      ? 'ascending'\n                      : 'descending'\n                    : 'none';\n                  return (\n                    <th\n                      key={header}\n                      scope=\"col\"\n                      aria-sort={ariaSort}\n                      className=\"px-3 py-2 text-left text-xs font-medium whitespace-nowrap text-neutral-600 dark:text-neutral-400\"\n                    >\n                      <button\n                        type=\"button\"\n                        onClick={() => handleSort(header)}\n                        className=\"flex w-full cursor-pointer items-center gap-1 text-left font-medium select-none hover:text-neutral-900 dark:hover:text-neutral-200\"\n                      >\n                        {header}\n                        {isSorted && (\n                          <span aria-hidden=\"true\">\n                            {sortConfig.direction === 'asc' ? '↑' : '↓'}\n                          </span>\n                        )}\n                      </button>\n                    </th>\n                  );\n                })}\n              </tr>\n            </thead>\n            <tbody className=\"divide-y divide-neutral-200 dark:divide-neutral-700\">\n              {sortedRows.map((row, i) => (\n                <tr\n                  key={i}\n                  className=\"hover:bg-neutral-50 dark:hover:bg-neutral-800/50\"\n                >\n                  {parsed.headers.map((header) => (\n                    <td\n                      key={header}\n                      className=\"px-3 py-1.5 whitespace-nowrap text-neutral-700 dark:text-neutral-300\"\n                    >\n                      {row[header] != null ? String(row[header]) : ''}\n                    </td>\n                  ))}\n                </tr>\n              ))}\n            </tbody>\n          </table>\n        </div>\n      </div>\n    </FenceBlock>\n  );\n};\n"]}

package/dist/chunk-7XUN3OQT.js

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=chunk-7XUN3OQT.js.map
+//# sourceMappingURL=chunk-7XUN3OQT.js.map

package/dist/{chunk-V2DF2GUE.js.map → chunk-7XUN3OQT.js.map}

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-V2DF2GUE.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-7XUN3OQT.js"}

package/dist/chunk-7ZVTLTJF.js

@@ -0,0 +1,109 @@
+import * as React2 from 'react';
+
+// src/hooks/useLiveAnnouncement.ts
+function useLiveAnnouncement() {
+  const [message, setMessage] = React2.useState("");
+  const timerRef = React2.useRef(
+    void 0
+  );
+  const announce = React2.useCallback((next) => {
+    setMessage("");
+    if (timerRef.current !== void 0) clearTimeout(timerRef.current);
+    timerRef.current = setTimeout(() => setMessage(next), 50);
+  }, []);
+  React2.useEffect(
+    () => () => {
+      if (timerRef.current !== void 0) clearTimeout(timerRef.current);
+    },
+    []
+  );
+  return [message, announce];
+}
+function reorderIds(ids, draggedId, targetId, after) {
+  if (draggedId === targetId) return ids;
+  if (!ids.includes(draggedId)) return ids;
+  const without = ids.filter((i) => i !== draggedId);
+  const idx = without.indexOf(targetId);
+  if (idx === -1) return ids;
+  without.splice(after ? idx + 1 : idx, 0, draggedId);
+  return without;
+}
+function useDragReorder({
+  ids,
+  onReorder,
+  canDropOn
+}) {
+  const [draggingId, setDraggingId] = React2.useState(null);
+  const draggingRef = React2.useRef(null);
+  const [over, setOver] = React2.useState(null);
+  const enabled = Boolean(onReorder);
+  const reset = React2.useCallback(() => {
+    draggingRef.current = null;
+    setDraggingId(null);
+    setOver(null);
+  }, []);
+  const rowProps = React2.useCallback(
+    (id) => {
+      if (!enabled) return {};
+      return {
+        draggable: true,
+        // WebKit (iPadOS Safari, incl. remote-pointer sessions) starts a text
+        // selection instead of a drag when the drag source contains selectable
+        // text — suppress selection and explicitly mark the row as the drag
+        // element so press-drag reliably initiates drag-and-drop.
+        style: {
+          userSelect: "none",
+          WebkitUserSelect: "none",
+          WebkitUserDrag: "element"
+        },
+        onDragStart: (e) => {
+          e.dataTransfer.effectAllowed = "move";
+          e.dataTransfer.setData("text/plain", id);
+          draggingRef.current = id;
+          setDraggingId(id);
+        },
+        onDragEnd: reset,
+        onDragOver: (e) => {
+          const dragged = draggingRef.current;
+          if (!dragged || dragged === id || canDropOn && !canDropOn(dragged, id)) {
+            setOver(null);
+            return;
+          }
+          e.preventDefault();
+          e.dataTransfer.dropEffect = "move";
+          const r = e.currentTarget.getBoundingClientRect();
+          const after = e.clientY > r.top + r.height / 2;
+          setOver(
+            (prev) => prev?.id === id && prev.after === after ? prev : { id, after }
+          );
+        },
+        onDragLeave: () => {
+          setOver((prev) => prev?.id === id ? null : prev);
+        },
+        onDrop: (e) => {
+          e.preventDefault();
+          const dragged = draggingRef.current ?? e.dataTransfer.getData("text/plain");
+          reset();
+          if (!dragged || dragged === id) return;
+          if (canDropOn && !canDropOn(dragged, id)) return;
+          const r = e.currentTarget.getBoundingClientRect();
+          const after = e.clientY > r.top + r.height / 2;
+          onReorder?.(reorderIds(ids, dragged, id, after));
+        }
+      };
+    },
+    [enabled, ids, onReorder, canDropOn, reset]
+  );
+  return { enabled, draggingId, over, rowProps };
+}
+function dragIndicatorClasses(drag, id) {
+  return [
+    drag.draggingId === id ? "opacity-40" : "",
+    drag.over?.id === id && !drag.over.after ? "shadow-[inset_0_2px_0_0_var(--color-primary-500,#3b82f6)]" : "",
+    drag.over?.id === id && drag.over.after ? "shadow-[inset_0_-2px_0_0_var(--color-primary-500,#3b82f6)]" : ""
+  ].filter(Boolean).join(" ");
+}
+
+export { dragIndicatorClasses, reorderIds, useDragReorder, useLiveAnnouncement };
+//# sourceMappingURL=chunk-7ZVTLTJF.js.map
+//# sourceMappingURL=chunk-7ZVTLTJF.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useLiveAnnouncement.ts","../src/hooks/useDragReorder.ts"],"names":["React"],"mappings":"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","file":"chunk-7ZVTLTJF.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\n\n/**\n * State for an `aria-live` region that re-announces even when the same\n * message is emitted twice in a row. Setting identical React state bails out\n * (and identical DOM text isn't a mutation), so screen readers would stay\n * silent for repeated actions like \"moved down\" — this clears the region\n * first, then sets the message a tick later.\n *\n * @example\n * ```tsx\n * const [announcement, announce] = useLiveAnnouncement();\n * // announce('Item moved down');\n * // <div aria-live=\"polite\" className=\"sr-only\">{announcement}</div>\n * ```\n */\nexport function useLiveAnnouncement(): [string, (message: string) => void] {\n  const [message, setMessage] = React.useState('');\n  const timerRef = React.useRef<ReturnType<typeof setTimeout> | undefined>(\n    undefined\n  );\n\n  const announce = React.useCallback((next: string) => {\n    setMessage('');\n    if (timerRef.current !== undefined) clearTimeout(timerRef.current);\n    timerRef.current = setTimeout(() => setMessage(next), 50);\n  }, []);\n\n  React.useEffect(\n    () => () => {\n      if (timerRef.current !== undefined) clearTimeout(timerRef.current);\n    },\n    []\n  );\n\n  return [message, announce];\n}\n","'use client';\n\nimport * as React from 'react';\n\n/** Insert `draggedId` before/after `targetId` in `ids`. */\nexport function reorderIds(\n  ids: string[],\n  draggedId: string,\n  targetId: string,\n  after: boolean\n): string[] {\n  if (draggedId === targetId) return ids;\n  // Ignore drags that originate outside this list (stale payloads would\n  // otherwise be inserted as unknown ids).\n  if (!ids.includes(draggedId)) return ids;\n  const without = ids.filter((i) => i !== draggedId);\n  const idx = without.indexOf(targetId);\n  if (idx === -1) return ids;\n  without.splice(after ? idx + 1 : idx, 0, draggedId);\n  return without;\n}\n\nexport interface UseDragReorderOptions {\n  /** Current flat order of item ids (props order) */\n  ids: string[];\n  /** Called with the full new id order after a drop. Omit to disable dragging. */\n  onReorder?: (ids: string[]) => void;\n  /** Restrict drops, e.g. to the same status group */\n  canDropOn?: (draggedId: string, targetId: string) => boolean;\n}\n\nexport interface DragOverState {\n  id: string;\n  /** Drop indicator position relative to the hovered row */\n  after: boolean;\n}\n\nexport interface UseDragReorderReturn {\n  /** Whether drag reordering is active (onReorder provided) */\n  enabled: boolean;\n  /** Id currently being dragged, if any */\n  draggingId: string | null;\n  /** Row currently hovered as a drop target */\n  over: DragOverState | null;\n  /** Spread onto each row element (must be keyed by a stable id) */\n  rowProps: (id: string) => React.HTMLAttributes<HTMLElement>;\n}\n\n/**\n * HTML5 drag-and-drop list reordering. Rows spread `rowProps(id)`; on drop the\n * hook computes the full new id order and reports it via `onReorder` — the\n * consumer persists it (e.g. on the encounter/patient object) and feeds the\n * list back in props order.\n *\n * Drag-and-drop is a pointer-only affordance: pair it with a keyboard\n * alternative (e.g. move buttons / Alt+Arrow keys) for accessibility.\n *\n * @example\n * ```tsx\n * const drag = useDragReorder({ ids: items.map((i) => i.id), onReorder });\n * // <li {...drag.rowProps(item.id)} className={cn(dragIndicatorClasses(drag, item.id))}>\n * ```\n */\nexport function useDragReorder({\n  ids,\n  onReorder,\n  canDropOn,\n}: UseDragReorderOptions): UseDragReorderReturn {\n  const [draggingId, setDraggingId] = React.useState<string | null>(null);\n  // dragover can fire before the dragstart state update is visible, so the\n  // authoritative dragged id lives in a ref (set synchronously)\n  const draggingRef = React.useRef<string | null>(null);\n  const [over, setOver] = React.useState<DragOverState | null>(null);\n  const enabled = Boolean(onReorder);\n\n  const reset = React.useCallback(() => {\n    draggingRef.current = null;\n    setDraggingId(null);\n    setOver(null);\n  }, []);\n\n  const rowProps = React.useCallback(\n    (id: string): React.HTMLAttributes<HTMLElement> => {\n      if (!enabled) return {};\n      return {\n        draggable: true,\n        // WebKit (iPadOS Safari, incl. remote-pointer sessions) starts a text\n        // selection instead of a drag when the drag source contains selectable\n        // text — suppress selection and explicitly mark the row as the drag\n        // element so press-drag reliably initiates drag-and-drop.\n        style: {\n          userSelect: 'none',\n          WebkitUserSelect: 'none',\n          WebkitUserDrag: 'element',\n        } as React.CSSProperties,\n        onDragStart: (e) => {\n          e.dataTransfer.effectAllowed = 'move';\n          e.dataTransfer.setData('text/plain', id);\n          draggingRef.current = id;\n          setDraggingId(id);\n        },\n        onDragEnd: reset,\n        onDragOver: (e) => {\n          const dragged = draggingRef.current;\n          if (\n            !dragged ||\n            dragged === id ||\n            (canDropOn && !canDropOn(dragged, id))\n          ) {\n            // hovering an invalid target: clear any stale indicator\n            setOver(null);\n            return;\n          }\n          e.preventDefault();\n          e.dataTransfer.dropEffect = 'move';\n          const r = e.currentTarget.getBoundingClientRect();\n          const after = e.clientY > r.top + r.height / 2;\n          setOver((prev) =>\n            prev?.id === id && prev.after === after ? prev : { id, after }\n          );\n        },\n        onDragLeave: () => {\n          setOver((prev) => (prev?.id === id ? null : prev));\n        },\n        onDrop: (e) => {\n          e.preventDefault();\n          const dragged =\n            draggingRef.current ?? e.dataTransfer.getData('text/plain');\n          reset();\n          if (!dragged || dragged === id) return;\n          if (canDropOn && !canDropOn(dragged, id)) return;\n          const r = e.currentTarget.getBoundingClientRect();\n          const after = e.clientY > r.top + r.height / 2;\n          onReorder?.(reorderIds(ids, dragged, id, after));\n        },\n      };\n    },\n    [enabled, ids, onReorder, canDropOn, reset]\n  );\n\n  return { enabled, draggingId, over, rowProps };\n}\n\n/** Tailwind classes for the drag state of a row: drop indicator + dragging dim. */\nexport function dragIndicatorClasses(\n  drag: Pick<UseDragReorderReturn, 'draggingId' | 'over'>,\n  id: string\n): string {\n  return [\n    drag.draggingId === id ? 'opacity-40' : '',\n    drag.over?.id === id && !drag.over.after\n      ? 'shadow-[inset_0_2px_0_0_var(--color-primary-500,#3b82f6)]'\n      : '',\n    drag.over?.id === id && drag.over.after\n      ? 'shadow-[inset_0_-2px_0_0_var(--color-primary-500,#3b82f6)]'\n      : '',\n  ]\n    .filter(Boolean)\n    .join(' ');\n}\n"]}