@gustavo-valsechi/client 1.3.0

package/dist/components/types/credit-card/card/styles.js

@@ -0,0 +1,138 @@
+"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 `
+    height: 11rem;
+    width: 20rem;
+    border-radius: 8px;
+    background: ${({ theme }) => theme.t05};
+    padding: 1.5rem;
+    display: inline-flex;
+    justify-content: space-between;
+    gap: 1rem;
+    white-space: nowrap;
+    position: relative;
+    z-index: 0;
+    backdrop-filter: blur(5px);
+
+    @media(max-width: ${({ theme }) => theme.mobileMaxWidth}) {
+        width: 100%;
+        height: 10rem;
+    }
+
+    @media(max-width: ${({ theme }) => theme.mobileMinWidth}) {
+        height: 9rem;
+    }
+
+    .iz-credit-card-left {
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        gap: 1rem;
+        width: 100%;
+
+        .iz-credit-card-top {
+            div {
+                width: 2.5rem;
+                height: 1.5rem;
+                background-size: contain;
+                background-repeat: no-repeat;
+            }
+        }
+
+        .iz-credit-card-bottom {
+            display: flex;
+            flex-direction: column;
+            gap: .8rem;
+
+            .iz-credit-card-elipse {
+                position: absolute;
+                left: 0;
+                right: 0;
+                white-space: nowrap;
+                overflow: hidden;
+                text-overflow: ellipsis;
+            }
+
+            .iz-credit-card-number {
+                font-size: 1.1rem;
+                font-weight: 600;
+                color: ${({ theme }) => theme.t6};
+                position: relative;
+                height: 1.1rem;
+
+                @media(max-width: ${({ theme }) => theme.mobileMaxWidth}) {
+                    font-size: .9rem;
+                    height: .9rem;
+                }
+
+                @media(max-width: ${({ theme }) => theme.mobileMinWidth}) {
+                    font-size: .7rem;
+                    height: .7rem;
+                }
+            }
+
+            .iz-credit-card-name {
+                font-size: .9rem;
+                font-weight: 500;
+                position: relative;
+                text-transform: uppercase;
+                color: ${({ theme }) => theme.t5};
+                height: .9rem;
+
+                @media(max-width: ${({ theme }) => theme.mobileMaxWidth}) {
+                    font-size: .7rem;
+                    height: .7rem;
+                }
+
+                @media(max-width: ${({ theme }) => theme.mobileMinWidth}) {
+                    font-size: .5rem;
+                    height: .5rem;
+                }
+            }
+        }
+    }
+
+    .iz-credit-card-right {
+        display: flex;
+        flex-direction: column;
+        justify-content: space-between;
+        align-items: flex-end;
+        gap: 1rem;
+
+        .iz-credit-card-top {
+            display: flex;
+            justify-content: end;
+
+            div {
+                width: 2.5rem;
+                height: 2.5rem;
+                background-size: contain;
+                background-repeat: no-repeat;
+            }
+        }
+
+        .iz-credit-card-bottom {
+            display: flex;
+            flex-direction: column;
+            text-align: right;
+
+            span:first-child {
+                font-size: .6rem;
+                font-weight: 600;
+                color: ${({ theme }) => theme.t3};
+            }
+
+            span:last-child {
+                font-size: .8rem;
+                font-weight: 600;
+                color: ${({ theme }) => theme.t5};
+            }
+        }
+    }
+`;

package/dist/components/types/credit-card/functions/index.d.ts

@@ -0,0 +1,2 @@
+import { ICreditCard } from "@interfaces";
+export default function CreditCardFunctions(props: ICreditCard): false | import("react/jsx-runtime").JSX.Element;

package/dist/components/types/credit-card/functions/index.js

@@ -0,0 +1,14 @@
+"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.default = CreditCardFunctions;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styles_1 = require("./styles");
+const lodash_1 = __importDefault(require("lodash"));
+function CreditCardFunctions(props) {
+    return lodash_1.default.some(props.functions, (data) => !data.hide) && ((0, jsx_runtime_1.jsx)(styles_1.Container, { className: "iz-credit-card-function-container", children: lodash_1.default.map(props.functions, (data, index) => !data.hide &&
+            (0, jsx_runtime_1.jsx)("div", { className: "iz-credit-card-function", onClick: data.function, children: (0, jsx_runtime_1.jsx)("i", { "aria-hidden": true, className: data.icon }) }, index)) }));
+}

package/dist/components/types/credit-card/functions/styles.d.ts

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

package/dist/components/types/credit-card/functions/styles.js

@@ -0,0 +1,43 @@
+"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 `
+    display: flex;
+    flex-direction: column;
+    gap: .5rem;
+    margin-left: -2.5rem;
+    transition: ease .3s;
+    width: 2rem;
+
+    .iz-credit-card-function {
+        width: 2rem;
+        height: 2rem;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border-radius: 5px;
+        background: ${({ theme }) => theme.t05};
+        color: ${({ theme }) => theme.t6};
+        font-size: .85rem;
+        transform: translateX(-2rem);
+        opacity: 0;
+        cursor: pointer;
+
+        &:hover {
+            color: ${({ theme }) => theme.t8};
+        }
+    }
+
+    .iz-credit-card-function:nth-child(1) {
+        transition: 5s ease transform, ease .2s opacity, ease .3s color;
+    }
+
+    .iz-credit-card-function:nth-child(2) {
+        transition: .3s ease .1s transform, ease .2s opacity, ease .3s color;
+    }
+`;

package/dist/components/types/credit-card/index.d.ts

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

package/dist/components/types/credit-card/index.js

@@ -0,0 +1,35 @@
+"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.CreditCard = CreditCard;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styles_1 = require("./styles");
+const card_1 = __importDefault(require("./card"));
+const functions_1 = __importDefault(require("./functions"));
+function CreditCard(props) {
+    const functions = [
+        {
+            icon: "fa-regular fa-pen-to-square",
+            label: "Editar",
+            function: props.onEdit,
+            hide: !props.onEdit
+        },
+        {
+            icon: "fa-solid fa-gear",
+            label: "Configurações",
+            function: props.onConfig,
+            hide: !props.onConfig
+        },
+        {
+            icon: "fa-solid fa-trash-can",
+            label: "Remover",
+            function: props.onRemove,
+            hide: !props.onRemove
+        },
+        ...(props.functions || [])
+    ];
+    return ((0, jsx_runtime_1.jsxs)(styles_1.Container, { children: [(0, jsx_runtime_1.jsx)(card_1.default, { ...props }), (0, jsx_runtime_1.jsx)(functions_1.default, { ...props, functions: functions })] }));
+}

package/dist/components/types/credit-card/styles.d.ts

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

package/dist/components/types/credit-card/styles.js

@@ -0,0 +1,40 @@
+"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: 8px 8px 0 0;
+    transition: .2s ease .2s background, .2s ease .2s padding;
+    position: relative;
+    display: flex;
+    gap: .5rem;
+    height: 11rem;
+    pointer-events: all;
+
+    @media(max-width: ${({ theme }) => theme.mobileMaxWidth}) {
+        width: 100%;
+    }
+
+    &:hover {
+        .iz-credit-card-function-container {
+            margin-left: 0;
+
+            .iz-credit-card-function {
+                transform: translateX(0);
+                opacity: 1;
+            }
+
+            .iz-credit-card-function:nth-child(1) {
+                transition: .3s ease transform, .2s ease .1s opacity, ease .3s color;
+            }
+
+            .iz-credit-card-function:nth-child(2) {
+                transition: .3s ease .1s transform, .2s ease .2s opacity, ease .3s color;
+            }
+        }
+    }
+`;

