takeat-design-system-ui-kit 1.0.0 → 1.1.2

package/dist/cjs/components/Icon/index.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Icon = void 0;
-var Icon = function () {
-    return null;
-};
-exports.Icon = Icon;
-//# sourceMappingURL=index.js.map

package/dist/cjs/components/Icon/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Icon/index.tsx"],"names":[],"mappings":";;;AAAO,IAAM,IAAI,GAAG;IAClB,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAFW,QAAA,IAAI,QAEf"}

package/dist/cjs/components/Icon/styles.css.d.ts

@@ -1,3 +0,0 @@
-export declare const iconListClass: string;
-export declare const itemClass: string;
-export declare const searchInputClass: string;

package/dist/cjs/components/Icon/styles.css.js

@@ -1,39 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.searchInputClass = exports.itemClass = exports.iconListClass = void 0;
-var css_1 = require("@vanilla-extract/css");
-var theme_css_1 = require("../../theme/theme.css");
-exports.iconListClass = (0, css_1.style)({
-    display: "flex",
-    flexWrap: "wrap",
-    gap: theme_css_1.vars.spacing.xs,
-    paddingBottom: "20px",
-});
-exports.itemClass = (0, css_1.style)({
-    flexBasis: "170px",
-    flexGrow: 1,
-    display: "flex",
-    flexDirection: "column",
-    gap: theme_css_1.vars.spacing.xs,
-    alignItems: "center",
-    padding: theme_css_1.vars.spacing.xs,
-    borderRadius: theme_css_1.vars.radius.m,
-    boxShadow: theme_css_1.vars.shadows.lighter,
-    cursor: "pointer",
-    transition: "all 0.3s",
-    fontSize: "12px",
-    fontWeight: "600",
-    letterSpacing: "0.3px",
-    ":hover": {
-        boxShadow: theme_css_1.vars.shadows.default,
-        transform: "translateY(-2px)",
-    },
-});
-exports.searchInputClass = (0, css_1.style)({
-    padding: "8px 16px",
-    fontSize: "16px",
-    borderRadius: "8px",
-    border: "1px solid grey",
-    marginBottom: "16px",
-});
-//# sourceMappingURL=styles.css.js.map

package/dist/cjs/components/Icon/styles.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.css.js","sourceRoot":"","sources":["../../../../src/components/Icon/styles.css.ts"],"names":[],"mappings":";;;AAAA,4CAA6C;AAC7C,mDAA6C;AAEhC,QAAA,aAAa,GAAG,IAAA,WAAK,EAAC;IACjC,OAAO,EAAE,MAAM;IACf,QAAQ,EAAE,MAAM;IAChB,GAAG,EAAE,gBAAI,CAAC,OAAO,CAAC,EAAE;IACpB,aAAa,EAAE,MAAM;CACtB,CAAC,CAAC;AAEU,QAAA,SAAS,GAAG,IAAA,WAAK,EAAC;IAC7B,SAAS,EAAE,OAAO;IAClB,QAAQ,EAAE,CAAC;IACX,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;IACvB,GAAG,EAAE,gBAAI,CAAC,OAAO,CAAC,EAAE;IACpB,UAAU,EAAE,QAAQ;IACpB,OAAO,EAAE,gBAAI,CAAC,OAAO,CAAC,EAAE;IACxB,YAAY,EAAE,gBAAI,CAAC,MAAM,CAAC,CAAC;IAC3B,SAAS,EAAE,gBAAI,CAAC,OAAO,CAAC,OAAO;IAC/B,MAAM,EAAE,SAAS;IACjB,UAAU,EAAE,UAAU;IACtB,QAAQ,EAAE,MAAM;IAChB,UAAU,EAAE,KAAK;IACjB,aAAa,EAAE,OAAO;IACtB,QAAQ,EAAE;QACR,SAAS,EAAE,gBAAI,CAAC,OAAO,CAAC,OAAO;QAC/B,SAAS,EAAE,kBAAkB;KAC9B;CACF,CAAC,CAAC;AAEU,QAAA,gBAAgB,GAAG,IAAA,WAAK,EAAC;IACpC,OAAO,EAAE,UAAU;IACnB,QAAQ,EAAE,MAAM;IAChB,YAAY,EAAE,KAAK;IACnB,MAAM,EAAE,gBAAgB;IACxB,YAAY,EAAE,MAAM;CACrB,CAAC,CAAC"}

