@activecollab/components 2.0.120 → 2.0.122

package/dist/cjs/components/Card/Card.js

@@ -7,7 +7,7 @@ exports.Card = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Styles = require("./Styles");
-var _excluded = ["children", "className", "hoverable", "paperType"];
+var _excluded = ["children", "className", "hoverable", "variant", "onClick"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -19,13 +19,16 @@ var Card = exports.Card = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, re
     className = _ref.className,
     _ref$hoverable = _ref.hoverable,
     hoverable = _ref$hoverable === void 0 ? false : _ref$hoverable,
-    _ref$paperType = _ref.paperType,
-    paperType = _ref$paperType === void 0 ? "paper-2" : _ref$paperType,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? "paper-2" : _ref$variant,
+    onClick = _ref.onClick,
     rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_react.default.createElement(_Styles.StyledCard, _extends({}, rest, {
-    type: paperType,
+    type: variant,
     className: (0, _classnames.default)("c-card", className),
     hover: hoverable,
+    $pointer: typeof onClick === "function",
+    onClick: onClick,
     useOptimizedShadow: true,
     ref: ref
   }), children);

package/dist/cjs/components/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_excluded","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Card","exports","forwardRef","_ref","ref","children","className","_ref$hoverable","hoverable","_ref$paperType","paperType","rest","createElement","StyledCard","type","classnames","hover","useOptimizedShadow","displayName"],"sources":["../../../../src/components/Card/Card.tsx"],"sourcesContent":["import React, { Ref, HTMLAttributes, forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledCard } from \"./Styles\";\n\nexport interface ICardProps {\n  /** Choose if card should be hoverable or not */\n  hoverable?: boolean;\n  /** Set the type of the Paper */\n  paperType?: \"paper-1\" | \"paper-2\";\n  /** Ref element */\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport const Card = forwardRef(\n  (\n    {\n      children,\n      className,\n      hoverable = false,\n      paperType = \"paper-2\",\n      ...rest\n    }: HTMLAttributes<HTMLDivElement> & ICardProps,\n    ref: Ref<HTMLDivElement> | null | undefined\n  ) => {\n    return (\n      <StyledCard\n        {...rest}\n        type={paperType}\n        className={classnames(\"c-card\", className)}\n        hover={hoverable}\n        useOptimizedShadow\n        ref={ref}\n      >\n        {children}\n      </StyledCard>\n    );\n  }\n);\n\nCard.displayName = \"Card\";\n"],"mappings":"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"}
+{"version":3,"file":"Card.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_excluded","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Card","exports","forwardRef","_ref","ref","children","className","_ref$hoverable","hoverable","_ref$variant","variant","onClick","rest","createElement","StyledCard","type","classnames","hover","$pointer","useOptimizedShadow","displayName"],"sources":["../../../../src/components/Card/Card.tsx"],"sourcesContent":["import React, { Ref, HTMLAttributes, forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledCard } from \"./Styles\";\n\nexport interface ICardProps {\n  /** Choose if card should be hoverable or not */\n  hoverable?: boolean;\n  /** Set the type of the Paper */\n  variant?: \"paper-1\" | \"paper-2\" | \"tile-1\" | \"tile-2\";\n  /** Ref element */\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport const Card = forwardRef(\n  (\n    {\n      children,\n      className,\n      hoverable = false,\n      variant = \"paper-2\",\n      onClick,\n      ...rest\n    }: HTMLAttributes<HTMLDivElement> & ICardProps,\n    ref: Ref<HTMLDivElement> | null | undefined\n  ) => {\n    return (\n      <StyledCard\n        {...rest}\n        type={variant}\n        className={classnames(\"c-card\", className)}\n        hover={hoverable}\n        $pointer={typeof onClick === \"function\"}\n        onClick={onClick}\n        useOptimizedShadow\n        ref={ref}\n      >\n        {children}\n      </StyledCard>\n    );\n  }\n);\n\nCard.displayName = \"Card\";\n"],"mappings":"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"}

package/dist/cjs/components/Card/Styles.js

@@ -4,14 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StyledCard = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
 var _Paper = require("../Paper");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var StyledCard = exports.StyledCard = (0, _styledComponents.default)(_Paper.Paper).withConfig({
   displayName: "Styles__StyledCard",
   componentId: "sc-hllbj1-0"
-})(["", ""], {
+})(["", " ", ""], {
   "color": "var(--color-theme-900)"
+}, function (_ref) {
+  var $pointer = _ref.$pointer;
+  return $pointer && (0, _styledComponents.css)(["cursor:pointer;"]);
 });
 StyledCard.displayName = "StyledCard";
 //# sourceMappingURL=Styles.js.map

package/dist/cjs/components/Card/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireDefault","require","_Paper","obj","__esModule","default","StyledCard","exports","styled","Paper","withConfig","displayName","componentId"],"sources":["../../../../src/components/Card/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { Paper } from \"../Paper\";\n\nexport const StyledCard = styled(Paper)`\n  ${tw`tw-text-theme-900`}\n`;\n\nStyledCard.displayName = \"StyledCard\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,MAAA,GAAAD,OAAA;AAAiC,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE1B,IAAMG,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,IAAAE,yBAAM,EAACC,YAAK,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACjC;EAAA;AAAkB,CAAC,CACxB;AAEDN,UAAU,CAACK,WAAW,GAAG,YAAY"}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_Paper","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledCard","exports","styled","Paper","withConfig","displayName","componentId","_ref","$pointer","css"],"sources":["../../../../src/components/Card/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { Paper } from \"../Paper\";\n\ninterface StyledCardProps {\n  $pointer?: boolean;\n}\n\nexport const StyledCard = styled(Paper)<StyledCardProps>`\n  ${tw`tw-text-theme-900`}\n\n  ${({ $pointer }) =>\n    $pointer &&\n    css`\n      cursor: pointer;\n    `}\n`;\n\nStyledCard.displayName = \"StyledCard\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,MAAA,GAAAD,OAAA;AAAiC,SAAAE,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAM1B,IAAMY,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,IAAAE,yBAAM,EAACC,YAAK,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kBACjC;EAAA;AAAkB,CAAC,EAErB,UAAAC,IAAA;EAAA,IAAGC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAAA,OACXA,QAAQ,QACRC,qBAAG,sBAEF;AAAA,EACJ;AAEDT,UAAU,CAACK,WAAW,GAAG,YAAY"}

package/dist/cjs/components/Entity/EntityCard.js

@@ -32,7 +32,7 @@ var EntityCard = exports.EntityCard = /*#__PURE__*/(0, _react.forwardRef)(functi
     as: Component,
     $renderAs: renderAs,
     $background: background,
-    paperType: paperType,
+    variant: paperType,
     className: (0, _classnames.default)("c-entity-card", classSuffix, className),
     $isCollection: isCollection
   }, rest, {

package/dist/cjs/components/Entity/EntityCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityCard.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_EntityGroup","_Styles","_Card","_excluded","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","EntityCard","exports","forwardRef","_ref","ref","children","isCollection","background","className","as","rest","_useContext","useContext","EntityGroupContext","renderAs","classSuffix","concat","paperType","Component","Card","createElement","StyledEntityCard","$renderAs","$background","classNames","$isCollection","displayName"],"sources":["../../../../src/components/Entity/EntityCard.tsx"],"sourcesContent":["import React, {\n  BaseHTMLAttributes,\n  CSSProperties,\n  forwardRef,\n  ReactElement,\n  ReactNode,\n  useContext,\n} from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { EntityGroupContext } from \"./EntityGroup\";\nimport { StyledEntityCard } from \"./Styles\";\nimport {\n  PolymorphicComponentPropsWithRef,\n  PolymorphicRef,\n} from \"../../utils/types\";\nimport { Card, ICardProps } from \"../Card\";\n\nexport interface IEntityCardProps\n  extends ICardProps,\n    BaseHTMLAttributes<HTMLElement> {\n  /** ClassName to add on Card */\n  className?: string;\n  /** Show as group of Cards on grid */\n  isCollection?: boolean;\n  /** Background color to override for Card */\n  background?: string;\n  /** CSSProperties to override for Card */\n  style?: CSSProperties;\n}\n\nexport type EntityCardProps<C extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<C, IEntityCardProps>;\n\nexport type EntityComponent = <C extends React.ElementType = typeof Card>(\n  props: EntityCardProps<C>\n) => ReactElement | ReactNode | null;\n\nexport const EntityCard: EntityComponent & { displayName?: string } =\n  forwardRef(\n    <C extends React.ElementType = typeof Card>(\n      {\n        children,\n        isCollection,\n        background,\n        className,\n        as,\n        ...rest\n      }: EntityCardProps<C>,\n      ref?: PolymorphicRef<C>\n    ) => {\n      const { renderAs } = useContext(EntityGroupContext);\n      const classSuffix = `c-entity-card-${renderAs}`;\n      const paperType = renderAs === \"grid\" ? \"paper-1\" : \"paper-2\";\n      const Component = as || Card;\n      return (\n        <StyledEntityCard\n          as={Component}\n          $renderAs={renderAs}\n          $background={background}\n          paperType={paperType}\n          className={classNames(\"c-entity-card\", classSuffix, className)}\n          $isCollection={isCollection}\n          {...rest}\n          ref={ref}\n        >\n          {children}\n        </StyledEntityCard>\n      );\n    }\n  );\n\nEntityCard.displayName = \"EntityCard\";\n"],"mappings":"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"}
+{"version":3,"file":"EntityCard.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_EntityGroup","_Styles","_Card","_excluded","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","EntityCard","exports","forwardRef","_ref","ref","children","isCollection","background","className","as","rest","_useContext","useContext","EntityGroupContext","renderAs","classSuffix","concat","paperType","Component","Card","createElement","StyledEntityCard","$renderAs","$background","variant","classNames","$isCollection","displayName"],"sources":["../../../../src/components/Entity/EntityCard.tsx"],"sourcesContent":["import React, {\n  BaseHTMLAttributes,\n  CSSProperties,\n  forwardRef,\n  ReactElement,\n  ReactNode,\n  useContext,\n} from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { EntityGroupContext } from \"./EntityGroup\";\nimport { StyledEntityCard } from \"./Styles\";\nimport {\n  PolymorphicComponentPropsWithRef,\n  PolymorphicRef,\n} from \"../../utils/types\";\nimport { Card, ICardProps } from \"../Card\";\n\nexport interface IEntityCardProps\n  extends ICardProps,\n    BaseHTMLAttributes<HTMLElement> {\n  /** ClassName to add on Card */\n  className?: string;\n  /** Show as group of Cards on grid */\n  isCollection?: boolean;\n  /** Background color to override for Card */\n  background?: string;\n  /** CSSProperties to override for Card */\n  style?: CSSProperties;\n}\n\nexport type EntityCardProps<C extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<C, IEntityCardProps>;\n\nexport type EntityComponent = <C extends React.ElementType = typeof Card>(\n  props: EntityCardProps<C>\n) => ReactElement | ReactNode | null;\n\nexport const EntityCard: EntityComponent & { displayName?: string } =\n  forwardRef(\n    <C extends React.ElementType = typeof Card>(\n      {\n        children,\n        isCollection,\n        background,\n        className,\n        as,\n        ...rest\n      }: EntityCardProps<C>,\n      ref?: PolymorphicRef<C>\n    ) => {\n      const { renderAs } = useContext(EntityGroupContext);\n      const classSuffix = `c-entity-card-${renderAs}`;\n      const paperType = renderAs === \"grid\" ? \"paper-1\" : \"paper-2\";\n      const Component = as || Card;\n      return (\n        <StyledEntityCard\n          as={Component}\n          $renderAs={renderAs}\n          $background={background}\n          variant={paperType}\n          className={classNames(\"c-entity-card\", classSuffix, className)}\n          $isCollection={isCollection}\n          {...rest}\n          ref={ref}\n        >\n          {children}\n        </StyledEntityCard>\n      );\n    }\n  );\n\nEntityCard.displayName = \"EntityCard\";\n"],"mappings":"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"}