package/dist/components/types/credit-card/tools/index.d.ts

@@ -0,0 +1,6 @@
+import luhn from "luhn";
+export declare const validateLuhn: typeof luhn.validate;
+export declare const getCardContent: (cardNumber: string) => {
+    flag: string;
+    logo: string;
+};

package/dist/components/types/credit-card/tools/index.js

@@ -0,0 +1,26 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCardContent = exports.validateLuhn = void 0;
+const credit_card_type_1 = __importDefault(require("credit-card-type"));
+const assets_1 = __importDefault(require("../assets"));
+const luhn_1 = __importDefault(require("luhn"));
+const lodash_1 = __importDefault(require("lodash"));
+exports.validateLuhn = luhn_1.default.validate;
+const getCardContent = (cardNumber) => {
+    const content = { flag: "", logo: "" };
+    if (!cardNumber)
+        return content;
+    const potentialCardContents = (0, credit_card_type_1.default)(cardNumber);
+    if (potentialCardContents.length === 1) {
+        const cardContent = potentialCardContents.shift();
+        const flag = cardContent === null || cardContent === void 0 ? void 0 : cardContent.type;
+        content.flag = flag || "";
+        content.logo = assets_1.default[lodash_1.default.upperFirst(lodash_1.default.camelCase(flag))] || "";
+        return content;
+    }
+    return content;
+};
+exports.getCardContent = getCardContent;

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