package/dist/cjs/components/Icon/styles.d.ts

@@ -1,3 +0,0 @@
-export declare const IconList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Item: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const SearchInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;

package/dist/cjs/components/Icon/styles.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SearchInput = exports.Item = exports.IconList = void 0;
-var tslib_1 = require("tslib");
-var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-exports.IconList = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  gap: ", ";\n  padding-bottom: 20px;\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n  gap: ", ";\n  padding-bottom: 20px;\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.xs;
-});
-exports.Item = styled_components_1.default.div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  flex-basis: 170px;\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n  gap: ", ";\n  align-items: center;\n  padding: ", ";\n  border-radius: ", ";\n  box-shadow: ", ";\n  cursor: pointer;\n  transition: all 0.3s;\n  font-size: 12px;\n  font-weight: 600;\n  letter-spacing: 0.3px;\n\n  &:hover {\n    box-shadow: ", ";\n    transform: translateY(-2px);\n  }\n"], ["\n  flex-basis: 170px;\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n  gap: ", ";\n  align-items: center;\n  padding: ", ";\n  border-radius: ", ";\n  box-shadow: ", ";\n  cursor: pointer;\n  transition: all 0.3s;\n  font-size: 12px;\n  font-weight: 600;\n  letter-spacing: 0.3px;\n\n  &:hover {\n    box-shadow: ", ";\n    transform: translateY(-2px);\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.xs;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.xs;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.radius.m;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.shadows.lighter;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.shadows.default;
-});
-exports.SearchInput = styled_components_1.default.input(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n  padding: 8px 16px;\n  font-size: 16px;\n  border-radius: 8px;\n  border: 1px solid grey;\n  margin-bottom: 16px;\n"], ["\n  padding: 8px 16px;\n  font-size: 16px;\n  border-radius: 8px;\n  border: 1px solid grey;\n  margin-bottom: 16px;\n"])));
-var templateObject_1, templateObject_2, templateObject_3;
-//# sourceMappingURL=styles.js.map

package/dist/cjs/components/Icon/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Icon/styles.ts"],"names":[],"mappings":";;;;AAAA,gFAAuC;AAE1B,QAAA,QAAQ,GAAG,2BAAM,CAAC,GAAG,4JAAA,iDAGzB,EAA+B,8BAEvC,KAFQ,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,EAAE;AAAhB,CAAgB,EAEtC;AAEW,QAAA,IAAI,GAAG,2BAAM,CAAC,GAAG,qcAAA,+FAKrB,EAA+B,wCAE3B,EAA+B,sBACzB,EAA6B,mBAChC,EAAoC,oJAQlC,EAAoC,4CAGrD,KAfQ,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,EAAE;AAAhB,CAAgB,EAE3B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,EAAE;AAAhB,CAAgB,EACzB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,CAAC;AAAd,CAAc,EAChC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,OAAO;AAArB,CAAqB,EAQlC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,OAAO;AAArB,CAAqB,EAGpD;AAEW,QAAA,WAAW,GAAG,2BAAM,CAAC,KAAK,mMAAA,wHAMtC,KAAC"}

package/dist/cjs/components/Image/Image.stories.d.ts

@@ -1,6 +0,0 @@
-import { Meta, StoryObj } from "@storybook/react";
-import { Image } from ".";
-declare const meta: Meta<typeof Image>;
-export default meta;
-type Story = StoryObj<typeof Image>;
-export declare const Example: Story;

package/dist/cjs/components/Image/Image.stories.js

@@ -1,42 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Example = void 0;
-var tslib_1 = require("tslib");
-var jsx_runtime_1 = require("react/jsx-runtime");
-var _1 = require(".");
-var StoriesComponents_1 = require("../StoriesComponents");
-var meta = {
-    title: "Design System/Image",
-    component: _1.Image,
-    parameters: {
-        componentSubtitle: ((0, jsx_runtime_1.jsx)(StoriesComponents_1.Subtitle, { children: "Componente para renderizar imagens que j\u00E1 possui um placeholder padr\u00E3o." })),
-    },
-    argTypes: {
-        style: {
-            table: {
-                disable: true,
-            },
-        },
-        src: {
-            type: "string",
-        },
-    },
-    args: {
-        src: "https://picsum.photos/200/200",
-    },
-};
-exports.default = meta;
-exports.Example = {
-    name: "Exemplo",
-    args: {
-        style: {
-            width: 500,
-            height: 500,
-            borderRadius: 20,
-        },
-    },
-    render: function (args) {
-        return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(_1.Image, tslib_1.__assign({}, args)) }));
-    },
-};
-//# sourceMappingURL=Image.stories.js.map

