xtreme-ui 0.0.14 → 0.0.16

package/dist/components/base/Spinner/Spinner.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ISpinnerProps } from './types';
+export declare const Spinner: import("react").ForwardRefExoticComponent<ISpinnerProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/components/base/Spinner/Spinner.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx as s, jsxs as a } from "react/jsx-runtime";
+import { forwardRef as o } from "react";
+import l from "clsx";
+import e from "./spinner.module.scss.js";
+import { ESpinnerSize as t } from "./types.js";
+const d = o((c, n) => {
+  const { className: i, size: r } = c, p = r ? `${typeof r == "number" ? r : t[r]}px` : void 0, m = l(
+    e.spinner,
+    i
+  );
+  return /* @__PURE__ */ s("div", { className: m, ref: n, style: { "--spinnerSize": p }, children: /* @__PURE__ */ a("div", { className: e.spinnerWrapper, children: [
+    /* @__PURE__ */ s("div", { className: e.cubeTop }),
+    /* @__PURE__ */ a("div", { className: e.cubeWrapper, children: [
+      /* @__PURE__ */ s("span", { className: e.cubeFace }),
+      /* @__PURE__ */ s("span", { className: e.cubeFace }),
+      /* @__PURE__ */ s("span", { className: e.cubeFace }),
+      /* @__PURE__ */ s("span", { className: e.cubeFace })
+    ] })
+  ] }) });
+});
+d.displayName = "ProgressBar";
+export {
+  d as Spinner
+};

package/dist/components/base/Spinner/spinner.module.scss.js

@@ -0,0 +1,18 @@
+"use client";
+const e = "_spinner_1ka01_1", p = "_spinnerWrapper_1ka01_10", n = "_spin_1ka01_1", c = "_cubeTop_1ka01_18", s = "_cubeWrapper_1ka01_36", r = "_cubeFace_1ka01_42", _ = {
+  spinner: e,
+  spinnerWrapper: p,
+  spin: n,
+  cubeTop: c,
+  cubeWrapper: s,
+  cubeFace: r
+};
+export {
+  r as cubeFace,
+  c as cubeTop,
+  s as cubeWrapper,
+  _ as default,
+  n as spin,
+  e as spinner,
+  p as spinnerWrapper
+};

package/dist/components/base/Spinner/types.d.ts

@@ -0,0 +1,9 @@
+export type ISpinnerProps = {
+    className?: string;
+    size?: number | keyof typeof ESpinnerSize;
+};
+export declare enum ESpinnerSize {
+    mini = 64,
+    default = 96,
+    large = 128
+}

package/dist/components/base/Spinner/types.js

@@ -0,0 +1,5 @@
+"use client";
+var l = /* @__PURE__ */ ((a) => (a[a.mini = 64] = "mini", a[a.default = 96] = "default", a[a.large = 128] = "large", a))(l || {});
+export {
+  l as ESpinnerSize
+};

package/dist/components/context/DataContext.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { TSiderModes } from '../layout/Sider/types';
+declare const DataContext: import("react").Context<DataDefaultType>;
+declare const DataProvider: ({ children }: DataProviderProps) => import("react/jsx-runtime").JSX.Element;
+export { DataProvider, DataContext };
+export interface DataDefaultType {
+    siderMode: TSiderModes;
+    setSiderMode: (mode: TSiderModes) => void;
+}
+interface DataProviderProps {
+    children?: ReactNode;
+}

package/dist/components/context/DataContext.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsx as r } from "react/jsx-runtime";
+import { createContext as s, useState as d } from "react";
+import a from "lodash/noop.js";
+const i = {
+  siderMode: "closed",
+  setSiderMode: a
+}, n = s(i), p = ({ children: e }) => {
+  const [o, t] = d("closed");
+  return /* @__PURE__ */ r(n.Provider, { value: { siderMode: o, setSiderMode: t }, children: e });
+};
+export {
+  n as DataContext,
+  p as DataProvider
+};

package/dist/components/context/index.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export declare const XProvider: ({ children }: XProviderProps) => import("react/jsx-runtime").JSX.Element;
+interface XProviderProps {
+    children?: ReactNode;
+}
+export {};

package/dist/components/context/index.js

@@ -0,0 +1,7 @@
+"use client";
+import { jsx as o } from "react/jsx-runtime";
+import { DataProvider as t } from "./DataContext.js";
+const m = ({ children: r }) => /* @__PURE__ */ o(t, { children: r });
+export {
+  m as XProvider
+};

package/dist/components/context/useContext.d.ts

@@ -0,0 +1,2 @@
+import { DataDefaultType } from './DataContext';
+export declare const useXData: () => DataDefaultType;

package/dist/components/context/useContext.js

@@ -0,0 +1,7 @@
+"use client";
+import { useContext as t } from "react";
+import { DataContext as o } from "./DataContext.js";
+const a = () => t(o);
+export {
+  a as useXData
+};

package/dist/components/layout/Navigation/Navigation.js

@@ -1,27 +1,41 @@
 "use client";
