@tecsinapse/react-web-kit 1.20.0 → 1.20.1

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

@@ -0,0 +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 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: _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/esm/components/molecules/Grid/Item/Item.js

@@ -0,0 +1,79 @@
+var _excluded = ["children", "span", "columns", "loadingComponent", "loading", "spacing", "wrapper", "alignContent", "alignItems", "alignSelf", "flex", "flexDirection", "flexGrow", "flexShrink", "justifyContent", "flexBasis", "style"];
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import React from 'react';
+import { useTheme, getGridItemColumSpan, getGridItemPadding } from '@tecsinapse/react-core';
+import { useBreakpoints } from '@tecsinapse/react-web-kit';
+import { getSpan } from "./functions";
+
+var GridItem = function GridItem(_ref) {
+  var children = _ref.children,
+      _span = _ref.span,
+      _ref$columns = _ref.columns,
+      columns = _ref$columns === void 0 ? 12 : _ref$columns,
+      loadingComponent = _ref.loadingComponent,
+      _ref$loading = _ref.loading,
+      loading = _ref$loading === void 0 ? false : _ref$loading,
+      _spacing = _ref.spacing,
+      _ref$wrapper = _ref.wrapper,
+      wrapper = _ref$wrapper === void 0 ? false : _ref$wrapper,
+      alignContent = _ref.alignContent,
+      alignItems = _ref.alignItems,
+      alignSelf = _ref.alignSelf,
+      flex = _ref.flex,
+      flexDirection = _ref.flexDirection,
+      flexGrow = _ref.flexGrow,
+      flexShrink = _ref.flexShrink,
+      justifyContent = _ref.justifyContent,
+      flexBasis = _ref.flexBasis,
+      style = _ref.style,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  var _useTheme = useTheme(),
+      spacing = _useTheme.spacing;
+
+  var _useBreakpoints = useBreakpoints(),
+      sm = _useBreakpoints.sm,
+      md = _useBreakpoints.md,
+      lg = _useBreakpoints.lg;
+
+  if (!React.Children.only(children)) {
+    throw new Error('The number of children in GridItem should be one');
+  }
+
+  if (loadingComponent && loading) {
+    return loadingComponent;
+  }
+
+  var span = typeof _span === 'number' ? _span : getSpan(_span, sm, md, lg);
+
+  var _style = _extends({}, style, {
+    alignContent: alignContent,
+    alignItems: alignItems,
+    alignSelf: alignSelf,
+    flexDirection: flexDirection,
+    flexGrow: flexGrow,
+    flexShrink: flexShrink,
+    justifyContent: justifyContent,
+    flex: flex,
+    boxSizing: 'border-box',
+    flexBasis: flexBasis != null ? flexBasis : getGridItemColumSpan(columns, span) + "%",
+    paddingTop: getGridItemPadding('top', _spacing, spacing),
+    paddingBottom: getGridItemPadding('bottom', _spacing, spacing),
+    paddingRight: getGridItemPadding('right', _spacing, spacing),
+    paddingLeft: getGridItemPadding('left', _spacing, spacing)
+  });
+
+  var clone = React.cloneElement(children, _extends({}, children == null ? void 0 : children.props, {
+    style: wrapper ? children == null ? void 0 : children.props.style : _extends({}, _style, children == null ? void 0 : children.props.style)
+  }));
+  return wrapper ? React.createElement("div", _extends({}, rest, {
+    style: _style
+  }), clone) : clone;
+};
+
+export default GridItem;
+//# sourceMappingURL=Item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Item.js","names":["React","useTheme","getGridItemColumSpan","getGridItemPadding","useBreakpoints","getSpan","GridItem","children","_span","span","columns","loadingComponent","loading","_spacing","spacing","wrapper","alignContent","alignItems","alignSelf","flex","flexDirection","flexGrow","flexShrink","justifyContent","flexBasis","style","rest","sm","md","lg","Children","only","Error","_style","boxSizing","paddingTop","paddingBottom","paddingRight","paddingLeft","clone","cloneElement","props"],"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 '@tecsinapse/react-web-kit';\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"],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+import { Span } from './Item';
+export declare const getSpan: (value: Span, sm: boolean, md: boolean, lg: boolean) => number;

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

@@ -0,0 +1,9 @@
+export var getSpan = function getSpan(value, sm, md, lg) {
+  var _value$md, _ref, _value$lg;
+
+  if (sm) return value.sm;
+  if (md) return (_value$md = value == null ? void 0 : value.md) != null ? _value$md : value.sm;
+  if (lg) return (_ref = (_value$lg = value == null ? void 0 : value.lg) != null ? _value$lg : value == null ? void 0 : value.md) != null ? _ref : value.sm;
+  return 0;
+};
+//# sourceMappingURL=functions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"functions.js","names":["getSpan","value","sm","md","lg"],"sources":["../../../../../src/components/molecules/Grid/Item/functions.ts"],"sourcesContent":["import { Span } from './Item';\n\nexport const getSpan = (\n  value: Span,\n  sm: boolean,\n  md: boolean,\n  lg: boolean\n): number => {\n  if (sm) return value.sm;\n  if (md) return value?.md ?? value.sm;\n  if (lg) return value?.lg ?? value?.md ?? value.sm;\n  return 0;\n};\n"],"mappings":"AAEA,OAAO,IAAMA,OAAO,GAAG,SAAVA,OAAU,CACrBC,KADqB,EAErBC,EAFqB,EAGrBC,EAHqB,EAIrBC,EAJqB,EAKV;EAAA;;EACX,IAAIF,EAAJ,EAAQ,OAAOD,KAAK,CAACC,EAAb;EACR,IAAIC,EAAJ,EAAQ,oBAAOF,KAAP,oBAAOA,KAAK,CAAEE,EAAd,wBAAoBF,KAAK,CAACC,EAA1B;EACR,IAAIE,EAAJ,EAAQ,4BAAOH,KAAP,oBAAOA,KAAK,CAAEG,EAAd,wBAAoBH,KAApB,oBAAoBA,KAAK,CAAEE,EAA3B,mBAAiCF,KAAK,CAACC,EAAvC;EACR,OAAO,CAAP;AACD,CAVM"}

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