package/dist/cjs/components/Image/Image.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Image.stories.js","sourceRoot":"","sources":["../../../../src/components/Image/Image.stories.tsx"],"names":[],"mappings":";;;;;AACA,sBAA0B;AAC1B,0DAAgD;AAEhD,IAAM,IAAI,GAAuB;IAC/B,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,QAAK;IAChB,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,uBAAC,4BAAQ,oGAEE,CACZ;KACF;IACD,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,KAAK,EAAE;gBACL,OAAO,EAAE,IAAI;aACd;SACF;QACD,GAAG,EAAE;YACH,IAAI,EAAE,QAAQ;SACf;KACF;IACD,IAAI,EAAE;QACJ,GAAG,EAAE,+BAA+B;KACrC;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,SAAS;IACf,IAAI,EAAE;QACJ,KAAK,EAAE;YACL,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,GAAG;YACX,YAAY,EAAE,EAAE;SACjB;KACF;IACD,MAAM,EAAE,UAAC,IAAI;QACX,OAAO,CACL,0CACE,uBAAC,QAAK,uBAAK,IAAI,EAAI,GACf,CACP,CAAC;IACJ,CAAC;CACF,CAAC"}

package/dist/cjs/components/Image/index.d.ts

@@ -1,5 +0,0 @@
-import React, { ElementType, ImgHTMLAttributes } from "react";
-export interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {
-    as?: ElementType;
-}
-export declare const Image: React.ForwardRefExoticComponent<ImageProps & React.RefAttributes<HTMLImageElement>>;

package/dist/cjs/components/Image/index.js

@@ -1,16 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Image = void 0;
-var tslib_1 = require("tslib");
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var styles = tslib_1.__importStar(require("./styles.css"));
-exports.Image = (0, react_1.forwardRef)(function Image(_a, ref) {
-    var _b = _a.as, Component = _b === void 0 ? "img" : _b, props = tslib_1.__rest(_a, ["as"]);
-    var src = props.src;
-    if (src) {
-        return (0, jsx_runtime_1.jsx)(Component, tslib_1.__assign({ ref: ref }, props, { src: src }));
-    }
-    return (0, jsx_runtime_1.jsx)("div", tslib_1.__assign({ ref: ref, className: styles.placeholderContainer }, props));
-});
-//# sourceMappingURL=index.js.map

