@tecsinapse/react-web-kit 1.23.8 → 2.0.0

package/dist/esm/components/molecules/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.js

@@ -9,18 +9,15 @@ const BreadcrumbItem = ({
   title
 }) => {
   const noTextDecoration = { textDecoration: "none" };
-  return /* @__PURE__ */ React.createElement(StyledContainerItem, null, /* @__PURE__ */ React.createElement(Component, {
-    ...props,
-    style: noTextDecoration
-  }, /* @__PURE__ */ React.createElement(Text, {
-    colorVariant: "secondary",
-    colorTone: isLast ? "medium" : "xdark"
-  }, title)), !isLast && /* @__PURE__ */ React.createElement(StyledContainerIcon, null, /* @__PURE__ */ React.createElement(Icon, {
-    name: "chevron-double-right",
-    type: "material-community",
-    size: "centi",
-    fontColor: "orange"
-  })));
+  return /* @__PURE__ */ React.createElement(StyledContainerItem, null, /* @__PURE__ */ React.createElement(Component, { ...props, style: noTextDecoration }, /* @__PURE__ */ React.createElement(Text, { colorVariant: "secondary", colorTone: isLast ? "medium" : "xdark" }, title)), !isLast && /* @__PURE__ */ React.createElement(StyledContainerIcon, null, /* @__PURE__ */ React.createElement(
+    Icon,
+    {
+      name: "chevron-double-right",
+      type: "material-community",
+      size: "centi",
+      fontColor: "orange"
+    }
+  )));
 };
 
 export { BreadcrumbItem as default };

