@activecollab/components 1.0.167 → 1.0.170

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

@@ -1,5 +1,5 @@
 import React, { ReactNode } from "react";
-interface IDialog {
+export interface IDialog {
     open?: boolean;
     onClose?: () => void;
     className?: string;
@@ -7,5 +7,4 @@ interface IDialog {
     enableBackgroundClick?: boolean;
 }
 export declare const Dialog: React.ForwardRefExoticComponent<IDialog & React.RefAttributes<HTMLDivElement>>;
-export {};
 //# sourceMappingURL=Dialog.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAMrD,UAAU,OAAO;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,eAAO,MAAM,MAAM,gFA0BlB,CAAC"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAMrD,MAAM,WAAW,OAAO;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,eAAO,MAAM,MAAM,gFA0BlB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Dialog/Dialog.tsx"],"names":["React","forwardRef","classnames","Modal","SlideFromTop","StyledDialog","Dialog","ref","children","open","onClose","className","enableBackgroundClick","displayName"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAA6C,OAA7C;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,KAAT,QAAsB,UAAtB;AACA,SAASC,YAAT,QAA6B,6BAA7B;AACA,SAASC,YAAT,QAA6B,UAA7B;AAUA,OAAO,IAAMC,MAAM,gBAAGL,UAAU,CAC9B,gBAQEM,GARF,EASK;AAAA,MAPDC,QAOC,QAPDA,QAOC;AAAA,uBANDC,IAMC;AAAA,MANDA,IAMC,0BANM,KAMN;AAAA,MALDC,OAKC,QALDA,OAKC;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,mCAHDC,qBAGC;AAAA,MAHDA,qBAGC,sCAHuB,KAGvB;AACH,sBACE,oBAAC,KAAD;AACE,IAAA,GAAG,EAAEL,GADP;AAEE,IAAA,IAAI,EAAEE,IAFR;AAGE,IAAA,OAAO,EAAEC,OAHX;AAIE,IAAA,sBAAsB,EAAE,CAACE;AAJ3B,kBAME,oBAAC,YAAD;AAAc,IAAA,EAAE,EAAEH;AAAlB,kBACE,oBAAC,YAAD;AAAc,IAAA,SAAS,EAAEP,UAAU,CAAC,UAAD,EAAaS,SAAb;AAAnC,KACGH,QADH,CADF,CANF,CADF;AAcD,CAzB6B,CAAzB;AA4BPF,MAAM,CAACO,WAAP,GAAqB,QAArB","sourcesContent":["import React, { forwardRef, ReactNode } from \"react\";\nimport classnames from \"classnames\";\nimport { Modal } from \"../Modal\";\nimport { SlideFromTop } from \"../Transitions/SlideFromTop\";\nimport { StyledDialog } from \"./Styles\";\n\ninterface IDialog {\n  open?: boolean;\n  onClose?: () => void;\n  className?: string;\n  children?: ReactNode;\n  enableBackgroundClick?: boolean;\n}\n\nexport const Dialog = forwardRef<HTMLDivElement, IDialog>(\n  (\n    {\n      children,\n      open = false,\n      onClose,\n      className,\n      enableBackgroundClick = false,\n    },\n    ref\n  ) => {\n    return (\n      <Modal\n        ref={ref}\n        open={open}\n        onClose={onClose}\n        disableBackgroundClick={!enableBackgroundClick}\n      >\n        <SlideFromTop in={open}>\n          <StyledDialog className={classnames(\"c-dialog\", className)}>\n            {children}\n          </StyledDialog>\n        </SlideFromTop>\n      </Modal>\n    );\n  }\n);\n\nDialog.displayName = \"Dialog\";\n"],"file":"Dialog.js"}
+{"version":3,"sources":["../../../../src/components/Dialog/Dialog.tsx"],"names":["React","forwardRef","classnames","Modal","SlideFromTop","StyledDialog","Dialog","ref","children","open","onClose","className","enableBackgroundClick","displayName"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAA6C,OAA7C;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,KAAT,QAAsB,UAAtB;AACA,SAASC,YAAT,QAA6B,6BAA7B;AACA,SAASC,YAAT,QAA6B,UAA7B;AAUA,OAAO,IAAMC,MAAM,gBAAGL,UAAU,CAC9B,gBAQEM,GARF,EASK;AAAA,MAPDC,QAOC,QAPDA,QAOC;AAAA,uBANDC,IAMC;AAAA,MANDA,IAMC,0BANM,KAMN;AAAA,MALDC,OAKC,QALDA,OAKC;AAAA,MAJDC,SAIC,QAJDA,SAIC;AAAA,mCAHDC,qBAGC;AAAA,MAHDA,qBAGC,sCAHuB,KAGvB;AACH,sBACE,oBAAC,KAAD;AACE,IAAA,GAAG,EAAEL,GADP;AAEE,IAAA,IAAI,EAAEE,IAFR;AAGE,IAAA,OAAO,EAAEC,OAHX;AAIE,IAAA,sBAAsB,EAAE,CAACE;AAJ3B,kBAME,oBAAC,YAAD;AAAc,IAAA,EAAE,EAAEH;AAAlB,kBACE,oBAAC,YAAD;AAAc,IAAA,SAAS,EAAEP,UAAU,CAAC,UAAD,EAAaS,SAAb;AAAnC,KACGH,QADH,CADF,CANF,CADF;AAcD,CAzB6B,CAAzB;AA4BPF,MAAM,CAACO,WAAP,GAAqB,QAArB","sourcesContent":["import React, { forwardRef, ReactNode } from \"react\";\nimport classnames from \"classnames\";\nimport { Modal } from \"../Modal\";\nimport { SlideFromTop } from \"../Transitions/SlideFromTop\";\nimport { StyledDialog } from \"./Styles\";\n\nexport interface IDialog {\n  open?: boolean;\n  onClose?: () => void;\n  className?: string;\n  children?: ReactNode;\n  enableBackgroundClick?: boolean;\n}\n\nexport const Dialog = forwardRef<HTMLDivElement, IDialog>(\n  (\n    {\n      children,\n      open = false,\n      onClose,\n      className,\n      enableBackgroundClick = false,\n    },\n    ref\n  ) => {\n    return (\n      <Modal\n        ref={ref}\n        open={open}\n        onClose={onClose}\n        disableBackgroundClick={!enableBackgroundClick}\n      >\n        <SlideFromTop in={open}>\n          <StyledDialog className={classnames(\"c-dialog\", className)}>\n            {children}\n          </StyledDialog>\n        </SlideFromTop>\n      </Modal>\n    );\n  }\n);\n\nDialog.displayName = \"Dialog\";\n"],"file":"Dialog.js"}

package/dist/esm/components/Entity/EntityCard.d.ts

@@ -1,16 +1,15 @@
-import React, { BaseHTMLAttributes, ComponentType, CSSProperties, ReactNode } from "react";
-import { ICardProps } from "../Card";
+import React, { BaseHTMLAttributes, CSSProperties, ReactElement } from "react";
+import { Card, ICardProps } from "../Card";
+import { PolymorphicComponentPropsWithRef } from "../../utils/types";
 export interface IEntityCardProps extends ICardProps, BaseHTMLAttributes<HTMLElement> {
-    renderAs?: "grid" | "list";
-    actions?: ReactNode;
     className?: string;
     isCollection?: boolean;
     background?: string;
     style?: CSSProperties;
-    to?: string;
-    component?: ComponentType<{
-        children: ReactNode;
-    }>;
 }
-export declare const EntityCard: React.FC<IEntityCardProps>;
+export declare type EntityCardProps<C extends React.ElementType> = PolymorphicComponentPropsWithRef<C, IEntityCardProps>;
+export declare type EntityComponent = <C extends React.ElementType = typeof Card>(props: EntityCardProps<C>) => ReactElement | null;
+export declare const EntityCard: EntityComponent & {
+    displayName?: string;
+};
 //# sourceMappingURL=EntityCard.d.ts.map

package/dist/esm/components/Entity/EntityCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EntityCard.d.ts","sourceRoot":"","sources":["../../../../src/components/Entity/EntityCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,kBAAkB,EAClB,aAAa,EACb,aAAa,EAEb,SAAS,EACV,MAAM,OAAO,CAAC;AAIf,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAGrC,MAAM,WAAW,gBACf,SAAQ,UAAU,EAChB,kBAAkB,CAAC,WAAW,CAAC;IAEjC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE3B,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,KAAK,CAAC,EAAE,aAAa,CAAC;IAEtB,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ,SAAS,CAAC,EAAE,aAAa,CAAC;QAAE,QAAQ,EAAE,SAAS,CAAA;KAAE,CAAC,CAAC;CACpD;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA0CjD,CAAC"}
+{"version":3,"file":"EntityCard.d.ts","sourceRoot":"","sources":["../../../../src/components/Entity/EntityCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,kBAAkB,EAClB,aAAa,EAEb,YAAY,EAEb,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EACL,gCAAgC,EAEjC,MAAM,mBAAmB,CAAC;AAG3B,MAAM,WAAW,gBACf,SAAQ,UAAU,EAChB,kBAAkB,CAAC,WAAW,CAAC;IAEjC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,oBAAY,eAAe,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IACrD,gCAAgC,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC;AAExD,oBAAY,eAAe,GAAG,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,OAAO,IAAI,EACtE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,KACtB,YAAY,GAAG,IAAI,CAAC;AAEzB,eAAO,MAAM,UAAU,EAAE,eAAe,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CA+B9D,CAAC"}

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

@@ -1,45 +1,33 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["children", "actions", "renderAs", "isCollection", "background", "className", "component"];
-import React, { Fragment } from "react";
-import { StyledEntityActions, StyledEntityCard } from "./Styles";
-import { EntityProperty } from "./EntityProperty";
-import { ConditionalWrapper } from "../../helpers/ConditionWrapper/ConditionWrapper";
-export var EntityCard = function EntityCard(_ref) {
+var _excluded = ["children", "isCollection", "background", "className", "as"];
+import React, { forwardRef, useContext } from "react";
+import { StyledEntityCard } from "./Styles";
+import { Card } from "../Card";
+import { EntityGroupContext } from "./EntityGroup";
+export var EntityCard = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
-      actions = _ref.actions,
-      _ref$renderAs = _ref.renderAs,
-      renderAs = _ref$renderAs === void 0 ? "grid" : _ref$renderAs,
       isCollection = _ref.isCollection,
       background = _ref.background,
       className = _ref.className,
-      component = _ref.component,
+      as = _ref.as,
       rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
+  var _useContext = useContext(EntityGroupContext),
+      renderAs = _useContext.renderAs;
+
   var paperType = renderAs === "grid" ? "paper-1" : "paper-2";
-  var WrapperElement = component ? component : Fragment;
-  return /*#__PURE__*/React.createElement(ConditionalWrapper, {
-    condition: typeof component !== "undefined",
-    wrap: function wrap(children) {
-      return /*#__PURE__*/React.createElement(WrapperElement, rest, children);
-    }
-  }, /*#__PURE__*/React.createElement(StyledEntityCard, _extends({
+  var Component = as || Card;
+  return /*#__PURE__*/React.createElement(StyledEntityCard, _extends({
+    as: Component,
     $renderAs: renderAs,
     $background: background,
     paperType: paperType,
     className: className,
     $isCollection: isCollection
-  }, rest), React.Children.map(children, function (child) {
-    if ( /*#__PURE__*/React.isValidElement(child) && child.type === EntityProperty) {
-      return /*#__PURE__*/React.cloneElement(child, {
-        $renderAs: renderAs
-      });
-    }
-
-    return null;
-  }), actions && /*#__PURE__*/React.createElement(StyledEntityActions, {
-    $renderAs: renderAs
-  }, actions)));
-};
+  }, rest, {
+    ref: ref
+  }), children);
+});
 EntityCard.displayName = "EntityCard";
 //# sourceMappingURL=EntityCard.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Entity/EntityCard.tsx"],"names":["React","Fragment","StyledEntityActions","StyledEntityCard","EntityProperty","ConditionalWrapper","EntityCard","children","actions","renderAs","isCollection","background","className","component","rest","paperType","WrapperElement","Children","map","child","isValidElement","type","cloneElement","$renderAs","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAIEC,QAJF,QAMO,OANP;AAOA,SAASC,mBAAT,EAA8BC,gBAA9B,QAAsD,UAAtD;AAEA,SAASC,cAAT,QAA+B,kBAA/B;AAEA,SAASC,kBAAT,QAAmC,iDAAnC;AAuBA,OAAO,IAAMC,UAAsC,GAAG,SAAzCA,UAAyC,OAShD;AAAA,MARJC,QAQI,QARJA,QAQI;AAAA,MAPJC,OAOI,QAPJA,OAOI;AAAA,2BANJC,QAMI;AAAA,MANJA,QAMI,8BANO,MAMP;AAAA,MALJC,YAKI,QALJA,YAKI;AAAA,MAJJC,UAII,QAJJA,UAII;AAAA,MAHJC,SAGI,QAHJA,SAGI;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADDC,IACC;;AACJ,MAAMC,SAAS,GAAGN,QAAQ,KAAK,MAAb,GAAsB,SAAtB,GAAkC,SAApD;AAEA,MAAMO,cAAc,GAAGH,SAAS,GAAGA,SAAH,GAAeZ,QAA/C;AACA,sBACE,oBAAC,kBAAD;AACE,IAAA,SAAS,EAAE,OAAOY,SAAP,KAAqB,WADlC;AAEE,IAAA,IAAI,EAAE,cAACN,QAAD;AAAA,0BAAc,oBAAC,cAAD,EAAoBO,IAApB,EAA2BP,QAA3B,CAAd;AAAA;AAFR,kBAIE,oBAAC,gBAAD;AACE,IAAA,SAAS,EAAEE,QADb;AAEE,IAAA,WAAW,EAAEE,UAFf;AAGE,IAAA,SAAS,EAAEI,SAHb;AAIE,IAAA,SAAS,EAAEH,SAJb;AAKE,IAAA,aAAa,EAAEF;AALjB,KAMMI,IANN,GAQGd,KAAK,CAACiB,QAAN,CAAeC,GAAf,CAAmBX,QAAnB,EAA6B,UAACY,KAAD,EAAW;AACvC,QAAI,cAAAnB,KAAK,CAACoB,cAAN,CAAqBD,KAArB,KAA+BA,KAAK,CAACE,IAAN,KAAejB,cAAlD,EAAkE;AAChE,0BAAOJ,KAAK,CAACsB,YAAN,CAAmBH,KAAnB,EAA0B;AAC/BI,QAAAA,SAAS,EAAEd;AADoB,OAA1B,CAAP;AAGD;;AACD,WAAO,IAAP;AACD,GAPA,CARH,EAgBGD,OAAO,iBACN,oBAAC,mBAAD;AAAqB,IAAA,SAAS,EAAEC;AAAhC,KACGD,OADH,CAjBJ,CAJF,CADF;AA6BD,CA1CM;AA4CPF,UAAU,CAACkB,WAAX,GAAyB,YAAzB","sourcesContent":["import React, {\n  BaseHTMLAttributes,\n  ComponentType,\n  CSSProperties,\n  Fragment,\n  ReactNode,\n} from \"react\";\nimport { StyledEntityActions, StyledEntityCard } from \"./Styles\";\n\nimport { EntityProperty } from \"./EntityProperty\";\nimport { ICardProps } from \"../Card\";\nimport { ConditionalWrapper } from \"../../helpers/ConditionWrapper/ConditionWrapper\";\n\nexport interface IEntityCardProps\n  extends ICardProps,\n    BaseHTMLAttributes<HTMLElement> {\n  /** Render as grid or list item */\n  renderAs?: \"grid\" | \"list\";\n  /** action to show on right */\n  actions?: ReactNode;\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  /** optional for Link react-router-dom */\n  to?: string;\n  /** You can pass any component as wrapper for card */\n  component?: ComponentType<{ children: ReactNode }>;\n}\n\nexport const EntityCard: React.FC<IEntityCardProps> = ({\n  children,\n  actions,\n  renderAs = \"grid\",\n  isCollection,\n  background,\n  className,\n  component,\n  ...rest\n}) => {\n  const paperType = renderAs === \"grid\" ? \"paper-1\" : \"paper-2\";\n\n  const WrapperElement = component ? component : Fragment;\n  return (\n    <ConditionalWrapper\n      condition={typeof component !== \"undefined\"}\n      wrap={(children) => <WrapperElement {...rest}>{children}</WrapperElement>}\n    >\n      <StyledEntityCard\n        $renderAs={renderAs}\n        $background={background}\n        paperType={paperType}\n        className={className}\n        $isCollection={isCollection}\n        {...rest}\n      >\n        {React.Children.map(children, (child) => {\n          if (React.isValidElement(child) && child.type === EntityProperty) {\n            return React.cloneElement(child, {\n              $renderAs: renderAs,\n            });\n          }\n          return null;\n        })}\n        {actions && (\n          <StyledEntityActions $renderAs={renderAs}>\n            {actions}\n          </StyledEntityActions>\n        )}\n      </StyledEntityCard>\n    </ConditionalWrapper>\n  );\n};\n\nEntityCard.displayName = \"EntityCard\";\n"],"file":"EntityCard.js"}
+{"version":3,"sources":["../../../../src/components/Entity/EntityCard.tsx"],"names":["React","forwardRef","useContext","StyledEntityCard","Card","EntityGroupContext","EntityCard","ref","children","isCollection","background","className","as","rest","renderAs","paperType","Component","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAGEC,UAHF,EAKEC,UALF,QAMO,OANP;AAOA,SAASC,gBAAT,QAAiC,UAAjC;AAEA,SAASC,IAAT,QAAiC,SAAjC;AAKA,SAASC,kBAAT,QAAmC,eAAnC;AAsBA,OAAO,IAAMC,UAAsD,gBACjEL,UAAU,CACR,gBASEM,GATF,EAUK;AAAA,MARDC,QAQC,QARDA,QAQC;AAAA,MAPDC,YAOC,QAPDA,YAOC;AAAA,MANDC,UAMC,QANDA,UAMC;AAAA,MALDC,SAKC,QALDA,SAKC;AAAA,MAJDC,EAIC,QAJDA,EAIC;AAAA,MAHEC,IAGF;;AACH,oBAAqBX,UAAU,CAACG,kBAAD,CAA/B;AAAA,MAAQS,QAAR,eAAQA,QAAR;;AACA,MAAMC,SAAS,GAAGD,QAAQ,KAAK,MAAb,GAAsB,SAAtB,GAAkC,SAApD;AACA,MAAME,SAAS,GAAGJ,EAAE,IAAIR,IAAxB;AACA,sBACE,oBAAC,gBAAD;AACE,IAAA,EAAE,EAAEY,SADN;AAEE,IAAA,SAAS,EAAEF,QAFb;AAGE,IAAA,WAAW,EAAEJ,UAHf;AAIE,IAAA,SAAS,EAAEK,SAJb;AAKE,IAAA,SAAS,EAAEJ,SALb;AAME,IAAA,aAAa,EAAEF;AANjB,KAOMI,IAPN;AAQE,IAAA,GAAG,EAAEN;AARP,MAUGC,QAVH,CADF;AAcD,CA7BO,CADL;AAiCPF,UAAU,CAACW,WAAX,GAAyB,YAAzB","sourcesContent":["import React, {\n  BaseHTMLAttributes,\n  CSSProperties,\n  forwardRef,\n  ReactElement,\n  useContext,\n} from \"react\";\nimport { StyledEntityCard } from \"./Styles\";\n\nimport { Card, ICardProps } from \"../Card\";\nimport {\n  PolymorphicComponentPropsWithRef,\n  PolymorphicRef,\n} from \"../../utils/types\";\nimport { EntityGroupContext } from \"./EntityGroup\";\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 | 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 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={className}\n          $isCollection={isCollection}\n          {...rest}\n          ref={ref}\n        >\n          {children}\n        </StyledEntityCard>\n      );\n    }\n  );\n\nEntityCard.displayName = \"EntityCard\";\n"],"file":"EntityCard.js"}

package/dist/esm/components/Entity/EntityGroup.d.ts

@@ -3,5 +3,10 @@ export interface IEntityGroupProps extends Pick<HTMLAttributes<HTMLDivElement>,
     gap?: number;
     renderAs?: "grid" | "list";
 }
+interface IEntityGroupContext {
+    renderAs: "grid" | "list";
+}
+export declare const EntityGroupContext: React.Context<IEntityGroupContext>;
 export declare const EntityGroup: React.FC<IEntityGroupProps>;
+export {};
 //# sourceMappingURL=EntityGroup.d.ts.map

package/dist/esm/components/Entity/EntityGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EntityGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Entity/EntityGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI9C,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC;IACnE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAkBnD,CAAC"}
+{"version":3,"file":"EntityGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/Entity/EntityGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAG9C,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC;IACnE,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B;AAED,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,MAAM,GAAG,MAAM,CAAC;CAC3B;AACD,eAAO,MAAM,kBAAkB,oCAE7B,CAAC;AAEH,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAanD,CAAC"}

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

@@ -3,7 +3,9 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 var _excluded = ["children", "gap", "renderAs"];
 import React from "react";
 import { StyledEntityGroup } from "./Styles";
-import { EntityCard } from "./EntityCard";
+export var EntityGroupContext = /*#__PURE__*/React.createContext({
+  renderAs: "grid"
+});
 export var EntityGroup = function EntityGroup(_ref) {
   var children = _ref.children,
       gap = _ref.gap,
@@ -11,18 +13,14 @@ export var EntityGroup = function EntityGroup(_ref) {
       renderAs = _ref$renderAs === void 0 ? "grid" : _ref$renderAs,
       rest = _objectWithoutPropertiesLoose(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement(StyledEntityGroup, _extends({
+  return /*#__PURE__*/React.createElement(EntityGroupContext.Provider, {
+    value: {
+      renderAs: renderAs
+    }
+  }, /*#__PURE__*/React.createElement(StyledEntityGroup, _extends({
     $renderAs: renderAs,
     $gap: gap
-  }, rest), React.Children.map(children, function (child) {
-    if ( /*#__PURE__*/React.isValidElement(child) && child.type === EntityCard) {
-      return /*#__PURE__*/React.cloneElement(child, {
-        renderAs: renderAs
-      });
-    }
-
-    return null;
-  }));
+  }, rest), children));
 };
 EntityGroup.displayName = "EntityGroup";
 //# sourceMappingURL=EntityGroup.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Entity/EntityGroup.tsx"],"names":["React","StyledEntityGroup","EntityCard","EntityGroup","children","gap","renderAs","rest","Children","map","child","isValidElement","type","cloneElement","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,MAAsC,OAAtC;AACA,SAASC,iBAAT,QAAkC,UAAlC;AACA,SAASC,UAAT,QAA2B,cAA3B;AAQA,OAAO,IAAMC,WAAwC,GAAG,SAA3CA,WAA2C,OAKlD;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,MAHJC,GAGI,QAHJA,GAGI;AAAA,2BAFJC,QAEI;AAAA,MAFJA,QAEI,8BAFO,MAEP;AAAA,MADDC,IACC;;AACJ,sBACE,oBAAC,iBAAD;AAAmB,IAAA,SAAS,EAAED,QAA9B;AAAwC,IAAA,IAAI,EAAED;AAA9C,KAAuDE,IAAvD,GACGP,KAAK,CAACQ,QAAN,CAAeC,GAAf,CAAmBL,QAAnB,EAA6B,UAACM,KAAD,EAAW;AACvC,QAAI,cAAAV,KAAK,CAACW,cAAN,CAAqBD,KAArB,KAA+BA,KAAK,CAACE,IAAN,KAAeV,UAAlD,EAA8D;AAC5D,0BAAOF,KAAK,CAACa,YAAN,CAAmBH,KAAnB,EAA0B;AAC/BJ,QAAAA,QAAQ,EAARA;AAD+B,OAA1B,CAAP;AAGD;;AACD,WAAO,IAAP;AACD,GAPA,CADH,CADF;AAYD,CAlBM;AAoBPH,WAAW,CAACW,WAAZ,GAA0B,aAA1B","sourcesContent":["import React, { HTMLAttributes } from \"react\";\nimport { StyledEntityGroup } from \"./Styles\";\nimport { EntityCard } from \"./EntityCard\";\n\nexport interface IEntityGroupProps\n  extends Pick<HTMLAttributes<HTMLDivElement>, \"className\" | \"style\"> {\n  gap?: number;\n  renderAs?: \"grid\" | \"list\";\n}\n\nexport const EntityGroup: React.FC<IEntityGroupProps> = ({\n  children,\n  gap,\n  renderAs = \"grid\",\n  ...rest\n}) => {\n  return (\n    <StyledEntityGroup $renderAs={renderAs} $gap={gap} {...rest}>\n      {React.Children.map(children, (child) => {\n        if (React.isValidElement(child) && child.type === EntityCard) {\n          return React.cloneElement(child, {\n            renderAs,\n          });\n        }\n        return null;\n      })}\n    </StyledEntityGroup>\n  );\n};\n\nEntityGroup.displayName = \"EntityGroup\";\n"],"file":"EntityGroup.js"}
+{"version":3,"sources":["../../../../src/components/Entity/EntityGroup.tsx"],"names":["React","StyledEntityGroup","EntityGroupContext","createContext","renderAs","EntityGroup","children","gap","rest","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,MAAsC,OAAtC;AACA,SAASC,iBAAT,QAAkC,UAAlC;AAWA,OAAO,IAAMC,kBAAkB,gBAAGF,KAAK,CAACG,aAAN,CAAyC;AACzEC,EAAAA,QAAQ,EAAE;AAD+D,CAAzC,CAA3B;AAIP,OAAO,IAAMC,WAAwC,GAAG,SAA3CA,WAA2C,OAKlD;AAAA,MAJJC,QAII,QAJJA,QAII;AAAA,MAHJC,GAGI,QAHJA,GAGI;AAAA,2BAFJH,QAEI;AAAA,MAFJA,QAEI,8BAFO,MAEP;AAAA,MADDI,IACC;;AACJ,sBACE,oBAAC,kBAAD,CAAoB,QAApB;AAA6B,IAAA,KAAK,EAAE;AAAEJ,MAAAA,QAAQ,EAAEA;AAAZ;AAApC,kBACE,oBAAC,iBAAD;AAAmB,IAAA,SAAS,EAAEA,QAA9B;AAAwC,IAAA,IAAI,EAAEG;AAA9C,KAAuDC,IAAvD,GACGF,QADH,CADF,CADF;AAOD,CAbM;AAePD,WAAW,CAACI,WAAZ,GAA0B,aAA1B","sourcesContent":["import React, { HTMLAttributes } from \"react\";\nimport { StyledEntityGroup } from \"./Styles\";\n\nexport interface IEntityGroupProps\n  extends Pick<HTMLAttributes<HTMLDivElement>, \"className\" | \"style\"> {\n  gap?: number;\n  renderAs?: \"grid\" | \"list\";\n}\n\ninterface IEntityGroupContext {\n  renderAs: \"grid\" | \"list\";\n}\nexport const EntityGroupContext = React.createContext<IEntityGroupContext>({\n  renderAs: \"grid\",\n});\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"],"file":"EntityGroup.js"}

package/dist/esm/components/Entity/EntityProperty.d.ts

@@ -1,7 +1,6 @@
 import React, { HTMLAttributes } from "react";
 export declare type VisibleFromBreakpoint = "sm" | "md" | "lg" | "xl" | "2xl";
 export interface IEntityCardPropertyProps extends HTMLAttributes<HTMLDivElement> {
-    $renderAs?: "grid" | "list";
     listOrder?: number;
     listWidth?: string | number;
     visibleFromBreakpoint?: VisibleFromBreakpoint;

package/dist/esm/components/Entity/EntityProperty.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EntityProperty.d.ts","sourceRoot":"","sources":["../../../../src/components/Entity/EntityProperty.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI9C,oBAAY,qBAAqB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AACtE,MAAM,WAAW,wBACf,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;CAC/C;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAgB7D,CAAC"}
+{"version":3,"file":"EntityProperty.d.ts","sourceRoot":"","sources":["../../../../src/components/Entity/EntityProperty.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AAK1D,oBAAY,qBAAqB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AACtE,MAAM,WAAW,wBACf,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;CAC/C;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAkB7D,CAAC"}

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

@@ -1,9 +1,10 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["listOrder", "listWidth", "visibleFromBreakpoint", "className"];
-import React from "react";
+import React, { useContext } from "react";
 import { StyledEntityProperty } from "./Styles";
 import classNames from "classnames";
+import { EntityGroupContext } from "./EntityGroup";
 export var EntityProperty = function EntityProperty(_ref) {
   var listOrder = _ref.listOrder,
       listWidth = _ref.listWidth,
@@ -11,12 +12,16 @@ export var EntityProperty = function EntityProperty(_ref) {
       className = _ref.className,
       props = _objectWithoutPropertiesLoose(_ref, _excluded);
 
+  var _useContext = useContext(EntityGroupContext),
+      renderAs = _useContext.renderAs;
+
   return /*#__PURE__*/React.createElement(StyledEntityProperty, _extends({
     className: classNames("c-entity-property", className)
   }, props, {
     $order: listOrder,
     $width: listWidth,
-    $visibleFromBreakpoint: visibleFromBreakpoint
+    $visibleFromBreakpoint: visibleFromBreakpoint,
+    $renderAs: renderAs
   }));
 };
 EntityProperty.displayName = "EntityProperty";

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Entity/EntityProperty.tsx"],"names":["React","StyledEntityProperty","classNames","EntityProperty","listOrder","listWidth","visibleFromBreakpoint","className","props","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,MAAsC,OAAtC;AACA,SAASC,oBAAT,QAAqC,UAArC;AACA,OAAOC,UAAP,MAAuB,YAAvB;AAWA,OAAO,IAAMC,cAAkD,GAAG,SAArDA,cAAqD,OAM5D;AAAA,MALJC,SAKI,QALJA,SAKI;AAAA,MAJJC,SAII,QAJJA,SAII;AAAA,MAHJC,qBAGI,QAHJA,qBAGI;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADDC,KACC;;AACJ,sBACE,oBAAC,oBAAD;AACE,IAAA,SAAS,EAAEN,UAAU,CAAC,mBAAD,EAAsBK,SAAtB;AADvB,KAEMC,KAFN;AAGE,IAAA,MAAM,EAAEJ,SAHV;AAIE,IAAA,MAAM,EAAEC,SAJV;AAKE,IAAA,sBAAsB,EAAEC;AAL1B,KADF;AASD,CAhBM;AAkBPH,cAAc,CAACM,WAAf,GAA6B,gBAA7B","sourcesContent":["import React, { HTMLAttributes } from \"react\";\nimport { StyledEntityProperty } from \"./Styles\";\nimport classNames from \"classnames\";\n\nexport type VisibleFromBreakpoint = \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\";\nexport interface IEntityCardPropertyProps\n  extends HTMLAttributes<HTMLDivElement> {\n  $renderAs?: \"grid\" | \"list\";\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  return (\n    <StyledEntityProperty\n      className={classNames(\"c-entity-property\", className)}\n      {...props}\n      $order={listOrder}\n      $width={listWidth}\n      $visibleFromBreakpoint={visibleFromBreakpoint}\n    />\n  );\n};\n\nEntityProperty.displayName = \"EntityProperty\";\n"],"file":"EntityProperty.js"}
+{"version":3,"sources":["../../../../src/components/Entity/EntityProperty.tsx"],"names":["React","useContext","StyledEntityProperty","classNames","EntityGroupContext","EntityProperty","listOrder","listWidth","visibleFromBreakpoint","className","props","renderAs","displayName"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgCC,UAAhC,QAAkD,OAAlD;AACA,SAASC,oBAAT,QAAqC,UAArC;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,kBAAT,QAAmC,eAAnC;AAUA,OAAO,IAAMC,cAAkD,GAAG,SAArDA,cAAqD,OAM5D;AAAA,MALJC,SAKI,QALJA,SAKI;AAAA,MAJJC,SAII,QAJJA,SAII;AAAA,MAHJC,qBAGI,QAHJA,qBAGI;AAAA,MAFJC,SAEI,QAFJA,SAEI;AAAA,MADDC,KACC;;AACJ,oBAAqBT,UAAU,CAACG,kBAAD,CAA/B;AAAA,MAAQO,QAAR,eAAQA,QAAR;;AACA,sBACE,oBAAC,oBAAD;AACE,IAAA,SAAS,EAAER,UAAU,CAAC,mBAAD,EAAsBM,SAAtB;AADvB,KAEMC,KAFN;AAGE,IAAA,MAAM,EAAEJ,SAHV;AAIE,IAAA,MAAM,EAAEC,SAJV;AAKE,IAAA,sBAAsB,EAAEC,qBAL1B;AAME,IAAA,SAAS,EAAEG;AANb,KADF;AAUD,CAlBM;AAoBPN,cAAc,CAACO,WAAf,GAA6B,gBAA7B","sourcesContent":["import React, { HTMLAttributes, useContext } from \"react\";\nimport { StyledEntityProperty } from \"./Styles\";\nimport classNames from \"classnames\";\nimport { EntityGroupContext } from \"./EntityGroup\";\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  return (\n    <StyledEntityProperty\n      className={classNames(\"c-entity-property\", className)}\n      {...props}\n      $order={listOrder}\n      $width={listWidth}\n      $visibleFromBreakpoint={visibleFromBreakpoint}\n      $renderAs={renderAs}\n    />\n  );\n};\n\nEntityProperty.displayName = \"EntityProperty\";\n"],"file":"EntityProperty.js"}

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Entity/Styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAGzD,eAAO,MAAM,gBAAgB;eAChB,MAAM;;;;SAwDlB,CAAC;AAGF,eAAO,MAAM,oBAAoB;;;;;SA0DhC,CAAC;AAIF,eAAO,MAAM,iBAAiB;eACjB,MAAM;;SAyBlB,CAAC;AAGF,eAAO,MAAM,mBAAmB;;SAkB/B,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Entity/Styles.ts"],"names":[],"mappings":";AAGA,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAGzD,eAAO,MAAM,gBAAgB;eAChB,MAAM;;;;SAoDlB,CAAC;AAGF,eAAO,MAAM,oBAAoB;;;;;SA0DhC,CAAC;AAIF,eAAO,MAAM,iBAAiB;eACjB,MAAM;;SAgBlB,CAAC;AAGF,eAAO,MAAM,mBAAmB;;SAkB/B,CAAC"}

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

@@ -4,14 +4,12 @@ import { PaperStyles } from "../Paper/Styles";
 export var StyledEntityCard = styled(Card).withConfig({
   displayName: "Styles__StyledEntityCard",
   componentId: "sc-bjeea8-0"
-})(["line-height:1.375;", " ", " ", " ", " ", ""], function (_ref) {
+})(["line-height:1.375;", " ", " ", " ", ""], function (_ref) {
   var $renderAs = _ref.$renderAs;
   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;"]);
 }, function (_ref2) {
   var $renderAs = _ref2.$renderAs;
   return $renderAs === "grid" && css(["display:flex;flex-direction:column;position:relative;padding:20px 24px;height:280px;"]);
-}, function (props) {
-  return props.$gap && css(["gap:", "px;"], props.$gap);
 }, function (props) {
   return props.$background && css(["background-color:", ";"], props.$background);
 }, function (_ref3) {
@@ -76,14 +74,12 @@ StyledEntityProperty.displayName = "StyledEntityProperty";
 export var StyledEntityGroup = styled("div").withConfig({
   displayName: "Styles__StyledEntityGroup",
   componentId: "sc-bjeea8-2"
-})(["", " ", " ", ""], function (_ref11) {
+})(["", " ", ""], function (_ref11) {
   var $renderAs = _ref11.$renderAs,
       $gap = _ref11.$gap;
   return $renderAs === "grid" && css(["display:grid;grid-gap:", ";grid-template-columns:repeat(auto-fill,minmax(260px,1fr));"], $gap ? $gap + "px" : "initial");
 }, function (props) {
   return props.$renderAs === "list" && css(["display:flex;flex-direction:column;"]);
-}, function (props) {
-  return props.$gap && props.$renderAs === "list" && css(["", "{gap:", "px;}"], StyledEntityCard, props.$gap);
 });
 StyledEntityGroup.displayName = "StyledEntityGroup";
 export var StyledEntityActions = styled("div").withConfig({

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Entity/Styles.ts"],"names":["styled","css","Card","PaperStyles","StyledEntityCard","$renderAs","props","$gap","$background","$isCollection","displayName","StyledEntityProperty","$width","$order","$visibleFromBreakpoint","StyledEntityGroup","StyledEntityActions"],"mappings":"AAAA,OAAOA,MAAP,IAAiBC,GAAjB,QAA4B,mBAA5B;AACA,SAASC,IAAT,QAAqB,SAArB;AACA,SAASC,WAAT,QAA4B,iBAA5B;AAIA,OAAO,IAAMC,gBAAgB,GAAGJ,MAAM,CAACE,IAAD,CAAT;AAAA;AAAA;AAAA,mDAOzB;AAAA,MAAGG,SAAH,QAAGA,SAAH;AAAA,SACAA,SAAS,KAAK,MAAd,IACAJ,GADA,+IADA;AAAA,CAPyB,EAmBzB;AAAA,MAAGI,SAAH,SAAGA,SAAH;AAAA,SACAA,SAAS,KAAK,MAAd,IACAJ,GADA,0FADA;AAAA,CAnByB,EA6BzB,UAACK,KAAD;AAAA,SACAA,KAAK,CAACC,IAAN,IACAN,GADA,kBAESK,KAAK,CAACC,IAFf,CADA;AAAA,CA7ByB,EAkCzB,UAACD,KAAD;AAAA,SACAA,KAAK,CAACE,WAAN,IACAP,GADA,6BAEsBK,KAAK,CAACE,WAF5B,CADA;AAAA,CAlCyB,EAwCzB;AAAA,MAAGC,aAAH,SAAGA,aAAH;AAAA,MAAkBD,WAAlB,SAAkBA,WAAlB;AAAA,SACAC,aAAa,IACbR,GADa,0JAYPE,WAZO,EAaWK,WAbX,CADb;AAAA,CAxCyB,CAAtB;AA0DPJ,gBAAgB,CAACM,WAAjB,GAA+B,kBAA/B;AAEA,OAAO,IAAMC,oBAAoB,GAAGX,MAAM,CAAC,KAAD,CAAT;AAAA;AAAA;AAAA,qDAM7B;AAAA,MAAGK,SAAH,SAAGA,SAAH;AAAA,MAAcO,MAAd,SAAcA,MAAd;AAAA,SACAP,SAAS,KAAK,MAAd,IACAJ,GADA,gEAKUW,MAAM,GAAG,OAAH,GAAa,CAL7B,CADA;AAAA,CAN6B,EAe7B,UAACN,KAAD;AAAA,SACAA,KAAK,CAACD,SAAN,KAAoB,MAApB,IACAC,KAAK,CAACO,MADN,IAEAZ,GAFA,kBAGWK,KAAK,CAACO,MAHjB,CADA;AAAA,CAf6B,EAsB7B,UAACP,KAAD;AAAA,SACAA,KAAK,CAACD,SAAN,KAAoB,MAApB,IACAC,KAAK,CAACM,MADN,IAEAX,GAFA,kBAGWK,KAAK,CAACM,MAHjB,CADA;AAAA,CAtB6B,EA4B7B;AAAA,MAAGE,sBAAH,SAAGA,sBAAH;AAAA,SACAA,sBAAsB,IACtBb,GADsB,WAEhB;AAAA;AAAA,GAFgB,CADtB;AAAA,CA5B6B,EAiC7B;AAAA,MAAGa,sBAAH,SAAGA,sBAAH;AAAA,SACAA,sBAAsB,KAAK,IAA3B,IACAb,GADA,WAEM;AAAA;AAAA;AAAA;AAAA,GAFN,CADA;AAAA,CAjC6B,EAsC7B;AAAA,MAAGa,sBAAH,SAAGA,sBAAH;AAAA,SACAA,sBAAsB,KAAK,IAA3B,IACAb,GADA,WAEM;AAAA;AAAA;AAAA;AAAA,GAFN,CADA;AAAA,CAtC6B,EA2C7B;AAAA,MAAGa,sBAAH,SAAGA,sBAAH;AAAA,SACAA,sBAAsB,KAAK,IAA3B,IACAb,GADA,WAEM;AAAA;AAAA;AAAA;AAAA,GAFN,CADA;AAAA,CA3C6B,EAgD7B;AAAA,MAAGa,sBAAH,SAAGA,sBAAH;AAAA,SACAA,sBAAsB,KAAK,IAA3B,IACAb,GADA,WAEM;AAAA;AAAA;AAAA;AAAA,GAFN,CADA;AAAA,CAhD6B,EAqD7B;AAAA,MAAGa,sBAAH,UAAGA,sBAAH;AAAA,SACAA,sBAAsB,KAAK,KAA3B,IACAb,GADA,WAEM;AAAA;AAAA;AAAA;AAAA,GAFN,CADA;AAAA,CArD6B,CAA1B;AA4DPU,oBAAoB,CAACD,WAArB,GAAmC,sBAAnC;AAEA,OAAO,IAAMK,iBAAiB,GAAGf,MAAM,CAAC,KAAD,CAAT;AAAA;AAAA;AAAA,uBAI1B;AAAA,MAAGK,SAAH,UAAGA,SAAH;AAAA,MAAcE,IAAd,UAAcA,IAAd;AAAA,SACAF,SAAS,KAAK,MAAd,IACAJ,GADA,4FAGcM,IAAI,GAAMA,IAAN,UAAiB,SAHnC,CADA;AAAA,CAJ0B,EAW1B,UAACD,KAAD;AAAA,SACAA,KAAK,CAACD,SAAN,KAAoB,MAApB,IACAJ,GADA,yCADA;AAAA,CAX0B,EAkB1B,UAACK,KAAD;AAAA,SACAA,KAAK,CAACC,IAAN,IACAD,KAAK,CAACD,SAAN,KAAoB,MADpB,IAEAJ,GAFA,wBAGIG,gBAHJ,EAIWE,KAAK,CAACC,IAJjB,CADA;AAAA,CAlB0B,CAAvB;AA2BPQ,iBAAiB,CAACL,WAAlB,GAAgC,mBAAhC;AAEA,OAAO,IAAMM,mBAAmB,GAAGhB,MAAM,CAAC,KAAD,CAAT;AAAA;AAAA;AAAA,wEAK5B;AAAA,MAAGK,SAAH,UAAGA,SAAH;AAAA,SACAA,SAAS,KAAK,MAAd,IACAJ,GADA,4CADA;AAAA,CAL4B,EAa5B;AAAA,MAAGI,SAAH,UAAGA,SAAH;AAAA,SACAA,SAAS,KAAK,MAAd,IACAJ,GADA,4BADA;AAAA,CAb4B,CAAzB","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Card } from \"../Card\";\nimport { PaperStyles } from \"../Paper/Styles\";\nimport { VisibleFromBreakpoint } from \"./EntityProperty\";\nimport tw from \"twin.macro\";\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  ${(props) =>\n    props.$gap &&\n    css`\n      gap: ${props.$gap}px;\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 ? \"unset\" : 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\n  ${(props) =>\n    props.$gap &&\n    props.$renderAs === \"list\" &&\n    css`\n      ${StyledEntityCard} {\n        gap: ${props.$gap}px;\n      }\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"],"file":"Styles.js"}
+{"version":3,"sources":["../../../../src/components/Entity/Styles.ts"],"names":["styled","css","Card","PaperStyles","StyledEntityCard","$renderAs","props","$background","$isCollection","displayName","StyledEntityProperty","$width","$order","$visibleFromBreakpoint","StyledEntityGroup","$gap","StyledEntityActions"],"mappings":"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","sourcesContent":["import styled, { css } from \"styled-components\";\nimport { Card } from \"../Card\";\nimport { PaperStyles } from \"../Paper/Styles\";\nimport { VisibleFromBreakpoint } from \"./EntityProperty\";\nimport tw from \"twin.macro\";\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 ? \"unset\" : 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"],"file":"Styles.js"}

package/dist/esm/components/Entity/index.d.ts

@@ -1,11 +1,10 @@
-import { ComponentType } from "react";
-import { IEntityGroupProps } from "./EntityGroup";
-import { IEntityCardProps } from "./EntityCard";
-import { IEntityCardPropertyProps } from "./EntityProperty";
+import { EntityGroup } from "./EntityGroup";
+import { EntityCard } from "./EntityCard";
+import { EntityProperty } from "./EntityProperty";
 export interface IEntity {
-    Group: ComponentType<IEntityGroupProps>;
-    Card: ComponentType<IEntityCardProps>;
-    Property: ComponentType<IEntityCardPropertyProps>;
+    Group: typeof EntityGroup;
+    Card: typeof EntityCard;
+    Property: typeof EntityProperty;
 }
 export declare const Entity: IEntity;
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/components/Entity/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Entity/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAe,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,EAAc,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAC5D,OAAO,EAAkB,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAE5E,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IACxC,IAAI,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACtC,QAAQ,EAAE,aAAa,CAAC,wBAAwB,CAAC,CAAC;CACnD;AAED,eAAO,MAAM,MAAM,EAAE,OAIpB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Entity/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,OAAO,WAAW,CAAC;IAC1B,IAAI,EAAE,OAAO,UAAU,CAAC;IACxB,QAAQ,EAAE,OAAO,cAAc,CAAC;CACjC;AAED,eAAO,MAAM,MAAM,EAAE,OAIpB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Entity/index.ts"],"names":["EntityGroup","EntityCard","EntityProperty","Entity","Group","Card","Property"],"mappings":"AACA,SAASA,WAAT,QAA+C,eAA/C;AACA,SAASC,UAAT,QAA6C,cAA7C;AACA,SAASC,cAAT,QAAyD,kBAAzD;AAQA,OAAO,IAAMC,MAAe,GAAG;AAC7BC,EAAAA,KAAK,EAAEJ,WADsB;AAE7BK,EAAAA,IAAI,EAAEJ,UAFuB;AAG7BK,EAAAA,QAAQ,EAAEJ;AAHmB,CAAxB","sourcesContent":["import { ComponentType } from \"react\";\nimport { EntityGroup, IEntityGroupProps } from \"./EntityGroup\";\nimport { EntityCard, IEntityCardProps } from \"./EntityCard\";\nimport { EntityProperty, IEntityCardPropertyProps } from \"./EntityProperty\";\n\nexport interface IEntity {\n  Group: ComponentType<IEntityGroupProps>;\n  Card: ComponentType<IEntityCardProps>;\n  Property: ComponentType<IEntityCardPropertyProps>;\n}\n\nexport const Entity: IEntity = {\n  Group: EntityGroup,\n  Card: EntityCard,\n  Property: EntityProperty,\n};\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../src/components/Entity/index.ts"],"names":["EntityGroup","EntityCard","EntityProperty","Entity","Group","Card","Property"],"mappings":"AAAA,SAASA,WAAT,QAA4B,eAA5B;AACA,SAASC,UAAT,QAA2B,cAA3B;AACA,SAASC,cAAT,QAA+B,kBAA/B;AAQA,OAAO,IAAMC,MAAe,GAAG;AAC7BC,EAAAA,KAAK,EAAEJ,WADsB;AAE7BK,EAAAA,IAAI,EAAEJ,UAFuB;AAG7BK,EAAAA,QAAQ,EAAEJ;AAHmB,CAAxB","sourcesContent":["import { EntityGroup } from \"./EntityGroup\";\nimport { EntityCard } from \"./EntityCard\";\nimport { EntityProperty } from \"./EntityProperty\";\n\nexport interface IEntity {\n  Group: typeof EntityGroup;\n  Card: typeof EntityCard;\n  Property: typeof EntityProperty;\n}\n\nexport const Entity: IEntity = {\n  Group: EntityGroup,\n  Card: EntityCard,\n  Property: EntityProperty,\n};\n"],"file":"index.js"}

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

@@ -21,7 +21,6 @@ export interface IMenu {
     popperClassName?: string;
     backgroundElementClass?: string;
     windowAbsolutelyPositioned?: boolean;
-    preventClickEventBubbling?: boolean;
 }
 export declare const Menu: FC<IMenu>;
 export {};

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;AAMf,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAI3C,UAAU,cAAc,CAAC,CAAC,CAAE,SAAQ,YAAY;IAC9C,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;CACd;AAED,oBAAY,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAEnD,MAAM,WAAW,KAAK;IAEpB,QAAQ,EAAE,SAAS,CAAC;IAEpB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAEvD,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAEpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,aAAa,CAAC,EAAE,MAAM,OAAO,CAAC;IAE9B,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,MAAM,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAEhC,0BAA0B,CAAC,EAAE,OAAO,CAAC;IAErC,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACrC;AAED,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,KAAK,CAkH1B,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;AAMf,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAI3C,UAAU,cAAc,CAAC,CAAC,CAAE,SAAQ,YAAY;IAC9C,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;CACd;AAED,oBAAY,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;AAEnD,MAAM,WAAW,KAAK;IAEpB,QAAQ,EAAE,SAAS,CAAC;IAEpB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAEvD,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAEpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,aAAa,CAAC,EAAE,MAAM,OAAO,CAAC;IAE9B,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB,MAAM,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAEhC,0BAA0B,CAAC,EAAE,OAAO,CAAC;CACtC;AAED,eAAO,MAAM,IAAI,EAAE,EAAE,CAAC,KAAK,CA8G1B,CAAC"}

package/dist/esm/components/Menu/Menu.js

@@ -28,9 +28,7 @@ export var Menu = function Menu(_ref) {
       popperClassName = _ref.popperClassName,
       backgroundElementClass = _ref.backgroundElementClass,
       _ref$windowAbsolutely = _ref.windowAbsolutelyPositioned,
-      windowAbsolutelyPositioned = _ref$windowAbsolutely === void 0 ? false : _ref$windowAbsolutely,
-      _ref$preventClickEven = _ref.preventClickEventBubbling,
-      preventClickEventBubbling = _ref$preventClickEven === void 0 ? false : _ref$preventClickEven;
+      windowAbsolutelyPositioned = _ref$windowAbsolutely === void 0 ? false : _ref$windowAbsolutely;
 
   var _useState = useState(defaultOpen),
       open = _useState[0],
@@ -49,16 +47,12 @@ export var Menu = function Menu(_ref) {
   var handleOpen = useCallback(function (event) {
     var _target$props;
 
-    event && event.preventDefault();
-
-    if (preventClickEventBubbling) {
-      event == null ? void 0 : event.stopPropagation();
-    }
-
+    event == null ? void 0 : event.preventDefault();
+    event == null ? void 0 : event.stopPropagation();
     setOpen(true);
     typeof onOpen === "function" && onOpen();
     typeof (target == null ? void 0 : (_target$props = target.props) == null ? void 0 : _target$props.onClick) === "function" && target.props.onClick(event);
-  }, [onOpen, preventClickEventBubbling, target == null ? void 0 : target.props]);
+  }, [onOpen, target == null ? void 0 : target.props]);
   var handleClose = useCallback(function () {
     if (typeof onBeforeClose === "function" && !onBeforeClose()) {
       return;
@@ -81,8 +75,7 @@ export var Menu = function Menu(_ref) {
     disableFocusLock: disableFocusLock,
     style: {
       position: windowAbsolutelyPositioned ? "absolute" : "fixed"
-    },
-    preventClickEventBubbling: preventClickEventBubbling
+    }
   }, /*#__PURE__*/React.createElement(Overlay, {
     className: backgroundElementClass,
     onClick: handleClose,

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Menu/Menu.tsx"],"names":["React","useRef","useState","useCallback","useEffect","classnames","Popper","useForkRef","Overlay","Window","MenuContextProvider","StyledMenu","Menu","children","disableFocusLock","onMenuClick","handleScroll","mode","open","defaultOpen","onOpen","onClose","onBeforeClose","position","target","className","menuClassName","popperClassName","backgroundElementClass","windowAbsolutelyPositioned","preventClickEventBubbling","setOpen","childNode","setChildNode","elementRef","handleRefRef","ref","undefined","handleRef","handleOpen","event","preventDefault","stopPropagation","props","onClick","handleClose","childProps","forceClose","targetProps","cloneElement","displayName"],"mappings":"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","sourcesContent":["import React, {\n  useRef,\n  FC,\n  ReactNode,\n  MouseEvent,\n  useState,\n  useCallback,\n  useEffect,\n  ReactElement,\n  Ref,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { Popper } from \"../Popper\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { Overlay } from \"../Overlay\";\nimport { Window } from \"../Window\";\nimport { Placement } from \"@popperjs/core\";\nimport { MenuContextProvider } from \"./context\";\nimport { StyledMenu } from \"./Styles\";\n\ninterface ElementWithRef<T> extends ReactElement {\n  ref?: Ref<T>;\n}\n\nexport type MenuMode = \"normal\" | \"wider\" | \"tiny\";\n\nexport interface IMenu {\n  /** Menu content */\n  children: ReactNode;\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  /** Prevents click event from bubbling to parent elements */\n  preventClickEventBubbling?: boolean;\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  preventClickEventBubbling = false,\n}) => {\n  const [open, setOpen] = useState(defaultOpen);\n  const [childNode, setChildNode] = useState<Element | null>();\n  const elementRef = useRef<Element | null>(null);\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 && event.preventDefault();\n      if (preventClickEventBubbling) {\n        event?.stopPropagation();\n      }\n      setOpen(true);\n      typeof onOpen === \"function\" && onOpen();\n      typeof target?.props?.onClick === \"function\" &&\n        target.props.onClick(event);\n    },\n    [onOpen, preventClickEventBubbling, 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  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          preventClickEventBubbling={preventClickEventBubbling}\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          >\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"],"file":"Menu.js"}
+{"version":3,"sources":["../../../../src/components/Menu/Menu.tsx"],"names":["React","useRef","useState","useCallback","useEffect","classnames","Popper","useForkRef","Overlay","Window","MenuContextProvider","StyledMenu","Menu","children","disableFocusLock","onMenuClick","handleScroll","mode","open","defaultOpen","onOpen","onClose","onBeforeClose","position","target","className","menuClassName","popperClassName","backgroundElementClass","windowAbsolutelyPositioned","setOpen","childNode","setChildNode","elementRef","handleRefRef","ref","undefined","handleRef","handleOpen","event","preventDefault","stopPropagation","props","onClick","handleClose","childProps","forceClose","targetProps","cloneElement","displayName"],"mappings":"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","sourcesContent":["import React, {\n  useRef,\n  FC,\n  ReactNode,\n  MouseEvent,\n  useState,\n  useCallback,\n  useEffect,\n  ReactElement,\n  Ref,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { Popper } from \"../Popper\";\nimport useForkRef from \"../../utils/useForkRef\";\nimport { Overlay } from \"../Overlay\";\nimport { Window } from \"../Window\";\nimport { Placement } from \"@popperjs/core\";\nimport { MenuContextProvider } from \"./context\";\nimport { StyledMenu } from \"./Styles\";\n\ninterface ElementWithRef<T> extends ReactElement {\n  ref?: Ref<T>;\n}\n\nexport type MenuMode = \"normal\" | \"wider\" | \"tiny\";\n\nexport interface IMenu {\n  /** Menu content */\n  children: ReactNode;\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}\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}) => {\n  const [open, setOpen] = useState(defaultOpen);\n  const [childNode, setChildNode] = useState<Element | null>();\n  const elementRef = useRef<Element | null>(null);\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  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          >\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"],"file":"Menu.js"}

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

@@ -1,5 +1,5 @@
 import React, { ReactElement } from "react";
-interface IModal {
+export interface IModal {
     disableFocusLock?: boolean;
     disableScrollLock?: boolean;
     open?: boolean;
@@ -7,8 +7,6 @@ interface IModal {
     disableBackgroundColor?: boolean;
     onClose?: () => void;
     children: ReactElement;
-    preventClickEventBubbling?: boolean;
 }
 export declare const Modal: React.ForwardRefExoticComponent<IModal & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-export {};
 //# sourceMappingURL=Modal.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAOZ,YAAY,EAIb,MAAM,OAAO,CAAC;AAMf,UAAU,MAAM;IACd,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,YAAY,CAAC;IACvB,yBAAyB,CAAC,EAAE,OAAO,CAAC;CACrC;AAQD,eAAO,MAAM,KAAK,sHAkGjB,CAAC"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAOZ,YAAY,EAIb,MAAM,OAAO,CAAC;AAMf,MAAM,WAAW,MAAM;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,YAAY,CAAC;CACxB;AAQD,eAAO,MAAM,KAAK,sHAgGjB,CAAC"}

package/dist/esm/components/Modal/Modal.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["children", "disableFocusLock", "disableScrollLock", "disableBackgroundClick", "disableBackgroundColor", "preventClickEventBubbling", "open", "onClose"];
+var _excluded = ["children", "disableFocusLock", "disableScrollLock", "disableBackgroundClick", "disableBackgroundColor", "open", "onClose"];
 import React, { forwardRef, useRef, cloneElement, useMemo, useCallback, useState, useEffect } from "react";
 import { Window } from "../Window";
 import useForkRef from "../../utils/useForkRef";
@@ -21,8 +21,6 @@ export var Modal = /*#__PURE__*/forwardRef(function (_ref, ref) {
       disableBackgroundClick = _ref$disableBackgroun === void 0 ? false : _ref$disableBackgroun,
       _ref$disableBackgroun2 = _ref.disableBackgroundColor,
       disableBackgroundColor = _ref$disableBackgroun2 === void 0 ? false : _ref$disableBackgroun2,
-      _ref$preventClickEven = _ref.preventClickEventBubbling,
-      preventClickEventBubbling = _ref$preventClickEven === void 0 ? false : _ref$preventClickEven,
       _ref$open = _ref.open,
       defaultOpen = _ref$open === void 0 ? false : _ref$open,
       onClose = _ref.onClose,
@@ -86,8 +84,7 @@ export var Modal = /*#__PURE__*/forwardRef(function (_ref, ref) {
     ref: handleRef,
     onClose: handleClose,
     disableFocusLock: disableFocusLock,
-    disableScrollLock: disableScrollLock,
-    preventClickEventBubbling: preventClickEventBubbling
+    disableScrollLock: disableScrollLock
   }), open ? /*#__PURE__*/React.createElement(Overlay, {
     onClick: handleBackgroundClick,
     disableBackgroundColor: disableBackgroundColor