package/dist/cjs/components/Image/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Image/index.tsx"],"names":[],"mappings":";;;;;AAAA,+BAA0E;AAE1E,2DAAuC;AAM1B,QAAA,KAAK,GAAG,IAAA,kBAAU,EAAC,SAAS,KAAK,CAC5C,EAA+C,EAC/C,GAAgC;IAD9B,IAAA,UAAqB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EAAK,KAAK,sBAAjC,MAAmC,CAAF;IAGzB,IAAA,GAAG,GAAK,KAAK,IAAV,CAAW;IAEtB,IAAI,GAAG,EAAE,CAAC;QACR,OAAO,uBAAC,SAAS,qBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,IAAE,GAAG,EAAE,GAAG,IAAI,CAAC;IACtD,CAAC;IAED,OAAO,iDAAK,GAAG,EAAE,GAAgC,EAAE,SAAS,EAAE,MAAM,CAAC,oBAAoB,IAAM,KAAK,EAAI,CAAC;AAC3G,CAAC,CAAC,CAAC"}

package/dist/cjs/components/Image/styles.css.d.ts

@@ -1 +0,0 @@
-export declare const placeholderContainer: string;

package/dist/cjs/components/Image/styles.css.js

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.placeholderContainer = void 0;
-var tslib_1 = require("tslib");
-var css_1 = require("@vanilla-extract/css");
-var placeholder_png_1 = tslib_1.__importDefault(require("../../assets/placeholder.png"));
-exports.placeholderContainer = (0, css_1.style)({
-    backgroundImage: "url(".concat(placeholder_png_1.default, ")"),
-    backgroundPosition: "".concat(Math.floor(Math.random() * 100), "% ").concat(Math.floor(Math.random() * 100), "%"),
-});
-//# sourceMappingURL=styles.css.js.map

package/dist/cjs/components/Image/styles.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.css.js","sourceRoot":"","sources":["../../../../src/components/Image/styles.css.ts"],"names":[],"mappings":";;;;AAAA,4CAA6C;AAC7C,yFAA4D;AAE/C,QAAA,oBAAoB,GAAG,IAAA,WAAK,EAAC;IACxC,eAAe,EAAE,cAAO,yBAAgB,MAAG;IAC3C,kBAAkB,EAAE,UAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC,eAAK,IAAI,CAAC,KAAK,CACnE,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,CACpB,MAAG;CACL,CAAC,CAAC"}

package/dist/cjs/components/Image/styles.d.ts

@@ -1 +0,0 @@
-export declare const PlaceholderContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/cjs/components/Image/styles.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PlaceholderContainer = void 0;
-var tslib_1 = require("tslib");
-var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-var placeholder_png_1 = tslib_1.__importDefault(require("../../assets/placeholder.png"));
-exports.PlaceholderContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  background-image: url(", ");\n  background-position: ", "% ", "%;\n"], ["\n  background-image: url(", ");\n  background-position: ", "% ", "%;\n"])), placeholder_png_1.default, Math.floor(Math.random() * 100), Math.floor(Math.random() * 100));
-var templateObject_1;
-//# sourceMappingURL=styles.js.map

package/dist/cjs/components/Image/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Image/styles.ts"],"names":[],"mappings":";;;;AAAA,gFAAuC;AACvC,yFAA4D;AAE/C,QAAA,oBAAoB,GAAG,2BAAM,CAAC,GAAG,oJAAA,4BACpB,EAAgB,6BACjB,EAA+B,IAAK,EAE1D,MACF,KAJyB,yBAAgB,EACjB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC,EAAK,IAAI,CAAC,KAAK,CACnE,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,CACpB,EACD"}

package/dist/cjs/components/Input/Input.stories.d.ts

@@ -1,8 +0,0 @@
-import { Input } from ".";
-import { Meta, StoryObj } from "@storybook/react";
-declare const meta: Meta<typeof Input>;
-export default meta;
-type Story = StoryObj<typeof Input>;
-export declare const Default: Story;
-export declare const FormExample: Story;
-export declare const CurrencyInputExample: Story;

package/dist/cjs/components/Input/Input.stories.js

