dhanasekar-ui 1.3.1 → 1.5.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-3BPQL6ND.mjs

@@ -0,0 +1,2 @@
+//# sourceMappingURL=chunk-3BPQL6ND.mjs.map
+//# sourceMappingURL=chunk-3BPQL6ND.mjs.map

package/dist/chunk-3BPQL6ND.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-3BPQL6ND.mjs"}

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-3K6JBWL2.mjs

@@ -0,0 +1,114 @@
+import {a}from'./chunk-HGGQFNUJ.mjs';import {a as a$1}from'./chunk-547MQ4FI.mjs';import {createContext,forwardRef,useContext}from'react';import {jsxs,Fragment,jsx}from'react/jsx-runtime';var h=createContext({}),f=createContext(void 0),k=`
+  /* Table Container */
+  .ui-table-container {
+    width: 100%;
+    overflow-x: auto;
+    position: relative;
+    box-sizing: border-box;
+  }
+
+  /* Table */
+  .ui-table {
+    display: table;
+    width: 100%;
+    border-collapse: collapse;
+    border-spacing: 0;
+    font-family: inherit;
+    text-align: left;
+    box-sizing: border-box;
+  }
+
+  /* Table Head, Body, Footer */
+  .ui-table-head {
+    display: table-header-group;
+  }
+  .ui-table-body {
+    display: table-row-group;
+  }
+  .ui-table-footer {
+    display: table-footer-group;
+  }
+
+  /* Table Row */
+  .ui-table-row {
+    color: inherit;
+    display: table-row;
+    vertical-align: middle;
+    outline: 0;
+    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  }
+
+  .ui-table-row--hover:hover {
+    background-color: #f8fafc;
+  }
+
+  .ui-table-row--selected {
+    background-color: rgba(59, 130, 246, 0.08);
+  }
+
+  .ui-table-row--selected:hover {
+    background-color: rgba(59, 130, 246, 0.12);
+  }
+
+  /* Table Cell */
+  .ui-table-cell {
+    display: table-cell;
+    vertical-align: inherit;
+    border-bottom: 1px solid #e2e8f0;
+    text-align: left;
+    color: #0f172a;
+    font-size: 0.875rem;
+    line-height: 1.43;
+    box-sizing: border-box;
+  }
+
+  /* Cell variants */
+  .ui-table-cell--variant-head {
+    color: #475569;
+    font-weight: 600;
+    background-color: #f8fafc;
+  }
+
+  .ui-table-cell--variant-sticky {
+    position: sticky;
+    top: 0;
+    z-index: 2;
+  }
+
+  .ui-table-cell--variant-footer {
+    color: #475569;
+    font-weight: 600;
+    background-color: #f8fafc;
+    border-bottom: 1px solid #cbd5e1;
+  }
+
+  /* Cell alignments */
+  .ui-table-cell--align-center {
+    text-align: center;
+  }
+  .ui-table-cell--align-right {
+    text-align: right;
+  }
+  .ui-table-cell--align-justify {
+    text-align: justify;
+  }
+
+  /* Cell sizes */
+  .ui-table-cell--size-medium {
+    padding: 12px 16px;
+  }
+  .ui-table-cell--size-small {
+    padding: 6px 12px;
+    font-size: 0.8125rem;
+  }
+
+  /* Cell paddings */
+  .ui-table-cell--padding-none {
+    padding: 0;
+  }
+  .ui-table-cell--padding-checkbox {
+    padding: 0 0 0 4px;
+    width: 48px;
+  }
+`,N=forwardRef(({className:o,component:n,as:i,sx:l,classes:t={},children:r,...e},b)=>jsxs(Fragment,{children:[jsx("style",{dangerouslySetInnerHTML:{__html:k}}),jsx(i||n||"div",{ref:b,className:a$1("ui-table-container",t.root,o),style:{...a(l),...e.style},...e,children:r})]}));N.displayName="TableContainer";var w=forwardRef(({className:o,component:n,as:i,size:l="medium",stickyHeader:t=false,sx:r,classes:e={},children:b,...a$2},m)=>{let p=i||n||"table";return jsx(h.Provider,{value:{size:l,stickyHeader:t},children:jsx(p,{ref:m,className:a$1("ui-table",e.root,o),style:{...a(r),...a$2.style},...a$2,children:b})})});w.displayName="Table";var S=forwardRef(({className:o,component:n,as:i,sx:l,classes:t={},children:r,...e},b)=>{let a$2=i||n||"thead";return jsx(f.Provider,{value:{variant:"head"},children:jsx(a$2,{ref:b,className:a$1("ui-table-head",t.root,o),style:{...a(l),...e.style},...e,children:r})})});S.displayName="TableHead";var L=forwardRef(({className:o,component:n,as:i,sx:l,classes:t={},children:r,...e},b)=>{let a$2=i||n||"tbody";return jsx(f.Provider,{value:{variant:"body"},children:jsx(a$2,{ref:b,className:a$1("ui-table-body",t.root,o),style:{...a(l),...e.style},...e,children:r})})});L.displayName="TableBody";var E=forwardRef(({className:o,component:n,as:i,hover:l=false,selected:t=false,sx:r,classes:e={},children:b,...a$2},m)=>jsx(i||n||"tr",{ref:m,className:a$1("ui-table-row",l&&"ui-table-row--hover",t&&"ui-table-row--selected",e.root,o),style:{...a(r),...a$2.style},...a$2,children:b}));E.displayName="TableRow";var M=forwardRef(({className:o,component:n,as:i,align:l="inherit",padding:t="normal",size:r,sortDirection:e,variant:b,sx:a$2,classes:m={},children:p,...T},P)=>{let x=useContext(h),z=useContext(f),y=b||z?.variant||"body",C=r||x.size||"medium",H=y==="head"&&x.stickyHeader;return jsx(i||n||(y==="head"?"th":"td"),{ref:P,"aria-sort":e==="asc"?"ascending":e==="desc"?"descending":void 0,className:a$1("ui-table-cell",`ui-table-cell--variant-${y}`,H&&"ui-table-cell--variant-sticky",l!=="inherit"&&`ui-table-cell--align-${l}`,`ui-table-cell--size-${C}`,t!=="normal"&&`ui-table-cell--padding-${t}`,m.root,o),style:{...a(a$2),...T.style},...T,children:p})});M.displayName="TableCell";var R=w;export{N as a,w as b,S as c,L as d,E as e,M as f,R as g};//# sourceMappingURL=chunk-3K6JBWL2.mjs.map
+//# sourceMappingURL=chunk-3K6JBWL2.mjs.map

