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

package/dist/{chunk-VROIMIHB.cjs → chunk-SHBCUXFS.cjs}

@@ -59,6 +59,7 @@ var Accordion = React__namespace.forwardRef(
     onOpenChange,
     collapsible = true,
     headingLevel: Heading = "h3",
+    storageKey,
     variant,
     className,
     ...props
@@ -67,11 +68,26 @@ var Accordion = React__namespace.forwardRef(
     const [internalOpen, setInternalOpen] = React__namespace.useState(
       () => defaultOpenIds ?? []
     );
+    const persists = Boolean(storageKey) && controlledOpen === void 0;
+    React__namespace.useEffect(() => {
+      if (!persists || !storageKey) return;
+      try {
+        const stored = JSON.parse(
+          window.localStorage.getItem(storageKey) ?? "null"
+        );
+        if (Array.isArray(stored)) {
+          setInternalOpen(
+            stored.filter((id) => typeof id === "string")
+          );
+        }
+      } catch {
+      }
+    }, [persists, storageKey]);
     const rawOpen = controlledOpen ?? internalOpen;
-    const open = React__namespace.useMemo(
-      () => type === "single" ? rawOpen.slice(0, 1) : rawOpen,
-      [type, rawOpen]
-    );
+    const open = React__namespace.useMemo(() => {
+      const known = persists ? rawOpen.filter((id) => items.some((item) => item.id === id)) : rawOpen;
+      return type === "single" ? known.slice(0, 1) : known;
+    }, [type, rawOpen, persists, items]);
     const openSet = React__namespace.useMemo(() => new Set(open), [open]);
     const toggle = (id) => {
       let next;
@@ -82,6 +98,12 @@ var Accordion = React__namespace.forwardRef(
         next = type === "single" ? [id] : [...open, id];
       }
       if (controlledOpen === void 0) setInternalOpen(next);
+      if (persists && storageKey) {
+        try {
+          window.localStorage.setItem(storageKey, JSON.stringify(next));
+        } catch {
+        }
+      }
       onOpenChange?.(next);
     };
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -155,5 +177,5 @@ var Accordion = React__namespace.forwardRef(
 );
 
 exports.Accordion = Accordion;
-//# sourceMappingURL=chunk-VROIMIHB.cjs.map
-//# sourceMappingURL=chunk-VROIMIHB.cjs.map
+//# sourceMappingURL=chunk-SHBCUXFS.cjs.map
+//# sourceMappingURL=chunk-SHBCUXFS.cjs.map

package/dist/chunk-SHBCUXFS.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Accordion/Accordion.tsx"],"names":["cva","React","Accordion","jsx","cn","jsxs","ChevronDown"],"mappings":"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","file":"chunk-SHBCUXFS.cjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { ChevronDown } from 'lucide-react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '../../utils/cn';\n\n// =============================================================================\n// Variants\n// =============================================================================\n\nconst accordionVariants = cva('', {\n  variants: {\n    variant: {\n      // Each item is its own card with spacing between\n      separated: 'flex flex-col gap-3',\n      // One bordered list with dividers\n      joined: 'border-border divide-border divide-y rounded-lg border',\n    },\n  },\n  defaultVariants: {\n    variant: 'separated',\n  },\n});\n\nconst itemVariants = cva('overflow-hidden', {\n  variants: {\n    variant: {\n      separated: 'border-border bg-card rounded-lg border',\n      joined: 'bg-card first:rounded-t-lg last:rounded-b-lg',\n    },\n  },\n  defaultVariants: {\n    variant: 'separated',\n  },\n});\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface AccordionItem {\n  /** Stable id used for open state and aria wiring. */\n  id: string;\n  /** Header label (e.g. an FAQ question). */\n  title: React.ReactNode;\n  /** Panel content (e.g. the answer). */\n  content: React.ReactNode;\n  disabled?: boolean;\n}\n\nexport interface AccordionProps\n  extends\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>,\n    VariantProps<typeof accordionVariants> {\n  items: AccordionItem[];\n  /** `single` keeps at most one panel open; `multiple` allows any number. */\n  type?: 'single' | 'multiple';\n  /** Ids open initially (uncontrolled). */\n  defaultOpenIds?: string[];\n  /** Controlled open ids. Changes reported via `onOpenChange`. */\n  openIds?: string[];\n  onOpenChange?: (openIds: string[]) => void;\n  /** In `single` mode, allow closing the open panel (default true). */\n  collapsible?: boolean;\n  /** Heading level wrapping each trigger for document outline (default h3). */\n  headingLevel?: 'h2' | 'h3' | 'h4';\n  /**\n   * Persists the open ids in `localStorage` under this key (uncontrolled\n   * only). Restored after mount, so server and hydration renders use\n   * `defaultOpenIds`.\n   */\n  storageKey?: string;\n}\n\n// =============================================================================\n// Accordion\n// =============================================================================\n\n/**\n * A vertically stacked set of expandable panels — FAQ lists, settings\n * groups, progressive disclosure. Panels animate open to their natural\n * height (CSS grid rows, no max-height clipping), and headers are real\n * buttons inside headings with full `aria-expanded`/`aria-controls` wiring.\n *\n * @example\n * ```tsx\n * <Accordion\n *   type=\"single\"\n *   items={[\n *     { id: 'pricing', title: 'How is pricing calculated?', content: <p>…</p> },\n *     { id: 'billing', title: 'When am I billed?', content: <p>…</p> },\n *   ]}\n * />\n * ```\n */\nexport const Accordion = React.forwardRef<HTMLDivElement, AccordionProps>(\n  function Accordion(\n    {\n      items,\n      type = 'single',\n      defaultOpenIds,\n      openIds: controlledOpen,\n      onOpenChange,\n      collapsible = true,\n      headingLevel: Heading = 'h3',\n      storageKey,\n      variant,\n      className,\n      ...props\n    },\n    ref\n  ) {\n    const baseId = React.useId();\n    const [internalOpen, setInternalOpen] = React.useState<string[]>(\n      () => defaultOpenIds ?? []\n    );\n    const persists = Boolean(storageKey) && controlledOpen === undefined;\n\n    React.useEffect(() => {\n      if (!persists || !storageKey) return;\n      try {\n        const stored: unknown = JSON.parse(\n          window.localStorage.getItem(storageKey) ?? 'null'\n        );\n        if (Array.isArray(stored)) {\n          setInternalOpen(\n            stored.filter((id): id is string => typeof id === 'string')\n          );\n        }\n      } catch {\n        // Storage blocked or value corrupt: keep defaultOpenIds.\n      }\n    }, [persists, storageKey]);\n    const rawOpen = controlledOpen ?? internalOpen;\n    // Single mode keeps at most one panel open, even if defaultOpenIds or a\n    // controlled openIds array hands us several. Stored ids for removed items\n    // are dropped first so they can't crowd out a valid one.\n    const open = React.useMemo(() => {\n      const known = persists\n        ? rawOpen.filter((id) => items.some((item) => item.id === id))\n        : rawOpen;\n      return type === 'single' ? known.slice(0, 1) : known;\n    }, [type, rawOpen, persists, items]);\n    const openSet = React.useMemo(() => new Set(open), [open]);\n\n    const toggle = (id: string) => {\n      let next: string[];\n      if (openSet.has(id)) {\n        if (type === 'single' && !collapsible) return;\n        next = open.filter((o) => o !== id);\n      } else {\n        next = type === 'single' ? [id] : [...open, id];\n      }\n      if (controlledOpen === undefined) setInternalOpen(next);\n      if (persists && storageKey) {\n        try {\n          window.localStorage.setItem(storageKey, JSON.stringify(next));\n        } catch {\n          // Storage blocked or full; state still updates in memory.\n        }\n      }\n      onOpenChange?.(next);\n    };\n\n    return (\n      <div\n        ref={ref}\n        className={cn(accordionVariants({ variant }), className)}\n        {...props}\n      >\n        {items.map((item) => {\n          const isOpen = openSet.has(item.id);\n          const triggerId = `${baseId}-${item.id}-trigger`;\n          const panelId = `${baseId}-${item.id}-panel`;\n          return (\n            <div key={item.id} className={cn(itemVariants({ variant }))}>\n              <Heading className=\"m-0\">\n                <button\n                  type=\"button\"\n                  id={triggerId}\n                  data-slot=\"accordion-trigger\"\n                  aria-expanded={isOpen}\n                  aria-controls={panelId}\n                  disabled={item.disabled}\n                  onClick={() => toggle(item.id)}\n                  className={cn(\n                    'hover:bg-muted/60 flex w-full items-center justify-between gap-4 px-5 py-4 text-start transition-colors',\n                    'focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none focus-visible:ring-inset',\n                    'disabled:pointer-events-none disabled:opacity-50'\n                  )}\n                >\n                  <span className=\"text-foreground min-w-0 text-sm font-semibold\">\n                    {item.title}\n                  </span>\n                  <ChevronDown\n                    aria-hidden=\"true\"\n                    className={cn(\n                      'text-muted-foreground h-5 w-5 shrink-0 transition-transform duration-200',\n                      isOpen && 'rotate-180'\n                    )}\n                  />\n                </button>\n              </Heading>\n              {/* grid-rows 0fr→1fr animates to natural height without a max-height clip;\n                  collapsed panels are hidden from AT and unfocusable via aria-hidden + inert */}\n              <div\n                id={panelId}\n                role=\"region\"\n                aria-labelledby={triggerId}\n                aria-hidden={!isOpen}\n                inert={!isOpen || undefined}\n                className={cn(\n                  'grid transition-[grid-template-rows] duration-200 ease-out',\n                  isOpen ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'\n                )}\n              >\n                <div className=\"overflow-hidden\">\n                  <div\n                    data-slot=\"accordion-content\"\n                    className=\"text-muted-foreground px-5 pb-4 text-sm leading-relaxed\"\n                  >\n                    {item.content}\n                  </div>\n                </div>\n              </div>\n            </div>\n          );\n        })}\n      </div>\n    );\n  }\n);\n"]}

package/dist/{chunk-JELTRRR5.cjs → chunk-SW2E7XKY.cjs}

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkLFPJ3OUM_cjs = require('./chunk-LFPJ3OUM.cjs');
-var chunkX6A27RGO_cjs = require('./chunk-X6A27RGO.cjs');
+var chunkRIUQP2QS_cjs = require('./chunk-RIUQP2QS.cjs');
+var chunkANMX7YDL_cjs = require('./chunk-ANMX7YDL.cjs');
 var lucideReact = require('lucide-react');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -99,15 +99,15 @@ var CsvBlock = ({ code, id }) => {
     setTimeout(() => URL.revokeObjectURL(url), 100);
   }, [sortedRows, id, papa]);
   if (loadError) {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunkLFPJ3OUM_cjs.FenceBlock, { code, language: "csv", error: loadError, children: /* @__PURE__ */ jsxRuntime.jsx("div", {}) });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkRIUQP2QS_cjs.FenceBlock, { code, language: "csv", error: loadError, children: /* @__PURE__ */ jsxRuntime.jsx("div", {}) });
   }
   if (!papa) {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunkLFPJ3OUM_cjs.FenceBlock, { code, language: "csv", supportsRawView: true, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center p-6 text-sm text-neutral-500", children: "Loading CSV parser\u2026" }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkRIUQP2QS_cjs.FenceBlock, { code, language: "csv", supportsRawView: true, children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(chunkLFPJ3OUM_cjs.FenceBlock, { code, language: "csv", error: parsed.error, children: /* @__PURE__ */ jsxRuntime.jsx("div", {}) });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkRIUQP2QS_cjs.FenceBlock, { code, language: "csv", error: parsed.error, children: /* @__PURE__ */ jsxRuntime.jsx("div", {}) });
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkLFPJ3OUM_cjs.FenceBlock, { code, language: "csv", supportsRawView: true, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkRIUQP2QS_cjs.FenceBlock, { code, language: "csv", supportsRawView: true, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between border-b border-neutral-200 px-3 py-1.5 dark:border-neutral-700", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-xs text-neutral-500 dark:text-neutral-400", children: [
         sortedRows.length,
@@ -120,7 +120,7 @@ var CsvBlock = ({ code, id }) => {
         parsed.headers.length !== 1 ? "s" : ""
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs(
-        chunkX6A27RGO_cjs.Button,
+        chunkANMX7YDL_cjs.Button,
         {
           variant: "ghost",
           size: "sm",
@@ -180,5 +180,5 @@ var CsvBlock = ({ code, id }) => {
 };
 
 exports.CsvBlock = CsvBlock;
-//# sourceMappingURL=chunk-JELTRRR5.cjs.map
-//# sourceMappingURL=chunk-JELTRRR5.cjs.map
+//# sourceMappingURL=chunk-SW2E7XKY.cjs.map
+//# sourceMappingURL=chunk-SW2E7XKY.cjs.map

package/dist/{chunk-JELTRRR5.cjs.map → chunk-SW2E7XKY.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Markdown/CsvBlock.tsx"],"names":["useState","useEffect","useMemo","useCallback","jsx","FenceBlock","jsxs","Button","Download"],"mappings":"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","file":"chunk-JELTRRR5.cjs","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-start 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-start 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"]}
+{"version":3,"sources":["../src/components/Markdown/CsvBlock.tsx"],"names":["useState","useEffect","useMemo","useCallback","jsx","FenceBlock","jsxs","Button","Download"],"mappings":"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","file":"chunk-SW2E7XKY.cjs","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-start 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-start 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-SZSRGUVO.js

@@ -0,0 +1,402 @@
+import { AvatarGroup } from './chunk-DVDT7TX7.js';
+import { Avatar } from './chunk-TI3TQQ7F.js';
+import { useClickOutside } from './chunk-62ZOA6PX.js';
+import { useAnchoredPosition } from './chunk-WSNMQQ4P.js';
+import { cn } from './chunk-TQONQSJO.js';
+import * as React from 'react';
+import { createPortal } from 'react-dom';
+import { cva } from 'class-variance-authority';
+import { Loader2, ChevronDown, Search, UserX, Check } from 'lucide-react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var defaultUserPickerLabels = {
+  placeholder: "Select a user",
+  unassigned: "Unassigned",
+  search: "Search users",
+  noResults: "No matching users",
+  loading: "Loading users\u2026",
+  selectedCount: (count) => `${count} selected`,
+  saving: "Saving\u2026",
+  saveFailed: "Could not save. Try again."
+};
+var triggerVariants = cva(
+  [
+    "flex w-full items-center gap-2 rounded-lg border border-input bg-background text-start text-foreground",
+    "focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none",
+    "disabled:cursor-not-allowed disabled:opacity-50"
+  ],
+  {
+    variants: {
+      size: { sm: "min-h-8 px-2 py-1 text-sm", md: "min-h-10 px-3 py-1.5" }
+    },
+    defaultVariants: { size: "md" }
+  }
+);
+var UserPicker = React.forwardRef(
+  function UserPicker2(props, ref) {
+    const {
+      users,
+      label,
+      hideLabel,
+      allowUnassigned,
+      loading,
+      disabled,
+      onQueryChange,
+      labels: labelOverrides,
+      size,
+      className,
+      multiple,
+      value,
+      onChange,
+      ...rest
+    } = props;
+    const labels = { ...defaultUserPickerLabels, ...labelOverrides };
+    const [open, setOpen] = React.useState(false);
+    const [query, setQuery] = React.useState("");
+    const [activeIndex, setActiveIndex] = React.useState(0);
+    const [pendingIds, setPendingIds] = React.useState(null);
+    const [error, setError] = React.useState(null);
+    const triggerRef = React.useRef(null);
+    const searchRef = React.useRef(null);
+    const containerRef = React.useRef(null);
+    const id = React.useId();
+    const labelId = `${id}-label`;
+    const listId = `${id}-list`;
+    const errorId = `${id}-error`;
+    const { anchorRef, floatingRef, style } = useAnchoredPosition({ open, matchMinWidth: true, maxHeight: 320 });
+    const outsideRefs = React.useMemo(
+      () => [containerRef, floatingRef],
+      [floatingRef]
+    );
+    useClickOutside(outsideRefs, () => setOpen(false), open);
+    const committed = multiple ? value : value ? [value] : [];
+    const selectedIds = pendingIds ?? committed;
+    const seenUsers = React.useRef(/* @__PURE__ */ new Map());
+    React.useEffect(() => {
+      for (const u of users) seenUsers.current.set(u.id, u);
+    }, [users]);
+    const selectedUsers = selectedIds.map(
+      (uid) => users.find((u) => u.id === uid) ?? seenUsers.current.get(uid)
+    ).filter((u) => !!u);
+    const q = query.trim().toLowerCase();
+    const rows = [
+      ...allowUnassigned && !q ? [{ kind: "none" }] : [],
+      ...users.filter(
+        (u) => !q || u.name.toLowerCase().includes(q) || u.email?.toLowerCase().includes(q)
+      ).map((user) => ({ kind: "user", user }))
+    ];
+    const optionId = (i) => `${listId}-${i}`;
+    React.useEffect(() => {
+      if (open) searchRef.current?.focus();
+    }, [open]);
+    React.useEffect(() => {
+      if (open) {
+        document.getElementById(`${listId}-${activeIndex}`)?.scrollIntoView?.({ block: "nearest" });
+      }
+    }, [open, activeIndex, listId]);
+    const openList = () => {
+      if (disabled || pendingIds) return;
+      const first = rows.findIndex(
+        (r) => r.kind === "user" && selectedIds.includes(r.user.id)
+      );
+      setActiveIndex(Math.max(first, 0));
+      setOpen(true);
+    };
+    const close = (refocus) => {
+      setOpen(false);
+      setQuery("");
+      onQueryChange?.("");
+      if (refocus) triggerRef.current?.focus();
+    };
+    const emit = async (next) => {
+      setError(null);
+      setPendingIds(next);
+      try {
+        if (multiple) {
+          await onChange(next);
+        } else {
+          await onChange(
+            next[0] ?? null
+          );
+        }
+      } catch (e) {
+        setError(
+          e instanceof Error && e.message ? e.message : labels.saveFailed
+        );
+      } finally {
+        setPendingIds(null);
+      }
+    };
+    const choose = (row) => {
+      if (pendingIds) return;
+      if (row.kind === "none") {
+        void emit([]);
+        close(true);
+      } else if (multiple) {
+        const uid = row.user.id;
+        void emit(
+          selectedIds.includes(uid) ? selectedIds.filter((s) => s !== uid) : [...selectedIds, uid]
+        );
+      } else {
+        if (row.user.id !== committed[0]) void emit([row.user.id]);
+        close(true);
+      }
+    };
+    const handleSearchKeyDown = (e) => {
+      const last = rows.length - 1;
+      const moves = {
+        ArrowDown: Math.min(activeIndex + 1, last),
+        ArrowUp: Math.max(activeIndex - 1, 0),
+        Home: 0,
+        End: last
+      };
+      if (e.key in moves) {
+        e.preventDefault();
+        setActiveIndex(moves[e.key]);
+      } else if (e.key === "Enter") {
+        e.preventDefault();
+        if (rows[activeIndex]) choose(rows[activeIndex]);
+      } else if (e.key === "Escape") {
+        e.preventDefault();
+        close(true);
+      } else if (e.key === "Tab") {
+        close(false);
+      }
+    };
+    const summary = selectedUsers.length === 0 ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground truncate", children: allowUnassigned ? labels.unassigned : labels.placeholder }) : selectedUsers.length === 1 ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        Avatar,
+        {
+          "aria-hidden": "true",
+          size: "xs",
+          src: selectedUsers[0].avatarUrl,
+          name: selectedUsers[0].name,
+          alt: ""
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "truncate", children: selectedUsers[0].name })
+    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(AvatarGroup, { size: "xs", max: 3, "aria-hidden": "true", children: selectedUsers.map((u) => /* @__PURE__ */ jsx(Avatar, { src: u.avatarUrl, name: u.name }, u.id)) }),
+      /* @__PURE__ */ jsx("span", { className: "truncate", children: labels.selectedCount(selectedUsers.length) })
+    ] });
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: (node) => {
+          containerRef.current = node;
+          if (typeof ref === "function") ref(node);
+          else if (ref) ref.current = node;
+        },
+        "data-slot": "user-picker",
+        className: cn("w-full", className),
+        ...rest,
+        children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              id: labelId,
+              className: cn(
+                "text-foreground mb-1.5 block text-sm font-medium",
+                hideLabel && "sr-only"
+              ),
+              children: label
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              ref: (node) => {
+                triggerRef.current = node;
+                anchorRef.current = node;
+              },
+              type: "button",
+              id: `${id}-trigger`,
+              "data-slot": "user-picker-trigger",
+              "aria-haspopup": "listbox",
+              "aria-expanded": open,
+              "aria-controls": open ? listId : void 0,
+              "aria-labelledby": `${labelId} ${id}-trigger`,
+              "aria-describedby": error ? errorId : void 0,
+              "aria-busy": pendingIds ? true : void 0,
+              disabled,
+              onClick: () => open ? close(false) : openList(),
+              onKeyDown: (e) => {
+                if (e.key === "ArrowDown" && !open) {
+                  e.preventDefault();
+                  openList();
+                }
+              },
+              className: triggerVariants({ size }),
+              children: [
+                /* @__PURE__ */ jsx("span", { className: "flex min-w-0 flex-1 items-center gap-2", children: summary }),
+                pendingIds ? /* @__PURE__ */ jsxs("span", { role: "status", className: "inline-flex", children: [
+                  /* @__PURE__ */ jsx(
+                    Loader2,
+                    {
+                      "aria-hidden": "true",
+                      className: "text-muted-foreground h-4 w-4 animate-spin motion-reduce:animate-none"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("span", { className: "sr-only", children: labels.saving })
+                ] }) : /* @__PURE__ */ jsx(
+                  ChevronDown,
+                  {
+                    "aria-hidden": "true",
+                    className: "text-muted-foreground h-4 w-4 shrink-0"
+                  }
+                )
+              ]
+            }
+          ),
+          error && /* @__PURE__ */ jsx(
+            "p",
+            {
+              id: errorId,
+              role: "alert",
+              "data-slot": "user-picker-error",
+              className: "text-destructive-700 dark:text-destructive-400 mt-1 text-sm",
+              children: error
+            }
+          ),
+          open && createPortal(
+            /* @__PURE__ */ jsxs(
+              "div",
+              {
+                ref: floatingRef,
+                style,
+                "data-slot": "user-picker-popover",
+                className: "border-border bg-card text-card-foreground flex flex-col overflow-hidden rounded-md border shadow-lg",
+                children: [
+                  /* @__PURE__ */ jsxs("div", { className: "border-border flex items-center gap-2 border-b px-3", children: [
+                    /* @__PURE__ */ jsx(
+                      Search,
+                      {
+                        "aria-hidden": "true",
+                        className: "text-muted-foreground h-4 w-4 shrink-0"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx(
+                      "input",
+                      {
+                        ref: searchRef,
+                        type: "text",
+                        role: "combobox",
+                        "aria-label": labels.search,
+                        "aria-expanded": "true",
+                        "aria-controls": listId,
+                        "aria-autocomplete": "list",
+                        "aria-activedescendant": rows[activeIndex] ? optionId(activeIndex) : void 0,
+                        autoComplete: "off",
+                        placeholder: labels.search,
+                        value: query,
+                        onChange: (e) => {
+                          setQuery(e.target.value);
+                          setActiveIndex(0);
+                          onQueryChange?.(e.target.value);
+                        },
+                        onKeyDown: handleSearchKeyDown,
+                        className: "placeholder:text-muted-foreground text-foreground h-9 w-full bg-transparent text-sm outline-none"
+                      }
+                    )
+                  ] }),
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      id: listId,
+                      role: "listbox",
+                      "aria-labelledby": labelId,
+                      "aria-multiselectable": multiple || void 0,
+                      "aria-busy": loading || void 0,
+                      className: "min-h-0 flex-1 overflow-auto py-1",
+                      children: loading ? /* @__PURE__ */ jsxs(
+                        "div",
+                        {
+                          role: "status",
+                          className: "text-muted-foreground flex items-center gap-2 px-3 py-2 text-sm",
+                          children: [
+                            /* @__PURE__ */ jsx(
+                              Loader2,
+                              {
+                                "aria-hidden": "true",
+                                className: "h-4 w-4 animate-spin motion-reduce:animate-none"
+                              }
+                            ),
+                            labels.loading
+                          ]
+                        }
+                      ) : rows.length === 0 ? /* @__PURE__ */ jsx("div", { className: "text-muted-foreground px-3 py-2 text-sm", children: labels.noResults }) : rows.map((row, i) => {
+                        const selected = row.kind === "none" ? selectedIds.length === 0 : selectedIds.includes(row.user.id);
+                        return /* @__PURE__ */ jsxs(
+                          "button",
+                          {
+                            type: "button",
+                            tabIndex: -1,
+                            id: optionId(i),
+                            role: "option",
+                            "aria-selected": selected,
+                            "data-active": i === activeIndex || void 0,
+                            onMouseEnter: () => setActiveIndex(i),
+                            onMouseDown: (e) => e.preventDefault(),
+                            onClick: () => choose(row),
+                            className: cn(
+                              "flex w-full items-center gap-2 px-3 py-2 text-start text-sm",
+                              i === activeIndex ? "bg-muted" : "hover:bg-muted"
+                            ),
+                            children: [
+                              row.kind === "none" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                                /* @__PURE__ */ jsx("span", { className: "bg-muted text-muted-foreground inline-flex h-6 w-6 items-center justify-center rounded-full", children: /* @__PURE__ */ jsx(
+                                  UserX,
+                                  {
+                                    "aria-hidden": "true",
+                                    className: "h-3.5 w-3.5"
+                                  }
+                                ) }),
+                                /* @__PURE__ */ jsx("span", { className: "flex-1", children: labels.unassigned })
+                              ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                                /* @__PURE__ */ jsx(
+                                  Avatar,
+                                  {
+                                    "aria-hidden": "true",
+                                    size: "xs",
+                                    src: row.user.avatarUrl,
+                                    name: row.user.name,
+                                    alt: ""
+                                  }
+                                ),
+                                /* @__PURE__ */ jsxs("span", { className: "min-w-0 flex-1", children: [
+                                  /* @__PURE__ */ jsx("span", { className: "block truncate", children: row.user.name }),
+                                  row.user.email && /* @__PURE__ */ jsx("span", { className: "text-muted-foreground block truncate text-xs", children: row.user.email })
+                                ] })
+                              ] }),
+                              /* @__PURE__ */ jsx(
+                                Check,
+                                {
+                                  "aria-hidden": "true",
+                                  className: cn(
+                                    "text-primary-600 dark:text-primary-400 h-4 w-4 shrink-0",
+                                    !selected && "invisible"
+                                  )
+                                }
+                              )
+                            ]
+                          },
+                          row.kind === "none" ? "__none__" : row.user.id
+                        );
+                      })
+                    }
+                  )
+                ]
+              }
+            ),
+            document.body
+          )
+        ]
+      }
+    );
+  }
+);
+UserPicker.displayName = "UserPicker";
+
+export { UserPicker, defaultUserPickerLabels };
+//# sourceMappingURL=chunk-SZSRGUVO.js.map
+//# sourceMappingURL=chunk-SZSRGUVO.js.map