@nofinite/nui 1.1.2 → 2.0.2

package/dist/components/fileuploader/FileUploader.js

@@ -1,83 +1,118 @@
-import { jsxs as c, jsx as r } from "react/jsx-runtime";
-import { useRef as y, useState as f, useCallback as b } from "react";
+import { jsxs as r, jsx as i } from "react/jsx-runtime";
+import { useRef as j, useState as k, useCallback as z } from "react";
 /* empty css                 */
-function O({
-  multiple: n = !1,
-  accept: d,
-  onChange: s,
-  className: u = "",
-  placeholder: p = "Drag files here or click to upload"
+import { cn as y } from "../../utils/cn/cn.js";
+function I(o, u = 2) {
+  if (!+o) return "0 Bytes";
+  const a = 1024, s = u < 0 ? 0 : u, h = ["Bytes", "KB", "MB", "GB", "TB"], l = Math.floor(Math.log(o) / Math.log(a));
+  return `${parseFloat((o / Math.pow(a, l)).toFixed(s))} ${h[l]}`;
+}
+function R({
+  value: o,
+  defaultValue: u,
+  onChange: a,
+  multiple: s = !1,
+  accept: h,
+  maxSize: l,
+  className: x,
+  placeholder: N = "Drag & drop files here, or click to browse",
+  disabled: n = !1
 }) {
-  const t = y(null), [a, m] = f([]), [v, o] = f(!1), i = b(
-    (e) => {
-      m(e), s?.(e);
-    },
-    [s]
-  ), h = (e) => {
-    e.preventDefault(), o(!1);
-    const l = Array.from(e.dataTransfer.files);
-    if (!n) {
-      i([l[0]]);
-      return;
-    }
-    i([...a, ...l]);
-  }, g = (e) => {
-    const l = e.target.files ? Array.from(e.target.files) : [];
-    if (!n) {
-      i([l[0]]);
-      return;
-    }
-    i([...a, ...l]);
-  }, D = (e) => {
-    const l = a.filter((N, k) => k !== e);
-    i(l);
+  const c = j(null), d = o !== void 0, [B, v] = k(u || []), f = d ? o : B, [D, m] = k(!1), g = z((e) => {
+    let t = e;
+    l && (t = e.filter(($) => $.size <= l));
+    const p = s ? [...f, ...t] : [t[0]].filter(Boolean);
+    d || v(p), a?.(p);
+  }, [f, s, l, d, a]), F = (e) => {
+    if (n) return;
+    const t = f.filter((p) => p !== e);
+    d || v(t), a?.(t);
+  }, w = (e) => {
+    e.preventDefault(), e.stopPropagation(), n || m(!0);
+  }, M = (e) => {
+    e.preventDefault(), e.stopPropagation(), m(!1);
+  }, L = (e) => {
+    e.preventDefault(), e.stopPropagation(), m(!1), !n && e.dataTransfer.files && e.dataTransfer.files.length > 0 && g(Array.from(e.dataTransfer.files));
+  }, C = (e) => {
+    e.target.files && e.target.files.length > 0 && g(Array.from(e.target.files)), c.current && (c.current.value = "");
   };
-  return /* @__PURE__ */ c("div", { className: `ui-fileupload ${u}`, children: [
+  return /* @__PURE__ */ r("div", { className: y("nui-file-uploader", x), children: [
     /* @__PURE__ */ r(
       "div",
       {
-        className: `ui-fileupload-dropzone ${v ? "dragover" : ""}`,
-        tabIndex: 0,
         role: "button",
+        tabIndex: n ? -1 : 0,
         "aria-label": "Upload files",
-        onClick: () => t.current?.click(),
+        "aria-disabled": n,
+        className: y(
+          "nui-file-dropzone",
+          D && "dragover",
+          n && "disabled"
+        ),
+        onClick: () => !n && c.current?.click(),
         onKeyDown: (e) => {
-          (e.key === "Enter" || e.key === " ") && t.current?.click();
-        },
-        onDragOver: (e) => {
-          e.preventDefault(), o(!0);
+          !n && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), c.current?.click());
         },
-        onDragLeave: () => o(!1),
-        onDrop: h,
-        children: /* @__PURE__ */ r("span", { children: p })
+        onDragOver: w,
+        onDragLeave: M,
+        onDrop: L,
+        children: [
+          /* @__PURE__ */ r("svg", { className: "nui-file-icon", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+            /* @__PURE__ */ i("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+            /* @__PURE__ */ i("polyline", { points: "17 8 12 3 7 8" }),
+            /* @__PURE__ */ i("line", { x1: "12", y1: "3", x2: "12", y2: "15" })
+          ] }),
+          /* @__PURE__ */ i("span", { className: "nui-file-placeholder", children: N })
+        ]
       }
     ),
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ i(
       "input",
       {
-        ref: t,
+        ref: c,
         type: "file",
-        accept: d,
-        multiple: n,
-        style: { display: "none" },
-        onChange: g
+        "data-testid": "nui-file-input",
+        accept: h,
+        multiple: s,
+        disabled: n,
+        onChange: C,
+        className: "nui-file-hidden-input",
+        tabIndex: -1,
+        "aria-hidden": "true"
       }
     ),
-    a.length > 0 && /* @__PURE__ */ r("ul", { className: "ui-fileupload-list", children: a.map((e, l) => /* @__PURE__ */ c("li", { className: "ui-fileupload-item", children: [
-      /* @__PURE__ */ r("span", { className: "ui-fileupload-filename", children: e.name }),
-      /* @__PURE__ */ r(
-        "button",
-        {
-          className: "ui-fileupload-remove",
-          "aria-label": "Remove file",
-          onClick: () => D(l),
-          children: "×"
-        }
-      )
-    ] }, l)) })
+    f.length > 0 && /* @__PURE__ */ i("ul", { className: "nui-file-list", "aria-label": "Selected files", children: f.map((e) => {
+      const t = `${e.name}-${e.size}-${e.lastModified}`;
+      return /* @__PURE__ */ r("li", { className: "nui-file-item", children: [
+        /* @__PURE__ */ r("div", { className: "nui-file-info", children: [
+          /* @__PURE__ */ r("svg", { className: "nui-file-item-icon", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+            /* @__PURE__ */ i("path", { d: "M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z" }),
+            /* @__PURE__ */ i("polyline", { points: "13 2 13 9 20 9" })
+          ] }),
+          /* @__PURE__ */ r("div", { className: "nui-file-text", children: [
+            /* @__PURE__ */ i("span", { className: "nui-file-name", children: e.name }),
+            /* @__PURE__ */ i("span", { className: "nui-file-size", children: I(e.size) })
+          ] })
+        ] }),
+        /* @__PURE__ */ i(
+          "button",
+          {
+            type: "button",
+            className: "nui-file-remove",
+            "aria-label": `Remove ${e.name}`,
+            onClick: () => F(e),
+            disabled: n,
+            children: /* @__PURE__ */ r("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+              /* @__PURE__ */ i("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+              /* @__PURE__ */ i("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+            ] })
+          }
+        )
+      ] }, t);
+    }) })
   ] });
 }
 export {
-  O as FileUploader
+  R as FileUploader
 };
 //# sourceMappingURL=FileUploader.js.map

package/dist/components/fileuploader/FileUploader.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploader.js","sources":["../../../src/components/fileuploader/FileUploader.tsx"],"sourcesContent":["/**\r\n * FileUploader.tsx — FINAL VERSION\r\n * --------------------------------\r\n * Features:\r\n * - Drag & drop\r\n * - Click to upload\r\n * - Keyboard activate\r\n * - File list preview\r\n * - Remove file\r\n * - Accept filters\r\n * - Multiple uploads\r\n */\r\n\r\nimport { useRef, useState, useCallback, DragEvent, ChangeEvent } from 'react';\r\nimport './FileUploader.css';\r\n\r\nexport interface FileUploaderProps {\r\n  multiple?: boolean;\r\n  accept?: string;\r\n  onChange?: (files: File[]) => void;\r\n  className?: string;\r\n  placeholder?: string;\r\n}\r\n\r\nexport function FileUploader({\r\n  multiple = false,\r\n  accept,\r\n  onChange,\r\n  className = '',\r\n  placeholder = 'Drag files here or click to upload',\r\n}: FileUploaderProps) {\r\n  const inputRef = useRef<HTMLInputElement | null>(null);\r\n  const [files, setFiles] = useState<File[]>([]);\r\n  const [dragOver, setDragOver] = useState(false);\r\n\r\n  const updateFiles = useCallback(\r\n    (newFiles: File[]) => {\r\n      setFiles(newFiles);\r\n      onChange?.(newFiles);\r\n    },\r\n    [onChange]\r\n  );\r\n\r\n  const handleDrop = (e: DragEvent) => {\r\n    e.preventDefault();\r\n    setDragOver(false);\r\n\r\n    const dropped = Array.from(e.dataTransfer.files);\r\n\r\n    if (!multiple) {\r\n      updateFiles([dropped[0]]);\r\n      return;\r\n    }\r\n\r\n    updateFiles([...files, ...dropped]);\r\n  };\r\n\r\n  const handleSelect = (e: ChangeEvent<HTMLInputElement>) => {\r\n    const selected = e.target.files ? Array.from(e.target.files) : [];\r\n    if (!multiple) {\r\n      updateFiles([selected[0]]);\r\n      return;\r\n    }\r\n    updateFiles([...files, ...selected]);\r\n  };\r\n\r\n  const removeFile = (index: number) => {\r\n    const newList = files.filter((_, i) => i !== index);\r\n    updateFiles(newList);\r\n  };\r\n\r\n  return (\r\n    <div className={`ui-fileupload ${className}`}>\r\n      {/* DROP ZONE */}\r\n      <div\r\n        className={`ui-fileupload-dropzone ${dragOver ? 'dragover' : ''}`}\r\n        tabIndex={0}\r\n        role=\"button\"\r\n        aria-label=\"Upload files\"\r\n        onClick={() => inputRef.current?.click()}\r\n        onKeyDown={(e) => {\r\n          if (e.key === 'Enter' || e.key === ' ') inputRef.current?.click();\r\n        }}\r\n        onDragOver={(e) => {\r\n          e.preventDefault();\r\n          setDragOver(true);\r\n        }}\r\n        onDragLeave={() => setDragOver(false)}\r\n        onDrop={handleDrop}\r\n      >\r\n        <span>{placeholder}</span>\r\n      </div>\r\n\r\n      {/* HIDDEN INPUT */}\r\n      <input\r\n        ref={inputRef}\r\n        type=\"file\"\r\n        accept={accept}\r\n        multiple={multiple}\r\n        style={{ display: 'none' }}\r\n        onChange={handleSelect}\r\n      />\r\n\r\n      {/* FILE LIST */}\r\n      {files.length > 0 && (\r\n        <ul className=\"ui-fileupload-list\">\r\n          {files.map((file, i) => (\r\n            <li key={i} className=\"ui-fileupload-item\">\r\n              <span className=\"ui-fileupload-filename\">{file.name}</span>\r\n              <button\r\n                className=\"ui-fileupload-remove\"\r\n                aria-label=\"Remove file\"\r\n                onClick={() => removeFile(i)}\r\n              >\r\n                ×\r\n              </button>\r\n            </li>\r\n          ))}\r\n        </ul>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n"],"names":["FileUploader","multiple","accept","onChange","className","placeholder","inputRef","useRef","files","setFiles","useState","dragOver","setDragOver","updateFiles","useCallback","newFiles","handleDrop","dropped","handleSelect","selected","removeFile","index","newList","_","i","jsxs","jsx","file"],"mappings":";;;AAwBO,SAASA,EAAa;AAAA,EAC3B,UAAAC,IAAW;AAAA,EACX,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,aAAAC,IAAc;AAChB,GAAsB;AACpB,QAAMC,IAAWC,EAAgC,IAAI,GAC/C,CAACC,GAAOC,CAAQ,IAAIC,EAAiB,CAAA,CAAE,GACvC,CAACC,GAAUC,CAAW,IAAIF,EAAS,EAAK,GAExCG,IAAcC;AAAA,IAClB,CAACC,MAAqB;AACpB,MAAAN,EAASM,CAAQ,GACjBZ,IAAWY,CAAQ;AAAA,IACrB;AAAA,IACA,CAACZ,CAAQ;AAAA,EAAA,GAGLa,IAAa,CAAC,MAAiB;AACnC,MAAE,eAAA,GACFJ,EAAY,EAAK;AAEjB,UAAMK,IAAU,MAAM,KAAK,EAAE,aAAa,KAAK;AAE/C,QAAI,CAAChB,GAAU;AACb,MAAAY,EAAY,CAACI,EAAQ,CAAC,CAAC,CAAC;AACxB;AAAA,IACF;AAEA,IAAAJ,EAAY,CAAC,GAAGL,GAAO,GAAGS,CAAO,CAAC;AAAA,EACpC,GAEMC,IAAe,CAAC,MAAqC;AACzD,UAAMC,IAAW,EAAE,OAAO,QAAQ,MAAM,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;AAC/D,QAAI,CAAClB,GAAU;AACb,MAAAY,EAAY,CAACM,EAAS,CAAC,CAAC,CAAC;AACzB;AAAA,IACF;AACA,IAAAN,EAAY,CAAC,GAAGL,GAAO,GAAGW,CAAQ,CAAC;AAAA,EACrC,GAEMC,IAAa,CAACC,MAAkB;AACpC,UAAMC,IAAUd,EAAM,OAAO,CAACe,GAAGC,MAAMA,MAAMH,CAAK;AAClD,IAAAR,EAAYS,CAAO;AAAA,EACrB;AAEA,SACE,gBAAAG,EAAC,OAAA,EAAI,WAAW,iBAAiBrB,CAAS,IAExC,UAAA;AAAA,IAAA,gBAAAsB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,0BAA0Bf,IAAW,aAAa,EAAE;AAAA,QAC/D,UAAU;AAAA,QACV,MAAK;AAAA,QACL,cAAW;AAAA,QACX,SAAS,MAAML,EAAS,SAAS,MAAA;AAAA,QACjC,WAAW,CAAC,MAAM;AAChB,WAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,QAAKA,EAAS,SAAS,MAAA;AAAA,QAC5D;AAAA,QACA,YAAY,CAAC,MAAM;AACjB,YAAE,eAAA,GACFM,EAAY,EAAI;AAAA,QAClB;AAAA,QACA,aAAa,MAAMA,EAAY,EAAK;AAAA,QACpC,QAAQI;AAAA,QAER,UAAA,gBAAAU,EAAC,UAAM,UAAArB,EAAA,CAAY;AAAA,MAAA;AAAA,IAAA;AAAA,IAIrB,gBAAAqB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKpB;AAAA,QACL,MAAK;AAAA,QACL,QAAAJ;AAAA,QACA,UAAAD;AAAA,QACA,OAAO,EAAE,SAAS,OAAA;AAAA,QAClB,UAAUiB;AAAA,MAAA;AAAA,IAAA;AAAA,IAIXV,EAAM,SAAS,KACd,gBAAAkB,EAAC,QAAG,WAAU,sBACX,UAAAlB,EAAM,IAAI,CAACmB,GAAMH,MAChB,gBAAAC,EAAC,MAAA,EAAW,WAAU,sBACpB,UAAA;AAAA,MAAA,gBAAAC,EAAC,QAAA,EAAK,WAAU,0BAA0B,UAAAC,EAAK,MAAK;AAAA,MACpD,gBAAAD;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,cAAW;AAAA,UACX,SAAS,MAAMN,EAAWI,CAAC;AAAA,UAC5B,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED,EAAA,GAROA,CAST,CACD,EAAA,CACH;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"FileUploader.js","sources":["../../../src/components/fileuploader/FileUploader.tsx"],"sourcesContent":["\"use client\";\n\nimport React, { useRef, useState, useCallback, DragEvent, ChangeEvent } from 'react';\nimport { cn } from '../../utils';\nimport './FileUploader.css';\n\n/* ============================================================\n * Helper\n * ============================================================ */\n\n/**\n * Formats a byte count into a human-readable string (e.g., 1.5 MB).\n */\nfunction formatBytes(bytes: number, decimals = 2) {\n  if (!+bytes) return '0 Bytes';\n  const k = 1024;\n  const dm = decimals < 0 ? 0 : decimals;\n  const sizes = ['Bytes', 'KB', 'MB', 'GB', 'TB'];\n  const i = Math.floor(Math.log(bytes) / Math.log(k));\n  return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`;\n}\n\n/* ============================================================\n * Types\n * ============================================================ */\n\nexport interface FileUploaderProps {\n  /** Controlled state for the selected files */\n  value?: File[];\n  /** Uncontrolled initial state for the selected files */\n  defaultValue?: File[];\n  /** Callback fired when the list of selected files changes */\n  onChange?: (files: File[]) => void;\n  /** Whether to allow multiple files to be selected. Defaults to false. */\n  multiple?: boolean;\n  /** A comma-separated list of allowed file extensions or MIME types (e.g., '.jpg, .png, application/pdf') */\n  accept?: string;\n  /** Maximum allowed file size in bytes */\n  maxSize?: number;\n  /** Custom class name applied to the root container */\n  className?: string;\n  /** Custom text or element displayed inside the dropzone */\n  placeholder?: React.ReactNode;\n  /** Disables the dropzone and prevents file selection */\n  disabled?: boolean;\n}\n\n/* ============================================================\n * Component\n * ============================================================ */\n\n/**\n * FileUploader Component\n * * A drag-and-drop zone for file uploads with built-in preview and file management.\n * * Follows WAI-ARIA guidelines by delegating keyboard interactions to a hidden native file input.\n */\nexport function FileUploader({\n  value,\n  defaultValue,\n  onChange,\n  multiple = false,\n  accept,\n  maxSize,\n  className,\n  placeholder = 'Drag & drop files here, or click to browse',\n  disabled = false,\n}: FileUploaderProps) {\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  \n  const isControlled = value !== undefined;\n  const [internalFiles, setInternalFiles] = useState<File[]>(defaultValue || []);\n  const files = isControlled ? value : internalFiles;\n  \n  const [isDragOver, setIsDragOver] = useState(false);\n\n  /* ----------------------------------------------------\n     File Handlers\n  ---------------------------------------------------- */\n  const updateFiles = useCallback((newFiles: File[]) => {\n    let validFiles = newFiles;\n\n    // Filter by max size if provided\n    if (maxSize) {\n      validFiles = newFiles.filter(f => f.size <= maxSize);\n    }\n\n    const nextFiles = multiple ? [...files, ...validFiles] : [validFiles[0]].filter(Boolean);\n    \n    if (!isControlled) setInternalFiles(nextFiles);\n    onChange?.(nextFiles);\n  }, [files, multiple, maxSize, isControlled, onChange]);\n\n  const removeFile = (fileToRemove: File) => {\n    if (disabled) return;\n    const nextFiles = files.filter(f => f !== fileToRemove);\n    if (!isControlled) setInternalFiles(nextFiles);\n    onChange?.(nextFiles);\n  };\n\n  /* ----------------------------------------------------\n     Event Listeners\n  ---------------------------------------------------- */\n  const onDragOver = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    if (!disabled) setIsDragOver(true);\n  };\n\n  const onDragLeave = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    setIsDragOver(false);\n  };\n\n  const onDrop = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    setIsDragOver(false);\n    \n    if (disabled) return;\n    if (e.dataTransfer.files && e.dataTransfer.files.length > 0) {\n      updateFiles(Array.from(e.dataTransfer.files));\n    }\n  };\n\n  const onFileSelect = (e: ChangeEvent<HTMLInputElement>) => {\n    if (e.target.files && e.target.files.length > 0) {\n      updateFiles(Array.from(e.target.files));\n    }\n    // Clear the native input value so the exact same file can be selected again if removed\n    if (inputRef.current) inputRef.current.value = '';\n  };\n\n  /* ----------------------------------------------------\n     Render\n  ---------------------------------------------------- */\n  return (\n    <div className={cn(\"nui-file-uploader\", className)}>\n      \n      {/* DROP ZONE */}\n      <div\n        role=\"button\"\n        tabIndex={disabled ? -1 : 0}\n        aria-label=\"Upload files\"\n        aria-disabled={disabled}\n        className={cn(\n          \"nui-file-dropzone\",\n          isDragOver && \"dragover\",\n          disabled && \"disabled\"\n        )}\n        onClick={() => !disabled && inputRef.current?.click()}\n        onKeyDown={(e) => {\n          if (!disabled && (e.key === 'Enter' || e.key === ' ')) {\n            e.preventDefault();\n            inputRef.current?.click();\n          }\n        }}\n        onDragOver={onDragOver}\n        onDragLeave={onDragLeave}\n        onDrop={onDrop}\n      >\n        <svg className=\"nui-file-icon\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n          <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"></path>\n          <polyline points=\"17 8 12 3 7 8\"></polyline>\n          <line x1=\"12\" y1=\"3\" x2=\"12\" y2=\"15\"></line>\n        </svg>\n        <span className=\"nui-file-placeholder\">{placeholder}</span>\n      </div>\n\n      {/* HIDDEN NATIVE INPUT */}\n      <input\n        ref={inputRef}\n        type=\"file\"\n        data-testid=\"nui-file-input\"\n        accept={accept}\n        multiple={multiple}\n        disabled={disabled}\n        onChange={onFileSelect}\n        className=\"nui-file-hidden-input\"\n        tabIndex={-1}\n        aria-hidden=\"true\"\n      />\n\n      {/* FILE LIST PREVIEW */}\n      {files.length > 0 && (\n        <ul className=\"nui-file-list\" aria-label=\"Selected files\">\n          {files.map((file) => {\n            // Create a stable key based on file properties\n            const fileKey = `${file.name}-${file.size}-${file.lastModified}`;\n            \n            return (\n              <li key={fileKey} className=\"nui-file-item\">\n                <div className=\"nui-file-info\">\n                  <svg className=\"nui-file-item-icon\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n                    <path d=\"M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z\"></path>\n                    <polyline points=\"13 2 13 9 20 9\"></polyline>\n                  </svg>\n                  <div className=\"nui-file-text\">\n                    <span className=\"nui-file-name\">{file.name}</span>\n                    <span className=\"nui-file-size\">{formatBytes(file.size)}</span>\n                  </div>\n                </div>\n                \n                <button\n                  type=\"button\"\n                  className=\"nui-file-remove\"\n                  aria-label={`Remove ${file.name}`}\n                  onClick={() => removeFile(file)}\n                  disabled={disabled}\n                >\n                  <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" aria-hidden=\"true\">\n                    <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"></line>\n                    <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"></line>\n                  </svg>\n                </button>\n              </li>\n            );\n          })}\n        </ul>\n      )}\n    </div>\n  );\n}"],"names":["formatBytes","bytes","decimals","k","dm","sizes","i","FileUploader","value","defaultValue","onChange","multiple","accept","maxSize","className","placeholder","disabled","inputRef","useRef","isControlled","internalFiles","setInternalFiles","useState","files","isDragOver","setIsDragOver","updateFiles","useCallback","newFiles","validFiles","f","nextFiles","removeFile","fileToRemove","onDragOver","onDragLeave","onDrop","onFileSelect","cn","jsxs","jsx","file","fileKey"],"mappings":"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"}

package/dist/components/hovercard/HoverCard.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),e=require("react");;/* empty css                */const L=require("../../utils/onclickoutside/onClickOutside.cjs"),T=require("../../utils/portal/portal.cjs");function C({trigger:E,children:p,openDelay:g=120,closeDelay:h=140,className:w=""}){const[t,n]=e.useState(!1),f=e.useRef(null),v=e.useRef(null),i=e.useRef(null),c=e.useRef(null),l=()=>{i.current&&clearTimeout(i.current),c.current&&clearTimeout(c.current)},m=()=>{l(),i.current=setTimeout(()=>n(!0),g)},a=()=>{l(),c.current=setTimeout(()=>n(!1),h)};e.useEffect(()=>{if(!t)return;const o=s=>{s.key==="Escape"&&n(!1)};return document.addEventListener("keydown",o),()=>document.removeEventListener("keydown",o)},[t]),e.useEffect(()=>{if(t)return L.onClickOutside(v,()=>n(!1))},[t]);const[d,R]=e.useState(null),r=e.useCallback(()=>{const o=f.current;if(!o)return;const s=o.getBoundingClientRect();R({top:s.bottom+8,left:s.left})},[]);return e.useEffect(()=>{if(t)return r(),window.addEventListener("resize",r),window.addEventListener("scroll",r,!0),()=>{window.removeEventListener("resize",r),window.removeEventListener("scroll",r,!0)}},[t,r]),u.jsxs("div",{className:"ui-hovercard-root",children:[u.jsx("div",{ref:f,className:"ui-hovercard-trigger",onMouseEnter:m,onMouseLeave:a,onFocus:m,onBlur:a,children:E}),t&&d&&u.jsx(T.Portal,{children:u.jsx("div",{ref:v,className:`ui-hovercard ${w}`,style:{top:d.top,left:d.left},role:"dialog","aria-hidden":!t,onMouseEnter:()=>{l(),n(!0)},onMouseLeave:a,children:p})})]})}exports.HoverCard=C;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const H=require("react/jsx-runtime"),e=require("react");;/* empty css                */const q=require("../../utils/onclickoutside/onClickOutside.cjs"),S=require("../../utils/portal/portal.cjs"),B=require("../../utils/cn/cn.cjs"),L=e.createContext(null);function k(){const a=e.useContext(L);if(!a)throw new Error("HoverCard components must be inside <HoverCard>");return a}function b({children:a,openDelay:f=200,closeDelay:c=300}){const[u,d]=e.useState(!1),o=e.useRef(null),r=e.useRef(null),n=`hovercard-${e.useId()}`,s=e.useRef(null),t=e.useRef(null),l=e.useCallback(()=>{s.current&&clearTimeout(s.current),t.current&&clearTimeout(t.current)},[]),R=e.useCallback(()=>{l(),s.current=setTimeout(()=>d(!0),f)},[f,l]),w=e.useCallback(()=>{l(),t.current=setTimeout(()=>d(!1),c)},[c,l]);return e.useEffect(()=>()=>l(),[l]),H.jsx(L.Provider,{value:{open:u,setOpen:d,triggerRef:o,contentRef:r,contentId:n,scheduleOpen:R,scheduleClose:w,clearTimers:l},children:a})}b.displayName="HoverCard";function T({children:a}){const{open:f,triggerRef:c,contentId:u,scheduleOpen:d,scheduleClose:o}=k(),r=e.Children.only(a),n=r.props.ref??r.ref,s={ref:t=>{c.current=t,typeof n=="function"?n(t):n&&typeof n=="object"&&"current"in n&&(n.current=t)},"aria-haspopup":"dialog","aria-expanded":f,"aria-controls":f?u:void 0,onMouseEnter:t=>{d(),r.props.onMouseEnter?.(t)},onMouseLeave:t=>{o(),r.props.onMouseLeave?.(t)},onFocus:t=>{d(),r.props.onFocus?.(t)},onBlur:t=>{o(),r.props.onBlur?.(t)}};return e.cloneElement(r,s)}T.displayName="HoverCard.Trigger";function x({children:a,className:f,placement:c="bottom",offset:u=8,...d}){const{open:o,setOpen:r,triggerRef:n,contentRef:s,contentId:t,scheduleClose:l,clearTimers:R}=k(),[w,O]=e.useState({top:-9999,left:-9999}),[P,j]=e.useState(c);e.useEffect(()=>{if(!o)return;const i=p=>{p.key==="Escape"&&r(!1)};return document.addEventListener("keydown",i),()=>document.removeEventListener("keydown",i)},[o,r]),e.useEffect(()=>o?q.onClickOutside([s,n],()=>{r(!1)}):void 0,[o,r,s,n]);const C=e.useCallback(()=>{if(!n.current||!s.current)return;const i=n.current.getBoundingClientRect(),p=s.current.getBoundingClientRect(),M=window.scrollX,v=window.scrollY;let m=i.left+M+i.width/2-p.width/2;const h=12,y=document.documentElement.clientWidth-p.width-h;m<h&&(m=h),m>y&&(m=y);let g=i.bottom+v+u,E=c;c==="bottom"&&g+p.height>window.innerHeight+v-h?(g=i.top+v-p.height-u,E="top"):c==="top"&&(g=i.top+v-p.height-u,g<v+h&&(g=i.bottom+v+u,E="bottom")),j(E),O({top:g,left:m})},[c,u,n,s]);return e.useLayoutEffect(()=>{if(o)return C(),window.addEventListener("resize",C),window.addEventListener("scroll",C,!0),()=>{window.removeEventListener("resize",C),window.removeEventListener("scroll",C,!0)}},[o,C]),o?H.jsx(S.Portal,{children:H.jsx("div",{id:t,ref:s,role:"dialog","data-placement":P,className:B.cn("nui-hovercard-content",f),style:{position:"absolute",top:w.top,left:w.left},onMouseEnter:()=>{R()},onMouseLeave:l,...d,children:a})}):null}x.displayName="HoverCard.Content";const I=Object.assign(b,{Trigger:T,Content:x});exports.HoverCard=I;exports.HoverCardContent=x;exports.HoverCardRoot=b;exports.HoverCardTrigger=T;
 //# sourceMappingURL=HoverCard.cjs.map

package/dist/components/hovercard/HoverCard.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"HoverCard.cjs","sources":["../../../src/components/hovercard/HoverCard.tsx"],"sourcesContent":["/**\r\n * HoverCard.tsx — FINAL VERSION\r\n * --------------------------------\r\n * Features:\r\n * - Open on hover / focus\r\n * - Close on leave / blur\r\n * - Delay open & close\r\n * - ESC to dismiss\r\n * - Outside dismiss\r\n * - Auto position (simple version)\r\n * - Portal rendering\r\n */\r\n\r\nimport { useState, useRef, useEffect, ReactNode, useCallback } from 'react';\r\nimport './HoverCard.css';\r\nimport { Portal, onClickOutside } from '../../utils/index';\r\n\r\nexport interface HoverCardProps {\r\n  trigger: ReactNode;\r\n  children: ReactNode;\r\n  openDelay?: number;\r\n  closeDelay?: number;\r\n  className?: string;\r\n}\r\n\r\nexport function HoverCard({\r\n  trigger,\r\n  children,\r\n  openDelay = 120,\r\n  closeDelay = 140,\r\n  className = '',\r\n}: HoverCardProps) {\r\n  const [open, setOpen] = useState(false);\r\n\r\n  const triggerRef = useRef<HTMLDivElement | null>(null);\r\n  const cardRef = useRef<HTMLDivElement | null>(null);\r\n\r\n  const openTimer = useRef<NodeJS.Timeout | null>(null);\r\n  const closeTimer = useRef<NodeJS.Timeout | null>(null);\r\n\r\n  const clearTimers = () => {\r\n    if (openTimer.current) clearTimeout(openTimer.current);\r\n    if (closeTimer.current) clearTimeout(closeTimer.current);\r\n  };\r\n\r\n  const scheduleOpen = () => {\r\n    clearTimers();\r\n    openTimer.current = setTimeout(() => setOpen(true), openDelay);\r\n  };\r\n\r\n  const scheduleClose = () => {\r\n    clearTimers();\r\n    closeTimer.current = setTimeout(() => setOpen(false), closeDelay);\r\n  };\r\n\r\n  // ESC key dismiss\r\n  useEffect(() => {\r\n    if (!open) return;\r\n    const handler = (e: KeyboardEvent) => {\r\n      if (e.key === 'Escape') setOpen(false);\r\n    };\r\n    document.addEventListener('keydown', handler);\r\n    return () => document.removeEventListener('keydown', handler);\r\n  }, [open]);\r\n\r\n  // click outside\r\n  useEffect(() => {\r\n    if (!open) return;\r\n    return onClickOutside(cardRef, () => setOpen(false));\r\n  }, [open]);\r\n\r\n  // compute position\r\n  const [pos, setPos] = useState<{ top: number; left: number } | null>(null);\r\n\r\n  const updatePosition = useCallback(() => {\r\n    const triggerEl = triggerRef.current;\r\n    if (!triggerEl) return;\r\n\r\n    const rect = triggerEl.getBoundingClientRect();\r\n    setPos({\r\n      top: rect.bottom + 8, // spacing\r\n      left: rect.left,\r\n    });\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    if (!open) return;\r\n    updatePosition();\r\n    window.addEventListener('resize', updatePosition);\r\n    window.addEventListener('scroll', updatePosition, true);\r\n    return () => {\r\n      window.removeEventListener('resize', updatePosition);\r\n      window.removeEventListener('scroll', updatePosition, true);\r\n    };\r\n  }, [open, updatePosition]);\r\n\r\n  return (\r\n    <div className=\"ui-hovercard-root\">\r\n      {/* TRIGGER */}\r\n      <div\r\n        ref={triggerRef}\r\n        className=\"ui-hovercard-trigger\"\r\n        onMouseEnter={scheduleOpen}\r\n        onMouseLeave={scheduleClose}\r\n        onFocus={scheduleOpen}\r\n        onBlur={scheduleClose}\r\n      >\r\n        {trigger}\r\n      </div>\r\n\r\n      {/* CARD */}\r\n      {open && pos && (\r\n        <Portal>\r\n          <div\r\n            ref={cardRef}\r\n            className={`ui-hovercard ${className}`}\r\n            style={{ top: pos.top, left: pos.left }}\r\n            role=\"dialog\"\r\n            aria-hidden={!open}\r\n            onMouseEnter={() => {\r\n              clearTimers();\r\n              setOpen(true);\r\n            }}\r\n            onMouseLeave={scheduleClose}\r\n          >\r\n            {children}\r\n          </div>\r\n        </Portal>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n"],"names":["HoverCard","trigger","children","openDelay","closeDelay","className","open","setOpen","useState","triggerRef","useRef","cardRef","openTimer","closeTimer","clearTimers","scheduleOpen","scheduleClose","useEffect","handler","e","onClickOutside","pos","setPos","updatePosition","useCallback","triggerEl","rect","jsxs","jsx","Portal"],"mappings":"mRAyBO,SAASA,EAAU,CACxB,QAAAC,EACA,SAAAC,EACA,UAAAC,EAAY,IACZ,WAAAC,EAAa,IACb,UAAAC,EAAY,EACd,EAAmB,CACjB,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAAAA,SAAS,EAAK,EAEhCC,EAAaC,EAAAA,OAA8B,IAAI,EAC/CC,EAAUD,EAAAA,OAA8B,IAAI,EAE5CE,EAAYF,EAAAA,OAA8B,IAAI,EAC9CG,EAAaH,EAAAA,OAA8B,IAAI,EAE/CI,EAAc,IAAM,CACpBF,EAAU,SAAS,aAAaA,EAAU,OAAO,EACjDC,EAAW,SAAS,aAAaA,EAAW,OAAO,CACzD,EAEME,EAAe,IAAM,CACzBD,EAAA,EACAF,EAAU,QAAU,WAAW,IAAML,EAAQ,EAAI,EAAGJ,CAAS,CAC/D,EAEMa,EAAgB,IAAM,CAC1BF,EAAA,EACAD,EAAW,QAAU,WAAW,IAAMN,EAAQ,EAAK,EAAGH,CAAU,CAClE,EAGAa,EAAAA,UAAU,IAAM,CACd,GAAI,CAACX,EAAM,OACX,MAAMY,EAAWC,GAAqB,CAChCA,EAAE,MAAQ,UAAUZ,EAAQ,EAAK,CACvC,EACA,gBAAS,iBAAiB,UAAWW,CAAO,EACrC,IAAM,SAAS,oBAAoB,UAAWA,CAAO,CAC9D,EAAG,CAACZ,CAAI,CAAC,EAGTW,EAAAA,UAAU,IAAM,CACd,GAAKX,EACL,OAAOc,EAAAA,eAAeT,EAAS,IAAMJ,EAAQ,EAAK,CAAC,CACrD,EAAG,CAACD,CAAI,CAAC,EAGT,KAAM,CAACe,EAAKC,CAAM,EAAId,EAAAA,SAA+C,IAAI,EAEnEe,EAAiBC,EAAAA,YAAY,IAAM,CACvC,MAAMC,EAAYhB,EAAW,QAC7B,GAAI,CAACgB,EAAW,OAEhB,MAAMC,EAAOD,EAAU,sBAAA,EACvBH,EAAO,CACL,IAAKI,EAAK,OAAS,EACnB,KAAMA,EAAK,IAAA,CACZ,CACH,EAAG,CAAA,CAAE,EAELT,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAKX,EACL,OAAAiB,EAAA,EACA,OAAO,iBAAiB,SAAUA,CAAc,EAChD,OAAO,iBAAiB,SAAUA,EAAgB,EAAI,EAC/C,IAAM,CACX,OAAO,oBAAoB,SAAUA,CAAc,EACnD,OAAO,oBAAoB,SAAUA,EAAgB,EAAI,CAC3D,CACF,EAAG,CAACjB,EAAMiB,CAAc,CAAC,EAGvBI,EAAAA,KAAC,MAAA,CAAI,UAAU,oBAEb,SAAA,CAAAC,EAAAA,IAAC,MAAA,CACC,IAAKnB,EACL,UAAU,uBACV,aAAcM,EACd,aAAcC,EACd,QAASD,EACT,OAAQC,EAEP,SAAAf,CAAA,CAAA,EAIFK,GAAQe,GACPO,EAAAA,IAACC,EAAAA,OAAA,CACC,SAAAD,EAAAA,IAAC,MAAA,CACC,IAAKjB,EACL,UAAW,gBAAgBN,CAAS,GACpC,MAAO,CAAE,IAAKgB,EAAI,IAAK,KAAMA,EAAI,IAAA,EACjC,KAAK,SACL,cAAa,CAACf,EACd,aAAc,IAAM,CAClBQ,EAAA,EACAP,EAAQ,EAAI,CACd,EACA,aAAcS,EAEb,SAAAd,CAAA,CAAA,CACH,CACF,CAAA,EAEJ,CAEJ"}
+{"version":3,"file":"HoverCard.cjs","sources":["../../../src/components/hovercard/HoverCard.tsx"],"sourcesContent":["\"use client\";\n\nimport React, {\n  createContext,\n  useContext,\n  useState,\n  useRef,\n  useEffect,\n  useCallback,\n  useLayoutEffect,\n  useId,\n} from 'react';\nimport { cn } from '../../utils';\nimport { Portal, onClickOutside } from '../../utils';\nimport './HoverCard.css';\n\nexport type HoverCardPlacement = 'top' | 'bottom';\n\n/* -------------------------------------------------------\n * Context\n * ------------------------------------------------------*/\ninterface HoverCardContextValue {\n  open: boolean;\n  setOpen: React.Dispatch<React.SetStateAction<boolean>>;\n  triggerRef: React.RefObject<HTMLElement | null>;\n  contentRef: React.RefObject<HTMLDivElement | null>;\n  contentId: string;\n  scheduleOpen: () => void;\n  scheduleClose: () => void;\n  clearTimers: () => void;\n}\n\nconst HoverCardContext = createContext<HoverCardContextValue | null>(null);\n\nfunction useHoverCard() {\n  const ctx = useContext(HoverCardContext);\n  if (!ctx) throw new Error('HoverCard components must be inside <HoverCard>');\n  return ctx;\n}\n\n/* -------------------------------------------------------\n * 1. Root\n * ------------------------------------------------------*/\nexport interface HoverCardProps {\n  children: React.ReactNode;\n  /** Delay in milliseconds before the card opens. Defaults to 200ms. */\n  openDelay?: number;\n  /** Delay in milliseconds before the card closes. Defaults to 300ms. */\n  closeDelay?: number;\n}\n\n/**\n * HoverCard Component (Root)\n * * Implements a Compound Component Architecture.\n * * Manages the delayed hover state and provides context to the Trigger and Content.\n */\nexport function HoverCardRoot({\n  children,\n  openDelay = 200, // Standard modern UI delay\n  closeDelay = 300,\n}: HoverCardProps) {\n  const [open, setOpen] = useState(false);\n  const triggerRef = useRef<HTMLElement | null>(null);\n  const contentRef = useRef<HTMLDivElement | null>(null);\n  const contentId = `hovercard-${useId()}`;\n\n  const openTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const closeTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const clearTimers = useCallback(() => {\n    if (openTimer.current) clearTimeout(openTimer.current);\n    if (closeTimer.current) clearTimeout(closeTimer.current);\n  }, []);\n\n  const scheduleOpen = useCallback(() => {\n    clearTimers();\n    openTimer.current = setTimeout(() => setOpen(true), openDelay);\n  }, [openDelay, clearTimers]);\n\n  const scheduleClose = useCallback(() => {\n    clearTimers();\n    closeTimer.current = setTimeout(() => setOpen(false), closeDelay);\n  }, [closeDelay, clearTimers]);\n\n  // Clean up timers on unmount to prevent memory leaks\n  useEffect(() => {\n    return () => clearTimers();\n  }, [clearTimers]);\n\n  return (\n    <HoverCardContext.Provider\n      value={{\n        open,\n        setOpen,\n        triggerRef,\n        contentRef,\n        contentId,\n        scheduleOpen,\n        scheduleClose,\n        clearTimers,\n      }}\n    >\n      {children}\n    </HoverCardContext.Provider>\n  );\n}\nHoverCardRoot.displayName = 'HoverCard';\n\n/* -------------------------------------------------------\n * 2. Trigger\n * ------------------------------------------------------*/\nexport interface HoverCardTriggerProps {\n  children: React.ReactElement;\n}\n\n/**\n * HoverCard Trigger\n * * Automatically clones the child element and injects necessary event listeners and ARIA attributes.\n */\nexport function HoverCardTrigger({ children }: HoverCardTriggerProps) {\n  const { open, triggerRef, contentId, scheduleOpen, scheduleClose } = useHoverCard();\n\n  const child = React.Children.only(children) as React.ReactElement<React.HTMLProps<HTMLElement>>;\n  const childRef = child.props.ref ?? (child as unknown as { ref?: React.Ref<HTMLElement> }).ref;\n\n  const triggerProps: React.HTMLProps<HTMLElement> = {\n    ref: (node: HTMLElement | null) => {\n      triggerRef.current = node;\n      if (typeof childRef === 'function') {\n        childRef(node);\n      } else if (childRef && typeof childRef === 'object' && 'current' in childRef) {\n        (childRef as { current: HTMLElement | null }).current = node;\n      }\n    },\n    'aria-haspopup': 'dialog',\n    'aria-expanded': open,\n    'aria-controls': open ? contentId : undefined,\n    onMouseEnter: (e: React.MouseEvent<HTMLElement>) => {\n      scheduleOpen();\n      child.props.onMouseEnter?.(e);\n    },\n    onMouseLeave: (e: React.MouseEvent<HTMLElement>) => {\n      scheduleClose();\n      child.props.onMouseLeave?.(e);\n    },\n    // WAI-ARIA Standard: Hover cards must open on keyboard focus\n    onFocus: (e: React.FocusEvent<HTMLElement>) => {\n      scheduleOpen();\n      child.props.onFocus?.(e);\n    },\n    onBlur: (e: React.FocusEvent<HTMLElement>) => {\n      scheduleClose();\n      child.props.onBlur?.(e);\n    },\n  };\n\n  return React.cloneElement(child, triggerProps);\n}\nHoverCardTrigger.displayName = 'HoverCard.Trigger';\n\n/* -------------------------------------------------------\n * 3. Content\n * ------------------------------------------------------*/\nexport interface HoverCardContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n  /** Preferred placement of the card relative to the trigger. Defaults to 'bottom' */\n  placement?: HoverCardPlacement;\n  /** Gap in pixels between the trigger and the card. Defaults to 8px. */\n  offset?: number;\n}\n\n/**\n * HoverCard Content\n * * Renders in a Portal and implements smart collision detection.\n */\nexport function HoverCardContent({\n  children,\n  className,\n  placement = 'bottom',\n  offset = 8,\n  ...props\n}: HoverCardContentProps) {\n  const { open, setOpen, triggerRef, contentRef, contentId, scheduleClose, clearTimers } = useHoverCard();\n  const [coords, setCoords] = useState({ top: -9999, left: -9999 });\n  const [actualPlacement, setActualPlacement] = useState<HoverCardPlacement>(placement);\n\n  // ESC Key Dismiss\n  useEffect(() => {\n    if (!open) return;\n    const handler = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') setOpen(false);\n    };\n    document.addEventListener('keydown', handler);\n    return () => document.removeEventListener('keydown', handler);\n  }, [open, setOpen]);\n\n  // Click Outside\n  useEffect(() => {\n    if (!open) return;\n    // Pass both refs in an array to prevent the trigger from immediately closing the card\n    const cleanup = onClickOutside([contentRef, triggerRef], () => {\n      setOpen(false);\n    });\n    return cleanup;\n  }, [open, setOpen, contentRef, triggerRef]);\n\n  // Smart Positioning & Collision Math\n  const updatePosition = useCallback(() => {\n    if (!triggerRef.current || !contentRef.current) return;\n\n    const triggerRect = triggerRef.current.getBoundingClientRect();\n    const contentRect = contentRef.current.getBoundingClientRect();\n\n    const scrollX = window.scrollX;\n    const scrollY = window.scrollY;\n\n    // Center horizontally by default relative to the trigger\n    let left = triggerRect.left + scrollX + (triggerRect.width / 2) - (contentRect.width / 2);\n    \n    // Boundary Clamp (Left/Right)\n    const padding = 12;\n    const maxLeft = document.documentElement.clientWidth - contentRect.width - padding;\n    if (left < padding) left = padding;\n    if (left > maxLeft) left = maxLeft;\n\n    // Y Axis Placement\n    let top = triggerRect.bottom + scrollY + offset;\n    let nextPlacement = placement;\n\n    // Collision Detection: Flip to top if no space at bottom\n    if (placement === 'bottom' && top + contentRect.height > window.innerHeight + scrollY - padding) {\n      top = triggerRect.top + scrollY - contentRect.height - offset;\n      nextPlacement = 'top';\n    } \n    // Collision Detection: Flip to bottom if no space at top\n    else if (placement === 'top') {\n      top = triggerRect.top + scrollY - contentRect.height - offset;\n      if (top < scrollY + padding) {\n        top = triggerRect.bottom + scrollY + offset;\n        nextPlacement = 'bottom';\n      }\n    }\n\n    setActualPlacement(nextPlacement);\n    setCoords({ top, left });\n  }, [placement, offset, triggerRef, contentRef]);\n\n  useLayoutEffect(() => {\n    if (!open) return;\n    updatePosition();\n    window.addEventListener('resize', updatePosition);\n    window.addEventListener('scroll', updatePosition, true);\n    return () => {\n      window.removeEventListener('resize', updatePosition);\n      window.removeEventListener('scroll', updatePosition, true);\n    };\n  }, [open, updatePosition]);\n\n  if (!open) return null;\n\n  return (\n    <Portal>\n      <div\n        id={contentId}\n        ref={contentRef}\n        role=\"dialog\"\n        data-placement={actualPlacement}\n        className={cn('nui-hovercard-content', className)}\n        style={{\n          position: 'absolute',\n          top: coords.top,\n          left: coords.left,\n        } as React.CSSProperties}\n        onMouseEnter={() => {\n          // If user moves mouse onto the card, cancel the close timer!\n          // This allows users to move from the trigger to the content without it disappearing.\n          clearTimers();\n        }}\n        onMouseLeave={scheduleClose}\n        {...props}\n      >\n        {children}\n      </div>\n    </Portal>\n  );\n}\nHoverCardContent.displayName = 'HoverCard.Content';\n\n/* -------------------------------------------------------\n * Export\n * ------------------------------------------------------*/\nexport const HoverCard = Object.assign(HoverCardRoot, {\n  Trigger: HoverCardTrigger,\n  Content: HoverCardContent,\n});"],"names":["HoverCardContext","createContext","useHoverCard","ctx","useContext","HoverCardRoot","children","openDelay","closeDelay","open","setOpen","useState","triggerRef","useRef","contentRef","contentId","useId","openTimer","closeTimer","clearTimers","useCallback","scheduleOpen","scheduleClose","useEffect","jsx","HoverCardTrigger","child","React","childRef","triggerProps","node","e","HoverCardContent","className","placement","offset","props","coords","setCoords","actualPlacement","setActualPlacement","handler","onClickOutside","updatePosition","triggerRect","contentRect","scrollX","scrollY","left","padding","maxLeft","top","nextPlacement","useLayoutEffect","Portal","cn","HoverCard"],"mappings":"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"}

package/dist/components/hovercard/HoverCard.js

@@ -1,78 +1,133 @@
-import { jsxs as C, jsx as a } from "react/jsx-runtime";
-import { useState as E, useRef as s, useEffect as f, useCallback as y } from "react";
+import { jsx as L } from "react/jsx-runtime";
+import y, { useState as T, useRef as w, useId as F, useCallback as E, useEffect as b, createContext as X, useLayoutEffect as Y, useContext as A } from "react";
 /* empty css              */
-import { onClickOutside as M } from "../../utils/onclickoutside/onClickOutside.js";
-import { Portal as R } from "../../utils/portal/portal.js";
-function j({
-  trigger: h,
-  children: w,
-  openDelay: g = 120,
-  closeDelay: L = 140,
-  className: T = ""
+import { onClickOutside as S } from "../../utils/onclickoutside/onClickOutside.js";
+import { Portal as W } from "../../utils/portal/portal.js";
+import { cn as $ } from "../../utils/cn/cn.js";
+const P = X(null);
+function M() {
+  const l = A(P);
+  if (!l) throw new Error("HoverCard components must be inside <HoverCard>");
+  return l;
+}
+function O({
+  children: l,
+  openDelay: a = 200,
+  // Standard modern UI delay
+  closeDelay: c = 300
 }) {
-  const [e, t] = E(!1), m = s(null), v = s(null), i = s(null), u = s(null), c = () => {
-    i.current && clearTimeout(i.current), u.current && clearTimeout(u.current);
-  }, p = () => {
-    c(), i.current = setTimeout(() => t(!0), g);
-  }, l = () => {
-    c(), u.current = setTimeout(() => t(!1), L);
+  const [i, d] = T(!1), n = w(null), t = w(null), o = `hovercard-${F()}`, r = w(null), e = w(null), u = E(() => {
+    r.current && clearTimeout(r.current), e.current && clearTimeout(e.current);
+  }, []), R = E(() => {
+    u(), r.current = setTimeout(() => d(!0), a);
+  }, [a, u]), h = E(() => {
+    u(), e.current = setTimeout(() => d(!1), c);
+  }, [c, u]);
+  return b(() => () => u(), [u]), /* @__PURE__ */ L(
+    P.Provider,
+    {
+      value: {
+        open: i,
+        setOpen: d,
+        triggerRef: n,
+        contentRef: t,
+        contentId: o,
+        scheduleOpen: R,
+        scheduleClose: h,
+        clearTimers: u
+      },
+      children: l
+    }
+  );
+}
+O.displayName = "HoverCard";
+function k({ children: l }) {
+  const { open: a, triggerRef: c, contentId: i, scheduleOpen: d, scheduleClose: n } = M(), t = y.Children.only(l), o = t.props.ref ?? t.ref, r = {
+    ref: (e) => {
+      c.current = e, typeof o == "function" ? o(e) : o && typeof o == "object" && "current" in o && (o.current = e);
+    },
+    "aria-haspopup": "dialog",
+    "aria-expanded": a,
+    "aria-controls": a ? i : void 0,
+    onMouseEnter: (e) => {
+      d(), t.props.onMouseEnter?.(e);
+    },
+    onMouseLeave: (e) => {
+      n(), t.props.onMouseLeave?.(e);
+    },
+    // WAI-ARIA Standard: Hover cards must open on keyboard focus
+    onFocus: (e) => {
+      d(), t.props.onFocus?.(e);
+    },
+    onBlur: (e) => {
+      n(), t.props.onBlur?.(e);
+    }
   };
-  f(() => {
-    if (!e) return;
-    const n = (o) => {
-      o.key === "Escape" && t(!1);
-    };
-    return document.addEventListener("keydown", n), () => document.removeEventListener("keydown", n);
-  }, [e]), f(() => {
-    if (e)
-      return M(v, () => t(!1));
-  }, [e]);
-  const [d, k] = E(null), r = y(() => {
-    const n = m.current;
+  return y.cloneElement(t, r);
+}
+k.displayName = "HoverCard.Trigger";
+function B({
+  children: l,
+  className: a,
+  placement: c = "bottom",
+  offset: i = 8,
+  ...d
+}) {
+  const { open: n, setOpen: t, triggerRef: o, contentRef: r, contentId: e, scheduleClose: u, clearTimers: R } = M(), [h, I] = T({ top: -9999, left: -9999 }), [N, j] = T(c);
+  b(() => {
     if (!n) return;
-    const o = n.getBoundingClientRect();
-    k({
-      top: o.bottom + 8,
-      // spacing
-      left: o.left
-    });
-  }, []);
-  return f(() => {
-    if (e)
-      return r(), window.addEventListener("resize", r), window.addEventListener("scroll", r, !0), () => {
-        window.removeEventListener("resize", r), window.removeEventListener("scroll", r, !0);
+    const s = (p) => {
+      p.key === "Escape" && t(!1);
+    };
+    return document.addEventListener("keydown", s), () => document.removeEventListener("keydown", s);
+  }, [n, t]), b(() => n ? S([r, o], () => {
+    t(!1);
+  }) : void 0, [n, t, r, o]);
+  const f = E(() => {
+    if (!o.current || !r.current) return;
+    const s = o.current.getBoundingClientRect(), p = r.current.getBoundingClientRect(), z = window.scrollX, m = window.scrollY;
+    let g = s.left + z + s.width / 2 - p.width / 2;
+    const C = 12, x = document.documentElement.clientWidth - p.width - C;
+    g < C && (g = C), g > x && (g = x);
+    let v = s.bottom + m + i, H = c;
+    c === "bottom" && v + p.height > window.innerHeight + m - C ? (v = s.top + m - p.height - i, H = "top") : c === "top" && (v = s.top + m - p.height - i, v < m + C && (v = s.bottom + m + i, H = "bottom")), j(H), I({ top: v, left: g });
+  }, [c, i, o, r]);
+  return Y(() => {
+    if (n)
+      return f(), window.addEventListener("resize", f), window.addEventListener("scroll", f, !0), () => {
+        window.removeEventListener("resize", f), window.removeEventListener("scroll", f, !0);
       };
-  }, [e, r]), /* @__PURE__ */ C("div", { className: "ui-hovercard-root", children: [
-    /* @__PURE__ */ a(
-      "div",
-      {
-        ref: m,
-        className: "ui-hovercard-trigger",
-        onMouseEnter: p,
-        onMouseLeave: l,
-        onFocus: p,
-        onBlur: l,
-        children: h
-      }
-    ),
-    e && d && /* @__PURE__ */ a(R, { children: /* @__PURE__ */ a(
-      "div",
-      {
-        ref: v,
-        className: `ui-hovercard ${T}`,
-        style: { top: d.top, left: d.left },
-        role: "dialog",
-        "aria-hidden": !e,
-        onMouseEnter: () => {
-          c(), t(!0);
-        },
-        onMouseLeave: l,
-        children: w
-      }
-    ) })
-  ] });
+  }, [n, f]), n ? /* @__PURE__ */ L(W, { children: /* @__PURE__ */ L(
+    "div",
+    {
+      id: e,
+      ref: r,
+      role: "dialog",
+      "data-placement": N,
+      className: $("nui-hovercard-content", a),
+      style: {
+        position: "absolute",
+        top: h.top,
+        left: h.left
+      },
+      onMouseEnter: () => {
+        R();
+      },
+      onMouseLeave: u,
+      ...d,
+      children: l
+    }
+  ) }) : null;
 }
+B.displayName = "HoverCard.Content";
+const V = Object.assign(O, {
+  Trigger: k,
+  Content: B
+});
 export {
-  j as HoverCard
+  V as HoverCard,
+  B as HoverCardContent,
+  O as HoverCardRoot,
+  k as HoverCardTrigger
 };
 //# sourceMappingURL=HoverCard.js.map

package/dist/components/hovercard/HoverCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"HoverCard.js","sources":["../../../src/components/hovercard/HoverCard.tsx"],"sourcesContent":["/**\r\n * HoverCard.tsx — FINAL VERSION\r\n * --------------------------------\r\n * Features:\r\n * - Open on hover / focus\r\n * - Close on leave / blur\r\n * - Delay open & close\r\n * - ESC to dismiss\r\n * - Outside dismiss\r\n * - Auto position (simple version)\r\n * - Portal rendering\r\n */\r\n\r\nimport { useState, useRef, useEffect, ReactNode, useCallback } from 'react';\r\nimport './HoverCard.css';\r\nimport { Portal, onClickOutside } from '../../utils/index';\r\n\r\nexport interface HoverCardProps {\r\n  trigger: ReactNode;\r\n  children: ReactNode;\r\n  openDelay?: number;\r\n  closeDelay?: number;\r\n  className?: string;\r\n}\r\n\r\nexport function HoverCard({\r\n  trigger,\r\n  children,\r\n  openDelay = 120,\r\n  closeDelay = 140,\r\n  className = '',\r\n}: HoverCardProps) {\r\n  const [open, setOpen] = useState(false);\r\n\r\n  const triggerRef = useRef<HTMLDivElement | null>(null);\r\n  const cardRef = useRef<HTMLDivElement | null>(null);\r\n\r\n  const openTimer = useRef<NodeJS.Timeout | null>(null);\r\n  const closeTimer = useRef<NodeJS.Timeout | null>(null);\r\n\r\n  const clearTimers = () => {\r\n    if (openTimer.current) clearTimeout(openTimer.current);\r\n    if (closeTimer.current) clearTimeout(closeTimer.current);\r\n  };\r\n\r\n  const scheduleOpen = () => {\r\n    clearTimers();\r\n    openTimer.current = setTimeout(() => setOpen(true), openDelay);\r\n  };\r\n\r\n  const scheduleClose = () => {\r\n    clearTimers();\r\n    closeTimer.current = setTimeout(() => setOpen(false), closeDelay);\r\n  };\r\n\r\n  // ESC key dismiss\r\n  useEffect(() => {\r\n    if (!open) return;\r\n    const handler = (e: KeyboardEvent) => {\r\n      if (e.key === 'Escape') setOpen(false);\r\n    };\r\n    document.addEventListener('keydown', handler);\r\n    return () => document.removeEventListener('keydown', handler);\r\n  }, [open]);\r\n\r\n  // click outside\r\n  useEffect(() => {\r\n    if (!open) return;\r\n    return onClickOutside(cardRef, () => setOpen(false));\r\n  }, [open]);\r\n\r\n  // compute position\r\n  const [pos, setPos] = useState<{ top: number; left: number } | null>(null);\r\n\r\n  const updatePosition = useCallback(() => {\r\n    const triggerEl = triggerRef.current;\r\n    if (!triggerEl) return;\r\n\r\n    const rect = triggerEl.getBoundingClientRect();\r\n    setPos({\r\n      top: rect.bottom + 8, // spacing\r\n      left: rect.left,\r\n    });\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    if (!open) return;\r\n    updatePosition();\r\n    window.addEventListener('resize', updatePosition);\r\n    window.addEventListener('scroll', updatePosition, true);\r\n    return () => {\r\n      window.removeEventListener('resize', updatePosition);\r\n      window.removeEventListener('scroll', updatePosition, true);\r\n    };\r\n  }, [open, updatePosition]);\r\n\r\n  return (\r\n    <div className=\"ui-hovercard-root\">\r\n      {/* TRIGGER */}\r\n      <div\r\n        ref={triggerRef}\r\n        className=\"ui-hovercard-trigger\"\r\n        onMouseEnter={scheduleOpen}\r\n        onMouseLeave={scheduleClose}\r\n        onFocus={scheduleOpen}\r\n        onBlur={scheduleClose}\r\n      >\r\n        {trigger}\r\n      </div>\r\n\r\n      {/* CARD */}\r\n      {open && pos && (\r\n        <Portal>\r\n          <div\r\n            ref={cardRef}\r\n            className={`ui-hovercard ${className}`}\r\n            style={{ top: pos.top, left: pos.left }}\r\n            role=\"dialog\"\r\n            aria-hidden={!open}\r\n            onMouseEnter={() => {\r\n              clearTimers();\r\n              setOpen(true);\r\n            }}\r\n            onMouseLeave={scheduleClose}\r\n          >\r\n            {children}\r\n          </div>\r\n        </Portal>\r\n      )}\r\n    </div>\r\n  );\r\n}\r\n"],"names":["HoverCard","trigger","children","openDelay","closeDelay","className","open","setOpen","useState","triggerRef","useRef","cardRef","openTimer","closeTimer","clearTimers","scheduleOpen","scheduleClose","useEffect","handler","e","onClickOutside","pos","setPos","updatePosition","useCallback","triggerEl","rect","jsxs","jsx","Portal"],"mappings":";;;;;AAyBO,SAASA,EAAU;AAAA,EACxB,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,GAAmB;AACjB,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAS,EAAK,GAEhCC,IAAaC,EAA8B,IAAI,GAC/CC,IAAUD,EAA8B,IAAI,GAE5CE,IAAYF,EAA8B,IAAI,GAC9CG,IAAaH,EAA8B,IAAI,GAE/CI,IAAc,MAAM;AACxB,IAAIF,EAAU,WAAS,aAAaA,EAAU,OAAO,GACjDC,EAAW,WAAS,aAAaA,EAAW,OAAO;AAAA,EACzD,GAEME,IAAe,MAAM;AACzB,IAAAD,EAAA,GACAF,EAAU,UAAU,WAAW,MAAML,EAAQ,EAAI,GAAGJ,CAAS;AAAA,EAC/D,GAEMa,IAAgB,MAAM;AAC1B,IAAAF,EAAA,GACAD,EAAW,UAAU,WAAW,MAAMN,EAAQ,EAAK,GAAGH,CAAU;AAAA,EAClE;AAGA,EAAAa,EAAU,MAAM;AACd,QAAI,CAACX,EAAM;AACX,UAAMY,IAAU,CAACC,MAAqB;AACpC,MAAIA,EAAE,QAAQ,YAAUZ,EAAQ,EAAK;AAAA,IACvC;AACA,oBAAS,iBAAiB,WAAWW,CAAO,GACrC,MAAM,SAAS,oBAAoB,WAAWA,CAAO;AAAA,EAC9D,GAAG,CAACZ,CAAI,CAAC,GAGTW,EAAU,MAAM;AACd,QAAKX;AACL,aAAOc,EAAeT,GAAS,MAAMJ,EAAQ,EAAK,CAAC;AAAA,EACrD,GAAG,CAACD,CAAI,CAAC;AAGT,QAAM,CAACe,GAAKC,CAAM,IAAId,EAA+C,IAAI,GAEnEe,IAAiBC,EAAY,MAAM;AACvC,UAAMC,IAAYhB,EAAW;AAC7B,QAAI,CAACgB,EAAW;AAEhB,UAAMC,IAAOD,EAAU,sBAAA;AACvB,IAAAH,EAAO;AAAA,MACL,KAAKI,EAAK,SAAS;AAAA;AAAA,MACnB,MAAMA,EAAK;AAAA,IAAA,CACZ;AAAA,EACH,GAAG,CAAA,CAAE;AAEL,SAAAT,EAAU,MAAM;AACd,QAAKX;AACL,aAAAiB,EAAA,GACA,OAAO,iBAAiB,UAAUA,CAAc,GAChD,OAAO,iBAAiB,UAAUA,GAAgB,EAAI,GAC/C,MAAM;AACX,eAAO,oBAAoB,UAAUA,CAAc,GACnD,OAAO,oBAAoB,UAAUA,GAAgB,EAAI;AAAA,MAC3D;AAAA,EACF,GAAG,CAACjB,GAAMiB,CAAc,CAAC,GAGvB,gBAAAI,EAAC,OAAA,EAAI,WAAU,qBAEb,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKnB;AAAA,QACL,WAAU;AAAA,QACV,cAAcM;AAAA,QACd,cAAcC;AAAA,QACd,SAASD;AAAA,QACT,QAAQC;AAAA,QAEP,UAAAf;AAAA,MAAA;AAAA,IAAA;AAAA,IAIFK,KAAQe,KACP,gBAAAO,EAACC,GAAA,EACC,UAAA,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKjB;AAAA,QACL,WAAW,gBAAgBN,CAAS;AAAA,QACpC,OAAO,EAAE,KAAKgB,EAAI,KAAK,MAAMA,EAAI,KAAA;AAAA,QACjC,MAAK;AAAA,QACL,eAAa,CAACf;AAAA,QACd,cAAc,MAAM;AAClB,UAAAQ,EAAA,GACAP,EAAQ,EAAI;AAAA,QACd;AAAA,QACA,cAAcS;AAAA,QAEb,UAAAd;AAAA,MAAA;AAAA,IAAA,EACH,CACF;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"HoverCard.js","sources":["../../../src/components/hovercard/HoverCard.tsx"],"sourcesContent":["\"use client\";\n\nimport React, {\n  createContext,\n  useContext,\n  useState,\n  useRef,\n  useEffect,\n  useCallback,\n  useLayoutEffect,\n  useId,\n} from 'react';\nimport { cn } from '../../utils';\nimport { Portal, onClickOutside } from '../../utils';\nimport './HoverCard.css';\n\nexport type HoverCardPlacement = 'top' | 'bottom';\n\n/* -------------------------------------------------------\n * Context\n * ------------------------------------------------------*/\ninterface HoverCardContextValue {\n  open: boolean;\n  setOpen: React.Dispatch<React.SetStateAction<boolean>>;\n  triggerRef: React.RefObject<HTMLElement | null>;\n  contentRef: React.RefObject<HTMLDivElement | null>;\n  contentId: string;\n  scheduleOpen: () => void;\n  scheduleClose: () => void;\n  clearTimers: () => void;\n}\n\nconst HoverCardContext = createContext<HoverCardContextValue | null>(null);\n\nfunction useHoverCard() {\n  const ctx = useContext(HoverCardContext);\n  if (!ctx) throw new Error('HoverCard components must be inside <HoverCard>');\n  return ctx;\n}\n\n/* -------------------------------------------------------\n * 1. Root\n * ------------------------------------------------------*/\nexport interface HoverCardProps {\n  children: React.ReactNode;\n  /** Delay in milliseconds before the card opens. Defaults to 200ms. */\n  openDelay?: number;\n  /** Delay in milliseconds before the card closes. Defaults to 300ms. */\n  closeDelay?: number;\n}\n\n/**\n * HoverCard Component (Root)\n * * Implements a Compound Component Architecture.\n * * Manages the delayed hover state and provides context to the Trigger and Content.\n */\nexport function HoverCardRoot({\n  children,\n  openDelay = 200, // Standard modern UI delay\n  closeDelay = 300,\n}: HoverCardProps) {\n  const [open, setOpen] = useState(false);\n  const triggerRef = useRef<HTMLElement | null>(null);\n  const contentRef = useRef<HTMLDivElement | null>(null);\n  const contentId = `hovercard-${useId()}`;\n\n  const openTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n  const closeTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const clearTimers = useCallback(() => {\n    if (openTimer.current) clearTimeout(openTimer.current);\n    if (closeTimer.current) clearTimeout(closeTimer.current);\n  }, []);\n\n  const scheduleOpen = useCallback(() => {\n    clearTimers();\n    openTimer.current = setTimeout(() => setOpen(true), openDelay);\n  }, [openDelay, clearTimers]);\n\n  const scheduleClose = useCallback(() => {\n    clearTimers();\n    closeTimer.current = setTimeout(() => setOpen(false), closeDelay);\n  }, [closeDelay, clearTimers]);\n\n  // Clean up timers on unmount to prevent memory leaks\n  useEffect(() => {\n    return () => clearTimers();\n  }, [clearTimers]);\n\n  return (\n    <HoverCardContext.Provider\n      value={{\n        open,\n        setOpen,\n        triggerRef,\n        contentRef,\n        contentId,\n        scheduleOpen,\n        scheduleClose,\n        clearTimers,\n      }}\n    >\n      {children}\n    </HoverCardContext.Provider>\n  );\n}\nHoverCardRoot.displayName = 'HoverCard';\n\n/* -------------------------------------------------------\n * 2. Trigger\n * ------------------------------------------------------*/\nexport interface HoverCardTriggerProps {\n  children: React.ReactElement;\n}\n\n/**\n * HoverCard Trigger\n * * Automatically clones the child element and injects necessary event listeners and ARIA attributes.\n */\nexport function HoverCardTrigger({ children }: HoverCardTriggerProps) {\n  const { open, triggerRef, contentId, scheduleOpen, scheduleClose } = useHoverCard();\n\n  const child = React.Children.only(children) as React.ReactElement<React.HTMLProps<HTMLElement>>;\n  const childRef = child.props.ref ?? (child as unknown as { ref?: React.Ref<HTMLElement> }).ref;\n\n  const triggerProps: React.HTMLProps<HTMLElement> = {\n    ref: (node: HTMLElement | null) => {\n      triggerRef.current = node;\n      if (typeof childRef === 'function') {\n        childRef(node);\n      } else if (childRef && typeof childRef === 'object' && 'current' in childRef) {\n        (childRef as { current: HTMLElement | null }).current = node;\n      }\n    },\n    'aria-haspopup': 'dialog',\n    'aria-expanded': open,\n    'aria-controls': open ? contentId : undefined,\n    onMouseEnter: (e: React.MouseEvent<HTMLElement>) => {\n      scheduleOpen();\n      child.props.onMouseEnter?.(e);\n    },\n    onMouseLeave: (e: React.MouseEvent<HTMLElement>) => {\n      scheduleClose();\n      child.props.onMouseLeave?.(e);\n    },\n    // WAI-ARIA Standard: Hover cards must open on keyboard focus\n    onFocus: (e: React.FocusEvent<HTMLElement>) => {\n      scheduleOpen();\n      child.props.onFocus?.(e);\n    },\n    onBlur: (e: React.FocusEvent<HTMLElement>) => {\n      scheduleClose();\n      child.props.onBlur?.(e);\n    },\n  };\n\n  return React.cloneElement(child, triggerProps);\n}\nHoverCardTrigger.displayName = 'HoverCard.Trigger';\n\n/* -------------------------------------------------------\n * 3. Content\n * ------------------------------------------------------*/\nexport interface HoverCardContentProps extends React.HTMLAttributes<HTMLDivElement> {\n  children: React.ReactNode;\n  /** Preferred placement of the card relative to the trigger. Defaults to 'bottom' */\n  placement?: HoverCardPlacement;\n  /** Gap in pixels between the trigger and the card. Defaults to 8px. */\n  offset?: number;\n}\n\n/**\n * HoverCard Content\n * * Renders in a Portal and implements smart collision detection.\n */\nexport function HoverCardContent({\n  children,\n  className,\n  placement = 'bottom',\n  offset = 8,\n  ...props\n}: HoverCardContentProps) {\n  const { open, setOpen, triggerRef, contentRef, contentId, scheduleClose, clearTimers } = useHoverCard();\n  const [coords, setCoords] = useState({ top: -9999, left: -9999 });\n  const [actualPlacement, setActualPlacement] = useState<HoverCardPlacement>(placement);\n\n  // ESC Key Dismiss\n  useEffect(() => {\n    if (!open) return;\n    const handler = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') setOpen(false);\n    };\n    document.addEventListener('keydown', handler);\n    return () => document.removeEventListener('keydown', handler);\n  }, [open, setOpen]);\n\n  // Click Outside\n  useEffect(() => {\n    if (!open) return;\n    // Pass both refs in an array to prevent the trigger from immediately closing the card\n    const cleanup = onClickOutside([contentRef, triggerRef], () => {\n      setOpen(false);\n    });\n    return cleanup;\n  }, [open, setOpen, contentRef, triggerRef]);\n\n  // Smart Positioning & Collision Math\n  const updatePosition = useCallback(() => {\n    if (!triggerRef.current || !contentRef.current) return;\n\n    const triggerRect = triggerRef.current.getBoundingClientRect();\n    const contentRect = contentRef.current.getBoundingClientRect();\n\n    const scrollX = window.scrollX;\n    const scrollY = window.scrollY;\n\n    // Center horizontally by default relative to the trigger\n    let left = triggerRect.left + scrollX + (triggerRect.width / 2) - (contentRect.width / 2);\n    \n    // Boundary Clamp (Left/Right)\n    const padding = 12;\n    const maxLeft = document.documentElement.clientWidth - contentRect.width - padding;\n    if (left < padding) left = padding;\n    if (left > maxLeft) left = maxLeft;\n\n    // Y Axis Placement\n    let top = triggerRect.bottom + scrollY + offset;\n    let nextPlacement = placement;\n\n    // Collision Detection: Flip to top if no space at bottom\n    if (placement === 'bottom' && top + contentRect.height > window.innerHeight + scrollY - padding) {\n      top = triggerRect.top + scrollY - contentRect.height - offset;\n      nextPlacement = 'top';\n    } \n    // Collision Detection: Flip to bottom if no space at top\n    else if (placement === 'top') {\n      top = triggerRect.top + scrollY - contentRect.height - offset;\n      if (top < scrollY + padding) {\n        top = triggerRect.bottom + scrollY + offset;\n        nextPlacement = 'bottom';\n      }\n    }\n\n    setActualPlacement(nextPlacement);\n    setCoords({ top, left });\n  }, [placement, offset, triggerRef, contentRef]);\n\n  useLayoutEffect(() => {\n    if (!open) return;\n    updatePosition();\n    window.addEventListener('resize', updatePosition);\n    window.addEventListener('scroll', updatePosition, true);\n    return () => {\n      window.removeEventListener('resize', updatePosition);\n      window.removeEventListener('scroll', updatePosition, true);\n    };\n  }, [open, updatePosition]);\n\n  if (!open) return null;\n\n  return (\n    <Portal>\n      <div\n        id={contentId}\n        ref={contentRef}\n        role=\"dialog\"\n        data-placement={actualPlacement}\n        className={cn('nui-hovercard-content', className)}\n        style={{\n          position: 'absolute',\n          top: coords.top,\n          left: coords.left,\n        } as React.CSSProperties}\n        onMouseEnter={() => {\n          // If user moves mouse onto the card, cancel the close timer!\n          // This allows users to move from the trigger to the content without it disappearing.\n          clearTimers();\n        }}\n        onMouseLeave={scheduleClose}\n        {...props}\n      >\n        {children}\n      </div>\n    </Portal>\n  );\n}\nHoverCardContent.displayName = 'HoverCard.Content';\n\n/* -------------------------------------------------------\n * Export\n * ------------------------------------------------------*/\nexport const HoverCard = Object.assign(HoverCardRoot, {\n  Trigger: HoverCardTrigger,\n  Content: HoverCardContent,\n});"],"names":["HoverCardContext","createContext","useHoverCard","ctx","useContext","HoverCardRoot","children","openDelay","closeDelay","open","setOpen","useState","triggerRef","useRef","contentRef","contentId","useId","openTimer","closeTimer","clearTimers","useCallback","scheduleOpen","scheduleClose","useEffect","jsx","HoverCardTrigger","child","React","childRef","triggerProps","node","HoverCardContent","className","placement","offset","props","coords","setCoords","actualPlacement","setActualPlacement","handler","e","onClickOutside","updatePosition","triggerRect","contentRect","scrollX","scrollY","left","padding","maxLeft","top","nextPlacement","useLayoutEffect","Portal","cn","HoverCard"],"mappings":"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"}

package/dist/components/input/Input.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("react");;/* empty css            */function p({label:t,description:s,error:i,inputSize:u="md",className:r="",id:a,...d}){const c=o.useId(),e=a??c,l=i?`${e}-error`:s?`${e}-description`:void 0;return n.jsxs("div",{className:`ui-input-wrapper ${r}`,children:[t&&n.jsxs("label",{htmlFor:e,className:"ui-input-label",children:[t,d.required&&" *"]}),n.jsx("input",{id:e,className:["ui-input",u==="sm"&&"ui-input--sm",u==="lg"&&"ui-input--lg",i&&"ui-input--error"].filter(Boolean).join(" "),"aria-invalid":!!i,"aria-describedby":l,...d}),s&&!i&&n.jsx("div",{id:`${e}-description`,className:"ui-input-description",children:s}),i&&n.jsx("div",{id:`${e}-error`,className:"ui-input-error",children:i})]})}exports.Input=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),o=require("react");;/* empty css            */const t=require("../../utils/cn/cn.cjs"),_=o.forwardRef(({label:c,description:e,error:n,inputSize:m="md",leftIcon:u,rightIcon:a,className:h,wrapperClassName:j,id:x,required:d,disabled:r,...N},v)=>{const b=o.useId(),s=x??b,l=`${s}-error`,p=`${s}-description`,y=n?l:e?p:void 0;return i.jsxs("div",{className:t.cn("nui-input-wrapper",j),children:[c&&i.jsxs("label",{htmlFor:s,className:t.cn("nui-input__label",r&&"nui-input__label--disabled"),children:[c,d&&i.jsx("span",{className:"nui-input__required","aria-hidden":"true",children:" *"})]}),i.jsxs("div",{className:"nui-input__container",children:[u&&i.jsx("span",{className:"nui-input__icon -left",children:u}),i.jsx("input",{ref:v,id:s,required:d,disabled:r,className:t.cn("nui-input",`nui-input--${m}`,!!n&&"nui-input--error",!!u&&"nui-input--has-left",!!a&&"nui-input--has-right",h),"aria-invalid":!!n,"aria-describedby":y,...N}),a&&i.jsx("span",{className:"nui-input__icon -right",children:a})]}),e&&!n&&i.jsx("div",{id:p,className:"nui-input__description",children:e}),n&&i.jsx("div",{id:l,className:"nui-input__error","aria-live":"polite",children:n})]})});_.displayName="Input";exports.Input=_;
 //# sourceMappingURL=Input.cjs.map