@gustavo-valsechi/client 1.3.0

package/dist/components/types/form/types/datetime/styles.js

@@ -0,0 +1,46 @@
+"use client";
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Container = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.Container = styled_components_1.default.div `
+    width: 100%;
+    padding-top: .3rem;
+
+    .iz-input-content {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border: 1px solid ${({ error, theme }) => error ? theme.negative : theme.t2};
+        border-radius: 5px;
+        overflow: hidden;
+
+        input {
+            border: 0;
+            padding: .5rem 1rem;
+            width: 100%;
+            font-size: .8rem;
+            background-color: ${({ theme }) => theme.primary};
+            color: ${({ theme }) => theme.t6};
+            color-scheme: ${(props) => props.theme || "light"};
+
+            &:disabled {
+                background-color: ${({ theme }) => theme.t2};
+                color: ${({ theme }) => theme.t6};
+                opacity: .7;
+            }
+
+            &:focus-visible {
+                outline: none;
+            }
+        }
+    }
+
+    .iz-input-error {
+        color: ${({ theme }) => theme.negative};
+        font-size: .7rem;
+    }
+`;

package/dist/components/types/form/types/file/index.d.ts

@@ -0,0 +1,2 @@
+import { IInputFile } from "@interfaces";
+export declare function InputFile(props: IInputFile): import("react/jsx-runtime").JSX.Element;

package/dist/components/types/form/types/file/index.js

