meticulous-ui 1.0.23 → 1.0.24

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "meticulous-ui",
-  "version": "1.0.23",
+  "version": "1.0.24",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "repository": {
@@ -15,6 +15,7 @@
     "dist/index.js",
     "dist/colors",
     "dist/components",
+    "dist/utils",
     "README.md"
   ],
   "type": "module",
@@ -44,7 +45,9 @@
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
     "deploy-storybook": "gh-pages -d storybook-static",
-    "generate-icons": "node src/scripts/generateIcons.js"
+    "generate-icons": "node src/scripts/generateIcons.js",
+    "prepublish": "npm run build && cp package.json dist/ && rm -rf dist/_virtual",
+    "publish:dist": "npm publish dist/"
   },
   "devDependencies": {
     "@storybook/addon-docs": "^9.1.10",

package/README.md

@@ -1,188 +0,0 @@
-# meticulous-ui
-
-A lightweight, modern React component library designed for elegance and precision ✨
-
----
-
-## 🚀 Installation
-
-```
-npm install meticulous-ui
-```
-
-# or
-
-```
-yarn add meticulous-ui
-```
-
-## 🧩 Usage
-
-```jsx
-import { useState } from 'react';
-
-import Pagination from 'meticulous-ui/components/Pagination';
-import ChevronLeft from 'meticulous-ui/components/Icons/ChevronLeft';
-import Ripple from 'meticulous-ui/components/Ripple';
-import blue from 'meticulous-ui/colors/blue';
-import capFirstLetter from 'meticulous-ui/utils/capFirstLetter';
-
-function App() {
-  const [pageNumber, setPageNumber] = useState(1);
-
-  return (
-    <div>
-      <h2>{capFirstLetter('example with pagination')}</h2> // returns: Example with pagination
-      <Ripple rippleColor={blue.m50}>
-        <ChevronLeft size={10} color={blue.m400} onClick={setPrevPage} />
-      </Ripple>
-      <Pagination totalPages={10} pageNumber={pageNumber} setPageNumber={setPageNumber} />
-    </div>
-  );
-}
-
-export default App;
-```
-
-## 📦 Components
-
-| Component    | Description                           |
-| ------------ | ------------------------------------- |
-| `Pagination` | Fully responsive pagination component |
-| `Ripple`     | A concentric circles visual animation |
-
-## 📦 Icon Components
-
-| Icons                   | Description                        |
-| ----------------------- | ---------------------------------- |
-| `ChevronLeft`           | Left navigation icon               |
-| `ChevronRight`          | Right navigation icon              |
-| `ChevronUp`             | Up navigation icon                 |
-| `ChevronDown`           | Down navigation icon               |
-| `Add`                   | Add icon                           |
-| `AddCircle`             | Add circle icon                    |
-| `AddCircleFilled`       | Add Circle Filled icon             |
-| `ArrowRight`            | Right Arrow icon                   |
-| `ArrowLeft`             | Left Arrow icon                    |
-| `ArrowUp`               | Up Arrow icon                      |
-| `ArrowDown`             | Down Arrow icon                    |
-| `BellFilled`            | Bell/Notification filled icon      |
-| `BellOffFilled`         | Bell/Notification off filled icon  |
-| `BellOutline`           | Bell/Notification outline icon     |
-| `BellOffOutline`        | Bell/Notification off outline icon |
-| `BookmarkFilled`        | Bookmark filled icon               |
-| `BookmarkOutline`       | Bookmark outline icon              |
-| `ClockCircleOutline`    | Clock circle outline icon          |
-| `ClockSquareOutline`    | Clock square outline icon          |
-| `Close`                 | Close icon                         |
-| `CloseCircleFilled`     | Close circle filled icon           |
-| `CloseCircleOutline`    | Close circle outline icon          |
-| `CommentBubbleFilled`   | Comment bubble filled icon         |
-| `CommentBubbleOutline`  | Comment bubble outline icon        |
-| `CommentFilled`         | Comment filled icon                |
-| `CommentLineFilled`     | Comment line filled icon           |
-| `CommentLineOutline`    | Comment line outline icon          |
-| `CommentOutline`        | Comment outline icon               |
-| `DotsHorizontalFilled`  | Dots horizontal filled icon        |
-| `DotsHorizontalOutline` | Dots horizontal outline icon       |
-| `DotsVerticalFilled`    | Dots vertical filled icon          |
-| `HamburgerMenu`         | Hamburger menu icon                |
-| `HamburgerSpaced`       | Spaced Hamburger icon              |
-| `HeartFilled`           | Heart filled icon                  |
-| `HeartOutline`          | Heart outline icon                 |
-| `HomeFilled`            | Home filled icon                   |
-| `HomeOutline`           | Home outline icon                  |
-| `Link`                  | Link icon                          |
-| `Minus`                 | Minus icon                         |
-| `MinusCircle`           | Minus circle outline icon          |
-| `MinusCircleFilled`     | Minus circle filled icon           |
-| `Search`                | Search icon                        |
-| `SettingFilled`         | Setting filled icon                |
-| `SettingOutline`        | Setting outline icon               |
-| `ShareAllFilled`        | Share all filled icon              |
-| `ShareAllOutline`       | Share all outline icon             |
-| `ShareBoxOutline`       | Share box outline icon             |
-| `ShareFilled`           | Share filled icon                  |
-| `ShareOutline`          | Share outline icon                 |
-| `ShareThickFilled`      | Share thick filled icon            |
-| `StarFilled`            | Star filled icon                   |
-| `StarOutline`           | Star outline icon                  |
-| `ThumbsDownFilled`      | Thumbs down filled icon            |
-| `ThumbsDownOutline`     | Thumbs down outline icon           |
-| `ThumbsUpFilled`        | Thumbs up filled icon              |
-| `ThumbsUpOutline`       | Thumbs up outline icon             |
-| `Upload`                | Upload icon                        |
-| `UploadBoxFilled`       | Upload box filled icon             |
-| `UploadBoxOutline`      | Upload box outline icon            |
-
-## 📦 Tokens
-
-| Types    | Description                     |
-| -------- | ------------------------------- |
-| `Colors` | At least 10 shades of 23 colors |
-
-| Colors       | Shades                                                                            |
-| ------------ | --------------------------------------------------------------------------------- |
-| `amber`      | m50, m100, m200, m300, m400, m500, m600, m700, m800, m900, a100, a200, a400, a700 |
-| `black`      | m50, m100, m200, m300, m400, m500, m600, m700, m800, m900                         |
-| `blue`       | m50, m100, m200, m300, m400, m500, m600, m700, m800, m900, a100, a200, a400, a700 |
-| `blueGray`   | m50, m100, m200, m300, m400, m500, m600, m700, m800, m900                         |
-| `brown`      | m50, m100, m200, m300, m400, m500, m600, m700, m800, m900                         |
-| `cider`      | m50, m100, m200, m300, m400, m500, m600, m700, m800, m900                         |
-| `cyan`       | m50, m100, m200, m300, m400, m500, m600, m700, m800, m900, a100, a200, a400, a700 |
-| `deepOrange` | m50, m100, m200, m300, m400, m500, m600, m700, m800, m900, a100, a200, a400, a700 |
-| `deepPurple` | m50, m100, m200, m300, m400, m500, m600, m700, m800, m900, a100, a200, a400, a700 |
-| `green`      | m50, m100, m200, m300, m400, m500, m600, m700, m800, m900, a100, a200, a400, a700 |
-| `grey`       | m50, m100, m200, m300, m400, m500, m600, m700, m800, m900                         |
-| `indigo`     | m50, m100, m200, m300, m400, m500, m600, m700, m800, m900, a100, a200, a400, a700 |
-| `lightBlue`  | m50, m100, m200, m300, m400, m500, m600, m700, m800, m900, a100, a200, a400, a700 |
-| `lightGreen` | m50, m100, m200, m300, m400, m500, m600, m700, m800, m900, a100, a200, a400, a700 |
-| `lime`       | m50, m100, m200, m300, m400, m500, m600, m700, m800, m900, a100, a200, a400, a700 |
-| `orange`     | m50, m100, m200, m300, m400, m500, m600, m700, m800, m900, a100, a200, a400, a700 |
-| `pink`       | m50, m100, m200, m300, m400, m500, m600, m700, m800, m900, a100, a200, a400, a700 |
-| `purple`     | m50, m100, m200, m300, m400, m500, m600, m700, m800, m900, a100, a200, a400, a700 |
-| `red`        | m50, m100, m200, m300, m400, m500, m600, m700, m800, m900, a100, a200, a400, a700 |
-| `teal`       | m50, m100, m200, m300, m400, m500, m600, m700, m800, m900, a100, a200, a400, a700 |
-| `violet`     | m50, m100, m200, m300, m400, m500, m600, m700, m800, m900, a100, a200, a400, a700 |
-| `white`      | #FFFFFF                                                                           |
-| `yellow`     | m50, m100, m200, m300, m400, m500, m600, m700, m800, m900, a100, a200, a400, a700 |
-
-## 📦 Utils
-
-| Functions         | Description                                                                                                    |
-| ----------------- | -------------------------------------------------------------------------------------------------------------- |
-| `capFirstLetter`  | Takes a string and returns with first letter capitalised                                                       |
-| `compose`         | Performs right-to-left function composition using transforming function                                        |
-| `hasEqualProps`   | Takes two args: Component’s previous props & its new props; returns true if all-non functional props are equal |
-| `isNonEmptyArray` | Takes an array & returns true if is not empty                                                                  |
-
-## Demo
-
-<a href="https://xe3110.github.io/meticulous-ui/" target="_blank">https://xe3110.github.io/meticulous-ui/</a>
-
-## 🌱 Features
-
-⚛️ Built with React + Styled Components
-
-💨 Zero external CSS dependencies
-
-🧱 Easy to extend and customize
-
-🪶 Small bundle size
-
-📦 ESM + CJS support out of the box
-
-## 🛠️ Build Setup (for contributors)
-
-```
-
-# install dependencies
-npm install
-
-# run development build
-npm run dev
-
-# build for production (dist/)
-npm run build
-
-```

package/dist/colors/amber.js

@@ -1,19 +0,0 @@
-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"
-};
-export {
-  F as default
-};

