dhanasekar-ui 1.2.0 → 1.4.0

package/dist/chunk-2CO3UUBT.js

@@ -0,0 +1,170 @@
+'use strict';var chunkDDGBDWFC_js=require('./chunk-DDGBDWFC.js'),fe=require('react'),jsxRuntime=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var fe__default=/*#__PURE__*/_interopDefault(fe);var xe=`
+  .ui-slider-root {
+    position: relative;
+    display: inline-block;
+    width: 100%;
+    height: 4px;
+    padding: 13px 0;
+    cursor: pointer;
+    touch-action: none;
+    -webkit-tap-highlight-color: transparent;
+  }
+
+  .ui-slider-root.ui-slider-vertical {
+    width: 4px;
+    height: 100%;
+    padding: 0 13px;
+  }
+
+  .ui-slider-root.ui-slider-disabled {
+    pointer-events: none;
+    cursor: default;
+    opacity: 0.5;
+  }
+
+  .ui-slider-rail {
+    position: absolute;
+    width: 100%;
+    height: 4px;
+    border-radius: 2px;
+    background-color: #e2e8f0;
+    opacity: 0.38;
+  }
+
+  .ui-slider-vertical .ui-slider-rail {
+    width: 4px;
+    height: 100%;
+  }
+
+  .ui-slider-track {
+    position: absolute;
+    height: 4px;
+    border-radius: 2px;
+    background-color: var(--slider-color, #3b82f6);
+    transition: left 0.1s, width 0.1s, bottom 0.1s, height 0.1s;
+  }
+
+  .ui-slider-vertical .ui-slider-track {
+    width: 4px;
+  }
+
+  .ui-slider-thumb {
+    position: absolute;
+    width: 20px;
+    height: 20px;
+    margin-left: -10px;
+    margin-top: -8px;
+    border-radius: 50%;
+    background-color: var(--slider-color, #3b82f6);
+    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    outline: none;
+    transition: box-shadow 0.2s, left 0.1s, bottom 0.1s;
+  }
+
+  .ui-slider-vertical .ui-slider-thumb {
+    margin-left: -8px;
+    margin-bottom: -10px;
+  }
+
+  .ui-slider-thumb:hover, .ui-slider-thumb.ui-slider-active {
+    box-shadow: 0 0 0 8px rgba(59, 130, 246, 0.16);
+  }
+
+  .ui-slider-thumb:focus-visible {
+    box-shadow: 0 0 0 8px rgba(59, 130, 246, 0.3);
+  }
+
+  .ui-slider-small {
+    padding: 7px 0;
+  }
+  
+  .ui-slider-small.ui-slider-vertical {
+    padding: 0 7px;
+  }
+
+  .ui-slider-small .ui-slider-rail, 
+  .ui-slider-small .ui-slider-track {
+    height: 2px;
+  }
+
+  .ui-slider-small.ui-slider-vertical .ui-slider-rail,
+  .ui-slider-small.ui-slider-vertical .ui-slider-track {
+    width: 2px;
+  }
+
+  .ui-slider-small .ui-slider-thumb {
+    width: 12px;
+    height: 12px;
+    margin-left: -6px;
+    margin-top: -5px;
+  }
+
+  .ui-slider-small.ui-slider-vertical .ui-slider-thumb {
+    margin-left: -5px;
+    margin-bottom: -6px;
+  }
+
+  .ui-slider-mark {
+    position: absolute;
+    width: 2px;
+    height: 2px;
+    border-radius: 50%;
+    background-color: currentColor;
+    opacity: 0.38;
+  }
+
+  .ui-slider-mark-active {
+    background-color: #fff;
+    opacity: 1;
+  }
+
+  .ui-slider-mark-label {
+    position: absolute;
+    top: 30px;
+    transform: translateX(-50%);
+    font-size: 0.875rem;
+    color: #64748b;
+    white-space: nowrap;
+  }
+
+  .ui-slider-vertical .ui-slider-mark-label {
+    top: auto;
+    left: 30px;
+    transform: translateY(50%);
+  }
+
+  .ui-slider-value-label {
+    position: absolute;
+    bottom: 100%;
+    left: 50%;
+    transform: translateX(-50%) translateY(-10px);
+    background-color: #1e293b;
+    color: #fff;
+    padding: 2px 6px;
+    border-radius: 4px;
+    font-size: 0.75rem;
+    white-space: nowrap;
+    opacity: 0;
+    transition: opacity 0.2s, transform 0.2s;
+    pointer-events: none;
+  }
+
+  .ui-slider-thumb:hover .ui-slider-value-label,
+  .ui-slider-active .ui-slider-value-label,
+  .ui-slider-value-label-on {
+    opacity: 1;
+    transform: translateX(-50%) translateY(-14px);
+  }
+
+  /* Colors */
+  .ui-slider-primary { --slider-color: #3b82f6; }
+  .ui-slider-secondary { --slider-color: #9333ea; }
+  .ui-slider-error { --slider-color: #ef4444; }
+  .ui-slider-info { --slider-color: #06b6d4; }
+  .ui-slider-success { --slider-color: #22c55e; }
+  .ui-slider-warning { --slider-color: #f59e0b; }
+`,ye=fe.forwardRef((Z,V)=>{let{"aria-label":ee,"aria-labelledby":te,"aria-valuetext":ie,className:ae,classes:h={},color:re="primary",defaultValue:H,disabled:g=false,disableSwap:K=false,getAriaLabel:_,getAriaValueText:U,marks:x=false,max:m=100,min:s=0,name:le,onChange:D,onChangeCommitted:N,orientation:u="horizontal",scale:se=e=>e,shiftStep:B=10,size:oe="medium",slotProps:f={},slots:O={},step:v=1,sx:ne,tabIndex:ue,track:R="normal",value:S,valueLabelDisplay:j="off",valueLabelFormat:Y=e=>e,...ce}=Z,X=fe.useRef(null),[de,me]=fe.useState(H!==void 0?H:S!==void 0?S:s),[c,P]=fe.useState(-1),I=S!==void 0,T=I?S:de,a=Array.isArray(T),r=fe.useMemo(()=>a?[...T].sort((e,t)=>e-t):[T],[T,a]),y=fe.useCallback((e,t,l)=>{g||(I||me(e),D&&D(l,e,t));},[g,I,D]),z=fe.useCallback(e=>{if(!X.current)return s;let t=X.current.getBoundingClientRect(),l;u==="vertical"?l=(t.bottom-e)/t.height:l=(e-t.left)/t.width,l=Math.max(0,Math.min(1,l));let o=s+l*(m-s);return v!==null?o=Math.round((o-s)/v)*v+s:Array.isArray(x)&&(o=x.map(i=>i.value).reduce((i,p)=>Math.abs(p-o)<Math.abs(i-o)?p:i)),o=Math.max(s,Math.min(m,o)),o},[m,s,u,v,x]),k=fe.useCallback(e=>{if(c===-1)return;let t="touches"in e?e.touches[0].clientX:e.clientX,l="touches"in e?e.touches[0].clientY:e.clientY,n=z(u==="vertical"?l:t),i=[...r];if(a){if(K)c===0?i[0]=Math.min(n,r[1]):i[1]=Math.max(n,r[0]);else {i[c]=n,i.sort((L,M)=>L-M);let p=i.indexOf(n);P(p);}y(i,c,e);}else y(n,0,e);},[c,K,z,y,a,u,r]),E=fe.useCallback(e=>{c!==-1&&(N&&N(e,a?r:r[0]),P(-1));},[c,a,N,r]);fe.useEffect(()=>(c!==-1&&(window.addEventListener("mousemove",k),window.addEventListener("mouseup",E),window.addEventListener("touchmove",k,{passive:false}),window.addEventListener("touchend",E)),()=>{window.removeEventListener("mousemove",k),window.removeEventListener("mouseup",E),window.removeEventListener("touchmove",k),window.removeEventListener("touchend",E);}),[c,k,E]);let q=e=>{if(g)return;let t="touches"in e?e.touches[0].clientX:e.clientX,l="touches"in e?e.touches[0].clientY:e.clientY,n=z(u==="vertical"?l:t),i=0;if(a){let L=Math.abs(r[0]-n),M=Math.abs(r[1]-n);i=L<=M?0:1;}P(i);let p=[...r];p[i]=n,y(a?p:n,i,e.nativeEvent);},A=e=>(e-s)/(m-s)*100,pe=fe.useMemo(()=>{if(R===false)return {display:"none"};let e=A(r[0]),t=a?A(r[1]):e;return u==="vertical"?R==="inverted"?{bottom:`${a?t:e}%`,height:`${100-(a?t:e)}%`}:{bottom:`${a?e:0}%`,height:`${a?t-e:e}%`}:R==="inverted"?{left:`${a?t:e}%`,width:`${100-(a?t:e)}%`}:{left:`${a?e:0}%`,width:`${a?t-e:e}%`}},[r,a,s,m,R,u]),be=(e,t)=>{let l=A(e),o=u==="vertical"?{bottom:`${l}%`}:{left:`${l}%`},n=O.thumb||"span",i=O.valueLabel||"span",p=U?U(e,t):ie,L=_?_(t):ee,M=F=>{if(g)return;let d=e,G=v||1;switch(F.key){case "ArrowUp":case "ArrowRight":d=e+G;break;case "ArrowDown":case "ArrowLeft":d=e-G;break;case "PageUp":d=e+B;break;case "PageDown":d=e-B;break;case "Home":d=s;break;case "End":d=m;break;default:return}F.preventDefault(),d=Math.max(s,Math.min(m,d));let J=[...r];J[t]=d,y(a?J:d,t,F.nativeEvent);};return jsxRuntime.jsxs(n,{className:chunkDDGBDWFC_js.a("ui-slider-thumb",c===t&&"ui-slider-active",h.thumb),style:o,role:"slider","aria-valuenow":e,"aria-valuemin":s,"aria-valuemax":m,"aria-orientation":u,"aria-label":L,"aria-labelledby":te,"aria-valuetext":p,tabIndex:g?-1:ue||0,onKeyDown:M,...f.thumb,children:[j!=="off"&&jsxRuntime.jsx(i,{className:chunkDDGBDWFC_js.a("ui-slider-value-label",j==="on"&&"ui-slider-value-label-on",h.valueLabel),...f.valueLabel,children:typeof Y=="function"?Y(se(e),t):Y}),jsxRuntime.jsx("input",{type:"hidden",name:le,value:e,...f.input})]},t)},he=()=>x?(Array.isArray(x)?x:Array.from({length:Math.floor((m-s)/(v||1))+1},(t,l)=>({value:s+l*(v||1),label:void 0}))).map((t,l)=>{let o=A(t.value),n=a?t.value>=r[0]&&t.value<=r[1]:t.value<=r[0],i=u==="vertical"?{bottom:`${o}%`}:{left:`${o}%`};return jsxRuntime.jsxs(fe__default.default.Fragment,{children:[jsxRuntime.jsx("span",{className:chunkDDGBDWFC_js.a("ui-slider-mark",n&&"ui-slider-mark-active",h.mark),style:i,...f.mark}),t.label&&jsxRuntime.jsx("span",{className:chunkDDGBDWFC_js.a("ui-slider-mark-label",h.markLabel),style:i,...f.markLabel,children:t.label})]},l)}):null;return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("style",{dangerouslySetInnerHTML:{__html:xe}}),jsxRuntime.jsxs("span",{ref:e=>{X.current=e,typeof V=="function"?V(e):V&&(V.current=e);},className:chunkDDGBDWFC_js.a("ui-slider-root",`ui-slider-${re}`,u==="vertical"&&"ui-slider-vertical",oe==="small"&&"ui-slider-small",g&&"ui-slider-disabled",h.root,ae),onMouseDown:q,onTouchStart:q,style:ne,...ce,children:[jsxRuntime.jsx("span",{className:chunkDDGBDWFC_js.a("ui-slider-rail",h.rail),...f.rail}),jsxRuntime.jsx("span",{className:chunkDDGBDWFC_js.a("ui-slider-track",h.track),style:pe,...f.track}),he(),r.map((e,t)=>be(e,t))]})]})});ye.displayName="Slider";exports.a=ye;//# sourceMappingURL=chunk-2CO3UUBT.js.map
+//# sourceMappingURL=chunk-2CO3UUBT.js.map

