takeat-design-system-ui-kit 0.1.100 → 0.1.102

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

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

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

@@ -0,0 +1,41 @@
+"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 styles_1 = require("../StoriesComponents/styles");
+var Button_1 = require("../Button");
+var react_1 = require("react");
+var meta = {
+    title: "Design System/Dropdown",
+    component: _1.Dropdown,
+    parameters: {
+        componentSubtitle: (0, jsx_runtime_1.jsx)(styles_1.Subtitle, {}),
+    },
+    argTypes: {},
+    args: {},
+};
+exports.default = meta;
+var FAKE_DATA = [
+    { label: "Páscoa", value: 1 },
+    { label: "Natal", value: 2 },
+    { label: "Dia das Mães", value: 3 },
+    { label: "Dia dos Pais", value: 4 },
+    {
+        label: "Campanha com",
+        value: 5,
+    },
+];
+exports.Example = {
+    name: "Exemplo",
+    args: {
+        anchor: "dropdown-button",
+    },
+    render: function (args) {
+        var _a = (0, react_1.useState)(false), open = _a[0], setOpen = _a[1];
+        var dropdownRef = (0, react_1.useRef)(null);
+        return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { id: "dropdown-button", onClick: function () { return setOpen(function (state) { return !state; }); }, children: "Dropdown test" }), (0, jsx_runtime_1.jsxs)(_1.Dropdown, tslib_1.__assign({ ref: dropdownRef }, args, { isOpen: open, toggle: function () { return setOpen(false); }, children: [FAKE_DATA.map(function (item) { return ((0, jsx_runtime_1.jsx)("span", { children: item.label })); }), (0, jsx_runtime_1.jsx)(Button_1.Button, { children: "Limpar" })] }))] }));
+    },
+};
+//# sourceMappingURL=Dropdown.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.stories.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown.stories.tsx"],"names":[],"mappings":";;;;;AACA,sBAA6B;AAC7B,sDAAuD;AACvD,oCAAmC;AACnC,+BAAyC;AAEzC,IAAM,IAAI,GAA0B;IAClC,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,WAAQ;IACnB,UAAU,EAAE;QACV,iBAAiB,EAAE,uBAAC,iBAAQ,KAAY;KACzC;IACD,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,kBAAe,IAAI,CAAC;AAIpB,IAAM,SAAS,GAAG;IAChB,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAE;IAC7B,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE;IAC5B,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,EAAE;IACnC,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,CAAC,EAAE;IACnC;QACE,KAAK,EAAE,cAAc;QACrB,KAAK,EAAE,CAAC;KACT;CACF,CAAC;AAEW,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,SAAS;IACf,IAAI,EAAE;QACJ,MAAM,EAAE,iBAAiB;KAC1B;IACD,MAAM,EAAE,UAAC,IAAI;QACL,IAAA,KAAkB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAhC,IAAI,QAAA,EAAE,OAAO,QAAmB,CAAC;QACxC,IAAM,WAAW,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;QACjC,OAAO,CACL,4CACE,uBAAC,eAAM,IAAC,EAAE,EAAC,iBAAiB,EAAC,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC,KAAK,EAAN,CAAM,CAAC,EAA1B,CAA0B,8BAE7D,EACT,wBAAC,WAAQ,qBACP,GAAG,EAAE,WAAW,IACZ,IAAI,IACR,MAAM,EAAE,IAAI,EACZ,MAAM,EAAE,cAAM,OAAA,OAAO,CAAC,KAAK,CAAC,EAAd,CAAc,aAE3B,SAAS,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CACvB,2CAAO,IAAI,CAAC,KAAK,GAAQ,CAC1B,EAFwB,CAExB,CAAC,EACF,uBAAC,eAAM,yBAAgB,KACd,IACP,CACP,CAAC;IACJ,CAAC;CACF,CAAC"}

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