package/dist/chunk-3K6JBWL2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Table/Table.tsx"],"names":["TableContext","createContext","Tablelvl2Context","STYLES","TableContainer","forwardRef","className","component","as","sx","classes","children","props","ref","jsxs","Fragment","jsx","cn","handleSx","Table","size","stickyHeader","Component","TableHead","TableBody","TableRow","hover","selected","TableCell","align","padding","sizeProp","sortDirection","variantProp","tableContext","useContext","tablelvl2Context","variant","isStickyHeader","Table_default"],"mappings":"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","file":"chunk-3K6JBWL2.mjs","sourcesContent":["'use client';\n\nimport { forwardRef, createContext, useContext } from 'react';\nimport { cn } from '../../utils/cn';\nimport { handleSx } from '../../utils/handleSx';\nimport {\n  TableProps,\n  TableContainerProps,\n  TableHeadProps,\n  TableBodyProps,\n  TableRowProps,\n  TableCellProps,\n} from './Table.types';\n\n// Contexts for passing down size, variant and stickyHeader behavior\ninterface TableContextValue {\n  size?: 'small' | 'medium';\n  stickyHeader?: boolean;\n}\n\nconst TableContext = createContext<TableContextValue>({});\n\ninterface Tablelvl2ContextValue {\n  variant: 'head' | 'body' | 'footer';\n}\n\nconst Tablelvl2Context = createContext<Tablelvl2ContextValue | undefined>(undefined);\n\nconst STYLES = `\n  /* Table Container */\n  .ui-table-container {\n    width: 100%;\n    overflow-x: auto;\n    position: relative;\n    box-sizing: border-box;\n  }\n\n  /* Table */\n  .ui-table {\n    display: table;\n    width: 100%;\n    border-collapse: collapse;\n    border-spacing: 0;\n    font-family: inherit;\n    text-align: left;\n    box-sizing: border-box;\n  }\n\n  /* Table Head, Body, Footer */\n  .ui-table-head {\n    display: table-header-group;\n  }\n  .ui-table-body {\n    display: table-row-group;\n  }\n  .ui-table-footer {\n    display: table-footer-group;\n  }\n\n  /* Table Row */\n  .ui-table-row {\n    color: inherit;\n    display: table-row;\n    vertical-align: middle;\n    outline: 0;\n    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n  }\n\n  .ui-table-row--hover:hover {\n    background-color: #f8fafc;\n  }\n\n  .ui-table-row--selected {\n    background-color: rgba(59, 130, 246, 0.08);\n  }\n\n  .ui-table-row--selected:hover {\n    background-color: rgba(59, 130, 246, 0.12);\n  }\n\n  /* Table Cell */\n  .ui-table-cell {\n    display: table-cell;\n    vertical-align: inherit;\n    border-bottom: 1px solid #e2e8f0;\n    text-align: left;\n    color: #0f172a;\n    font-size: 0.875rem;\n    line-height: 1.43;\n    box-sizing: border-box;\n  }\n\n  /* Cell variants */\n  .ui-table-cell--variant-head {\n    color: #475569;\n    font-weight: 600;\n    background-color: #f8fafc;\n  }\n\n  .ui-table-cell--variant-sticky {\n    position: sticky;\n    top: 0;\n    z-index: 2;\n  }\n\n  .ui-table-cell--variant-footer {\n    color: #475569;\n    font-weight: 600;\n    background-color: #f8fafc;\n    border-bottom: 1px solid #cbd5e1;\n  }\n\n  /* Cell alignments */\n  .ui-table-cell--align-center {\n    text-align: center;\n  }\n  .ui-table-cell--align-right {\n    text-align: right;\n  }\n  .ui-table-cell--align-justify {\n    text-align: justify;\n  }\n\n  /* Cell sizes */\n  .ui-table-cell--size-medium {\n    padding: 12px 16px;\n  }\n  .ui-table-cell--size-small {\n    padding: 6px 12px;\n    font-size: 0.8125rem;\n  }\n\n  /* Cell paddings */\n  .ui-table-cell--padding-none {\n    padding: 0;\n  }\n  .ui-table-cell--padding-checkbox {\n    padding: 0 0 0 4px;\n    width: 48px;\n  }\n`;\n\n// ==================== TABLE CONTAINER ====================\nexport const TableContainer = forwardRef<HTMLElement, TableContainerProps>(\n  ({ className, component, as, sx, classes = {}, children, ...props }, ref) => {\n    const Component = as || component || 'div';\n    return (\n      <>\n        <style dangerouslySetInnerHTML={{ __html: STYLES }} />\n        <Component\n          ref={ref as any}\n          className={cn('ui-table-container', classes.root, className)}\n          style={{ ...handleSx(sx), ...props.style }}\n          {...props}\n        >\n          {children}\n        </Component>\n      </>\n    );\n  }\n);\nTableContainer.displayName = 'TableContainer';\n\n// ==================== TABLE ====================\nexport const Table = forwardRef<HTMLTableElement, TableProps>(\n  ({ className, component, as, size = 'medium', stickyHeader = false, sx, classes = {}, children, ...props }, ref) => {\n    const Component = as || component || 'table';\n    return (\n      <TableContext.Provider value={{ size, stickyHeader }}>\n        <Component\n          ref={ref as any}\n          className={cn('ui-table', classes.root, className)}\n          style={{ ...handleSx(sx), ...props.style }}\n          {...props}\n        >\n          {children}\n        </Component>\n      </TableContext.Provider>\n    );\n  }\n);\nTable.displayName = 'Table';\n\n// ==================== TABLE HEAD ====================\nexport const TableHead = forwardRef<HTMLTableSectionElement, TableHeadProps>(\n  ({ className, component, as, sx, classes = {}, children, ...props }, ref) => {\n    const Component = as || component || 'thead';\n    return (\n      <Tablelvl2Context.Provider value={{ variant: 'head' }}>\n        <Component\n          ref={ref as any}\n          className={cn('ui-table-head', classes.root, className)}\n          style={{ ...handleSx(sx), ...props.style }}\n          {...props}\n        >\n          {children}\n        </Component>\n      </Tablelvl2Context.Provider>\n    );\n  }\n);\nTableHead.displayName = 'TableHead';\n\n// ==================== TABLE BODY ====================\nexport const TableBody = forwardRef<HTMLTableSectionElement, TableBodyProps>(\n  ({ className, component, as, sx, classes = {}, children, ...props }, ref) => {\n    const Component = as || component || 'tbody';\n    return (\n      <Tablelvl2Context.Provider value={{ variant: 'body' }}>\n        <Component\n          ref={ref as any}\n          className={cn('ui-table-body', classes.root, className)}\n          style={{ ...handleSx(sx), ...props.style }}\n          {...props}\n        >\n          {children}\n        </Component>\n      </Tablelvl2Context.Provider>\n    );\n  }\n);\nTableBody.displayName = 'TableBody';\n\n// ==================== TABLE ROW ====================\nexport const TableRow = forwardRef<HTMLTableRowElement, TableRowProps>(\n  ({ className, component, as, hover = false, selected = false, sx, classes = {}, children, ...props }, ref) => {\n    const Component = as || component || 'tr';\n    return (\n      <Component\n        ref={ref as any}\n        className={cn(\n          'ui-table-row',\n          hover && 'ui-table-row--hover',\n          selected && 'ui-table-row--selected',\n          classes.root,\n          className\n        )}\n        style={{ ...handleSx(sx), ...props.style }}\n        {...props}\n      >\n        {children}\n      </Component>\n    );\n  }\n);\nTableRow.displayName = 'TableRow';\n\n// ==================== TABLE CELL ====================\nexport const TableCell = forwardRef<HTMLTableCellElement, TableCellProps>(\n  (\n    {\n      className,\n      component,\n      as,\n      align = 'inherit',\n      padding = 'normal',\n      size: sizeProp,\n      sortDirection,\n      variant: variantProp,\n      sx,\n      classes = {},\n      children,\n      ...props\n    },\n    ref\n  ) => {\n    const tableContext = useContext(TableContext);\n    const tablelvl2Context = useContext(Tablelvl2Context);\n\n    // Resolve variant (inherited from parent if not specified)\n    const variant = variantProp || tablelvl2Context?.variant || 'body';\n    \n    // Resolve size (inherited from table context if not specified)\n    const size = sizeProp || tableContext.size || 'medium';\n\n    // Sticky header\n    const isStickyHeader = variant === 'head' && tableContext.stickyHeader;\n\n    // Component resolves to 'th' if head or footer (for accessibility), else 'td'\n    const Component = as || component || (variant === 'head' ? 'th' : 'td');\n\n    const ariaSort =\n      sortDirection === 'asc'\n        ? 'ascending'\n        : sortDirection === 'desc'\n        ? 'descending'\n        : undefined;\n\n    return (\n      <Component\n        ref={ref as any}\n        aria-sort={ariaSort}\n        className={cn(\n          'ui-table-cell',\n          variant && `ui-table-cell--variant-${variant}`,\n          isStickyHeader && 'ui-table-cell--variant-sticky',\n          align !== 'inherit' && `ui-table-cell--align-${align}`,\n          size && `ui-table-cell--size-${size}`,\n          padding !== 'normal' && `ui-table-cell--padding-${padding}`,\n          classes.root,\n          className\n        )}\n        style={{ ...handleSx(sx), ...props.style }}\n        {...props}\n      >\n        {children}\n      </Component>\n    );\n  }\n);\nTableCell.displayName = 'TableCell';\n\nexport default Table;\n"]}