@@ -1,216 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CurrencyInputExample = exports.FormExample = exports.Default = void 0;
-var tslib_1 = require("tslib");
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_hook_form_1 = require("react-hook-form");
-var _1 = require(".");
-var Switch_1 = require("../Switch");
-var Radio_1 = require("../Radio");
-var Button_1 = require("../Button");
-var Select_1 = require("../Select");
-var StoriesComponents_1 = require("../StoriesComponents");
-var react_1 = require("react");
-var meta = {
-    component: _1.Input,
-    title: "Design System/Input",
-    parameters: {
-        componentSubtitle: ((0, jsx_runtime_1.jsx)(StoriesComponents_1.Subtitle, { children: "O Input \u00E9 um componente utilizado para inser\u00E7\u00E3o de dados pelo usu\u00E1rio. Pode ser utilizado em formul\u00E1rios, buscas, entre outros." })),
-    },
-    argTypes: {
-        label: {
-            description: "Texto que será exibido acima do input",
-            control: {
-                type: "text",
-            },
-            table: {
-                type: {
-                    summary: "ReactNode",
-                },
-            },
-        },
-        size: {
-            description: "Tamanho do input",
-            control: {
-                type: "select",
-            },
-            options: ["small", "medium", "large"],
-        },
-        disabled: {
-            control: {
-                type: "boolean",
-            },
-        },
-        isLoading: {
-            control: {
-                type: "boolean",
-            },
-        },
-        info: {
-            description: "Informação adicional exibida abaixo do input",
-            control: {
-                type: "text",
-            },
-            table: {
-                type: {
-                    summary: "ReactNode",
-                },
-            },
-        },
-        error: {
-            description: "Texto de erro que será exibido em vermelho abaixo do input",
-            control: {
-                type: "text",
-            },
-        },
-        mask: {
-            description: "String para indicar máscara do input. Exemplo: (99) 99999-9999",
-            control: {
-                type: "text",
-            },
-        },
-        iconLeft: {
-            description: "Ícone que será exibido à esquerda do input",
-            control: {
-                disable: true,
-            },
-            table: {
-                type: {
-                    summary: "ReactNode",
-                },
-            },
-        },
-        iconRight: {
-            description: "Ícone que será exibido à direita do input",
-            control: {
-                disable: true,
-            },
-            table: {
-                type: {
-                    summary: "ReactNode",
-                },
-            },
-        },
-        style: {
-            description: "Estilos CSS inline que serão aplicados no input",
-            control: {
-                disable: true,
-            },
-        },
-        containerStyles: {
-            description: "Objeto de estilização inline CSS pro container pai do input",
-            control: {
-                disable: true,
-            },
-        },
-        register: {
-            description: 'Usado para integrar ao React Hook Form. Exemplo: `register("name", { required: "Campo obrigatório" })`',
-            control: {
-                disable: true,
-            },
-        },
-        control: {
-            if: {
-                arg: "isCurrency",
-                eq: true,
-            },
-            description: "Controlador do useForm do React Hook Form. Necessário ao usar isCurrency",
-            control: {
-                disable: true,
-            },
-        },
-        isCurrency: {
-            description: "Caso seja true, formata o valor numerico inserido no input para um valor de moeda. Exemplo: 178090 -> 1.780,90. O onChange desse input retorna o objeto: `{ floatValue: number, formattedValue: string, value: string }`",
-            control: {
-                type: "boolean",
-            },
-        },
-        hasPrefix: {
-            if: {
-                arg: "isCurrency",
-                eq: true,
-            },
-            description: 'Caso seja true, vai exibir no input o prefixo "R$" antes do valor',
-            control: {
-                type: "boolean",
-            },
-        },
-        minimumFractionDigits: {
-            if: {
-                arg: "isCurrency",
-                eq: true,
-            },
-            description: "Quantidade de casas decimais após a virgula",
-            control: {
-                type: "number",
-            },
-        },
-    },
-    args: {
-        label: "Label",
-        size: "large",
-        disabled: false,
-        isLoading: false,
-        info: "Alguma informação",
-        mask: "",
-        error: "",
-        isCurrency: false,
-        hasPrefix: false,
-        minimumFractionDigits: 2,
-    },
-};
-exports.default = meta;
-exports.Default = {
-    name: "Exemplo",
-    args: {
-        label: "Label",
-        placeholder: "Placeholder",
-        isCurrency: true,
-        onChange: function (e) { return console.log("onChange: ", e.target.value); },
-    },
-    render: function (args) {
-        return (0, jsx_runtime_1.jsx)(_1.Input, tslib_1.__assign({}, args, { style: { width: 350 } }));
-    },
-};
-exports.FormExample = {
-    name: "Exemplo de formulário",
-    render: function () {
-        var _a, _b, _c, _d;
-        var _e = (0, react_hook_form_1.useForm)(), control = _e.control, register = _e.register, handleSubmit = _e.handleSubmit, getValues = _e.getValues, errors = _e.formState.errors;
-        var onSubmit = function (data) { return alert(JSON.stringify(data, null, 2)); };
-        return ((0, jsx_runtime_1.jsxs)("form", { onSubmit: handleSubmit(onSubmit), style: { display: "flex", flexDirection: "column", gap: 8 }, children: [(0, jsx_runtime_1.jsx)(_1.Input, { placeholder: "Digite seu nome", label: "Telefone", style: { width: 200 }, control: control, mask: "(99) 99999-9999", register: register("phone", {
-                        required: "Nome é obrigatório",
-                        minLength: {
-                            value: 6,
-                            message: "Nome deve ter no mínimo 6 caracteres",
-                        },
-                    }), error: (_b = (_a = errors.phone) === null || _a === void 0 ? void 0 : _a.message) === null || _b === void 0 ? void 0 : _b.toString() }), (0, jsx_runtime_1.jsx)(Switch_1.Switch, { name: "test_switch", label: "Teste switch", register: register("test_switch", { required: "Sueqgifq" }) }), (0, jsx_runtime_1.jsx)(Radio_1.Radio, { label: "Testing 1", register: register("test_radio") }), (0, jsx_runtime_1.jsx)(Radio_1.Radio, { label: "Testing 2", register: register("test_radio") }), (0, jsx_runtime_1.jsx)(Select_1.Select, { name: "test_select", control: control, options: [
-                        { value: "chocolate", label: "Chocolate" },
-                        { value: "strawberry", label: "Strawberry" },
-                        { value: "vanilla", label: "Vanilla" },
-                    ], register: register("test_select", {
-                        required: "Selecione uma opção",
-                    }), error: (_d = (_c = errors.test_select) === null || _c === void 0 ? void 0 : _c.message) === null || _d === void 0 ? void 0 : _d.toString(), info: "Testando info" }), (0, jsx_runtime_1.jsx)(Button_1.Button, { type: "submit", onClick: function () { return console.log("Get values: ", getValues()); }, children: "Enviar" })] }));
-    },
-};
-exports.CurrencyInputExample = {
-    name: "Exemplo de input de moeda",
-    args: {
-        isCurrency: true,
-        hasPrefix: true,
-        minimumFractionDigits: 2,
-        placeholder: "Digite o valor",
-    },
-    render: function (args) {
-        var _a, _b;
-        var _c = (0, react_hook_form_1.useForm)(), control = _c.control, register = _c.register, handleSubmit = _c.handleSubmit, getValues = _c.getValues, errors = _c.formState.errors;
-        var onSubmit = function (data) { return alert(JSON.stringify(data, null, 2)); };
-        var _d = (0, react_1.useState)(), onChangeValue = _d[0], setOnChangeValue = _d[1];
-        var _e = (0, react_1.useState)({ currency: "" }), formData = _e[0], setFormData = _e[1];
-        return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)(StoriesComponents_1.Subtitle, { style: { whiteSpace: "pre-wrap" }, children: ["O input de moeda tem alguns funcionamentos diferentes.", (0, jsx_runtime_1.jsx)("br", {}), " Para utiliz\u00E1-lo junto com o react-hook-form ser\u00E1 necess\u00E1rio passar o \"control\" do useForm() e a fun\u00E7\u00E3o onChange dever\u00E1 ficar dentro do register. Al\u00E9m disso, o onChange do input de moeda retorna um objeto da seguinte forma: ", "{ target : { value: number }}", ", sendo esse number o valor num\u00E9rico do input, ou seja R$ 4,44 vai retornar 4.44. ", (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("br", {}), " Exemplo:", "\n      const = {\n        control,\n        register,\n        handleSubmit,\n        getValues,\n        formState: { errors },\n      } = useForm();\n\n      return <form handleSubmit(onSubmit)>\n              <Input\n                isCurrency\n                hasPrefix\n                placeholder=\"Digite o valor\"\n                control={control}\n                name=\"currency\"\n                register={register(\"currency\", {\n                  required: \"Valor \u00E9 obrigat\u00F3rio\",\n                  onChange: (e) => console.log(\"Inside onChange: \", e.target.value),\n                })}\n                error={errors.currency?.message?.toString()}\n              />\n            </form>"] }), (0, jsx_runtime_1.jsxs)("form", { onSubmit: handleSubmit(onSubmit), style: { display: "flex", flexDirection: "column", gap: 8 }, children: [(0, jsx_runtime_1.jsx)(_1.Input, tslib_1.__assign({}, args, { control: control, name: "currency", value: formData.currency, register: register("currency", {
-                                required: "Valor é obrigatório",
-                                onChange: function (e) { return setFormData({ currency: e.target.value }); },
-                            }), error: (_b = (_a = errors.currency) === null || _a === void 0 ? void 0 : _a.message) === null || _b === void 0 ? void 0 : _b.toString() })), (0, jsx_runtime_1.jsx)(Button_1.Button, { type: "submit", onClick: function () { return console.log("Get values: ", getValues()); }, children: "Clique para testar a valida\u00E7\u00E3o" })] }), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsxs)(StoriesComponents_1.Subtitle, { style: { whiteSpace: "pre-wrap" }, children: ["Para utilizar sem o react-hook-form, basta n\u00E3o passar a prop \"control\" nem a \"register\", utilizando o onChange normalmente.", (0, jsx_runtime_1.jsx)("br", {}), "Exemplo:", (0, jsx_runtime_1.jsx)("br", {}), "<Input\n    isCurrency\n    hasPrefix\n    placeholder=\"Digite o valor\"\n    value={onChangeValue}\n    onChange={(e) => setOnChangeValue(e.target.value)}\n/>"] }), (0, jsx_runtime_1.jsx)(_1.Input, { isCurrency: true, hasPrefix: true, placeholder: "Digite o valor", value: onChangeValue, onChange: function (e) { return setOnChangeValue(e.target.value); } }), (0, jsx_runtime_1.jsxs)("span", { children: ["Valor retornado: ", onChangeValue] })] }));
-    },
-};
-//# sourceMappingURL=Input.stories.js.map

package/dist/cjs/components/Input/Input.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input.stories.js","sourceRoot":"","sources":["../../../../src/components/Input/Input.stories.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/Input/index.d.ts

@@ -1,24 +0,0 @@
-import React from "react";
-import type { InputProps as BaseInputProps } from "@base-ui/react/input";
-import { Control, UseFormRegisterReturn } from "react-hook-form";
-interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
-    label?: React.ReactNode;
-    info?: React.ReactNode;
-    error?: string;
-    size?: "small" | "medium" | "large";
-    isLoading?: boolean;
-    register?: UseFormRegisterReturn;
-    mask?: string;
-    containerStyles?: React.CSSProperties;
-    isCurrency?: boolean;
-    hasPrefix?: boolean;
-    minimumFractionDigits?: number;
-    control?: Control<any>;
-    onChange?: (e: any) => void;
-    /** Callback fired when the value changes. Provided by BaseUI Input — works when wrapped in a BaseUI Field.Root. */
-    onValueChange?: BaseInputProps['onValueChange'];
-    iconLeft?: React.ReactNode;
-    iconRight?: React.ReactNode;
-}
-export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
-export {};