@activecollab/components 2.0.89 → 2.0.91

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

@@ -1,19 +1,10 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EntityCard = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _EntityGroup = require("./EntityGroup");
-var _Styles = require("./Styles");
-var _Card = require("../Card");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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; }
-const EntityCard = exports.EntityCard = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { forwardRef, useContext } from "react";
+import classNames from "classnames";
+import { EntityGroupContext } from "./EntityGroup";
+import { StyledEntityCard } from "./Styles";
+import { Card } from "../Card";
+export const EntityCard = /*#__PURE__*/forwardRef((_ref, ref) => {
   let {
     children,
     isCollection,
@@ -24,16 +15,16 @@ const EntityCard = exports.EntityCard = /*#__PURE__*/(0, _react.forwardRef)((_re
   } = _ref;
   const {
     renderAs
-  } = (0, _react.useContext)(_EntityGroup.EntityGroupContext);
-  const classSuffix = `c-entity-card-${renderAs}`;
+  } = useContext(EntityGroupContext);
+  const classSuffix = "c-entity-card-" + renderAs;
   const paperType = renderAs === "grid" ? "paper-1" : "paper-2";
-  const Component = as || _Card.Card;
-  return /*#__PURE__*/_react.default.createElement(_Styles.StyledEntityCard, (0, _extends2.default)({
+  const Component = as || Card;
+  return /*#__PURE__*/React.createElement(StyledEntityCard, _extends({
     as: Component,
     $renderAs: renderAs,
     $background: background,
     paperType: paperType,
-    className: (0, _classnames.default)("c-entity-card", classSuffix, className),
+    className: classNames("c-entity-card", classSuffix, className),
     $isCollection: isCollection
   }, rest, {
     ref: ref

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

@@ -1 +1 @@
-{"version":3,"file":"EntityCard.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_EntityGroup","_Styles","_Card","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","EntityCard","exports","forwardRef","_ref","ref","children","isCollection","background","className","as","rest","renderAs","useContext","EntityGroupContext","classSuffix","paperType","Component","Card","createElement","StyledEntityCard","_extends2","$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":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AASA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAKA,IAAAK,KAAA,GAAAL,OAAA;AAA2C,SAAAM,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAR,wBAAAQ,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;AAsBpC,MAAMY,UAAsD,GAAAC,OAAA,CAAAD,UAAA,gBACjE,IAAAE,iBAAU,EACR,CAAAC,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,GAAG,IAAAC,iBAAU,EAACC,+BAAkB,CAAC;EACnD,MAAMC,WAAW,GAAI,iBAAgBH,QAAS,EAAC;EAC/C,MAAMI,SAAS,GAAGJ,QAAQ,KAAK,MAAM,GAAG,SAAS,GAAG,SAAS;EAC7D,MAAMK,SAAS,GAAGP,EAAE,IAAIQ,UAAI;EAC5B,oBACE9C,MAAA,CAAAc,OAAA,CAAAiC,aAAA,CAACzC,OAAA,CAAA0C,gBAAgB,MAAAC,SAAA,CAAAnC,OAAA;IACfwB,EAAE,EAAEO,SAAU;IACdK,SAAS,EAAEV,QAAS;IACpBW,WAAW,EAAEf,UAAW;IACxBQ,SAAS,EAAEA,SAAU;IACrBP,SAAS,EAAE,IAAAe,mBAAU,EAAC,eAAe,EAAET,WAAW,EAAEN,SAAS,CAAE;IAC/DgB,aAAa,EAAElB;EAAa,GACxBI,IAAI;IACRN,GAAG,EAAEA;EAAI,IAERC,QACe,CAAC;AAEvB,CACF,CAAC;AAEHL,UAAU,CAACyB,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","$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"}

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

@@ -1,32 +1,24 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EntityGroupContext = exports.EntityGroup = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-var _react = _interopRequireDefault(require("react"));
-var _Styles = require("./Styles");
-const EntityGroupContext = exports.EntityGroupContext = /*#__PURE__*/_react.default.createContext({
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from "react";
+import { StyledEntityGroup } from "./Styles";
+export const EntityGroupContext = /*#__PURE__*/React.createContext({
   renderAs: "grid"
 });
-const EntityGroup = _ref => {
+export const EntityGroup = _ref => {
   let {
     children,
     gap,
     renderAs = "grid",
     ...rest
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(EntityGroupContext.Provider, {
+  return /*#__PURE__*/React.createElement(EntityGroupContext.Provider, {
     value: {
       renderAs: renderAs
     }
-  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledEntityGroup, (0, _extends2.default)({
+  }, /*#__PURE__*/React.createElement(StyledEntityGroup, _extends({
     $renderAs: renderAs,
     $gap: gap
   }, rest), children));
 };
-exports.EntityGroup = EntityGroup;
 EntityGroup.displayName = "EntityGroup";
 //# sourceMappingURL=EntityGroup.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EntityGroup.js","names":["_react","_interopRequireDefault","require","_Styles","EntityGroupContext","exports","React","createContext","renderAs","EntityGroup","_ref","children","gap","rest","default","createElement","Provider","value","StyledEntityGroup","_extends2","$renderAs","$gap","displayName"],"sources":["../../../../src/components/Entity/EntityGroup.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\";\n\nimport { StyledEntityGroup } from \"./Styles\";\n\nexport interface IEntityGroupProps\n  extends Pick<\n    HTMLAttributes<HTMLDivElement>,\n    \"className\" | \"style\" | \"children\"\n  > {\n  gap?: number;\n  renderAs?: \"grid\" | \"list\";\n}\n\nexport interface IEntityGroupContext {\n  renderAs: \"grid\" | \"list\";\n}\nexport const EntityGroupContext = React.createContext<IEntityGroupContext>({\n  renderAs: \"grid\",\n});\nexport const EntityGroup: React.FC<IEntityGroupProps> = ({\n  children,\n  gap,\n  renderAs = \"grid\",\n  ...rest\n}) => {\n  return (\n    <EntityGroupContext.Provider value={{ renderAs: renderAs }}>\n      <StyledEntityGroup $renderAs={renderAs} $gap={gap} {...rest}>\n        {children}\n      </StyledEntityGroup>\n    </EntityGroupContext.Provider>\n  );\n};\n\nEntityGroup.displayName = \"EntityGroup\";\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAcO,MAAME,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,gBAAGE,cAAK,CAACC,aAAa,CAAsB;EACzEC,QAAQ,EAAE;AACZ,CAAC,CAAC;AACK,MAAMC,WAAwC,GAAGC,IAAA,IAKlD;EAAA,IALmD;IACvDC,QAAQ;IACRC,GAAG;IACHJ,QAAQ,GAAG,MAAM;IACjB,GAAGK;EACL,CAAC,GAAAH,IAAA;EACC,oBACEV,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,kBAAkB,CAACY,QAAQ;IAACC,KAAK,EAAE;MAAET,QAAQ,EAAEA;IAAS;EAAE,gBACzDR,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,OAAA,CAAAe,iBAAiB,MAAAC,SAAA,CAAAL,OAAA;IAACM,SAAS,EAAEZ,QAAS;IAACa,IAAI,EAAET;EAAI,GAAKC,IAAI,GACxDF,QACgB,CACQ,CAAC;AAElC,CAAC;AAACN,OAAA,CAAAI,WAAA,GAAAA,WAAA;AAEFA,WAAW,CAACa,WAAW,GAAG,aAAa"}
+{"version":3,"file":"EntityGroup.js","names":["React","StyledEntityGroup","EntityGroupContext","createContext","renderAs","EntityGroup","_ref","children","gap","rest","createElement","Provider","value","_extends","$renderAs","$gap","displayName"],"sources":["../../../../src/components/Entity/EntityGroup.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\";\n\nimport { StyledEntityGroup } from \"./Styles\";\n\nexport interface IEntityGroupProps\n  extends Pick<\n    HTMLAttributes<HTMLDivElement>,\n    \"className\" | \"style\" | \"children\"\n  > {\n  gap?: number;\n  renderAs?: \"grid\" | \"list\";\n}\n\nexport interface IEntityGroupContext {\n  renderAs: \"grid\" | \"list\";\n}\nexport const EntityGroupContext = React.createContext<IEntityGroupContext>({\n  renderAs: \"grid\",\n});\nexport const EntityGroup: React.FC<IEntityGroupProps> = ({\n  children,\n  gap,\n  renderAs = \"grid\",\n  ...rest\n}) => {\n  return (\n    <EntityGroupContext.Provider value={{ renderAs: renderAs }}>\n      <StyledEntityGroup $renderAs={renderAs} $gap={gap} {...rest}>\n        {children}\n      </StyledEntityGroup>\n    </EntityGroupContext.Provider>\n  );\n};\n\nEntityGroup.displayName = \"EntityGroup\";\n"],"mappings":";AAAA,OAAOA,KAAK,MAA0B,OAAO;AAE7C,SAASC,iBAAiB,QAAQ,UAAU;AAc5C,OAAO,MAAMC,kBAAkB,gBAAGF,KAAK,CAACG,aAAa,CAAsB;EACzEC,QAAQ,EAAE;AACZ,CAAC,CAAC;AACF,OAAO,MAAMC,WAAwC,GAAGC,IAAA,IAKlD;EAAA,IALmD;IACvDC,QAAQ;IACRC,GAAG;IACHJ,QAAQ,GAAG,MAAM;IACjB,GAAGK;EACL,CAAC,GAAAH,IAAA;EACC,oBACEN,KAAA,CAAAU,aAAA,CAACR,kBAAkB,CAACS,QAAQ;IAACC,KAAK,EAAE;MAAER,QAAQ,EAAEA;IAAS;EAAE,gBACzDJ,KAAA,CAAAU,aAAA,CAACT,iBAAiB,EAAAY,QAAA;IAACC,SAAS,EAAEV,QAAS;IAACW,IAAI,EAAEP;EAAI,GAAKC,IAAI,GACxDF,QACgB,CACQ,CAAC;AAElC,CAAC;AAEDF,WAAW,CAACW,WAAW,GAAG,aAAa"}

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

@@ -1,18 +1,9 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EntityProperty = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _EntityGroup = require("./EntityGroup");
-var _Styles = require("./Styles");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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; }
-const EntityProperty = _ref => {
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { useContext } from "react";
+import classNames from "classnames";
+import { EntityGroupContext } from "./EntityGroup";
+import { StyledEntityProperty } from "./Styles";
+export const EntityProperty = _ref => {
   let {
     listOrder,
     listWidth,
@@ -22,10 +13,10 @@ const EntityProperty = _ref => {
   } = _ref;
   const {
     renderAs
-  } = (0, _react.useContext)(_EntityGroup.EntityGroupContext);
-  const classSuffix = `c-entity-property-${renderAs}`;
-  return /*#__PURE__*/_react.default.createElement(_Styles.StyledEntityProperty, (0, _extends2.default)({
-    className: (0, _classnames.default)("c-entity-property", classSuffix, className)
+  } = useContext(EntityGroupContext);
+  const classSuffix = "c-entity-property-" + renderAs;
+  return /*#__PURE__*/React.createElement(StyledEntityProperty, _extends({
+    className: classNames("c-entity-property", classSuffix, className)
   }, props, {
     $order: listOrder,
     $width: listWidth,
@@ -33,6 +24,5 @@ const EntityProperty = _ref => {
     $renderAs: renderAs
   }));
 };
-exports.EntityProperty = EntityProperty;
 EntityProperty.displayName = "EntityProperty";
 //# sourceMappingURL=EntityProperty.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EntityProperty.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_EntityGroup","_Styles","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","EntityProperty","_ref","listOrder","listWidth","visibleFromBreakpoint","className","props","renderAs","useContext","EntityGroupContext","classSuffix","createElement","StyledEntityProperty","_extends2","classNames","$order","$width","$visibleFromBreakpoint","$renderAs","exports","displayName"],"sources":["../../../../src/components/Entity/EntityProperty.tsx"],"sourcesContent":["import React, { HTMLAttributes, useContext } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { EntityGroupContext } from \"./EntityGroup\";\nimport { StyledEntityProperty } from \"./Styles\";\n\nexport type VisibleFromBreakpoint = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\nexport interface IEntityCardPropertyProps\n  extends HTMLAttributes<HTMLDivElement> {\n  listOrder?: number;\n  listWidth?: string | number;\n  visibleFromBreakpoint?: VisibleFromBreakpoint;\n}\n\nexport const EntityProperty: React.FC<IEntityCardPropertyProps> = ({\n  listOrder,\n  listWidth,\n  visibleFromBreakpoint,\n  className,\n  ...props\n}) => {\n  const { renderAs } = useContext(EntityGroupContext);\n  const classSuffix = `c-entity-property-${renderAs}`;\n  return (\n    <StyledEntityProperty\n      className={classNames(\"c-entity-property\", classSuffix, className)}\n      {...props}\n      $order={listOrder}\n      $width={listWidth}\n      $visibleFromBreakpoint={visibleFromBreakpoint}\n      $renderAs={renderAs}\n    />\n  );\n};\n\nEntityProperty.displayName = \"EntityProperty\";\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAAgD,SAAAK,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAP,wBAAAO,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;AAUzC,MAAMY,cAAkD,GAAGC,IAAA,IAM5D;EAAA,IAN6D;IACjEC,SAAS;IACTC,SAAS;IACTC,qBAAqB;IACrBC,SAAS;IACT,GAAGC;EACL,CAAC,GAAAL,IAAA;EACC,MAAM;IAAEM;EAAS,CAAC,GAAG,IAAAC,iBAAU,EAACC,+BAAkB,CAAC;EACnD,MAAMC,WAAW,GAAI,qBAAoBH,QAAS,EAAC;EACnD,oBACEnC,MAAA,CAAAa,OAAA,CAAA0B,aAAA,CAACjC,OAAA,CAAAkC,oBAAoB,MAAAC,SAAA,CAAA5B,OAAA;IACnBoB,SAAS,EAAE,IAAAS,mBAAU,EAAC,mBAAmB,EAAEJ,WAAW,EAAEL,SAAS;EAAE,GAC/DC,KAAK;IACTS,MAAM,EAAEb,SAAU;IAClBc,MAAM,EAAEb,SAAU;IAClBc,sBAAsB,EAAEb,qBAAsB;IAC9Cc,SAAS,EAAEX;EAAS,EACrB,CAAC;AAEN,CAAC;AAACY,OAAA,CAAAnB,cAAA,GAAAA,cAAA;AAEFA,cAAc,CAACoB,WAAW,GAAG,gBAAgB"}
+{"version":3,"file":"EntityProperty.js","names":["React","useContext","classNames","EntityGroupContext","StyledEntityProperty","EntityProperty","_ref","listOrder","listWidth","visibleFromBreakpoint","className","props","renderAs","classSuffix","createElement","_extends","$order","$width","$visibleFromBreakpoint","$renderAs","displayName"],"sources":["../../../../src/components/Entity/EntityProperty.tsx"],"sourcesContent":["import React, { HTMLAttributes, useContext } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { EntityGroupContext } from \"./EntityGroup\";\nimport { StyledEntityProperty } from \"./Styles\";\n\nexport type VisibleFromBreakpoint = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\nexport interface IEntityCardPropertyProps\n  extends HTMLAttributes<HTMLDivElement> {\n  listOrder?: number;\n  listWidth?: string | number;\n  visibleFromBreakpoint?: VisibleFromBreakpoint;\n}\n\nexport const EntityProperty: React.FC<IEntityCardPropertyProps> = ({\n  listOrder,\n  listWidth,\n  visibleFromBreakpoint,\n  className,\n  ...props\n}) => {\n  const { renderAs } = useContext(EntityGroupContext);\n  const classSuffix = `c-entity-property-${renderAs}`;\n  return (\n    <StyledEntityProperty\n      className={classNames(\"c-entity-property\", classSuffix, className)}\n      {...props}\n      $order={listOrder}\n      $width={listWidth}\n      $visibleFromBreakpoint={visibleFromBreakpoint}\n      $renderAs={renderAs}\n    />\n  );\n};\n\nEntityProperty.displayName = \"EntityProperty\";\n"],"mappings":";AAAA,OAAOA,KAAK,IAAoBC,UAAU,QAAQ,OAAO;AAEzD,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,kBAAkB,QAAQ,eAAe;AAClD,SAASC,oBAAoB,QAAQ,UAAU;AAU/C,OAAO,MAAMC,cAAkD,GAAGC,IAAA,IAM5D;EAAA,IAN6D;IACjEC,SAAS;IACTC,SAAS;IACTC,qBAAqB;IACrBC,SAAS;IACT,GAAGC;EACL,CAAC,GAAAL,IAAA;EACC,MAAM;IAAEM;EAAS,CAAC,GAAGX,UAAU,CAACE,kBAAkB,CAAC;EACnD,MAAMU,WAAW,0BAAwBD,QAAU;EACnD,oBACEZ,KAAA,CAAAc,aAAA,CAACV,oBAAoB,EAAAW,QAAA;IACnBL,SAAS,EAAER,UAAU,CAAC,mBAAmB,EAAEW,WAAW,EAAEH,SAAS;EAAE,GAC/DC,KAAK;IACTK,MAAM,EAAET,SAAU;IAClBU,MAAM,EAAET,SAAU;IAClBU,sBAAsB,EAAET,qBAAsB;IAC9CU,SAAS,EAAEP;EAAS,EACrB,CAAC;AAEN,CAAC;AAEDP,cAAc,CAACe,WAAW,GAAG,gBAAgB"}

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

@@ -1,21 +1,13 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.EntitySeparator = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _react = _interopRequireDefault(require("react"));
-const EntitySeparator = _ref => {
+import _styled from "styled-components";
+import React from "react";
+export const EntitySeparator = _ref => {
   let {
     children,
     ...rest
   } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_StyledDiv, rest, children);
+  return /*#__PURE__*/React.createElement(_StyledDiv, rest, children);
 };
-exports.EntitySeparator = EntitySeparator;
-var _StyledDiv = (0, _styledComponents.default)("div").withConfig({
+var _StyledDiv = _styled("div").withConfig({
   displayName: "EntitySeparator___StyledDiv",
   componentId: "sc-5xbpkw-0"
 })(["grid-column:1 / -1;"]);

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

@@ -1 +1 @@
-{"version":3,"file":"EntitySeparator.js","names":["_react","_interopRequireDefault","require","EntitySeparator","_ref","children","rest","default","createElement","_StyledDiv","exports","_styledComponents","withConfig","displayName","componentId"],"sources":["../../../../src/components/Entity/EntitySeparator.tsx"],"sourcesContent":["import React from \"react\";\nimport { BaseHTMLAttributes } from \"react\";\n\nexport const EntitySeparator = ({\n  children,\n  ...rest\n}: BaseHTMLAttributes<HTMLDivElement>) => {\n  return (\n    <div\n      css={`\n        grid-column: 1 / -1;\n      `}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGO,MAAMC,eAAe,GAAGC,IAAA,IAGW;EAAA,IAHV;IAC9BC,QAAQ;IACR,GAAGC;EAC+B,CAAC,GAAAF,IAAA;EACnC,oBACEJ,MAAA,CAAAO,OAAA,CAAAC,aAAA,CAAAC,UAAA,EAIMH,IAAI,EAEPD,QACE,CAAC;AAEV,CAAC;AAACK,OAAA,CAAAP,eAAA,GAAAA,eAAA;AAAA,IAAAM,UAAA,OAAAE,iBAAA,CAAAJ,OAAA,SAAAK,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA"}
+{"version":3,"file":"EntitySeparator.js","names":["React","EntitySeparator","_ref","children","rest","createElement","_StyledDiv","_styled","withConfig","displayName","componentId"],"sources":["../../../../src/components/Entity/EntitySeparator.tsx"],"sourcesContent":["import React from \"react\";\nimport { BaseHTMLAttributes } from \"react\";\n\nexport const EntitySeparator = ({\n  children,\n  ...rest\n}: BaseHTMLAttributes<HTMLDivElement>) => {\n  return (\n    <div\n      css={`\n        grid-column: 1 / -1;\n      `}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n};\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAGzB,OAAO,MAAMC,eAAe,GAAGC,IAAA,IAGW;EAAA,IAHV;IAC9BC,QAAQ;IACR,GAAGC;EAC+B,CAAC,GAAAF,IAAA;EACnC,oBACEF,KAAA,CAAAK,aAAA,CAAAC,UAAA,EAIMF,IAAI,EAEPD,QACE,CAAC;AAEV,CAAC;AAAC,IAAAG,UAAA,GAAAC,OAAA,QAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA"}

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

@@ -1,36 +1,28 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledEntityProperty = exports.StyledEntityGroup = exports.StyledEntityCard = exports.StyledEntityActions = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _Card = require("../Card");
-var _Styles = require("../Paper/Styles");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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; }
-const StyledEntityCard = exports.StyledEntityCard = (0, _styledComponents.default)(_Card.Card).withConfig({
+import styled, { css } from "styled-components";
+import { Card } from "../Card";
+import { PaperStyles } from "../Paper/Styles";
+export const StyledEntityCard = styled(Card).withConfig({
   displayName: "Styles__StyledEntityCard",
   componentId: "sc-bjeea8-0"
 })(["line-height:1.375;", " ", " ", " ", ""], _ref => {
   let {
     $renderAs
   } = _ref;
-  return $renderAs === "list" && (0, _styledComponents.css)(["display:flex;flex-direction:row;align-items:center;min-height:48px;margin-bottom:4px;justify-content:space-between;padding:0 16px 0 16px;"]);
+  return $renderAs === "list" && css(["display:flex;flex-direction:row;align-items:center;min-height:48px;margin-bottom:4px;justify-content:space-between;padding:0 16px 0 16px;"]);
 }, _ref2 => {
   let {
     $renderAs
   } = _ref2;
-  return $renderAs === "grid" && (0, _styledComponents.css)(["display:flex;flex-direction:column;position:relative;padding:20px 24px;height:280px;"]);
-}, props => props.$background && (0, _styledComponents.css)(["background-color:", ";"], props.$background), _ref3 => {
+  return $renderAs === "grid" && css(["display:flex;flex-direction:column;position:relative;padding:20px 24px;height:280px;"]);
+}, props => props.$background && css(["background-color:", ";"], props.$background), _ref3 => {
   let {
     $isCollection,
     $background
   } = _ref3;
-  return $isCollection && (0, _styledComponents.css)(["&::after{display:block;content:\"\";position:absolute;top:0;bottom:0;right:0;left:0;transform:rotate(-3deg);z-index:-1;", ";background-color:", ";}"], _Styles.PaperStyles, $background);
+  return $isCollection && css(["&::after{display:block;content:\"\";position:absolute;top:0;bottom:0;right:0;left:0;transform:rotate(-3deg);z-index:-1;", ";background-color:", ";}"], PaperStyles, $background);
 });
 StyledEntityCard.displayName = "StyledEntityCard";
-const StyledEntityProperty = exports.StyledEntityProperty = (0, _styledComponents.default)("div").withConfig({
+export const StyledEntityProperty = styled("div").withConfig({
   displayName: "Styles__StyledEntityProperty",
   componentId: "sc-bjeea8-1"
 })(["", " ", " ", " ", " ", " ", " ", " ", " ", ""], _ref4 => {
@@ -38,19 +30,19 @@ const StyledEntityProperty = exports.StyledEntityProperty = (0, _styledComponent
     $renderAs,
     $width
   } = _ref4;
-  return $renderAs === "list" && (0, _styledComponents.css)(["display:flex;align-items:center;min-width:24px;flex:", ";"], $width ? "initial" : 1);
-}, props => props.$renderAs === "list" && props.$order && (0, _styledComponents.css)(["order:", ";"], props.$order), props => props.$renderAs === "list" && props.$width && (0, _styledComponents.css)(["width:", ";"], props.$width), _ref5 => {
+  return $renderAs === "list" && css(["display:flex;align-items:center;min-width:24px;flex:", ";"], $width ? "initial" : 1);
+}, props => props.$renderAs === "list" && props.$order && css(["order:", ";"], props.$order), props => props.$renderAs === "list" && props.$width && css(["width:", ";"], props.$width), _ref5 => {
   let {
     $visibleFromBreakpoint
   } = _ref5;
-  return $visibleFromBreakpoint && (0, _styledComponents.css)(["", ""], {
+  return $visibleFromBreakpoint && css(["", ""], {
     "display": "none"
   });
 }, _ref6 => {
   let {
     $visibleFromBreakpoint
   } = _ref6;
-  return $visibleFromBreakpoint === "sm" && (0, _styledComponents.css)(["", ""], {
+  return $visibleFromBreakpoint === "sm" && css(["", ""], {
     "@media (min-width: 640px)": {
       "display": "flex"
     }
@@ -59,7 +51,7 @@ const StyledEntityProperty = exports.StyledEntityProperty = (0, _styledComponent
   let {
     $visibleFromBreakpoint
   } = _ref7;
-  return $visibleFromBreakpoint === "md" && (0, _styledComponents.css)(["", ""], {
+  return $visibleFromBreakpoint === "md" && css(["", ""], {
     "@media (min-width: 768px)": {
       "display": "flex"
     }
@@ -68,7 +60,7 @@ const StyledEntityProperty = exports.StyledEntityProperty = (0, _styledComponent
   let {
     $visibleFromBreakpoint
   } = _ref8;
-  return $visibleFromBreakpoint === "lg" && (0, _styledComponents.css)(["", ""], {
+  return $visibleFromBreakpoint === "lg" && css(["", ""], {
     "@media (min-width: 1024px)": {
       "display": "flex"
     }
@@ -77,7 +69,7 @@ const StyledEntityProperty = exports.StyledEntityProperty = (0, _styledComponent
   let {
     $visibleFromBreakpoint
   } = _ref9;
-  return $visibleFromBreakpoint === "xl" && (0, _styledComponents.css)(["", ""], {
+  return $visibleFromBreakpoint === "xl" && css(["", ""], {
     "@media (min-width: 1280px)": {
       "display": "flex"
     }
@@ -86,14 +78,14 @@ const StyledEntityProperty = exports.StyledEntityProperty = (0, _styledComponent
   let {
     $visibleFromBreakpoint
   } = _ref10;
-  return $visibleFromBreakpoint === "2xl" && (0, _styledComponents.css)(["", ""], {
+  return $visibleFromBreakpoint === "2xl" && css(["", ""], {
     "@media (min-width: 1536px)": {
       "display": "flex"
     }
   });
 });
 StyledEntityProperty.displayName = "StyledEntityProperty";
-const StyledEntityGroup = exports.StyledEntityGroup = (0, _styledComponents.default)("div").withConfig({
+export const StyledEntityGroup = styled("div").withConfig({
   displayName: "Styles__StyledEntityGroup",
   componentId: "sc-bjeea8-2"
 })(["", " ", ""], _ref11 => {
@@ -101,21 +93,21 @@ const StyledEntityGroup = exports.StyledEntityGroup = (0, _styledComponents.defa
     $renderAs,
     $gap
   } = _ref11;
-  return $renderAs === "grid" && (0, _styledComponents.css)(["display:grid;grid-gap:", ";grid-template-columns:repeat(auto-fill,minmax(260px,1fr));"], $gap ? `${$gap}px` : "initial");
-}, props => props.$renderAs === "list" && (0, _styledComponents.css)(["display:flex;flex-direction:column;"]));
+  return $renderAs === "grid" && css(["display:grid;grid-gap:", ";grid-template-columns:repeat(auto-fill,minmax(260px,1fr));"], $gap ? $gap + "px" : "initial");
+}, props => props.$renderAs === "list" && css(["display:flex;flex-direction:column;"]));
 StyledEntityGroup.displayName = "StyledEntityGroup";
-const StyledEntityActions = exports.StyledEntityActions = (0, _styledComponents.default)("div").withConfig({
+export const StyledEntityActions = styled("div").withConfig({
   displayName: "Styles__StyledEntityActions",
   componentId: "sc-bjeea8-3"
 })(["display:flex;flex-direction:column;align-items:center;", " ", ""], _ref12 => {
   let {
     $renderAs
   } = _ref12;
-  return $renderAs === "grid" && (0, _styledComponents.css)(["position:absolute;right:16px;top:20px;"]);
+  return $renderAs === "grid" && css(["position:absolute;right:16px;top:20px;"]);
 }, _ref13 => {
   let {
     $renderAs
   } = _ref13;
-  return $renderAs === "list" && (0, _styledComponents.css)(["justify-self:flex-end;"]);
+  return $renderAs === "list" && css(["justify-self:flex-end;"]);
 });
 //# sourceMappingURL=Styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_Card","_Styles","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledEntityCard","exports","styled","Card","withConfig","displayName","componentId","_ref","$renderAs","css","_ref2","props","$background","_ref3","$isCollection","PaperStyles","StyledEntityProperty","_ref4","$width","$order","_ref5","$visibleFromBreakpoint","_ref6","_ref7","_ref8","_ref9","_ref10","StyledEntityGroup","_ref11","$gap","StyledEntityActions","_ref12","_ref13"],"sources":["../../../../src/components/Entity/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { VisibleFromBreakpoint } from \"./EntityProperty\";\nimport { Card } from \"../Card\";\nimport { PaperStyles } from \"../Paper/Styles\";\n\nexport const StyledEntityCard = styled(Card)<{\n  $renderAs: string;\n  $gap?: number;\n  $background?: string;\n  $isCollection?: boolean;\n}>`\n  line-height: 1.375;\n  ${({ $renderAs }) =>\n    $renderAs === \"list\" &&\n    css`\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      min-height: 48px;\n      margin-bottom: 4px;\n      justify-content: space-between;\n      padding: 0 16px 0 16px;\n    `}\n\n  ${({ $renderAs }) =>\n    $renderAs === \"grid\" &&\n    css`\n      display: flex;\n      flex-direction: column;\n      position: relative;\n      padding: 20px 24px;\n      height: 280px;\n    `}\n\n\n  ${(props) =>\n    props.$background &&\n    css`\n      background-color: ${props.$background};\n    `}\n\n  ${({ $isCollection, $background }) =>\n    $isCollection &&\n    css`\n      &::after {\n        display: block;\n        content: \"\";\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        left: 0;\n        transform: rotate(-3deg);\n        z-index: -1;\n        ${PaperStyles};\n        background-color: ${$background};\n      }\n    `}\n`;\nStyledEntityCard.displayName = \"StyledEntityCard\";\n\nexport const StyledEntityProperty = styled(\"div\")<{\n  $renderAs?: string;\n  $order?: number;\n  $width?: number | string;\n  $visibleFromBreakpoint?: VisibleFromBreakpoint;\n}>`\n  ${({ $renderAs, $width }) =>\n    $renderAs === \"list\" &&\n    css`\n      display: flex;\n      align-items: center;\n      min-width: 24px;\n      flex: ${$width ? \"initial\" : 1};\n    `}\n\n  ${(props) =>\n    props.$renderAs === \"list\" &&\n    props.$order &&\n    css`\n      order: ${props.$order};\n    `}\n\n  ${(props) =>\n    props.$renderAs === \"list\" &&\n    props.$width &&\n    css`\n      width: ${props.$width};\n    `}\n  ${({ $visibleFromBreakpoint }) =>\n    $visibleFromBreakpoint &&\n    css`\n      ${tw`tw-hidden`}\n    `}\n  ${({ $visibleFromBreakpoint }) =>\n    $visibleFromBreakpoint === \"sm\" &&\n    css`\n      ${tw`sm:tw-flex`}\n    `}\n  ${({ $visibleFromBreakpoint }) =>\n    $visibleFromBreakpoint === \"md\" &&\n    css`\n      ${tw`md:tw-flex`}\n    `}\n  ${({ $visibleFromBreakpoint }) =>\n    $visibleFromBreakpoint === \"lg\" &&\n    css`\n      ${tw`lg:tw-flex`}\n    `}\n  ${({ $visibleFromBreakpoint }) =>\n    $visibleFromBreakpoint === \"xl\" &&\n    css`\n      ${tw`xl:tw-flex`}\n    `}\n  ${({ $visibleFromBreakpoint }) =>\n    $visibleFromBreakpoint === \"2xl\" &&\n    css`\n      ${tw`2xl:tw-flex`}\n    `}\n`;\n\nStyledEntityProperty.displayName = \"StyledEntityProperty\";\n\nexport const StyledEntityGroup = styled(\"div\")<{\n  $renderAs: string;\n  $gap?: number;\n}>`\n  ${({ $renderAs, $gap }) =>\n    $renderAs === \"grid\" &&\n    css`\n      display: grid;\n      grid-gap: ${$gap ? `${$gap}px` : \"initial\"};\n      grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n    `}\n  ${(props) =>\n    props.$renderAs === \"list\" &&\n    css`\n      display: flex;\n      flex-direction: column;\n    `}\n`;\nStyledEntityGroup.displayName = \"StyledEntityGroup\";\n\nexport const StyledEntityActions = styled(\"div\")<{ $renderAs?: string }>`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  ${({ $renderAs }) =>\n    $renderAs === \"grid\" &&\n    css`\n      position: absolute;\n      right: 16px;\n      top: 20px;\n    `}\n\n  ${({ $renderAs }) =>\n    $renderAs === \"list\" &&\n    css`\n      justify-self: flex-end;\n    `}\n`;\n"],"mappings":"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"}
+{"version":3,"file":"Styles.js","names":["styled","css","Card","PaperStyles","StyledEntityCard","withConfig","displayName","componentId","_ref","$renderAs","_ref2","props","$background","_ref3","$isCollection","StyledEntityProperty","_ref4","$width","$order","_ref5","$visibleFromBreakpoint","_ref6","_ref7","_ref8","_ref9","_ref10","StyledEntityGroup","_ref11","$gap","StyledEntityActions","_ref12","_ref13"],"sources":["../../../../src/components/Entity/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { VisibleFromBreakpoint } from \"./EntityProperty\";\nimport { Card } from \"../Card\";\nimport { PaperStyles } from \"../Paper/Styles\";\n\nexport const StyledEntityCard = styled(Card)<{\n  $renderAs: string;\n  $gap?: number;\n  $background?: string;\n  $isCollection?: boolean;\n}>`\n  line-height: 1.375;\n  ${({ $renderAs }) =>\n    $renderAs === \"list\" &&\n    css`\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      min-height: 48px;\n      margin-bottom: 4px;\n      justify-content: space-between;\n      padding: 0 16px 0 16px;\n    `}\n\n  ${({ $renderAs }) =>\n    $renderAs === \"grid\" &&\n    css`\n      display: flex;\n      flex-direction: column;\n      position: relative;\n      padding: 20px 24px;\n      height: 280px;\n    `}\n\n\n  ${(props) =>\n    props.$background &&\n    css`\n      background-color: ${props.$background};\n    `}\n\n  ${({ $isCollection, $background }) =>\n    $isCollection &&\n    css`\n      &::after {\n        display: block;\n        content: \"\";\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        left: 0;\n        transform: rotate(-3deg);\n        z-index: -1;\n        ${PaperStyles};\n        background-color: ${$background};\n      }\n    `}\n`;\nStyledEntityCard.displayName = \"StyledEntityCard\";\n\nexport const StyledEntityProperty = styled(\"div\")<{\n  $renderAs?: string;\n  $order?: number;\n  $width?: number | string;\n  $visibleFromBreakpoint?: VisibleFromBreakpoint;\n}>`\n  ${({ $renderAs, $width }) =>\n    $renderAs === \"list\" &&\n    css`\n      display: flex;\n      align-items: center;\n      min-width: 24px;\n      flex: ${$width ? \"initial\" : 1};\n    `}\n\n  ${(props) =>\n    props.$renderAs === \"list\" &&\n    props.$order &&\n    css`\n      order: ${props.$order};\n    `}\n\n  ${(props) =>\n    props.$renderAs === \"list\" &&\n    props.$width &&\n    css`\n      width: ${props.$width};\n    `}\n  ${({ $visibleFromBreakpoint }) =>\n    $visibleFromBreakpoint &&\n    css`\n      ${tw`tw-hidden`}\n    `}\n  ${({ $visibleFromBreakpoint }) =>\n    $visibleFromBreakpoint === \"sm\" &&\n    css`\n      ${tw`sm:tw-flex`}\n    `}\n  ${({ $visibleFromBreakpoint }) =>\n    $visibleFromBreakpoint === \"md\" &&\n    css`\n      ${tw`md:tw-flex`}\n    `}\n  ${({ $visibleFromBreakpoint }) =>\n    $visibleFromBreakpoint === \"lg\" &&\n    css`\n      ${tw`lg:tw-flex`}\n    `}\n  ${({ $visibleFromBreakpoint }) =>\n    $visibleFromBreakpoint === \"xl\" &&\n    css`\n      ${tw`xl:tw-flex`}\n    `}\n  ${({ $visibleFromBreakpoint }) =>\n    $visibleFromBreakpoint === \"2xl\" &&\n    css`\n      ${tw`2xl:tw-flex`}\n    `}\n`;\n\nStyledEntityProperty.displayName = \"StyledEntityProperty\";\n\nexport const StyledEntityGroup = styled(\"div\")<{\n  $renderAs: string;\n  $gap?: number;\n}>`\n  ${({ $renderAs, $gap }) =>\n    $renderAs === \"grid\" &&\n    css`\n      display: grid;\n      grid-gap: ${$gap ? `${$gap}px` : \"initial\"};\n      grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));\n    `}\n  ${(props) =>\n    props.$renderAs === \"list\" &&\n    css`\n      display: flex;\n      flex-direction: column;\n    `}\n`;\nStyledEntityGroup.displayName = \"StyledEntityGroup\";\n\nexport const StyledEntityActions = styled(\"div\")<{ $renderAs?: string }>`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  ${({ $renderAs }) =>\n    $renderAs === \"grid\" &&\n    css`\n      position: absolute;\n      right: 16px;\n      top: 20px;\n    `}\n\n  ${({ $renderAs }) =>\n    $renderAs === \"list\" &&\n    css`\n      justify-self: flex-end;\n    `}\n`;\n"],"mappings":"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"}

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

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.projects = exports.notes = exports.invoices = exports.folders = exports.files = void 0;
-const projects = exports.projects = [{
+export const projects = [{
   client_id: 1,
   description: "In mi pede, nonummy ut, molestie in, tempus",
   project_number: "P-1",
@@ -255,7 +249,7 @@ const projects = exports.projects = [{
   client_name: "Mus Donec Industries",
   name: "pharetra ut,"
 }];
-const invoices = exports.invoices = [{
+export const invoices = [{
   id: 1,
   name: "FAKTURA-1",
   due_on: "Oct 3, 2022",
@@ -656,7 +650,7 @@ const invoices = exports.invoices = [{
   amount: "$1,170.30",
   left_to_pay: "$155.84"
 }];
-const notes = exports.notes = [{
+export const notes = [{
   id: 1,
   name: "Quisque fringilla",
   is_collection: true,
@@ -747,7 +741,7 @@ const notes = exports.notes = [{
   created_by: "Zachery Huber",
   date: "Nov 20, 2022"
 }];
-const folders = exports.folders = [{
+export const folders = [{
   id: 1,
   name: "nostra, per inceptos",
   has_children: true
@@ -788,7 +782,7 @@ const folders = exports.folders = [{
   name: "semper auctor. Mauris",
   has_children: true
 }];
-const files = exports.files = [{
+export const files = [{
   id: 1,
   name: "consectetuer euismod est arcu",
   has_children: false,