package/dist/cjs/components/EntityCard/EntityCard.js

@@ -62,7 +62,7 @@ var EntityCard = exports.EntityCard = /*#__PURE__*/(0, _react.forwardRef)(functi
       "grid-item": renderAs === "grid-item",
       "list-item": renderAs === "list-item"
     }, className),
-    paperType: renderAs === "grid-item" ? "paper-1" : "paper-2",
+    variant: renderAs === "grid-item" ? "paper-1" : "paper-2",
     $renderAs: renderAs
   }, renderAs === "list-item" ? renderAsListItem(properties) : null, renderAs === "grid-item" ? renderAsGridItem(properties) : null);
 });

package/dist/cjs/components/EntityCard/EntityCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityCard.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","EntityCard","exports","forwardRef","_ref","ref","_ref$renderAs","renderAs","properties","className","renderAsListItem","useCallback","filter","p","showInList","map","createElement","key","name","concat","render","renderAsGridItem","headerSection","cardSection","bodySection","footerSection","renderProperty","Fragment","StyledEntityCard","hoverable","classnames","paperType","$renderAs","displayName"],"sources":["../../../../src/components/EntityCard/EntityCard.tsx"],"sourcesContent":["import React, {\n  Ref,\n  HTMLAttributes,\n  forwardRef,\n  ReactNode,\n  useCallback,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledEntityCard } from \"./Styles\";\n\nexport type cardSection = \"header\" | \"body\" | \"footer\";\n\nexport interface IEntityProperties {\n  name: string;\n  render: () => ReactNode;\n  showInList?: boolean;\n  cardSection: cardSection;\n  className?: string;\n}\n\nexport interface IEntityCardProps {\n  renderAs?: \"list-item\" | \"grid-item\";\n  properties: IEntityProperties[];\n  ref?: Ref<HTMLDivElement>;\n  link?: string;\n  className?: string;\n}\n\nexport const EntityCard = forwardRef(\n  (\n    {\n      renderAs = \"list-item\",\n      properties,\n      className,\n    }: HTMLAttributes<HTMLDivElement> & IEntityCardProps,\n    ref: Ref<HTMLDivElement> | null | undefined\n  ) => {\n    const renderAsListItem = useCallback((properties: IEntityProperties[]) => {\n      return properties\n        .filter((p) => p.showInList)\n        .map((p) => {\n          return (\n            <div key={p.name} className={`entity-property-${p.name}`}>\n              {p.render()}\n            </div>\n          );\n        });\n    }, []);\n\n    const renderAsGridItem = useCallback((properties: IEntityProperties[]) => {\n      const headerSection = properties.filter(\n        (p: IEntityProperties) => p.cardSection === \"header\"\n      );\n      const bodySection = properties.filter(\n        (p: IEntityProperties) => p.cardSection === \"body\"\n      );\n      const footerSection = properties.filter(\n        (p) => p.cardSection === \"footer\"\n      );\n      const renderProperty = (p: IEntityProperties): ReactNode => (\n        <div key={p.name} className={`entity-property-${p.name}`}>\n          {p.render()}\n        </div>\n      );\n      return (\n        <>\n          <div className=\"card-header\">\n            {headerSection.map((p) => renderProperty(p))}\n          </div>\n          <div className=\"card-body\">\n            {bodySection.map((p) => renderProperty(p))}\n          </div>\n          <div className=\"card-footer\">\n            {footerSection.map((p) => renderProperty(p))}\n          </div>\n        </>\n      );\n    }, []);\n\n    return (\n      <StyledEntityCard\n        ref={ref}\n        hoverable\n        className={classnames(\n          \"entity-card-wrapper\",\n          {\n            \"grid-item\": renderAs === \"grid-item\",\n            \"list-item\": renderAs === \"list-item\",\n          },\n          className\n        )}\n        paperType={renderAs === \"grid-item\" ? \"paper-1\" : \"paper-2\"}\n        $renderAs={renderAs}\n      >\n        {renderAs === \"list-item\" ? renderAsListItem(properties) : null}\n        {renderAs === \"grid-item\" ? renderAsGridItem(properties) : null}\n      </StyledEntityCard>\n    );\n  }\n);\n\nEntityCard.displayName = \"EntityCard\";\n"],"mappings":"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"}
+{"version":3,"file":"EntityCard.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","EntityCard","exports","forwardRef","_ref","ref","_ref$renderAs","renderAs","properties","className","renderAsListItem","useCallback","filter","p","showInList","map","createElement","key","name","concat","render","renderAsGridItem","headerSection","cardSection","bodySection","footerSection","renderProperty","Fragment","StyledEntityCard","hoverable","classnames","variant","$renderAs","displayName"],"sources":["../../../../src/components/EntityCard/EntityCard.tsx"],"sourcesContent":["import React, {\n  Ref,\n  HTMLAttributes,\n  forwardRef,\n  ReactNode,\n  useCallback,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledEntityCard } from \"./Styles\";\n\nexport type cardSection = \"header\" | \"body\" | \"footer\";\n\nexport interface IEntityProperties {\n  name: string;\n  render: () => ReactNode;\n  showInList?: boolean;\n  cardSection: cardSection;\n  className?: string;\n}\n\nexport interface IEntityCardProps {\n  renderAs?: \"list-item\" | \"grid-item\";\n  properties: IEntityProperties[];\n  ref?: Ref<HTMLDivElement>;\n  link?: string;\n  className?: string;\n}\n\nexport const EntityCard = forwardRef(\n  (\n    {\n      renderAs = \"list-item\",\n      properties,\n      className,\n    }: HTMLAttributes<HTMLDivElement> & IEntityCardProps,\n    ref: Ref<HTMLDivElement> | null | undefined\n  ) => {\n    const renderAsListItem = useCallback((properties: IEntityProperties[]) => {\n      return properties\n        .filter((p) => p.showInList)\n        .map((p) => {\n          return (\n            <div key={p.name} className={`entity-property-${p.name}`}>\n              {p.render()}\n            </div>\n          );\n        });\n    }, []);\n\n    const renderAsGridItem = useCallback((properties: IEntityProperties[]) => {\n      const headerSection = properties.filter(\n        (p: IEntityProperties) => p.cardSection === \"header\"\n      );\n      const bodySection = properties.filter(\n        (p: IEntityProperties) => p.cardSection === \"body\"\n      );\n      const footerSection = properties.filter(\n        (p) => p.cardSection === \"footer\"\n      );\n      const renderProperty = (p: IEntityProperties): ReactNode => (\n        <div key={p.name} className={`entity-property-${p.name}`}>\n          {p.render()}\n        </div>\n      );\n      return (\n        <>\n          <div className=\"card-header\">\n            {headerSection.map((p) => renderProperty(p))}\n          </div>\n          <div className=\"card-body\">\n            {bodySection.map((p) => renderProperty(p))}\n          </div>\n          <div className=\"card-footer\">\n            {footerSection.map((p) => renderProperty(p))}\n          </div>\n        </>\n      );\n    }, []);\n\n    return (\n      <StyledEntityCard\n        ref={ref}\n        hoverable\n        className={classnames(\n          \"entity-card-wrapper\",\n          {\n            \"grid-item\": renderAs === \"grid-item\",\n            \"list-item\": renderAs === \"list-item\",\n          },\n          className\n        )}\n        variant={renderAs === \"grid-item\" ? \"paper-1\" : \"paper-2\"}\n        $renderAs={renderAs}\n      >\n        {renderAs === \"list-item\" ? renderAsListItem(properties) : null}\n        {renderAs === \"grid-item\" ? renderAsGridItem(properties) : null}\n      </StyledEntityCard>\n    );\n  }\n);\n\nEntityCard.displayName = \"EntityCard\";\n"],"mappings":"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"}

