rc-lib-ui 1.0.0

package/README.md

@@ -0,0 +1,3 @@
+# React Components
+
+

package/dist/Preloaders/Preloaders.css

@@ -0,0 +1 @@
+._container_hrgp5_1{position:relative}._preloader_hrgp5_9{position:absolute}._fadeEnter_hrgp5_15{opacity:0;transform:scale(1.1)}._fadeExit_hrgp5_23,._fadeEnterActive_hrgp5_31{opacity:1;transform:scale(1)}._fadeExitActive_hrgp5_41{opacity:0;transform:scale(.9)}._fadeEnterActive_hrgp5_31,._fadeExitActive_hrgp5_41{transition:opacity .3s,transform .3s}

package/dist/Preloaders/Preloaders.d.ts

@@ -0,0 +1,29 @@
+import { default as React } from 'react';
+import { BallProps } from './components/Ball/Ball';
+import { SpinnerGrowProps } from './components/SpinnerGrow/SpinnerGrow';
+import { SpinnerBorderProps } from './components/SpinnerBorder/SpinnerBorder';
+import { Spinner3DProps } from './components/Spinner3D/Spinner3D';
+import { TimeProps } from './components/Time/Time';
+import { CubeProps } from './components/Cube/Cube';
+import { RotateCubeProps } from './components/RotateCube/RotateCube';
+type ListPreloaders_P = ({
+    name: 'SpinnerGrow';
+} & SpinnerGrowProps) | ({
+    name: 'SpinnerBorder';
+} & SpinnerBorderProps) | ({
+    name: 'Spinner3D';
+} & Spinner3DProps) | ({
+    name: 'Ball';
+} & BallProps) | ({
+    name: 'Time';
+} & TimeProps) | ({
+    name: 'Cube';
+} & CubeProps) | ({
+    name: 'RotateCube';
+} & RotateCubeProps);
+export type PreloadersProps = {
+    show: boolean;
+    children: React.ReactNode;
+} & ListPreloaders_P;
+export declare const Preloaders: React.NamedExoticComponent<PreloadersProps>;
+export {};

package/dist/Preloaders/Preloaders.js

@@ -0,0 +1,47 @@
+import { jsx as e, Fragment as d } from "react/jsx-runtime";
+import f, { useRef as p } from "react";
+import { SwitchTransition as s, CSSTransition as l } from "react-transition-group";
+import { Ball as _ } from "./components/Ball/Ball.js";
+import { SpinnerGrow as E } from "./components/SpinnerGrow/SpinnerGrow.js";
+import { SpinnerBorder as x } from "./components/SpinnerBorder/SpinnerBorder.js";
+import { Spinner3D as h } from "./components/Spinner3D/Spinner3D.js";
+import { Time as v } from "./components/Time/Time.js";
+import { Cube as A } from "./components/Cube/Cube.js";
+import { RotateCube as u } from "./components/RotateCube/RotateCube.js";
+import './Preloaders.css';const g = "_container_hrgp5_1", S = "_preloader_hrgp5_9", C = "_fadeEnter_hrgp5_15", R = "_fadeExit_hrgp5_23", P = "_fadeEnterActive_hrgp5_31", k = "_fadeExitActive_hrgp5_41", t = {
+  container: g,
+  preloader: S,
+  fadeEnter: C,
+  fadeExit: R,
+  fadeEnterActive: P,
+  fadeExitActive: k
+}, w = {
+  SpinnerGrow: E,
+  SpinnerBorder: x,
+  Spinner3D: h,
+  Ball: _,
+  Time: v,
+  Cube: A,
+  RotateCube: u
+}, y = ({ show: n, name: i, children: a, ...c }) => {
+  const m = w[i], r = p(null), o = n ? { key: "preloader", element: /* @__PURE__ */ e(m, { ref: r, ...c }) } : { key: "content", element: a };
+  return /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(
+    l,
+    {
+      nodeRef: r,
+      timeout: 300,
+      classNames: {
+        enter: t.fadeEnter,
+        enterActive: t.fadeEnterActive,
+        exit: t.fadeExit,
+        exitActive: t.fadeExitActive
+      },
+      unmountOnExit: !0,
+      children: /* @__PURE__ */ e(d, { children: o.element })
+    },
+    o.key
+  ) });
+}, q = f.memo(y);
+export {
+  q as Preloaders
+};

package/dist/Preloaders/components/Ball/Ball.css

