meticulous-ui 3.11.4 → 3.11.6

package/components/Button/Button.js

@@ -1,15 +1,15 @@
 import { jsxs as z, jsx as i } from "react/jsx-runtime";
 import { useRef as D } from "react";
-import R from "../Spinner/Spinner.js";
-import j from "../../colors/colorMap.js";
+import j from "../Spinner/Spinner.js";
+import B from "../../colors/colorMap.js";
 import { blue as w } from "../../colors/blue.js";
-import B from "../Ripple/Ripple.js";
-import E from "../../colors/white.js";
+import E from "../Ripple/Ripple.js";
+import P from "../../colors/white.js";
 import y from "../../colors/grey.js";
-import { MEDIUM as P, SIZE as S } from "./constants.js";
+import { MEDIUM as S, SIZE as K } from "./constants.js";
 import t from "prop-types";
 import l, { css as a } from "styled-components";
-const K = l.button`
+const M = l.button`
   height: ${({ $height: o }) => o}rem;
   width: ${({ $width: o }) => o}rem;
   border-radius: 0.96rem;
@@ -37,7 +37,7 @@ const K = l.button`
   &:focus-visible {
     outline: none;
   }
-`, M = l.div`
+`, W = l.div`
   font-size: ${({ $font: o }) => o}rem;
   font-weight: 500;
   max-width: 100%;
@@ -45,7 +45,7 @@ const K = l.button`
   color: ${({ $textColor: o }) => o};
   opacity: ${({ $isLoading: o }) => o ? 0 : 1};
   transition: opacity 0.3s ease;
-`, W = l.div`
+`, O = l.div`
   height: ${({ $height: o }) => o}rem;
   width: ${({ $width: o }) => o}rem;
   display: inline-block;
@@ -64,7 +64,7 @@ const K = l.button`
         transform: translateY(-2px);
       }
     `};
-`, O = l.div`
+`, U = l.div`
   position: absolute;
   inset: 0;
   display: flex;
@@ -73,20 +73,21 @@ const K = l.button`
   opacity: ${({ $isLoading: o }) => o ? 1 : 0};
   transition: opacity 0.3s ease;
   pointer-events: none;
-`, U = ({ theme: o, children: e }) => /* @__PURE__ */ i(B, { rippleColor: o.m100, children: e }), Y = (o) => {
+`, Y = ({ theme: o, children: e }) => /* @__PURE__ */ i(E, { rippleColor: o.m100, borderRadius: "0.96rem", children: e }), Z = (o) => {
   var b;
   const {
     children: e,
     theme: r = w,
-    size: v = P,
+    size: v = S,
     width: c,
-    leftIcon: Z,
-    rightIcon: q,
+    leftIcon: q,
+    rightIcon: A,
     isLoading: n,
     textColor: m,
     onKeyDown: d,
-    ...C
-  } = o || {}, p = D(0), x = (s) => {
+    style: C,
+    ...x
+  } = o || {}, p = D(0), k = (s) => {
     if (s.key === "Enter" || s.key === " ") {
       const g = Date.now();
       if (g - p.current < 500) {
@@ -96,37 +97,38 @@ const K = l.button`
       p.current = g;
     }
     d == null || d(s);