package/dist/esm/components/molecules/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbItem.js","sources":["../../../../../../src/components/molecules/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.tsx"],"sourcesContent":["import React, { ElementType, FC } from 'react';\nimport { Icon, Text } from '@tecsinapse/react-core';\nimport { StyledContainerItem, StyledContainerIcon } from './styled';\n\nexport interface BreadcrumbItemProps {\n  Component: ElementType;\n  props: any;\n  isLast: boolean;\n  title: string;\n}\n\nconst BreadcrumbItem: FC<BreadcrumbItemProps> = ({\n  props,\n  Component,\n  isLast,\n  title,\n}) => {\n  const noTextDecoration = { textDecoration: 'none' };\n  return (\n    <StyledContainerItem>\n      <Component {...props} style={noTextDecoration}>\n        <Text colorVariant=\"secondary\" colorTone={isLast ? 'medium' : 'xdark'}>\n          {title}\n        </Text>\n      </Component>\n      {!isLast && (\n        <StyledContainerIcon>\n          <Icon\n            name=\"chevron-double-right\"\n            type=\"material-community\"\n            size=\"centi\"\n            fontColor=\"orange\"\n          />\n        </StyledContainerIcon>\n      )}\n    </StyledContainerItem>\n  );\n};\n\nexport default BreadcrumbItem;\n"],"names":[],"mappings":";;;;AAWA,MAAM,iBAA0C,CAAC;AAAA,EAC/C,KAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AACF,CAAM,KAAA;AACJ,EAAM,MAAA,gBAAA,GAAmB,EAAE,cAAA,EAAgB,MAAO,EAAA,CAAA;AAClD,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,2CACE,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA;AAAA,IAAW,GAAG,KAAA;AAAA,IAAO,KAAO,EAAA,gBAAA;AAAA,GAAA,kBAC1B,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAK,YAAa,EAAA,WAAA;AAAA,IAAY,SAAA,EAAW,SAAS,QAAW,GAAA,OAAA;AAAA,GAAA,EAC3D,KACH,CACF,CAAA,EACC,CAAC,MACA,oBAAA,KAAA,CAAA,aAAA,CAAC,2CACE,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IACC,IAAK,EAAA,sBAAA;AAAA,IACL,IAAK,EAAA,oBAAA;AAAA,IACL,IAAK,EAAA,OAAA;AAAA,IACL,SAAU,EAAA,QAAA;AAAA,GACZ,CACF,CAEJ,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"BreadcrumbItem.js","sources":["../../../../../../src/components/molecules/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.tsx"],"sourcesContent":["import React, { ElementType, FC } from 'react';\nimport { Icon, Text } from '@tecsinapse/react-core';\nimport { StyledContainerItem, StyledContainerIcon } from './styled';\n\nexport interface BreadcrumbItemProps {\n  Component: ElementType;\n  props: any;\n  isLast: boolean;\n  title: string;\n}\n\nconst BreadcrumbItem: FC<BreadcrumbItemProps> = ({\n  props,\n  Component,\n  isLast,\n  title,\n}) => {\n  const noTextDecoration = { textDecoration: 'none' };\n  return (\n    <StyledContainerItem>\n      <Component {...props} style={noTextDecoration}>\n        <Text colorVariant=\"secondary\" colorTone={isLast ? 'medium' : 'xdark'}>\n          {title}\n        </Text>\n      </Component>\n      {!isLast && (\n        <StyledContainerIcon>\n          <Icon\n            name=\"chevron-double-right\"\n            type=\"material-community\"\n            size=\"centi\"\n            fontColor=\"orange\"\n          />\n        </StyledContainerIcon>\n      )}\n    </StyledContainerItem>\n  );\n};\n\nexport default BreadcrumbItem;\n"],"names":[],"mappings":";;;;AAWA,MAAM,iBAA0C,CAAC;AAAA,EAC/C,KAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AACF,CAAM,KAAA;AACJ,EAAM,MAAA,gBAAA,GAAmB,EAAE,cAAA,EAAgB,MAAO,EAAA,CAAA;AAClD,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,2CACE,KAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAW,GAAG,KAAO,EAAA,KAAA,EAAO,gBAC3B,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,YAAA,EAAa,aAAY,SAAW,EAAA,MAAA,GAAS,WAAW,OAC3D,EAAA,EAAA,KACH,CACF,CACC,EAAA,CAAC,MACA,oBAAA,KAAA,CAAA,aAAA,CAAC,mBACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,IAAK,EAAA,sBAAA;AAAA,MACL,IAAK,EAAA,oBAAA;AAAA,MACL,IAAK,EAAA,OAAA;AAAA,MACL,SAAU,EAAA,QAAA;AAAA,KAAA;AAAA,GAEd,CAEJ,CAAA,CAAA;AAEJ;;;;"}

package/dist/esm/components/molecules/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,5 +1,5 @@
 import React, { ElementType, FC } from 'react';
-export declare type BreadcrumbType = {
+export type BreadcrumbType = {
     title: string;
     Component: ElementType;
     props?: any;

package/dist/esm/components/molecules/Breadcrumbs/Breadcrumbs.js

@@ -3,17 +3,18 @@ import { StyledContainerBreadcrumbs } from './styled.js';
 import BreadcrumbItem from './BreadcrumbItem/BreadcrumbItem.js';
 
 const Breadcrumbs = ({ breadcrumbs, ...rest }) => {
-  return /* @__PURE__ */ React.createElement(StyledContainerBreadcrumbs, {
-    ...rest
-  }, breadcrumbs.map((item, index) => {
+  return /* @__PURE__ */ React.createElement(StyledContainerBreadcrumbs, { ...rest }, breadcrumbs.map((item, index) => {
     const { props, Component = "a", title } = item;
-    return /* @__PURE__ */ React.createElement(BreadcrumbItem, {
-      key: index,
-      Component,
-      props,
-      isLast: breadcrumbs.length - 1 === index,
-      title
-    });
+    return /* @__PURE__ */ React.createElement(
+      BreadcrumbItem,
+      {
+        key: index,
+        Component,
+        props,
+        isLast: breadcrumbs.length - 1 === index,
+        title
+      }
+    );
   }));
 };
 

package/dist/esm/components/molecules/Breadcrumbs/Breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","sources":["../../../../../src/components/molecules/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React, { ElementType, FC } from 'react';\nimport { StyledContainerBreadcrumbs } from './styled';\nimport { BreadcrumbItem } from './BreadcrumbItem';\n\nexport type BreadcrumbType = {\n  title: string;\n  Component: ElementType;\n  props?: any;\n};\n\nexport interface BreadcrumbsProps extends React.HTMLAttributes<HTMLDivElement> {\n  breadcrumbs: BreadcrumbType[];\n}\n\nconst Breadcrumbs: FC<BreadcrumbsProps> = ({ breadcrumbs, ...rest }) => {\n  return (\n    <StyledContainerBreadcrumbs {...rest}>\n      {breadcrumbs.map((item, index) => {\n        const { props, Component = 'a', title } = item;\n        return (\n          <BreadcrumbItem\n            key={index}\n            Component={Component}\n            props={props}\n            isLast={breadcrumbs.length - 1 === index}\n            title={title}\n          />\n        );\n      })}\n    </StyledContainerBreadcrumbs>\n  );\n};\n\nexport default Breadcrumbs;\n"],"names":[],"mappings":";;;;AAcA,MAAM,WAAoC,GAAA,CAAC,EAAE,WAAA,EAAA,GAAgB,MAAW,KAAA;AACtE,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,0BAAA,EAAA;AAAA,IAA4B,GAAG,IAAA;AAAA,GAAA,EAC7B,WAAY,CAAA,GAAA,CAAI,CAAC,IAAA,EAAM,KAAU,KAAA;AAChC,IAAA,MAAM,EAAE,KAAA,EAAO,SAAY,GAAA,GAAA,EAAK,OAAU,GAAA,IAAA,CAAA;AAC1C,IAAA,uBACG,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,MACC,GAAK,EAAA,KAAA;AAAA,MACL,SAAA;AAAA,MACA,KAAA;AAAA,MACA,MAAA,EAAQ,WAAY,CAAA,MAAA,GAAS,CAAM,KAAA,KAAA;AAAA,MACnC,KAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEH,CACH,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Breadcrumbs.js","sources":["../../../../../src/components/molecules/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React, { ElementType, FC } from 'react';\nimport { StyledContainerBreadcrumbs } from './styled';\nimport { BreadcrumbItem } from './BreadcrumbItem';\n\nexport type BreadcrumbType = {\n  title: string;\n  Component: ElementType;\n  props?: any;\n};\n\nexport interface BreadcrumbsProps extends React.HTMLAttributes<HTMLDivElement> {\n  breadcrumbs: BreadcrumbType[];\n}\n\nconst Breadcrumbs: FC<BreadcrumbsProps> = ({ breadcrumbs, ...rest }) => {\n  return (\n    <StyledContainerBreadcrumbs {...rest}>\n      {breadcrumbs.map((item, index) => {\n        const { props, Component = 'a', title } = item;\n        return (\n          <BreadcrumbItem\n            key={index}\n            Component={Component}\n            props={props}\n            isLast={breadcrumbs.length - 1 === index}\n            title={title}\n          />\n        );\n      })}\n    </StyledContainerBreadcrumbs>\n  );\n};\n\nexport default Breadcrumbs;\n"],"names":[],"mappings":";;;;AAcA,MAAM,cAAoC,CAAC,EAAE,WAAa,EAAA,GAAG,MAAW,KAAA;AACtE,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,8BAA4B,GAAG,IAAA,EAAA,EAC7B,YAAY,GAAI,CAAA,CAAC,MAAM,KAAU,KAAA;AAChC,IAAA,MAAM,EAAE,KAAA,EAAO,SAAY,GAAA,GAAA,EAAK,OAAU,GAAA,IAAA,CAAA;AAC1C,IACE,uBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,GAAK,EAAA,KAAA;AAAA,QACL,SAAA;AAAA,QACA,KAAA;AAAA,QACA,MAAA,EAAQ,WAAY,CAAA,MAAA,GAAS,CAAM,KAAA,KAAA;AAAA,QACnC,KAAA;AAAA,OAAA;AAAA,KACF,CAAA;AAAA,GAEH,CACH,CAAA,CAAA;AAEJ;;;;"}

package/dist/esm/components/molecules/DatePicker/DatePicker.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import { DatePickerProps, SelectionType } from '@tecsinapse/react-core';
-export declare type WebDatePickerProps<T extends SelectionType> = Omit<DatePickerProps<T>, 'CalendarComponent' | 'renderCalendar' | 'requestCloseCalendar' | 'requestShowCalendar'> & {
+export type WebDatePickerProps<T extends SelectionType> = Omit<DatePickerProps<T>, 'CalendarComponent' | 'renderCalendar' | 'requestCloseCalendar' | 'requestShowCalendar'> & {
     callbackAfterValidated?: (valid: boolean, message?: string) => void;
 };
 export declare const DatePicker: <T extends SelectionType>({ value, type, locale, onChange, callbackAfterValidated, ...rest }: WebDatePickerProps<T>) => JSX.Element;

package/dist/esm/components/molecules/DatePicker/DatePicker.js

@@ -40,89 +40,92 @@ const DatePicker = ({
     return void 0;
   }, [value]);
   const controlComponent = (onPress, displayValue) => {
-    return /* @__PURE__ */ React.createElement(InputMask, {
-      onBlur: () => {
-        if ((controlledInput ?? []).length < 8 && (controlledInput ?? []).length > 0) {
-          setError(true);
-          callbackAfterValidated?.(false, "Data inv\xE1lida");
-        }
-        if (controlledInput?.length === 8) {
-          const auxData = parse(controlledInput, "ddMMyyyy", new Date(), {
-            locale
-          });
-          const isValidDate = isValid(auxData);
-          callbackAfterValidated?.(isValidDate, "Data inv\xE1lida");
-          if (isValidDate && auxData !== value) {
+    return /* @__PURE__ */ React.createElement(
+      InputMask,
+      {
+        onBlur: () => {
+          if ((controlledInput ?? []).length < 8 && (controlledInput ?? []).length > 0) {
+            setError(true);
+            callbackAfterValidated?.(false, "Data inv\xE1lida");
+          }
+          if (controlledInput?.length === 8) {
+            const auxData = parse(controlledInput, "ddMMyyyy", new Date(), {
+              locale
+            });
+            const isValidDate = isValid(auxData);
+            callbackAfterValidated?.(isValidDate, "Data inv\xE1lida");
+            if (isValidDate && auxData !== value) {
+              setError(false);
+              onChange?.(auxData);
+            }
+          }
+          if (controlledInput?.length === 0) {
+            setError(true);
+            callbackAfterValidated?.(false, "Data inv\xE1lida");
+          }
+        },
+        mask: Masks.DATE,
+        value: displayValue,
+        hint: error ? "Data inv\xE1lida" : void 0,
+        variant: error ? "error" : "default",
+        onChange: (input) => {
+          setControlledInput(input);
+          if (error && input.length < 8 || isValid(value)) {
+            callbackAfterValidated?.(true);
             setError(false);
-            onChange?.(auxData);
           }
-        }
-        if (controlledInput?.length === 0) {
-          setError(true);
-          callbackAfterValidated?.(false, "Data inv\xE1lida");
-        }
-      },
-      mask: Masks.DATE,
-      value: displayValue,
-      hint: error ? "Data inv\xE1lida" : void 0,
-      variant: error ? "error" : "default",
-      onChange: (input) => {
-        setControlledInput(input);
-        if (error && input.length < 8 || isValid(value)) {
-          callbackAfterValidated?.(true);
-          setError(false);
-        }
-      },
-      placeholder: "N\xE3o informada",
-      rightComponent: /* @__PURE__ */ React.createElement(Button, {
-        effect: "none",
-        variant: "text",
-        style: { padding: 0 },
-        onPress
-      }, /* @__PURE__ */ React.createElement(CalendarIcon, {
-        name: "calendar-sharp",
-        type: "ionicon",
-        size: "centi"
-      }))
-    });
+        },
+        placeholder: "N\xE3o informada",
+        rightComponent: /* @__PURE__ */ React.createElement(
+          Button,
+          {
+            effect: "none",
+            variant: "text",
+            style: { padding: 0 },
+            onPress
+          },
+          /* @__PURE__ */ React.createElement(CalendarIcon, { name: "calendar-sharp", type: "ionicon", size: "centi" })
+        )
+      }
+    );
   };
   if (type === "day") {
-    return /* @__PURE__ */ React.createElement(DatePicker$1, {
-      ...rest,
-      CalendarComponent: Calendar,
-      onChange,
-      locale,
-      value,
-      type,
-      year: getYear,
-      format: "dd/MM/yyyy",
-      month: getMonth,
-      requestShowCalendar: show,
-      requestCloseCalendar: close,
-      renderCalendar: (calendar) => /* @__PURE__ */ React.createElement(Dropdown, {
-        visible,
-        setVisible
-      }, calendar),
-      controlComponent
-    });
+    return /* @__PURE__ */ React.createElement(
+      DatePicker$1,
+      {
+        ...rest,
+        CalendarComponent: Calendar,
+        onChange,
+        locale,
+        value,
+        type,
+        year: getYear,
+        format: "dd/MM/yyyy",
+        month: getMonth,
+        requestShowCalendar: show,
+        requestCloseCalendar: close,
+        renderCalendar: (calendar) => /* @__PURE__ */ React.createElement(Dropdown, { visible, setVisible }, calendar),
+        controlComponent
+      }
+    );
   } else {
-    return /* @__PURE__ */ React.createElement(DatePicker$1, {
-      ...rest,
-      CalendarComponent: Calendar,
-      onChange,
-      locale,
-      value,
-      type,
-      year: getYear,
-      format: "dd/MM/yyyy",
-      month: getMonth,
-      requestShowCalendar: show,
-      requestCloseCalendar: close,
-      renderCalendar: (calendar) => /* @__PURE__ */ React.createElement(Dropdown, {
-        visible,
-        setVisible
-      }, calendar)
-    });
+    return /* @__PURE__ */ React.createElement(
+      DatePicker$1,
+      {
+        ...rest,
+        CalendarComponent: Calendar,
+        onChange,
+        locale,
+        value,
+        type,
+        year: getYear,
+        format: "dd/MM/yyyy",
+        month: getMonth,
+        requestShowCalendar: show,
+        requestCloseCalendar: close,
+        renderCalendar: (calendar) => /* @__PURE__ */ React.createElement(Dropdown, { visible, setVisible }, calendar)
+      }
+    );
   }
 };
 

package/dist/esm/components/molecules/DatePicker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sources":["../../../../../src/components/molecules/DatePicker/DatePicker.tsx"],"sourcesContent":["import {\n  Button,\n  Calendar,\n  DatePicker as DatePickerCore,\n  DatePickerProps,\n  DateRange,\n  Masks,\n  SelectionType,\n  CalendarIcon,\n} from '@tecsinapse/react-core';\nimport React, { useCallback, useMemo, useState } from 'react';\nimport { Dropdown } from '../../atoms/Dropdown';\nimport { InputMask } from '../../atoms/InputMask';\nimport { parse, isValid } from 'date-fns';\n\nexport type WebDatePickerProps<T extends SelectionType> = Omit<\n  DatePickerProps<T>,\n  | 'CalendarComponent'\n  | 'renderCalendar'\n  | 'requestCloseCalendar'\n  | 'requestShowCalendar'\n> & {\n  callbackAfterValidated?: (valid: boolean, message?: string) => void;\n};\n\nexport const DatePicker = <T extends SelectionType>({\n  value,\n  type,\n  locale,\n  onChange,\n  callbackAfterValidated,\n  ...rest\n}: WebDatePickerProps<T>): JSX.Element => {\n  const [visible, setVisible] = useState(false);\n  const [controlledInput, setControlledInput] = useState<string>();\n  const show = useCallback(() => setVisible(true), []);\n  const close = useCallback(() => setVisible(false), []);\n  const [error, setError] = useState<boolean>(false);\n\n  const getYear = useMemo(() => {\n    if (value) {\n      if (type === 'range') {\n        if ((value as DateRange).lowest !== undefined)\n          return new Date((value as DateRange).lowest).getFullYear();\n      } else {\n        return new Date(value as Date).getFullYear();\n      }\n    }\n    return undefined;\n  }, [value]);\n\n  const getMonth = useMemo(() => {\n    if (value) {\n      if (type === 'range') {\n        if ((value as DateRange).lowest !== undefined)\n          return new Date((value as DateRange).lowest).getMonth();\n      } else {\n        return new Date(value as Date).getMonth();\n      }\n    }\n    return undefined;\n  }, [value]);\n\n  const controlComponent = (onPress, displayValue) => {\n    return (\n      <InputMask\n        onBlur={() => {\n          if (\n            (controlledInput ?? []).length < 8 &&\n            (controlledInput ?? []).length > 0\n          ) {\n            setError(true);\n            callbackAfterValidated?.(false, 'Data inválida');\n          }\n          if (controlledInput?.length === 8) {\n            const auxData = parse(controlledInput, 'ddMMyyyy', new Date(), {\n              locale,\n            });\n            const isValidDate = isValid(auxData);\n            callbackAfterValidated?.(isValidDate, 'Data inválida');\n\n            if (isValidDate && auxData !== value) {\n              setError(false);\n              onChange?.(auxData as typeof value);\n            }\n          }\n          if (controlledInput?.length === 0) {\n            setError(true);\n            callbackAfterValidated?.(false, 'Data inválida');\n          }\n        }}\n        mask={Masks.DATE}\n        value={displayValue}\n        hint={error ? 'Data inválida' : undefined}\n        variant={error ? 'error' : 'default'}\n        onChange={input => {\n          setControlledInput(input);\n          if ((error && input.length < 8) || isValid(value)) {\n            callbackAfterValidated?.(true);\n            setError(false);\n          }\n        }}\n        placeholder={'Não informada'}\n        rightComponent={\n          <Button\n            effect={'none'}\n            variant={'text'}\n            style={{ padding: 0 }}\n            onPress={onPress}\n          >\n            <CalendarIcon name=\"calendar-sharp\" type=\"ionicon\" size=\"centi\" />\n          </Button>\n        }\n      />\n    );\n  };\n\n  if (type === 'day') {\n    return (\n      <DatePickerCore\n        {...rest}\n        CalendarComponent={Calendar}\n        onChange={onChange}\n        locale={locale}\n        value={value}\n        type={type}\n        year={getYear}\n        format={'dd/MM/yyyy'}\n        month={getMonth}\n        requestShowCalendar={show}\n        requestCloseCalendar={close}\n        renderCalendar={calendar => (\n          <Dropdown visible={visible} setVisible={setVisible}>\n            {calendar}\n          </Dropdown>\n        )}\n        controlComponent={controlComponent}\n      />\n    );\n  } else {\n    return (\n      <DatePickerCore\n        {...rest}\n        CalendarComponent={Calendar}\n        onChange={onChange}\n        locale={locale}\n        value={value}\n        type={type}\n        year={getYear}\n        format={'dd/MM/yyyy'}\n        month={getMonth}\n        requestShowCalendar={show}\n        requestCloseCalendar={close}\n        renderCalendar={calendar => (\n          <Dropdown visible={visible} setVisible={setVisible}>\n            {calendar}\n          </Dropdown>\n        )}\n      />\n    );\n  }\n};\n"],"names":["DatePickerCore"],"mappings":"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"}
+{"version":3,"file":"DatePicker.js","sources":["../../../../../src/components/molecules/DatePicker/DatePicker.tsx"],"sourcesContent":["import {\n  Button,\n  Calendar,\n  DatePicker as DatePickerCore,\n  DatePickerProps,\n  DateRange,\n  Masks,\n  SelectionType,\n  CalendarIcon,\n} from '@tecsinapse/react-core';\nimport React, { useCallback, useMemo, useState } from 'react';\nimport { Dropdown } from '../../atoms/Dropdown';\nimport { InputMask } from '../../atoms/InputMask';\nimport { parse, isValid } from 'date-fns';\n\nexport type WebDatePickerProps<T extends SelectionType> = Omit<\n  DatePickerProps<T>,\n  | 'CalendarComponent'\n  | 'renderCalendar'\n  | 'requestCloseCalendar'\n  | 'requestShowCalendar'\n> & {\n  callbackAfterValidated?: (valid: boolean, message?: string) => void;\n};\n\nexport const DatePicker = <T extends SelectionType>({\n  value,\n  type,\n  locale,\n  onChange,\n  callbackAfterValidated,\n  ...rest\n}: WebDatePickerProps<T>): JSX.Element => {\n  const [visible, setVisible] = useState(false);\n  const [controlledInput, setControlledInput] = useState<string>();\n  const show = useCallback(() => setVisible(true), []);\n  const close = useCallback(() => setVisible(false), []);\n  const [error, setError] = useState<boolean>(false);\n\n  const getYear = useMemo(() => {\n    if (value) {\n      if (type === 'range') {\n        if ((value as DateRange).lowest !== undefined)\n          return new Date((value as DateRange).lowest).getFullYear();\n      } else {\n        return new Date(value as Date).getFullYear();\n      }\n    }\n    return undefined;\n  }, [value]);\n\n  const getMonth = useMemo(() => {\n    if (value) {\n      if (type === 'range') {\n        if ((value as DateRange).lowest !== undefined)\n          return new Date((value as DateRange).lowest).getMonth();\n      } else {\n        return new Date(value as Date).getMonth();\n      }\n    }\n    return undefined;\n  }, [value]);\n\n  const controlComponent = (onPress, displayValue) => {\n    return (\n      <InputMask\n        onBlur={() => {\n          if (\n            (controlledInput ?? []).length < 8 &&\n            (controlledInput ?? []).length > 0\n          ) {\n            setError(true);\n            callbackAfterValidated?.(false, 'Data inválida');\n          }\n          if (controlledInput?.length === 8) {\n            const auxData = parse(controlledInput, 'ddMMyyyy', new Date(), {\n              locale,\n            });\n            const isValidDate = isValid(auxData);\n            callbackAfterValidated?.(isValidDate, 'Data inválida');\n\n            if (isValidDate && auxData !== value) {\n              setError(false);\n              onChange?.(auxData as typeof value);\n            }\n          }\n          if (controlledInput?.length === 0) {\n            setError(true);\n            callbackAfterValidated?.(false, 'Data inválida');\n          }\n        }}\n        mask={Masks.DATE}\n        value={displayValue}\n        hint={error ? 'Data inválida' : undefined}\n        variant={error ? 'error' : 'default'}\n        onChange={input => {\n          setControlledInput(input);\n          if ((error && input.length < 8) || isValid(value)) {\n            callbackAfterValidated?.(true);\n            setError(false);\n          }\n        }}\n        placeholder={'Não informada'}\n        rightComponent={\n          <Button\n            effect={'none'}\n            variant={'text'}\n            style={{ padding: 0 }}\n            onPress={onPress}\n          >\n            <CalendarIcon name=\"calendar-sharp\" type=\"ionicon\" size=\"centi\" />\n          </Button>\n        }\n      />\n    );\n  };\n\n  if (type === 'day') {\n    return (\n      <DatePickerCore\n        {...rest}\n        CalendarComponent={Calendar}\n        onChange={onChange}\n        locale={locale}\n        value={value}\n        type={type}\n        year={getYear}\n        format={'dd/MM/yyyy'}\n        month={getMonth}\n        requestShowCalendar={show}\n        requestCloseCalendar={close}\n        renderCalendar={calendar => (\n          <Dropdown visible={visible} setVisible={setVisible}>\n            {calendar}\n          </Dropdown>\n        )}\n        controlComponent={controlComponent}\n      />\n    );\n  } else {\n    return (\n      <DatePickerCore\n        {...rest}\n        CalendarComponent={Calendar}\n        onChange={onChange}\n        locale={locale}\n        value={value}\n        type={type}\n        year={getYear}\n        format={'dd/MM/yyyy'}\n        month={getMonth}\n        requestShowCalendar={show}\n        requestCloseCalendar={close}\n        renderCalendar={calendar => (\n          <Dropdown visible={visible} setVisible={setVisible}>\n            {calendar}\n          </Dropdown>\n        )}\n      />\n    );\n  }\n};\n"],"names":["DatePickerCore"],"mappings":"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"}

package/dist/esm/components/molecules/DatePicker/Modal.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { CalendarProps } from '@tecsinapse/react-core';
 import { ModalProps } from 'react-native';
 export declare const Modal: <T extends SelectionType>({ onRequestClose, children, ...modalProps }: any) => JSX.Element;

package/dist/esm/components/molecules/DatePicker/styled.d.ts

@@ -3,5 +3,5 @@ export declare const Backdrop: import("@emotion/native").StyledComponent<any, {}
     ref?: import("react").Ref<any> | undefined;
 }>;
 export declare const ModalContent: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: import("react").Ref<import("react-native").View> | undefined;
+    ref?: import("react").Ref<import("react-native/types").View> | undefined;
 }>;

package/dist/esm/components/molecules/DateTimePicker/DateTimePicker.d.ts

@@ -1,4 +1,4 @@
 import { DateTimePickerProps } from '@tecsinapse/react-core';
 import { FC } from 'react';
-export declare type WebDateTimePickerProps = Omit<DateTimePickerProps, 'renderSelector' | 'requestShowSelector' | 'requestCloseSelector'>;
+export type WebDateTimePickerProps = Omit<DateTimePickerProps, 'renderSelector' | 'requestShowSelector' | 'requestCloseSelector'>;
 export declare const DateTimePicker: FC<WebDateTimePickerProps>;

package/dist/esm/components/molecules/DateTimePicker/DateTimePicker.js

@@ -6,15 +6,15 @@ const DateTimePicker = ({ ...rest }) => {
   const [visible, setVisible] = useState(false);
   const show = useCallback(() => setVisible(true), []);
   const close = useCallback(() => setVisible(false), []);
-  return /* @__PURE__ */ React.createElement(DateTimePicker$1, {
-    ...rest,
-    requestShowSelector: show,
-    requestCloseSelector: close,
-    renderSelector: (selector) => /* @__PURE__ */ React.createElement(Dropdown, {
-      visible,
-      setVisible
-    }, selector)
-  });
+  return /* @__PURE__ */ React.createElement(
+    DateTimePicker$1,
+    {
+      ...rest,
+      requestShowSelector: show,
+      requestCloseSelector: close,
+      renderSelector: (selector) => /* @__PURE__ */ React.createElement(Dropdown, { visible, setVisible }, selector)
+    }
+  );
 };
 
 export { DateTimePicker };

package/dist/esm/components/molecules/DateTimePicker/DateTimePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimePicker.js","sources":["../../../../../src/components/molecules/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import {\n  DateTimePicker as DateTimePickerCore,\n  DateTimePickerProps,\n} from '@tecsinapse/react-core';\nimport React, { FC, useCallback, useState } from 'react';\nimport { Dropdown } from '../../atoms/Dropdown';\n\nexport type WebDateTimePickerProps = Omit<\n  DateTimePickerProps,\n  'renderSelector' | 'requestShowSelector' | 'requestCloseSelector'\n>;\n\nexport const DateTimePicker: FC<WebDateTimePickerProps> = ({ ...rest }) => {\n  const [visible, setVisible] = useState<boolean>(false);\n\n  const show = useCallback(() => setVisible(true), []);\n  const close = useCallback(() => setVisible(false), []);\n\n  return (\n    <DateTimePickerCore\n      {...rest}\n      requestShowSelector={show}\n      requestCloseSelector={close}\n      renderSelector={selector => (\n        <Dropdown visible={visible} setVisible={setVisible}>\n          {selector}\n        </Dropdown>\n      )}\n    />\n  );\n};\n"],"names":["DateTimePickerCore"],"mappings":";;;;AAYO,MAAM,cAA6C,GAAA,CAAC,EAAK,GAAA,IAAA,EAAW,KAAA;AACzE,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAkB,KAAK,CAAA,CAAA;AAErD,EAAA,MAAM,OAAO,WAAY,CAAA,MAAM,WAAW,IAAI,CAAA,EAAG,EAAE,CAAA,CAAA;AACnD,EAAA,MAAM,QAAQ,WAAY,CAAA,MAAM,WAAW,KAAK,CAAA,EAAG,EAAE,CAAA,CAAA;AAErD,EAAA,uBACG,KAAA,CAAA,aAAA,CAAAA,gBAAA,EAAA;AAAA,IACE,GAAG,IAAA;AAAA,IACJ,mBAAqB,EAAA,IAAA;AAAA,IACrB,oBAAsB,EAAA,KAAA;AAAA,IACtB,cAAA,EAAgB,8BACb,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAAA,MAAS,OAAA;AAAA,MAAkB,UAAA;AAAA,KAAA,EACzB,QACH,CAAA;AAAA,GAEJ,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"DateTimePicker.js","sources":["../../../../../src/components/molecules/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import {\n  DateTimePicker as DateTimePickerCore,\n  DateTimePickerProps,\n} from '@tecsinapse/react-core';\nimport React, { FC, useCallback, useState } from 'react';\nimport { Dropdown } from '../../atoms/Dropdown';\n\nexport type WebDateTimePickerProps = Omit<\n  DateTimePickerProps,\n  'renderSelector' | 'requestShowSelector' | 'requestCloseSelector'\n>;\n\nexport const DateTimePicker: FC<WebDateTimePickerProps> = ({ ...rest }) => {\n  const [visible, setVisible] = useState<boolean>(false);\n\n  const show = useCallback(() => setVisible(true), []);\n  const close = useCallback(() => setVisible(false), []);\n\n  return (\n    <DateTimePickerCore\n      {...rest}\n      requestShowSelector={show}\n      requestCloseSelector={close}\n      renderSelector={selector => (\n        <Dropdown visible={visible} setVisible={setVisible}>\n          {selector}\n        </Dropdown>\n      )}\n    />\n  );\n};\n"],"names":["DateTimePickerCore"],"mappings":";;;;AAYO,MAAM,cAA6C,GAAA,CAAC,EAAE,GAAG,MAAW,KAAA;AACzE,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAkB,KAAK,CAAA,CAAA;AAErD,EAAA,MAAM,OAAO,WAAY,CAAA,MAAM,WAAW,IAAI,CAAA,EAAG,EAAE,CAAA,CAAA;AACnD,EAAA,MAAM,QAAQ,WAAY,CAAA,MAAM,WAAW,KAAK,CAAA,EAAG,EAAE,CAAA,CAAA;AAErD,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAACA,gBAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,mBAAqB,EAAA,IAAA;AAAA,MACrB,oBAAsB,EAAA,KAAA;AAAA,MACtB,gBAAgB,CACd,QAAA,qBAAA,KAAA,CAAA,aAAA,CAAC,QAAS,EAAA,EAAA,OAAA,EAAkB,cACzB,QACH,CAAA;AAAA,KAAA;AAAA,GAEJ,CAAA;AAEJ;;;;"}

package/dist/esm/components/molecules/DateTimePicker/styled.d.ts

@@ -3,5 +3,5 @@ export declare const Backdrop: import("@emotion/native").StyledComponent<any, {}
     ref?: import("react").Ref<any> | undefined;
 }>;
 export declare const ModalContent: import("@emotion/native").StyledComponent<any, {}, {
-    ref?: import("react").Ref<import("react-native").View> | undefined;
+    ref?: import("react").Ref<import("react-native/types").View> | undefined;
 }>;

package/dist/esm/components/molecules/Drawer/Drawer.d.ts

@@ -1,5 +1,5 @@
 import React, { FC } from 'react';
-declare type AnchorPosition = 'left' | 'right' | 'top' | 'bottom';
+type AnchorPosition = 'left' | 'right' | 'top' | 'bottom';
 export interface DrawerProps extends React.HTMLAttributes<HTMLDivElement> {
     open: boolean;
     onClose: () => void;

package/dist/esm/components/molecules/Drawer/Drawer.js

@@ -29,21 +29,17 @@ const Drawer = ({
       };
     }
   };
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Overlay, {
-    timeout: 300,
-    open,
-    onClose,
-    zIndex: "drawer"
-  }), /* @__PURE__ */ React.createElement(Transition, {
-    in: open,
-    timeout: 300
-  }, (state) => /* @__PURE__ */ React.createElement(StyledContainerDrawer, {
-    style: { ...style, ...getStyles(anchorPosition, state) },
-    anchorPosition,
-    onClose,
-    open,
-    ...rest
-  }, children)));
+  return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Overlay, { timeout: 300, open, onClose, zIndex: "drawer" }), /* @__PURE__ */ React.createElement(Transition, { in: open, timeout: 300 }, (state) => /* @__PURE__ */ React.createElement(
+    StyledContainerDrawer,
+    {
+      style: { ...style, ...getStyles(anchorPosition, state) },
+      anchorPosition,
+      onClose,
+      open,
+      ...rest
+    },
+    children
+  )));
 };
 
 export { Drawer as default };