@@ -0,0 +1 @@
+._wrap_18r2r_1{display:flex;justify-content:center;align-items:center;position:absolute;top:0;bottom:0;right:0;left:0;z-index:105}._loader_18r2r_13{position:relative;top:0;bottom:0;width:100px;height:100px;-webkit-perspective:780px;perspective:780px}._inner_18r2r_23{position:absolute;width:100%;height:100%;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;border-radius:50%;-o-border-radius:50%;-ms-border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}._inner_18r2r_23._one_18r2r_38{left:0%;top:0%;animation:_cssload-rotate-one_18r2r_1 1.15s linear infinite;-o-animation:_cssload-rotate-one_18r2r_1 1.15s linear infinite;-ms-animation:_cssload-rotate-one_18r2r_1 1.15s linear infinite;-webkit-animation:_cssload-rotate-one_18r2r_1 1.15s linear infinite;-moz-animation:_cssload-rotate-one_18r2r_1 1.15s linear infinite;border-bottom:3px solid #5C5EDC}._inner_18r2r_23._two_18r2r_48{right:0%;top:0%;animation:_cssload-rotate-two_18r2r_1 1.15s linear infinite;-o-animation:_cssload-rotate-two_18r2r_1 1.15s linear infinite;-ms-animation:_cssload-rotate-two_18r2r_1 1.15s linear infinite;-webkit-animation:_cssload-rotate-two_18r2r_1 1.15s linear infinite;-moz-animation:_cssload-rotate-two_18r2r_1 1.15s linear infinite;border-right:3px solid rgba(76,70,101,.99)}._inner_18r2r_23._three_18r2r_58{right:0%;bottom:0%;animation:_cssload-rotate-three_18r2r_1 1.15s linear infinite;-o-animation:_cssload-rotate-three_18r2r_1 1.15s linear infinite;-ms-animation:_cssload-rotate-three_18r2r_1 1.15s linear infinite;-webkit-animation:_cssload-rotate-three_18r2r_1 1.15s linear infinite;-moz-animation:_cssload-rotate-three_18r2r_1 1.15s linear infinite;border-top:3px solid #e9908a}._text_18r2r_69{position:absolute;width:100%;z-index:106;text-align:center;margin-top:30;animation:_textAnim_18r2r_1 .5s linear infinite alternate}@keyframes _textAnim_18r2r_1{0%{color:#d3d2d6fc}to{color:#a1a0a2fc}}@keyframes _cssload-rotate-one_18r2r_1{0%{transform:rotateX(35deg) rotateY(-45deg) rotate(0)}to{transform:rotateX(35deg) rotateY(-45deg) rotate(360deg)}}@keyframes _cssload-rotate-two_18r2r_1{0%{transform:rotateX(50deg) rotateY(10deg) rotate(0)}to{transform:rotateX(50deg) rotateY(10deg) rotate(360deg)}}@keyframes _cssload-rotate-three_18r2r_1{0%{transform:rotateX(35deg) rotateY(55deg) rotate(0)}to{transform:rotateX(35deg) rotateY(55deg) rotate(360deg)}}

package/dist/Preloaders/components/Ball/Ball.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+import { SxProps } from '@mui/material';
+export interface BallProps {
+    titlePreloader?: string;
+    children?: React.ReactNode;
+    sx?: SxProps;
+}
+export declare const Ball: React.MemoExoticComponent<React.ForwardRefExoticComponent<BallProps & React.RefAttributes<HTMLDivElement>>>;

package/dist/Preloaders/components/Ball/Ball.js

@@ -0,0 +1,32 @@
+import { jsxs as r, Fragment as l, jsx as e } from "react/jsx-runtime";
+import a from "react";
+import { Box as o } from "@mui/material";
+import './Ball.css';const d = "_wrap_18r2r_1", m = "_loader_18r2r_13", i = "_inner_18r2r_23", w = "_one_18r2r_38", h = "_cssload-rotate-one_18r2r_1", x = "_two_18r2r_48", p = "_cssload-rotate-two_18r2r_1", R = "_three_18r2r_58", N = "_cssload-rotate-three_18r2r_1", $ = "_text_18r2r_69", f = "_textAnim_18r2r_1", t = {
+  wrap: d,
+  loader: m,
+  inner: i,
+  one: w,
+  "cssload-rotate-one": "_cssload-rotate-one_18r2r_1",
+  cssloadRotateOne: h,
+  two: x,
+  "cssload-rotate-two": "_cssload-rotate-two_18r2r_1",
+  cssloadRotateTwo: p,
+  three: R,
+  "cssload-rotate-three": "_cssload-rotate-three_18r2r_1",
+  cssloadRotateThree: N,
+  text: $,
+  textAnim: f
+}, B = a.forwardRef(({ titlePreloader: s, sx: n, children: c }, _) => /* @__PURE__ */ r(l, { children: [
+  /* @__PURE__ */ r(o, { sx: n, className: t.wrap, ref: _, children: [
+    /* @__PURE__ */ r(o, { className: t.loader, children: [
+      /* @__PURE__ */ e(o, { className: `${t.inner} ${t.one}` }),
+      /* @__PURE__ */ e(o, { className: `${t.inner} ${t.two}` }),
+      /* @__PURE__ */ e(o, { className: `${t.inner} ${t.three}` })
+    ] }),
+    /* @__PURE__ */ e(o, { className: "Ball-Content", sx: { position: "absolute" }, children: c })
+  ] }),
+  s ? /* @__PURE__ */ e(o, { component: "p", className: t.text, children: `Загрузка ${s} ...` }) : ""
+] })), u = a.memo(B);
+export {
+  u as Ball
+};

package/dist/Preloaders/components/Cube/Cube.css

@@ -0,0 +1 @@
+._wrap_1bgo9_1{position:absolute;left:0;right:0;top:0;bottom:0;display:grid;justify-content:center;align-items:center;z-index:100}._loader_1bgo9_14{width:73px;height:73px;margin:0 auto;position:relative;transform:rotate(45deg)}._cube_1bgo9_22{position:relative;transform:rotate(45deg);width:50%;height:50%;float:left;transform:scale(1.1)}._cube_1bgo9_22:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#34495e;animation:_cube-loader_1bgo9_1 2.76s infinite linear both;transform-origin:100% 100%}._two_1bgo9_43{transform:scale(1.1) rotate(90deg)}._two_1bgo9_43:before{animation-delay:.35s}._three_1bgo9_50{transform:scale(1.1) rotate(180deg)}._three_1bgo9_50:before{animation-delay:.69s}._four_1bgo9_57{transform:scale(1.1) rotate(270deg)}._four_1bgo9_57:before{animation-delay:1.04s}@keyframes _cube-loader_1bgo9_1{0%,10%{transform:perspective(136px) rotateX(-180deg);opacity:0}25%,75%{transform:perspective(136px) rotateX(0);opacity:1}90%,to{transform:perspective(136px) rotateY(180deg);opacity:0}}

package/dist/Preloaders/components/Cube/Cube.d.ts

@@ -0,0 +1,4 @@
+export interface CubeProps {
+    color?: string;
+}
+export declare const Cube: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<CubeProps & import('react').RefAttributes<HTMLDivElement>>>;

package/dist/Preloaders/components/Cube/Cube.js

@@ -0,0 +1,25 @@
+import { jsx as e, jsxs as t } from "react/jsx-runtime";
+import { forwardRef as _, memo as u } from "react";
+import c from "classnames";
+import { Box as a } from "@mui/material";
+import './Cube.css';const n = "_wrap_1bgo9_1", m = "_loader_1bgo9_14", d = "_cube_1bgo9_22", l = "_cube-loader_1bgo9_1", f = "_two_1bgo9_43", g = "_three_1bgo9_50", i = "_four_1bgo9_57", o = {
+  wrap: n,
+  loader: m,
+  cube: d,
+  "cube-loader": "_cube-loader_1bgo9_1",
+  cubeLoader: l,
+  two: f,
+  three: g,
+  four: i
+}, p = _(({ color: s = "primary" }, b) => {
+  const r = s.startsWith("#") ? s : `${s}.main`;
+  return /* @__PURE__ */ e("div", { className: o.wrap, ref: b, children: /* @__PURE__ */ t("div", { className: o.loader, children: [
+    /* @__PURE__ */ e(a, { sx: { "&::before": { backgroundColor: r } }, className: c(o.cube, o.one) }),
+    /* @__PURE__ */ e(a, { sx: { "&::before": { backgroundColor: r } }, className: c(o.cube, o.two) }),
+    /* @__PURE__ */ e(a, { sx: { "&::before": { backgroundColor: r } }, className: c(o.cube, o.four) }),
+    /* @__PURE__ */ e(a, { sx: { "&::before": { backgroundColor: r } }, className: c(o.cube, o.three) })
+  ] }) });
+}), N = u(p);
+export {
+  N as Cube
+};

package/dist/Preloaders/components/RotateCube/RotateCube.css

@@ -0,0 +1 @@
+._wrap_1iq8m_1{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;display:flex;justify-content:center;align-items:center}._inner_1iq8m_13{position:relative;width:200px;height:200px}._item_1iq8m_19{width:100px;height:100px;position:absolute}._one_1iq8m_25{background-color:#fa5667;top:0;left:0;z-index:1;animation:_oneAnim_1iq8m_1 1.8s cubic-bezier(.6,.01,.4,1) infinite}._two_1iq8m_33{background-color:#7a45e5;top:0;right:0;animation:_twoAnim_1iq8m_1 1.8s cubic-bezier(.6,.01,.4,1) infinite}._three_1iq8m_40{background-color:#1b91f7;bottom:0;right:0;z-index:1;animation:_threeAnim_1iq8m_1 1.8s cubic-bezier(.6,.01,.4,1) infinite}._four_1iq8m_48{background-color:#fac24c;bottom:0;left:0;animation:_fourAnim_1iq8m_1 1.8s cubic-bezier(.6,.01,.4,1) infinite}@keyframes _oneAnim_1iq8m_1{0%,to{transform:translate(0)}25%{transform:translateY(100px)}50%{transform:translate(100px,100px)}75%{transform:translate(100px)}}@keyframes _twoAnim_1iq8m_1{0%,to{transform:translate(0)}25%{transform:translate(-100px)}50%{transform:translate(-100px,100px)}75%{transform:translateY(100px)}}@keyframes _threeAnim_1iq8m_1{0%,to{transform:translate(0)}25%{transform:translateY(-100px)}50%{transform:translate(-100px,-100px)}75%{transform:translate(-100px)}}@keyframes _fourAnim_1iq8m_1{0%,to{transform:translate(0)}25%{transform:translate(100px)}50%{transform:translate(100px,-100px)}75%{transform:translateY(-100px)}}

package/dist/Preloaders/components/RotateCube/RotateCube.d.ts

@@ -0,0 +1,8 @@
+import { SxProps } from '@mui/material';
+export interface RotateCubeProps {
+    isCircle?: boolean;
+    sx?: SxProps;
+    size?: number;
+    variant?: 'spread' | 'nearby';
+}
+export declare const RotateCube: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<RotateCubeProps & import('react').RefAttributes<HTMLDivElement>>>;

package/dist/Preloaders/components/RotateCube/RotateCube.js

@@ -0,0 +1,145 @@
+import { jsx as a, jsxs as l } from "react/jsx-runtime";
+import { forwardRef as x, memo as h } from "react";
+import e from "classnames";
+import { styled as f, Box as c } from "@mui/material";
+import './RotateCube.css';const p = "_wrap_1iq8m_1", $ = "_inner_1iq8m_13", w = "_item_1iq8m_19", A = "_one_1iq8m_25", b = "_oneAnim_1iq8m_1", C = "_two_1iq8m_33", g = "_twoAnim_1iq8m_1", q = "_three_1iq8m_40", N = "_threeAnim_1iq8m_1", R = "_four_1iq8m_48", d = "_fourAnim_1iq8m_1", r = {
+  wrap: p,
+  inner: $,
+  item: w,
+  one: A,
+  oneAnim: b,
+  two: C,
+  twoAnim: g,
+  three: q,
+  threeAnim: N,
+  four: R,
+  fourAnim: d
+}, k = f(c, { shouldForwardProp: (t) => !["sizeInner"].includes(t) })(({ sizeInner: t }) => ({
+  width: t,
+  height: t
+})), F = ({ sizeItem: t, spread: n }) => {
+  const o = "oneAnim";
+  return {
+    [`@keyframes ${o}`]: {
+      "0%, 100%": { transform: "translate(0, 0)" },
+      "25%": { transform: `translate(0, ${t + n}px)` },
+      "50%": { transform: `translate(${t + n}px, ${t + n}px)` },
+      "75%": { transform: `translate(${t + n}px, 0)` }
+    },
+    backgroundColor: "#FA5667",
+    top: 0,
+    left: 0,
+    zIndex: 1,
+    animationName: o
+  };
+}, y = ({ sizeItem: t, spread: n }) => {
+  const o = "twoAnim";
+  return {
+    [`@keyframes ${o}`]: {
+      "0%, 100%": { transform: "translate(0, 0)" },
+      "25%": { transform: `translate(-${t + n}px, 0)` },
+      "50%": { transform: `translate(-${t + n}px, ${t + n}px)` },
+      "75%": { transform: `translate(0, ${t + n}px)` }
+    },
+    backgroundColor: "#7A45E5",
+    top: 0,
+    right: 0,
+    animationName: o
+  };
+}, P = ({ sizeItem: t, spread: n }) => {
+  const o = "threeAnim";
+  return {
+    [`@keyframes ${o}`]: {
+      "0%, 100%": { transform: "translate(0, 0)" },
+      "25%": { transform: `translate(0, -${t + n}px)` },
+      "50%": { transform: `translate(-${t + n}px, -${t + n}px)` },
+      "75%": { transform: `translate(-${t + n}px, 0)` }
+    },
+    backgroundColor: "#1B91F7",
+    bottom: 0,
+    right: 0,
+    zIndex: 1,
+    animationName: o
+  };
+}, B = ({ sizeItem: t, spread: n }) => {
+  const o = "fourAnim";
+  return {
+    [`@keyframes ${o}`]: {
+      "0%, 100%": { transform: "translate(0, 0)" },
+      "25%": { transform: `translate(${t + n}px, 0)` },
+      "50%": { transform: `translate(${t + n}px, -${t + n}px)` },
+      "75%": { transform: `translate(0, -${t + n}px)` }
+    },
+    backgroundColor: "#FAC24C",
+    bottom: 0,
+    left: 0,
+    zIndex: 1,
+    animationName: o
+  };
+}, i = f(
+  c,
+  {
+    shouldForwardProp: (t) => !["sizeItem", "spread", "nameItem"].includes(t)
+  }
+)(({ sizeItem: t, nameItem: n, spread: o }) => ({
+  width: t,
+  height: t,
+  animationDuration: "1.8s",
+  animationTimingFunction: "cubic-bezier(.6,.01,.4,1)",
+  animationIterationCount: "infinite",
+  ...n === "one" && F({ sizeItem: t, spread: o }),
+  ...n === "two" && y({ sizeItem: t, spread: o }),
+  ...n === "three" && P({ sizeItem: t, spread: o }),
+  ...n === "four" && B({ sizeItem: t, spread: o })
+})), T = x(({ isCircle: t = !1, variant: n = "nearby", size: o = 50, sx: u }, _) => {
+  const m = o / 2, s = n === "spread" ? 20 : 0;
+  return /* @__PURE__ */ a(c, { className: e("RotateCube", r.wrap), ref: _, sx: u, children: /* @__PURE__ */ l(
+    k,
+    {
+      sizeInner: o,
+      className: e("RotateCube-Inner", r.inner),
+      sx: { [`& .${r.item}`]: { borderRadius: t ? "50%" : "0" } },
+      children: [
+        /* @__PURE__ */ a(
+          i,
+          {
+            sizeItem: m,
+            spread: s,
+            nameItem: "one",
+            className: e("RotateCube-Item", r.item, r.one)
+          }
+        ),
+        /* @__PURE__ */ a(
+          i,
+          {
+            sizeItem: m,
+            spread: s,
+            nameItem: "two",
+            className: e("RotateCube-Item", r.item, r.two)
+          }
+        ),
+        /* @__PURE__ */ a(
+          i,
+          {
+            sizeItem: m,
+            spread: s,
+            nameItem: "three",
+            className: e("RotateCube-Item", r.item, r.three)
+          }
+        ),
+        /* @__PURE__ */ a(
+          i,
+          {
+            sizeItem: m,
+            spread: s,
+            nameItem: "four",
+            className: e("RotateCube-Item", r.item, r.four)
+          }
+        )
+      ]
+    }
+  ) });
+}), O = h(T);
+export {
+  O as RotateCube
+};

package/dist/Preloaders/components/Spinner3D/Spinner3D.css

@@ -0,0 +1 @@
+._pl_nmy83_1{box-shadow:2em 0 2em #0003 inset,-2em 0 2em #ffffff1a inset;display:flex;justify-content:center;align-items:center;position:relative;letter-spacing:.1em;text-transform:uppercase;transform:rotateX(30deg) rotate(45deg);width:15em;height:15em}._pl_nmy83_1,._pl__dot_nmy83_13{border-radius:50%}._pl__dot_nmy83_13{animation-name:_shadow_nmy83_1;box-shadow:.1em .1em 0 .1em #000,.3em 0 .3em #00000080;top:calc(50% - .75em);left:calc(50% - .75em);width:1.5em;height:1.5em}._pl__dot_nmy83_13,._pl__dot_nmy83_13:before,._pl__dot_nmy83_13:after{animation-duration:2s;animation-iteration-count:infinite;position:absolute}._pl__dot_nmy83_13:before,._pl__dot_nmy83_13:after{content:"";display:block;left:0;width:inherit;transition:background-color .3s}._pl__dot_nmy83_13:before{animation-name:_pushInOut1_nmy83_1;background-color:#454954;border-radius:inherit;box-shadow:.05em 0 .1em #fff3 inset;height:inherit;z-index:1}._pl__dot_nmy83_13:after{animation-name:_pushInOut2_nmy83_1;background-color:#255ff4;border-radius:.75em;box-shadow:.1em .3em .2em #fff6 inset,0 -.4em .2em #2e3138 inset,0 -1em .25em #0000004d inset;bottom:0;clip-path:polygon(0 75%,100% 75%,100% 100%,0 100%);height:3em;transform:rotate(-45deg);transform-origin:50% 2.25em}._pl__dot_nmy83_13:nth-child(1){transform:rotate(0) translate(5em) rotate(0);z-index:5}._pl__dot_nmy83_13:nth-child(1),._pl__dot_nmy83_13:nth-child(1):before,._pl__dot_nmy83_13:nth-child(1):after{animation-delay:0s}._pl__dot_nmy83_13:nth-child(2){transform:rotate(-30deg) translate(5em) rotate(30deg);z-index:4}._pl__dot_nmy83_13:nth-child(2),._pl__dot_nmy83_13:nth-child(2):before,._pl__dot_nmy83_13:nth-child(2):after{animation-delay:-.1666666667s}._pl__dot_nmy83_13:nth-child(3){transform:rotate(-60deg) translate(5em) rotate(60deg);z-index:3}._pl__dot_nmy83_13:nth-child(3),._pl__dot_nmy83_13:nth-child(3):before,._pl__dot_nmy83_13:nth-child(3):after{animation-delay:-.3333333333s}._pl__dot_nmy83_13:nth-child(4){transform:rotate(-90deg) translate(5em) rotate(90deg);z-index:2}._pl__dot_nmy83_13:nth-child(4),._pl__dot_nmy83_13:nth-child(4):before,._pl__dot_nmy83_13:nth-child(4):after{animation-delay:-.5s}._pl__dot_nmy83_13:nth-child(5){transform:rotate(-120deg) translate(5em) rotate(120deg);z-index:1}._pl__dot_nmy83_13:nth-child(5),._pl__dot_nmy83_13:nth-child(5):before,._pl__dot_nmy83_13:nth-child(5):after{animation-delay:-.6666666667s}._pl__dot_nmy83_13:nth-child(6){transform:rotate(-150deg) translate(5em) rotate(150deg);z-index:1}._pl__dot_nmy83_13:nth-child(6),._pl__dot_nmy83_13:nth-child(6):before,._pl__dot_nmy83_13:nth-child(6):after{animation-delay:-.8333333333s}._pl__dot_nmy83_13:nth-child(7){transform:rotate(-180deg) translate(5em) rotate(180deg);z-index:2}._pl__dot_nmy83_13:nth-child(7),._pl__dot_nmy83_13:nth-child(7):before,._pl__dot_nmy83_13:nth-child(7):after{animation-delay:-1s}._pl__dot_nmy83_13:nth-child(8){transform:rotate(-210deg) translate(5em) rotate(210deg);z-index:3}._pl__dot_nmy83_13:nth-child(8),._pl__dot_nmy83_13:nth-child(8):before,._pl__dot_nmy83_13:nth-child(8):after{animation-delay:-1.1666666667s}._pl__dot_nmy83_13:nth-child(9){transform:rotate(-240deg) translate(5em) rotate(240deg);z-index:4}._pl__dot_nmy83_13:nth-child(9),._pl__dot_nmy83_13:nth-child(9):before,._pl__dot_nmy83_13:nth-child(9):after{animation-delay:-1.3333333333s}._pl__dot_nmy83_13:nth-child(10){transform:rotate(-270deg) translate(5em) rotate(270deg);z-index:5}._pl__dot_nmy83_13:nth-child(10),._pl__dot_nmy83_13:nth-child(10):before,._pl__dot_nmy83_13:nth-child(10):after{animation-delay:-1.5s}._pl__dot_nmy83_13:nth-child(11){transform:rotate(-300deg) translate(5em) rotate(300deg);z-index:6}._pl__dot_nmy83_13:nth-child(11),._pl__dot_nmy83_13:nth-child(11):before,._pl__dot_nmy83_13:nth-child(11):after{animation-delay:-1.6666666667s}._pl__dot_nmy83_13:nth-child(12){transform:rotate(-330deg) translate(5em) rotate(330deg);z-index:6}._pl__dot_nmy83_13:nth-child(12),._pl__dot_nmy83_13:nth-child(12):before,._pl__dot_nmy83_13:nth-child(12):after{animation-delay:-1.8333333333s}._pl__text_nmy83_139{font-size:.75em;max-width:5rem;position:relative;text-shadow:0 0 .1em hsla(223,10%,90%,.5);transform:rotate(-45deg)}@keyframes _shadow_nmy83_1{0%{animation-timing-function:ease-in;box-shadow:.1em .1em 0 .1em #000,.3em 0 .3em #0000004d}25%{animation-timing-function:ease-out;box-shadow:.1em .1em 0 .1em #000,.8em 0 .8em #00000080}50%,to{box-shadow:.1em .1em 0 .1em #000,.3em 0 .3em #0000004d}}@keyframes _pushInOut1_nmy83_1{0%{animation-timing-function:ease-in;background-color:#454954;transform:translate(0)}25%{animation-timing-function:ease-out;background-color:#5583f6;transform:translate(-71%,-71%)}50%,to{background-color:#454954;transform:translate(0)}}@keyframes _pushInOut2_nmy83_1{0%{animation-timing-function:ease-in;background-color:#454954;clip-path:polygon(0 75%,100% 75%,100% 100%,0 100%)}25%{animation-timing-function:ease-out;background-color:#255ff4;clip-path:polygon(0 25%,100% 25%,100% 100%,0 100%)}50%,to{background-color:#454954;clip-path:polygon(0 75%,100% 75%,100% 100%,0 100%)}}

package/dist/Preloaders/components/Spinner3D/Spinner3D.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export interface Spinner3DProps {
+    text?: string;
+    bgColor?: string;
+    color?: string;
+    isBgGradient?: boolean;
+}
+export declare const Spinner3D: React.MemoExoticComponent<React.ForwardRefExoticComponent<Spinner3DProps & React.RefAttributes<HTMLDivElement>>>;

package/dist/Preloaders/components/Spinner3D/Spinner3D.js

@@ -0,0 +1,53 @@
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { styled as i, Box as c } from "@mui/material";
+import m, { forwardRef as r } from "react";
+import './Spinner3D.css';const h = "_pl_nmy83_1", u = "_pl__dot_nmy83_13", v = "_pl__dot_nmy83_13", N = "_shadow_nmy83_1", x = "_pushInOut1_nmy83_1", y = "_pushInOut2_nmy83_1", g = "_pl__text_nmy83_139", I = "_pl__text_nmy83_139", s = {
+  pl: h,
+  pl__dot: u,
+  plDot: v,
+  shadow: N,
+  pushInOut1: x,
+  pushInOut2: y,
+  pl__text: g,
+  plText: I
+}, f = i(
+  c,
+  {
+    shouldForwardProp: (_) => !["isBgGradient"].includes(_)
+  }
+)(
+  ({ isBgGradient: _ }) => ({
+    position: "absolute",
+    left: 0,
+    right: 0,
+    bottom: 0,
+    top: 0,
+    ..._ && {
+      backgroundImage: "linear-gradient(135deg, hsla(0, 0%, 0%, 0), hsla(0, 0%, 0%, 0.2))"
+    },
+    height: "100%",
+    display: "grid",
+    placeItems: "center"
+    // transition: 'backgroundColor $trans-dur, color $trans-dur'
+  })
+), O = r(({ isBgGradient: _ = !0, text: a = "", bgColor: o = "", color: l = "primary" }, e) => {
+  const d = o.startsWith("#") ? o : `${o}.main`, p = l.startsWith("#") ? l : `${l}.main`;
+  return /* @__PURE__ */ t(f, { bgcolor: d, sx: { color: p }, ref: e, isBgGradient: _, children: /* @__PURE__ */ n("div", { className: s.pl, children: [
+    /* @__PURE__ */ t("div", { className: s.pl__dot }),
+    /* @__PURE__ */ t("div", { className: s.pl__dot }),
+    /* @__PURE__ */ t("div", { className: s.pl__dot }),
+    /* @__PURE__ */ t("div", { className: s.pl__dot }),
+    /* @__PURE__ */ t("div", { className: s.pl__dot }),
+    /* @__PURE__ */ t("div", { className: s.pl__dot }),
+    /* @__PURE__ */ t("div", { className: s.pl__dot }),
+    /* @__PURE__ */ t("div", { className: s.pl__dot }),
+    /* @__PURE__ */ t("div", { className: s.pl__dot }),
+    /* @__PURE__ */ t("div", { className: s.pl__dot }),
+    /* @__PURE__ */ t("div", { className: s.pl__dot }),
+    /* @__PURE__ */ t("div", { className: s.pl__dot }),
+    /* @__PURE__ */ t("div", { className: s.pl__text, children: a })
+  ] }) });
+}), b = m.memo(O);
+export {
+  b as Spinner3D
+};

package/dist/Preloaders/components/SpinnerBorder/SpinnerBorder.css

@@ -0,0 +1 @@
+._wrap_9qvjt_1{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center}._spinner_9qvjt_12{display:inline-block;width:2rem;height:2rem;vertical-align:-.125em;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;animation:.75s linear infinite _SpinnerBorderAnim_9qvjt_1}._spinnerSm_9qvjt_23{width:1rem;height:1rem;border-width:.2em}._text_9qvjt_29{margin-left:8px}@keyframes _SpinnerBorderAnim_9qvjt_1{to{transform:rotate(360deg)}}

package/dist/Preloaders/components/SpinnerBorder/SpinnerBorder.d.ts

@@ -0,0 +1,6 @@
+export type StringProps_OR = 'className' | 'classNameBody' | 'text';
+export interface SpinnerBorderProps extends Partial<Record<StringProps_OR, string>> {
+    bgColor?: string;
+    size?: number;
+}
+export declare const SpinnerBorder: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<SpinnerBorderProps & import('react').RefAttributes<HTMLDivElement>>>;

package/dist/Preloaders/components/SpinnerBorder/SpinnerBorder.js

@@ -0,0 +1,21 @@
+import { jsxs as a, jsx as s } from "react/jsx-runtime";
+import { Box as e } from "@mui/material";
+import t from "classnames";
+import { forwardRef as d, memo as x } from "react";
+import './SpinnerBorder.css';const S = "_wrap_9qvjt_1", B = "_spinner_9qvjt_12", j = "_SpinnerBorderAnim_9qvjt_1", f = "_SpinnerBorderAnim_9qvjt_1", h = "_spinnerSm_9qvjt_23", q = "_text_9qvjt_29", r = {
+  wrap: S,
+  spinner: B,
+  SpinnerBorderAnim: j,
+  spinnerBorderAnim: f,
+  spinnerSm: h,
+  text: q
+}, v = d(({ bgColor: n = "primary", size: i = 16, className: o, classNameBody: p, text: m = "" }, _) => {
+  const c = n.startsWith("#") ? n : `${n}.main`;
+  return /* @__PURE__ */ a(e, { className: t(r.wrap, o), sx: { color: c }, children: [
+    /* @__PURE__ */ s(e, { className: t(`${r.spinner} ${r.spinnerSm}`, p), sx: { width: i, height: i }, ref: _ }),
+    /* @__PURE__ */ s(e, { className: t("SpinnerBorder-Text", r.text), children: m })
+  ] });
+}), $ = x(v);
+export {
+  $ as SpinnerBorder
+};

package/dist/Preloaders/components/SpinnerGrow/SpinnerGrow.css

@@ -0,0 +1 @@
+._spinner-grow_ex1su_1{display:inline-block;width:2rem;height:2rem;vertical-align:-.125em;background-color:currentColor;border-radius:50%;opacity:0;animation:.75s linear infinite _spinner-grow_ex1su_1}._spinner-grow-sm_ex1su_12{width:1rem;height:1rem}._positionCenterByParent_ex1su_17{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;justify-content:center;align-items:center}@keyframes _spinner-grow_ex1su_1{0%{transform:scale(0)}50%{opacity:1;transform:none}}

package/dist/Preloaders/components/SpinnerGrow/SpinnerGrow.d.ts

@@ -0,0 +1,4 @@
+export interface SpinnerGrowProps {
+    bgColor?: string;
+}
+export declare const SpinnerGrow: import('react').MemoExoticComponent<import('react').ForwardRefExoticComponent<SpinnerGrowProps & import('react').RefAttributes<HTMLDivElement>>>;

package/dist/Preloaders/components/SpinnerGrow/SpinnerGrow.js

@@ -0,0 +1,16 @@
+import { jsx as n } from "react/jsx-runtime";
+import { Box as e } from "@mui/material";
+import { forwardRef as t, memo as p } from "react";
+import './SpinnerGrow.css';const m = "_spinner-grow_ex1su_1", _ = "_spinner-grow-sm_ex1su_12", a = "_positionCenterByParent_ex1su_17", o = {
+  "spinner-grow": "_spinner-grow_ex1su_1",
+  spinnerGrow: m,
+  "spinner-grow-sm": "_spinner-grow-sm_ex1su_12",
+  spinnerGrowSm: _,
+  positionCenterByParent: a
+}, w = t(({ bgColor: r = "primary" }, s) => {
+  const i = r.startsWith("#") ? r : `${r}.main`;
+  return /* @__PURE__ */ n(e, { className: o.positionCenterByParent, id: "preloader", ref: s, children: /* @__PURE__ */ n(e, { className: `${o["spinner-grow"]} `, bgcolor: i, role: "status" }) });
+}), g = p(w);
+export {
+  g as SpinnerGrow
+};

package/dist/Preloaders/components/Time/Time.css

@@ -0,0 +1 @@
+._clockLoader_t25hx_1{display:flex;justify-content:center;align-items:center;position:absolute;left:0;right:0;bottom:0;top:0;z-index:10}._item_t25hx_13{width:4rem;height:4rem;border-radius:50%;border:3px solid #345;display:flex;justify-content:center;align-items:center;position:relative}._item_t25hx_13:before,._item_t25hx_13:after{content:"";position:absolute;width:.2rem;border-radius:10px;transform:translateY(-45%);transform-origin:50% 95%;animation:_spin_t25hx_1 infinite linear}._item_t25hx_13:before{height:1.6rem;animation-duration:2s;background-color:#345}._item_t25hx_13:after{background-color:#345c;height:.8rem;animation-duration:15s}@keyframes _spin_t25hx_1{to{transform:translateY(-45%) rotate(1turn)}}

package/dist/Preloaders/components/Time/Time.d.ts

@@ -0,0 +1,6 @@
+import { default as React, ReactNode } from 'react';
+export interface TimeProps {
+    children?: ReactNode;
+    color?: string;
+}
+export declare const Time: React.MemoExoticComponent<React.ForwardRefExoticComponent<TimeProps & React.RefAttributes<HTMLDivElement>>>;

package/dist/Preloaders/components/Time/Time.js

@@ -0,0 +1,26 @@
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import i, { forwardRef as n } from "react";
+import { Box as c } from "@mui/material";
+import './Time.css';const l = "_clockLoader_t25hx_1", d = "_item_t25hx_13", x = "_spin_t25hx_1", o = {
+  clockLoader: l,
+  item: d,
+  spin: x
+}, _ = n(({ color: e = "primary", children: s }, m) => {
+  const r = e.startsWith("#") ? e : `${e}.main`;
+  return /* @__PURE__ */ a(c, { className: `${o.clockLoader} d-flex flex-column`, ref: m, children: [
+    /* @__PURE__ */ t(
+      c,
+      {
+        sx: {
+          borderColor: r,
+          "&:after, &:before": { backgroundColor: r }
+        },
+        className: o.item
+      }
+    ),
+    /* @__PURE__ */ t("div", { className: `${o.clockLoader} ${o.title}`, children: s })
+  ] });
+}), h = i.memo(_);
+export {
+  h as Time
+};

package/dist/declaration.d.js

@@ -0,0 +1 @@
+

package/dist/index.d.ts

@@ -0,0 +1 @@
+export * from './Preloaders/Preloaders';

package/dist/index.js

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

package/package.json

@@ -0,0 +1,59 @@
+{
+  "name": "rc-lib-ui",
+  "version": "1.0.0",
+  "author": "SinGlEBW",
+  "license": "MIT",
+
+  "type": "module",
+  "module": "./dist/index.js",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/",
+    "directory": "dist"
+  },
+  "keywords": [
+    "rc-lib-ui"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@emotion/react": "^11.13.3",
+    "@emotion/styled": "^11.13.0",
+    "@mui/material": "^6.1.0",
+    "@mui/styled-engine": "^6.1.0",
+    "classnames": "^2.5.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-transition-group": "^4.4.5",
+    "sass-embedded": "^1.78.0"
+  },
+  "devDependencies": {
+    "@types/node": "^22.5.4",
+    "@types/react": "^18.2.64",
+    "@types/react-dom": "^18.2.21",
+    "@types/react-transition-group": "^4.4.11",
+    "@typescript-eslint/eslint-plugin": "^7.1.1",
+    "@typescript-eslint/parser": "^7.1.1",
+    "@vitejs/plugin-react-swc": "^3.5.0",
+    "eslint": "^8.57.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.5",
+    "glob": "^11.0.0",
+    "prettier": "^3.3.3",
+    "sass": "^1.78.0",
+    "typescript": "^5.2.2",
+    "typescript-plugin-css-modules": "^5.1.0",
+    "vite": "^5.1.6",
+    "vite-plugin-dts": "^4.2.1",
+    "vite-plugin-lib-inject-css": "^2.1.1"
+  }
+}