rothzerg-ui 0.1.0

package/dist/components/file-upload/FileUpload.cjs

@@ -0,0 +1,126 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const cn = require("../../utils/cn.cjs");
+;/* empty css                  */
+function formatBytes(bytes) {
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+  return `${(bytes / 1024 / 1024).toFixed(1)} MB`;
+}
+const UploadIcon = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "32", height: "32", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5m-13.5-9L12 3m0 0 4.5 4.5M12 3v13.5" }) });
+const FileIcon = () => /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z" }) });
+function FileUpload({
+  value,
+  onChange,
+  accept,
+  multiple = false,
+  maxSize,
+  maxFiles,
+  disabled,
+  error,
+  hint,
+  label,
+  className
+}) {
+  const [isDragging, setIsDragging] = React.useState(false);
+  const [internalFiles, setInternalFiles] = React.useState([]);
+  const inputRef = React.useRef(null);
+  const files = value ?? internalFiles;
+  function addFiles(incoming) {
+    if (!incoming) return;
+    let arr = Array.from(incoming);
+    if (maxSize) arr = arr.filter((f) => f.size <= maxSize);
+    const next = multiple ? [...files, ...arr].slice(0, maxFiles ?? Infinity) : arr.slice(0, 1);
+    if (!value) setInternalFiles(next);
+    onChange == null ? void 0 : onChange(next);
+  }
+  function removeFile(index) {
+    const next = files.filter((_, i) => i !== index);
+    if (!value) setInternalFiles(next);
+    onChange == null ? void 0 : onChange(next);
+  }
+  function onDrop(e) {
+    e.preventDefault();
+    setIsDragging(false);
+    if (disabled) return;
+    addFiles(e.dataTransfer.files);
+  }
+  const hintText = hint ?? [
+    accept && `Accepted: ${accept}`,
+    maxSize && `Max size: ${formatBytes(maxSize)}`,
+    maxFiles && `Max files: ${maxFiles}`
+  ].filter(Boolean).join(" · ");
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn.cn("rz-file-upload", className), children: [
+    label && /* @__PURE__ */ jsxRuntime.jsx("p", { style: { fontSize: "0.875rem", fontWeight: 500, marginBottom: "0.5rem", color: "var(--rz-color-foreground)" }, children: label }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        role: "button",
+        tabIndex: disabled ? -1 : 0,
+        className: cn.cn(
+          "rz-file-upload__zone",
+          isDragging && "rz-file-upload__zone--dragging",
+          disabled && "rz-file-upload__zone--disabled",
+          error && "rz-file-upload__zone--error"
+        ),
+        onClick: () => {
+          var _a;
+          return (_a = inputRef.current) == null ? void 0 : _a.click();
+        },
+        onKeyDown: (e) => {
+          var _a;
+          if (e.key === "Enter" || e.key === " ") (_a = inputRef.current) == null ? void 0 : _a.click();
+        },
+        onDragOver: (e) => {
+          e.preventDefault();
+          setIsDragging(true);
+        },
+        onDragLeave: () => setIsDragging(false),
+        onDrop,
+        "aria-label": "Upload file",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-file-upload__icon", children: /* @__PURE__ */ jsxRuntime.jsx(UploadIcon, {}) }),
+          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "rz-file-upload__label", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "Click to upload" }),
+            " or drag and drop"
+          ] }),
+          hintText && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-file-upload__hint", children: hintText }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              ref: inputRef,
+              type: "file",
+              accept,
+              multiple,
+              disabled,
+              style: { display: "none" },
+              onChange: (e) => addFiles(e.target.files)
+            }
+          )
+        ]
+      }
+    ),
+    error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-file-upload__error", children: error }),
+    files.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "rz-file-upload__list", role: "list", children: files.map((file, i) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "rz-file-upload__file", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-file-upload__file-icon", children: /* @__PURE__ */ jsxRuntime.jsx(FileIcon, {}) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rz-file-upload__file-info", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-file-upload__file-name", children: file.name }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-file-upload__file-size", children: formatBytes(file.size) })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          className: "rz-file-upload__file-remove",
+          onClick: () => removeFile(i),
+          "aria-label": `Remove ${file.name}`,
+          children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "12", height: "12", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2.5, "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18 18 6M6 6l12 12" }) })
+        }
+      )
+    ] }, i)) })
+  ] });
+}
+exports.FileUpload = FileUpload;
+//# sourceMappingURL=FileUpload.cjs.map

