dhanasekar-ui 1.2.0 → 1.4.0

package/dist/chunk-P5HHRCE5.js

@@ -0,0 +1,198 @@
+'use strict';var chunkMLURKSJZ_js=require('./chunk-MLURKSJZ.js'),react=require('react'),reactToastify=require('react-toastify'),jsxRuntime=require('react/jsx-runtime');var J=`
+  .fuf-root {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    font-family: 'Inter', system-ui, -apple-system, sans-serif;
+    width: 100%;
+  }
+
+  .fuf-label {
+    font-size: 14px;
+    font-weight: 500;
+    color: #64748b;
+    margin-bottom: 4px;
+  }
+
+  .fuf-label.error {
+    color: #ef4444;
+  }
+
+  .fuf-required {
+    color: #ef4444;
+    margin-left: 2px;
+  }
+
+  .fuf-dropzone {
+    border: 2px dashed #cbd5e1;
+    border-radius: 12px;
+    padding: 32px;
+    text-align: center;
+    cursor: pointer;
+    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+    background: #f8fafc;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 8px;
+  }
+
+  .fuf-dropzone:hover {
+    border-color: #3b82f6;
+    background: #eff6ff;
+    transform: translateY(-1px);
+    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+  }
+
+  .fuf-dropzone.error {
+    border-color: #ef4444;
+    background: #fef2f2;
+  }
+
+  .fuf-dropzone.error:hover {
+    border-color: #dc2626;
+  }
+
+  .fuf-dropzone.disabled {
+    cursor: not-allowed;
+    opacity: 0.6;
+  }
+
+  .fuf-dropzone.disabled:hover {
+    transform: none;
+    box-shadow: none;
+    border-color: #cbd5e1;
+    background: #f8fafc;
+  }
+
+  .fuf-upload-icon {
+    color: #3b82f6;
+    font-size: 48px;
+    margin-bottom: 8px;
+    display: block;
+  }
+
+  .fuf-dropzone.error .fuf-upload-icon {
+    color: #ef4444;
+  }
+
+  .fuf-upload-text {
+    font-size: 16px;
+    font-weight: 500;
+    color: #334155;
+  }
+
+  .fuf-format-text {
+    font-size: 12px;
+    color: #94a3b8;
+  }
+
+  .fuf-preview-list {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    margin-top: 8px;
+  }
+
+  .fuf-preview-item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 12px 16px;
+    background: white;
+    border: 1px solid #e2e8f0;
+    border-radius: 12px;
+    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1);
+    transition: all 0.2s ease;
+  }
+
+  .fuf-preview-item:hover {
+    border-color: #cbd5e1;
+    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
+  }
+
+  .fuf-file-info {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    min-width: 0;
+  }
+
+  .fuf-thumbnail {
+    width: 40px;
+    height: 40px;
+    object-fit: cover;
+    border-radius: 8px;
+    border: 1px solid #f1f5f9;
+  }
+
+  .fuf-file-icon {
+    font-size: 24px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .fuf-file-icon.pdf {
+    color: #ef4444;
+  }
+
+  .fuf-file-icon.general {
+    color: #3b82f6;
+  }
+
+  .fuf-file-name {
+    font-size: 14px;
+    color: #1e293b;
+    font-weight: 500;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 240px;
+  }
+
+  .fuf-actions {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+  }
+
+  .fuf-action-btn {
+    padding: 8px;
+    border-radius: 8px;
+    border: none;
+    background: transparent;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: all 0.2s ease;
+    color: #64748b;
+  }
+
+  .fuf-action-btn i {
+    font-size: 18px;
+  }
+
+  .fuf-action-btn.view:hover {
+    color: #3b82f6;
+    background: #eff6ff;
+  }
+
+  .fuf-action-btn.remove:hover {
+    color: #ef4444;
+    background: #fef2f2;
+  }
+
+  .fuf-error-message {
+    font-size: 12px;
+    color: #ef4444;
+    margin-top: 4px;
+  }
+
+  .fuf-hidden-input {
+    display: none;
+  }
+`,K=react.forwardRef((C,E)=>{let{label:N,required:I,error:d,accept:k=".pdf,.doc,.docx",maxSizeMB:U=10,disabled:c,uploadType:j,multiple:u,value:l,onChange:m,onDelete:z,previewUrl:$,previewUrls:R,existingFileUrl:b,existingFileName:y,editMode:M=true,viewMode:P=false,className:S="",style:T,sx:O}=C;react.useEffect(()=>{let e="tabler-icons-cdn";if(!document.getElementById(e)){let t=document.createElement("link");t.id=e,t.rel="stylesheet",t.href="https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/dist/tabler-icons.min.css",document.head.appendChild(t);}},[]);let p=Array.isArray(b)?b:b?[b]:[],H=Array.isArray(l)?l:l?[l]:[],w=[...p,...H],g=c||P||!M,F=react.useRef(null);react.useImperativeHandle(E,()=>F.current);let[s,x]=react.useState([]);react.useEffect(()=>()=>{s.forEach(e=>{e.startsWith("blob:")&&URL.revokeObjectURL(e);});},[s]);let W=e=>{if(g)return;let t=e.target.files;if(!t||t.length===0)return;let f=Array.from(t),i=[],r=[];for(let n of f){if(n.size>U*1024*1024){reactToastify.toast.error(`File "${n.name}" exceeds the maximum size of ${U}MB`);continue}i.push(n),r.push(URL.createObjectURL(n));}if(i.length===0){e.target.value="";return}if(u){x(v=>[...v,...r]);let h=[...Array.isArray(l)?l:[],...i];m?.(h);}else s[0]?.startsWith("blob:")&&URL.revokeObjectURL(s[0]),x(r),m?.(i[0]);e.target.value="";},q=e=>{if(g)return;if(e<p.length){z?.(e);return}let f=e-p.length;if(u){let i=Array.isArray(l)?[...l]:[];i.splice(f,1),m?.(i.length>0?i:null);let r=[...s];r[f]?.startsWith("blob:")&&URL.revokeObjectURL(r[f]),r.splice(f,1),x(r);}else m?.(null),s[0]?.startsWith("blob:")&&URL.revokeObjectURL(s[0]),x([]);z?.(e);},B=(e,t)=>{t<p.length;let i=typeof e=="string"?(Array.isArray(y)?y[t]:y)||"Uploaded Document":e.name,r=t-p.length,n=typeof e=="string"?e:s[r]||(Array.isArray(R)?R[r]:$),h=i.toLowerCase().endsWith(".pdf")||typeof e!="string"&&e.type==="application/pdf",v=j==="image"||i.toLowerCase().match(/\.(jpg|jpeg|png|gif|webp)$/i);return jsxRuntime.jsxs("div",{className:"fuf-preview-item",children:[jsxRuntime.jsxs("div",{className:"fuf-file-info",children:[v&&n?jsxRuntime.jsx("img",{className:"fuf-thumbnail",src:n,alt:i}):h?jsxRuntime.jsx("i",{className:"ti ti-file-type-pdf fuf-file-icon pdf"}):jsxRuntime.jsx("i",{className:"ti ti-file fuf-file-icon general"}),jsxRuntime.jsx("span",{className:"fuf-file-name",title:i,children:i})]}),jsxRuntime.jsxs("div",{className:"fuf-actions",children:[(h||v)&&n&&jsxRuntime.jsx("button",{type:"button",className:"fuf-action-btn view",onClick:()=>window.open(n,"_blank"),title:"View",children:jsxRuntime.jsx("i",{className:"ti ti-eye"})}),!g&&jsxRuntime.jsx("button",{type:"button",className:"fuf-action-btn remove",onClick:()=>q(t),title:"Remove",children:jsxRuntime.jsx("i",{className:"ti ti-x"})})]})]},`${i}-${t}`)};return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("style",{dangerouslySetInnerHTML:{__html:J}}),jsxRuntime.jsxs("div",{className:`fuf-root ${S}`,style:{...chunkMLURKSJZ_js.a(O),...T},children:[N&&jsxRuntime.jsxs("label",{className:`fuf-label ${d?"error":""}`,children:[N," ",I&&jsxRuntime.jsx("span",{className:"fuf-required",children:"*"})]}),(!w.length||u)&&!g&&jsxRuntime.jsxs("div",{className:`fuf-dropzone ${d?"error":""} ${c?"disabled":""}`,onClick:()=>!c&&F.current?.click(),children:[jsxRuntime.jsx("i",{className:"ti ti-upload fuf-upload-icon"}),jsxRuntime.jsx("span",{className:"fuf-upload-text",children:c?"Upload disabled":"Click to upload"}),jsxRuntime.jsxs("span",{className:"fuf-format-text",children:["(Supported formats: ",k.replace(/\./g,"").toUpperCase(),")"]}),jsxRuntime.jsx("input",{type:"file",className:"fuf-hidden-input",ref:F,onChange:W,accept:k,disabled:c,multiple:u})]}),w.length>0&&jsxRuntime.jsx("div",{className:"fuf-preview-list",children:w.map((e,t)=>B(e,t))}),d&&jsxRuntime.jsx("span",{className:"fuf-error-message",children:d})]})]})});K.displayName="FileUploadField";
+exports.a=K;//# sourceMappingURL=chunk-P5HHRCE5.js.map
+//# sourceMappingURL=chunk-P5HHRCE5.js.map