package/dist/esm/components/molecules/Drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","sources":["../../../../../src/components/molecules/Drawer/Drawer.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyledContainerDrawer } from './styled';\nimport { Transition, TransitionStatus } from 'react-transition-group';\nimport { Overlay } from '../../atoms/Overlay';\nimport {\n  transitionStylesTopBottom,\n  defaultStylesTopBottom,\n  defaultStylesLeftRight,\n  transitionStylesLeftRight,\n} from './animations';\n\ntype AnchorPosition = 'left' | 'right' | 'top' | 'bottom';\n\nexport interface DrawerProps extends React.HTMLAttributes<HTMLDivElement> {\n  open: boolean;\n  onClose: () => void;\n  anchorPosition: AnchorPosition;\n}\n\nconst Drawer: FC<DrawerProps> = ({\n  open,\n  anchorPosition = 'right',\n  onClose,\n  children,\n  style,\n  ...rest\n}) => {\n  const getStyles = (\n    anchorPosition: AnchorPosition,\n    state: TransitionStatus\n  ) => {\n    const stylesLeftRight = defaultStylesLeftRight(anchorPosition);\n    const transitionLeftRight = transitionStylesLeftRight(anchorPosition);\n    const stylesTopBottom = defaultStylesTopBottom(anchorPosition);\n    const transitionTopBottom = transitionStylesTopBottom(anchorPosition);\n\n    if (['left', 'right'].includes(anchorPosition)) {\n      return {\n        ...stylesLeftRight,\n        ...transitionLeftRight[state],\n      };\n    } else {\n      return {\n        ...stylesTopBottom,\n        ...transitionTopBottom[state],\n      };\n    }\n  };\n\n  return (\n    <>\n      <Overlay timeout={300} open={open} onClose={onClose} zIndex=\"drawer\" />\n      <Transition in={open} timeout={300}>\n        {state => (\n          <StyledContainerDrawer\n            style={{ ...style, ...getStyles(anchorPosition, state) }}\n            anchorPosition={anchorPosition}\n            onClose={onClose}\n            open={open}\n            {...rest}\n          >\n            {children}\n          </StyledContainerDrawer>\n        )}\n      </Transition>\n    </>\n  );\n};\n\nexport default Drawer;\n"],"names":["anchorPosition"],"mappings":";;;;;;AAmBA,MAAM,SAA0B,CAAC;AAAA,EAC/B,IAAA;AAAA,EACA,cAAiB,GAAA,OAAA;AAAA,EACjB,OAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAM,KAAA;AACJ,EAAM,MAAA,SAAA,GAAY,CAChBA,eAAAA,EACA,KACG,KAAA;AACH,IAAM,MAAA,eAAA,GAAkB,uBAAuBA,eAAc,CAAA,CAAA;AAC7D,IAAM,MAAA,mBAAA,GAAsB,0BAA0BA,eAAc,CAAA,CAAA;AACpE,IAAM,MAAA,eAAA,GAAkB,uBAAuBA,eAAc,CAAA,CAAA;AAC7D,IAAM,MAAA,mBAAA,GAAsB,0BAA0BA,eAAc,CAAA,CAAA;AAEpE,IAAA,IAAI,CAAC,MAAQ,EAAA,OAAO,CAAE,CAAA,QAAA,CAASA,eAAc,CAAG,EAAA;AAC9C,MAAO,OAAA;AAAA,QACL,GAAG,eAAA;AAAA,QACH,GAAG,mBAAoB,CAAA,KAAA,CAAA;AAAA,OACzB,CAAA;AAAA,KACK,MAAA;AACL,MAAO,OAAA;AAAA,QACL,GAAG,eAAA;AAAA,QACH,GAAG,mBAAoB,CAAA,KAAA,CAAA;AAAA,OACzB,CAAA;AAAA,KACF;AAAA,GACF,CAAA;AAEA,EAAA,iFAEK,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA;AAAA,IAAQ,OAAS,EAAA,GAAA;AAAA,IAAK,IAAA;AAAA,IAAY,OAAA;AAAA,IAAkB,MAAO,EAAA,QAAA;AAAA,GAAS,mBACpE,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA;AAAA,IAAW,EAAI,EAAA,IAAA;AAAA,IAAM,OAAS,EAAA,GAAA;AAAA,GAAA,EAC5B,2BACE,KAAA,CAAA,aAAA,CAAA,qBAAA,EAAA;AAAA,IACC,KAAA,EAAO,EAAE,GAAG,KAAA,EAAO,GAAG,SAAU,CAAA,cAAA,EAAgB,KAAK,CAAE,EAAA;AAAA,IACvD,cAAA;AAAA,IACA,OAAA;AAAA,IACA,IAAA;AAAA,IACC,GAAG,IAAA;AAAA,GAEH,EAAA,QACH,CAEJ,CACF,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Drawer.js","sources":["../../../../../src/components/molecules/Drawer/Drawer.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyledContainerDrawer } from './styled';\nimport { Transition, TransitionStatus } from 'react-transition-group';\nimport { Overlay } from '../../atoms/Overlay';\nimport {\n  transitionStylesTopBottom,\n  defaultStylesTopBottom,\n  defaultStylesLeftRight,\n  transitionStylesLeftRight,\n} from './animations';\n\ntype AnchorPosition = 'left' | 'right' | 'top' | 'bottom';\n\nexport interface DrawerProps extends React.HTMLAttributes<HTMLDivElement> {\n  open: boolean;\n  onClose: () => void;\n  anchorPosition: AnchorPosition;\n}\n\nconst Drawer: FC<DrawerProps> = ({\n  open,\n  anchorPosition = 'right',\n  onClose,\n  children,\n  style,\n  ...rest\n}) => {\n  const getStyles = (\n    anchorPosition: AnchorPosition,\n    state: TransitionStatus\n  ) => {\n    const stylesLeftRight = defaultStylesLeftRight(anchorPosition);\n    const transitionLeftRight = transitionStylesLeftRight(anchorPosition);\n    const stylesTopBottom = defaultStylesTopBottom(anchorPosition);\n    const transitionTopBottom = transitionStylesTopBottom(anchorPosition);\n\n    if (['left', 'right'].includes(anchorPosition)) {\n      return {\n        ...stylesLeftRight,\n        ...transitionLeftRight[state],\n      };\n    } else {\n      return {\n        ...stylesTopBottom,\n        ...transitionTopBottom[state],\n      };\n    }\n  };\n\n  return (\n    <>\n      <Overlay timeout={300} open={open} onClose={onClose} zIndex=\"drawer\" />\n      <Transition in={open} timeout={300}>\n        {state => (\n          <StyledContainerDrawer\n            style={{ ...style, ...getStyles(anchorPosition, state) }}\n            anchorPosition={anchorPosition}\n            onClose={onClose}\n            open={open}\n            {...rest}\n          >\n            {children}\n          </StyledContainerDrawer>\n        )}\n      </Transition>\n    </>\n  );\n};\n\nexport default Drawer;\n"],"names":["anchorPosition"],"mappings":";;;;;;AAmBA,MAAM,SAA0B,CAAC;AAAA,EAC/B,IAAA;AAAA,EACA,cAAiB,GAAA,OAAA;AAAA,EACjB,OAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAM,MAAA,SAAA,GAAY,CAChBA,eAAAA,EACA,KACG,KAAA;AACH,IAAM,MAAA,eAAA,GAAkB,uBAAuBA,eAAc,CAAA,CAAA;AAC7D,IAAM,MAAA,mBAAA,GAAsB,0BAA0BA,eAAc,CAAA,CAAA;AACpE,IAAM,MAAA,eAAA,GAAkB,uBAAuBA,eAAc,CAAA,CAAA;AAC7D,IAAM,MAAA,mBAAA,GAAsB,0BAA0BA,eAAc,CAAA,CAAA;AAEpE,IAAA,IAAI,CAAC,MAAQ,EAAA,OAAO,CAAE,CAAA,QAAA,CAASA,eAAc,CAAG,EAAA;AAC9C,MAAO,OAAA;AAAA,QACL,GAAG,eAAA;AAAA,QACH,GAAG,oBAAoB,KAAK,CAAA;AAAA,OAC9B,CAAA;AAAA,KACK,MAAA;AACL,MAAO,OAAA;AAAA,QACL,GAAG,eAAA;AAAA,QACH,GAAG,oBAAoB,KAAK,CAAA;AAAA,OAC9B,CAAA;AAAA,KACF;AAAA,GACF,CAAA;AAEA,EAAA,iFAEK,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EAAQ,OAAS,EAAA,GAAA,EAAK,MAAY,OAAkB,EAAA,MAAA,EAAO,QAAS,EAAA,CAAA,sCACpE,UAAW,EAAA,EAAA,EAAA,EAAI,IAAM,EAAA,OAAA,EAAS,OAC5B,CACC,KAAA,qBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,KAAA,EAAO,EAAE,GAAG,KAAA,EAAO,GAAG,SAAU,CAAA,cAAA,EAAgB,KAAK,CAAE,EAAA;AAAA,MACvD,cAAA;AAAA,MACA,OAAA;AAAA,MACA,IAAA;AAAA,MACC,GAAG,IAAA;AAAA,KAAA;AAAA,IAEH,QAAA;AAAA,GAGP,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/esm/components/molecules/Grid/Grid.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { IGrid } from '@tecsinapse/react-core';
-export declare type IGridWeb = IGrid & Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;
+export type IGridWeb = IGrid & Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;
 declare const Grid: ({ children, columns, layout, style, spacing, ...rest }: IGridWeb) => JSX.Element;
 export default Grid;

package/dist/esm/components/molecules/Grid/Grid.js

@@ -11,7 +11,32 @@ const Grid = ({
 }) => {
   if (layout) {
     const flatLayout = layout.flat();
-    return /* @__PURE__ */ React.createElement("div", {
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        style: {
+          ...style,
+          display: "flex",
+          flexDirection: "row",
+          flexWrap: "wrap"
+        },
+        ...rest
+      },
+      React.Children.map(children, (child, index) => /* @__PURE__ */ React.createElement(
+        GridItem,
+        {
+          key: `child-${index}`,
+          columns,
+          span: flatLayout[index],
+          spacing
+        },
+        child
+      ))
+    );
+  }
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
       style: {
         ...style,
         display: "flex",
@@ -19,29 +44,16 @@ const Grid = ({
         flexWrap: "wrap"
       },
       ...rest
-    }, React.Children.map(children, (child, index) => /* @__PURE__ */ React.createElement(GridItem, {
-      key: `child-${index}`,
-      columns,
-      span: flatLayout[index],
-      spacing
-    }, child)));
-  }
-  return /* @__PURE__ */ React.createElement("div", {
-    style: {
-      ...style,
-      display: "flex",
-      flexDirection: "row",
-      flexWrap: "wrap"
     },
-    ...rest
-  }, React.Children.map(children, (child, index) => {
-    return React.cloneElement(child, {
-      ...child?.props,
-      columns,
-      spacing: child?.props.spacing ?? spacing,
-      key: `child-${index}`
-    });
-  }));
+    React.Children.map(children, (child, index) => {
+      return React.cloneElement(child, {
+        ...child?.props,
+        columns,
+        spacing: child?.props.spacing ?? spacing,
+        key: `child-${index}`
+      });
+    })
+  );
 };
 
 export { Grid as default };