package/dist/components/file-upload/FileUpload.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUpload.cjs","sources":["../../../src/components/file-upload/FileUpload.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\nimport './file-upload.css';\n\nexport interface FileUploadProps {\n  value?: File[];\n  onChange?: (files: File[]) => void;\n  accept?: string;\n  multiple?: boolean;\n  maxSize?: number; // bytes\n  maxFiles?: number;\n  disabled?: boolean;\n  error?: string;\n  hint?: string;\n  label?: string;\n  className?: string;\n}\n\nfunction formatBytes(bytes: number): string {\n  if (bytes < 1024) return `${bytes} B`;\n  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;\n  return `${(bytes / 1024 / 1024).toFixed(1)} MB`;\n}\n\nconst UploadIcon = () => (\n  <svg width=\"32\" height=\"32\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={1.5} aria-hidden=\"true\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5m-13.5-9L12 3m0 0 4.5 4.5M12 3v13.5\" />\n  </svg>\n);\n\nconst FileIcon = () => (\n  <svg width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={1.5} aria-hidden=\"true\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z\" />\n  </svg>\n);\n\nexport function FileUpload({\n  value,\n  onChange,\n  accept,\n  multiple = false,\n  maxSize,\n  maxFiles,\n  disabled,\n  error,\n  hint,\n  label,\n  className,\n}: FileUploadProps) {\n  const [isDragging, setIsDragging] = React.useState(false);\n  const [internalFiles, setInternalFiles] = React.useState<File[]>([]);\n  const inputRef = React.useRef<HTMLInputElement>(null);\n\n  const files = value ?? internalFiles;\n\n  function addFiles(incoming: FileList | null) {\n    if (!incoming) return;\n    let arr = Array.from(incoming);\n    if (maxSize) arr = arr.filter((f) => f.size <= maxSize!);\n    const next = multiple ? [...files, ...arr].slice(0, maxFiles ?? Infinity) : arr.slice(0, 1);\n    if (!value) setInternalFiles(next);\n    onChange?.(next);\n  }\n\n  function removeFile(index: number) {\n    const next = files.filter((_, i) => i !== index);\n    if (!value) setInternalFiles(next);\n    onChange?.(next);\n  }\n\n  function onDrop(e: React.DragEvent) {\n    e.preventDefault();\n    setIsDragging(false);\n    if (disabled) return;\n    addFiles(e.dataTransfer.files);\n  }\n\n  const hintText = hint ?? [\n    accept && `Accepted: ${accept}`,\n    maxSize && `Max size: ${formatBytes(maxSize)}`,\n    maxFiles && `Max files: ${maxFiles}`,\n  ].filter(Boolean).join(' · ');\n\n  return (\n    <div className={cn('rz-file-upload', className)}>\n      {label && (\n        <p style={{ fontSize: '0.875rem', fontWeight: 500, marginBottom: '0.5rem', color: 'var(--rz-color-foreground)' }}>\n          {label}\n        </p>\n      )}\n      <div\n        role=\"button\"\n        tabIndex={disabled ? -1 : 0}\n        className={cn(\n          'rz-file-upload__zone',\n          isDragging && 'rz-file-upload__zone--dragging',\n          disabled && 'rz-file-upload__zone--disabled',\n          error && 'rz-file-upload__zone--error',\n        )}\n        onClick={() => inputRef.current?.click()}\n        onKeyDown={(e) => { if (e.key === 'Enter' || e.key === ' ') inputRef.current?.click(); }}\n        onDragOver={(e) => { e.preventDefault(); setIsDragging(true); }}\n        onDragLeave={() => setIsDragging(false)}\n        onDrop={onDrop}\n        aria-label=\"Upload file\"\n      >\n        <span className=\"rz-file-upload__icon\"><UploadIcon /></span>\n        <p className=\"rz-file-upload__label\">\n          <strong>Click to upload</strong> or drag and drop\n        </p>\n        {hintText && <p className=\"rz-file-upload__hint\">{hintText}</p>}\n        <input\n          ref={inputRef}\n          type=\"file\"\n          accept={accept}\n          multiple={multiple}\n          disabled={disabled}\n          style={{ display: 'none' }}\n          onChange={(e) => addFiles(e.target.files)}\n        />\n      </div>\n\n      {error && <p className=\"rz-file-upload__error\">{error}</p>}\n\n      {files.length > 0 && (\n        <ul className=\"rz-file-upload__list\" role=\"list\">\n          {files.map((file, i) => (\n            <li key={i} className=\"rz-file-upload__file\">\n              <span className=\"rz-file-upload__file-icon\"><FileIcon /></span>\n              <div className=\"rz-file-upload__file-info\">\n                <p className=\"rz-file-upload__file-name\">{file.name}</p>\n                <p className=\"rz-file-upload__file-size\">{formatBytes(file.size)}</p>\n              </div>\n              <button\n                type=\"button\"\n                className=\"rz-file-upload__file-remove\"\n                onClick={() => removeFile(i)}\n                aria-label={`Remove ${file.name}`}\n              >\n                <svg width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2.5} aria-hidden=\"true\">\n                  <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M6 18 18 6M6 6l12 12\" />\n                </svg>\n              </button>\n            </li>\n          ))}\n        </ul>\n      )}\n    </div>\n  );\n}\n"],"names":["jsx","cn","jsxs"],"mappings":"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"}

package/dist/components/file-upload/FileUpload.d.ts

@@ -0,0 +1,15 @@
+export interface FileUploadProps {
+    value?: File[];
+    onChange?: (files: File[]) => void;
+    accept?: string;
+    multiple?: boolean;
+    maxSize?: number;
+    maxFiles?: number;
+    disabled?: boolean;
+    error?: string;
+    hint?: string;
+    label?: string;
+    className?: string;
+}
+export declare function FileUpload({ value, onChange, accept, multiple, maxSize, maxFiles, disabled, error, hint, label, className, }: FileUploadProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FileUpload.d.ts.map

package/dist/components/file-upload/FileUpload.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUpload.d.ts","sourceRoot":"","sources":["../../../src/components/file-upload/FileUpload.tsx"],"names":[],"mappings":"AAEA,OAAO,mBAAmB,CAAC;AAE3B,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoBD,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,QAAQ,EACR,MAAM,EACN,QAAgB,EAChB,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,IAAI,EACJ,KAAK,EACL,SAAS,GACV,EAAE,eAAe,2CAqGjB"}

package/dist/components/file-upload/FileUpload.js

@@ -0,0 +1,126 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { cn } from "../../utils/cn.js";
+/* empty css                */
+function formatBytes(bytes) {
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
+  return `${(bytes / 1024 / 1024).toFixed(1)} MB`;
+}
+const UploadIcon = () => /* @__PURE__ */ jsx("svg", { width: "32", height: "32", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5m-13.5-9L12 3m0 0 4.5 4.5M12 3v13.5" }) });
+const FileIcon = () => /* @__PURE__ */ jsx("svg", { width: "16", height: "16", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 1.5, "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z" }) });
+function FileUpload({
+  value,
+  onChange,
+  accept,
+  multiple = false,
+  maxSize,
+  maxFiles,
+  disabled,
+  error,
+  hint,
+  label,
+  className
+}) {
+  const [isDragging, setIsDragging] = React__default.useState(false);
+  const [internalFiles, setInternalFiles] = React__default.useState([]);
+  const inputRef = React__default.useRef(null);
+  const files = value ?? internalFiles;
+  function addFiles(incoming) {
+    if (!incoming) return;
+    let arr = Array.from(incoming);
+    if (maxSize) arr = arr.filter((f) => f.size <= maxSize);
+    const next = multiple ? [...files, ...arr].slice(0, maxFiles ?? Infinity) : arr.slice(0, 1);
+    if (!value) setInternalFiles(next);
+    onChange == null ? void 0 : onChange(next);
+  }
+  function removeFile(index) {
+    const next = files.filter((_, i) => i !== index);
+    if (!value) setInternalFiles(next);
+    onChange == null ? void 0 : onChange(next);
+  }
+  function onDrop(e) {
+    e.preventDefault();
+    setIsDragging(false);
+    if (disabled) return;
+    addFiles(e.dataTransfer.files);
+  }
+  const hintText = hint ?? [
+    accept && `Accepted: ${accept}`,
+    maxSize && `Max size: ${formatBytes(maxSize)}`,
+    maxFiles && `Max files: ${maxFiles}`
+  ].filter(Boolean).join(" · ");
+  return /* @__PURE__ */ jsxs("div", { className: cn("rz-file-upload", className), children: [
+    label && /* @__PURE__ */ jsx("p", { style: { fontSize: "0.875rem", fontWeight: 500, marginBottom: "0.5rem", color: "var(--rz-color-foreground)" }, children: label }),
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        role: "button",
+        tabIndex: disabled ? -1 : 0,
+        className: cn(
+          "rz-file-upload__zone",
+          isDragging && "rz-file-upload__zone--dragging",
+          disabled && "rz-file-upload__zone--disabled",
+          error && "rz-file-upload__zone--error"
+        ),
+        onClick: () => {
+          var _a;
+          return (_a = inputRef.current) == null ? void 0 : _a.click();
+        },
+        onKeyDown: (e) => {
+          var _a;
+          if (e.key === "Enter" || e.key === " ") (_a = inputRef.current) == null ? void 0 : _a.click();
+        },
+        onDragOver: (e) => {
+          e.preventDefault();
+          setIsDragging(true);
+        },
+        onDragLeave: () => setIsDragging(false),
+        onDrop,
+        "aria-label": "Upload file",
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "rz-file-upload__icon", children: /* @__PURE__ */ jsx(UploadIcon, {}) }),
+          /* @__PURE__ */ jsxs("p", { className: "rz-file-upload__label", children: [
+            /* @__PURE__ */ jsx("strong", { children: "Click to upload" }),
+            " or drag and drop"
+          ] }),
+          hintText && /* @__PURE__ */ jsx("p", { className: "rz-file-upload__hint", children: hintText }),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref: inputRef,
+              type: "file",
+              accept,
+              multiple,
+              disabled,
+              style: { display: "none" },
+              onChange: (e) => addFiles(e.target.files)
+            }
+          )
+        ]
+      }
+    ),
+    error && /* @__PURE__ */ jsx("p", { className: "rz-file-upload__error", children: error }),
+    files.length > 0 && /* @__PURE__ */ jsx("ul", { className: "rz-file-upload__list", role: "list", children: files.map((file, i) => /* @__PURE__ */ jsxs("li", { className: "rz-file-upload__file", children: [
+      /* @__PURE__ */ jsx("span", { className: "rz-file-upload__file-icon", children: /* @__PURE__ */ jsx(FileIcon, {}) }),
+      /* @__PURE__ */ jsxs("div", { className: "rz-file-upload__file-info", children: [
+        /* @__PURE__ */ jsx("p", { className: "rz-file-upload__file-name", children: file.name }),
+        /* @__PURE__ */ jsx("p", { className: "rz-file-upload__file-size", children: formatBytes(file.size) })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "rz-file-upload__file-remove",
+          onClick: () => removeFile(i),
+          "aria-label": `Remove ${file.name}`,
+          children: /* @__PURE__ */ jsx("svg", { width: "12", height: "12", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", strokeWidth: 2.5, "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18 18 6M6 6l12 12" }) })
+        }
+      )
+    ] }, i)) })
+  ] });
+}
+export {
+  FileUpload
+};
+//# sourceMappingURL=FileUpload.js.map

