@mieweb/ui 0.10.0-dev.1 → 0.10.0-dev.10

package/dist/{chunk-5Z6UPVGC.cjs → chunk-3QEVGSFG.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunk6QKMMKRY_cjs = require('./chunk-6QKMMKRY.cjs');
+var chunkUV2FVNWT_cjs = require('./chunk-UV2FVNWT.cjs');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -85,11 +85,11 @@ var SurveyBlock = ({ code, id }) => {
     };
   }, [code]);
   if (!parsed) {
-    return /* @__PURE__ */ jsxRuntime.jsx(chunk6QKMMKRY_cjs.FenceBlock, { code, language: "survey", supportsRawView: true, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center p-6 text-sm text-neutral-500", children: "Loading survey\u2026" }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(chunkUV2FVNWT_cjs.FenceBlock, { code, language: "survey", supportsRawView: true, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center p-6 text-sm text-neutral-500", children: "Loading survey\u2026" }) });
   }
   const { fields, error } = parsed;
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk6QKMMKRY_cjs.FenceBlock,
+    chunkUV2FVNWT_cjs.FenceBlock,
     {
       code,
       language: "survey",
@@ -194,5 +194,5 @@ var SurveyBlock = ({ code, id }) => {
 };
 
 exports.SurveyBlock = SurveyBlock;
-//# sourceMappingURL=chunk-5Z6UPVGC.cjs.map
-//# sourceMappingURL=chunk-5Z6UPVGC.cjs.map
+//# sourceMappingURL=chunk-3QEVGSFG.cjs.map
+//# sourceMappingURL=chunk-3QEVGSFG.cjs.map

package/dist/{chunk-5Z6UPVGC.cjs.map → chunk-3QEVGSFG.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Markdown/SurveyBlock.tsx"],"names":["useState","useEffect","jsx","FenceBlock","jsxs"],"mappings":"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","file":"chunk-5Z6UPVGC.cjs","sourcesContent":["/** Survey/questionnaire preview from JSON or YAML. Requires `js-yaml` for YAML input. */\nimport React, { useEffect, useState } from 'react';\n\nimport { FenceBlock } from './FenceBlock';\n\ninterface SurveyBlockProps {\n  code: string;\n  id: string;\n}\n\ninterface SurveyField {\n  type: string;\n  name: string;\n  title?: string;\n  label?: string;\n  choices?: Array<string | { value: string; text: string }>;\n  isRequired?: boolean;\n}\n\ninterface ParsedSurvey {\n  fields: SurveyField[];\n  error: string | null;\n}\n\ntype YamlLoadFn = (input: string) => unknown;\nlet yamlPromise: Promise<YamlLoadFn> | null = null;\nfunction loadYaml(): Promise<YamlLoadFn> {\n  if (!yamlPromise) {\n    yamlPromise = import(/* @vite-ignore */ 'js-yaml')\n      .then((mod) => {\n        const api =\n          (mod as { default?: { load?: YamlLoadFn }; load?: YamlLoadFn })\n            .default ?? mod;\n        const load = (api as { load?: YamlLoadFn }).load;\n        if (typeof load !== 'function')\n          throw new Error('js-yaml load not found');\n        return load;\n      })\n      .catch((err) => {\n        yamlPromise = null;\n        throw err;\n      });\n  }\n  return yamlPromise;\n}\n\nfunction tryParseJson(\n  code: string\n): { ok: true; data: unknown } | { ok: false } {\n  try {\n    return { ok: true, data: JSON.parse(code) };\n  } catch {\n    return { ok: false };\n  }\n}\n\nfunction elementsToParsed(data: unknown): ParsedSurvey {\n  if (!data || typeof data !== 'object') {\n    return { fields: [], error: 'Invalid survey data format' };\n  }\n  const obj = data as Record<string, unknown>;\n\n  let elements: unknown[] = [];\n  if (Array.isArray(obj.pages)) {\n    for (const page of obj.pages as Array<Record<string, unknown>>) {\n      if (Array.isArray(page.elements)) {\n        elements = elements.concat(page.elements);\n      }\n    }\n  } else if (Array.isArray(obj.elements)) {\n    elements = obj.elements;\n  } else if (Array.isArray(obj.questions)) {\n    elements = obj.questions;\n  } else if (Array.isArray(obj.fields)) {\n    elements = obj.fields;\n  } else {\n    return { fields: [], error: 'No survey questions found in data' };\n  }\n\n  return { fields: elements as SurveyField[], error: null };\n}\n\nexport const SurveyBlock: React.FC<SurveyBlockProps> = ({ code, id }) => {\n  const [parsed, setParsed] = useState<ParsedSurvey | null>(null);\n\n  useEffect(() => {\n    let cancelled = false;\n\n    const jsonResult = tryParseJson(code);\n    if (jsonResult.ok) {\n      setParsed(elementsToParsed(jsonResult.data));\n      return;\n    }\n\n    loadYaml()\n      .then((load) => {\n        try {\n          const data = load(code);\n          if (!cancelled) setParsed(elementsToParsed(data));\n        } catch (err) {\n          if (!cancelled)\n            setParsed({\n              fields: [],\n              error: `Failed to parse survey data: ${(err as Error).message}`,\n            });\n        }\n      })\n      .catch(() => {\n        if (!cancelled)\n          setParsed({\n            fields: [],\n            error:\n              'Survey preview requires the `js-yaml` package for YAML input. Install it with `npm install js-yaml`.',\n          });\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, [code]);\n\n  if (!parsed) {\n    return (\n      <FenceBlock code={code} language=\"survey\" supportsRawView>\n        <div className=\"flex items-center justify-center p-6 text-sm text-neutral-500\">\n          Loading survey…\n        </div>\n      </FenceBlock>\n    );\n  }\n\n  const { fields, error } = parsed;\n\n  return (\n    <FenceBlock\n      code={code}\n      language=\"survey\"\n      supportsRawView\n      error={error ?? undefined}\n    >\n      <div className=\"space-y-4 p-4\">\n        <h4 className=\"text-sm font-medium text-neutral-700 dark:text-neutral-300\">\n          Survey Preview\n        </h4>\n        {fields.map((field, i) => {\n          const fieldId = `${id}-field-${field.name ?? i}`;\n          return (\n            <div key={field.name ?? i} className=\"space-y-1.5\">\n              <label\n                htmlFor={fieldId}\n                className=\"block text-sm font-medium text-neutral-700 dark:text-neutral-300\"\n              >\n                {field.title ?? field.label ?? field.name}\n                {field.isRequired && (\n                  <span className=\"ms-1 text-red-500\">*</span>\n                )}\n              </label>\n\n              {(field.type === 'radiogroup' || field.type === 'radio') &&\n                field.choices && (\n                  <div className=\"space-y-1\">\n                    {field.choices.map((choice, ci) => {\n                      const value =\n                        typeof choice === 'string' ? choice : choice.value;\n                      const text =\n                        typeof choice === 'string' ? choice : choice.text;\n                      return (\n                        <label\n                          key={ci}\n                          className=\"flex items-center gap-2 text-sm text-neutral-600 dark:text-neutral-400\"\n                        >\n                          <input\n                            type=\"radio\"\n                            name={`${id}-${field.name}`}\n                            value={value}\n                            disabled\n                            className=\"accent-primary-500\"\n                          />\n                          {text}\n                        </label>\n                      );\n                    })}\n                  </div>\n                )}\n\n              {(field.type === 'checkbox' || field.type === 'boolean') && (\n                <input\n                  id={fieldId}\n                  type=\"checkbox\"\n                  disabled\n                  className=\"accent-primary-500\"\n                />\n              )}\n\n              {(field.type === 'text' || field.type === 'comment') && (\n                <input\n                  id={fieldId}\n                  type=\"text\"\n                  disabled\n                  placeholder={field.title ?? field.name}\n                  className=\"w-full rounded-md border border-neutral-300 bg-neutral-100 px-3 py-1.5 text-sm dark:border-neutral-600 dark:bg-neutral-800\"\n                />\n              )}\n\n              {field.type === 'rating' && (\n                <div\n                  role=\"img\"\n                  className=\"flex gap-1\"\n                  aria-label=\"Rating: 0 out of 5\"\n                >\n                  {[1, 2, 3, 4, 5].map((n) => (\n                    <span\n                      key={n}\n                      aria-hidden=\"true\"\n                      className=\"text-lg text-neutral-500 dark:text-neutral-500\"\n                    >\n                      ★\n                    </span>\n                  ))}\n                </div>\n              )}\n\n              {field.type === 'dropdown' && field.choices && (\n                <select\n                  id={fieldId}\n                  name={fieldId}\n                  disabled\n                  className=\"w-full rounded-md border border-neutral-300 bg-neutral-100 px-3 py-1.5 text-sm dark:border-neutral-600 dark:bg-neutral-800\"\n                >\n                  {field.choices.map((choice, ci) => {\n                    const value =\n                      typeof choice === 'string' ? choice : choice.value;\n                    const text =\n                      typeof choice === 'string' ? choice : choice.text;\n                    return (\n                      <option key={ci} value={value}>\n                        {text}\n                      </option>\n                    );\n                  })}\n                </select>\n              )}\n            </div>\n          );\n        })}\n        <p className=\"text-xs text-neutral-600 dark:text-neutral-400\">\n          This is a preview. Interactive survey support coming soon.\n        </p>\n      </div>\n    </FenceBlock>\n  );\n};\n"]}
+{"version":3,"sources":["../src/components/Markdown/SurveyBlock.tsx"],"names":["useState","useEffect","jsx","FenceBlock","jsxs"],"mappings":"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","file":"chunk-3QEVGSFG.cjs","sourcesContent":["/** Survey/questionnaire preview from JSON or YAML. Requires `js-yaml` for YAML input. */\nimport React, { useEffect, useState } from 'react';\n\nimport { FenceBlock } from './FenceBlock';\n\ninterface SurveyBlockProps {\n  code: string;\n  id: string;\n}\n\ninterface SurveyField {\n  type: string;\n  name: string;\n  title?: string;\n  label?: string;\n  choices?: Array<string | { value: string; text: string }>;\n  isRequired?: boolean;\n}\n\ninterface ParsedSurvey {\n  fields: SurveyField[];\n  error: string | null;\n}\n\ntype YamlLoadFn = (input: string) => unknown;\nlet yamlPromise: Promise<YamlLoadFn> | null = null;\nfunction loadYaml(): Promise<YamlLoadFn> {\n  if (!yamlPromise) {\n    yamlPromise = import(/* @vite-ignore */ 'js-yaml')\n      .then((mod) => {\n        const api =\n          (mod as { default?: { load?: YamlLoadFn }; load?: YamlLoadFn })\n            .default ?? mod;\n        const load = (api as { load?: YamlLoadFn }).load;\n        if (typeof load !== 'function')\n          throw new Error('js-yaml load not found');\n        return load;\n      })\n      .catch((err) => {\n        yamlPromise = null;\n        throw err;\n      });\n  }\n  return yamlPromise;\n}\n\nfunction tryParseJson(\n  code: string\n): { ok: true; data: unknown } | { ok: false } {\n  try {\n    return { ok: true, data: JSON.parse(code) };\n  } catch {\n    return { ok: false };\n  }\n}\n\nfunction elementsToParsed(data: unknown): ParsedSurvey {\n  if (!data || typeof data !== 'object') {\n    return { fields: [], error: 'Invalid survey data format' };\n  }\n  const obj = data as Record<string, unknown>;\n\n  let elements: unknown[] = [];\n  if (Array.isArray(obj.pages)) {\n    for (const page of obj.pages as Array<Record<string, unknown>>) {\n      if (Array.isArray(page.elements)) {\n        elements = elements.concat(page.elements);\n      }\n    }\n  } else if (Array.isArray(obj.elements)) {\n    elements = obj.elements;\n  } else if (Array.isArray(obj.questions)) {\n    elements = obj.questions;\n  } else if (Array.isArray(obj.fields)) {\n    elements = obj.fields;\n  } else {\n    return { fields: [], error: 'No survey questions found in data' };\n  }\n\n  return { fields: elements as SurveyField[], error: null };\n}\n\nexport const SurveyBlock: React.FC<SurveyBlockProps> = ({ code, id }) => {\n  const [parsed, setParsed] = useState<ParsedSurvey | null>(null);\n\n  useEffect(() => {\n    let cancelled = false;\n\n    const jsonResult = tryParseJson(code);\n    if (jsonResult.ok) {\n      setParsed(elementsToParsed(jsonResult.data));\n      return;\n    }\n\n    loadYaml()\n      .then((load) => {\n        try {\n          const data = load(code);\n          if (!cancelled) setParsed(elementsToParsed(data));\n        } catch (err) {\n          if (!cancelled)\n            setParsed({\n              fields: [],\n              error: `Failed to parse survey data: ${(err as Error).message}`,\n            });\n        }\n      })\n      .catch(() => {\n        if (!cancelled)\n          setParsed({\n            fields: [],\n            error:\n              'Survey preview requires the `js-yaml` package for YAML input. Install it with `npm install js-yaml`.',\n          });\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, [code]);\n\n  if (!parsed) {\n    return (\n      <FenceBlock code={code} language=\"survey\" supportsRawView>\n        <div className=\"flex items-center justify-center p-6 text-sm text-neutral-500\">\n          Loading survey…\n        </div>\n      </FenceBlock>\n    );\n  }\n\n  const { fields, error } = parsed;\n\n  return (\n    <FenceBlock\n      code={code}\n      language=\"survey\"\n      supportsRawView\n      error={error ?? undefined}\n    >\n      <div className=\"space-y-4 p-4\">\n        <h4 className=\"text-sm font-medium text-neutral-700 dark:text-neutral-300\">\n          Survey Preview\n        </h4>\n        {fields.map((field, i) => {\n          const fieldId = `${id}-field-${field.name ?? i}`;\n          return (\n            <div key={field.name ?? i} className=\"space-y-1.5\">\n              <label\n                htmlFor={fieldId}\n                className=\"block text-sm font-medium text-neutral-700 dark:text-neutral-300\"\n              >\n                {field.title ?? field.label ?? field.name}\n                {field.isRequired && (\n                  <span className=\"ms-1 text-red-500\">*</span>\n                )}\n              </label>\n\n              {(field.type === 'radiogroup' || field.type === 'radio') &&\n                field.choices && (\n                  <div className=\"space-y-1\">\n                    {field.choices.map((choice, ci) => {\n                      const value =\n                        typeof choice === 'string' ? choice : choice.value;\n                      const text =\n                        typeof choice === 'string' ? choice : choice.text;\n                      return (\n                        <label\n                          key={ci}\n                          className=\"flex items-center gap-2 text-sm text-neutral-600 dark:text-neutral-400\"\n                        >\n                          <input\n                            type=\"radio\"\n                            name={`${id}-${field.name}`}\n                            value={value}\n                            disabled\n                            className=\"accent-primary-500\"\n                          />\n                          {text}\n                        </label>\n                      );\n                    })}\n                  </div>\n                )}\n\n              {(field.type === 'checkbox' || field.type === 'boolean') && (\n                <input\n                  id={fieldId}\n                  type=\"checkbox\"\n                  disabled\n                  className=\"accent-primary-500\"\n                />\n              )}\n\n              {(field.type === 'text' || field.type === 'comment') && (\n                <input\n                  id={fieldId}\n                  type=\"text\"\n                  disabled\n                  placeholder={field.title ?? field.name}\n                  className=\"w-full rounded-md border border-neutral-300 bg-neutral-100 px-3 py-1.5 text-sm dark:border-neutral-600 dark:bg-neutral-800\"\n                />\n              )}\n\n              {field.type === 'rating' && (\n                <div\n                  role=\"img\"\n                  className=\"flex gap-1\"\n                  aria-label=\"Rating: 0 out of 5\"\n                >\n                  {[1, 2, 3, 4, 5].map((n) => (\n                    <span\n                      key={n}\n                      aria-hidden=\"true\"\n                      className=\"text-lg text-neutral-500 dark:text-neutral-500\"\n                    >\n                      ★\n                    </span>\n                  ))}\n                </div>\n              )}\n\n              {field.type === 'dropdown' && field.choices && (\n                <select\n                  id={fieldId}\n                  name={fieldId}\n                  disabled\n                  className=\"w-full rounded-md border border-neutral-300 bg-neutral-100 px-3 py-1.5 text-sm dark:border-neutral-600 dark:bg-neutral-800\"\n                >\n                  {field.choices.map((choice, ci) => {\n                    const value =\n                      typeof choice === 'string' ? choice : choice.value;\n                    const text =\n                      typeof choice === 'string' ? choice : choice.text;\n                    return (\n                      <option key={ci} value={value}>\n                        {text}\n                      </option>\n                    );\n                  })}\n                </select>\n              )}\n            </div>\n          );\n        })}\n        <p className=\"text-xs text-neutral-600 dark:text-neutral-400\">\n          This is a preview. Interactive survey support coming soon.\n        </p>\n      </div>\n    </FenceBlock>\n  );\n};\n"]}

package/dist/{chunk-PYHFVYVZ.js → chunk-3QGS6CXD.js}

@@ -1,4 +1,4 @@
-import { Button } from './chunk-KREUYVMZ.js';
+import { Button } from './chunk-GOALNQZ2.js';
 import { cn } from './chunk-TQONQSJO.js';
 import * as React from 'react';
 import { Minus, ExternalLink, X, Square } from 'lucide-react';
@@ -316,5 +316,5 @@ var MinimizedWindow = React.forwardRef(
 MinimizedWindow.displayName = "MinimizedWindow";
 
 export { FloatingWindow, MinimizedWindow };
-//# sourceMappingURL=chunk-PYHFVYVZ.js.map
-//# sourceMappingURL=chunk-PYHFVYVZ.js.map
+//# sourceMappingURL=chunk-3QGS6CXD.js.map
+//# sourceMappingURL=chunk-3QGS6CXD.js.map

package/dist/{chunk-PYHFVYVZ.js.map → chunk-3QGS6CXD.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/FloatingWindow/FloatingWindow.tsx"],"names":[],"mappings":"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","file":"chunk-PYHFVYVZ.js","sourcesContent":["import * as React from 'react';\nimport { Minus, Square, ExternalLink, X } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { Button } from '../Button';\n\ntype ResizeDirection = 'n' | 's' | 'e' | 'w' | 'ne' | 'nw' | 'se' | 'sw';\n\nexport interface FloatingWindowProps {\n  /** Whether the window is rendered. */\n  open: boolean;\n  /** Whether the window is collapsed to a minimized bar (renders nothing). */\n  minimized?: boolean;\n  /** Window title shown in the header. */\n  title: React.ReactNode;\n  /** Window body content. */\n  children: React.ReactNode;\n  /** Footer content, typically action buttons. */\n  footer?: React.ReactNode;\n  /** Called when the close control is activated. */\n  onClose: () => void;\n  /** Called when the minimize control is activated. Hidden when omitted. */\n  onMinimize?: () => void;\n  /** Called when the pop-out control is activated. Hidden when omitted. */\n  onPopOut?: () => void;\n  /**\n   * When `true` the window floats at a draggable position. When `false`\n   * (default) it is centered over a dimmed overlay like a modal.\n   */\n  draggable?: boolean;\n  /** Whether the window can be resized from its edges/corners. Default true. */\n  resizable?: boolean;\n  /** Initial width in pixels. Default 1024. */\n  defaultWidth?: number;\n  /** Initial height in pixels. Default 600. */\n  defaultHeight?: number;\n  /** Minimum width in pixels. Default 600. */\n  minWidth?: number;\n  /** Minimum height in pixels. Default 400. */\n  minHeight?: number;\n  /** Class applied to the window container. */\n  className?: string;\n  /** Accessible label for the dialog when the title is not text. */\n  'aria-label'?: string;\n}\n\n// Resize handles are genuinely physical: their geometry is tied to mouse\n// clientX/clientY drag math, and every edge/corner has a handle, so RTL users\n// lose nothing. Exempt from the RTL guard.\nconst RESIZE_HANDLES: { dir: ResizeDirection; className: string }[] = [\n  { dir: 'nw', className: 'top-0 left-0 h-2 w-2 cursor-nw-resize' }, // rtl-ignore\n  { dir: 'ne', className: 'top-0 right-0 h-2 w-2 cursor-ne-resize' }, // rtl-ignore\n  { dir: 'sw', className: 'bottom-0 left-0 h-2 w-2 cursor-sw-resize' }, // rtl-ignore\n  { dir: 'n', className: 'top-0 left-2 right-2 h-1 cursor-n-resize' }, // rtl-ignore\n  { dir: 's', className: 'bottom-0 left-2 right-2 h-1 cursor-s-resize' }, // rtl-ignore\n  { dir: 'w', className: 'left-0 top-2 bottom-2 w-1 cursor-w-resize' }, // rtl-ignore\n  { dir: 'e', className: 'right-0 top-2 bottom-2 w-1 cursor-e-resize' }, // rtl-ignore\n];\n\n/**\n * A presentational floating window shell used for pop-out editors (notes,\n * letters, etc.). It can render as a centered modal-style window or as a\n * draggable, freely-positioned window, and supports edge/corner resizing.\n * Open/minimize/close state and footer actions are controlled via props so it\n * can be wired to any store.\n */\nconst FloatingWindow = React.forwardRef<HTMLDivElement, FloatingWindowProps>(\n  (\n    {\n      open,\n      minimized = false,\n      title,\n      children,\n      footer,\n      onClose,\n      onMinimize,\n      onPopOut,\n      draggable = false,\n      resizable = true,\n      defaultWidth = 1024,\n      defaultHeight = 600,\n      minWidth = 600,\n      minHeight = 400,\n      className,\n      'aria-label': ariaLabel,\n    },\n    ref\n  ) => {\n    const [size, setSize] = React.useState({\n      width: defaultWidth,\n      height: defaultHeight,\n    });\n    const [position, setPosition] = React.useState({ x: 50, y: 50 });\n\n    const dragRef = React.useRef<{ x: number; y: number } | null>(null);\n    const resizeRef = React.useRef<{\n      dir: ResizeDirection;\n      startX: number;\n      startY: number;\n      startW: number;\n      startH: number;\n      startPosX: number;\n      startPosY: number;\n    } | null>(null);\n\n    const titleId = React.useId();\n\n    const handleResizeStart = (e: React.MouseEvent, dir: ResizeDirection) => {\n      e.preventDefault();\n      e.stopPropagation();\n      resizeRef.current = {\n        dir,\n        startX: e.clientX,\n        startY: e.clientY,\n        startW: size.width,\n        startH: size.height,\n        startPosX: position.x,\n        startPosY: position.y,\n      };\n    };\n\n    const handleDragStart = (e: React.MouseEvent) => {\n      if (!draggable) return;\n      if ((e.target as HTMLElement).closest('[data-window-controls]')) return;\n      const rect = (e.currentTarget as HTMLElement)\n        .closest('[data-slot=\"floating-window\"]')!\n        .getBoundingClientRect();\n      dragRef.current = { x: e.clientX - rect.left, y: e.clientY - rect.top };\n    };\n\n    React.useEffect(() => {\n      if (!open || minimized) return;\n\n      const handleMouseMove = (e: MouseEvent) => {\n        if (dragRef.current) {\n          setPosition({\n            x: e.clientX - dragRef.current.x,\n            y: e.clientY - dragRef.current.y,\n          });\n          return;\n        }\n        const r = resizeRef.current;\n        if (!r) return;\n        const deltaX = e.clientX - r.startX;\n        const deltaY = e.clientY - r.startY;\n        let newWidth = r.startW;\n        let newHeight = r.startH;\n        let newX = r.startPosX;\n        let newY = r.startPosY;\n\n        if (r.dir.includes('e')) {\n          newWidth = Math.max(\n            minWidth,\n            Math.min(window.innerWidth - 40, r.startW + deltaX)\n          );\n        }\n        if (r.dir.includes('w')) {\n          newWidth = Math.max(minWidth, r.startW - deltaX);\n          if (draggable) newX = r.startPosX + (r.startW - newWidth);\n        }\n        if (r.dir.includes('s')) {\n          newHeight = Math.max(\n            minHeight,\n            Math.min(window.innerHeight - 40, r.startH + deltaY)\n          );\n        }\n        if (r.dir.includes('n')) {\n          newHeight = Math.max(minHeight, r.startH - deltaY);\n          if (draggable) newY = r.startPosY + (r.startH - newHeight);\n        }\n\n        setSize({ width: newWidth, height: newHeight });\n        if (draggable && (r.dir.includes('w') || r.dir.includes('n'))) {\n          setPosition({ x: newX, y: newY });\n        }\n      };\n\n      const handleMouseUp = () => {\n        dragRef.current = null;\n        resizeRef.current = null;\n      };\n\n      document.addEventListener('mousemove', handleMouseMove);\n      document.addEventListener('mouseup', handleMouseUp);\n      return () => {\n        document.removeEventListener('mousemove', handleMouseMove);\n        document.removeEventListener('mouseup', handleMouseUp);\n      };\n    }, [open, minimized, draggable, minWidth, minHeight]);\n\n    if (!open || minimized) return null;\n\n    const windowEl = (\n      <div\n        ref={ref}\n        data-slot=\"floating-window\"\n        role=\"dialog\"\n        aria-modal={draggable ? undefined : true}\n        aria-labelledby={typeof title === 'string' ? titleId : undefined}\n        aria-label={typeof title === 'string' ? undefined : ariaLabel}\n        className={cn(\n          'bg-card text-card-foreground relative flex flex-col overflow-hidden rounded-lg shadow-2xl',\n          draggable && 'border-primary-800 fixed border-2',\n          className\n        )}\n        style={\n          draggable\n            ? {\n                left: position.x,\n                top: position.y,\n                width: size.width,\n                height: size.height,\n                maxWidth: 'calc(100vw - 40px)',\n                maxHeight: 'calc(100vh - 40px)',\n                zIndex: 50,\n              }\n            : {\n                width: size.width,\n                height: size.height,\n                maxWidth: 'calc(100vw - 40px)',\n                maxHeight: 'calc(100vh - 40px)',\n              }\n        }\n      >\n        {resizable &&\n          RESIZE_HANDLES.map((handle) => (\n            <div\n              key={handle.dir}\n              aria-hidden=\"true\"\n              className={cn('absolute z-10', handle.className)}\n              onMouseDown={(e) => handleResizeStart(e, handle.dir)}\n            />\n          ))}\n        {resizable && (\n          <div\n            aria-hidden=\"true\"\n            // rtl-ignore -- physical se-corner grip, paired with clientX resize math\n            className=\"hover:bg-muted/50 absolute right-0 bottom-0 z-10 h-4 w-4 cursor-se-resize rounded-tl\"\n            onMouseDown={(e) => handleResizeStart(e, 'se')}\n          >\n            <svg\n              className=\"text-muted-foreground/50 h-4 w-4\"\n              viewBox=\"0 0 24 24\"\n              fill=\"currentColor\"\n            >\n              <path d=\"M22 22H20V20H22V22ZM22 18H20V16H22V18ZM18 22H16V20H18V22ZM22 14H20V12H22V14ZM18 18H16V16H18V18ZM14 22H12V20H14V22Z\" />\n            </svg>\n          </div>\n        )}\n\n        {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions -- header acts as an optional drag handle; the controls inside remain keyboard accessible */}\n        <div\n          data-slot=\"floating-window-header\"\n          className={cn(\n            'bg-primary-800 text-primary-foreground flex items-center justify-between rounded-t-lg px-4 py-3',\n            draggable && 'cursor-move'\n          )}\n          onMouseDown={handleDragStart}\n        >\n          <h2\n            id={typeof title === 'string' ? titleId : undefined}\n            className=\"text-lg font-semibold\"\n          >\n            {title}\n          </h2>\n          <div data-window-controls className=\"flex items-center gap-1\">\n            {onMinimize && (\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                className=\"text-primary-foreground hover:bg-primary-foreground/20 h-8 w-8 p-0\"\n                onClick={onMinimize}\n                aria-label=\"Minimize\"\n                title=\"Minimize\"\n              >\n                <Minus className=\"h-4 w-4\" />\n              </Button>\n            )}\n            {onPopOut && (\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                className=\"text-primary-foreground hover:bg-primary-foreground/20 h-8 w-8 p-0\"\n                onClick={onPopOut}\n                aria-label=\"Open in new window\"\n                title=\"Open in new window\"\n              >\n                <ExternalLink className=\"h-4 w-4\" />\n              </Button>\n            )}\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"sm\"\n              className=\"text-primary-foreground hover:bg-primary-foreground/20 h-8 w-8 p-0\"\n              onClick={onClose}\n              aria-label=\"Close\"\n              title=\"Close\"\n            >\n              <X className=\"h-4 w-4\" />\n            </Button>\n          </div>\n        </div>\n\n        {/* eslint-disable jsx-a11y/no-noninteractive-tabindex */}\n        <div\n          data-slot=\"floating-window-content\"\n          role=\"region\"\n          className=\"flex-1 overflow-y-auto\"\n          tabIndex={0}\n        >\n          {children}\n        </div>\n        {/* eslint-enable jsx-a11y/no-noninteractive-tabindex */}\n\n        {footer && (\n          <div\n            data-slot=\"floating-window-footer\"\n            className=\"border-border bg-card flex items-center justify-end gap-3 rounded-b-lg border-t px-6 py-4\"\n          >\n            {footer}\n          </div>\n        )}\n      </div>\n    );\n\n    if (draggable) return windowEl;\n\n    return (\n      <div\n        data-slot=\"floating-window-overlay\"\n        className=\"fixed inset-0 z-50 flex items-center justify-center bg-black/50\"\n      >\n        {windowEl}\n      </div>\n    );\n  }\n);\n\nFloatingWindow.displayName = 'FloatingWindow';\n\nexport interface MinimizedWindowProps {\n  /** Title shown on the minimized bar. */\n  title: React.ReactNode;\n  /** Called when the bar is activated to restore the window. */\n  onRestore: () => void;\n  /** Called when the close control is activated. */\n  onClose: () => void;\n  /** Additional class for the minimized bar. */\n  className?: string;\n}\n\n/**\n * A compact bar representing a minimized {@link FloatingWindow}. Render this\n * (typically in a docked tray) while the corresponding window is minimized.\n */\nconst MinimizedWindow = React.forwardRef<HTMLDivElement, MinimizedWindowProps>(\n  ({ title, onRestore, onClose, className }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"minimized-window\"\n      className={cn(\n        'border-border bg-card flex min-w-[200px] items-center gap-2 rounded-lg border px-3 py-2 shadow-md',\n        className\n      )}\n    >\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"sm\"\n        className=\"h-6 px-2\"\n        onClick={onRestore}\n      >\n        <Square className=\"me-1 h-3 w-3\" />\n        <span className=\"truncate text-sm\">{title}</span>\n      </Button>\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"sm\"\n        className=\"ms-auto h-6 w-6 p-0\"\n        onClick={onClose}\n        aria-label=\"Close\"\n        title=\"Close\"\n      >\n        <X className=\"h-3 w-3\" />\n      </Button>\n    </div>\n  )\n);\n\nMinimizedWindow.displayName = 'MinimizedWindow';\n\nexport { FloatingWindow, MinimizedWindow };\n"]}
+{"version":3,"sources":["../src/components/FloatingWindow/FloatingWindow.tsx"],"names":[],"mappings":"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","file":"chunk-3QGS6CXD.js","sourcesContent":["import * as React from 'react';\nimport { Minus, Square, ExternalLink, X } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { Button } from '../Button';\n\ntype ResizeDirection = 'n' | 's' | 'e' | 'w' | 'ne' | 'nw' | 'se' | 'sw';\n\nexport interface FloatingWindowProps {\n  /** Whether the window is rendered. */\n  open: boolean;\n  /** Whether the window is collapsed to a minimized bar (renders nothing). */\n  minimized?: boolean;\n  /** Window title shown in the header. */\n  title: React.ReactNode;\n  /** Window body content. */\n  children: React.ReactNode;\n  /** Footer content, typically action buttons. */\n  footer?: React.ReactNode;\n  /** Called when the close control is activated. */\n  onClose: () => void;\n  /** Called when the minimize control is activated. Hidden when omitted. */\n  onMinimize?: () => void;\n  /** Called when the pop-out control is activated. Hidden when omitted. */\n  onPopOut?: () => void;\n  /**\n   * When `true` the window floats at a draggable position. When `false`\n   * (default) it is centered over a dimmed overlay like a modal.\n   */\n  draggable?: boolean;\n  /** Whether the window can be resized from its edges/corners. Default true. */\n  resizable?: boolean;\n  /** Initial width in pixels. Default 1024. */\n  defaultWidth?: number;\n  /** Initial height in pixels. Default 600. */\n  defaultHeight?: number;\n  /** Minimum width in pixels. Default 600. */\n  minWidth?: number;\n  /** Minimum height in pixels. Default 400. */\n  minHeight?: number;\n  /** Class applied to the window container. */\n  className?: string;\n  /** Accessible label for the dialog when the title is not text. */\n  'aria-label'?: string;\n}\n\n// Resize handles are genuinely physical: their geometry is tied to mouse\n// clientX/clientY drag math, and every edge/corner has a handle, so RTL users\n// lose nothing. Exempt from the RTL guard.\nconst RESIZE_HANDLES: { dir: ResizeDirection; className: string }[] = [\n  { dir: 'nw', className: 'top-0 left-0 h-2 w-2 cursor-nw-resize' }, // rtl-ignore\n  { dir: 'ne', className: 'top-0 right-0 h-2 w-2 cursor-ne-resize' }, // rtl-ignore\n  { dir: 'sw', className: 'bottom-0 left-0 h-2 w-2 cursor-sw-resize' }, // rtl-ignore\n  { dir: 'n', className: 'top-0 left-2 right-2 h-1 cursor-n-resize' }, // rtl-ignore\n  { dir: 's', className: 'bottom-0 left-2 right-2 h-1 cursor-s-resize' }, // rtl-ignore\n  { dir: 'w', className: 'left-0 top-2 bottom-2 w-1 cursor-w-resize' }, // rtl-ignore\n  { dir: 'e', className: 'right-0 top-2 bottom-2 w-1 cursor-e-resize' }, // rtl-ignore\n];\n\n/**\n * A presentational floating window shell used for pop-out editors (notes,\n * letters, etc.). It can render as a centered modal-style window or as a\n * draggable, freely-positioned window, and supports edge/corner resizing.\n * Open/minimize/close state and footer actions are controlled via props so it\n * can be wired to any store.\n */\nconst FloatingWindow = React.forwardRef<HTMLDivElement, FloatingWindowProps>(\n  (\n    {\n      open,\n      minimized = false,\n      title,\n      children,\n      footer,\n      onClose,\n      onMinimize,\n      onPopOut,\n      draggable = false,\n      resizable = true,\n      defaultWidth = 1024,\n      defaultHeight = 600,\n      minWidth = 600,\n      minHeight = 400,\n      className,\n      'aria-label': ariaLabel,\n    },\n    ref\n  ) => {\n    const [size, setSize] = React.useState({\n      width: defaultWidth,\n      height: defaultHeight,\n    });\n    const [position, setPosition] = React.useState({ x: 50, y: 50 });\n\n    const dragRef = React.useRef<{ x: number; y: number } | null>(null);\n    const resizeRef = React.useRef<{\n      dir: ResizeDirection;\n      startX: number;\n      startY: number;\n      startW: number;\n      startH: number;\n      startPosX: number;\n      startPosY: number;\n    } | null>(null);\n\n    const titleId = React.useId();\n\n    const handleResizeStart = (e: React.MouseEvent, dir: ResizeDirection) => {\n      e.preventDefault();\n      e.stopPropagation();\n      resizeRef.current = {\n        dir,\n        startX: e.clientX,\n        startY: e.clientY,\n        startW: size.width,\n        startH: size.height,\n        startPosX: position.x,\n        startPosY: position.y,\n      };\n    };\n\n    const handleDragStart = (e: React.MouseEvent) => {\n      if (!draggable) return;\n      if ((e.target as HTMLElement).closest('[data-window-controls]')) return;\n      const rect = (e.currentTarget as HTMLElement)\n        .closest('[data-slot=\"floating-window\"]')!\n        .getBoundingClientRect();\n      dragRef.current = { x: e.clientX - rect.left, y: e.clientY - rect.top };\n    };\n\n    React.useEffect(() => {\n      if (!open || minimized) return;\n\n      const handleMouseMove = (e: MouseEvent) => {\n        if (dragRef.current) {\n          setPosition({\n            x: e.clientX - dragRef.current.x,\n            y: e.clientY - dragRef.current.y,\n          });\n          return;\n        }\n        const r = resizeRef.current;\n        if (!r) return;\n        const deltaX = e.clientX - r.startX;\n        const deltaY = e.clientY - r.startY;\n        let newWidth = r.startW;\n        let newHeight = r.startH;\n        let newX = r.startPosX;\n        let newY = r.startPosY;\n\n        if (r.dir.includes('e')) {\n          newWidth = Math.max(\n            minWidth,\n            Math.min(window.innerWidth - 40, r.startW + deltaX)\n          );\n        }\n        if (r.dir.includes('w')) {\n          newWidth = Math.max(minWidth, r.startW - deltaX);\n          if (draggable) newX = r.startPosX + (r.startW - newWidth);\n        }\n        if (r.dir.includes('s')) {\n          newHeight = Math.max(\n            minHeight,\n            Math.min(window.innerHeight - 40, r.startH + deltaY)\n          );\n        }\n        if (r.dir.includes('n')) {\n          newHeight = Math.max(minHeight, r.startH - deltaY);\n          if (draggable) newY = r.startPosY + (r.startH - newHeight);\n        }\n\n        setSize({ width: newWidth, height: newHeight });\n        if (draggable && (r.dir.includes('w') || r.dir.includes('n'))) {\n          setPosition({ x: newX, y: newY });\n        }\n      };\n\n      const handleMouseUp = () => {\n        dragRef.current = null;\n        resizeRef.current = null;\n      };\n\n      document.addEventListener('mousemove', handleMouseMove);\n      document.addEventListener('mouseup', handleMouseUp);\n      return () => {\n        document.removeEventListener('mousemove', handleMouseMove);\n        document.removeEventListener('mouseup', handleMouseUp);\n      };\n    }, [open, minimized, draggable, minWidth, minHeight]);\n\n    if (!open || minimized) return null;\n\n    const windowEl = (\n      <div\n        ref={ref}\n        data-slot=\"floating-window\"\n        role=\"dialog\"\n        aria-modal={draggable ? undefined : true}\n        aria-labelledby={typeof title === 'string' ? titleId : undefined}\n        aria-label={typeof title === 'string' ? undefined : ariaLabel}\n        className={cn(\n          'bg-card text-card-foreground relative flex flex-col overflow-hidden rounded-lg shadow-2xl',\n          draggable && 'border-primary-800 fixed border-2',\n          className\n        )}\n        style={\n          draggable\n            ? {\n                left: position.x,\n                top: position.y,\n                width: size.width,\n                height: size.height,\n                maxWidth: 'calc(100vw - 40px)',\n                maxHeight: 'calc(100vh - 40px)',\n                zIndex: 50,\n              }\n            : {\n                width: size.width,\n                height: size.height,\n                maxWidth: 'calc(100vw - 40px)',\n                maxHeight: 'calc(100vh - 40px)',\n              }\n        }\n      >\n        {resizable &&\n          RESIZE_HANDLES.map((handle) => (\n            <div\n              key={handle.dir}\n              aria-hidden=\"true\"\n              className={cn('absolute z-10', handle.className)}\n              onMouseDown={(e) => handleResizeStart(e, handle.dir)}\n            />\n          ))}\n        {resizable && (\n          <div\n            aria-hidden=\"true\"\n            // rtl-ignore -- physical se-corner grip, paired with clientX resize math\n            className=\"hover:bg-muted/50 absolute right-0 bottom-0 z-10 h-4 w-4 cursor-se-resize rounded-tl\"\n            onMouseDown={(e) => handleResizeStart(e, 'se')}\n          >\n            <svg\n              className=\"text-muted-foreground/50 h-4 w-4\"\n              viewBox=\"0 0 24 24\"\n              fill=\"currentColor\"\n            >\n              <path d=\"M22 22H20V20H22V22ZM22 18H20V16H22V18ZM18 22H16V20H18V22ZM22 14H20V12H22V14ZM18 18H16V16H18V18ZM14 22H12V20H14V22Z\" />\n            </svg>\n          </div>\n        )}\n\n        {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions -- header acts as an optional drag handle; the controls inside remain keyboard accessible */}\n        <div\n          data-slot=\"floating-window-header\"\n          className={cn(\n            'bg-primary-800 text-primary-foreground flex items-center justify-between rounded-t-lg px-4 py-3',\n            draggable && 'cursor-move'\n          )}\n          onMouseDown={handleDragStart}\n        >\n          <h2\n            id={typeof title === 'string' ? titleId : undefined}\n            className=\"text-lg font-semibold\"\n          >\n            {title}\n          </h2>\n          <div data-window-controls className=\"flex items-center gap-1\">\n            {onMinimize && (\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                className=\"text-primary-foreground hover:bg-primary-foreground/20 h-8 w-8 p-0\"\n                onClick={onMinimize}\n                aria-label=\"Minimize\"\n                title=\"Minimize\"\n              >\n                <Minus className=\"h-4 w-4\" />\n              </Button>\n            )}\n            {onPopOut && (\n              <Button\n                type=\"button\"\n                variant=\"ghost\"\n                size=\"sm\"\n                className=\"text-primary-foreground hover:bg-primary-foreground/20 h-8 w-8 p-0\"\n                onClick={onPopOut}\n                aria-label=\"Open in new window\"\n                title=\"Open in new window\"\n              >\n                <ExternalLink className=\"h-4 w-4\" />\n              </Button>\n            )}\n            <Button\n              type=\"button\"\n              variant=\"ghost\"\n              size=\"sm\"\n              className=\"text-primary-foreground hover:bg-primary-foreground/20 h-8 w-8 p-0\"\n              onClick={onClose}\n              aria-label=\"Close\"\n              title=\"Close\"\n            >\n              <X className=\"h-4 w-4\" />\n            </Button>\n          </div>\n        </div>\n\n        {/* eslint-disable jsx-a11y/no-noninteractive-tabindex */}\n        <div\n          data-slot=\"floating-window-content\"\n          role=\"region\"\n          className=\"flex-1 overflow-y-auto\"\n          tabIndex={0}\n        >\n          {children}\n        </div>\n        {/* eslint-enable jsx-a11y/no-noninteractive-tabindex */}\n\n        {footer && (\n          <div\n            data-slot=\"floating-window-footer\"\n            className=\"border-border bg-card flex items-center justify-end gap-3 rounded-b-lg border-t px-6 py-4\"\n          >\n            {footer}\n          </div>\n        )}\n      </div>\n    );\n\n    if (draggable) return windowEl;\n\n    return (\n      <div\n        data-slot=\"floating-window-overlay\"\n        className=\"fixed inset-0 z-50 flex items-center justify-center bg-black/50\"\n      >\n        {windowEl}\n      </div>\n    );\n  }\n);\n\nFloatingWindow.displayName = 'FloatingWindow';\n\nexport interface MinimizedWindowProps {\n  /** Title shown on the minimized bar. */\n  title: React.ReactNode;\n  /** Called when the bar is activated to restore the window. */\n  onRestore: () => void;\n  /** Called when the close control is activated. */\n  onClose: () => void;\n  /** Additional class for the minimized bar. */\n  className?: string;\n}\n\n/**\n * A compact bar representing a minimized {@link FloatingWindow}. Render this\n * (typically in a docked tray) while the corresponding window is minimized.\n */\nconst MinimizedWindow = React.forwardRef<HTMLDivElement, MinimizedWindowProps>(\n  ({ title, onRestore, onClose, className }, ref) => (\n    <div\n      ref={ref}\n      data-slot=\"minimized-window\"\n      className={cn(\n        'border-border bg-card flex min-w-[200px] items-center gap-2 rounded-lg border px-3 py-2 shadow-md',\n        className\n      )}\n    >\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"sm\"\n        className=\"h-6 px-2\"\n        onClick={onRestore}\n      >\n        <Square className=\"me-1 h-3 w-3\" />\n        <span className=\"truncate text-sm\">{title}</span>\n      </Button>\n      <Button\n        type=\"button\"\n        variant=\"ghost\"\n        size=\"sm\"\n        className=\"ms-auto h-6 w-6 p-0\"\n        onClick={onClose}\n        aria-label=\"Close\"\n        title=\"Close\"\n      >\n        <X className=\"h-3 w-3\" />\n      </Button>\n    </div>\n  )\n);\n\nMinimizedWindow.displayName = 'MinimizedWindow';\n\nexport { FloatingWindow, MinimizedWindow };\n"]}

package/dist/chunk-3YBS4WUQ.js

@@ -0,0 +1,52 @@
+import { DateTime } from 'luxon';
+
+// src/views/types.ts
+var defaultViewLabels = {
+  viewSwitcher: "View",
+  loading: "Loading",
+  empty: "Nothing to show",
+  error: "Could not load this view",
+  retry: "Try again",
+  ungrouped: "Ungrouped"
+};
+function toDateTime(value, zone) {
+  if (value == null) return null;
+  const dt = value instanceof Date ? DateTime.fromJSDate(value, { zone }) : DateTime.fromISO(value, { zone });
+  return dt.isValid ? dt : null;
+}
+var accentClasses = {
+  primary: {
+    tint: "bg-primary-500/10",
+    border: "border-primary-500/40",
+    marker: "bg-primary-500"
+  },
+  success: {
+    tint: "bg-success/10",
+    border: "border-success/40",
+    marker: "bg-success"
+  },
+  warning: {
+    tint: "bg-warning/10",
+    border: "border-warning/40",
+    marker: "bg-warning"
+  },
+  destructive: {
+    tint: "bg-destructive/10",
+    border: "border-destructive/40",
+    marker: "bg-destructive"
+  },
+  info: {
+    tint: "bg-info/10",
+    border: "border-info/40",
+    marker: "bg-info"
+  },
+  neutral: {
+    tint: "bg-muted",
+    border: "border-border",
+    marker: "bg-muted-foreground"
+  }
+};
+
+export { accentClasses, defaultViewLabels, toDateTime };
+//# sourceMappingURL=chunk-3YBS4WUQ.js.map
+//# sourceMappingURL=chunk-3YBS4WUQ.js.map

package/dist/chunk-3YBS4WUQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/views/types.ts"],"names":[],"mappings":";;;AAmFO,IAAM,iBAAA,GAAgC;AAAA,EAC3C,YAAA,EAAc,MAAA;AAAA,EACd,OAAA,EAAS,SAAA;AAAA,EACT,KAAA,EAAO,iBAAA;AAAA,EACP,KAAA,EAAO,0BAAA;AAAA,EACP,KAAA,EAAO,WAAA;AAAA,EACP,SAAA,EAAW;AACb;AAoCO,SAAS,UAAA,CACd,OACA,IAAA,EACiB;AACjB,EAAA,IAAI,KAAA,IAAS,MAAM,OAAO,IAAA;AAC1B,EAAA,MAAM,EAAA,GACJ,KAAA,YAAiB,IAAA,GACb,QAAA,CAAS,WAAW,KAAA,EAAO,EAAE,IAAA,EAAM,IACnC,QAAA,CAAS,OAAA,CAAQ,KAAA,EAAO,EAAE,MAAM,CAAA;AACtC,EAAA,OAAO,EAAA,CAAG,UAAU,EAAA,GAAK,IAAA;AAC3B;AAWO,IAAM,aAAA,GAGT;AAAA,EACF,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,mBAAA;AAAA,IACN,MAAA,EAAQ,uBAAA;AAAA,IACR,MAAA,EAAQ;AAAA,GACV;AAAA,EACA,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,eAAA;AAAA,IACN,MAAA,EAAQ,mBAAA;AAAA,IACR,MAAA,EAAQ;AAAA,GACV;AAAA,EACA,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,eAAA;AAAA,IACN,MAAA,EAAQ,mBAAA;AAAA,IACR,MAAA,EAAQ;AAAA,GACV;AAAA,EACA,WAAA,EAAa;AAAA,IACX,IAAA,EAAM,mBAAA;AAAA,IACN,MAAA,EAAQ,uBAAA;AAAA,IACR,MAAA,EAAQ;AAAA,GACV;AAAA,EACA,IAAA,EAAM;AAAA,IACJ,IAAA,EAAM,YAAA;AAAA,IACN,MAAA,EAAQ,gBAAA;AAAA,IACR,MAAA,EAAQ;AAAA,GACV;AAAA,EACA,OAAA,EAAS;AAAA,IACP,IAAA,EAAM,UAAA;AAAA,IACN,MAAA,EAAQ,eAAA;AAAA,IACR,MAAA,EAAQ;AAAA;AAEZ","file":"chunk-3YBS4WUQ.js","sourcesContent":["/**\n * The contract every component in the `Modules/Views` family reads through.\n *\n * A page describes its collection once — which field is the id, the title, the\n * status, the start date — and every view understands it. That is the whole\n * reason the family exists: without it each view needs its own adapter and you\n * end up re-implementing the same board per entity.\n *\n * Views are headless. Nothing here fetches, subscribes, or navigates.\n * See CONTRIBUTING → \"Modules: headless data components\".\n */\nimport type * as React from 'react';\nimport { DateTime } from 'luxon';\n\n/**\n * Which layout is on screen. `overview` and `table` are rendered by the host\n * through `ViewSet` slots rather than by a component in this family — a tabular\n * collection is `DataVisNitroGrid`, and an overview is domain content.\n */\nexport type ViewId =\n  | 'overview'\n  | 'list'\n  | 'board'\n  | 'calendar'\n  | 'gantt'\n  | 'roadmap'\n  | 'table';\n\n/**\n * A semantic colour name, resolved to `--mieweb-*` tokens by each view.\n *\n * Accessors return one of these rather than a class string so a caller cannot\n * hardcode a palette that breaks under another brand or in dark mode.\n */\nexport type Accent =\n  | 'primary'\n  | 'success'\n  | 'warning'\n  | 'destructive'\n  | 'info'\n  | 'neutral';\n\n/** A named stage: a board column, and the segments of a stage bar. */\nexport interface Stage {\n  id: string;\n  label: string;\n  accent?: Accent;\n}\n\n/**\n * How a view reads one item. Only `getId` and `getTitle` are always required;\n * each view documents which of the rest it needs (a board needs `getStatus`, a\n * Gantt needs `getStart`) and renders an explanatory empty state without them.\n */\nexport interface ViewAccessors<T> {\n  getId: (item: T) => string;\n  getTitle: (item: T) => string;\n  /** Secondary line under the title. */\n  getSubtitle?: (item: T) => string | undefined;\n  /** Board column and list group; matched against `Stage['id']`. */\n  getStatus?: (item: T) => string;\n  /** Gantt bar start, calendar placement. */\n  getStart?: (item: T) => Date | string | null | undefined;\n  /** Gantt bar end, calendar span. Falls back to the start when absent. */\n  getEnd?: (item: T) => Date | string | null | undefined;\n  /** Swimlane in a roadmap, row group in a Gantt. */\n  getGroup?: (item: T) => string | undefined;\n  getAccent?: (item: T) => Accent;\n}\n\n/** Strings a view renders. Every one is overridable; the defaults are English. */\nexport interface ViewLabels {\n  /** Accessible name of the view switcher group. */\n  viewSwitcher: string;\n  loading: string;\n  empty: string;\n  error: string;\n  /** Action on the error state. */\n  retry: string;\n  /** Heading for the group a record with no status or group falls into. */\n  ungrouped: string;\n}\n\nexport const defaultViewLabels: ViewLabels = {\n  viewSwitcher: 'View',\n  loading: 'Loading',\n  empty: 'Nothing to show',\n  error: 'Could not load this view',\n  retry: 'Try again',\n  ungrouped: 'Ungrouped',\n};\n\n/**\n * Props every view accepts. Views are controlled: selection, the active view and\n * filter state live in the page, and every change is handed back.\n */\nexport interface ViewBaseProps<T> {\n  items: T[];\n  accessors: ViewAccessors<T>;\n  loading?: boolean;\n  error?: Error | null;\n  selectedId?: string | null;\n  /** Called when the user activates an item. */\n  onOpen?: (id: string, item: T) => void;\n  /** Return a URL to render each item as a real anchor — middle-clickable and crawlable. */\n  getHref?: (id: string, item: T) => string;\n  /** Render one item. Receives the active view so one function can serve several. */\n  renderItem?: (item: T, context: { view: ViewId }) => React.ReactNode;\n  /** Replaces the built-in empty state. */\n  emptyState?: React.ReactNode;\n  labels?: Partial<ViewLabels>;\n  /** Pins \"today\" so stories, tests and visual snapshots stay deterministic. */\n  now?: Date;\n  className?: string;\n}\n\n/**\n * Reads an accessor's date in the view's zone.\n *\n * `DateTime.fromISO` is what makes this correct for both shapes an accessor may\n * return. A date-only string is a wall date — `2026-03-10` means that calendar\n * day where the collection lives, not UTC midnight, which is the 9th in the\n * Americas — while a full timestamp is an instant and gets converted. Going via\n * `new Date()` would collapse the first case into the second and shift the item\n * onto the previous day in every zone behind UTC.\n */\nexport function toDateTime(\n  value: Date | string | null | undefined,\n  zone: string\n): DateTime | null {\n  if (value == null) return null;\n  const dt =\n    value instanceof Date\n      ? DateTime.fromJSDate(value, { zone })\n      : DateTime.fromISO(value, { zone });\n  return dt.isValid ? dt : null;\n}\n\n/**\n * Tailwind classes per accent, so every view tints the same way.\n *\n * There is deliberately no text colour here. `--mieweb-success` and friends are\n * fill tokens: as ink on a surface — even their own 10% wash — they fail WCAG AA\n * contrast, which axe catches as a serious violation. So an accent is carried by\n * a wash, a border and a solid marker, and label text always uses a foreground\n * token. That also means colour is never the only signal.\n */\nexport const accentClasses: Record<\n  Accent,\n  { tint: string; border: string; marker: string }\n> = {\n  primary: {\n    tint: 'bg-primary-500/10',\n    border: 'border-primary-500/40',\n    marker: 'bg-primary-500',\n  },\n  success: {\n    tint: 'bg-success/10',\n    border: 'border-success/40',\n    marker: 'bg-success',\n  },\n  warning: {\n    tint: 'bg-warning/10',\n    border: 'border-warning/40',\n    marker: 'bg-warning',\n  },\n  destructive: {\n    tint: 'bg-destructive/10',\n    border: 'border-destructive/40',\n    marker: 'bg-destructive',\n  },\n  info: {\n    tint: 'bg-info/10',\n    border: 'border-info/40',\n    marker: 'bg-info',\n  },\n  neutral: {\n    tint: 'bg-muted',\n    border: 'border-border',\n    marker: 'bg-muted-foreground',\n  },\n};\n"]}

package/dist/chunk-462XSCP3.cjs

@@ -0,0 +1,199 @@
+'use strict';
+
+var chunkIXFC7LK2_cjs = require('./chunk-IXFC7LK2.cjs');
+var chunkYVL3XATO_cjs = require('./chunk-YVL3XATO.cjs');
+var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var DISC_SIZE = {
+  sm: "h-10 w-10",
+  md: "h-14 w-14",
+  lg: "h-20 w-20"
+};
+var ICON_SIZE = { sm: "h-4 w-4", md: "h-6 w-6", lg: "h-8 w-8" };
+function PlayButton({
+  size = "md",
+  ring = "hover",
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      "data-slot": "play-button",
+      "aria-hidden": "true",
+      className: chunkS5RVSXDV_cjs.cn(
+        "relative inline-flex items-center justify-center",
+        DISC_SIZE[size],
+        className
+      ),
+      ...props,
+      children: [
+        ring !== "none" && /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: chunkS5RVSXDV_cjs.cn(
+              "pointer-events-none absolute -inset-2 rounded-full transition-opacity duration-300",
+              "motion-safe:animate-[mie-spin_1.4s_linear_infinite]",
+              "[background:conic-gradient(from_0deg,transparent_0deg,var(--mieweb-primary-500)_90deg,var(--mieweb-primary-300)_240deg,var(--mieweb-primary-200)_320deg,transparent_360deg)]",
+              "[mask:radial-gradient(farthest-side,transparent_calc(100%-4px),#000_calc(100%-4px))]",
+              "[-webkit-mask:radial-gradient(farthest-side,transparent_calc(100%-4px),#000_calc(100%-4px))]",
+              "drop-shadow-[0_0_5px_color-mix(in_srgb,var(--mieweb-primary-400)_60%,transparent)]",
+              ring === "hover" ? "opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100" : "opacity-100"
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: chunkS5RVSXDV_cjs.cn(
+              "relative flex items-center justify-center rounded-full bg-white/90 shadow-lg transition-transform group-hover:scale-110",
+              DISC_SIZE[size]
+            ),
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              lucideReact.Play,
+              {
+                className: chunkS5RVSXDV_cjs.cn("text-primary-600 ml-0.5", ICON_SIZE[size]),
+                fill: "currentColor"
+              }
+            )
+          }
+        )
+      ]
+    }
+  );
+}
+function VideoCard({
+  title,
+  href,
+  onClick,
+  target,
+  youtubeId,
+  thumbnailUrl,
+  thumbnailAlt,
+  duration,
+  durationPrefix = "Watch",
+  preview = true,
+  silentLabel = "Silent",
+  eyebrow,
+  description,
+  footer,
+  variant = "card",
+  headingLevel: Heading = "h3",
+  className
+}) {
+  const thumb = thumbnailUrl ?? (youtubeId ? `https://i.ytimg.com/vi/${youtubeId}/hqdefault.jpg` : void 0);
+  const hover = chunkIXFC7LK2_cjs.useYouTubeHoverPreview(youtubeId, { enabled: preview });
+  const playing = hover.preview === "playing";
+  const pill = duration && (durationPrefix ? `${durationPrefix} \xB7 ${duration}` : duration);
+  const media = /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-slot": "video-card-media",
+      className: "bg-primary-950 relative aspect-video overflow-hidden",
+      children: [
+        thumb && /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: thumb,
+            alt: thumbnailAlt ?? title,
+            loading: "lazy",
+            decoding: "async",
+            className: "absolute inset-0 h-full w-full object-cover transition-transform duration-300 group-hover:scale-105"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            ref: hover.hostRef,
+            "aria-hidden": "true",
+            className: chunkS5RVSXDV_cjs.cn(
+              "bg-primary-950 pointer-events-none absolute inset-0 overflow-hidden transition-opacity duration-500",
+              "[&_iframe]:absolute [&_iframe]:inset-0 [&_iframe]:h-full [&_iframe]:w-full [&_iframe]:border-0",
+              playing ? "opacity-100" : "opacity-0"
+            )
+          }
+        ),
+        playing && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "absolute start-2 top-2 inline-flex items-center gap-1 rounded bg-black/55 px-1.5 py-0.5 text-[11px] font-medium text-white backdrop-blur-sm", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.VolumeX, { className: "h-3 w-3", "aria-hidden": "true" }),
+          silentLabel
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: chunkS5RVSXDV_cjs.cn(
+              "bg-primary-950/20 group-hover:bg-primary-950/30 absolute inset-0 flex items-center justify-center transition-all duration-300",
+              playing && "opacity-0"
+            ),
+            children: /* @__PURE__ */ jsxRuntime.jsx(PlayButton, { size: variant === "plate" ? "lg" : "md" })
+          }
+        ),
+        pill && !playing && /* @__PURE__ */ jsxRuntime.jsx(
+          chunkYVL3XATO_cjs.Badge,
+          {
+            "data-slot": "video-card-duration",
+            size: "sm",
+            className: "absolute end-2 bottom-2 bg-black/60 py-1 text-white backdrop-blur-sm dark:bg-black/60 dark:text-white",
+            children: pill
+          }
+        ),
+        hover.preview !== "idle" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-x-0 bottom-0 h-1 bg-white/20", children: /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: "h-full rounded-e-full bg-[linear-gradient(90deg,var(--mieweb-primary-500),var(--mieweb-primary-300))] transition-[width] duration-200 ease-linear",
+            style: { width: `${Math.max(hover.progress * 100, 1.5)}%` }
+          }
+        ) })
+      ]
+    }
+  );
+  const TitleTag = href ? Heading : "span";
+  const body = variant === "card" && /* @__PURE__ */ jsxRuntime.jsxs("div", { "data-slot": "video-card-body", className: "p-4 text-start", children: [
+    eyebrow && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mb-2 flex items-center gap-2", children: eyebrow }),
+    /* @__PURE__ */ jsxRuntime.jsx(TitleTag, { className: "text-foreground group-hover:text-primary-700 dark:group-hover:text-primary-300 block text-lg font-semibold transition-colors", children: title }),
+    description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-muted-foreground mt-1 line-clamp-2 text-sm", children: description }),
+    footer && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-muted-foreground mt-2 text-sm", children: footer })
+  ] });
+  const shell = chunkS5RVSXDV_cjs.cn(
+    "group block w-full overflow-hidden no-underline transition-shadow",
+    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+    variant === "card" ? "rounded-xl border border-border bg-card text-card-foreground shadow-md hover:shadow-lg" : "rounded-xl shadow-lg",
+    className
+  );
+  const interaction = {
+    onMouseEnter: hover.handleEnter,
+    onMouseLeave: hover.stopPreview,
+    onFocus: hover.handleEnter,
+    onBlur: hover.stopPreview,
+    "aria-label": `Watch: ${title}`,
+    "data-slot": "video-card",
+    "data-preview": hover.preview
+  };
+  if (href) {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "a",
+      {
+        href,
+        target,
+        rel: target === "_blank" ? "noopener noreferrer" : void 0,
+        onClick,
+        className: shell,
+        ...interaction,
+        children: [
+          media,
+          body
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", onClick, className: shell, ...interaction, children: [
+    media,
+    body
+  ] });
+}
+
+exports.PlayButton = PlayButton;
+exports.VideoCard = VideoCard;
+//# sourceMappingURL=chunk-462XSCP3.cjs.map
+//# sourceMappingURL=chunk-462XSCP3.cjs.map

