@tecsinapse/react-web-kit 1.22.0 → 1.22.1-beta.2

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

@@ -1,16 +0,0 @@
-import styled from '@emotion/styled';
-import { hex2rgba } from '@tecsinapse/react-core';
-
-const StyledContainerBreadcrumbs = styled("div")`
-  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};
-  display: flex;
-  align-items: center;
-  justify-content: flex-start;
-  padding: ${({ theme }) => `${theme.spacing.mili} ${theme.spacing.deca}`};
-  border-radius: ${({ theme }) => theme.borderRadius.mili};
-  box-shadow: 0px 2px 8px
-    ${({ theme }) => hex2rgba(theme.miscellaneous.shadow, 0.05)};
-`;
-
-export { StyledContainerBreadcrumbs };
-//# sourceMappingURL=styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/components/molecules/Breadcrumbs/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { hex2rgba, StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledContainerBreadcrumbs = styled('div')<Partial<StyleProps>>`\n  background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  padding: ${({ theme }) => `${theme.spacing.mili} ${theme.spacing.deca}`};\n  border-radius: ${({ theme }: StyleProps) => theme.borderRadius.mili};\n  box-shadow: 0px 2px 8px\n    ${({ theme }) => hex2rgba(theme.miscellaneous.shadow, 0.05)};\n`;\n"],"names":[],"mappings":";;;AAGa,MAAA,0BAAA,GAA6B,OAAO,KAAK,CAAA,CAAA;AAAA,oBAAA,EAChC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,aAAc,CAAA,YAAA,CAAA;AAAA;AAAA;AAAA;AAAA,WAI5C,EAAA,CAAC,EAAE,KAAM,EAAA,KAAM,GAAG,KAAM,CAAA,OAAA,CAAQ,IAAQ,CAAA,CAAA,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,CAAA,CAAA,CAAA;AAAA,iBAAA,EAChD,CAAC,EAAE,KAAM,EAAA,KAAkB,MAAM,YAAa,CAAA,IAAA,CAAA;AAAA;AAAA,IAE3D,EAAA,CAAC,EAAE,KAAM,EAAA,KAAM,SAAS,KAAM,CAAA,aAAA,CAAc,QAAQ,IAAI,CAAA,CAAA;AAAA;;;;"}

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

@@ -1,3 +0,0 @@
-import { DatePickerProps, SelectionType } from '@tecsinapse/react-core';
-export declare type WebDatePickerProps<T extends SelectionType> = Omit<DatePickerProps<T>, 'CalendarComponent' | 'renderCalendar' | 'requestCloseCalendar' | 'requestShowCalendar'>;
-export declare const DatePicker: <T extends SelectionType>({ value, type, ...rest }: WebDatePickerProps<T>) => JSX.Element;

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