package/dist/components/file-upload/FileUpload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileUpload.js","sources":["../../../src/components/file-upload/FileUpload.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\nimport './file-upload.css';\n\nexport interface FileUploadProps {\n  value?: File[];\n  onChange?: (files: File[]) => void;\n  accept?: string;\n  multiple?: boolean;\n  maxSize?: number; // bytes\n  maxFiles?: number;\n  disabled?: boolean;\n  error?: string;\n  hint?: string;\n  label?: string;\n  className?: string;\n}\n\nfunction formatBytes(bytes: number): string {\n  if (bytes < 1024) return `${bytes} B`;\n  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;\n  return `${(bytes / 1024 / 1024).toFixed(1)} MB`;\n}\n\nconst UploadIcon = () => (\n  <svg width=\"32\" height=\"32\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={1.5} aria-hidden=\"true\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M3 16.5v2.25A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75V16.5m-13.5-9L12 3m0 0 4.5 4.5M12 3v13.5\" />\n  </svg>\n);\n\nconst FileIcon = () => (\n  <svg width=\"16\" height=\"16\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={1.5} aria-hidden=\"true\">\n    <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M19.5 14.25v-2.625a3.375 3.375 0 0 0-3.375-3.375h-1.5A1.125 1.125 0 0 1 13.5 7.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H8.25m2.25 0H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 0 0-9-9Z\" />\n  </svg>\n);\n\nexport function FileUpload({\n  value,\n  onChange,\n  accept,\n  multiple = false,\n  maxSize,\n  maxFiles,\n  disabled,\n  error,\n  hint,\n  label,\n  className,\n}: FileUploadProps) {\n  const [isDragging, setIsDragging] = React.useState(false);\n  const [internalFiles, setInternalFiles] = React.useState<File[]>([]);\n  const inputRef = React.useRef<HTMLInputElement>(null);\n\n  const files = value ?? internalFiles;\n\n  function addFiles(incoming: FileList | null) {\n    if (!incoming) return;\n    let arr = Array.from(incoming);\n    if (maxSize) arr = arr.filter((f) => f.size <= maxSize!);\n    const next = multiple ? [...files, ...arr].slice(0, maxFiles ?? Infinity) : arr.slice(0, 1);\n    if (!value) setInternalFiles(next);\n    onChange?.(next);\n  }\n\n  function removeFile(index: number) {\n    const next = files.filter((_, i) => i !== index);\n    if (!value) setInternalFiles(next);\n    onChange?.(next);\n  }\n\n  function onDrop(e: React.DragEvent) {\n    e.preventDefault();\n    setIsDragging(false);\n    if (disabled) return;\n    addFiles(e.dataTransfer.files);\n  }\n\n  const hintText = hint ?? [\n    accept && `Accepted: ${accept}`,\n    maxSize && `Max size: ${formatBytes(maxSize)}`,\n    maxFiles && `Max files: ${maxFiles}`,\n  ].filter(Boolean).join(' · ');\n\n  return (\n    <div className={cn('rz-file-upload', className)}>\n      {label && (\n        <p style={{ fontSize: '0.875rem', fontWeight: 500, marginBottom: '0.5rem', color: 'var(--rz-color-foreground)' }}>\n          {label}\n        </p>\n      )}\n      <div\n        role=\"button\"\n        tabIndex={disabled ? -1 : 0}\n        className={cn(\n          'rz-file-upload__zone',\n          isDragging && 'rz-file-upload__zone--dragging',\n          disabled && 'rz-file-upload__zone--disabled',\n          error && 'rz-file-upload__zone--error',\n        )}\n        onClick={() => inputRef.current?.click()}\n        onKeyDown={(e) => { if (e.key === 'Enter' || e.key === ' ') inputRef.current?.click(); }}\n        onDragOver={(e) => { e.preventDefault(); setIsDragging(true); }}\n        onDragLeave={() => setIsDragging(false)}\n        onDrop={onDrop}\n        aria-label=\"Upload file\"\n      >\n        <span className=\"rz-file-upload__icon\"><UploadIcon /></span>\n        <p className=\"rz-file-upload__label\">\n          <strong>Click to upload</strong> or drag and drop\n        </p>\n        {hintText && <p className=\"rz-file-upload__hint\">{hintText}</p>}\n        <input\n          ref={inputRef}\n          type=\"file\"\n          accept={accept}\n          multiple={multiple}\n          disabled={disabled}\n          style={{ display: 'none' }}\n          onChange={(e) => addFiles(e.target.files)}\n        />\n      </div>\n\n      {error && <p className=\"rz-file-upload__error\">{error}</p>}\n\n      {files.length > 0 && (\n        <ul className=\"rz-file-upload__list\" role=\"list\">\n          {files.map((file, i) => (\n            <li key={i} className=\"rz-file-upload__file\">\n              <span className=\"rz-file-upload__file-icon\"><FileIcon /></span>\n              <div className=\"rz-file-upload__file-info\">\n                <p className=\"rz-file-upload__file-name\">{file.name}</p>\n                <p className=\"rz-file-upload__file-size\">{formatBytes(file.size)}</p>\n              </div>\n              <button\n                type=\"button\"\n                className=\"rz-file-upload__file-remove\"\n                onClick={() => removeFile(i)}\n                aria-label={`Remove ${file.name}`}\n              >\n                <svg width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" strokeWidth={2.5} aria-hidden=\"true\">\n                  <path strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"M6 18 18 6M6 6l12 12\" />\n                </svg>\n              </button>\n            </li>\n          ))}\n        </ul>\n      )}\n    </div>\n  );\n}\n"],"names":["React"],"mappings":";;;;AAkBA,SAAS,YAAY,OAAuB;AAC1C,MAAI,QAAQ,KAAM,QAAO,GAAG,KAAK;AACjC,MAAI,QAAQ,OAAO,KAAM,QAAO,IAAI,QAAQ,MAAM,QAAQ,CAAC,CAAC;AAC5D,SAAO,IAAI,QAAQ,OAAO,MAAM,QAAQ,CAAC,CAAC;AAC5C;AAEA,MAAM,aAAa,MACjB,oBAAC,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,MAAK,QAAO,SAAQ,aAAY,QAAO,gBAAe,aAAa,KAAK,eAAY,QAC9G,UAAA,oBAAC,QAAA,EAAK,eAAc,SAAQ,gBAAe,SAAQ,GAAE,6GAAA,CAA6G,EAAA,CACpK;AAGF,MAAM,WAAW,MACf,oBAAC,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,MAAK,QAAO,SAAQ,aAAY,QAAO,gBAAe,aAAa,KAAK,eAAY,QAC9G,UAAA,oBAAC,QAAA,EAAK,eAAc,SAAQ,gBAAe,SAAQ,GAAE,oQAAA,CAAoQ,EAAA,CAC3T;AAGK,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAoB;AAClB,QAAM,CAAC,YAAY,aAAa,IAAIA,eAAM,SAAS,KAAK;AACxD,QAAM,CAAC,eAAe,gBAAgB,IAAIA,eAAM,SAAiB,CAAA,CAAE;AACnE,QAAM,WAAWA,eAAM,OAAyB,IAAI;AAEpD,QAAM,QAAQ,SAAS;AAEvB,WAAS,SAAS,UAA2B;AAC3C,QAAI,CAAC,SAAU;AACf,QAAI,MAAM,MAAM,KAAK,QAAQ;AAC7B,QAAI,eAAe,IAAI,OAAO,CAAC,MAAM,EAAE,QAAQ,OAAQ;AACvD,UAAM,OAAO,WAAW,CAAC,GAAG,OAAO,GAAG,GAAG,EAAE,MAAM,GAAG,YAAY,QAAQ,IAAI,IAAI,MAAM,GAAG,CAAC;AAC1F,QAAI,CAAC,MAAO,kBAAiB,IAAI;AACjC,yCAAW;AAAA,EACb;AAEA,WAAS,WAAW,OAAe;AACjC,UAAM,OAAO,MAAM,OAAO,CAAC,GAAG,MAAM,MAAM,KAAK;AAC/C,QAAI,CAAC,MAAO,kBAAiB,IAAI;AACjC,yCAAW;AAAA,EACb;AAEA,WAAS,OAAO,GAAoB;AAClC,MAAE,eAAA;AACF,kBAAc,KAAK;AACnB,QAAI,SAAU;AACd,aAAS,EAAE,aAAa,KAAK;AAAA,EAC/B;AAEA,QAAM,WAAW,QAAQ;AAAA,IACvB,UAAU,aAAa,MAAM;AAAA,IAC7B,WAAW,aAAa,YAAY,OAAO,CAAC;AAAA,IAC5C,YAAY,cAAc,QAAQ;AAAA,EAAA,EAClC,OAAO,OAAO,EAAE,KAAK,KAAK;AAE5B,8BACG,OAAA,EAAI,WAAW,GAAG,kBAAkB,SAAS,GAC3C,UAAA;AAAA,IAAA,SACC,oBAAC,KAAA,EAAE,OAAO,EAAE,UAAU,YAAY,YAAY,KAAK,cAAc,UAAU,OAAO,6BAAA,GAC/E,UAAA,OACH;AAAA,IAEF;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,UAAU,WAAW,KAAK;AAAA,QAC1B,WAAW;AAAA,UACT;AAAA,UACA,cAAc;AAAA,UACd,YAAY;AAAA,UACZ,SAAS;AAAA,QAAA;AAAA,QAEX,SAAS,MAAA;;AAAM,gCAAS,YAAT,mBAAkB;AAAA;AAAA,QACjC,WAAW,CAAC,MAAM;;AAAE,cAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,IAAK,gBAAS,YAAT,mBAAkB;AAAA,QAAS;AAAA,QACvF,YAAY,CAAC,MAAM;AAAE,YAAE,eAAA;AAAkB,wBAAc,IAAI;AAAA,QAAG;AAAA,QAC9D,aAAa,MAAM,cAAc,KAAK;AAAA,QACtC;AAAA,QACA,cAAW;AAAA,QAEX,UAAA;AAAA,UAAA,oBAAC,QAAA,EAAK,WAAU,wBAAuB,UAAA,oBAAC,cAAW,GAAE;AAAA,UACrD,qBAAC,KAAA,EAAE,WAAU,yBACX,UAAA;AAAA,YAAA,oBAAC,YAAO,UAAA,kBAAA,CAAe;AAAA,YAAS;AAAA,UAAA,GAClC;AAAA,UACC,YAAY,oBAAC,KAAA,EAAE,WAAU,wBAAwB,UAAA,UAAS;AAAA,UAC3D;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAK;AAAA,cACL,MAAK;AAAA,cACL;AAAA,cACA;AAAA,cACA;AAAA,cACA,OAAO,EAAE,SAAS,OAAA;AAAA,cAClB,UAAU,CAAC,MAAM,SAAS,EAAE,OAAO,KAAK;AAAA,YAAA;AAAA,UAAA;AAAA,QAC1C;AAAA,MAAA;AAAA,IAAA;AAAA,IAGD,SAAS,oBAAC,KAAA,EAAE,WAAU,yBAAyB,UAAA,OAAM;AAAA,IAErD,MAAM,SAAS,KACd,oBAAC,MAAA,EAAG,WAAU,wBAAuB,MAAK,QACvC,UAAA,MAAM,IAAI,CAAC,MAAM,MAChB,qBAAC,MAAA,EAAW,WAAU,wBACpB,UAAA;AAAA,MAAA,oBAAC,QAAA,EAAK,WAAU,6BAA4B,UAAA,oBAAC,YAAS,GAAE;AAAA,MACxD,qBAAC,OAAA,EAAI,WAAU,6BACb,UAAA;AAAA,QAAA,oBAAC,KAAA,EAAE,WAAU,6BAA6B,UAAA,KAAK,MAAK;AAAA,4BACnD,KAAA,EAAE,WAAU,6BAA6B,UAAA,YAAY,KAAK,IAAI,EAAA,CAAE;AAAA,MAAA,GACnE;AAAA,MACA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,WAAU;AAAA,UACV,SAAS,MAAM,WAAW,CAAC;AAAA,UAC3B,cAAY,UAAU,KAAK,IAAI;AAAA,UAE/B,UAAA,oBAAC,OAAA,EAAI,OAAM,MAAK,QAAO,MAAK,MAAK,QAAO,SAAQ,aAAY,QAAO,gBAAe,aAAa,KAAK,eAAY,QAC9G,UAAA,oBAAC,QAAA,EAAK,eAAc,SAAQ,gBAAe,SAAQ,GAAE,uBAAA,CAAuB,EAAA,CAC9E;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,EAAA,GAfO,CAgBT,CACD,EAAA,CACH;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/file-upload/index.d.ts

@@ -0,0 +1,3 @@
+export { FileUpload } from './FileUpload';
+export type { FileUploadProps } from './FileUpload';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/file-upload/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/file-upload/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/form/Form.cjs

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const index_esm = require("../../node_modules/react-hook-form/dist/index.esm.cjs");
+const index = require("../../node_modules/@radix-ui/react-label/dist/index.cjs");
+const cn = require("../../utils/cn.cjs");
+;/* empty css           */
+const Form = index_esm.FormProvider;
+const FormFieldContext = React.createContext({ name: "" });
+const FormItemContext = React.createContext({ id: "" });
+const FormField = index_esm.Controller;
+const FormItem = React.forwardRef(
+  ({ className, name = "", ...props }, ref) => {
+    const id = React.useId();
+    return /* @__PURE__ */ jsxRuntime.jsx(FormFieldContext.Provider, { value: { name }, children: /* @__PURE__ */ jsxRuntime.jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn.cn("rz-form-item", className), ...props }) }) });
+  }
+);
+FormItem.displayName = "FormItem";
+function useFormField() {
+  const { name } = React.useContext(FormFieldContext);
+  const { id } = React.useContext(FormItemContext);
+  const { getFieldState, formState } = index_esm.useFormContext();
+  const fieldState = getFieldState(name, formState);
+  return { id, name, formItemId: `${id}-item`, formDescriptionId: `${id}-desc`, formMessageId: `${id}-msg`, ...fieldState };
+}
+const FormLabel = React.forwardRef(({ className, ...props }, ref) => {
+  const { error, formItemId } = useFormField();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    index.Root,
+    {
+      ref,
+      className: cn.cn("rz-form-label", className),
+      "data-error": error ? "true" : void 0,
+      htmlFor: formItemId,
+      ...props
+    }
+  );
+});
+FormLabel.displayName = "FormLabel";
+const FormControl = React.forwardRef(({ ...props }, ref) => {
+  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      id: formItemId,
+      "aria-describedby": !error ? formDescriptionId : `${formDescriptionId} ${formMessageId}`,
+      "aria-invalid": !!error,
+      ...props
+    }
+  );
+});
+FormControl.displayName = "FormControl";
+const FormDescription = React.forwardRef(({ className, ...props }, ref) => {
+  const { formDescriptionId } = useFormField();
+  return /* @__PURE__ */ jsxRuntime.jsx("p", { ref, id: formDescriptionId, className: cn.cn("rz-form-description", className), ...props });
+});
+FormDescription.displayName = "FormDescription";
+const FormMessage = React.forwardRef(({ className, children, ...props }, ref) => {
+  const { error, formMessageId } = useFormField();
+  const body = error ? String(error.message) : children;
+  if (!body) return null;
+  return /* @__PURE__ */ jsxRuntime.jsx("p", { ref, id: formMessageId, className: cn.cn("rz-form-message", className), ...props, children: body });
+});
+FormMessage.displayName = "FormMessage";
+exports.Controller = index_esm.Controller;
+exports.FormProvider = index_esm.FormProvider;
+exports.useFieldArray = index_esm.useFieldArray;
+exports.useForm = index_esm.useForm;
+exports.useFormContext = index_esm.useFormContext;
+exports.useFormState = index_esm.useFormState;
+exports.useWatch = index_esm.useWatch;
+exports.Form = Form;
+exports.FormControl = FormControl;
+exports.FormDescription = FormDescription;
+exports.FormField = FormField;
+exports.FormItem = FormItem;
+exports.FormLabel = FormLabel;
+exports.FormMessage = FormMessage;
+//# sourceMappingURL=Form.cjs.map