@@ -0,0 +1,3 @@
+import { IForm } from "@interfaces";
+export * from "./types";
+export declare function Form(props: IForm): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,85 @@
+"use client";
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Form = Form;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
+const styles_1 = require("./styles");
+const zod_1 = require("zod");
+const react_hook_form_1 = require("react-hook-form");
+const zod_2 = require("@hookform/resolvers/zod");
+const lodash_1 = __importDefault(require("lodash"));
+const Types = __importStar(require("./types"));
+__exportStar(require("./types"), exports);
+function Form(props) {
+    const formRef = props.formRef || (0, react_1.useRef)({});
+    const setSchema = () => {
+        const schema = {};
+        lodash_1.default.forEach(props.inputs, (data) => {
+            if (!data.validation)
+                return;
+            schema[data.name] = data.validation;
+        });
+        if (props.validation)
+            return props.validation(zod_1.z.object(schema));
+        return zod_1.z.object(schema);
+    };
+    const schema = setSchema();
+    const { register, handleSubmit, reset, formState: { errors } } = (0, react_hook_form_1.useForm)({
+        resolver: (0, zod_2.zodResolver)(schema),
+        defaultValues: props.defaultValues,
+        mode: "all"
+    });
+    (0, react_1.useEffect)(() => {
+        if (!props.clearWhen)
+            return;
+        reset(undefined, { keepErrors: false });
+    }, [props.clearWhen]);
+    (0, react_1.useEffect)(() => {
+        var _a;
+        if (!props.defaultValues || !((_a = Object.keys(props.defaultValues || {})) === null || _a === void 0 ? void 0 : _a.length))
+            return;
+        lodash_1.default.forEach(props.defaultValues, (value, key) => {
+            const input = lodash_1.default.find(props.inputs, (data) => data.name === key);
+            props.defaultValues[key] = input.mask ? input.mask(value) : value;
+        });
+        reset(props.defaultValues, { keepErrors: false });
+    }, [props.defaultValues]);
+    const component = (data) => {
+        var _a;
+        const component = Types[lodash_1.default.camelCase(data.type)];
+        const TypeComponent = component || Types.InputText;
+        return (0, jsx_runtime_1.jsx)(TypeComponent, { ...lodash_1.default.omit(data, ["validation"]), id: data.name, type: component ? undefined : data.type, error: (_a = errors[data.name]) === null || _a === void 0 ? void 0 : _a.message, register: register });
+    };
+    return ((0, jsx_runtime_1.jsxs)(styles_1.Container, { ref: formRef, onSubmit: handleSubmit(props.onSubmit), children: [lodash_1.default.map(props.inputs, (data, index) => (0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: component(data) }, index)), lodash_1.default.isArray(props.buttons) &&
+                (0, jsx_runtime_1.jsx)("div", { className: "form-buttons", children: lodash_1.default.map(props.buttons, (data, index) => (0, jsx_runtime_1.jsx)(Types.Button, { ...data }, index)) })] }));
+}

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

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

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

