@mieweb/ui 0.10.0-dev.4 → 0.10.0-dev.40

package/dist/chunk-M3VPGJMV.js

@@ -0,0 +1,283 @@
+import { inputVariants } from './chunk-3IMM2PM4.js';
+import { cn } from './chunk-TQONQSJO.js';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { Loader2, Pencil, Check, X } from 'lucide-react';
+import { DateTime } from 'luxon';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var defaultInlineEditLabels = {
+  edit: (label) => `Edit ${label}`,
+  save: "Save",
+  cancel: "Cancel",
+  saving: "Saving\u2026",
+  empty: "Click to add",
+  saveFailed: "Could not save. Try again."
+};
+var displayVariants = cva(
+  [
+    "group inline-flex w-full min-w-0 items-center gap-2 rounded-md text-start",
+    "text-foreground transition-colors motion-reduce:transition-none",
+    "hover:bg-muted focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none",
+    "disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "min-h-8 px-2 py-1 text-sm",
+        md: "min-h-10 px-3 py-2 text-base"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+);
+function defaultDisplay(value, type, options) {
+  if (type === "select") {
+    return options?.find((o) => o.value === value)?.label ?? value;
+  }
+  if (type === "date") {
+    const date = DateTime.fromISO(value);
+    return date.isValid ? date.toLocaleString(DateTime.DATE_MED) : value;
+  }
+  return value;
+}
+var InlineEdit = React.forwardRef(
+  function InlineEdit2({
+    value,
+    onSave,
+    label,
+    type = "text",
+    options,
+    placeholder,
+    validate,
+    formatDisplay,
+    readOnly,
+    disabled,
+    saveOnBlur = true,
+    size,
+    labels: labelOverrides,
+    className,
+    "aria-describedby": describedBy,
+    ...props
+  }, ref) {
+    const labels = { ...defaultInlineEditLabels, ...labelOverrides };
+    const [editing, setEditing] = React.useState(false);
+    const [draft, setDraft] = React.useState(value);
+    const [pendingValue, setPendingValue] = React.useState(null);
+    const [error, setError] = React.useState(null);
+    const containerRef = React.useRef(null);
+    const displayRef = React.useRef(null);
+    const fieldRef = React.useRef(null);
+    const refocusDisplay = React.useRef(false);
+    const errorId = React.useId();
+    const describedByIds = [describedBy, error && errorId].filter(Boolean).join(" ") || void 0;
+    React.useImperativeHandle(ref, () => containerRef.current);
+    React.useEffect(() => {
+      if (editing) fieldRef.current?.focus();
+      else if (refocusDisplay.current) {
+        refocusDisplay.current = false;
+        displayRef.current?.focus();
+      }
+    }, [editing]);
+    const startEditing = () => {
+      if (disabled || readOnly || pendingValue !== null) return;
+      setDraft(value);
+      setError(null);
+      setEditing(true);
+    };
+    const cancel = (restoreFocus) => {
+      refocusDisplay.current = restoreFocus;
+      setError(null);
+      setEditing(false);
+    };
+    const commit = async (restoreFocus) => {
+      const next = type === "select" ? draft : draft.trim();
+      if (next === value) return cancel(restoreFocus);
+      const invalid = validate?.(next);
+      if (invalid) {
+        setError(invalid);
+        return;
+      }
+      refocusDisplay.current = restoreFocus;
+      setError(null);
+      setEditing(false);
+      setPendingValue(next);
+      try {
+        await onSave(next);
+      } catch (e) {
+        setError(
+          e instanceof Error && e.message ? e.message : labels.saveFailed
+        );
+      } finally {
+        setPendingValue(null);
+      }
+    };
+    const handleKeyDown = (e) => {
+      if (e.key === "Escape") {
+        e.preventDefault();
+        cancel(true);
+      } else if (e.key === "Enter" && (type !== "textarea" || e.metaKey || e.ctrlKey)) {
+        e.preventDefault();
+        void commit(true);
+      }
+    };
+    const handleBlur = (e) => {
+      if (containerRef.current?.contains(e.relatedTarget)) {
+        return;
+      }
+      if (saveOnBlur) void commit(false);
+      else cancel(false);
+    };
+    const shown = pendingValue ?? value;
+    const isEmpty = shown.trim() === "";
+    const displayContent = isEmpty ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground italic", children: placeholder ?? labels.empty }) : formatDisplay?.(shown) ?? /* @__PURE__ */ jsx("span", { className: "break-words whitespace-pre-wrap", children: defaultDisplay(shown, type, options) });
+    const errorNode = error && /* @__PURE__ */ jsx(
+      "p",
+      {
+        id: errorId,
+        role: "alert",
+        "data-slot": "inline-edit-error",
+        className: "text-destructive-700 dark:text-destructive-400 mt-1 text-sm",
+        children: error
+      }
+    );
+    if (readOnly) {
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref: containerRef,
+          "data-slot": "inline-edit",
+          "data-state": "read-only",
+          "aria-describedby": describedBy,
+          className: cn(
+            displayVariants({ size }),
+            "hover:bg-transparent",
+            className
+          ),
+          ...props,
+          children: displayContent
+        }
+      );
+    }
+    if (!editing) {
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ref: containerRef,
+          "data-slot": "inline-edit",
+          "data-state": "display",
+          className: cn("min-w-0", className),
+          ...props,
+          children: [
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                ref: displayRef,
+                type: "button",
+                "data-slot": "inline-edit-display",
+                "aria-label": labels.edit(label),
+                "aria-describedby": describedByIds,
+                "aria-busy": pendingValue !== null || void 0,
+                disabled,
+                onClick: startEditing,
+                className: displayVariants({ size }),
+                children: [
+                  /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1", children: displayContent }),
+                  pendingValue !== null ? /* @__PURE__ */ jsxs("span", { role: "status", className: "inline-flex items-center", 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(
+                    Pencil,
+                    {
+                      "aria-hidden": "true",
+                      className: "text-muted-foreground h-3.5 w-3.5 shrink-0 opacity-0 transition-opacity group-hover:opacity-100 group-focus-visible:opacity-100 motion-reduce:transition-none"
+                    }
+                  )
+                ]
+              }
+            ),
+            errorNode
+          ]
+        }
+      );
+    }
+    const fieldProps = {
+      ref: fieldRef,
+      "aria-label": label,
+      "aria-invalid": error ? true : void 0,
+      "aria-describedby": describedByIds,
+      "data-slot": "inline-edit-field",
+      value: draft,
+      onChange: (e) => setDraft(e.target.value),
+      onKeyDown: handleKeyDown,
+      onBlur: handleBlur,
+      className: cn(
+        inputVariants({ size: size === "sm" ? "sm" : "md", hasError: !!error })
+      )
+    };
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: containerRef,
+        "data-slot": "inline-edit",
+        "data-state": "editing",
+        className: cn("min-w-0", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-1", children: [
+            type === "textarea" ? /* @__PURE__ */ jsx(
+              "textarea",
+              {
+                ...fieldProps,
+                rows: 3,
+                placeholder,
+                className: cn(fieldProps.className, "h-auto min-h-20")
+              }
+            ) : type === "select" ? /* @__PURE__ */ jsxs("select", { ...fieldProps, children: [
+              !options?.some((o) => o.value === draft) && /* @__PURE__ */ jsx("option", { value: draft, children: placeholder ?? "" }),
+              options?.map((o) => /* @__PURE__ */ jsx("option", { value: o.value, children: o.label }, o.value))
+            ] }) : /* @__PURE__ */ jsx("input", { ...fieldProps, type, placeholder }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                "aria-label": labels.save,
+                title: labels.save,
+                onMouseDown: (e) => e.preventDefault(),
+                onClick: () => void commit(true),
+                onBlur: handleBlur,
+                className: "text-success hover:bg-muted focus-visible:ring-ring mt-1 rounded p-1 focus-visible:ring-2 focus-visible:outline-none",
+                children: /* @__PURE__ */ jsx(Check, { "aria-hidden": "true", className: "h-4 w-4" })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                "aria-label": labels.cancel,
+                title: labels.cancel,
+                onMouseDown: (e) => e.preventDefault(),
+                onClick: () => cancel(true),
+                onBlur: handleBlur,
+                className: "text-muted-foreground hover:bg-muted focus-visible:ring-ring mt-1 rounded p-1 focus-visible:ring-2 focus-visible:outline-none",
+                children: /* @__PURE__ */ jsx(X, { "aria-hidden": "true", className: "h-4 w-4" })
+              }
+            )
+          ] }),
+          errorNode
+        ]
+      }
+    );
+  }
+);
+InlineEdit.displayName = "InlineEdit";
+
+export { InlineEdit, defaultInlineEditLabels };
+//# sourceMappingURL=chunk-M3VPGJMV.js.map
+//# sourceMappingURL=chunk-M3VPGJMV.js.map