package/dist/chunk-3WIMLQGG.mjs

@@ -0,0 +1,107 @@
+import {a}from'./chunk-547MQ4FI.mjs';import {forwardRef}from'react';import {jsxs,Fragment,jsx}from'react/jsx-runtime';var T=`
+  .ui-floating-button {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    box-sizing: border-box;
+    border: none;
+    outline: none;
+    cursor: pointer;
+    user-select: none;
+    vertical-align: middle;
+    appearance: none;
+    text-decoration: none;
+    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+    box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2), 0px 6px 10px 0px rgba(0,0,0,0.14), 0px 1px 18px 0px rgba(0,0,0,0.12);
+    font-family: inherit;
+    font-weight: 500;
+    line-height: 1.75;
+    text-transform: uppercase;
+  }
+
+  .ui-floating-button:hover {
+    box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2), 0px 4px 5px 0px rgba(0,0,0,0.14), 0px 1px 10px 0px rgba(0,0,0,0.12);
+  }
+
+  .ui-floating-button:active {
+    box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2), 0px 8px 10px 1px rgba(0,0,0,0.14), 0px 3px 14px 2px rgba(0,0,0,0.12);
+  }
+
+  .ui-floating-button:disabled {
+    color: rgba(0, 0, 0, 0.26);
+    box-shadow: none;
+    background-color: rgba(0, 0, 0, 0.12);
+    cursor: default;
+    pointer-events: none;
+  }
+
+  /* Variants */
+  .ui-floating-button--circular {
+    border-radius: 50%;
+  }
+
+  .ui-floating-button--extended {
+    border-radius: 24px;
+    padding: 0 16px;
+    width: auto;
+    min-width: 48px;
+  }
+
+  /* Sizes */
+  .ui-floating-button--small.ui-floating-button--circular {
+    width: 40px;
+    height: 40px;
+  }
+  .ui-floating-button--medium.ui-floating-button--circular {
+    width: 56px;
+    height: 56px;
+  }
+  .ui-floating-button--large.ui-floating-button--circular {
+    width: 72px;
+    height: 72px;
+  }
+
+  .ui-floating-button--small.ui-floating-button--extended {
+    height: 32px;
+    font-size: 0.8125rem;
+  }
+  .ui-floating-button--medium.ui-floating-button--extended {
+    height: 48px;
+    font-size: 0.875rem;
+  }
+  .ui-floating-button--large.ui-floating-button--extended {
+    height: 64px;
+    font-size: 0.9375rem;
+  }
+
+  /* Colors */
+  .ui-floating-button--default {
+    color: rgba(0, 0, 0, 0.87);
+    background-color: #e0e0e0;
+  }
+  .ui-floating-button--default:hover {
+    background-color: #d5d5d5;
+  }
+
+  .ui-floating-button--primary {
+    color: #fff;
+    background-color: #1976d2;
+  }
+  .ui-floating-button--primary:hover {
+    background-color: #1565c0;
+  }
+
+  .ui-floating-button--secondary {
+    color: #fff;
+    background-color: #dc004e;
+  }
+  .ui-floating-button--secondary:hover {
+    background-color: #c51162;
+  }
+
+  .ui-floating-button--inherit {
+    color: inherit;
+    background-color: inherit;
+  }
+`,e=forwardRef(({as:r,component:a$1,className:u,classes:l,children:p,color:b="default",disabled:g=false,size:x="medium",variant:c="circular",slotProps:d={},slots:f={},sx:s,...m},h)=>{let y=f.root||r||a$1||"button",w=(k,t={})=>{let o=d[k],v=typeof o=="function"?o(t):o;return {...t,...v}};return jsxs(Fragment,{children:[jsx("style",{dangerouslySetInnerHTML:{__html:T}}),jsx(y,{ref:h,disabled:g,className:a("ui-floating-button",`ui-floating-button--${c}`,`ui-floating-button--${x}`,`ui-floating-button--${b}`,u,l?.root),style:{...s},...w("root",m),children:p})]})});e.displayName="FloatingButton";var B=e;export{B as a};//# sourceMappingURL=chunk-3WIMLQGG.mjs.map
+//# sourceMappingURL=chunk-3WIMLQGG.mjs.map