@@ -1,85 +0,0 @@
-import { DatePicker as DatePicker$1, Calendar } from '@tecsinapse/react-core';
-import React, { useState, useCallback, useMemo } from 'react';
-import { Dropdown } from '../../atoms/Dropdown/index.js';
-
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const DatePicker = (_a) => {
-  var _b = _a, {
-    value,
-    type
-  } = _b, rest = __objRest(_b, [
-    "value",
-    "type"
-  ]);
-  const [visible, setVisible] = useState(false);
-  const show = useCallback(() => setVisible(true), []);
-  const close = useCallback(() => setVisible(false), []);
-  const getYear = useMemo(() => {
-    if (value) {
-      if (type === "range") {
-        if (value.lowest !== void 0)
-          return new Date(value.lowest).getFullYear();
-      } else {
-        return new Date(value).getFullYear();
-      }
-    }
-    return void 0;
-  }, [value]);
-  const getMonth = useMemo(() => {
-    if (value) {
-      if (type === "range") {
-        if (value.lowest !== void 0)
-          return new Date(value.lowest).getMonth();
-      } else {
-        return new Date(value).getMonth();
-      }
-    }
-    return void 0;
-  }, [value]);
-  return /* @__PURE__ */ React.createElement(DatePicker$1, __spreadProps(__spreadValues({}, rest), {
-    CalendarComponent: Calendar,
-    value,
-    type,
-    year: getYear,
-    month: getMonth,
-    requestShowCalendar: show,
-    requestCloseCalendar: close,
-    renderCalendar: (calendar) => /* @__PURE__ */ React.createElement(Dropdown, {
-      visible,
-      setVisible
-    }, calendar)
-  }));
-};
-
-export { DatePicker };
-//# sourceMappingURL=DatePicker.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DatePicker.js","sources":["../../../../src/components/molecules/DatePicker/DatePicker.tsx"],"sourcesContent":["import {\n  Calendar,\n  DatePicker as DatePickerCore,\n  DatePickerProps,\n  DateRange,\n  SelectionType,\n} from '@tecsinapse/react-core';\nimport React, { useCallback, useMemo, useState } from 'react';\nimport { Dropdown } from '../../atoms/Dropdown';\n\nexport type WebDatePickerProps<T extends SelectionType> = Omit<\n  DatePickerProps<T>,\n  | 'CalendarComponent'\n  | 'renderCalendar'\n  | 'requestCloseCalendar'\n  | 'requestShowCalendar'\n>;\n\nexport const DatePicker = <T extends SelectionType>({\n  value,\n  type,\n  ...rest\n}: WebDatePickerProps<T>): JSX.Element => {\n  const [visible, setVisible] = useState(false);\n  const show = useCallback(() => setVisible(true), []);\n  const close = useCallback(() => setVisible(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  return (\n    <DatePickerCore\n      {...rest}\n      CalendarComponent={Calendar}\n      value={value}\n      type={type}\n      year={getYear}\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"],"names":["DatePickerCore"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBa,MAAA,UAAA,GAAa,CAA0B,EAIV,KAAA;AAJU,EAClD,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,KAAA;AAAA,IACA,IAAA;AAAA,GApBF,GAkBoD,EAG/C,EAAA,IAAA,GAAA,SAAA,CAH+C,EAG/C,EAAA;AAAA,IAFH,OAAA;AAAA,IACA,MAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AAC5C,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,EAAM,MAAA,OAAA,GAAU,QAAQ,MAAM;AAC5B,IAAA,IAAI,KAAO,EAAA;AACT,MAAA,IAAI,SAAS,OAAS,EAAA;AACpB,QAAA,IAAK,MAAoB,MAAW,KAAA,KAAA,CAAA;AAClC,UAAA,OAAO,IAAI,IAAA,CAAM,KAAoB,CAAA,MAAM,EAAE,WAAY,EAAA,CAAA;AAAA,OACtD,MAAA;AACL,QAAA,OAAO,IAAI,IAAA,CAAK,KAAa,CAAA,CAAE,WAAY,EAAA,CAAA;AAAA,OAC7C;AAAA,KACF;AACA,IAAO,OAAA,KAAA,CAAA,CAAA;AAAA,GACT,EAAG,CAAC,KAAK,CAAC,CAAA,CAAA;AAEV,EAAM,MAAA,QAAA,GAAW,QAAQ,MAAM;AAC7B,IAAA,IAAI,KAAO,EAAA;AACT,MAAA,IAAI,SAAS,OAAS,EAAA;AACpB,QAAA,IAAK,MAAoB,MAAW,KAAA,KAAA,CAAA;AAClC,UAAA,OAAO,IAAI,IAAA,CAAM,KAAoB,CAAA,MAAM,EAAE,QAAS,EAAA,CAAA;AAAA,OACnD,MAAA;AACL,QAAA,OAAO,IAAI,IAAA,CAAK,KAAa,CAAA,CAAE,QAAS,EAAA,CAAA;AAAA,OAC1C;AAAA,KACF;AACA,IAAO,OAAA,KAAA,CAAA,CAAA;AAAA,GACT,EAAG,CAAC,KAAK,CAAC,CAAA,CAAA;AAEV,EACE,uBAAA,KAAA,CAAA,aAAA,CAACA,+CACK,IADL,CAAA,EAAA;AAAA,IAEC,iBAAmB,EAAA,QAAA;AAAA,IACnB,KAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAM,EAAA,OAAA;AAAA,IACN,KAAO,EAAA,QAAA;AAAA,IACP,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,CAAA;AAEJ;;;;"}

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

@@ -1,3 +0,0 @@
-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/esm/components/molecules/DatePicker/index.d.ts