package/dist/chunk-M3VPGJMV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/InlineEdit/InlineEdit.tsx"],"names":["InlineEdit"],"mappings":"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","file":"chunk-M3VPGJMV.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { Check, Loader2, Pencil, X } from 'lucide-react';\nimport { DateTime } from 'luxon';\nimport { cn } from '../../utils/cn';\nimport { inputVariants } from '../Input';\n\nexport type InlineEditType =\n  | 'text'\n  | 'textarea'\n  | 'number'\n  | 'date'\n  | 'select'\n  | 'email'\n  | 'url'\n  | 'tel';\n\nexport interface InlineEditOption {\n  value: string;\n  label: string;\n}\n\nexport interface InlineEditLabels {\n  /** Accessible name of the display button. */\n  edit: (label: string) => string;\n  save: string;\n  cancel: string;\n  saving: string;\n  /** Shown when the value is empty and no `placeholder` is given. */\n  empty: string;\n  /** Shown when `onSave` rejects without an `Error` message. */\n  saveFailed: string;\n}\n\nexport const defaultInlineEditLabels: InlineEditLabels = {\n  edit: (label) => `Edit ${label}`,\n  save: 'Save',\n  cancel: 'Cancel',\n  saving: 'Saving…',\n  empty: 'Click to add',\n  saveFailed: 'Could not save. Try again.',\n};\n\nconst displayVariants = cva(\n  [\n    'group inline-flex w-full min-w-0 items-center gap-2 rounded-md text-start',\n    'text-foreground transition-colors motion-reduce:transition-none',\n    'hover:bg-muted focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none',\n    'disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent',\n  ],\n  {\n    variants: {\n      size: {\n        sm: 'min-h-8 px-2 py-1 text-sm',\n        md: 'min-h-10 px-3 py-2 text-base',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  }\n);\n\nexport interface InlineEditProps\n  extends\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'>,\n    VariantProps<typeof displayVariants> {\n  /** Current persisted value. Dates are ISO `yyyy-MM-dd`. */\n  value: string;\n  /** Persist the new value. Rejecting restores the previous value and shows an error. */\n  onSave: (value: string) => void | Promise<void>;\n  /** Field name, used for the accessible names of the controls. */\n  label: string;\n  /** Which control to render while editing. */\n  type?: InlineEditType;\n  /** Choices for `type=\"select\"`. */\n  options?: InlineEditOption[];\n  /** Shown when the value is empty. */\n  placeholder?: string;\n  /** Return an error message to block the save. */\n  validate?: (value: string) => string | undefined;\n  /** Custom rendering of a non-empty value in display mode. */\n  formatDisplay?: (value: string) => React.ReactNode;\n  /** Render the value as plain text with no edit affordance. */\n  readOnly?: boolean;\n  disabled?: boolean;\n  /** Save when focus leaves the editor (default). When false, blur cancels. */\n  saveOnBlur?: boolean;\n  /** Translatable strings. */\n  labels?: Partial<InlineEditLabels>;\n}\n\nfunction defaultDisplay(\n  value: string,\n  type: InlineEditType,\n  options?: InlineEditOption[]\n): string {\n  if (type === 'select') {\n    return options?.find((o) => o.value === value)?.label ?? value;\n  }\n  if (type === 'date') {\n    const date = DateTime.fromISO(value);\n    return date.isValid ? date.toLocaleString(DateTime.DATE_MED) : value;\n  }\n  return value;\n}\n\n/**\n * Click-to-edit value: a button in display mode, the matching control in edit\n * mode. Enter saves (Cmd/Ctrl+Enter in a textarea), Escape cancels.\n */\nexport const InlineEdit = React.forwardRef<HTMLDivElement, InlineEditProps>(\n  function InlineEdit(\n    {\n      value,\n      onSave,\n      label,\n      type = 'text',\n      options,\n      placeholder,\n      validate,\n      formatDisplay,\n      readOnly,\n      disabled,\n      saveOnBlur = true,\n      size,\n      labels: labelOverrides,\n      className,\n      'aria-describedby': describedBy,\n      ...props\n    },\n    ref\n  ) {\n    const labels = { ...defaultInlineEditLabels, ...labelOverrides };\n    const [editing, setEditing] = React.useState(false);\n    const [draft, setDraft] = React.useState(value);\n    const [pendingValue, setPendingValue] = React.useState<string | null>(null);\n    const [error, setError] = React.useState<string | null>(null);\n    const containerRef = React.useRef<HTMLDivElement>(null);\n    const displayRef = React.useRef<HTMLButtonElement>(null);\n    const fieldRef = React.useRef<\n      HTMLInputElement & HTMLTextAreaElement & HTMLSelectElement\n    >(null);\n    const refocusDisplay = React.useRef(false);\n    const errorId = React.useId();\n    const describedByIds =\n      [describedBy, error && errorId].filter(Boolean).join(' ') || undefined;\n\n    React.useImperativeHandle(ref, () => containerRef.current!);\n\n    React.useEffect(() => {\n      if (editing) fieldRef.current?.focus();\n      else if (refocusDisplay.current) {\n        refocusDisplay.current = false;\n        displayRef.current?.focus();\n      }\n    }, [editing]);\n\n    const startEditing = () => {\n      if (disabled || readOnly || pendingValue !== null) return;\n      setDraft(value);\n      setError(null);\n      setEditing(true);\n    };\n\n    const cancel = (restoreFocus: boolean) => {\n      refocusDisplay.current = restoreFocus;\n      setError(null);\n      setEditing(false);\n    };\n\n    const commit = async (restoreFocus: boolean) => {\n      const next = type === 'select' ? draft : draft.trim();\n      if (next === value) return cancel(restoreFocus);\n      const invalid = validate?.(next);\n      if (invalid) {\n        setError(invalid);\n        return;\n      }\n      refocusDisplay.current = restoreFocus;\n      setError(null);\n      setEditing(false);\n      setPendingValue(next);\n      try {\n        await onSave(next);\n      } catch (e) {\n        setError(\n          e instanceof Error && e.message ? e.message : labels.saveFailed\n        );\n      } finally {\n        setPendingValue(null);\n      }\n    };\n\n    const handleKeyDown = (e: React.KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        e.preventDefault();\n        cancel(true);\n      } else if (\n        e.key === 'Enter' &&\n        (type !== 'textarea' || e.metaKey || e.ctrlKey)\n      ) {\n        e.preventDefault();\n        void commit(true);\n      }\n    };\n\n    const handleBlur = (e: React.FocusEvent) => {\n      if (containerRef.current?.contains(e.relatedTarget as Node | null)) {\n        return;\n      }\n      if (saveOnBlur) void commit(false);\n      else cancel(false);\n    };\n\n    const shown = pendingValue ?? value;\n    const isEmpty = shown.trim() === '';\n    const displayContent = isEmpty ? (\n      <span className=\"text-muted-foreground italic\">\n        {placeholder ?? labels.empty}\n      </span>\n    ) : (\n      (formatDisplay?.(shown) ?? (\n        <span className=\"break-words whitespace-pre-wrap\">\n          {defaultDisplay(shown, type, options)}\n        </span>\n      ))\n    );\n\n    const errorNode = error && (\n      <p\n        id={errorId}\n        role=\"alert\"\n        data-slot=\"inline-edit-error\"\n        className=\"text-destructive-700 dark:text-destructive-400 mt-1 text-sm\"\n      >\n        {error}\n      </p>\n    );\n\n    if (readOnly) {\n      return (\n        <div\n          ref={containerRef}\n          data-slot=\"inline-edit\"\n          data-state=\"read-only\"\n          aria-describedby={describedBy}\n          className={cn(\n            displayVariants({ size }),\n            'hover:bg-transparent',\n            className\n          )}\n          {...props}\n        >\n          {displayContent}\n        </div>\n      );\n    }\n\n    if (!editing) {\n      return (\n        <div\n          ref={containerRef}\n          data-slot=\"inline-edit\"\n          data-state=\"display\"\n          className={cn('min-w-0', className)}\n          {...props}\n        >\n          <button\n            ref={displayRef}\n            type=\"button\"\n            data-slot=\"inline-edit-display\"\n            aria-label={labels.edit(label)}\n            aria-describedby={describedByIds}\n            aria-busy={pendingValue !== null || undefined}\n            disabled={disabled}\n            onClick={startEditing}\n            className={displayVariants({ size })}\n          >\n            <span className=\"min-w-0 flex-1\">{displayContent}</span>\n            {pendingValue !== null ? (\n              <span role=\"status\" className=\"inline-flex items-center\">\n                <Loader2\n                  aria-hidden=\"true\"\n                  className=\"text-muted-foreground h-4 w-4 animate-spin motion-reduce:animate-none\"\n                />\n                <span className=\"sr-only\">{labels.saving}</span>\n              </span>\n            ) : (\n              <Pencil\n                aria-hidden=\"true\"\n                className=\"text-muted-foreground h-3.5 w-3.5 shrink-0 opacity-0 transition-opacity group-hover:opacity-100 group-focus-visible:opacity-100 motion-reduce:transition-none\"\n              />\n            )}\n          </button>\n          {errorNode}\n        </div>\n      );\n    }\n\n    const fieldProps = {\n      ref: fieldRef,\n      'aria-label': label,\n      'aria-invalid': error ? true : undefined,\n      'aria-describedby': describedByIds,\n      'data-slot': 'inline-edit-field',\n      value: draft,\n      onChange: (\n        e: React.ChangeEvent<\n          HTMLInputElement | HTMLTextAreaElement | HTMLSelectElement\n        >\n      ) => setDraft(e.target.value),\n      onKeyDown: handleKeyDown,\n      onBlur: handleBlur,\n      className: cn(\n        inputVariants({ size: size === 'sm' ? 'sm' : 'md', hasError: !!error })\n      ),\n    };\n\n    return (\n      <div\n        ref={containerRef}\n        data-slot=\"inline-edit\"\n        data-state=\"editing\"\n        className={cn('min-w-0', className)}\n        {...props}\n      >\n        <div className=\"flex items-start gap-1\">\n          {type === 'textarea' ? (\n            <textarea\n              {...fieldProps}\n              rows={3}\n              placeholder={placeholder}\n              className={cn(fieldProps.className, 'h-auto min-h-20')}\n            />\n          ) : type === 'select' ? (\n            <select {...fieldProps}>\n              {!options?.some((o) => o.value === draft) && (\n                <option value={draft}>{placeholder ?? ''}</option>\n              )}\n              {options?.map((o) => (\n                <option key={o.value} value={o.value}>\n                  {o.label}\n                </option>\n              ))}\n            </select>\n          ) : (\n            <input {...fieldProps} type={type} placeholder={placeholder} />\n          )}\n          <button\n            type=\"button\"\n            aria-label={labels.save}\n            title={labels.save}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={() => void commit(true)}\n            onBlur={handleBlur}\n            className=\"text-success hover:bg-muted focus-visible:ring-ring mt-1 rounded p-1 focus-visible:ring-2 focus-visible:outline-none\"\n          >\n            <Check aria-hidden=\"true\" className=\"h-4 w-4\" />\n          </button>\n          <button\n            type=\"button\"\n            aria-label={labels.cancel}\n            title={labels.cancel}\n            onMouseDown={(e) => e.preventDefault()}\n            onClick={() => cancel(true)}\n            onBlur={handleBlur}\n            className=\"text-muted-foreground hover:bg-muted focus-visible:ring-ring mt-1 rounded p-1 focus-visible:ring-2 focus-visible:outline-none\"\n          >\n            <X aria-hidden=\"true\" className=\"h-4 w-4\" />\n          </button>\n        </div>\n        {errorNode}\n      </div>\n    );\n  }\n);\n\nInlineEdit.displayName = 'InlineEdit';\n"]}

package/dist/{chunk-VKELAMAZ.js → chunk-N54FYWG6.js}

@@ -1,5 +1,5 @@
-import { useMediaTransport } from './chunk-SQHMGT4W.js';
-import { Button } from './chunk-GOALNQZ2.js';
+import { useMediaTransport } from './chunk-GW4RFJZ5.js';
+import { Button } from './chunk-WFBUBT54.js';
 import * as React from 'react';
 import { cva } from 'class-variance-authority';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -28,10 +28,17 @@ var MediaPlayer = React.forwardRef(
     src,
     kind,
     controls = true,
+    muted,
+    loop,
+    poster,
+    preload,
+    children,
+    labels,
     variant,
     onStateChange,
     onEnded,
     onError,
+    onRetry,
     onTimeUpdate,
     className,
     "aria-label": ariaLabel,
@@ -47,7 +54,9 @@ var MediaPlayer = React.forwardRef(
       onStateChange,
       onEnded,
       onError: (err) => {
-        setError("Unable to load media. The server may be unavailable.");
+        setError(
+          labels?.error ?? "Unable to load media. The server may be unavailable."
+        );
         onError?.(err);
       },
       endedState: "paused",
@@ -82,10 +91,14 @@ var MediaPlayer = React.forwardRef(
     const handleRetry = React.useCallback(() => {
       setError(null);
       mediaElement?.load();
-    }, [mediaElement]);
+      onRetry?.();
+    }, [mediaElement, onRetry]);
     const sharedMediaProps = {
       src,
       controls,
+      muted,
+      loop,
+      preload,
       "aria-label": ariaLabel
     };
     if (error) {
@@ -103,7 +116,7 @@ var MediaPlayer = React.forwardRef(
                 size: "sm",
                 className: "bg-background",
                 onClick: handleRetry,
-                children: "Retry"
+                children: labels?.retry ?? "Retry"
               }
             )
           ]
@@ -111,16 +124,18 @@ var MediaPlayer = React.forwardRef(
       ) });
     }
     return /* @__PURE__ */ jsx("div", { className: mediaPlayerVariants({ variant, className }), children: resolvedKind === "video" ? (
-      // Generic media surface: caption tracks belong to the consumer's media
-      // resource and are supplied via children, not this transport component.
+      // Tracks belong to the caller's media resource and can be supplied as
+      // children. The feed also supports a custom renderer for captions.
       // eslint-disable-next-line jsx-a11y/media-has-caption
       /* @__PURE__ */ jsx(
         "video",
         {
           ref: setElement,
           playsInline: true,
+          poster,
           className: "h-auto max-h-full w-auto max-w-full object-contain",
-          ...sharedMediaProps
+          ...sharedMediaProps,
+          children
         }
       )
     ) : (
@@ -130,7 +145,8 @@ var MediaPlayer = React.forwardRef(
         {
           ref: setElement,
           className: "my-4 w-[90%] max-w-lg",
-          ...sharedMediaProps
+          ...sharedMediaProps,
+          children
         }
       )
     ) });