@@ -0,0 +1,8 @@
+import React, { HTMLAttributes } from "react";
+interface DropdownProps extends HTMLAttributes<HTMLDivElement> {
+    isOpen: boolean;
+    toggle: () => void;
+    anchor: string;
+}
+export declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<HTMLDivElement>>;
+export {};

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

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Dropdown = void 0;
+var tslib_1 = require("tslib");
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var styles_1 = require("./styles");
+exports.Dropdown = (0, react_1.forwardRef)(function Dropdown(_a, ref) {
+    var isOpen = _a.isOpen, toggle = _a.toggle, anchor = _a.anchor, children = _a.children, props = tslib_1.__rest(_a, ["isOpen", "toggle", "anchor", "children"]);
+    var _b = (0, react_1.useState)({ top: 0, right: 0, width: 0 }), position = _b[0], setPosition = _b[1];
+    var anchorElement = document.getElementById(anchor);
+    var anchorRect = anchorElement === null || anchorElement === void 0 ? void 0 : anchorElement.getBoundingClientRect();
+    (0, react_1.useEffect)(function () {
+        if (anchorRect) {
+            setPosition({
+                top: anchorRect.top + anchorRect.height + 4,
+                right: anchorRect.left,
+                width: anchorRect.width,
+            });
+        }
+    }, [isOpen]);
+    // close dropdown when clicking outside
+    (0, react_1.useEffect)(function () {
+        var handleClickOutside = function (event) {
+            var _a;
+            if (ref &&
+                // @ts-ignore
+                !((_a = ref.current) === null || _a === void 0 ? void 0 : _a.contains(event.target)) &&
+                !(anchorElement === null || anchorElement === void 0 ? void 0 : anchorElement.contains(event.target))) {
+                toggle();
+            }
+        };
+        document.addEventListener("mousedown", handleClickOutside);
+        return function () {
+            document.removeEventListener("mousedown", handleClickOutside);
+        };
+    }, [ref, toggle]);
+    return (isOpen && ((0, jsx_runtime_1.jsx)(styles_1.DropdownContainer, tslib_1.__assign({ top: position.top, right: position.right, minWidth: position.width, ref: ref }, props, { children: children }))));
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/index.tsx"],"names":[],"mappings":";;;;;AAAA,+BAA+E;AAC/E,mCAA6C;AAQhC,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAAC,SAAS,QAAQ,CAClD,EAA6D,EAC7D,GAA8B;IAD5B,IAAA,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,sBAA5C,0CAA8C,CAAF;IAGtC,IAAA,KAA0B,IAAA,gBAAQ,EAAC,EAAE,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,EAAjE,QAAQ,QAAA,EAAE,WAAW,QAA4C,CAAC;IACzE,IAAM,aAAa,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;IACtD,IAAM,UAAU,GAAG,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,qBAAqB,EAAE,CAAC;IAE1D,IAAA,iBAAS,EAAC;QACR,IAAI,UAAU,EAAE,CAAC;YACf,WAAW,CAAC;gBACV,GAAG,EAAE,UAAU,CAAC,GAAG,GAAG,UAAU,CAAC,MAAM,GAAG,CAAC;gBAC3C,KAAK,EAAE,UAAU,CAAC,IAAI;gBACtB,KAAK,EAAE,UAAU,CAAC,KAAK;aACxB,CAAC,CAAC;QACL,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,uCAAuC;IACvC,IAAA,iBAAS,EAAC;QACR,IAAM,kBAAkB,GAAG,UAAC,KAAiB;;YAC3C,IACE,GAAG;gBACH,aAAa;gBACb,CAAC,CAAA,MAAA,GAAG,CAAC,OAAO,0CAAE,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,CAAA;gBAC5C,CAAC,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,CAAA,EAC9C,CAAC;gBACD,MAAM,EAAE,CAAC;YACX,CAAC;QACH,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAE3D,OAAO;YACL,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,kBAAkB,CAAC,CAAC;QAChE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;IAElB,OAAO,CACL,MAAM,IAAI,CACR,uBAAC,0BAAiB,qBAChB,GAAG,EAAE,QAAQ,CAAC,GAAG,EACjB,KAAK,EAAE,QAAQ,CAAC,KAAK,EACrB,QAAQ,EAAE,QAAQ,CAAC,KAAK,EACxB,GAAG,EAAE,GAAG,IACJ,KAAK,cAER,QAAQ,IACS,CACrB,CACF,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,7 @@
+interface DropdownContainerProps {
+    top: number;
+    right: number;
+    minWidth: number;
+}
+export declare const DropdownContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, DropdownContainerProps>> & string;
+export {};

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

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DropdownContainer = void 0;
+var tslib_1 = require("tslib");
+var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
+exports.DropdownContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  position: absolute;\n  top: ", "px;\n  right: ", "px;\n  min-width: ", "px;\n  gap: 10px;\n  border-radius: ", ";\n  background: white;\n  box-shadow: ", ";\n  padding: ", ";\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  position: absolute;\n  top: ", "px;\n  right: ", "px;\n  min-width: ", "px;\n  gap: 10px;\n  border-radius: ", ";\n  background: white;\n  box-shadow: ", ";\n  padding: ", ";\n"])), function (_a) {
+    var top = _a.top;
+    return top;
+}, function (_a) {
+    var right = _a.right;
+    return right;
+}, function (_a) {
+    var minWidth = _a.minWidth;
+    return minWidth;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.radius.m;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.shadows.default;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.spacing.xs;
+});
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/styles.ts"],"names":[],"mappings":";;;;AAAA,gFAAuC;AAQ1B,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,0UAAwB,2GAK1D,EAAgB,gBACd,EAAoB,oBAChB,EAA0B,sCAEtB,EAA6B,yCAEhC,EAAoC,gBACvC,EAA+B,KAC3C,KARQ,UAAC,EAAO;QAAL,GAAG,SAAA;IAAO,OAAA,GAAG;AAAH,CAAG,EACd,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK;AAAL,CAAK,EAChB,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,QAAQ;AAAR,CAAQ,EAEtB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,CAAC;AAAd,CAAc,EAEhC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,OAAO;AAArB,CAAqB,EACvC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,EAAE;AAAhB,CAAgB,EAC1C"}

package/dist/cjs/components/FormItens/Checkbox/index.d.ts

@@ -4,6 +4,8 @@ interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
     label?: React.ReactNode;
     description?: React.ReactNode;
     register?: UseFormRegisterReturn;
+    containerStyles?: React.CSSProperties;
+    labelStyles?: React.CSSProperties;
 }
 export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
 export {};

package/dist/cjs/components/FormItens/Checkbox/index.js