package/dist/cjs/components/Menu/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_context","_Styles","_useForkRef","_Overlay","_Popper","_Window","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","len","length","arr2","l","Symbol","iterator","f","next","done","push","value","return","isArray","Menu","exports","_ref","children","_ref$disableFocusLock","disableFocusLock","onMenuClick","_ref$handleScroll","handleScroll","_ref$mode","mode","_ref$open","open","defaultOpen","onOpen","onClose","onBeforeClose","_ref$position","position","target","className","menuClassName","popperClassName","backgroundElementClass","_ref$windowAbsolutely","windowAbsolutelyPositioned","onPopperOpen","_useState","useState","_useState2","setOpen","_useState3","_useState4","childNode","setChildNode","elementRef","useRef","isOpenAtLeastOnce","useEffect","handleRefRef","useForkRef","ref","undefined","handleRef","handleOpen","useCallback","event","_target$props","preventDefault","stopPropagation","props","onClick","handleClose","childProps","forceClose","targetProps","current","_elementRef$current","focus","createElement","Fragment","React","cloneElement","Window","disableScrollLock","style","Overlay","tabIndex","disableBackgroundColor","Popper","anchorEl","placement","afterWrite","StyledMenu","classnames","concat","$mode","onMouseDown","MenuContextProvider","displayName"],"sources":["../../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import React, {\n  useRef,\n  FC,\n  ReactNode,\n  MouseEvent,\n  useState,\n  useCallback,\n  useEffect,\n  ReactElement,\n  Ref,\n} from \"react\";\n\nimport { Placement } from \"@popperjs/core\";\nimport classnames from \"classnames\";\n\nimport { MenuContextProvider } from \"./context\";\nimport { StyledMenu } from \"./Styles\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { Overlay } from \"../Overlay\";\nimport { Popper } from \"../Popper\";\nimport { Window } from \"../Window\";\n\ninterface ElementWithRef<T> extends ReactElement {\n  ref?: Ref<T>;\n}\n\n// source: https://twitter.com/mattpocockuk/status/1671908303918473217/photo/1\n// eslint-disable-next-line @typescript-eslint/ban-types\nexport type MenuMode = \"normal\" | \"wider\" | \"tiny\";\n\nexport interface IMenu {\n  /** Menu content */\n  children:\n    | ReactNode\n    | ((childProps: { forceClose: () => void }) => JSX.Element);\n  /** On menu element click */\n  onMenuClick?: (event: MouseEvent<HTMLElement>) => void;\n  /** Handle scroll bar */\n  handleScroll?: boolean;\n  /** Disable Focus Lock */\n  disableFocusLock?: boolean;\n  /** Menu width mode */\n  mode?: MenuMode;\n  /** Should menu be open when it's mounted */\n  open?: boolean;\n  /** Callback triggered when modal has been opened */\n  onOpen?: () => void;\n  /** Callback triggered when modal has been closed */\n  onClose?: () => void;\n  /** Before close callback */\n  onBeforeClose?: () => boolean;\n  /** Position Menu */\n  position?: Placement;\n  /** Target element */\n  target?: ElementWithRef<Element>;\n  className?: string;\n  /** Menu classes */\n  menuClassName?: string;\n  /** Popper class name*/\n  popperClassName?: string;\n  /** Background style for clickable element after the menu is open (opacity, color, etc...) */\n  backgroundElementClass?: string;\n  /** Should Window be positioned absolutely */\n  windowAbsolutelyPositioned?: boolean;\n  /** Popper on open */\n  onPopperOpen?: (...args) => void;\n}\n\nexport const Menu: FC<IMenu> = ({\n  children,\n  disableFocusLock = false,\n  onMenuClick,\n  handleScroll = true,\n  mode = \"normal\",\n  open: defaultOpen = false,\n  onOpen,\n  onClose,\n  onBeforeClose,\n  position = \"bottom-start\",\n  target,\n  className,\n  menuClassName,\n  popperClassName,\n  backgroundElementClass,\n  windowAbsolutelyPositioned = false,\n  onPopperOpen,\n}) => {\n  const [open, setOpen] = useState(defaultOpen);\n  const [childNode, setChildNode] = useState<Element | null>();\n  const elementRef = useRef<HTMLElement | null>(null);\n  const isOpenAtLeastOnce = useRef(false);\n\n  useEffect(() => {\n    setOpen(defaultOpen);\n  }, [defaultOpen]);\n\n  const handleRefRef = useForkRef(\n    target ? target.ref : undefined,\n    setChildNode\n  );\n  const handleRef = useForkRef(handleRefRef, elementRef);\n\n  const handleOpen = useCallback(\n    (\n      event: Pick<MouseEvent<Element>, \"preventDefault\" | \"stopPropagation\">\n    ) => {\n      event?.preventDefault();\n      event?.stopPropagation();\n      setOpen(true);\n      typeof onOpen === \"function\" && onOpen();\n      typeof target?.props?.onClick === \"function\" &&\n        target.props.onClick(event);\n    },\n    [onOpen, target?.props]\n  );\n\n  const handleClose = useCallback(() => {\n    if (typeof onBeforeClose === \"function\" && !onBeforeClose()) {\n      return;\n    }\n    setOpen(false);\n    typeof onClose === \"function\" && onClose();\n  }, [onClose, onBeforeClose]);\n\n  const childProps = {\n    forceClose: handleClose,\n  };\n\n  const targetProps = {\n    open,\n    ref: handleRef,\n    onClick: handleOpen,\n  };\n\n  useEffect(() => {\n    if (open) {\n      isOpenAtLeastOnce.current = true;\n    } else if (!open && isOpenAtLeastOnce.current) {\n      elementRef.current?.focus();\n      isOpenAtLeastOnce.current = false;\n    }\n  }, [open]);\n\n  return (\n    <>\n      {target && React.cloneElement(target, targetProps)}\n      {open ? (\n        <Window\n          onClose={handleClose}\n          disableScrollLock={!handleScroll}\n          disableFocusLock={disableFocusLock}\n          style={{\n            position: windowAbsolutelyPositioned ? \"absolute\" : \"fixed\",\n          }}\n        >\n          <Overlay\n            className={backgroundElementClass}\n            onClick={handleClose}\n            tabIndex={-1}\n            disableBackgroundColor\n          />\n          <Popper\n            anchorEl={childNode}\n            open={childNode ? open : false}\n            placement={position}\n            className={popperClassName}\n            tabIndex={-1}\n            afterWrite={onPopperOpen}\n          >\n            <StyledMenu\n              className={classnames(\n                \"c-simple-menu__paper\",\n                `c-simple-menu__${mode}`,\n                menuClassName,\n                className\n              )}\n              $mode={mode}\n              onMouseDown={onMenuClick}\n            >\n              <MenuContextProvider value={{ open, setOpen }}>\n                {typeof children === \"function\"\n                  ? children(childProps)\n                  : children}\n              </MenuContextProvider>\n            </StyledMenu>\n          </Popper>\n        </Window>\n      ) : null}\n    </>\n  );\n};\n\nMenu.displayName = \"Menu\";\n"],"mappings":"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"}
+{"version":3,"file":"Menu.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_context","_Styles","_useForkRef","_Overlay","_Popper","_Window","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","len","length","arr2","l","Symbol","iterator","f","next","done","push","value","return","isArray","Menu","exports","_ref","children","_ref$disableFocusLock","disableFocusLock","onMenuClick","_ref$handleScroll","handleScroll","_ref$mode","mode","_ref$open","open","defaultOpen","onOpen","onClose","onBeforeClose","_ref$position","position","target","className","menuClassName","popperClassName","backgroundElementClass","_ref$windowAbsolutely","windowAbsolutelyPositioned","onPopperOpen","_useState","useState","_useState2","setOpen","_useState3","_useState4","childNode","setChildNode","elementRef","useRef","isOpenAtLeastOnce","useEffect","handleRefRef","useForkRef","ref","undefined","handleRef","handleOpen","useCallback","event","_target$props","preventDefault","stopPropagation","props","onClick","handleClose","childProps","forceClose","targetProps","current","_elementRef$current","focus","createElement","Fragment","React","cloneElement","Window","disableScrollLock","style","Overlay","tabIndex","disableBackgroundColor","Popper","anchorEl","placement","afterWrite","StyledMenu","classnames","concat","$mode","onMouseDown","MenuContextProvider","displayName"],"sources":["../../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import React, {\n  useRef,\n  FC,\n  ReactNode,\n  MouseEvent,\n  useState,\n  useCallback,\n  useEffect,\n  ReactElement,\n  Ref,\n} from \"react\";\n\nimport { Placement } from \"@popperjs/core\";\nimport classnames from \"classnames\";\n\nimport { MenuContextProvider } from \"./context\";\nimport { StyledMenu } from \"./Styles\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { Overlay } from \"../Overlay\";\nimport { Popper } from \"../Popper\";\nimport { Window } from \"../Window\";\n\ninterface ElementWithRef<T> extends ReactElement {\n  ref?: Ref<T>;\n}\n\n// source: https://twitter.com/mattpocockuk/status/1671908303918473217/photo/1\n// eslint-disable-next-line @typescript-eslint/ban-types\nexport type MenuMode = \"normal\" | \"wider\" | \"tiny\" | \"widest\";\n\nexport interface IMenu {\n  /** Menu content */\n  children:\n    | ReactNode\n    | ((childProps: { forceClose: () => void }) => JSX.Element);\n  /** On menu element click */\n  onMenuClick?: (event: MouseEvent<HTMLElement>) => void;\n  /** Handle scroll bar */\n  handleScroll?: boolean;\n  /** Disable Focus Lock */\n  disableFocusLock?: boolean;\n  /** Menu width mode */\n  mode?: MenuMode;\n  /** Should menu be open when it's mounted */\n  open?: boolean;\n  /** Callback triggered when modal has been opened */\n  onOpen?: () => void;\n  /** Callback triggered when modal has been closed */\n  onClose?: () => void;\n  /** Before close callback */\n  onBeforeClose?: () => boolean;\n  /** Position Menu */\n  position?: Placement;\n  /** Target element */\n  target?: ElementWithRef<Element>;\n  className?: string;\n  /** Menu classes */\n  menuClassName?: string;\n  /** Popper class name*/\n  popperClassName?: string;\n  /** Background style for clickable element after the menu is open (opacity, color, etc...) */\n  backgroundElementClass?: string;\n  /** Should Window be positioned absolutely */\n  windowAbsolutelyPositioned?: boolean;\n  /** Popper on open */\n  onPopperOpen?: (...args) => void;\n}\n\nexport const Menu: FC<IMenu> = ({\n  children,\n  disableFocusLock = false,\n  onMenuClick,\n  handleScroll = true,\n  mode = \"normal\",\n  open: defaultOpen = false,\n  onOpen,\n  onClose,\n  onBeforeClose,\n  position = \"bottom-start\",\n  target,\n  className,\n  menuClassName,\n  popperClassName,\n  backgroundElementClass,\n  windowAbsolutelyPositioned = false,\n  onPopperOpen,\n}) => {\n  const [open, setOpen] = useState(defaultOpen);\n  const [childNode, setChildNode] = useState<Element | null>();\n  const elementRef = useRef<HTMLElement | null>(null);\n  const isOpenAtLeastOnce = useRef(false);\n\n  useEffect(() => {\n    setOpen(defaultOpen);\n  }, [defaultOpen]);\n\n  const handleRefRef = useForkRef(\n    target ? target.ref : undefined,\n    setChildNode\n  );\n  const handleRef = useForkRef(handleRefRef, elementRef);\n\n  const handleOpen = useCallback(\n    (\n      event: Pick<MouseEvent<Element>, \"preventDefault\" | \"stopPropagation\">\n    ) => {\n      event?.preventDefault();\n      event?.stopPropagation();\n      setOpen(true);\n      typeof onOpen === \"function\" && onOpen();\n      typeof target?.props?.onClick === \"function\" &&\n        target.props.onClick(event);\n    },\n    [onOpen, target?.props]\n  );\n\n  const handleClose = useCallback(() => {\n    if (typeof onBeforeClose === \"function\" && !onBeforeClose()) {\n      return;\n    }\n    setOpen(false);\n    typeof onClose === \"function\" && onClose();\n  }, [onClose, onBeforeClose]);\n\n  const childProps = {\n    forceClose: handleClose,\n  };\n\n  const targetProps = {\n    open,\n    ref: handleRef,\n    onClick: handleOpen,\n  };\n\n  useEffect(() => {\n    if (open) {\n      isOpenAtLeastOnce.current = true;\n    } else if (!open && isOpenAtLeastOnce.current) {\n      elementRef.current?.focus();\n      isOpenAtLeastOnce.current = false;\n    }\n  }, [open]);\n\n  return (\n    <>\n      {target && React.cloneElement(target, targetProps)}\n      {open ? (\n        <Window\n          onClose={handleClose}\n          disableScrollLock={!handleScroll}\n          disableFocusLock={disableFocusLock}\n          style={{\n            position: windowAbsolutelyPositioned ? \"absolute\" : \"fixed\",\n          }}\n        >\n          <Overlay\n            className={backgroundElementClass}\n            onClick={handleClose}\n            tabIndex={-1}\n            disableBackgroundColor\n          />\n          <Popper\n            anchorEl={childNode}\n            open={childNode ? open : false}\n            placement={position}\n            className={popperClassName}\n            tabIndex={-1}\n            afterWrite={onPopperOpen}\n          >\n            <StyledMenu\n              className={classnames(\n                \"c-simple-menu__paper\",\n                `c-simple-menu__${mode}`,\n                menuClassName,\n                className\n              )}\n              $mode={mode}\n              onMouseDown={onMenuClick}\n            >\n              <MenuContextProvider value={{ open, setOpen }}>\n                {typeof children === \"function\"\n                  ? children(childProps)\n                  : children}\n              </MenuContextProvider>\n            </StyledMenu>\n          </Popper>\n        </Window>\n      ) : null}\n    </>\n  );\n};\n\nMenu.displayName = \"Menu\";\n"],"mappings":"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"}