package/dist/colors/black.js

@@ -1,25 +0,0 @@
-const m = {
-  m50: "#FAFAFA",
-  // almost white (for very light backgrounds)
-  m100: "#E0E0E0",
-  // light gray
-  m200: "#BDBDBD",
-  // medium light gray
-  m300: "#9E9E9E",
-  // gray
-  m400: "#757575",
-  // medium dark gray
-  m500: "#616161",
-  // dark gray
-  m600: "#424242",
-  // very dark gray
-  m700: "#212121",
-  // near black
-  m800: "#121212",
-  // dark black
-  m900: "#000000"
-  // pure black
-};
-export {
-  m as default
-};

package/dist/colors/blue.js

@@ -1,19 +0,0 @@
-const F = {
-  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"
-};
-export {
-  F as default
-};

package/dist/colors/blueGray.js

@@ -1,15 +0,0 @@
-const m = {
-  m50: "#ECEFF1",
-  m100: "#CFD8DC",
-  m200: "#B0BEC5",
-  m300: "#90A4AE",
-  m400: "#78909C",
-  m500: "#607D8B",
-  m600: "#546E7A",
-  m700: "#455A64",
-  m800: "#37474F",
-  m900: "#263238"
-};
-export {
-  m as default
-};

package/dist/colors/brown.js