@@ -7,8 +7,8 @@ var react_1 = require("react");
 var styles_1 = require("./styles");
 var icons_1 = require("../../icons");
 exports.Checkbox = (0, react_1.forwardRef)(function Checkbox(_a, ref) {
-    var label = _a.label, description = _a.description, register = _a.register, props = tslib_1.__rest(_a, ["label", "description", "register"]);
+    var label = _a.label, labelStyles = _a.labelStyles, containerStyles = _a.containerStyles, description = _a.description, register = _a.register, props = tslib_1.__rest(_a, ["label", "labelStyles", "containerStyles", "description", "register"]);
     var disabled = props.disabled;
-    return ((0, jsx_runtime_1.jsxs)(styles_1.CheckboxWrapper, { children: [(0, jsx_runtime_1.jsxs)("label", { "aria-disabled": disabled, children: [(0, jsx_runtime_1.jsx)("input", tslib_1.__assign({ ref: ref, type: "checkbox", disabled: disabled }, props, register)), label, (0, jsx_runtime_1.jsx)(icons_1.IconCheckboxCheckedFilled, {})] }), description && (0, jsx_runtime_1.jsx)("p", { "aria-disabled": disabled, children: description })] }));
+    return ((0, jsx_runtime_1.jsxs)(styles_1.CheckboxWrapper, { style: containerStyles, children: [(0, jsx_runtime_1.jsxs)("label", { className: "checkbox-label", "aria-disabled": disabled, style: labelStyles, children: [(0, jsx_runtime_1.jsx)("input", tslib_1.__assign({ ref: ref, type: "checkbox", disabled: disabled, className: "checkbox-input" }, props, register)), label, (0, jsx_runtime_1.jsx)(icons_1.IconCheckboxCheckedFilled, {})] }), description && ((0, jsx_runtime_1.jsx)("p", { "aria-disabled": disabled, className: "checkbox-description", children: description }))] }));
 });
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/FormItens/Checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Checkbox/index.tsx"],"names":[],"mappings":";;;;;AAAA,+BAA0C;AAC1C,mCAA2C;AAE3C,qCAAwD;AAQ3C,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAAC,SAAS,QAAQ,CAClD,EAAyD,EACzD,GAAgC;IAD9B,IAAA,KAAK,WAAA,EAAE,WAAW,iBAAA,EAAE,QAAQ,cAAA,EAAK,KAAK,sBAAxC,oCAA0C,CAAF;IAGhC,IAAA,QAAQ,GAAK,KAAK,SAAV,CAAW;IAE3B,OAAO,CACL,wBAAC,wBAAe,eACd,oDAAsB,QAAQ,aAC5B,mDACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,QAAQ,IACd,KAAK,EACL,QAAQ,EACZ,EACD,KAAK,EACN,uBAAC,iCAAyB,KAAG,IACvB,EACP,WAAW,IAAI,+CAAkB,QAAQ,YAAG,WAAW,GAAK,IAC7C,CACnB,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Checkbox/index.tsx"],"names":[],"mappings":";;;;;AAAA,+BAA0C;AAC1C,mCAA2C;AAE3C,qCAAwD;AAU3C,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAAC,SAAS,QAAQ,CAClD,EAOgB,EAChB,GAAgC;IAP9B,IAAA,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,eAAe,qBAAA,EACf,WAAW,iBAAA,EACX,QAAQ,cAAA,EACL,KAAK,sBANV,sEAOC,CADS;IAIF,IAAA,QAAQ,GAAK,KAAK,SAAV,CAAW;IAE3B,OAAO,CACL,wBAAC,wBAAe,IAAC,KAAK,EAAE,eAAe,aACrC,mCACE,SAAS,EAAC,gBAAgB,mBACX,QAAQ,EACvB,KAAK,EAAE,WAAW,aAElB,mDACE,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,gBAAgB,IACtB,KAAK,EACL,QAAQ,EACZ,EACD,KAAK,EACN,uBAAC,iCAAyB,KAAG,IACvB,EACP,WAAW,IAAI,CACd,+CAAkB,QAAQ,EAAE,SAAS,EAAC,sBAAsB,YACzD,WAAW,GACV,CACL,IACe,CACnB,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/cjs/components/FormItens/Checkbox/styles.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CheckboxWrapper = void 0;
 var tslib_1 = require("tslib");
 var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-exports.CheckboxWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  gap: ", ";\n  user-select: none;\n\n  label {\n    cursor: pointer;\n    width: fit-content;\n    color: ", ";\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 600;\n    line-height: 20px; /* 142.857% */\n    letter-spacing: 0.1px;\n    display: flex;\n    gap: ", ";\n    align-items: center;\n    border-radius: 4px;\n\n    &[aria-disabled=\"true\"] {\n      color: ", ";\n      cursor: default;\n    }\n  }\n\n  input[type=\"checkbox\"] {\n    flex-shrink: 0;\n    position: relative;\n    -webkit-appearance: none;\n    appearance: none;\n    background-color: #fff;\n    margin: 0;\n    font: inherit;\n    color: currentColor;\n    width: 18px;\n    height: 18px;\n    border: 2px solid ", ";\n    border-radius: 2px;\n    cursor: pointer;\n  }\n\n  input[type=\"checkbox\"]:focus,\n  input[type=\"checkbox\"]:focus-visible {\n    outline: none;\n  }\n\n  label:has(> input[type=\"checkbox\"]:focus-visible) {\n    outline: 1px solid ", ";\n    outline-offset: 2px;\n  }\n\n  input[type=\"checkbox\"]:disabled {\n    cursor: default;\n    border-color: ", ";\n\n    &::before {\n      background-color: ", ";\n    }\n  }\n\n  p {\n    margin: 0;\n    color: ", ";\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 16px; /* 133.333% */\n    letter-spacing: 0.4px;\n\n    &[aria-disabled=\"true\"] {\n      color: ", ";\n    }\n  }\n\n  svg {\n    position: absolute;\n    top: -2px;\n    left: -3px;\n    opacity: 0;\n    transition: opacity 0.3s;\n    fill: ", ";\n  }\n\n  input[type=\"checkbox\"]:disabled ~ svg {\n    fill: ", ";\n  }\n\n  input[type=\"checkbox\"]:checked ~ svg {\n    opacity: 1;\n  }\n"], ["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  gap: ", ";\n  user-select: none;\n\n  label {\n    cursor: pointer;\n    width: fit-content;\n    color: ", ";\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 600;\n    line-height: 20px; /* 142.857% */\n    letter-spacing: 0.1px;\n    display: flex;\n    gap: ", ";\n    align-items: center;\n    border-radius: 4px;\n\n    &[aria-disabled=\"true\"] {\n      color: ", ";\n      cursor: default;\n    }\n  }\n\n  input[type=\"checkbox\"] {\n    flex-shrink: 0;\n    position: relative;\n    -webkit-appearance: none;\n    appearance: none;\n    background-color: #fff;\n    margin: 0;\n    font: inherit;\n    color: currentColor;\n    width: 18px;\n    height: 18px;\n    border: 2px solid ", ";\n    border-radius: 2px;\n    cursor: pointer;\n  }\n\n  input[type=\"checkbox\"]:focus,\n  input[type=\"checkbox\"]:focus-visible {\n    outline: none;\n  }\n\n  label:has(> input[type=\"checkbox\"]:focus-visible) {\n    outline: 1px solid ", ";\n    outline-offset: 2px;\n  }\n\n  input[type=\"checkbox\"]:disabled {\n    cursor: default;\n    border-color: ", ";\n\n    &::before {\n      background-color: ", ";\n    }\n  }\n\n  p {\n    margin: 0;\n    color: ", ";\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 16px; /* 133.333% */\n    letter-spacing: 0.4px;\n\n    &[aria-disabled=\"true\"] {\n      color: ", ";\n    }\n  }\n\n  svg {\n    position: absolute;\n    top: -2px;\n    left: -3px;\n    opacity: 0;\n    transition: opacity 0.3s;\n    fill: ", ";\n  }\n\n  input[type=\"checkbox\"]:disabled ~ svg {\n    fill: ", ";\n  }\n\n  input[type=\"checkbox\"]:checked ~ svg {\n    opacity: 1;\n  }\n"])), function (_a) {
+exports.CheckboxWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  gap: ", ";\n  user-select: none;\n\n  label {\n    cursor: pointer;\n    width: 100%;\n    color: ", ";\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 600;\n    line-height: 20px; /* 142.857% */\n    letter-spacing: 0.1px;\n    display: flex;\n    gap: ", ";\n    align-items: center;\n    border-radius: 4px;\n\n    &[aria-disabled=\"true\"] {\n      color: ", ";\n      cursor: default;\n    }\n  }\n\n  input[type=\"checkbox\"] {\n    flex-shrink: 0;\n    position: relative;\n    -webkit-appearance: none;\n    appearance: none;\n    background-color: #fff;\n    margin: 0;\n    font: inherit;\n    color: currentColor;\n    width: 18px;\n    height: 18px;\n    border: 2px solid ", ";\n    border-radius: 2px;\n    cursor: pointer;\n  }\n\n  input[type=\"checkbox\"]:focus,\n  input[type=\"checkbox\"]:focus-visible {\n    outline: none;\n  }\n\n  label:has(> input[type=\"checkbox\"]:focus-visible) {\n    outline: 1px solid ", ";\n    outline-offset: 2px;\n  }\n\n  input[type=\"checkbox\"]:disabled {\n    cursor: default;\n    border-color: ", ";\n\n    &::before {\n      background-color: ", ";\n    }\n  }\n\n  p {\n    margin: 0;\n    color: ", ";\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 16px; /* 133.333% */\n    letter-spacing: 0.4px;\n\n    &[aria-disabled=\"true\"] {\n      color: ", ";\n    }\n  }\n\n  svg {\n    position: absolute;\n    top: -2px;\n    left: -3px;\n    opacity: 0;\n    transition: opacity 0.3s;\n    font-size: 24px;\n    fill: ", ";\n  }\n\n  input[type=\"checkbox\"]:disabled ~ svg {\n    fill: ", ";\n  }\n\n  input[type=\"checkbox\"]:checked ~ svg {\n    opacity: 1;\n  }\n"], ["\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  gap: ", ";\n  user-select: none;\n\n  label {\n    cursor: pointer;\n    width: 100%;\n    color: ", ";\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 600;\n    line-height: 20px; /* 142.857% */\n    letter-spacing: 0.1px;\n    display: flex;\n    gap: ", ";\n    align-items: center;\n    border-radius: 4px;\n\n    &[aria-disabled=\"true\"] {\n      color: ", ";\n      cursor: default;\n    }\n  }\n\n  input[type=\"checkbox\"] {\n    flex-shrink: 0;\n    position: relative;\n    -webkit-appearance: none;\n    appearance: none;\n    background-color: #fff;\n    margin: 0;\n    font: inherit;\n    color: currentColor;\n    width: 18px;\n    height: 18px;\n    border: 2px solid ", ";\n    border-radius: 2px;\n    cursor: pointer;\n  }\n\n  input[type=\"checkbox\"]:focus,\n  input[type=\"checkbox\"]:focus-visible {\n    outline: none;\n  }\n\n  label:has(> input[type=\"checkbox\"]:focus-visible) {\n    outline: 1px solid ", ";\n    outline-offset: 2px;\n  }\n\n  input[type=\"checkbox\"]:disabled {\n    cursor: default;\n    border-color: ", ";\n\n    &::before {\n      background-color: ", ";\n    }\n  }\n\n  p {\n    margin: 0;\n    color: ", ";\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 16px; /* 133.333% */\n    letter-spacing: 0.4px;\n\n    &[aria-disabled=\"true\"] {\n      color: ", ";\n    }\n  }\n\n  svg {\n    position: absolute;\n    top: -2px;\n    left: -3px;\n    opacity: 0;\n    transition: opacity 0.3s;\n    font-size: 24px;\n    fill: ", ";\n  }\n\n  input[type=\"checkbox\"]:disabled ~ svg {\n    fill: ", ";\n  }\n\n  input[type=\"checkbox\"]:checked ~ svg {\n    opacity: 1;\n  }\n"])), function (_a) {
     var theme = _a.theme;
     return theme.spacing.xxs;
 }, function (_a) {

package/dist/cjs/components/FormItens/Checkbox/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Checkbox/styles.ts"],"names":[],"mappings":";;;;AAAA,gFAAuC;AAE1B,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,wxDAAA,+EAIhC,EAAgC,kGAM5B,EAA0C,2KAO5C,EAAgC,wGAK5B,EAA2C,mUAgBlC,EAA0C,qPAWzC,EAA0C,qHAM/C,EAA2C,gDAGrC,EAA2C,qDAMxD,EAAwC,8LAQtC,EAA2C,gJAU9C,EAAyC,mEAIzC,EAA2C,8EAMtD,KAxFQ,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,GAAG;AAAjB,CAAiB,EAM5B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAA3B,CAA2B,EAO5C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,GAAG;AAAjB,CAAiB,EAK5B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAgBlC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAA3B,CAA2B,EAWzC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAA3B,CAA2B,EAM/C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAGrC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAMxD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EAQtC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAU9C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO;AAA1B,CAA0B,EAIzC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAMrD"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Checkbox/styles.ts"],"names":[],"mappings":";;;;AAAA,gFAAuC;AAE1B,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,uyDAAA,+EAIhC,EAAgC,2FAM5B,EAA0C,2KAO5C,EAAgC,wGAK5B,EAA2C,mUAgBlC,EAA0C,qPAWzC,EAA0C,qHAM/C,EAA2C,gDAGrC,EAA2C,qDAMxD,EAAwC,8LAQtC,EAA2C,sKAW9C,EAAyC,mEAIzC,EAA2C,8EAMtD,KAzFQ,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,GAAG;AAAjB,CAAiB,EAM5B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAA3B,CAA2B,EAO5C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,GAAG;AAAjB,CAAiB,EAK5B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAgBlC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAA3B,CAA2B,EAWzC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAA3B,CAA2B,EAM/C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAGrC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAMxD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EAQtC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAW9C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO;AAA1B,CAA0B,EAIzC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAMrD"}

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