@@ -0,0 +1,2 @@
+export { default as GridItem } from './Item';
+export type { IGridItemWeb } from './Item';

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

@@ -0,0 +1,2 @@
+export { default as GridItem } from "./Item";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","GridItem"],"sources":["../../../../../src/components/molecules/Grid/Item/index.ts"],"sourcesContent":["export { default as GridItem } from './Item';\nexport type { IGridItemWeb } from './Item';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,QAApB"}

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

@@ -0,0 +1,4 @@
+export { GridItem } from './Item';
+export type { IGridItemWeb } from './Item';
+export { default as Grid } from './Grid';
+export type { IGridWeb } from './Grid';

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

@@ -0,0 +1,3 @@
+export { GridItem } from "./Item";
+export { default as Grid } from "./Grid";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["GridItem","default","Grid"],"sources":["../../../../src/components/molecules/Grid/index.ts"],"sourcesContent":["export { GridItem } from './Item';\nexport type { IGridItemWeb } from './Item';\nexport { default as Grid } from './Grid';\nexport type { IGridWeb } from './Grid';\n"],"mappings":"AAAA,SAASA,QAAT;AAEA,SAASC,OAAO,IAAIC,IAApB"}

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

@@ -0,0 +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'>;
+declare const IconTextButton: React.FC<WebIconTextButtonProps>;
+export default IconTextButton;

package/esm/components/molecules/IconTextButton/IconTextButton.js

@@ -0,0 +1,65 @@
+var _excluded = ["iconProps", "iconPosition", "textProps", "label", "variant", "size"];
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import { IconComponent } from '@tecsinapse/react-core';
+import React from 'react';
+import useIconTextButton from "./hooks/useIconTextButton";
+import { StyledIconTextButton } from "./styled";
+import TextComponent from "./TextComponent";
+
+var IconTextButton = function IconTextButton(_ref) {
+  var iconProps = _ref.iconProps,
+      _ref$iconPosition = _ref.iconPosition,
+      iconPosition = _ref$iconPosition === void 0 ? 'left' : _ref$iconPosition,
+      textProps = _ref.textProps,
+      label = _ref.label,
+      _ref$variant = _ref.variant,
+      variant = _ref$variant === void 0 ? 'filled' : _ref$variant,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'default' : _ref$size,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  var _useIconTextButton = useIconTextButton(variant),
+      handleHover = _useIconTextButton.handleHover,
+      handlePressed = _useIconTextButton.handlePressed,
+      defaultFontColor = _useIconTextButton.defaultFontColor;
+
+  return React.createElement(StyledIconTextButton, _extends({
+    boxed: !label,
+    variant: variant,
+    size: size,
+    onMouseOut: function onMouseOut() {
+      return handleHover(true);
+    },
+    onMouseOver: function onMouseOver() {
+      return handleHover(false);
+    },
+    onPressIn: function onPressIn() {
+      return handlePressed(true);
+    },
+    onPressOut: function onPressOut() {
+      return handlePressed(false);
+    }
+  }, rest), iconPosition === 'left' ? React.createElement(IconComponent, {
+    iconProps: iconProps,
+    size: size,
+    defaultFontColor: defaultFontColor
+  }) : React.createElement(React.Fragment, null), React.createElement(TextComponent, {
+    label: label,
+    defaultFontColor: defaultFontColor,
+    hasIcon: !!iconProps,
+    iconPosition: iconPosition,
+    textProps: textProps,
+    size: size
+  }), iconPosition === 'right' ? React.createElement(IconComponent, {
+    iconProps: iconProps,
+    size: size,
+    defaultFontColor: defaultFontColor
+  }) : React.createElement(React.Fragment, null));
+};
+
+export default IconTextButton;
+//# sourceMappingURL=IconTextButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconTextButton.js","names":["IconComponent","React","useIconTextButton","StyledIconTextButton","TextComponent","IconTextButton","iconProps","iconPosition","textProps","label","variant","size","rest","handleHover","handlePressed","defaultFontColor"],"sources":["../../../../src/components/molecules/IconTextButton/IconTextButton.tsx"],"sourcesContent":["import { IconComponent, IconTextButtonProps } from '@tecsinapse/react-core';\nimport React from 'react';\nimport { WebButtonProps } from '../../atoms/Button';\nimport useIconTextButton from './hooks/useIconTextButton';\nimport { StyledIconTextButton } from './styled';\nimport TextComponent from './TextComponent';\n\nexport type WebIconTextButtonProps = IconTextButtonProps &\n  Omit<WebButtonProps, 'ButtonProps'>;\n\nconst IconTextButton: React.FC<WebIconTextButtonProps> = ({\n  iconProps,\n  iconPosition = 'left',\n  textProps,\n  label,\n  variant = 'filled',\n  size = 'default',\n  ...rest\n}): JSX.Element => {\n  const { handleHover, handlePressed, defaultFontColor } =\n    useIconTextButton(variant);\n\n  return (\n    <StyledIconTextButton\n      boxed={!label}\n      variant={variant}\n      size={size}\n      onMouseOut={() => handleHover(true)}\n      onMouseOver={() => handleHover(false)}\n      onPressIn={() => handlePressed(true)}\n      onPressOut={() => handlePressed(false)}\n      {...rest}\n    >\n      {iconPosition === 'left' ? (\n        <IconComponent\n          iconProps={iconProps}\n          size={size}\n          defaultFontColor={defaultFontColor}\n        />\n      ) : (\n        <></>\n      )}\n      <TextComponent\n        label={label}\n        defaultFontColor={defaultFontColor}\n        hasIcon={!!iconProps}\n        iconPosition={iconPosition}\n        textProps={textProps}\n        size={size}\n      />\n      {iconPosition === 'right' ? (\n        <IconComponent\n          iconProps={iconProps}\n          size={size}\n          defaultFontColor={defaultFontColor}\n        />\n      ) : (\n        <></>\n      )}\n    </StyledIconTextButton>\n  );\n};\n\nexport default IconTextButton;\n"],"mappings":";;;;;;AAAA,SAASA,aAAT,QAAmD,wBAAnD;AACA,OAAOC,KAAP,MAAkB,OAAlB;AAEA,OAAOC,iBAAP;AACA,SAASC,oBAAT;AACA,OAAOC,aAAP;;AAKA,IAAMC,cAAgD,GAAG,SAAnDA,cAAmD,OAQtC;EAAA,IAPjBC,SAOiB,QAPjBA,SAOiB;EAAA,6BANjBC,YAMiB;EAAA,IANjBA,YAMiB,kCANF,MAME;EAAA,IALjBC,SAKiB,QALjBA,SAKiB;EAAA,IAJjBC,KAIiB,QAJjBA,KAIiB;EAAA,wBAHjBC,OAGiB;EAAA,IAHjBA,OAGiB,6BAHP,QAGO;EAAA,qBAFjBC,IAEiB;EAAA,IAFjBA,IAEiB,0BAFV,SAEU;EAAA,IADdC,IACc;;EACjB,yBACEV,iBAAiB,CAACQ,OAAD,CADnB;EAAA,IAAQG,WAAR,sBAAQA,WAAR;EAAA,IAAqBC,aAArB,sBAAqBA,aAArB;EAAA,IAAoCC,gBAApC,sBAAoCA,gBAApC;;EAGA,OACE,oBAAC,oBAAD;IACE,KAAK,EAAE,CAACN,KADV;IAEE,OAAO,EAAEC,OAFX;IAGE,IAAI,EAAEC,IAHR;IAIE,UAAU,EAAE;MAAA,OAAME,WAAW,CAAC,IAAD,CAAjB;IAAA,CAJd;IAKE,WAAW,EAAE;MAAA,OAAMA,WAAW,CAAC,KAAD,CAAjB;IAAA,CALf;IAME,SAAS,EAAE;MAAA,OAAMC,aAAa,CAAC,IAAD,CAAnB;IAAA,CANb;IAOE,UAAU,EAAE;MAAA,OAAMA,aAAa,CAAC,KAAD,CAAnB;IAAA;EAPd,GAQMF,IARN,GAUGL,YAAY,KAAK,MAAjB,GACC,oBAAC,aAAD;IACE,SAAS,EAAED,SADb;IAEE,IAAI,EAAEK,IAFR;IAGE,gBAAgB,EAAEI;EAHpB,EADD,GAOC,yCAjBJ,EAmBE,oBAAC,aAAD;IACE,KAAK,EAAEN,KADT;IAEE,gBAAgB,EAAEM,gBAFpB;IAGE,OAAO,EAAE,CAAC,CAACT,SAHb;IAIE,YAAY,EAAEC,YAJhB;IAKE,SAAS,EAAEC,SALb;IAME,IAAI,EAAEG;EANR,EAnBF,EA2BGJ,YAAY,KAAK,OAAjB,GACC,oBAAC,aAAD;IACE,SAAS,EAAED,SADb;IAEE,IAAI,EAAEK,IAFR;IAGE,gBAAgB,EAAEI;EAHpB,EADD,GAOC,yCAlCJ,CADF;AAuCD,CAnDD;;AAqDA,eAAeV,cAAf"}

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