package/dist/chunk-462XSCP3.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/VideoCard/VideoCard.tsx"],"names":["jsxs","cn","jsx","Play","useYouTubeHoverPreview","VolumeX","Badge"],"mappings":"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","file":"chunk-462XSCP3.cjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Play, VolumeX } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport { Badge } from '../Badge';\nimport { useYouTubeHoverPreview } from '../../hooks/useYouTubeHoverPreview';\n\n// =============================================================================\n// PlayButton\n// =============================================================================\n\nexport interface PlayButtonProps extends React.HTMLAttributes<HTMLSpanElement> {\n  /** Disc diameter. Default `md` (56px). */\n  size?: 'sm' | 'md' | 'lg';\n  /**\n   * Show the spinning brand ring. Default `hover` — the ring appears and spins\n   * only while the nearest `.group` ancestor is hovered; `always` keeps it on.\n   */\n  ring?: 'hover' | 'always' | 'none';\n}\n\nconst DISC_SIZE = {\n  sm: 'h-10 w-10',\n  md: 'h-14 w-14',\n  lg: 'h-20 w-20',\n} as const;\nconst ICON_SIZE = { sm: 'h-4 w-4', md: 'h-6 w-6', lg: 'h-8 w-8' } as const;\n\n/**\n * The branded play affordance: a white disc with a filled brand triangle and a\n * conic-gradient ring that lights up and spins on hover. Decorative — the\n * surrounding card/link carries the accessible label.\n */\nexport function PlayButton({\n  size = 'md',\n  ring = 'hover',\n  className,\n  ...props\n}: PlayButtonProps) {\n  return (\n    <span\n      data-slot=\"play-button\"\n      aria-hidden=\"true\"\n      className={cn(\n        'relative inline-flex items-center justify-center',\n        DISC_SIZE[size],\n        className\n      )}\n      {...props}\n    >\n      {ring !== 'none' && (\n        <span\n          className={cn(\n            'pointer-events-none absolute -inset-2 rounded-full transition-opacity duration-300',\n            'motion-safe:animate-[mie-spin_1.4s_linear_infinite]',\n            '[background:conic-gradient(from_0deg,transparent_0deg,var(--mieweb-primary-500)_90deg,var(--mieweb-primary-300)_240deg,var(--mieweb-primary-200)_320deg,transparent_360deg)]',\n            '[mask:radial-gradient(farthest-side,transparent_calc(100%-4px),#000_calc(100%-4px))]',\n            '[-webkit-mask:radial-gradient(farthest-side,transparent_calc(100%-4px),#000_calc(100%-4px))]',\n            'drop-shadow-[0_0_5px_color-mix(in_srgb,var(--mieweb-primary-400)_60%,transparent)]',\n            ring === 'hover'\n              ? 'opacity-0 group-hover:opacity-100 group-focus-visible:opacity-100'\n              : 'opacity-100'\n          )}\n        />\n      )}\n      <span\n        className={cn(\n          'relative flex items-center justify-center rounded-full bg-white/90 shadow-lg transition-transform group-hover:scale-110',\n          DISC_SIZE[size]\n        )}\n      >\n        <Play\n          // rtl-ignore -- optical centering of the play triangle, which points right in RTL media players too\n          className={cn('text-primary-600 ml-0.5', ICON_SIZE[size])}\n          fill=\"currentColor\"\n        />\n      </span>\n    </span>\n  );\n}\n\n// =============================================================================\n// VideoCard\n// =============================================================================\n\nexport interface VideoCardProps {\n  /** Video title — also the accessible name (\"Watch: {title}\"). */\n  title: string;\n  /** Navigates on click. Omit to render a `<button>` driven by `onClick`. */\n  href?: string;\n  onClick?: React.MouseEventHandler<HTMLElement>;\n  /** Anchor target (e.g. `_blank`). */\n  target?: string;\n  /** Enables the muted hover preview and the default YouTube thumbnail. */\n  youtubeId?: string;\n  /** Thumbnail URL. Defaults to the YouTube `hqdefault` when `youtubeId` is set. */\n  thumbnailUrl?: string;\n  /** Thumbnail alt. Defaults to `title`. */\n  thumbnailAlt?: string;\n  /** Duration label, e.g. `34 min` or `2:44`. */\n  duration?: string;\n  /** Word before the duration in the pill. Default `Watch` → \"Watch · 34 min\". Pass `null` for just the duration. */\n  durationPrefix?: string | null;\n  /** Turn the hover preview off even when `youtubeId` is set. */\n  preview?: boolean;\n  /** Label shown on the pill while the muted preview plays. Default `Silent`. */\n  silentLabel?: string;\n  /** Slot above the title in the body — a category `Badge`, for instance. */\n  eyebrow?: React.ReactNode;\n  description?: string;\n  /** Slot below the description — speaker, view count, date. */\n  footer?: React.ReactNode;\n  /**\n   * `card` renders thumbnail + body; `plate` renders only the media plate\n   * (for heroes and detail panels where the copy lives elsewhere).\n   */\n  variant?: 'card' | 'plate';\n  /** Heading level for the title in `card` variant. Default `h3`. */\n  headingLevel?: 'h2' | 'h3' | 'h4';\n  className?: string;\n}\n\n/**\n * A video thumbnail card with the branded `PlayButton`, a \"Watch · 34 min\"\n * duration pill and — when a `youtubeId` is supplied — a muted, looping\n * hover preview with a progress bar, exactly as YouTube's own grid behaves.\n * Ported from the Enterprise Health video library and hero HUD.\n *\n * @example\n * ```tsx\n * <VideoCard\n *   title=\"Ozwell AI in the exam room\"\n *   href=\"/videos/ozwell-ai/\"\n *   youtubeId=\"dQw4w9WgXcQ\"\n *   duration=\"2:44\"\n *   eyebrow={<Badge variant=\"secondary\" size=\"sm\">Demo</Badge>}\n *   description=\"Documentation and surveillance, native to the platform.\"\n * />\n * ```\n */\nexport function VideoCard({\n  title,\n  href,\n  onClick,\n  target,\n  youtubeId,\n  thumbnailUrl,\n  thumbnailAlt,\n  duration,\n  durationPrefix = 'Watch',\n  preview = true,\n  silentLabel = 'Silent',\n  eyebrow,\n  description,\n  footer,\n  variant = 'card',\n  headingLevel: Heading = 'h3',\n  className,\n}: VideoCardProps) {\n  const thumb =\n    thumbnailUrl ??\n    (youtubeId\n      ? `https://i.ytimg.com/vi/${youtubeId}/hqdefault.jpg`\n      : undefined);\n\n  const hover = useYouTubeHoverPreview(youtubeId, { enabled: preview });\n  const playing = hover.preview === 'playing';\n\n  const pill =\n    duration && (durationPrefix ? `${durationPrefix} · ${duration}` : duration);\n\n  const media = (\n    <div\n      data-slot=\"video-card-media\"\n      className=\"bg-primary-950 relative aspect-video overflow-hidden\"\n    >\n      {thumb && (\n        <img\n          src={thumb}\n          alt={thumbnailAlt ?? title}\n          loading=\"lazy\"\n          decoding=\"async\"\n          className=\"absolute inset-0 h-full w-full object-cover transition-transform duration-300 group-hover:scale-105\"\n        />\n      )}\n\n      {/* Muted preview player — fades in once frames are flowing. pointer-events-none\n          so clicks fall through to the card. */}\n      <div\n        ref={hover.hostRef}\n        aria-hidden=\"true\"\n        className={cn(\n          'bg-primary-950 pointer-events-none absolute inset-0 overflow-hidden transition-opacity duration-500',\n          '[&_iframe]:absolute [&_iframe]:inset-0 [&_iframe]:h-full [&_iframe]:w-full [&_iframe]:border-0',\n          playing ? 'opacity-100' : 'opacity-0'\n        )}\n      />\n\n      {playing && (\n        <span className=\"absolute start-2 top-2 inline-flex items-center gap-1 rounded bg-black/55 px-1.5 py-0.5 text-[11px] font-medium text-white backdrop-blur-sm\">\n          <VolumeX className=\"h-3 w-3\" aria-hidden=\"true\" />\n          {silentLabel}\n        </span>\n      )}\n\n      <div\n        className={cn(\n          'bg-primary-950/20 group-hover:bg-primary-950/30 absolute inset-0 flex items-center justify-center transition-all duration-300',\n          playing && 'opacity-0'\n        )}\n      >\n        <PlayButton size={variant === 'plate' ? 'lg' : 'md'} />\n      </div>\n\n      {pill && !playing && (\n        <Badge\n          data-slot=\"video-card-duration\"\n          size=\"sm\"\n          className=\"absolute end-2 bottom-2 bg-black/60 py-1 text-white backdrop-blur-sm dark:bg-black/60 dark:text-white\"\n        >\n          {pill}\n        </Badge>\n      )}\n\n      {hover.preview !== 'idle' && (\n        <div className=\"absolute inset-x-0 bottom-0 h-1 bg-white/20\">\n          <div\n            className=\"h-full rounded-e-full bg-[linear-gradient(90deg,var(--mieweb-primary-500),var(--mieweb-primary-300))] transition-[width] duration-200 ease-linear\"\n            style={{ width: `${Math.max(hover.progress * 100, 1.5)}%` }}\n          />\n        </div>\n      )}\n    </div>\n  );\n\n  // A real heading is only valid in the link variant — `<button>` accepts\n  // phrasing content only, so the button variant gets a styled block span.\n  const TitleTag = href ? Heading : 'span';\n\n  const body = variant === 'card' && (\n    <div data-slot=\"video-card-body\" className=\"p-4 text-start\">\n      {eyebrow && <div className=\"mb-2 flex items-center gap-2\">{eyebrow}</div>}\n      <TitleTag className=\"text-foreground group-hover:text-primary-700 dark:group-hover:text-primary-300 block text-lg font-semibold transition-colors\">\n        {title}\n      </TitleTag>\n      {description && (\n        <p className=\"text-muted-foreground mt-1 line-clamp-2 text-sm\">\n          {description}\n        </p>\n      )}\n      {footer && (\n        <div className=\"text-muted-foreground mt-2 text-sm\">{footer}</div>\n      )}\n    </div>\n  );\n\n  const shell = cn(\n    'group block w-full overflow-hidden no-underline transition-shadow',\n    'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2',\n    variant === 'card'\n      ? 'rounded-xl border border-border bg-card text-card-foreground shadow-md hover:shadow-lg'\n      : 'rounded-xl shadow-lg',\n    className\n  );\n\n  const interaction = {\n    onMouseEnter: hover.handleEnter,\n    onMouseLeave: hover.stopPreview,\n    onFocus: hover.handleEnter,\n    onBlur: hover.stopPreview,\n    'aria-label': `Watch: ${title}`,\n    'data-slot': 'video-card',\n    'data-preview': hover.preview,\n  };\n\n  if (href) {\n    return (\n      <a\n        href={href}\n        target={target}\n        rel={target === '_blank' ? 'noopener noreferrer' : undefined}\n        onClick={onClick}\n        className={shell}\n        {...interaction}\n      >\n        {media}\n        {body}\n      </a>\n    );\n  }\n  return (\n    <button type=\"button\" onClick={onClick} className={shell} {...interaction}>\n      {media}\n      {body}\n    </button>\n  );\n}\n"]}