dhanasekar-ui 1.2.0 → 1.4.0

package/dist/chunk-7XVF6WPJ.js

@@ -0,0 +1,108 @@
+'use strict';var chunkDDGBDWFC_js=require('./chunk-DDGBDWFC.js'),react=require('react'),jsxRuntime=require('react/jsx-runtime');var h={p:"padding",pt:"paddingTop",pr:"paddingRight",pb:"paddingBottom",pl:"paddingLeft",px:["paddingLeft","paddingRight"],py:["paddingTop","paddingBottom"],m:"margin",mt:"marginTop",mr:"marginRight",mb:"marginBottom",ml:"marginLeft",mx:["marginLeft","marginRight"],my:["marginTop","marginBottom"],bgcolor:"backgroundColor"},y=o=>{if(!o||typeof o!="object")return o;let r={};return Object.keys(o).forEach(p=>{let a=o[p],e=h[p];e?Array.isArray(e)?e.forEach(i=>{r[i]=a;}):r[e]=a:r[p]=a;}),r},v=o=>{if(!o)return {};let r={};return typeof o=="function"?r=o({}):Array.isArray(o)?r=o.reduce((p,a)=>!a||typeof a=="boolean"?p:typeof a=="function"?{...p,...a({})}:{...p,...a},{}):r=o,y(r)},k=`
+  .ui-appbar {
+    display: flex;
+    flex-direction: column;
+    width: 100%;
+    box-sizing: border-box;
+    flex-shrink: 0;
+    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+    z-index: 1100;
+  }
+
+  .ui-appbar--fixed {
+    position: fixed;
+    top: 0;
+    left: auto;
+    right: 0;
+  }
+
+  .ui-appbar--absolute {
+    position: absolute;
+    top: 0;
+    left: auto;
+    right: 0;
+  }
+
+  .ui-appbar--sticky {
+    position: sticky;
+    top: 0;
+    left: auto;
+    right: 0;
+  }
+
+  .ui-appbar--static {
+    position: static;
+  }
+
+  .ui-appbar--relative {
+    position: relative;
+  }
+
+  .ui-appbar--square {
+    border-radius: 0;
+  }
+
+  .ui-appbar--color-primary {
+    background-color: #1976d2;
+    color: #fff;
+  }
+
+  .ui-appbar--color-secondary {
+    background-color: #9c27b0;
+    color: #fff;
+  }
+
+  .ui-appbar--color-default {
+    background-color: #f5f5f5;
+    color: rgba(0, 0, 0, 0.87);
+  }
+
+  .ui-appbar--color-inherit {
+    color: inherit;
+  }
+
+  .ui-appbar--color-transparent {
+    background-color: transparent;
+    color: inherit;
+    box-shadow: none;
+  }
+
+  .ui-appbar--color-error {
+    background-color: #d32f2f;
+    color: #fff;
+  }
+
+  .ui-appbar--color-info {
+    background-color: #0288d1;
+    color: #fff;
+  }
+
+  .ui-appbar--color-success {
+    background-color: #2e7d32;
+    color: #fff;
+  }
+
+  .ui-appbar--color-warning {
+    background-color: #ed6c02;
+    color: #fff;
+  }
+
+  /* Elevations */
+  .ui-appbar--elevation-0 { box-shadow: none; }
+  .ui-appbar--elevation-1 { box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12); }
+  .ui-appbar--elevation-2 { box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12); }
+  .ui-appbar--elevation-3 { box-shadow: 0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12); }
+  .ui-appbar--elevation-4 { 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-appbar--elevation-8 { 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-appbar--elevation-12 { box-shadow: 0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12); }
+  .ui-appbar--elevation-16 { box-shadow: 0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12); }
+  .ui-appbar--elevation-24 { box-shadow: 0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12); }
+
+  @media (prefers-color-scheme: dark) {
+    .ui-appbar:not(.ui-appbar--enable-color-on-dark) {
+      background-color: #121212;
+      color: #fff;
+    }
+  }
+`,w=react.forwardRef(({children:o,classes:r={},color:p="primary",elevation:a=4,enableColorOnDark:e=false,position:i="fixed",square:x=true,sx:b,className:d,component:f,...l},u)=>{let g=f||"header",c=v(b),s=chunkDDGBDWFC_js.a("ui-appbar",`ui-appbar--${i}`,`ui-appbar--color-${p}`,`ui-appbar--elevation-${a}`,x&&"ui-appbar--square",e&&"ui-appbar--enable-color-on-dark",r.root,i==="fixed"&&r.positionFixed,i==="absolute"&&r.positionAbsolute,i==="sticky"&&r.positionSticky,i==="static"&&r.positionStatic,i==="relative"&&r.positionRelative,p==="default"&&r.colorDefault,p==="primary"&&r.colorPrimary,p==="secondary"&&r.colorSecondary,p==="inherit"&&r.colorInherit,p==="transparent"&&r.colorTransparent,p==="error"&&r.colorError,p==="info"&&r.colorInfo,p==="success"&&r.colorSuccess,p==="warning"&&r.colorWarning,d);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("style",{dangerouslySetInnerHTML:{__html:k}}),jsxRuntime.jsx(g,{ref:u,className:s,style:c,...l,children:o})]})});w.displayName="AppBar";exports.a=w;//# sourceMappingURL=chunk-7XVF6WPJ.js.map
+//# sourceMappingURL=chunk-7XVF6WPJ.js.map