@@ -1,2 +0,0 @@
-export { DatePicker } from './DatePicker';
-export type { WebDatePickerProps } from './DatePicker';

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

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-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;
-}>;

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

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

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

@@ -1,52 +0,0 @@
-import { DateTimePicker as DateTimePicker$1 } from '@tecsinapse/react-core';
-import React, { useState, useCallback } from 'react';
-import { Dropdown } from '../../atoms/Dropdown/index.js';
-
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const DateTimePicker = (_a) => {
-  var rest = __objRest(_a, []);
-  const [visible, setVisible] = useState(false);
-  const show = useCallback(() => setVisible(true), []);
-  const close = useCallback(() => setVisible(false), []);
-  return /* @__PURE__ */ React.createElement(DateTimePicker$1, __spreadProps(__spreadValues({}, rest), {
-    requestShowSelector: show,
-    requestCloseSelector: close,
-    renderSelector: (selector) => /* @__PURE__ */ React.createElement(Dropdown, {
-      visible,
-      setVisible
-    }, selector)
-  }));
-};
-
-export { DateTimePicker };
-//# sourceMappingURL=DateTimePicker.js.map

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

@@ -1 +0,0 @@
-{"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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYa,MAAA,cAAA,GAA6C,CAAC,EAAgB,KAAA;AAAhB,EAAA,IAAK,iBAAL,EAAK,EAAA,EAAA,CAAA,CAAA;AAC9D,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,CAACA,mDACK,IADL,CAAA,EAAA;AAAA,IAEC,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,CAAA;AAEJ;;;;"}

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

@@ -1,2 +0,0 @@
-import * as React from 'react';
-export declare const Modal: React.FC<any>;

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

@@ -1,2 +0,0 @@
-export { DateTimePicker } from './DateTimePicker';
-export type { WebDateTimePickerProps } from './DateTimePicker';

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

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-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;
-}>;

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

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

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

@@ -1,77 +0,0 @@
-import React from 'react';
-import { StyledContainerDrawer } from './styled.js';
-import { Transition } from 'react-transition-group';
-import Overlay from '../../atoms/Overlay/Overlay.js';
-import { defaultStylesLeftRight, transitionStylesLeftRight, defaultStylesTopBottom, transitionStylesTopBottom } from './animations.js';
-
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const Drawer = (_a) => {
-  var _b = _a, {
-    open,
-    anchorPosition = "right",
-    onClose,
-    children,
-    style
-  } = _b, rest = __objRest(_b, [
-    "open",
-    "anchorPosition",
-    "onClose",
-    "children",
-    "style"
-  ]);
-  const getStyles = (anchorPosition2, state) => {
-    const stylesLeftRight = defaultStylesLeftRight(anchorPosition2);
-    const transitionLeftRight = transitionStylesLeftRight(anchorPosition2);
-    const stylesTopBottom = defaultStylesTopBottom(anchorPosition2);
-    const transitionTopBottom = transitionStylesTopBottom(anchorPosition2);
-    if (["left", "right"].includes(anchorPosition2)) {
-      return __spreadValues(__spreadValues({}, stylesLeftRight), transitionLeftRight[state]);
-    } else {
-      return __spreadValues(__spreadValues({}, stylesTopBottom), transitionTopBottom[state]);
-    }
-  };
-  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, __spreadValues({
-    style: __spreadValues(__spreadValues({}, style), getStyles(anchorPosition, state)),
-    anchorPosition,
-    onClose,
-    open
-  }, rest), children)));
-};
-
-export { Drawer as default };
-//# sourceMappingURL=Drawer.js.map

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