package/dist/chunk-P5HHRCE5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/FileUploadField/FileUploadField.tsx"],"names":["STYLES","FileUploadField","forwardRef","props","ref","label","required","error","accept","maxSizeMB","disabled","uploadType","multiple","value","onChange","onDelete","previewUrl","previewUrls","existingFileUrl","existingFileName","editMode","viewMode","className","style","sx","useEffect","cdnId","link","existingFiles","currentFiles","filesToRender","isReadOnly","inputRef","useRef","useImperativeHandle","internalPreviews","setInternalPreviews","useState","url","handleFileChange","files","fileList","validFiles","newPreviews","file","toast","prev","updatedFiles","handleRemove","index","currentFileIndex","currentPreviews","renderFileRow","fileName","fileUrl","isPdf","isImage","jsxs","jsx","Fragment","handleSx","idx"],"mappings":"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","file":"chunk-P5HHRCE5.js","sourcesContent":["'use client';\n\nimport React, { forwardRef, useImperativeHandle, useRef, useState, useEffect } from 'react';\nimport { toast } from 'react-toastify';\nimport { handleSx } from '../../utils/handleSx';\nimport { FileUploadFieldProps } from './FileUploadField.types';\n\nconst STYLES = `\n  .fuf-root {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    font-family: 'Inter', system-ui, -apple-system, sans-serif;\n    width: 100%;\n  }\n\n  .fuf-label {\n    font-size: 14px;\n    font-weight: 500;\n    color: #64748b;\n    margin-bottom: 4px;\n  }\n\n  .fuf-label.error {\n    color: #ef4444;\n  }\n\n  .fuf-required {\n    color: #ef4444;\n    margin-left: 2px;\n  }\n\n  .fuf-dropzone {\n    border: 2px dashed #cbd5e1;\n    border-radius: 12px;\n    padding: 32px;\n    text-align: center;\n    cursor: pointer;\n    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n    background: #f8fafc;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .fuf-dropzone:hover {\n    border-color: #3b82f6;\n    background: #eff6ff;\n    transform: translateY(-1px);\n    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n  }\n\n  .fuf-dropzone.error {\n    border-color: #ef4444;\n    background: #fef2f2;\n  }\n\n  .fuf-dropzone.error:hover {\n    border-color: #dc2626;\n  }\n\n  .fuf-dropzone.disabled {\n    cursor: not-allowed;\n    opacity: 0.6;\n  }\n\n  .fuf-dropzone.disabled:hover {\n    transform: none;\n    box-shadow: none;\n    border-color: #cbd5e1;\n    background: #f8fafc;\n  }\n\n  .fuf-upload-icon {\n    color: #3b82f6;\n    font-size: 48px;\n    margin-bottom: 8px;\n    display: block;\n  }\n\n  .fuf-dropzone.error .fuf-upload-icon {\n    color: #ef4444;\n  }\n\n  .fuf-upload-text {\n    font-size: 16px;\n    font-weight: 500;\n    color: #334155;\n  }\n\n  .fuf-format-text {\n    font-size: 12px;\n    color: #94a3b8;\n  }\n\n  .fuf-preview-list {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    margin-top: 8px;\n  }\n\n  .fuf-preview-item {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 12px 16px;\n    background: white;\n    border: 1px solid #e2e8f0;\n    border-radius: 12px;\n    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1);\n    transition: all 0.2s ease;\n  }\n\n  .fuf-preview-item:hover {\n    border-color: #cbd5e1;\n    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);\n  }\n\n  .fuf-file-info {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    min-width: 0;\n  }\n\n  .fuf-thumbnail {\n    width: 40px;\n    height: 40px;\n    object-fit: cover;\n    border-radius: 8px;\n    border: 1px solid #f1f5f9;\n  }\n\n  .fuf-file-icon {\n    font-size: 24px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .fuf-file-icon.pdf {\n    color: #ef4444;\n  }\n\n  .fuf-file-icon.general {\n    color: #3b82f6;\n  }\n\n  .fuf-file-name {\n    font-size: 14px;\n    color: #1e293b;\n    font-weight: 500;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    max-width: 240px;\n  }\n\n  .fuf-actions {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n  }\n\n  .fuf-action-btn {\n    padding: 8px;\n    border-radius: 8px;\n    border: none;\n    background: transparent;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.2s ease;\n    color: #64748b;\n  }\n\n  .fuf-action-btn i {\n    font-size: 18px;\n  }\n\n  .fuf-action-btn.view:hover {\n    color: #3b82f6;\n    background: #eff6ff;\n  }\n\n  .fuf-action-btn.remove:hover {\n    color: #ef4444;\n    background: #fef2f2;\n  }\n\n  .fuf-error-message {\n    font-size: 12px;\n    color: #ef4444;\n    margin-top: 4px;\n  }\n\n  .fuf-hidden-input {\n    display: none;\n  }\n`;\n\n/**\n * FileUploadField component for single or multiple file uploads with preview support.\n */\nexport const FileUploadField = forwardRef<HTMLInputElement, FileUploadFieldProps>((props, ref) => {\n  const {\n    label,\n    required,\n    error,\n    accept = '.pdf,.doc,.docx',\n    maxSizeMB = 10,\n    disabled,\n    uploadType,\n    multiple,\n    value,\n    onChange,\n    onDelete,\n    previewUrl,\n    previewUrls,\n    existingFileUrl,\n    existingFileName,\n    editMode = true,\n    viewMode = false,\n    className = '',\n    style,\n    sx,\n  } = props;\n\n  // Inject Tabler Icons CDN if not present\n  useEffect(() => {\n    const cdnId = 'tabler-icons-cdn';\n    if (!document.getElementById(cdnId)) {\n      const link = document.createElement('link');\n      link.id = cdnId;\n      link.rel = 'stylesheet';\n      link.href = 'https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/dist/tabler-icons.min.css';\n      document.head.appendChild(link);\n    }\n  }, []);\n\n  const existingFiles = Array.isArray(existingFileUrl)\n    ? existingFileUrl\n    : existingFileUrl ? [existingFileUrl] : [];\n\n  const currentFiles = Array.isArray(value)\n    ? value\n    : value ? [value] : [];\n\n  const filesToRender = [...existingFiles, ...currentFiles];\n  const isReadOnly = disabled || viewMode || !editMode;\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  useImperativeHandle(ref, () => inputRef.current!);\n\n  const [internalPreviews, setInternalPreviews] = useState<string[]>([]);\n\n  // Cleanup object URLs on unmount\n  useEffect(() => {\n    return () => {\n      internalPreviews.forEach((url) => {\n        if (url.startsWith('blob:')) {\n          URL.revokeObjectURL(url);\n        }\n      });\n    };\n  }, [internalPreviews]);\n\n  const handleFileChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (isReadOnly) return;\n    const files = e.target.files;\n    if (!files || files.length === 0) return;\n\n    const fileList = Array.from(files);\n    const validFiles: File[] = [];\n    const newPreviews: string[] = [];\n\n    for (const file of fileList) {\n      if (file.size > maxSizeMB * 1024 * 1024) {\n        toast.error(`File \"${file.name}\" exceeds the maximum size of ${maxSizeMB}MB`);\n        continue;\n      }\n      validFiles.push(file);\n      newPreviews.push(URL.createObjectURL(file));\n    }\n\n    if (validFiles.length === 0) {\n      e.target.value = '';\n      return;\n    }\n\n    if (multiple) {\n      setInternalPreviews((prev) => [...prev, ...newPreviews]);\n      const currentFiles = Array.isArray(value) ? value : [];\n      const updatedFiles = [...currentFiles, ...validFiles];\n      (onChange as (files: File[] | null) => void)?.(updatedFiles);\n    } else {\n      if (internalPreviews[0]?.startsWith('blob:')) {\n        URL.revokeObjectURL(internalPreviews[0]);\n      }\n      setInternalPreviews(newPreviews);\n      (onChange as (file: File | null) => void)?.(validFiles[0]);\n    }\n\n    e.target.value = '';\n  };\n\n  const handleRemove = (index: number) => {\n    if (isReadOnly) return;\n\n    const isExisting = index < existingFiles.length;\n    if (isExisting) {\n      onDelete?.(index);\n      return;\n    }\n\n    const currentFileIndex = index - existingFiles.length;\n\n    if (multiple) {\n      const currentFiles = Array.isArray(value) ? [...value] : [];\n      currentFiles.splice(currentFileIndex, 1);\n      (onChange as (files: File[] | null) => void)?.(currentFiles.length > 0 ? currentFiles : null);\n\n      const currentPreviews = [...internalPreviews];\n      if (currentPreviews[currentFileIndex]?.startsWith('blob:')) {\n        URL.revokeObjectURL(currentPreviews[currentFileIndex]);\n      }\n      currentPreviews.splice(currentFileIndex, 1);\n      setInternalPreviews(currentPreviews);\n    } else {\n      (onChange as (file: File | null) => void)?.(null);\n      if (internalPreviews[0]?.startsWith('blob:')) {\n        URL.revokeObjectURL(internalPreviews[0]);\n      }\n      setInternalPreviews([]);\n    }\n    onDelete?.(index);\n  };\n\n  const renderFileRow = (file: File | string, index: number) => {\n    const isExisting = index < existingFiles.length;\n    const fileName = typeof file === 'string'\n      ? (Array.isArray(existingFileName) ? existingFileName[index] : existingFileName) || 'Uploaded Document'\n      : file.name;\n\n    const currentFileIndex = index - existingFiles.length;\n    const fileUrl = typeof file === 'string'\n      ? file\n      : internalPreviews[currentFileIndex] || (Array.isArray(previewUrls) ? previewUrls[currentFileIndex] : previewUrl);\n\n    const isPdf = fileName.toLowerCase().endsWith('.pdf') || (typeof file !== 'string' && file.type === 'application/pdf');\n    const isImage = uploadType === 'image' || fileName.toLowerCase().match(/\\.(jpg|jpeg|png|gif|webp)$/i);\n\n    return (\n      <div className=\"fuf-preview-item\" key={`${fileName}-${index}`}>\n        <div className=\"fuf-file-info\">\n          {isImage && fileUrl ? (\n            <img className=\"fuf-thumbnail\" src={fileUrl} alt={fileName} />\n          ) : isPdf ? (\n            <i className=\"ti ti-file-type-pdf fuf-file-icon pdf\"></i>\n          ) : (\n            <i className=\"ti ti-file fuf-file-icon general\"></i>\n          )}\n          <span className=\"fuf-file-name\" title={fileName}>\n            {fileName}\n          </span>\n        </div>\n        <div className=\"fuf-actions\">\n          {(isPdf || isImage) && fileUrl && (\n            <button\n              type=\"button\"\n              className=\"fuf-action-btn view\"\n              onClick={() => window.open(fileUrl, '_blank')}\n              title=\"View\"\n            >\n              <i className=\"ti ti-eye\"></i>\n            </button>\n          )}\n          {!isReadOnly && (\n            <button\n              type=\"button\"\n              className=\"fuf-action-btn remove\"\n              onClick={() => handleRemove(index)}\n              title=\"Remove\"\n            >\n              <i className=\"ti ti-x\"></i>\n            </button>\n          )}\n        </div>\n      </div>\n    );\n  };\n\n  return (\n    <>\n      <style dangerouslySetInnerHTML={{ __html: STYLES }} />\n      <div className={`fuf-root ${className}`} style={{ ...handleSx(sx), ...style }}>\n        {label && (\n          <label className={`fuf-label ${error ? 'error' : ''}`}>\n            {label} {required && <span className=\"fuf-required\">*</span>}\n          </label>\n        )}\n\n        {(!filesToRender.length || multiple) && !isReadOnly && (\n          <div\n            className={`fuf-dropzone ${error ? 'error' : ''} ${disabled ? 'disabled' : ''}`}\n            onClick={() => !disabled && inputRef.current?.click()}\n          >\n            <i className=\"ti ti-upload fuf-upload-icon\"></i>\n            <span className=\"fuf-upload-text\">\n              {disabled ? 'Upload disabled' : 'Click to upload'}\n            </span>\n            <span className=\"fuf-format-text\">\n              (Supported formats: {accept.replace(/\\./g, '').toUpperCase()})\n            </span>\n            <input\n              type=\"file\"\n              className=\"fuf-hidden-input\"\n              ref={inputRef}\n              onChange={handleFileChange}\n              accept={accept}\n              disabled={disabled}\n              multiple={multiple}\n            />\n          </div>\n        )}\n\n        {filesToRender.length > 0 && (\n          <div className=\"fuf-preview-list\">\n            {filesToRender.map((file, idx) => renderFileRow(file, idx))}\n          </div>\n        )}\n\n        {error && (\n          <span className=\"fuf-error-message\">\n            {error}\n          </span>\n        )}\n      </div>\n    </>\n  );\n});\n\nFileUploadField.displayName = 'FileUploadField';\n"]}

package/dist/chunk-PL2R3LYL.mjs

@@ -0,0 +1,198 @@
+import {a}from'./chunk-HGGQFNUJ.mjs';import {forwardRef,useEffect,useRef,useImperativeHandle,useState}from'react';import {toast}from'react-toastify';import {jsxs,Fragment,jsx}from'react/jsx-runtime';var J=`
+  .fuf-root {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    font-family: 'Inter', system-ui, -apple-system, sans-serif;
+    width: 100%;
+  }
+
+  .fuf-label {
+    font-size: 14px;
+    font-weight: 500;
+    color: #64748b;
+    margin-bottom: 4px;
+  }
+
+  .fuf-label.error {
+    color: #ef4444;
+  }
+
+  .fuf-required {
+    color: #ef4444;
+    margin-left: 2px;
+  }
+
+  .fuf-dropzone {
+    border: 2px dashed #cbd5e1;
+    border-radius: 12px;
+    padding: 32px;
+    text-align: center;
+    cursor: pointer;
+    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
+    background: #f8fafc;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 8px;
+  }
+
+  .fuf-dropzone:hover {
+    border-color: #3b82f6;
+    background: #eff6ff;
+    transform: translateY(-1px);
+    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+  }
+
+  .fuf-dropzone.error {
+    border-color: #ef4444;
+    background: #fef2f2;
+  }
+
+  .fuf-dropzone.error:hover {
+    border-color: #dc2626;
+  }
+
+  .fuf-dropzone.disabled {
+    cursor: not-allowed;
+    opacity: 0.6;
+  }
+
+  .fuf-dropzone.disabled:hover {
+    transform: none;
+    box-shadow: none;
+    border-color: #cbd5e1;
+    background: #f8fafc;
+  }
+
+  .fuf-upload-icon {
+    color: #3b82f6;
+    font-size: 48px;
+    margin-bottom: 8px;
+    display: block;
+  }
+
+  .fuf-dropzone.error .fuf-upload-icon {
+    color: #ef4444;
+  }
+
+  .fuf-upload-text {
+    font-size: 16px;
+    font-weight: 500;
+    color: #334155;
+  }
+
+  .fuf-format-text {
+    font-size: 12px;
+    color: #94a3b8;
+  }
+
+  .fuf-preview-list {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    margin-top: 8px;
+  }
+
+  .fuf-preview-item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 12px 16px;
+    background: white;
+    border: 1px solid #e2e8f0;
+    border-radius: 12px;
+    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1);
+    transition: all 0.2s ease;
+  }
+
+  .fuf-preview-item:hover {
+    border-color: #cbd5e1;
+    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
+  }
+
+  .fuf-file-info {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    min-width: 0;
+  }
+
+  .fuf-thumbnail {
+    width: 40px;
+    height: 40px;
+    object-fit: cover;
+    border-radius: 8px;
+    border: 1px solid #f1f5f9;
+  }
+
+  .fuf-file-icon {
+    font-size: 24px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  .fuf-file-icon.pdf {
+    color: #ef4444;
+  }
+
+  .fuf-file-icon.general {
+    color: #3b82f6;
+  }
+
+  .fuf-file-name {
+    font-size: 14px;
+    color: #1e293b;
+    font-weight: 500;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    max-width: 240px;
+  }
+
+  .fuf-actions {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+  }
+
+  .fuf-action-btn {
+    padding: 8px;
+    border-radius: 8px;
+    border: none;
+    background: transparent;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: all 0.2s ease;
+    color: #64748b;
+  }
+
+  .fuf-action-btn i {
+    font-size: 18px;
+  }
+
+  .fuf-action-btn.view:hover {
+    color: #3b82f6;
+    background: #eff6ff;
+  }
+
+  .fuf-action-btn.remove:hover {
+    color: #ef4444;
+    background: #fef2f2;
+  }
+
+  .fuf-error-message {
+    font-size: 12px;
+    color: #ef4444;
+    margin-top: 4px;
+  }
+
+  .fuf-hidden-input {
+    display: none;
+  }
+`,K=forwardRef((C,E)=>{let{label:N,required:I,error:d,accept:k=".pdf,.doc,.docx",maxSizeMB:U=10,disabled:c,uploadType:j,multiple:u,value:l,onChange:m,onDelete:z,previewUrl:$,previewUrls:R,existingFileUrl:b,existingFileName:y,editMode:M=true,viewMode:P=false,className:S="",style:T,sx:O}=C;useEffect(()=>{let e="tabler-icons-cdn";if(!document.getElementById(e)){let t=document.createElement("link");t.id=e,t.rel="stylesheet",t.href="https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/dist/tabler-icons.min.css",document.head.appendChild(t);}},[]);let p=Array.isArray(b)?b:b?[b]:[],H=Array.isArray(l)?l:l?[l]:[],w=[...p,...H],g=c||P||!M,F=useRef(null);useImperativeHandle(E,()=>F.current);let[s,x]=useState([]);useEffect(()=>()=>{s.forEach(e=>{e.startsWith("blob:")&&URL.revokeObjectURL(e);});},[s]);let W=e=>{if(g)return;let t=e.target.files;if(!t||t.length===0)return;let f=Array.from(t),i=[],r=[];for(let n of f){if(n.size>U*1024*1024){toast.error(`File "${n.name}" exceeds the maximum size of ${U}MB`);continue}i.push(n),r.push(URL.createObjectURL(n));}if(i.length===0){e.target.value="";return}if(u){x(v=>[...v,...r]);let h=[...Array.isArray(l)?l:[],...i];m?.(h);}else s[0]?.startsWith("blob:")&&URL.revokeObjectURL(s[0]),x(r),m?.(i[0]);e.target.value="";},q=e=>{if(g)return;if(e<p.length){z?.(e);return}let f=e-p.length;if(u){let i=Array.isArray(l)?[...l]:[];i.splice(f,1),m?.(i.length>0?i:null);let r=[...s];r[f]?.startsWith("blob:")&&URL.revokeObjectURL(r[f]),r.splice(f,1),x(r);}else m?.(null),s[0]?.startsWith("blob:")&&URL.revokeObjectURL(s[0]),x([]);z?.(e);},B=(e,t)=>{t<p.length;let i=typeof e=="string"?(Array.isArray(y)?y[t]:y)||"Uploaded Document":e.name,r=t-p.length,n=typeof e=="string"?e:s[r]||(Array.isArray(R)?R[r]:$),h=i.toLowerCase().endsWith(".pdf")||typeof e!="string"&&e.type==="application/pdf",v=j==="image"||i.toLowerCase().match(/\.(jpg|jpeg|png|gif|webp)$/i);return jsxs("div",{className:"fuf-preview-item",children:[jsxs("div",{className:"fuf-file-info",children:[v&&n?jsx("img",{className:"fuf-thumbnail",src:n,alt:i}):h?jsx("i",{className:"ti ti-file-type-pdf fuf-file-icon pdf"}):jsx("i",{className:"ti ti-file fuf-file-icon general"}),jsx("span",{className:"fuf-file-name",title:i,children:i})]}),jsxs("div",{className:"fuf-actions",children:[(h||v)&&n&&jsx("button",{type:"button",className:"fuf-action-btn view",onClick:()=>window.open(n,"_blank"),title:"View",children:jsx("i",{className:"ti ti-eye"})}),!g&&jsx("button",{type:"button",className:"fuf-action-btn remove",onClick:()=>q(t),title:"Remove",children:jsx("i",{className:"ti ti-x"})})]})]},`${i}-${t}`)};return jsxs(Fragment,{children:[jsx("style",{dangerouslySetInnerHTML:{__html:J}}),jsxs("div",{className:`fuf-root ${S}`,style:{...a(O),...T},children:[N&&jsxs("label",{className:`fuf-label ${d?"error":""}`,children:[N," ",I&&jsx("span",{className:"fuf-required",children:"*"})]}),(!w.length||u)&&!g&&jsxs("div",{className:`fuf-dropzone ${d?"error":""} ${c?"disabled":""}`,onClick:()=>!c&&F.current?.click(),children:[jsx("i",{className:"ti ti-upload fuf-upload-icon"}),jsx("span",{className:"fuf-upload-text",children:c?"Upload disabled":"Click to upload"}),jsxs("span",{className:"fuf-format-text",children:["(Supported formats: ",k.replace(/\./g,"").toUpperCase(),")"]}),jsx("input",{type:"file",className:"fuf-hidden-input",ref:F,onChange:W,accept:k,disabled:c,multiple:u})]}),w.length>0&&jsx("div",{className:"fuf-preview-list",children:w.map((e,t)=>B(e,t))}),d&&jsx("span",{className:"fuf-error-message",children:d})]})]})});K.displayName="FileUploadField";
+export{K as a};//# sourceMappingURL=chunk-PL2R3LYL.mjs.map
+//# sourceMappingURL=chunk-PL2R3LYL.mjs.map

package/dist/chunk-PL2R3LYL.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/FileUploadField/FileUploadField.tsx"],"names":["STYLES","FileUploadField","forwardRef","props","ref","label","required","error","accept","maxSizeMB","disabled","uploadType","multiple","value","onChange","onDelete","previewUrl","previewUrls","existingFileUrl","existingFileName","editMode","viewMode","className","style","sx","useEffect","cdnId","link","existingFiles","currentFiles","filesToRender","isReadOnly","inputRef","useRef","useImperativeHandle","internalPreviews","setInternalPreviews","useState","url","handleFileChange","files","fileList","validFiles","newPreviews","file","toast","prev","updatedFiles","handleRemove","index","currentFileIndex","currentPreviews","renderFileRow","fileName","fileUrl","isPdf","isImage","jsxs","jsx","Fragment","handleSx","idx"],"mappings":"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","file":"chunk-PL2R3LYL.mjs","sourcesContent":["'use client';\n\nimport React, { forwardRef, useImperativeHandle, useRef, useState, useEffect } from 'react';\nimport { toast } from 'react-toastify';\nimport { handleSx } from '../../utils/handleSx';\nimport { FileUploadFieldProps } from './FileUploadField.types';\n\nconst STYLES = `\n  .fuf-root {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    font-family: 'Inter', system-ui, -apple-system, sans-serif;\n    width: 100%;\n  }\n\n  .fuf-label {\n    font-size: 14px;\n    font-weight: 500;\n    color: #64748b;\n    margin-bottom: 4px;\n  }\n\n  .fuf-label.error {\n    color: #ef4444;\n  }\n\n  .fuf-required {\n    color: #ef4444;\n    margin-left: 2px;\n  }\n\n  .fuf-dropzone {\n    border: 2px dashed #cbd5e1;\n    border-radius: 12px;\n    padding: 32px;\n    text-align: center;\n    cursor: pointer;\n    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);\n    background: #f8fafc;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .fuf-dropzone:hover {\n    border-color: #3b82f6;\n    background: #eff6ff;\n    transform: translateY(-1px);\n    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);\n  }\n\n  .fuf-dropzone.error {\n    border-color: #ef4444;\n    background: #fef2f2;\n  }\n\n  .fuf-dropzone.error:hover {\n    border-color: #dc2626;\n  }\n\n  .fuf-dropzone.disabled {\n    cursor: not-allowed;\n    opacity: 0.6;\n  }\n\n  .fuf-dropzone.disabled:hover {\n    transform: none;\n    box-shadow: none;\n    border-color: #cbd5e1;\n    background: #f8fafc;\n  }\n\n  .fuf-upload-icon {\n    color: #3b82f6;\n    font-size: 48px;\n    margin-bottom: 8px;\n    display: block;\n  }\n\n  .fuf-dropzone.error .fuf-upload-icon {\n    color: #ef4444;\n  }\n\n  .fuf-upload-text {\n    font-size: 16px;\n    font-weight: 500;\n    color: #334155;\n  }\n\n  .fuf-format-text {\n    font-size: 12px;\n    color: #94a3b8;\n  }\n\n  .fuf-preview-list {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    margin-top: 8px;\n  }\n\n  .fuf-preview-item {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 12px 16px;\n    background: white;\n    border: 1px solid #e2e8f0;\n    border-radius: 12px;\n    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1);\n    transition: all 0.2s ease;\n  }\n\n  .fuf-preview-item:hover {\n    border-color: #cbd5e1;\n    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);\n  }\n\n  .fuf-file-info {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    min-width: 0;\n  }\n\n  .fuf-thumbnail {\n    width: 40px;\n    height: 40px;\n    object-fit: cover;\n    border-radius: 8px;\n    border: 1px solid #f1f5f9;\n  }\n\n  .fuf-file-icon {\n    font-size: 24px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .fuf-file-icon.pdf {\n    color: #ef4444;\n  }\n\n  .fuf-file-icon.general {\n    color: #3b82f6;\n  }\n\n  .fuf-file-name {\n    font-size: 14px;\n    color: #1e293b;\n    font-weight: 500;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    max-width: 240px;\n  }\n\n  .fuf-actions {\n    display: flex;\n    align-items: center;\n    gap: 4px;\n  }\n\n  .fuf-action-btn {\n    padding: 8px;\n    border-radius: 8px;\n    border: none;\n    background: transparent;\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.2s ease;\n    color: #64748b;\n  }\n\n  .fuf-action-btn i {\n    font-size: 18px;\n  }\n\n  .fuf-action-btn.view:hover {\n    color: #3b82f6;\n    background: #eff6ff;\n  }\n\n  .fuf-action-btn.remove:hover {\n    color: #ef4444;\n    background: #fef2f2;\n  }\n\n  .fuf-error-message {\n    font-size: 12px;\n    color: #ef4444;\n    margin-top: 4px;\n  }\n\n  .fuf-hidden-input {\n    display: none;\n  }\n`;\n\n/**\n * FileUploadField component for single or multiple file uploads with preview support.\n */\nexport const FileUploadField = forwardRef<HTMLInputElement, FileUploadFieldProps>((props, ref) => {\n  const {\n    label,\n    required,\n    error,\n    accept = '.pdf,.doc,.docx',\n    maxSizeMB = 10,\n    disabled,\n    uploadType,\n    multiple,\n    value,\n    onChange,\n    onDelete,\n    previewUrl,\n    previewUrls,\n    existingFileUrl,\n    existingFileName,\n    editMode = true,\n    viewMode = false,\n    className = '',\n    style,\n    sx,\n  } = props;\n\n  // Inject Tabler Icons CDN if not present\n  useEffect(() => {\n    const cdnId = 'tabler-icons-cdn';\n    if (!document.getElementById(cdnId)) {\n      const link = document.createElement('link');\n      link.id = cdnId;\n      link.rel = 'stylesheet';\n      link.href = 'https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@latest/dist/tabler-icons.min.css';\n      document.head.appendChild(link);\n    }\n  }, []);\n\n  const existingFiles = Array.isArray(existingFileUrl)\n    ? existingFileUrl\n    : existingFileUrl ? [existingFileUrl] : [];\n\n  const currentFiles = Array.isArray(value)\n    ? value\n    : value ? [value] : [];\n\n  const filesToRender = [...existingFiles, ...currentFiles];\n  const isReadOnly = disabled || viewMode || !editMode;\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  useImperativeHandle(ref, () => inputRef.current!);\n\n  const [internalPreviews, setInternalPreviews] = useState<string[]>([]);\n\n  // Cleanup object URLs on unmount\n  useEffect(() => {\n    return () => {\n      internalPreviews.forEach((url) => {\n        if (url.startsWith('blob:')) {\n          URL.revokeObjectURL(url);\n        }\n      });\n    };\n  }, [internalPreviews]);\n\n  const handleFileChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (isReadOnly) return;\n    const files = e.target.files;\n    if (!files || files.length === 0) return;\n\n    const fileList = Array.from(files);\n    const validFiles: File[] = [];\n    const newPreviews: string[] = [];\n\n    for (const file of fileList) {\n      if (file.size > maxSizeMB * 1024 * 1024) {\n        toast.error(`File \"${file.name}\" exceeds the maximum size of ${maxSizeMB}MB`);\n        continue;\n      }\n      validFiles.push(file);\n      newPreviews.push(URL.createObjectURL(file));\n    }\n\n    if (validFiles.length === 0) {\n      e.target.value = '';\n      return;\n    }\n\n    if (multiple) {\n      setInternalPreviews((prev) => [...prev, ...newPreviews]);\n      const currentFiles = Array.isArray(value) ? value : [];\n      const updatedFiles = [...currentFiles, ...validFiles];\n      (onChange as (files: File[] | null) => void)?.(updatedFiles);\n    } else {\n      if (internalPreviews[0]?.startsWith('blob:')) {\n        URL.revokeObjectURL(internalPreviews[0]);\n      }\n      setInternalPreviews(newPreviews);\n      (onChange as (file: File | null) => void)?.(validFiles[0]);\n    }\n\n    e.target.value = '';\n  };\n\n  const handleRemove = (index: number) => {\n    if (isReadOnly) return;\n\n    const isExisting = index < existingFiles.length;\n    if (isExisting) {\n      onDelete?.(index);\n      return;\n    }\n\n    const currentFileIndex = index - existingFiles.length;\n\n    if (multiple) {\n      const currentFiles = Array.isArray(value) ? [...value] : [];\n      currentFiles.splice(currentFileIndex, 1);\n      (onChange as (files: File[] | null) => void)?.(currentFiles.length > 0 ? currentFiles : null);\n\n      const currentPreviews = [...internalPreviews];\n      if (currentPreviews[currentFileIndex]?.startsWith('blob:')) {\n        URL.revokeObjectURL(currentPreviews[currentFileIndex]);\n      }\n      currentPreviews.splice(currentFileIndex, 1);\n      setInternalPreviews(currentPreviews);\n    } else {\n      (onChange as (file: File | null) => void)?.(null);\n      if (internalPreviews[0]?.startsWith('blob:')) {\n        URL.revokeObjectURL(internalPreviews[0]);\n      }\n      setInternalPreviews([]);\n    }\n    onDelete?.(index);\n  };\n\n  const renderFileRow = (file: File | string, index: number) => {\n    const isExisting = index < existingFiles.length;\n    const fileName = typeof file === 'string'\n      ? (Array.isArray(existingFileName) ? existingFileName[index] : existingFileName) || 'Uploaded Document'\n      : file.name;\n\n    const currentFileIndex = index - existingFiles.length;\n    const fileUrl = typeof file === 'string'\n      ? file\n      : internalPreviews[currentFileIndex] || (Array.isArray(previewUrls) ? previewUrls[currentFileIndex] : previewUrl);\n\n    const isPdf = fileName.toLowerCase().endsWith('.pdf') || (typeof file !== 'string' && file.type === 'application/pdf');\n    const isImage = uploadType === 'image' || fileName.toLowerCase().match(/\\.(jpg|jpeg|png|gif|webp)$/i);\n\n    return (\n      <div className=\"fuf-preview-item\" key={`${fileName}-${index}`}>\n        <div className=\"fuf-file-info\">\n          {isImage && fileUrl ? (\n            <img className=\"fuf-thumbnail\" src={fileUrl} alt={fileName} />\n          ) : isPdf ? (\n            <i className=\"ti ti-file-type-pdf fuf-file-icon pdf\"></i>\n          ) : (\n            <i className=\"ti ti-file fuf-file-icon general\"></i>\n          )}\n          <span className=\"fuf-file-name\" title={fileName}>\n            {fileName}\n          </span>\n        </div>\n        <div className=\"fuf-actions\">\n          {(isPdf || isImage) && fileUrl && (\n            <button\n              type=\"button\"\n              className=\"fuf-action-btn view\"\n              onClick={() => window.open(fileUrl, '_blank')}\n              title=\"View\"\n            >\n              <i className=\"ti ti-eye\"></i>\n            </button>\n          )}\n          {!isReadOnly && (\n            <button\n              type=\"button\"\n              className=\"fuf-action-btn remove\"\n              onClick={() => handleRemove(index)}\n              title=\"Remove\"\n            >\n              <i className=\"ti ti-x\"></i>\n            </button>\n          )}\n        </div>\n      </div>\n    );\n  };\n\n  return (\n    <>\n      <style dangerouslySetInnerHTML={{ __html: STYLES }} />\n      <div className={`fuf-root ${className}`} style={{ ...handleSx(sx), ...style }}>\n        {label && (\n          <label className={`fuf-label ${error ? 'error' : ''}`}>\n            {label} {required && <span className=\"fuf-required\">*</span>}\n          </label>\n        )}\n\n        {(!filesToRender.length || multiple) && !isReadOnly && (\n          <div\n            className={`fuf-dropzone ${error ? 'error' : ''} ${disabled ? 'disabled' : ''}`}\n            onClick={() => !disabled && inputRef.current?.click()}\n          >\n            <i className=\"ti ti-upload fuf-upload-icon\"></i>\n            <span className=\"fuf-upload-text\">\n              {disabled ? 'Upload disabled' : 'Click to upload'}\n            </span>\n            <span className=\"fuf-format-text\">\n              (Supported formats: {accept.replace(/\\./g, '').toUpperCase()})\n            </span>\n            <input\n              type=\"file\"\n              className=\"fuf-hidden-input\"\n              ref={inputRef}\n              onChange={handleFileChange}\n              accept={accept}\n              disabled={disabled}\n              multiple={multiple}\n            />\n          </div>\n        )}\n\n        {filesToRender.length > 0 && (\n          <div className=\"fuf-preview-list\">\n            {filesToRender.map((file, idx) => renderFileRow(file, idx))}\n          </div>\n        )}\n\n        {error && (\n          <span className=\"fuf-error-message\">\n            {error}\n          </span>\n        )}\n      </div>\n    </>\n  );\n});\n\nFileUploadField.displayName = 'FileUploadField';\n"]}

package/dist/chunk-PPQ7NSV3.js

@@ -0,0 +1,97 @@
+'use strict';var chunkDDGBDWFC_js=require('./chunk-DDGBDWFC.js'),react=require('react'),jsxRuntime=require('react/jsx-runtime');var m=react.createContext(void 0);var N=`
+  .ui-radio-group {
+    display: flex;
+    flex-direction: column;
+    flex-wrap: wrap;
+  }
+`,S=react.forwardRef((f,g)=>{let{children:a,className:n,defaultValue:t,name:h,onChange:d,value:s,sx:r,...x}=f,v=react.useId(),l=h||`radio-group-${v}`,[b,o]=react.useState(t),c=s!==void 0,y={name:l,onChange:k=>{let z=k.target.value;c||o(z),d&&d(k,z);},value:c?s:b},p=typeof r=="object"&&!Array.isArray(r)?{...r}:{};return jsxRuntime.jsxs(m.Provider,{value:y,children:[jsxRuntime.jsx("style",{dangerouslySetInnerHTML:{__html:N}}),jsxRuntime.jsx("div",{ref:g,role:"radiogroup",className:chunkDDGBDWFC_js.a("ui-radio-group",n),style:p,...x,children:a})]})});S.displayName="RadioGroup";var H=()=>jsxRuntime.jsx("svg",{focusable:"false","aria-hidden":"true",viewBox:"0 0 24 24",fill:"currentColor",width:"1em",height:"1em",children:jsxRuntime.jsx("path",{d:"M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"})}),V=()=>jsxRuntime.jsx("svg",{focusable:"false","aria-hidden":"true",viewBox:"0 0 24 24",fill:"currentColor",width:"1em",height:"1em",children:jsxRuntime.jsx("path",{d:"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"})}),A=`
+  .ui-radio {
+    display: inline-flex;
+    align-items: center;
+    position: relative;
+    box-sizing: border-box;
+    cursor: pointer;
+    vertical-align: middle;
+    gap: 5px;
+    padding: 2px;
+  }
+
+  .ui-radio--disabled {
+    cursor: default;
+    opacity: 0.5;
+  }
+
+  .ui-radio-container {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+    padding: 9px;
+    border-radius: 50%;
+    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+    color: #64748b;
+  }
+
+  .ui-radio-container:hover {
+    background-color: rgba(15, 23, 42, 0.04);
+  }
+
+  .ui-radio-input {
+    cursor: inherit;
+    position: absolute;
+    opacity: 0;
+    width: 100%;
+    height: 100%;
+    top: 0;
+    left: 0;
+    margin: 0;
+    padding: 0;
+    z-index: 1;
+  }
+
+  /* Colors */
+  .ui-radio--primary .ui-radio--checked {
+    color: #3b82f6;
+  }
+  .ui-radio--primary .ui-radio-container:hover {
+    background-color: rgba(59, 130, 246, 0.04);
+  }
+
+  .ui-radio--secondary .ui-radio--checked {
+    color: #9333ea;
+  }
+  .ui-radio--secondary .ui-radio-container:hover {
+    background-color: rgba(147, 51, 234, 0.04);
+  }
+
+  .ui-radio--error .ui-radio--checked {
+    color: #ef4444;
+  }
+  .ui-radio--error .ui-radio-container:hover {
+    background-color: rgba(239, 68, 68, 0.04);
+  }
+
+  /* Sizes */
+  .ui-radio--small .ui-radio-container {
+    padding: 7px;
+  }
+  .ui-radio--small svg {
+    font-size: 1.25rem;
+  }
+
+  .ui-radio--medium svg {
+    font-size: 1.5rem;
+  }
+
+  .ui-radio-icon {
+    display: flex;
+    font-size: 1.5rem;
+  }
+
+  .ui-radio-label {
+    font-size: 0.875rem;
+    font-family: inherit;
+    color: #1e293b;
+  }
+`,_=react.forwardRef((f,g)=>{let{value:a,children:n,disabled:t=false,color:h="primary",size:d="medium",className:s,sx:r,name:x,checked:v,onChange:l,...b}=f,o=react.useContext(m),c=o?o.name:x,u=o?o.value===a:v,R=p=>{l&&l(p),o&&o.onChange&&o.onChange(p,a);},y=typeof r=="object"&&!Array.isArray(r)?{...r}:{};return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("style",{dangerouslySetInnerHTML:{__html:A}}),jsxRuntime.jsxs("label",{className:chunkDDGBDWFC_js.a("ui-radio",`ui-radio--${h}`,`ui-radio--${d}`,t&&"ui-radio--disabled",s),style:y,children:[jsxRuntime.jsxs("span",{className:chunkDDGBDWFC_js.a("ui-radio-container",u&&"ui-radio--checked"),children:[jsxRuntime.jsx("input",{type:"radio",ref:g,name:c,value:a,checked:u,disabled:t,onChange:R,className:"ui-radio-input",...b}),jsxRuntime.jsx("span",{className:"ui-radio-icon",children:u?jsxRuntime.jsx(H,{}):jsxRuntime.jsx(V,{})})]}),n&&jsxRuntime.jsx("span",{className:"ui-radio-label",children:n})]})]})});_.displayName="Radio";exports.a=m;exports.b=S;exports.c=H;exports.d=V;exports.e=_;//# sourceMappingURL=chunk-PPQ7NSV3.js.map
+//# sourceMappingURL=chunk-PPQ7NSV3.js.map

package/dist/chunk-PPQ7NSV3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/RadioGroup/RadioGroupContext.ts","../src/components/RadioGroup/RadioGroup.tsx","../src/components/RadioGroup/Radio.tsx"],"names":["RadioGroupContext","createContext","STYLES","RadioGroup","forwardRef","props","ref","children","className","defaultValue","nameProp","onChange","valueProp","sx","rest","generatedId","useId","name","internalValue","setInternalValue","useState","isControlled","contextValue","event","newValue","style","jsxs","jsx","cn","RadioIcon","RadioUncheckedIcon","Radio","value","disabled","color","size","checkedProp","onChangeProp","context","useContext","isChecked","handleChange","Fragment"],"mappings":"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","file":"chunk-PPQ7NSV3.js","sourcesContent":["import { createContext, ChangeEvent } from 'react';\n\nexport interface RadioGroupContextValue {\n  name?: string;\n  onChange?: (event: ChangeEvent<HTMLInputElement>, value: string) => void;\n  value?: any;\n}\n\nexport const RadioGroupContext = createContext<RadioGroupContextValue | undefined>(undefined);\n","'use client';\n\nimport React, { forwardRef, useState, useId } from 'react';\nimport { cn } from '../../utils/cn';\nimport { RadioGroupProps } from './types';\nimport { RadioGroupContext } from './RadioGroupContext';\n\nconst STYLES = `\n  .ui-radio-group {\n    display: flex;\n    flex-direction: column;\n    flex-wrap: wrap;\n  }\n`;\n\nexport const RadioGroup = forwardRef<HTMLDivElement, RadioGroupProps>((props, ref) => {\n  const {\n    children,\n    className,\n    defaultValue,\n    name: nameProp,\n    onChange,\n    value: valueProp,\n    sx,\n    ...rest\n  } = props;\n\n  const generatedId = useId();\n  const name = nameProp || `radio-group-${generatedId}`;\n\n  const [internalValue, setInternalValue] = useState(defaultValue);\n  const isControlled = valueProp !== undefined;\n  const value = isControlled ? valueProp : internalValue;\n\n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const newValue = event.target.value;\n    \n    if (!isControlled) {\n      setInternalValue(newValue);\n    }\n\n    if (onChange) {\n      onChange(event, newValue);\n    }\n  };\n\n  const contextValue = {\n    name,\n    onChange: handleChange,\n    value,\n  };\n\n  const style = typeof sx === 'object' && !Array.isArray(sx) ? { ...sx } : {};\n\n  return (\n    <RadioGroupContext.Provider value={contextValue}>\n      <style dangerouslySetInnerHTML={{ __html: STYLES }} />\n      <div\n        ref={ref}\n        role=\"radiogroup\"\n        className={cn('ui-radio-group', className)}\n        style={style}\n        {...rest}\n      >\n        {children}\n      </div>\n    </RadioGroupContext.Provider>\n  );\n});\n\nRadioGroup.displayName = 'RadioGroup';\n\nexport default RadioGroup;\n","'use client';\n\nimport React, { forwardRef, useContext } from 'react';\nimport { cn } from '../../utils/cn';\nimport { RadioProps } from './types';\nimport { RadioGroupContext } from './RadioGroupContext';\n\nexport const RadioIcon = () => (\n  <svg focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"1em\" height=\"1em\">\n    <path d=\"M12 7c-2.76 0-5 2.24-5 5s2.24 5 5 5 5-2.24 5-5-2.24-5-5-5zm0-5C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z\"></path>\n  </svg>\n);\n\nexport const RadioUncheckedIcon = () => (\n  <svg focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" fill=\"currentColor\" width=\"1em\" height=\"1em\">\n    <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z\"></path>\n  </svg>\n);\n\nconst STYLES = `\n  .ui-radio {\n    display: inline-flex;\n    align-items: center;\n    position: relative;\n    box-sizing: border-box;\n    cursor: pointer;\n    vertical-align: middle;\n    gap: 5px;\n    padding: 2px;\n  }\n\n  .ui-radio--disabled {\n    cursor: default;\n    opacity: 0.5;\n  }\n\n  .ui-radio-container {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    padding: 9px;\n    border-radius: 50%;\n    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n    color: #64748b;\n  }\n\n  .ui-radio-container:hover {\n    background-color: rgba(15, 23, 42, 0.04);\n  }\n\n  .ui-radio-input {\n    cursor: inherit;\n    position: absolute;\n    opacity: 0;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    margin: 0;\n    padding: 0;\n    z-index: 1;\n  }\n\n  /* Colors */\n  .ui-radio--primary .ui-radio--checked {\n    color: #3b82f6;\n  }\n  .ui-radio--primary .ui-radio-container:hover {\n    background-color: rgba(59, 130, 246, 0.04);\n  }\n\n  .ui-radio--secondary .ui-radio--checked {\n    color: #9333ea;\n  }\n  .ui-radio--secondary .ui-radio-container:hover {\n    background-color: rgba(147, 51, 234, 0.04);\n  }\n\n  .ui-radio--error .ui-radio--checked {\n    color: #ef4444;\n  }\n  .ui-radio--error .ui-radio-container:hover {\n    background-color: rgba(239, 68, 68, 0.04);\n  }\n\n  /* Sizes */\n  .ui-radio--small .ui-radio-container {\n    padding: 7px;\n  }\n  .ui-radio--small svg {\n    font-size: 1.25rem;\n  }\n\n  .ui-radio--medium svg {\n    font-size: 1.5rem;\n  }\n\n  .ui-radio-icon {\n    display: flex;\n    font-size: 1.5rem;\n  }\n\n  .ui-radio-label {\n    font-size: 0.875rem;\n    font-family: inherit;\n    color: #1e293b;\n  }\n`;\n\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>((props, ref) => {\n  const {\n    value,\n    children,\n    disabled = false,\n    color = 'primary',\n    size = 'medium',\n    className,\n    sx,\n    name: nameProp,\n    checked: checkedProp,\n    onChange: onChangeProp,\n    ...rest\n  } = props;\n\n  const context = useContext(RadioGroupContext);\n\n  const name = context ? context.name : nameProp;\n  const isChecked = context ? context.value === value : checkedProp;\n  \n  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    if (onChangeProp) {\n      onChangeProp(event);\n    }\n    if (context && context.onChange) {\n      context.onChange(event, value);\n    }\n  };\n\n  const style = typeof sx === 'object' && !Array.isArray(sx) ? { ...sx } : {};\n\n  return (\n    <>\n      <style dangerouslySetInnerHTML={{ __html: STYLES }} />\n      <label\n        className={cn(\n          'ui-radio',\n          `ui-radio--${color}`,\n          `ui-radio--${size}`,\n          disabled && 'ui-radio--disabled',\n          className\n        )}\n        style={style}\n      >\n        <span className={cn('ui-radio-container', isChecked && 'ui-radio--checked')}>\n          <input\n            type=\"radio\"\n            ref={ref}\n            name={name}\n            value={value}\n            checked={isChecked}\n            disabled={disabled}\n            onChange={handleChange}\n            className=\"ui-radio-input\"\n            {...rest}\n          />\n          <span className=\"ui-radio-icon\">\n            {isChecked ? <RadioIcon /> : <RadioUncheckedIcon />}\n          </span>\n        </span>\n        {children && <span className=\"ui-radio-label\">{children}</span>}\n      </label>\n    </>\n  );\n});\n\nRadio.displayName = 'Radio';\n\nexport default Radio;\n"]}