takeat-design-system-ui-kit 0.1.18 → 0.1.21

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

@@ -1,57 +1,123 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AdditionalInfo = exports.InputContainer = exports.InputWrapper = void 0;
-var tslib_1 = require("tslib");
-var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-var consts_1 = require("../../../utils/consts");
-exports.InputWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: ", ";\n  width: fit-content;\n\n  color: ", ";\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  label {\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 600;\n    line-height: 24px; /* 150% */\n    letter-spacing: 0.15px;\n    color: ", ";\n  }\n\n  &:has(input:disabled) {\n    label {\n      color: ", ";\n    }\n\n    .additional-info {\n      color: ", ";\n    }\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: ", ";\n  width: fit-content;\n\n  color: ", ";\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  label {\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 600;\n    line-height: 24px; /* 150% */\n    letter-spacing: 0.15px;\n    color: ", ";\n  }\n\n  &:has(input:disabled) {\n    label {\n      color: ", ";\n    }\n\n    .additional-info {\n      color: ", ";\n    }\n  }\n"])), consts_1.spacing.xxs, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.dark;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.dark;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.light;
-}, function (_a) {
-    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: fit-content;\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: 10px;\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: fit-content;\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: 10px;\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"])), consts_1.spacing.xxs, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.default;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.dark;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.red.default;
-}, 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 hasError = _a.hasError, theme = _a.theme;
-    return hasError &&
-        "border-color: ".concat(theme.colors.red.default, ";\n      padding-right: 36px;");
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.default;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.blue.dark;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.light;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.light;
-});
-exports.AdditionalInfo = styled_components_1.default.div(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n  color: ", ";\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px;\n  height: 16px;\n  letter-spacing: 0.4px;\n"], ["\n  color: ", ";\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px;\n  height: 16px;\n  letter-spacing: 0.4px;\n"])), function (_a) {
-    var theme = _a.theme, isError = _a.isError;
-    return isError ? theme.colors.primary.default : theme.colors.neutral.dark;
-});
-var templateObject_1, templateObject_2, templateObject_3;
+const tslib_1 = require("tslib");
+const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
+exports.InputWrapper = styled_components_1.default.div `
+  display: flex;
+  flex-direction: column;
+  gap: ${({ theme }) => theme.spacing.xxs};
+  width: fit-content;
+
+  color: ${({ theme }) => theme.colors.neutral.dark};
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 20px; /* 142.857% */
+  letter-spacing: 0.1px;
+
+  label {
+    font-size: 16px;
+    font-style: normal;
+    font-weight: 600;
+    line-height: 24px; /* 150% */
+    letter-spacing: 0.15px;
+    color: ${({ theme }) => theme.colors.neutral.dark};
+  }
+
+  &:has(input:disabled) {
+    label {
+      color: ${({ theme }) => theme.colors.neutral.light};
+    }
+
+    .additional-info {
+      color: ${({ theme }) => theme.colors.neutral.light};
+    }
+  }
+`;
+exports.InputContainer = styled_components_1.default.div `
+  position: relative;
+  display: inline-flex;
+  flex-direction: column;
+  gap: ${({ theme }) => theme.spacing.xxs};
+  width: fit-content;
+
+  color: ${({ theme }) => theme.colors.neutral.default};
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 16px; /* 133.333% */
+  letter-spacing: 0.4px;
+
+  svg {
+    position: absolute;
+    fill: ${({ theme }) => theme.colors.neutral.dark};
+    bottom: 10px;
+    left: 16px;
+    width: 20px;
+    height: 20px;
+  }
+
+  .close-icon {
+    right: 16px;
+    left: unset;
+    cursor: pointer;
+  }
+
+  .error-icon {
+    right: 16px;
+    fill: ${({ theme }) => theme.colors.red.default};
+    left: unset;
+  }
+
+  input {
+    height: 40px;
+    padding: 10px 16px;
+    border-radius: 8px;
+    border: 1px solid ${({ theme }) => theme.colors.neutral.darker};
+    background-color: transparent;
+
+    color: ${({ theme }) => theme.colors.neutral.dark};
+    font-family: Poppins;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 20px; /* 142.857% */
+    letter-spacing: 0.1px;
+
+    ${({ hasError, theme }) => hasError &&
+    `border-color: ${theme.colors.red.default};
+      padding-right: 36px;`}
+
+    &::placeholder {
+      color: ${({ theme }) => theme.colors.neutral.default};
+    }
+
+    &:focus {
+      outline: none;
+    }
+
+    &:focus-visible {
+      border: 1px solid ${({ theme }) => theme.colors.blue.dark};
+    }
+
+    &:disabled {
+      cursor: default;
+      border-color: ${({ theme }) => theme.colors.neutral.light};
+
+      &::placeholder {
+        color: ${({ theme }) => theme.colors.neutral.light};
+      }
+    }
+  }
+`;
+exports.AdditionalInfo = styled_components_1.default.div `
+  color: ${({ theme, isError }) => isError ? theme.colors.primary.default : theme.colors.neutral.dark};
+  font-size: 12px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 16px;
+  height: 16px;
+  letter-spacing: 0.4px;
+`;
 //# sourceMappingURL=styles.js.map

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":";;;;AAAA,gFAAuC;AACvC,gDAAgD;AAMnC,QAAA,YAAY,GAAG,2BAAM,CAAC,GAAG,2lBAAmB,wDAGhD,EAAW,uCAGT,EAAwC,kSAatC,EAAwC,iEAKtC,EAAyC,mDAIzC,EAAyC,iBAGvD,KA5BQ,gBAAO,CAAC,GAAG,EAGT,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EAatC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EAKtC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAIzC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAGtD;AAMW,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,qvCAAqB,sFAIpD,EAAW,uCAGT,EAA2C,kLAS1C,EAAwC,oNAexC,EAAuC,oIAQ3B,EAA0C,sDAGrD,EAAwC,+KAQ/C,EAGqB,yCAGZ,EAA2C,2GAQhC,EAAqC,4EAKzC,EAAyC,8CAG9C,EAAyC,0BAIzD,KAxEQ,gBAAO,CAAC,GAAG,EAGT,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAS1C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EAexC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO;AAAxB,CAAwB,EAQ3B,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAA3B,CAA2B,EAGrD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EAQ/C,UAAC,EAAmB;QAAjB,QAAQ,cAAA,EAAE,KAAK,WAAA;IAClB,OAAA,QAAQ;QACR,wBAAiB,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,kCACpB;AAFrB,CAEqB,EAGZ,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;AAA5B,CAA4B,EAQhC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI;AAAtB,CAAsB,EAKzC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAG9C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAIxD;AAMW,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,gOAAgB,aAC7C,EAC2D,sIAOrE,KARU,UAAC,EAAkB;QAAhB,KAAK,WAAA,EAAE,OAAO,aAAA;IACxB,OAAA,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAlE,CAAkE,EAOpE"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Input/styles.ts"],"names":[],"mappings":";;;;AAAA,kFAAuC;AAM1B,QAAA,YAAY,GAAG,2BAAM,CAAC,GAAG,CAAmB;;;SAGhD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG;;;WAG9B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;;;;;;;;;;;;;aAatC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;;;;;eAKtC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;;;;eAIzC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;;;CAGvD,CAAC;AAMW,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAqB;;;;SAIpD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG;;;WAG9B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;;;;;;;;;YAS1C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;;;;;;;;;;;;;;;YAexC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO;;;;;;;;wBAQ3B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;;;aAGrD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;;;;;;;;MAQ/C,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE,CACxB,QAAQ;IACR,iBAAiB,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO;2BACpB;;;eAGZ,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO;;;;;;;;0BAQhC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI;;;;;sBAKzC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;;;iBAG9C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;;;;CAIzD,CAAC;AAMW,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAgB;WAC7C,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,CAC9B,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;;;;;;;CAOrE,CAAC"}

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

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Group = exports.Example = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var _1 = require(".");
-var styles_1 = require("../../StoriesComponents/styles");
-var meta = {
+const jsx_runtime_1 = require("react/jsx-runtime");
+const _1 = require(".");
+const styles_1 = require("../../StoriesComponents/styles");
+const meta = {
     component: _1.Radio,
     title: "Design System/Radio",
     parameters: {
@@ -51,6 +51,6 @@ exports.Example = {
 };
 exports.Group = {
     name: "Exemplo de grupo",
-    render: function () { return ((0, jsx_runtime_1.jsxs)("div", { style: { display: "flex", gap: 24 }, children: [(0, jsx_runtime_1.jsx)(_1.Radio, { label: "Op\u00E7\u00E3o 1", name: "group" }), (0, jsx_runtime_1.jsx)(_1.Radio, { label: "Op\u00E7\u00E3o 2", name: "group" }), (0, jsx_runtime_1.jsx)(_1.Radio, { label: "Op\u00E7\u00E3o 3", name: "group" })] })); },
+    render: () => ((0, jsx_runtime_1.jsxs)("div", { style: { display: "flex", gap: 24 }, children: [(0, jsx_runtime_1.jsx)(_1.Radio, { label: "Op\u00E7\u00E3o 1", name: "group" }), (0, jsx_runtime_1.jsx)(_1.Radio, { label: "Op\u00E7\u00E3o 2", name: "group" }), (0, jsx_runtime_1.jsx)(_1.Radio, { label: "Op\u00E7\u00E3o 3", name: "group" })] })),
 };
 //# sourceMappingURL=Radio.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Radio.stories.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Radio/Radio.stories.tsx"],"names":[],"mappings":";;;;AACA,sBAA0B;AAC1B,yDAA0D;AAE1D,IAAM,IAAI,GAAuB;IAC/B,SAAS,EAAE,QAAK;IAChB,KAAK,EAAE,qBAAqB;IAC5B,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,wBAAC,iBAAQ,+LAIP,gCAAM,EACN,gCAAM,gEAA4C,GAAG,EACrD,gFAAqC,qJAE5B,CACZ;KACF;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,WAAW,EACT,yEAAyE;YAC3E,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF;QACD,KAAK,EAAE;YACL,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF;QACD,aAAa,EAAE;YACb,OAAO,EAAE;gBACP,IAAI,EAAE,cAAc;gBACpB,OAAO,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC;aAC5C;SACF;QACD,WAAW,EAAE;YACX,OAAO,EAAE;gBACP,IAAI,EAAE,OAAO;aACd;SACF;QACD,QAAQ,EAAE;YACR,WAAW,EACT,wGAAwG;YAC1G,OAAO,EAAE;gBACP,OAAO,EAAE,IAAI;aACd;SACF;KACF;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,SAAS;IACf,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO;QACd,IAAI,EAAE,MAAM;KACb;CACF,CAAC;AAEW,QAAA,KAAK,GAAU;IAC1B,IAAI,EAAE,kBAAkB;IACxB,MAAM,EAAE,cAAM,OAAA,CACZ,iCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,aACtC,uBAAC,QAAK,IAAC,KAAK,EAAC,mBAAS,EAAC,IAAI,EAAC,OAAO,GAAG,EACtC,uBAAC,QAAK,IAAC,KAAK,EAAC,mBAAS,EAAC,IAAI,EAAC,OAAO,GAAG,EACtC,uBAAC,QAAK,IAAC,KAAK,EAAC,mBAAS,EAAC,IAAI,EAAC,OAAO,GAAG,IAClC,CACP,EANa,CAMb;CACF,CAAC"}
+{"version":3,"file":"Radio.stories.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Radio/Radio.stories.tsx"],"names":[],"mappings":";;;;AACA,wBAA0B;AAC1B,2DAA0D;AAE1D,MAAM,IAAI,GAAuB;IAC/B,SAAS,EAAE,QAAK;IAChB,KAAK,EAAE,qBAAqB;IAC5B,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,wBAAC,iBAAQ,+LAIP,gCAAM,EACN,gCAAM,gEAA4C,GAAG,EACrD,gFAAqC,qJAE5B,CACZ;KACF;IACD,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,WAAW,EACT,yEAAyE;YAC3E,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF;QACD,KAAK,EAAE;YACL,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF;QACD,aAAa,EAAE;YACb,OAAO,EAAE;gBACP,IAAI,EAAE,cAAc;gBACpB,OAAO,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,CAAC;aAC5C;SACF;QACD,WAAW,EAAE;YACX,OAAO,EAAE;gBACP,IAAI,EAAE,OAAO;aACd;SACF;QACD,QAAQ,EAAE;YACR,WAAW,EACT,wGAAwG;YAC1G,OAAO,EAAE;gBACP,OAAO,EAAE,IAAI;aACd;SACF;KACF;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,SAAS;IACf,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO;QACd,IAAI,EAAE,MAAM;KACb;CACF,CAAC;AAEW,QAAA,KAAK,GAAU;IAC1B,IAAI,EAAE,kBAAkB;IACxB,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,iCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,aACtC,uBAAC,QAAK,IAAC,KAAK,EAAC,mBAAS,EAAC,IAAI,EAAC,OAAO,GAAG,EACtC,uBAAC,QAAK,IAAC,KAAK,EAAC,mBAAS,EAAC,IAAI,EAAC,OAAO,GAAG,EACtC,uBAAC,QAAK,IAAC,KAAK,EAAC,mBAAS,EAAC,IAAI,EAAC,OAAO,GAAG,IAClC,CACP;CACF,CAAC"}

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

@@ -1,16 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Radio = 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");
-var functions_1 = require("../../../utils/functions");
-exports.Radio = (0, react_1.forwardRef)(function Radio(_a, ref) {
-    var label = _a.label, _b = _a.labelPosition, labelPosition = _b === void 0 ? "right" : _b, customColor = _a.customColor, register = _a.register, props = tslib_1.__rest(_a, ["label", "labelPosition", "customColor", "register"]);
-    var colorVariants = customColor
-        ? (0, react_1.useMemo)(function () { return (0, functions_1.generateColorVariants)(customColor); }, [customColor])
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const styles_1 = require("./styles");
+const functions_1 = require("../../../utils/functions");
+exports.Radio = (0, react_1.forwardRef)(function Radio({ label, labelPosition = "right", customColor, register, ...props }, ref) {
+    const colorVariants = customColor
+        ? (0, react_1.useMemo)(() => (0, functions_1.generateColorVariants)(customColor), [customColor])
         : undefined;
-    return ((0, jsx_runtime_1.jsxs)(styles_1.RadioLabel, { labelPosition: labelPosition, children: [label && (0, jsx_runtime_1.jsx)("span", { children: label }), (0, jsx_runtime_1.jsx)("input", tslib_1.__assign({ ref: ref, type: "radio" }, props, register)), (0, jsx_runtime_1.jsx)(styles_1.ButtonArea, { colorVariants: colorVariants })] }));
+    return ((0, jsx_runtime_1.jsxs)(styles_1.RadioLabel, { labelPosition: labelPosition, children: [label && (0, jsx_runtime_1.jsx)("span", { children: label }), (0, jsx_runtime_1.jsx)("input", { ref: ref, type: "radio", ...props, ...register }), (0, jsx_runtime_1.jsx)(styles_1.ButtonArea, { colorVariants: colorVariants })] }));
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Radio/index.tsx"],"names":[],"mappings":";;;;;AAAA,+BAAmD;AACnD,mCAAkD;AAGlD,sDAAiE;AASpD,QAAA,KAAK,GAAG,IAAA,kBAAU,EAAC,SAAS,KAAK,CAC5C,EAMa,EACb,GAAgC;IAN9B,IAAA,KAAK,WAAA,EACL,qBAAuB,EAAvB,aAAa,mBAAG,OAAO,KAAA,EACvB,WAAW,iBAAA,EACX,QAAQ,cAAA,EACL,KAAK,sBALV,qDAMC,CADS;IAIV,IAAM,aAAa,GAAG,WAAW;QAC/B,CAAC,CAAC,IAAA,eAAO,EAAC,cAAM,OAAA,IAAA,iCAAqB,EAAC,WAAW,CAAC,EAAlC,CAAkC,EAAE,CAAC,WAAW,CAAC,CAAC;QAClE,CAAC,CAAC,SAAS,CAAC;IAEd,OAAO,CACL,wBAAC,mBAAU,IAAC,aAAa,EAAE,aAAa,aACrC,KAAK,IAAI,2CAAO,KAAK,GAAQ,EAC9B,mDAAO,GAAG,EAAE,GAAG,EAAE,IAAI,EAAC,OAAO,IAAK,KAAK,EAAM,QAAQ,EAAI,EACzD,uBAAC,mBAAU,IAAC,aAAa,EAAE,aAAa,GAAI,IACjC,CACd,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Radio/index.tsx"],"names":[],"mappings":";;;;AAAA,iCAAmD;AACnD,qCAAkD;AAGlD,wDAAiE;AASpD,QAAA,KAAK,GAAG,IAAA,kBAAU,EAAC,SAAS,KAAK,CAC5C,EACE,KAAK,EACL,aAAa,GAAG,OAAO,EACvB,WAAW,EACX,QAAQ,EACR,GAAG,KAAK,EACG,EACb,GAAgC;IAEhC,MAAM,aAAa,GAAG,WAAW;QAC/B,CAAC,CAAC,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAA,iCAAqB,EAAC,WAAW,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC;QAClE,CAAC,CAAC,SAAS,CAAC;IAEd,OAAO,CACL,wBAAC,mBAAU,IAAC,aAAa,EAAE,aAAa,aACrC,KAAK,IAAI,2CAAO,KAAK,GAAQ,EAC9B,kCAAO,GAAG,EAAE,GAAG,EAAE,IAAI,EAAC,OAAO,KAAK,KAAK,KAAM,QAAQ,GAAI,EACzD,uBAAC,mBAAU,IAAC,aAAa,EAAE,aAAa,GAAI,IACjC,CACd,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

@@ -1,43 +1,102 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonArea = exports.RadioLabel = void 0;
-var tslib_1 = require("tslib");
-var styled_components_1 = tslib_1.__importDefault(require("styled-components"));
-var consts_1 = require("../../../utils/consts");
-exports.RadioLabel = styled_components_1.default.label(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  width: fit-content;\n  flex-direction: ", ";\n  border-radius: ", ";\n  cursor: pointer;\n  user-select: none;\n\n  &:has(> input[type=\"radio\"]:focus-visible) {\n    outline: 1px solid black;\n    outline-offset: 2px;\n  }\n\n  span {\n    color: ", ";\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 20px; /* 142.857% */\n    letter-spacing: 0.1px;\n    transition: color 0.3s;\n  }\n\n  input {\n    opacity: 0;\n    width: 0;\n    height: 0;\n    position: absolute;\n  }\n\n  &:has(> input[type=\"radio\"]:disabled) {\n    cursor: default;\n\n    span {\n      color: ", ";\n    }\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  width: fit-content;\n  flex-direction: ", ";\n  border-radius: ", ";\n  cursor: pointer;\n  user-select: none;\n\n  &:has(> input[type=\"radio\"]:focus-visible) {\n    outline: 1px solid black;\n    outline-offset: 2px;\n  }\n\n  span {\n    color: ", ";\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 20px; /* 142.857% */\n    letter-spacing: 0.1px;\n    transition: color 0.3s;\n  }\n\n  input {\n    opacity: 0;\n    width: 0;\n    height: 0;\n    position: absolute;\n  }\n\n  &:has(> input[type=\"radio\"]:disabled) {\n    cursor: default;\n\n    span {\n      color: ", ";\n    }\n  }\n"])), function (_a) {
-    var labelPosition = _a.labelPosition;
-    return consts_1.LABEL_POSITIONS[labelPosition];
-}, consts_1.spacing.xxs, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.darker;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.light;
-});
-exports.ButtonArea = styled_components_1.default.div(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  flex-shrink: 0;\n  position: relative;\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  border: 2px solid ", ";\n  transition: border-color 0.3s;\n\n  &::after {\n    content: \"\";\n    position: absolute;\n    width: 10px;\n    height: 10px;\n    top: 3px;\n    left: 3px;\n    border-radius: 50%;\n    background-color: transparent;\n    transition: background-color 0.3s;\n  }\n\n  // Label esta hovered\n  label:hover > & {\n    border-color: ", ";\n  }\n\n  // Checked\n  input[type=\"radio\"]:checked ~ & {\n    border-color: ", ";\n\n    &::after {\n      background-color: ", ";\n    }\n\n    label:hover > & {\n      border-color: ", ";\n\n      &::after {\n        background-color: ", ";\n      }\n    }\n  }\n\n  // Disabled\n  input[type=\"radio\"]:disabled ~ & {\n    border-color: ", ";\n  }\n\n  //Disabled and checked\n  input[type=\"radio\"]:checked:disabled ~ & {\n    &::after {\n      background-color: ", ";\n    }\n  }\n"], ["\n  flex-shrink: 0;\n  position: relative;\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  border: 2px solid ", ";\n  transition: border-color 0.3s;\n\n  &::after {\n    content: \"\";\n    position: absolute;\n    width: 10px;\n    height: 10px;\n    top: 3px;\n    left: 3px;\n    border-radius: 50%;\n    background-color: transparent;\n    transition: background-color 0.3s;\n  }\n\n  // Label esta hovered\n  label:hover > & {\n    border-color: ", ";\n  }\n\n  // Checked\n  input[type=\"radio\"]:checked ~ & {\n    border-color: ", ";\n\n    &::after {\n      background-color: ", ";\n    }\n\n    label:hover > & {\n      border-color: ", ";\n\n      &::after {\n        background-color: ", ";\n      }\n    }\n  }\n\n  // Disabled\n  input[type=\"radio\"]:disabled ~ & {\n    border-color: ", ";\n  }\n\n  //Disabled and checked\n  input[type=\"radio\"]:checked:disabled ~ & {\n    &::after {\n      background-color: ", ";\n    }\n  }\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.dark;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.darker;
-}, function (_a) {
-    var theme = _a.theme, colorVariants = _a.colorVariants;
-    return (colorVariants === null || colorVariants === void 0 ? void 0 : colorVariants.default) || theme.colors.green.default;
-}, function (_a) {
-    var theme = _a.theme, colorVariants = _a.colorVariants;
-    return (colorVariants === null || colorVariants === void 0 ? void 0 : colorVariants.default) || theme.colors.green.default;
-}, function (_a) {
-    var theme = _a.theme, colorVariants = _a.colorVariants;
-    return (colorVariants === null || colorVariants === void 0 ? void 0 : colorVariants.dark) || theme.colors.green.dark;
-}, function (_a) {
-    var theme = _a.theme, colorVariants = _a.colorVariants;
-    return (colorVariants === null || colorVariants === void 0 ? void 0 : colorVariants.dark) || theme.colors.green.dark;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.light;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.light;
-});
-var templateObject_1, templateObject_2;
+const tslib_1 = require("tslib");
+const styled_components_1 = tslib_1.__importDefault(require("styled-components"));
+const consts_1 = require("../../../utils/consts");
+exports.RadioLabel = styled_components_1.default.label `
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: fit-content;
+  flex-direction: ${({ labelPosition }) => consts_1.LABEL_POSITIONS[labelPosition]};
+  border-radius: ${({ theme }) => theme.spacing.xxs};
+  cursor: pointer;
+  user-select: none;
+
+  &:has(> input[type="radio"]:focus-visible) {
+    outline: 1px solid black;
+    outline-offset: 2px;
+  }
+
+  span {
+    color: ${({ theme }) => theme.colors.neutral.darker};
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 500;
+    line-height: 20px; /* 142.857% */
+    letter-spacing: 0.1px;
+    transition: color 0.3s;
+  }
+
+  input {
+    opacity: 0;
+    width: 0;
+    height: 0;
+    position: absolute;
+  }
+
+  &:has(> input[type="radio"]:disabled) {
+    cursor: default;
+
+    span {
+      color: ${({ theme }) => theme.colors.neutral.light};
+    }
+  }
+`;
+exports.ButtonArea = styled_components_1.default.div `
+  flex-shrink: 0;
+  position: relative;
+  width: 20px;
+  height: 20px;
+  border-radius: 50%;
+  border: 2px solid ${({ theme }) => theme.colors.neutral.dark};
+  transition: border-color 0.3s;
+
+  &::after {
+    content: "";
+    position: absolute;
+    width: 10px;
+    height: 10px;
+    top: 3px;
+    left: 3px;
+    border-radius: 50%;
+    background-color: transparent;
+    transition: background-color 0.3s;
+  }
+
+  // Label esta hovered
+  label:hover > & {
+    border-color: ${({ theme }) => theme.colors.neutral.darker};
+  }
+
+  // Checked
+  input[type="radio"]:checked ~ & {
+    border-color: ${({ theme, colorVariants }) => colorVariants?.default || theme.colors.green.default};
+
+    &::after {
+      background-color: ${({ theme, colorVariants }) => colorVariants?.default || theme.colors.green.default};
+    }
+
+    label:hover > & {
+      border-color: ${({ theme, colorVariants }) => colorVariants?.dark || theme.colors.green.dark};
+
+      &::after {
+        background-color: ${({ theme, colorVariants }) => colorVariants?.dark || theme.colors.green.dark};
+      }
+    }
+  }
+
+  // Disabled
+  input[type="radio"]:disabled ~ & {
+    border-color: ${({ theme }) => theme.colors.neutral.light};
+  }
+
+  //Disabled and checked
+  input[type="radio"]:checked:disabled ~ & {
+    &::after {
+      background-color: ${({ theme }) => theme.colors.neutral.light};
+    }
+  }
+`;
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Radio/styles.ts"],"names":[],"mappings":";;;;AAAA,gFAAuC;AACvC,gDAAiE;AAOpD,QAAA,UAAU,GAAG,2BAAM,CAAC,KAAK,iwBAAiB,oGAKnC,EAAqD,sBACtD,EAAW,wLAUjB,EAA0C,2WAoBxC,EAAyC,iBAGvD,KAlCmB,UAAC,EAAiB;QAAf,aAAa,mBAAA;IAAO,OAAA,wBAAe,CAAC,aAAa,CAAC;AAA9B,CAA8B,EACtD,gBAAO,CAAC,GAAG,EAUjB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAA3B,CAA2B,EAoBxC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAGtD;AAMW,QAAA,UAAU,GAAG,2BAAM,CAAC,GAAG,2gCAAiB,0HAM/B,EAAwC,oVAiB1C,EAA0C,mFAK1C,EACsC,+CAGhC,EACkC,yDAItC,EACgC,mDAG1B,EAC4B,qGAOpC,EAAyC,8HAMnC,EAAyC,iBAGlE,KApDqB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;AAAzB,CAAyB,EAiB1C,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;AAA3B,CAA2B,EAK1C,UAAC,EAAwB;QAAtB,KAAK,WAAA,EAAE,aAAa,mBAAA;IACrC,OAAA,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,KAAI,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO;AAApD,CAAoD,EAGhC,UAAC,EAAwB;QAAtB,KAAK,WAAA,EAAE,aAAa,mBAAA;IACzC,OAAA,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,KAAI,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO;AAApD,CAAoD,EAItC,UAAC,EAAwB;QAAtB,KAAK,WAAA,EAAE,aAAa,mBAAA;IACrC,OAAA,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,KAAI,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI;AAA9C,CAA8C,EAG1B,UAAC,EAAwB;QAAtB,KAAK,WAAA,EAAE,aAAa,mBAAA;IACzC,OAAA,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,KAAI,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI;AAA9C,CAA8C,EAOpC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAMnC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;AAA1B,CAA0B,EAGjE"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Radio/styles.ts"],"names":[],"mappings":";;;;AAAA,kFAAuC;AACvC,kDAAwD;AAO3C,QAAA,UAAU,GAAG,2BAAM,CAAC,KAAK,CAAiB;;;;;oBAKnC,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,wBAAe,CAAC,aAAa,CAAC;mBACtD,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG;;;;;;;;;;aAUtC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;;;;;;;;;;;;;;;;;;;;eAoBxC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;;;CAGvD,CAAC;AAMW,QAAA,UAAU,GAAG,2BAAM,CAAC,GAAG,CAAiB;;;;;;sBAM/B,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI;;;;;;;;;;;;;;;;;oBAiB1C,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM;;;;;oBAK1C,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,CAC3C,aAAa,EAAE,OAAO,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO;;;0BAGhC,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,CAC/C,aAAa,EAAE,OAAO,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO;;;;sBAItC,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,CAC3C,aAAa,EAAE,IAAI,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI;;;4BAG1B,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,CAC/C,aAAa,EAAE,IAAI,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI;;;;;;;oBAOpC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;;;;;;0BAMnC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;;;CAGlE,CAAC"}

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

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Example = void 0;
-var _1 = require(".");
-var meta = {
+const _1 = require(".");
+const meta = {
     component: _1.Select,
     title: "Design System/Select",
     argTypes: {

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

@@ -1 +1 @@
-{"version":3,"file":"Select.stories.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Select/Select.stories.tsx"],"names":[],"mappings":";;;AACA,sBAA2B;AAE3B,IAAM,IAAI,GAAwB;IAChC,SAAS,EAAE,SAAM;IACjB,KAAK,EAAE,sBAAsB;IAC7B,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,WAAW,EACT,sEAAsE;SACzE;QACD,OAAO,EAAE;YACP,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;SACF;QACD,WAAW,EAAE;YACX,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;SACF;QACD,YAAY,EAAE;YACZ,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;SACF;QACD,QAAQ,EAAE;YACR,WAAW,EACT,wGAAwG;YAC1G,OAAO,EAAE;gBACP,OAAO,EAAE,IAAI;aACd;SACF;QACD,IAAI,EAAE;YACJ,WAAW,EACT,sHAAsH;YACxH,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF;QACD,OAAO,EAAE;YACP,WAAW,EACT,oIAAoI;YACtI,OAAO,EAAE;gBACP,OAAO,EAAE,IAAI;aACd;SACF;QACD,KAAK,EAAE;YACL,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF;QACD,IAAI,EAAE;YACJ,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,cAAc;QACrB,SAAS,EAAE,KAAK;QAChB,UAAU,EAAE,KAAK;QACjB,OAAO,EAAE;YACP,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;YAC1C,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;YAC5C,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;SACvC;QACD,IAAI,EAAE,sBAAsB;QAC5B,KAAK,EAAE,EAAE;QACT,OAAO,EAAE,KAAK;QACd,YAAY,EAAE,KAAK;QACnB,WAAW,EAAE,KAAK;QAClB,IAAI,EAAE,OAAO;KACd;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;CACT,CAAC"}
+{"version":3,"file":"Select.stories.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Select/Select.stories.tsx"],"names":[],"mappings":";;;AACA,wBAA2B;AAE3B,MAAM,IAAI,GAAwB;IAChC,SAAS,EAAE,SAAM;IACjB,KAAK,EAAE,sBAAsB;IAC7B,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,WAAW,EACT,sEAAsE;SACzE;QACD,OAAO,EAAE;YACP,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;SACF;QACD,WAAW,EAAE;YACX,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;SACF;QACD,YAAY,EAAE;YACZ,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;SACF;QACD,QAAQ,EAAE;YACR,WAAW,EACT,wGAAwG;YAC1G,OAAO,EAAE;gBACP,OAAO,EAAE,IAAI;aACd;SACF;QACD,IAAI,EAAE;YACJ,WAAW,EACT,sHAAsH;YACxH,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF;QACD,OAAO,EAAE;YACP,WAAW,EACT,oIAAoI;YACtI,OAAO,EAAE;gBACP,OAAO,EAAE,IAAI;aACd;SACF;QACD,KAAK,EAAE;YACL,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF;QACD,IAAI,EAAE;YACJ,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,cAAc;QACrB,SAAS,EAAE,KAAK;QAChB,UAAU,EAAE,KAAK;QACjB,OAAO,EAAE;YACP,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;YAC1C,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;YAC5C,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;SACvC;QACD,IAAI,EAAE,sBAAsB;QAC5B,KAAK,EAAE,EAAE;QACT,OAAO,EAAE,KAAK;QACd,YAAY,EAAE,KAAK;QACnB,WAAW,EAAE,KAAK;QAClB,IAAI,EAAE,OAAO;KACd;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;CACT,CAAC"}

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

@@ -1,32 +1,29 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Select = void 0;
-var tslib_1 = require("tslib");
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_select_1 = tslib_1.__importDefault(require("react-select"));
-var styles_1 = require("./styles");
-var react_hook_form_1 = require("react-hook-form");
-var Icon_1 = require("../../Icon");
-var Spinner_1 = require("../../Spinner");
-var styled_components_1 = require("styled-components");
-var RawSelect = function (_a) {
-    var label = _a.label, error = _a.error, control = _a.control, info = _a.info, isDisabled = _a.isDisabled, isLoading = _a.isLoading, props = tslib_1.__rest(_a, ["label", "error", "control", "info", "isDisabled", "isLoading"]);
-    var theme = (0, styled_components_1.useTheme)();
-    return ((0, jsx_runtime_1.jsxs)(styles_1.SelectWrapper, { disabled: isDisabled || isLoading, hasError: !!error, children: [label, (0, jsx_runtime_1.jsx)(react_select_1.default, tslib_1.__assign({ components: {
-                    DropdownIndicator: function () {
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_select_1 = tslib_1.__importDefault(require("react-select"));
+const styles_1 = require("./styles");
+const react_hook_form_1 = require("react-hook-form");
+const Icon_1 = require("../../Icon");
+const Spinner_1 = require("../../Spinner");
+const styled_components_1 = require("styled-components");
+const RawSelect = ({ label, error, control, info, isDisabled, isLoading, ...props }) => {
+    const theme = (0, styled_components_1.useTheme)();
+    return ((0, jsx_runtime_1.jsxs)(styles_1.SelectWrapper, { disabled: isDisabled || isLoading, hasError: !!error, children: [label, (0, jsx_runtime_1.jsx)(react_select_1.default, { components: {
+                    DropdownIndicator: () => {
                         if (isLoading) {
                             return ((0, jsx_runtime_1.jsx)(Spinner_1.Spinner, { color: theme.colors.neutral.light, size: 16, style: { marginRight: 8 } }));
                         }
                         return ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { className: "custom-dropdown-icon", icon: "chevronDown", size: 28 }));
                     },
-                }, isDisabled: isDisabled || isLoading, classNamePrefix: "react-select", noOptionsMessage: function () { return "Nada encontrado"; } }, props)), (!!control || !!error || !!info) && ((0, jsx_runtime_1.jsx)(styles_1.AdditionalInfo, { className: "additional-info", disabled: isDisabled || isLoading, isError: !!error, children: error || info }))] }));
+                }, isDisabled: isDisabled || isLoading, classNamePrefix: "react-select", noOptionsMessage: () => "Nada encontrado", ...props }), (!!control || !!error || !!info) && ((0, jsx_runtime_1.jsx)(styles_1.AdditionalInfo, { className: "additional-info", disabled: isDisabled || isLoading, isError: !!error, children: error || info }))] }));
 };
-var Select = function (_a) {
-    var name = _a.name, label = _a.label, register = _a.register, control = _a.control, error = _a.error, info = _a.info, isLoading = _a.isLoading, props = tslib_1.__rest(_a, ["name", "label", "register", "control", "error", "info", "isLoading"]);
-    return control ? ((0, jsx_runtime_1.jsx)(react_hook_form_1.Controller, { name: name || "", control: control, render: function (_a) {
-            var field = _a.field;
-            return ((0, jsx_runtime_1.jsx)(RawSelect, tslib_1.__assign({ label: label, error: error, info: info, control: control, isLoading: isLoading, isDisabled: props.isDisabled }, props, field)));
-        } })) : ((0, jsx_runtime_1.jsx)(RawSelect, tslib_1.__assign({ label: label, error: error, info: info, control: control, isLoading: isLoading, isDisabled: props.isDisabled }, props)));
+const Select = ({ name, label, register, control, error, info, isLoading, ...props }) => {
+    return control ? ((0, jsx_runtime_1.jsx)(react_hook_form_1.Controller, { name: name || "", control: control, render: ({ field }) => {
+            return ((0, jsx_runtime_1.jsx)(RawSelect, { label: label, error: error, info: info, control: control, isLoading: isLoading, isDisabled: props.isDisabled, ...props, ...field }));
+        } })) : ((0, jsx_runtime_1.jsx)(RawSelect, { label: label, error: error, info: info, control: control, isLoading: isLoading, isDisabled: props.isDisabled, ...props }));
 };
 exports.Select = Select;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Select/index.tsx"],"names":[],"mappings":";;;;;AAAA,sEAAsE;AACtE,mCAAyD;AACzD,mDAAoE;AAEpE,mCAAkC;AAClC,yCAAwC;AACxC,uDAA6C;AAiB7C,IAAM,SAAS,GAAG,UAAC,EAQC;IAPlB,IAAA,KAAK,WAAA,EACL,KAAK,WAAA,EACL,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,UAAU,gBAAA,EACV,SAAS,eAAA,EACN,KAAK,sBAPS,gEAQlB,CADS;IAER,IAAM,KAAK,GAAG,IAAA,4BAAQ,GAAE,CAAC;IAEzB,OAAO,CACL,wBAAC,sBAAa,IAAC,QAAQ,EAAE,UAAU,IAAI,SAAS,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,aAChE,KAAK,EACN,uBAAC,sBAAW,qBACV,UAAU,EAAE;oBACV,iBAAiB,EAAE;wBACjB,IAAI,SAAS,EAAE,CAAC;4BACd,OAAO,CACL,uBAAC,iBAAO,IACN,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,EACjC,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,GACzB,CACH,CAAC;wBACJ,CAAC;wBACD,OAAO,CACL,uBAAC,WAAI,IACH,SAAS,EAAC,sBAAsB,EAChC,IAAI,EAAC,aAAa,EAClB,IAAI,EAAE,EAAE,GACR,CACH,CAAC;oBACJ,CAAC;iBACF,EACD,UAAU,EAAE,UAAU,IAAI,SAAS,EACnC,eAAe,EAAC,cAAc,EAC9B,gBAAgB,EAAE,cAAM,OAAA,iBAAiB,EAAjB,CAAiB,IACrC,KAAK,EACT,EACD,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CACnC,uBAAC,uBAAc,IACb,SAAS,EAAC,iBAAiB,EAC3B,QAAQ,EAAE,UAAU,IAAI,SAAS,EACjC,OAAO,EAAE,CAAC,CAAC,KAAK,YAEf,KAAK,IAAI,IAAI,GACC,CAClB,IACa,CACjB,CAAC;AACJ,CAAC,CAAC;AAEK,IAAM,MAAM,GAAG,UAAC,EASH;IARlB,IAAA,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,SAAS,eAAA,EACN,KAAK,sBARa,sEAStB,CADS;IAER,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,uBAAC,4BAAU,IACT,IAAI,EAAE,IAAI,IAAI,EAAE,EAChB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,UAAC,EAAS;gBAAP,KAAK,WAAA;YACd,OAAO,CACL,uBAAC,SAAS,qBACR,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,KAAK,CAAC,UAAU,IACxB,KAAK,EACL,KAAK,EACT,CACH,CAAC;QACJ,CAAC,GACD,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,SAAS,qBACR,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,KAAK,CAAC,UAAU,IACxB,KAAK,EACT,CACH,CAAC;AACJ,CAAC,CAAC;AAxCW,QAAA,MAAM,UAwCjB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Select/index.tsx"],"names":[],"mappings":";;;;;AAAA,wEAAsE;AACtE,qCAAyD;AACzD,qDAAoE;AAEpE,qCAAkC;AAClC,2CAAwC;AACxC,yDAA6C;AAiB7C,MAAM,SAAS,GAAG,CAAC,EACjB,KAAK,EACL,KAAK,EACL,OAAO,EACP,IAAI,EACJ,UAAU,EACV,SAAS,EACT,GAAG,KAAK,EACU,EAAE,EAAE;IACtB,MAAM,KAAK,GAAG,IAAA,4BAAQ,GAAE,CAAC;IAEzB,OAAO,CACL,wBAAC,sBAAa,IAAC,QAAQ,EAAE,UAAU,IAAI,SAAS,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,aAChE,KAAK,EACN,uBAAC,sBAAW,IACV,UAAU,EAAE;oBACV,iBAAiB,EAAE,GAAG,EAAE;wBACtB,IAAI,SAAS,EAAE,CAAC;4BACd,OAAO,CACL,uBAAC,iBAAO,IACN,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,EACjC,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,EAAE,WAAW,EAAE,CAAC,EAAE,GACzB,CACH,CAAC;wBACJ,CAAC;wBACD,OAAO,CACL,uBAAC,WAAI,IACH,SAAS,EAAC,sBAAsB,EAChC,IAAI,EAAC,aAAa,EAClB,IAAI,EAAE,EAAE,GACR,CACH,CAAC;oBACJ,CAAC;iBACF,EACD,UAAU,EAAE,UAAU,IAAI,SAAS,EACnC,eAAe,EAAC,cAAc,EAC9B,gBAAgB,EAAE,GAAG,EAAE,CAAC,iBAAiB,KACrC,KAAK,GACT,EACD,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CACnC,uBAAC,uBAAc,IACb,SAAS,EAAC,iBAAiB,EAC3B,QAAQ,EAAE,UAAU,IAAI,SAAS,EACjC,OAAO,EAAE,CAAC,CAAC,KAAK,YAEf,KAAK,IAAI,IAAI,GACC,CAClB,IACa,CACjB,CAAC;AACJ,CAAC,CAAC;AAEK,MAAM,MAAM,GAAG,CAAC,EACrB,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,OAAO,EACP,KAAK,EACL,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACU,EAAE,EAAE;IACtB,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,uBAAC,4BAAU,IACT,IAAI,EAAE,IAAI,IAAI,EAAE,EAChB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;YACpB,OAAO,CACL,uBAAC,SAAS,IACR,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,KAAK,CAAC,UAAU,KACxB,KAAK,KACL,KAAK,GACT,CACH,CAAC;QACJ,CAAC,GACD,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,SAAS,IACR,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,KAAK,CAAC,UAAU,KACxB,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAxCW,QAAA,MAAM,UAwCjB"}