package/dist/cjs/components/Menu/Styles.js

@@ -13,7 +13,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var StyledMenu = exports.StyledMenu = (0, _styledComponents.default)(_Bubble.Bubble).withConfig({
   displayName: "Styles__StyledMenu",
   componentId: "sc-8fhkp-0"
-})(["", " ", " ", " color:var(--color-theme-700);a:focus,a:active{outline:none;}", " ", " ", ""], {
+})(["", " ", " ", " color:var(--color-theme-700);a:focus,a:active{outline:none;}", " ", " ", " ", ""], {
   "marginTop": "0.25rem",
   "marginBottom": "0.25rem",
   "overflow": "auto",
@@ -25,6 +25,8 @@ var StyledMenu = exports.StyledMenu = (0, _styledComponents.default)(_Bubble.Bub
   return props.$mode === "wider" && (0, _styledComponents.css)(["width:350px;"]);
 }, function (props) {
   return props.$mode === "tiny" && (0, _styledComponents.css)(["width:180px;"]);
+}, function (props) {
+  return props.$mode === "widest" && (0, _styledComponents.css)(["width:590px;"]);
 });
 StyledMenu.displayName = "StyledMenu";
 var StyledMenuFooter = exports.StyledMenuFooter = _styledComponents.default.div.withConfig({

package/dist/cjs/components/Menu/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_Bubble","_FontStyle","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledMenu","exports","styled","Bubble","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","props","$mode","css","StyledMenuFooter","div","StyledMenuHeader"],"sources":["../../../../src/components/Menu/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { Bubble } from \"../Bubble\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledMenu = styled(Bubble)<{ $mode: string }>`\n  ${tw`tw-bg-page-paper-main tw-border-border-primary tw-my-1 tw-overflow-auto`}\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n  \n  color: var(--color-theme-700);\n  a:focus,\n  a:active {\n    outline: none;\n  }\n\n  ${(props) =>\n    props.$mode === \"normal\" &&\n    css`\n      width: 260px;\n    `}\n\n  ${(props) =>\n    props.$mode === \"wider\" &&\n    css`\n      width: 350px;\n    `}\n\n  ${(props) =>\n    props.$mode === \"tiny\" &&\n    css`\n      width: 180px;\n    `}\n`;\nStyledMenu.displayName = \"StyledMenu\";\n\nexport const StyledMenuFooter = styled.div`\n  ${tw`tw-flex tw-px-2 tw-py-1`}\n\n  display: flex;\n  border-top: 1px solid var(--border-primary);\n  height: 32px;\n  align-items: center;\n`;\nStyledMenuFooter.displayName = \"StyledMenuFooter\";\n\nexport const StyledMenuHeader = styled.div`\n  ${tw`tw-flex tw-items-center tw-justify-between tw-px-2 tw-py-1`}\n\n  border-bottom: 1px solid var(--border-primary);\n  height: 32px;\n`;\nStyledMenuHeader.displayName = \"StyledMenuHeader\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAAyC,SAAAI,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAElC,IAAMY,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,IAAAE,yBAAM,EAACC,cAAM,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kGAClC;EAAA;EAAA;EAAA;EAAA;EAAA;AAAwE,CAAC,EAE3EC,oBAAS,EACTC,8BAAc,EAQd,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,KAAK,QAAQ,QACxBC,qBAAG,mBAEF;AAAA,GAED,UAACF,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,KAAK,OAAO,QACvBC,qBAAG,mBAEF;AAAA,GAED,UAACF,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,KAAK,MAAM,QACtBC,qBAAG,mBAEF;AAAA,EACJ;AACDX,UAAU,CAACK,WAAW,GAAG,YAAY;AAE9B,IAAMO,gBAAgB,GAAAX,OAAA,CAAAW,gBAAA,GAAGV,yBAAM,CAACW,GAAG,CAAAT,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qGACpC;EAAA;EAAA;EAAA;EAAA;EAAA;AAAwB,CAAC,CAM9B;AACDM,gBAAgB,CAACP,WAAW,GAAG,kBAAkB;AAE1C,IAAMS,gBAAgB,GAAAb,OAAA,CAAAa,gBAAA,GAAGZ,yBAAM,CAACW,GAAG,CAAAT,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wEACpC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAA2D,CAAC,CAIjE;AACDQ,gBAAgB,CAACT,WAAW,GAAG,kBAAkB"}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_Bubble","_FontStyle","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledMenu","exports","styled","Bubble","withConfig","displayName","componentId","FontStyle","BoxSizingStyle","props","$mode","css","StyledMenuFooter","div","StyledMenuHeader"],"sources":["../../../../src/components/Menu/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { Bubble } from \"../Bubble\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const StyledMenu = styled(Bubble)<{ $mode: string }>`\n  ${tw`tw-bg-page-paper-main tw-border-border-primary tw-my-1 tw-overflow-auto`}\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n  \n  color: var(--color-theme-700);\n  a:focus,\n  a:active {\n    outline: none;\n  }\n\n  ${(props) =>\n    props.$mode === \"normal\" &&\n    css`\n      width: 260px;\n    `}\n\n  ${(props) =>\n    props.$mode === \"wider\" &&\n    css`\n      width: 350px;\n    `}\n\n  ${(props) =>\n    props.$mode === \"tiny\" &&\n    css`\n      width: 180px;\n    `}\n\n  ${(props) =>\n    props.$mode === \"widest\" &&\n    css`\n      width: 590px;\n    `}\n`;\nStyledMenu.displayName = \"StyledMenu\";\n\nexport const StyledMenuFooter = styled.div`\n  ${tw`tw-flex tw-px-2 tw-py-1`}\n\n  display: flex;\n  border-top: 1px solid var(--border-primary);\n  height: 32px;\n  align-items: center;\n`;\nStyledMenuFooter.displayName = \"StyledMenuFooter\";\n\nexport const StyledMenuHeader = styled.div`\n  ${tw`tw-flex tw-items-center tw-justify-between tw-px-2 tw-py-1`}\n\n  border-bottom: 1px solid var(--border-primary);\n  height: 32px;\n`;\nStyledMenuHeader.displayName = \"StyledMenuHeader\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAAyC,SAAAI,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAElC,IAAMY,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,IAAAE,yBAAM,EAACC,cAAM,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uGAClC;EAAA;EAAA;EAAA;EAAA;EAAA;AAAwE,CAAC,EAE3EC,oBAAS,EACTC,8BAAc,EAQd,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,KAAK,QAAQ,QACxBC,qBAAG,mBAEF;AAAA,GAED,UAACF,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,KAAK,OAAO,QACvBC,qBAAG,mBAEF;AAAA,GAED,UAACF,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,KAAK,MAAM,QACtBC,qBAAG,mBAEF;AAAA,GAED,UAACF,KAAK;EAAA,OACNA,KAAK,CAACC,KAAK,KAAK,QAAQ,QACxBC,qBAAG,mBAEF;AAAA,EACJ;AACDX,UAAU,CAACK,WAAW,GAAG,YAAY;AAE9B,IAAMO,gBAAgB,GAAAX,OAAA,CAAAW,gBAAA,GAAGV,yBAAM,CAACW,GAAG,CAAAT,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qGACpC;EAAA;EAAA;EAAA;EAAA;EAAA;AAAwB,CAAC,CAM9B;AACDM,gBAAgB,CAACP,WAAW,GAAG,kBAAkB;AAE1C,IAAMS,gBAAgB,GAAAb,OAAA,CAAAa,gBAAA,GAAGZ,yBAAM,CAACW,GAAG,CAAAT,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,wEACpC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAA2D,CAAC,CAIjE;AACDQ,gBAAgB,CAACT,WAAW,GAAG,kBAAkB"}

package/dist/cjs/components/Paper/Paper.js.map

@@ -1 +1 @@
-{"version":3,"file":"Paper.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_excluded","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Paper","exports","forwardRef","_ref","innerRef","children","className","_ref$type","type","_ref$hover","hover","_ref$useOptimizedShad","useOptimizedShadow","rest","createElement","StyledPaper","classNames","ref","displayName"],"sources":["../../../../src/components/Paper/Paper.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  ReactNode,\n  Ref,\n  RefObject,\n} from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledPaper } from \"./Styles\";\n\nexport interface IPaperProps {\n  /** Children type of node or string */\n  children: ReactNode;\n  /** CSS classes */\n  className?: string;\n  /** Ref object. */\n  innerRef?: RefObject<HTMLDivElement>;\n  /** Define custom style */\n  style?: object;\n  /** Type of paper to be used */\n  type?: \"paper-1\" | \"paper-2\" | \"paper-3\";\n  /** Paper has hover or not */\n  hover?: boolean;\n  /** Use optimized shadow */\n  useOptimizedShadow?: boolean;\n}\n\n/**\n * This is a component description and should sit directly above your component\n */\nexport const Paper = forwardRef(\n  (\n    {\n      children,\n      className,\n      type = \"paper-1\",\n      hover = false,\n      useOptimizedShadow = false,\n      ...rest\n    }: HTMLAttributes<HTMLDivElement> & IPaperProps,\n    innerRef: Ref<HTMLDivElement> | null | undefined\n  ) => {\n    return (\n      <StyledPaper\n        className={classNames(className, {\n          \"ac-shadow--raised--lg\":\n            !useOptimizedShadow && hover && type === \"paper-1\",\n          \"ac-shadow-optimized--lg\":\n            useOptimizedShadow && hover && type === \"paper-1\",\n          \"ac-shadow--lg\": !hover && type === \"paper-1\",\n          \"ac-shadow--raised--sm\":\n            (!useOptimizedShadow && hover && type === \"paper-2\") ||\n            (!useOptimizedShadow && hover && type === \"paper-3\"),\n          \"ac-shadow-optimized--sm\":\n            (useOptimizedShadow && hover && type === \"paper-2\") ||\n            (useOptimizedShadow && hover && type === \"paper-3\"),\n          \"ac-shadow--sm\":\n            (!hover && type === \"paper-2\") || (!hover && type === \"paper-3\"),\n        })}\n        ref={innerRef}\n        type={type}\n        {...rest}\n      >\n        {children}\n      </StyledPaper>\n    );\n  }\n);\n\nPaper.displayName = \"Paper\";\n"],"mappings":"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"}
+{"version":3,"file":"Paper.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_Styles","_excluded","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","_extends","assign","bind","target","arguments","length","source","key","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Paper","exports","forwardRef","_ref","innerRef","children","className","_ref$type","type","_ref$hover","hover","_ref$useOptimizedShad","useOptimizedShadow","rest","createElement","StyledPaper","classNames","ref","displayName"],"sources":["../../../../src/components/Paper/Paper.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  ReactNode,\n  Ref,\n  RefObject,\n} from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledPaper } from \"./Styles\";\n\nexport interface IPaperProps {\n  /** Children type of node or string */\n  children: ReactNode;\n  /** CSS classes */\n  className?: string;\n  /** Ref object. */\n  innerRef?: RefObject<HTMLDivElement>;\n  /** Define custom style */\n  style?: object;\n  /** Type of paper to be used */\n  type?: \"paper-1\" | \"paper-2\" | \"paper-3\" | \"tile-1\" | \"tile-2\";\n  /** Paper has hover or not */\n  hover?: boolean;\n  /** Use optimized shadow */\n  useOptimizedShadow?: boolean;\n}\n\n/**\n * This is a component description and should sit directly above your component\n */\nexport const Paper = forwardRef(\n  (\n    {\n      children,\n      className,\n      type = \"paper-1\",\n      hover = false,\n      useOptimizedShadow = false,\n      ...rest\n    }: HTMLAttributes<HTMLDivElement> & IPaperProps,\n    innerRef: Ref<HTMLDivElement> | null | undefined\n  ) => {\n    return (\n      <StyledPaper\n        className={classNames(className, {\n          \"ac-shadow--raised--lg\":\n            !useOptimizedShadow && hover && type === \"paper-1\",\n          \"ac-shadow-optimized--lg\":\n            useOptimizedShadow && hover && type === \"paper-1\",\n          \"ac-shadow--lg\": !hover && type === \"paper-1\",\n          \"ac-shadow--raised--sm\":\n            (!useOptimizedShadow && hover && type === \"paper-2\") ||\n            (!useOptimizedShadow && hover && type === \"paper-3\"),\n          \"ac-shadow-optimized--sm\":\n            (useOptimizedShadow && hover && type === \"paper-2\") ||\n            (useOptimizedShadow && hover && type === \"paper-3\"),\n          \"ac-shadow--sm\":\n            (!hover && type === \"paper-2\") || (!hover && type === \"paper-3\"),\n        })}\n        ref={innerRef}\n        type={type}\n        {...rest}\n      >\n        {children}\n      </StyledPaper>\n    );\n  }\n);\n\nPaper.displayName = \"Paper\";\n"],"mappings":"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"}