package/dist/chunk-2CO3UUBT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Slider/Slider.tsx"],"names":["STYLES","Slider","forwardRef","props","ref","ariaLabel","ariaLabelledby","ariaValueText","className","classes","color","defaultValue","disabled","disableSwap","getAriaLabel","getAriaValueText","marks","max","min","name","onChange","onChangeCommitted","orientation","scale","x","shiftStep","size","slotProps","slots","step","sx","tabIndex","track","valueProp","valueLabelDisplay","valueLabelFormat","other","rootRef","useRef","internalValue","setInternalValue","useState","activeThumb","setActiveThumb","isControlled","value","isRange","values","useMemo","a","b","handleValueChange","useCallback","newValue","index","event","getValueFromPosition","pos","rect","percent","m","prev","curr","handleDrag","clientX","clientY","newValues","newIndex","handleDragEnd","useEffect","handleMouseDown","clickValue","closestIndex","dist0","dist1","getPercent","val","trackStyle","p1","p2","renderThumb","positionStyle","ThumbComponent","ValueLabelComponent","ariaValuetext","ariaLabelValue","handleKeyDown","stepValue","jsxs","cn","jsx","renderMarks","_","i","mark","isActive","React","Fragment","node"],"mappings":"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","file":"chunk-2CO3UUBT.js","sourcesContent":["\nimport React, {\n  forwardRef,\n  useRef,\n  useState,\n  useEffect,\n  useCallback,\n  useMemo,\n} from 'react';\nimport { cn } from '../../utils/cn';\nimport { SliderProps } from './types';\n\nconst STYLES = `\n  .ui-slider-root {\n    position: relative;\n    display: inline-block;\n    width: 100%;\n    height: 4px;\n    padding: 13px 0;\n    cursor: pointer;\n    touch-action: none;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  .ui-slider-root.ui-slider-vertical {\n    width: 4px;\n    height: 100%;\n    padding: 0 13px;\n  }\n\n  .ui-slider-root.ui-slider-disabled {\n    pointer-events: none;\n    cursor: default;\n    opacity: 0.5;\n  }\n\n  .ui-slider-rail {\n    position: absolute;\n    width: 100%;\n    height: 4px;\n    border-radius: 2px;\n    background-color: #e2e8f0;\n    opacity: 0.38;\n  }\n\n  .ui-slider-vertical .ui-slider-rail {\n    width: 4px;\n    height: 100%;\n  }\n\n  .ui-slider-track {\n    position: absolute;\n    height: 4px;\n    border-radius: 2px;\n    background-color: var(--slider-color, #3b82f6);\n    transition: left 0.1s, width 0.1s, bottom 0.1s, height 0.1s;\n  }\n\n  .ui-slider-vertical .ui-slider-track {\n    width: 4px;\n  }\n\n  .ui-slider-thumb {\n    position: absolute;\n    width: 20px;\n    height: 20px;\n    margin-left: -10px;\n    margin-top: -8px;\n    border-radius: 50%;\n    background-color: var(--slider-color, #3b82f6);\n    box-shadow: 0 1px 3px rgba(0,0,0,0.2);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    outline: none;\n    transition: box-shadow 0.2s, left 0.1s, bottom 0.1s;\n  }\n\n  .ui-slider-vertical .ui-slider-thumb {\n    margin-left: -8px;\n    margin-bottom: -10px;\n  }\n\n  .ui-slider-thumb:hover, .ui-slider-thumb.ui-slider-active {\n    box-shadow: 0 0 0 8px rgba(59, 130, 246, 0.16);\n  }\n\n  .ui-slider-thumb:focus-visible {\n    box-shadow: 0 0 0 8px rgba(59, 130, 246, 0.3);\n  }\n\n  .ui-slider-small {\n    padding: 7px 0;\n  }\n  \n  .ui-slider-small.ui-slider-vertical {\n    padding: 0 7px;\n  }\n\n  .ui-slider-small .ui-slider-rail, \n  .ui-slider-small .ui-slider-track {\n    height: 2px;\n  }\n\n  .ui-slider-small.ui-slider-vertical .ui-slider-rail,\n  .ui-slider-small.ui-slider-vertical .ui-slider-track {\n    width: 2px;\n  }\n\n  .ui-slider-small .ui-slider-thumb {\n    width: 12px;\n    height: 12px;\n    margin-left: -6px;\n    margin-top: -5px;\n  }\n\n  .ui-slider-small.ui-slider-vertical .ui-slider-thumb {\n    margin-left: -5px;\n    margin-bottom: -6px;\n  }\n\n  .ui-slider-mark {\n    position: absolute;\n    width: 2px;\n    height: 2px;\n    border-radius: 50%;\n    background-color: currentColor;\n    opacity: 0.38;\n  }\n\n  .ui-slider-mark-active {\n    background-color: #fff;\n    opacity: 1;\n  }\n\n  .ui-slider-mark-label {\n    position: absolute;\n    top: 30px;\n    transform: translateX(-50%);\n    font-size: 0.875rem;\n    color: #64748b;\n    white-space: nowrap;\n  }\n\n  .ui-slider-vertical .ui-slider-mark-label {\n    top: auto;\n    left: 30px;\n    transform: translateY(50%);\n  }\n\n  .ui-slider-value-label {\n    position: absolute;\n    bottom: 100%;\n    left: 50%;\n    transform: translateX(-50%) translateY(-10px);\n    background-color: #1e293b;\n    color: #fff;\n    padding: 2px 6px;\n    border-radius: 4px;\n    font-size: 0.75rem;\n    white-space: nowrap;\n    opacity: 0;\n    transition: opacity 0.2s, transform 0.2s;\n    pointer-events: none;\n  }\n\n  .ui-slider-thumb:hover .ui-slider-value-label,\n  .ui-slider-active .ui-slider-value-label,\n  .ui-slider-value-label-on {\n    opacity: 1;\n    transform: translateX(-50%) translateY(-14px);\n  }\n\n  /* Colors */\n  .ui-slider-primary { --slider-color: #3b82f6; }\n  .ui-slider-secondary { --slider-color: #9333ea; }\n  .ui-slider-error { --slider-color: #ef4444; }\n  .ui-slider-info { --slider-color: #06b6d4; }\n  .ui-slider-success { --slider-color: #22c55e; }\n  .ui-slider-warning { --slider-color: #f59e0b; }\n`;\n\nexport const Slider = forwardRef<HTMLSpanElement, SliderProps>((props, ref) => {\n  const {\n    'aria-label': ariaLabel,\n    'aria-labelledby': ariaLabelledby,\n    'aria-valuetext': ariaValueText,\n    className,\n    classes = {},\n    color = 'primary',\n    defaultValue,\n    disabled = false,\n    disableSwap = false,\n    getAriaLabel,\n    getAriaValueText,\n    marks = false,\n    max = 100,\n    min = 0,\n    name,\n    onChange,\n    onChangeCommitted,\n    orientation = 'horizontal',\n    scale = (x: any) => x,\n    shiftStep = 10,\n    size = 'medium',\n    slotProps = {},\n    slots = {},\n    step = 1,\n    sx,\n    tabIndex,\n    track = 'normal',\n    value: valueProp,\n    valueLabelDisplay = 'off',\n    valueLabelFormat = (x: any) => x,\n    ...other\n  } = props;\n\n  const rootRef = useRef<HTMLSpanElement>(null);\n  const [internalValue, setInternalValue] = useState<number | number[]>(\n    defaultValue !== undefined ? defaultValue : (valueProp !== undefined ? valueProp : min)\n  );\n  const [activeThumb, setActiveThumb] = useState<number>(-1);\n\n  const isControlled = valueProp !== undefined;\n  const value = isControlled ? valueProp! : internalValue;\n  const isRange = Array.isArray(value);\n\n  const values = useMemo(() => (isRange ? [...value].sort((a, b) => a - b) : [value]), [value, isRange]);\n\n  const handleValueChange = useCallback(\n    (newValue: number | number[], index: number, event: React.SyntheticEvent | Event) => {\n      if (disabled) return;\n\n      if (!isControlled) {\n        setInternalValue(newValue);\n      }\n\n      if (onChange) {\n        onChange(event, newValue, index);\n      }\n    },\n    [disabled, isControlled, onChange]\n  );\n\n  const getValueFromPosition = useCallback(\n    (pos: number) => {\n      if (!rootRef.current) return min;\n      const rect = rootRef.current.getBoundingClientRect();\n      let percent: number;\n\n      if (orientation === 'vertical') {\n        percent = (rect.bottom - pos) / rect.height;\n      } else {\n        percent = (pos - rect.left) / rect.width;\n      }\n\n      percent = Math.max(0, Math.min(1, percent));\n      let newValue = min + percent * (max - min);\n\n      if (step !== null) {\n        newValue = Math.round((newValue - min) / step) * step + min;\n      } else if (Array.isArray(marks)) {\n        // Snap to nearest mark\n        const markValues = marks.map((m) => m.value);\n        newValue = markValues.reduce((prev, curr) =>\n          Math.abs(curr - newValue) < Math.abs(prev - newValue) ? curr : prev\n        );\n      }\n\n      // Clamp to min/max\n      newValue = Math.max(min, Math.min(max, newValue));\n      return newValue;\n    },\n    [max, min, orientation, step, marks]\n  );\n\n  const handleDrag = useCallback(\n    (event: MouseEvent | TouchEvent) => {\n      if (activeThumb === -1) return;\n\n      const clientX = 'touches' in event ? event.touches[0].clientX : (event as MouseEvent).clientX;\n      const clientY = 'touches' in event ? event.touches[0].clientY : (event as MouseEvent).clientY;\n      const pos = orientation === 'vertical' ? clientY : clientX;\n\n      const newValue = getValueFromPosition(pos);\n      const newValues = [...values];\n\n      if (isRange) {\n        if (!disableSwap) {\n          newValues[activeThumb] = newValue;\n          newValues.sort((a, b) => a - b);\n          // Update active thumb index if it swapped\n          const newIndex = newValues.indexOf(newValue);\n          setActiveThumb(newIndex);\n        } else {\n          // Clamp to other thumb\n          if (activeThumb === 0) {\n            newValues[0] = Math.min(newValue, values[1]);\n          } else {\n            newValues[1] = Math.max(newValue, values[0]);\n          }\n        }\n        handleValueChange(newValues, activeThumb, event);\n      } else {\n        handleValueChange(newValue, 0, event);\n      }\n    },\n    [activeThumb, disableSwap, getValueFromPosition, handleValueChange, isRange, orientation, values]\n  );\n\n  const handleDragEnd = useCallback(\n    (event: MouseEvent | TouchEvent) => {\n      if (activeThumb !== -1) {\n        if (onChangeCommitted) {\n          onChangeCommitted(event, isRange ? values : values[0]);\n        }\n        setActiveThumb(-1);\n      }\n    },\n    [activeThumb, isRange, onChangeCommitted, values]\n  );\n\n  useEffect(() => {\n    if (activeThumb !== -1) {\n      window.addEventListener('mousemove', handleDrag);\n      window.addEventListener('mouseup', handleDragEnd);\n      window.addEventListener('touchmove', handleDrag, { passive: false });\n      window.addEventListener('touchend', handleDragEnd);\n    }\n    return () => {\n      window.removeEventListener('mousemove', handleDrag);\n      window.removeEventListener('mouseup', handleDragEnd);\n      window.removeEventListener('touchmove', handleDrag);\n      window.removeEventListener('touchend', handleDragEnd);\n    };\n  }, [activeThumb, handleDrag, handleDragEnd]);\n\n  const handleMouseDown = (event: React.MouseEvent | React.TouchEvent) => {\n    if (disabled) return;\n\n    const clientX = 'touches' in event ? (event as React.TouchEvent).touches[0].clientX : (event as React.MouseEvent).clientX;\n    const clientY = 'touches' in event ? (event as React.TouchEvent).touches[0].clientY : (event as React.MouseEvent).clientY;\n    const pos = orientation === 'vertical' ? clientY : clientX;\n\n    const clickValue = getValueFromPosition(pos);\n    \n    // Find closest thumb\n    let closestIndex = 0;\n    if (isRange) {\n      const dist0 = Math.abs(values[0] - clickValue);\n      const dist1 = Math.abs(values[1] - clickValue);\n      closestIndex = dist0 <= dist1 ? 0 : 1;\n    }\n\n    setActiveThumb(closestIndex);\n    \n    const newValues = [...values];\n    newValues[closestIndex] = clickValue;\n    handleValueChange(isRange ? newValues : clickValue, closestIndex, event.nativeEvent);\n  };\n\n  const getPercent = (val: number) => ((val - min) / (max - min)) * 100;\n\n  const trackStyle = useMemo(() => {\n    if (track === false) return { display: 'none' };\n    \n    const p1 = getPercent(values[0]);\n    const p2 = isRange ? getPercent(values[1]) : p1;\n    \n    if (orientation === 'vertical') {\n      if (track === 'inverted') {\n        return { bottom: `${isRange ? p2 : p1}%`, height: `${100 - (isRange ? p2 : p1)}%` };\n      }\n      return { bottom: `${isRange ? p1 : 0}%`, height: `${isRange ? p2 - p1 : p1}%` };\n    } else {\n      if (track === 'inverted') {\n        return { left: `${isRange ? p2 : p1}%`, width: `${100 - (isRange ? p2 : p1)}%` };\n      }\n      return { left: `${isRange ? p1 : 0}%`, width: `${isRange ? p2 - p1 : p1}%` };\n    }\n  }, [values, isRange, min, max, track, orientation]);\n\n  const renderThumb = (val: number, index: number) => {\n    const percent = getPercent(val);\n    const positionStyle = orientation === 'vertical' \n      ? { bottom: `${percent}%` } \n      : { left: `${percent}%` };\n\n    const ThumbComponent = slots.thumb || 'span';\n    const ValueLabelComponent = slots.valueLabel || 'span';\n\n    const ariaValuetext = getAriaValueText ? getAriaValueText(val, index) : ariaValueText;\n    const ariaLabelValue = getAriaLabel ? getAriaLabel(index) : ariaLabel;\n\n    const handleKeyDown = (event: React.KeyboardEvent) => {\n      if (disabled) return;\n\n      let newValue = val;\n      const stepValue = step || 1;\n\n      switch (event.key) {\n        case 'ArrowUp':\n        case 'ArrowRight':\n          newValue = val + stepValue;\n          break;\n        case 'ArrowDown':\n        case 'ArrowLeft':\n          newValue = val - stepValue;\n          break;\n        case 'PageUp':\n          newValue = val + shiftStep;\n          break;\n        case 'PageDown':\n          newValue = val - shiftStep;\n          break;\n        case 'Home':\n          newValue = min;\n          break;\n        case 'End':\n          newValue = max;\n          break;\n        default:\n          return;\n      }\n\n      event.preventDefault();\n      newValue = Math.max(min, Math.min(max, newValue));\n\n      const newValues = [...values];\n      newValues[index] = newValue;\n      handleValueChange(isRange ? newValues : newValue, index, event.nativeEvent);\n    };\n\n    return (\n      <ThumbComponent\n        key={index}\n        className={cn(\n          'ui-slider-thumb',\n          activeThumb === index && 'ui-slider-active',\n          classes.thumb\n        )}\n        style={positionStyle}\n        role=\"slider\"\n        aria-valuenow={val}\n        aria-valuemin={min}\n        aria-valuemax={max}\n        aria-orientation={orientation}\n        aria-label={ariaLabelValue}\n        aria-labelledby={ariaLabelledby}\n        aria-valuetext={ariaValuetext}\n        tabIndex={disabled ? -1 : (tabIndex || 0)}\n        onKeyDown={handleKeyDown}\n        {...slotProps.thumb}\n      >\n        {valueLabelDisplay !== 'off' && (\n          <ValueLabelComponent\n            className={cn(\n              'ui-slider-value-label',\n              valueLabelDisplay === 'on' && 'ui-slider-value-label-on',\n              classes.valueLabel\n            )}\n            {...slotProps.valueLabel}\n          >\n            {typeof valueLabelFormat === 'function' \n              ? valueLabelFormat(scale(val), index) \n              : valueLabelFormat}\n          </ValueLabelComponent>\n        )}\n        <input\n          type=\"hidden\"\n          name={name}\n          value={val}\n          {...slotProps.input}\n        />\n      </ThumbComponent>\n    );\n  };\n\n  const renderMarks = () => {\n    if (!marks) return null;\n    const markList = Array.isArray(marks) \n      ? marks \n      : Array.from({ length: Math.floor((max - min) / (step || 1)) + 1 }, (_, i) => ({ value: min + i * (step || 1), label: undefined as React.ReactNode }));\n\n    return markList.map((mark, index) => {\n      const percent = getPercent(mark.value);\n      const isActive = isRange \n        ? mark.value >= values[0] && mark.value <= values[1]\n        : mark.value <= values[0];\n      \n      const positionStyle = orientation === 'vertical' \n        ? { bottom: `${percent}%` } \n        : { left: `${percent}%` };\n\n      return (\n        <React.Fragment key={index}>\n          <span\n            className={cn(\n              'ui-slider-mark',\n              isActive && 'ui-slider-mark-active',\n              classes.mark\n            )}\n            style={positionStyle}\n            {...slotProps.mark}\n          />\n          {mark.label && (\n            <span\n              className={cn('ui-slider-mark-label', classes.markLabel)}\n              style={positionStyle}\n              {...slotProps.markLabel}\n            >\n              {mark.label}\n            </span>\n          )}\n        </React.Fragment>\n      );\n    });\n  };\n\n  return (\n    <>\n      <style dangerouslySetInnerHTML={{ __html: STYLES }} />\n      <span\n        ref={(node) => {\n          (rootRef as any).current = node;\n          if (typeof ref === 'function') ref(node);\n          else if (ref) (ref as any).current = node;\n        }}\n        className={cn(\n          'ui-slider-root',\n          `ui-slider-${color}`,\n          orientation === 'vertical' && 'ui-slider-vertical',\n          size === 'small' && 'ui-slider-small',\n          disabled && 'ui-slider-disabled',\n          classes.root,\n          className\n        )}\n        onMouseDown={handleMouseDown}\n        onTouchStart={handleMouseDown}\n        style={sx}\n        {...other}\n      >\n        <span className={cn('ui-slider-rail', classes.rail)} {...slotProps.rail} />\n        <span\n          className={cn('ui-slider-track', classes.track)}\n          style={trackStyle}\n          {...slotProps.track}\n        />\n        {renderMarks()}\n        {values.map((val, index) => renderThumb(val, index))}\n      </span>\n    </>\n  );\n});\n\nSlider.displayName = 'Slider';\n\nexport default Slider;\n"]}

package/dist/chunk-3HGMPMXD.js

@@ -0,0 +1,61 @@
+'use strict';var chunkDDGBDWFC_js=require('./chunk-DDGBDWFC.js'),react=require('react'),jsxRuntime=require('react/jsx-runtime');var c={p:"padding",pt:"paddingTop",pr:"paddingRight",pb:"paddingBottom",pl:"paddingLeft",px:["paddingLeft","paddingRight"],py:["paddingTop","paddingBottom"],m:"margin",mt:"marginTop",mr:"marginRight",mb:"marginBottom",ml:"marginLeft",mx:["marginLeft","marginRight"],my:["marginTop","marginBottom"],bgcolor:"backgroundColor"},s=t=>{if(!t||typeof t!="object")return t;let i={};return Object.keys(t).forEach(e=>{let n=t[e],o=c[e];o?Array.isArray(o)?o.forEach(r=>{i[r]=n;}):i[o]=n:i[e]=n;}),i},w=t=>{if(!t)return {};let i={};return typeof t=="function"?i=t({}):Array.isArray(t)?i=t.reduce((e,n)=>!n||typeof n=="boolean"?e:typeof n=="function"?{...e,...n({})}:{...e,...n},{}):i=t,s(i)},y=`
+  .ui-container {
+    width: 100%;
+    margin-left: auto;
+    margin-right: auto;
+    display: block;
+    box-sizing: border-box;
+  }
+
+  .ui-container--gutters {
+    padding-left: 1rem;
+    padding-right: 1rem;
+  }
+
+  @media (min-width: 600px) {
+    .ui-container--gutters {
+      padding-left: 1.5rem;
+      padding-right: 1.5rem;
+    }
+  }
+
+  .ui-container--fixed {
+    @media (min-width: 600px) {
+      max-width: 600px;
+    }
+    @media (min-width: 900px) {
+      max-width: 900px;
+    }
+    @media (min-width: 1200px) {
+      max-width: 1200px;
+    }
+    @media (min-width: 1536px) {
+      max-width: 1536px;
+    }
+  }
+
+  .ui-container--maxWidth-xs {
+    max-width: 444px;
+  }
+  @media (min-width: 600px) {
+    .ui-container--maxWidth-sm {
+      max-width: 600px;
+    }
+  }
+  @media (min-width: 900px) {
+    .ui-container--maxWidth-md {
+      max-width: 900px;
+    }
+  }
+  @media (min-width: 1200px) {
+    .ui-container--maxWidth-lg {
+      max-width: 1200px;
+    }
+  }
+  @media (min-width: 1536px) {
+    .ui-container--maxWidth-xl {
+      max-width: 1536px;
+    }
+  }
+`,S=react.forwardRef(({children:t,classes:i={},component:e,disableGutters:n=false,fixed:o=false,maxWidth:r="lg",sx:m,className:p,...g},x)=>{let h=e||"div",f=w(m),u=chunkDDGBDWFC_js.a("ui-container",!n&&"ui-container--gutters",o&&"ui-container--fixed",r&&`ui-container--maxWidth-${r}`,i.root,!n&&i.disableGutters,o&&i.fixed,r==="xs"&&i.maxWidthXs,r==="sm"&&i.maxWidthSm,r==="md"&&i.maxWidthMd,r==="lg"&&i.maxWidthLg,r==="xl"&&i.maxWidthXl,p);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("style",{dangerouslySetInnerHTML:{__html:y}}),jsxRuntime.jsx(h,{ref:x,className:u,style:f,...g,children:t})]})});S.displayName="Container";exports.a=S;//# sourceMappingURL=chunk-3HGMPMXD.js.map
+//# sourceMappingURL=chunk-3HGMPMXD.js.map

package/dist/chunk-3HGMPMXD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Container/Container.tsx"],"names":["shorthandMap","resolveShorthands","style","resolved","key","value","target","t","resolveSx","sx","rawStyle","acc","curr","STYLES","Container","forwardRef","children","classes","component","disableGutters","fixed","maxWidth","className","props","ref","Component","rootClasses","cn","jsxs","Fragment","jsx"],"mappings":"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","file":"chunk-3HGMPMXD.js","sourcesContent":["'use client';\n\nimport { forwardRef, ElementType } from 'react';\nimport { cn } from '../../utils/cn';\nimport { ContainerProps, SxProp } from './types';\n\nconst shorthandMap: Record<string, string | string[]> = {\n  p: 'padding',\n  pt: 'paddingTop',\n  pr: 'paddingRight',\n  pb: 'paddingBottom',\n  pl: 'paddingLeft',\n  px: ['paddingLeft', 'paddingRight'],\n  py: ['paddingTop', 'paddingBottom'],\n  m: 'margin',\n  mt: 'marginTop',\n  mr: 'marginRight',\n  mb: 'marginBottom',\n  ml: 'marginLeft',\n  mx: ['marginLeft', 'marginRight'],\n  my: ['marginTop', 'marginBottom'],\n  bgcolor: 'backgroundColor',\n};\n\n/**\n * Resolve shorthands in a style object.\n */\nconst resolveShorthands = (style: any): React.CSSProperties => {\n  if (!style || typeof style !== 'object') return style;\n  \n  const resolved: any = {};\n  Object.keys(style).forEach((key) => {\n    const value = style[key];\n    const target = shorthandMap[key];\n    \n    if (target) {\n      if (Array.isArray(target)) {\n        target.forEach((t) => {\n          resolved[t] = value;\n        });\n      } else {\n        resolved[target] = value;\n      }\n    } else {\n      resolved[key] = value;\n    }\n  });\n  return resolved;\n};\n\n/**\n * Resolve the sx prop into a React.CSSProperties object.\n */\nconst resolveSx = (sx: SxProp | undefined): React.CSSProperties => {\n  if (!sx) return {};\n\n  let rawStyle: any = {};\n\n  if (typeof sx === 'function') {\n    rawStyle = sx({});\n  } else if (Array.isArray(sx)) {\n    rawStyle = sx.reduce((acc, curr) => {\n      if (!curr || typeof curr === 'boolean') return acc;\n      if (typeof curr === 'function') {\n        return { ...acc, ...curr({}) };\n      }\n      return { ...acc, ...curr };\n    }, {} as any);\n  } else {\n    rawStyle = sx;\n  }\n\n  return resolveShorthands(rawStyle);\n};\n\nconst STYLES = `\n  .ui-container {\n    width: 100%;\n    margin-left: auto;\n    margin-right: auto;\n    display: block;\n    box-sizing: border-box;\n  }\n\n  .ui-container--gutters {\n    padding-left: 1rem;\n    padding-right: 1rem;\n  }\n\n  @media (min-width: 600px) {\n    .ui-container--gutters {\n      padding-left: 1.5rem;\n      padding-right: 1.5rem;\n    }\n  }\n\n  .ui-container--fixed {\n    @media (min-width: 600px) {\n      max-width: 600px;\n    }\n    @media (min-width: 900px) {\n      max-width: 900px;\n    }\n    @media (min-width: 1200px) {\n      max-width: 1200px;\n    }\n    @media (min-width: 1536px) {\n      max-width: 1536px;\n    }\n  }\n\n  .ui-container--maxWidth-xs {\n    max-width: 444px;\n  }\n  @media (min-width: 600px) {\n    .ui-container--maxWidth-sm {\n      max-width: 600px;\n    }\n  }\n  @media (min-width: 900px) {\n    .ui-container--maxWidth-md {\n      max-width: 900px;\n    }\n  }\n  @media (min-width: 1200px) {\n    .ui-container--maxWidth-lg {\n      max-width: 1200px;\n    }\n  }\n  @media (min-width: 1536px) {\n    .ui-container--maxWidth-xl {\n      max-width: 1536px;\n    }\n  }\n`;\n\n/**\n * Container centers your content horizontally. It's the most basic layout element.\n */\nexport const Container = forwardRef(<T extends ElementType = 'div'>(\n  { \n    children, \n    classes = {}, \n    component, \n    disableGutters = false, \n    fixed = false, \n    maxWidth = 'lg', \n    sx, \n    className, \n    ...props \n  }: ContainerProps<T>,\n  ref: any\n) => {\n  const Component = component || 'div';\n  const style = resolveSx(sx);\n\n  const rootClasses = cn(\n    'ui-container',\n    !disableGutters && 'ui-container--gutters',\n    fixed && 'ui-container--fixed',\n    maxWidth && `ui-container--maxWidth-${maxWidth}`,\n    classes.root,\n    !disableGutters && classes.disableGutters,\n    fixed && classes.fixed,\n    maxWidth === 'xs' && classes.maxWidthXs,\n    maxWidth === 'sm' && classes.maxWidthSm,\n    maxWidth === 'md' && classes.maxWidthMd,\n    maxWidth === 'lg' && classes.maxWidthLg,\n    maxWidth === 'xl' && classes.maxWidthXl,\n    className\n  );\n\n  return (\n    <>\n      <style dangerouslySetInnerHTML={{ __html: STYLES }} />\n      <Component\n        ref={ref}\n        className={rootClasses}\n        style={style}\n        {...props}\n      >\n        {children}\n      </Component>\n    </>\n  );\n});\n\nContainer.displayName = 'Container';\n\nexport default Container;\n"]}

package/dist/chunk-46U234GX.mjs

@@ -0,0 +1,42 @@
+import {a}from'./chunk-547MQ4FI.mjs';import {forwardRef}from'react';import {jsxs,Fragment,jsx}from'react/jsx-runtime';var h={p:"padding",pt:"paddingTop",pr:"paddingRight",pb:"paddingBottom",pl:"paddingLeft",px:["paddingLeft","paddingRight"],py:["paddingTop","paddingBottom"],m:"margin",mt:"marginTop",mr:"marginRight",mb:"marginBottom",ml:"marginLeft",mx:["marginLeft","marginRight"],my:["marginTop","marginBottom"],bgcolor:"backgroundColor"},b=o=>{if(!o||typeof o!="object")return o;let t={};return Object.keys(o).forEach(e=>{let r=o[e],i=h[e];i?Array.isArray(i)?i.forEach(n=>{t[n]=r;}):t[i]=r:t[e]=r;}),t},y=o=>{if(!o)return {};let t={};return typeof o=="function"?t=o({}):Array.isArray(o)?t=o.reduce((e,r)=>!r||typeof r=="boolean"?e:typeof r=="function"?{...e,...r({})}:{...e,...r},{}):t=o,b(t)},x=`
+  .ui-toolbar {
+    position: relative;
+    display: flex;
+    align-items: center;
+    box-sizing: border-box;
+    width: 100%;
+  }
+
+  .ui-toolbar--gutters {
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+
+  @media (min-width: 600px) {
+    .ui-toolbar--gutters {
+      padding-left: 24px;
+      padding-right: 24px;
+    }
+  }
+
+  .ui-toolbar--regular {
+    min-height: 56px;
+  }
+
+  @media (min-width: 0px) and (orientation: landscape) {
+    .ui-toolbar--regular {
+      min-height: 48px;
+    }
+  }
+
+  @media (min-width: 600px) {
+    .ui-toolbar--regular {
+      min-height: 64px;
+    }
+  }
+
+  .ui-toolbar--dense {
+    min-height: 48px;
+  }
+`,c=forwardRef(({children:o,classes:t={},component:e,disableGutters:r=false,sx:i,variant:n="regular",className:d,...g},l)=>{let m=e||"div",s=y(i),f=a("ui-toolbar",!r&&"ui-toolbar--gutters",`ui-toolbar--${n}`,t.root,!r&&t.gutters,n==="regular"&&t.regular,n==="dense"&&t.dense,d);return jsxs(Fragment,{children:[jsx("style",{dangerouslySetInnerHTML:{__html:x}}),jsx(m,{ref:l,className:f,style:s,...g,children:o})]})});c.displayName="ToolBar";export{c as a};//# sourceMappingURL=chunk-46U234GX.mjs.map
+//# sourceMappingURL=chunk-46U234GX.mjs.map

package/dist/chunk-46U234GX.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ToolBar/ToolBar.tsx"],"names":["shorthandMap","resolveShorthands","style","resolved","key","value","target","t","resolveSx","sx","rawStyle","acc","curr","STYLES","ToolBar","forwardRef","children","classes","component","disableGutters","variant","className","props","ref","Component","rootClasses","cn","jsxs","Fragment","jsx"],"mappings":"sHAMA,IAAMA,EAAkD,CACtD,CAAA,CAAG,UACH,EAAA,CAAI,YAAA,CACJ,GAAI,cAAA,CACJ,EAAA,CAAI,eAAA,CACJ,EAAA,CAAI,cACJ,EAAA,CAAI,CAAC,cAAe,cAAc,CAAA,CAClC,GAAI,CAAC,YAAA,CAAc,eAAe,CAAA,CAClC,CAAA,CAAG,SACH,EAAA,CAAI,WAAA,CACJ,GAAI,aAAA,CACJ,EAAA,CAAI,eACJ,EAAA,CAAI,YAAA,CACJ,EAAA,CAAI,CAAC,aAAc,aAAa,CAAA,CAChC,GAAI,CAAC,WAAA,CAAa,cAAc,CAAA,CAChC,OAAA,CAAS,iBACX,CAAA,CAEMC,CAAAA,CAAqBC,GAAoC,CAC7D,GAAI,CAACA,CAAAA,EAAS,OAAOA,GAAU,QAAA,CAAU,OAAOA,CAAAA,CAEhD,IAAMC,EAAgB,EAAC,CACvB,cAAO,IAAA,CAAKD,CAAK,EAAE,OAAA,CAASE,CAAAA,EAAQ,CAClC,IAAMC,CAAAA,CAAQH,EAAME,CAAG,CAAA,CACjBE,EAASN,CAAAA,CAAaI,CAAG,EAE3BE,CAAAA,CACE,KAAA,CAAM,OAAA,CAAQA,CAAM,EACtBA,CAAAA,CAAO,OAAA,CAASC,GAAM,CACpBJ,CAAAA,CAASI,CAAC,CAAA,CAAIF,EAChB,CAAC,CAAA,CAEDF,CAAAA,CAASG,CAAM,CAAA,CAAID,CAAAA,CAGrBF,EAASC,CAAG,CAAA,CAAIC,EAEpB,CAAC,CAAA,CACMF,CACT,CAAA,CAEMK,EAAaC,CAAAA,EAAgD,CACjE,GAAI,CAACA,CAAAA,CAAI,OAAO,EAAC,CAEjB,IAAIC,CAAAA,CAAgB,GAEpB,OAAI,OAAOD,GAAO,UAAA,CAChBC,CAAAA,CAAWD,EAAG,EAAE,CAAA,CACP,KAAA,CAAM,QAAQA,CAAE,CAAA,CACzBC,EAAWD,CAAAA,CAAG,MAAA,CAAO,CAACE,CAAAA,CAAKC,CAAAA,GACrB,CAACA,CAAAA,EAAQ,OAAOA,GAAS,SAAA,CAAkBD,CAAAA,CAC3C,OAAOC,CAAAA,EAAS,UAAA,CACX,CAAE,GAAGD,CAAAA,CAAK,GAAGC,CAAAA,CAAK,EAAE,CAAE,EAExB,CAAE,GAAGD,EAAK,GAAGC,CAAK,EACxB,EAAS,EAEZF,CAAAA,CAAWD,CAAAA,CAGNR,EAAkBS,CAAQ,CACnC,EAEMG,CAAAA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA,CAAA,CA6CFC,EAAUC,UAAAA,CAAW,CAChC,CACE,QAAA,CAAAC,CAAAA,CACA,QAAAC,CAAAA,CAAU,GACV,SAAA,CAAAC,CAAAA,CACA,eAAAC,CAAAA,CAAiB,KAAA,CACjB,GAAAV,CAAAA,CACA,OAAA,CAAAW,EAAU,SAAA,CACV,SAAA,CAAAC,EACA,GAAGC,CACL,EACAC,CAAAA,GACG,CACH,IAAMC,CAAAA,CAAYN,CAAAA,EAAa,MACzBhB,CAAAA,CAAQM,CAAAA,CAAUC,CAAE,CAAA,CAEpBgB,CAAAA,CAAcC,EAClB,YAAA,CACA,CAACP,GAAkB,qBAAA,CACnB,CAAA,YAAA,EAAeC,CAAO,CAAA,CAAA,CACtBH,CAAAA,CAAQ,KACR,CAACE,CAAAA,EAAkBF,EAAQ,OAAA,CAC3BG,CAAAA,GAAY,WAAaH,CAAAA,CAAQ,OAAA,CACjCG,IAAY,OAAA,EAAWH,CAAAA,CAAQ,MAC/BI,CACF,CAAA,CAEA,OACEM,IAAAA,CAAAC,QAAAA,CAAA,CACE,QAAA,CAAA,CAAAC,GAAAA,CAAC,SAAM,uBAAA,CAAyB,CAAE,OAAQhB,CAAO,CAAA,CAAG,EACpDgB,GAAAA,CAACL,CAAAA,CAAA,CACC,GAAA,CAAKD,CAAAA,CACL,UAAWE,CAAAA,CACX,KAAA,CAAOvB,EACN,GAAGoB,CAAAA,CAEH,SAAAN,CAAAA,CACH,CAAA,CAAA,CACF,CAEJ,CAAC,EAEDF,EAAQ,WAAA,CAAc,SAAA","file":"chunk-46U234GX.mjs","sourcesContent":["'use client';\n\nimport { forwardRef, ElementType } from 'react';\nimport { cn } from '../../utils/cn';\nimport { ToolBarProps, SxProp } from './types';\n\nconst shorthandMap: Record<string, string | string[]> = {\n  p: 'padding',\n  pt: 'paddingTop',\n  pr: 'paddingRight',\n  pb: 'paddingBottom',\n  pl: 'paddingLeft',\n  px: ['paddingLeft', 'paddingRight'],\n  py: ['paddingTop', 'paddingBottom'],\n  m: 'margin',\n  mt: 'marginTop',\n  mr: 'marginRight',\n  mb: 'marginBottom',\n  ml: 'marginLeft',\n  mx: ['marginLeft', 'marginRight'],\n  my: ['marginTop', 'marginBottom'],\n  bgcolor: 'backgroundColor',\n};\n\nconst resolveShorthands = (style: any): React.CSSProperties => {\n  if (!style || typeof style !== 'object') return style;\n  \n  const resolved: any = {};\n  Object.keys(style).forEach((key) => {\n    const value = style[key];\n    const target = shorthandMap[key];\n    \n    if (target) {\n      if (Array.isArray(target)) {\n        target.forEach((t) => {\n          resolved[t] = value;\n        });\n      } else {\n        resolved[target] = value;\n      }\n    } else {\n      resolved[key] = value;\n    }\n  });\n  return resolved;\n};\n\nconst resolveSx = (sx: SxProp | undefined): React.CSSProperties => {\n  if (!sx) return {};\n\n  let rawStyle: any = {};\n\n  if (typeof sx === 'function') {\n    rawStyle = sx({});\n  } else if (Array.isArray(sx)) {\n    rawStyle = sx.reduce((acc, curr) => {\n      if (!curr || typeof curr === 'boolean') return acc;\n      if (typeof curr === 'function') {\n        return { ...acc, ...curr({}) };\n      }\n      return { ...acc, ...curr };\n    }, {} as any);\n  } else {\n    rawStyle = sx;\n  }\n\n  return resolveShorthands(rawStyle);\n};\n\nconst STYLES = `\n  .ui-toolbar {\n    position: relative;\n    display: flex;\n    align-items: center;\n    box-sizing: border-box;\n    width: 100%;\n  }\n\n  .ui-toolbar--gutters {\n    padding-left: 16px;\n    padding-right: 16px;\n  }\n\n  @media (min-width: 600px) {\n    .ui-toolbar--gutters {\n      padding-left: 24px;\n      padding-right: 24px;\n    }\n  }\n\n  .ui-toolbar--regular {\n    min-height: 56px;\n  }\n\n  @media (min-width: 0px) and (orientation: landscape) {\n    .ui-toolbar--regular {\n      min-height: 48px;\n    }\n  }\n\n  @media (min-width: 600px) {\n    .ui-toolbar--regular {\n      min-height: 64px;\n    }\n  }\n\n  .ui-toolbar--dense {\n    min-height: 48px;\n  }\n`;\n\n/**\n * The ToolBar component is a flexible container for actions and branding.\n */\nexport const ToolBar = forwardRef(<T extends ElementType = 'div'>(\n  {\n    children,\n    classes = {},\n    component,\n    disableGutters = false,\n    sx,\n    variant = 'regular',\n    className,\n    ...props\n  }: ToolBarProps<T>,\n  ref: any\n) => {\n  const Component = component || 'div';\n  const style = resolveSx(sx);\n\n  const rootClasses = cn(\n    'ui-toolbar',\n    !disableGutters && 'ui-toolbar--gutters',\n    `ui-toolbar--${variant}`,\n    classes.root,\n    !disableGutters && classes.gutters,\n    variant === 'regular' && classes.regular,\n    variant === 'dense' && classes.dense,\n    className\n  );\n\n  return (\n    <>\n      <style dangerouslySetInnerHTML={{ __html: STYLES }} />\n      <Component\n        ref={ref}\n        className={rootClasses}\n        style={style}\n        {...props}\n      >\n        {children}\n      </Component>\n    </>\n  );\n});\n\nToolBar.displayName = 'ToolBar';\n\nexport default ToolBar;\n"]}

package/dist/chunk-5FU43BWK.mjs

@@ -0,0 +1,121 @@
+import {a}from'./chunk-547MQ4FI.mjs';import {forwardRef,useState}from'react';import {jsxs,Fragment,jsx}from'react/jsx-runtime';var V=`
+  .ui-pdf-image-upload {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 8px;
+    font-family: inherit;
+  }
+  .ui-pdf-image-upload-dropzone {
+    border: 2px dashed #ccc;
+    border-radius: 8px;
+    padding: 16px;
+    width: 200px;
+    height: 120px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    background-color: #f5f5f5;
+    transition: all 0.2s ease-in-out;
+    cursor: pointer;
+    box-sizing: border-box;
+  }
+  .ui-pdf-image-upload-dropzone:hover:not(.disabled) {
+    background-color: #eeeeee;
+    border-color: #aaa;
+  }
+  .ui-pdf-image-upload-dropzone.dragging {
+    border-color: #1976d2;
+    background-color: #e3f2fd;
+  }
+  .ui-pdf-image-upload-dropzone.disabled {
+    opacity: 0.6;
+    cursor: not-allowed;
+  }
+  .ui-pdf-image-upload-icon {
+    text-align: center;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    color: #666;
+    gap: 8px;
+  }
+  .ui-pdf-image-preview {
+    position: relative;
+    display: inline-block;
+    width: 100px;
+    height: 100px;
+    border-radius: 8px;
+    overflow: hidden;
+    background-color: #f0f0f0;
+    border: 1px solid #ddd;
+  }
+  .ui-pdf-image-preview-img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    display: block;
+  }
+  .ui-pdf-image-remove-btn {
+    position: absolute;
+    top: 4px;
+    right: 4px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: white;
+    border-radius: 50%;
+    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
+    border: none;
+    cursor: pointer;
+    width: 24px;
+    height: 24px;
+    padding: 0;
+    color: #FF4C51;
+    transition: transform 0.1s;
+  }
+  .ui-pdf-image-remove-btn:hover {
+    transform: scale(1.1);
+  }
+  .ui-pdf-file-preview {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    background: #f9f9f9;
+    padding: 8px 12px;
+    border-radius: 6px;
+    border: 1px solid #eee;
+  }
+  .ui-pdf-file-link {
+    text-decoration: none;
+    color: inherit;
+  }
+  .ui-pdf-file-link:hover .ui-pdf-file-name {
+    text-decoration: underline;
+  }
+  .ui-pdf-file-name {
+    max-width: 140px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    font-size: 14px;
+    margin: 0;
+    color: #333;
+  }
+  .ui-pdf-file-remove-btn {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: transparent;
+    border: none;
+    cursor: pointer;
+    padding: 4px;
+    color: #FF4C51;
+    border-radius: 4px;
+  }
+  .ui-pdf-file-remove-btn:hover {
+    background: #ffebeb;
+  }
+`,$=()=>jsxs("svg",{width:"32",height:"32",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsx("path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"}),jsx("polyline",{points:"17 8 12 3 7 8"}),jsx("line",{x1:"12",y1:"3",x2:"12",y2:"15"})]}),I=()=>jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsx("polyline",{points:"3 6 5 6 21 6"}),jsx("path",{d:"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2"})]}),_=()=>jsxs("svg",{width:"28",height:"28",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsx("path",{d:"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"}),jsx("polyline",{points:"14 2 14 8 20 8"}),jsx("line",{x1:"16",y1:"13",x2:"8",y2:"13"}),jsx("line",{x1:"16",y1:"17",x2:"8",y2:"17"}),jsx("polyline",{points:"10 9 9 9 8 9"})]}),U=forwardRef(({name:x,value:o,onChange:l,error:v,disabled:s,mode:C="add",existingUrl:p="",baseUrl:h="",onError:b,className:E,sx:j},S)=>{let d=C==="view",[T,y]=useState(false),[H,c]=useState(false),a$1=null,t=null,f=false;o instanceof File?(f=o.name.split(".").pop()?.toLowerCase()==="pdf",t=o.name,f||(a$1=URL.createObjectURL(o))):typeof o=="string"&&o?(f=o.split(".").pop()?.toLowerCase()==="pdf",a$1=o.startsWith("http")?o:`${h}${o}`,t=o.split("/").pop()||null):p&&!T&&(f=p.split(".").pop()?.toLowerCase()==="pdf",a$1=p.startsWith("http")?p:`${h}${p}`,t=p.split("/").pop()||null);let w=i=>{if(!i){l&&l(null);return}let r=i.name.split(".").pop()?.toLowerCase(),R=["jpg","jpeg","png","gif","bmp","webp"],g=r==="pdf",W=5.5*1024*1024,B=5.5*1024*1024,z=i.size,u=F=>{b?b(F):alert(F);};if(!r||!R.includes(r)&&!g){u("Please upload a valid image or PDF file");return}if(g&&z>B){u("PDF file size exceeds 5 MB limit");return}if(!g&&z>W){u("Image file size exceeds 5 MB limit");return}y(false),l&&l(i);},k=i=>{if(i.preventDefault(),i.stopPropagation(),c(false),s||d)return;let r=i.dataTransfer.files?.[0];r&&w(r);},D=i=>{i.preventDefault(),i.stopPropagation(),!s&&!d&&c(true);},L=i=>{i.preventDefault(),i.stopPropagation(),c(false);},P=i=>{i.preventDefault(),i.stopPropagation(),l&&l(null),y(true);};return jsxs(Fragment,{children:[jsx("style",{dangerouslySetInnerHTML:{__html:V}}),jsxs("div",{ref:S,className:a("ui-pdf-image-upload",E),style:j,children:[jsx("input",{type:"file",id:x,accept:"image/*,application/pdf",style:{display:"none"},disabled:s||d,onChange:i=>{let r=i.target.files?.[0]||null;w(r),i.target.value="";}}),!t&&!d&&jsx("label",{htmlFor:x,style:{cursor:s?"not-allowed":"pointer",width:"100%"},children:jsx("div",{onDrop:k,onDragOver:D,onDragLeave:L,className:a("ui-pdf-image-upload-dropzone",H&&"dragging",s&&"disabled"),children:jsxs("div",{className:"ui-pdf-image-upload-icon",children:[jsx($,{}),jsx("p",{style:{fontSize:"14px",margin:0},children:"Drag & drop or click to upload"})]})})}),t&&jsx(Fragment,{children:f?jsxs("div",{className:"ui-pdf-file-preview",children:[jsx("span",{style:{color:"#555",display:"flex"},children:jsx(_,{})}),a$1&&!a$1.startsWith("blob:")?jsx("a",{href:a$1,target:"_blank",rel:"noopener noreferrer",className:"ui-pdf-file-link",title:t,children:jsx("p",{className:"ui-pdf-file-name",children:t})}):jsx("p",{className:"ui-pdf-file-name",title:t,children:t}),!d&&jsx("button",{type:"button",className:"ui-pdf-file-remove-btn",onClick:P,title:"Remove file",children:jsx(I,{})})]}):jsxs("div",{className:"ui-pdf-image-preview",onDrop:k,onDragOver:D,onDragLeave:L,children:[jsx("img",{src:a$1||"",alt:"Uploaded",className:"ui-pdf-image-preview-img"}),!d&&jsx("button",{type:"button",className:"ui-pdf-image-remove-btn",onClick:P,title:"Remove image",children:jsx(I,{})})]})}),v&&jsx("p",{style:{fontSize:"14px",color:"#FF4C51",margin:0},children:v})]})]})});U.displayName="PdfImageUpload";export{U as a};//# sourceMappingURL=chunk-5FU43BWK.mjs.map
+//# sourceMappingURL=chunk-5FU43BWK.mjs.map