package/dist/components/form/Form.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.cjs","sources":["../../../src/components/form/Form.tsx"],"sourcesContent":["/**\n * Form — React Hook Form integration\n *\n * Wraps react-hook-form with accessible form field components.\n * Re-exports everything from react-hook-form for convenience.\n */\nimport React, { createContext, useContext, useId } from 'react';\nimport {\n  useFormContext,\n  Controller,\n  FormProvider,\n} from 'react-hook-form';\nimport * as LabelPrimitive from '@radix-ui/react-label';\nimport { cn } from '../../utils/cn';\nimport './form.css';\n\n// Re-export core RHF pieces consumers need\nexport {\n  useForm,\n  useFormContext,\n  useWatch,\n  useFieldArray,\n  Controller,\n  FormProvider,\n  useFormState,\n} from 'react-hook-form';\nexport type {\n  SubmitHandler,\n  SubmitErrorHandler,\n  FieldValues,\n  UseFormReturn,\n  RegisterOptions,\n  ControllerProps,\n  ControllerRenderProps,\n} from 'react-hook-form';\n\n/* ─── Form root (alias for FormProvider) ─────────────────── */\nexport const Form = FormProvider;\n\n/* ─── Context: field name per FormItem ───────────────────── */\ninterface FormFieldContextValue { name: string }\nconst FormFieldContext = createContext<FormFieldContextValue>({ name: '' });\n\ninterface FormItemContextValue { id: string }\nconst FormItemContext = createContext<FormItemContextValue>({ id: '' });\n\n/* ─── FormField ───────────────────────────────────────────── */\nexport const FormField = Controller;\n\n/* ─── FormItem ────────────────────────────────────────────── */\nexport interface FormItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  name?: string;\n}\n\nexport const FormItem = React.forwardRef<HTMLDivElement, FormItemProps>(\n  ({ className, name = '', ...props }, ref) => {\n    const id = useId();\n    return (\n      <FormFieldContext.Provider value={{ name }}>\n        <FormItemContext.Provider value={{ id }}>\n          <div ref={ref} className={cn('rz-form-item', className)} {...props} />\n        </FormItemContext.Provider>\n      </FormFieldContext.Provider>\n    );\n  },\n);\nFormItem.displayName = 'FormItem';\n\n/* ─── Shared hook ─────────────────────────────────────────── */\nfunction useFormField() {\n  const { name } = useContext(FormFieldContext);\n  const { id } = useContext(FormItemContext);\n  const { getFieldState, formState } = useFormContext();\n  const fieldState = getFieldState(name, formState);\n  return { id, name, formItemId: `${id}-item`, formDescriptionId: `${id}-desc`, formMessageId: `${id}-msg`, ...fieldState };\n}\n\n/* ─── FormLabel ───────────────────────────────────────────── */\nexport const FormLabel = React.forwardRef<\n  React.ElementRef<typeof LabelPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>\n>(({ className, ...props }, ref) => {\n  const { error, formItemId } = useFormField();\n  return (\n    <LabelPrimitive.Root\n      ref={ref}\n      className={cn('rz-form-label', className)}\n      data-error={error ? 'true' : undefined}\n      htmlFor={formItemId}\n      {...props}\n    />\n  );\n});\nFormLabel.displayName = 'FormLabel';\n\n/* ─── FormControl ─────────────────────────────────────────── */\nexport const FormControl = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ ...props }, ref) => {\n  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();\n  return (\n    <div\n      ref={ref}\n      id={formItemId}\n      aria-describedby={!error ? formDescriptionId : `${formDescriptionId} ${formMessageId}`}\n      aria-invalid={!!error}\n      {...props}\n    />\n  );\n});\nFormControl.displayName = 'FormControl';\n\n/* ─── FormDescription ─────────────────────────────────────── */\nexport const FormDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => {\n  const { formDescriptionId } = useFormField();\n  return (\n    <p ref={ref} id={formDescriptionId} className={cn('rz-form-description', className)} {...props} />\n  );\n});\nFormDescription.displayName = 'FormDescription';\n\n/* ─── FormMessage ─────────────────────────────────────────── */\nexport const FormMessage = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, children, ...props }, ref) => {\n  const { error, formMessageId } = useFormField();\n  const body = error ? String(error.message) : children;\n  if (!body) return null;\n  return (\n    <p ref={ref} id={formMessageId} className={cn('rz-form-message', className)} {...props}>\n      {body}\n    </p>\n  );\n});\nFormMessage.displayName = 'FormMessage';\n"],"names":["FormProvider","createContext","Controller","useId","jsx","cn","useContext","useFormContext","LabelPrimitive.Root"],"mappings":";;;;;;;;AAqCO,MAAM,OAAOA,UAAAA;AAIpB,MAAM,mBAAmBC,MAAAA,cAAqC,EAAE,MAAM,IAAI;AAG1E,MAAM,kBAAkBA,MAAAA,cAAoC,EAAE,IAAI,IAAI;AAG/D,MAAM,YAAYC,UAAAA;AAOlB,MAAM,WAAW,MAAM;AAAA,EAC5B,CAAC,EAAE,WAAW,OAAO,IAAI,GAAG,MAAA,GAAS,QAAQ;AAC3C,UAAM,KAAKC,MAAAA,MAAA;AACX,WACEC,2BAAAA,IAAC,iBAAiB,UAAjB,EAA0B,OAAO,EAAE,QAClC,UAAAA,2BAAAA,IAAC,gBAAgB,UAAhB,EAAyB,OAAO,EAAE,MACjC,UAAAA,2BAAAA,IAAC,OAAA,EAAI,KAAU,WAAWC,GAAAA,GAAG,gBAAgB,SAAS,GAAI,GAAG,MAAA,CAAO,EAAA,CACtE,EAAA,CACF;AAAA,EAEJ;AACF;AACA,SAAS,cAAc;AAGvB,SAAS,eAAe;AACtB,QAAM,EAAE,KAAA,IAASC,MAAAA,WAAW,gBAAgB;AAC5C,QAAM,EAAE,GAAA,IAAOA,MAAAA,WAAW,eAAe;AACzC,QAAM,EAAE,eAAe,UAAA,IAAcC,yBAAA;AACrC,QAAM,aAAa,cAAc,MAAM,SAAS;AAChD,SAAO,EAAE,IAAI,MAAM,YAAY,GAAG,EAAE,SAAS,mBAAmB,GAAG,EAAE,SAAS,eAAe,GAAG,EAAE,QAAQ,GAAG,WAAA;AAC/G;AAGO,MAAM,YAAY,MAAM,WAG7B,CAAC,EAAE,WAAW,GAAG,MAAA,GAAS,QAAQ;AAClC,QAAM,EAAE,OAAO,WAAA,IAAe,aAAA;AAC9B,SACEH,2BAAAA;AAAAA,IAACI,MAAAA;AAAAA,IAAA;AAAA,MACC;AAAA,MACA,WAAWH,GAAAA,GAAG,iBAAiB,SAAS;AAAA,MACxC,cAAY,QAAQ,SAAS;AAAA,MAC7B,SAAS;AAAA,MACR,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;AACD,UAAU,cAAc;AAGjB,MAAM,cAAc,MAAM,WAG/B,CAAC,EAAE,GAAG,MAAA,GAAS,QAAQ;AACvB,QAAM,EAAE,OAAO,YAAY,mBAAmB,cAAA,IAAkB,aAAA;AAChE,SACED,2BAAAA;AAAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,IAAI;AAAA,MACJ,oBAAkB,CAAC,QAAQ,oBAAoB,GAAG,iBAAiB,IAAI,aAAa;AAAA,MACpF,gBAAc,CAAC,CAAC;AAAA,MACf,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;AACD,YAAY,cAAc;AAGnB,MAAM,kBAAkB,MAAM,WAGnC,CAAC,EAAE,WAAW,GAAG,MAAA,GAAS,QAAQ;AAClC,QAAM,EAAE,kBAAA,IAAsB,aAAA;AAC9B,SACEA,2BAAAA,IAAC,KAAA,EAAE,KAAU,IAAI,mBAAmB,WAAWC,GAAAA,GAAG,uBAAuB,SAAS,GAAI,GAAG,MAAA,CAAO;AAEpG,CAAC;AACD,gBAAgB,cAAc;AAGvB,MAAM,cAAc,MAAM,WAG/B,CAAC,EAAE,WAAW,UAAU,GAAG,MAAA,GAAS,QAAQ;AAC5C,QAAM,EAAE,OAAO,cAAA,IAAkB,aAAA;AACjC,QAAM,OAAO,QAAQ,OAAO,MAAM,OAAO,IAAI;AAC7C,MAAI,CAAC,KAAM,QAAO;AAClB,SACED,2BAAAA,IAAC,KAAA,EAAE,KAAU,IAAI,eAAe,WAAWC,GAAAA,GAAG,mBAAmB,SAAS,GAAI,GAAG,OAC9E,UAAA,KAAA,CACH;AAEJ,CAAC;AACD,YAAY,cAAc;;;;;;;;;;;;;;;"}