package/dist/cjs/components/Paper/Styles.js

@@ -15,8 +15,10 @@ var PaperStyles = exports.PaperStyles = (0, _styledComponents.css)(["", " border
 var StyledPaper = exports.StyledPaper = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledPaper",
   componentId: "sc-1ld1e2o-0"
-})(["", " ", ""], PaperStyles, function (props) {
-  return props.type === "paper-3" && (0, _styledComponents.css)(["border:solid 1px var(--border-primary);"]);
+})(["", " ", " ", ""], PaperStyles, function (props) {
+  return (props.type === "paper-3" || props.type === "tile-1") && (0, _styledComponents.css)(["border:solid 1px var(--border-primary);"]);
+}, function (props) {
+  return (props.type === "tile-1" || props.type === "tile-2") && (0, _styledComponents.css)(["&:hover{background-color:var(--color-theme-200);}"]);
 });
 StyledPaper.displayName = "StyledPaper";
 //# sourceMappingURL=Styles.js.map

package/dist/cjs/components/Paper/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_FontStyle","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","PaperStyles","exports","css","FontStyle","BoxSizingStyle","StyledPaper","styled","div","withConfig","displayName","componentId","props","type"],"sources":["../../../../src/components/Paper/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { IPaperProps } from \"./Paper\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const PaperStyles = css`\n  ${tw`tw-bg-page-paper-main`}\n  border-radius: var(--ac-br-8);\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nexport const StyledPaper = styled.div<IPaperProps>`\n  ${PaperStyles}\n\n  ${(props) =>\n    props.type === \"paper-3\" &&\n    css`\n      border: solid 1px var(--border-primary);\n    `}\n`;\n\nStyledPaper.displayName = \"StyledPaper\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAIA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAAyC,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAElC,IAAMY,WAAW,GAAAC,OAAA,CAAAD,WAAA,OAAGE,qBAAG,mDACxB;EAAA;AAAsB,CAAC,EAGzBC,oBAAS,EACTC,8BAAc,CACjB;AACM,IAAMC,WAAW,GAAAJ,OAAA,CAAAI,WAAA,GAAGC,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kBACjCV,WAAW,EAEX,UAACW,KAAK;EAAA,OACNA,KAAK,CAACC,IAAI,KAAK,SAAS,QACxBV,qBAAG,8CAEF;AAAA,EACJ;AAEDG,WAAW,CAACI,WAAW,GAAG,aAAa"}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_FontStyle","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","PaperStyles","exports","css","FontStyle","BoxSizingStyle","StyledPaper","styled","div","withConfig","displayName","componentId","props","type"],"sources":["../../../../src/components/Paper/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { IPaperProps } from \"./Paper\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\nexport const PaperStyles = css`\n  ${tw`tw-bg-page-paper-main`}\n  border-radius: var(--ac-br-8);\n\n  ${FontStyle}\n  ${BoxSizingStyle}\n`;\nexport const StyledPaper = styled.div<IPaperProps>`\n  ${PaperStyles}\n\n  ${(props) =>\n    (props.type === \"paper-3\" || props.type === \"tile-1\") &&\n    css`\n      border: solid 1px var(--border-primary);\n    `}\n\n      ${(props) =>\n    (props.type === \"tile-1\" || props.type === \"tile-2\") &&\n    css`\n      &:hover {\n        background-color: var(--color-theme-200);\n      }\n    `}\n`;\n\nStyledPaper.displayName = \"StyledPaper\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAIA,IAAAC,eAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AAAyC,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAElC,IAAMY,WAAW,GAAAC,OAAA,CAAAD,WAAA,OAAGE,qBAAG,mDACxB;EAAA;AAAsB,CAAC,EAGzBC,oBAAS,EACTC,8BAAc,CACjB;AACM,IAAMC,WAAW,GAAAJ,OAAA,CAAAI,WAAA,GAAGC,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uBACjCV,WAAW,EAEX,UAACW,KAAK;EAAA,OACN,CAACA,KAAK,CAACC,IAAI,KAAK,SAAS,IAAID,KAAK,CAACC,IAAI,KAAK,QAAQ,SACpDV,qBAAG,8CAEF;AAAA,GAEG,UAACS,KAAK;EAAA,OACV,CAACA,KAAK,CAACC,IAAI,KAAK,QAAQ,IAAID,KAAK,CAACC,IAAI,KAAK,QAAQ,SACnDV,qBAAG,wDAIF;AAAA,EACJ;AAEDG,WAAW,CAACI,WAAW,GAAG,aAAa"}

package/dist/esm/components/Card/Card.d.ts

@@ -3,7 +3,7 @@ export interface ICardProps {
     /** Choose if card should be hoverable or not */
     hoverable?: boolean;
     /** Set the type of the Paper */
-    paperType?: "paper-1" | "paper-2";
+    variant?: "paper-1" | "paper-2" | "tile-1" | "tile-2";
     /** Ref element */
     ref?: Ref<HTMLDivElement>;
 }

package/dist/esm/components/Card/Card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,GAAG,EAA8B,MAAM,OAAO,CAAC;AAM/D,MAAM,WAAW,UAAU;IACzB,gDAAgD;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gCAAgC;IAChC,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAClC,kBAAkB;IAClB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,eAAO,MAAM,IAAI,uIAwBhB,CAAC"}
+{"version":3,"file":"Card.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,GAAG,EAA8B,MAAM,OAAO,CAAC;AAM/D,MAAM,WAAW,UAAU;IACzB,gDAAgD;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gCAAgC;IAChC,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACtD,kBAAkB;IAClB,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B;AAED,eAAO,MAAM,IAAI,uIA2BhB,CAAC"}

package/dist/esm/components/Card/Card.js