package/dist/esm/components/molecules/Grid/Grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.js","sources":["../../../../../src/components/molecules/Grid/Grid.tsx"],"sourcesContent":["import React from 'react';\nimport { GridItem } from './Item';\nimport { IGrid } from '@tecsinapse/react-core';\n\nexport type IGridWeb = IGrid &\n  Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;\n\nconst Grid = ({\n  children,\n  columns = 12,\n  layout,\n  style,\n  spacing,\n  ...rest\n}: IGridWeb): JSX.Element => {\n  if (layout) {\n    const flatLayout = layout.flat();\n    return (\n      <div\n        style={{\n          ...style,\n          display: 'flex',\n          flexDirection: 'row',\n          flexWrap: 'wrap',\n        }}\n        {...rest}\n      >\n        {React.Children.map(children, (child, index) => (\n          <GridItem\n            key={`child-${index}`}\n            columns={columns}\n            span={flatLayout[index]}\n            spacing={spacing}\n          >\n            {child}\n          </GridItem>\n        ))}\n      </div>\n    );\n  }\n\n  return (\n    <div\n      style={{\n        ...style,\n        display: 'flex',\n        flexDirection: 'row',\n        flexWrap: 'wrap',\n      }}\n      {...rest}\n    >\n      {React.Children.map(children, (child, index) => {\n        return React.cloneElement(child, {\n          ...child?.props,\n          columns,\n          spacing: child?.props.spacing ?? spacing,\n          key: `child-${index}`,\n        });\n      })}\n    </div>\n  );\n};\n\nexport default Grid;\n"],"names":[],"mappings":";;;AAOA,MAAM,OAAO,CAAC;AAAA,EACZ,QAAA;AAAA,EACA,OAAU,GAAA,EAAA;AAAA,EACV,MAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACG,GAAA,IAAA;AACL,CAA6B,KAAA;AAC3B,EAAA,IAAI,MAAQ,EAAA;AACV,IAAM,MAAA,UAAA,GAAa,OAAO,IAAK,EAAA,CAAA;AAC/B,IAAA,uBACG,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,MACC,KAAO,EAAA;AAAA,QACL,GAAG,KAAA;AAAA,QACH,OAAS,EAAA,MAAA;AAAA,QACT,aAAe,EAAA,KAAA;AAAA,QACf,QAAU,EAAA,MAAA;AAAA,OACZ;AAAA,MACC,GAAG,IAAA;AAAA,KAAA,EAEH,MAAM,QAAS,CAAA,GAAA,CAAI,UAAU,CAAC,KAAA,EAAO,0BACnC,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA;AAAA,MACC,KAAK,CAAS,MAAA,EAAA,KAAA,CAAA,CAAA;AAAA,MACd,OAAA;AAAA,MACA,MAAM,UAAW,CAAA,KAAA,CAAA;AAAA,MACjB,OAAA;AAAA,KAEC,EAAA,KACH,CACD,CACH,CAAA,CAAA;AAAA,GAEJ;AAEA,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACC,KAAO,EAAA;AAAA,MACL,GAAG,KAAA;AAAA,MACH,OAAS,EAAA,MAAA;AAAA,MACT,aAAe,EAAA,KAAA;AAAA,MACf,QAAU,EAAA,MAAA;AAAA,KACZ;AAAA,IACC,GAAG,IAAA;AAAA,GAAA,EAEH,MAAM,QAAS,CAAA,GAAA,CAAI,QAAU,EAAA,CAAC,OAAO,KAAU,KAAA;AAC9C,IAAO,OAAA,KAAA,CAAM,aAAa,KAAO,EAAA;AAAA,MAC/B,GAAG,KAAO,EAAA,KAAA;AAAA,MACV,OAAA;AAAA,MACA,OAAA,EAAS,KAAO,EAAA,KAAA,CAAM,OAAW,IAAA,OAAA;AAAA,MACjC,KAAK,CAAS,MAAA,EAAA,KAAA,CAAA,CAAA;AAAA,KACf,CAAA,CAAA;AAAA,GACF,CACH,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Grid.js","sources":["../../../../../src/components/molecules/Grid/Grid.tsx"],"sourcesContent":["import React from 'react';\nimport { GridItem } from './Item';\nimport { IGrid } from '@tecsinapse/react-core';\n\nexport type IGridWeb = IGrid &\n  Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;\n\nconst Grid = ({\n  children,\n  columns = 12,\n  layout,\n  style,\n  spacing,\n  ...rest\n}: IGridWeb): JSX.Element => {\n  if (layout) {\n    const flatLayout = layout.flat();\n    return (\n      <div\n        style={{\n          ...style,\n          display: 'flex',\n          flexDirection: 'row',\n          flexWrap: 'wrap',\n        }}\n        {...rest}\n      >\n        {React.Children.map(children, (child, index) => (\n          <GridItem\n            key={`child-${index}`}\n            columns={columns}\n            span={flatLayout[index]}\n            spacing={spacing}\n          >\n            {child}\n          </GridItem>\n        ))}\n      </div>\n    );\n  }\n\n  return (\n    <div\n      style={{\n        ...style,\n        display: 'flex',\n        flexDirection: 'row',\n        flexWrap: 'wrap',\n      }}\n      {...rest}\n    >\n      {React.Children.map(children, (child, index) => {\n        return React.cloneElement(child, {\n          ...child?.props,\n          columns,\n          spacing: child?.props.spacing ?? spacing,\n          key: `child-${index}`,\n        });\n      })}\n    </div>\n  );\n};\n\nexport default Grid;\n"],"names":[],"mappings":";;;AAOA,MAAM,OAAO,CAAC;AAAA,EACZ,QAAA;AAAA,EACA,OAAU,GAAA,EAAA;AAAA,EACV,MAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA,GAAG,IAAA;AACL,CAA6B,KAAA;AAC3B,EAAA,IAAI,MAAQ,EAAA;AACV,IAAM,MAAA,UAAA,GAAa,OAAO,IAAK,EAAA,CAAA;AAC/B,IACE,uBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,KAAO,EAAA;AAAA,UACL,GAAG,KAAA;AAAA,UACH,OAAS,EAAA,MAAA;AAAA,UACT,aAAe,EAAA,KAAA;AAAA,UACf,QAAU,EAAA,MAAA;AAAA,SACZ;AAAA,QACC,GAAG,IAAA;AAAA,OAAA;AAAA,MAEH,MAAM,QAAS,CAAA,GAAA,CAAI,QAAU,EAAA,CAAC,OAAO,KACpC,qBAAA,KAAA,CAAA,aAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,KAAK,CAAS,MAAA,EAAA,KAAA,CAAA,CAAA;AAAA,UACd,OAAA;AAAA,UACA,IAAA,EAAM,WAAW,KAAK,CAAA;AAAA,UACtB,OAAA;AAAA,SAAA;AAAA,QAEC,KAAA;AAAA,OAEJ,CAAA;AAAA,KACH,CAAA;AAAA,GAEJ;AAEA,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA;AAAA,QACL,GAAG,KAAA;AAAA,QACH,OAAS,EAAA,MAAA;AAAA,QACT,aAAe,EAAA,KAAA;AAAA,QACf,QAAU,EAAA,MAAA;AAAA,OACZ;AAAA,MACC,GAAG,IAAA;AAAA,KAAA;AAAA,IAEH,MAAM,QAAS,CAAA,GAAA,CAAI,QAAU,EAAA,CAAC,OAAO,KAAU,KAAA;AAC9C,MAAO,OAAA,KAAA,CAAM,aAAa,KAAO,EAAA;AAAA,QAC/B,GAAG,KAAO,EAAA,KAAA;AAAA,QACV,OAAA;AAAA,QACA,OAAA,EAAS,KAAO,EAAA,KAAA,CAAM,OAAW,IAAA,OAAA;AAAA,QACjC,KAAK,CAAS,MAAA,EAAA,KAAA,CAAA,CAAA;AAAA,OACf,CAAA,CAAA;AAAA,KACF,CAAA;AAAA,GACH,CAAA;AAEJ;;;;"}

