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

package/dist/chunk-FSGJXCBG.cjs

@@ -0,0 +1,318 @@
+'use strict';
+
+var chunkS5RVSXDV_cjs = require('./chunk-S5RVSXDV.cjs');
+var React = require('react');
+var classVarianceAuthority = require('class-variance-authority');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var defaultLogoUploaderLabels = {
+  upload: "Upload logo",
+  replace: "Replace logo",
+  remove: "Remove logo",
+  dropHint: "Drop an image or click to browse",
+  uploading: "Uploading\u2026",
+  removing: "Removing\u2026",
+  invalidType: "That file type is not supported.",
+  tooLarge: (maxBytes) => `Files must be ${formatBytes(maxBytes)} or smaller.`,
+  uploadFailed: "Upload failed. Try again.",
+  removeFailed: "Could not remove the logo. Try again.",
+  previewAlt: "Current logo"
+};
+function formatBytes(bytes) {
+  if (bytes < 1024) return `${bytes} B`;
+  const kb = bytes / 1024;
+  if (kb < 1024) return `${Math.round(kb)} KB`;
+  return `${Math.round(kb / 1024 * 10) / 10} MB`;
+}
+function safeImageSrc(url) {
+  const trimmed = url?.trim();
+  if (!trimmed) return null;
+  const scheme = /^([a-z][a-z\d+.-]*):/i.exec(trimmed)?.[1].toLowerCase();
+  if (!scheme || ["http", "https", "blob"].includes(scheme)) return trimmed;
+  return /^data:image\//i.test(trimmed) ? trimmed : null;
+}
+function matchesAccept(file, accept) {
+  return accept.split(",").map((token) => token.trim().toLowerCase()).some((token) => {
+    if (!token) return false;
+    if (token.startsWith(".")) return file.name.toLowerCase().endsWith(token);
+    if (token.endsWith("/*")) return file.type.startsWith(token.slice(0, -1));
+    return file.type === token;
+  });
+}
+function FilePreview({ file, alt }) {
+  const canvasRef = React__namespace.useRef(null);
+  React__namespace.useEffect(() => {
+    if (typeof globalThis.createImageBitmap !== "function") return;
+    let cancelled = false;
+    globalThis.createImageBitmap(file).then((bitmap) => {
+      const canvas = canvasRef.current;
+      if (!cancelled && canvas) {
+        canvas.width = bitmap.width;
+        canvas.height = bitmap.height;
+        canvas.getContext("2d")?.drawImage(bitmap, 0, 0);
+      }
+      bitmap.close();
+    }).catch(() => {
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [file]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "canvas",
+    {
+      ref: canvasRef,
+      role: "img",
+      "aria-label": alt,
+      className: "h-full w-full object-contain"
+    }
+  );
+}
+var targetVariants = classVarianceAuthority.cva(
+  [
+    "relative flex cursor-pointer items-center justify-center overflow-hidden border-2 border-dashed bg-muted/40 text-muted-foreground",
+    "transition-colors motion-reduce:transition-none hover:border-primary-500 hover:text-foreground",
+    "peer-focus-visible:ring-ring peer-focus-visible:ring-2 peer-focus-visible:ring-offset-2",
+    "peer-disabled:cursor-not-allowed peer-disabled:opacity-50"
+  ],
+  {
+    variants: {
+      shape: { square: "rounded-lg", circle: "rounded-full" },
+      size: { sm: "h-16 w-16", md: "h-24 w-24", lg: "h-32 w-32" },
+      dragging: {
+        true: "border-primary-500 bg-primary-500/10",
+        false: "border-border"
+      },
+      filled: { true: "border-solid bg-card", false: "" }
+    },
+    defaultVariants: {
+      shape: "square",
+      size: "md",
+      dragging: false,
+      filled: false
+    }
+  }
+);
+var LogoUploader = React__namespace.forwardRef(
+  function LogoUploader2({
+    value,
+    onUpload,
+    onRemove,
+    accept = "image/*",
+    maxSizeBytes,
+    disabled,
+    shape,
+    size,
+    labels: labelOverrides,
+    className,
+    ...props
+  }, ref) {
+    const labels = { ...defaultLogoUploaderLabels, ...labelOverrides };
+    const [busy, setBusy] = React__namespace.useState(
+      null
+    );
+    const [preview, setPreview] = React__namespace.useState(null);
+    const [localFile, setLocalFile] = React__namespace.useState(null);
+    const [error, setError] = React__namespace.useState(null);
+    const [dragging, setDragging] = React__namespace.useState(false);
+    const inputRef = React__namespace.useRef(null);
+    const generation = React__namespace.useRef(0);
+    const id = React__namespace.useId();
+    const inputId = `${id}-input`;
+    const errorId = `${id}-error`;
+    React__namespace.useEffect(() => {
+      generation.current += 1;
+      setPreview(null);
+      setLocalFile(null);
+    }, [value]);
+    const shown = localFile ? null : safeImageSrc(preview ?? value);
+    const filled = !!localFile || !!shown;
+    const inactive = disabled || busy !== null;
+    const refocusInput = React__namespace.useRef(false);
+    React__namespace.useEffect(() => {
+      if (busy === null && refocusInput.current) {
+        refocusInput.current = false;
+        inputRef.current?.focus();
+      }
+    }, [busy]);
+    const handleFile = async (file) => {
+      if (!file || inactive) return;
+      if (!matchesAccept(file, accept)) return setError(labels.invalidType);
+      if (maxSizeBytes !== void 0 && file.size > maxSizeBytes) {
+        return setError(labels.tooLarge(maxSizeBytes));
+      }
+      setError(null);
+      const request = ++generation.current;
+      setPreview(null);
+      setLocalFile(file);
+      setBusy("uploading");
+      try {
+        const url = await onUpload(file);
+        if (url && request === generation.current) {
+          setLocalFile(null);
+          setPreview(url);
+        }
+      } catch {
+        if (request === generation.current) {
+          setLocalFile(null);
+          setError(labels.uploadFailed);
+        }
+      } finally {
+        setBusy(null);
+      }
+    };
+    const handleRemove = async () => {
+      if (!onRemove || inactive) return;
+      setError(null);
+      setBusy("removing");
+      try {
+        await onRemove();
+        setPreview(null);
+        setLocalFile(null);
+      } catch {
+        setError(labels.removeFailed);
+      } finally {
+        refocusInput.current = true;
+        setBusy(null);
+      }
+    };
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        "data-slot": "logo-uploader",
+        "aria-busy": busy !== null || void 0,
+        className: chunkS5RVSXDV_cjs.cn("inline-flex flex-col items-start gap-2", className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "input",
+              {
+                ref: inputRef,
+                id: inputId,
+                type: "file",
+                accept,
+                disabled: inactive,
+                "aria-label": filled ? labels.replace : labels.upload,
+                "aria-describedby": error ? errorId : void 0,
+                "aria-invalid": error ? true : void 0,
+                onChange: (e) => {
+                  void handleFile(e.target.files?.[0]);
+                  e.target.value = "";
+                },
+                className: "peer sr-only"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "label",
+              {
+                htmlFor: inputId,
+                "data-slot": "logo-uploader-target",
+                onDragOver: (e) => {
+                  e.preventDefault();
+                  if (!inactive) setDragging(true);
+                },
+                onDragLeave: () => setDragging(false),
+                onDrop: (e) => {
+                  e.preventDefault();
+                  setDragging(false);
+                  void handleFile(e.dataTransfer.files?.[0]);
+                },
+                className: targetVariants({
+                  shape,
+                  size,
+                  dragging,
+                  filled
+                }),
+                children: [
+                  localFile ? /* @__PURE__ */ jsxRuntime.jsx(FilePreview, { file: localFile, alt: labels.previewAlt }) : shown ? /* @__PURE__ */ jsxRuntime.jsx(
+                    "img",
+                    {
+                      src: shown,
+                      alt: labels.previewAlt,
+                      className: "h-full w-full object-contain"
+                    }
+                  ) : /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "flex flex-col items-center gap-1 px-2 text-center text-xs", children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ImagePlus, { "aria-hidden": "true", className: "h-5 w-5" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { children: labels.dropHint })
+                  ] }),
+                  busy && /* @__PURE__ */ jsxRuntime.jsxs(
+                    "span",
+                    {
+                      role: "status",
+                      className: "bg-background/70 absolute inset-0 flex items-center justify-center",
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsx(
+                          lucideReact.Loader2,
+                          {
+                            "aria-hidden": "true",
+                            className: "text-foreground h-5 w-5 animate-spin motion-reduce:animate-none"
+                          }
+                        ),
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: busy === "uploading" ? labels.uploading : labels.removing })
+                      ]
+                    }
+                  )
+                ]
+              }
+            ),
+            filled && onRemove && /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                "aria-label": labels.remove,
+                title: labels.remove,
+                disabled: inactive,
+                onClick: () => void handleRemove(),
+                className: chunkS5RVSXDV_cjs.cn(
+                  "border-border bg-card text-muted-foreground absolute -end-2 -top-2 rounded-full border p-1 shadow-sm",
+                  "hover:text-destructive focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none",
+                  "disabled:cursor-not-allowed disabled:opacity-50"
+                ),
+                children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Trash2, { "aria-hidden": "true", className: "h-3.5 w-3.5" })
+              }
+            )
+          ] }),
+          error && /* @__PURE__ */ jsxRuntime.jsx(
+            "p",
+            {
+              id: errorId,
+              role: "alert",
+              "data-slot": "logo-uploader-error",
+              className: "text-destructive-700 dark:text-destructive-400 text-sm",
+              children: error
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+LogoUploader.displayName = "LogoUploader";
+
+exports.LogoUploader = LogoUploader;
+exports.defaultLogoUploaderLabels = defaultLogoUploaderLabels;
+//# sourceMappingURL=chunk-FSGJXCBG.cjs.map
+//# sourceMappingURL=chunk-FSGJXCBG.cjs.map

package/dist/chunk-FSGJXCBG.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/LogoUploader/LogoUploader.tsx"],"names":["React","jsx","cva","LogoUploader","jsxs","cn","ImagePlus","Loader2","Trash2"],"mappings":"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","file":"chunk-FSGJXCBG.cjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { ImagePlus, Loader2, Trash2 } from 'lucide-react';\nimport { cn } from '../../utils/cn';\n\nexport interface LogoUploaderLabels {\n  /** Accessible name of the file input. */\n  upload: string;\n  replace: string;\n  remove: string;\n  /** Text inside the empty drop target. */\n  dropHint: string;\n  uploading: string;\n  removing: string;\n  invalidType: string;\n  tooLarge: (maxBytes: number) => string;\n  uploadFailed: string;\n  removeFailed: string;\n  /** Alt text of the preview image. */\n  previewAlt: string;\n}\n\nexport const defaultLogoUploaderLabels: LogoUploaderLabels = {\n  upload: 'Upload logo',\n  replace: 'Replace logo',\n  remove: 'Remove logo',\n  dropHint: 'Drop an image or click to browse',\n  uploading: 'Uploading…',\n  removing: 'Removing…',\n  invalidType: 'That file type is not supported.',\n  tooLarge: (maxBytes) => `Files must be ${formatBytes(maxBytes)} or smaller.`,\n  uploadFailed: 'Upload failed. Try again.',\n  removeFailed: 'Could not remove the logo. Try again.',\n  previewAlt: 'Current logo',\n};\n\nfunction formatBytes(bytes: number): string {\n  if (bytes < 1024) return `${bytes} B`;\n  const kb = bytes / 1024;\n  if (kb < 1024) return `${Math.round(kb)} KB`;\n  return `${Math.round((kb / 1024) * 10) / 10} MB`;\n}\n\n/** Relative URLs, http(s), blob: and data:image/ only — nothing else reaches `<img src>`. */\nfunction safeImageSrc(url: string | null | undefined): string | null {\n  const trimmed = url?.trim();\n  if (!trimmed) return null;\n  const scheme = /^([a-z][a-z\\d+.-]*):/i.exec(trimmed)?.[1].toLowerCase();\n  if (!scheme || ['http', 'https', 'blob'].includes(scheme)) return trimmed;\n  return /^data:image\\//i.test(trimmed) ? trimmed : null;\n}\n\n/** True when `file` matches an `accept` attribute value. */\nfunction matchesAccept(file: File, accept: string): boolean {\n  return accept\n    .split(',')\n    .map((token) => token.trim().toLowerCase())\n    .some((token) => {\n      if (!token) return false;\n      if (token.startsWith('.')) return file.name.toLowerCase().endsWith(token);\n      if (token.endsWith('/*')) return file.type.startsWith(token.slice(0, -1));\n      return file.type === token;\n    });\n}\n\n/**\n * Local preview of a picked file. Drawn to a canvas so the file never becomes\n * an `<img src>` string (no object URL to sanitize or revoke).\n */\nfunction FilePreview({ file, alt }: { file: File; alt: string }) {\n  const canvasRef = React.useRef<HTMLCanvasElement>(null);\n  React.useEffect(() => {\n    // Without the API (older engines, jsdom) the target keeps its spinner,\n    // same as an undecodable image.\n    if (typeof globalThis.createImageBitmap !== 'function') return;\n    let cancelled = false;\n    globalThis\n      .createImageBitmap(file)\n      .then((bitmap) => {\n        const canvas = canvasRef.current;\n        if (!cancelled && canvas) {\n          canvas.width = bitmap.width;\n          canvas.height = bitmap.height;\n          canvas.getContext('2d')?.drawImage(bitmap, 0, 0);\n        }\n        bitmap.close();\n      })\n      .catch(() => {\n        // Undecodable image: the target keeps its border and spinner.\n      });\n    return () => {\n      cancelled = true;\n    };\n  }, [file]);\n  return (\n    <canvas\n      ref={canvasRef}\n      role=\"img\"\n      aria-label={alt}\n      className=\"h-full w-full object-contain\"\n    />\n  );\n}\n\nconst targetVariants = cva(\n  [\n    'relative flex cursor-pointer items-center justify-center overflow-hidden border-2 border-dashed bg-muted/40 text-muted-foreground',\n    'transition-colors motion-reduce:transition-none hover:border-primary-500 hover:text-foreground',\n    'peer-focus-visible:ring-ring peer-focus-visible:ring-2 peer-focus-visible:ring-offset-2',\n    'peer-disabled:cursor-not-allowed peer-disabled:opacity-50',\n  ],\n  {\n    variants: {\n      shape: { square: 'rounded-lg', circle: 'rounded-full' },\n      size: { sm: 'h-16 w-16', md: 'h-24 w-24', lg: 'h-32 w-32' },\n      dragging: {\n        true: 'border-primary-500 bg-primary-500/10',\n        false: 'border-border',\n      },\n      filled: { true: 'border-solid bg-card', false: '' },\n    },\n    defaultVariants: {\n      shape: 'square',\n      size: 'md',\n      dragging: false,\n      filled: false,\n    },\n  }\n);\n\nexport interface LogoUploaderProps\n  extends\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>,\n    Pick<VariantProps<typeof targetVariants>, 'shape' | 'size'> {\n  /** URL of the current logo. */\n  value?: string | null;\n  /** Upload the file. Resolve with the new URL to preview it until `value` updates. */\n  onUpload: (file: File) => Promise<string | void>;\n  /** Remove the logo. Omit to hide the remove button. */\n  onRemove?: () => void | Promise<void>;\n  /** `accept` attribute for the file input. */\n  accept?: string;\n  /** Reject files larger than this. */\n  maxSizeBytes?: number;\n  disabled?: boolean;\n  /** Translatable strings. */\n  labels?: Partial<LogoUploaderLabels>;\n}\n\n/**\n * Square or circular logo drop target with click-to-browse, preview and\n * remove.\n */\nexport const LogoUploader = React.forwardRef<HTMLDivElement, LogoUploaderProps>(\n  function LogoUploader(\n    {\n      value,\n      onUpload,\n      onRemove,\n      accept = 'image/*',\n      maxSizeBytes,\n      disabled,\n      shape,\n      size,\n      labels: labelOverrides,\n      className,\n      ...props\n    },\n    ref\n  ) {\n    const labels = { ...defaultLogoUploaderLabels, ...labelOverrides };\n    const [busy, setBusy] = React.useState<'uploading' | 'removing' | null>(\n      null\n    );\n    const [preview, setPreview] = React.useState<string | null>(null);\n    const [localFile, setLocalFile] = React.useState<File | null>(null);\n    const [error, setError] = React.useState<string | null>(null);\n    const [dragging, setDragging] = React.useState(false);\n    const inputRef = React.useRef<HTMLInputElement>(null);\n    // Bumped by each upload and each new `value`; stale uploads check it.\n    const generation = React.useRef(0);\n    const id = React.useId();\n    const inputId = `${id}-input`;\n    const errorId = `${id}-error`;\n\n    // A fresh `value` from the caller supersedes any local preview.\n    React.useEffect(() => {\n      generation.current += 1;\n      setPreview(null);\n      setLocalFile(null);\n    }, [value]);\n\n    const shown = localFile ? null : safeImageSrc(preview ?? value);\n    const filled = !!localFile || !!shown;\n    const inactive = disabled || busy !== null;\n\n    // The input is disabled while busy, so focus it once it re-enables.\n    const refocusInput = React.useRef(false);\n    React.useEffect(() => {\n      if (busy === null && refocusInput.current) {\n        refocusInput.current = false;\n        inputRef.current?.focus();\n      }\n    }, [busy]);\n\n    const handleFile = async (file: File | undefined) => {\n      if (!file || inactive) return;\n      if (!matchesAccept(file, accept)) return setError(labels.invalidType);\n      if (maxSizeBytes !== undefined && file.size > maxSizeBytes) {\n        return setError(labels.tooLarge(maxSizeBytes));\n      }\n      setError(null);\n      const request = ++generation.current;\n      setPreview(null);\n      setLocalFile(file);\n      setBusy('uploading');\n      try {\n        const url = await onUpload(file);\n        if (url && request === generation.current) {\n          setLocalFile(null);\n          setPreview(url);\n        }\n      } catch {\n        if (request === generation.current) {\n          setLocalFile(null);\n          setError(labels.uploadFailed);\n        }\n      } finally {\n        setBusy(null);\n      }\n    };\n\n    const handleRemove = async () => {\n      if (!onRemove || inactive) return;\n      setError(null);\n      setBusy('removing');\n      try {\n        await onRemove();\n        setPreview(null);\n        setLocalFile(null);\n      } catch {\n        setError(labels.removeFailed);\n      } finally {\n        refocusInput.current = true;\n        setBusy(null);\n      }\n    };\n\n    return (\n      <div\n        ref={ref}\n        data-slot=\"logo-uploader\"\n        aria-busy={busy !== null || undefined}\n        className={cn('inline-flex flex-col items-start gap-2', className)}\n        {...props}\n      >\n        <div className=\"relative\">\n          <input\n            ref={inputRef}\n            id={inputId}\n            type=\"file\"\n            accept={accept}\n            disabled={inactive}\n            aria-label={filled ? labels.replace : labels.upload}\n            aria-describedby={error ? errorId : undefined}\n            aria-invalid={error ? true : undefined}\n            onChange={(e) => {\n              void handleFile(e.target.files?.[0]);\n              e.target.value = '';\n            }}\n            className=\"peer sr-only\"\n          />\n          <label\n            htmlFor={inputId}\n            data-slot=\"logo-uploader-target\"\n            onDragOver={(e) => {\n              e.preventDefault();\n              if (!inactive) setDragging(true);\n            }}\n            onDragLeave={() => setDragging(false)}\n            onDrop={(e) => {\n              e.preventDefault();\n              setDragging(false);\n              void handleFile(e.dataTransfer.files?.[0]);\n            }}\n            className={targetVariants({\n              shape,\n              size,\n              dragging,\n              filled,\n            })}\n          >\n            {localFile ? (\n              <FilePreview file={localFile} alt={labels.previewAlt} />\n            ) : shown ? (\n              <img\n                src={shown}\n                alt={labels.previewAlt}\n                className=\"h-full w-full object-contain\"\n              />\n            ) : (\n              <span className=\"flex flex-col items-center gap-1 px-2 text-center text-xs\">\n                <ImagePlus aria-hidden=\"true\" className=\"h-5 w-5\" />\n                <span>{labels.dropHint}</span>\n              </span>\n            )}\n            {busy && (\n              <span\n                role=\"status\"\n                className=\"bg-background/70 absolute inset-0 flex items-center justify-center\"\n              >\n                <Loader2\n                  aria-hidden=\"true\"\n                  className=\"text-foreground h-5 w-5 animate-spin motion-reduce:animate-none\"\n                />\n                <span className=\"sr-only\">\n                  {busy === 'uploading' ? labels.uploading : labels.removing}\n                </span>\n              </span>\n            )}\n          </label>\n          {filled && onRemove && (\n            <button\n              type=\"button\"\n              aria-label={labels.remove}\n              title={labels.remove}\n              disabled={inactive}\n              onClick={() => void handleRemove()}\n              className={cn(\n                'border-border bg-card text-muted-foreground absolute -end-2 -top-2 rounded-full border p-1 shadow-sm',\n                'hover:text-destructive focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none',\n                'disabled:cursor-not-allowed disabled:opacity-50'\n              )}\n            >\n              <Trash2 aria-hidden=\"true\" className=\"h-3.5 w-3.5\" />\n            </button>\n          )}\n        </div>\n        {error && (\n          <p\n            id={errorId}\n            role=\"alert\"\n            data-slot=\"logo-uploader-error\"\n            className=\"text-destructive-700 dark:text-destructive-400 text-sm\"\n          >\n            {error}\n          </p>\n        )}\n      </div>\n    );\n  }\n);\n\nLogoUploader.displayName = 'LogoUploader';\n"]}

package/dist/chunk-FTEZNCRI.js

@@ -0,0 +1,29 @@
+import * as React from 'react';
+
+// src/components/ActivityFeed/usePendingOverrides.ts
+function usePendingOverrides() {
+  const [overrides, setOverrides] = React.useState(
+    () => /* @__PURE__ */ new Map()
+  );
+  const run = React.useCallback(
+    async (id, value, action) => {
+      setOverrides((prev) => new Map(prev).set(id, value));
+      try {
+        await action();
+      } catch {
+      } finally {
+        setOverrides((prev) => {
+          const next = new Map(prev);
+          next.delete(id);
+          return next;
+        });
+      }
+    },
+    []
+  );
+  return [overrides, run];
+}
+
+export { usePendingOverrides };
+//# sourceMappingURL=chunk-FTEZNCRI.js.map
+//# sourceMappingURL=chunk-FTEZNCRI.js.map

package/dist/chunk-FTEZNCRI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ActivityFeed/usePendingOverrides.ts"],"names":[],"mappings":";;;AASO,SAAS,mBAAA,GAGd;AACA,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAU,KAAA,CAAA,QAAA;AAAA,IACtC,0BAAU,GAAA;AAAI,GAChB;AAEA,EAAA,MAAM,GAAA,GAAY,KAAA,CAAA,WAAA;AAAA,IAChB,OAAO,EAAA,EAAY,KAAA,EAAU,MAAA,KAAuC;AAClE,MAAA,YAAA,CAAa,CAAC,SAAS,IAAI,GAAA,CAAI,IAAI,CAAA,CAAE,GAAA,CAAI,EAAA,EAAI,KAAK,CAAC,CAAA;AACnD,MAAA,IAAI;AACF,QAAA,MAAM,MAAA,EAAO;AAAA,MACf,CAAA,CAAA,MAAQ;AAAA,MAER,CAAA,SAAE;AACA,QAAA,YAAA,CAAa,CAAC,IAAA,KAAS;AACrB,UAAA,MAAM,IAAA,GAAO,IAAI,GAAA,CAAI,IAAI,CAAA;AACzB,UAAA,IAAA,CAAK,OAAO,EAAE,CAAA;AACd,UAAA,OAAO,IAAA;AAAA,QACT,CAAC,CAAA;AAAA,MACH;AAAA,IACF,CAAA;AAAA,IACA;AAAC,GACH;AAEA,EAAA,OAAO,CAAC,WAAW,GAAG,CAAA;AACxB","file":"chunk-FTEZNCRI.js","sourcesContent":["'use client';\n\nimport * as React from 'react';\n\n/**\n * Optimistic per-id state for async callbacks: `run` sets an override, awaits\n * the action, then drops it — on success the caller's props take over, on\n * rejection the previous value shows again. Surfacing the error is the caller's job.\n */\nexport function usePendingOverrides<V>(): [\n  ReadonlyMap<string, V>,\n  (id: string, value: V, action: () => void | Promise<void>) => Promise<void>,\n] {\n  const [overrides, setOverrides] = React.useState<ReadonlyMap<string, V>>(\n    () => new Map()\n  );\n\n  const run = React.useCallback(\n    async (id: string, value: V, action: () => void | Promise<void>) => {\n      setOverrides((prev) => new Map(prev).set(id, value));\n      try {\n        await action();\n      } catch {\n        // Restored below; the caller owns error reporting.\n      } finally {\n        setOverrides((prev) => {\n          const next = new Map(prev);\n          next.delete(id);\n          return next;\n        });\n      }\n    },\n    []\n  );\n\n  return [overrides, run];\n}\n"]}

package/dist/{chunk-COM7RNZU.cjs → chunk-FYQZWLAM.cjs}

@@ -13,5 +13,5 @@ var brands = {
 };
 
 exports.brands = brands;
-//# sourceMappingURL=chunk-COM7RNZU.cjs.map
-//# sourceMappingURL=chunk-COM7RNZU.cjs.map
+//# sourceMappingURL=chunk-FYQZWLAM.cjs.map
+//# sourceMappingURL=chunk-FYQZWLAM.cjs.map

package/dist/{chunk-COM7RNZU.cjs.map → chunk-FYQZWLAM.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/brands/index.ts"],"names":[],"mappings":";;;AAkCO,IAAM,MAAA,GAAS;AAAA,EACpB,QAAA,EAAU,MAAM,OAAO,uBAAY,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,aAAa,CAAA;AAAA,EAChE,IAAA,EAAM,MAAM,OAAO,mBAAQ,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,SAAS,CAAA;AAAA,EACpD,OAAA,EAAS,MAAM,OAAO,wBAAW,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,YAAY,CAAA;AAAA,EAC7D,mBAAA,EAAqB,MACnB,OAAO,kCAAqB,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,qBAAqB,CAAA;AAAA,EACnE,MAAA,EAAQ,MAAM,OAAO,uBAAU,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,WAAW,CAAA;AAAA,EAC1D,MAAA,EAAQ,MAAM,OAAO,qBAAU,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,WAAW,CAAA;AAAA,EAC1D,UAAA,EAAY,MAAM,OAAO,2BAAc,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,eAAe,CAAA;AAAA,EACtE,QAAA,EAAU,MAAM,OAAO,yBAAY,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,aAAa;AAClE","file":"chunk-COM7RNZU.cjs","sourcesContent":["/**\n * @mieweb/ui Brand System\n *\n * Export all brand-related types, utilities, and configurations.\n */\n\n// Types and utilities\nexport type {\n  BrandConfig,\n  BrandColors,\n  BrandTypography,\n  BrandBorderRadius,\n  BrandBoxShadow,\n  ColorScale,\n  SemanticColors,\n} from './types';\n\nexport {\n  generateBrandCSS,\n  generateTailwindTheme,\n  createBrandPreset,\n} from './types';\n\n// Brand configurations\nexport { bluehiveBrand } from './bluehive';\nexport { ccmeBrand } from './ccme';\nexport { defaultBrand } from './default';\nexport { enterpriseHealthBrand } from './enterprise-health';\nexport { miewebBrand } from './mieweb';\nexport { ozwellBrand } from './ozwell';\nexport { wagglelineBrand } from './waggleline';\nexport { webchartBrand } from './webchart';\n\n// All brands for iteration\nexport const brands = {\n  bluehive: () => import('./bluehive').then((m) => m.bluehiveBrand),\n  ccme: () => import('./ccme').then((m) => m.ccmeBrand),\n  default: () => import('./default').then((m) => m.defaultBrand),\n  'enterprise-health': () =>\n    import('./enterprise-health').then((m) => m.enterpriseHealthBrand),\n  mieweb: () => import('./mieweb').then((m) => m.miewebBrand),\n  ozwell: () => import('./ozwell').then((m) => m.ozwellBrand),\n  waggleline: () => import('./waggleline').then((m) => m.wagglelineBrand),\n  webchart: () => import('./webchart').then((m) => m.webchartBrand),\n} as const;\n"]}
+{"version":3,"sources":["../src/brands/index.ts"],"names":[],"mappings":";;;AAkCO,IAAM,MAAA,GAAS;AAAA,EACpB,QAAA,EAAU,MAAM,OAAO,uBAAY,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,aAAa,CAAA;AAAA,EAChE,IAAA,EAAM,MAAM,OAAO,mBAAQ,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,SAAS,CAAA;AAAA,EACpD,OAAA,EAAS,MAAM,OAAO,wBAAW,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,YAAY,CAAA;AAAA,EAC7D,mBAAA,EAAqB,MACnB,OAAO,kCAAqB,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,qBAAqB,CAAA;AAAA,EACnE,MAAA,EAAQ,MAAM,OAAO,uBAAU,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,WAAW,CAAA;AAAA,EAC1D,MAAA,EAAQ,MAAM,OAAO,qBAAU,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,WAAW,CAAA;AAAA,EAC1D,UAAA,EAAY,MAAM,OAAO,2BAAc,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,eAAe,CAAA;AAAA,EACtE,QAAA,EAAU,MAAM,OAAO,yBAAY,EAAE,IAAA,CAAK,CAAC,CAAA,KAAM,CAAA,CAAE,aAAa;AAClE","file":"chunk-FYQZWLAM.cjs","sourcesContent":["/**\n * @mieweb/ui Brand System\n *\n * Export all brand-related types, utilities, and configurations.\n */\n\n// Types and utilities\nexport type {\n  BrandConfig,\n  BrandColors,\n  BrandTypography,\n  BrandBorderRadius,\n  BrandBoxShadow,\n  ColorScale,\n  SemanticColors,\n} from './types';\n\nexport {\n  generateBrandCSS,\n  generateTailwindTheme,\n  createBrandPreset,\n} from './types';\n\n// Brand configurations\nexport { bluehiveBrand } from './bluehive';\nexport { ccmeBrand } from './ccme';\nexport { defaultBrand } from './default';\nexport { enterpriseHealthBrand } from './enterprise-health';\nexport { miewebBrand } from './mieweb';\nexport { ozwellBrand } from './ozwell';\nexport { wagglelineBrand } from './waggleline';\nexport { webchartBrand } from './webchart';\n\n// All brands for iteration\nexport const brands = {\n  bluehive: () => import('./bluehive').then((m) => m.bluehiveBrand),\n  ccme: () => import('./ccme').then((m) => m.ccmeBrand),\n  default: () => import('./default').then((m) => m.defaultBrand),\n  'enterprise-health': () =>\n    import('./enterprise-health').then((m) => m.enterpriseHealthBrand),\n  mieweb: () => import('./mieweb').then((m) => m.miewebBrand),\n  ozwell: () => import('./ozwell').then((m) => m.ozwellBrand),\n  waggleline: () => import('./waggleline').then((m) => m.wagglelineBrand),\n  webchart: () => import('./webchart').then((m) => m.webchartBrand),\n} as const;\n"]}

package/dist/{chunk-YVPC65ZJ.cjs → chunk-GF2BE4FB.cjs}

@@ -1,6 +1,7 @@
 'use strict';
 
-var React2 = require('react');
+var chunkCPDNX3LS_cjs = require('./chunk-CPDNX3LS.cjs');
+var React = require('react');
 
 function _interopNamespace(e) {
   if (e && e.__esModule) return e;
@@ -20,27 +21,8 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-// src/hooks/useLiveAnnouncement.ts
-function useLiveAnnouncement() {
-  const [message, setMessage] = React2__namespace.useState("");
-  const timerRef = React2__namespace.useRef(
-    void 0
-  );
-  const announce = React2__namespace.useCallback((next) => {
-    setMessage("");
-    if (timerRef.current !== void 0) clearTimeout(timerRef.current);
-    timerRef.current = setTimeout(() => setMessage(next), 50);
-  }, []);
-  React2__namespace.useEffect(
-    () => () => {
-      if (timerRef.current !== void 0) clearTimeout(timerRef.current);
-    },
-    []
-  );
-  return [message, announce];
-}
 function reorderIds(ids, draggedId, targetId, after) {
   if (draggedId === targetId) return ids;
   if (!ids.includes(draggedId)) return ids;
@@ -50,24 +32,90 @@ function reorderIds(ids, draggedId, targetId, after) {
   without.splice(after ? idx + 1 : idx, 0, draggedId);
   return without;
 }
+function moveIdBy(ids, id, delta) {
+  const from = ids.indexOf(id);
+  if (from === -1) return ids;
+  const to = Math.max(0, Math.min(ids.length - 1, from + delta));
+  if (to === from) return ids;
+  const next = ids.filter((i) => i !== id);
+  next.splice(to, 0, id);
+  return next;
+}
+var DEFAULT_DRAG_REORDER_LABELS = {
+  moveUp: "Move up",
+  moveDown: "Move down",
+  moved: (position, total) => `Moved to position ${position} of ${total}`
+};
 function useDragReorder({
   ids,
   onReorder,
-  canDropOn
+  canDropOn,
+  keyboard = false,
+  announce,
+  getDragPreview,
+  labels: labelsProp
 }) {
-  const [draggingId, setDraggingId] = React2__namespace.useState(null);
-  const draggingRef = React2__namespace.useRef(null);
-  const [over, setOver] = React2__namespace.useState(null);
+  const labels = { ...DEFAULT_DRAG_REORDER_LABELS, ...labelsProp };
+  const [announcement, announceLive] = chunkCPDNX3LS_cjs.useLiveAnnouncement();
+  const [draggingId, setDraggingId] = React__namespace.useState(null);
+  const draggingRef = React__namespace.useRef(null);
+  const [over, setOver] = React__namespace.useState(null);
   const enabled = Boolean(onReorder);
-  const reset = React2__namespace.useCallback(() => {
+  const reset = React__namespace.useCallback(() => {
     draggingRef.current = null;
     setDraggingId(null);
     setOver(null);
   }, []);
-  const rowProps = React2__namespace.useCallback(
+  const reachable = (id, delta) => {
+    const from = ids.indexOf(id);
+    if (!enabled || from === -1) return 0;
+    const step = Math.sign(delta);
+    let reach = 0;
+    while (reach !== delta) {
+      const t = from + reach + step;
+      if (t < 0 || t >= ids.length || canDropOn && !canDropOn(id, ids[t]))
+        break;
+      reach += step;
+    }
+    return reach;
+  };
+  const moveBy = (id, delta) => {
+    const next = moveIdBy(ids, id, reachable(id, delta));
+    if (next === ids) return;
+    onReorder?.(next);
+    const message = labels.moved(next.indexOf(id) + 1, next.length, id);
+    if (announce) announce(message);
+    else announceLive(message);
+  };
+  const moveButtonProps = (id, direction, label) => {
+    const delta = direction === "up" ? -1 : 1;
+    return {
+      type: "button",
+      onClick: (e) => {
+        e.stopPropagation();
+        moveBy(id, delta);
+      },
+      disabled: reachable(id, delta) === 0,
+      "aria-label": label ?? (direction === "up" ? labels.moveUp : labels.moveDown)
+    };
+  };
+  const moveByRef = React__namespace.useRef(moveBy);
+  moveByRef.current = moveBy;
+  const rowProps = React__namespace.useCallback(
     (id) => {
       if (!enabled) return {};
+      const keyProps = keyboard ? {
+        tabIndex: 0,
+        "aria-keyshortcuts": "Alt+ArrowUp Alt+ArrowDown",
+        onKeyDown: (e) => {
+          if (e.target !== e.currentTarget || !e.altKey) return;
+          if (e.key !== "ArrowUp" && e.key !== "ArrowDown") return;
+          e.preventDefault();
+          moveByRef.current(id, e.key === "ArrowUp" ? -1 : 1);
+        }
+      } : {};
       return {
+        ...keyProps,
         draggable: true,
         // WebKit (iPadOS Safari, incl. remote-pointer sessions) starts a text
         // selection instead of a drag when the drag source contains selectable
@@ -81,6 +129,8 @@ function useDragReorder({
         onDragStart: (e) => {
           e.dataTransfer.effectAllowed = "move";
           e.dataTransfer.setData("text/plain", id);
+          const preview = getDragPreview?.(id);
+          if (preview) e.dataTransfer.setDragImage(preview, 0, 0);
           draggingRef.current = id;
           setDraggingId(id);
         },
@@ -114,9 +164,17 @@ function useDragReorder({
         }
       };
     },
-    [enabled, ids, onReorder, canDropOn, reset]
+    [enabled, keyboard, ids, onReorder, canDropOn, getDragPreview, reset]
   );
-  return { enabled, draggingId, over, rowProps };
+  return {
+    enabled,
+    draggingId,
+    over,
+    rowProps,
+    moveBy,
+    moveButtonProps,
+    announcement: announce ? "" : announcement
+  };
 }
 function dragIndicatorClasses(drag, id) {
   return [
@@ -126,9 +184,10 @@ function dragIndicatorClasses(drag, id) {
   ].filter(Boolean).join(" ");
 }
 
+exports.DEFAULT_DRAG_REORDER_LABELS = DEFAULT_DRAG_REORDER_LABELS;
 exports.dragIndicatorClasses = dragIndicatorClasses;
+exports.moveIdBy = moveIdBy;
 exports.reorderIds = reorderIds;
 exports.useDragReorder = useDragReorder;
-exports.useLiveAnnouncement = useLiveAnnouncement;
-//# sourceMappingURL=chunk-YVPC65ZJ.cjs.map
-//# sourceMappingURL=chunk-YVPC65ZJ.cjs.map
+//# sourceMappingURL=chunk-GF2BE4FB.cjs.map
+//# sourceMappingURL=chunk-GF2BE4FB.cjs.map

package/dist/chunk-GF2BE4FB.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useDragReorder.ts"],"names":["useLiveAnnouncement","React"],"mappings":"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","file":"chunk-GF2BE4FB.cjs","sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nimport { useLiveAnnouncement } from './useLiveAnnouncement';\n\n/** Insert `draggedId` before/after `targetId` in `ids`. */\nexport function reorderIds(\n  ids: string[],\n  draggedId: string,\n  targetId: string,\n  after: boolean\n): string[] {\n  if (draggedId === targetId) return ids;\n  // Ignore drags that originate outside this list (stale payloads would\n  // otherwise be inserted as unknown ids).\n  if (!ids.includes(draggedId)) return ids;\n  const without = ids.filter((i) => i !== draggedId);\n  const idx = without.indexOf(targetId);\n  if (idx === -1) return ids;\n  without.splice(after ? idx + 1 : idx, 0, draggedId);\n  return without;\n}\n\n/** Move `id` by `delta` positions (clamped). Returns `ids` unchanged when it can't move. */\nexport function moveIdBy(ids: string[], id: string, delta: number): string[] {\n  const from = ids.indexOf(id);\n  if (from === -1) return ids;\n  const to = Math.max(0, Math.min(ids.length - 1, from + delta));\n  if (to === from) return ids;\n  const next = ids.filter((i) => i !== id);\n  next.splice(to, 0, id);\n  return next;\n}\n\nexport interface DragReorderLabels {\n  moveUp: string;\n  moveDown: string;\n  /** Announced after a keyboard/button move */\n  moved: (position: number, total: number, id: string) => string;\n}\n\nexport const DEFAULT_DRAG_REORDER_LABELS: DragReorderLabels = {\n  moveUp: 'Move up',\n  moveDown: 'Move down',\n  moved: (position, total) => `Moved to position ${position} of ${total}`,\n};\n\nexport interface UseDragReorderOptions {\n  /** Current flat order of item ids (props order) */\n  ids: string[];\n  /** Called with the full new id order after a drop or move. Omit to disable reordering. */\n  onReorder?: (ids: string[]) => void;\n  /** Restrict drops, e.g. to the same status group */\n  canDropOn?: (draggedId: string, targetId: string) => boolean;\n  /** Add Alt+ArrowUp / Alt+ArrowDown handling (and `tabIndex={0}`) to `rowProps`. Off by default so rows with their own `onKeyDown` keep working. */\n  keyboard?: boolean;\n  /** Receives move announcements instead of the returned `announcement` string. */\n  announce?: (message: string) => void;\n  /** Element rendered as the drag image (`dataTransfer.setDragImage`). */\n  getDragPreview?: (id: string) => Element | null;\n  labels?: Partial<DragReorderLabels>;\n}\n\nexport interface DragOverState {\n  id: string;\n  /** Drop indicator position relative to the hovered row */\n  after: boolean;\n}\n\nexport interface UseDragReorderReturn {\n  /** Whether drag reordering is active (onReorder provided) */\n  enabled: boolean;\n  /** Id currently being dragged, if any */\n  draggingId: string | null;\n  /** Row currently hovered as a drop target */\n  over: DragOverState | null;\n  /** Spread onto each row element (must be keyed by a stable id) */\n  rowProps: (id: string) => React.HTMLAttributes<HTMLElement>;\n  /** Move an item by `delta` positions; no-op at the ends or across `canDropOn` boundaries. */\n  moveBy: (id: string, delta: number) => void;\n  /** Props for a visible move button */\n  moveButtonProps: (\n    id: string,\n    direction: 'up' | 'down',\n    label?: string\n  ) => {\n    type: 'button';\n    onClick: (e: React.MouseEvent) => void;\n    disabled: boolean;\n    'aria-label': string;\n  };\n  /** Latest move message; render in an `aria-live=\"polite\"` region (empty when `announce` is given). */\n  announcement: string;\n}\n\n/**\n * HTML5 drag-and-drop list reordering. Rows spread `rowProps(id)`; on drop the\n * hook computes the full new id order and reports it via `onReorder` — the\n * consumer persists it (e.g. on the encounter/patient object) and feeds the\n * list back in props order.\n *\n * Drag-and-drop is pointer-only, so pair it with `moveButtonProps` buttons\n * and/or `keyboard: true` (Alt+↑/↓ on focused rows), and render\n * `announcement` in a polite live region.\n *\n * @example\n * ```tsx\n * const drag = useDragReorder({ ids: items.map((i) => i.id), onReorder, keyboard: true });\n * // <li {...drag.rowProps(item.id)} className={cn(dragIndicatorClasses(drag, item.id))}>\n * //   <button {...drag.moveButtonProps(item.id, 'up')}><ChevronUp /></button>\n * // <div aria-live=\"polite\" className=\"sr-only\">{drag.announcement}</div>\n * ```\n */\nexport function useDragReorder({\n  ids,\n  onReorder,\n  canDropOn,\n  keyboard = false,\n  announce,\n  getDragPreview,\n  labels: labelsProp,\n}: UseDragReorderOptions): UseDragReorderReturn {\n  const labels = { ...DEFAULT_DRAG_REORDER_LABELS, ...labelsProp };\n  const [announcement, announceLive] = useLiveAnnouncement();\n  const [draggingId, setDraggingId] = React.useState<string | null>(null);\n  // dragover can fire before the dragstart state update is visible, so the\n  // authoritative dragged id lives in a ref (set synchronously)\n  const draggingRef = React.useRef<string | null>(null);\n  const [over, setOver] = React.useState<DragOverState | null>(null);\n  const enabled = Boolean(onReorder);\n\n  const reset = React.useCallback(() => {\n    draggingRef.current = null;\n    setDraggingId(null);\n    setOver(null);\n  }, []);\n\n  /** How far `id` can move toward `delta`: stops at the ends or the first slot canDropOn rejects. */\n  const reachable = (id: string, delta: number): number => {\n    const from = ids.indexOf(id);\n    if (!enabled || from === -1) return 0;\n    const step = Math.sign(delta);\n    let reach = 0;\n    while (reach !== delta) {\n      const t = from + reach + step;\n      if (t < 0 || t >= ids.length || (canDropOn && !canDropOn(id, ids[t])))\n        break;\n      reach += step;\n    }\n    return reach;\n  };\n\n  const moveBy = (id: string, delta: number) => {\n    const next = moveIdBy(ids, id, reachable(id, delta));\n    if (next === ids) return;\n    onReorder?.(next);\n    const message = labels.moved(next.indexOf(id) + 1, next.length, id);\n    if (announce) announce(message);\n    else announceLive(message);\n  };\n\n  const moveButtonProps: UseDragReorderReturn['moveButtonProps'] = (\n    id,\n    direction,\n    label\n  ) => {\n    const delta = direction === 'up' ? -1 : 1;\n    return {\n      type: 'button',\n      onClick: (e) => {\n        e.stopPropagation();\n        moveBy(id, delta);\n      },\n      disabled: reachable(id, delta) === 0,\n      'aria-label':\n        label ?? (direction === 'up' ? labels.moveUp : labels.moveDown),\n    };\n  };\n\n  const moveByRef = React.useRef(moveBy);\n  moveByRef.current = moveBy;\n\n  const rowProps = React.useCallback(\n    (id: string): React.HTMLAttributes<HTMLElement> => {\n      if (!enabled) return {};\n      const keyProps: React.HTMLAttributes<HTMLElement> = keyboard\n        ? {\n            tabIndex: 0,\n            'aria-keyshortcuts': 'Alt+ArrowUp Alt+ArrowDown',\n            onKeyDown: (e) => {\n              if (e.target !== e.currentTarget || !e.altKey) return;\n              if (e.key !== 'ArrowUp' && e.key !== 'ArrowDown') return;\n              e.preventDefault();\n              moveByRef.current(id, e.key === 'ArrowUp' ? -1 : 1);\n            },\n          }\n        : {};\n      return {\n        ...keyProps,\n        draggable: true,\n        // WebKit (iPadOS Safari, incl. remote-pointer sessions) starts a text\n        // selection instead of a drag when the drag source contains selectable\n        // text — suppress selection and explicitly mark the row as the drag\n        // element so press-drag reliably initiates drag-and-drop.\n        style: {\n          userSelect: 'none',\n          WebkitUserSelect: 'none',\n          WebkitUserDrag: 'element',\n        } as React.CSSProperties,\n        onDragStart: (e) => {\n          e.dataTransfer.effectAllowed = 'move';\n          e.dataTransfer.setData('text/plain', id);\n          const preview = getDragPreview?.(id);\n          if (preview) e.dataTransfer.setDragImage(preview, 0, 0);\n          draggingRef.current = id;\n          setDraggingId(id);\n        },\n        onDragEnd: reset,\n        onDragOver: (e) => {\n          const dragged = draggingRef.current;\n          if (\n            !dragged ||\n            dragged === id ||\n            (canDropOn && !canDropOn(dragged, id))\n          ) {\n            // hovering an invalid target: clear any stale indicator\n            setOver(null);\n            return;\n          }\n          e.preventDefault();\n          e.dataTransfer.dropEffect = 'move';\n          const r = e.currentTarget.getBoundingClientRect();\n          const after = e.clientY > r.top + r.height / 2;\n          setOver((prev) =>\n            prev?.id === id && prev.after === after ? prev : { id, after }\n          );\n        },\n        onDragLeave: () => {\n          setOver((prev) => (prev?.id === id ? null : prev));\n        },\n        onDrop: (e) => {\n          e.preventDefault();\n          const dragged =\n            draggingRef.current ?? e.dataTransfer.getData('text/plain');\n          reset();\n          if (!dragged || dragged === id) return;\n          if (canDropOn && !canDropOn(dragged, id)) return;\n          const r = e.currentTarget.getBoundingClientRect();\n          const after = e.clientY > r.top + r.height / 2;\n          onReorder?.(reorderIds(ids, dragged, id, after));\n        },\n      };\n    },\n    [enabled, keyboard, ids, onReorder, canDropOn, getDragPreview, reset]\n  );\n\n  return {\n    enabled,\n    draggingId,\n    over,\n    rowProps,\n    moveBy,\n    moveButtonProps,\n    announcement: announce ? '' : announcement,\n  };\n}\n\n/** Tailwind classes for the drag state of a row: drop indicator + dragging dim. */\nexport function dragIndicatorClasses(\n  drag: Pick<UseDragReorderReturn, 'draggingId' | 'over'>,\n  id: string\n): string {\n  return [\n    drag.draggingId === id ? 'opacity-40' : '',\n    drag.over?.id === id && !drag.over.after\n      ? 'shadow-[inset_0_2px_0_0_var(--color-primary-500,#3b82f6)]'\n      : '',\n    drag.over?.id === id && drag.over.after\n      ? 'shadow-[inset_0_-2px_0_0_var(--color-primary-500,#3b82f6)]'\n      : '',\n  ]\n    .filter(Boolean)\n    .join(' ');\n}\n"]}