@@ -7,13 +7,16 @@ export const Card = /*#__PURE__*/forwardRef((_ref, ref) => {
     children,
     className,
     hoverable = false,
-    paperType = "paper-2",
+    variant = "paper-2",
+    onClick,
     ...rest
   } = _ref;
   return /*#__PURE__*/React.createElement(StyledCard, _extends({}, rest, {
-    type: paperType,
+    type: variant,
     className: classnames("c-card", className),
     hover: hoverable,
+    $pointer: typeof onClick === "function",
+    onClick: onClick,
     useOptimizedShadow: true,
     ref: ref
   }), children);

package/dist/esm/components/Card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","names":["React","forwardRef","classnames","StyledCard","Card","_ref","ref","children","className","hoverable","paperType","rest","createElement","_extends","type","hover","useOptimizedShadow","displayName"],"sources":["../../../../src/components/Card/Card.tsx"],"sourcesContent":["import React, { Ref, HTMLAttributes, forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledCard } from \"./Styles\";\n\nexport interface ICardProps {\n  /** Choose if card should be hoverable or not */\n  hoverable?: boolean;\n  /** Set the type of the Paper */\n  paperType?: \"paper-1\" | \"paper-2\";\n  /** Ref element */\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport const Card = forwardRef(\n  (\n    {\n      children,\n      className,\n      hoverable = false,\n      paperType = \"paper-2\",\n      ...rest\n    }: HTMLAttributes<HTMLDivElement> & ICardProps,\n    ref: Ref<HTMLDivElement> | null | undefined\n  ) => {\n    return (\n      <StyledCard\n        {...rest}\n        type={paperType}\n        className={classnames(\"c-card\", className)}\n        hover={hoverable}\n        useOptimizedShadow\n        ref={ref}\n      >\n        {children}\n      </StyledCard>\n    );\n  }\n);\n\nCard.displayName = \"Card\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAyBC,UAAU,QAAQ,OAAO;AAE9D,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,UAAU,QAAQ,UAAU;AAWrC,OAAO,MAAMC,IAAI,gBAAGH,UAAU,CAC5B,CAAAI,IAAA,EAQEC,GAA2C,KACxC;EAAA,IARH;IACEC,QAAQ;IACRC,SAAS;IACTC,SAAS,GAAG,KAAK;IACjBC,SAAS,GAAG,SAAS;IACrB,GAAGC;EACwC,CAAC,GAAAN,IAAA;EAG9C,oBACEL,KAAA,CAAAY,aAAA,CAACT,UAAU,EAAAU,QAAA,KACLF,IAAI;IACRG,IAAI,EAAEJ,SAAU;IAChBF,SAAS,EAAEN,UAAU,CAAC,QAAQ,EAAEM,SAAS,CAAE;IAC3CO,KAAK,EAAEN,SAAU;IACjBO,kBAAkB;IAClBV,GAAG,EAAEA;EAAI,IAERC,QACS,CAAC;AAEjB,CACF,CAAC;AAEDH,IAAI,CAACa,WAAW,GAAG,MAAM"}
+{"version":3,"file":"Card.js","names":["React","forwardRef","classnames","StyledCard","Card","_ref","ref","children","className","hoverable","variant","onClick","rest","createElement","_extends","type","hover","$pointer","useOptimizedShadow","displayName"],"sources":["../../../../src/components/Card/Card.tsx"],"sourcesContent":["import React, { Ref, HTMLAttributes, forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledCard } from \"./Styles\";\n\nexport interface ICardProps {\n  /** Choose if card should be hoverable or not */\n  hoverable?: boolean;\n  /** Set the type of the Paper */\n  variant?: \"paper-1\" | \"paper-2\" | \"tile-1\" | \"tile-2\";\n  /** Ref element */\n  ref?: Ref<HTMLDivElement>;\n}\n\nexport const Card = forwardRef(\n  (\n    {\n      children,\n      className,\n      hoverable = false,\n      variant = \"paper-2\",\n      onClick,\n      ...rest\n    }: HTMLAttributes<HTMLDivElement> & ICardProps,\n    ref: Ref<HTMLDivElement> | null | undefined\n  ) => {\n    return (\n      <StyledCard\n        {...rest}\n        type={variant}\n        className={classnames(\"c-card\", className)}\n        hover={hoverable}\n        $pointer={typeof onClick === \"function\"}\n        onClick={onClick}\n        useOptimizedShadow\n        ref={ref}\n      >\n        {children}\n      </StyledCard>\n    );\n  }\n);\n\nCard.displayName = \"Card\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAyBC,UAAU,QAAQ,OAAO;AAE9D,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,UAAU,QAAQ,UAAU;AAWrC,OAAO,MAAMC,IAAI,gBAAGH,UAAU,CAC5B,CAAAI,IAAA,EASEC,GAA2C,KACxC;EAAA,IATH;IACEC,QAAQ;IACRC,SAAS;IACTC,SAAS,GAAG,KAAK;IACjBC,OAAO,GAAG,SAAS;IACnBC,OAAO;IACP,GAAGC;EACwC,CAAC,GAAAP,IAAA;EAG9C,oBACEL,KAAA,CAAAa,aAAA,CAACV,UAAU,EAAAW,QAAA,KACLF,IAAI;IACRG,IAAI,EAAEL,OAAQ;IACdF,SAAS,EAAEN,UAAU,CAAC,QAAQ,EAAEM,SAAS,CAAE;IAC3CQ,KAAK,EAAEP,SAAU;IACjBQ,QAAQ,EAAE,OAAON,OAAO,KAAK,UAAW;IACxCA,OAAO,EAAEA,OAAQ;IACjBO,kBAAkB;IAClBZ,GAAG,EAAEA;EAAI,IAERC,QACS,CAAC;AAEjB,CACF,CAAC;AAEDH,IAAI,CAACe,WAAW,GAAG,MAAM"}

package/dist/esm/components/Card/Styles.d.ts

@@ -1,3 +1,7 @@
 /// <reference types="react" />
-export declare const StyledCard: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("../Paper").IPaperProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
+interface StyledCardProps {
+    $pointer?: boolean;
+}
+export declare const StyledCard: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("../Paper").IPaperProps & import("react").RefAttributes<HTMLDivElement>>, any, StyledCardProps, never>;
+export {};
 //# sourceMappingURL=Styles.d.ts.map

package/dist/esm/components/Card/Styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,UAAU,yOAEtB,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Card/Styles.ts"],"names":[],"mappings":";AAKA,UAAU,eAAe;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,UAAU,sPAQtB,CAAC"}

package/dist/esm/components/Card/Styles.js

@@ -1,10 +1,15 @@
-import styled from "styled-components";
+import styled, { css } from "styled-components";
 import { Paper } from "../Paper";
 export const StyledCard = styled(Paper).withConfig({
   displayName: "Styles__StyledCard",
   componentId: "sc-hllbj1-0"
-})(["", ""], {
+})(["", " ", ""], {
   "color": "var(--color-theme-900)"
+}, _ref => {
+  let {
+    $pointer
+  } = _ref;
+  return $pointer && css(["cursor:pointer;"]);
 });
 StyledCard.displayName = "StyledCard";
 //# sourceMappingURL=Styles.js.map

package/dist/esm/components/Card/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","Paper","StyledCard","withConfig","displayName","componentId"],"sources":["../../../../src/components/Card/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { Paper } from \"../Paper\";\n\nexport const StyledCard = styled(Paper)`\n  ${tw`tw-text-theme-900`}\n`;\n\nStyledCard.displayName = \"StyledCard\";\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAGtC,SAASC,KAAK,QAAQ,UAAU;AAEhC,OAAO,MAAMC,UAAU,GAAGF,MAAM,CAACC,KAAK,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACjC;EAAA;AAAkB,CAAC,CACxB;AAEDH,UAAU,CAACE,WAAW,GAAG,YAAY"}
+{"version":3,"file":"Styles.js","names":["styled","css","Paper","StyledCard","withConfig","displayName","componentId","_ref","$pointer"],"sources":["../../../../src/components/Card/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { Paper } from \"../Paper\";\n\ninterface StyledCardProps {\n  $pointer?: boolean;\n}\n\nexport const StyledCard = styled(Paper)<StyledCardProps>`\n  ${tw`tw-text-theme-900`}\n\n  ${({ $pointer }) =>\n    $pointer &&\n    css`\n      cursor: pointer;\n    `}\n`;\n\nStyledCard.displayName = \"StyledCard\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,SAASC,KAAK,QAAQ,UAAU;AAMhC,OAAO,MAAMC,UAAU,GAAGH,MAAM,CAACE,KAAK,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,kBACjC;EAAA;AAAkB,CAAC,EAErBC,IAAA;EAAA,IAAC;IAAEC;EAAS,CAAC,GAAAD,IAAA;EAAA,OACbC,QAAQ,IACRP,GAAG,qBAEF;AAAA,EACJ;AAEDE,UAAU,CAACE,WAAW,GAAG,YAAY"}

package/dist/esm/components/Entity/EntityCard.js

@@ -23,7 +23,7 @@ export const EntityCard = /*#__PURE__*/forwardRef((_ref, ref) => {
     as: Component,
     $renderAs: renderAs,
     $background: background,
-    paperType: paperType,
+    variant: paperType,
     className: classNames("c-entity-card", classSuffix, className),
     $isCollection: isCollection
   }, rest, {

package/dist/esm/components/Entity/EntityCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityCard.js","names":["React","forwardRef","useContext","classNames","EntityGroupContext","StyledEntityCard","Card","EntityCard","_ref","ref","children","isCollection","background","className","as","rest","renderAs","classSuffix","paperType","Component","createElement","_extends","$renderAs","$background","$isCollection","displayName"],"sources":["../../../../src/components/Entity/EntityCard.tsx"],"sourcesContent":["import React, {\n  BaseHTMLAttributes,\n  CSSProperties,\n  forwardRef,\n  ReactElement,\n  ReactNode,\n  useContext,\n} from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { EntityGroupContext } from \"./EntityGroup\";\nimport { StyledEntityCard } from \"./Styles\";\nimport {\n  PolymorphicComponentPropsWithRef,\n  PolymorphicRef,\n} from \"../../utils/types\";\nimport { Card, ICardProps } from \"../Card\";\n\nexport interface IEntityCardProps\n  extends ICardProps,\n    BaseHTMLAttributes<HTMLElement> {\n  /** ClassName to add on Card */\n  className?: string;\n  /** Show as group of Cards on grid */\n  isCollection?: boolean;\n  /** Background color to override for Card */\n  background?: string;\n  /** CSSProperties to override for Card */\n  style?: CSSProperties;\n}\n\nexport type EntityCardProps<C extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<C, IEntityCardProps>;\n\nexport type EntityComponent = <C extends React.ElementType = typeof Card>(\n  props: EntityCardProps<C>\n) => ReactElement | ReactNode | null;\n\nexport const EntityCard: EntityComponent & { displayName?: string } =\n  forwardRef(\n    <C extends React.ElementType = typeof Card>(\n      {\n        children,\n        isCollection,\n        background,\n        className,\n        as,\n        ...rest\n      }: EntityCardProps<C>,\n      ref?: PolymorphicRef<C>\n    ) => {\n      const { renderAs } = useContext(EntityGroupContext);\n      const classSuffix = `c-entity-card-${renderAs}`;\n      const paperType = renderAs === \"grid\" ? \"paper-1\" : \"paper-2\";\n      const Component = as || Card;\n      return (\n        <StyledEntityCard\n          as={Component}\n          $renderAs={renderAs}\n          $background={background}\n          paperType={paperType}\n          className={classNames(\"c-entity-card\", classSuffix, className)}\n          $isCollection={isCollection}\n          {...rest}\n          ref={ref}\n        >\n          {children}\n        </StyledEntityCard>\n      );\n    }\n  );\n\nEntityCard.displayName = \"EntityCard\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAGVC,UAAU,EAGVC,UAAU,QACL,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,kBAAkB,QAAQ,eAAe;AAClD,SAASC,gBAAgB,QAAQ,UAAU;AAK3C,SAASC,IAAI,QAAoB,SAAS;AAsB1C,OAAO,MAAMC,UAAsD,gBACjEN,UAAU,CACR,CAAAO,IAAA,EASEC,GAAuB,KACpB;EAAA,IATH;IACEC,QAAQ;IACRC,YAAY;IACZC,UAAU;IACVC,SAAS;IACTC,EAAE;IACF,GAAGC;EACe,CAAC,GAAAP,IAAA;EAGrB,MAAM;IAAEQ;EAAS,CAAC,GAAGd,UAAU,CAACE,kBAAkB,CAAC;EACnD,MAAMa,WAAW,sBAAoBD,QAAU;EAC/C,MAAME,SAAS,GAAGF,QAAQ,KAAK,MAAM,GAAG,SAAS,GAAG,SAAS;EAC7D,MAAMG,SAAS,GAAGL,EAAE,IAAIR,IAAI;EAC5B,oBACEN,KAAA,CAAAoB,aAAA,CAACf,gBAAgB,EAAAgB,QAAA;IACfP,EAAE,EAAEK,SAAU;IACdG,SAAS,EAAEN,QAAS;IACpBO,WAAW,EAAEX,UAAW;IACxBM,SAAS,EAAEA,SAAU;IACrBL,SAAS,EAAEV,UAAU,CAAC,eAAe,EAAEc,WAAW,EAAEJ,SAAS,CAAE;IAC/DW,aAAa,EAAEb;EAAa,GACxBI,IAAI;IACRN,GAAG,EAAEA;EAAI,IAERC,QACe,CAAC;AAEvB,CACF,CAAC;AAEHH,UAAU,CAACkB,WAAW,GAAG,YAAY"}
+{"version":3,"file":"EntityCard.js","names":["React","forwardRef","useContext","classNames","EntityGroupContext","StyledEntityCard","Card","EntityCard","_ref","ref","children","isCollection","background","className","as","rest","renderAs","classSuffix","paperType","Component","createElement","_extends","$renderAs","$background","variant","$isCollection","displayName"],"sources":["../../../../src/components/Entity/EntityCard.tsx"],"sourcesContent":["import React, {\n  BaseHTMLAttributes,\n  CSSProperties,\n  forwardRef,\n  ReactElement,\n  ReactNode,\n  useContext,\n} from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { EntityGroupContext } from \"./EntityGroup\";\nimport { StyledEntityCard } from \"./Styles\";\nimport {\n  PolymorphicComponentPropsWithRef,\n  PolymorphicRef,\n} from \"../../utils/types\";\nimport { Card, ICardProps } from \"../Card\";\n\nexport interface IEntityCardProps\n  extends ICardProps,\n    BaseHTMLAttributes<HTMLElement> {\n  /** ClassName to add on Card */\n  className?: string;\n  /** Show as group of Cards on grid */\n  isCollection?: boolean;\n  /** Background color to override for Card */\n  background?: string;\n  /** CSSProperties to override for Card */\n  style?: CSSProperties;\n}\n\nexport type EntityCardProps<C extends React.ElementType> =\n  PolymorphicComponentPropsWithRef<C, IEntityCardProps>;\n\nexport type EntityComponent = <C extends React.ElementType = typeof Card>(\n  props: EntityCardProps<C>\n) => ReactElement | ReactNode | null;\n\nexport const EntityCard: EntityComponent & { displayName?: string } =\n  forwardRef(\n    <C extends React.ElementType = typeof Card>(\n      {\n        children,\n        isCollection,\n        background,\n        className,\n        as,\n        ...rest\n      }: EntityCardProps<C>,\n      ref?: PolymorphicRef<C>\n    ) => {\n      const { renderAs } = useContext(EntityGroupContext);\n      const classSuffix = `c-entity-card-${renderAs}`;\n      const paperType = renderAs === \"grid\" ? \"paper-1\" : \"paper-2\";\n      const Component = as || Card;\n      return (\n        <StyledEntityCard\n          as={Component}\n          $renderAs={renderAs}\n          $background={background}\n          variant={paperType}\n          className={classNames(\"c-entity-card\", classSuffix, className)}\n          $isCollection={isCollection}\n          {...rest}\n          ref={ref}\n        >\n          {children}\n        </StyledEntityCard>\n      );\n    }\n  );\n\nEntityCard.displayName = \"EntityCard\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAGVC,UAAU,EAGVC,UAAU,QACL,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,kBAAkB,QAAQ,eAAe;AAClD,SAASC,gBAAgB,QAAQ,UAAU;AAK3C,SAASC,IAAI,QAAoB,SAAS;AAsB1C,OAAO,MAAMC,UAAsD,gBACjEN,UAAU,CACR,CAAAO,IAAA,EASEC,GAAuB,KACpB;EAAA,IATH;IACEC,QAAQ;IACRC,YAAY;IACZC,UAAU;IACVC,SAAS;IACTC,EAAE;IACF,GAAGC;EACe,CAAC,GAAAP,IAAA;EAGrB,MAAM;IAAEQ;EAAS,CAAC,GAAGd,UAAU,CAACE,kBAAkB,CAAC;EACnD,MAAMa,WAAW,sBAAoBD,QAAU;EAC/C,MAAME,SAAS,GAAGF,QAAQ,KAAK,MAAM,GAAG,SAAS,GAAG,SAAS;EAC7D,MAAMG,SAAS,GAAGL,EAAE,IAAIR,IAAI;EAC5B,oBACEN,KAAA,CAAAoB,aAAA,CAACf,gBAAgB,EAAAgB,QAAA;IACfP,EAAE,EAAEK,SAAU;IACdG,SAAS,EAAEN,QAAS;IACpBO,WAAW,EAAEX,UAAW;IACxBY,OAAO,EAAEN,SAAU;IACnBL,SAAS,EAAEV,UAAU,CAAC,eAAe,EAAEc,WAAW,EAAEJ,SAAS,CAAE;IAC/DY,aAAa,EAAEd;EAAa,GACxBI,IAAI;IACRN,GAAG,EAAEA;EAAI,IAERC,QACe,CAAC;AAEvB,CACF,CAAC;AAEHH,UAAU,CAACmB,WAAW,GAAG,YAAY"}

package/dist/esm/components/EntityCard/EntityCard.js

@@ -38,7 +38,7 @@ export const EntityCard = /*#__PURE__*/forwardRef((_ref, ref) => {
       "grid-item": renderAs === "grid-item",
       "list-item": renderAs === "list-item"
     }, className),
-    paperType: renderAs === "grid-item" ? "paper-1" : "paper-2",
+    variant: renderAs === "grid-item" ? "paper-1" : "paper-2",
     $renderAs: renderAs
   }, renderAs === "list-item" ? renderAsListItem(properties) : null, renderAs === "grid-item" ? renderAsGridItem(properties) : null);
 });