@@ -0,0 +1,12 @@
+import { ButtonSizeType, FontColor, IconPositionOptions, TextProps } from '@tecsinapse/react-core';
+import React from 'react';
+interface TextComponentProps {
+    textProps?: TextProps;
+    size?: ButtonSizeType;
+    defaultFontColor: keyof FontColor;
+    label?: string;
+    iconPosition?: IconPositionOptions;
+    hasIcon?: boolean;
+}
+declare const _default: React.NamedExoticComponent<TextComponentProps>;
+export default _default;

package/esm/components/molecules/IconTextButton/TextComponent.js

@@ -0,0 +1,22 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import { Text } from '@tecsinapse/react-core';
+import React from 'react';
+
+var TextComponent = function TextComponent(_ref) {
+  var _textProps$typography, _textProps$fontWeight, _textProps$fontColor;
+
+  var textProps = _ref.textProps,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'default' : _ref$size,
+      defaultFontColor = _ref.defaultFontColor,
+      label = _ref.label;
+  return label ? React.createElement(Text, _extends({
+    typography: ((_textProps$typography = textProps == null ? void 0 : textProps.typography) != null ? _textProps$typography : size === 'small') ? 'sub' : 'base',
+    fontWeight: (_textProps$fontWeight = textProps == null ? void 0 : textProps.fontWeight) != null ? _textProps$fontWeight : 'bold',
+    fontColor: (_textProps$fontColor = textProps == null ? void 0 : textProps.fontColor) != null ? _textProps$fontColor : defaultFontColor
+  }, textProps), label) : React.createElement(React.Fragment, null);
+};
+
+export default React.memo(TextComponent);
+//# sourceMappingURL=TextComponent.js.map