package/dist/components/form/Form.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import * as LabelPrimitive from '@radix-ui/react-label';
+export { useForm, useFormContext, useWatch, useFieldArray, Controller, FormProvider, useFormState, } from 'react-hook-form';
+export type { SubmitHandler, SubmitErrorHandler, FieldValues, UseFormReturn, RegisterOptions, ControllerProps, ControllerRenderProps, } from 'react-hook-form';
+export declare const Form: <TFieldValues extends import('react-hook-form').FieldValues, TContext = any, TTransformedValues = TFieldValues>(props: import('react-hook-form').FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+export declare const FormField: <TFieldValues extends import('react-hook-form').FieldValues = import('react-hook-form').FieldValues, TName extends import('react-hook-form').FieldPath<TFieldValues> = import('react-hook-form').FieldPath<TFieldValues>, TTransformedValues = TFieldValues>(props: import('react-hook-form').ControllerProps<TFieldValues, TName, TTransformedValues>) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export interface FormItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    name?: string;
+}
+export declare const FormItem: React.ForwardRefExoticComponent<FormItemProps & React.RefAttributes<HTMLDivElement>>;
+export declare const FormLabel: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & React.RefAttributes<HTMLLabelElement>>;
+export declare const FormControl: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export declare const FormDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+export declare const FormMessage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+//# sourceMappingURL=Form.d.ts.map

