meticulous-ui 1.1.2 → 1.1.3

package/colors/amber.js

@@ -0,0 +1,19 @@
+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/colors/black.js

@@ -0,0 +1,25 @@
+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/colors/blue.js

@@ -0,0 +1,19 @@
+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/colors/blueGray.js

@@ -0,0 +1,15 @@
+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/colors/brown.js

@@ -0,0 +1,15 @@
+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/colors/cider.js

@@ -0,0 +1,15 @@
+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/colors/cyan.js

@@ -0,0 +1,19 @@
+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/colors/deepOrange.js

@@ -0,0 +1,19 @@
+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/colors/deepPurple.js

@@ -0,0 +1,19 @@
+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/colors/green.js

@@ -0,0 +1,19 @@
+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/colors/grey.js

@@ -0,0 +1,15 @@
+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/colors/indigo.js

@@ -0,0 +1,19 @@
+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/colors/lightBlue.js

@@ -0,0 +1,19 @@
+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/colors/lightGreen.js

@@ -0,0 +1,19 @@
+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/colors/lime.js

@@ -0,0 +1,19 @@
+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/colors/orange.js

@@ -0,0 +1,19 @@
+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/colors/pink.js

@@ -0,0 +1,19 @@
+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/colors/purple.js

@@ -0,0 +1,19 @@
+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/colors/red.js

@@ -0,0 +1,19 @@
+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/colors/teal.js

@@ -0,0 +1,19 @@
+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/colors/violet.js

@@ -0,0 +1,19 @@
+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/colors/white.js

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

package/colors/yellow.js

@@ -0,0 +1,19 @@
+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/components/Icons/Add/Add.js

@@ -0,0 +1,47 @@
+import { j as e } from "../../../_virtual/jsx-runtime.js";
+import t from "../../../colors/grey.js";
+const o = ({ color: i = t.m500, size: r = 24, ...s }) => /* @__PURE__ */ e.jsx(
+  "svg",
+  {
+    viewBox: "0 0 24 24",
+    width: r,
+    height: r,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-label": "Add",
+    ...s,
+    children: /* @__PURE__ */ e.jsx("g", { children: /* @__PURE__ */ e.jsx("g", { dataName: "add", children: /* @__PURE__ */ e.jsxs("g", { children: [
+      /* @__PURE__ */ e.jsx(
+        "line",
+        {
+          fill: i,
+          stroke: i,
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: "2",
+          x1: "12",
+          x2: "12",
+          y1: "19",
+          y2: "5"
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        "line",
+        {
+          fill: i,
+          stroke: i,
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          strokeWidth: "2",
+          x1: "5",
+          x2: "19",
+          y1: "12",
+          y2: "12"
+        }
+      )
+    ] }) }) })
+  }
+);
+export {
+  o as default
+};

package/components/Icons/AddCircle/AddCircle.js

@@ -0,0 +1,35 @@
+import { j as l } from "../../../_virtual/jsx-runtime.js";
+import d from "../../../colors/grey.js";
+const r = ({ color: e = d.m500, size: i = 24, ...a }) => /* @__PURE__ */ l.jsxs(
+  "svg",
+  {
+    viewBox: "0 0 24 24",
+    width: i,
+    height: i,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-label": "Add Circle",
+    ...a,
+    children: [
+      /* @__PURE__ */ l.jsx(
+        "path",
+        {
+          d: "M11 8a1 1 0 1 1 2 0v3h3a1 1 0 1 1 0 2h-3v3a1 1 0 1 1-2 0v-3H8a1 1 0 1 1 0-2h3z",
+          fill: e
+        }
+      ),
+      /* @__PURE__ */ l.jsx(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M23 12c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11M3.007 12a8.993 8.993 0 1 0 17.986 0 8.993 8.993 0 0 0-17.986 0",
+          fill: e
+        }
+      )
+    ]
+  }
+);
+export {
+  r as default
+};

package/components/Icons/AddCircleFilled/AddCircleFilled.js