@@ -139,5 +155,5 @@ var MediaPlayer = React.forwardRef(
 MediaPlayer.displayName = "MediaPlayer";
 
 export { MediaPlayer, inferMediaKind, mediaPlayerVariants };
-//# sourceMappingURL=chunk-VKELAMAZ.js.map
-//# sourceMappingURL=chunk-VKELAMAZ.js.map
+//# sourceMappingURL=chunk-N54FYWG6.js.map
+//# sourceMappingURL=chunk-N54FYWG6.js.map

package/dist/chunk-N54FYWG6.js.map

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

package/dist/chunk-N5JDL4VE.js

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

package/dist/chunk-N5JDL4VE.js.map

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

package/dist/{chunk-2QKBTPUC.cjs → chunk-NAH65KPK.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkUV2FVNWT_cjs = require('./chunk-UV2FVNWT.cjs');
+var chunkRIUQP2QS_cjs = require('./chunk-RIUQP2QS.cjs');
 var react = require('react');
 var DOMPurify = require('dompurify');
 var hljs = require('highlight.js/lib/core');
@@ -235,7 +235,7 @@ function useMarkdown() {
 }
 var CodeBlock = ({ code, language }) => {
   const html = react.useMemo(() => highlightCode(code, language), [code, language]);
-  return /* @__PURE__ */ jsxRuntime.jsx(chunkUV2FVNWT_cjs.FenceBlock, { code, language, children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkRIUQP2QS_cjs.FenceBlock, { code, language, children: /* @__PURE__ */ jsxRuntime.jsx(
     "pre",
     {
       className: "m-0 overflow-x-auto !bg-transparent p-3 text-sm",
@@ -253,16 +253,16 @@ var CodeBlock = ({ code, language }) => {
   ) });
 };
 var CsvBlock = react.lazy(
-  () => import('./CsvBlock-ROJCKJDP.cjs').then((m) => ({ default: m.CsvBlock }))
+  () => import('./CsvBlock-RGO7JXHJ.cjs').then((m) => ({ default: m.CsvBlock }))
 );
 var HtmlPreviewBlock = react.lazy(
-  () => import('./HtmlPreviewBlock-DWFN6EUB.cjs').then((m) => ({ default: m.HtmlPreviewBlock }))
+  () => import('./HtmlPreviewBlock-VBYXCXVT.cjs').then((m) => ({ default: m.HtmlPreviewBlock }))
 );
 var MermaidBlock = react.lazy(
-  () => import('./MermaidBlock-D2UC5M55.cjs').then((m) => ({ default: m.MermaidBlock }))
+  () => import('./MermaidBlock-I2R2BQOX.cjs').then((m) => ({ default: m.MermaidBlock }))
 );
 var SurveyBlock = react.lazy(
-  () => import('./SurveyBlock-4CD4AYMJ.cjs').then((m) => ({ default: m.SurveyBlock }))
+  () => import('./SurveyBlock-UKSGISRT.cjs').then((m) => ({ default: m.SurveyBlock }))
 );
 var BlockFallback = () => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center p-4 text-sm text-neutral-500", children: "Loading\u2026" });
 var BLOCK_RE = /<div data-block-type="([^"]+)" data-block-id="([^"]+)" data-code="([^"]*)"([^>]*\bdata-md-fence="1"[^>]*)><\/div>/g;
@@ -343,5 +343,5 @@ exports.CodeBlock = CodeBlock;
 exports.MarkdownRenderer = MarkdownRenderer;
 exports.highlightCode = highlightCode;
 exports.useMarkdown = useMarkdown;
-//# sourceMappingURL=chunk-2QKBTPUC.cjs.map
-//# sourceMappingURL=chunk-2QKBTPUC.cjs.map
+//# sourceMappingURL=chunk-NAH65KPK.cjs.map
+//# sourceMappingURL=chunk-NAH65KPK.cjs.map