package/esm/components/molecules/IconTextButton/TextComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextComponent.js","names":["Text","React","TextComponent","textProps","size","defaultFontColor","label","typography","fontWeight","fontColor","memo"],"sources":["../../../../src/components/molecules/IconTextButton/TextComponent.tsx"],"sourcesContent":["import {\n  ButtonSizeType,\n  FontColor,\n  IconPositionOptions,\n  Text,\n  TextProps,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\n\ninterface TextComponentProps {\n  textProps?: TextProps;\n  size?: ButtonSizeType;\n  defaultFontColor: keyof FontColor;\n  label?: string;\n  iconPosition?: IconPositionOptions;\n  hasIcon?: boolean;\n}\n\nconst TextComponent: FC<TextComponentProps> = ({\n  textProps,\n  size = 'default',\n  defaultFontColor,\n  label,\n}) => {\n  return label ? (\n    <Text\n      typography={textProps?.typography ?? size === 'small' ? 'sub' : 'base'}\n      fontWeight={textProps?.fontWeight ?? 'bold'}\n      fontColor={textProps?.fontColor ?? defaultFontColor}\n      {...textProps}\n    >\n      {label}\n    </Text>\n  ) : (\n    <></>\n  );\n};\n\nexport default React.memo(TextComponent);\n"],"mappings":";;AAAA,SAIEA,IAJF,QAMO,wBANP;AAOA,OAAOC,KAAP,MAA0B,OAA1B;;AAWA,IAAMC,aAAqC,GAAG,SAAxCA,aAAwC,OAKxC;EAAA;;EAAA,IAJJC,SAII,QAJJA,SAII;EAAA,qBAHJC,IAGI;EAAA,IAHJA,IAGI,0BAHG,SAGH;EAAA,IAFJC,gBAEI,QAFJA,gBAEI;EAAA,IADJC,KACI,QADJA,KACI;EACJ,OAAOA,KAAK,GACV,oBAAC,IAAD;IACE,UAAU,EAAE,0BAAAH,SAAS,QAAT,YAAAA,SAAS,CAAEI,UAAX,oCAAyBH,IAAI,KAAK,OAAlC,IAA4C,KAA5C,GAAoD,MADlE;IAEE,UAAU,2BAAED,SAAF,oBAAEA,SAAS,CAAEK,UAAb,oCAA2B,MAFvC;IAGE,SAAS,0BAAEL,SAAF,oBAAEA,SAAS,CAAEM,SAAb,mCAA0BJ;EAHrC,GAIMF,SAJN,GAMGG,KANH,CADU,GAUV,yCAVF;AAYD,CAlBD;;AAoBA,eAAeL,KAAK,CAACS,IAAN,CAAWR,aAAX,CAAf"}

package/esm/components/molecules/IconTextButton/hooks/useIconTextButton.d.ts

@@ -0,0 +1,6 @@
+declare const useIconTextButton: (variant: any) => {
+    handleHover: (value: boolean) => void;
+    handlePressed: (value: boolean) => void;
+    defaultFontColor: any;
+};
+export default useIconTextButton;

package/esm/components/molecules/IconTextButton/hooks/useIconTextButton.js

@@ -0,0 +1,28 @@
+import { fontColorVC } from '@tecsinapse/react-core';
+import { useCallback, useState } from 'react';
+
+var useIconTextButton = function useIconTextButton(variant) {
+  var _useState = useState(false),
+      hover = _useState[0],
+      setHover = _useState[1];
+
+  var _useState2 = useState(false),
+      pressed = _useState2[0],
+      setPressed = _useState2[1];
+
+  var defaultFontColor = !pressed && hover ? 'light' : fontColorVC[variant];
+  var handleHover = useCallback(function (value) {
+    setHover(value);
+  }, [setHover]);
+  var handlePressed = useCallback(function (value) {
+    setPressed(value);
+  }, [setPressed]);
+  return {
+    handleHover: handleHover,
+    handlePressed: handlePressed,
+    defaultFontColor: defaultFontColor
+  };
+};
+
+export default useIconTextButton;
+//# sourceMappingURL=useIconTextButton.js.map

package/esm/components/molecules/IconTextButton/hooks/useIconTextButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIconTextButton.js","names":["fontColorVC","useCallback","useState","useIconTextButton","variant","hover","setHover","pressed","setPressed","defaultFontColor","handleHover","value","handlePressed"],"sources":["../../../../../src/components/molecules/IconTextButton/hooks/useIconTextButton.ts"],"sourcesContent":["import { fontColorVC, VariantType } from '@tecsinapse/react-core';\nimport { useCallback, useState } from 'react';\n\nconst useIconTextButton = (variant: VariantType) => {\n  const [hover, setHover] = useState<boolean>(false);\n  const [pressed, setPressed] = useState<boolean>(false);\n\n  const defaultFontColor = !pressed && hover ? 'light' : fontColorVC[variant];\n\n  const handleHover = useCallback(\n    (value: boolean) => {\n      setHover(value);\n    },\n    [setHover]\n  );\n\n  const handlePressed = useCallback(\n    (value: boolean) => {\n      setPressed(value);\n    },\n    [setPressed]\n  );\n\n  return {\n    handleHover,\n    handlePressed,\n    defaultFontColor,\n  };\n};\n\nexport default useIconTextButton;\n"],"mappings":"AAAA,SAASA,WAAT,QAAyC,wBAAzC;AACA,SAASC,WAAT,EAAsBC,QAAtB,QAAsC,OAAtC;;AAEA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,OAAD,EAA0B;EAClD,gBAA0BF,QAAQ,CAAU,KAAV,CAAlC;EAAA,IAAOG,KAAP;EAAA,IAAcC,QAAd;;EACA,iBAA8BJ,QAAQ,CAAU,KAAV,CAAtC;EAAA,IAAOK,OAAP;EAAA,IAAgBC,UAAhB;;EAEA,IAAMC,gBAAgB,GAAG,CAACF,OAAD,IAAYF,KAAZ,GAAoB,OAApB,GAA8BL,WAAW,CAACI,OAAD,CAAlE;EAEA,IAAMM,WAAW,GAAGT,WAAW,CAC7B,UAACU,KAAD,EAAoB;IAClBL,QAAQ,CAACK,KAAD,CAAR;EACD,CAH4B,EAI7B,CAACL,QAAD,CAJ6B,CAA/B;EAOA,IAAMM,aAAa,GAAGX,WAAW,CAC/B,UAACU,KAAD,EAAoB;IAClBH,UAAU,CAACG,KAAD,CAAV;EACD,CAH8B,EAI/B,CAACH,UAAD,CAJ+B,CAAjC;EAOA,OAAO;IACLE,WAAW,EAAXA,WADK;IAELE,aAAa,EAAbA,aAFK;IAGLH,gBAAgB,EAAhBA;EAHK,CAAP;AAKD,CAzBD;;AA2BA,eAAeN,iBAAf"}

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

@@ -0,0 +1 @@
+export { default as IconTextButton, WebIconTextButtonProps, } from './IconTextButton';

package/esm/components/molecules/IconTextButton/index.js

@@ -0,0 +1,2 @@
+export { default as IconTextButton, WebIconTextButtonProps } from "./IconTextButton";
+//# sourceMappingURL=index.js.map

package/esm/components/molecules/IconTextButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","IconTextButton","WebIconTextButtonProps"],"sources":["../../../../src/components/molecules/IconTextButton/index.ts"],"sourcesContent":["export {\n  default as IconTextButton,\n  WebIconTextButtonProps,\n} from './IconTextButton';\n"],"mappings":"AAAA,SACEA,OAAO,IAAIC,cADb,EAEEC,sBAFF"}

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

@@ -0,0 +1 @@
+export declare const StyledIconTextButton: import("@emotion/native").StyledComponent<any, {}, {}>;

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

@@ -0,0 +1,23 @@
+var _templateObject;
+
+function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+
+import styled from '@emotion/native';
+import { Button } from "../../atoms/Button";
+
+var boxedStyle = function boxedStyle(_ref) {
+  var theme = _ref.theme;
+  return "\n    padding: " + (theme == null ? void 0 : theme.spacing.centi) + ";\n    aspect-ratio: 1;\n  ";
+};
+
+export var StyledIconTextButton = styled(Button)(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  gap: ", ";\n  ", ";\n"])), function (_ref2) {
+  var theme = _ref2.theme;
+  return theme == null ? void 0 : theme.spacing.mili;
+}, function (_ref3) {
+  var boxed = _ref3.boxed,
+      theme = _ref3.theme;
+  return boxed && boxedStyle({
+    theme: theme
+  });
+});
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","names":["styled","Button","boxedStyle","theme","spacing","centi","StyledIconTextButton","mili","boxed"],"sources":["../../../../src/components/molecules/IconTextButton/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { Button } from '../../atoms/Button';\n\nconst boxedStyle = ({ theme }: Partial<StyleProps>) =>\n  `\n    padding: ${theme?.spacing.centi};\n    aspect-ratio: 1;\n  `;\n\nexport const StyledIconTextButton = styled(Button)<\n  Partial<StyleProps> & {\n    boxed: boolean;\n  }\n>`\n  gap: ${({ theme }) => theme?.spacing.mili};\n  ${({ boxed, theme }) => boxed && boxedStyle({ theme })};\n`;\n"],"mappings":";;;;AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AAEA,SAASC,MAAT;;AAEA,IAAMC,UAAU,GAAG,SAAbA,UAAa;EAAA,IAAGC,KAAH,QAAGA,KAAH;EAAA,4BAEJA,KAFI,oBAEJA,KAAK,CAAEC,OAAP,CAAeC,KAFX;AAAA,CAAnB;;AAMA,OAAO,IAAMC,oBAAoB,GAAGN,MAAM,CAACC,MAAD,CAAT,oGAKxB;EAAA,IAAGE,KAAH,SAAGA,KAAH;EAAA,OAAeA,KAAf,oBAAeA,KAAK,CAAEC,OAAP,CAAeG,IAA9B;AAAA,CALwB,EAM7B;EAAA,IAAGC,KAAH,SAAGA,KAAH;EAAA,IAAUL,KAAV,SAAUA,KAAV;EAAA,OAAsBK,KAAK,IAAIN,UAAU,CAAC;IAAEC,KAAK,EAALA;EAAF,CAAD,CAAzC;AAAA,CAN6B,CAA1B"}

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

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { InputWebProps } from '../../atoms/Input';
+export declare type InputPasswordWebProps = InputWebProps;
+declare const InputPassword: FC<InputPasswordWebProps>;
+export default InputPassword;