@@ -1,15 +0,0 @@
-const m = {
-  m50: "#EFEBE9",
-  m100: "#D7CCC8",
-  m200: "#BCAAA4",
-  m300: "#A1887F",
-  m400: "#8D6E63",
-  m500: "#795548",
-  m600: "#6D4C41",
-  m700: "#5D4037",
-  m800: "#4E342E",
-  m900: "#3E2723"
-};
-export {
-  m as default
-};

package/dist/colors/cider.js

@@ -1,15 +0,0 @@
-const F = {
-  m50: "#FFF1E6",
-  m100: "#FFD9B8",
-  m200: "#FFBF8A",
-  m300: "#FFA45C",
-  m400: "#FF8C3A",
-  m500: "#FF7300",
-  m600: "#E06600",
-  m700: "#B24D00",
-  m800: "#803300",
-  m900: "#4D1A00"
-};
-export {
-  F as default
-};

package/dist/colors/cyan.js

@@ -1,19 +0,0 @@
-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"
-};
-export {
-  F as default
-};

package/dist/colors/deepOrange.js

@@ -1,19 +0,0 @@
-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"
-};
-export {
-  F as default
-};

package/dist/colors/deepPurple.js

@@ -1,19 +0,0 @@
-const m = {
-  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"
-};
-export {
-  m as default
-};

