@consumidor-positivo/aurora 0.0.76 → 0.0.78

package/dist/components/Checkbox/index.es.js

@@ -0,0 +1,135 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import $dbSRa$react__default, { useState, useEffect } from "react";
+import { c as classNames } from "../../index-CweZ_OcN.js";
+import "../Icon/index.es.js";
+import { IconCheck } from "../icons/IconCheck/index.es.js";
+import { F as Field } from "../../index-DfksciAR.js";
+import { m as COLOR_NEUTRAL_00 } from "../../tokens-DGTtjw-_.js";
+import { Conditional } from "../Conditional/index.es.js";
+import { Text } from "../Text/index.es.js";
+import './styles.css';const CheckboxField = ({
+  label,
+  error,
+  errorMessage,
+  disabled,
+  id,
+  style,
+  ...props
+}) => {
+  const checkboxClasses = classNames("au-checkbox", {
+    "au-checkbox--error": !!error,
+    "au-checkbox--disabled": !!disabled
+  });
+  const getSafeId = (id2) => {
+    return id2 ? id2 : `au-checkbox-${Math.random()}`;
+  };
+  const [safeId] = useState(getSafeId(id));
+  return /* @__PURE__ */ jsxs("div", { className: checkboxClasses, style, children: [
+    /* @__PURE__ */ jsxs("label", { htmlFor: safeId, className: "au-checkbox__holder", children: [
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          className: "au-checkbox__input",
+          type: "checkbox",
+          id: safeId,
+          disabled,
+          ...props
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "au-checkbox__check", children: /* @__PURE__ */ jsx(IconCheck, { rawColor: COLOR_NEUTRAL_00 }) }),
+      /* @__PURE__ */ jsx("span", { className: "au-checkbox__label", children: label })
+    ] }),
+    /* @__PURE__ */ jsx(Field.ErrorMessage, { hasError: !!error, message: errorMessage })
+  ] });
+};
+const useCheckboxGroup = ({ onChange, name }) => {
+  const getSafeName = (name2) => {
+    return name2 ? name2 : `au-checkbox-group-${Math.random()}`;
+  };
+  const [safeName] = useState(getSafeName(name));
+  const [selectedOptions, setSelectedOptions] = useState([{}]);
+  function handleSelectOption(checked, option, index) {
+    setSelectedOptions({
+      ...selectedOptions,
+      [index]: checked ? option : false
+    });
+  }
+  useEffect(() => {
+    const returnResponse = Object.values(selectedOptions).filter(
+      (item) => !!item
+    );
+    if (onChange) {
+      const event = {
+        target: {
+          checked: returnResponse
+        }
+      };
+      onChange(event);
+    }
+  }, [selectedOptions]);
+  return {
+    handleSelectOption,
+    safeName
+  };
+};
+const CheckboxGroup = ({
+  name,
+  defaultValue,
+  orientation = "vertical",
+  label,
+  error,
+  errorMessage,
+  required = false,
+  children,
+  onChange,
+  onFocus
+}) => {
+  const groupClass = classNames("au-checkbox-group", {
+    "au-checkbox-group--horizontal": orientation === "horizontal"
+  });
+  const { handleSelectOption, safeName } = useCheckboxGroup({ onChange, name });
+  const childrenWithProps = $dbSRa$react__default.Children.map(children, (child, index) => {
+    if ($dbSRa$react__default.isValidElement(child)) {
+      const childProps = child.props;
+      return /* @__PURE__ */ jsx(
+        CheckboxField,
+        {
+          name: safeName,
+          error,
+          defaultChecked: defaultValue === childProps.value,
+          onChange: (e) => handleSelectOption(e.target.checked, childProps, index),
+          onFocus,
+          ...child.props
+        }
+      );
+    }
+    return child;
+  });
+  return /* @__PURE__ */ jsxs("div", { className: groupClass, children: [
+    /* @__PURE__ */ jsx(
+      Conditional,
+      {
+        condition: !!label,
+        renderIf: /* @__PURE__ */ jsxs(Text, { variant: "body-small", weight: "semibold", color: "secondary", children: [
+          label,
+          " ",
+          !!required && /* @__PURE__ */ jsx("span", { className: "au-checkbox-group__label--required", children: "*" })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "au-checkbox-group__fields", children: childrenWithProps }),
+    /* @__PURE__ */ jsx(Field.ErrorMessage, { hasError: !!error, message: errorMessage })
+  ] });
+};
+const components = {
+  Field: CheckboxField,
+  Group: CheckboxGroup
+};
+Object.keys(components).forEach((key) => {
+  const component = components[key];
+  component.displayName = `Checkbox.${key}`;
+});
+export {
+  components as Checkbox
+};
+//# sourceMappingURL=index.es.js.map

package/dist/components/Checkbox/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../lib/components/form/Checkbox/Field/index.tsx","../../../lib/components/form/Checkbox/Group/hook.tsx","../../../lib/components/form/Checkbox/Group/index.tsx","../../../lib/components/form/Checkbox/index.tsx"],"sourcesContent":["import { useState } from 'react'\nimport classNames from 'classnames'\nimport { IconCheck } from '@components/icons'\nimport { COLOR_NEUTRAL_00 } from '@core/tokens'\nimport Field from '../../Field'\n\nimport { CheckboxFieldProps } from '../types'\nimport './styles.scss'\n\nexport const CheckboxField = ({\n  label,\n  error,\n  errorMessage,\n  disabled,\n  id,\n  style,\n  ...props\n}: CheckboxFieldProps) => {\n  const checkboxClasses = classNames('au-checkbox', {\n    'au-checkbox--error': !!error,\n    'au-checkbox--disabled': !!disabled,\n  })\n\n  const getSafeId = (id: CheckboxFieldProps['id']) => {\n    return id ? id : `au-checkbox-${Math.random()}`\n  }\n  const [safeId] = useState(getSafeId(id))\n\n  return (\n    <div className={checkboxClasses} style={style}>\n      <label htmlFor={safeId} className=\"au-checkbox__holder\">\n        <input\n          className=\"au-checkbox__input\"\n          type=\"checkbox\"\n          id={safeId}\n          disabled={disabled}\n          {...props}\n        />\n        <span className=\"au-checkbox__check\">\n          <IconCheck rawColor={COLOR_NEUTRAL_00} />\n        </span>\n        <span className=\"au-checkbox__label\">{label}</span>\n      </label>\n      <Field.ErrorMessage hasError={!!error} message={errorMessage} />\n    </div>\n  )\n}\n","import { useEffect, useState } from 'react'\nimport { CheckboxFieldProps } from '../types'\n\ntype UseCheckboxGroupProps = {\n  name?: string\n  onChange?: React.ChangeEventHandler<HTMLInputElement>\n}\n\nexport const useCheckboxGroup = ({ onChange, name }: UseCheckboxGroupProps) => {\n  const getSafeName = (name?: string): string => {\n    return name ? name : `au-checkbox-group-${Math.random()}`\n  }\n  const [safeName] = useState(getSafeName(name))\n\n  const [selectedOptions, setSelectedOptions] = useState([{}])\n\n  function handleSelectOption(\n    checked: boolean,\n    option: CheckboxFieldProps,\n    index: number,\n  ) {\n    setSelectedOptions({\n      ...selectedOptions,\n      [index]: checked ? option : false,\n    })\n  }\n\n  useEffect(() => {\n    const returnResponse = Object.values(selectedOptions).filter(\n      (item) => !!item,\n    )\n\n    if (onChange) {\n      const event = {\n        target: {\n          checked: returnResponse,\n        },\n      } as unknown as React.ChangeEvent<HTMLInputElement>\n\n      onChange(event)\n    }\n  }, [selectedOptions])\n\n  return {\n    handleSelectOption,\n    safeName,\n  }\n}\n","import React from 'react'\nimport classNames from 'classnames'\nimport './styles.scss'\nimport Field from '@components/form/Field'\nimport { Conditional } from '@components/misc'\nimport { Text } from '@components/Text'\nimport { CheckboxField } from '../Field'\nimport { CheckboxFieldProps, CheckboxGroupProps } from '../types'\nimport { useCheckboxGroup } from './hook'\n\nexport const CheckboxGroup = ({\n  name,\n  defaultValue,\n  orientation = 'vertical',\n  label,\n  error,\n  errorMessage,\n  required = false,\n  children,\n  onChange,\n  onFocus,\n}: CheckboxGroupProps) => {\n  const groupClass = classNames('au-checkbox-group', {\n    'au-checkbox-group--horizontal': orientation === 'horizontal',\n  })\n\n  const { handleSelectOption, safeName } = useCheckboxGroup({onChange, name})\n\n  const childrenWithProps = React.Children.map(children, (child, index) => {\n    if (React.isValidElement(child)) {\n      const childProps = child.props as CheckboxFieldProps\n\n      return (\n        <CheckboxField\n          name={safeName}\n          error={error}\n          defaultChecked={defaultValue === childProps.value}\n          onChange={(e) =>\n            handleSelectOption(e.target.checked, childProps, index)\n          }\n          onFocus={onFocus}\n          {...child.props}\n        />\n      )\n    }\n    return child\n  })\n\n  return (\n    <div className={groupClass}>\n      <Conditional\n        condition={!!label}\n        renderIf={\n          <Text variant=\"body-small\" weight=\"semibold\" color=\"secondary\">\n            {label}{' '}\n            {!!required && (\n              <span className=\"au-checkbox-group__label--required\">*</span>\n            )}\n          </Text>\n        }\n      />\n      <div className=\"au-checkbox-group__fields\">{childrenWithProps}</div>\n      <Field.ErrorMessage hasError={!!error} message={errorMessage} />\n    </div>\n  )\n}\n","import { CheckboxField } from './Field'\nimport { CheckboxGroup } from './Group'\nimport { CheckboxFieldProps, CheckboxGroupProps } from './types'\n\ntype Components = {\n  Field: React.FC<CheckboxFieldProps>\n  Group: React.FC<CheckboxGroupProps>\n}\n\nconst components: Components = {\n  Field: CheckboxField,\n  Group: CheckboxGroup,\n}\n\nObject.keys(components).forEach((key) => {\n  const component = components[key as keyof Components]\n  component.displayName = `Checkbox.${key}`\n})\n\nexport { components as Checkbox }\n"],"names":["id","name","React"],"mappings":"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"}

package/dist/components/{CheckboxField → Checkbox}/styles.css

@@ -1 +1 @@
-.au-checkbox{position:relative}.au-checkbox__holder{cursor:pointer;display:flex;gap:8px;align-items:start}.au-checkbox__input{position:absolute;opacity:0;width:0;height:0}.au-checkbox__input:checked~.au-checkbox__check{background-color:#0048db;border-color:#0048db}.au-checkbox__input:checked~.au-checkbox__check .au-icon svg{opacity:1}.au-checkbox__input:hover:not(:focus)~.au-checkbox__check{border-color:#0048db;outline:2px solid #F2F5FC}.au-checkbox__input:hover:not(:checked)~.au-checkbox__check{background-color:#f2f5fc}.au-checkbox__input:focus~.au-checkbox__check{box-shadow:0 0 0 1px #fff,0 0 0 3px #0048db}.au-checkbox__check{background-color:#fff;border:2px solid #454a54;border-radius:4px;height:24px;width:24px;transition:background-color .2s ease}.au-checkbox__check .au-icon svg{position:absolute;left:0;top:0;opacity:0;transition:opacity .2s ease}.au-checkbox__label{color:#454a54;font-family:"Source Sans 3",sans-serif;font-size:16px;line-height:24px;word-wrap:break-word;max-width:calc(100% - 32px)}.au-checkbox--error .au-checkbox__check{border:2px solid #991717}.au-checkbox--disabled .au-checkbox__holder{cursor:not-allowed}.au-checkbox--disabled .au-checkbox__input:checked~.au-checkbox__check{background-color:#c4c9d4;border-color:#c4c9d4}.au-checkbox--disabled .au-checkbox__input:hover~.au-checkbox__check{border-color:#c4c9d4;outline:none}.au-checkbox--disabled .au-checkbox__input:hover:not(:checked)~.au-checkbox__check{background-color:inherit}.au-checkbox--disabled .au-checkbox__check{border:2px solid #c4c9d4}.au-checkbox--disabled .au-checkbox__label{color:#c4c9d4}
+.au-checkbox{position:relative}.au-checkbox__holder{cursor:pointer;display:flex;gap:8px;align-items:start}.au-checkbox__input{position:absolute;opacity:0;width:0;height:0}.au-checkbox__input:checked~.au-checkbox__check{background-color:#0048db;border-color:#0048db}.au-checkbox__input:checked~.au-checkbox__check .au-icon svg{opacity:1}.au-checkbox__input:hover:not(:focus)~.au-checkbox__check{border-color:#0048db;outline:2px solid #F2F5FC}.au-checkbox__input:hover:not(:checked)~.au-checkbox__check{background-color:#f2f5fc}.au-checkbox__input:focus~.au-checkbox__check{box-shadow:0 0 0 1px #fff,0 0 0 3px #0048db}.au-checkbox__check{background-color:#fff;border:2px solid #454a54;border-radius:4px;height:24px;width:24px;transition:background-color .2s ease}.au-checkbox__check .au-icon svg{position:absolute;left:0;top:0;opacity:0;transition:opacity .2s ease}.au-checkbox__label{color:#454a54;font-family:"Source Sans 3",sans-serif;font-size:16px;line-height:24px;word-wrap:break-word;max-width:calc(100% - 32px)}.au-checkbox--error .au-checkbox__check{border:2px solid #991717}.au-checkbox--disabled .au-checkbox__holder{cursor:not-allowed}.au-checkbox--disabled .au-checkbox__input:checked~.au-checkbox__check{background-color:#c4c9d4;border-color:#c4c9d4}.au-checkbox--disabled .au-checkbox__input:hover~.au-checkbox__check{border-color:#c4c9d4;outline:none}.au-checkbox--disabled .au-checkbox__input:hover:not(:checked)~.au-checkbox__check{background-color:inherit}.au-checkbox--disabled .au-checkbox__check{border:2px solid #c4c9d4}.au-checkbox--disabled .au-checkbox__label{color:#c4c9d4}.au-checkbox-group{display:flex;flex-direction:column;gap:16px}.au-checkbox-group__label--required{color:#991717}.au-checkbox-group__fields{display:flex;flex-direction:column;gap:16px}.au-checkbox-group--horizontal .au-checkbox-group__fields{flex-direction:row}

package/dist/components/default/index.es.js

@@ -298,6 +298,7 @@ import { IconVolumeX } from "../icons/IconVolumeX/index.es.js";
 import { IconWarning } from "../icons/IconWarning/index.es.js";
 import { IconWatch } from "../icons/IconWatch/index.es.js";
 import { IconWebsite } from "../icons/IconWebsite/index.es.js";
+import { IconWhatsapp } from "../icons/IconWhatsapp/index.es.js";
 import { IconWifi } from "../icons/IconWifi/index.es.js";
 import { IconWifiOff } from "../icons/IconWifiOff/index.es.js";
 import { IconWind } from "../icons/IconWind/index.es.js";
@@ -611,6 +612,7 @@ export {
   IconWarning,
   IconWatch,
   IconWebsite,
+  IconWhatsapp,
   IconWifi,
   IconWifiOff,
   IconWind,

package/dist/components/default/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/form/{CheckboxField → Checkbox/Field}/index.d.ts

@@ -1,8 +1,3 @@
+import { CheckboxFieldProps } from '../types';
 
-type CheckboxFieldProps = React.InputHTMLAttributes<HTMLInputElement> & {
-    label: string;
-    error?: boolean;
-    errorMessage?: string;
-};
 export declare const CheckboxField: ({ label, error, errorMessage, disabled, id, style, ...props }: CheckboxFieldProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/form/Checkbox/Group/hook.d.ts

@@ -0,0 +1,11 @@
+import { CheckboxFieldProps } from '../types';
+
+type UseCheckboxGroupProps = {
+    name?: string;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+};
+export declare const useCheckboxGroup: ({ onChange, name }: UseCheckboxGroupProps) => {
+    handleSelectOption: (checked: boolean, option: CheckboxFieldProps, index: number) => void;
+    safeName: string;
+};
+export {};

package/dist/components/form/Checkbox/Group/index.d.ts

@@ -0,0 +1,3 @@
+import { CheckboxGroupProps } from '../types';
+
+export declare const CheckboxGroup: ({ name, defaultValue, orientation, label, error, errorMessage, required, children, onChange, onFocus, }: CheckboxGroupProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,8 @@
+import { CheckboxFieldProps, CheckboxGroupProps } from './types';
+
+type Components = {
+    Field: React.FC<CheckboxFieldProps>;
+    Group: React.FC<CheckboxGroupProps>;
+};
+declare const components: Components;
+export { components as Checkbox };

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

@@ -0,0 +1,19 @@
+import { CheckboxField } from './Field';
+
+export type CheckboxFieldProps = React.InputHTMLAttributes<HTMLInputElement> & {
+    label?: string;
+    error?: boolean;
+    errorMessage?: string;
+};
+export type CheckboxGroupProps = {
+    children: React.ReactElement<typeof CheckboxField>[];
+    name?: string;
+    defaultValue?: string | number;
+    orientation?: 'horizontal' | 'vertical';
+    label?: string;
+    error?: boolean;
+    errorMessage?: string;
+    required?: boolean;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    onFocus?: React.FocusEventHandler<HTMLInputElement>;
+};

package/dist/components/icons/IconWhatsapp/index.es.js

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+import Icon from "../../Icon/index.es.js";
+function IconWhatsapp(props) {
+  return /* @__PURE__ */ jsx(
+    Icon,
+    {
+      markup: "<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M12 2.56626C7.08204 2.56626 3.09524 6.54253 3.09524 11.4475C3.09524 13.3999 3.72566 15.2023 4.7948 16.6674L5.08255 17.0618L4.13482 20.8537L7.98889 19.3909L8.38363 19.5661C9.48737 20.0559 10.7103 20.3287 12 20.3287C16.918 20.3287 20.9048 16.3525 20.9048 11.4475C20.9048 6.54253 16.918 2.56626 12 2.56626ZM1 11.4475C1 5.38842 5.92487 0.476562 12 0.476562C18.0751 0.476562 23 5.38842 23 11.4475C23 17.5066 18.0751 22.4184 12 22.4184C10.5671 22.4184 9.19611 22.1447 7.9383 21.646L3.19333 23.447C2.32339 23.7772 1.44013 22.9957 1.66528 22.0948L2.81653 17.4886C1.66856 15.7558 1 13.6782 1 11.4475Z' fill='currentColor'/><path fill-rule='evenodd' clip-rule='evenodd' d='M9.23672 7.42006L7.69336 9.17806C7.6734 9.2008 7.66309 9.22106 7.65856 9.23396C7.65597 9.24132 7.65541 9.2468 7.65541 9.2468C7.84014 11.018 9.24279 14.4629 13.9434 15.8039C13.9807 15.8145 14.0413 15.8086 14.0973 15.7559L15.222 14.6982L16.0941 13.7567L14.7307 12.4378L13.7516 13.5985C13.3868 14.031 12.7542 14.1795 12.2254 13.887C11.1959 13.3177 9.60272 12.175 9.31198 10.2925C9.26547 9.99133 9.35516 9.69875 9.53081 9.48091L10.3382 8.47955L9.23672 7.42006ZM8.42407 5.82833C8.81284 5.3855 9.48888 5.35673 9.9133 5.76496L11.8957 7.67174C12.2859 8.04701 12.3245 8.66137 11.9843 9.08319L11.0052 10.2975C11.2407 11.1191 11.9515 11.7723 12.7188 12.2475L13.8966 10.8512C14.2826 10.3937 14.9714 10.3585 15.4013 10.7744L17.682 12.9805C18.0901 13.3753 18.1078 14.0271 17.7219 14.4439L16.3932 15.8783L15.2268 16.9753C14.7753 17.3998 14.1232 17.5887 13.4925 17.4087C8.03768 15.8526 6.25251 11.7564 6.00911 9.42057C5.95413 8.893 6.15369 8.41447 6.45354 8.07292L8.42407 5.82833Z' fill='currentColor'/></svg>",
+      name: "IconWhatsapp",
+      ...props
+    }
+  );
+}
+export {
+  IconWhatsapp
+};
+//# sourceMappingURL=index.es.js.map

package/dist/components/icons/IconWhatsapp/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../../lib/components/icons/default/IconWhatsapp.tsx"],"sourcesContent":["\n// This file is generated automatically\n// To edit see the file lib/tasks/generateIcons.js\nimport Icon, { IconProps } from \"../Icon\";\n\nexport function IconWhatsapp(props: IconProps) {\n  return (\n    <Icon\n      markup={\"<svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M12 2.56626C7.08204 2.56626 3.09524 6.54253 3.09524 11.4475C3.09524 13.3999 3.72566 15.2023 4.7948 16.6674L5.08255 17.0618L4.13482 20.8537L7.98889 19.3909L8.38363 19.5661C9.48737 20.0559 10.7103 20.3287 12 20.3287C16.918 20.3287 20.9048 16.3525 20.9048 11.4475C20.9048 6.54253 16.918 2.56626 12 2.56626ZM1 11.4475C1 5.38842 5.92487 0.476562 12 0.476562C18.0751 0.476562 23 5.38842 23 11.4475C23 17.5066 18.0751 22.4184 12 22.4184C10.5671 22.4184 9.19611 22.1447 7.9383 21.646L3.19333 23.447C2.32339 23.7772 1.44013 22.9957 1.66528 22.0948L2.81653 17.4886C1.66856 15.7558 1 13.6782 1 11.4475Z' fill='currentColor'/><path fill-rule='evenodd' clip-rule='evenodd' d='M9.23672 7.42006L7.69336 9.17806C7.6734 9.2008 7.66309 9.22106 7.65856 9.23396C7.65597 9.24132 7.65541 9.2468 7.65541 9.2468C7.84014 11.018 9.24279 14.4629 13.9434 15.8039C13.9807 15.8145 14.0413 15.8086 14.0973 15.7559L15.222 14.6982L16.0941 13.7567L14.7307 12.4378L13.7516 13.5985C13.3868 14.031 12.7542 14.1795 12.2254 13.887C11.1959 13.3177 9.60272 12.175 9.31198 10.2925C9.26547 9.99133 9.35516 9.69875 9.53081 9.48091L10.3382 8.47955L9.23672 7.42006ZM8.42407 5.82833C8.81284 5.3855 9.48888 5.35673 9.9133 5.76496L11.8957 7.67174C12.2859 8.04701 12.3245 8.66137 11.9843 9.08319L11.0052 10.2975C11.2407 11.1191 11.9515 11.7723 12.7188 12.2475L13.8966 10.8512C14.2826 10.3937 14.9714 10.3585 15.4013 10.7744L17.682 12.9805C18.0901 13.3753 18.1078 14.0271 17.7219 14.4439L16.3932 15.8783L15.2268 16.9753C14.7753 17.3998 14.1232 17.5887 13.4925 17.4087C8.03768 15.8526 6.25251 11.7564 6.00911 9.42057C5.95413 8.893 6.15369 8.41447 6.45354 8.07292L8.42407 5.82833Z' fill='currentColor'/></svg>\"}\n      name=\"IconWhatsapp\"\n      {...props}\n    />\n  );\n}\n\n"],"names":[],"mappings":";;AAKO,SAAS,aAAa,OAAkB;AAE3C,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR,MAAK;AAAA,MACJ,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/components/icons/default/IconWhatsapp.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../Icon';
+
+export declare function IconWhatsapp(props: IconProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/icons/default/index.d.ts

@@ -298,6 +298,7 @@ export { IconVolumeX } from './IconVolumeX';
 export { IconWarning } from './IconWarning';
 export { IconWatch } from './IconWatch';
 export { IconWebsite } from './IconWebsite';
+export { IconWhatsapp } from './IconWhatsapp';
 export { IconWifi } from './IconWifi';
 export { IconWifiOff } from './IconWifiOff';
 export { IconWind } from './IconWind';

package/dist/components/icons/index.es.js

@@ -298,6 +298,7 @@ import { IconVolumeX } from "./IconVolumeX/index.es.js";
 import { IconWarning } from "./IconWarning/index.es.js";
 import { IconWatch } from "./IconWatch/index.es.js";
 import { IconWebsite } from "./IconWebsite/index.es.js";
+import { IconWhatsapp } from "./IconWhatsapp/index.es.js";
 import { IconWifi } from "./IconWifi/index.es.js";
 import { IconWifiOff } from "./IconWifiOff/index.es.js";
 import { IconWind } from "./IconWind/index.es.js";
@@ -613,6 +614,7 @@ export {
   IconWarning,
   IconWatch,
   IconWebsite,
+  IconWhatsapp,
   IconWifi,
   IconWifiOff,
   IconWind,

package/dist/components/icons/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/main.d.ts

@@ -14,8 +14,8 @@ export { TokenField } from './components/form/TokenField';
 export { SelectField } from './components/form/SelectField';
 export { PasswordField } from './components/form/PasswordField';
 export { DatepickerField } from './components/form/Datepicker';
-export { CheckboxField } from './components/form/CheckboxField';
 export { TextAreaField } from './components/form/TextareaField';
+export { Checkbox } from './components/form/Checkbox';
 export { Radio } from './components/form/Radio';
 export { useDrawer } from './components/Drawer/hooks';
 export * from './components/Logo';

package/dist/main.es.js

@@ -13,8 +13,8 @@ import { TokenField } from "./components/TokenField/index.es.js";
 import { SelectField } from "./components/SelectField/index.es.js";
 import { PasswordField } from "./components/PasswordField/index.es.js";
 import { DatepickerField } from "./components/Datepicker/index.es.js";
-import { CheckboxField } from "./components/CheckboxField/index.es.js";
 import { TextAreaField } from "./components/TextareaField/index.es.js";
+import { Checkbox } from "./components/Checkbox/index.es.js";
 import { Radio } from "./components/Radio/index.es.js";
 import { useState } from "react";
 import { L, a, b, c, d, e, f, g, h, i, j, k, l, m } from "./Tertiary-DMp-1eWT.js";
@@ -318,6 +318,7 @@ import { IconVolumeX } from "./components/icons/IconVolumeX/index.es.js";
 import { IconWarning } from "./components/icons/IconWarning/index.es.js";
 import { IconWatch } from "./components/icons/IconWatch/index.es.js";
 import { IconWebsite } from "./components/icons/IconWebsite/index.es.js";
+import { IconWhatsapp } from "./components/icons/IconWhatsapp/index.es.js";
 import { IconWifi } from "./components/icons/IconWifi/index.es.js";
 import { IconWifiOff } from "./components/icons/IconWifiOff/index.es.js";
 import { IconWind } from "./components/icons/IconWind/index.es.js";
@@ -414,7 +415,7 @@ export {
   V as COLOR_WARNING_50,
   U as COLOR_WARNING_60,
   ak as CONTAINER_SIZE,
-  CheckboxField,
+  Checkbox,
   Conditional,
   DatepickerField,
   Drawer,
@@ -737,6 +738,7 @@ export {
   IconWarning,
   IconWatch,
   IconWebsite,
+  IconWhatsapp,
   IconWifi,
   IconWifiOff,
   IconWind,

package/dist/main.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.es.js","sources":["../lib/components/Drawer/hooks.ts"],"sourcesContent":["import { useState } from 'react'\n\ntype UseDrawerProps = Record<string, boolean>\n\nexport function useDrawer(props: UseDrawerProps) {\n  const [drawerOpen, setDrawerOpen] = useState<UseDrawerProps>(props)\n\n  function handleOpenDrawer(name: string) {\n    setDrawerOpen((prev) => {\n      return {\n        ...prev,\n        [name]: !prev[name],\n      }\n    })\n  }\n\n  return {\n    handleOpenDrawer,\n    drawerOpen,\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,SAAS,UAAU,OAAuB;AAC/C,QAAM,CAAC,YAAY,aAAa,IAAI,SAAyB,KAAK;AAElE,WAAS,iBAAiB,MAAc;AACtC,kBAAc,CAAC,SAAS;AACf,aAAA;AAAA,QACL,GAAG;AAAA,QACH,CAAC,IAAI,GAAG,CAAC,KAAK,IAAI;AAAA,MAAA;AAAA,IACpB,CACD;AAAA,EACH;AAEO,SAAA;AAAA,IACL;AAAA,IACA;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"main.es.js","sources":["../lib/components/Drawer/hooks.ts"],"sourcesContent":["import { useState } from 'react'\n\ntype UseDrawerProps = Record<string, boolean>\n\nexport function useDrawer(props: UseDrawerProps) {\n  const [drawerOpen, setDrawerOpen] = useState<UseDrawerProps>(props)\n\n  function handleOpenDrawer(name: string) {\n    setDrawerOpen((prev) => {\n      return {\n        ...prev,\n        [name]: !prev[name],\n      }\n    })\n  }\n\n  return {\n    handleOpenDrawer,\n    drawerOpen,\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIO,SAAS,UAAU,OAAuB;AAC/C,QAAM,CAAC,YAAY,aAAa,IAAI,SAAyB,KAAK;AAElE,WAAS,iBAAiB,MAAc;AACtC,kBAAc,CAAC,SAAS;AACf,aAAA;AAAA,QACL,GAAG;AAAA,QACH,CAAC,IAAI,GAAG,CAAC,KAAK,IAAI;AAAA,MAAA;AAAA,IACpB,CACD;AAAA,EACH;AAEO,SAAA;AAAA,IACL;AAAA,IACA;AAAA,EAAA;AAEJ;"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@consumidor-positivo/aurora",
   "private": false,
-  "version": "0.0.76",
+  "version": "0.0.78",
   "type": "module",
   "main": "./dist/main.es.js",
   "modules": "./dist/main.es.js",

package/dist/components/CheckboxField/index.es.js

@@ -1,46 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useState } from "react";
-import { c as classNames } from "../../index-CweZ_OcN.js";
-import "../Icon/index.es.js";
-import { IconCheck } from "../icons/IconCheck/index.es.js";
-import { F as Field } from "../../index-DfksciAR.js";
-import { m as COLOR_NEUTRAL_00 } from "../../tokens-DGTtjw-_.js";
-import './styles.css';const CheckboxField = ({
-  label,
-  error,
-  errorMessage,
-  disabled,
-  id,
-  style,
-  ...props
-}) => {
-  const checkboxClasses = classNames("au-checkbox", {
-    "au-checkbox--error": !!error,
-    "au-checkbox--disabled": !!disabled
-  });
-  const getSafeId = (id2) => {
-    return id2 ? id2 : `au-checkbox-${Math.random()}`;
-  };
-  const [safeId] = useState(getSafeId(id));
-  return /* @__PURE__ */ jsxs("div", { className: checkboxClasses, style, children: [
-    /* @__PURE__ */ jsxs("label", { htmlFor: safeId, className: "au-checkbox__holder", children: [
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          className: "au-checkbox__input",
-          type: "checkbox",
-          id: safeId,
-          disabled,
-          ...props
-        }
-      ),
-      /* @__PURE__ */ jsx("span", { className: "au-checkbox__check", children: /* @__PURE__ */ jsx(IconCheck, { rawColor: COLOR_NEUTRAL_00 }) }),
-      /* @__PURE__ */ jsx("span", { className: "au-checkbox__label", children: label })
-    ] }),
-    /* @__PURE__ */ jsx(Field.ErrorMessage, { hasError: !!error, message: errorMessage })
-  ] });
-};
-export {
-  CheckboxField
-};
-//# sourceMappingURL=index.es.js.map

package/dist/components/CheckboxField/index.es.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.es.js","sources":["../../../lib/components/form/CheckboxField/index.tsx"],"sourcesContent":["import { useState } from 'react'\nimport classNames from 'classnames'\nimport { IconCheck } from '@components/icons'\nimport { COLOR_NEUTRAL_00 } from '@core/tokens'\nimport Field from '../Field'\n\nimport './styles.scss'\n\ntype CheckboxFieldProps = React.InputHTMLAttributes<HTMLInputElement> & {\n  label: string\n  error?: boolean\n  errorMessage?: string\n}\n\nexport const CheckboxField = ({\n  label,\n  error,\n  errorMessage,\n  disabled,\n  id,\n  style,\n  ...props\n}: CheckboxFieldProps) => {\n  const checkboxClasses = classNames('au-checkbox', {\n    'au-checkbox--error': !!error,\n    'au-checkbox--disabled': !!disabled,\n  })\n\n  const getSafeId = (id: CheckboxFieldProps['id']) => {\n    return id ? id : `au-checkbox-${Math.random()}`\n  }\n  const [safeId] = useState(getSafeId(id))\n\n  return (\n    <div className={checkboxClasses} style={style}>\n      <label htmlFor={safeId} className=\"au-checkbox__holder\">\n        <input\n          className=\"au-checkbox__input\"\n          type=\"checkbox\"\n          id={safeId}\n          disabled={disabled}\n          {...props}\n        />\n        <span className=\"au-checkbox__check\">\n          <IconCheck rawColor={COLOR_NEUTRAL_00} />\n        </span>\n        <span className=\"au-checkbox__label\">{label}</span>\n      </label>\n      <Field.ErrorMessage hasError={!!error} message={errorMessage} />\n    </div>\n  )\n}\n"],"names":["id"],"mappings":";;;;;;;AAcO,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA0B;AAClB,QAAA,kBAAkB,WAAW,eAAe;AAAA,IAChD,sBAAsB,CAAC,CAAC;AAAA,IACxB,yBAAyB,CAAC,CAAC;AAAA,EAAA,CAC5B;AAEK,QAAA,YAAY,CAACA,QAAiC;AAClD,WAAOA,MAAKA,MAAK,eAAe,KAAK,OAAQ,CAAA;AAAA,EAAA;AAE/C,QAAM,CAAC,MAAM,IAAI,SAAS,UAAU,EAAE,CAAC;AAEvC,SACG,qBAAA,OAAA,EAAI,WAAW,iBAAiB,OAC/B,UAAA;AAAA,IAAA,qBAAC,SAAM,EAAA,SAAS,QAAQ,WAAU,uBAChC,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,MAAK;AAAA,UACL,IAAI;AAAA,UACJ;AAAA,UACC,GAAG;AAAA,QAAA;AAAA,MACN;AAAA,MACA,oBAAC,UAAK,WAAU,sBACd,8BAAC,WAAU,EAAA,UAAU,kBAAkB,EACzC,CAAA;AAAA,MACC,oBAAA,QAAA,EAAK,WAAU,sBAAsB,UAAM,OAAA;AAAA,IAAA,GAC9C;AAAA,IACA,oBAAC,MAAM,cAAN,EAAmB,UAAU,CAAC,CAAC,OAAO,SAAS,cAAc;AAAA,EAChE,EAAA,CAAA;AAEJ;"}