meticulous-ui 3.11.5 → 3.11.7

package/README.md

@@ -3,6 +3,7 @@
 [![npm version](https://img.shields.io/npm/v/meticulous-ui)](https://www.npmjs.com/package/meticulous-ui)
 [![npm downloads](https://img.shields.io/npm/dm/meticulous-ui)](https://www.npmjs.com/package/meticulous-ui)
 [![license](https://img.shields.io/npm/l/meticulous-ui)](https://www.npmjs.com/package/meticulous-ui)
+[![Socket](https://socket.dev/api/badge/npm/package/meticulous-ui)](https://socket.dev/npm/package/meticulous-ui)
 
 [![meticulous-ui](https://raw.githubusercontent.com/xe3110/meticulous-ui/main/assets/readme_banner.png)](https://meticulous-ui.vercel.app/)
 

package/package.json

@@ -1,10 +1,9 @@
 {
   "name": "meticulous-ui",
-  "version": "3.11.5",
+  "version": "3.11.7",
   "license": "ISC",
   "description": "A comprehensive React UI component library with a wide range of customizable components, icons, colors, and utilities for building modern web applications.",
   "types": "./index.d.ts",
-  "main": "./cjs/index.cjs",
   "module": "./index.js",
   "type": "module",
   "repository": {
@@ -19,13 +18,11 @@
     ".": {
       "types": "./index.d.ts",
       "import": "./index.js",
-      "require": "./cjs/index.cjs",
       "default": "./index.js"
     },
     "./components/Icons/*": {
       "types": "./components/Icons/*.d.ts",
-      "import": "./components/Icons/*.js",
-      "require": "./cjs/components/Icons/*.cjs"
+      "import": "./components/Icons/*.js"
     },
     "./components/*": {
       "types": "./components/*/index.d.ts",

package/cjs/colors/amber.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F={m50:"#FFF8E1",m100:"#FFECB3",m200:"#FFE082",m300:"#FFD54F",m400:"#FFCA28",m500:"#FFC107",m600:"#FFB300",m700:"#FFA000",m800:"#FF8F00",m900:"#FF6F00",a100:"#FFE57F",a200:"#FFD740",a400:"#FFC400",a700:"#FFAB00"};exports.amber=F;

package/cjs/colors/black.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={m50:"#FAFAFA",m100:"#E0E0E0",m200:"#BDBDBD",m300:"#9E9E9E",m400:"#757575",m500:"#616161",m600:"#424242",m700:"#212121",m800:"#121212",m900:"#000000"};exports.black=e;exports.default=e;

package/cjs/colors/blue.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={m50:"#E3F2FD",m100:"#BBDEFB",m200:"#90CAF9",m300:"#64B5F6",m400:"#42A5F5",m500:"#2196F3",m600:"#1E88E5",m700:"#1976D2",m800:"#1565C0",m900:"#0D47A1",a100:"#82B1FF",a200:"#448AFF",a400:"#2979FF",a700:"#2962FF"};exports.blue=e;exports.default=e;

package/cjs/colors/blueGray.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m={m50:"#ECEFF1",m100:"#CFD8DC",m200:"#B0BEC5",m300:"#90A4AE",m400:"#78909C",m500:"#607D8B",m600:"#546E7A",m700:"#455A64",m800:"#37474F",m900:"#263238"};exports.blueGray=m;

package/cjs/colors/brown.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={m50:"#EFEBE9",m100:"#D7CCC8",m200:"#BCAAA4",m300:"#A1887F",m400:"#8D6E63",m500:"#795548",m600:"#6D4C41",m700:"#5D4037",m800:"#4E342E",m900:"#3E2723"};exports.brown=e;exports.default=e;

package/cjs/colors/cider.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F={m50:"#FFF1E6",m100:"#FFD9B8",m200:"#FFBF8A",m300:"#FFA45C",m400:"#FF8C3A",m500:"#FF7300",m600:"#E06600",m700:"#B24D00",m800:"#803300",m900:"#4D1A00"};exports.cider=F;

package/cjs/colors/colorMap.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./amber.cjs"),r=require("./black.cjs"),t=require("./blue.cjs"),u=require("./blueGray.cjs"),l=require("./brown.cjs"),i=require("./cider.cjs"),n=require("./cyan.cjs"),o=require("./deepOrange.cjs"),c=require("./deepPurple.cjs"),a=require("./green.cjs"),s=require("./grey.cjs"),d=require("./indigo.cjs"),q=require("./lightBlue.cjs"),g=require("./lightGreen.cjs"),b=require("./lime.cjs"),p=require("./orange.cjs"),f=require("./pink.cjs"),y=require("./purple.cjs"),h=require("./red.cjs"),m=require("./teal.cjs"),w=require("./violet.cjs"),G=require("./white.cjs"),k=require("./yellow.cjs"),v={amber:e.amber,black:r.black,blue:t.blue,blueGray:u.blueGray,brown:l.brown,cider:i.cider,cyan:n.cyan,deepOrange:o.deepOrange,deepPurple:c.deepPurple,green:a.default,grey:s.default,indigo:d.default,lightBlue:q.lightBlue,lightGreen:g.lightGreen,lime:b.lime,orange:p.default,pink:f.default,purple:y.default,red:h.default,teal:m.default,violet:w.default,white:G.default,yellow:k.default};exports.default=v;

package/cjs/colors/cyan.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F={m50:"#E0F7FA",m100:"#B2EBF2",m200:"#80DEEA",m300:"#4DD0E1",m400:"#26C6DA",m500:"#00BCD4",m600:"#00ACC1",m700:"#0097A7",m800:"#00838F",m900:"#006064",a100:"#84FFFF",a200:"#18FFFF",a400:"#00E5FF",a700:"#00B8D4"};exports.cyan=F;

package/cjs/colors/deepOrange.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F={m50:"#FBE9E7",m100:"#FFCCBC",m200:"#FFAB91",m300:"#FF8A65",m400:"#FF7043",m500:"#FF5722",m600:"#F4511E",m700:"#E64A19",m800:"#D84315",m900:"#BF360C",a100:"#FF9E80",a200:"#FF6E40",a400:"#FF3D00",a700:"#DD2C00"};exports.deepOrange=F;

package/cjs/colors/deepPurple.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={m50:"#EDE7F6",m100:"#D1C4E9",m200:"#B39DDB",m300:"#9575CD",m400:"#7E57C2",m500:"#673AB7",m600:"#5E35B1",m700:"#512DA8",m800:"#4527A0",m900:"#311B92",a100:"#B388FF",a200:"#7C4DFF",a400:"#651FFF",a700:"#6200EA"};exports.deepPurple=e;

package/cjs/colors/green.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={m50:"#E8F5E9",m100:"#C8E6C9",m200:"#A5D6A7",m300:"#81C784",m400:"#66BB6A",m500:"#4CAF50",m600:"#43A047",m700:"#388E3C",m800:"#2E7D32",m900:"#1B5E20",a100:"#B9F6CA",a200:"#69F0AE",a400:"#00E676",a700:"#00C853"};exports.default=e;exports.green=e;

package/cjs/colors/grey.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={m50:"#FAFAFA",m100:"#F5F5F5",m200:"#EEEEEE",m300:"#E0E0E0",m400:"#BDBDBD",m500:"#9E9E9E",m600:"#757575",m700:"#616161",m800:"#424242",m900:"#212121"};exports.default=e;exports.grey=e;

package/cjs/colors/indigo.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={m50:"#E8EAF6",m100:"#C5CAE9",m200:"#9FA8DA",m300:"#7986CB",m400:"#5C6BC0",m500:"#3F51B5",m600:"#3949AB",m700:"#303F9F",m800:"#283593",m900:"#1A237E",a100:"#8C9EFF",a200:"#536DFE",a400:"#3D5AFE",a700:"#304FFE"};exports.default=e;exports.indigo=e;

package/cjs/colors/lightBlue.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F={m50:"#E1F5FE",m100:"#B3E5FC",m200:"#81D4FA",m300:"#4FC3F7",m400:"#29B6F6",m500:"#03A9F4",m600:"#039BE5",m700:"#0288D1",m800:"#0277BD",m900:"#01579B",a100:"#80D8FF",a200:"#40C4FF",a400:"#00B0FF",a700:"#0091EA"};exports.lightBlue=F;

package/cjs/colors/lightGreen.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={m50:"#F1F8E9",m100:"#DCEDC8",m200:"#C5E1A5",m300:"#AED581",m400:"#9CCC65",m500:"#8BC34A",m600:"#7CB342",m700:"#689F38",m800:"#558B2F",m900:"#33691E",a100:"#CCFF90",a200:"#B2FF59",a400:"#76FF03",a700:"#64DD17"};exports.lightGreen=e;

package/cjs/colors/lime.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m={m50:"#F9FBE7",m100:"#F0F4C3",m200:"#E6EE9C",m300:"#DCE775",m400:"#D4E157",m500:"#CDDC39",m600:"#C0CA33",m700:"#AFB42B",m800:"#9E9D24",m900:"#827717",a100:"#F4FF81",a200:"#EEFF41",a400:"#C6FF00",a700:"#AEEA00"};exports.lime=m;

package/cjs/colors/orange.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const F={m50:"#FFF3E0",m100:"#FFE0B2",m200:"#FFCC80",m300:"#FFB74D",m400:"#FFA726",m500:"#FF9800",m600:"#FB8C00",m700:"#F57C00",m800:"#EF6C00",m900:"#E65100",a100:"#FFD180",a200:"#FFAB40",a400:"#FF9100",a700:"#FF6D00"};exports.default=F;exports.orange=F;

package/cjs/colors/pink.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={m50:"#FCE4EC",m100:"#F8BBD0",m200:"#F48FB1",m300:"#F06292",m400:"#EC407A",m500:"#E91E63",m600:"#D81B60",m700:"#C2185B",m800:"#AD1457",m900:"#880E4F",a100:"#FF80AB",a200:"#FF4081",a400:"#F50057",a700:"#C51162"};exports.default=e;exports.pink=e;

package/cjs/colors/purple.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={m50:"#F3E5F5",m100:"#E1BEE7",m200:"#CE93D8",m300:"#BA68C8",m400:"#AB47BC",m500:"#9C27B0",m600:"#8E24AA",m700:"#7B1FA2",m800:"#6A1B9A",m900:"#4A148C",a100:"#EA80FC",a200:"#E040FB",a400:"#D500F9",a700:"#AA00FF"};exports.default=e;exports.purple=e;

package/cjs/colors/red.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={m50:"#FFEBEE",m100:"#FFCDD2",m200:"#EF9A9A",m300:"#E57373",m400:"#EF5350",m500:"#F44336",m600:"#E53935",m700:"#D32F2F",m800:"#C62828",m900:"#B71C1C",a100:"#FF8A80",a200:"#FF5252",a400:"#FF1744",a700:"#D50000"};exports.default=e;exports.red=e;

package/cjs/colors/teal.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={m50:"#E0F2F1",m100:"#B2DFDB",m200:"#80CBC4",m300:"#4DB6AC",m400:"#26A69A",m500:"#009688",m600:"#00897B",m700:"#00796B",m800:"#00695C",m900:"#004D40",a100:"#A7FFEB",a200:"#64FFDA",a400:"#1DE9B6",a700:"#00BFA5"};exports.default=e;exports.teal=e;

package/cjs/colors/violet.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const F={m50:"#F3E8FF",m100:"#E1BFFF",m200:"#CE96FF",m300:"#BA6EFF",m400:"#A955FF",m500:"#933DFF",m600:"#852AFF",m700:"#7718FF",m800:"#6800E6",m900:"#4D00B3",a100:"#D1A8FF",a200:"#B36CFF",a400:"#9400FF",a700:"#7A00E6"};exports.default=F;exports.violet=F;

package/cjs/colors/white.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="#FFFFFF";exports.default=e;exports.white=e;

package/cjs/colors/yellow.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const F={m50:"#FFFDE7",m100:"#FFF9C4",m200:"#FFF59D",m300:"#FFF176",m400:"#FFEE58",m500:"#FFEB3B",m600:"#FDD835",m700:"#FBC02D",m800:"#F9A825",m900:"#F57F17",a100:"#FFFF8D",a200:"#FFFF00",a400:"#FFEA00",a700:"#FFD600"};exports.default=F;exports.yellow=F;

package/cjs/components/Button/Button.cjs

@@ -1,65 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),R=require("react"),D=require("../Spinner/Spinner.cjs"),P=require("../../colors/colorMap.cjs"),y=require("../../colors/blue.cjs"),S=require("../Ripple/Ripple.cjs"),z=require("../../colors/white.cjs"),v=require("../../colors/grey.cjs"),w=require("./constants.cjs"),B=require("prop-types"),l=require("styled-components"),x=e=>e&&e.__esModule?e:{default:e},o=x(B),d=x(l),E=d.default.button`
-  height: ${({$height:e})=>e}rem;
-  width: ${({$width:e})=>e}rem;
-  border-radius: 0.96rem;
-  border: none;
-  padding: 0.96rem 0.64rem;
-  position: relative;
-  overflow: hidden;
-  background-color: ${({$selectedColor:e,disabled:t})=>t?v.default.m500:e};
-  cursor: ${({disabled:e,$isLoading:t})=>e?"not-allowed":t?"auto":"pointer"};
-
-  ${({$isLoading:e})=>e&&l.css`
-      pointer-events: none;
-    `};
-
-  ${({disabled:e,$isLoading:t})=>!(e||t)&&l.css`
-      &:hover {
-        background-color: ${({$hoverColor:r})=>r};
-      }
-
-      &:active {
-        background-color: ${({$activeColor:r})=>r};
-      }
-    `};
-
-  &:focus-visible {
-    outline: none;
-  }
-`,K=d.default.div`
-  font-size: ${({$font:e})=>e}rem;
-  font-weight: 500;
-  max-width: 100%;
-  overflow: hidden;
-  color: ${({$textColor:e})=>e};
-  opacity: ${({$isLoading:e})=>e?0:1};
-  transition: opacity 0.3s ease;
-`,O=d.default.div`
-  height: ${({$height:e})=>e}rem;
-  width: ${({$width:e})=>e}rem;
-  display: inline-block;
-  position: relative;
-  border-radius: 0.96rem;
-
-  ${({disabled:e,$isLoading:t})=>!(e||t)&&l.css`
-      box-shadow: 0 0.4rem 1.5rem rgba(0, 0, 0, 0.2);
-      transition:
-        transform 0.2s,
-        box-shadow 0.2s;
-
-      &:hover,
-      &:focus-within {
-        box-shadow: 0 0.6rem 2rem rgba(0, 0, 0, 0.3);
-        transform: translateY(-2px);
-      }
-    `};
-`,W=d.default.div`
-  position: absolute;
-  inset: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  opacity: ${({$isLoading:e})=>e?1:0};
-  transition: opacity 0.3s ease;
-  pointer-events: none;
-`,U=({theme:e,children:t})=>n.jsx(S.default,{rippleColor:e.m100,borderRadius:"0.96rem",children:t}),C=e=>{var g;const{children:t,theme:r=y.blue,size:q=w.MEDIUM,width:u,leftIcon:Y,rightIcon:Z,isLoading:i,textColor:c,onKeyDown:a,style:j,..._}=e||{},f=R.useRef(0),T=s=>{if(s.key==="Enter"||s.key===" "){const $=Date.now();if($-f.current<500){s.preventDefault(),s.stopPropagation();return}f.current=$}a==null||a(s)},{m400:k,m500:I,m600:L}=(g=P.default[r])!=null?g:y.blue,{height:h,width:p,font:M}=w.SIZE[q]||{},m=["white","yellow"].includes(r)?v.default.m600:z.default,b=n.jsxs(E,{type:"button",..._,onKeyDown:T,$hoverColor:I,$activeColor:L,$selectedColor:k,$height:h,$width:u||p,disabled:e.disabled,$isLoading:i,children:[n.jsx(W,{$isLoading:i,children:n.jsx(D.default,{size:"small",color:c||m})}),n.jsx(K,{$isLoading:i,$textColor:c||m,$font:M,children:t})]});return n.jsx(O,{style:j,$height:h,$width:u||p,disabled:e.disabled,$isLoading:i,children:i?b:n.jsx(U,{theme:r,children:b})})};C.propTypes={children:o.default.node,theme:o.default.string,size:o.default.string,width:o.default.oneOfType([o.default.string,o.default.number]),leftIcon:o.default.elementType,rightIcon:o.default.elementType,isLoading:o.default.bool,textColor:o.default.string,disabled:o.default.bool};exports.default=C;

package/cjs/components/Button/constants.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t="small",e="medium",o="large",h="ex-large",i={[t]:{height:4.48,width:8.4,font:1.6},[e]:{height:5.12,width:9.6,font:1.92},[o]:{height:5.76,width:10.8,font:2.24},[h]:{height:6.4,width:12,font:2.56}};exports.EX_LARGE=h;exports.LARGE=o;exports.MEDIUM=e;exports.SIZE=i;exports.SMALL=t;

package/cjs/components/Button/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Button.cjs");exports.default=e.default;

package/cjs/components/Carousel/Carousel.cjs

@@ -1,148 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),s=require("react"),fe=require("../Icons/ChevronLeft.cjs"),he=require("../Icons/ChevronRight.cjs"),Y=require("styled-components"),pe=t=>t&&t.__esModule?t:{default:t},o=pe(Y),xe=o.default.div`
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  width: 100%;
-  gap: 12px;
-  outline: none;
-`,be=o.default.div`
-  position: relative;
-  width: 100%;
-`,ge=o.default.div`
-  overflow: hidden;
-  width: 100%;
-  outline: none;
-  cursor: ${({$draggable:t})=>t?"grab":"default"};
-
-  &:active {
-    cursor: ${({$draggable:t})=>t?"grabbing":"default"};
-  }
-`,ve=o.default.div`
-  display: flex;
-  width: 100%;
-  transform: translateX(${({$translateX:t})=>t}%);
-  transition: ${({$dragging:t})=>t?"none":"transform 0.35s ease"};
-
-  @media (prefers-reduced-motion: reduce) {
-    transition: none;
-  }
-
-  & > * {
-    flex: 0 0 ${({$visibleSlides:t})=>100/t}%;
-    min-width: 0;
-    box-sizing: border-box;
-  }
-`,N=o.default.button`
-  position: absolute;
-  top: ${({$arrowTop:t})=>t!=null?t:"50%"};
-  transform: translateY(-50%);
-  z-index: 1;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 32px;
-  height: 32px;
-  border-radius: 50%;
-  border: 1px solid #e0e0e0;
-  background: #fff;
-  cursor: pointer;
-  color: #333;
-  transition:
-    background 0.15s,
-    opacity 0.3s;
-  padding: 0;
-
-  ${({$direction:t,$overlay:l})=>t==="prev"?`left: ${l?"12px":"-16px"};`:`right: ${l?"12px":"-16px"};`}
-
-  &:hover:not(:disabled) {
-    background: #f5f5f5;
-  }
-
-  &:disabled {
-    opacity: 0.3;
-    cursor: default;
-  }
-
-  &:focus-visible {
-    outline: none;
-    background: #ffe4ec;
-    border-color: #f9a8c0;
-  }
-
-  ${({$viewportFocused:t})=>t&&`
-    border-color: #bdbdbd;
-  `}
-
-  ${({$overlay:t,$visible:l})=>t&&!l&&`
-    opacity: 0;
-    pointer-events: none;
-  `}
-`,me=o.default.div`
-  display: flex;
-  gap: 6px;
-  align-items: center;
-`,we=o.default.button`
-  width: ${({$active:t})=>t?"20px":"8px"};
-  height: 8px;
-  border-radius: 4px;
-  border: none;
-  background: ${({$active:t})=>t?"#333":"#ccc"};
-  cursor: pointer;
-  padding: 0;
-  transition:
-    width 0.2s ease,
-    background 0.2s ease;
-`,$e=Y.keyframes`
-  from { width: 0%; }
-  to { width: 100%; }
-`,je=o.default.div`
-  width: 100%;
-  height: 3px;
-  background: #e0e0e0;
-  border-radius: 2px;
-  overflow: hidden;
-  position: relative;
-
-  &::after {
-    content: '';
-    position: absolute;
-    inset: 0;
-    width: 0%;
-    background: #333;
-    animation: ${$e} ${({$duration:t})=>t}s linear forwards;
-    animation-play-state: ${({$paused:t})=>t?"paused":"running"};
-
-    @media (prefers-reduced-motion: reduce) {
-      animation: none;
-      width: 100%;
-    }
-  }
-`,ke=o.default.button`
-  position: absolute;
-  bottom: 8px;
-  right: 8px;
-  z-index: 2;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 24px;
-  height: 24px;
-  border-radius: 50%;
-  border: 1px solid rgba(255, 255, 255, 0.6);
-  background: rgba(0, 0, 0, 0.35);
-  color: #fff;
-  cursor: pointer;
-  padding: 0;
-  backdrop-filter: blur(2px);
-  transition: background 0.15s;
-
-  &:hover {
-    background: rgba(0, 0, 0, 0.55);
-  }
-
-  &:focus-visible {
-    outline: 2px solid #fff;
-    outline-offset: 2px;
-  }
-`,E=50,D=2e3,ye=()=>n.jsxs("svg",{width:12,height:12,viewBox:"0 0 12 12",fill:"currentColor","aria-hidden":"true",children:[n.jsx("rect",{x:"2",y:"1",width:"3",height:"10",rx:"1"}),n.jsx("rect",{x:"7",y:"1",width:"3",height:"10",rx:"1"})]}),Me=()=>n.jsx("svg",{width:12,height:12,viewBox:"0 0 12 12",fill:"currentColor","aria-hidden":"true",children:n.jsx("path",{d:"M2 1.5l9 4.5-9 4.5V1.5z"})}),Ee=({data:t,renderCarousel:l,visibleSlides:R=1,hasArrow:L=!0,overlayArrows:u=!1,arrowTop:m,areDotsHidden:A=!1,autoSlide:w=!1,autoSlideSec:T=3,loop:h=!1,dragToSlide:$=!1,liveDrag:j=!1,liveDragMobile:I=!0,showProgress:G=!1,defaultIndex:J=0,onSlideChange:X,...Q})=>{var U,K;const[i,k]=s.useState(J),[O,p]=s.useState(!0),[P,S]=s.useState(!1),[x,b]=s.useState(!1),[Z,g]=s.useState(0),[q,v]=s.useState(!1),[_,z]=s.useState(!1),d=s.useRef(null),c=s.useRef(null),f=s.useRef(null),B=s.useRef(null);s.useEffect(()=>{const e=window.matchMedia("(max-width: 1024px)");z(e.matches);const r=de=>z(de.matches);return e.addEventListener("change",r),()=>e.removeEventListener("change",r)},[]);const a=t.length-R,y=()=>k(e=>h&&e===0?a:Math.max(e-1,0)),M=()=>k(e=>h&&e>=a?0:Math.min(e+1,a));s.useEffect(()=>{X==null||X(i)},[i]);const V=()=>{u&&(clearTimeout(f.current),p(!0),f.current=setTimeout(()=>p(!1),D))},ee=()=>{b(!0),u&&(clearTimeout(f.current),p(!0))},te=()=>{b(!1),u&&(f.current=setTimeout(()=>p(!1),D))};s.useEffect(()=>{if(u)return f.current=setTimeout(()=>p(!1),D),()=>clearTimeout(f.current)},[u]),s.useEffect(()=>{if(!w||x)return;const e=setInterval(()=>{k(r=>r>=a?0:r+1)},T*1e3);return()=>clearInterval(e)},[w,T,x,a]);const W=e=>h?e:i===0&&e>0||i===a&&e<0?e*.3:e,ne=e=>{d.current=e.touches[0].clientX,I&&_&&v(!0),V()},re=e=>{!I||!_||d.current===null||g(W(e.touches[0].clientX-d.current))},se=e=>{if(I&&_&&(v(!1),g(0)),d.current===null)return;const r=d.current-e.changedTouches[0].clientX;r>E?M():r<-E&&y(),d.current=null},ie=e=>{$&&(c.current=e.clientX,j&&v(!0))},oe=e=>{!$||!j||c.current===null||g(W(e.clientX-c.current))},ae=e=>{if(!$||c.current===null)return;j&&(v(!1),g(0));const r=c.current-e.clientX;r>E?M():r<-E&&y(),c.current=null},ue=e=>{e.key==="ArrowLeft"?(e.preventDefault(),y()):e.key==="ArrowRight"&&(e.preventDefault(),M())},F=(K=(U=B.current)==null?void 0:U.clientWidth)!=null?K:0,ce=F>0?Z/F*100:0,le=-(i*(100/R))+ce,H=m!==void 0?typeof m=="number"?`${m}px`:m:void 0,C=a+1;return n.jsxs(xe,{onClick:V,onMouseEnter:ee,onMouseLeave:te,onMouseMove:oe,onMouseUp:ae,onKeyDown:ue,role:"region","aria-label":"Carousel",...Q,children:[n.jsxs(be,{onTouchStart:ne,onTouchMove:re,onTouchEnd:se,children:[L&&n.jsx(N,{onClick:y,disabled:!h&&i===0,"aria-label":"Previous slide",$direction:"prev",$overlay:u,$visible:O,$arrowTop:H,$viewportFocused:P,children:n.jsx(fe.default,{size:20,"aria-hidden":"true"})}),n.jsx(ge,{ref:B,tabIndex:0,"aria-label":"Carousel slides. Use arrow keys to navigate.",$draggable:$,onFocus:()=>{S(!0),b(!0)},onBlur:()=>{S(!1),b(!1)},onMouseDown:ie,onMouseLeave:e=>{e.buttons!==1&&(j&&q&&(v(!1),g(0)),c.current=null)},children:n.jsx(ve,{$translateX:le,$visibleSlides:R,$dragging:q,children:t.map(l)})}),L&&n.jsx(N,{onClick:M,disabled:!h&&i===a,"aria-label":"Next slide",$direction:"next",$overlay:u,$visible:O,$arrowTop:H,$viewportFocused:P,children:n.jsx(he.default,{size:20,"aria-hidden":"true"})}),w&&n.jsx(ke,{onClick:()=>b(e=>!e),"aria-label":x?"Play slideshow":"Pause slideshow",children:x?n.jsx(Me,{}):n.jsx(ye,{})})]}),n.jsxs("div",{"aria-live":"polite","aria-atomic":"true",style:{position:"absolute",width:1,height:1,overflow:"hidden",clip:"rect(0,0,0,0)",whiteSpace:"nowrap"},children:["Slide ",i+1," of ",C]}),w&&G&&n.jsx(je,{$duration:T,$paused:x},i),!A&&n.jsx(me,{children:Array.from({length:C}).map((e,r)=>n.jsx(we,{$active:r===i,onClick:()=>k(r),"aria-label":`Slide ${r+1} of ${C}`,"aria-current":r===i?"true":void 0},r))})]})};exports.default=Ee;

package/cjs/components/Carousel/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Carousel.cjs");exports.default=e.default;

package/cjs/components/DatePicker/DatePicker.cjs

@@ -1,243 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),f=require("react"),Re=require("prop-types"),Ne=require("../../colors/colorMap.cjs"),we=require("../../colors/blue.cjs"),s=require("./constants.cjs"),b=require("./utils.cjs"),B=require("styled-components"),le=t=>t&&t.__esModule?t:{default:t},g=le(Re),i=le(B),Oe=B.keyframes`
-  from { opacity: 0; transform: translateY(6px); }
-  to   { opacity: 1; transform: translateY(0); }
-`,Le=i.default.div`
-  display: inline-flex;
-  flex-direction: column;
-  background: #ffffff;
-  border-radius: 20px;
-  box-shadow:
-    0 8px 40px rgba(0, 0, 0, 0.12),
-    0 2px 8px rgba(0, 0, 0, 0.06);
-  padding: 20px;
-  width: 320px;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
-  animation: ${Oe} 0.22s ease;
-  user-select: none;
-`,Ge=i.default.div`
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  margin-bottom: 16px;
-`,C=i.default.div`
-  flex: 1;
-  background: ${({$active:t,$primary:o})=>t?o:"#f1f3f4"};
-  color: ${({$active:t})=>t?"#fff":"#5f6368"};
-  border-radius: 12px;
-  padding: 10px 14px;
-  font-size: 13px;
-  font-weight: 500;
-  transition:
-    background 0.18s,
-    color 0.18s;
-
-  span {
-    display: block;
-    font-size: 10px;
-    font-weight: 600;
-    text-transform: uppercase;
-    letter-spacing: 0.6px;
-    opacity: 0.7;
-    margin-bottom: 2px;
-  }
-`,_e=i.default.div`
-  color: #bdc1c6;
-  font-size: 16px;
-  flex-shrink: 0;
-`,Te=i.default.div`
-  display: flex;
-  background: #f1f3f4;
-  border-radius: 10px;
-  padding: 3px;
-  margin-bottom: 16px;
-`,te=i.default.button`
-  flex: 1;
-  border: none;
-  background: ${({$active:t})=>t?"#fff":"transparent"};
-  color: ${({$active:t,$primary:o})=>t?o:"#5f6368"};
-  border-radius: 8px;
-  padding: 6px 0;
-  font-size: 12px;
-  font-weight: 600;
-  cursor: pointer;
-  transition:
-    background 0.15s,
-    color 0.15s;
-  box-shadow: ${({$active:t})=>t?"0 1px 4px rgba(0,0,0,0.1)":"none"};
-
-  &:focus-visible {
-    outline: 2px solid ${({$primary:t})=>t};
-    outline-offset: 2px;
-  }
-`,Ye=i.default.div`
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin-bottom: 12px;
-`,ne=i.default.button`
-  background: none;
-  border: none;
-  cursor: pointer;
-  width: 32px;
-  height: 32px;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: #5f6368;
-  transition:
-    background 0.15s,
-    color 0.15s;
-
-  &:hover {
-    background: #f1f3f4;
-    color: ${({$primary:t})=>t};
-  }
-
-  &:focus-visible {
-    outline: 2px solid ${({$primary:t})=>t};
-  }
-`,oe=i.default.button`
-  background: none;
-  border: none;
-  cursor: pointer;
-  font-size: 14px;
-  font-weight: 600;
-  color: #202124;
-  padding: 4px 8px;
-  border-radius: 8px;
-  transition: background 0.15s;
-
-  &:hover {
-    background: #f1f3f4;
-  }
-
-  &:focus-visible {
-    outline: 2px solid ${({$primary:t})=>t};
-  }
-`,Ie=i.default.div`
-  display: grid;
-  grid-template-columns: repeat(7, 1fr);
-  gap: 0;
-`,Pe=i.default.div`
-  text-align: center;
-  font-size: 11px;
-  font-weight: 600;
-  color: #9aa0a6;
-  padding: 4px 0 8px;
-  text-transform: uppercase;
-  letter-spacing: 0.4px;
-`,ze=i.default.div`
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 36px;
-
-  &::before {
-    content: '';
-    position: absolute;
-    inset: 4px 0;
-    background: ${({$inRange:t,$primaryLight:o})=>t?o:"transparent"};
-    border-radius: ${({$rangeStart:t,$rangeEnd:o})=>t?"50% 0 0 50%":o?"0 50% 50% 0":"0"};
-    pointer-events: none;
-  }
-`,He=i.default.button`
-  position: relative;
-  z-index: 1;
-  width: 32px;
-  height: 32px;
-  border: none;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  font-size: 13px;
-  font-weight: 500;
-  cursor: ${({$empty:t,disabled:o})=>t||o?"default":"pointer"};
-  background: ${({$selected:t,$hovered:o,$primary:a,$primaryLight:u})=>t?a:o?u:"transparent"};
-  color: ${({$selected:t,$today:o,disabled:a,$primary:u})=>t?"#fff":a?"#dadce0":o?u:"#202124"};
-  outline: ${({$today:t,$selected:o,$primary:a})=>t&&!o?`2px solid ${a}`:"none"};
-  outline-offset: -2px;
-  transition:
-    background 0.12s,
-    color 0.12s;
-  pointer-events: ${({$empty:t,disabled:o})=>t||o?"none":"auto"};
-
-  ${({$empty:t})=>t&&B.css`
-      visibility: hidden;
-    `}
-
-  &:hover {
-    background: ${({$selected:t,$primary:o,$primaryDark:a,$primaryLight:u})=>t?a:u};
-  }
-
-  &:focus-visible {
-    outline: 2px solid ${({$primary:t})=>t};
-  }
-`,qe=i.default.div`
-  display: grid;
-  grid-template-columns: repeat(3, 1fr);
-  gap: 6px;
-  padding: 4px 0;
-`,re=i.default.button`
-  border: none;
-  background: ${({$active:t,$primary:o})=>t?o:"transparent"};
-  color: ${({$active:t})=>t?"#fff":"#202124"};
-  border-radius: 10px;
-  padding: 8px 4px;
-  font-size: 13px;
-  font-weight: 500;
-  cursor: pointer;
-  transition:
-    background 0.13s,
-    color 0.13s;
-
-  &:hover {
-    background: ${({$active:t,$primaryDark:o})=>t?o:"#f1f3f4"};
-  }
-
-  &:focus-visible {
-    outline: 2px solid ${({$primary:t})=>t};
-  }
-`,Ce=i.default.div`
-  display: grid;
-  grid-template-columns: repeat(3, 1fr);
-  gap: 6px;
-  max-height: 210px;
-  overflow-y: auto;
-  padding: 4px 0;
-  scrollbar-width: thin;
-`,Be=i.default.div`
-  display: flex;
-  justify-content: flex-end;
-  gap: 8px;
-  margin-top: 16px;
-  padding-top: 12px;
-  border-top: 1px solid #f1f3f4;
-`,se=i.default.button`
-  border: none;
-  background: ${({$isPrimary:t,$primary:o})=>t?o:"transparent"};
-  color: ${({$isPrimary:t,$primary:o})=>t?"#fff":o};
-  border-radius: 8px;
-  padding: 7px 16px;
-  font-size: 13px;
-  font-weight: 600;
-  cursor: pointer;
-  transition:
-    background 0.14s,
-    opacity 0.14s;
-
-  &:hover {
-    background: ${({$isPrimary:t,$primaryDark:o,$primaryLight:a})=>t?o:a};
-  }
-
-  &:disabled {
-    opacity: 0.4;
-    cursor: default;
-  }
-
-  &:focus-visible {
-    outline: 2px solid ${({$primary:t})=>t};
-  }
-`,Fe=()=>n.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:n.jsx("polyline",{points:"15 18 9 12 15 6"})}),We=()=>n.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2.5",strokeLinecap:"round",strokeLinejoin:"round",children:n.jsx("polyline",{points:"9 18 15 12 9 6"})}),d={CALENDAR:"calendar",MONTH:"month",YEAR:"year"},Ue=new Date,ie=1924,Je=Ue.getFullYear()+20,Ke=Array.from({length:Je-ie+1},(t,o)=>ie+o),ae=({theme:t="blue",mode:o=s.MODE.SINGLE,value:a,rangeValue:u,onChange:l,minDate:w,maxDate:O,showModeToggle:ce=!0,showFooter:L=!0,showSelectedDisplay:de=!0,...ue})=>{var Q,X;const G=f.useMemo(()=>{var e;return(e=Ne.default[t])!=null?e:we.blue},[t]),p=G.m500,_=G.m700,$=G.m100,T={$primary:p,$primaryDark:_,$primaryLight:$},F=new Date,[c,pe]=f.useState(o),[Y,I]=f.useState(F.getFullYear()),[k,v]=f.useState(F.getMonth()),[m,j]=f.useState(d.CALENDAR),[D,P]=f.useState(a!=null?a:null),[r,z]=f.useState((Q=u==null?void 0:u[0])!=null?Q:null),[h,S]=f.useState((X=u==null?void 0:u[1])!=null?X:null),[A,M]=f.useState(null),[R,N]=f.useState(!1),fe=b.buildCalendarGrid(Y,k),W=f.useCallback(e=>!!(!e||w&&e<w||O&&e>O),[w,O]),xe=()=>{k===0?(v(11),I(e=>e-1)):v(e=>e-1)},be=()=>{k===11?(v(0),I(e=>e+1)):v(e=>e+1)},ge=e=>{if(!(!e||W(e))){if(c===s.MODE.SINGLE){P(e),L||l==null||l(e);return}!R||!r?(z(e),S(null),N(!0)):(S(e),N(!1),L||l==null||l([e<=r?e:r,e<=r?r:e]))}},H=e=>{pe(e),P(null),z(null),S(null),N(!1),M(null)};f.useEffect(()=>{H(o)},[o]);const ye=()=>{if(c===s.MODE.SINGLE)l==null||l(D);else if(r&&h){const[e,E]=r<=h?[r,h]:[h,r];l==null||l([e,E])}},he=()=>{P(null),z(null),S(null),N(!1),M(null),l==null||l(c===s.MODE.SINGLE?null:[null,null])},x=R&&A?A:h,U=e=>c===s.MODE.RANGE&&b.isRangeStart(e,r,x),J=e=>c===s.MODE.RANGE&&b.isRangeEnd(e,r,x),me=e=>c===s.MODE.RANGE&&b.isInRange(e,r,x),Ee=e=>c===s.MODE.SINGLE?b.isSameDay(e,D):U(e)||J(e),K=c===s.MODE.SINGLE?b.formatDate(D):b.formatDate(r?r<=(x!=null?x:r)?r:x:null),ke=c===s.MODE.RANGE?b.formatDate(x?x>=r?x:r:null):null,ve=c===s.MODE.SINGLE?!D:!r||!h,De=()=>n.jsx(qe,{children:s.MONTHS.map((e,E)=>n.jsx(re,{type:"button",$active:E===k,...T,onClick:()=>{v(E),j(d.CALENDAR)},children:e.slice(0,3)},e))}),$e=()=>n.jsx(Ce,{children:Ke.map(e=>n.jsx(re,{type:"button",$active:e===Y,...T,onClick:()=>{I(e),j(d.CALENDAR)},children:e},e))}),je=()=>n.jsxs(Ie,{children:[s.DAYS_SHORT.map(e=>n.jsx(Pe,{children:e},e)),fe.map((e,E)=>{const y=!e,Z=W(e),q=!y&&Ee(e),Se=!y&&b.isToday(e),V=!y&&U(e),ee=!y&&J(e),Ae=!y&&me(e),Me=!y&&A&&b.isSameDay(e,A);return n.jsx(ze,{$inRange:Ae||V||ee,$rangeStart:V,$rangeEnd:ee,$primaryLight:$,children:n.jsx(He,{type:"button",$empty:y,$selected:q,$today:Se,$hovered:Me&&!q,disabled:Z,...T,onClick:()=>ge(e),onMouseEnter:()=>!y&&M(e),onMouseLeave:()=>M(null),"aria-label":e?e.toDateString():void 0,"aria-pressed":q,tabIndex:y||Z?-1:0,children:e==null?void 0:e.getDate()})},E)})]});return n.jsxs(Le,{...ue,children:[de&&n.jsx(Ge,{children:c===s.MODE.RANGE?n.jsxs(n.Fragment,{children:[n.jsxs(C,{$active:R||!r&&!h,$primary:p,children:[n.jsx("span",{children:"From"}),K]}),n.jsx(_e,{children:"→"}),n.jsxs(C,{$active:!R&&!!h,$primary:p,children:[n.jsx("span",{children:"To"}),ke]})]}):n.jsxs(C,{$active:!!D,$primary:p,style:{flex:"none",width:"100%"},children:[n.jsx("span",{children:"Selected"}),K]})}),ce&&n.jsxs(Te,{children:[n.jsx(te,{type:"button",$active:c===s.MODE.SINGLE,$primary:p,onClick:()=>H(s.MODE.SINGLE),children:"Single"}),n.jsx(te,{type:"button",$active:c===s.MODE.RANGE,$primary:p,onClick:()=>H(s.MODE.RANGE),children:"Range"})]}),n.jsxs(Ye,{children:[n.jsx(ne,{type:"button",$primary:p,onClick:xe,"aria-label":"Previous month",children:n.jsx(Fe,{})}),n.jsxs("div",{style:{display:"flex",gap:4},children:[n.jsx(oe,{type:"button",$primary:p,onClick:()=>j(m===d.MONTH?d.CALENDAR:d.MONTH),children:s.MONTHS[k]}),n.jsx(oe,{type:"button",$primary:p,onClick:()=>j(m===d.YEAR?d.CALENDAR:d.YEAR),children:Y})]}),n.jsx(ne,{type:"button",$primary:p,onClick:be,"aria-label":"Next month",children:n.jsx(We,{})})]}),m===d.CALENDAR&&je(),m===d.MONTH&&De(),m===d.YEAR&&$e(),L&&m===d.CALENDAR&&n.jsxs(Be,{children:[n.jsx(se,{type:"button",$primary:p,$primaryDark:_,$primaryLight:$,onClick:he,children:"Clear"}),n.jsx(se,{type:"button",$isPrimary:!0,$primary:p,$primaryDark:_,$primaryLight:$,disabled:ve,onClick:ye,children:"Apply"})]})]})};ae.propTypes={theme:g.default.string,mode:g.default.oneOf(["single","range"]),value:g.default.instanceOf(Date),rangeValue:g.default.arrayOf(g.default.instanceOf(Date)),onChange:g.default.func,minDate:g.default.instanceOf(Date),maxDate:g.default.instanceOf(Date),showModeToggle:g.default.bool,showFooter:g.default.bool};exports.default=ae;

package/cjs/components/DatePicker/constants.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["January","February","March","April","May","June","July","August","September","October","November","December"],r=["Su","Mo","Tu","We","Th","Fr","Sa"],t={SINGLE:"single",RANGE:"range"};exports.DAYS_SHORT=r;exports.MODE=t;exports.MONTHS=e;

package/cjs/components/DatePicker/index.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./DatePicker.cjs");exports.default=e.default;

package/cjs/components/DatePicker/utils.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=(e,t)=>new Date(e,t+1,0).getDate(),g=(e,t)=>new Date(e,t,1).getDay(),o=(e,t)=>e&&t&&e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate(),u=e=>o(e,new Date),l=(e,t,n)=>{if(!t||!n)return!1;const[s,a]=t<=n?[t,n]:[n,t];return e>s&&e<a},D=(e,t,n)=>!t||!n?!1:o(e,t<=n?t:n),c=(e,t,n)=>!t||!n?!1:o(e,t<=n?n:t),f=e=>e?e.toLocaleDateString("en-US",{month:"short",day:"numeric",year:"numeric"}):"—",y=(e,t)=>{const n=i(e,t),s=g(e,t),a=[];for(let r=0;r<s;r++)a.push(null);for(let r=1;r<=n;r++)a.push(new Date(e,t,r));return a};exports.buildCalendarGrid=y;exports.formatDate=f;exports.getDaysInMonth=i;exports.getFirstDayOfMonth=g;exports.isInRange=l;exports.isRangeEnd=c;exports.isRangeStart=D;exports.isSameDay=o;exports.isToday=u;