@@ -0,0 +1,21 @@
+"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.form `
+    width: 100%;
+
+    .form-buttons {
+        width: 100%;
+        padding-top: 1rem;
+
+        button {
+            width: 100%;
+            margin-top: 1rem;
+        }
+    }
+`;

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

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

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

@@ -0,0 +1,14 @@
+"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.Button = Button;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const styles_1 = require("./styles");
+const loading_1 = require("./loading");
+const lodash_1 = __importDefault(require("lodash"));
+function Button(props) {
+    return ((0, jsx_runtime_1.jsxs)(styles_1.Container, { loading: String(!!props.loading), disabled: props.disabled, type: props.type || "button", ...lodash_1.default.omit(props, ["loading", "type"]), children: [!!props.loading && (0, jsx_runtime_1.jsx)(loading_1.Loading, {}), (0, jsx_runtime_1.jsx)("span", { children: props.label })] }));
+}

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

@@ -0,0 +1 @@
+export declare function Loading(): import("react/jsx-runtime").JSX.Element;

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

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

package/dist/components/types/form/types/button/loading/styles.d.ts

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

package/dist/components/types/form/types/button/loading/styles.js

@@ -0,0 +1,94 @@
+"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 `
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    width: 2rem;
+    margin-right: .5rem;
+
+    div {
+        width: .5rem;
+        height: .5rem;
+        border-radius: 1rem;
+        background: rgb(255, 255, 255, 1);
+
+        &:nth-child(1) {
+            animation: blinkOne infinite ease 2s;
+        }
+
+        &:nth-child(2) {
+            animation: blinkTwo infinite ease 2s;
+        }
+
+        &:nth-child(3) {
+            animation: blinkThree infinite ease 2s;
+        }
+    }
+
+    @keyframes blinkOne {
+        0% {
+            opacity: 0.8;
+        }
+        20% {
+            opacity: 0.2;
+        }
+        40% {
+            opacity: 0.2;
+        }
+        60% {
+            opacity: 0.2;
+        }
+        80% {
+            opacity: 0.2;
+        }
+        100% {
+            opacity: 0.8;
+        }
+    }
+
+    @keyframes blinkTwo {
+        0% {
+            opacity: 0.2;
+        }
+        20% {
+            opacity: 0.8;
+        }
+        40% {
+            opacity: 0.2;
+        }
+        60% {
+            opacity: 0.2;
+        }
+        80% {
+            opacity: 0.8;
+        }
+        100% {
+            opacity: 0.2;
+        }
+    }
+
+    @keyframes blinkThree {
+        0% {
+            opacity: 0.2;
+        }
+        25% {
+            opacity: 0.2;
+        }
+        50% {
+            opacity: 0.8;
+        }
+        75% {
+            opacity: 0.2;
+        }
+        100% {
+            opacity: 0.2;
+        }
+    }
+`;

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

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

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

@@ -0,0 +1,61 @@
+"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.button `
+    border-radius: 5px;
+    font-size: .8rem;
+    font-weight: 500;
+    transition: ease .3s;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: ${(props) => props.transparent
+    ? props.theme.t6
+    : props.outline
+        ? props.color || props.theme.secondary
+        : "#fff !important"};
+    background: ${(props) => props.transparent
+    ? "transparent"
+    : props.outline ? props.theme.t05 : props.color || props.theme.secondary};
+    border: 1px solid ${(props) => props.transparent
+    ? "transparent"
+    : props.outline ? props.theme.t05 : props.color || props.theme.secondary};
+    pointer-events: ${(props) => props.loading === "true" ? "none" : "auto"};
+    cursor: ${(props) => props.loading === "true" ? "default" : "pointer"};
+    opacity: ${(props) => props.loading === "true" ? .6 : 1};
+    padding: .4rem 2.5rem;
+    transition: ease .3s;
+
+    span {
+        text-align: center;
+        cursor: ${(props) => props.loading === "true" ? "default" : "pointer"};
+    }
+
+    &:disabled {
+        pointer-events: none;
+        
+        &::before {
+            opacity: .6;
+        }
+    }
+
+    &:hover {
+        opacity: .9;
+        color: ${(props) => props.transparent
+    ? props.theme.t6
+    : props.outline
+        ? props.color || props.theme.secondary
+        : "#fff"};
+        
+        &::before {
+            background: ${(props) => props.transparent
+    ? "transparent"
+    : props.color || props.theme.secondary};
+        }
+    }
+`;

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

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

package/dist/components/types/form/types/datetime/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.InputDateTime = InputDateTime;
+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 InputDateTime(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(event);
+    };
+    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)("input", { ...lodash_1.default.omit(props, ["className", "onChange", "mask", "type", "required", "register"]), type: "datetime-local", onFocus: () => {
+                        if (props.onFocus)
+                            props.onFocus(props.name);
+                    }, maxLength: props.maxLength || 255, ...register, onChange: onChange }) }), !!props.error && ((0, jsx_runtime_1.jsx)("div", { className: "iz-input-error", children: props.error }))] }));
+}

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

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