mimir-ui-kit 0.0.12 → 0.0.14

package/dist/components/OtpInput/index.js

@@ -1,87 +1,4 @@
-import { jsx as l, jsxs as N } from "react/jsx-runtime";
-import { useRef as R, useMemo as T, Fragment as b } from "react";
-import { c as w } from "../../index-DIxK0V-G.js";
-import { Input as F } from "../Input/index.js";
-import { RE_DIGIT as g, DEFAULT_VALUE_LENGTH as O } from "./constants.js";
-import '../../index.css';const k = "_otp_3vrel_1", L = "_input_3vrel_7", U = "_separator_3vrel_13", i = {
-  otp: k,
-  input: L,
-  separator: U
-}, $ = ({
-  value: n = "",
-  valueLength: p = O,
-  needSeparator: I = !0,
-  onChange: o,
-  ...v
-}) => {
-  const u = R([]), D = T(() => {
-    const r = n.split(""), t = [];
-    for (let e = 0; e < p; e++) {
-      const s = r[e];
-      g.test(s) ? t.push(s) : t.push("");
-    }
-    return t;
-  }, [n, p]), f = (r) => {
-    var t;
-    r < p - 1 && ((t = u.current[r + 1]) == null || t.focus());
-  }, m = (r) => {
-    var t;
-    r > 0 && ((t = u.current[r - 1]) == null || t.focus());
-  }, A = (r, t) => {
-    const e = r.target;
-    let s = e.value.trim();
-    const c = g.test(s);
-    if (!c && s !== "")
-      return;
-    const a = u.current[t + 1];
-    if (!c && a && a.value !== "")
-      return;
-    s = c ? s : " ";
-    const _ = s.length;
-    if (_ === 1) {
-      const E = n.substring(0, t) + s + n.substring(t + 1);
-      o == null || o(E), c && f(t);
-    } else _ === p && (o == null || o(s), e.blur());
-  }, V = (r, t) => {
-    const { key: e } = r, s = r.target;
-    switch (e) {
-      case "ArrowRight":
-      case "ArrowDown":
-        return r.preventDefault(), f(t);
-      case "ArrowLeft":
-      case "ArrowUp":
-        return r.preventDefault(), m(t);
-    }
-    const c = s.value;
-    if (s.setSelectionRange(0, c.length), r.key !== "Backspace" || c !== "")
-      return;
-    const a = `${n.substring(0, t - 1)} ${n.substring(t)}`;
-    o == null || o(a), m(t);
-  }, y = (r, t) => {
-    const e = r.target, s = u.current[t - 1];
-    s && s.value === "" && s.focus(), e.setSelectionRange(0, e.value.length);
-  };
-  return /* @__PURE__ */ l("div", { className: w(i.otp), children: D.map((r, t) => /* @__PURE__ */ N(b, { children: [
-    I && t === 3 && /* @__PURE__ */ l("span", { className: w(i.separator) }),
-    /* @__PURE__ */ l(
-      F,
-      {
-        ref: (e) => u.current[t] = e,
-        type: "text",
-        inputMode: "numeric",
-        autoComplete: "one-time-code",
-        pattern: "\\d{1}",
-        maxLength: 1,
-        className: i.input,
-        value: r,
-        onChange: (e) => A(e, t),
-        onKeyDown: (e) => V(e, t),
-        onFocus: (e) => y(e, t),
-        ...v
-      }
-    )
-  ] }, t)) });
-};
+import { OtpInput } from "./OtpInput.js";
 export {
-  $ as OtpInput
+  OtpInput
 };

package/dist/components/icons/Eye.js