package/dist/chunk-5FU43BWK.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/PdfImageUpload/PdfImageUpload.tsx"],"names":["STYLES","UploadIcon","jsxs","jsx","TrashIcon","FileIcon","PdfImageUpload","forwardRef","name","value","onChange","error","disabled","mode","existingUrl","baseUrl","onError","className","sx","ref","isViewMode","deleted","setDeleted","useState","isDragging","setIsDragging","displayPreview","displayFileName","isPdf","handleFileChange","file","ext","validImageTypes","isPdfFile","maxImageSize","maxPdfSize","fileSize","dispatchError","msg","handleDrop","e","handleDragOver","handleDragLeave","handleClear","Fragment","cn"],"mappings":"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","file":"chunk-5FU43BWK.mjs","sourcesContent":["import React, { useState, DragEvent, forwardRef } from 'react';\nimport { cn } from '../../utils/cn';\nimport { PdfImageUploadProps } from './types';\n\nconst STYLES = `\n  .ui-pdf-image-upload {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    gap: 8px;\n    font-family: inherit;\n  }\n  .ui-pdf-image-upload-dropzone {\n    border: 2px dashed #ccc;\n    border-radius: 8px;\n    padding: 16px;\n    width: 200px;\n    height: 120px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    background-color: #f5f5f5;\n    transition: all 0.2s ease-in-out;\n    cursor: pointer;\n    box-sizing: border-box;\n  }\n  .ui-pdf-image-upload-dropzone:hover:not(.disabled) {\n    background-color: #eeeeee;\n    border-color: #aaa;\n  }\n  .ui-pdf-image-upload-dropzone.dragging {\n    border-color: #1976d2;\n    background-color: #e3f2fd;\n  }\n  .ui-pdf-image-upload-dropzone.disabled {\n    opacity: 0.6;\n    cursor: not-allowed;\n  }\n  .ui-pdf-image-upload-icon {\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    color: #666;\n    gap: 8px;\n  }\n  .ui-pdf-image-preview {\n    position: relative;\n    display: inline-block;\n    width: 100px;\n    height: 100px;\n    border-radius: 8px;\n    overflow: hidden;\n    background-color: #f0f0f0;\n    border: 1px solid #ddd;\n  }\n  .ui-pdf-image-preview-img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    display: block;\n  }\n  .ui-pdf-image-remove-btn {\n    position: absolute;\n    top: 4px;\n    right: 4px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: white;\n    border-radius: 50%;\n    box-shadow: 0 1px 3px rgba(0,0,0,0.2);\n    border: none;\n    cursor: pointer;\n    width: 24px;\n    height: 24px;\n    padding: 0;\n    color: #FF4C51;\n    transition: transform 0.1s;\n  }\n  .ui-pdf-image-remove-btn:hover {\n    transform: scale(1.1);\n  }\n  .ui-pdf-file-preview {\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    background: #f9f9f9;\n    padding: 8px 12px;\n    border-radius: 6px;\n    border: 1px solid #eee;\n  }\n  .ui-pdf-file-link {\n    text-decoration: none;\n    color: inherit;\n  }\n  .ui-pdf-file-link:hover .ui-pdf-file-name {\n    text-decoration: underline;\n  }\n  .ui-pdf-file-name {\n    max-width: 140px;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    font-size: 14px;\n    margin: 0;\n    color: #333;\n  }\n  .ui-pdf-file-remove-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: transparent;\n    border: none;\n    cursor: pointer;\n    padding: 4px;\n    color: #FF4C51;\n    border-radius: 4px;\n  }\n  .ui-pdf-file-remove-btn:hover {\n    background: #ffebeb;\n  }\n`;\n\n// Inline SVG Icons\nconst UploadIcon = () => (\n  <svg width=\"32\" height=\"32\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n    <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"/>\n    <polyline points=\"17 8 12 3 7 8\"/>\n    <line x1=\"12\" y1=\"3\" x2=\"12\" y2=\"15\"/>\n  </svg>\n);\n\nconst TrashIcon = () => (\n  <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n    <polyline points=\"3 6 5 6 21 6\"/>\n    <path d=\"M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2\"/>\n  </svg>\n);\n\nconst FileIcon = () => (\n  <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n    <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"/>\n    <polyline points=\"14 2 14 8 20 8\"/>\n    <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"/>\n    <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"/>\n    <polyline points=\"10 9 9 9 8 9\"/>\n  </svg>\n);\n\nexport const PdfImageUpload = forwardRef<HTMLDivElement, PdfImageUploadProps>((\n  {\n    name,\n    value,\n    onChange,\n    error,\n    disabled,\n    mode = 'add',\n    existingUrl = '',\n    baseUrl = '',\n    onError,\n    className,\n    sx,\n  },\n  ref\n) => {\n  const isViewMode = mode === 'view';\n  const [deleted, setDeleted] = useState(false);\n  const [isDragging, setIsDragging] = useState(false);\n\n  let displayPreview: string | null = null;\n  let displayFileName: string | null = null;\n  let isPdf = false;\n\n  // Determine what to display\n  if (value instanceof File) {\n    const ext = value.name.split('.').pop()?.toLowerCase();\n    isPdf = ext === 'pdf';\n    displayFileName = value.name;\n    if (!isPdf) displayPreview = URL.createObjectURL(value);\n  } else if (typeof value === 'string' && value) {\n    const ext = value.split('.').pop()?.toLowerCase();\n    isPdf = ext === 'pdf';\n    displayPreview = value.startsWith('http') ? value : `${baseUrl}${value}`;\n    displayFileName = value.split('/').pop() || null;\n  } else if (existingUrl && !deleted) {\n    const ext = existingUrl.split('.').pop()?.toLowerCase();\n    isPdf = ext === 'pdf';\n    displayPreview = existingUrl.startsWith('http') ? existingUrl : `${baseUrl}${existingUrl}`;\n    displayFileName = existingUrl.split('/').pop() || null;\n  }\n\n  const handleFileChange = (file: File | null) => {\n    if (!file) {\n      if (onChange) onChange(null);\n      return;\n    }\n\n    const ext = file.name.split('.').pop()?.toLowerCase();\n    const validImageTypes = ['jpg', 'jpeg', 'png', 'gif', 'bmp', 'webp'];\n    const isPdfFile = ext === 'pdf';\n\n    const maxImageSize = 5.5 * 1024 * 1024; // 5.5 MB\n    const maxPdfSize = 5.5 * 1024 * 1024; // 5.5 MB\n    const fileSize = file.size;\n\n    const dispatchError = (msg: string) => {\n      if (onError) onError(msg);\n      else alert(msg); // Fallback if no error handler is provided\n    };\n\n    if (!ext || (!validImageTypes.includes(ext) && !isPdfFile)) {\n      dispatchError('Please upload a valid image or PDF file');\n      return;\n    }\n\n    if (isPdfFile && fileSize > maxPdfSize) {\n      dispatchError('PDF file size exceeds 5 MB limit');\n      return;\n    }\n\n    if (!isPdfFile && fileSize > maxImageSize) {\n      dispatchError('Image file size exceeds 5 MB limit');\n      return;\n    }\n\n    setDeleted(false);\n    if (onChange) onChange(file);\n  };\n\n  const handleDrop = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    setIsDragging(false);\n\n    if (disabled || isViewMode) return;\n\n    const file = e.dataTransfer.files?.[0];\n    if (file) handleFileChange(file);\n  };\n\n  const handleDragOver = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    if (!disabled && !isViewMode) setIsDragging(true);\n  };\n\n  const handleDragLeave = (e: DragEvent<HTMLDivElement>) => {\n    e.preventDefault();\n    e.stopPropagation();\n    setIsDragging(false);\n  };\n\n  const handleClear = (e: React.MouseEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    if (onChange) onChange(null);\n    setDeleted(true);\n  };\n\n  return (\n    <>\n      <style dangerouslySetInnerHTML={{ __html: STYLES }} />\n      <div \n        ref={ref} \n        className={cn('ui-pdf-image-upload', className)} \n        style={sx}\n      >\n        {/* Hidden File Input */}\n        <input\n          type=\"file\"\n          id={name}\n          accept=\"image/*,application/pdf\"\n          style={{ display: 'none' }}\n          disabled={disabled || isViewMode}\n          onChange={(e) => {\n            const file = e.target.files?.[0] || null;\n            handleFileChange(file);\n            e.target.value = ''; // reset input\n          }}\n        />\n\n        {/* Drag & Drop Zone */}\n        {!displayFileName && !isViewMode && (\n          <label htmlFor={name} style={{ cursor: disabled ? 'not-allowed' : 'pointer', width: '100%' }}>\n            <div\n              onDrop={handleDrop}\n              onDragOver={handleDragOver}\n              onDragLeave={handleDragLeave}\n              className={cn(\n                'ui-pdf-image-upload-dropzone',\n                isDragging && 'dragging',\n                disabled && 'disabled'\n              )}\n            >\n              <div className=\"ui-pdf-image-upload-icon\">\n                <UploadIcon />\n                <p style={{ fontSize: '14px', margin: 0 }}>\n                  Drag & drop or click to upload\n                </p>\n              </div>\n            </div>\n          </label>\n        )}\n\n        {/* IMAGE or PDF DISPLAY */}\n        {displayFileName && (\n          <>\n            {!isPdf ? (\n              <div\n                className=\"ui-pdf-image-preview\"\n                onDrop={handleDrop}\n                onDragOver={handleDragOver}\n                onDragLeave={handleDragLeave}\n              >\n                <img\n                  src={displayPreview || ''}\n                  alt=\"Uploaded\"\n                  className=\"ui-pdf-image-preview-img\"\n                />\n                {!isViewMode && (\n                  <button\n                    type=\"button\"\n                    className=\"ui-pdf-image-remove-btn\"\n                    onClick={handleClear}\n                    title=\"Remove image\"\n                  >\n                    <TrashIcon />\n                  </button>\n                )}\n              </div>\n            ) : (\n              <div className=\"ui-pdf-file-preview\">\n                <span style={{ color: '#555', display: 'flex' }}><FileIcon /></span>\n                {displayPreview && !displayPreview.startsWith('blob:') ? (\n                  <a\n                    href={displayPreview}\n                    target=\"_blank\"\n                    rel=\"noopener noreferrer\"\n                    className=\"ui-pdf-file-link\"\n                    title={displayFileName}\n                  >\n                    <p className=\"ui-pdf-file-name\">{displayFileName}</p>\n                  </a>\n                ) : (\n                  <p className=\"ui-pdf-file-name\" title={displayFileName}>\n                    {displayFileName}\n                  </p>\n                )}\n                {!isViewMode && (\n                  <button\n                    type=\"button\"\n                    className=\"ui-pdf-file-remove-btn\"\n                    onClick={handleClear}\n                    title=\"Remove file\"\n                  >\n                    <TrashIcon />\n                  </button>\n                )}\n              </div>\n            )}\n          </>\n        )}\n\n        {/* Error message */}\n        {error && (\n          <p style={{ fontSize: '14px', color: '#FF4C51', margin: 0 }}>\n            {error}\n          </p>\n        )}\n      </div>\n    </>\n  );\n});\n\nPdfImageUpload.displayName = 'PdfImageUpload';\n"]}