package/dist/components/form/Form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../../src/components/form/Form.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,OAAO,KAA2C,MAAM,OAAO,CAAC;AAMhE,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AAExD,OAAO,YAAY,CAAC;AAGpB,OAAO,EACL,OAAO,EACP,cAAc,EACd,QAAQ,EACR,aAAa,EACb,UAAU,EACV,YAAY,EACZ,YAAY,GACb,MAAM,iBAAiB,CAAC;AACzB,YAAY,EACV,aAAa,EACb,kBAAkB,EAClB,WAAW,EACX,aAAa,EACb,eAAe,EACf,eAAe,EACf,qBAAqB,GACtB,MAAM,iBAAiB,CAAC;AAGzB,eAAO,MAAM,IAAI,sOAAe,CAAC;AAUjC,eAAO,MAAM,SAAS,ubAAa,CAAC;AAGpC,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,QAAQ,sFAWpB,CAAC;AAaF,eAAO,MAAM,SAAS,yJAcpB,CAAC;AAIH,eAAO,MAAM,WAAW,6GActB,CAAC;AAIH,eAAO,MAAM,eAAe,yHAQ1B,CAAC;AAIH,eAAO,MAAM,WAAW,yHAYtB,CAAC"}

package/dist/components/form/Form.js

@@ -0,0 +1,82 @@
+import { jsx } from "react/jsx-runtime";
+import React__default, { useId, useContext, createContext } from "react";
+import { FormProvider, Controller, useFormContext } from "../../node_modules/react-hook-form/dist/index.esm.js";
+import { useFieldArray, useForm, useFormState, useWatch } from "../../node_modules/react-hook-form/dist/index.esm.js";
+import { Root } from "../../node_modules/@radix-ui/react-label/dist/index.js";
+import { cn } from "../../utils/cn.js";
+/* empty css         */
+const Form = FormProvider;
+const FormFieldContext = createContext({ name: "" });
+const FormItemContext = createContext({ id: "" });
+const FormField = Controller;
+const FormItem = React__default.forwardRef(
+  ({ className, name = "", ...props }, ref) => {
+    const id = useId();
+    return /* @__PURE__ */ jsx(FormFieldContext.Provider, { value: { name }, children: /* @__PURE__ */ jsx(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx("div", { ref, className: cn("rz-form-item", className), ...props }) }) });
+  }
+);
+FormItem.displayName = "FormItem";
+function useFormField() {
+  const { name } = useContext(FormFieldContext);
+  const { id } = useContext(FormItemContext);
+  const { getFieldState, formState } = useFormContext();
+  const fieldState = getFieldState(name, formState);
+  return { id, name, formItemId: `${id}-item`, formDescriptionId: `${id}-desc`, formMessageId: `${id}-msg`, ...fieldState };
+}
+const FormLabel = React__default.forwardRef(({ className, ...props }, ref) => {
+  const { error, formItemId } = useFormField();
+  return /* @__PURE__ */ jsx(
+    Root,
+    {
+      ref,
+      className: cn("rz-form-label", className),
+      "data-error": error ? "true" : void 0,
+      htmlFor: formItemId,
+      ...props
+    }
+  );
+});
+FormLabel.displayName = "FormLabel";
+const FormControl = React__default.forwardRef(({ ...props }, ref) => {
+  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      id: formItemId,
+      "aria-describedby": !error ? formDescriptionId : `${formDescriptionId} ${formMessageId}`,
+      "aria-invalid": !!error,
+      ...props
+    }
+  );
+});
+FormControl.displayName = "FormControl";
+const FormDescription = React__default.forwardRef(({ className, ...props }, ref) => {
+  const { formDescriptionId } = useFormField();
+  return /* @__PURE__ */ jsx("p", { ref, id: formDescriptionId, className: cn("rz-form-description", className), ...props });
+});
+FormDescription.displayName = "FormDescription";
+const FormMessage = React__default.forwardRef(({ className, children, ...props }, ref) => {
+  const { error, formMessageId } = useFormField();
+  const body = error ? String(error.message) : children;
+  if (!body) return null;
+  return /* @__PURE__ */ jsx("p", { ref, id: formMessageId, className: cn("rz-form-message", className), ...props, children: body });
+});
+FormMessage.displayName = "FormMessage";
+export {
+  Controller,
+  Form,
+  FormControl,
+  FormDescription,
+  FormField,
+  FormItem,
+  FormLabel,
+  FormMessage,
+  FormProvider,
+  useFieldArray,
+  useForm,
+  useFormContext,
+  useFormState,
+  useWatch
+};
+//# sourceMappingURL=Form.js.map