@@ -1,24 +1,35 @@
-import { jsxs as e, jsx as C } from "react/jsx-runtime";
-const d = () => /* @__PURE__ */ e("svg", { width: "25", height: "24", viewBox: "0 0 25 24", xmlns: "http://www.w3.org/2000/svg", children: [
-  /* @__PURE__ */ C(
-    "path",
+import { jsxs, jsx } from "react/jsx-runtime";
+const Eye = () => {
+  return /* @__PURE__ */ jsxs(
+    "svg",
     {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M12.5 14.5C13.8807 14.5 15 13.3807 15 12C15 10.6193 13.8807 9.5 12.5 9.5C11.1193 9.5 10 10.6193 10 12C10 13.3807 11.1193 14.5 12.5 14.5ZM12.5 16C14.7091 16 16.5 14.2091 16.5 12C16.5 9.79086 14.7091 8 12.5 8C10.2909 8 8.5 9.79086 8.5 12C8.5 14.2091 10.2909 16 12.5 16Z",
-      fill: "#666666"
+      width: "25",
+      height: "24",
+      viewBox: "0 0 25 24",
+      xmlns: "http://www.w3.org/2000/svg",
+      children: [
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M12.5 14.5C13.8807 14.5 15 13.3807 15 12C15 10.6193 13.8807 9.5 12.5 9.5C11.1193 9.5 10 10.6193 10 12C10 13.3807 11.1193 14.5 12.5 14.5ZM12.5 16C14.7091 16 16.5 14.2091 16.5 12C16.5 9.79086 14.7091 8 12.5 8C10.2909 8 8.5 9.79086 8.5 12C8.5 14.2091 10.2909 16 12.5 16Z",
+            fill: "#666666"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "path",
+          {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M2.5 12C2.5 12 6.97715 19 12.5 19C18.0228 19 22.5 12 22.5 12C22.5 12 18.0228 5 12.5 5C6.97715 5 2.5 12 2.5 12ZM4.33813 12C4.38111 12.057 4.42632 12.1163 4.47372 12.1778C4.94838 12.7934 5.63246 13.6102 6.47167 14.4217C8.20962 16.1024 10.3437 17.5 12.5 17.5C14.6563 17.5 16.7904 16.1024 18.5283 14.4217C19.3675 13.6102 20.0516 12.7934 20.5263 12.1778C20.5737 12.1163 20.6189 12.057 20.6619 12C20.6189 11.943 20.5737 11.8837 20.5263 11.8222C20.0516 11.2066 19.3675 10.3898 18.5283 9.57828C16.7904 7.89761 14.6563 6.5 12.5 6.5C10.3437 6.5 8.20962 7.89761 6.47167 9.57828C5.63246 10.3898 4.94838 11.2066 4.47372 11.8222C4.42632 11.8837 4.38111 11.943 4.33813 12Z",
+            fill: "#666666"
+          }
+        )
+      ]
     }
-  ),
-  /* @__PURE__ */ C(
-    "path",
-    {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M2.5 12C2.5 12 6.97715 19 12.5 19C18.0228 19 22.5 12 22.5 12C22.5 12 18.0228 5 12.5 5C6.97715 5 2.5 12 2.5 12ZM4.33813 12C4.38111 12.057 4.42632 12.1163 4.47372 12.1778C4.94838 12.7934 5.63246 13.6102 6.47167 14.4217C8.20962 16.1024 10.3437 17.5 12.5 17.5C14.6563 17.5 16.7904 16.1024 18.5283 14.4217C19.3675 13.6102 20.0516 12.7934 20.5263 12.1778C20.5737 12.1163 20.6189 12.057 20.6619 12C20.6189 11.943 20.5737 11.8837 20.5263 11.8222C20.0516 11.2066 19.3675 10.3898 18.5283 9.57828C16.7904 7.89761 14.6563 6.5 12.5 6.5C10.3437 6.5 8.20962 7.89761 6.47167 9.57828C5.63246 10.3898 4.94838 11.2066 4.47372 11.8222C4.42632 11.8837 4.38111 11.943 4.33813 12Z",
-      fill: "#666666"
-    }
-  )
-] });
+  );
+};
 export {
-  d as Eye
+  Eye
 };

package/dist/components/icons/index.js

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

package/dist/components/index.d.ts