package/esm/components/molecules/InputPassword/InputPassword.js

@@ -0,0 +1,30 @@
+var _excluded = ["rightComponent"];
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import { InputPasswordIcon } from '@tecsinapse/react-core';
+import React, { useState } from 'react';
+import { Input } from "../../atoms/Input";
+var InputPassword = React.forwardRef(function (_ref, ref) {
+  var rightComponent = _ref.rightComponent,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  var _useState = useState(false),
+      revealed = _useState[0],
+      setRevealed = _useState[1];
+
+  return React.createElement(Input, _extends({}, rest, {
+    ref: ref,
+    secureTextEntry: !revealed,
+    rightComponent: React.createElement(React.Fragment, null, React.createElement(InputPasswordIcon, {
+      onChangeState: setRevealed,
+      revealed: revealed,
+      effect: "none"
+    }), rightComponent)
+  }));
+});
+InputPassword.displayName = 'InputPassword';
+export default InputPassword;
+//# sourceMappingURL=InputPassword.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InputPassword.js","names":["InputPasswordIcon","React","useState","Input","InputPassword","forwardRef","ref","rightComponent","rest","revealed","setRevealed","displayName"],"sources":["../../../../src/components/molecules/InputPassword/InputPassword.tsx"],"sourcesContent":["import { InputPasswordIcon } from '@tecsinapse/react-core';\nimport React, { FC, useState } from 'react';\nimport { Input, InputWebProps } from '../../atoms/Input';\n\nexport type InputPasswordWebProps = InputWebProps;\n\nconst InputPassword: FC<InputPasswordWebProps> = React.forwardRef(\n  ({ rightComponent, ...rest }, ref) => {\n    const [revealed, setRevealed] = useState(false);\n    return (\n      <Input\n        {...rest}\n        ref={ref}\n        secureTextEntry={!revealed}\n        rightComponent={\n          <>\n            <InputPasswordIcon\n              onChangeState={setRevealed}\n              revealed={revealed}\n              effect=\"none\"\n            />\n            {rightComponent}\n          </>\n        }\n      />\n    );\n  }\n);\n\nInputPassword.displayName = 'InputPassword';\n\nexport default InputPassword;\n"],"mappings":";;;;;;AAAA,SAASA,iBAAT,QAAkC,wBAAlC;AACA,OAAOC,KAAP,IAAoBC,QAApB,QAAoC,OAApC;AACA,SAASC,KAAT;AAIA,IAAMC,aAAwC,GAAGH,KAAK,CAACI,UAAN,CAC/C,gBAA8BC,GAA9B,EAAsC;EAAA,IAAnCC,cAAmC,QAAnCA,cAAmC;EAAA,IAAhBC,IAAgB;;EACpC,gBAAgCN,QAAQ,CAAC,KAAD,CAAxC;EAAA,IAAOO,QAAP;EAAA,IAAiBC,WAAjB;;EACA,OACE,oBAAC,KAAD,eACMF,IADN;IAEE,GAAG,EAAEF,GAFP;IAGE,eAAe,EAAE,CAACG,QAHpB;IAIE,cAAc,EACZ,0CACE,oBAAC,iBAAD;MACE,aAAa,EAAEC,WADjB;MAEE,QAAQ,EAAED,QAFZ;MAGE,MAAM,EAAC;IAHT,EADF,EAMGF,cANH;EALJ,GADF;AAiBD,CApB8C,CAAjD;AAuBAH,aAAa,CAACO,WAAd,GAA4B,eAA5B;AAEA,eAAeP,aAAf"}

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