@@ -1 +0,0 @@
-{"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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBM,MAAA,MAAA,GAA0B,CAAC,EAO3B,KAAA;AAP2B,EAC/B,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,IAAA;AAAA,IACA,cAAiB,GAAA,OAAA;AAAA,IACjB,OAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA;AAAA,GAxBF,GAmBiC,EAM5B,EAAA,IAAA,GAAA,SAAA,CAN4B,EAM5B,EAAA;AAAA,IALH,MAAA;AAAA,IACA,gBAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA,OAAA;AAAA,GAAA,CAAA,CAAA;AAGA,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,cAAA,CAAA,cAAA,CAAA,EAAA,EACF,kBACA,mBAAoB,CAAA,KAAA,CAAA,CAAA,CAAA;AAAA,KAEpB,MAAA;AACL,MAAO,OAAA,cAAA,CAAA,cAAA,CAAA,EAAA,EACF,kBACA,mBAAoB,CAAA,KAAA,CAAA,CAAA,CAAA;AAAA,KAE3B;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,cAAA,CAAA;AAAA,IACC,KAAO,EAAA,cAAA,CAAA,cAAA,CAAA,EAAA,EAAK,KAAU,CAAA,EAAA,SAAA,CAAU,gBAAgB,KAAK,CAAA,CAAA;AAAA,IACrD,cAAA;AAAA,IACA,OAAA;AAAA,IACA,IAAA;AAAA,GACI,EAAA,IAAA,CAAA,EAEH,QACH,CAEJ,CACF,CAAA,CAAA;AAEJ;;;;"}

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

@@ -1,35 +0,0 @@
-import { CSSProperties } from 'react';
-export declare const transformLeftRigthClose: (anchorPosition: string) => "translateX(100%)" | "translateX(-100%)";
-export declare const transformLeftRigthOpen = "translateX(0)";
-export declare const transformTopBottomClose: (anchorPosition: string) => "translateY(-100%)" | "translateY(100%)";
-export declare const transformTopBottomOpen = "translateY(0%)";
-export declare const defaultStylesLeftRight: (anchorPosition: string) => CSSProperties;
-export declare const transitionStylesLeftRight: (anchorPosition: string) => {
-    entering: {
-        transform: string;
-    };
-    entered: {
-        transform: string;
-    };
-    exiting: {
-        transform: string;
-    };
-    exited: {
-        transform: string;
-    };
-};
-export declare const defaultStylesTopBottom: (anchorPosition: string) => CSSProperties;
-export declare const transitionStylesTopBottom: (anchorPosition: string) => {
-    entering: {
-        transform: string;
-    };
-    entered: {
-        transform: string;
-    };
-    exiting: {
-        transform: string;
-    };
-    exited: {
-        transform: string;
-    };
-};

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