@@ -1,7 +1,7 @@
-export { Button } from './Button';
-export { EButtonSize, EButtonForm, EButtonVariantDefault, EButtonVariantRound } from './Button/constants';
-export { Input } from './Input';
-export { EInputSize, EInputVariant } from './Input/constants';
+export { Button, EButtonForm, EButtonSize, EButtonVariantDefault, EButtonVariantRound, type TButtonProps } from './Button';
+export { Input, EInputSize, EInputVariant } from './Input';
+export type { TInputProps, TSize, TVariant } from './Input';
 export { InputPassword } from './InputPassword';
+export type { TInputPasswordProps } from './InputPassword';
 export { InputPhoneNumber } from './InputPhoneNumber';
 export { OtpInput } from './OtpInput';

package/dist/components/index.js

@@ -1,20 +1,20 @@
-import { Button as r } from "./Button/index.js";
-import { EButtonForm as p, EButtonSize as u, EButtonVariantDefault as e, EButtonVariantRound as m } from "./Button/constants.js";
-import { Input as f } from "./Input/index.js";
-import { EInputSize as E, EInputVariant as I } from "./Input/constants.js";
-import { InputPassword as B } from "./InputPassword/index.js";
-import { InputPhoneNumber as d } from "./InputPhoneNumber/index.js";
-import { OtpInput as z } from "./OtpInput/index.js";
+import { Button } from "./Button/Button.js";
+import { EButtonForm, EButtonSize, EButtonVariantDefault, EButtonVariantRound } from "./Button/constants.js";
+import { Input } from "./Input/Input.js";
+import { EInputSize, EInputVariant } from "./Input/constants.js";
+import { InputPassword } from "./InputPassword/InputPassword.js";
+import { InputPhoneNumber } from "./InputPhoneNumber/InputPhoneNumber.js";
+import { OtpInput } from "./OtpInput/OtpInput.js";
 export {
-  r as Button,
-  p as EButtonForm,
-  u as EButtonSize,
-  e as EButtonVariantDefault,
-  m as EButtonVariantRound,
-  E as EInputSize,
-  I as EInputVariant,
-  f as Input,
-  B as InputPassword,
-  d as InputPhoneNumber,
-  z as OtpInput
+  Button,
+  EButtonForm,
+  EButtonSize,
+  EButtonVariantDefault,
+  EButtonVariantRound,
+  EInputSize,
+  EInputVariant,
+  Input,
+  InputPassword,
+  InputPhoneNumber,
+  OtpInput
 };

package/dist/hooks/index.js

@@ -1,6 +1,6 @@
-import { useMediaQuery as o } from "./useMediaQuery/useMediaQuery.js";
-import { EMediaQuery as a } from "./useMediaQuery/constants.js";
+import { useMediaQuery } from "./useMediaQuery/useMediaQuery.js";
+import { EMediaQuery } from "./useMediaQuery/constants.js";
 export {
-  a as EMediaQuery,
-  o as useMediaQuery
+  EMediaQuery,
+  useMediaQuery
 };

package/dist/hooks/useMediaQuery/constants.js

@@ -1,4 +1,11 @@
-var t = /* @__PURE__ */ ((x) => (x.S = "(max-width: 767px)", x.M = "(max-width: 960px)", x.L = "(max-width: 1280px)", x.XL = "(max-width: 1440px)", x.XXL = "(max-width: 1920px)", x))(t || {});
+var EMediaQuery = /* @__PURE__ */ ((EMediaQuery2) => {
+  EMediaQuery2["S"] = "(max-width: 767px)";
+  EMediaQuery2["M"] = "(max-width: 960px)";
+  EMediaQuery2["L"] = "(max-width: 1280px)";
+  EMediaQuery2["XL"] = "(max-width: 1440px)";
+  EMediaQuery2["XXL"] = "(max-width: 1920px)";
+  return EMediaQuery2;
+})(EMediaQuery || {});
 export {
-  t as EMediaQuery
+  EMediaQuery
 };

package/dist/hooks/useMediaQuery/index.js