-  }, { m400: k, m500: I, m600: L } = (b = j[r]) != null ? b : w, { height: h, width: f, font: T } = S[v] || {}, $ = ["white", "yellow"].includes(r) ? y.m600 : E, u = /* @__PURE__ */ z(
-    K,
+  }, { m400: I, m500: L, m600: R } = (b = B[r]) != null ? b : w, { height: h, width: f, font: T } = K[v] || {}, u = ["white", "yellow"].includes(r) ? y.m600 : P, $ = /* @__PURE__ */ z(
+    M,
     {
       type: "button",
-      ...C,
-      onKeyDown: x,
-      $hoverColor: I,
-      $activeColor: L,
-      $selectedColor: k,
+      ...x,
+      onKeyDown: k,
+      $hoverColor: L,
+      $activeColor: R,
+      $selectedColor: I,
       $height: h,
       $width: c || f,
       disabled: o.disabled,
       $isLoading: n,
       children: [
-        /* @__PURE__ */ i(O, { $isLoading: n, children: /* @__PURE__ */ i(R, { size: "small", color: m || $ }) }),
-        /* @__PURE__ */ i(M, { $isLoading: n, $textColor: m || $, $font: T, children: e })
+        /* @__PURE__ */ i(U, { $isLoading: n, children: /* @__PURE__ */ i(j, { size: "small", color: m || u }) }),
+        /* @__PURE__ */ i(W, { $isLoading: n, $textColor: m || u, $font: T, children: e })
       ]
     }
   );
   return /* @__PURE__ */ i(
-    W,
+    O,
     {
+      style: C,
       $height: h,
       $width: c || f,
       disabled: o.disabled,
       $isLoading: n,
-      children: n ? u : /* @__PURE__ */ i(U, { theme: r, children: u })
+      children: n ? $ : /* @__PURE__ */ i(Y, { theme: r, children: $ })
     }
   );
 };