@@ -1,47 +0,0 @@
-const transformLeftRigthClose = (anchorPosition) => anchorPosition === "right" ? "translateX(100%)" : "translateX(-100%)";
-const transformLeftRigthOpen = "translateX(0)";
-const transformTopBottomClose = (anchorPosition) => anchorPosition === "top" ? "translateY(-100%)" : "translateY(100%)";
-const transformTopBottomOpen = "translateY(0%)";
-const defaultStylesLeftRight = (anchorPosition) => {
-  return {
-    transition: "transform 300ms ease-in-out",
-    transform: transformLeftRigthClose(anchorPosition),
-    overflowX: "hidden",
-    overflowY: "auto"
-  };
-};
-const transitionStylesLeftRight = (anchorPosition) => {
-  return {
-    entering: { transform: transformLeftRigthClose(anchorPosition) },
-    entered: {
-      transform: transformLeftRigthOpen
-    },
-    exiting: {
-      transform: transformLeftRigthOpen
-    },
-    exited: { transform: transformLeftRigthClose(anchorPosition) }
-  };
-};
-const defaultStylesTopBottom = (anchorPosition) => {
-  return {
-    transition: "transform 300ms ease-in-out",
-    transform: transformTopBottomClose(anchorPosition),
-    overflowX: "hidden",
-    overflowY: "auto"
-  };
-};
-const transitionStylesTopBottom = (anchorPosition) => {
-  return {
-    entering: { transform: transformTopBottomClose(anchorPosition) },
-    entered: {
-      transform: transformTopBottomOpen
-    },
-    exiting: {
-      transform: transformTopBottomOpen
-    },
-    exited: { transform: transformTopBottomClose(anchorPosition) }
-  };
-};
-
-export { defaultStylesLeftRight, defaultStylesTopBottom, transformLeftRigthClose, transformLeftRigthOpen, transformTopBottomClose, transformTopBottomOpen, transitionStylesLeftRight, transitionStylesTopBottom };
-//# sourceMappingURL=animations.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"animations.js","sources":["../../../../src/components/molecules/Drawer/animations.ts"],"sourcesContent":["import { CSSProperties } from 'react';\n\nexport const transformLeftRigthClose = (anchorPosition: string) =>\n  anchorPosition === 'right' ? 'translateX(100%)' : 'translateX(-100%)';\n\nexport const transformLeftRigthOpen = 'translateX(0)';\n\nexport const transformTopBottomClose = (anchorPosition: string) =>\n  anchorPosition === 'top' ? 'translateY(-100%)' : 'translateY(100%)';\n\nexport const transformTopBottomOpen = 'translateY(0%)';\n\nexport const defaultStylesLeftRight = (\n  anchorPosition: string\n): CSSProperties => {\n  return {\n    transition: 'transform 300ms ease-in-out',\n    transform: transformLeftRigthClose(anchorPosition),\n    overflowX: 'hidden',\n    overflowY: 'auto',\n  };\n};\n\nexport const transitionStylesLeftRight = (anchorPosition: string) => {\n  return {\n    entering: { transform: transformLeftRigthClose(anchorPosition) },\n    entered: {\n      transform: transformLeftRigthOpen,\n    },\n    exiting: {\n      transform: transformLeftRigthOpen,\n    },\n    exited: { transform: transformLeftRigthClose(anchorPosition) },\n  };\n};\n\nexport const defaultStylesTopBottom = (\n  anchorPosition: string\n): CSSProperties => {\n  return {\n    transition: 'transform 300ms ease-in-out',\n    transform: transformTopBottomClose(anchorPosition),\n    overflowX: 'hidden',\n    overflowY: 'auto',\n  };\n};\nexport const transitionStylesTopBottom = (anchorPosition: string) => {\n  return {\n    entering: { transform: transformTopBottomClose(anchorPosition) },\n    entered: {\n      transform: transformTopBottomOpen,\n    },\n    exiting: {\n      transform: transformTopBottomOpen,\n    },\n    exited: { transform: transformTopBottomClose(anchorPosition) },\n  };\n};\n"],"names":[],"mappings":"AAEO,MAAM,uBAA0B,GAAA,CAAC,cACtC,KAAA,cAAA,KAAmB,UAAU,kBAAqB,GAAA,oBAAA;AAE7C,MAAM,sBAAyB,GAAA,gBAAA;AAE/B,MAAM,uBAA0B,GAAA,CAAC,cACtC,KAAA,cAAA,KAAmB,QAAQ,mBAAsB,GAAA,mBAAA;AAE5C,MAAM,sBAAyB,GAAA,iBAAA;AAEzB,MAAA,sBAAA,GAAyB,CACpC,cACkB,KAAA;AAClB,EAAO,OAAA;AAAA,IACL,UAAY,EAAA,6BAAA;AAAA,IACZ,SAAA,EAAW,wBAAwB,cAAc,CAAA;AAAA,IACjD,SAAW,EAAA,QAAA;AAAA,IACX,SAAW,EAAA,MAAA;AAAA,GACb,CAAA;AACF,EAAA;AAEa,MAAA,yBAAA,GAA4B,CAAC,cAA2B,KAAA;AACnE,EAAO,OAAA;AAAA,IACL,QAAU,EAAA,EAAE,SAAW,EAAA,uBAAA,CAAwB,cAAc,CAAE,EAAA;AAAA,IAC/D,OAAS,EAAA;AAAA,MACP,SAAW,EAAA,sBAAA;AAAA,KACb;AAAA,IACA,OAAS,EAAA;AAAA,MACP,SAAW,EAAA,sBAAA;AAAA,KACb;AAAA,IACA,MAAQ,EAAA,EAAE,SAAW,EAAA,uBAAA,CAAwB,cAAc,CAAE,EAAA;AAAA,GAC/D,CAAA;AACF,EAAA;AAEa,MAAA,sBAAA,GAAyB,CACpC,cACkB,KAAA;AAClB,EAAO,OAAA;AAAA,IACL,UAAY,EAAA,6BAAA;AAAA,IACZ,SAAA,EAAW,wBAAwB,cAAc,CAAA;AAAA,IACjD,SAAW,EAAA,QAAA;AAAA,IACX,SAAW,EAAA,MAAA;AAAA,GACb,CAAA;AACF,EAAA;AACa,MAAA,yBAAA,GAA4B,CAAC,cAA2B,KAAA;AACnE,EAAO,OAAA;AAAA,IACL,QAAU,EAAA,EAAE,SAAW,EAAA,uBAAA,CAAwB,cAAc,CAAE,EAAA;AAAA,IAC/D,OAAS,EAAA;AAAA,MACP,SAAW,EAAA,sBAAA;AAAA,KACb;AAAA,IACA,OAAS,EAAA;AAAA,MACP,SAAW,EAAA,sBAAA;AAAA,KACb;AAAA,IACA,MAAQ,EAAA,EAAE,SAAW,EAAA,uBAAA,CAAwB,cAAc,CAAE,EAAA;AAAA,GAC/D,CAAA;AACF;;;;"}

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

