dhanasekar-ui 1.2.0 → 1.4.0

package/dist/chunk-DBSBLGGH.js

@@ -0,0 +1,40 @@
+'use strict';var chunkMLURKSJZ_js=require('./chunk-MLURKSJZ.js'),chunkDDGBDWFC_js=require('./chunk-DDGBDWFC.js'),y=require('react'),jsxRuntime=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var y__default=/*#__PURE__*/_interopDefault(y);var u={xs:0,sm:600,md:900,lg:1200,xl:1536},S=()=>{let t=`
+    .ui-grid-container {
+      display: flex;
+      flex-wrap: wrap;
+      box-sizing: border-box;
+      width: 100%;
+    }
+    .ui-grid-item {
+      box-sizing: border-box;
+      margin: 0;
+    }
+    
+    .ui-grid-direction-row { flex-direction: row; }
+    .ui-grid-direction-row-reverse { flex-direction: row-reverse; }
+    .ui-grid-direction-column { flex-direction: column; }
+    .ui-grid-direction-column-reverse { flex-direction: column-reverse; }
+    
+    .ui-grid-wrap-nowrap { flex-wrap: nowrap; }
+    .ui-grid-wrap-wrap { flex-wrap: wrap; }
+    .ui-grid-wrap-wrap-reverse { flex-wrap: wrap-reverse; }
+  `;return Object.keys(u).forEach(d=>{let e=u[d],o=e>0?`@media (min-width: ${e}px)`:"",s=`
+      .ui-grid-size-${d}-auto {
+        flex-grow: 1;
+        max-width: 100%;
+        flex-basis: 0;
+      }
+    `;for(let i=1;i<=12;i++){let r=i/12*100,n=(12-i)/12;s+=`
+        .ui-grid-size-${d}-${i} {
+          flex-grow: 0;
+          max-width: calc(${r}% - var(--ui-grid-gap, 0px) * ${n});
+          flex-basis: calc(${r}% - var(--ui-grid-gap, 0px) * ${n});
+        }
+      `;}o?t+=`
+${o} {
+${s}
+}
+`:t+=`
+${s}
+`;}),t},b=S(),h=y__default.default.forwardRef(({children:t,className:d,container:e=false,spacing:o=0,direction:s="row",wrap:i="wrap",size:r,style:n,sx:g,...x},m)=>{let a=[];r!==void 0&&(typeof r=="number"||r==="auto"?a.push(`ui-grid-size-xs-${r}`):typeof r=="object"&&Object.entries(r).forEach(([$,p])=>{p!==void 0&&a.push(`ui-grid-size-${$}-${p}`);}));let w=e&&o?{gap:`${o*8}px`,"--ui-grid-gap":`${o*8}px`}:{};return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[e&&jsxRuntime.jsx("style",{dangerouslySetInnerHTML:{__html:b},suppressHydrationWarning:true}),jsxRuntime.jsx("div",{ref:m,className:chunkDDGBDWFC_js.a(e?"ui-grid-container":"ui-grid-item",e&&`ui-grid-direction-${s}`,e&&`ui-grid-wrap-${i}`,...a,d),style:{...w,...chunkMLURKSJZ_js.a(g),...n},...x,children:t})]})});h.displayName="Grid";exports.a=h;//# sourceMappingURL=chunk-DBSBLGGH.js.map
+//# sourceMappingURL=chunk-DBSBLGGH.js.map