@@ -1,6 +1,6 @@
-import { useMediaQuery as o } from "./useMediaQuery.js";
-import { EMediaQuery as a } from "./constants.js";
+import { useMediaQuery } from "./useMediaQuery.js";
+import { EMediaQuery } from "./constants.js";
 export {
-  a as EMediaQuery,
-  o as useMediaQuery
+  EMediaQuery,
+  useMediaQuery
 };

package/dist/hooks/useMediaQuery/useMediaQuery.js

@@ -1,16 +1,19 @@
-import { useCallback as a, useSyncExternalStore as o } from "react";
-const r = () => !1, h = (e) => {
-  const s = a(
-    (t) => {
-      const n = window.matchMedia(e);
-      return n.addEventListener("change", t), () => {
-        n.removeEventListener("change", t);
+import { useCallback, useSyncExternalStore } from "react";
+const getServerSnapshot = () => false;
+const useMediaQuery = (query) => {
+  const subscribe = useCallback(
+    (callback) => {
+      const matchMedia = window.matchMedia(query);
+      matchMedia.addEventListener("change", callback);
+      return () => {
+        matchMedia.removeEventListener("change", callback);
       };
     },
-    [e]
+    [query]
   );
-  return o(s, () => window.matchMedia(e).matches, r);
+  const getSnapshot = () => window.matchMedia(query).matches;
+  return useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
 };
 export {
-  h as useMediaQuery
+  useMediaQuery
 };

package/dist/index-CweZ_OcN.js

@@ -0,0 +1,65 @@
+function getDefaultExportFromCjs(x) {
+  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
+}
+var classnames = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+(function(module) {
+  (function() {
+    var hasOwn = {}.hasOwnProperty;
+    function classNames2() {
+      var classes = "";
+      for (var i = 0; i < arguments.length; i++) {
+        var arg = arguments[i];
+        if (arg) {
+          classes = appendClass(classes, parseValue(arg));
+        }
+      }
+      return classes;
+    }
+    function parseValue(arg) {
+      if (typeof arg === "string" || typeof arg === "number") {
+        return arg;
+      }
+      if (typeof arg !== "object") {
+        return "";
+      }
+      if (Array.isArray(arg)) {
+        return classNames2.apply(null, arg);
+      }
+      if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes("[native code]")) {
+        return arg.toString();
+      }
+      var classes = "";
+      for (var key in arg) {
+        if (hasOwn.call(arg, key) && arg[key]) {
+          classes = appendClass(classes, key);
+        }
+      }
+      return classes;
+    }
+    function appendClass(value, newClass) {
+      if (!newClass) {
+        return value;
+      }
+      if (value) {
+        return value + " " + newClass;
+      }
+      return value + newClass;
+    }
+    if (module.exports) {
+      classNames2.default = classNames2;
+      module.exports = classNames2;
+    } else {
+      window.classNames = classNames2;
+    }
+  })();
+})(classnames);
+var classnamesExports = classnames.exports;
+const classNames = /* @__PURE__ */ getDefaultExportFromCjs(classnamesExports);
+export {
+  classNames as c
+};

package/dist/index.d.ts

@@ -1,2 +1,3 @@
+
 export * from './components';
-export * from './utils';
+export * from './hooks';

package/dist/index.js

@@ -1,22 +1,24 @@
-import { Button as r } from "./components/Button/index.js";
-import { EButtonForm as p, EButtonSize as e, EButtonVariantDefault as u, EButtonVariantRound as m } from "./components/Button/constants.js";
-import { Input as a } from "./components/Input/index.js";
-import { EInputSize as E, EInputVariant as I } from "./components/Input/constants.js";
-import { InputPassword as B } from "./components/InputPassword/index.js";
-import { InputPhoneNumber as d } from "./components/InputPhoneNumber/index.js";
-import { OtpInput as s } from "./components/OtpInput/index.js";
-import { getLog as P } from "./utils/getLog.js";
-export {
-  r as Button,
-  p as EButtonForm,
-  e as EButtonSize,
-  u as EButtonVariantDefault,
-  m as EButtonVariantRound,
-  E as EInputSize,
-  I as EInputVariant,
-  a as Input,
-  B as InputPassword,
-  d as InputPhoneNumber,
-  s as OtpInput,
-  P as getLog
+import { Button } from "./components/Button/Button.js";
+import { EButtonForm, EButtonSize, EButtonVariantDefault, EButtonVariantRound } from "./components/Button/constants.js";
+import { Input } from "./components/Input/Input.js";
+import { EInputSize, EInputVariant } from "./components/Input/constants.js";
+import { InputPassword } from "./components/InputPassword/InputPassword.js";
+import { InputPhoneNumber } from "./components/InputPhoneNumber/InputPhoneNumber.js";
+import { OtpInput } from "./components/OtpInput/OtpInput.js";
+import { useMediaQuery } from "./hooks/useMediaQuery/useMediaQuery.js";
+import { EMediaQuery } from "./hooks/useMediaQuery/constants.js";
+import './assets/index.css';export {
+  Button,
+  EButtonForm,
+  EButtonSize,
+  EButtonVariantDefault,
+  EButtonVariantRound,
+  EInputSize,
+  EInputVariant,
+  EMediaQuery,
+  Input,
+  InputPassword,
+  InputPhoneNumber,
+  OtpInput,
+  useMediaQuery
 };

package/package.json

@@ -1,91 +1,91 @@
-{
-  "name": "mimir-ui-kit",
-  "private": false,
-  "version": "0.0.12",
-  "type": "module",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
-  "sideEffects": [
-    "**/*.{css,scss}"
-  ],
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc --p ./tsconfig-build.json && vite build",
-    "pre-build": "npm run build",
-    "ts:check": "tsc -b",
-    "lint:eslint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "lint:prettier": "npx prettier . --write",
-    "lint:stylelint": "stylelint '**/*{.css,.scss}'",
-    "lint:stylelint:fix": "stylelint '**/*{.css,.scss}' --fix",
-    "preview": "vite preview",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "prepare": "husky"
-  },
-  "devDependencies": {
-    "@chromatic-com/storybook": "^1.6.1",
-    "@headlessui/react": "^2.1.2",
-    "@laynezh/vite-plugin-lib-assets": "^0.5.23",
-    "@storybook/addon-essentials": "^8.1.11",
-    "@storybook/addon-interactions": "^8.1.11",
-    "@storybook/addon-links": "^8.1.11",
-    "@storybook/addon-onboarding": "^8.1.11",
-    "@storybook/blocks": "^8.1.11",
-    "@storybook/react": "^8.1.11",
-    "@storybook/react-vite": "^8.1.11",
-    "@storybook/test": "^8.1.11",
-    "@types/node": "^20.14.10",
-    "@types/react": "^18.3.3",
-    "@types/react-dom": "^18.3.0",
-    "@typescript-eslint/eslint-plugin": "^7.13.1",
-    "@typescript-eslint/parser": "^7.13.1",
-    "@vitejs/plugin-react": "^4.3.1",
-    "classnames": "^2.5.1",
-    "eslint": "^8.57.0",
-    "eslint-config-prettier": "9.1.0",
-    "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-react-refresh": "^0.4.7",
-    "eslint-plugin-storybook": "^0.8.0",
-    "glob": "10.3.10",
-    "husky": "^9.0.11",
-    "lint-staged": "^15.2.7",
-    "prettier": "^3.3.2",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "sass": "^1.77.7",
-    "storybook": "^8.1.11",
-    "stylelint": "^16.6.1",
-    "stylelint-config-idiomatic-order": "^10.0.0",
-    "stylelint-config-rational-order": "^0.1.2",
-    "stylelint-config-standard": "^36.0.1",
-    "stylelint-order": "^6.0.4",
-    "stylelint-prettier": "^5.0.0",
-    "stylelint-scss": "^6.4.0",
-    "typescript": "^5.2.2",
-    "vite": "^5.3.1",
-    "vite-plugin-dts": "^3.9.1",
-    "vite-plugin-lib-inject-css": "^2.1.1"
-  },
-  "peerDependencies": {
-    "@headlessui/react": "^2.1.2",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
-  },
-  "husky": {
-    "hooks": {
-      "pre-commit": "lint-staged"
-    }
-  },
-  "lint-staged": {
-    "**/*.{ts,tsx}": [
-      "eslint",
-      "prettier --write"
-    ],
-    "**/*.{css,scss}": [
-      "stylelint --fix"
-    ]
-  }
-}
+{
+  "name": "mimir-ui-kit",
+  "private": false,
+  "version": "0.0.14",
+  "type": "module",
+  "exports": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "**/*.{css,scss}"
+  ],
+  "scripts": {
+    "build": "tsc --p ./tsconfig-build.json && vite build",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "ts:check": "tsc -b",
+    "lint:fix": "eslint . --ext ts,tsx --fix",
+    "lint:prettier": "npx prettier . --write",
+    "lint:stylelint": "stylelint '**/*{.css,.scss}'",
+    "lint:stylelint:fix": "stylelint '**/*{.css,.scss}' --fix",
+    "prepare": "husky"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^1.6.1",
+    "@headlessui/react": "^2.1.2",
+    "@laynezh/vite-plugin-lib-assets": "^0.5.23",
+    "@storybook/addon-essentials": "^8.2.2",
+    "@storybook/addon-interactions": "^8.2.2",
+    "@storybook/addon-links": "^8.2.2",
+    "@storybook/addon-onboarding": "^8.2.2",
+    "@storybook/blocks": "^8.2.2",
+    "@storybook/builder-vite": "^8.2.2",
+    "@storybook/react": "^8.2.2",
+    "@storybook/react-vite": "^8.2.2",
+    "@storybook/test": "^8.2.2",
+    "@types/node": "^20.14.10",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "@typescript-eslint/eslint-plugin": "^7.13.1",
+    "@typescript-eslint/parser": "^7.13.1",
+    "@vitejs/plugin-react": "^4.3.1",
+    "autoprefixer": "^10.4.19",
+    "classnames": "^2.5.1",
+    "eslint": "^8.57.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-react-refresh": "^0.4.7",
+    "eslint-plugin-storybook": "^0.8.0",
+    "glob": "10.3.10",
+    "husky": "^9.0.11",
+    "lint-staged": "^15.2.7",
+    "prettier": "^3.3.3",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "sass": "^1.77.7",
+    "storybook": "^8.2.2",
+    "stylelint": "^16.7.0",
+    "stylelint-config-idiomatic-order": "^10.0.0",
+    "stylelint-config-rational-order": "^0.1.2",
+    "stylelint-config-standard": "^36.0.1",
+    "stylelint-order": "^6.0.4",
+    "stylelint-prettier": "^5.0.0",
+    "stylelint-scss": "^6.4.0",
+    "typescript": "^5.2.2",
+    "vite": "^5.3.1",
+    "vite-plugin-dts": "^3.9.1",
+    "vite-plugin-lib-inject-css": "^2.1.1"
+  },
+  "peerDependencies": {
+    "@headlessui/react": "^2.1.2",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
+  "husky": {
+    "hooks": {
+      "pre-commit": "lint-staged"
+    }
+  },
+  "lint-staged": {
+    "**/*.{ts,tsx}": [
+      "eslint",
+      "prettier --write"
+    ],
+    "**/*.{css,scss}": [
+      "stylelint --fix"
+    ]
+  }
+}

package/dist/assets/styles/index.css

@@ -1 +0,0 @@
-@font-face{font-weight:400;font-family:Montserrat;font-style:normal;src:url(../fonts/585d10920d676fcd.woff2) format("woff2"),url(../fonts/3b9f59412b17ff93.woff) format("woff")}@font-face{font-weight:700;font-family:Montserrat;font-style:normal;src:url(../fonts/f4d681a788c6d497.woff2) format("woff2"),url(../fonts/43b748f250df0f08.woff) format("woff")}@font-face{font-weight:300;font-family:Montserrat;font-style:normal;src:url(../fonts/ee3db32f0aadef5d.woff2) format("woff2"),url(../fonts/1a738bfdbc1e4d9d.woff) format("woff")}@font-face{font-weight:500;font-family:Montserrat;font-style:normal;src:url(../fonts/e51d2feb30084bc2.woff2) format("woff2"),url(../fonts/badaa6d1837432de.woff) format("woff")}@font-face{font-weight:600;font-family:Montserrat;font-style:normal;src:url(../fonts/63611593e008a77c.woff2) format("woff2"),url(../fonts/3cdd7fabbe89d2b9.woff) format("woff")}@font-face{font-weight:400;font-family:Inter;font-style:normal;src:url(../fonts/d080ae18fd04e52c.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:700;font-family:Inter;font-style:normal;src:url(../fonts/11d5bc9f0cad36d1.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:500;font-family:Inter;font-style:normal;src:url(../fonts/242d04bef81519ae.woff2) format("woff2");font-variant-numeric:slashed-zero}@font-face{font-weight:600;font-family:Inter;font-style:normal;src:url(../fonts/cac2ba46e8c8adc9.woff2) format("woff2");font-variant-numeric:slashed-zero}@supports (font-variation-settings: normal){:root{font-family:InterVariable,sans-serif}}*{margin:0;padding:0;border:0;outline:none}*,:after,:before{box-sizing:border-box}:active,:focus{outline:0}a,a:visited,a:hover{text-decoration:none}a:active,a:focus{outline:0}aside,footer,header,nav{display:block}body,html{width:100%;height:100%;font-size:100%;line-height:1}button,input,textarea,select{font-family:inherit}input::-ms-clear{display:none}button{cursor:pointer}button::-moz-focus-inner{padding:0;border:0}ul li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:var(--color-typo-brand);transition:background-color 5000s ease-in-out 0s}:root{--sapphire-100: #2355d7;--sapphire-90: #3564df;--sapphire-80: #4b75e2;--sapphire-70: #6186e6;--sapphire-60: #7797e9;--sapphire-50: #8da7ed;--sapphire-40: #9fb7f4;--sapphire-30: #b9caf4;--sapphire-20: #cfdaf7;--sapphire-10: #e5ebfb;--citrine-100: #ff7900;--citrine-90: #ff861a;--citrine-80: #ff9433;--citrine-70: #ffa14d;--citrine-60: #ffaf66;--citrine-50: #ffbc80;--citrine-40: #ffc999;--citrine-30: #ffd7b2;--citrine-20: #ffe4cc;--citrine-10: #fff2e5;--magenta-100: #bc2251;--magenta-90: #d8275d;--magenta-80: #dc3d6d;--magenta-70: #e15781;--magenta-60: #e46c91;--magenta-50: #e986a4;--magenta-40: #ed9cb4;--magenta-30: #f2b6c8;--magenta-20: #f6cbd8;--magenta-10: #fae5ec;--black-100: #000;--black-95: #0d0d0d;--black-90: #1a1a1a;--black-85: #262626;--black-80: #333;--black-75: #404040;--black-70: #4d4d4d;--black-65: #595959;--black-60: #666;--black-55: #737373;--black-50: #808080;--black-45: #8c8c8c;--black-40: #999;--black-35: #a6a6a6;--black-30: #b3b3b3;--black-25: #bfbfbf;--black-20: #ccc;--black-15: #d9d9d9;--black-10: #e6e6e6;--black-5: #f2f2f2;--white: #fff;--dark-blue: #0a38af;--blue-40: #a7bbef;--blue-20: #d3ddf7;--green: #1b770c;--red-tag: #f01406;--success-normal: #23b413;--success-bg-hover: #d5fbe2;--success-bg-active: #ebfdf1;--alarm-normal: #fdc023;--alarm-bg-hover: #fff0c7;--alarm-bg-active: #fff6de;--error-normal: #e64646;--error-bg-hover: #fadbdb;--error-bg-active: #fbe3e3;--disabled: #b3b3b3;--light-text: var(--white);--dark-text: var(--black-100);--sapphire-normal: var(--sapphire-100);--sapphire-hover: #1b41a3;--sapphire-active: #122c70;--citrine-normal: var(--citrine-100);--citrine-hover: #e56d00;--citrine-active: #cc6100;--asphalt-border: var(--black-30);--asphalt-normal: var(--black-80);--asphalt-hover: var(--black-90);--asphalt-active: var(--black-100);--gray-normal: var(--black-5);--gray-hover: var(--black-10);--gray-active: var(--black-80);--white-normal: var(--white);--white-hover: var(--black-5);--white-transparent: rgb(255 255 255 / 40%);--white-active: var(--black-80);--red-normal: var(--error-normal);--red-hover: #e33030;--red-active: #dc1e1e;--green-normal: var(--green);--green-hover: #16610a;--green-active: #114a08;--counter-text: #ffa066;--button-height-xs: 24px;--button-height-s: 32px;--button-height-m: 40px;--button-height-l: 48px;--button-height-xl: 56px;--button-height-xxl: 64px;--control-default: var(--sapphire-20);--control-hover: var(--sapphire-40);--control-selected: var(--sapphire-100);--control-disabled: var(--black-10);--font-inter: "Inter", sans-serif;--font-montserrat: "Montserrat", sans-serif;--font-weight-text-regular: 400;--font-weight-text-medium: 500;--font-weight-text-semibold: 600;--font-weight-text-bold: 700;--font-weight-text-extrabold: 800;--font-weight-text-black: 900;--size-text-xs2: 8px;--size-text-xs: 10px;--size-text-s: 12px;--size-text-m: 14px;--size-text-l: 16px;--size-text-xl: 20px;--size-text-xl2: 24px;--size-text-2xl: 28px;--size-text-xl3: 32px;--size-text-xl4: 48px;--size-text-xl5: 72px;--size-text-xl6: 96px;--line-height-text-2xs: 1em;--line-height-text-xs: 1.1em;--line-height-text-s: 1.2em;--line-height-text-m: 1.3em;--line-height-text-l: 1.4em;--line-height-text-xl: 1.5em;--control-radius: 6px;--control-radius-l: 24px;--control-input-radius: 12px;--control-border-width: 1px;--control-height-xl: 60px;--control-height-xxl: 60px;--control-height-l: var(--space-4xl);--control-height-m: var(--space-3xl);--control-height-s: var(--space-2xl);--control-height-xs: var(--space-xl);--control-box-size-s: var(--space-s);--control-box-size-m: var(--space-m);--control-box-size-l: var(--space-l);--control-space-xxl: var(--space-xl);--control-space-l: var(--space-xl);--control-space-m: var(--space-l);--control-space-s: var(--space-m);--control-space-xs: var(--space-s);--control-text-size-2xl: var(--size-text-xl);--control-text-size-xl: var(--size-text-xl3);--control-text-size-l: var(--size-text-l);--control-text-size-m: var(--size-text-m);--control-text-size-s: var(--size-text-s);--control-text-size-xs: var(--size-text-xs);--space-3xs: 2px;--space-2xs: 4px;--space-xs: 8px;--space-s: 12px;--space-m: 16px;--space-l: 20px;--space-xl: 24px;--space-2xl: 32px;--space-xxl: 40px;--space-3xl: 44px;--space-4xl: 48px;--space-4xxl: 64px;--space-5xl: 72px;--space-6xl: 96px;--container-width-xs: 375px;--container-width-s: 767px;--container-width-m: 960px;--container-width-l: 1280px;--container-width-xl: 1440px;--container-width-xxl: 1920px;--box-shadow-active: 0 0 2px var(--sapphire-normal)}@supports (font-variation-settings: normal){:root{font-family:Inter,sans-serif}}:root{font-feature-settings:"zero"}body{font-family:Inter,sans-serif;font-variant-numeric:slashed-zero;background-color:var(--black-5);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{display:flex;flex-direction:column;min-height:100%}