package/dist/chunk-7XVF6WPJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/AppBar/AppBar.tsx"],"names":["shorthandMap","resolveShorthands","style","resolved","key","value","target","t","resolveSx","sx","rawStyle","acc","curr","STYLES","AppBar","forwardRef","children","classes","color","elevation","enableColorOnDark","position","square","className","component","props","ref","Component","rootClasses","cn","jsxs","Fragment","jsx"],"mappings":"gIAMA,IAAMA,EAAkD,CACtD,CAAA,CAAG,UACH,EAAA,CAAI,YAAA,CACJ,GAAI,cAAA,CACJ,EAAA,CAAI,eAAA,CACJ,EAAA,CAAI,cACJ,EAAA,CAAI,CAAC,cAAe,cAAc,CAAA,CAClC,GAAI,CAAC,YAAA,CAAc,eAAe,CAAA,CAClC,CAAA,CAAG,SACH,EAAA,CAAI,WAAA,CACJ,GAAI,aAAA,CACJ,EAAA,CAAI,eACJ,EAAA,CAAI,YAAA,CACJ,EAAA,CAAI,CAAC,aAAc,aAAa,CAAA,CAChC,GAAI,CAAC,WAAA,CAAa,cAAc,CAAA,CAChC,OAAA,CAAS,iBACX,CAAA,CAEMC,CAAAA,CAAqBC,GAAoC,CAC7D,GAAI,CAACA,CAAAA,EAAS,OAAOA,GAAU,QAAA,CAAU,OAAOA,CAAAA,CAEhD,IAAMC,EAAgB,EAAC,CACvB,cAAO,IAAA,CAAKD,CAAK,EAAE,OAAA,CAASE,CAAAA,EAAQ,CAClC,IAAMC,CAAAA,CAAQH,EAAME,CAAG,CAAA,CACjBE,EAASN,CAAAA,CAAaI,CAAG,EAE3BE,CAAAA,CACE,KAAA,CAAM,OAAA,CAAQA,CAAM,EACtBA,CAAAA,CAAO,OAAA,CAASC,GAAM,CACpBJ,CAAAA,CAASI,CAAC,CAAA,CAAIF,EAChB,CAAC,CAAA,CAEDF,CAAAA,CAASG,CAAM,CAAA,CAAID,CAAAA,CAGrBF,EAASC,CAAG,CAAA,CAAIC,EAEpB,CAAC,CAAA,CACMF,CACT,CAAA,CAEMK,EAAaC,CAAAA,EAAgD,CACjE,GAAI,CAACA,CAAAA,CAAI,OAAO,EAAC,CAEjB,IAAIC,CAAAA,CAAgB,GAEpB,OAAI,OAAOD,GAAO,UAAA,CAChBC,CAAAA,CAAWD,EAAG,EAAE,CAAA,CACP,KAAA,CAAM,QAAQA,CAAE,CAAA,CACzBC,EAAWD,CAAAA,CAAG,MAAA,CAAO,CAACE,CAAAA,CAAKC,CAAAA,GACrB,CAACA,CAAAA,EAAQ,OAAOA,GAAS,SAAA,CAAkBD,CAAAA,CAC3C,OAAOC,CAAAA,EAAS,UAAA,CACX,CAAE,GAAGD,CAAAA,CAAK,GAAGC,CAAAA,CAAK,EAAE,CAAE,EAExB,CAAE,GAAGD,EAAK,GAAGC,CAAK,EACxB,EAAS,EAEZF,CAAAA,CAAWD,CAAAA,CAGNR,EAAkBS,CAAQ,CACnC,EAEMG,CAAAA,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;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,CA+GFC,CAAAA,CAASC,gBAAAA,CAAW,CAC/B,CACE,SAAAC,CAAAA,CACA,OAAA,CAAAC,CAAAA,CAAU,GACV,KAAA,CAAAC,CAAAA,CAAQ,SAAA,CACR,SAAA,CAAAC,EAAY,CAAA,CACZ,iBAAA,CAAAC,CAAAA,CAAoB,KAAA,CACpB,QAAA,CAAAC,CAAAA,CAAW,OAAA,CACX,MAAA,CAAAC,EAAS,IAAA,CACT,EAAA,CAAAb,CAAAA,CACA,SAAA,CAAAc,EACA,SAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,EACAC,CAAAA,GACG,CACH,IAAMC,CAAAA,CAAYH,CAAAA,EAAa,QAAA,CACzBtB,CAAAA,CAAQM,CAAAA,CAAUC,CAAE,CAAA,CAEpBmB,CAAAA,CAAcC,kBAAAA,CAClB,WAAA,CACA,cAAcR,CAAQ,CAAA,CAAA,CACtB,CAAA,iBAAA,EAAoBH,CAAK,GACzB,CAAA,qBAAA,EAAwBC,CAAS,CAAA,CAAA,CACjCG,CAAAA,EAAU,oBACVF,CAAAA,EAAqB,iCAAA,CACrBH,CAAAA,CAAQ,IAAA,CACRI,IAAa,OAAA,EAAWJ,CAAAA,CAAQ,aAAA,CAChCI,CAAAA,GAAa,YAAcJ,CAAAA,CAAQ,gBAAA,CACnCI,CAAAA,GAAa,QAAA,EAAYJ,EAAQ,cAAA,CACjCI,CAAAA,GAAa,QAAA,EAAYJ,CAAAA,CAAQ,cAAA,CACjCI,CAAAA,GAAa,UAAA,EAAcJ,CAAAA,CAAQ,iBACnCC,CAAAA,GAAU,SAAA,EAAaD,CAAAA,CAAQ,YAAA,CAC/BC,IAAU,SAAA,EAAaD,CAAAA,CAAQ,YAAA,CAC/BC,CAAAA,GAAU,aAAeD,CAAAA,CAAQ,cAAA,CACjCC,CAAAA,GAAU,SAAA,EAAaD,EAAQ,YAAA,CAC/BC,CAAAA,GAAU,aAAA,EAAiBD,CAAAA,CAAQ,iBACnCC,CAAAA,GAAU,OAAA,EAAWD,CAAAA,CAAQ,UAAA,CAC7BC,IAAU,MAAA,EAAUD,CAAAA,CAAQ,SAAA,CAC5BC,CAAAA,GAAU,WAAaD,CAAAA,CAAQ,YAAA,CAC/BC,CAAAA,GAAU,SAAA,EAAaD,CAAAA,CAAQ,YAAA,CAC/BM,CACF,CAAA,CAEA,OACEO,eAAAA,CAAAC,mBAAAA,CAAA,CACE,QAAA,CAAA,CAAAC,eAAC,OAAA,CAAA,CAAM,uBAAA,CAAyB,CAAE,MAAA,CAAQnB,CAAO,CAAA,CAAG,CAAA,CACpDmB,cAAAA,CAACL,CAAAA,CAAA,CACC,GAAA,CAAKD,CAAAA,CACL,SAAA,CAAWE,CAAAA,CACX,MAAO1B,CAAAA,CACN,GAAGuB,CAAAA,CAEH,QAAA,CAAAT,EACH,CAAA,CAAA,CACF,CAEJ,CAAC,EAEDF,EAAO,WAAA,CAAc,QAAA","file":"chunk-7XVF6WPJ.js","sourcesContent":["'use client';\n\nimport { forwardRef, ElementType } from 'react';\nimport { cn } from '../../utils/cn';\nimport { AppBarProps, SxProp } from './types';\n\nconst shorthandMap: Record<string, string | string[]> = {\n  p: 'padding',\n  pt: 'paddingTop',\n  pr: 'paddingRight',\n  pb: 'paddingBottom',\n  pl: 'paddingLeft',\n  px: ['paddingLeft', 'paddingRight'],\n  py: ['paddingTop', 'paddingBottom'],\n  m: 'margin',\n  mt: 'marginTop',\n  mr: 'marginRight',\n  mb: 'marginBottom',\n  ml: 'marginLeft',\n  mx: ['marginLeft', 'marginRight'],\n  my: ['marginTop', 'marginBottom'],\n  bgcolor: 'backgroundColor',\n};\n\nconst resolveShorthands = (style: any): React.CSSProperties => {\n  if (!style || typeof style !== 'object') return style;\n  \n  const resolved: any = {};\n  Object.keys(style).forEach((key) => {\n    const value = style[key];\n    const target = shorthandMap[key];\n    \n    if (target) {\n      if (Array.isArray(target)) {\n        target.forEach((t) => {\n          resolved[t] = value;\n        });\n      } else {\n        resolved[target] = value;\n      }\n    } else {\n      resolved[key] = value;\n    }\n  });\n  return resolved;\n};\n\nconst resolveSx = (sx: SxProp | undefined): React.CSSProperties => {\n  if (!sx) return {};\n\n  let rawStyle: any = {};\n\n  if (typeof sx === 'function') {\n    rawStyle = sx({});\n  } else if (Array.isArray(sx)) {\n    rawStyle = sx.reduce((acc, curr) => {\n      if (!curr || typeof curr === 'boolean') return acc;\n      if (typeof curr === 'function') {\n        return { ...acc, ...curr({}) };\n      }\n      return { ...acc, ...curr };\n    }, {} as any);\n  } else {\n    rawStyle = sx;\n  }\n\n  return resolveShorthands(rawStyle);\n};\n\nconst STYLES = `\n  .ui-appbar {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    box-sizing: border-box;\n    flex-shrink: 0;\n    transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n    z-index: 1100;\n  }\n\n  .ui-appbar--fixed {\n    position: fixed;\n    top: 0;\n    left: auto;\n    right: 0;\n  }\n\n  .ui-appbar--absolute {\n    position: absolute;\n    top: 0;\n    left: auto;\n    right: 0;\n  }\n\n  .ui-appbar--sticky {\n    position: sticky;\n    top: 0;\n    left: auto;\n    right: 0;\n  }\n\n  .ui-appbar--static {\n    position: static;\n  }\n\n  .ui-appbar--relative {\n    position: relative;\n  }\n\n  .ui-appbar--square {\n    border-radius: 0;\n  }\n\n  .ui-appbar--color-primary {\n    background-color: #1976d2;\n    color: #fff;\n  }\n\n  .ui-appbar--color-secondary {\n    background-color: #9c27b0;\n    color: #fff;\n  }\n\n  .ui-appbar--color-default {\n    background-color: #f5f5f5;\n    color: rgba(0, 0, 0, 0.87);\n  }\n\n  .ui-appbar--color-inherit {\n    color: inherit;\n  }\n\n  .ui-appbar--color-transparent {\n    background-color: transparent;\n    color: inherit;\n    box-shadow: none;\n  }\n\n  .ui-appbar--color-error {\n    background-color: #d32f2f;\n    color: #fff;\n  }\n\n  .ui-appbar--color-info {\n    background-color: #0288d1;\n    color: #fff;\n  }\n\n  .ui-appbar--color-success {\n    background-color: #2e7d32;\n    color: #fff;\n  }\n\n  .ui-appbar--color-warning {\n    background-color: #ed6c02;\n    color: #fff;\n  }\n\n  /* Elevations */\n  .ui-appbar--elevation-0 { box-shadow: none; }\n  .ui-appbar--elevation-1 { box-shadow: 0px 2px 1px -1px rgba(0,0,0,0.2),0px 1px 1px 0px rgba(0,0,0,0.14),0px 1px 3px 0px rgba(0,0,0,0.12); }\n  .ui-appbar--elevation-2 { box-shadow: 0px 3px 1px -2px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 1px 5px 0px rgba(0,0,0,0.12); }\n  .ui-appbar--elevation-3 { box-shadow: 0px 3px 3px -2px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 1px 8px 0px rgba(0,0,0,0.12); }\n  .ui-appbar--elevation-4 { 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  .ui-appbar--elevation-8 { 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  .ui-appbar--elevation-12 { box-shadow: 0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12); }\n  .ui-appbar--elevation-16 { box-shadow: 0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12); }\n  .ui-appbar--elevation-24 { box-shadow: 0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12); }\n\n  @media (prefers-color-scheme: dark) {\n    .ui-appbar:not(.ui-appbar--enable-color-on-dark) {\n      background-color: #121212;\n      color: #fff;\n    }\n  }\n`;\n\n/**\n * The AppBar displays information and actions relating to the current screen.\n */\nexport const AppBar = forwardRef(<T extends ElementType = 'header'>(\n  {\n    children,\n    classes = {},\n    color = 'primary',\n    elevation = 4,\n    enableColorOnDark = false,\n    position = 'fixed',\n    square = true,\n    sx,\n    className,\n    component,\n    ...props\n  }: AppBarProps<T>,\n  ref: any\n) => {\n  const Component = component || 'header';\n  const style = resolveSx(sx);\n\n  const rootClasses = cn(\n    'ui-appbar',\n    `ui-appbar--${position}`,\n    `ui-appbar--color-${color}`,\n    `ui-appbar--elevation-${elevation}`,\n    square && 'ui-appbar--square',\n    enableColorOnDark && 'ui-appbar--enable-color-on-dark',\n    classes.root,\n    position === 'fixed' && classes.positionFixed,\n    position === 'absolute' && classes.positionAbsolute,\n    position === 'sticky' && classes.positionSticky,\n    position === 'static' && classes.positionStatic,\n    position === 'relative' && classes.positionRelative,\n    color === 'default' && classes.colorDefault,\n    color === 'primary' && classes.colorPrimary,\n    color === 'secondary' && classes.colorSecondary,\n    color === 'inherit' && classes.colorInherit,\n    color === 'transparent' && classes.colorTransparent,\n    color === 'error' && classes.colorError,\n    color === 'info' && classes.colorInfo,\n    color === 'success' && classes.colorSuccess,\n    color === 'warning' && classes.colorWarning,\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\nAppBar.displayName = 'AppBar';\n\nexport default AppBar;\n"]}

package/dist/{chunk-GNMGJBBO.mjs → chunk-AK3NQBYU.mjs}

@@ -1,4 +1,4 @@
-import {useState,useRef,useEffect}from'react';import {jsxs,Fragment,jsx}from'react/jsx-runtime';var N=`
+import {a}from'./chunk-HGGQFNUJ.mjs';import {useState,useRef,useEffect}from'react';import {jsxs,Fragment,jsx}from'react/jsx-runtime';var T=`
   :root {
     --df-primary: #3b82f6;
     --df-primary-hover: #2563eb;
@@ -197,5 +197,5 @@ import {useState,useRef,useEffect}from'react';import {jsxs,Fragment,jsx}from'rea
   body.df-modal-open {
     overflow: hidden;
   }
-`,D=["Today","Yesterday","Last 7 Days","Last 30 Days","This Month","Last Month","Custom"],C=({open:r,title:x="Date Filter",options:g=D,initialValue:t,onClose:d,onApply:u})=>{let[s,f]=useState(t?.option||"Today"),[n,p]=useState(t?.from||""),[c,b]=useState(t?.to||""),m=useRef(null);useEffect(()=>{r&&t&&(f(t.option),p(t.from||""),b(t.to||""));},[r,t]),useEffect(()=>(r?document.body.classList.add("df-modal-open"):document.body.classList.remove("df-modal-open"),()=>document.body.classList.remove("df-modal-open")),[r]);let v=e=>{e.target===m.current&&d();};useEffect(()=>{let e=w=>{w.key==="Escape"&&r&&d();};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[r,d]);let y=()=>{u({option:s,...s==="Custom"?{from:n,to:c}:{}});},h=new Date().toISOString().split("T")[0];return jsxs(Fragment,{children:[jsx("style",{dangerouslySetInnerHTML:{__html:N}}),jsx("div",{ref:m,className:`df-backdrop ${r?"df-open":""}`,onClick:v,role:"dialog","aria-modal":"true","aria-labelledby":"df-dialog-title",children:jsxs("div",{className:"df-dialog",children:[jsx("div",{className:"df-header",children:jsx("h2",{id:"df-dialog-title",className:"df-title",children:x})}),jsxs("div",{className:"df-content",children:[jsxs("div",{className:"df-form-group",children:[jsx("label",{className:"df-label",children:"Select Range"}),jsx("div",{className:"df-select-wrapper",children:jsx("select",{className:"df-input df-select",value:s,onChange:e=>f(e.target.value),children:g.map(e=>jsx("option",{value:e,children:e},e))})})]}),s==="Custom"&&jsxs("div",{className:"df-custom-range",children:[jsxs("div",{className:"df-form-group",children:[jsx("label",{className:"df-label",children:"From Date"}),jsx("input",{type:"date",className:"df-input",value:n,onChange:e=>p(e.target.value),max:h})]}),jsxs("div",{className:"df-form-group",children:[jsx("label",{className:"df-label",children:"To Date"}),jsx("input",{type:"date",className:"df-input",value:c,onChange:e=>b(e.target.value),min:n||void 0})]})]})]}),jsxs("div",{className:"df-footer",children:[jsx("button",{className:"df-btn df-btn-cancel",onClick:d,children:"Cancel"}),jsx("button",{className:"df-btn df-btn-apply",onClick:y,children:"Apply"})]})]})})]})};export{C as a};//# sourceMappingURL=chunk-GNMGJBBO.mjs.map
-//# sourceMappingURL=chunk-GNMGJBBO.mjs.map
+`,C=["Today","Yesterday","Last 7 Days","Last 30 Days","This Month","Last Month","Custom"],M=({open:r,title:g="Date Filter",options:u=C,initialValue:t,onClose:d,onApply:v,sx:y,style:h,className:w=""})=>{let[s,f]=useState(t?.option||"Today"),[n,p]=useState(t?.from||""),[c,b]=useState(t?.to||""),m=useRef(null);useEffect(()=>{r&&t&&(f(t.option),p(t.from||""),b(t.to||""));},[r,t]),useEffect(()=>(r?document.body.classList.add("df-modal-open"):document.body.classList.remove("df-modal-open"),()=>document.body.classList.remove("df-modal-open")),[r]);let k=e=>{e.target===m.current&&d();};useEffect(()=>{let e=S=>{S.key==="Escape"&&r&&d();};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[r,d]);let N=()=>{v({option:s,...s==="Custom"?{from:n,to:c}:{}});},D=new Date().toISOString().split("T")[0];return jsxs(Fragment,{children:[jsx("style",{dangerouslySetInnerHTML:{__html:T}}),jsx("div",{ref:m,className:`df-backdrop ${r?"df-open":""} ${w}`,onClick:k,role:"dialog","aria-modal":"true","aria-labelledby":"df-dialog-title",style:{...a(y),...h},children:jsxs("div",{className:"df-dialog",children:[jsx("div",{className:"df-header",children:jsx("h2",{id:"df-dialog-title",className:"df-title",children:g})}),jsxs("div",{className:"df-content",children:[jsxs("div",{className:"df-form-group",children:[jsx("label",{className:"df-label",children:"Select Range"}),jsx("div",{className:"df-select-wrapper",children:jsx("select",{className:"df-input df-select",value:s,onChange:e=>f(e.target.value),children:u.map(e=>jsx("option",{value:e,children:e},e))})})]}),s==="Custom"&&jsxs("div",{className:"df-custom-range",children:[jsxs("div",{className:"df-form-group",children:[jsx("label",{className:"df-label",children:"From Date"}),jsx("input",{type:"date",className:"df-input",value:n,onChange:e=>p(e.target.value),max:D})]}),jsxs("div",{className:"df-form-group",children:[jsx("label",{className:"df-label",children:"To Date"}),jsx("input",{type:"date",className:"df-input",value:c,onChange:e=>b(e.target.value),min:n||void 0})]})]})]}),jsxs("div",{className:"df-footer",children:[jsx("button",{className:"df-btn df-btn-cancel",onClick:d,children:"Cancel"}),jsx("button",{className:"df-btn df-btn-apply",onClick:N,children:"Apply"})]})]})})]})};export{M as a};//# sourceMappingURL=chunk-AK3NQBYU.mjs.map
+//# sourceMappingURL=chunk-AK3NQBYU.mjs.map

package/dist/chunk-AK3NQBYU.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/DateFilter/DateFilter.tsx"],"names":["STYLES","DEFAULT_OPTIONS","DateFilter","open","title","options","initialValue","onClose","onApply","sx","style","className","option","setOption","useState","from","setFrom","to","setTo","backdropRef","useRef","useEffect","handleBackdropClick","handleKeyDown","e","handleApply","todayStr","jsxs","Fragment","jsx","handleSx","opt"],"mappings":"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","file":"chunk-AK3NQBYU.mjs","sourcesContent":["'use client';\n\nimport React, { useState, useEffect, useRef } from 'react';\nimport { handleSx } from '../../utils/handleSx';\nimport { DateFilterProps, DateFilterValue } from './DateFilter.types';\n\nconst STYLES = `\n  :root {\n    --df-primary: #3b82f6;\n    --df-primary-hover: #2563eb;\n    --df-text-main: #1e293b;\n    --df-text-secondary: #64748b;\n    --df-bg-main: #ffffff;\n    --df-bg-glass: rgba(255, 255, 255, 0.85);\n    --df-border: #e2e8f0;\n    --df-border-focus: #3b82f6;\n    --df-radius-lg: 12px;\n    --df-radius-md: 8px;\n    --df-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);\n  }\n\n  .df-backdrop {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background: rgba(15, 23, 42, 0.4);\n    backdrop-filter: blur(4px);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    z-index: 1000;\n    opacity: 0;\n    visibility: hidden;\n    transition: opacity 0.3s ease, visibility 0.3s ease;\n  }\n\n  .df-backdrop.df-open {\n    opacity: 1;\n    visibility: visible;\n  }\n\n  .df-dialog {\n    background: var(--df-bg-glass);\n    backdrop-filter: blur(16px);\n    width: 100%;\n    max-width: 400px;\n    border-radius: var(--df-radius-lg);\n    box-shadow: var(--df-shadow);\n    display: flex;\n    flex-direction: column;\n    transform: scale(0.95) translateY(10px);\n    opacity: 0;\n    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s ease;\n    font-family: 'Inter', system-ui, -apple-system, sans-serif;\n    border: 1px solid rgba(255, 255, 255, 0.5);\n    margin: 16px;\n  }\n\n  .df-backdrop.df-open .df-dialog {\n    transform: scale(1) translateY(0);\n    opacity: 1;\n  }\n\n  .df-header {\n    padding: 20px 24px 16px;\n    border-bottom: 1px solid var(--df-border);\n  }\n\n  .df-title {\n    margin: 0;\n    font-size: 18px;\n    font-weight: 600;\n    color: var(--df-primary);\n  }\n\n  .df-content {\n    padding: 24px;\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\n  }\n\n  .df-form-group {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    position: relative;\n  }\n\n  .df-label {\n    font-size: 13px;\n    font-weight: 500;\n    color: var(--df-text-secondary);\n  }\n\n  .df-input {\n    width: 100%;\n    padding: 10px 14px;\n    font-size: 14px;\n    color: var(--df-text-main);\n    background: var(--df-bg-main);\n    border: 1px solid var(--df-border);\n    border-radius: var(--df-radius-md);\n    outline: none;\n    transition: all 0.2s ease;\n    box-sizing: border-box;\n    appearance: none;\n    font-family: inherit;\n  }\n\n  .df-input:focus {\n    border-color: var(--df-border-focus);\n    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.15);\n  }\n\n  /* Custom Select Wrapper for arrow */\n  .df-select-wrapper {\n    position: relative;\n    width: 100%;\n  }\n\n  .df-select-wrapper::after {\n    content: '';\n    position: absolute;\n    right: 14px;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 0;\n    height: 0;\n    border-left: 5px solid transparent;\n    border-right: 5px solid transparent;\n    border-top: 5px solid var(--df-text-secondary);\n    pointer-events: none;\n  }\n\n  .df-select {\n    padding-right: 32px;\n    cursor: pointer;\n  }\n\n  .df-custom-range {\n    display: flex;\n    gap: 16px;\n    animation: dfSlideDown 0.3s ease-out;\n  }\n\n  .df-custom-range .df-form-group {\n    flex: 1;\n  }\n\n  @keyframes dfSlideDown {\n    from { opacity: 0; transform: translateY(-10px); }\n    to { opacity: 1; transform: translateY(0); }\n  }\n\n  .df-footer {\n    padding: 16px 24px 24px;\n    display: flex;\n    justify-content: flex-end;\n    gap: 12px;\n  }\n\n  .df-btn {\n    padding: 8px 16px;\n    font-size: 14px;\n    font-weight: 600;\n    border-radius: var(--df-radius-md);\n    cursor: pointer;\n    transition: all 0.2s ease;\n    border: 1px solid transparent;\n    font-family: inherit;\n  }\n\n  .df-btn-cancel {\n    background: transparent;\n    color: var(--df-text-secondary);\n  }\n\n  .df-btn-cancel:hover {\n    background: rgba(0, 0, 0, 0.04);\n    color: var(--df-text-main);\n  }\n\n  .df-btn-apply {\n    background: var(--df-primary);\n    color: white;\n    box-shadow: 0 2px 4px rgba(59, 130, 246, 0.3);\n  }\n\n  .df-btn-apply:hover {\n    background: var(--df-primary-hover);\n    transform: translateY(-1px);\n    box-shadow: 0 4px 6px rgba(59, 130, 246, 0.4);\n  }\n\n  .df-btn-apply:active {\n    transform: translateY(0);\n  }\n  \n  /* Prevent background scrolling when modal is open */\n  body.df-modal-open {\n    overflow: hidden;\n  }\n`;\n\nconst DEFAULT_OPTIONS = [\n  'Today',\n  'Yesterday',\n  'Last 7 Days',\n  'Last 30 Days',\n  'This Month',\n  'Last Month',\n  'Custom'\n];\n\nexport const DateFilter = ({\n  open,\n  title = 'Date Filter',\n  options = DEFAULT_OPTIONS,\n  initialValue,\n  onClose,\n  onApply,\n  sx,\n  style,\n  className = '',\n}: DateFilterProps) => {\n  const [option, setOption] = useState<string>(initialValue?.option || 'Today');\n  const [from, setFrom] = useState<string>(initialValue?.from || '');\n  const [to, setTo] = useState<string>(initialValue?.to || '');\n  \n  const backdropRef = useRef<HTMLDivElement>(null);\n\n  // Sync state with prop if it changes\n  useEffect(() => {\n    if (open && initialValue) {\n      setOption(initialValue.option);\n      setFrom(initialValue.from || '');\n      setTo(initialValue.to || '');\n    }\n  }, [open, initialValue]);\n\n  // Handle body scroll locking\n  useEffect(() => {\n    if (open) {\n      document.body.classList.add('df-modal-open');\n    } else {\n      document.body.classList.remove('df-modal-open');\n    }\n    return () => document.body.classList.remove('df-modal-open');\n  }, [open]);\n\n  // Handle click outside\n  const handleBackdropClick = (e: React.MouseEvent) => {\n    if (e.target === backdropRef.current) {\n      onClose();\n    }\n  };\n\n  // Handle Escape key\n  useEffect(() => {\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key === 'Escape' && open) {\n        onClose();\n      }\n    };\n    window.addEventListener('keydown', handleKeyDown);\n    return () => window.removeEventListener('keydown', handleKeyDown);\n  }, [open, onClose]);\n\n  const handleApply = () => {\n    onApply({\n      option,\n      ...(option === 'Custom' ? { from, to } : {})\n    });\n  };\n\n  const todayStr = new Date().toISOString().split('T')[0];\n\n  return (\n    <>\n      <style dangerouslySetInnerHTML={{ __html: STYLES }} />\n      <div \n        ref={backdropRef}\n        className={`df-backdrop ${open ? 'df-open' : ''} ${className}`}\n        onClick={handleBackdropClick}\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-labelledby=\"df-dialog-title\"\n        style={{ ...handleSx(sx), ...style }}\n      >\n        <div className=\"df-dialog\">\n          <div className=\"df-header\">\n            <h2 id=\"df-dialog-title\" className=\"df-title\">{title}</h2>\n          </div>\n          \n          <div className=\"df-content\">\n            <div className=\"df-form-group\">\n              <label className=\"df-label\">Select Range</label>\n              <div className=\"df-select-wrapper\">\n                <select \n                  className=\"df-input df-select\"\n                  value={option}\n                  onChange={(e) => setOption(e.target.value)}\n                >\n                  {options.map((opt) => (\n                    <option key={opt} value={opt}>{opt}</option>\n                  ))}\n                </select>\n              </div>\n            </div>\n\n            {option === 'Custom' && (\n              <div className=\"df-custom-range\">\n                <div className=\"df-form-group\">\n                  <label className=\"df-label\">From Date</label>\n                  <input \n                    type=\"date\"\n                    className=\"df-input\"\n                    value={from}\n                    onChange={(e) => setFrom(e.target.value)}\n                    max={todayStr}\n                  />\n                </div>\n                <div className=\"df-form-group\">\n                  <label className=\"df-label\">To Date</label>\n                  <input \n                    type=\"date\"\n                    className=\"df-input\"\n                    value={to}\n                    onChange={(e) => setTo(e.target.value)}\n                    min={from || undefined}\n                  />\n                </div>\n              </div>\n            )}\n          </div>\n\n          <div className=\"df-footer\">\n            <button className=\"df-btn df-btn-cancel\" onClick={onClose}>\n              Cancel\n            </button>\n            <button className=\"df-btn df-btn-apply\" onClick={handleApply}>\n              Apply\n            </button>\n          </div>\n        </div>\n      </div>\n    </>\n  );\n};\n"]}

package/dist/chunk-ALCHPZY6.js

@@ -0,0 +1,149 @@
+'use strict';var chunkMLURKSJZ_js=require('./chunk-MLURKSJZ.js'),chunkDDGBDWFC_js=require('./chunk-DDGBDWFC.js'),react=require('react'),jsxRuntime=require('react/jsx-runtime');var I=`
+  .ui-list {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+    position: relative;
+    padding-top: 8px;
+    padding-bottom: 8px;
+  }
+
+  .ui-list--disable-padding {
+    padding-top: 0;
+    padding-bottom: 0;
+  }
+
+  .ui-list--dense {
+    padding-top: 4px;
+    padding-bottom: 4px;
+  }
+
+  .ui-list-subheader {
+    list-style: none;
+    background-color: inherit;
+    color: #64748b;
+    font-family: inherit;
+    font-weight: 600;
+    font-size: 0.875rem;
+    line-height: 1.5;
+    padding: 8px 16px;
+    position: sticky;
+    top: 0;
+    z-index: 1;
+  }
+
+  .ui-list-subheader--inset {
+    padding-left: 72px;
+  }
+
+  .ui-list-subheader--disable-gutters {
+    padding-left: 0;
+    padding-right: 0;
+  }
+
+  .ui-list-subheader--disable-sticky {
+    position: static;
+  }
+
+  .ui-list-item-button {
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    position: relative;
+    text-decoration: none;
+    width: 100%;
+    box-sizing: border-box;
+    text-align: left;
+    padding: 8px 16px;
+    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+    cursor: pointer;
+    background-color: transparent;
+    border: 0;
+    color: inherit;
+  }
+
+  .ui-list-item-button:hover {
+    background-color: rgba(0, 0, 0, 0.04);
+  }
+
+  .ui-list-item-button--selected {
+    background-color: rgba(59, 130, 246, 0.08);
+    color: #2563eb;
+  }
+
+  .ui-list-item-button--selected:hover {
+    background-color: rgba(59, 130, 246, 0.12);
+  }
+
+  .ui-list-item-button--disabled {
+    opacity: 0.38;
+    pointer-events: none;
+  }
+
+  .ui-list-item-button--dense {
+    padding-top: 4px;
+    padding-bottom: 4px;
+  }
+
+  .ui-list-item-button--align-flex-start {
+    align-items: flex-start;
+  }
+
+  .ui-list-item-button--divider {
+    border-bottom: 1px solid #e2e8f0;
+  }
+
+  .ui-list-item-icon {
+    display: inline-flex;
+    min-width: 56px;
+    flex-shrink: 0;
+    color: #64748b;
+  }
+
+  .ui-list-item-button--dense .ui-list-item-icon {
+    min-width: 40px;
+  }
+
+  .ui-list-item-text {
+    flex: 1 1 auto;
+    margin-top: 4px;
+    margin-bottom: 4px;
+  }
+
+  .ui-list-item-text--inset {
+    padding-left: 56px;
+  }
+
+  .ui-list-item-text-primary {
+    font-family: inherit;
+    font-weight: 500;
+    font-size: 1rem;
+    line-height: 1.5;
+    display: block;
+  }
+
+  .ui-list-item-text-secondary {
+    font-family: inherit;
+    font-weight: 400;
+    font-size: 0.875rem;
+    line-height: 1.43;
+    color: #64748b;
+    display: block;
+  }
+
+  .ui-list-item-button--dense .ui-list-item-text-primary {
+    font-size: 0.875rem;
+  }
+
+  .ui-collapse {
+    height: 0;
+    overflow: hidden;
+    transition: height 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
+  }
+
+  .ui-collapse--entered {
+    height: auto;
+    overflow: visible;
+  }
+`,y=react.forwardRef(({as:l,component:r,className:i,children:t,dense:a=false,disablePadding:d=false,subheader:s,classes:o={},sx:e,...n},u)=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx("style",{dangerouslySetInnerHTML:{__html:I}}),jsxRuntime.jsxs(l||r||"ul",{ref:u,className:chunkDDGBDWFC_js.a("ui-list",a&&"ui-list--dense",d&&"ui-list--disable-padding",o.root,i),style:{...chunkMLURKSJZ_js.a(e),...n.style},...n,children:[s,t]})]})),N=react.forwardRef(({as:l,component:r,className:i,children:t,color:a="default",disableGutters:d=false,disableSticky:s=false,inset:o=false,classes:e={},sx:n,...u},m)=>jsxRuntime.jsx(l||r||"li",{ref:m,className:chunkDDGBDWFC_js.a("ui-list-subheader",o&&"ui-list-subheader--inset",d&&"ui-list-subheader--disable-gutters",s&&"ui-list-subheader--disable-sticky",e.root,i),style:{...chunkMLURKSJZ_js.a(n),...u.style},...u,children:t})),C=react.forwardRef(({as:l,component:r,className:i,children:t,alignItems:a="center",dense:d=false,disabled:s=false,divider:o=false,selected:e=false,disableGutters:n=false,classes:u={},sx:m,...x},h)=>jsxRuntime.jsx(l||r||"div",{ref:h,className:chunkDDGBDWFC_js.a("ui-list-item-button",d&&"ui-list-item-button--dense",s&&"ui-list-item-button--disabled",o&&"ui-list-item-button--divider",e&&"ui-list-item-button--selected",a==="flex-start"&&"ui-list-item-button--align-flex-start",u.root,i),style:{...chunkMLURKSJZ_js.a(m),...x.style},...x,children:t})),k=react.forwardRef(({className:l,children:r,classes:i={},sx:t,...a},d)=>jsxRuntime.jsx("div",{ref:d,className:chunkDDGBDWFC_js.a("ui-list-item-icon",i.root,l),style:{...chunkMLURKSJZ_js.a(t),...a.style},...a,children:r})),P=react.forwardRef(({className:l,children:r,primary:i,secondary:t,inset:a=false,disableTypography:d=false,classes:s={},sx:o,...e},n)=>jsxRuntime.jsxs("div",{ref:n,className:chunkDDGBDWFC_js.a("ui-list-item-text",a&&"ui-list-item-text--inset",s.root,l),style:{...chunkMLURKSJZ_js.a(o),...e.style},...e,children:[i&&jsxRuntime.jsx("span",{className:chunkDDGBDWFC_js.a("ui-list-item-text-primary",s.primary),children:i}),t&&jsxRuntime.jsx("span",{className:chunkDDGBDWFC_js.a("ui-list-item-text-secondary",s.secondary),children:t}),r]})),w=react.forwardRef(({className:l,children:r,in:i=false,timeout:t=300,classes:a={},sx:d,...s},o)=>{let e=react.useRef(null),[n,u]=react.useState(0);return react.useEffect(()=>{if(i){if(e.current){u(e.current.scrollHeight);let m=setTimeout(()=>{u("auto");},t==="auto"?300:t);return ()=>clearTimeout(m)}}else e.current&&(n==="auto"&&(u(e.current.scrollHeight),e.current.offsetHeight),u(0));},[i]),jsxRuntime.jsx("div",{ref:m=>{e.current=m,o&&(typeof o=="function"?o(m):o.current=m);},className:chunkDDGBDWFC_js.a("ui-collapse",i&&n==="auto"&&"ui-collapse--entered",a.root,l),style:{height:n==="auto"?void 0:n,transitionDuration:t==="auto"?"300ms":`${t}ms`,...chunkMLURKSJZ_js.a(d),...s.style},...s,children:r})});y.displayName="List";N.displayName="ListSubheader";C.displayName="ListItemButton";k.displayName="ListItemIcon";P.displayName="ListItemText";w.displayName="Collapse";var S=y;exports.a=y;exports.b=N;exports.c=C;exports.d=k;exports.e=P;exports.f=w;exports.g=S;//# sourceMappingURL=chunk-ALCHPZY6.js.map
+//# sourceMappingURL=chunk-ALCHPZY6.js.map

package/dist/chunk-ALCHPZY6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/List/List.tsx"],"names":["STYLES","List","forwardRef","as","component","className","children","dense","disablePadding","subheader","classes","sx","props","ref","jsxs","Fragment","jsx","cn","handleSx","ListSubheader","color","disableGutters","disableSticky","inset","ListItemButton","alignItems","disabled","divider","selected","ListItemIcon","ListItemText","primary","secondary","disableTypography","Collapse","inProp","timeout","containerRef","useRef","height","setHeight","useState","useEffect","timer","node","List_default"],"mappings":"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","file":"chunk-ALCHPZY6.js","sourcesContent":["'use client';\n\nimport { forwardRef, ElementType, useRef, useEffect, useState } from 'react';\nimport { cn } from '../../utils/cn';\nimport { handleSx } from '../../utils/handleSx';\nimport {\n  ListProps,\n  ListSubheaderProps,\n  ListItemButtonProps,\n  ListItemIconProps,\n  ListItemTextProps,\n  CollapseProps,\n} from './List.types';\n\nconst STYLES = `\n  .ui-list {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    position: relative;\n    padding-top: 8px;\n    padding-bottom: 8px;\n  }\n\n  .ui-list--disable-padding {\n    padding-top: 0;\n    padding-bottom: 0;\n  }\n\n  .ui-list--dense {\n    padding-top: 4px;\n    padding-bottom: 4px;\n  }\n\n  .ui-list-subheader {\n    list-style: none;\n    background-color: inherit;\n    color: #64748b;\n    font-family: inherit;\n    font-weight: 600;\n    font-size: 0.875rem;\n    line-height: 1.5;\n    padding: 8px 16px;\n    position: sticky;\n    top: 0;\n    z-index: 1;\n  }\n\n  .ui-list-subheader--inset {\n    padding-left: 72px;\n  }\n\n  .ui-list-subheader--disable-gutters {\n    padding-left: 0;\n    padding-right: 0;\n  }\n\n  .ui-list-subheader--disable-sticky {\n    position: static;\n  }\n\n  .ui-list-item-button {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    position: relative;\n    text-decoration: none;\n    width: 100%;\n    box-sizing: border-box;\n    text-align: left;\n    padding: 8px 16px;\n    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n    cursor: pointer;\n    background-color: transparent;\n    border: 0;\n    color: inherit;\n  }\n\n  .ui-list-item-button:hover {\n    background-color: rgba(0, 0, 0, 0.04);\n  }\n\n  .ui-list-item-button--selected {\n    background-color: rgba(59, 130, 246, 0.08);\n    color: #2563eb;\n  }\n\n  .ui-list-item-button--selected:hover {\n    background-color: rgba(59, 130, 246, 0.12);\n  }\n\n  .ui-list-item-button--disabled {\n    opacity: 0.38;\n    pointer-events: none;\n  }\n\n  .ui-list-item-button--dense {\n    padding-top: 4px;\n    padding-bottom: 4px;\n  }\n\n  .ui-list-item-button--align-flex-start {\n    align-items: flex-start;\n  }\n\n  .ui-list-item-button--divider {\n    border-bottom: 1px solid #e2e8f0;\n  }\n\n  .ui-list-item-icon {\n    display: inline-flex;\n    min-width: 56px;\n    flex-shrink: 0;\n    color: #64748b;\n  }\n\n  .ui-list-item-button--dense .ui-list-item-icon {\n    min-width: 40px;\n  }\n\n  .ui-list-item-text {\n    flex: 1 1 auto;\n    margin-top: 4px;\n    margin-bottom: 4px;\n  }\n\n  .ui-list-item-text--inset {\n    padding-left: 56px;\n  }\n\n  .ui-list-item-text-primary {\n    font-family: inherit;\n    font-weight: 500;\n    font-size: 1rem;\n    line-height: 1.5;\n    display: block;\n  }\n\n  .ui-list-item-text-secondary {\n    font-family: inherit;\n    font-weight: 400;\n    font-size: 0.875rem;\n    line-height: 1.43;\n    color: #64748b;\n    display: block;\n  }\n\n  .ui-list-item-button--dense .ui-list-item-text-primary {\n    font-size: 0.875rem;\n  }\n\n  .ui-collapse {\n    height: 0;\n    overflow: hidden;\n    transition: height 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n  }\n\n  .ui-collapse--entered {\n    height: auto;\n    overflow: visible;\n  }\n`;\n\nexport const List = forwardRef(<T extends ElementType = 'ul'>(\n  { as, component, className, children, dense = false, disablePadding = false, subheader, classes = {}, sx, ...props }: ListProps<T>,\n  ref: any\n) => {\n  const Component = as || component || 'ul';\n  return (\n    <>\n      <style dangerouslySetInnerHTML={{ __html: STYLES }} />\n      <Component\n        ref={ref}\n        className={cn(\n          'ui-list',\n          dense && 'ui-list--dense',\n          disablePadding && 'ui-list--disable-padding',\n          classes.root,\n          className\n        )}\n        style={{ ...handleSx(sx), ...props.style }}\n        {...props}\n      >\n        {subheader}\n        {children}\n      </Component>\n    </>\n  );\n});\n\nexport const ListSubheader = forwardRef(<T extends ElementType = 'li'>(\n  {\n    as,\n    component,\n    className,\n    children,\n    color = 'default',\n    disableGutters = false,\n    disableSticky = false,\n    inset = false,\n    classes = {},\n    sx,\n    ...props\n  }: ListSubheaderProps<T>,\n  ref: any\n) => {\n  const Component = as || component || 'li';\n  return (\n    <Component\n      ref={ref}\n      className={cn(\n        'ui-list-subheader',\n        inset && 'ui-list-subheader--inset',\n        disableGutters && 'ui-list-subheader--disable-gutters',\n        disableSticky && 'ui-list-subheader--disable-sticky',\n        classes.root,\n        className\n      )}\n      style={{ ...handleSx(sx), ...props.style }}\n      {...props}\n    >\n      {children}\n    </Component>\n  );\n});\n\nexport const ListItemButton = forwardRef(<T extends ElementType = 'div'>(\n  {\n    as,\n    component,\n    className,\n    children,\n    alignItems = 'center',\n    dense = false,\n    disabled = false,\n    divider = false,\n    selected = false,\n    disableGutters = false,\n    classes = {},\n    sx,\n    ...props\n  }: ListItemButtonProps<T>,\n  ref: any\n) => {\n  const Component = as || component || 'div';\n  return (\n    <Component\n      ref={ref}\n      className={cn(\n        'ui-list-item-button',\n        dense && 'ui-list-item-button--dense',\n        disabled && 'ui-list-item-button--disabled',\n        divider && 'ui-list-item-button--divider',\n        selected && 'ui-list-item-button--selected',\n        alignItems === 'flex-start' && 'ui-list-item-button--align-flex-start',\n        classes.root,\n        className\n      )}\n      style={{ ...handleSx(sx), ...props.style }}\n      {...props}\n    >\n      {children}\n    </Component>\n  );\n});\n\nexport const ListItemIcon = forwardRef(\n  ({ className, children, classes = {}, sx, ...props }: ListItemIconProps, ref: any) => {\n    return (\n      <div\n        ref={ref}\n        className={cn('ui-list-item-icon', classes.root, className)}\n        style={{ ...handleSx(sx), ...props.style }}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n\nexport const ListItemText = forwardRef(\n  (\n    {\n      className,\n      children,\n      primary,\n      secondary,\n      inset = false,\n      disableTypography = false,\n      classes = {},\n      sx,\n      ...props\n    }: ListItemTextProps,\n    ref: any\n  ) => {\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          'ui-list-item-text',\n          inset && 'ui-list-item-text--inset',\n          classes.root,\n          className\n        )}\n        style={{ ...handleSx(sx), ...props.style }}\n        {...props}\n      >\n        {primary && (\n          <span className={cn('ui-list-item-text-primary', classes.primary)}>\n            {primary}\n          </span>\n        )}\n        {secondary && (\n          <span className={cn('ui-list-item-text-secondary', classes.secondary)}>\n            {secondary}\n          </span>\n        )}\n        {children}\n      </div>\n    );\n  }\n);\n\nexport const Collapse = forwardRef(\n  ({ className, children, in: inProp = false, timeout = 300, classes = {}, sx, ...props }: CollapseProps, ref: any) => {\n    const containerRef = useRef<HTMLDivElement>(null);\n    const [height, setHeight] = useState<number | string>(0);\n\n    useEffect(() => {\n      if (inProp) {\n        if (containerRef.current) {\n          setHeight(containerRef.current.scrollHeight);\n          const timer = setTimeout(() => {\n            setHeight('auto');\n          }, timeout === 'auto' ? 300 : timeout);\n          return () => clearTimeout(timer);\n        }\n      } else {\n        if (containerRef.current) {\n          // If we are transitioning from 'auto', we need to set the explicit height first\n          if (height === 'auto') {\n            setHeight(containerRef.current.scrollHeight);\n            // Force a reflow\n            containerRef.current.offsetHeight;\n          }\n          setHeight(0);\n        }\n      }\n    }, [inProp]);\n\n    return (\n      <div\n        ref={(node) => {\n          (containerRef as any).current = node;\n          if (ref) {\n            if (typeof ref === 'function') ref(node);\n            else ref.current = node;\n          }\n        }}\n        className={cn(\n          'ui-collapse',\n          inProp && height === 'auto' && 'ui-collapse--entered',\n          classes.root,\n          className\n        )}\n        style={{\n          height: height === 'auto' ? undefined : height,\n          transitionDuration: timeout === 'auto' ? '300ms' : `${timeout}ms`,\n          ...handleSx(sx),\n          ...props.style,\n        }}\n        {...props}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n\nList.displayName = 'List';\nListSubheader.displayName = 'ListSubheader';\nListItemButton.displayName = 'ListItemButton';\nListItemIcon.displayName = 'ListItemIcon';\nListItemText.displayName = 'ListItemText';\nCollapse.displayName = 'Collapse';\n\nexport default List;\n"]}

package/dist/chunk-BNBEIMM2.mjs

@@ -0,0 +1,61 @@
+import {a}from'./chunk-547MQ4FI.mjs';import {forwardRef}from'react';import {jsxs,Fragment,jsx}from'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=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=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 jsxs(Fragment,{children:[jsx("style",{dangerouslySetInnerHTML:{__html:y}}),jsx(h,{ref:x,className:u,style:f,...g,children:t})]})});S.displayName="Container";export{S as a};//# sourceMappingURL=chunk-BNBEIMM2.mjs.map
+//# sourceMappingURL=chunk-BNBEIMM2.mjs.map

package/dist/chunk-BNBEIMM2.mjs.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-BNBEIMM2.mjs","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-BQVXQWPS.mjs

@@ -0,0 +1,129 @@
+import {a}from'./chunk-HGGQFNUJ.mjs';import {a as a$1}from'./chunk-547MQ4FI.mjs';import {forwardRef}from'react';import {jsxs,Fragment,jsx}from'react/jsx-runtime';var k=`
+  .ui-circular-progress {
+    display: inline-block;
+    color: #3b82f6;
+    animation: ui-circular-rotate 1.4s linear infinite;
+  }
+
+  .ui-circular-progress--determinate {
+    animation: none;
+    transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
+  }
+
+  .ui-circular-progress--primary { color: #3b82f6; }
+  .ui-circular-progress--secondary { color: #6366f1; }
+  .ui-circular-progress--error { color: #ef4444; }
+  .ui-circular-progress--info { color: #0ea5e9; }
+  .ui-circular-progress--success { color: #10b981; }
+  .ui-circular-progress--warning { color: #f59e0b; }
+  .ui-circular-progress--inherit { color: inherit; }
+
+  .ui-circular-circle {
+    stroke: currentColor;
+    stroke-linecap: round;
+    transition: stroke-dashoffset 300ms cubic-bezier(0.4, 0, 0.2, 1);
+  }
+
+  .ui-circular-progress--indeterminate .ui-circular-circle {
+    animation: ui-circular-dash 1.4s ease-in-out infinite;
+    stroke-dasharray: 80px, 200px;
+    stroke-dashoffset: 0;
+  }
+
+  @keyframes ui-circular-rotate {
+    0% { transform: rotate(0deg); }
+    100% { transform: rotate(360deg); }
+  }
+
+  @keyframes ui-circular-dash {
+    0% {
+      stroke-dasharray: 1px, 200px;
+      stroke-dashoffset: 0;
+    }
+    50% {
+      stroke-dasharray: 100px, 200px;
+      stroke-dashoffset: -15px;
+    }
+    100% {
+      stroke-dasharray: 100px, 200px;
+      stroke-dashoffset: -125px;
+    }
+  }
+`,x=forwardRef(({color:t="primary",variant:r="indeterminate",value:e=0,size:o=40,thickness:i=3.6,className:l,style:c,sx:u,...d},m)=>{let b={width:o,height:o,...a(u),...c},g=2*Math.PI*((44-i)/2),y=g-e/100*g;return jsxs(Fragment,{children:[jsx("style",{dangerouslySetInnerHTML:{__html:k}}),jsx("div",{ref:m,className:a$1("ui-circular-progress",`ui-circular-progress--${r}`,`ui-circular-progress--${t}`,l),style:b,role:"progressbar","aria-valuenow":r==="determinate"?Math.round(e):void 0,...d,children:jsx("svg",{viewBox:"22 22 44 44",style:{display:"block"},children:jsx("circle",{className:"ui-circular-circle",cx:"44",cy:"44",r:(44-i)/2,fill:"none",strokeWidth:i,style:r==="determinate"?{strokeDasharray:g.toFixed(3),strokeDashoffset:y.toFixed(3)}:{}})})})]})});x.displayName="CircularProgress";var S=`
+  .ui-linear-progress {
+    position: relative;
+    overflow: hidden;
+    display: block;
+    height: 4px;
+    z-index: 0;
+    background-color: rgba(59, 130, 246, 0.2);
+    border-radius: 4px;
+  }
+
+  .ui-linear-progress--primary { background-color: rgba(59, 130, 246, 0.2); }
+  .ui-linear-progress--secondary { background-color: rgba(99, 102, 241, 0.2); }
+  .ui-linear-progress--error { background-color: rgba(239, 104, 104, 0.2); }
+  .ui-linear-progress--info { background-color: rgba(14, 165, 233, 0.2); }
+  .ui-linear-progress--success { background-color: rgba(16, 185, 129, 0.2); }
+  .ui-linear-progress--warning { background-color: rgba(245, 158, 11, 0.2); }
+
+  .ui-linear-bar {
+    width: 100%;
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    top: 0;
+    transition: transform 0.4s linear;
+    transform-origin: left;
+    background-color: #3b82f6;
+  }
+
+  .ui-linear-progress--primary .ui-linear-bar { background-color: #3b82f6; }
+  .ui-linear-progress--secondary .ui-linear-bar { background-color: #6366f1; }
+  .ui-linear-progress--error .ui-linear-bar { background-color: #ef4444; }
+  .ui-linear-progress--info .ui-linear-bar { background-color: #0ea5e9; }
+  .ui-linear-progress--success .ui-linear-bar { background-color: #10b981; }
+  .ui-linear-progress--warning .ui-linear-bar { background-color: #f59e0b; }
+
+  .ui-linear-progress--indeterminate .ui-linear-bar {
+    width: auto;
+    animation: ui-linear-indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
+  }
+
+  @keyframes ui-linear-indeterminate {
+    0% {
+      left: -35%;
+      right: 100%;
+    }
+    60% {
+      left: 100%;
+      right: -90%;
+    }
+    100% {
+      left: 100%;
+      right: -90%;
+    }
+  }
+
+  .ui-linear-progress--indeterminate .ui-linear-bar-secondary {
+    display: block;
+    animation: ui-linear-indeterminate-secondary 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
+    animation-delay: 1.15s;
+  }
+
+  @keyframes ui-linear-indeterminate-secondary {
+    0% {
+      left: -200%;
+      right: 100%;
+    }
+    60% {
+      left: 107%;
+      right: -8%;
+    }
+    100% {
+      left: 107%;
+      right: -8%;
+    }
+  }
+`,v=forwardRef(({color:t="primary",variant:r="indeterminate",value:e=0,className:o,style:i,sx:l,...c},u)=>{let d=r==="determinate"?`scaleX(${e/100})`:void 0;return jsxs(Fragment,{children:[jsx("style",{dangerouslySetInnerHTML:{__html:S}}),jsxs("div",{ref:u,className:a$1("ui-linear-progress",`ui-linear-progress--${r}`,`ui-linear-progress--${t}`,o),style:{...a(l),...i},role:"progressbar","aria-valuenow":r==="determinate"?Math.round(e):void 0,...c,children:[jsx("div",{className:"ui-linear-bar",style:{transform:d}}),r==="indeterminate"&&jsx("div",{className:"ui-linear-bar ui-linear-bar-secondary"})]})]})});v.displayName="LinearProgress";export{x as a,v as b};//# sourceMappingURL=chunk-BQVXQWPS.mjs.map
+//# sourceMappingURL=chunk-BQVXQWPS.mjs.map

package/dist/chunk-BQVXQWPS.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Progress/CircularProgress.tsx","../src/components/Progress/LinearProgress.tsx"],"names":["STYLES","CircularProgress","forwardRef","color","variant","value","size","thickness","className","style","sx","props","ref","rootStyle","handleSx","circumference","offset","jsxs","Fragment","jsx","cn","LinearProgress","transform"],"mappings":"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","file":"chunk-BQVXQWPS.mjs","sourcesContent":["'use client';\n\nimport { forwardRef } from 'react';\nimport { cn } from '../../utils/cn';\nimport { handleSx } from '../../utils/handleSx';\nimport { CircularProgressProps } from './Progress.types';\n\nconst STYLES = `\n  .ui-circular-progress {\n    display: inline-block;\n    color: #3b82f6;\n    animation: ui-circular-rotate 1.4s linear infinite;\n  }\n\n  .ui-circular-progress--determinate {\n    animation: none;\n    transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);\n  }\n\n  .ui-circular-progress--primary { color: #3b82f6; }\n  .ui-circular-progress--secondary { color: #6366f1; }\n  .ui-circular-progress--error { color: #ef4444; }\n  .ui-circular-progress--info { color: #0ea5e9; }\n  .ui-circular-progress--success { color: #10b981; }\n  .ui-circular-progress--warning { color: #f59e0b; }\n  .ui-circular-progress--inherit { color: inherit; }\n\n  .ui-circular-circle {\n    stroke: currentColor;\n    stroke-linecap: round;\n    transition: stroke-dashoffset 300ms cubic-bezier(0.4, 0, 0.2, 1);\n  }\n\n  .ui-circular-progress--indeterminate .ui-circular-circle {\n    animation: ui-circular-dash 1.4s ease-in-out infinite;\n    stroke-dasharray: 80px, 200px;\n    stroke-dashoffset: 0;\n  }\n\n  @keyframes ui-circular-rotate {\n    0% { transform: rotate(0deg); }\n    100% { transform: rotate(360deg); }\n  }\n\n  @keyframes ui-circular-dash {\n    0% {\n      stroke-dasharray: 1px, 200px;\n      stroke-dashoffset: 0;\n    }\n    50% {\n      stroke-dasharray: 100px, 200px;\n      stroke-dashoffset: -15px;\n    }\n    100% {\n      stroke-dasharray: 100px, 200px;\n      stroke-dashoffset: -125px;\n    }\n  }\n`;\n\nexport const CircularProgress = forwardRef<HTMLDivElement, CircularProgressProps>(\n  (\n    {\n      color = 'primary',\n      variant = 'indeterminate',\n      value = 0,\n      size = 40,\n      thickness = 3.6,\n      className,\n      style,\n      sx,\n      ...props\n    },\n    ref\n  ) => {\n    const rootStyle = {\n      width: size,\n      height: size,\n      ...handleSx(sx),\n      ...style,\n    };\n\n    const circumference = 2 * Math.PI * ((44 - thickness) / 2);\n    const offset = circumference - (value / 100) * circumference;\n\n    return (\n      <>\n        <style dangerouslySetInnerHTML={{ __html: STYLES }} />\n        <div\n          ref={ref}\n          className={cn(\n            'ui-circular-progress',\n            `ui-circular-progress--${variant}`,\n            `ui-circular-progress--${color}`,\n            className\n          )}\n          style={rootStyle}\n          role=\"progressbar\"\n          aria-valuenow={variant === 'determinate' ? Math.round(value) : undefined}\n          {...props}\n        >\n          <svg viewBox=\"22 22 44 44\" style={{ display: 'block' }}>\n            <circle\n              className=\"ui-circular-circle\"\n              cx=\"44\"\n              cy=\"44\"\n              r={(44 - thickness) / 2}\n              fill=\"none\"\n              strokeWidth={thickness}\n              style={\n                variant === 'determinate'\n                  ? {\n                      strokeDasharray: circumference.toFixed(3),\n                      strokeDashoffset: offset.toFixed(3),\n                    }\n                  : {}\n              }\n            />\n          </svg>\n        </div>\n      </>\n    );\n  }\n);\n\nCircularProgress.displayName = 'CircularProgress';\n","'use client';\n\nimport { forwardRef } from 'react';\nimport { cn } from '../../utils/cn';\nimport { handleSx } from '../../utils/handleSx';\nimport { LinearProgressProps } from './Progress.types';\n\nconst STYLES = `\n  .ui-linear-progress {\n    position: relative;\n    overflow: hidden;\n    display: block;\n    height: 4px;\n    z-index: 0;\n    background-color: rgba(59, 130, 246, 0.2);\n    border-radius: 4px;\n  }\n\n  .ui-linear-progress--primary { background-color: rgba(59, 130, 246, 0.2); }\n  .ui-linear-progress--secondary { background-color: rgba(99, 102, 241, 0.2); }\n  .ui-linear-progress--error { background-color: rgba(239, 104, 104, 0.2); }\n  .ui-linear-progress--info { background-color: rgba(14, 165, 233, 0.2); }\n  .ui-linear-progress--success { background-color: rgba(16, 185, 129, 0.2); }\n  .ui-linear-progress--warning { background-color: rgba(245, 158, 11, 0.2); }\n\n  .ui-linear-bar {\n    width: 100%;\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    top: 0;\n    transition: transform 0.4s linear;\n    transform-origin: left;\n    background-color: #3b82f6;\n  }\n\n  .ui-linear-progress--primary .ui-linear-bar { background-color: #3b82f6; }\n  .ui-linear-progress--secondary .ui-linear-bar { background-color: #6366f1; }\n  .ui-linear-progress--error .ui-linear-bar { background-color: #ef4444; }\n  .ui-linear-progress--info .ui-linear-bar { background-color: #0ea5e9; }\n  .ui-linear-progress--success .ui-linear-bar { background-color: #10b981; }\n  .ui-linear-progress--warning .ui-linear-bar { background-color: #f59e0b; }\n\n  .ui-linear-progress--indeterminate .ui-linear-bar {\n    width: auto;\n    animation: ui-linear-indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;\n  }\n\n  @keyframes ui-linear-indeterminate {\n    0% {\n      left: -35%;\n      right: 100%;\n    }\n    60% {\n      left: 100%;\n      right: -90%;\n    }\n    100% {\n      left: 100%;\n      right: -90%;\n    }\n  }\n\n  .ui-linear-progress--indeterminate .ui-linear-bar-secondary {\n    display: block;\n    animation: ui-linear-indeterminate-secondary 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;\n    animation-delay: 1.15s;\n  }\n\n  @keyframes ui-linear-indeterminate-secondary {\n    0% {\n      left: -200%;\n      right: 100%;\n    }\n    60% {\n      left: 107%;\n      right: -8%;\n    }\n    100% {\n      left: 107%;\n      right: -8%;\n    }\n  }\n`;\n\nexport const LinearProgress = forwardRef<HTMLDivElement, LinearProgressProps>(\n  (\n    {\n      color = 'primary',\n      variant = 'indeterminate',\n      value = 0,\n      className,\n      style,\n      sx,\n      ...props\n    },\n    ref\n  ) => {\n    const transform = variant === 'determinate' ? `scaleX(${value / 100})` : undefined;\n\n    return (\n      <>\n        <style dangerouslySetInnerHTML={{ __html: STYLES }} />\n        <div\n          ref={ref}\n          className={cn(\n            'ui-linear-progress',\n            `ui-linear-progress--${variant}`,\n            `ui-linear-progress--${color}`,\n            className\n          )}\n          style={{ ...handleSx(sx), ...style }}\n          role=\"progressbar\"\n          aria-valuenow={variant === 'determinate' ? Math.round(value) : undefined}\n          {...props}\n        >\n          <div\n            className=\"ui-linear-bar\"\n            style={{ transform }}\n          />\n          {variant === 'indeterminate' && (\n            <div className=\"ui-linear-bar ui-linear-bar-secondary\" />\n          )}\n        </div>\n      </>\n    );\n  }\n);\n\nLinearProgress.displayName = 'LinearProgress';\n"]}