package/dist/chunk-DBSBLGGH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Grid/Grid.tsx"],"names":["BREAKPOINTS","generateGridCSS","css","bp","minWidth","mediaQuery","bpCSS","percentage","gapOffset","GRID_STYLES","Grid","React","children","className","container","spacing","direction","wrap","size","style","sx","props","ref","sizeClasses","val","gapStyle","jsxs","Fragment","jsx","cn","handleSx"],"mappings":"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","file":"chunk-DBSBLGGH.js","sourcesContent":["'use client';\n\nimport React, { useEffect } from 'react';\nimport { cn } from '../../utils/cn';\nimport { handleSx } from '../../utils/handleSx';\nimport { GridProps } from './Grid.types';\n\n// Breakpoints matching standard MUI setups\nconst BREAKPOINTS = {\n  xs: 0,\n  sm: 600,\n  md: 900,\n  lg: 1200,\n  xl: 1536,\n};\n\n// CSS Generation for the 12-column grid system\nconst generateGridCSS = () => {\n  let css = `\n    .ui-grid-container {\n      display: flex;\n      flex-wrap: wrap;\n      box-sizing: border-box;\n      width: 100%;\n    }\n    .ui-grid-item {\n      box-sizing: border-box;\n      margin: 0;\n    }\n    \n    .ui-grid-direction-row { flex-direction: row; }\n    .ui-grid-direction-row-reverse { flex-direction: row-reverse; }\n    .ui-grid-direction-column { flex-direction: column; }\n    .ui-grid-direction-column-reverse { flex-direction: column-reverse; }\n    \n    .ui-grid-wrap-nowrap { flex-wrap: nowrap; }\n    .ui-grid-wrap-wrap { flex-wrap: wrap; }\n    .ui-grid-wrap-wrap-reverse { flex-wrap: wrap-reverse; }\n  `;\n\n  // Generate responsive classes\n  Object.keys(BREAKPOINTS).forEach((bp) => {\n    const minWidth = BREAKPOINTS[bp as keyof typeof BREAKPOINTS];\n    const mediaQuery = minWidth > 0 ? `@media (min-width: ${minWidth}px)` : '';\n\n    let bpCSS = `\n      .ui-grid-size-${bp}-auto {\n        flex-grow: 1;\n        max-width: 100%;\n        flex-basis: 0;\n      }\n    `;\n\n    for (let i = 1; i <= 12; i++) {\n      const percentage = (i / 12) * 100;\n      const gapOffset = (12 - i) / 12;\n      bpCSS += `\n        .ui-grid-size-${bp}-${i} {\n          flex-grow: 0;\n          max-width: calc(${percentage}% - var(--ui-grid-gap, 0px) * ${gapOffset});\n          flex-basis: calc(${percentage}% - var(--ui-grid-gap, 0px) * ${gapOffset});\n        }\n      `;\n    }\n\n    if (mediaQuery) {\n      css += `\\n${mediaQuery} {\\n${bpCSS}\\n}\\n`;\n    } else {\n      css += `\\n${bpCSS}\\n`;\n    }\n  });\n\n  return css;\n};\n\nconst GRID_STYLES = generateGridCSS();\n\nexport const Grid = React.forwardRef<HTMLDivElement, GridProps>(\n  (\n    {\n      children,\n      className,\n      container = false,\n      spacing = 0,\n      direction = 'row',\n      wrap = 'wrap',\n      size,\n      style,\n      sx,\n      ...props\n    },\n    ref\n  ) => {\n    // Generate classes based on size prop\n    const sizeClasses: string[] = [];\n    \n    if (size !== undefined) {\n      if (typeof size === 'number' || size === 'auto') {\n        sizeClasses.push(`ui-grid-size-xs-${size}`);\n      } else if (typeof size === 'object') {\n        Object.entries(size).forEach(([bp, val]) => {\n          if (val !== undefined) {\n            sizeClasses.push(`ui-grid-size-${bp}-${val}`);\n          }\n        });\n      }\n    }\n\n    // Handle gap for container\n    const gapStyle = container && spacing ? { \n      gap: `${spacing * 8}px`,\n      '--ui-grid-gap': `${spacing * 8}px`\n    } as React.CSSProperties : {};\n\n    return (\n      <>\n        {/* Inject styles globally if it's a container. Browser will deduplicate multiple identical tags */}\n        {container && (\n          <style dangerouslySetInnerHTML={{ __html: GRID_STYLES }} suppressHydrationWarning />\n        )}\n        <div\n          ref={ref}\n          className={cn(\n            container ? 'ui-grid-container' : 'ui-grid-item',\n            container && `ui-grid-direction-${direction}`,\n            container && `ui-grid-wrap-${wrap}`,\n            ...sizeClasses,\n            className\n          )}\n          style={{ ...gapStyle, ...handleSx(sx), ...style }}\n          {...props}\n        >\n          {children}\n        </div>\n      </>\n    );\n  }\n);\n\nGrid.displayName = 'Grid';\n"]}

