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

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Radio } from ".";
 import { Subtitle } from "../../StoriesComponents/styles";
-var meta = {
+const meta = {
     component: Radio,
     title: "Design System/Radio",
     parameters: {
@@ -39,15 +39,15 @@ var meta = {
     },
 };
 export default meta;
-export var Example = {
+export const Example = {
     name: "Exemplo",
     args: {
         label: "Label",
         name: "name",
     },
 };
-export var Group = {
+export const Group = {
     name: "Exemplo de grupo",
-    render: function () { return (_jsxs("div", { style: { display: "flex", gap: 24 }, children: [_jsx(Radio, { label: "Op\u00E7\u00E3o 1", name: "group" }), _jsx(Radio, { label: "Op\u00E7\u00E3o 2", name: "group" }), _jsx(Radio, { label: "Op\u00E7\u00E3o 3", name: "group" })] })); },
+    render: () => (_jsxs("div", { style: { display: "flex", gap: 24 }, children: [_jsx(Radio, { label: "Op\u00E7\u00E3o 1", name: "group" }), _jsx(Radio, { label: "Op\u00E7\u00E3o 2", name: "group" }), _jsx(Radio, { label: "Op\u00E7\u00E3o 3", name: "group" })] })),
 };
 //# sourceMappingURL=Radio.stories.js.map

package/dist/esm/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,OAAO,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAE1D,IAAM,IAAI,GAAuB;IAC/B,SAAS,EAAE,KAAK;IAChB,KAAK,EAAE,qBAAqB;IAC5B,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,MAAC,QAAQ,+LAIP,cAAM,EACN,cAAM,gEAA4C,GAAG,EACrD,8DAAqC,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,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,IAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,SAAS;IACf,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO;QACd,IAAI,EAAE,MAAM;KACb;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,KAAK,GAAU;IAC1B,IAAI,EAAE,kBAAkB;IACxB,MAAM,EAAE,cAAM,OAAA,CACZ,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,aACtC,KAAC,KAAK,IAAC,KAAK,EAAC,mBAAS,EAAC,IAAI,EAAC,OAAO,GAAG,EACtC,KAAC,KAAK,IAAC,KAAK,EAAC,mBAAS,EAAC,IAAI,EAAC,OAAO,GAAG,EACtC,KAAC,KAAK,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,OAAO,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAE1D,MAAM,IAAI,GAAuB;IAC/B,SAAS,EAAE,KAAK;IAChB,KAAK,EAAE,qBAAqB;IAC5B,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,MAAC,QAAQ,+LAIP,cAAM,EACN,cAAM,gEAA4C,GAAG,EACrD,8DAAqC,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,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,SAAS;IACf,IAAI,EAAE;QACJ,KAAK,EAAE,OAAO;QACd,IAAI,EAAE,MAAM;KACb;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,IAAI,EAAE,kBAAkB;IACxB,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,aACtC,KAAC,KAAK,IAAC,KAAK,EAAC,mBAAS,EAAC,IAAI,EAAC,OAAO,GAAG,EACtC,KAAC,KAAK,IAAC,KAAK,EAAC,mBAAS,EAAC,IAAI,EAAC,OAAO,GAAG,EACtC,KAAC,KAAK,IAAC,KAAK,EAAC,mBAAS,EAAC,IAAI,EAAC,OAAO,GAAG,IAClC,CACP;CACF,CAAC"}

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

@@ -1,13 +1,11 @@
-import { __assign, __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useMemo } from "react";
 import { ButtonArea, RadioLabel } from "./styles";
 import { generateColorVariants } from "../../../utils/functions";
-export var Radio = 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 = __rest(_a, ["label", "labelPosition", "customColor", "register"]);
-    var colorVariants = customColor
-        ? useMemo(function () { return generateColorVariants(customColor); }, [customColor])
+export const Radio = forwardRef(function Radio({ label, labelPosition = "right", customColor, register, ...props }, ref) {
+    const colorVariants = customColor
+        ? useMemo(() => generateColorVariants(customColor), [customColor])
         : undefined;
-    return (_jsxs(RadioLabel, { labelPosition: labelPosition, children: [label && _jsx("span", { children: label }), _jsx("input", __assign({ ref: ref, type: "radio" }, props, register)), _jsx(ButtonArea, { colorVariants: colorVariants })] }));
+    return (_jsxs(RadioLabel, { labelPosition: labelPosition, children: [label && _jsx("span", { children: label }), _jsx("input", { ref: ref, type: "radio", ...props, ...register }), _jsx(ButtonArea, { colorVariants: colorVariants })] }));
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Radio/index.tsx"],"names":[],"mappings":";;AAAA,OAAc,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGlD,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AASjE,MAAM,CAAC,IAAM,KAAK,GAAG,UAAU,CAAC,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,cALV,qDAMC,CADS;IAIV,IAAM,aAAa,GAAG,WAAW;QAC/B,CAAC,CAAC,OAAO,CAAC,cAAM,OAAA,qBAAqB,CAAC,WAAW,CAAC,EAAlC,CAAkC,EAAE,CAAC,WAAW,CAAC,CAAC;QAClE,CAAC,CAAC,SAAS,CAAC;IAEd,OAAO,CACL,MAAC,UAAU,IAAC,aAAa,EAAE,aAAa,aACrC,KAAK,IAAI,yBAAO,KAAK,GAAQ,EAC9B,yBAAO,GAAG,EAAE,GAAG,EAAE,IAAI,EAAC,OAAO,IAAK,KAAK,EAAM,QAAQ,EAAI,EACzD,KAAC,UAAU,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,OAAc,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAGlD,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AASjE,MAAM,CAAC,MAAM,KAAK,GAAG,UAAU,CAAC,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,OAAO,CAAC,GAAG,EAAE,CAAC,qBAAqB,CAAC,WAAW,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC;QAClE,CAAC,CAAC,SAAS,CAAC;IAEd,OAAO,CACL,MAAC,UAAU,IAAC,aAAa,EAAE,aAAa,aACrC,KAAK,IAAI,yBAAO,KAAK,GAAQ,EAC9B,gBAAO,GAAG,EAAE,GAAG,EAAE,IAAI,EAAC,OAAO,KAAK,KAAK,KAAM,QAAQ,GAAI,EACzD,KAAC,UAAU,IAAC,aAAa,EAAE,aAAa,GAAI,IACjC,CACd,CAAC;AACJ,CAAC,CAAC,CAAC"}

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

@@ -1,40 +1,98 @@
-import { __makeTemplateObject } from "tslib";
 import styled from "styled-components";
-import { LABEL_POSITIONS, spacing } from "../../../utils/consts";
-export var RadioLabel = styled.label(templateObject_1 || (templateObject_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 LABEL_POSITIONS[labelPosition];
-}, spacing.xxs, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.darker;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.light;
-});
-export var ButtonArea = styled.div(templateObject_2 || (templateObject_2 = __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;
+import { LABEL_POSITIONS } from "../../../utils/consts";
+export const RadioLabel = styled.label `
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  width: fit-content;
+  flex-direction: ${({ labelPosition }) => 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};
+    }
+  }
+`;
+export const ButtonArea = styled.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/esm/components/FormItens/Radio/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Radio/styles.ts"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAOjE,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,KAAK,yvBAAiB,oGAKnC,EAAqD,sBACtD,EAAW,wLAUjB,EAA0C,2WAoBxC,EAAyC,iBAGvD,KAlCmB,UAAC,EAAiB;QAAf,aAAa,mBAAA;IAAO,OAAA,eAAe,CAAC,aAAa,CAAC;AAA9B,CAA8B,EACtD,OAAO,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,CAGvD,CAAC;AAMF,MAAM,CAAC,IAAM,UAAU,GAAG,MAAM,CAAC,GAAG,mgCAAiB,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,CAGlE,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Radio/styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAOxD,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAiB;;;;;oBAKnC,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,eAAe,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;AAMF,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,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/esm/components/FormItens/Select/Select.stories.js

@@ -1,5 +1,5 @@
 import { Select } from ".";
-var meta = {
+const meta = {
     component: Select,
     title: "Design System/Select",
     argTypes: {
@@ -68,7 +68,7 @@ var meta = {
     },
 };
 export default meta;
-export var Example = {
+export const Example = {
     args: {},
 };
 //# sourceMappingURL=Select.stories.js.map

package/dist/esm/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,OAAO,EAAE,MAAM,EAAE,MAAM,GAAG,CAAC;AAE3B,IAAM,IAAI,GAAwB;IAChC,SAAS,EAAE,MAAM;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,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,IAAM,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,OAAO,EAAE,MAAM,EAAE,MAAM,GAAG,CAAC;AAE3B,MAAM,IAAI,GAAwB;IAChC,SAAS,EAAE,MAAM;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,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;CACT,CAAC"}

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

@@ -1,4 +1,3 @@
-import { __assign, __rest } from "tslib";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import ReactSelect from "react-select";
 import { AdditionalInfo, SelectWrapper } from "./styles";
@@ -6,23 +5,20 @@ import { Controller } from "react-hook-form";
 import { Icon } from "../../Icon";
 import { Spinner } from "../../Spinner";
 import { useTheme } from "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 = __rest(_a, ["label", "error", "control", "info", "isDisabled", "isLoading"]);
-    var theme = useTheme();
-    return (_jsxs(SelectWrapper, { disabled: isDisabled || isLoading, hasError: !!error, children: [label, _jsx(ReactSelect, __assign({ components: {
-                    DropdownIndicator: function () {
+const RawSelect = ({ label, error, control, info, isDisabled, isLoading, ...props }) => {
+    const theme = useTheme();
+    return (_jsxs(SelectWrapper, { disabled: isDisabled || isLoading, hasError: !!error, children: [label, _jsx(ReactSelect, { components: {
+                    DropdownIndicator: () => {
                         if (isLoading) {
                             return (_jsx(Spinner, { color: theme.colors.neutral.light, size: 16, style: { marginRight: 8 } }));
                         }
                         return (_jsx(Icon, { className: "custom-dropdown-icon", icon: "chevronDown", size: 28 }));
                     },
-                }, isDisabled: isDisabled || isLoading, classNamePrefix: "react-select", noOptionsMessage: function () { return "Nada encontrado"; } }, props)), (!!control || !!error || !!info) && (_jsx(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) && (_jsx(AdditionalInfo, { className: "additional-info", disabled: isDisabled || isLoading, isError: !!error, children: error || info }))] }));
 };
-export 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 = __rest(_a, ["name", "label", "register", "control", "error", "info", "isLoading"]);
-    return control ? (_jsx(Controller, { name: name || "", control: control, render: function (_a) {
-            var field = _a.field;
-            return (_jsx(RawSelect, __assign({ label: label, error: error, info: info, control: control, isLoading: isLoading, isDisabled: props.isDisabled }, props, field)));
-        } })) : (_jsx(RawSelect, __assign({ label: label, error: error, info: info, control: control, isLoading: isLoading, isDisabled: props.isDisabled }, props)));
+export const Select = ({ name, label, register, control, error, info, isLoading, ...props }) => {
+    return control ? (_jsx(Controller, { name: name || "", control: control, render: ({ field }) => {
+            return (_jsx(RawSelect, { label: label, error: error, info: info, control: control, isLoading: isLoading, isDisabled: props.isDisabled, ...props, ...field }));
+        } })) : (_jsx(RawSelect, { label: label, error: error, info: info, control: control, isLoading: isLoading, isDisabled: props.isDisabled, ...props }));
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Select/index.tsx"],"names":[],"mappings":";;AAAA,OAAO,WAA0C,MAAM,cAAc,CAAC;AACtE,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzD,OAAO,EAAE,UAAU,EAAyB,MAAM,iBAAiB,CAAC;AAEpE,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;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,cAPS,gEAQlB,CADS;IAER,IAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,OAAO,CACL,MAAC,aAAa,IAAC,QAAQ,EAAE,UAAU,IAAI,SAAS,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,aAChE,KAAK,EACN,KAAC,WAAW,aACV,UAAU,EAAE;oBACV,iBAAiB,EAAE;wBACjB,IAAI,SAAS,EAAE,CAAC;4BACd,OAAO,CACL,KAAC,OAAO,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,KAAC,IAAI,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,KAAC,cAAc,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;AAEF,MAAM,CAAC,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,cARa,sEAStB,CADS;IAER,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,KAAC,UAAU,IACT,IAAI,EAAE,IAAI,IAAI,EAAE,EAChB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,UAAC,EAAS;gBAAP,KAAK,WAAA;YACd,OAAO,CACL,KAAC,SAAS,aACR,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,KAAC,SAAS,aACR,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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Select/index.tsx"],"names":[],"mappings":";AAAA,OAAO,WAA0C,MAAM,cAAc,CAAC;AACtE,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzD,OAAO,EAAE,UAAU,EAAyB,MAAM,iBAAiB,CAAC;AAEpE,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;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,QAAQ,EAAE,CAAC;IAEzB,OAAO,CACL,MAAC,aAAa,IAAC,QAAQ,EAAE,UAAU,IAAI,SAAS,EAAE,QAAQ,EAAE,CAAC,CAAC,KAAK,aAChE,KAAK,EACN,KAAC,WAAW,IACV,UAAU,EAAE;oBACV,iBAAiB,EAAE,GAAG,EAAE;wBACtB,IAAI,SAAS,EAAE,CAAC;4BACd,OAAO,CACL,KAAC,OAAO,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,KAAC,IAAI,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,KAAC,cAAc,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;AAEF,MAAM,CAAC,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,KAAC,UAAU,IACT,IAAI,EAAE,IAAI,IAAI,EAAE,EAChB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;YACpB,OAAO,CACL,KAAC,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,KAAC,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"}

package/dist/esm/components/FormItens/Select/styles.js

@@ -1,94 +1,134 @@
-import { __makeTemplateObject } from "tslib";
 import styled from "styled-components";
-export var SelectWrapper = styled.label(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 24px;\n  letter-spacing: 0.15px;\n  color: ", ";\n  width: fit-content;\n\n  .custom-dropdown-icon {\n    fill: ", ";\n\n    padding-right: 8px;\n  }\n\n  .react-select__control {\n    border-radius: ", ";\n    border-color: ", ";\n    color: ", ";\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 20px;\n    letter-spacing: 0.1px;\n    cursor: pointer;\n  }\n\n  [class$=\"-control\"]:hover {\n    border-color: ", ";\n  }\n\n  .react-select__control--is-focused {\n    outline: none;\n    border-color: ", ";\n    box-shadow: none;\n  }\n\n  .react-select__control--is-disabled {\n    background-color: transparent;\n    border-color: ", ";\n    color: ", ";\n\n    .react-select__placeholder {\n      color: ", ";\n    }\n  }\n\n  .react-select__indicator-separator {\n    display: none;\n  }\n\n  .react-select__menu {\n    border-radius: ", ";\n    padding: ", ";\n    border-color: transparent;\n    box-shadow: ", ";\n  }\n\n  .react-select__menu-list {\n    padding: 0;\n  }\n\n  .react-select__option {\n    padding: ", ";\n    border-radius: ", ";\n    color: ", ";\n    font-family: ", ";\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 20px;\n    letter-spacing: 0.014px;\n    transition: all 0.3s;\n    cursor: pointer;\n\n    &:hover {\n      background-color: ", ";\n    }\n  }\n\n  .react-select__option--is-focused {\n    background-color: transparent;\n  }\n\n  .react-select__option--is-selected {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  .react-select__multi-value {\n    border-radius: ", ";\n    background-color: ", ";\n  }\n\n  .react-select__multi-value__label {\n    padding: ", ";\n  }\n\n  .react-select__multi-value__remove:hover {\n    background-color: ", ";\n\n    svg {\n      fill: ", ";\n    }\n  }\n\n  .react-select__menu-notice {\n    color: ", ";\n    font-family: ", ";\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 20px;\n    letter-spacing: 0.014px;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  font-size: 16px;\n  font-style: normal;\n  font-weight: 600;\n  line-height: 24px;\n  letter-spacing: 0.15px;\n  color: ", ";\n  width: fit-content;\n\n  .custom-dropdown-icon {\n    fill: ", ";\n\n    padding-right: 8px;\n  }\n\n  .react-select__control {\n    border-radius: ", ";\n    border-color: ", ";\n    color: ", ";\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 20px;\n    letter-spacing: 0.1px;\n    cursor: pointer;\n  }\n\n  [class$=\"-control\"]:hover {\n    border-color: ", ";\n  }\n\n  .react-select__control--is-focused {\n    outline: none;\n    border-color: ", ";\n    box-shadow: none;\n  }\n\n  .react-select__control--is-disabled {\n    background-color: transparent;\n    border-color: ", ";\n    color: ", ";\n\n    .react-select__placeholder {\n      color: ", ";\n    }\n  }\n\n  .react-select__indicator-separator {\n    display: none;\n  }\n\n  .react-select__menu {\n    border-radius: ", ";\n    padding: ", ";\n    border-color: transparent;\n    box-shadow: ", ";\n  }\n\n  .react-select__menu-list {\n    padding: 0;\n  }\n\n  .react-select__option {\n    padding: ", ";\n    border-radius: ", ";\n    color: ", ";\n    font-family: ", ";\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 20px;\n    letter-spacing: 0.014px;\n    transition: all 0.3s;\n    cursor: pointer;\n\n    &:hover {\n      background-color: ", ";\n    }\n  }\n\n  .react-select__option--is-focused {\n    background-color: transparent;\n  }\n\n  .react-select__option--is-selected {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  .react-select__multi-value {\n    border-radius: ", ";\n    background-color: ", ";\n  }\n\n  .react-select__multi-value__label {\n    padding: ", ";\n  }\n\n  .react-select__multi-value__remove:hover {\n    background-color: ", ";\n\n    svg {\n      fill: ", ";\n    }\n  }\n\n  .react-select__menu-notice {\n    color: ", ";\n    font-family: ", ";\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 20px;\n    letter-spacing: 0.014px;\n  }\n"])), function (_a) {
-    var theme = _a.theme, disabled = _a.disabled;
-    return disabled ? theme.colors.neutral.light : theme.colors.neutral.dark;
-}, function (_a) {
-    var theme = _a.theme, disabled = _a.disabled;
-    return disabled ? theme.colors.neutral.light : theme.colors.neutral.dark;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.radius.m;
-}, function (_a) {
-    var theme = _a.theme, hasError = _a.hasError;
-    return hasError ? theme.colors.red.default : 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.dark;
-}, 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;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.light;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.radius.m;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.xs;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.shadows.default;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.xs;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.radius.s;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.dark;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.typography.family.default;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.lighter;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.primary.lightest;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.darker;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.radius.s;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.lighter;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.spacing.xxs;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.red.lightest;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.red.default;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.neutral.default;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.typography.family.default;
-});
-export var AdditionalInfo = styled.div(templateObject_2 || (templateObject_2 = __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, disabled = _a.disabled;
-    return isError
-        ? theme.colors.primary.default
-        : disabled
-            ? theme.colors.neutral.light
-            : theme.colors.neutral.dark;
-});
-var templateObject_1, templateObject_2;
+export const SelectWrapper = styled.label `
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  font-size: 16px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 24px;
+  letter-spacing: 0.15px;
+  color: ${({ theme, disabled }) => disabled ? theme.colors.neutral.light : theme.colors.neutral.dark};
+  width: fit-content;
+
+  .custom-dropdown-icon {
+    fill: ${({ theme, disabled }) => disabled ? theme.colors.neutral.light : theme.colors.neutral.dark};
+
+    padding-right: 8px;
+  }
+
+  .react-select__control {
+    border-radius: ${({ theme }) => theme.radius.m};
+    border-color: ${({ theme, hasError }) => hasError ? theme.colors.red.default : theme.colors.neutral.dark};
+    color: ${({ theme }) => theme.colors.neutral.dark};
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 20px;
+    letter-spacing: 0.1px;
+    cursor: pointer;
+  }
+
+  [class$="-control"]:hover {
+    border-color: ${({ theme }) => theme.colors.neutral.dark};
+  }
+
+  .react-select__control--is-focused {
+    outline: none;
+    border-color: ${({ theme }) => theme.colors.blue.dark};
+    box-shadow: none;
+  }
+
+  .react-select__control--is-disabled {
+    background-color: transparent;
+    border-color: ${({ theme }) => theme.colors.neutral.light};
+    color: ${({ theme }) => theme.colors.neutral.light};
+
+    .react-select__placeholder {
+      color: ${({ theme }) => theme.colors.neutral.light};
+    }
+  }
+
+  .react-select__indicator-separator {
+    display: none;
+  }
+
+  .react-select__menu {
+    border-radius: ${({ theme }) => theme.radius.m};
+    padding: ${({ theme }) => theme.spacing.xs};
+    border-color: transparent;
+    box-shadow: ${({ theme }) => theme.shadows.default};
+  }
+
+  .react-select__menu-list {
+    padding: 0;
+  }
+
+  .react-select__option {
+    padding: ${({ theme }) => theme.spacing.xs};
+    border-radius: ${({ theme }) => theme.radius.s};
+    color: ${({ theme }) => theme.colors.neutral.dark};
+    font-family: ${({ theme }) => theme.typography.family.default};
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 20px;
+    letter-spacing: 0.014px;
+    transition: all 0.3s;
+    cursor: pointer;
+
+    &:hover {
+      background-color: ${({ theme }) => theme.colors.neutral.lighter};
+    }
+  }
+
+  .react-select__option--is-focused {
+    background-color: transparent;
+  }
+
+  .react-select__option--is-selected {
+    background-color: ${({ theme }) => theme.colors.primary.lightest};
+    color: ${({ theme }) => theme.colors.neutral.darker};
+  }
+
+  .react-select__multi-value {
+    border-radius: ${({ theme }) => theme.radius.s};
+    background-color: ${({ theme }) => theme.colors.neutral.lighter};
+  }
+
+  .react-select__multi-value__label {
+    padding: ${({ theme }) => theme.spacing.xxs};
+  }
+
+  .react-select__multi-value__remove:hover {
+    background-color: ${({ theme }) => theme.colors.red.lightest};
+
+    svg {
+      fill: ${({ theme }) => theme.colors.red.default};
+    }
+  }
+
+  .react-select__menu-notice {
+    color: ${({ theme }) => theme.colors.neutral.default};
+    font-family: ${({ theme }) => theme.typography.family.default};
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 20px;
+    letter-spacing: 0.014px;
+  }
+`;
+export const AdditionalInfo = styled.div `
+  color: ${({ theme, isError, disabled }) => isError
+    ? theme.colors.primary.default
+    : disabled
+        ? theme.colors.neutral.light
+        : 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/esm/components/FormItens/Select/styles.js.map

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

package/dist/esm/components/FormItens/Switch/Switch.stories.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Switch } from ".";
 import { Subtitle } from "../../StoriesComponents/styles";
-var meta = {
+const meta = {
     title: "Design System/Switch",
     component: Switch,
     parameters: {
@@ -56,12 +56,12 @@ var meta = {
     },
 };
 export default meta;
-export var Example = {
+export const Example = {
     name: "Exemplo",
 };
-export var List = {
+export const List = {
     name: "Lista de todos os estados",
-    render: function () {
+    render: () => {
         return (_jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 8 }, children: [_jsx(Switch, { label: "Marcado", checked: true }), _jsx(Switch, { label: "Marcado e desabilitado", disabled: true, checked: true }), _jsx(Switch, { label: "Desmarcado", checked: false }), _jsx(Switch, { label: "Desmarcado e desabilitado", disabled: true })] }));
     },
     // Disable all controls

package/dist/esm/components/FormItens/Switch/Switch.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.stories.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Switch/Switch.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,GAAG,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAE1D,IAAM,IAAI,GAAwB;IAChC,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,MAAC,QAAQ,wLAIP,cAAM,EACN,cAAM,mDAAyC,GAAG,EAClD,kEAAoC,oIAEpC,+EAAiD,IACxC,CACZ;KACF;IACD,QAAQ,EAAE;QACR,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,WAAW,EAAE,+CAA+C;YAC5D,OAAO,EAAE;gBACP,IAAI,EAAE,OAAO;aACd;SACF;QACD,SAAS,EAAE;YACT,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;SACF;QACD,OAAO,EAAE;YACP,WAAW,EAAE,oDAAoD;YACjE,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;SACF;QACD,QAAQ,EAAE;YACR,WAAW,EACT,0IAA0I;YAC5I,MAAM,EAAE,SAAS;SAClB;QACD,QAAQ,EAAE;YACR,WAAW,EACT,wGAAwG;YAC1G,OAAO,EAAE;gBACP,OAAO,EAAE,IAAI;aACd;SACF;KACF;IAED,IAAI,EAAE;QACJ,KAAK,EAAE,QAAQ;QACf,aAAa,EAAE,OAAO;QACtB,QAAQ,EAAE,KAAK;QACf,SAAS,EAAE,KAAK;QAChB,WAAW,EAAE,SAAS;KACvB;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,IAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,SAAS;CAChB,CAAC;AAEF,MAAM,CAAC,IAAM,IAAI,GAAU;IACzB,IAAI,EAAE,2BAA2B;IACjC,MAAM,EAAE;QACN,OAAO,CACL,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,aAC9D,KAAC,MAAM,IAAC,KAAK,EAAC,SAAS,EAAC,OAAO,SAAG,EAClC,KAAC,MAAM,IAAC,KAAK,EAAC,wBAAwB,EAAC,QAAQ,QAAC,OAAO,SAAG,EAC1D,KAAC,MAAM,IAAC,KAAK,EAAC,YAAY,EAAC,OAAO,EAAE,KAAK,GAAI,EAC7C,KAAC,MAAM,IAAC,KAAK,EAAC,2BAA2B,EAAC,QAAQ,SAAG,IACjD,CACP,CAAC;IACJ,CAAC;IACD,uBAAuB;IACvB,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,KAAK,EAAE;gBACL,OAAO,EAAE,IAAI;aACd;SACF;QACD,OAAO,EAAE;YACP,KAAK,EAAE;gBACL,OAAO,EAAE,IAAI;aACd;SACF;QACD,QAAQ,EAAE;YACR,KAAK,EAAE;gBACL,OAAO,EAAE,IAAI;aACd;SACF;QACD,SAAS,EAAE;YACT,KAAK,EAAE;gBACL,OAAO,EAAE,IAAI;aACd;SACF;QACD,aAAa,EAAE;YACb,KAAK,EAAE;gBACL,OAAO,EAAE,IAAI;aACd;SACF;QACD,WAAW,EAAE;YACX,KAAK,EAAE;gBACL,OAAO,EAAE,IAAI;aACd;SACF;KACF;CACF,CAAC"}
+{"version":3,"file":"Switch.stories.js","sourceRoot":"","sources":["../../../../../src/components/FormItens/Switch/Switch.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,GAAG,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAE1D,MAAM,IAAI,GAAwB;IAChC,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,MAAC,QAAQ,wLAIP,cAAM,EACN,cAAM,mDAAyC,GAAG,EAClD,kEAAoC,oIAEpC,+EAAiD,IACxC,CACZ;KACF;IACD,QAAQ,EAAE;QACR,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,WAAW,EAAE,+CAA+C;YAC5D,OAAO,EAAE;gBACP,IAAI,EAAE,OAAO;aACd;SACF;QACD,SAAS,EAAE;YACT,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;SACF;QACD,OAAO,EAAE;YACP,WAAW,EAAE,oDAAoD;YACjE,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;SACF;QACD,QAAQ,EAAE;YACR,WAAW,EACT,0IAA0I;YAC5I,MAAM,EAAE,SAAS;SAClB;QACD,QAAQ,EAAE;YACR,WAAW,EACT,wGAAwG;YAC1G,OAAO,EAAE;gBACP,OAAO,EAAE,IAAI;aACd;SACF;KACF;IAED,IAAI,EAAE;QACJ,KAAK,EAAE,QAAQ;QACf,aAAa,EAAE,OAAO;QACtB,QAAQ,EAAE,KAAK;QACf,SAAS,EAAE,KAAK;QAChB,WAAW,EAAE,SAAS;KACvB;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,SAAS;CAChB,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAU;IACzB,IAAI,EAAE,2BAA2B;IACjC,MAAM,EAAE,GAAG,EAAE;QACX,OAAO,CACL,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,aAC9D,KAAC,MAAM,IAAC,KAAK,EAAC,SAAS,EAAC,OAAO,SAAG,EAClC,KAAC,MAAM,IAAC,KAAK,EAAC,wBAAwB,EAAC,QAAQ,QAAC,OAAO,SAAG,EAC1D,KAAC,MAAM,IAAC,KAAK,EAAC,YAAY,EAAC,OAAO,EAAE,KAAK,GAAI,EAC7C,KAAC,MAAM,IAAC,KAAK,EAAC,2BAA2B,EAAC,QAAQ,SAAG,IACjD,CACP,CAAC;IACJ,CAAC;IACD,uBAAuB;IACvB,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,KAAK,EAAE;gBACL,OAAO,EAAE,IAAI;aACd;SACF;QACD,OAAO,EAAE;YACP,KAAK,EAAE;gBACL,OAAO,EAAE,IAAI;aACd;SACF;QACD,QAAQ,EAAE;YACR,KAAK,EAAE;gBACL,OAAO,EAAE,IAAI;aACd;SACF;QACD,SAAS,EAAE;YACT,KAAK,EAAE;gBACL,OAAO,EAAE,IAAI;aACd;SACF;QACD,aAAa,EAAE;YACb,KAAK,EAAE;gBACL,OAAO,EAAE,IAAI;aACd;SACF;QACD,WAAW,EAAE;YACX,KAAK,EAAE;gBACL,OAAO,EAAE,IAAI;aACd;SACF;KACF;CACF,CAAC"}