@@ -1,2 +0,0 @@
-export { default as Drawer } from './Drawer';
-export type { DrawerProps } from './Drawer';

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

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare const StyledContainerDrawer: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -1,59 +0,0 @@
-import styled from '@emotion/styled';
-import { css } from '@emotion/react';
-
-const anchorLeft = ({ theme, anchorPosition }) => {
-  return anchorPosition === "left" && css`
-      left: 0;
-      top: 0;
-      border-top-right-radius: ${theme.borderRadius.centi};
-      border-bottom-right-radius: ${theme.borderRadius.centi};
-    `;
-};
-const anchorRight = ({ theme, anchorPosition }) => {
-  return anchorPosition === "right" && css`
-      right: 0;
-      top: 0;
-      border-top-left-radius: ${theme.borderRadius.centi};
-      border-bottom-left-radius: ${theme.borderRadius.centi};
-    `;
-};
-const anchorTop = ({ theme, anchorPosition }) => {
-  return anchorPosition === "top" && css`
-      left: 0;
-      right: 0;
-      top: 0;
-      border-bottom-right-radius: ${theme.borderRadius.centi};
-      border-bottom-left-radius: ${theme.borderRadius.centi};
-    `;
-};
-const anchorBottom = ({ theme, anchorPosition }) => {
-  return anchorPosition === "bottom" && css`
-      left: 0;
-      right: 0;
-      bottom: 0;
-      border-top-right-radius: ${theme.borderRadius.centi};
-      border-top-left-radius: ${theme.borderRadius.centi};
-    `;
-};
-const baseStyles = ({ theme, anchorPosition }) => {
-  return css`
-    height: ${["left", "right"].includes(anchorPosition) && "100vh"};
-    width: ${["top", "bottom"].includes(anchorPosition) && "100wh"};
-    position: fixed;
-    overflow: hidden;
-    background-color: ${theme.miscellaneous.bodyColor};
-    z-index: ${theme.zIndex.drawer};
-  `;
-};
-const StyledContainerDrawer = styled("div")(
-  (props) => css`
-    ${baseStyles(props)}
-    ${anchorBottom(props)}
-    ${anchorTop(props)}
-    ${anchorLeft(props)}
-    ${anchorRight(props)}
-  `
-);
-
-export { StyledContainerDrawer };
-//# sourceMappingURL=styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","sources":["../../../../src/components/molecules/Drawer/styled.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { DrawerProps } from './Drawer';\nimport { css } from '@emotion/react';\n\nconst anchorLeft = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return (\n    anchorPosition === 'left' &&\n    css`\n      left: 0;\n      top: 0;\n      border-top-right-radius: ${theme.borderRadius.centi};\n      border-bottom-right-radius: ${theme.borderRadius.centi};\n    `\n  );\n};\nconst anchorRight = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return (\n    anchorPosition === 'right' &&\n    css`\n      right: 0;\n      top: 0;\n      border-top-left-radius: ${theme.borderRadius.centi};\n      border-bottom-left-radius: ${theme.borderRadius.centi};\n    `\n  );\n};\n\nconst anchorTop = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return (\n    anchorPosition === 'top' &&\n    css`\n      left: 0;\n      right: 0;\n      top: 0;\n      border-bottom-right-radius: ${theme.borderRadius.centi};\n      border-bottom-left-radius: ${theme.borderRadius.centi};\n    `\n  );\n};\n\nconst anchorBottom = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return (\n    anchorPosition === 'bottom' &&\n    css`\n      left: 0;\n      right: 0;\n      bottom: 0;\n      border-top-right-radius: ${theme.borderRadius.centi};\n      border-top-left-radius: ${theme.borderRadius.centi};\n    `\n  );\n};\n\nconst baseStyles = ({ theme, anchorPosition }: StyleProps & DrawerProps) => {\n  return css`\n    height: ${['left', 'right'].includes(anchorPosition) && '100vh'};\n    width: ${['top', 'bottom'].includes(anchorPosition) && '100wh'};\n    position: fixed;\n    overflow: hidden;\n    background-color: ${theme.miscellaneous.bodyColor};\n    z-index: ${theme.zIndex.drawer};\n  `;\n};\n\nexport const StyledContainerDrawer = styled('div')<\n  DrawerProps & Partial<StyleProps>\n>(\n  props => css`\n    ${baseStyles(props)}\n    ${anchorBottom(props)}\n    ${anchorTop(props)}\n    ${anchorLeft(props)}\n    ${anchorRight(props)}\n  `\n);\n"],"names":[],"mappings":";;;AAKA,MAAM,UAAa,GAAA,CAAC,EAAE,KAAA,EAAO,gBAA+C,KAAA;AAC1E,EAAA,OACE,mBAAmB,MACnB,IAAA,GAAA,CAAA;AAAA;AAAA;AAAA,+BAAA,EAG6B,MAAM,YAAa,CAAA,KAAA,CAAA;AAAA,kCAAA,EAChB,MAAM,YAAa,CAAA,KAAA,CAAA;AAAA,IAAA,CAAA,CAAA;AAGvD,CAAA,CAAA;AACA,MAAM,WAAc,GAAA,CAAC,EAAE,KAAA,EAAO,gBAA+C,KAAA;AAC3E,EAAA,OACE,mBAAmB,OACnB,IAAA,GAAA,CAAA;AAAA;AAAA;AAAA,8BAAA,EAG4B,MAAM,YAAa,CAAA,KAAA,CAAA;AAAA,iCAAA,EAChB,MAAM,YAAa,CAAA,KAAA,CAAA;AAAA,IAAA,CAAA,CAAA;AAGtD,CAAA,CAAA;AAEA,MAAM,SAAY,GAAA,CAAC,EAAE,KAAA,EAAO,gBAA+C,KAAA;AACzE,EAAA,OACE,mBAAmB,KACnB,IAAA,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA,kCAAA,EAIgC,MAAM,YAAa,CAAA,KAAA,CAAA;AAAA,iCAAA,EACpB,MAAM,YAAa,CAAA,KAAA,CAAA;AAAA,IAAA,CAAA,CAAA;AAGtD,CAAA,CAAA;AAEA,MAAM,YAAe,GAAA,CAAC,EAAE,KAAA,EAAO,gBAA+C,KAAA;AAC5E,EAAA,OACE,mBAAmB,QACnB,IAAA,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA,+BAAA,EAI6B,MAAM,YAAa,CAAA,KAAA,CAAA;AAAA,8BAAA,EACpB,MAAM,YAAa,CAAA,KAAA,CAAA;AAAA,IAAA,CAAA,CAAA;AAGnD,CAAA,CAAA;AAEA,MAAM,UAAa,GAAA,CAAC,EAAE,KAAA,EAAO,gBAA+C,KAAA;AAC1E,EAAO,OAAA,GAAA,CAAA;AAAA,YAAA,EACK,CAAC,MAAQ,EAAA,OAAO,CAAE,CAAA,QAAA,CAAS,cAAc,CAAK,IAAA,OAAA,CAAA;AAAA,WAAA,EAC/C,CAAC,KAAO,EAAA,QAAQ,CAAE,CAAA,QAAA,CAAS,cAAc,CAAK,IAAA,OAAA,CAAA;AAAA;AAAA;AAAA,sBAAA,EAGnC,MAAM,aAAc,CAAA,SAAA,CAAA;AAAA,aAAA,EAC7B,MAAM,MAAO,CAAA,MAAA,CAAA;AAAA,EAAA,CAAA,CAAA;AAE5B,CAAA,CAAA;AAEa,MAAA,qBAAA,GAAwB,OAAO,KAAK,CAAA;AAAA,EAG/C,CAAS,KAAA,KAAA,GAAA,CAAA;AAAA,IAAA,EACL,WAAW,KAAK,CAAA,CAAA;AAAA,IAAA,EAChB,aAAa,KAAK,CAAA,CAAA;AAAA,IAAA,EAClB,UAAU,KAAK,CAAA,CAAA;AAAA,IAAA,EACf,WAAW,KAAK,CAAA,CAAA;AAAA,IAAA,EAChB,YAAY,KAAK,CAAA,CAAA;AAAA,EAAA,CAAA;AAEvB;;;;"}

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

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

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