package/dist/components/form/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","sources":["../../../src/components/form/Form.tsx"],"sourcesContent":["/**\n * Form — React Hook Form integration\n *\n * Wraps react-hook-form with accessible form field components.\n * Re-exports everything from react-hook-form for convenience.\n */\nimport React, { createContext, useContext, useId } from 'react';\nimport {\n  useFormContext,\n  Controller,\n  FormProvider,\n} from 'react-hook-form';\nimport * as LabelPrimitive from '@radix-ui/react-label';\nimport { cn } from '../../utils/cn';\nimport './form.css';\n\n// Re-export core RHF pieces consumers need\nexport {\n  useForm,\n  useFormContext,\n  useWatch,\n  useFieldArray,\n  Controller,\n  FormProvider,\n  useFormState,\n} from 'react-hook-form';\nexport type {\n  SubmitHandler,\n  SubmitErrorHandler,\n  FieldValues,\n  UseFormReturn,\n  RegisterOptions,\n  ControllerProps,\n  ControllerRenderProps,\n} from 'react-hook-form';\n\n/* ─── Form root (alias for FormProvider) ─────────────────── */\nexport const Form = FormProvider;\n\n/* ─── Context: field name per FormItem ───────────────────── */\ninterface FormFieldContextValue { name: string }\nconst FormFieldContext = createContext<FormFieldContextValue>({ name: '' });\n\ninterface FormItemContextValue { id: string }\nconst FormItemContext = createContext<FormItemContextValue>({ id: '' });\n\n/* ─── FormField ───────────────────────────────────────────── */\nexport const FormField = Controller;\n\n/* ─── FormItem ────────────────────────────────────────────── */\nexport interface FormItemProps extends React.HTMLAttributes<HTMLDivElement> {\n  name?: string;\n}\n\nexport const FormItem = React.forwardRef<HTMLDivElement, FormItemProps>(\n  ({ className, name = '', ...props }, ref) => {\n    const id = useId();\n    return (\n      <FormFieldContext.Provider value={{ name }}>\n        <FormItemContext.Provider value={{ id }}>\n          <div ref={ref} className={cn('rz-form-item', className)} {...props} />\n        </FormItemContext.Provider>\n      </FormFieldContext.Provider>\n    );\n  },\n);\nFormItem.displayName = 'FormItem';\n\n/* ─── Shared hook ─────────────────────────────────────────── */\nfunction useFormField() {\n  const { name } = useContext(FormFieldContext);\n  const { id } = useContext(FormItemContext);\n  const { getFieldState, formState } = useFormContext();\n  const fieldState = getFieldState(name, formState);\n  return { id, name, formItemId: `${id}-item`, formDescriptionId: `${id}-desc`, formMessageId: `${id}-msg`, ...fieldState };\n}\n\n/* ─── FormLabel ───────────────────────────────────────────── */\nexport const FormLabel = React.forwardRef<\n  React.ElementRef<typeof LabelPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root>\n>(({ className, ...props }, ref) => {\n  const { error, formItemId } = useFormField();\n  return (\n    <LabelPrimitive.Root\n      ref={ref}\n      className={cn('rz-form-label', className)}\n      data-error={error ? 'true' : undefined}\n      htmlFor={formItemId}\n      {...props}\n    />\n  );\n});\nFormLabel.displayName = 'FormLabel';\n\n/* ─── FormControl ─────────────────────────────────────────── */\nexport const FormControl = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ ...props }, ref) => {\n  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();\n  return (\n    <div\n      ref={ref}\n      id={formItemId}\n      aria-describedby={!error ? formDescriptionId : `${formDescriptionId} ${formMessageId}`}\n      aria-invalid={!!error}\n      {...props}\n    />\n  );\n});\nFormControl.displayName = 'FormControl';\n\n/* ─── FormDescription ─────────────────────────────────────── */\nexport const FormDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => {\n  const { formDescriptionId } = useFormField();\n  return (\n    <p ref={ref} id={formDescriptionId} className={cn('rz-form-description', className)} {...props} />\n  );\n});\nFormDescription.displayName = 'FormDescription';\n\n/* ─── FormMessage ─────────────────────────────────────────── */\nexport const FormMessage = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, children, ...props }, ref) => {\n  const { error, formMessageId } = useFormField();\n  const body = error ? String(error.message) : children;\n  if (!body) return null;\n  return (\n    <p ref={ref} id={formMessageId} className={cn('rz-form-message', className)} {...props}>\n      {body}\n    </p>\n  );\n});\nFormMessage.displayName = 'FormMessage';\n"],"names":["React","LabelPrimitive.Root"],"mappings":";;;;;;;AAqCO,MAAM,OAAO;AAIpB,MAAM,mBAAmB,cAAqC,EAAE,MAAM,IAAI;AAG1E,MAAM,kBAAkB,cAAoC,EAAE,IAAI,IAAI;AAG/D,MAAM,YAAY;AAOlB,MAAM,WAAWA,eAAM;AAAA,EAC5B,CAAC,EAAE,WAAW,OAAO,IAAI,GAAG,MAAA,GAAS,QAAQ;AAC3C,UAAM,KAAK,MAAA;AACX,WACE,oBAAC,iBAAiB,UAAjB,EAA0B,OAAO,EAAE,QAClC,UAAA,oBAAC,gBAAgB,UAAhB,EAAyB,OAAO,EAAE,MACjC,UAAA,oBAAC,OAAA,EAAI,KAAU,WAAW,GAAG,gBAAgB,SAAS,GAAI,GAAG,MAAA,CAAO,EAAA,CACtE,EAAA,CACF;AAAA,EAEJ;AACF;AACA,SAAS,cAAc;AAGvB,SAAS,eAAe;AACtB,QAAM,EAAE,KAAA,IAAS,WAAW,gBAAgB;AAC5C,QAAM,EAAE,GAAA,IAAO,WAAW,eAAe;AACzC,QAAM,EAAE,eAAe,UAAA,IAAc,eAAA;AACrC,QAAM,aAAa,cAAc,MAAM,SAAS;AAChD,SAAO,EAAE,IAAI,MAAM,YAAY,GAAG,EAAE,SAAS,mBAAmB,GAAG,EAAE,SAAS,eAAe,GAAG,EAAE,QAAQ,GAAG,WAAA;AAC/G;AAGO,MAAM,YAAYA,eAAM,WAG7B,CAAC,EAAE,WAAW,GAAG,MAAA,GAAS,QAAQ;AAClC,QAAM,EAAE,OAAO,WAAA,IAAe,aAAA;AAC9B,SACE;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,iBAAiB,SAAS;AAAA,MACxC,cAAY,QAAQ,SAAS;AAAA,MAC7B,SAAS;AAAA,MACR,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;AACD,UAAU,cAAc;AAGjB,MAAM,cAAcD,eAAM,WAG/B,CAAC,EAAE,GAAG,MAAA,GAAS,QAAQ;AACvB,QAAM,EAAE,OAAO,YAAY,mBAAmB,cAAA,IAAkB,aAAA;AAChE,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,IAAI;AAAA,MACJ,oBAAkB,CAAC,QAAQ,oBAAoB,GAAG,iBAAiB,IAAI,aAAa;AAAA,MACpF,gBAAc,CAAC,CAAC;AAAA,MACf,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV,CAAC;AACD,YAAY,cAAc;AAGnB,MAAM,kBAAkBA,eAAM,WAGnC,CAAC,EAAE,WAAW,GAAG,MAAA,GAAS,QAAQ;AAClC,QAAM,EAAE,kBAAA,IAAsB,aAAA;AAC9B,SACE,oBAAC,KAAA,EAAE,KAAU,IAAI,mBAAmB,WAAW,GAAG,uBAAuB,SAAS,GAAI,GAAG,MAAA,CAAO;AAEpG,CAAC;AACD,gBAAgB,cAAc;AAGvB,MAAM,cAAcA,eAAM,WAG/B,CAAC,EAAE,WAAW,UAAU,GAAG,MAAA,GAAS,QAAQ;AAC5C,QAAM,EAAE,OAAO,cAAA,IAAkB,aAAA;AACjC,QAAM,OAAO,QAAQ,OAAO,MAAM,OAAO,IAAI;AAC7C,MAAI,CAAC,KAAM,QAAO;AAClB,SACE,oBAAC,KAAA,EAAE,KAAU,IAAI,eAAe,WAAW,GAAG,mBAAmB,SAAS,GAAI,GAAG,OAC9E,UAAA,KAAA,CACH;AAEJ,CAAC;AACD,YAAY,cAAc;"}