package/dist/colors/green.js

@@ -1,19 +0,0 @@
-const m = {
-  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"
-};
-export {
-  m as default
-};

package/dist/colors/grey.js

@@ -1,15 +0,0 @@
-const E = {
-  m50: "#FAFAFA",
-  m100: "#F5F5F5",
-  m200: "#EEEEEE",
-  m300: "#E0E0E0",
-  m400: "#BDBDBD",
-  m500: "#9E9E9E",
-  m600: "#757575",
-  m700: "#616161",
-  m800: "#424242",
-  m900: "#212121"
-};
-export {
-  E as default
-};

package/dist/colors/index.js

@@ -1,51 +0,0 @@
-import r from "./amber.js";
-import o from "./black.js";
-import m from "./blue.js";
-import i from "./blueGray.js";
-import t from "./brown.js";
-import p from "./cider.js";
-import e from "./cyan.js";
-import f from "./deepOrange.js";
-import l from "./deepPurple.js";
-import a from "./green.js";
-import n from "./grey.js";
-import g from "./indigo.js";
-import d from "./lightBlue.js";
-import u from "./lightGreen.js";
-import b from "./lime.js";
-import c from "./orange.js";
-import y from "./pink.js";
-import h from "./purple.js";
-import s from "./red.js";
-import w from "./teal.js";
-import k from "./violet.js";
-import G from "./white.js";
-import v from "./yellow.js";
-const U = {
-  amber: r,
-  black: o,
-  blue: m,
-  blueGray: i,
-  brown: t,
-  cider: p,
-  cyan: e,
-  deepOrange: f,
-  deepPurple: l,
-  green: a,
-  grey: n,
-  indigo: g,
-  lightBlue: d,
-  lightGreen: u,
-  lime: b,
-  orange: c,
-  pink: y,
-  purple: h,
-  red: s,
-  teal: w,
-  violet: k,
-  white: G,
-  yellow: v
-};
-export {
-  U as default
-};

package/dist/colors/indigo.js

@@ -1,19 +0,0 @@
-const F = {
-  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"
-};
-export {
-  F as default
-};

package/dist/colors/lightBlue.js

@@ -1,19 +0,0 @@
-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"
-};
-export {
-  F as default
-};

package/dist/colors/lightGreen.js

@@ -1,19 +0,0 @@
-const m = {
-  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"
-};
-export {
-  m as default
-};

package/dist/colors/lime.js

@@ -1,19 +0,0 @@
-const F = {
-  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"
-};
-export {
-  F as default
-};

package/dist/colors/orange.js

@@ -1,19 +0,0 @@
-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"
-};
-export {
-  F as default
-};

package/dist/colors/pink.js

@@ -1,19 +0,0 @@
-const F = {
-  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"
-};
-export {
-  F as default
-};

package/dist/colors/purple.js

@@ -1,19 +0,0 @@
-const A = {
-  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"
-};
-export {
-  A as default
-};

package/dist/colors/red.js

@@ -1,19 +0,0 @@
-const F = {
-  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"
-};
-export {
-  F as default
-};

package/dist/colors/teal.js

@@ -1,19 +0,0 @@
-const m = {
-  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"
-};
-export {
-  m as default
-};

package/dist/colors/violet.js

@@ -1,19 +0,0 @@
-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"
-};
-export {
-  F as default
-};

package/dist/colors/white.js

@@ -1,4 +0,0 @@
-const F = "#FFFFFF";
-export {
-  F as default
-};

package/dist/colors/yellow.js

@@ -1,19 +0,0 @@
-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"
-};
-export {
-  F as default
-};