@@ -0,0 +1,26 @@
+import { j as e } from "../../../_virtual/jsx-runtime.js";
+import o from "../../../colors/grey.js";
+const a = ({ color: i = o.m500, size: l = 24, ...d }) => /* @__PURE__ */ e.jsx(
+  "svg",
+  {
+    viewBox: "0 0 24 24",
+    width: l,
+    height: l,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-label": "Add Circle Filled",
+    ...d,
+    children: /* @__PURE__ */ e.jsx(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10m.75-13a.75.75 0 0 0-1.5 0v2.25H9a.75.75 0 0 0 0 1.5h2.25V15a.75.75 0 0 0 1.5 0v-2.25H15a.75.75 0 0 0 0-1.5h-2.25z",
+        fill: i
+      }
+    )
+  }
+);
+export {
+  a as default
+};

package/components/Icons/ArrowDown/ArrowDown.js

@@ -0,0 +1,26 @@
+import { j as o } from "../../../_virtual/jsx-runtime.js";
+import a from "../../../colors/grey.js";
+const n = ({ color: e = a.m500, size: l = 24, ...r }) => /* @__PURE__ */ o.jsx(
+  "svg",
+  {
+    viewBox: "0 0 24 24",
+    width: l,
+    height: l,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-label": "Arrow Down",
+    ...r,
+    children: /* @__PURE__ */ o.jsx(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M12 3a1 1 0 0 1 1 1v13.586l5.293-5.293a1 1 0 0 1 1.414 1.414l-7 7a1 1 0 0 1-1.414 0l-7-7a1 1 0 1 1 1.414-1.414L11 17.586V4a1 1 0 0 1 1-1",
+        fill: e
+      }
+    )
+  }
+);
+export {
+  n as default
+};

package/components/Icons/ArrowLeft/ArrowLeft.js

@@ -0,0 +1,27 @@
+import { j as o } from "../../../_virtual/jsx-runtime.js";
+import s from "../../../colors/grey.js";
+const a = ({ color: t = s.m500, size: r = 24, ...e }) => /* @__PURE__ */ o.jsx(
+  "svg",
+  {
+    viewBox: "0 0 24 24",
+    width: r,
+    height: r,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-label": "Arrow Left",
+    ...e,
+    children: /* @__PURE__ */ o.jsx(
+      "path",
+      {
+        d: "M5 12h14M5 12l6-6m-6 6 6 6",
+        stroke: t,
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  }
+);
+export {
+  a as default
+};

package/components/Icons/ArrowRight/ArrowRight.js

@@ -0,0 +1,27 @@
+import { j as o } from "../../../_virtual/jsx-runtime.js";
+import i from "../../../colors/grey.js";
+const h = ({ color: t = i.m500, size: r = 24, ...e }) => /* @__PURE__ */ o.jsx(
+  "svg",
+  {
+    viewBox: "0 0 24 24",
+    width: r,
+    height: r,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-label": "Arrow Right",
+    ...e,
+    children: /* @__PURE__ */ o.jsx(
+      "path",
+      {
+        d: "M5 12h14m0 0-6-6m6 6-6 6",
+        stroke: t,
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  }
+);
+export {
+  h as default
+};

package/components/Icons/ArrowUp/ArrowUp.js

@@ -0,0 +1,26 @@
+import { j as e } from "../../../_virtual/jsx-runtime.js";
+import t from "../../../colors/grey.js";
+const p = ({ color: o = t.m500, size: l = 24, ...r }) => /* @__PURE__ */ e.jsx(
+  "svg",
+  {
+    viewBox: "0 0 24 24",
+    width: l,
+    height: l,
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-label": "Arrow Up",
+    ...r,
+    children: /* @__PURE__ */ e.jsx(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M12 3a1 1 0 0 1 .707.293l7 7a1 1 0 0 1-1.414 1.414L13 6.414V20a1 1 0 1 1-2 0V6.414l-5.293 5.293a1 1 0 0 1-1.414-1.414l7-7A1 1 0 0 1 12 3",
+        fill: o
+      }
+    )
+  }
+);
+export {
+  p as default
+};