@@ -121,7 +121,8 @@ exports.Default = {
     args: {
         label: ((0, jsx_runtime_1.jsxs)("span", { style: { display: "flex", alignItems: "center", gap: 8 }, children: ["T\u00EDtulo*", " ", (0, jsx_runtime_1.jsx)(icons_1.IconInfoFilled, { id: "title-info", fill: consts_1.DEFAULT_THEME.colors.neutral.dark }), (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { dark: true, anchorSelect: "#title-info", style: { maxWidth: 400 }, isOpen: true, children: "Escolha um nome para que voc\u00EA possa diferenciar essa campanha das demais criadas. Relaxe, apenas voc\u00EA ver\u00E1 esse t\u00EDtulo." })] })),
         placeholder: "Placeholder",
-        style: { width: "50%" },
+        iconLeft: (0, jsx_runtime_1.jsx)(icons_1.IconSearch, {}),
+        iconRight: (0, jsx_runtime_1.jsx)(icons_1.IconCloseCircleFilled, {}),
     },
 };
 exports.FormExample = {

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

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

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

@@ -14,6 +14,8 @@ interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
     minimumFractionDigits?: number;
     control?: any;
     onChange?: (e: any) => void;
+    iconLeft?: React.ReactNode;
+    iconRight?: React.ReactNode;
 }
 export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
 export {};