package/dist/components/Icons/ChevronLeft/ChevronLeft.js

@@ -1,24 +0,0 @@
-import { j as r } from "../../../_virtual/jsx-runtime.js";
-import i from "../../../node_modules/styled-components/dist/styled-components.browser.esm.js";
-import s from "../../../colors/grey.js";
-const l = i.img`
-  display: inline-block;
-  vertical-align: middle;
-  fill: ${({ color: o }) => o};
-`, a = (o) => {
-  const { color: e, size: t } = o;
-  return /* @__PURE__ */ r.jsx(
-    l,
-    {
-      ...o,
-      color: e || s.m500,
-      src: "https://www.svgrepo.com/show/533659/chevron-left.svg",
-      alt: "Chevron Left",
-      width: t,
-      height: t
-    }
-  );
-};
-export {
-  a as default
-};

package/dist/components/Icons/ChevronLeft/index.js

@@ -1,4 +0,0 @@
-import o from "./ChevronLeft.js";
-export {
-  o as default
-};

package/dist/components/Icons/ChevronRight/ChevronRight.js

@@ -1,24 +0,0 @@
-import { j as i } from "../../../_virtual/jsx-runtime.js";
-import e from "../../../node_modules/styled-components/dist/styled-components.browser.esm.js";
-import s from "../../../colors/grey.js";
-const l = e.img`
-  display: inline-block;
-  vertical-align: middle;
-  fill: ${({ color: o }) => o};
-`, c = (o) => {
-  const { color: r, size: t } = o;
-  return /* @__PURE__ */ i.jsx(
-    l,
-    {
-      ...o,
-      color: r || s.m500,
-      src: "https://www.svgrepo.com/show/533661/chevron-right.svg",
-      alt: "Chevron Right",
-      width: t,
-      height: t
-    }
-  );
-};
-export {
-  c as default
-};

package/dist/components/Icons/ChevronRight/index.js

@@ -1,4 +0,0 @@
-import r from "./ChevronRight.js";
-export {
-  r as default
-};

package/dist/components/Pagination/Pagination.js

@@ -1,60 +0,0 @@
-import { j as c } from "../../_virtual/jsx-runtime.js";
-import K from "../../node_modules/lodash-es/get.js";
-import h from "../../node_modules/lodash-es/range.js";
-import { PrevArrow as w, renderPageNum as x, NextArrow as A, renderThreeDots as I } from "./helpers.js";
-import R from "../../colors/index.js";
-import S from "../../colors/teal.js";
-import { ICON_SIZE_MAPPING as _, MEDIUM as v, SIZE_REM_MAPPING as $ } from "./constants.js";
-import { AllPages as M, MiddleLayer as y } from "./styles.js";
-const k = ({
-  pageNumber: n,
-  setPageNumber: D,
-  totalPages: r,
-  theme: E = "lime",
-  size: i = v,
-  isDisabled: j = !1
-}) => {
-  const d = (e) => {
-    e !== n && D(e);
-  }, f = () => {
-    n > 1 && d(n - 1);
-  }, t = () => {
-    n < r && d(n + 1);
-  }, m = (e) => {
-    console.log({ e }), ["ArrowLeft", "ArrowUp"].includes(e.code) && f(), ["ArrowRight", "ArrowDown"].includes(e.code) && t();
-  }, o = K(R, E, S), l = $[i], s = _[i];
-  return r <= 7 ? /* @__PURE__ */ c.jsxs(M, { onKeyDown: m, tabIndex: "0", isDisabled: j, children: [
-    /* @__PURE__ */ c.jsx(w, { iconSize: s, shades: o, setPrevPage: f }),
-    /* @__PURE__ */ c.jsx(y, { size: `${r * l}rem`, children: h(1, r + 1).map(
-      x({ size: i, selected: n, shades: o, changePage: d })
-    ) }),
-    /* @__PURE__ */ c.jsx(A, { iconSize: s, shades: o, setNextPage: t })
-  ] }) : r < 10 || n < 4 || n > r - 3 && n <= r ? /* @__PURE__ */ c.jsxs(M, { onKeyDown: m, tabIndex: "0", isDisabled: j, children: [
-    /* @__PURE__ */ c.jsx(w, { iconSize: s, shades: o, setPrevPage: f }),
-    /* @__PURE__ */ c.jsxs(y, { size: `${9 * l}rem`, children: [
-      h(1, 5).map(x({ size: i, selected: n, shades: o, changePage: d })),
-      I(),
-      [r - 3, r - 2, r - 1, r].map(
-        x({ size: i, selected: n, shades: o, changePage: d })
-      )
-    ] }),
-    /* @__PURE__ */ c.jsx(A, { iconSize: s, shades: o, setNextPage: t })
-  ] }) : /* @__PURE__ */ c.jsxs(M, { onKeyDown: m, tabIndex: "0", isDisabled: j, children: [
-    /* @__PURE__ */ c.jsx(w, { iconSize: s, shades: o, setPrevPage: f }),
-    /* @__PURE__ */ c.jsxs(y, { size: `${9 * l}rem`, children: [
-      h(1, 3).map(x({ size: i, selected: n, shades: o, changePage: d })),
-      I(),
-      [n - 1, n, n + 1].map(
-        x({ size: i, selected: n, shades: o, changePage: d })
-      ),
-      I(),
-      [r - 1, r].map(
-        x({ size: i, selected: n, shades: o, changePage: d })
-      )
-    ] }),
-    /* @__PURE__ */ c.jsx(A, { iconSize: s, shades: o, setNextPage: t })
-  ] });
-};
-export {
-  k as default
-};