package/dist/chunk-DVDVLGDJ.js

@@ -0,0 +1,121 @@
+'use strict';var chunkDDGBDWFC_js=require('./chunk-DDGBDWFC.js'),react=require('react'),jsxRuntime=require('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;
+  }
+`,$=()=>jsxRuntime.jsxs("svg",{width:"32",height:"32",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx("path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"}),jsxRuntime.jsx("polyline",{points:"17 8 12 3 7 8"}),jsxRuntime.jsx("line",{x1:"12",y1:"3",x2:"12",y2:"15"})]}),I=()=>jsxRuntime.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx("polyline",{points:"3 6 5 6 21 6"}),jsxRuntime.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"})]}),_=()=>jsxRuntime.jsxs("svg",{width:"28",height:"28",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[jsxRuntime.jsx("path",{d:"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"}),jsxRuntime.jsx("polyline",{points:"14 2 14 8 20 8"}),jsxRuntime.jsx("line",{x1:"16",y1:"13",x2:"8",y2:"13"}),jsxRuntime.jsx("line",{x1:"16",y1:"17",x2:"8",y2:"17"}),jsxRuntime.jsx("polyline",{points:"10 9 9 9 8 9"})]}),U=react.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]=react.useState(false),[H,c]=react.useState(false),a=null,t=null,f=false;o instanceof File?(f=o.name.split(".").pop()?.toLowerCase()==="pdf",t=o.name,f||(a=URL.createObjectURL(o))):typeof o=="string"&&o?(f=o.split(".").pop()?.toLowerCase()==="pdf",a=o.startsWith("http")?o:`${h}${o}`,t=o.split("/").pop()||null):p&&!T&&(f=p.split(".").pop()?.toLowerCase()==="pdf",a=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 jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("style",{dangerouslySetInnerHTML:{__html:V}}),jsxRuntime.jsxs("div",{ref:S,className:chunkDDGBDWFC_js.a("ui-pdf-image-upload",E),style:j,children:[jsxRuntime.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&&jsxRuntime.jsx("label",{htmlFor:x,style:{cursor:s?"not-allowed":"pointer",width:"100%"},children:jsxRuntime.jsx("div",{onDrop:k,onDragOver:D,onDragLeave:L,className:chunkDDGBDWFC_js.a("ui-pdf-image-upload-dropzone",H&&"dragging",s&&"disabled"),children:jsxRuntime.jsxs("div",{className:"ui-pdf-image-upload-icon",children:[jsxRuntime.jsx($,{}),jsxRuntime.jsx("p",{style:{fontSize:"14px",margin:0},children:"Drag & drop or click to upload"})]})})}),t&&jsxRuntime.jsx(jsxRuntime.Fragment,{children:f?jsxRuntime.jsxs("div",{className:"ui-pdf-file-preview",children:[jsxRuntime.jsx("span",{style:{color:"#555",display:"flex"},children:jsxRuntime.jsx(_,{})}),a&&!a.startsWith("blob:")?jsxRuntime.jsx("a",{href:a,target:"_blank",rel:"noopener noreferrer",className:"ui-pdf-file-link",title:t,children:jsxRuntime.jsx("p",{className:"ui-pdf-file-name",children:t})}):jsxRuntime.jsx("p",{className:"ui-pdf-file-name",title:t,children:t}),!d&&jsxRuntime.jsx("button",{type:"button",className:"ui-pdf-file-remove-btn",onClick:P,title:"Remove file",children:jsxRuntime.jsx(I,{})})]}):jsxRuntime.jsxs("div",{className:"ui-pdf-image-preview",onDrop:k,onDragOver:D,onDragLeave:L,children:[jsxRuntime.jsx("img",{src:a||"",alt:"Uploaded",className:"ui-pdf-image-preview-img"}),!d&&jsxRuntime.jsx("button",{type:"button",className:"ui-pdf-image-remove-btn",onClick:P,title:"Remove image",children:jsxRuntime.jsx(I,{})})]})}),v&&jsxRuntime.jsx("p",{style:{fontSize:"14px",color:"#FF4C51",margin:0},children:v})]})]})});U.displayName="PdfImageUpload";exports.a=U;//# sourceMappingURL=chunk-DVDVLGDJ.js.map
+//# sourceMappingURL=chunk-DVDVLGDJ.js.map

package/dist/chunk-DVDVLGDJ.js.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-DVDVLGDJ.js","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"]}

package/dist/chunk-EN76JE3Y.js

@@ -0,0 +1,64 @@
+'use strict';var chunkDDGBDWFC_js=require('./chunk-DDGBDWFC.js'),react=require('react'),jsxRuntime=require('react/jsx-runtime');var B=`
+  .ui-navigator {
+    font-family: inherit;
+  }
+
+  .ui-navigator-ol {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    padding: 0;
+    margin: 0;
+    list-style: none;
+    gap: 0;
+  }
+
+  .ui-navigator-li {
+    display: flex;
+    align-items: center;
+    user-select: none;
+  }
+
+  .ui-navigator-separator {
+    display: flex;
+    align-items: center;
+    color: #94a3b8;
+    margin: 0 8px;
+    font-size: 0.875rem;
+    user-select: none;
+  }
+
+  .ui-navigator-collapsed-btn {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: none;
+    border: 1px solid transparent;
+    border-radius: 6px;
+    cursor: pointer;
+    padding: 4px 6px;
+    color: #64748b;
+    font-size: 1.125rem;
+    line-height: 1;
+    letter-spacing: 2px;
+    transition: all 0.2s ease;
+    font-weight: 700;
+  }
+
+  .ui-navigator-collapsed-btn:hover {
+    background-color: #f1f5f9;
+    border-color: #e2e8f0;
+    color: #334155;
+  }
+
+  .ui-navigator-collapsed-btn:focus-visible {
+    outline: 2px solid #3b82f6;
+    outline-offset: 2px;
+  }
+
+  .ui-navigator-collapsed-btn:active {
+    background-color: #e2e8f0;
+  }
+`,D=u=>jsxRuntime.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",...u,children:[jsxRuntime.jsx("circle",{cx:"6",cy:"12",r:"2"}),jsxRuntime.jsx("circle",{cx:"12",cy:"12",r:"2"}),jsxRuntime.jsx("circle",{cx:"18",cy:"12",r:"2"})]}),O=react.forwardRef(({as:u,children:y,classes:l,component:b,expandText:g="Show path",itemsAfterCollapse:h=1,itemsBeforeCollapse:d=1,maxItems:N=8,separator:x="/",slotProps:w={},slots:I={},sx:i,className:k,...R},S)=>{let C=b||u||"nav",E=I.CollapsedIcon||D,[T,$]=react.useState(false),s=react.Children.toArray(y),m=s.length,A=!T&&m>N,c=n=>jsxRuntime.jsx("li",{"aria-hidden":"true",className:chunkDDGBDWFC_js.a("ui-navigator-separator",l?.separator),children:x},`separator-${n}`),L=(n,p={})=>{let e=w[n],t=typeof e=="function"?e(p):e;return {...p,...t}},P=()=>{let n=L("collapsedIcon");return jsxRuntime.jsx("li",{className:chunkDDGBDWFC_js.a("ui-navigator-li",l?.collapsed),children:jsxRuntime.jsx("button",{type:"button",className:"ui-navigator-collapsed-btn","aria-label":g,title:g,onClick:()=>$(true),children:jsxRuntime.jsx(E,{...n})})},"collapsed-ellipsis")},z=()=>{if(!A){let t=[];return s.forEach((r,f)=>{f>0&&t.push(c(f)),t.push(jsxRuntime.jsx("li",{className:chunkDDGBDWFC_js.a("ui-navigator-li",l?.li),children:r},`item-${f}`));}),t}let n=s.slice(0,d),p=s.slice(m-h),e=[];return n.forEach((t,r)=>{r>0&&e.push(c(r)),e.push(jsxRuntime.jsx("li",{className:chunkDDGBDWFC_js.a("ui-navigator-li",l?.li),children:t},`before-${r}`));}),e.push(c(d)),e.push(P()),p.forEach((t,r)=>{e.push(c(d+1+r)),e.push(jsxRuntime.jsx("li",{className:chunkDDGBDWFC_js.a("ui-navigator-li",l?.li),children:t},`after-${r}`));}),e},H=typeof i=="function"?i({}):Array.isArray(i)?Object.assign({},...i.filter(Boolean)):i;return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("style",{dangerouslySetInnerHTML:{__html:B}}),jsxRuntime.jsx(C,{ref:S,"aria-label":"breadcrumb",className:chunkDDGBDWFC_js.a("ui-navigator",l?.root,k),style:{...H},...R,children:jsxRuntime.jsx("ol",{className:chunkDDGBDWFC_js.a("ui-navigator-ol",l?.ol),children:z()})})]})});O.displayName="Navigator";
+exports.a=O;//# sourceMappingURL=chunk-EN76JE3Y.js.map
+//# sourceMappingURL=chunk-EN76JE3Y.js.map

package/dist/chunk-EN76JE3Y.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Navigator/Navigator.tsx"],"names":["STYLES","DefaultCollapsedIcon","props","jsxs","jsx","Navigator","forwardRef","as","children","classes","component","expandText","itemsAfterCollapse","itemsBeforeCollapse","maxItems","separator","slotProps","slots","sx","className","ref","RootComponent","CollapsedIconSlot","expanded","setExpanded","useState","allItems","Children","totalItems","needsCollapse","renderSeparator","index","cn","resolveSlotProps","slotName","baseProps","custom","resolved","renderCollapsedButton","iconProps","buildItems","result","child","beforeItems","afterItems","resolvedSx","Fragment"],"mappings":"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","file":"chunk-EN76JE3Y.js","sourcesContent":["'use client';\n\nimport { forwardRef, ElementType, Children, useState, ReactNode } from 'react';\nimport { cn } from '../../utils/cn';\nimport { NavigatorProps } from './types';\n\nconst STYLES = `\n  .ui-navigator {\n    font-family: inherit;\n  }\n\n  .ui-navigator-ol {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    padding: 0;\n    margin: 0;\n    list-style: none;\n    gap: 0;\n  }\n\n  .ui-navigator-li {\n    display: flex;\n    align-items: center;\n    user-select: none;\n  }\n\n  .ui-navigator-separator {\n    display: flex;\n    align-items: center;\n    color: #94a3b8;\n    margin: 0 8px;\n    font-size: 0.875rem;\n    user-select: none;\n  }\n\n  .ui-navigator-collapsed-btn {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: none;\n    border: 1px solid transparent;\n    border-radius: 6px;\n    cursor: pointer;\n    padding: 4px 6px;\n    color: #64748b;\n    font-size: 1.125rem;\n    line-height: 1;\n    letter-spacing: 2px;\n    transition: all 0.2s ease;\n    font-weight: 700;\n  }\n\n  .ui-navigator-collapsed-btn:hover {\n    background-color: #f1f5f9;\n    border-color: #e2e8f0;\n    color: #334155;\n  }\n\n  .ui-navigator-collapsed-btn:focus-visible {\n    outline: 2px solid #3b82f6;\n    outline-offset: 2px;\n  }\n\n  .ui-navigator-collapsed-btn:active {\n    background-color: #e2e8f0;\n  }\n`;\n\n/**\n * Default collapsed icon — three dots (ellipsis).\n */\nconst DefaultCollapsedIcon = (props: Record<string, any>) => (\n  <svg\n    width=\"20\"\n    height=\"20\"\n    viewBox=\"0 0 24 24\"\n    fill=\"currentColor\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <circle cx=\"6\" cy=\"12\" r=\"2\" />\n    <circle cx=\"12\" cy=\"12\" r=\"2\" />\n    <circle cx=\"18\" cy=\"12\" r=\"2\" />\n  </svg>\n);\n\nexport const Navigator = forwardRef<HTMLElement, NavigatorProps>(\n  (\n    {\n      as,\n      children,\n      classes,\n      component,\n      expandText = 'Show path',\n      itemsAfterCollapse = 1,\n      itemsBeforeCollapse = 1,\n      maxItems = 8,\n      separator = '/',\n      slotProps = {},\n      slots = {},\n      sx,\n      className,\n      ...props\n    },\n    ref\n  ) => {\n    const RootComponent: ElementType = component || as || 'nav';\n    const CollapsedIconSlot = slots.CollapsedIcon || DefaultCollapsedIcon;\n\n    const [expanded, setExpanded] = useState(false);\n\n    const allItems = Children.toArray(children);\n    const totalItems = allItems.length;\n\n    const needsCollapse = !expanded && totalItems > maxItems;\n\n    const renderSeparator = (index: number) => (\n      <li\n        key={`separator-${index}`}\n        aria-hidden=\"true\"\n        className={cn('ui-navigator-separator', classes?.separator)}\n      >\n        {separator}\n      </li>\n    );\n\n    const resolveSlotProps = (\n      slotName: 'collapsedIcon',\n      baseProps: Record<string, any> = {}\n    ) => {\n      const custom = slotProps[slotName];\n      const resolved = typeof custom === 'function' ? custom(baseProps) : custom;\n      return { ...baseProps, ...resolved };\n    };\n\n    const renderCollapsedButton = () => {\n      const iconProps = resolveSlotProps('collapsedIcon');\n      return (\n        <li key=\"collapsed-ellipsis\" className={cn('ui-navigator-li', classes?.collapsed)}>\n          <button\n            type=\"button\"\n            className=\"ui-navigator-collapsed-btn\"\n            aria-label={expandText}\n            title={expandText}\n            onClick={() => setExpanded(true)}\n          >\n            <CollapsedIconSlot {...iconProps} />\n          </button>\n        </li>\n      );\n    };\n\n    const buildItems = (): ReactNode[] => {\n      if (!needsCollapse) {\n        // Render all items with separators between them\n        const result: ReactNode[] = [];\n        allItems.forEach((child, index) => {\n          if (index > 0) {\n            result.push(renderSeparator(index));\n          }\n          result.push(\n            <li key={`item-${index}`} className={cn('ui-navigator-li', classes?.li)}>\n              {child}\n            </li>\n          );\n        });\n        return result;\n      }\n\n      // Collapsed: show first N, ellipsis, last M\n      const beforeItems = allItems.slice(0, itemsBeforeCollapse);\n      const afterItems = allItems.slice(totalItems - itemsAfterCollapse);\n\n      const result: ReactNode[] = [];\n\n      // Before items\n      beforeItems.forEach((child, index) => {\n        if (index > 0) {\n          result.push(renderSeparator(index));\n        }\n        result.push(\n          <li key={`before-${index}`} className={cn('ui-navigator-li', classes?.li)}>\n            {child}\n          </li>\n        );\n      });\n\n      // Separator before ellipsis\n      result.push(renderSeparator(itemsBeforeCollapse));\n\n      // Ellipsis button\n      result.push(renderCollapsedButton());\n\n      // After items\n      afterItems.forEach((child, index) => {\n        result.push(renderSeparator(itemsBeforeCollapse + 1 + index));\n        result.push(\n          <li\n            key={`after-${index}`}\n            className={cn('ui-navigator-li', classes?.li)}\n          >\n            {child}\n          </li>\n        );\n      });\n\n      return result;\n    };\n\n    const resolvedSx =\n      typeof sx === 'function'\n        ? sx({})\n        : Array.isArray(sx)\n          ? Object.assign({}, ...sx.filter(Boolean))\n          : sx;\n\n    return (\n      <>\n        <style dangerouslySetInnerHTML={{ __html: STYLES }} />\n        <RootComponent\n          ref={ref}\n          aria-label=\"breadcrumb\"\n          className={cn('ui-navigator', classes?.root, className)}\n          style={{ ...resolvedSx }}\n          {...props}\n        >\n          <ol className={cn('ui-navigator-ol', classes?.ol)}>\n            {buildItems()}\n          </ol>\n        </RootComponent>\n      </>\n    );\n  }\n);\n\nNavigator.displayName = 'Navigator';\n\nexport default Navigator;\n"]}

package/dist/chunk-FLTDFXE3.mjs

@@ -0,0 +1,170 @@
+import {a}from'./chunk-547MQ4FI.mjs';import fe,{forwardRef,useRef,useState,useMemo,useCallback,useEffect}from'react';import {jsxs,Fragment,jsx}from'react/jsx-runtime';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=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=useRef(null),[de,me]=useState(H!==void 0?H:S!==void 0?S:s),[c,P]=useState(-1),I=S!==void 0,T=I?S:de,a$1=Array.isArray(T),r=useMemo(()=>a$1?[...T].sort((e,t)=>e-t):[T],[T,a$1]),y=useCallback((e,t,l)=>{g||(I||me(e),D&&D(l,e,t));},[g,I,D]),z=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=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$1){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$1,u,r]),E=useCallback(e=>{c!==-1&&(N&&N(e,a$1?r:r[0]),P(-1));},[c,a$1,N,r]);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$1){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$1?p:n,i,e.nativeEvent);},A=e=>(e-s)/(m-s)*100,pe=useMemo(()=>{if(R===false)return {display:"none"};let e=A(r[0]),t=a$1?A(r[1]):e;return u==="vertical"?R==="inverted"?{bottom:`${a$1?t:e}%`,height:`${100-(a$1?t:e)}%`}:{bottom:`${a$1?e:0}%`,height:`${a$1?t-e:e}%`}:R==="inverted"?{left:`${a$1?t:e}%`,width:`${100-(a$1?t:e)}%`}:{left:`${a$1?e:0}%`,width:`${a$1?t-e:e}%`}},[r,a$1,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$1?J:d,t,F.nativeEvent);};return jsxs(n,{className: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"&&jsx(i,{className: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}),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$1?t.value>=r[0]&&t.value<=r[1]:t.value<=r[0],i=u==="vertical"?{bottom:`${o}%`}:{left:`${o}%`};return jsxs(fe.Fragment,{children:[jsx("span",{className:a("ui-slider-mark",n&&"ui-slider-mark-active",h.mark),style:i,...f.mark}),t.label&&jsx("span",{className:a("ui-slider-mark-label",h.markLabel),style:i,...f.markLabel,children:t.label})]},l)}):null;return jsxs(Fragment,{children:[jsx("style",{dangerouslySetInnerHTML:{__html:xe}}),jsxs("span",{ref:e=>{X.current=e,typeof V=="function"?V(e):V&&(V.current=e);},className: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:[jsx("span",{className:a("ui-slider-rail",h.rail),...f.rail}),jsx("span",{className:a("ui-slider-track",h.track),style:pe,...f.track}),he(),r.map((e,t)=>be(e,t))]})]})});ye.displayName="Slider";export{ye as a};//# sourceMappingURL=chunk-FLTDFXE3.mjs.map
+//# sourceMappingURL=chunk-FLTDFXE3.mjs.map

package/dist/chunk-FLTDFXE3.mjs.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-FLTDFXE3.mjs","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"]}