package/dist/cjs/components/FormItens/Input/index.js

@@ -65,16 +65,16 @@ var DEVICE_VARIANTS = {
 };
 exports.Input = (0, react_1.forwardRef)(function (_a, ref) {
     var _b;
-    var label = _a.label, info = _a.info, error = _a.error, isLoading = _a.isLoading, register = _a.register, mask = _a.mask, _c = _a.maskChar, maskChar = _c === void 0 ? null : _c, containerStyles = _a.containerStyles, isCurrency = _a.isCurrency, hasPrefix = _a.hasPrefix, minimumFractionDigits = _a.minimumFractionDigits, control = _a.control, props = tslib_1.__rest(_a, ["label", "info", "error", "isLoading", "register", "mask", "maskChar", "containerStyles", "isCurrency", "hasPrefix", "minimumFractionDigits", "control"]);
+    var label = _a.label, info = _a.info, error = _a.error, isLoading = _a.isLoading, register = _a.register, mask = _a.mask, _c = _a.maskChar, maskChar = _c === void 0 ? null : _c, containerStyles = _a.containerStyles, isCurrency = _a.isCurrency, hasPrefix = _a.hasPrefix, minimumFractionDigits = _a.minimumFractionDigits, control = _a.control, iconLeft = _a.iconLeft, iconRight = _a.iconRight, props = tslib_1.__rest(_a, ["label", "info", "error", "isLoading", "register", "mask", "maskChar", "containerStyles", "isCurrency", "hasPrefix", "minimumFractionDigits", "control", "iconLeft", "iconRight"]);
     var theme = (0, styled_components_1.useTheme)();
     var spinnerSize = parseInt(DEVICE_VARIANTS[theme.device].input
         .fontSize) + 4;
     return ((0, jsx_runtime_1.jsxs)(styles_1.InputWrapper, { style: tslib_1.__assign(tslib_1.__assign({}, containerStyles), { width: (_b = props.style) === null || _b === void 0 ? void 0 : _b.width }), children: [label && ((0, jsx_runtime_1.jsx)("label", { style: tslib_1.__assign({}, DEVICE_VARIANTS[theme.device]
-                    .label), children: label })), (0, jsx_runtime_1.jsxs)(styles_1.InputContainer, { hasError: !!error, children: [isCurrency ? ((0, jsx_runtime_1.jsx)(CurrencyInput, tslib_1.__assign({ control: control, hasPrefix: hasPrefix, minimumFractionDigits: minimumFractionDigits }, props, { ref: ref }))) : mask ? ((0, jsx_runtime_1.jsx)(MaskInput, tslib_1.__assign({ mask: mask, maskChar: maskChar, register: register }, props, { ref: ref }))) : ((0, jsx_runtime_1.jsx)(NormalInput, tslib_1.__assign({ isLoading: isLoading }, props, { ref: ref, register: register }))), error && (0, jsx_runtime_1.jsx)(icons_1.IconExclamation, { className: "error-icon" }), isLoading && ((0, jsx_runtime_1.jsx)(Spinner_1.Spinner, { size: spinnerSize, color: theme.colors.neutral.light, style: {
+                    .label), children: label })), (0, jsx_runtime_1.jsxs)(styles_1.InputContainer, { hasIconLeft: !!iconLeft, hasError: !!error, children: [iconLeft && (0, jsx_runtime_1.jsx)("div", { className: "icon-left", children: iconLeft }), isCurrency ? ((0, jsx_runtime_1.jsx)(CurrencyInput, tslib_1.__assign({ control: control, hasPrefix: hasPrefix, minimumFractionDigits: minimumFractionDigits }, props, { ref: ref }))) : mask ? ((0, jsx_runtime_1.jsx)(MaskInput, tslib_1.__assign({ mask: mask, maskChar: maskChar, register: register }, props, { ref: ref }))) : ((0, jsx_runtime_1.jsx)(NormalInput, tslib_1.__assign({ isLoading: isLoading }, props, { ref: ref, register: register }))), isLoading ? ((0, jsx_runtime_1.jsx)(Spinner_1.Spinner, { size: spinnerSize, color: theme.colors.neutral.light, style: {
                             position: "absolute",
                             right: 16,
                             top: "calc(50% - ".concat(spinnerSize / 2, "px)"),
-                        } }))] }), (!!register || !!error || !!info) && ((0, jsx_runtime_1.jsx)(styles_1.AdditionalInfo, { className: "additional-info", isError: !!error, style: tslib_1.__assign({}, DEVICE_VARIANTS[theme.device]
+                        } })) : error ? ((0, jsx_runtime_1.jsx)(icons_1.IconExclamation, { className: "error-icon" })) : (iconRight && (0, jsx_runtime_1.jsx)("div", { className: "icon-right", children: iconRight }))] }), (!!register || !!error || !!info) && ((0, jsx_runtime_1.jsx)(styles_1.AdditionalInfo, { className: "additional-info", isError: !!error, style: tslib_1.__assign({}, DEVICE_VARIANTS[theme.device]
                     .info), children: error || info }))] }));
 });
 var NormalInput = (0, react_1.forwardRef)(function (_a, ref) {

package/dist/cjs/components/FormItens/Input/index.js.map

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

package/dist/cjs/components/FormItens/Input/styles.d.ts

@@ -4,6 +4,8 @@ interface InputWrapperProps {
 export declare const InputWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, InputWrapperProps>> & string;
 interface InputContainerProps {
     hasError?: boolean;
+    hasIconLeft?: boolean;
+    hasIconRight?: boolean;
 }
 export declare const InputContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, InputContainerProps>> & string;
 interface AdditionalInfo {

package/dist/cjs/components/FormItens/Input/styles.js

@@ -19,7 +19,7 @@ exports.InputWrapper = styled_components_1.default.div(templateObject_1 || (temp
     var theme = _a.theme;
     return theme.colors.neutral.light;
 });
-exports.InputContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  position: relative;\n  display: inline-flex;\n  flex-direction: column;\n  gap: ", ";\n  width: 100%;\n\n  color: ", ";\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px; /* 133.333% */\n  letter-spacing: 0.4px;\n\n  svg {\n    position: absolute;\n    fill: ", ";\n    bottom: 50%;\n    transform: translateY(50%);\n    left: 16px;\n    width: 20px;\n    height: 20px;\n  }\n\n  .close-icon {\n    right: 16px;\n    left: unset;\n    cursor: pointer;\n  }\n\n  .error-icon {\n    right: 16px;\n    fill: ", ";\n    left: unset;\n  }\n\n  input {\n    height: 40px;\n    padding: 10px 16px;\n    border-radius: 8px;\n    border: 1px solid ", ";\n    background-color: transparent;\n\n    color: ", ";\n    font-family: Poppins;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 20px; /* 142.857% */\n    letter-spacing: 0.1px;\n\n    ", "\n\n    &::placeholder {\n      color: ", ";\n    }\n\n    &:focus {\n      outline: none;\n    }\n\n    &:focus-visible {\n      border: 1px solid ", ";\n    }\n\n    &:disabled {\n      cursor: default;\n      border-color: ", ";\n\n      &::placeholder {\n        color: ", ";\n      }\n    }\n  }\n"], ["\n  position: relative;\n  display: inline-flex;\n  flex-direction: column;\n  gap: ", ";\n  width: 100%;\n\n  color: ", ";\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px; /* 133.333% */\n  letter-spacing: 0.4px;\n\n  svg {\n    position: absolute;\n    fill: ", ";\n    bottom: 50%;\n    transform: translateY(50%);\n    left: 16px;\n    width: 20px;\n    height: 20px;\n  }\n\n  .close-icon {\n    right: 16px;\n    left: unset;\n    cursor: pointer;\n  }\n\n  .error-icon {\n    right: 16px;\n    fill: ", ";\n    left: unset;\n  }\n\n  input {\n    height: 40px;\n    padding: 10px 16px;\n    border-radius: 8px;\n    border: 1px solid ", ";\n    background-color: transparent;\n\n    color: ", ";\n    font-family: Poppins;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 20px; /* 142.857% */\n    letter-spacing: 0.1px;\n\n    ", "\n\n    &::placeholder {\n      color: ", ";\n    }\n\n    &:focus {\n      outline: none;\n    }\n\n    &:focus-visible {\n      border: 1px solid ", ";\n    }\n\n    &:disabled {\n      cursor: default;\n      border-color: ", ";\n\n      &::placeholder {\n        color: ", ";\n      }\n    }\n  }\n"])), function (_a) {
+exports.InputContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  position: relative;\n  display: inline-flex;\n  flex-direction: column;\n  gap: ", ";\n  width: 100%;\n\n  color: ", ";\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px; /* 133.333% */\n  letter-spacing: 0.4px;\n\n  svg {\n    fill: ", ";\n    width: 20px;\n    height: 20px;\n  }\n\n  .icon-left {\n    width: 20px;\n    height: 20px;\n    position: absolute;\n    left: 16px;\n    bottom: 50%;\n    transform: translateY(50%);\n  }\n\n  .icon-right {\n    width: 20px;\n    height: 20px;\n    position: absolute;\n    right: 16px;\n    bottom: 50%;\n    transform: translateY(50%);\n  }\n\n  .error-icon {\n    position: absolute;\n    right: 16px;\n    fill: ", ";\n    bottom: 50%;\n    transform: translateY(50%);\n  }\n\n  &:has(input:disabled) {\n    svg {\n      fill: ", ";\n    }\n  }\n\n  input {\n    height: 40px;\n    padding: 10px 16px;\n    border-radius: 8px;\n    border: 1px solid ", ";\n    background-color: transparent;\n\n    color: ", ";\n    font-family: Poppins;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 20px; /* 142.857% */\n    letter-spacing: 0.1px;\n\n    ", "\n    ", "\n\n    ", "\n\n    &::placeholder {\n      color: ", ";\n    }\n\n    &:focus {\n      outline: none;\n    }\n\n    &:focus-visible {\n      border: 1px solid ", ";\n    }\n\n    &:disabled {\n      cursor: default;\n      border-color: ", ";\n\n      &::placeholder {\n        color: ", ";\n      }\n    }\n  }\n"], ["\n  position: relative;\n  display: inline-flex;\n  flex-direction: column;\n  gap: ", ";\n  width: 100%;\n\n  color: ", ";\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px; /* 133.333% */\n  letter-spacing: 0.4px;\n\n  svg {\n    fill: ", ";\n    width: 20px;\n    height: 20px;\n  }\n\n  .icon-left {\n    width: 20px;\n    height: 20px;\n    position: absolute;\n    left: 16px;\n    bottom: 50%;\n    transform: translateY(50%);\n  }\n\n  .icon-right {\n    width: 20px;\n    height: 20px;\n    position: absolute;\n    right: 16px;\n    bottom: 50%;\n    transform: translateY(50%);\n  }\n\n  .error-icon {\n    position: absolute;\n    right: 16px;\n    fill: ", ";\n    bottom: 50%;\n    transform: translateY(50%);\n  }\n\n  &:has(input:disabled) {\n    svg {\n      fill: ", ";\n    }\n  }\n\n  input {\n    height: 40px;\n    padding: 10px 16px;\n    border-radius: 8px;\n    border: 1px solid ", ";\n    background-color: transparent;\n\n    color: ", ";\n    font-family: Poppins;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 20px; /* 142.857% */\n    letter-spacing: 0.1px;\n\n    ", "\n    ", "\n\n    ", "\n\n    &::placeholder {\n      color: ", ";\n    }\n\n    &:focus {\n      outline: none;\n    }\n\n    &:focus-visible {\n      border: 1px solid ", ";\n    }\n\n    &:disabled {\n      cursor: default;\n      border-color: ", ";\n\n      &::placeholder {\n        color: ", ";\n      }\n    }\n  }\n"])), function (_a) {
     var theme = _a.theme;
     return theme.spacing.xxs;
 }, function (_a) {
@@ -31,12 +31,21 @@ exports.InputContainer = styled_components_1.default.div(templateObject_2 || (te
 }, function (_a) {
     var theme = _a.theme;
     return theme.colors.red.default;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.colors.neutral.light;
 }, function (_a) {
     var theme = _a.theme;
     return theme.colors.neutral.darker;
 }, function (_a) {
     var theme = _a.theme;
     return theme.colors.neutral.dark;
+}, function (_a) {
+    var hasIconLeft = _a.hasIconLeft;
+    return hasIconLeft && "padding-left: 40px;";
+}, function (_a) {
+    var hasIconRight = _a.hasIconRight;
+    return hasIconRight && "padding-right: 40px;";
 }, function (_a) {
     var hasError = _a.hasError, theme = _a.theme;
     return hasError &&

package/dist/cjs/components/FormItens/Input/styles.js.map

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

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

@@ -20,7 +20,7 @@ exports.Example = {
     name: "Exemplo",
     render: function () {
         var _a = (0, react_1.useState)(""), inputValue = _a[0], setInputValue = _a[1];
-        return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(Input_1.Input, { placeholder: "Teste keyboard", value: inputValue, onChange: function (e) { return setInputValue(e.target.value); } }) }));
+        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Input_1.Input, { placeholder: "Teste keyboard", value: inputValue, onChange: function (e) { return setInputValue(e.target.value); } }), (0, jsx_runtime_1.jsx)(Input_1.Input, { "keyboard-type": "numeric", placeholder: "Teste 2 keyboard" }), (0, jsx_runtime_1.jsx)(_1.Keyboard, {})] }));
     },
 };
 //# sourceMappingURL=Keyboard.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Keyboard.stories.js","sourceRoot":"","sources":["../../../../src/components/Keyboard/Keyboard.stories.tsx"],"names":[],"mappings":";;;;AACA,sBAA6B;AAC7B,sDAAuD;AACvD,4CAA2C;AAC3C,+BAAiC;AAEjC,IAAM,IAAI,GAA0B;IAClC,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,WAAQ;IACnB,UAAU,EAAE;QACV,iBAAiB,EAAE,uBAAC,iBAAQ,KAAY;KACzC;IACD,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,SAAS;IACf,MAAM,EAAE;QACA,IAAA,KAA8B,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAAzC,UAAU,QAAA,EAAE,aAAa,QAAgB,CAAC;QACjD,OAAO,CACL,2DACE,uBAAC,aAAK,IACJ,WAAW,EAAC,gBAAgB,EAC5B,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAA7B,CAA6B,GAC9C,GAED,CACJ,CAAC;IACJ,CAAC;CACF,CAAC"}