@@ -1,81 +0,0 @@
-import React from 'react';
-import GridItem from './Item/Item.js';
-
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const Grid = (_a) => {
-  var _b = _a, {
-    children,
-    columns = 12,
-    layout,
-    style,
-    spacing
-  } = _b, rest = __objRest(_b, [
-    "children",
-    "columns",
-    "layout",
-    "style",
-    "spacing"
-  ]);
-  if (layout) {
-    const flatLayout = layout.flat();
-    return /* @__PURE__ */ React.createElement("div", __spreadValues({
-      style: __spreadProps(__spreadValues({}, 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", __spreadValues({
-    style: __spreadProps(__spreadValues({}, style), {
-      display: "flex",
-      flexDirection: "row",
-      flexWrap: "wrap"
-    })
-  }, rest), React.Children.map(children, (child, index) => {
-    var _a2;
-    return React.cloneElement(child, __spreadProps(__spreadValues({}, child == null ? void 0 : child.props), {
-      columns,
-      spacing: (_a2 = child == null ? void 0 : child.props.spacing) != null ? _a2 : spacing,
-      key: `child-${index}`
-    }));
-  }));
-};
-
-export { Grid as default };
-//# sourceMappingURL=Grid.js.map

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

@@ -1 +0,0 @@
-{"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":["_a"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOM,MAAA,IAAA,GAAO,CAAC,EAOe,KAAA;AAPf,EACZ,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,OAAU,GAAA,EAAA;AAAA,IACV,MAAA;AAAA,IACA,KAAA;AAAA,IACA,OAAA;AAAA,GAZF,GAOc,EAMT,EAAA,IAAA,GAAA,SAAA,CANS,EAMT,EAAA;AAAA,IALH,UAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,IAAI,MAAQ,EAAA;AACV,IAAM,MAAA,UAAA,GAAa,OAAO,IAAK,EAAA,CAAA;AAC/B,IAAA,uBACG,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,cAAA,CAAA;AAAA,MACC,KAAA,EAAO,iCACF,KADE,CAAA,EAAA;AAAA,QAEL,OAAS,EAAA,MAAA;AAAA,QACT,aAAe,EAAA,KAAA;AAAA,QACf,QAAU,EAAA,MAAA;AAAA,OACZ,CAAA;AAAA,KACI,EAAA,IAAA,CAAA,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,cAAA,CAAA;AAAA,IACC,KAAA,EAAO,iCACF,KADE,CAAA,EAAA;AAAA,MAEL,OAAS,EAAA,MAAA;AAAA,MACT,aAAe,EAAA,KAAA;AAAA,MACf,QAAU,EAAA,MAAA;AAAA,KACZ,CAAA;AAAA,GAAA,EACI,OAEH,KAAM,CAAA,QAAA,CAAS,IAAI,QAAU,EAAA,CAAC,OAAO,KAAU,KAAA;AAnDtD,IAAAA,IAAAA,GAAAA,CAAAA;AAoDQ,IAAA,OAAO,KAAM,CAAA,YAAA,CAAa,KAAO,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAC5B,+BAAO,KADqB,CAAA,EAAA;AAAA,MAE/B,OAAA;AAAA,MACA,UAASA,GAAA,GAAA,KAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAO,KAAM,CAAA,OAAA,KAAb,OAAAA,GAAwB,GAAA,OAAA;AAAA,MACjC,KAAK,CAAS,MAAA,EAAA,KAAA,CAAA,CAAA;AAAA,KACf,CAAA,CAAA,CAAA;AAAA,GACF,CACH,CAAA,CAAA;AAEJ;;;;"}

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

@@ -1,9 +0,0 @@
-import React from 'react';
-import { IGridItem, Breakpoints } from '@tecsinapse/react-core';
-export declare 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;
-export default GridItem;