package/dist/components/Pagination/constants.js

@@ -1,24 +0,0 @@
-const _ = "small", I = "medium", E = "large", M = {
-  [_]: 1.9,
-  [I]: 2.6,
-  [E]: 3.1
-}, S = {
-  [_]: 1,
-  [I]: 1.2,
-  [E]: 1.4
-}, L = {
-  [_]: 18,
-  [I]: 19,
-  [E]: 20
-}, t = "selected_bg", N = "not_selected_bg", A = "active_not_selected_bg";
-export {
-  A as ACTIVE_NOT_SELECTED_BG,
-  S as FONT_SIZE_MAPPING,
-  L as ICON_SIZE_MAPPING,
-  E as LARGE,
-  I as MEDIUM,
-  N as NOT_SELECTED_BG,
-  t as SELECTED_BG,
-  M as SIZE_REM_MAPPING,
-  _ as SMALL
-};

package/dist/components/Pagination/helpers.js

@@ -1,32 +0,0 @@
-import { j as r } from "../../_virtual/jsx-runtime.js";
-import s from "../Ripple/Ripple.js";
-import { FONT_SIZE_MAPPING as x, SIZE_REM_MAPPING as h } from "./constants.js";
-import { ClickableChevronLeft as j, Page as p, ClickableChevronRight as C, P as t } from "./styles.js";
-const R = ({ size: e, selected: i, shades: n, changePage: c }) => (o) => {
-  const l = h[e], m = x[e], d = () => {
-    c(o);
-  };
-  return /* @__PURE__ */ r.jsx(
-    p,
-    {
-      "data-testid": i === o ? "current-page" : `test-${o}`,
-      isSelected: i === o,
-      onClick: d,
-      shades: n,
-      individualRemSize: l,
-      fontRemSize: m,
-      children: o
-    },
-    `page_${o}`
-  );
-}, u = () => /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-  /* @__PURE__ */ r.jsx(t, { children: "." }),
-  /* @__PURE__ */ r.jsx(t, { children: "." }),
-  /* @__PURE__ */ r.jsx(t, { children: "." })
-] }), N = ({ iconSize: e, shades: i, setPrevPage: n }) => /* @__PURE__ */ r.jsx(s, { rippleColor: i.m50, children: /* @__PURE__ */ r.jsx(j, { size: e, onClick: n }) }), S = ({ iconSize: e, shades: i, setNextPage: n }) => /* @__PURE__ */ r.jsx(s, { rippleColor: i.m50, children: /* @__PURE__ */ r.jsx(C, { size: e, onClick: n }) });
-export {
-  S as NextArrow,
-  N as PrevArrow,
-  R as renderPageNum,
-  u as renderThreeDots
-};