@@ -0,0 +1 @@
+export { default as InputPassword, InputPasswordWebProps, } from './InputPassword';

package/esm/components/molecules/InputPassword/index.js

@@ -0,0 +1,2 @@
+export { default as InputPassword, InputPasswordWebProps } from "./InputPassword";
+//# sourceMappingURL=index.js.map

package/esm/components/molecules/InputPassword/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","InputPassword","InputPasswordWebProps"],"sources":["../../../../src/components/molecules/InputPassword/index.ts"],"sourcesContent":["export {\n  default as InputPassword,\n  InputPasswordWebProps,\n} from './InputPassword';\n"],"mappings":"AAAA,SACEA,OAAO,IAAIC,aADb,EAEEC,qBAFF"}

package/esm/components/molecules/LabeledSwitch/LabelComponent.d.ts

@@ -0,0 +1,12 @@
+import { LabelPositionOptions, TextProps } from '@tecsinapse/react-core';
+import React from 'react';
+import { PressableProps } from 'react-native';
+export interface LabelComponentProps extends PressableProps {
+    label: string;
+    labelPosition: LabelPositionOptions;
+    labelProps?: TextProps;
+    active: boolean;
+    switchDisabled?: boolean;
+}
+declare const _default: React.NamedExoticComponent<LabelComponentProps>;
+export default _default;

package/esm/components/molecules/LabeledSwitch/LabelComponent.js

@@ -0,0 +1,32 @@
+var _excluded = ["label", "labelPosition", "labelProps", "active", "switchDisabled"];
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import React from 'react';
+import { Pressable } from "react-native-web";
+import { StyledLabel } from "./styled";
+
+var LabelComponent = function LabelComponent(_ref) {
+  var _labelProps$fontColor, _labelProps$fontWeigh;
+
+  var label = _ref.label,
+      labelPosition = _ref.labelPosition,
+      labelProps = _ref.labelProps,
+      active = _ref.active,
+      _ref$switchDisabled = _ref.switchDisabled,
+      switchDisabled = _ref$switchDisabled === void 0 ? false : _ref$switchDisabled,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  var defaultFontColor = active && !switchDisabled ? 'dark' : 'medium';
+  var defaultFontWeight = active && !switchDisabled ? 'bold' : 'regular';
+  return React.createElement(Pressable, rest, React.createElement(StyledLabel, _extends({
+    labelPosition: labelPosition,
+    fontColor: (_labelProps$fontColor = labelProps == null ? void 0 : labelProps.fontColor) != null ? _labelProps$fontColor : defaultFontColor,
+    fontWeight: (_labelProps$fontWeigh = labelProps == null ? void 0 : labelProps.fontWeight) != null ? _labelProps$fontWeigh : defaultFontWeight
+  }, labelProps), label));
+};
+
+export default React.memo(LabelComponent);
+//# sourceMappingURL=LabelComponent.js.map