package/dist/chunk-3WIMLQGG.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/FloatingButton/FloatingButton.tsx"],"names":["STYLES","FloatingButton","forwardRef","as","component","className","classes","children","color","disabled","size","variant","slotProps","slots","sx","props","ref","RootComponent","getSlotProps","slotName","baseProps","customProps","resolvedCustomProps","jsxs","Fragment","jsx","cn","FloatingButton_default"],"mappings":"sHAIA,IAAMA,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;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;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,CA2GFC,CAAAA,CAAiBC,UAAAA,CAAW,CACvC,CACE,EAAA,CAAAC,CAAAA,CACA,SAAA,CAAAC,GAAAA,CACA,SAAA,CAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CACA,SAAAC,CAAAA,CACA,KAAA,CAAAC,CAAAA,CAAQ,SAAA,CACR,QAAA,CAAAC,CAAAA,CAAW,KAAA,CACX,IAAA,CAAAC,CAAAA,CAAO,QAAA,CACP,OAAA,CAAAC,CAAAA,CAAU,UAAA,CACV,SAAA,CAAAC,CAAAA,CAAY,GACZ,KAAA,CAAAC,CAAAA,CAAQ,EAAC,CACT,EAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CACAC,CAAAA,GACG,CACH,IAAMC,CAAAA,CAAgBJ,CAAAA,CAAM,IAAA,EAAQV,CAAAA,EAAMC,KAAa,QAAA,CAEjDc,CAAAA,CAAe,CAACC,CAAAA,CAAkBC,CAAAA,CAAiB,EAAC,GAAM,CAC9D,IAAMC,CAAAA,CAAcT,CAAAA,CAAUO,CAAQ,CAAA,CAChCG,CAAAA,CAAsB,OAAOD,CAAAA,EAAgB,WAAaA,CAAAA,CAAYD,CAAS,CAAA,CAAIC,CAAAA,CACzF,OAAO,CAAE,GAAGD,CAAAA,CAAW,GAAGE,CAAoB,CAChD,CAAA,CAEA,OACEC,IAAAA,CAAAC,QAAAA,CAAA,CACE,UAAAC,GAAAA,CAAC,OAAA,CAAA,CAAM,uBAAA,CAAyB,CAAE,MAAA,CAAQzB,CAAO,CAAA,CAAG,CAAA,CACpDyB,GAAAA,CAACR,CAAAA,CAAA,CACC,GAAA,CAAKD,CAAAA,CACL,QAAA,CAAUP,CAAAA,CACV,SAAA,CAAWiB,EACT,oBAAA,CACA,CAAA,oBAAA,EAAuBf,CAAO,CAAA,CAAA,CAC9B,CAAA,oBAAA,EAAuBD,CAAI,CAAA,CAAA,CAC3B,CAAA,oBAAA,EAAuBF,CAAK,CAAA,CAAA,CAC5BH,CAAAA,CACAC,CAAAA,EAAS,IACX,CAAA,CACA,KAAA,CAAO,CAAE,GAAGQ,CAAG,CAAA,CACd,GAAGI,CAAAA,CAAa,MAAA,CAAQH,CAAK,CAAA,CAE7B,QAAA,CAAAR,CAAAA,CACH,CAAA,CAAA,CACF,CAEJ,CAAC,CAAA,CAEDN,CAAAA,CAAe,WAAA,CAAc,gBAAA,KAEtB0B,CAAAA,CAAQ1B","file":"chunk-3WIMLQGG.mjs","sourcesContent":["import { forwardRef, ElementType } from 'react';\nimport { cn } from '../../utils/cn';\nimport { FloatingButtonProps } from './types';\n\nconst STYLES = `\n  .ui-floating-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    box-sizing: border-box;\n    border: none;\n    outline: none;\n    cursor: pointer;\n    user-select: none;\n    vertical-align: middle;\n    appearance: none;\n    text-decoration: none;\n    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n    box-shadow: 0px 3px 5px -1px rgba(0,0,0,0.2), 0px 6px 10px 0px rgba(0,0,0,0.14), 0px 1px 18px 0px rgba(0,0,0,0.12);\n    font-family: inherit;\n    font-weight: 500;\n    line-height: 1.75;\n    text-transform: uppercase;\n  }\n\n  .ui-floating-button:hover {\n    box-shadow: 0px 2px 4px -1px rgba(0,0,0,0.2), 0px 4px 5px 0px rgba(0,0,0,0.14), 0px 1px 10px 0px rgba(0,0,0,0.12);\n  }\n\n  .ui-floating-button:active {\n    box-shadow: 0px 5px 5px -3px rgba(0,0,0,0.2), 0px 8px 10px 1px rgba(0,0,0,0.14), 0px 3px 14px 2px rgba(0,0,0,0.12);\n  }\n\n  .ui-floating-button:disabled {\n    color: rgba(0, 0, 0, 0.26);\n    box-shadow: none;\n    background-color: rgba(0, 0, 0, 0.12);\n    cursor: default;\n    pointer-events: none;\n  }\n\n  /* Variants */\n  .ui-floating-button--circular {\n    border-radius: 50%;\n  }\n\n  .ui-floating-button--extended {\n    border-radius: 24px;\n    padding: 0 16px;\n    width: auto;\n    min-width: 48px;\n  }\n\n  /* Sizes */\n  .ui-floating-button--small.ui-floating-button--circular {\n    width: 40px;\n    height: 40px;\n  }\n  .ui-floating-button--medium.ui-floating-button--circular {\n    width: 56px;\n    height: 56px;\n  }\n  .ui-floating-button--large.ui-floating-button--circular {\n    width: 72px;\n    height: 72px;\n  }\n\n  .ui-floating-button--small.ui-floating-button--extended {\n    height: 32px;\n    font-size: 0.8125rem;\n  }\n  .ui-floating-button--medium.ui-floating-button--extended {\n    height: 48px;\n    font-size: 0.875rem;\n  }\n  .ui-floating-button--large.ui-floating-button--extended {\n    height: 64px;\n    font-size: 0.9375rem;\n  }\n\n  /* Colors */\n  .ui-floating-button--default {\n    color: rgba(0, 0, 0, 0.87);\n    background-color: #e0e0e0;\n  }\n  .ui-floating-button--default:hover {\n    background-color: #d5d5d5;\n  }\n\n  .ui-floating-button--primary {\n    color: #fff;\n    background-color: #1976d2;\n  }\n  .ui-floating-button--primary:hover {\n    background-color: #1565c0;\n  }\n\n  .ui-floating-button--secondary {\n    color: #fff;\n    background-color: #dc004e;\n  }\n  .ui-floating-button--secondary:hover {\n    background-color: #c51162;\n  }\n\n  .ui-floating-button--inherit {\n    color: inherit;\n    background-color: inherit;\n  }\n`;\n\nexport const FloatingButton = forwardRef(<T extends ElementType = 'button'>(\n  {\n    as,\n    component,\n    className,\n    classes,\n    children,\n    color = 'default',\n    disabled = false,\n    size = 'medium',\n    variant = 'circular',\n    slotProps = {},\n    slots = {},\n    sx,\n    ...props\n  }: FloatingButtonProps<T>,\n  ref: any\n) => {\n  const RootComponent = slots.root || as || component || 'button';\n\n  const getSlotProps = (slotName: 'root', baseProps: any = {}) => {\n    const customProps = slotProps[slotName];\n    const resolvedCustomProps = typeof customProps === 'function' ? customProps(baseProps) : customProps;\n    return { ...baseProps, ...resolvedCustomProps };\n  };\n\n  return (\n    <>\n      <style dangerouslySetInnerHTML={{ __html: STYLES }} />\n      <RootComponent\n        ref={ref}\n        disabled={disabled}\n        className={cn(\n          'ui-floating-button',\n          `ui-floating-button--${variant}`,\n          `ui-floating-button--${size}`,\n          `ui-floating-button--${color}`,\n          className,\n          classes?.root\n        )}\n        style={{ ...sx }}\n        {...getSlotProps('root', props)}\n      >\n        {children}\n      </RootComponent>\n    </>\n  );\n});\n\nFloatingButton.displayName = 'FloatingButton';\n\nexport default FloatingButton;\n"]}