-Y.propTypes = {
+Z.propTypes = {
   /** Button label or content */
   children: t.node,
   /** Color theme key from the meticulous-ui color map. Defaults to `'blue'` */
@@ -147,5 +149,5 @@ Y.propTypes = {
   disabled: t.bool
 };
 export {
-  Y as default
+  Z as default
 };

package/components/Input/FileUploader/FileUploader.js

@@ -98,7 +98,7 @@ const Z = l.div`
   white-space: nowrap;
   opacity: 0;
   pointer-events: none;
-`, Q = ({ theme: e, children: o }) => /* @__PURE__ */ t(H, { rippleColor: e.m100, children: o }), V = ({
+`, Q = ({ theme: e, children: o }) => /* @__PURE__ */ t(H, { rippleColor: e.m100, borderRadius: "0.96rem", children: o }), V = ({
   label: e,
   labelColor: o,
   theme: i = C,

package/components/Pagination/Pagination.js

@@ -9,13 +9,13 @@ import U from "../../colors/teal.js";
 import j from "../../colors/grey.js";
 import L from "../../colors/white.js";
 import { black as q } from "../../colors/black.js";
-import { ICON_SIZE_MAPPING as H, MEDIUM as V, FONT_SIZE_MAPPING as g, SIZE_REM_MAPPING as G, SELECTED_BG as I, NOT_SELECTED_BG as T, ACTIVE_NOT_SELECTED_BG as K } from "./constants.js";
+import { ICON_SIZE_MAPPING as H, MEDIUM as V, FONT_SIZE_MAPPING as g, SIZE_REM_MAPPING as G, SELECTED_BG as I, NOT_SELECTED_BG as b, ACTIVE_NOT_SELECTED_BG as K } from "./constants.js";
 const v = (e) => ({ $shades: i }) => {
   if (["#FFFFFF"].includes(i))
     return q.m900;
   if (e === I)
     return i.m600;
-  if (e === T)
+  if (e === b)
     return i.m50;
   if (e === K)
     return i.m100;
@@ -60,7 +60,7 @@ const v = (e) => ({ $shades: i }) => {
           background-color: transparent;
 
           &:hover {
-            background-color: ${v(T)};
+            background-color: ${v(b)};
           }
 
           &:active {
@@ -69,7 +69,7 @@ const v = (e) => ({ $shades: i }) => {
           }
 
           &:focus-visible {
-            outline: 1px solid ${v(T)};
+            outline: 1px solid ${v(b)};
           }
         `}
 `, Q = f.span`
@@ -122,7 +122,7 @@ const v = (e) => ({ $shades: i }) => {
     },
     `page_${n}`
   );
-}, D = () => /* @__PURE__ */ o(Q, { "aria-hidden": "true", children: "…" }), S = ({ iconSize: e, shades: i, setPrevPage: r }) => /* @__PURE__ */ o(P, { onClick: r, "aria-label": "Previous page", $shades: i, children: /* @__PURE__ */ o(M, { rippleColor: i.m50, children: /* @__PURE__ */ o(W, { size: e, "aria-hidden": "true" }) }) }), _ = ({ iconSize: e, shades: i, setNextPage: r }) => /* @__PURE__ */ o(P, { onClick: r, "aria-label": "Next page", $shades: i, children: /* @__PURE__ */ o(M, { rippleColor: i.m50, children: /* @__PURE__ */ o(X, { size: e, "aria-hidden": "true" }) }) }), fe = ({
+}, D = () => /* @__PURE__ */ o(Q, { "aria-hidden": "true", children: "…" }), S = ({ iconSize: e, shades: i, setPrevPage: r }) => /* @__PURE__ */ o(P, { onClick: r, "aria-label": "Previous page", $shades: i, children: /* @__PURE__ */ o(M, { rippleColor: i.m50, borderRadius: "50%", children: /* @__PURE__ */ o(W, { size: e, "aria-hidden": "true" }) }) }), _ = ({ iconSize: e, shades: i, setNextPage: r }) => /* @__PURE__ */ o(P, { onClick: r, "aria-label": "Next page", $shades: i, children: /* @__PURE__ */ o(M, { rippleColor: i.m50, borderRadius: "50%", children: /* @__PURE__ */ o(X, { size: e, "aria-hidden": "true" }) }) }), fe = ({
   pageNumber: e,
   setPageNumber: i,
   totalPages: r,
@@ -131,7 +131,7 @@ const v = (e) => ({ $shades: i }) => {
   isDisabled: p = !1,
   ...y
 }) => {
-  var b;
+  var T;
   const a = F(null), l = F(!1);
   B(() => {
     var s, w;
@@ -145,7 +145,7 @@ const v = (e) => ({ $shades: i }) => {
     e < r && c(e + 1);
   }, E = (s) => {
     ["ArrowLeft", "ArrowUp"].includes(s.code) && (l.current = !0, u()), ["ArrowRight", "ArrowDown"].includes(s.code) && (l.current = !0, d());
-  }, t = (b = Z[x]) != null ? b : U, C = G[n], m = H[n];
+  }, t = (T = Z[x]) != null ? T : U, C = G[n], m = H[n];
   return r <= 7 ? /* @__PURE__ */ $(
     k,
     {

package/components/Ripple/Ripple.js

@@ -1,44 +1,46 @@
-import { jsx as f } from "react/jsx-runtime";
-import { useRef as y, useEffect as h } from "react";
-const g = ".ripple-container{position:relative;overflow:hidden;display:inline-block;cursor:pointer}.ripple-effect{position:absolute;border-radius:50%;transform:scale(0);animation:ripple-animation 600ms linear;pointer-events:none}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}", x = ({
-  children: c,
+import { jsx as y } from "react/jsx-runtime";
+import { useRef as h, useEffect as g } from "react";
+const C = ".ripple-container{position:relative;overflow:hidden;display:inline-block;cursor:pointer}.ripple-effect{position:absolute;border-radius:50%;transform:scale(0);animation:ripple-animation 600ms linear;pointer-events:none}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}", E = ({
+  children: a,
   rippleColor: p = "rgba(255, 255, 255, 0.3)",
-  className: a = "",
-  ...d
+  borderRadius: d,
+  className: u = "",
+  ...l
 }) => {
-  const i = y(null);
-  h(() => {
+  const i = h(null);
+  g(() => {
     if (!document.getElementById("meticulous-ripple-styles")) {
       const e = document.createElement("style");
-      e.id = "meticulous-ripple-styles", e.textContent = g, document.head.appendChild(e);
+      e.id = "meticulous-ripple-styles", e.textContent = C, document.head.appendChild(e);
     }
   }, []);
-  const l = (e, n) => {
+  const s = (e, n) => {
     const o = i.current;
     if (!o) return;
-    const t = document.createElement("span"), s = o.getBoundingClientRect(), r = Math.max(s.width, s.height);
+    const t = document.createElement("span"), c = o.getBoundingClientRect(), r = Math.max(c.width, c.height);
     t.style.width = t.style.height = `${r}px`, t.style.left = `${e - r / 2}px`, t.style.top = `${n - r / 2}px`, t.style.backgroundColor = p, t.classList.add("ripple-effect"), o.appendChild(t), t.addEventListener("animationend", () => t.remove());
-  }, u = (e) => {
+  }, m = (e) => {
     if (e.detail === 0) return;
     const n = i.current.getBoundingClientRect();
-    l(e.clientX - n.left, e.clientY - n.top);
-  }, m = (e) => {
+    s(e.clientX - n.left, e.clientY - n.top);
+  }, f = (e) => {
     if (e.key !== "Enter" && e.key !== " ") return;
     const n = i.current.getBoundingClientRect();
-    l(n.width / 2, n.height / 2);
+    s(n.width / 2, n.height / 2);
   };
-  return /* @__PURE__ */ f(
+  return /* @__PURE__ */ y(
     "div",
     {
       ref: i,
-      className: `ripple-container ${a}`,
-      onClick: u,
-      onKeyDown: m,
-      ...d,
-      children: c
+      className: `ripple-container ${u}`,
+      onClick: m,
+      onKeyDown: f,
+      ...l,
+      style: { borderRadius: d, ...l.style },
+      children: a
     }
   );
 };
 export {
-  x as default
+  E as default
 };

package/package.json

@@ -1,10 +1,9 @@
 {
   "name": "meticulous-ui",
-  "version": "3.11.4",
+  "version": "3.11.6",
   "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 r=require("react/jsx-runtime"),M=require("react"),D=require("../Spinner/Spinner.cjs"),P=require("../../colors/colorMap.cjs"),w=require("../../colors/blue.cjs"),R=require("../Ripple/Ripple.cjs"),S=require("../../colors/white.cjs"),v=require("../../colors/grey.cjs"),y=require("./constants.cjs"),z=require("prop-types"),l=require("styled-components"),x=e=>e&&e.__esModule?e:{default:e},o=x(z),d=x(l),B=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:n})=>n};
-      }
-
-      &:active {
-        background-color: ${({$activeColor:n})=>n};
-      }
-    `};
-
-  &:focus-visible {
-    outline: none;
-  }
-`,E=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;
-`,K=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);
-      }
-    `};
-`,O=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;
-`,W=({theme:e,children:t})=>r.jsx(R.default,{rippleColor:e.m100,children:t}),C=e=>{var g;const{children:t,theme:n=w.blue,size:q=y.MEDIUM,width:c,leftIcon:U,rightIcon:Y,isLoading:i,textColor:u,onKeyDown:a,...j}=e||{},f=M.useRef(0),_=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:T,m500:k,m600:I}=(g=P.default[n])!=null?g:w.blue,{height:h,width:p,font:L}=y.SIZE[q]||{},m=["white","yellow"].includes(n)?v.default.m600:S.default,b=r.jsxs(B,{type:"button",...j,onKeyDown:_,$hoverColor:k,$activeColor:I,$selectedColor:T,$height:h,$width:c||p,disabled:e.disabled,$isLoading:i,children:[r.jsx(O,{$isLoading:i,children:r.jsx(D.default,{size:"small",color:u||m})}),r.jsx(E,{$isLoading:i,$textColor:u||m,$font:L,children:t})]});return r.jsx(K,{$height:h,$width:c||p,disabled:e.disabled,$isLoading:i,children:i?b:r.jsx(W,{theme:n,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;