package/dist/components/form/index.d.ts

@@ -0,0 +1,3 @@
+export { Form, FormField, FormItem, FormLabel, FormControl, FormDescription, FormMessage, useForm, useFormContext, useWatch, useFieldArray, Controller, FormProvider, useFormState, } from './Form';
+export type { FormItemProps, SubmitHandler, SubmitErrorHandler, FieldValues, UseFormReturn, RegisterOptions, ControllerProps, ControllerRenderProps, } from './Form';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/form/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,SAAS,EACT,WAAW,EACX,eAAe,EACf,WAAW,EAEX,OAAO,EACP,cAAc,EACd,QAAQ,EACR,aAAa,EACb,UAAU,EACV,YAAY,EACZ,YAAY,GACb,MAAM,QAAQ,CAAC;AAChB,YAAY,EACV,aAAa,EACb,aAAa,EACb,kBAAkB,EAClB,WAAW,EACX,aAAa,EACb,eAAe,EACf,eAAe,EACf,qBAAqB,GACtB,MAAM,QAAQ,CAAC"}

package/dist/components/hover-card/HoverCard.cjs

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const index = require("../../node_modules/@radix-ui/react-hover-card/dist/index.cjs");
+const cn = require("../../utils/cn.cjs");
+;/* empty css                 */
+const HoverCard = index.Root;
+const HoverCardTrigger = index.Trigger;
+const HoverCardContent = React.forwardRef(({ className, align = "center", sideOffset = 6, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(index.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
+  index.Content,
+  {
+    ref,
+    align,
+    sideOffset,
+    className: cn.cn("rz-hover-card__content", className),
+    ...props
+  }
+) }));
+HoverCardContent.displayName = "HoverCardContent";
+exports.HoverCard = HoverCard;
+exports.HoverCardContent = HoverCardContent;
+exports.HoverCardTrigger = HoverCardTrigger;
+//# sourceMappingURL=HoverCard.cjs.map

package/dist/components/hover-card/HoverCard.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCard.cjs","sources":["../../../src/components/hover-card/HoverCard.tsx"],"sourcesContent":["import React from 'react';\nimport * as HoverCardPrimitive from '@radix-ui/react-hover-card';\nimport { cn } from '../../utils/cn';\nimport './hover-card.css';\n\nexport const HoverCard = HoverCardPrimitive.Root;\nexport const HoverCardTrigger = HoverCardPrimitive.Trigger;\n\nexport const HoverCardContent = React.forwardRef<\n  React.ElementRef<typeof HoverCardPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof HoverCardPrimitive.Content>\n>(({ className, align = 'center', sideOffset = 6, ...props }, ref) => (\n  <HoverCardPrimitive.Portal>\n    <HoverCardPrimitive.Content\n      ref={ref}\n      align={align}\n      sideOffset={sideOffset}\n      className={cn('rz-hover-card__content', className)}\n      {...props}\n    />\n  </HoverCardPrimitive.Portal>\n));\nHoverCardContent.displayName = 'HoverCardContent';\n"],"names":["HoverCardPrimitive.Root","HoverCardPrimitive.Trigger","jsx","HoverCardPrimitive.Portal","HoverCardPrimitive.Content","cn"],"mappings":";;;;;;;AAKO,MAAM,YAAYA,MAAAA;AAClB,MAAM,mBAAmBC,MAAAA;AAEzB,MAAM,mBAAmB,MAAM,WAGpC,CAAC,EAAE,WAAW,QAAQ,UAAU,aAAa,GAAG,GAAG,MAAA,GAAS,QAC5DC,2BAAAA,IAACC,MAAAA,QAAA,EACC,UAAAD,2BAAAA;AAAAA,EAACE,MAAAA;AAAAA,EAAA;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAWC,GAAAA,GAAG,0BAA0B,SAAS;AAAA,IAChD,GAAG;AAAA,EAAA;AACN,GACF,CACD;AACD,iBAAiB,cAAc;;;;"}

package/dist/components/hover-card/HoverCard.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
+export declare const HoverCard: React.FC<HoverCardPrimitive.HoverCardProps>;
+export declare const HoverCardTrigger: React.ForwardRefExoticComponent<HoverCardPrimitive.HoverCardTriggerProps & React.RefAttributes<HTMLAnchorElement>>;
+export declare const HoverCardContent: React.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=HoverCard.d.ts.map

package/dist/components/hover-card/HoverCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverCard.d.ts","sourceRoot":"","sources":["../../../src/components/hover-card/HoverCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,kBAAkB,MAAM,4BAA4B,CAAC;AAEjE,OAAO,kBAAkB,CAAC;AAE1B,eAAO,MAAM,SAAS,6CAA0B,CAAC;AACjD,eAAO,MAAM,gBAAgB,oHAA6B,CAAC;AAE3D,eAAO,MAAM,gBAAgB,oKAa3B,CAAC"}