+{"version":3,"file":"Keyboard.stories.js","sourceRoot":"","sources":["../../../../src/components/Keyboard/Keyboard.stories.tsx"],"names":[],"mappings":";;;;AACA,sBAA6B;AAC7B,sDAAuD;AACvD,4CAA2C;AAC3C,+BAAiC;AAEjC,IAAM,IAAI,GAA0B;IAClC,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,WAAQ;IACnB,UAAU,EAAE;QACV,iBAAiB,EAAE,uBAAC,iBAAQ,KAAY;KACzC;IACD,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,SAAS;IACf,MAAM,EAAE;QACA,IAAA,KAA8B,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAAzC,UAAU,QAAA,EAAE,aAAa,QAAgB,CAAC;QACjD,OAAO,CACL,6DACE,uBAAC,aAAK,IACJ,WAAW,EAAC,gBAAgB,EAC5B,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAA7B,CAA6B,GAC9C,EACF,uBAAC,aAAK,qBAAe,SAAS,EAAC,WAAW,EAAC,kBAAkB,GAAG,EAChE,uBAAC,WAAQ,KAAG,IACX,CACJ,CAAC;IACJ,CAAC;CACF,CAAC"}

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

@@ -1,5 +1,4 @@
 import React from "react";
-import "react-simple-keyboard/build/css/index.css";
 interface KeyboardProps {
 }
 export declare const Keyboard: React.ForwardRefExoticComponent<KeyboardProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -4,10 +4,77 @@ exports.Keyboard = void 0;
 var tslib_1 = require("tslib");
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
-var react_simple_keyboard_1 = tslib_1.__importDefault(require("react-simple-keyboard"));
-require("react-simple-keyboard/build/css/index.css");
+var react_dom_1 = require("react-dom");
+var styles_1 = require("./styles");
+var KEYBOARD_LAYOUTS = {
+    default: [
+        ["1", "2", "3", "4", "5", "6", "7", "8", "9", "0"],
+        ["q", "w", "e", "r", "t", "y", "u", "i", "o", "p"],
+        ["a", "s", "d", "f", "g", "h", "j", "k", "l"],
+        ["z", "x", "c", "v", "b", "n", "m"],
+    ],
+    numeric: [["1", "2", "3"], ["4", "5", "6"], ["7", "8", "9"], ["0"]],
+};
 exports.Keyboard = (0, react_1.forwardRef)(function Keyboard(_a, ref) {
     var props = tslib_1.__rest(_a, []);
-    return (0, jsx_runtime_1.jsx)(react_simple_keyboard_1.default, tslib_1.__assign({ ref: ref }, props));
+    var _b = (0, react_1.useState)(false), visible = _b[0], setVisible = _b[1];
+    var _c = (0, react_1.useState)({ top: 0, left: 0 }), position = _c[0], setPosition = _c[1];
+    var _d = (0, react_1.useState)(null), focusedInput = _d[0], setFocusedInput = _d[1];
+    var _e = (0, react_1.useState)("default"), keyboardType = _e[0], setKeyboardType = _e[1];
+    (0, react_1.useEffect)(function () {
+        var handleFocusIn = function (event) {
+            var target = event.target;
+            if (target.tagName === "INPUT") {
+                setFocusedInput(target);
+                setKeyboardType(target.getAttribute("keyboard-type") || "default");
+                var rect = target.getBoundingClientRect();
+                setPosition({ top: rect.bottom + 4, left: rect.left });
+                setVisible(true);
+            }
+        };
+        var handleFocusOut = function (event) {
+            var _a;
+            if (!((_a = event.relatedTarget) === null || _a === void 0 ? void 0 : _a.classList.contains("keyboard-button"))) {
+                setVisible(false);
+                setFocusedInput(null);
+            }
+        };
+        window.addEventListener("focusin", handleFocusIn);
+        window.addEventListener("focusout", handleFocusOut);
+        return function () {
+            window.removeEventListener("focusin", handleFocusIn);
+            window.removeEventListener("focusout", handleFocusOut);
+        };
+    }, []);
+    var handleKeyPress = function (key, e) {
+        e.preventDefault();
+        if (focusedInput) {
+            var start = focusedInput.selectionStart || 0;
+            var end = focusedInput.selectionEnd || 0;
+            var value = focusedInput.value;
+            // Caso especial para a tecla de backspace
+            if (key === "Backspace") {
+                // Remover o caractere anterior ao cursor
+                focusedInput.value = value.slice(0, start - 1) + value.slice(end);
+                // Atualizar a posição do cursor
+                focusedInput.setSelectionRange(start - 1, start - 1);
+                // Disparar evento para atualizar estado do React Hook Form ou similar
+                focusedInput.dispatchEvent(new Event("input", { bubbles: true }));
+                return;
+            }
+            // Inserir o caractere pressionado no input
+            focusedInput.value = value.slice(0, start) + key + value.slice(end);
+            // Atualizar a posição do cursor
+            focusedInput.setSelectionRange(start + 1, start + 1);
+            // Disparar evento para atualizar estado do React Hook Form ou similar
+            focusedInput.dispatchEvent(new Event("input", { bubbles: true }));
+        }
+    };
+    if (!visible)
+        return null;
+    return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(styles_1.KeyboardContainer, tslib_1.__assign({ ref: ref }, props, { top: position.top, left: position.left, children: KEYBOARD_LAYOUTS[keyboardType].map(function (row) {
+            return ((0, jsx_runtime_1.jsx)(styles_1.KeyboardRow, { children: row.map(function (key) { return ((0, jsx_runtime_1.jsx)(styles_1.KeyButton, { className: "keyboard-button", onMouseDown: function (e) { return handleKeyPress(key, e); }, children: key }, key)); }) }));
+        }) })), document.body // Usar React Portal para renderizar fora da hierarquia principal
+    );
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Keyboard/index.tsx"],"names":[],"mappings":";;;;;AAAA,+BAA0C;AAC1C,wFAAkD;AAClD,qDAAmD;AAItC,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAAC,SAAS,QAAQ,CAClD,EAA2B,EAC3B,GAA8B;QADzB,KAAK,sBAAV,EAAY,CAAF;IAGV,OAAO,uBAAC,+BAAa,qBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CAAC;AAChD,CAAC,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Keyboard/index.tsx"],"names":[],"mappings":"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"}

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

@@ -1 +1,8 @@
-export declare const Container: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+interface KeyboardProps {
+    top: number;
+    left: number;
+}
+export declare const KeyboardContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, KeyboardProps>> & string;
+export declare const KeyboardRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const KeyButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export {};

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

@@ -1,8 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Container = void 0;
+exports.KeyButton = exports.KeyboardRow = exports.KeyboardContainer = void 0;
 var tslib_1 = require("tslib");
 var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-exports.Container = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  /* estilos */\n"], ["\n  /* estilos */\n"])));
-var templateObject_1;
+exports.KeyboardContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  position: absolute;\n  top: ", "px;\n  left: ", "px;\n  background: #fff;\n  border: 1px solid #ccc;\n  border-radius: 8px;\n  padding: 10px;\n  z-index: 1000;\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  pointer-events: auto;\n"], ["\n  position: absolute;\n  top: ", "px;\n  left: ", "px;\n  background: #fff;\n  border: 1px solid #ccc;\n  border-radius: 8px;\n  padding: 10px;\n  z-index: 1000;\n  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n  pointer-events: auto;\n"])), function (props) { return props.top; }, function (props) { return props.left; });
+exports.KeyboardRow = styled_components_1.default.div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  display: flex;\n  gap: 8px;\n  justify-content: center;\n"], ["\n  display: flex;\n  gap: 8px;\n  justify-content: center;\n"])));
+exports.KeyButton = styled_components_1.default.button(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n  font-size: 16px;\n  cursor: pointer;\n  border: none;\n  border-radius: 4px;\n  width: 40px;\n  height: 40px;\n  background-color: #f7f7f7;\n  color: #333;\n  transition: background-color 0.2s ease;\n\n  &:hover {\n    background-color: #e0e0e0;\n  }\n\n  &:active {\n    background-color: #ccc;\n  }\n"], ["\n  font-size: 16px;\n  cursor: pointer;\n  border: none;\n  border-radius: 4px;\n  width: 40px;\n  height: 40px;\n  background-color: #f7f7f7;\n  color: #333;\n  transition: background-color 0.2s ease;\n\n  &:hover {\n    background-color: #e0e0e0;\n  }\n\n  &:active {\n    background-color: #ccc;\n  }\n"])));
+var templateObject_1, templateObject_2, templateObject_3;
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Keyboard/styles.ts"],"names":[],"mappings":";;;;AAAA,gFAAuC;AAE1B,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,gGAAA,qBAElC,KAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../src/components/Keyboard/styles.ts"],"names":[],"mappings":";;;;AAAA,gFAAuC;AAO1B,QAAA,iBAAiB,GAAG,2BAAM,CAAC,GAAG,kXAAe,kCAEjD,EAAoB,eACnB,EAAqB,kPAW9B,KAZQ,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,GAAG,EAAT,CAAS,EACnB,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,IAAI,EAAV,CAAU,EAW7B;AAEW,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,0IAAA,+DAIpC,KAAC;AAEW,QAAA,SAAS,GAAG,2BAAM,CAAC,MAAM,+XAAA,oTAkBrC,KAAC"}

package/dist/cjs/index.d.ts

@@ -34,6 +34,8 @@ import { Menu } from "./components/Menu";
 export { Menu };
 import { Badge } from "./components/Badge";
 export { Badge };
+import { Dropdown } from "./components/Dropdown";
+export { Dropdown };
 import { Grid } from "./components/Layouts/Grid";
 export { Grid };
 import { GridArea } from "./components/Layouts/GridArea";