package/dist/esm/components/molecules/Grid/Item/Item.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import { IGridItem, Breakpoints } from '@tecsinapse/react-core';
-export declare type Span = Pick<Breakpoints, 'sm'> & Partial<Omit<Breakpoints, 'sm'>>;
+export type Span = Pick<Breakpoints, 'sm'> & Partial<Omit<Breakpoints, 'sm'>>;
 export interface IGridItemWeb extends Omit<IGridItem, 'span'>, Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
     span: number | Span;
     flexBasis?: string | 'content' | 'auto' | 'max-content' | 'min-content' | 'fit-content';
 }
-declare const GridItem: ({ children, span, columns, loadingComponent, loading, spacing, wrapper, alignContent, alignItems, alignSelf, flex, flexDirection, flexGrow, flexShrink, justifyContent, flexBasis, style, ...rest }: IGridItemWeb) => JSX.Element;
+declare const GridItem: ({ children, span: _span, columns, loadingComponent, loading, spacing: _spacing, wrapper, alignContent, alignItems, alignSelf, flex, flexDirection, flexGrow, flexShrink, justifyContent, flexBasis, style, ...rest }: IGridItemWeb) => JSX.Element;
 export default GridItem;

package/dist/esm/components/molecules/Grid/Item/Item.js

@@ -53,10 +53,7 @@ const GridItem = ({
     ...children?.props,
     style: wrapper ? children?.props.style : { ..._style, ...children?.props.style }
   });