package/dist/esm/components/EntityCard/EntityCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityCard.js","names":["React","forwardRef","useCallback","classnames","StyledEntityCard","EntityCard","_ref","ref","renderAs","properties","className","renderAsListItem","filter","p","showInList","map","createElement","key","name","render","renderAsGridItem","headerSection","cardSection","bodySection","footerSection","renderProperty","Fragment","hoverable","paperType","$renderAs","displayName"],"sources":["../../../../src/components/EntityCard/EntityCard.tsx"],"sourcesContent":["import React, {\n  Ref,\n  HTMLAttributes,\n  forwardRef,\n  ReactNode,\n  useCallback,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledEntityCard } from \"./Styles\";\n\nexport type cardSection = \"header\" | \"body\" | \"footer\";\n\nexport interface IEntityProperties {\n  name: string;\n  render: () => ReactNode;\n  showInList?: boolean;\n  cardSection: cardSection;\n  className?: string;\n}\n\nexport interface IEntityCardProps {\n  renderAs?: \"list-item\" | \"grid-item\";\n  properties: IEntityProperties[];\n  ref?: Ref<HTMLDivElement>;\n  link?: string;\n  className?: string;\n}\n\nexport const EntityCard = forwardRef(\n  (\n    {\n      renderAs = \"list-item\",\n      properties,\n      className,\n    }: HTMLAttributes<HTMLDivElement> & IEntityCardProps,\n    ref: Ref<HTMLDivElement> | null | undefined\n  ) => {\n    const renderAsListItem = useCallback((properties: IEntityProperties[]) => {\n      return properties\n        .filter((p) => p.showInList)\n        .map((p) => {\n          return (\n            <div key={p.name} className={`entity-property-${p.name}`}>\n              {p.render()}\n            </div>\n          );\n        });\n    }, []);\n\n    const renderAsGridItem = useCallback((properties: IEntityProperties[]) => {\n      const headerSection = properties.filter(\n        (p: IEntityProperties) => p.cardSection === \"header\"\n      );\n      const bodySection = properties.filter(\n        (p: IEntityProperties) => p.cardSection === \"body\"\n      );\n      const footerSection = properties.filter(\n        (p) => p.cardSection === \"footer\"\n      );\n      const renderProperty = (p: IEntityProperties): ReactNode => (\n        <div key={p.name} className={`entity-property-${p.name}`}>\n          {p.render()}\n        </div>\n      );\n      return (\n        <>\n          <div className=\"card-header\">\n            {headerSection.map((p) => renderProperty(p))}\n          </div>\n          <div className=\"card-body\">\n            {bodySection.map((p) => renderProperty(p))}\n          </div>\n          <div className=\"card-footer\">\n            {footerSection.map((p) => renderProperty(p))}\n          </div>\n        </>\n      );\n    }, []);\n\n    return (\n      <StyledEntityCard\n        ref={ref}\n        hoverable\n        className={classnames(\n          \"entity-card-wrapper\",\n          {\n            \"grid-item\": renderAs === \"grid-item\",\n            \"list-item\": renderAs === \"list-item\",\n          },\n          className\n        )}\n        paperType={renderAs === \"grid-item\" ? \"paper-1\" : \"paper-2\"}\n        $renderAs={renderAs}\n      >\n        {renderAs === \"list-item\" ? renderAsListItem(properties) : null}\n        {renderAs === \"grid-item\" ? renderAsGridItem(properties) : null}\n      </StyledEntityCard>\n    );\n  }\n);\n\nEntityCard.displayName = \"EntityCard\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAGVC,UAAU,EAEVC,WAAW,QACN,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,gBAAgB,QAAQ,UAAU;AAoB3C,OAAO,MAAMC,UAAU,gBAAGJ,UAAU,CAClC,CAAAK,IAAA,EAMEC,GAA2C,KACxC;EAAA,IANH;IACEC,QAAQ,GAAG,WAAW;IACtBC,UAAU;IACVC;EACiD,CAAC,GAAAJ,IAAA;EAGpD,MAAMK,gBAAgB,GAAGT,WAAW,CAAEO,UAA+B,IAAK;IACxE,OAAOA,UAAU,CACdG,MAAM,CAAEC,CAAC,IAAKA,CAAC,CAACC,UAAU,CAAC,CAC3BC,GAAG,CAAEF,CAAC,IAAK;MACV,oBACEb,KAAA,CAAAgB,aAAA;QAAKC,GAAG,EAAEJ,CAAC,CAACK,IAAK;QAACR,SAAS,uBAAqBG,CAAC,CAACK;MAAO,GACtDL,CAAC,CAACM,MAAM,CAAC,CACP,CAAC;IAEV,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,gBAAgB,GAAGlB,WAAW,CAAEO,UAA+B,IAAK;IACxE,MAAMY,aAAa,GAAGZ,UAAU,CAACG,MAAM,CACpCC,CAAoB,IAAKA,CAAC,CAACS,WAAW,KAAK,QAC9C,CAAC;IACD,MAAMC,WAAW,GAAGd,UAAU,CAACG,MAAM,CAClCC,CAAoB,IAAKA,CAAC,CAACS,WAAW,KAAK,MAC9C,CAAC;IACD,MAAME,aAAa,GAAGf,UAAU,CAACG,MAAM,CACpCC,CAAC,IAAKA,CAAC,CAACS,WAAW,KAAK,QAC3B,CAAC;IACD,MAAMG,cAAc,GAAIZ,CAAoB,iBAC1Cb,KAAA,CAAAgB,aAAA;MAAKC,GAAG,EAAEJ,CAAC,CAACK,IAAK;MAACR,SAAS,uBAAqBG,CAAC,CAACK;IAAO,GACtDL,CAAC,CAACM,MAAM,CAAC,CACP,CACN;IACD,oBACEnB,KAAA,CAAAgB,aAAA,CAAAhB,KAAA,CAAA0B,QAAA,qBACE1B,KAAA,CAAAgB,aAAA;MAAKN,SAAS,EAAC;IAAa,GACzBW,aAAa,CAACN,GAAG,CAAEF,CAAC,IAAKY,cAAc,CAACZ,CAAC,CAAC,CACxC,CAAC,eACNb,KAAA,CAAAgB,aAAA;MAAKN,SAAS,EAAC;IAAW,GACvBa,WAAW,CAACR,GAAG,CAAEF,CAAC,IAAKY,cAAc,CAACZ,CAAC,CAAC,CACtC,CAAC,eACNb,KAAA,CAAAgB,aAAA;MAAKN,SAAS,EAAC;IAAa,GACzBc,aAAa,CAACT,GAAG,CAAEF,CAAC,IAAKY,cAAc,CAACZ,CAAC,CAAC,CACxC,CACL,CAAC;EAEP,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEb,KAAA,CAAAgB,aAAA,CAACZ,gBAAgB;IACfG,GAAG,EAAEA,GAAI;IACToB,SAAS;IACTjB,SAAS,EAAEP,UAAU,CACnB,qBAAqB,EACrB;MACE,WAAW,EAAEK,QAAQ,KAAK,WAAW;MACrC,WAAW,EAAEA,QAAQ,KAAK;IAC5B,CAAC,EACDE,SACF,CAAE;IACFkB,SAAS,EAAEpB,QAAQ,KAAK,WAAW,GAAG,SAAS,GAAG,SAAU;IAC5DqB,SAAS,EAAErB;EAAS,GAEnBA,QAAQ,KAAK,WAAW,GAAGG,gBAAgB,CAACF,UAAU,CAAC,GAAG,IAAI,EAC9DD,QAAQ,KAAK,WAAW,GAAGY,gBAAgB,CAACX,UAAU,CAAC,GAAG,IAC3C,CAAC;AAEvB,CACF,CAAC;AAEDJ,UAAU,CAACyB,WAAW,GAAG,YAAY"}
+{"version":3,"file":"EntityCard.js","names":["React","forwardRef","useCallback","classnames","StyledEntityCard","EntityCard","_ref","ref","renderAs","properties","className","renderAsListItem","filter","p","showInList","map","createElement","key","name","render","renderAsGridItem","headerSection","cardSection","bodySection","footerSection","renderProperty","Fragment","hoverable","variant","$renderAs","displayName"],"sources":["../../../../src/components/EntityCard/EntityCard.tsx"],"sourcesContent":["import React, {\n  Ref,\n  HTMLAttributes,\n  forwardRef,\n  ReactNode,\n  useCallback,\n} from \"react\";\n\nimport classnames from \"classnames\";\n\nimport { StyledEntityCard } from \"./Styles\";\n\nexport type cardSection = \"header\" | \"body\" | \"footer\";\n\nexport interface IEntityProperties {\n  name: string;\n  render: () => ReactNode;\n  showInList?: boolean;\n  cardSection: cardSection;\n  className?: string;\n}\n\nexport interface IEntityCardProps {\n  renderAs?: \"list-item\" | \"grid-item\";\n  properties: IEntityProperties[];\n  ref?: Ref<HTMLDivElement>;\n  link?: string;\n  className?: string;\n}\n\nexport const EntityCard = forwardRef(\n  (\n    {\n      renderAs = \"list-item\",\n      properties,\n      className,\n    }: HTMLAttributes<HTMLDivElement> & IEntityCardProps,\n    ref: Ref<HTMLDivElement> | null | undefined\n  ) => {\n    const renderAsListItem = useCallback((properties: IEntityProperties[]) => {\n      return properties\n        .filter((p) => p.showInList)\n        .map((p) => {\n          return (\n            <div key={p.name} className={`entity-property-${p.name}`}>\n              {p.render()}\n            </div>\n          );\n        });\n    }, []);\n\n    const renderAsGridItem = useCallback((properties: IEntityProperties[]) => {\n      const headerSection = properties.filter(\n        (p: IEntityProperties) => p.cardSection === \"header\"\n      );\n      const bodySection = properties.filter(\n        (p: IEntityProperties) => p.cardSection === \"body\"\n      );\n      const footerSection = properties.filter(\n        (p) => p.cardSection === \"footer\"\n      );\n      const renderProperty = (p: IEntityProperties): ReactNode => (\n        <div key={p.name} className={`entity-property-${p.name}`}>\n          {p.render()}\n        </div>\n      );\n      return (\n        <>\n          <div className=\"card-header\">\n            {headerSection.map((p) => renderProperty(p))}\n          </div>\n          <div className=\"card-body\">\n            {bodySection.map((p) => renderProperty(p))}\n          </div>\n          <div className=\"card-footer\">\n            {footerSection.map((p) => renderProperty(p))}\n          </div>\n        </>\n      );\n    }, []);\n\n    return (\n      <StyledEntityCard\n        ref={ref}\n        hoverable\n        className={classnames(\n          \"entity-card-wrapper\",\n          {\n            \"grid-item\": renderAs === \"grid-item\",\n            \"list-item\": renderAs === \"list-item\",\n          },\n          className\n        )}\n        variant={renderAs === \"grid-item\" ? \"paper-1\" : \"paper-2\"}\n        $renderAs={renderAs}\n      >\n        {renderAs === \"list-item\" ? renderAsListItem(properties) : null}\n        {renderAs === \"grid-item\" ? renderAsGridItem(properties) : null}\n      </StyledEntityCard>\n    );\n  }\n);\n\nEntityCard.displayName = \"EntityCard\";\n"],"mappings":"AAAA,OAAOA,KAAK,IAGVC,UAAU,EAEVC,WAAW,QACN,OAAO;AAEd,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,gBAAgB,QAAQ,UAAU;AAoB3C,OAAO,MAAMC,UAAU,gBAAGJ,UAAU,CAClC,CAAAK,IAAA,EAMEC,GAA2C,KACxC;EAAA,IANH;IACEC,QAAQ,GAAG,WAAW;IACtBC,UAAU;IACVC;EACiD,CAAC,GAAAJ,IAAA;EAGpD,MAAMK,gBAAgB,GAAGT,WAAW,CAAEO,UAA+B,IAAK;IACxE,OAAOA,UAAU,CACdG,MAAM,CAAEC,CAAC,IAAKA,CAAC,CAACC,UAAU,CAAC,CAC3BC,GAAG,CAAEF,CAAC,IAAK;MACV,oBACEb,KAAA,CAAAgB,aAAA;QAAKC,GAAG,EAAEJ,CAAC,CAACK,IAAK;QAACR,SAAS,uBAAqBG,CAAC,CAACK;MAAO,GACtDL,CAAC,CAACM,MAAM,CAAC,CACP,CAAC;IAEV,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,gBAAgB,GAAGlB,WAAW,CAAEO,UAA+B,IAAK;IACxE,MAAMY,aAAa,GAAGZ,UAAU,CAACG,MAAM,CACpCC,CAAoB,IAAKA,CAAC,CAACS,WAAW,KAAK,QAC9C,CAAC;IACD,MAAMC,WAAW,GAAGd,UAAU,CAACG,MAAM,CAClCC,CAAoB,IAAKA,CAAC,CAACS,WAAW,KAAK,MAC9C,CAAC;IACD,MAAME,aAAa,GAAGf,UAAU,CAACG,MAAM,CACpCC,CAAC,IAAKA,CAAC,CAACS,WAAW,KAAK,QAC3B,CAAC;IACD,MAAMG,cAAc,GAAIZ,CAAoB,iBAC1Cb,KAAA,CAAAgB,aAAA;MAAKC,GAAG,EAAEJ,CAAC,CAACK,IAAK;MAACR,SAAS,uBAAqBG,CAAC,CAACK;IAAO,GACtDL,CAAC,CAACM,MAAM,CAAC,CACP,CACN;IACD,oBACEnB,KAAA,CAAAgB,aAAA,CAAAhB,KAAA,CAAA0B,QAAA,qBACE1B,KAAA,CAAAgB,aAAA;MAAKN,SAAS,EAAC;IAAa,GACzBW,aAAa,CAACN,GAAG,CAAEF,CAAC,IAAKY,cAAc,CAACZ,CAAC,CAAC,CACxC,CAAC,eACNb,KAAA,CAAAgB,aAAA;MAAKN,SAAS,EAAC;IAAW,GACvBa,WAAW,CAACR,GAAG,CAAEF,CAAC,IAAKY,cAAc,CAACZ,CAAC,CAAC,CACtC,CAAC,eACNb,KAAA,CAAAgB,aAAA;MAAKN,SAAS,EAAC;IAAa,GACzBc,aAAa,CAACT,GAAG,CAAEF,CAAC,IAAKY,cAAc,CAACZ,CAAC,CAAC,CACxC,CACL,CAAC;EAEP,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEb,KAAA,CAAAgB,aAAA,CAACZ,gBAAgB;IACfG,GAAG,EAAEA,GAAI;IACToB,SAAS;IACTjB,SAAS,EAAEP,UAAU,CACnB,qBAAqB,EACrB;MACE,WAAW,EAAEK,QAAQ,KAAK,WAAW;MACrC,WAAW,EAAEA,QAAQ,KAAK;IAC5B,CAAC,EACDE,SACF,CAAE;IACFkB,OAAO,EAAEpB,QAAQ,KAAK,WAAW,GAAG,SAAS,GAAG,SAAU;IAC1DqB,SAAS,EAAErB;EAAS,GAEnBA,QAAQ,KAAK,WAAW,GAAGG,gBAAgB,CAACF,UAAU,CAAC,GAAG,IAAI,EAC9DD,QAAQ,KAAK,WAAW,GAAGY,gBAAgB,CAACX,UAAU,CAAC,GAAG,IAC3C,CAAC;AAEvB,CACF,CAAC;AAEDJ,UAAU,CAACyB,WAAW,GAAG,YAAY"}