package/dist/components/Pagination/index.js

@@ -1,4 +0,0 @@
-import o from "./Pagination.js";
-export {
-  o as default
-};

package/dist/components/Pagination/styles.js

@@ -1,75 +0,0 @@
-import o, { css as i } from "../../node_modules/styled-components/dist/styled-components.browser.esm.js";
-import a from "../Icons/ChevronLeft/ChevronLeft.js";
-import f from "../Icons/ChevronRight/ChevronRight.js";
-import c from "../../colors/grey.js";
-import n from "../../colors/white.js";
-import d from "../../colors/black.js";
-import { SELECTED_BG as m, NOT_SELECTED_BG as l, ACTIVE_NOT_SELECTED_BG as s } from "./constants.js";
-const t = (r) => ({ shades: e }) => {
-  if (["#FFFFFF"].includes(e))
-    return d.m900;
-  if (r === m)
-    return e.m500;
-  if (r === l)
-    return e.m50;
-  if (r === s)
-    return e.m100;
-}, E = o.div`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  gap: 0.6rem;
-  min-width: 100%;
-  width: 100%;
-
-  ${({ isDisabled: r }) => r && i`
-      pointer-events: none;
-      opacity: 0.4;
-    `};
-`, b = o.div`
-  height: ${({ individualRemSize: r }) => `${r}rem`};
-  width: ${({ individualRemSize: r }) => `${r}rem`};
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  flex-direction: column;
-  justify-content: center;
-  text-align: center;
-  font-size: ${({ fontRemSize: r }) => r}rem;
-  ${({ isSelected: r }) => r ? i`
-          cursor: auto;
-          color: ${n};
-          background-color: ${t(m)};
-        ` : i`
-          cursor: pointer;
-          color: ${c.m500};
-
-          &:hover {
-            background-color: ${t(l)};
-          }
-
-          &:active {
-            background-color: ${t(s)};
-            color: ${n};
-          }
-        `}
-`, y = o.p`
-  color: ${c.m500};
-`, k = o(a)`
-  cursor: pointer;
-`, w = o(f)`
-  cursor: pointer;
-`, x = o.div`
-  min-width: ${({ size: r }) => r};
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-`;
-export {
-  E as AllPages,
-  k as ClickableChevronLeft,
-  w as ClickableChevronRight,
-  x as MiddleLayer,
-  y as P,
-  b as Page
-};

package/dist/components/Ripple/Ripple.js

@@ -1,26 +0,0 @@
-import { j as m } from "../../_virtual/jsx-runtime.js";
-import { useRef as d } from "react";
-/* empty css           */
-const x = ({ children: s, rippleColor: l = "rgba(0,0,0,0.3)", className: p = "", ...c }) => {
-  const r = d(null), a = (o) => {
-    const n = r.current;
-    if (!n) return;
-    const e = document.createElement("span");
-    e.className = "ripple", e.style.backgroundColor = l;
-    const t = n.getBoundingClientRect(), i = Math.max(t.width, t.height);
-    e.style.width = e.style.height = `${i}px`, e.style.left = `${o.clientX - t.left - i / 2}px`, e.style.top = `${o.clientY - t.top - i / 2}px`, n.appendChild(e), e.addEventListener("animationend", () => e.remove());
-  };
-  return /* @__PURE__ */ m.jsx(
-    "div",
-    {
-      ref: r,
-      onClick: a,
-      className: `ripple-container ${p}`,
-      ...c,
-      children: s
-    }
-  );
-};
-export {
-  x as default
-};

package/dist/components/Ripple/index.js

@@ -1,4 +0,0 @@
-import e from "./Ripple.js";
-export {
-  e as default
-};

package/dist/index.js

@@ -1,10 +0,0 @@
-import { default as r } from "./components/Pagination/Pagination.js";
-import { default as a } from "./colors/index.js";
-import { default as l } from "./components/Icons/ChevronLeft/ChevronLeft.js";
-import { default as d } from "./components/Icons/ChevronRight/ChevronRight.js";
-export {
-  l as ChevronLeft,
-  d as ChevronRight,
-  r as Pagination,
-  a as colors
-};