-import { jsxs as r, jsx as s } from "react/jsx-runtime";
-import { forwardRef as n } from "react";
-import c from "clsx";
-import a from "./navigation.module.scss.js";
-const m = n((i, o) => {
-  const { className: t, Routes: e } = i, l = c(
-    a.navigation,
-    t
+import { jsxs as m, jsx as s } from "react/jsx-runtime";
+import { forwardRef as e } from "react";
+import l from "clsx";
+import { Icon as y } from "../../base/Icon/Icon.js";
+import i from "./navigation.module.scss.js";
+const b = e((d, f) => {
+  const { className: h, children: p, routes: N = [], pathname: n = "", as: v = "a" } = d, g = l(
+    i.navigation,
+    h
   );
-  return /* @__PURE__ */ r("section", { className: l, ref: o, role: "navigation", children: [
-    /* @__PURE__ */ s("div", { className: a.brand, children: "🎲 XtremeUI" }),
-    /* @__PURE__ */ s("div", { className: a.routeList, children: !!e && /* @__PURE__ */ s(
-      e,
-      {
-        className: a.route,
-        activeClassName: a.active,
-        iconClassName: a.icon,
-        labelClassName: a.label
-      }
-    ) })
+  return /* @__PURE__ */ m("section", { className: g, ref: f, role: "navigation", children: [
+    /* @__PURE__ */ s("div", { className: i.brand, children: p }),
+    /* @__PURE__ */ s("div", { className: i.routeList, children: N.map((a, x) => {
+      var c;
+      return /* @__PURE__ */ m(
+        v,
+        {
+          className: l(i.route, (a == null ? void 0 : a.href) === n && i.active),
+          href: a == null ? void 0 : a.href,
+          children: [
+            (a == null ? void 0 : a.icon) && /* @__PURE__ */ s(
+              y,
+              {
+                className: (c = i) == null ? void 0 : c.icon,
+                code: a == null ? void 0 : a.icon,
+                type: (a == null ? void 0 : a.href) === n ? "duotone" : "thin"
+              }
+            ),
+            /* @__PURE__ */ s("span", { className: i.label, children: a == null ? void 0 : a.name })
+          ]
+        },
+        `route-${a == null ? void 0 : a.href}-${x}`
+      );
+    }) })
   ] });
 });
-m.displayName = "Navigation";
+b.displayName = "Navigation";
 export {
-  m as Navigation
+  b as Navigation
 };

package/dist/components/layout/Navigation/types.d.ts

@@ -1,12 +1,14 @@
-import { FC } from 'react';
+import { ElementType, ReactNode } from 'react';
 export type TNavigationProps = {
     className?: string;
-    Routes?: FC<TNavigationRoute>;
+    children?: ReactNode;
+    as?: ElementType;
+    pathname: string;
+    routes: TNavigationRoute[];
 };
 export type TNavigationRoute = {
-    className: string;
-    activeClassName: string;
-    iconClassName: string;
-    labelClassName: string;
+    name: string;
+    href: string;
+    icon?: string;
 };
 //# sourceMappingURL=types.d.ts.map

package/dist/components/layout/Navigation/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Navigation/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,MAAM,MAAM,gBAAgB,GAAG;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,EAAE,CAAC,gBAAgB,CAAC,CAAC;CAC9B,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;CACvB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Navigation/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE/C,MAAM,MAAM,gBAAgB,GAAG;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,gBAAgB,EAAE,CAAC;CAC3B,CAAA;AAED,MAAM,MAAM,gBAAgB,GAAG;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;CACd,CAAA"}

package/dist/components/layout/Sider/Sider.js

@@ -2,32 +2,31 @@
 import { jsxs as f, jsx as i } from "react/jsx-runtime";
 import { forwardRef as h } from "react";
 import S from "clsx";
+import { useXData as p } from "../../context/useContext.js";
 import e from "./sider.module.scss.js";
-const p = h((s, t) => {
+const g = h((t, s) => {
   const {
     className: d,
-    children: n,
-    leftSider: o,
+    children: o,
+    leftSider: n,
     showMiniLeftSider: l = !0,
-    rightSider: c,
-    showMiniRightSider: a = !1,
-    open: r = "closed"
-    // setOpen,
-  } = s, m = S(
+    rightSider: a,
+    showMiniRightSider: m = !1
+  } = t, { siderMode: r } = p(), c = S(
     e.sider,
     r === "left" && e.leftOpen,
     l && e.miniLeftSider,
     r === "right" && e.rightOpen,
-    a && e.miniRightSider,
+    m && e.miniRightSider,
     d
   );
-  return /* @__PURE__ */ f("section", { className: m, ref: t, role: "sider", children: [
-    /* @__PURE__ */ i("div", { className: e.leftSiderContainer, children: o }),
-    /* @__PURE__ */ i("div", { className: e.rightSiderContainer, children: c }),
-    /* @__PURE__ */ i("div", { className: e.content, children: n })
+  return /* @__PURE__ */ f("section", { className: c, ref: s, role: "sider", children: [
+    /* @__PURE__ */ i("div", { className: e.leftSiderContainer, children: n }),
+    /* @__PURE__ */ i("div", { className: e.rightSiderContainer, children: a }),
+    /* @__PURE__ */ i("div", { className: e.content, children: o })
   ] });
 });
-p.displayName = "Sider";
+g.displayName = "Sider";
 export {
-  p as Sider
+  g as Sider
 };

package/dist/components/layout/Sider/types.d.ts

@@ -6,8 +6,6 @@ export type TSiderProps = {
     showMiniLeftSider?: boolean;
     rightSider?: ReactNode;
     showMiniRightSider?: boolean;
-    open?: TSiderModes;
-    setOpen?: (open: boolean) => void;
 };
 export type TSiderModes = keyof typeof EOpenModes;
 declare enum EOpenModes {

package/dist/components/layout/Sider/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Sider/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,WAAW,GAAG;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAClC,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,UAAU,CAAC;AAClD,aAAK,UAAU;IACd,IAAI,SAAS;IACb,KAAK,UAAU;IACf,MAAM,WAAW;CACjB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Sider/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,WAAW,GAAG;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,MAAM,OAAO,UAAU,CAAC;AAClD,aAAK,UAAU;IACd,IAAI,SAAS;IACb,KAAK,UAAU;IACf,MAAM,WAAW;CACjB"}

package/dist/index.d.ts

@@ -1,10 +1,14 @@
 export * from './utils/index';
+export { XProvider } from './components/context';
+export { useXData } from './components/context/useContext';
 export { Button } from './components/base/Button/Button';
 export { type TButtonProps, EButtonTypes } from './components/base/Button/types';
 export { Icon } from './components/base/Icon/Icon';
 export { type IIconProps, type EIconType, EIconSize } from './components/base/Icon/types';
 export { ProgressBar } from './components/base/ProgressBar/ProgressBar';
 export { type IProgressBarProps } from './components/base/ProgressBar/types';
+export { Spinner } from './components/base/Spinner/Spinner';
+export { type ISpinnerProps, ESpinnerSize } from './components/base/Spinner/types';
 export { Textfield } from './components/base/Textfield/Textfield';
 export { type TTextfieldProps } from './components/base/Textfield/types';
 export { Sider } from './components/layout/Sider/Sider';

package/dist/index.js

@@ -1,35 +1,43 @@
 "use client";
 import "./styles/index.scss.js";
-import { dom as t, elementObserver as s, getCssProperty as p, getCssPropertyPx as m, getCssPropertyVh as f, getCssPropertyVw as i, isClient as n, setCssProperty as x, waitForElement as g } from "./utils/helper/domHelper.js";
-import { mergeRefs as C } from "./utils/function/mergeRefs.js";
-import { safeStringFromCodePoint as a, unicodeToString as d } from "./utils/function/string.js";
-import { Button as c } from "./components/base/Button/Button.js";
-import { EButtonTypes as S } from "./components/base/Button/types.js";
-import { Icon as E } from "./components/base/Icon/Icon.js";
-import { EIconSize as v } from "./components/base/Icon/types.js";
-import { ProgressBar as F } from "./components/base/ProgressBar/ProgressBar.js";
-import { Textfield as V } from "./components/base/Textfield/Textfield.js";
-import { Sider as h } from "./components/layout/Sider/Sider.js";
-import { Navigation as N } from "./components/layout/Navigation/Navigation.js";
+import { dom as t, elementObserver as p, getCssProperty as m, getCssPropertyPx as s, getCssPropertyVh as f, getCssPropertyVw as i, isClient as n, setCssProperty as x, waitForElement as g } from "./utils/helper/domHelper.js";
+import { mergeRefs as a } from "./utils/function/mergeRefs.js";
+import { safeStringFromCodePoint as S, unicodeToString as d } from "./utils/function/string.js";
+import { XProvider as l } from "./components/context/index.js";
+import { useXData as c } from "./components/context/useContext.js";
+import { Button as v } from "./components/base/Button/Button.js";
+import { EButtonTypes as T } from "./components/base/Button/types.js";
+import { Icon as z } from "./components/base/Icon/Icon.js";
+import { EIconSize as I } from "./components/base/Icon/types.js";
+import { ProgressBar as X } from "./components/base/ProgressBar/ProgressBar.js";
+import { Spinner as h } from "./components/base/Spinner/Spinner.js";
+import { ESpinnerSize as N } from "./components/base/Spinner/types.js";
+import { Textfield as R } from "./components/base/Textfield/Textfield.js";
+import { Sider as k } from "./components/layout/Sider/Sider.js";
+import { Navigation as A } from "./components/layout/Navigation/Navigation.js";
 export {
-  c as Button,
-  S as EButtonTypes,
-  v as EIconSize,
-  E as Icon,
-  N as Navigation,
-  F as ProgressBar,
-  h as Sider,
-  V as Textfield,
+  v as Button,
+  T as EButtonTypes,
+  I as EIconSize,
+  N as ESpinnerSize,
+  z as Icon,
+  A as Navigation,
+  X as ProgressBar,
+  k as Sider,
+  h as Spinner,
+  R as Textfield,
+  l as XProvider,
   t as dom,
-  s as elementObserver,
-  p as getCssProperty,
-  m as getCssPropertyPx,
+  p as elementObserver,
+  m as getCssProperty,
+  s as getCssPropertyPx,
   f as getCssPropertyVh,
   i as getCssPropertyVw,
   n as isClient,
-  C as mergeRefs,
-  a as safeStringFromCodePoint,
+  a as mergeRefs,
+  S as safeStringFromCodePoint,
   x as setCssProperty,
   d as unicodeToString,
+  c as useXData,
   g as waitForElement
 };

package/dist/style.css

@@ -1 +1 @@
-@import"https://fonts.googleapis.com/css2?family=Montserrat&display=swap";@font-face{font-family:FontAwesome;font-style:normal;font-weight:100;font-display:block;src:url(https://cdn.jsdelivr.net/gh/itzzjarvis/Assets/fonts/fontAwesome/fa-thin-100.woff2) format("woff2")}@font-face{font-family:FontAwesome;font-style:normal;font-weight:300;font-display:block;src:url(https://cdn.jsdelivr.net/gh/itzzjarvis/Assets/fonts/fontAwesome/fa-light-300.woff2) format("woff2")}@font-face{font-family:FontAwesome;font-style:normal;font-weight:400;font-display:block;src:url(https://cdn.jsdelivr.net/gh/itzzjarvis/Assets/fonts/fontAwesome/fa-regular-400.woff2) format("woff2")}@font-face{font-family:FontAwesome;font-style:normal;font-weight:900;font-display:block;src:url(https://cdn.jsdelivr.net/gh/itzzjarvis/Assets/fonts/fontAwesome/fa-solid-900.woff2) format("woff2")}@font-face{font-family:FontAwesomeDuotone;font-style:normal;font-weight:900;font-display:block;src:url(https://cdn.jsdelivr.net/gh/itzzjarvis/Assets/fonts/fontAwesome/fa-duotone-900.woff2) format("woff2")}@font-face{font-family:FontAwesomeSharp;font-style:normal;font-weight:300;font-display:block;src:url(https://cdn.jsdelivr.net/gh/itzzjarvis/Assets/fonts/fontAwesome/fa-sharp-light-300.woff2) format("woff2")}@font-face{font-family:FontAwesomeSharp;font-style:normal;font-weight:400;font-display:block;src:url(https://cdn.jsdelivr.net/gh/itzzjarvis/Assets/fonts/fontAwesome/fa-sharp-regular-400.woff2) format("woff2")}@font-face{font-family:FontAwesomeSharp;font-style:normal;font-weight:900;font-display:block;src:url(https://cdn.jsdelivr.net/gh/itzzjarvis/Assets/fonts/fontAwesome/fa-sharp-solid-900.woff2) format("woff2")}@font-face{font-family:FontAwesomeBrand;font-style:normal;font-weight:400;font-display:block;src:url(https://cdn.jsdelivr.net/gh/itzzjarvis/Assets/fonts/fontAwesome/fa-brands-400.woff2) format("woff2")}body{--colorAlertErrorRGB: 255 65 54;--colorAlertWarningRGB: 255 220 0;--colorAlertSuccessRGB: 46 204 64;--colorBorderPrimary: #ABB0BB;--colorContentPrimary: #383838;--colorContentSecondary: #666;--colorContentTertiary: #E6E6E6;--colorBackgroundPrimary: #FFF;--colorBackgroundSecondary: #F6F6F6;--colorBackgroundTertiary: #EEE;--colorShadow: rgb(100 100 100 / 40%);--gradientBrand: linear-gradient(320deg, rgb(var(--colorBrandPrimaryRgb)), rgb(var(--colorBrandSecondaryRgb)));--cubicBezierPrimary: cubic-bezier(.23, 1, .32, 1);--siderWidth: 300px;--siderWidthMini: 60px;scroll-behavior:smooth}body.red{--colorBrandPrimaryRgb: 249 34 75;--colorBrandSecondaryRgb: 255 68 68;--colorBrandAccentRgb: 255 56 83}body.pink{--colorBrandPrimaryRgb: 252 33 105;--colorBrandSecondaryRgb: 226 33 255;--colorBrandAccentRgb: 255 85 136}body.orange{--colorBrandPrimaryRgb: 255 127 34;--colorBrandSecondaryRgb: 255 65 65;--colorBrandAccentRgb: 255 108 103}body.blue{--colorBrandPrimaryRgb: 34 252 176;--colorBrandSecondaryRgb: 33 129 250;--colorBrandAccentRgb: 33 149 243}body.violet{--colorBrandPrimaryRgb: 63 0 230;--colorBrandSecondaryRgb: 150 44 255;--colorBrandAccentRgb: 127 81 255}body.black{--colorBrandPrimaryRgb: 22 20 28;--colorBrandSecondaryRgb: 9 8 11;--colorBrandAccentRgb: 40 39 44}body.dark{--colorContentPrimary: #A1A1A1;--colorContentSecondary: #636363;--colorContentTertiary: #383838;--colorBackgroundPrimary: #111;--colorBackgroundSecondary: #222;--colorBackgroundTertiary: #333}body ::selection{color:#fff;background:rgb(var(--colorBrandAccentRgb))}*{font-family:Montserrat,sans-serif;font-weight:500;box-sizing:border-box}._button_6uqr8_1{--duration: .6s;--themeColor: var(--colorBrandAccentRgb);--maxRippleSize: 100px 40px;position:relative;display:flex;justify-content:center;align-items:center;border:none;box-shadow:0 0 0 0 rgb(var(--themeColor)/0%);border-radius:9999px;cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden;transition:all var(--duration) var(--cubicBezierPrimary)}._button_6uqr8_1 ._label_6uqr8_17{margin:0;text-transform:uppercase;z-index:1;transition:all var(--duration) var(--cubicBezierPrimary)}._button_6uqr8_1 ._icon_6uqr8_23{transition:all var(--duration) var(--cubicBezierPrimary)}._button_6uqr8_1 ._underline_6uqr8_26{position:absolute;width:100%;left:0;bottom:0}._button_6uqr8_1 ._underline_6uqr8_26>span{width:20%!important}._button_6uqr8_1:before{content:"";position:absolute;display:block;width:100%;height:100%;background:rgb(var(--themeColor));filter:contrast(1.2) brightness(.8);clip-path:circle(0% at 50% 50%);border-radius:9999px;z-index:0;opacity:0;transition:all var(--duration) var(--cubicBezierPrimary)}._button_6uqr8_1._primaryType_6uqr8_49,._button_6uqr8_1._primaryDangerType_6uqr8_49{background:rgb(var(--themeColor));box-shadow:0 0 0 2px rgb(var(--themeColor)/40%);color:#fff}._button_6uqr8_1._secondaryType_6uqr8_54,._button_6uqr8_1._secondaryDangerType_6uqr8_54{background:var(--colorBackgroundTertiary);box-shadow:0 0 0 2px rgb(var(--colorBackgroundTertiary)/40%);color:rgb(var(--themeColor))}._button_6uqr8_1._linkType_6uqr8_59,._button_6uqr8_1._linkDangerType_6uqr8_59{background:none;box-shadow:none!important;border-radius:unset;color:var(--colorContentPrimary);overflow:unset}._button_6uqr8_1._linkType_6uqr8_59 ._label_6uqr8_17,._button_6uqr8_1._linkDangerType_6uqr8_59 ._label_6uqr8_17{letter-spacing:unset;text-transform:unset}._button_6uqr8_1._linkType_6uqr8_59:before,._button_6uqr8_1._linkDangerType_6uqr8_59:before{display:none}._button_6uqr8_1._linkType_6uqr8_59:hover,._button_6uqr8_1._linkDangerType_6uqr8_59:hover{color:rgb(var(--themeColor))}._button_6uqr8_1._linkType_6uqr8_59:hover ._label_6uqr8_17,._button_6uqr8_1._linkDangerType_6uqr8_59:hover ._label_6uqr8_17{filter:contrast(.8) brightness(1.2)}._button_6uqr8_1._linkType_6uqr8_59:active ._label_6uqr8_17,._button_6uqr8_1._linkDangerType_6uqr8_59:active ._label_6uqr8_17{filter:contrast(1.2) brightness(.8)}._button_6uqr8_1._primaryDangerType_6uqr8_49,._button_6uqr8_1._secondaryDangerType_6uqr8_54,._button_6uqr8_1._linkDangerType_6uqr8_59{--themeColor: var(--colorAlertErrorRGB)}._button_6uqr8_1._primaryDangerType_6uqr8_49 ._underline_6uqr8_26 span,._button_6uqr8_1._secondaryDangerType_6uqr8_54 ._underline_6uqr8_26 span,._button_6uqr8_1._linkDangerType_6uqr8_59 ._underline_6uqr8_26 span{background:rgb(var(--themeColor))}._button_6uqr8_1._miniSize_6uqr8_88{--maxRippleSize: 80px 40px;line-height:16px;padding:8px 16px;gap:8px}._button_6uqr8_1._miniSize_6uqr8_88 ._label_6uqr8_17{font-size:12px;font-variation-settings:"wdth" 75,"wght" 400;letter-spacing:2px}._button_6uqr8_1._miniSize_6uqr8_88._iconOnly_6uqr8_99{padding:0}._button_6uqr8_1._miniSize_6uqr8_88._iconOnly_6uqr8_99 ._icon_6uqr8_23{width:32px;height:32px}._button_6uqr8_1._defaultSize_6uqr8_106{--maxRippleSize: 100px 50px;line-height:20px;padding:12px 24px;gap:10px}._button_6uqr8_1._defaultSize_6uqr8_106 ._label_6uqr8_17{font-size:16px;font-variation-settings:"wdth" 75,"wght" 500;letter-spacing:2px}._button_6uqr8_1._defaultSize_6uqr8_106._iconOnly_6uqr8_99{padding:0}._button_6uqr8_1._defaultSize_6uqr8_106._iconOnly_6uqr8_99 ._icon_6uqr8_23{width:44px;height:44px}._button_6uqr8_1._largeSize_6uqr8_124{--maxRippleSize: 150px 75px;line-height:28px;padding:16px 32px;gap:14px}._button_6uqr8_1._largeSize_6uqr8_124 ._label_6uqr8_17{font-size:22px;font-variation-settings:"wdth" 75,"wght" 600;letter-spacing:4px}._button_6uqr8_1._largeSize_6uqr8_124._iconOnly_6uqr8_99{padding:0}._button_6uqr8_1._largeSize_6uqr8_124._iconOnly_6uqr8_99 ._icon_6uqr8_23{width:60px;height:60px}._button_6uqr8_1:hover{box-shadow:0 0 0 5px rgb(var(--themeColor)/50%);transition:all var(--duration) var(--cubicBezierPrimary);color:#fff}._button_6uqr8_1:hover ._underline_6uqr8_26 span{width:100%!important}._button_6uqr8_1:hover:before{clip-path:circle(100% at 50% 50%);opacity:1}._button_6uqr8_1:active{box-shadow:0 0 0 7px rgb(var(--themeColor)/50%)}._button_6uqr8_1._clicked_6uqr8_157{box-shadow:0 0 0 0 rgb(var(--themeColor)/0%);animation:_ripple_6uqr8_1 var(--duration) linear;color:#fff}._button_6uqr8_1._clicked_6uqr8_157:before{clip-path:circle(100% at 50% 50%);opacity:1}._button_6uqr8_1._loading_6uqr8_166{--loaderColor: rgb(var(--themeColor));pointer-events:none;background:rgb(var(--themeColor)/80%)}._button_6uqr8_1._loading_6uqr8_166._secondaryType_6uqr8_54,._button_6uqr8_1._loading_6uqr8_166._secondaryDangerType_6uqr8_54{--loaderColor: var(--colorBackgroundPrimary);background:var(--colorBackgroundTertiary)}._button_6uqr8_1._loading_6uqr8_166._linkType_6uqr8_59,._button_6uqr8_1._loading_6uqr8_166._linkDangerType_6uqr8_59{background:none}._button_6uqr8_1._loading_6uqr8_166._linkType_6uqr8_59 ._underline_6uqr8_26>span,._button_6uqr8_1._loading_6uqr8_166._linkDangerType_6uqr8_59 ._underline_6uqr8_26>span{width:150%!important}._button_6uqr8_1._loading_6uqr8_166._linkType_6uqr8_59:after,._button_6uqr8_1._loading_6uqr8_166._linkDangerType_6uqr8_59:after{display:none}._button_6uqr8_1._loading_6uqr8_166:after{content:"";position:absolute;display:block;width:150%;height:100%;z-index:0;border-radius:9999px;background-image:repeating-linear-gradient(60deg,transparent,transparent .75rem,var(--loaderColor) .75rem,var(--loaderColor) 1.5rem);animation:_barberPole_6uqr8_1 .25s infinite linear}._button_6uqr8_1._loading_6uqr8_166._iconOnly_6uqr8_99{background:transparent;box-shadow:0 0 0 0 rgb(var(--themeColor)/0%);overflow:unset}._button_6uqr8_1._loading_6uqr8_166._iconOnly_6uqr8_99._secondaryType_6uqr8_54,._button_6uqr8_1._loading_6uqr8_166._iconOnly_6uqr8_99._secondaryDangerType_6uqr8_54{color:#fff}._button_6uqr8_1._loading_6uqr8_166._iconOnly_6uqr8_99:before{clip-path:circle(45% at 50% 50%);opacity:1}._button_6uqr8_1._loading_6uqr8_166._iconOnly_6uqr8_99:after{width:100%;background:none;border:2px solid rgb(var(--themeColor));border-top-color:transparent;border-bottom-color:transparent;animation:_spin_6uqr8_1 .25s infinite linear}._button_6uqr8_1:disabled{background:rgb(var(--themeColor)/20%);color:rgb(var(--themeColor)/75%);pointer-events:none;filter:grayscale(1)}._button_6uqr8_1:disabled._secondaryType_6uqr8_54,._button_6uqr8_1:disabled._secondaryDangerType_6uqr8_54{background:rgb(var(--themeColor)/5%)}._button_6uqr8_1:disabled._linkType_6uqr8_59{background:none}._button_6uqr8_1:disabled._linkType_6uqr8_59 ._underline_6uqr8_26:before{width:0%}._button_6uqr8_1:disabled._linkType_6uqr8_59 ._underline_6uqr8_26 span{width:0%}@keyframes _ripple_6uqr8_1{0%{box-shadow:0 0 0 7px rgb(var(--themeColor)/50%)}to{box-shadow:0 0 var(--maxRippleSize) rgb(var(--themeColor)/0%)}}@keyframes _barberPole_6uqr8_1{0%{transform:translate(-1.75rem)}to{transform:translate(0)}}@keyframes _spin_6uqr8_1{0%{transform:rotate(0)}to{transform:rotate(180deg)}}._icon_awnbf_2{position:relative;width:var(--iconSize);height:var(--iconSize);font-size:var(--iconSize);display:flex;justify-content:center;align-items:center;font-variant:normal;line-height:1;text-rendering:auto;-webkit-user-select:none;user-select:none;z-index:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;transition:all .4s var(--cubicBezierPrimary)}._icon_awnbf_2:before{position:absolute;display:block;color:inherit;content:attr(data-content)}._icon_awnbf_2._thin_awnbf_25{font-family:FontAwesome;font-weight:100}._icon_awnbf_2._light_awnbf_29{font-family:FontAwesome;font-weight:300}._icon_awnbf_2._regular_awnbf_33{font-family:FontAwesome;font-weight:400}._icon_awnbf_2._solid_awnbf_37{font-family:FontAwesome;font-weight:900}._icon_awnbf_2._duotone_awnbf_41{font-family:FontAwesomeDuotone;font-weight:900}._icon_awnbf_2._duotone_awnbf_41:after{position:absolute;display:block;color:inherit;content:attr(data-content) attr(data-content);opacity:.3}._icon_awnbf_2._sharpSolid_awnbf_52{font-family:FontAwesomeSharp;font-weight:900}._icon_awnbf_2._sharpRegular_awnbf_56{font-family:FontAwesomeSharp;font-weight:400}._icon_awnbf_2._sharpLight_awnbf_60{font-family:FontAwesomeSharp;font-weight:300}._icon_awnbf_2._brand_awnbf_64{font-family:FontAwesomeBrand;font-weight:400}._progressBar_luf46_1{position:relative;width:100%;height:3px;display:flex;justify-content:flex-start;align-items:center;border-radius:9999px;overflow:hidden}._progressBar_luf46_1:before{content:"";position:absolute;left:0;width:100%;height:1px;border-radius:9999px;opacity:.3;background:var(--colorBorderPrimary);transition:all .5s var(--cubicBezierPrimary)}._progressBar_luf46_1>._progress_luf46_1{position:absolute;width:100%;height:3px;display:block;background:var(--gradientBrand);border-radius:9999px;transition:all .5s var(--cubicBezierPrimary)}._progressBar_luf46_1._intermediate_luf46_31{border-radius:9999px}._progressBar_luf46_1._intermediate_luf46_31:before{height:100%;background:rgb(var(--colorBrandAccentRgb))}._progressBar_luf46_1._intermediate_luf46_31>._progress_luf46_1{width:150%;background-image:repeating-linear-gradient(60deg,transparent,transparent .5rem,rgb(var(--colorBrandAccentRgb)) .5rem,rgb(var(--colorBrandAccentRgb)) 1.5rem);animation:_barberPole_luf46_1 .2s infinite linear}@keyframes _barberPole_luf46_1{0%{transform:translate(-1.75rem)}to{transform:translate(0)}}._textfield_7y99a_1{--duration: .6s;position:relative;width:400px;display:flex;justify-content:center;align-items:center;border-radius:20px;box-shadow:0 0 0 1px rgb(var(--colorBrandAccentRgb)/50%);background:var(--colorBackgroundSecondary);color:rgb(var(--colorContentPrimary));transition:all var(--duration) var(--cubicBezierPrimary)}._textfield_7y99a_1:before{content:"";position:absolute;display:block;width:100%;height:100%;background:rgb(var(--colorBrandAccentRgb));clip-path:circle(0% at 20px 50%);border-radius:9999px;z-index:0;opacity:0;transition:all var(--duration) var(--cubicBezierPrimary)}._textfield_7y99a_1 ._icon_7y99a_27{position:absolute;left:0;width:40px;height:40px;color:rgb(var(--colorBrandAccentRgb)/100%);pointer-events:none;transition:all 0s}._textfield_7y99a_1 ._input_7y99a_36{width:100%;height:40px;outline:none;border:none;background:transparent;padding:10px 20px;font-size:16px;z-index:1;color:rgb(var(--colorContentPrimary));font-variation-settings:"wdth" 75,"wght" 400;transition:all var(--duration) var(--cubicBezierPrimary)}._textfield_7y99a_1 ._placeholder_7y99a_49{position:absolute;left:0;display:flex;align-items:center;color:var(--colorContentSecondary);transform:translate(14px);transform-origin:0 50%;line-height:20px;padding:0 8px;transition:all var(--duration) var(--cubicBezierPrimary)}._textfield_7y99a_1 ._placeholder_7y99a_49:before{content:"";position:absolute;left:0;display:block;width:100%;height:50%;background:var(--colorBackgroundPrimary);scale:0;z-index:-1;transition:all var(--duration) var(--cubicBezierPrimary)}._textfield_7y99a_1._withIcon_7y99a_73:before{clip-path:circle(15px at 20px 50%);opacity:.4}._textfield_7y99a_1._withIcon_7y99a_73 ._input_7y99a_36{padding:10px 20px 10px 44px}._textfield_7y99a_1._withIcon_7y99a_73 ._placeholder_7y99a_49{transform:translate(36px)}._textfield_7y99a_1._textarea_7y99a_83 ._input_7y99a_36{height:200px;padding:16px 20px;resize:none}._textfield_7y99a_1._textarea_7y99a_83 ._placeholder_7y99a_49{top:0;transform:translate(20px,16px)}._textfield_7y99a_1._hasValue_7y99a_92 ._placeholder_7y99a_49{transform:translate(24px,-28px);scale:.75;font-weight:900;color:rgb(var(--colorBrandAccentRgb)/100%)}._textfield_7y99a_1._hasValue_7y99a_92 ._placeholder_7y99a_49:before{scale:1}._textfield_7y99a_1._hasValue_7y99a_92._withIcon_7y99a_73 ._placeholder_7y99a_49{transform:translate(52px,-28px)}._textfield_7y99a_1._hasValue_7y99a_92._textarea_7y99a_83 ._placeholder_7y99a_49{transform:translate(24px,-14px)}._textfield_7y99a_1:focus-within{box-shadow:0 0 0 2px rgb(var(--colorBrandAccentRgb)/50%);background:var(--colorBackgroundPrimary)}._textfield_7y99a_1:focus-within ._placeholder_7y99a_49{transform:translate(24px,-28px);scale:.75;font-weight:900;color:rgb(var(--colorBrandAccentRgb)/100%)}._textfield_7y99a_1:focus-within ._placeholder_7y99a_49:before{scale:1}._textfield_7y99a_1:focus-within._withIcon_7y99a_73 ._placeholder_7y99a_49{transform:translate(52px,-28px)}._textfield_7y99a_1:focus-within._textarea_7y99a_83 ._placeholder_7y99a_49{transform:translate(24px,-14px)}._textfield_7y99a_1:focus-within._withIcon_7y99a_73:before{clip-path:circle(17px at 20px 50%);opacity:.8}._textfield_7y99a_1:focus-within._withIcon_7y99a_73 ._icon_7y99a_27{color:#fff;font-weight:900}._sider_9guyz_1{--duration: .6s;--paddingLeft: 0px;--paddingRight: 0px;--borderRadius: 36px;width:100%;height:100%;background:rgb(var(--colorBrandAccentRgb)/90%);padding:0 var(--paddingRight) 0 var(--paddingLeft);overflow:hidden;transition:padding var(--duration) ease}._sider_9guyz_1 ._leftSiderContainer_9guyz_13{position:fixed;left:0;width:var(--siderWidth);height:100%;z-index:0}._sider_9guyz_1 ._rightSiderContainer_9guyz_20{position:fixed;right:0;width:var(--siderWidth);height:100%;z-index:1}._sider_9guyz_1 ._content_9guyz_27{position:relative;width:100%;height:100%;background:var(--colorBackgroundPrimary);box-shadow:0 0 50px 2px #0000003d;border-radius:0;z-index:2;transition:all var(--duration) var(--cubicBezierPrimary)}._sider_9guyz_1._miniLeftSider_9guyz_37{--paddingLeft: var(--siderWidthMini)}._sider_9guyz_1._miniLeftSider_9guyz_37 ._content_9guyz_27{border-top-left-radius:var(--borderRadius);border-bottom-left-radius:var(--borderRadius)}._sider_9guyz_1._miniRightSider_9guyz_44{--paddingRight: var(--siderWidthMini)}._sider_9guyz_1._miniRightSider_9guyz_44 ._content_9guyz_27{border-top-right-radius:var(--borderRadius);border-bottom-right-radius:var(--borderRadius)}._sider_9guyz_1._leftOpen_9guyz_51 ._content_9guyz_27{border-radius:36px;transform:translate(calc(var(--siderWidth) - var(--paddingLeft)));transform-origin:left center;scale:.95}._sider_9guyz_1._rightOpen_9guyz_57 ._content_9guyz_27{border-radius:36px;transform:translate(calc((var(--siderWidth) - var(--paddingRight)) * -1));transform-origin:right center;scale:.95}._navigation_zrgjp_1{--duration: .4s;width:calc(var(--siderWidth) + 16px);height:100%;display:flex;flex-direction:column;padding:16px 0 28px}._navigation_zrgjp_1 ._brand_zrgjp_9{font-size:32px;color:#fff;padding:24px 8px;font-variation-settings:"wdth" 75,"wght" 400;text-transform:capitalize;-webkit-user-select:none;user-select:none;cursor:pointer}._navigation_zrgjp_1 ._routeList_zrgjp_18{width:100%;display:flex;flex-direction:column;flex:1;-webkit-user-select:none;user-select:none;cursor:pointer}._navigation_zrgjp_1 ._routeList_zrgjp_18 ._route_zrgjp_18{position:relative;display:flex;align-items:center;gap:2px;text-decoration:none;color:#fff;transition:all var(--duration) var(--cubicBezierPrimary)}._navigation_zrgjp_1 ._routeList_zrgjp_18 ._route_zrgjp_18:before{content:"";position:absolute;display:block;width:100%;height:100%;background:rgb(var(--colorBrandAccentRgb)/0%);filter:contrast(2) brightness(.75);z-index:0;transition:all var(--duration) var(--cubicBezierPrimary)}._navigation_zrgjp_1 ._routeList_zrgjp_18 ._route_zrgjp_18:after{content:"";position:absolute;display:block;width:100%;height:100%;background:rgb(var(--colorBrandAccentRgb));clip-path:circle(0% at calc(var(--siderWidthMini) / 2) 50%);filter:contrast(2) brightness(.75);z-index:0;opacity:.4;transition:all var(--duration) var(--cubicBezierPrimary)}._navigation_zrgjp_1 ._routeList_zrgjp_18 ._route_zrgjp_18 ._icon_zrgjp_59{width:var(--siderWidthMini);height:var(--siderWidthMini);font-size:calc(var(--siderWidthMini) - 40px);color:#fff}._navigation_zrgjp_1 ._routeList_zrgjp_18 ._route_zrgjp_18 ._label_zrgjp_65{font-size:16px;font-variation-settings:"wdth" 75,"wght" 400;text-transform:capitalize;z-index:1}._navigation_zrgjp_1 ._routeList_zrgjp_18 ._route_zrgjp_18:last-of-type{margin-top:auto}._navigation_zrgjp_1 ._routeList_zrgjp_18 ._route_zrgjp_18:hover:before{background:rgb(var(--colorBrandAccentRgb)/30%)}._navigation_zrgjp_1 ._routeList_zrgjp_18 ._route_zrgjp_18._active_zrgjp_77:after{clip-path:circle(var(--siderWidth) at calc(var(--siderWidthMini) / 2) 50%);opacity:1;transition:all var(--duration) ease-in-out}
+@import"https://fonts.googleapis.com/css2?family=Montserrat&display=swap";@font-face{font-family:FontAwesome;font-style:normal;font-weight:100;font-display:block;src:url(https://cdn.jsdelivr.net/gh/itzzjarvis/Assets/fonts/fontAwesome/fa-thin-100.woff2) format("woff2")}@font-face{font-family:FontAwesome;font-style:normal;font-weight:300;font-display:block;src:url(https://cdn.jsdelivr.net/gh/itzzjarvis/Assets/fonts/fontAwesome/fa-light-300.woff2) format("woff2")}@font-face{font-family:FontAwesome;font-style:normal;font-weight:400;font-display:block;src:url(https://cdn.jsdelivr.net/gh/itzzjarvis/Assets/fonts/fontAwesome/fa-regular-400.woff2) format("woff2")}@font-face{font-family:FontAwesome;font-style:normal;font-weight:900;font-display:block;src:url(https://cdn.jsdelivr.net/gh/itzzjarvis/Assets/fonts/fontAwesome/fa-solid-900.woff2) format("woff2")}@font-face{font-family:FontAwesomeDuotone;font-style:normal;font-weight:900;font-display:block;src:url(https://cdn.jsdelivr.net/gh/itzzjarvis/Assets/fonts/fontAwesome/fa-duotone-900.woff2) format("woff2")}@font-face{font-family:FontAwesomeSharp;font-style:normal;font-weight:300;font-display:block;src:url(https://cdn.jsdelivr.net/gh/itzzjarvis/Assets/fonts/fontAwesome/fa-sharp-light-300.woff2) format("woff2")}@font-face{font-family:FontAwesomeSharp;font-style:normal;font-weight:400;font-display:block;src:url(https://cdn.jsdelivr.net/gh/itzzjarvis/Assets/fonts/fontAwesome/fa-sharp-regular-400.woff2) format("woff2")}@font-face{font-family:FontAwesomeSharp;font-style:normal;font-weight:900;font-display:block;src:url(https://cdn.jsdelivr.net/gh/itzzjarvis/Assets/fonts/fontAwesome/fa-sharp-solid-900.woff2) format("woff2")}@font-face{font-family:FontAwesomeBrand;font-style:normal;font-weight:400;font-display:block;src:url(https://cdn.jsdelivr.net/gh/itzzjarvis/Assets/fonts/fontAwesome/fa-brands-400.woff2) format("woff2")}body{--colorAlertErrorRGB: 255 65 54;--colorAlertWarningRGB: 255 220 0;--colorAlertSuccessRGB: 46 204 64;--colorBorderPrimary: #ABB0BB;--colorContentPrimary: #383838;--colorContentSecondary: #666;--colorContentTertiary: #E6E6E6;--colorBackgroundPrimary: #FFF;--colorBackgroundSecondary: #F6F6F6;--colorBackgroundTertiary: #EEE;--colorShadow: rgb(100 100 100 / 40%);--gradientBrand: linear-gradient(320deg, rgb(var(--colorBrandPrimaryRgb)), rgb(var(--colorBrandSecondaryRgb)));--cubicBezierPrimary: cubic-bezier(.23, 1, .32, 1);--siderWidth: 300px;--siderWidthMini: 60px;scroll-behavior:smooth}body.red{--colorBrandPrimaryRgb: 249 34 75;--colorBrandSecondaryRgb: 255 68 68;--colorBrandAccentRgb: 255 56 83}body.pink{--colorBrandPrimaryRgb: 252 33 105;--colorBrandSecondaryRgb: 226 33 255;--colorBrandAccentRgb: 255 85 136}body.orange{--colorBrandPrimaryRgb: 255 127 34;--colorBrandSecondaryRgb: 255 65 65;--colorBrandAccentRgb: 255 108 103}body.blue{--colorBrandPrimaryRgb: 34 252 176;--colorBrandSecondaryRgb: 33 129 250;--colorBrandAccentRgb: 33 149 243}body.violet{--colorBrandPrimaryRgb: 63 0 230;--colorBrandSecondaryRgb: 150 44 255;--colorBrandAccentRgb: 127 81 255}body.black{--colorBrandPrimaryRgb: 22 20 28;--colorBrandSecondaryRgb: 9 8 11;--colorBrandAccentRgb: 40 39 44}body.dark{--colorContentPrimary: #A1A1A1;--colorContentSecondary: #636363;--colorContentTertiary: #383838;--colorBackgroundPrimary: #111;--colorBackgroundSecondary: #222;--colorBackgroundTertiary: #333}body ::selection{color:#fff;background:rgb(var(--colorBrandAccentRgb))}*{font-family:Montserrat,sans-serif;font-weight:500;box-sizing:border-box}._button_6uqr8_1{--duration: .6s;--themeColor: var(--colorBrandAccentRgb);--maxRippleSize: 100px 40px;position:relative;display:flex;justify-content:center;align-items:center;border:none;box-shadow:0 0 0 0 rgb(var(--themeColor)/0%);border-radius:9999px;cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden;transition:all var(--duration) var(--cubicBezierPrimary)}._button_6uqr8_1 ._label_6uqr8_17{margin:0;text-transform:uppercase;z-index:1;transition:all var(--duration) var(--cubicBezierPrimary)}._button_6uqr8_1 ._icon_6uqr8_23{transition:all var(--duration) var(--cubicBezierPrimary)}._button_6uqr8_1 ._underline_6uqr8_26{position:absolute;width:100%;left:0;bottom:0}._button_6uqr8_1 ._underline_6uqr8_26>span{width:20%!important}._button_6uqr8_1:before{content:"";position:absolute;display:block;width:100%;height:100%;background:rgb(var(--themeColor));filter:contrast(1.2) brightness(.8);clip-path:circle(0% at 50% 50%);border-radius:9999px;z-index:0;opacity:0;transition:all var(--duration) var(--cubicBezierPrimary)}._button_6uqr8_1._primaryType_6uqr8_49,._button_6uqr8_1._primaryDangerType_6uqr8_49{background:rgb(var(--themeColor));box-shadow:0 0 0 2px rgb(var(--themeColor)/40%);color:#fff}._button_6uqr8_1._secondaryType_6uqr8_54,._button_6uqr8_1._secondaryDangerType_6uqr8_54{background:var(--colorBackgroundTertiary);box-shadow:0 0 0 2px rgb(var(--colorBackgroundTertiary)/40%);color:rgb(var(--themeColor))}._button_6uqr8_1._linkType_6uqr8_59,._button_6uqr8_1._linkDangerType_6uqr8_59{background:none;box-shadow:none!important;border-radius:unset;color:var(--colorContentPrimary);overflow:unset}._button_6uqr8_1._linkType_6uqr8_59 ._label_6uqr8_17,._button_6uqr8_1._linkDangerType_6uqr8_59 ._label_6uqr8_17{letter-spacing:unset;text-transform:unset}._button_6uqr8_1._linkType_6uqr8_59:before,._button_6uqr8_1._linkDangerType_6uqr8_59:before{display:none}._button_6uqr8_1._linkType_6uqr8_59:hover,._button_6uqr8_1._linkDangerType_6uqr8_59:hover{color:rgb(var(--themeColor))}._button_6uqr8_1._linkType_6uqr8_59:hover ._label_6uqr8_17,._button_6uqr8_1._linkDangerType_6uqr8_59:hover ._label_6uqr8_17{filter:contrast(.8) brightness(1.2)}._button_6uqr8_1._linkType_6uqr8_59:active ._label_6uqr8_17,._button_6uqr8_1._linkDangerType_6uqr8_59:active ._label_6uqr8_17{filter:contrast(1.2) brightness(.8)}._button_6uqr8_1._primaryDangerType_6uqr8_49,._button_6uqr8_1._secondaryDangerType_6uqr8_54,._button_6uqr8_1._linkDangerType_6uqr8_59{--themeColor: var(--colorAlertErrorRGB)}._button_6uqr8_1._primaryDangerType_6uqr8_49 ._underline_6uqr8_26 span,._button_6uqr8_1._secondaryDangerType_6uqr8_54 ._underline_6uqr8_26 span,._button_6uqr8_1._linkDangerType_6uqr8_59 ._underline_6uqr8_26 span{background:rgb(var(--themeColor))}._button_6uqr8_1._miniSize_6uqr8_88{--maxRippleSize: 80px 40px;line-height:16px;padding:8px 16px;gap:8px}._button_6uqr8_1._miniSize_6uqr8_88 ._label_6uqr8_17{font-size:12px;font-variation-settings:"wdth" 75,"wght" 400;letter-spacing:2px}._button_6uqr8_1._miniSize_6uqr8_88._iconOnly_6uqr8_99{padding:0}._button_6uqr8_1._miniSize_6uqr8_88._iconOnly_6uqr8_99 ._icon_6uqr8_23{width:32px;height:32px}._button_6uqr8_1._defaultSize_6uqr8_106{--maxRippleSize: 100px 50px;line-height:20px;padding:12px 24px;gap:10px}._button_6uqr8_1._defaultSize_6uqr8_106 ._label_6uqr8_17{font-size:16px;font-variation-settings:"wdth" 75,"wght" 500;letter-spacing:2px}._button_6uqr8_1._defaultSize_6uqr8_106._iconOnly_6uqr8_99{padding:0}._button_6uqr8_1._defaultSize_6uqr8_106._iconOnly_6uqr8_99 ._icon_6uqr8_23{width:44px;height:44px}._button_6uqr8_1._largeSize_6uqr8_124{--maxRippleSize: 150px 75px;line-height:28px;padding:16px 32px;gap:14px}._button_6uqr8_1._largeSize_6uqr8_124 ._label_6uqr8_17{font-size:22px;font-variation-settings:"wdth" 75,"wght" 600;letter-spacing:4px}._button_6uqr8_1._largeSize_6uqr8_124._iconOnly_6uqr8_99{padding:0}._button_6uqr8_1._largeSize_6uqr8_124._iconOnly_6uqr8_99 ._icon_6uqr8_23{width:60px;height:60px}._button_6uqr8_1:hover{box-shadow:0 0 0 5px rgb(var(--themeColor)/50%);transition:all var(--duration) var(--cubicBezierPrimary);color:#fff}._button_6uqr8_1:hover ._underline_6uqr8_26 span{width:100%!important}._button_6uqr8_1:hover:before{clip-path:circle(100% at 50% 50%);opacity:1}._button_6uqr8_1:active{box-shadow:0 0 0 7px rgb(var(--themeColor)/50%)}._button_6uqr8_1._clicked_6uqr8_157{box-shadow:0 0 0 0 rgb(var(--themeColor)/0%);animation:_ripple_6uqr8_1 var(--duration) linear;color:#fff}._button_6uqr8_1._clicked_6uqr8_157:before{clip-path:circle(100% at 50% 50%);opacity:1}._button_6uqr8_1._loading_6uqr8_166{--loaderColor: rgb(var(--themeColor));pointer-events:none;background:rgb(var(--themeColor)/80%)}._button_6uqr8_1._loading_6uqr8_166._secondaryType_6uqr8_54,._button_6uqr8_1._loading_6uqr8_166._secondaryDangerType_6uqr8_54{--loaderColor: var(--colorBackgroundPrimary);background:var(--colorBackgroundTertiary)}._button_6uqr8_1._loading_6uqr8_166._linkType_6uqr8_59,._button_6uqr8_1._loading_6uqr8_166._linkDangerType_6uqr8_59{background:none}._button_6uqr8_1._loading_6uqr8_166._linkType_6uqr8_59 ._underline_6uqr8_26>span,._button_6uqr8_1._loading_6uqr8_166._linkDangerType_6uqr8_59 ._underline_6uqr8_26>span{width:150%!important}._button_6uqr8_1._loading_6uqr8_166._linkType_6uqr8_59:after,._button_6uqr8_1._loading_6uqr8_166._linkDangerType_6uqr8_59:after{display:none}._button_6uqr8_1._loading_6uqr8_166:after{content:"";position:absolute;display:block;width:150%;height:100%;z-index:0;border-radius:9999px;background-image:repeating-linear-gradient(60deg,transparent,transparent .75rem,var(--loaderColor) .75rem,var(--loaderColor) 1.5rem);animation:_barberPole_6uqr8_1 .25s infinite linear}._button_6uqr8_1._loading_6uqr8_166._iconOnly_6uqr8_99{background:transparent;box-shadow:0 0 0 0 rgb(var(--themeColor)/0%);overflow:unset}._button_6uqr8_1._loading_6uqr8_166._iconOnly_6uqr8_99._secondaryType_6uqr8_54,._button_6uqr8_1._loading_6uqr8_166._iconOnly_6uqr8_99._secondaryDangerType_6uqr8_54{color:#fff}._button_6uqr8_1._loading_6uqr8_166._iconOnly_6uqr8_99:before{clip-path:circle(45% at 50% 50%);opacity:1}._button_6uqr8_1._loading_6uqr8_166._iconOnly_6uqr8_99:after{width:100%;background:none;border:2px solid rgb(var(--themeColor));border-top-color:transparent;border-bottom-color:transparent;animation:_spin_6uqr8_1 .25s infinite linear}._button_6uqr8_1:disabled{background:rgb(var(--themeColor)/20%);color:rgb(var(--themeColor)/75%);pointer-events:none;filter:grayscale(1)}._button_6uqr8_1:disabled._secondaryType_6uqr8_54,._button_6uqr8_1:disabled._secondaryDangerType_6uqr8_54{background:rgb(var(--themeColor)/5%)}._button_6uqr8_1:disabled._linkType_6uqr8_59{background:none}._button_6uqr8_1:disabled._linkType_6uqr8_59 ._underline_6uqr8_26:before{width:0%}._button_6uqr8_1:disabled._linkType_6uqr8_59 ._underline_6uqr8_26 span{width:0%}@keyframes _ripple_6uqr8_1{0%{box-shadow:0 0 0 7px rgb(var(--themeColor)/50%)}to{box-shadow:0 0 var(--maxRippleSize) rgb(var(--themeColor)/0%)}}@keyframes _barberPole_6uqr8_1{0%{transform:translate(-1.75rem)}to{transform:translate(0)}}@keyframes _spin_6uqr8_1{0%{transform:rotate(0)}to{transform:rotate(180deg)}}._icon_awnbf_2{position:relative;width:var(--iconSize);height:var(--iconSize);font-size:var(--iconSize);display:flex;justify-content:center;align-items:center;font-variant:normal;line-height:1;text-rendering:auto;-webkit-user-select:none;user-select:none;z-index:1;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;transition:all .4s var(--cubicBezierPrimary)}._icon_awnbf_2:before{position:absolute;display:block;color:inherit;content:attr(data-content)}._icon_awnbf_2._thin_awnbf_25{font-family:FontAwesome;font-weight:100}._icon_awnbf_2._light_awnbf_29{font-family:FontAwesome;font-weight:300}._icon_awnbf_2._regular_awnbf_33{font-family:FontAwesome;font-weight:400}._icon_awnbf_2._solid_awnbf_37{font-family:FontAwesome;font-weight:900}._icon_awnbf_2._duotone_awnbf_41{font-family:FontAwesomeDuotone;font-weight:900}._icon_awnbf_2._duotone_awnbf_41:after{position:absolute;display:block;color:inherit;content:attr(data-content) attr(data-content);opacity:.3}._icon_awnbf_2._sharpSolid_awnbf_52{font-family:FontAwesomeSharp;font-weight:900}._icon_awnbf_2._sharpRegular_awnbf_56{font-family:FontAwesomeSharp;font-weight:400}._icon_awnbf_2._sharpLight_awnbf_60{font-family:FontAwesomeSharp;font-weight:300}._icon_awnbf_2._brand_awnbf_64{font-family:FontAwesomeBrand;font-weight:400}._progressBar_luf46_1{position:relative;width:100%;height:3px;display:flex;justify-content:flex-start;align-items:center;border-radius:9999px;overflow:hidden}._progressBar_luf46_1:before{content:"";position:absolute;left:0;width:100%;height:1px;border-radius:9999px;opacity:.3;background:var(--colorBorderPrimary);transition:all .5s var(--cubicBezierPrimary)}._progressBar_luf46_1>._progress_luf46_1{position:absolute;width:100%;height:3px;display:block;background:var(--gradientBrand);border-radius:9999px;transition:all .5s var(--cubicBezierPrimary)}._progressBar_luf46_1._intermediate_luf46_31{border-radius:9999px}._progressBar_luf46_1._intermediate_luf46_31:before{height:100%;background:rgb(var(--colorBrandAccentRgb))}._progressBar_luf46_1._intermediate_luf46_31>._progress_luf46_1{width:150%;background-image:repeating-linear-gradient(60deg,transparent,transparent .5rem,rgb(var(--colorBrandAccentRgb)) .5rem,rgb(var(--colorBrandAccentRgb)) 1.5rem);animation:_barberPole_luf46_1 .2s infinite linear}@keyframes _barberPole_luf46_1{0%{transform:translate(-1.75rem)}to{transform:translate(0)}}._spinner_1ka01_1{--spinnerSize: 125px;--spinnerCubeSize: calc(var(--spinnerSize) / 2);position:relative;width:var(--spinnerSize);height:var(--spinnerSize);display:grid;place-items:center}._spinner_1ka01_1 ._spinnerWrapper_1ka01_10{position:relative;width:var(--spinnerCubeSize);height:var(--spinnerCubeSize);margin-top:calc(var(--spinnerCubeSize) * -.1);transform-style:preserve-3d;animation:_spin_1ka01_1 1s linear infinite}._spinner_1ka01_1 ._spinnerWrapper_1ka01_10 ._cubeTop_1ka01_18{position:absolute;width:var(--spinnerCubeSize);height:var(--spinnerCubeSize);background:hsl(330,3.13%,25.1%) 0%;transform:rotateX(90deg) translateZ(calc(var(--spinnerCubeSize) / 2));transform-style:preserve-3d}._spinner_1ka01_1 ._spinnerWrapper_1ka01_10 ._cubeTop_1ka01_18:before{content:"";position:absolute;width:var(--spinnerCubeSize);height:var(--spinnerCubeSize);background:hsl(176.61,42.28%,40.7%) 19.6%;transform:translateZ(calc(-1 * var(--spinnerCubeSize) * 1.2));filter:blur(10px);box-shadow:0 0 10px #323232,0 0 20px #3c948f 19.6%,0 0 30px #323232,0 0 40px #3c948f 19.6%}._spinner_1ka01_1 ._spinnerWrapper_1ka01_10 ._cubeWrapper_1ka01_36{position:absolute;width:100%;height:100%;transform-style:preserve-3d}._spinner_1ka01_1 ._spinnerWrapper_1ka01_10 ._cubeWrapper_1ka01_36 ._cubeFace_1ka01_42{position:absolute;width:100%;height:100%;background:linear-gradient(to bottom,hsl(330,3.13%,25.1%) 0%,hsl(177.27,21.71%,32.06%) 5.5%,hsl(176.67,34.1%,36.88%) 12.1%,hsl(176.61,42.28%,40.7%) 19.6%,hsl(176.63,48.32%,43.88%) 27.9%,hsl(176.66,53.07%,46.58%) 36.6%,hsl(176.7,56.94%,48.91%) 45.6%,hsl(176.74,62.39%,50.91%) 54.6%,hsl(176.77,69.86%,52.62%) 63.4%,hsl(176.8,76.78%,54.08%) 71.7%,hsl(176.83,83.02%,55.29%) 79.4%,hsl(176.85,88.44%,56.28%) 86.2%,hsl(176.86,92.9%,57.04%) 91.9%,hsl(176.88,96.24%,57.59%) 96.3%,hsl(176.88,98.34%,57.93%) 99%,hsl(176.89,99.07%,58.04%) 100%)}._spinner_1ka01_1 ._spinnerWrapper_1ka01_10 ._cubeWrapper_1ka01_36 ._cubeFace_1ka01_42:nth-child(1){transform:rotateY(90deg) translateZ(calc(var(--spinnerCubeSize) / 2))}._spinner_1ka01_1 ._spinnerWrapper_1ka01_10 ._cubeWrapper_1ka01_36 ._cubeFace_1ka01_42:nth-child(2){transform:rotateY(180deg) translateZ(calc(var(--spinnerCubeSize) / 2))}._spinner_1ka01_1 ._spinnerWrapper_1ka01_10 ._cubeWrapper_1ka01_36 ._cubeFace_1ka01_42:nth-child(3){transform:rotateY(270deg) translateZ(calc(var(--spinnerCubeSize) / 2))}._spinner_1ka01_1 ._spinnerWrapper_1ka01_10 ._cubeWrapper_1ka01_36 ._cubeFace_1ka01_42:nth-child(4){transform:rotateY(360deg) translateZ(calc(var(--spinnerCubeSize) / 2))}@keyframes _spin_1ka01_1{0%{transform:rotateX(-30deg) rotateY(0)}to{transform:rotateX(-30deg) rotateY(360deg)}}._textfield_7y99a_1{--duration: .6s;position:relative;width:400px;display:flex;justify-content:center;align-items:center;border-radius:20px;box-shadow:0 0 0 1px rgb(var(--colorBrandAccentRgb)/50%);background:var(--colorBackgroundSecondary);color:rgb(var(--colorContentPrimary));transition:all var(--duration) var(--cubicBezierPrimary)}._textfield_7y99a_1:before{content:"";position:absolute;display:block;width:100%;height:100%;background:rgb(var(--colorBrandAccentRgb));clip-path:circle(0% at 20px 50%);border-radius:9999px;z-index:0;opacity:0;transition:all var(--duration) var(--cubicBezierPrimary)}._textfield_7y99a_1 ._icon_7y99a_27{position:absolute;left:0;width:40px;height:40px;color:rgb(var(--colorBrandAccentRgb)/100%);pointer-events:none;transition:all 0s}._textfield_7y99a_1 ._input_7y99a_36{width:100%;height:40px;outline:none;border:none;background:transparent;padding:10px 20px;font-size:16px;z-index:1;color:rgb(var(--colorContentPrimary));font-variation-settings:"wdth" 75,"wght" 400;transition:all var(--duration) var(--cubicBezierPrimary)}._textfield_7y99a_1 ._placeholder_7y99a_49{position:absolute;left:0;display:flex;align-items:center;color:var(--colorContentSecondary);transform:translate(14px);transform-origin:0 50%;line-height:20px;padding:0 8px;transition:all var(--duration) var(--cubicBezierPrimary)}._textfield_7y99a_1 ._placeholder_7y99a_49:before{content:"";position:absolute;left:0;display:block;width:100%;height:50%;background:var(--colorBackgroundPrimary);scale:0;z-index:-1;transition:all var(--duration) var(--cubicBezierPrimary)}._textfield_7y99a_1._withIcon_7y99a_73:before{clip-path:circle(15px at 20px 50%);opacity:.4}._textfield_7y99a_1._withIcon_7y99a_73 ._input_7y99a_36{padding:10px 20px 10px 44px}._textfield_7y99a_1._withIcon_7y99a_73 ._placeholder_7y99a_49{transform:translate(36px)}._textfield_7y99a_1._textarea_7y99a_83 ._input_7y99a_36{height:200px;padding:16px 20px;resize:none}._textfield_7y99a_1._textarea_7y99a_83 ._placeholder_7y99a_49{top:0;transform:translate(20px,16px)}._textfield_7y99a_1._hasValue_7y99a_92 ._placeholder_7y99a_49{transform:translate(24px,-28px);scale:.75;font-weight:900;color:rgb(var(--colorBrandAccentRgb)/100%)}._textfield_7y99a_1._hasValue_7y99a_92 ._placeholder_7y99a_49:before{scale:1}._textfield_7y99a_1._hasValue_7y99a_92._withIcon_7y99a_73 ._placeholder_7y99a_49{transform:translate(52px,-28px)}._textfield_7y99a_1._hasValue_7y99a_92._textarea_7y99a_83 ._placeholder_7y99a_49{transform:translate(24px,-14px)}._textfield_7y99a_1:focus-within{box-shadow:0 0 0 2px rgb(var(--colorBrandAccentRgb)/50%);background:var(--colorBackgroundPrimary)}._textfield_7y99a_1:focus-within ._placeholder_7y99a_49{transform:translate(24px,-28px);scale:.75;font-weight:900;color:rgb(var(--colorBrandAccentRgb)/100%)}._textfield_7y99a_1:focus-within ._placeholder_7y99a_49:before{scale:1}._textfield_7y99a_1:focus-within._withIcon_7y99a_73 ._placeholder_7y99a_49{transform:translate(52px,-28px)}._textfield_7y99a_1:focus-within._textarea_7y99a_83 ._placeholder_7y99a_49{transform:translate(24px,-14px)}._textfield_7y99a_1:focus-within._withIcon_7y99a_73:before{clip-path:circle(17px at 20px 50%);opacity:.8}._textfield_7y99a_1:focus-within._withIcon_7y99a_73 ._icon_7y99a_27{color:#fff;font-weight:900}._sider_9guyz_1{--duration: .6s;--paddingLeft: 0px;--paddingRight: 0px;--borderRadius: 36px;width:100%;height:100%;background:rgb(var(--colorBrandAccentRgb)/90%);padding:0 var(--paddingRight) 0 var(--paddingLeft);overflow:hidden;transition:padding var(--duration) ease}._sider_9guyz_1 ._leftSiderContainer_9guyz_13{position:fixed;left:0;width:var(--siderWidth);height:100%;z-index:0}._sider_9guyz_1 ._rightSiderContainer_9guyz_20{position:fixed;right:0;width:var(--siderWidth);height:100%;z-index:1}._sider_9guyz_1 ._content_9guyz_27{position:relative;width:100%;height:100%;background:var(--colorBackgroundPrimary);box-shadow:0 0 50px 2px #0000003d;border-radius:0;z-index:2;transition:all var(--duration) var(--cubicBezierPrimary)}._sider_9guyz_1._miniLeftSider_9guyz_37{--paddingLeft: var(--siderWidthMini)}._sider_9guyz_1._miniLeftSider_9guyz_37 ._content_9guyz_27{border-top-left-radius:var(--borderRadius);border-bottom-left-radius:var(--borderRadius)}._sider_9guyz_1._miniRightSider_9guyz_44{--paddingRight: var(--siderWidthMini)}._sider_9guyz_1._miniRightSider_9guyz_44 ._content_9guyz_27{border-top-right-radius:var(--borderRadius);border-bottom-right-radius:var(--borderRadius)}._sider_9guyz_1._leftOpen_9guyz_51 ._content_9guyz_27{border-radius:36px;transform:translate(calc(var(--siderWidth) - var(--paddingLeft)));transform-origin:left center;scale:.95}._sider_9guyz_1._rightOpen_9guyz_57 ._content_9guyz_27{border-radius:36px;transform:translate(calc((var(--siderWidth) - var(--paddingRight)) * -1));transform-origin:right center;scale:.95}._navigation_zrgjp_1{--duration: .4s;width:calc(var(--siderWidth) + 16px);height:100%;display:flex;flex-direction:column;padding:16px 0 28px}._navigation_zrgjp_1 ._brand_zrgjp_9{font-size:32px;color:#fff;padding:24px 8px;font-variation-settings:"wdth" 75,"wght" 400;text-transform:capitalize;-webkit-user-select:none;user-select:none;cursor:pointer}._navigation_zrgjp_1 ._routeList_zrgjp_18{width:100%;display:flex;flex-direction:column;flex:1;-webkit-user-select:none;user-select:none;cursor:pointer}._navigation_zrgjp_1 ._routeList_zrgjp_18 ._route_zrgjp_18{position:relative;display:flex;align-items:center;gap:2px;text-decoration:none;color:#fff;transition:all var(--duration) var(--cubicBezierPrimary)}._navigation_zrgjp_1 ._routeList_zrgjp_18 ._route_zrgjp_18:before{content:"";position:absolute;display:block;width:100%;height:100%;background:rgb(var(--colorBrandAccentRgb)/0%);filter:contrast(2) brightness(.75);z-index:0;transition:all var(--duration) var(--cubicBezierPrimary)}._navigation_zrgjp_1 ._routeList_zrgjp_18 ._route_zrgjp_18:after{content:"";position:absolute;display:block;width:100%;height:100%;background:rgb(var(--colorBrandAccentRgb));clip-path:circle(0% at calc(var(--siderWidthMini) / 2) 50%);filter:contrast(2) brightness(.75);z-index:0;opacity:.4;transition:all var(--duration) var(--cubicBezierPrimary)}._navigation_zrgjp_1 ._routeList_zrgjp_18 ._route_zrgjp_18 ._icon_zrgjp_59{width:var(--siderWidthMini);height:var(--siderWidthMini);font-size:calc(var(--siderWidthMini) - 40px);color:#fff}._navigation_zrgjp_1 ._routeList_zrgjp_18 ._route_zrgjp_18 ._label_zrgjp_65{font-size:16px;font-variation-settings:"wdth" 75,"wght" 400;text-transform:capitalize;z-index:1}._navigation_zrgjp_1 ._routeList_zrgjp_18 ._route_zrgjp_18:last-of-type{margin-top:auto}._navigation_zrgjp_1 ._routeList_zrgjp_18 ._route_zrgjp_18:hover:before{background:rgb(var(--colorBrandAccentRgb)/30%)}._navigation_zrgjp_1 ._routeList_zrgjp_18 ._route_zrgjp_18._active_zrgjp_77:after{clip-path:circle(var(--siderWidth) at calc(var(--siderWidthMini) / 2) 50%);opacity:1;transition:all var(--duration) ease-in-out}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "xtreme-ui",
-	"version": "0.0.14",
+	"version": "0.0.16",
 	"type": "module",
 	"description": "Collection of reusable components that can be used in web projects",
 	"main": "dist/index.js",
@@ -27,10 +27,10 @@
 		"@storybook/testing-library": "0.2.0",
 		"@types/lodash": "^4.14.196",
 		"@types/node": "^20.4.8",
-		"@types/react": "^18.2.18",
+		"@types/react": "^18.2.19",
 		"@types/react-dom": "^18.2.7",
-		"@typescript-eslint/eslint-plugin": "^6.2.1",
-		"@typescript-eslint/parser": "^6.2.1",
+		"@typescript-eslint/eslint-plugin": "^6.3.0",
+		"@typescript-eslint/parser": "^6.3.0",
 		"@vitejs/plugin-react": "^4.0.4",
 		"@vitejs/plugin-react-swc": "^3.3.2",
 		"clsx": "^2.0.0",
@@ -47,14 +47,15 @@
 		"react-dom": "^18.2.0",
 		"sass": "^1.64.2",
 		"storybook": "7.2.1",
+		"storybook-react-context": "^0.6.0",
 		"storybook-readme": "^5.0.9",
 		"stylelint": "^15.10.2",
 		"stylelint-config-standard-scss": "^10.0.0",
 		"stylelint-order": "^6.0.3",
 		"typescript": "^5.1.6",
-		"vite": "^4.4.8",
+		"vite": "^4.4.9",
 		"vite-plugin-dts": "^3.5.1",
-		"vite-plugin-linter": "^2.0.2",
+		"vite-plugin-linter": "^2.0.3",
 		"vite-tsconfig-paths": "^4.2.0"
 	},
 	"publishConfig": {