package/dist/esm/components/Menu/Menu.d.ts

@@ -3,7 +3,7 @@ import { Placement } from "@popperjs/core";
 interface ElementWithRef<T> extends ReactElement {
     ref?: Ref<T>;
 }
-export type MenuMode = "normal" | "wider" | "tiny";
+export type MenuMode = "normal" | "wider" | "tiny" | "widest";
 export interface IMenu {
     /** Menu content */
     children: ReactNode | ((childProps: {

package/dist/esm/components/Menu/Menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAc,EAEZ,EAAE,EACF,SAAS,EACT,UAAU,EAIV,YAAY,EACZ,GAAG,EACJ,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAU3C,UAAU,cAAc,CAAC,CAAC,CAAE,SAAQ,YAAY;IAC9C,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;CACd;AAID,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAEnD,MAAM,WAAW,KAAK;IACpB,mBAAmB;IACnB,QAAQ,EACJ,SAAS,GACT,CAAC,CAAC,UAAU,EAAE;QAAE,UAAU,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,CAAC,CAAC;IAC9D,4BAA4B;IAC5B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACvD,wBAAwB;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yBAAyB;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,sBAAsB;IACtB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,oDAAoD;IACpD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,oDAAoD;IACpD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,4BAA4B;IAC5B,aAAa,CAAC,EAAE,MAAM,OAAO,CAAC;IAC9B,oBAAoB;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,qBAAqB;IACrB,MAAM,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uBAAuB;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,6FAA6F;IAC7F,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,6CAA6C;IAC7C,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,qBAAqB;IACrB,YAAY,CAAC,EAAE,CAAC,GAAG,IAAI,OAAA,KAAK,IAAI,CAAC;CAClC;AAED,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,KAAK,CA0H1B,CAAC"}
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../src/components/Menu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAc,EAEZ,EAAE,EACF,SAAS,EACT,UAAU,EAIV,YAAY,EACZ,GAAG,EACJ,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAU3C,UAAU,cAAc,CAAC,CAAC,CAAE,SAAQ,YAAY;IAC9C,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;CACd;AAID,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAC;AAE9D,MAAM,WAAW,KAAK;IACpB,mBAAmB;IACnB,QAAQ,EACJ,SAAS,GACT,CAAC,CAAC,UAAU,EAAE;QAAE,UAAU,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,GAAG,CAAC,OAAO,CAAC,CAAC;IAC9D,4BAA4B;IAC5B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACvD,wBAAwB;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yBAAyB;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,sBAAsB;IACtB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,oDAAoD;IACpD,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,oDAAoD;IACpD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,4BAA4B;IAC5B,aAAa,CAAC,EAAE,MAAM,OAAO,CAAC;IAC9B,oBAAoB;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,qBAAqB;IACrB,MAAM,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mBAAmB;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uBAAuB;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,6FAA6F;IAC7F,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,6CAA6C;IAC7C,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,qBAAqB;IACrB,YAAY,CAAC,EAAE,CAAC,GAAG,IAAI,OAAA,KAAK,IAAI,CAAC;CAClC;AAED,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,KAAK,CA0H1B,CAAC"}