-  return wrapper ? /* @__PURE__ */ React.createElement("div", {
-    ...rest,
-    style: _style
-  }, clone) : clone;
+  return wrapper ? /* @__PURE__ */ React.createElement("div", { ...rest, style: _style }, clone) : clone;
 };
 
 export { GridItem as default };

package/dist/esm/components/molecules/Grid/Item/Item.js.map

@@ -1 +1 @@
-{"version":3,"file":"Item.js","sources":["../../../../../../src/components/molecules/Grid/Item/Item.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  IGridItem,\n  useTheme,\n  Breakpoints,\n  getGridItemColumSpan,\n  getGridItemPadding,\n} from '@tecsinapse/react-core';\nimport { useBreakpoints } from '../../../../hooks';\nimport { getSpan } from './functions';\n\nexport type Span = Pick<Breakpoints, 'sm'> & Partial<Omit<Breakpoints, 'sm'>>;\n\nexport interface IGridItemWeb\n  extends Omit<IGridItem, 'span'>,\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  /** At least sm should exist */\n  span: number | Span;\n  /** Only specify this property if the GridItem will be 'dynamic', adjusting itself to content. Use this with `wrapper` for better result. */\n  flexBasis?:\n    | string\n    | 'content'\n    | 'auto'\n    | 'max-content'\n    | 'min-content'\n    | 'fit-content';\n}\n\nconst GridItem = ({\n  children,\n  span: _span,\n  columns = 12,\n  loadingComponent,\n  loading = false,\n  spacing: _spacing,\n  wrapper = false,\n  alignContent,\n  alignItems,\n  alignSelf,\n  flex,\n  flexDirection,\n  flexGrow,\n  flexShrink,\n  justifyContent,\n  flexBasis,\n  style,\n  ...rest\n}: IGridItemWeb): JSX.Element => {\n  const { spacing } = useTheme();\n  const { sm, md, lg } = useBreakpoints();\n  if (!React.Children.only(children)) {\n    throw new Error('The number of children in GridItem should be one');\n  }\n  if (loadingComponent && loading) {\n    return loadingComponent;\n  }\n\n  const span = typeof _span === 'number' ? _span : getSpan(_span, sm, md, lg);\n\n  const _style: React.CSSProperties = {\n    ...style,\n    alignContent,\n    alignItems,\n    alignSelf,\n    flexDirection,\n    flexGrow,\n    flexShrink,\n    justifyContent,\n    flex,\n    boxSizing: 'border-box',\n    flexBasis: flexBasis ?? `${getGridItemColumSpan(columns, span)}%`,\n    paddingTop: getGridItemPadding('top', _spacing, spacing),\n    paddingBottom: getGridItemPadding('bottom', _spacing, spacing),\n    paddingRight: getGridItemPadding('right', _spacing, spacing),\n    paddingLeft: getGridItemPadding('left', _spacing, spacing),\n  };\n\n  const clone = React.cloneElement(children, {\n    ...children?.props,\n    style: wrapper\n      ? children?.props.style\n      : { ..._style, ...children?.props.style },\n  });\n\n  return wrapper ? (\n    <div {...rest} style={_style}>\n      {clone}\n    </div>\n  ) : (\n    clone\n  );\n};\n\nexport default GridItem;\n"],"names":[],"mappings":";;;;;AA4BA,MAAM,WAAW,CAAC;AAAA,EAChB,QAAA;AAAA,EACA,IAAM,EAAA,KAAA;AAAA,EACN,OAAU,GAAA,EAAA;AAAA,EACV,gBAAA;AAAA,EACA,OAAU,GAAA,KAAA;AAAA,EACV,OAAS,EAAA,QAAA;AAAA,EACT,OAAU,GAAA,KAAA;AAAA,EACV,YAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA;AAAA,EACA,aAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,cAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAiC,KAAA;AAC/B,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAI,QAAS,EAAA,CAAA;AAC7B,EAAA,MAAM,EAAE,EAAA,EAAI,EAAI,EAAA,EAAA,KAAO,cAAe,EAAA,CAAA;AACtC,EAAA,IAAI,CAAC,KAAA,CAAM,QAAS,CAAA,IAAA,CAAK,QAAQ,CAAG,EAAA;AAClC,IAAM,MAAA,IAAI,MAAM,kDAAkD,CAAA,CAAA;AAAA,GACpE;AACA,EAAA,IAAI,oBAAoB,OAAS,EAAA;AAC/B,IAAO,OAAA,gBAAA,CAAA;AAAA,GACT;AAEA,EAAM,MAAA,IAAA,GAAO,OAAO,KAAU,KAAA,QAAA,GAAW,QAAQ,OAAQ,CAAA,KAAA,EAAO,EAAI,EAAA,EAAA,EAAI,EAAE,CAAA,CAAA;AAE1E,EAAA,MAAM,MAA8B,GAAA;AAAA,IAClC,GAAG,KAAA;AAAA,IACH,YAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA,IACA,aAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,cAAA;AAAA,IACA,IAAA;AAAA,IACA,SAAW,EAAA,YAAA;AAAA,IACX,SAAW,EAAA,SAAA,IAAa,CAAG,EAAA,oBAAA,CAAqB,SAAS,IAAI,CAAA,CAAA,CAAA,CAAA;AAAA,IAC7D,UAAY,EAAA,kBAAA,CAAmB,KAAO,EAAA,QAAA,EAAU,OAAO,CAAA;AAAA,IACvD,aAAe,EAAA,kBAAA,CAAmB,QAAU,EAAA,QAAA,EAAU,OAAO,CAAA;AAAA,IAC7D,YAAc,EAAA,kBAAA,CAAmB,OAAS,EAAA,QAAA,EAAU,OAAO,CAAA;AAAA,IAC3D,WAAa,EAAA,kBAAA,CAAmB,MAAQ,EAAA,QAAA,EAAU,OAAO,CAAA;AAAA,GAC3D,CAAA;AAEA,EAAM,MAAA,KAAA,GAAQ,KAAM,CAAA,YAAA,CAAa,QAAU,EAAA;AAAA,IACzC,GAAG,QAAU,EAAA,KAAA;AAAA,IACb,KAAA,EAAO,OACH,GAAA,QAAA,EAAU,KAAM,CAAA,KAAA,GAChB,EAAE,GAAG,MAAQ,EAAA,GAAG,QAAU,EAAA,KAAA,CAAM,KAAM,EAAA;AAAA,GAC3C,CAAA,CAAA;AAED,EAAA,OAAO,0BACJ,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAK,GAAG,IAAA;AAAA,IAAM,KAAO,EAAA,MAAA;AAAA,GAAA,EACnB,KACH,CAEA,GAAA,KAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Item.js","sources":["../../../../../../src/components/molecules/Grid/Item/Item.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  IGridItem,\n  useTheme,\n  Breakpoints,\n  getGridItemColumSpan,\n  getGridItemPadding,\n} from '@tecsinapse/react-core';\nimport { useBreakpoints } from '../../../../hooks';\nimport { getSpan } from './functions';\n\nexport type Span = Pick<Breakpoints, 'sm'> & Partial<Omit<Breakpoints, 'sm'>>;\n\nexport interface IGridItemWeb\n  extends Omit<IGridItem, 'span'>,\n    Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  /** At least sm should exist */\n  span: number | Span;\n  /** Only specify this property if the GridItem will be 'dynamic', adjusting itself to content. Use this with `wrapper` for better result. */\n  flexBasis?:\n    | string\n    | 'content'\n    | 'auto'\n    | 'max-content'\n    | 'min-content'\n    | 'fit-content';\n}\n\nconst GridItem = ({\n  children,\n  span: _span,\n  columns = 12,\n  loadingComponent,\n  loading = false,\n  spacing: _spacing,\n  wrapper = false,\n  alignContent,\n  alignItems,\n  alignSelf,\n  flex,\n  flexDirection,\n  flexGrow,\n  flexShrink,\n  justifyContent,\n  flexBasis,\n  style,\n  ...rest\n}: IGridItemWeb): JSX.Element => {\n  const { spacing } = useTheme();\n  const { sm, md, lg } = useBreakpoints();\n  if (!React.Children.only(children)) {\n    throw new Error('The number of children in GridItem should be one');\n  }\n  if (loadingComponent && loading) {\n    return loadingComponent;\n  }\n\n  const span = typeof _span === 'number' ? _span : getSpan(_span, sm, md, lg);\n\n  const _style: React.CSSProperties = {\n    ...style,\n    alignContent,\n    alignItems,\n    alignSelf,\n    flexDirection,\n    flexGrow,\n    flexShrink,\n    justifyContent,\n    flex,\n    boxSizing: 'border-box',\n    flexBasis: flexBasis ?? `${getGridItemColumSpan(columns, span)}%`,\n    paddingTop: getGridItemPadding('top', _spacing, spacing),\n    paddingBottom: getGridItemPadding('bottom', _spacing, spacing),\n    paddingRight: getGridItemPadding('right', _spacing, spacing),\n    paddingLeft: getGridItemPadding('left', _spacing, spacing),\n  };\n\n  const clone = React.cloneElement(children, {\n    ...children?.props,\n    style: wrapper\n      ? children?.props.style\n      : { ..._style, ...children?.props.style },\n  });\n\n  return wrapper ? (\n    <div {...rest} style={_style}>\n      {clone}\n    </div>\n  ) : (\n    clone\n  );\n};\n\nexport default GridItem;\n"],"names":[],"mappings":";;;;;AA4BA,MAAM,WAAW,CAAC;AAAA,EAChB,QAAA;AAAA,EACA,IAAM,EAAA,KAAA;AAAA,EACN,OAAU,GAAA,EAAA;AAAA,EACV,gBAAA;AAAA,EACA,OAAU,GAAA,KAAA;AAAA,EACV,OAAS,EAAA,QAAA;AAAA,EACT,OAAU,GAAA,KAAA;AAAA,EACV,YAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA;AAAA,EACA,aAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,cAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAiC,KAAA;AAC/B,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAI,QAAS,EAAA,CAAA;AAC7B,EAAA,MAAM,EAAE,EAAA,EAAI,EAAI,EAAA,EAAA,KAAO,cAAe,EAAA,CAAA;AACtC,EAAA,IAAI,CAAC,KAAA,CAAM,QAAS,CAAA,IAAA,CAAK,QAAQ,CAAG,EAAA;AAClC,IAAM,MAAA,IAAI,MAAM,kDAAkD,CAAA,CAAA;AAAA,GACpE;AACA,EAAA,IAAI,oBAAoB,OAAS,EAAA;AAC/B,IAAO,OAAA,gBAAA,CAAA;AAAA,GACT;AAEA,EAAM,MAAA,IAAA,GAAO,OAAO,KAAU,KAAA,QAAA,GAAW,QAAQ,OAAQ,CAAA,KAAA,EAAO,EAAI,EAAA,EAAA,EAAI,EAAE,CAAA,CAAA;AAE1E,EAAA,MAAM,MAA8B,GAAA;AAAA,IAClC,GAAG,KAAA;AAAA,IACH,YAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA,IACA,aAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,cAAA;AAAA,IACA,IAAA;AAAA,IACA,SAAW,EAAA,YAAA;AAAA,IACX,SAAW,EAAA,SAAA,IAAa,CAAG,EAAA,oBAAA,CAAqB,SAAS,IAAI,CAAA,CAAA,CAAA,CAAA;AAAA,IAC7D,UAAY,EAAA,kBAAA,CAAmB,KAAO,EAAA,QAAA,EAAU,OAAO,CAAA;AAAA,IACvD,aAAe,EAAA,kBAAA,CAAmB,QAAU,EAAA,QAAA,EAAU,OAAO,CAAA;AAAA,IAC7D,YAAc,EAAA,kBAAA,CAAmB,OAAS,EAAA,QAAA,EAAU,OAAO,CAAA;AAAA,IAC3D,WAAa,EAAA,kBAAA,CAAmB,MAAQ,EAAA,QAAA,EAAU,OAAO,CAAA;AAAA,GAC3D,CAAA;AAEA,EAAM,MAAA,KAAA,GAAQ,KAAM,CAAA,YAAA,CAAa,QAAU,EAAA;AAAA,IACzC,GAAG,QAAU,EAAA,KAAA;AAAA,IACb,KAAA,EAAO,OACH,GAAA,QAAA,EAAU,KAAM,CAAA,KAAA,GAChB,EAAE,GAAG,MAAQ,EAAA,GAAG,QAAU,EAAA,KAAA,CAAM,KAAM,EAAA;AAAA,GAC3C,CAAA,CAAA;AAED,EAAO,OAAA,OAAA,uCACJ,KAAK,EAAA,EAAA,GAAG,MAAM,KAAO,EAAA,MAAA,EAAA,EACnB,KACH,CAEA,GAAA,KAAA,CAAA;AAEJ;;;;"}

package/dist/esm/components/molecules/IconTextButton/IconTextButton.d.ts

@@ -1,6 +1,6 @@
 import { IconTextButtonProps } from '@tecsinapse/react-core';
 import React from 'react';
 import { WebButtonProps } from '../../atoms/Button';
-export declare type WebIconTextButtonProps = IconTextButtonProps & Omit<WebButtonProps, 'ButtonProps'>;
+export type WebIconTextButtonProps = IconTextButtonProps & Omit<WebButtonProps, 'ButtonProps'>;
 declare const IconTextButton: React.FC<WebIconTextButtonProps>;
 export default IconTextButton;