@@ -0,0 +1,27 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputFile = InputFile;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const styles_1 = require("./styles");
+const label_1 = require("../label");
+function InputFile(props) {
+    var _a;
+    const inputRef = (0, react_1.useRef)({});
+    const register = (props.register || ((name) => ({})))(props.name || "");
+    const readImage = (data) => {
+        if (props.onPreview)
+            props.onPreview(URL.createObjectURL(data));
+        if (props.onChange)
+            props.onChange(data);
+    };
+    return ((0, jsx_runtime_1.jsxs)(styles_1.Container, { className: props.className, error: props.error, disabled: props.disabled, children: [(0, jsx_runtime_1.jsx)("input", { hidden: true, type: "file", id: "file", accept: "image/*", ref: inputRef, disabled: props.disabled, name: props.name, onFocus: () => {
+                    if (props.onFocus)
+                        props.onFocus(props.name);
+                }, ...register, onChange: (e) => {
+                    var _a;
+                    register.onChange(e);
+                    readImage((_a = e.target.files) === null || _a === void 0 ? void 0 : _a[0]);
+                } }), !!props.label && (0, jsx_runtime_1.jsxs)(label_1.InputLabel, { children: [props.label, props.required ? "*" : ""] }), (0, jsx_runtime_1.jsx)("div", { className: "iz-image-content", onClick: () => inputRef.current.click(), children: ((_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.value) || "selecione uma imagem" }), !!props.error && ((0, jsx_runtime_1.jsx)("div", { className: "iz-input-error", children: props.error }))] }));
+}

package/dist/components/types/form/types/file/styles.d.ts

@@ -0,0 +1 @@
+export declare const Container: any;

package/dist/components/types/form/types/file/styles.js

@@ -0,0 +1,33 @@
+"use client";
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Container = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.Container = styled_components_1.default.div `
+    width: 100%;
+    padding-top: .3rem;
+
+    .iz-image-content {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border: 1px solid ${({ error, theme }) => error ? theme.negative : theme.t2};
+        border-radius: 5px;
+        overflow: hidden;
+        padding: .5rem 1rem;
+        width: 100%;
+        font-size: .8rem;
+        background: ${(props) => props.disabled ? "${({ theme }) => theme.t2}" : "${({ theme }) => theme.primary}"};
+        opacity: ${(props) => props.disabled ? ".7" : "1"};
+        color: ${({ theme }) => theme.t6};
+        cursor: pointer;
+    }
+
+    .iz-input-error {
+        color: ${({ theme }) => theme.negative};
+        font-size: .7rem;
+    }
+`;

package/dist/components/types/form/types/index.d.ts

@@ -0,0 +1,7 @@
+export * from "./file";
+export * from "./label";
+export * from "./input";
+export * from "./select";
+export * from "./button";
+export * from "./datetime";
+export * from "./textarea";

package/dist/components/types/form/types/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./file"), exports);
+__exportStar(require("./label"), exports);
+__exportStar(require("./input"), exports);
+__exportStar(require("./select"), exports);
+__exportStar(require("./button"), exports);
+__exportStar(require("./datetime"), exports);
+__exportStar(require("./textarea"), exports);

package/dist/components/types/form/types/input/index.d.ts

@@ -0,0 +1,2 @@
+import { IInputText } from "@interfaces";
+export declare function InputText(props: IInputText): import("react/jsx-runtime").JSX.Element;

package/dist/components/types/form/types/input/index.js

@@ -0,0 +1,28 @@
+"use client";
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputText = InputText;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const styles_1 = require("./styles");
+const label_1 = require("../label");
+const lodash_1 = __importDefault(require("lodash"));
+function InputText(props) {
+    const [showPassword, setShowPassword] = (0, react_1.useState)(false);
+    const register = (props.register || ((name) => ({})))(props.name || "");
+    const onChange = (event) => {
+        const value = event.target.value || "";
+        event.target.value = props.mask ? props.mask(value) : value;
+        if (register.onChange)
+            register.onChange(event);
+        if (props.onChange)
+            props.onChange(value);
+    };
+    return ((0, jsx_runtime_1.jsxs)(styles_1.Container, { className: props.className, error: props.error, password: props.type === "password", children: [!!props.label && (0, jsx_runtime_1.jsxs)(label_1.InputLabel, { children: [props.label, props.required ? "*" : ""] }), (0, jsx_runtime_1.jsxs)("div", { className: "iz-input-content", children: [(0, jsx_runtime_1.jsx)("input", { ...lodash_1.default.omit(props, ["className", "register", "mask"]), type: props.type === "password" ? showPassword ? "text" : "password" : props.type, maxLength: props.maxLength || 255, onFocus: () => {
+                            if (props.onFocus)
+                                props.onFocus(props.name);
+                        }, ...register, onChange: onChange }), props.type === "password" && ((0, jsx_runtime_1.jsx)("i", { "aria-hidden": true, className: showPassword ? "fa-solid fa-eye-slash" : "fa-solid fa-eye", onClick: () => setShowPassword(!showPassword) }))] }), !!props.error && ((0, jsx_runtime_1.jsx)("div", { className: "iz-input-error", children: props.error }))] }));
+}

package/dist/components/types/form/types/input/styles.d.ts

@@ -0,0 +1 @@
+export declare const Container: any;

package/dist/components/types/form/types/input/styles.js

@@ -0,0 +1,52 @@
+"use client";
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Container = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.Container = styled_components_1.default.div `
+    width: 100%;
+    padding-top: .3rem;
+
+    .iz-input-content {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border: 1px solid ${({ error, theme }) => error ? theme.negative : theme.t2};
+        border-radius: 5px;
+        overflow: hidden;
+        padding-right: ${({ password }) => password ? ".6rem" : "0rem"};
+        background-color: ${({ theme }) => theme.primary};
+
+        input {
+            border: 0;
+            padding: .5rem 1rem;
+            width: 100%;
+            font-size: .8rem;
+            background-color: ${({ theme }) => theme.primary};
+            color: ${({ theme }) => theme.t6};
+
+            &:disabled {
+                background-color: ${({ theme }) => theme.t2};
+                color: ${({ theme }) => theme.t6};
+                opacity: .7;
+            }
+
+            &:focus-visible {
+                outline: none;
+            }
+        }
+
+        i {
+            color: ${({ theme }) => theme.t3};
+            cursor: pointer;
+        }
+    }
+
+    .iz-input-error {
+        color: ${({ theme }) => theme.negative};
+        font-size: .7rem;
+    }
+`;

package/dist/components/types/form/types/label/index.d.ts

@@ -0,0 +1,2 @@
+import { IInputLabel } from "@interfaces";
+export declare function InputLabel(props: IInputLabel): import("react/jsx-runtime").JSX.Element;

package/dist/components/types/form/types/label/index.js

@@ -0,0 +1,9 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputLabel = InputLabel;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styles_1 = require("./styles");
+function InputLabel(props) {
+    return ((0, jsx_runtime_1.jsx)(styles_1.Container, { className: props.className, children: props.children }));
+}

package/dist/components/types/form/types/label/styles.d.ts

@@ -0,0 +1 @@
+export declare const Container: any;

package/dist/components/types/form/types/label/styles.js

@@ -0,0 +1,13 @@
+"use client";
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Container = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.Container = styled_components_1.default.label `
+    font-size: .8rem;
+    font-weight: 500;
+    color: ${({ theme }) => theme.t6};
+`;

package/dist/components/types/form/types/select/index.d.ts

@@ -0,0 +1,2 @@
+import { IInputSelect } from "@interfaces";
+export declare function InputSelect(props: IInputSelect): import("react/jsx-runtime").JSX.Element;

package/dist/components/types/form/types/select/index.js

@@ -0,0 +1,31 @@
+"use client";
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputSelect = InputSelect;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const styles_1 = require("./styles");
+const label_1 = require("../label");
+const lodash_1 = __importDefault(require("lodash"));
+function InputSelect(props) {
+    const [focus, setFocus] = (0, react_1.useState)(false);
+    const register = (props.register || ((name) => ({})))(props.name || "");
+    const onChange = (event) => {
+        const value = event.target.value || "";
+        if (register.onChange)
+            register.onChange(event);
+        if (props.onChange)
+            props.onChange(value);
+    };
+    return ((0, jsx_runtime_1.jsxs)(styles_1.Container, { className: props.className, error: props.error, children: [!!props.label && (0, jsx_runtime_1.jsxs)(label_1.InputLabel, { children: [props.label, props.required ? "*" : ""] }), (0, jsx_runtime_1.jsxs)("div", { className: "iz-input-content", children: [(0, jsx_runtime_1.jsx)("select", { ...lodash_1.default.omit(props, ["className", "onChange", "onFocus", "options", "onMouseDown", "onBlur", "maxLength", "required", "register"]), onMouseDown: () => setFocus(!focus), onFocus: () => {
+                            if (props.onFocus)
+                                props.onFocus(props.name);
+                        }, ...register, onBlur: (event) => {
+                            if (register.onBlur)
+                                register.onBlur(event);
+                            setFocus(false);
+                        }, onChange: onChange, children: lodash_1.default.map(props.options, (data, index) => (0, jsx_runtime_1.jsx)("option", { value: Object.keys(data), children: Object.values(data) }, index)) }), (0, jsx_runtime_1.jsx)("i", { "aria-hidden": true, className: focus ? "fa-solid fa-chevron-up" : "fa-solid fa-chevron-down" })] }), !!props.error && ((0, jsx_runtime_1.jsx)("div", { className: "iz-input-error", children: props.error }))] }));
+}

package/dist/components/types/form/types/select/styles.d.ts

@@ -0,0 +1 @@
+export declare const Container: any;

package/dist/components/types/form/types/select/styles.js

@@ -0,0 +1,58 @@
+"use client";
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Container = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.Container = styled_components_1.default.div `
+    width: 100%;
+    padding-top: .3rem;
+
+    .iz-input-content {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border: 1px solid ${({ error, theme }) => error ? theme.negative : theme.t2};
+        border-radius: 5px;
+        overflow: hidden;
+        position: relative;
+        cursor: pointer;
+
+        select {
+            border: 0;
+            padding: .5rem 2.3rem .5rem 1rem;
+            width: 100%;
+            font-size: .8rem;
+            appearance: none;
+            cursor: pointer;
+            background-color: ${({ theme }) => theme.primary};
+            color: ${({ theme }) => theme.t6};
+
+            &:disabled {
+                background-color: ${({ theme }) => theme.t2};
+                color: ${({ theme }) => theme.t6};
+                opacity: .7;
+            }
+
+            &:focus-visible {
+                outline: none;
+            }
+        }
+
+        i {
+            position: absolute;
+            top: 50%;
+            right: .8rem;
+            transform: translateY(-50%);
+            font-size: .8rem;
+            color: ${({ theme }) => theme.t6};
+        }
+    }
+
+    .iz-input-error {
+        color: ${({ theme }) => theme.negative};
+        font-size: .7rem;
+    }
+`;

package/dist/components/types/form/types/textarea/index.d.ts

@@ -0,0 +1,2 @@
+import { IInputTextarea } from "@interfaces";
+export declare function InputTextarea(props: IInputTextarea): import("react/jsx-runtime").JSX.Element;

package/dist/components/types/form/types/textarea/index.js

@@ -0,0 +1,26 @@
+"use client";
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputTextarea = InputTextarea;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styles_1 = require("./styles");
+const label_1 = require("../label");
+const lodash_1 = __importDefault(require("lodash"));
+function InputTextarea(props) {
+    const register = (props.register || ((name) => ({})))(props.name || "");
+    const onChange = (event) => {
+        const value = event.target.value || "";
+        event.target.value = props.mask ? props.mask(value) : value;
+        if (register.onChange)
+            register.onChange(event);
+        if (props.onChange)
+            props.onChange(value);
+    };
+    return ((0, jsx_runtime_1.jsxs)(styles_1.Container, { className: props.className, error: props.error, children: [!!props.label && (0, jsx_runtime_1.jsxs)(label_1.InputLabel, { children: [props.label, props.required ? "*" : ""] }), (0, jsx_runtime_1.jsx)("div", { className: "iz-input-content", children: (0, jsx_runtime_1.jsx)("textarea", { ...lodash_1.default.omit(props, ["onFocus", "maxLength", "className", "onChange", "mask", "rows", "required", "register"]), maxLength: props.maxLength, rows: props.rows || 5, onFocus: () => {
+                        if (props.onFocus)
+                            props.onFocus(props.name);
+                    }, ...register, onChange: onChange }) }), !!props.error && ((0, jsx_runtime_1.jsx)("div", { className: "iz-input-error", children: props.error }))] }));
+}

package/dist/components/types/form/types/textarea/styles.d.ts

@@ -0,0 +1 @@
+export declare const Container: any;

package/dist/components/types/form/types/textarea/styles.js

@@ -0,0 +1,45 @@
+"use client";
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Container = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.Container = styled_components_1.default.div `
+    width: 100%;
+    padding-top: .3rem;
+
+    .iz-input-content {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border: 1px solid ${({ error, theme }) => error ? theme.negative : theme.t2};
+        border-radius: 5px;
+        overflow: hidden;
+
+        textarea {
+            border: 0;
+            padding: .5rem 1rem;
+            width: 100%;
+            font-size: .8rem;
+            background-color: ${({ theme }) => theme.primary};
+            color: ${({ theme }) => theme.t6};
+
+            &:disabled {
+                background-color: ${({ theme }) => theme.t2};
+                color: ${({ theme }) => theme.t6};
+                opacity: .7;
+            }
+
+            &:focus-visible {
+                outline: none;
+            }
+        }
+    }
+
+    .iz-input-error {
+        color: ${({ theme }) => theme.negative};
+        font-size: .7rem;
+    }
+`;

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

@@ -0,0 +1,11 @@
+export * from "./table";
+export * from "./loading";
+export * from "./modal";
+export * from "./badge";
+export * from "./logo";
+export * from "./form";
+export * from "./chart";
+export * from "./avatar";
+export * from "./lottie";
+export * from "./credit-card";
+export * from "./block";

package/dist/components/types/index.js

@@ -0,0 +1,27 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./table"), exports);
+__exportStar(require("./loading"), exports);
+__exportStar(require("./modal"), exports);
+__exportStar(require("./badge"), exports);
+__exportStar(require("./logo"), exports);
+__exportStar(require("./form"), exports);
+__exportStar(require("./chart"), exports);
+__exportStar(require("./avatar"), exports);
+__exportStar(require("./lottie"), exports);
+__exportStar(require("./credit-card"), exports);
+__exportStar(require("./block"), exports);

package/dist/components/types/loading/app/index.d.ts

@@ -0,0 +1,2 @@
+import { ILoadingApp } from "@interfaces";
+export declare function LoadingApp(props: ILoadingApp): import("react/jsx-runtime").JSX.Element;

package/dist/components/types/loading/app/index.js

@@ -0,0 +1,10 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoadingApp = LoadingApp;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styles_1 = require("./styles");
+const logo_1 = require("../../logo");
+function LoadingApp(props) {
+    return ((0, jsx_runtime_1.jsx)(styles_1.Container, { ...props, children: (0, jsx_runtime_1.jsx)(logo_1.Logo, { className: "iz-loading-logo", onlyPrefix: true }) }));
+}

package/dist/components/types/loading/app/styles.d.ts

@@ -0,0 +1 @@
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;

package/dist/components/types/loading/app/styles.js

@@ -0,0 +1,93 @@
+"use client";
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Container = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.Container = styled_components_1.default.div `
+    width: ${({ initialization }) => initialization ? "100vw" : "100%"};
+    height: ${({ initialization }) => initialization ? "100vh" : "calc(100vh - 15rem)"};
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    position: ${({ initialization }) => initialization ? "absolute" : "relative"};;
+    bottom: 0;
+    left: 0;
+    background: ${({ initialization, theme }) => initialization ? `${theme.maingrad}, ${theme.primary}` : "transparent"};
+    z-index: ${({ initialization }) => initialization ? "9" : "0"};
+    
+    .iz-loading-logo {
+        font-size: 4rem;
+        opacity: 40%;
+        animation: loop 2s infinite;
+        position: relative;
+
+        &::before {
+            content: "";
+            position: absolute;
+            width: 5rem;
+            height: 5rem;
+            animation: firstImpact 2s .5s infinite ease;
+            background: ${({ theme }) => theme.t05};
+            border-radius: 50%;
+            z-index: 0;
+            opacity: 0;
+        }
+
+        &::after {
+            content: "";
+            position: absolute;
+            width: 5rem;
+            height: 5rem;
+            animation: secondImpact 2s .5s infinite ease;
+            background: ${({ theme }) => theme.t05};
+            border-radius: 50%;
+            z-index: 0;
+            opacity: 0;
+        }
+
+        @keyframes loop {
+            0% {
+                transform: scale(1);
+            }
+            80% {
+                transform: scale(1.3);
+            }
+            100% {
+                transform: scale(1);
+            }
+        }
+
+        @keyframes firstImpact {
+            0% {
+                transform: scale(1);
+                opacity: 0;
+            }
+            10% {
+                transform: scale(1.6);
+                opacity: 1;
+            }
+            100% {
+                transform: scale(1.6);
+                opacity: 0;
+            }
+        }
+
+        @keyframes secondImpact {
+            0% {
+                transform: scale(1);
+                opacity: 0;
+            }
+            40% {
+                transform: scale(1.3);
+                opacity: 1;
+            }
+            100% {
+                transform: scale(1.3);
+                opacity: 0;
+            }
+        }
+    }
+`;

package/dist/components/types/loading/bar/index.d.ts

@@ -0,0 +1,2 @@
+import { ILoadingBar } from "@interfaces";
+export declare function LoadingBar(props: ILoadingBar): import("react/jsx-runtime").JSX.Element;

package/dist/components/types/loading/bar/index.js

@@ -0,0 +1,9 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoadingBar = LoadingBar;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styles_1 = require("./styles");
+function LoadingBar(props) {
+    return (0, jsx_runtime_1.jsx)(styles_1.Container, { ...props });
+}

package/dist/components/types/loading/bar/styles.d.ts

@@ -0,0 +1 @@
+export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", any> & string;

package/dist/components/types/loading/bar/styles.js

@@ -0,0 +1,27 @@
+"use client";
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Container = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.Container = styled_components_1.default.div `
+  border-radius: ${(props) => props.borderRadius || "10px"};
+  height: ${(props) => props.height || "100%"};
+  width: ${(props) => props.width || "100%"};
+  animation: loading infinite 2s;
+  margin: ${(props) => props.margin || "0px"};
+
+  @keyframes loading {
+    0% {
+      background: ${(props) => !props.dark ? "rgb(0, 0, 0, 0.05)" : "rgb(255, 255, 255, 0.05)"};
+    }
+    50% {
+      background: ${(props) => !props.dark ? "rgb(0, 0, 0, 0.10)" : "rgb(255, 255, 255, 0.15)"};
+    }
+    100% {
+      background: ${(props) => !props.dark ? "rgb(0, 0, 0, 0.05)" : "rgb(255, 255, 255, 0.05)"};
+    }
+  }
+`;