package/esm/components/molecules/LabeledSwitch/LabelComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LabelComponent.js","names":["React","Pressable","StyledLabel","LabelComponent","label","labelPosition","labelProps","active","switchDisabled","rest","defaultFontColor","defaultFontWeight","fontColor","fontWeight","memo"],"sources":["../../../../src/components/molecules/LabeledSwitch/LabelComponent.tsx"],"sourcesContent":["import {\n  FontColor,\n  FontWeight,\n  LabelPositionOptions,\n  TextProps,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { Pressable, PressableProps } from 'react-native';\nimport { StyledLabel } from './styled';\n\nexport interface LabelComponentProps extends PressableProps {\n  label: string;\n  labelPosition: LabelPositionOptions;\n  labelProps?: TextProps;\n  active: boolean;\n  switchDisabled?: boolean;\n}\n\nconst LabelComponent: FC<LabelComponentProps> = ({\n  label,\n  labelPosition,\n  labelProps,\n  active,\n  switchDisabled = false,\n  ...rest\n}) => {\n  const defaultFontColor: keyof FontColor =\n    active && !switchDisabled ? 'dark' : 'medium';\n  const defaultFontWeight: keyof FontWeight =\n    active && !switchDisabled ? 'bold' : 'regular';\n\n  return (\n    <Pressable {...rest}>\n      <StyledLabel\n        labelPosition={labelPosition}\n        fontColor={labelProps?.fontColor ?? defaultFontColor}\n        fontWeight={labelProps?.fontWeight ?? defaultFontWeight}\n        {...labelProps}\n      >\n        {label}\n      </StyledLabel>\n    </Pressable>\n  );\n};\n\nexport default React.memo(LabelComponent);\n"],"mappings":";;;;;;AAMA,OAAOA,KAAP,MAA0B,OAA1B;AACA,SAASC,SAAT;AACA,SAASC,WAAT;;AAUA,IAAMC,cAAuC,GAAG,SAA1CA,cAA0C,OAO1C;EAAA;;EAAA,IANJC,KAMI,QANJA,KAMI;EAAA,IALJC,aAKI,QALJA,aAKI;EAAA,IAJJC,UAII,QAJJA,UAII;EAAA,IAHJC,MAGI,QAHJA,MAGI;EAAA,+BAFJC,cAEI;EAAA,IAFJA,cAEI,oCAFa,KAEb;EAAA,IADDC,IACC;;EACJ,IAAMC,gBAAiC,GACrCH,MAAM,IAAI,CAACC,cAAX,GAA4B,MAA5B,GAAqC,QADvC;EAEA,IAAMG,iBAAmC,GACvCJ,MAAM,IAAI,CAACC,cAAX,GAA4B,MAA5B,GAAqC,SADvC;EAGA,OACE,oBAAC,SAAD,EAAeC,IAAf,EACE,oBAAC,WAAD;IACE,aAAa,EAAEJ,aADjB;IAEE,SAAS,2BAAEC,UAAF,oBAAEA,UAAU,CAAEM,SAAd,oCAA2BF,gBAFtC;IAGE,UAAU,2BAAEJ,UAAF,oBAAEA,UAAU,CAAEO,UAAd,oCAA4BF;EAHxC,GAIML,UAJN,GAMGF,KANH,CADF,CADF;AAYD,CAzBD;;AA2BA,eAAeJ,KAAK,CAACc,IAAN,CAAWX,cAAX,CAAf"}

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

@@ -0,0 +1,7 @@
+import { LabeledSwitchProps, TextProps } from '@tecsinapse/react-core';
+import { FC } from 'react';
+export declare type LabeledSwitchWebProps = LabeledSwitchProps & {
+    labelProps?: TextProps;
+};
+declare const LabeledSwitch: FC<LabeledSwitchWebProps>;
+export default LabeledSwitch;

package/esm/components/molecules/LabeledSwitch/LabeledSwitch.js

@@ -0,0 +1,52 @@
+var _excluded = ["label", "labelPosition", "labelProps", "pressableLabel", "disabled", "active", "onChange"];
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+import { Switch } from '@tecsinapse/react-core';
+import React from 'react';
+import LabelComponent from "./LabelComponent";
+import { StyledDiv } from "./styled";
+
+var LabeledSwitch = function LabeledSwitch(_ref) {
+  var label = _ref.label,
+      _ref$labelPosition = _ref.labelPosition,
+      labelPosition = _ref$labelPosition === void 0 ? 'right' : _ref$labelPosition,
+      labelProps = _ref.labelProps,
+      _ref$pressableLabel = _ref.pressableLabel,
+      pressableLabel = _ref$pressableLabel === void 0 ? false : _ref$pressableLabel,
+      disabled = _ref.disabled,
+      active = _ref.active,
+      onChange = _ref.onChange,
+      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  return React.createElement(StyledDiv, null, labelPosition === 'left' ? React.createElement(LabelComponent, {
+    active: active,
+    label: label,
+    labelPosition: 'left',
+    labelProps: labelProps,
+    disabled: !pressableLabel || disabled,
+    switchDisabled: disabled,
+    onPress: function onPress() {
+      return onChange(!active);
+    }
+  }) : React.createElement(React.Fragment, null), React.createElement(Switch, _extends({
+    active: active,
+    disabled: disabled,
+    onChange: onChange
+  }, rest)), labelPosition === 'right' ? React.createElement(LabelComponent, {
+    active: active,
+    label: label,
+    labelPosition: 'right',
+    labelProps: labelProps,
+    disabled: !pressableLabel || disabled,
+    switchDisabled: disabled,
+    onPress: function onPress() {
+      return onChange(!active);
+    }
+  }) : React.createElement(React.Fragment, null));
+};
+
+export default LabeledSwitch;
+//# sourceMappingURL=LabeledSwitch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LabeledSwitch.js","names":["Switch","React","LabelComponent","StyledDiv","LabeledSwitch","label","labelPosition","labelProps","pressableLabel","disabled","active","onChange","rest"],"sources":["../../../../src/components/molecules/LabeledSwitch/LabeledSwitch.tsx"],"sourcesContent":["import { LabeledSwitchProps, Switch, TextProps } from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport LabelComponent from './LabelComponent';\nimport { StyledDiv } from './styled';\n\nexport type LabeledSwitchWebProps = LabeledSwitchProps & {\n  labelProps?: TextProps;\n};\n\nconst LabeledSwitch: FC<LabeledSwitchWebProps> = ({\n  label,\n  labelPosition = 'right',\n  labelProps,\n  pressableLabel = false,\n  disabled,\n  active,\n  onChange,\n  ...rest\n}) => {\n  return (\n    <StyledDiv>\n      {labelPosition === 'left' ? (\n        <LabelComponent\n          active={active}\n          label={label}\n          labelPosition={'left'}\n          labelProps={labelProps}\n          disabled={!pressableLabel || disabled}\n          switchDisabled={disabled}\n          onPress={() => onChange(!active)}\n        />\n      ) : (\n        <></>\n      )}\n      <Switch\n        active={active}\n        disabled={disabled}\n        onChange={onChange}\n        {...rest}\n      />\n      {labelPosition === 'right' ? (\n        <LabelComponent\n          active={active}\n          label={label}\n          labelPosition={'right'}\n          labelProps={labelProps}\n          disabled={!pressableLabel || disabled}\n          switchDisabled={disabled}\n          onPress={() => onChange(!active)}\n        />\n      ) : (\n        <></>\n      )}\n    </StyledDiv>\n  );\n};\n\nexport default LabeledSwitch;\n"],"mappings":";;;;;;AAAA,SAA6BA,MAA7B,QAAsD,wBAAtD;AACA,OAAOC,KAAP,MAA0B,OAA1B;AACA,OAAOC,cAAP;AACA,SAASC,SAAT;;AAMA,IAAMC,aAAwC,GAAG,SAA3CA,aAA2C,OAS3C;EAAA,IARJC,KAQI,QARJA,KAQI;EAAA,8BAPJC,aAOI;EAAA,IAPJA,aAOI,mCAPY,OAOZ;EAAA,IANJC,UAMI,QANJA,UAMI;EAAA,+BALJC,cAKI;EAAA,IALJA,cAKI,oCALa,KAKb;EAAA,IAJJC,QAII,QAJJA,QAII;EAAA,IAHJC,MAGI,QAHJA,MAGI;EAAA,IAFJC,QAEI,QAFJA,QAEI;EAAA,IADDC,IACC;;EACJ,OACE,oBAAC,SAAD,QACGN,aAAa,KAAK,MAAlB,GACC,oBAAC,cAAD;IACE,MAAM,EAAEI,MADV;IAEE,KAAK,EAAEL,KAFT;IAGE,aAAa,EAAE,MAHjB;IAIE,UAAU,EAAEE,UAJd;IAKE,QAAQ,EAAE,CAACC,cAAD,IAAmBC,QAL/B;IAME,cAAc,EAAEA,QANlB;IAOE,OAAO,EAAE;MAAA,OAAME,QAAQ,CAAC,CAACD,MAAF,CAAd;IAAA;EAPX,EADD,GAWC,yCAZJ,EAcE,oBAAC,MAAD;IACE,MAAM,EAAEA,MADV;IAEE,QAAQ,EAAED,QAFZ;IAGE,QAAQ,EAAEE;EAHZ,GAIMC,IAJN,EAdF,EAoBGN,aAAa,KAAK,OAAlB,GACC,oBAAC,cAAD;IACE,MAAM,EAAEI,MADV;IAEE,KAAK,EAAEL,KAFT;IAGE,aAAa,EAAE,OAHjB;IAIE,UAAU,EAAEE,UAJd;IAKE,QAAQ,EAAE,CAACC,cAAD,IAAmBC,QAL/B;IAME,cAAc,EAAEA,QANlB;IAOE,OAAO,EAAE;MAAA,OAAME,QAAQ,CAAC,CAACD,MAAF,CAAd;IAAA;EAPX,EADD,GAWC,yCA/BJ,CADF;AAoCD,CA9CD;;AAgDA,eAAeN,aAAf"}

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

@@ -0,0 +1 @@
+export { default as LabeledSwitch, LabeledSwitchWebProps, } from './LabeledSwitch';

package/esm/components/molecules/LabeledSwitch/index.js

@@ -0,0 +1,2 @@
+export { default as LabeledSwitch, LabeledSwitchWebProps } from "./LabeledSwitch";
+//# sourceMappingURL=index.js.map

package/esm/components/molecules/LabeledSwitch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","LabeledSwitch","LabeledSwitchWebProps"],"sources":["../../../../src/components/molecules/LabeledSwitch/index.ts"],"sourcesContent":["export {\n  default as LabeledSwitch,\n  LabeledSwitchWebProps,\n} from './LabeledSwitch';\n"],"mappings":"AAAA,SACEA,OAAO,IAAIC,aADb,EAEEC,qBAFF"}

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare const StyledDiv: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledLabel: import("@emotion/native").StyledComponent<any, {}, {
+    ref?: import("react").Ref<any> | undefined;
+}>;

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

@@ -0,0 +1,14 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+
+function _taggedTemplateLiteralLoose(strings, raw) { if (!raw) { raw = strings.slice(0); } strings.raw = raw; return strings; }
+
+import { css, default as nativeStyled } from '@emotion/native';
+import { default as webStyled } from '@emotion/styled';
+import { Text } from '@tecsinapse/react-core';
+export var StyledDiv = webStyled('div')(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n"])));
+export var StyledLabel = nativeStyled(Text)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n  ", "\n"])), function (_ref) {
+  var theme = _ref.theme,
+      labelPosition = _ref.labelPosition;
+  if (labelPosition === 'right') return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        margin-left: ", ";\n      "])), theme == null ? void 0 : theme.spacing.centi);else if (labelPosition === 'left') return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n        margin-right: ", ";\n      "])), theme == null ? void 0 : theme.spacing.centi);
+});
+//# sourceMappingURL=styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","names":["css","default","nativeStyled","webStyled","Text","StyledDiv","StyledLabel","theme","labelPosition","spacing","centi"],"sources":["../../../../src/components/molecules/LabeledSwitch/styled.ts"],"sourcesContent":["import { css, default as nativeStyled } from '@emotion/native';\nimport { default as webStyled } from '@emotion/styled';\nimport { LabelPositionOptions, StyleProps, Text } from '@tecsinapse/react-core';\n\nexport const StyledDiv = webStyled('div')`\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n`;\n\nexport const StyledLabel = nativeStyled(Text)<\n  Partial<StyleProps> & {\n    labelPosition: LabelPositionOptions;\n  }\n>`\n  ${({ theme, labelPosition }) => {\n    if (labelPosition === 'right')\n      return css`\n        margin-left: ${theme?.spacing.centi};\n      `;\n    else if (labelPosition === 'left')\n      return css`\n        margin-right: ${theme?.spacing.centi};\n      `;\n  }}\n`;\n"],"mappings":";;;;AAAA,SAASA,GAAT,EAAcC,OAAO,IAAIC,YAAzB,QAA6C,iBAA7C;AACA,SAASD,OAAO,IAAIE,SAApB,QAAqC,iBAArC;AACA,SAA2CC,IAA3C,QAAuD,wBAAvD;AAEA,OAAO,IAAMC,SAAS,GAAGF,SAAS,CAAC,KAAD,CAAZ,8IAAf;AAMP,OAAO,IAAMG,WAAW,GAAGJ,YAAY,CAACE,IAAD,CAAf,uFAKpB,gBAA8B;EAAA,IAA3BG,KAA2B,QAA3BA,KAA2B;EAAA,IAApBC,aAAoB,QAApBA,aAAoB;EAC9B,IAAIA,aAAa,KAAK,OAAtB,EACE,OAAOR,GAAP,iHACiBO,KADjB,oBACiBA,KAAK,CAAEE,OAAP,CAAeC,KADhC,EADF,KAIK,IAAIF,aAAa,KAAK,MAAtB,EACH,OAAOR,GAAP,kHACkBO,KADlB,oBACkBA,KAAK,CAAEE,OAAP,CAAeC,KADjC;AAGH,CAdqB,CAAjB"}

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { SpacingType } from '@tecsinapse/react-core';
+export interface MasonryProps {
+    columns: number;
+    spacingLeft: SpacingType;
+    spacingTop: SpacingType;
+}
+declare const Masonry: React.FC<MasonryProps>;
+export default Masonry;