@activecollab/components 1.0.214 → 1.0.215

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["StyledMenu","styled","Menu","StyledMenuFooter","MenuFooter","StyledStartMenuList","List","StyledStartMenuListItem","ListItem","StyledStartMenuTitle","div","StyledStartMenuNoResults","StyledStartMenuDot","span","displayName"],"sources":["../../../../src/components/Filter/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { Menu, IMenu, MenuFooter, IMenuFooter } from \"../Menu\";\nimport { ListItem, IListItem, List, IList } from \"../List\";\nimport tw from \"twin.macro\";\n\nexport const StyledMenu = styled(Menu)<IMenu>`\n  ${tw`tw-relative`}\n  ${tw`tw-overflow-hidden`}\n`;\n\nexport const StyledMenuFooter = styled(MenuFooter)<IMenuFooter>`\n  ${tw`tw-justify-center`}\n`;\n\nexport const StyledStartMenuList = styled(List)<IList>`\n  ${tw`tw-py-2`}\n`;\n\nexport const StyledStartMenuListItem = styled(ListItem)<IListItem>`\n  ${tw`tw-pr-3`}\n`;\n\nexport const StyledStartMenuTitle = styled.div`\n  ${tw`tw-flex-1`}\n`;\n\nexport const StyledStartMenuNoResults = styled.div`\n  ${tw`tw-py-0.5`}\n  ${tw`tw-text-center`}\n`;\n\nexport const StyledStartMenuDot = styled.span`\n  border-radius: 50%;\n  background-color: var(--color-primary);\n  color: var(--page-paper-main);\n  line-height: 15px;\n  width: 15px;\n  font-weight: bold;\n  font-size: 10px;\n  text-align: center;\n  margin-left: 4px;\n`;\n\nStyledMenu.displayName = \"StyledMenu\";\nStyledMenuFooter.displayName = \"StyledMenuFooter\";\nStyledStartMenuList.displayName = \"StyledStartMenuList\";\nStyledStartMenuListItem.displayName = \"StyledStartMenuListItem\";\nStyledStartMenuTitle.displayName = \"StyledStartMenuTitle\";\nStyledStartMenuDot.displayName = \"StyledStartMenuDot\";\nStyledStartMenuNoResults.displayName = \"StyledStartMenuNoResults\";\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAA2D;AAGpD,IAAMA,UAAU,GAAG,IAAAC,yBAAM,EAACC,UAAI,CAAC;EAAA;EAAA;AAAA,kBAChC;EAAA;AAAY,CAAC,EACb;EAAA;AAAmB,CAAC,CACzB;AAAC;AAEK,IAAMC,gBAAgB,GAAG,IAAAF,yBAAM,EAACG,gBAAU,CAAC;EAAA;EAAA;AAAA,aAC5C;EAAA;AAAkB,CAAC,CACxB;AAAC;AAEK,IAAMC,mBAAmB,GAAG,IAAAJ,yBAAM,EAACK,UAAI,CAAC;EAAA;EAAA;AAAA,aACzC;EAAA;EAAA;AAAQ,CAAC,CACd;AAAC;AAEK,IAAMC,uBAAuB,GAAG,IAAAN,yBAAM,EAACO,cAAQ,CAAC;EAAA;EAAA;AAAA,aACjD;EAAA;AAAQ,CAAC,CACd;AAAC;AAEK,IAAMC,oBAAoB,GAAGR,yBAAM,CAACS,GAAG;EAAA;EAAA;AAAA,aACxC;EAAA;AAAU,CAAC,CAChB;AAAC;AAEK,IAAMC,wBAAwB,GAAGV,yBAAM,CAACS,GAAG;EAAA;EAAA;AAAA,kBAC5C;EAAA;EAAA;AAAU,CAAC,EACX;EAAA;AAAe,CAAC,CACrB;AAAC;AAEK,IAAME,kBAAkB,GAAGX,yBAAM,CAACY,IAAI;EAAA;EAAA;AAAA,2LAU5C;AAAC;AAEFb,UAAU,CAACc,WAAW,GAAG,YAAY;AACrCX,gBAAgB,CAACW,WAAW,GAAG,kBAAkB;AACjDT,mBAAmB,CAACS,WAAW,GAAG,qBAAqB;AACvDP,uBAAuB,CAACO,WAAW,GAAG,yBAAyB;AAC/DL,oBAAoB,CAACK,WAAW,GAAG,sBAAsB;AACzDF,kBAAkB,CAACE,WAAW,GAAG,oBAAoB;AACrDH,wBAAwB,CAACG,WAAW,GAAG,0BAA0B"}
+{"version":3,"file":"Styles.js","names":["StyledMenu","styled","Menu","StyledMenuFooter","MenuFooter","StyledStartMenuList","List","StyledStartMenuListItem","ListItem","StyledStartMenuTitle","div","StyledStartMenuNoResults","StyledStartMenuDot","span","displayName"],"sources":["../../../../src/components/Filter/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { Menu, IMenu, MenuFooter, IMenuFooter } from \"../Menu\";\nimport { ListItem, ListProps, List, ListItemProps } from \"../List\";\nimport tw from \"twin.macro\";\n\nexport const StyledMenu = styled(Menu)<IMenu>`\n  ${tw`tw-relative`}\n  ${tw`tw-overflow-hidden`}\n`;\n\nexport const StyledMenuFooter = styled(MenuFooter)<IMenuFooter>`\n  ${tw`tw-justify-center`}\n`;\n\nexport const StyledStartMenuList = styled(List)<ListProps>`\n  ${tw`tw-py-2`}\n`;\n\nexport const StyledStartMenuListItem = styled(ListItem)<ListItemProps>`\n  ${tw`tw-pr-3`}\n`;\n\nexport const StyledStartMenuTitle = styled.div`\n  ${tw`tw-flex-1`}\n`;\n\nexport const StyledStartMenuNoResults = styled.div`\n  ${tw`tw-py-0.5`}\n  ${tw`tw-text-center`}\n`;\n\nexport const StyledStartMenuDot = styled.span`\n  border-radius: 50%;\n  background-color: var(--color-primary);\n  color: var(--page-paper-main);\n  line-height: 15px;\n  width: 15px;\n  font-weight: bold;\n  font-size: 10px;\n  text-align: center;\n  margin-left: 4px;\n`;\n\nStyledMenu.displayName = \"StyledMenu\";\nStyledMenuFooter.displayName = \"StyledMenuFooter\";\nStyledStartMenuList.displayName = \"StyledStartMenuList\";\nStyledStartMenuListItem.displayName = \"StyledStartMenuListItem\";\nStyledStartMenuTitle.displayName = \"StyledStartMenuTitle\";\nStyledStartMenuDot.displayName = \"StyledStartMenuDot\";\nStyledStartMenuNoResults.displayName = \"StyledStartMenuNoResults\";\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAAmE;AAG5D,IAAMA,UAAU,GAAG,IAAAC,yBAAM,EAACC,UAAI,CAAC;EAAA;EAAA;AAAA,kBAChC;EAAA;AAAY,CAAC,EACb;EAAA;AAAmB,CAAC,CACzB;AAAC;AAEK,IAAMC,gBAAgB,GAAG,IAAAF,yBAAM,EAACG,gBAAU,CAAC;EAAA;EAAA;AAAA,aAC5C;EAAA;AAAkB,CAAC,CACxB;AAAC;AAEK,IAAMC,mBAAmB,GAAG,IAAAJ,yBAAM,EAACK,UAAI,CAAC;EAAA;EAAA;AAAA,aACzC;EAAA;EAAA;AAAQ,CAAC,CACd;AAAC;AAEK,IAAMC,uBAAuB,GAAG,IAAAN,yBAAM,EAACO,cAAQ,CAAC;EAAA;EAAA;AAAA,aACjD;EAAA;AAAQ,CAAC,CACd;AAAC;AAEK,IAAMC,oBAAoB,GAAGR,yBAAM,CAACS,GAAG;EAAA;EAAA;AAAA,aACxC;EAAA;AAAU,CAAC,CAChB;AAAC;AAEK,IAAMC,wBAAwB,GAAGV,yBAAM,CAACS,GAAG;EAAA;EAAA;AAAA,kBAC5C;EAAA;EAAA;AAAU,CAAC,EACX;EAAA;AAAe,CAAC,CACrB;AAAC;AAEK,IAAME,kBAAkB,GAAGX,yBAAM,CAACY,IAAI;EAAA;EAAA;AAAA,2LAU5C;AAAC;AAEFb,UAAU,CAACc,WAAW,GAAG,YAAY;AACrCX,gBAAgB,CAACW,WAAW,GAAG,kBAAkB;AACjDT,mBAAmB,CAACS,WAAW,GAAG,qBAAqB;AACvDP,uBAAuB,CAACO,WAAW,GAAG,yBAAyB;AAC/DL,oBAAoB,CAACK,WAAW,GAAG,sBAAsB;AACzDF,kBAAkB,CAACE,WAAW,GAAG,oBAAoB;AACrDH,wBAAwB,CAACG,WAAW,GAAG,0BAA0B"}

package/dist/cjs/components/List/List.js

@@ -4,8 +4,10 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.List = void 0;
+exports._List = exports.List = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _ListItem = require("./ListItem");
+var _ListSeparator = require("./ListSeparator");
 var _Styles = require("./Styles");
 var _excluded = ["children", "className"];
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -13,15 +15,23 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-var List = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+var _List = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_Styles.StyledList, _extends({}, props, {
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledList, _extends({
     className: className,
-    ref: ref
-  }), children);
+    ref: ref,
+    tabIndex: -1
+  }, props), children);
+});
+exports._List = _List;
+_List.displayName = "List";
+
+// https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757
+var List = Object.assign({}, _List, {
+  Item: _ListItem.ListItem,
+  Separator: _ListSeparator.ListSeparator
 });
 exports.List = List;
-List.displayName = "List";
 //# sourceMappingURL=List.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"List.js","names":["List","forwardRef","ref","children","className","props","displayName"],"sources":["../../../../src/components/List/List.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes, ReactNode, Ref } from \"react\";\nimport { StyledList } from \"./Styles\";\n\nexport interface IList {\n  /** Applies passed classes */\n  className?: string;\n  /** Children element. */\n  children?: ReactNode;\n}\n\nexport const List = forwardRef(\n  (\n    { children, className, ...props }: IList & HTMLAttributes<HTMLUListElement>,\n    ref: Ref<HTMLUListElement> | null | undefined\n  ) => {\n    return (\n      <StyledList {...props} className={className} ref={ref}>\n        {children}\n      </StyledList>\n    );\n  }\n);\n\nList.displayName = \"List\";\n"],"mappings":";;;;;;;AAAA;AACA;AAAsC;AAAA;AAAA;AAAA;AAAA;AAAA;AAS/B,IAAMA,IAAI,gBAAG,IAAAC,iBAAU,EAC5B,gBAEEC,GAA6C,EAC1C;EAAA,IAFDC,QAAQ,QAARA,QAAQ;IAAEC,SAAS,QAATA,SAAS;IAAKC,KAAK;EAG/B,oBACE,6BAAC,kBAAU,eAAKA,KAAK;IAAE,SAAS,EAAED,SAAU;IAAC,GAAG,EAAEF;EAAI,IACnDC,QAAQ,CACE;AAEjB,CAAC,CACF;AAAC;AAEFH,IAAI,CAACM,WAAW,GAAG,MAAM"}
+{"version":3,"file":"List.js","names":["_List","forwardRef","ref","children","className","props","displayName","List","Object","assign","Item","ListItem","Separator","ListSeparator"],"sources":["../../../../src/components/List/List.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  Ref,\n  PropsWithChildren,\n} from \"react\";\n\nimport { ListItem } from \"./ListItem\";\nimport { ListSeparator } from \"./ListSeparator\";\n\nimport { StyledList } from \"./Styles\";\n\nexport interface ListProps {\n  /** Applies passed classes */\n  className?: string;\n}\n\nexport const _List = forwardRef(\n  (\n    {\n      children,\n      className,\n      ...props\n    }: PropsWithChildren<ListProps> & HTMLAttributes<HTMLUListElement>,\n    ref: Ref<HTMLUListElement> | null | undefined\n  ) => {\n    return (\n      <StyledList className={className} ref={ref} tabIndex={-1} {...props}>\n        {children}\n      </StyledList>\n    );\n  }\n);\n\n_List.displayName = \"List\";\n\n// https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757\nexport const List = Object.assign({}, _List, {\n  Item: ListItem,\n  Separator: ListSeparator,\n});\n"],"mappings":";;;;;;;AAAA;AAOA;AACA;AAEA;AAAsC;AAAA;AAAA;AAAA;AAAA;AAAA;AAO/B,IAAMA,KAAK,gBAAG,IAAAC,iBAAU,EAC7B,gBAMEC,GAA6C,EAC1C;EAAA,IALDC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IACNC,KAAK;EAIV,oBACE,6BAAC,kBAAU;IAAC,SAAS,EAAED,SAAU;IAAC,GAAG,EAAEF,GAAI;IAAC,QAAQ,EAAE,CAAC;EAAE,GAAKG,KAAK,GAChEF,QAAQ,CACE;AAEjB,CAAC,CACF;AAAC;AAEFH,KAAK,CAACM,WAAW,GAAG,MAAM;;AAE1B;AACO,IAAMC,IAAI,GAAGC,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAET,KAAK,EAAE;EAC3CU,IAAI,EAAEC,kBAAQ;EACdC,SAAS,EAAEC;AACb,CAAC,CAAC;AAAC"}

package/dist/cjs/components/List/ListItem.js

@@ -19,10 +19,11 @@ var ListItem = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_Styles.StyledListItem, _extends({}, props, {
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledListItem, _extends({
     className: (0, _classnames.default)("c-list-item", className),
-    ref: ref
-  }), children);
+    ref: ref,
+    tabIndex: 0
+  }, props), children);
 });
 exports.ListItem = ListItem;
 ListItem.displayName = "ListItem";

package/dist/cjs/components/List/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","names":["ListItem","forwardRef","ref","children","className","props","classnames","displayName"],"sources":["../../../../src/components/List/ListItem.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes, ReactNode, Ref } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledListItem } from \"./Styles\";\n\nexport interface IListItem {\n  className?: string;\n  children?: ReactNode;\n}\n\nexport const ListItem = forwardRef(\n  (\n    {\n      children,\n      className,\n      ...props\n    }: IListItem & HTMLAttributes<HTMLLIElement>,\n    ref: Ref<HTMLLIElement> | null | undefined\n  ) => {\n    return (\n      <StyledListItem\n        {...props}\n        className={classnames(\"c-list-item\", className)}\n        ref={ref}\n      >\n        {children}\n      </StyledListItem>\n    );\n  }\n);\n\nListItem.displayName = \"ListItem\";\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AAA0C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOnC,IAAMA,QAAQ,gBAAG,IAAAC,iBAAU,EAChC,gBAMEC,GAA0C,EACvC;EAAA,IALDC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IACNC,KAAK;EAIV,oBACE,6BAAC,sBAAc,eACTA,KAAK;IACT,SAAS,EAAE,IAAAC,mBAAU,EAAC,aAAa,EAAEF,SAAS,CAAE;IAChD,GAAG,EAAEF;EAAI,IAERC,QAAQ,CACM;AAErB,CAAC,CACF;AAAC;AAEFH,QAAQ,CAACO,WAAW,GAAG,UAAU"}
+{"version":3,"file":"ListItem.js","names":["ListItem","forwardRef","ref","children","className","props","classnames","displayName"],"sources":["../../../../src/components/List/ListItem.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  PropsWithChildren,\n  Ref,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { StyledListItem } from \"./Styles\";\n\nexport interface ListItemProps {\n  className?: string;\n}\n\nexport const ListItem = forwardRef(\n  (\n    {\n      children,\n      className,\n      ...props\n    }: PropsWithChildren<ListItemProps> & HTMLAttributes<HTMLLIElement>,\n    ref: Ref<HTMLLIElement> | null | undefined\n  ) => {\n    return (\n      <StyledListItem\n        className={classnames(\"c-list-item\", className)}\n        ref={ref}\n        tabIndex={0}\n        {...props}\n      >\n        {children}\n      </StyledListItem>\n    );\n  }\n);\n\nListItem.displayName = \"ListItem\";\n"],"mappings":";;;;;;;AAAA;AAMA;AACA;AAA0C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMnC,IAAMA,QAAQ,gBAAG,IAAAC,iBAAU,EAChC,gBAMEC,GAA0C,EACvC;EAAA,IALDC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IACNC,KAAK;EAIV,oBACE,6BAAC,sBAAc;IACb,SAAS,EAAE,IAAAC,mBAAU,EAAC,aAAa,EAAEF,SAAS,CAAE;IAChD,GAAG,EAAEF,GAAI;IACT,QAAQ,EAAE;EAAE,GACRG,KAAK,GAERF,QAAQ,CACM;AAErB,CAAC,CACF;AAAC;AAEFH,QAAQ,CAACO,WAAW,GAAG,UAAU"}

package/dist/cjs/components/List/ListSeparator.js

@@ -7,12 +7,17 @@ exports.ListSeparator = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _Styles = require("./Styles");
+var _excluded = ["className"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 var ListSeparator = function ListSeparator(_ref) {
-  var className = _ref.className;
-  return /*#__PURE__*/_react.default.createElement(_Styles.StyledListSeparator, {
+  var className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledListSeparator, _extends({
     className: (0, _classnames.default)("c-list-separator", className)
-  });
+  }, props));
 };
 exports.ListSeparator = ListSeparator;
 ListSeparator.displayName = "ListSeparator";

package/dist/cjs/components/List/ListSeparator.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListSeparator.js","names":["ListSeparator","className","classnames","displayName"],"sources":["../../../../src/components/List/ListSeparator.tsx"],"sourcesContent":["import React, { FC, HTMLAttributes } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledListSeparator } from \"./Styles\";\n\nexport const ListSeparator: FC<HTMLAttributes<HTMLDivElement>> = ({\n  className,\n}) => {\n  return (\n    <StyledListSeparator\n      className={classnames(\"c-list-separator\", className)}\n    />\n  );\n};\n\nListSeparator.displayName = \"ListSeparator\";\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAA+C;AAExC,IAAMA,aAAiD,GAAG,SAApDA,aAAiD,OAExD;EAAA,IADJC,SAAS,QAATA,SAAS;EAET,oBACE,6BAAC,2BAAmB;IAClB,SAAS,EAAE,IAAAC,mBAAU,EAAC,kBAAkB,EAAED,SAAS;EAAE,EACrD;AAEN,CAAC;AAAC;AAEFD,aAAa,CAACG,WAAW,GAAG,eAAe"}
+{"version":3,"file":"ListSeparator.js","names":["ListSeparator","className","props","classnames","displayName"],"sources":["../../../../src/components/List/ListSeparator.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledListSeparator } from \"./Styles\";\n\nexport const ListSeparator = ({\n  className,\n  ...props\n}: HTMLAttributes<HTMLDivElement>) => {\n  return (\n    <StyledListSeparator\n      className={classnames(\"c-list-separator\", className)}\n      {...props}\n    />\n  );\n};\n\nListSeparator.displayName = \"ListSeparator\";\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAA+C;AAAA;AAAA;AAAA;AAAA;AAExC,IAAMA,aAAa,GAAG,SAAhBA,aAAa,OAGY;EAAA,IAFpCC,SAAS,QAATA,SAAS;IACNC,KAAK;EAER,oBACE,6BAAC,2BAAmB;IAClB,SAAS,EAAE,IAAAC,mBAAU,EAAC,kBAAkB,EAAEF,SAAS;EAAE,GACjDC,KAAK,EACT;AAEN,CAAC;AAAC;AAEFF,aAAa,CAACI,WAAW,GAAG,eAAe"}

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

@@ -11,29 +11,13 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 var StyledList = _styledComponents.default.ul.withConfig({
   displayName: "Styles__StyledList",
   componentId: "sc-dv1w0m-0"
-})(["", ""], {
-  "listStyleType": "none",
-  "margin": "0px",
-  "padding": "0px"
-});
+})(["list-style-type:none;margin:0;padding:0;"]);
 exports.StyledList = StyledList;
 StyledList.displayName = "StyledList";
 var StyledListItem = _styledComponents.default.li.withConfig({
   displayName: "Styles__StyledListItem",
   componentId: "sc-dv1w0m-1"
-})(["", " ", " ", " color:var(--color-theme-900);line-height:28px;> svg:first-child{margin-right:8px;}&:hover{background-color:var(--color-theme-200);}&:focus{outline:none;}"], {
-  "display": "flex",
-  "flexDirection": "row",
-  "alignItems": "center",
-  "cursor": "pointer",
-  "paddingLeft": "1rem",
-  "paddingRight": "1rem",
-  "marginTop": "0.25rem",
-  "marginBottom": "0.25rem",
-  "fontSize": "0.875rem",
-  "lineHeight": "1.25rem",
-  "userSelect": "none"
-}, _BoxSizingStyle.BoxSizingStyle, _FontStyle.FontStyle);
+})(["", " ", " display:flex;flex-direction:row;align-items:center;cursor:pointer;padding:0 1rem;margin:0.25rem 0;font-size:0.875rem;user-select:none;color:var(--color-theme-900);line-height:28px;> svg:first-child{margin-right:8px;}&:hover,&:focus-visible{background-color:var(--color-theme-200);outline:none;}"], _BoxSizingStyle.BoxSizingStyle, _FontStyle.FontStyle);
 exports.StyledListItem = StyledListItem;
 StyledListItem.displayName = "StyledListItem";
 var StyledListSeparator = _styledComponents.default.div.withConfig({

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["StyledList","styled","ul","displayName","StyledListItem","li","BoxSizingStyle","FontStyle","StyledListSeparator","div"],"sources":["../../../../src/components/List/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\nexport const StyledList = styled.ul`\n  ${tw`tw-list-none tw-m-0 tw-p-0`}\n`;\n\nStyledList.displayName = \"StyledList\";\n\nexport const StyledListItem = styled.li`\n  ${tw`tw-flex tw-flex-row tw-items-center tw-cursor-pointer tw-px-4 tw-my-1 tw-text-sm tw-select-none`}\n  ${BoxSizingStyle}\n  ${FontStyle}\n\n  color: var(--color-theme-900);\n  line-height: 28px;\n  > svg:first-child {\n    margin-right: 8px;\n  }\n\n  &:hover {\n    background-color: var(--color-theme-200);\n  }\n\n  &:focus {\n    outline: none;\n  }\n`;\n\nStyledListItem.displayName = \"StyledListItem\";\n\nexport const StyledListSeparator = styled.div`\n  border-top: 1px solid var(--border-primary);\n  margin: 12px 16px;\n  height: 1px;\n`;\n\nStyledListSeparator.displayName = \"StyledListSeparator\";\n"],"mappings":";;;;;;AAAA;AAEA;AACA;AAAmD;AAE5C,IAAMA,UAAU,GAAGC,yBAAM,CAACC,EAAE;EAAA;EAAA;AAAA,aAC7B;EAAA;EAAA;EAAA;AAA2B,CAAC,CACjC;AAAC;AAEFF,UAAU,CAACG,WAAW,GAAG,YAAY;AAE9B,IAAMC,cAAc,GAAGH,yBAAM,CAACI,EAAE;EAAA;EAAA;AAAA,iLACjC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAgG,CAAC,EACnGC,8BAAc,EACdC,oBAAS,CAeZ;AAAC;AAEFH,cAAc,CAACD,WAAW,GAAG,gBAAgB;AAEtC,IAAMK,mBAAmB,GAAGP,yBAAM,CAACQ,GAAG;EAAA;EAAA;AAAA,+EAI5C;AAAC;AAEFD,mBAAmB,CAACL,WAAW,GAAG,qBAAqB"}
+{"version":3,"file":"Styles.js","names":["StyledList","styled","ul","displayName","StyledListItem","li","BoxSizingStyle","FontStyle","StyledListSeparator","div"],"sources":["../../../../src/components/List/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\nexport const StyledList = styled.ul`\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n`;\n\nStyledList.displayName = \"StyledList\";\n\nexport const StyledListItem = styled.li`\n  ${BoxSizingStyle}\n  ${FontStyle}\n\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  cursor: pointer;\n  padding: 0 1rem;\n  margin: 0.25rem 0;\n  font-size: 0.875rem;\n  user-select: none;\n\n  color: var(--color-theme-900);\n  line-height: 28px;\n\n  > svg:first-child {\n    margin-right: 8px;\n  }\n\n  &:hover,\n  &:focus-visible {\n    background-color: var(--color-theme-200);\n    outline: none;\n  }\n`;\n\nStyledListItem.displayName = \"StyledListItem\";\n\nexport const StyledListSeparator = styled.div`\n  border-top: 1px solid var(--border-primary);\n  margin: 12px 16px;\n  height: 1px;\n`;\n\nStyledListSeparator.displayName = \"StyledListSeparator\";\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAAmD;AAE5C,IAAMA,UAAU,GAAGC,yBAAM,CAACC,EAAE;EAAA;EAAA;AAAA,gDAIlC;AAAC;AAEFF,UAAU,CAACG,WAAW,GAAG,YAAY;AAE9B,IAAMC,cAAc,GAAGH,yBAAM,CAACI,EAAE;EAAA;EAAA;AAAA,yTACnCC,8BAAc,EACdC,oBAAS,CAuBZ;AAAC;AAEFH,cAAc,CAACD,WAAW,GAAG,gBAAgB;AAEtC,IAAMK,mBAAmB,GAAGP,yBAAM,CAACQ,GAAG;EAAA;EAAA;AAAA,+EAI5C;AAAC;AAEFD,mBAAmB,CAACL,WAAW,GAAG,qBAAqB"}

package/dist/cjs/components/List/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/List/index.ts"],"sourcesContent":["export * from \"./List\";\nexport * from \"./ListItem\";\nexport * from \"./ListSeparator\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/List/index.ts"],"sourcesContent":["export * from \"./List\";\n\n// @TODO:\n// Nakon refaktora List komponente na legacy AC-u i Next-u, obrisati individualne exporte.\n// Korisčenje će se svesti samo na `import { List } from @activecollab/components`.\n\n// <List>\n//   <List.Item>Hello</List.Item>\n//   ...\n//   <List.Separator />\n//   ...\n// </List>\nexport * from \"./ListItem\";\nexport * from \"./ListSeparator\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AAYA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

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

@@ -2,7 +2,13 @@
 export declare const StyledAutocompleteScrollShadow: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../ScrollShadow").IScrollShadowProps & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, {
     $isHidden: boolean;
 }, never>;
-export declare const StyledAutocompleteBody: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../List").IList & import("react").HTMLAttributes<HTMLUListElement> & import("react").RefAttributes<HTMLUListElement>>, any, {}, never>;
+export declare const StyledAutocompleteBody: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../List").ListProps & import("react").HTMLAttributes<HTMLUListElement> & import("react").RefAttributes<HTMLUListElement>> & {
+    Item: import("react").ForwardRefExoticComponent<import("../List").ListItemProps & import("react").HTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>;
+    Separator: {
+        ({ className, ...props }: import("react").HTMLAttributes<HTMLDivElement>): JSX.Element;
+        displayName: string;
+    };
+}, any, {}, never>;
 export declare const StyledAutocompleteNoResult: import("styled-components").StyledComponent<"li", any, {}, never>;
 export declare const StyledAutocompleteNewItem: import("styled-components").StyledComponent<"li", any, {
     hover?: boolean | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Autocomplete/Styles.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,8BAA8B;eAC9B,OAAO;SASnB,CAAC;AAIF,eAAO,MAAM,sBAAsB,sOAIlC,CAAC;AAIF,eAAO,MAAM,0BAA0B,mEAWtC,CAAC;AAIF,eAAO,MAAM,yBAAyB;;;;SAerC,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Autocomplete/Styles.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,8BAA8B;eAC9B,OAAO;SASnB,CAAC;AAIF,eAAO,MAAM,sBAAsB;;;;;;kBAIlC,CAAC;AAIF,eAAO,MAAM,0BAA0B,mEAWtC,CAAC;AAIF,eAAO,MAAM,yBAAyB;;;;SAerC,CAAC"}

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

@@ -2,6 +2,12 @@
 export declare const StyledNavElement: import("styled-components").StyledComponent<"nav", any, {}, never>;
 export declare const StyledListWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledOList: import("styled-components").StyledComponent<"ol", any, {}, never>;
-export declare const StyledMenuList: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../List").IList & import("react").HTMLAttributes<HTMLUListElement> & import("react").RefAttributes<HTMLUListElement>>, any, {}, never>;
+export declare const StyledMenuList: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../List").ListProps & import("react").HTMLAttributes<HTMLUListElement> & import("react").RefAttributes<HTMLUListElement>> & {
+    Item: import("react").ForwardRefExoticComponent<import("../List").ListItemProps & import("react").HTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>;
+    Separator: {
+        ({ className, ...props }: import("react").HTMLAttributes<HTMLDivElement>): JSX.Element;
+        displayName: string;
+    };
+}, any, {}, never>;
 export declare const StyledBreadcrumbListItem: import("styled-components").StyledComponent<"li", any, {}, never>;
 //# sourceMappingURL=Styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/Styles.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,gBAAgB,oEAK5B,CAAC;AAIF,eAAO,MAAM,iBAAiB,oEAE7B,CAAC;AAIF,eAAO,MAAM,WAAW,mEAOvB,CAAC;AAIF,eAAO,MAAM,cAAc,sOAE1B,CAAC;AAIF,eAAO,MAAM,wBAAwB,mEAGpC,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/Styles.ts"],"names":[],"mappings":";AAMA,eAAO,MAAM,gBAAgB,oEAK5B,CAAC;AAIF,eAAO,MAAM,iBAAiB,oEAE7B,CAAC;AAIF,eAAO,MAAM,WAAW,mEAOvB,CAAC;AAIF,eAAO,MAAM,cAAc;;;;;;kBAE1B,CAAC;AAIF,eAAO,MAAM,wBAAwB,mEAGpC,CAAC"}

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

@@ -1,10 +1,16 @@
 /// <reference types="react" />
 import { IMenu, IMenuFooter } from "../Menu";
-import { IListItem, IList } from "../List";
+import { ListProps, ListItemProps } from "../List";
 export declare const StyledMenu: import("styled-components").StyledComponent<import("react").FC<IMenu>, any, IMenu, never>;
 export declare const StyledMenuFooter: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<IMenuFooter & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>, any, IMenuFooter, never>;
-export declare const StyledStartMenuList: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<IList & import("react").HTMLAttributes<HTMLUListElement> & import("react").RefAttributes<HTMLUListElement>>, any, IList, never>;
-export declare const StyledStartMenuListItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<IListItem & import("react").HTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>, any, IListItem, never>;
+export declare const StyledStartMenuList: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<ListProps & import("react").HTMLAttributes<HTMLUListElement> & import("react").RefAttributes<HTMLUListElement>> & {
+    Item: import("react").ForwardRefExoticComponent<ListItemProps & import("react").HTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>;
+    Separator: {
+        ({ className, ...props }: import("react").HTMLAttributes<HTMLDivElement>): JSX.Element;
+        displayName: string;
+    };
+}, any, ListProps, never>;
+export declare const StyledStartMenuListItem: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<ListItemProps & import("react").HTMLAttributes<HTMLLIElement> & import("react").RefAttributes<HTMLLIElement>>, any, ListItemProps, never>;
 export declare const StyledStartMenuTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledStartMenuNoResults: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledStartMenuDot: import("styled-components").StyledComponent<"span", any, {}, never>;

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Filter/Styles.ts"],"names":[],"mappings":";AACA,OAAO,EAAQ,KAAK,EAAc,WAAW,EAAE,MAAM,SAAS,CAAC;AAC/D,OAAO,EAAY,SAAS,EAAQ,KAAK,EAAE,MAAM,SAAS,CAAC;AAG3D,eAAO,MAAM,UAAU,2FAGtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,+NAE5B,CAAC;AAEF,eAAO,MAAM,mBAAmB,uNAE/B,CAAC;AAEF,eAAO,MAAM,uBAAuB,yNAEnC,CAAC;AAEF,eAAO,MAAM,oBAAoB,oEAEhC,CAAC;AAEF,eAAO,MAAM,wBAAwB,oEAGpC,CAAC;AAEF,eAAO,MAAM,kBAAkB,qEAU9B,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Filter/Styles.ts"],"names":[],"mappings":";AACA,OAAO,EAAQ,KAAK,EAAc,WAAW,EAAE,MAAM,SAAS,CAAC;AAC/D,OAAO,EAAY,SAAS,EAAQ,aAAa,EAAE,MAAM,SAAS,CAAC;AAGnE,eAAO,MAAM,UAAU,2FAGtB,CAAC;AAEF,eAAO,MAAM,gBAAgB,+NAE5B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;;yBAE/B,CAAC;AAEF,eAAO,MAAM,uBAAuB,iOAEnC,CAAC;AAEF,eAAO,MAAM,oBAAoB,oEAEhC,CAAC;AAEF,eAAO,MAAM,wBAAwB,oEAGpC,CAAC;AAEF,eAAO,MAAM,kBAAkB,qEAU9B,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","Menu","MenuFooter","ListItem","List","StyledMenu","StyledMenuFooter","StyledStartMenuList","StyledStartMenuListItem","StyledStartMenuTitle","div","StyledStartMenuNoResults","StyledStartMenuDot","span","displayName"],"sources":["../../../../src/components/Filter/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { Menu, IMenu, MenuFooter, IMenuFooter } from \"../Menu\";\nimport { ListItem, IListItem, List, IList } from \"../List\";\nimport tw from \"twin.macro\";\n\nexport const StyledMenu = styled(Menu)<IMenu>`\n  ${tw`tw-relative`}\n  ${tw`tw-overflow-hidden`}\n`;\n\nexport const StyledMenuFooter = styled(MenuFooter)<IMenuFooter>`\n  ${tw`tw-justify-center`}\n`;\n\nexport const StyledStartMenuList = styled(List)<IList>`\n  ${tw`tw-py-2`}\n`;\n\nexport const StyledStartMenuListItem = styled(ListItem)<IListItem>`\n  ${tw`tw-pr-3`}\n`;\n\nexport const StyledStartMenuTitle = styled.div`\n  ${tw`tw-flex-1`}\n`;\n\nexport const StyledStartMenuNoResults = styled.div`\n  ${tw`tw-py-0.5`}\n  ${tw`tw-text-center`}\n`;\n\nexport const StyledStartMenuDot = styled.span`\n  border-radius: 50%;\n  background-color: var(--color-primary);\n  color: var(--page-paper-main);\n  line-height: 15px;\n  width: 15px;\n  font-weight: bold;\n  font-size: 10px;\n  text-align: center;\n  margin-left: 4px;\n`;\n\nStyledMenu.displayName = \"StyledMenu\";\nStyledMenuFooter.displayName = \"StyledMenuFooter\";\nStyledStartMenuList.displayName = \"StyledStartMenuList\";\nStyledStartMenuListItem.displayName = \"StyledStartMenuListItem\";\nStyledStartMenuTitle.displayName = \"StyledStartMenuTitle\";\nStyledStartMenuDot.displayName = \"StyledStartMenuDot\";\nStyledStartMenuNoResults.displayName = \"StyledStartMenuNoResults\";\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,IAAI,EAASC,UAAU,QAAqB,SAAS;AAC9D,SAASC,QAAQ,EAAaC,IAAI,QAAe,SAAS;AAG1D,OAAO,IAAMC,UAAU,GAAGL,MAAM,CAACC,IAAI,CAAC;EAAA;EAAA;AAAA,kBAChC;EAAA;AAAY,CAAC,EACb;EAAA;AAAmB,CAAC,CACzB;AAED,OAAO,IAAMK,gBAAgB,GAAGN,MAAM,CAACE,UAAU,CAAC;EAAA;EAAA;AAAA,aAC5C;EAAA;AAAkB,CAAC,CACxB;AAED,OAAO,IAAMK,mBAAmB,GAAGP,MAAM,CAACI,IAAI,CAAC;EAAA;EAAA;AAAA,aACzC;EAAA;EAAA;AAAQ,CAAC,CACd;AAED,OAAO,IAAMI,uBAAuB,GAAGR,MAAM,CAACG,QAAQ,CAAC;EAAA;EAAA;AAAA,aACjD;EAAA;AAAQ,CAAC,CACd;AAED,OAAO,IAAMM,oBAAoB,GAAGT,MAAM,CAACU,GAAG;EAAA;EAAA;AAAA,aACxC;EAAA;AAAU,CAAC,CAChB;AAED,OAAO,IAAMC,wBAAwB,GAAGX,MAAM,CAACU,GAAG;EAAA;EAAA;AAAA,kBAC5C;EAAA;EAAA;AAAU,CAAC,EACX;EAAA;AAAe,CAAC,CACrB;AAED,OAAO,IAAME,kBAAkB,GAAGZ,MAAM,CAACa,IAAI;EAAA;EAAA;AAAA,2LAU5C;AAEDR,UAAU,CAACS,WAAW,GAAG,YAAY;AACrCR,gBAAgB,CAACQ,WAAW,GAAG,kBAAkB;AACjDP,mBAAmB,CAACO,WAAW,GAAG,qBAAqB;AACvDN,uBAAuB,CAACM,WAAW,GAAG,yBAAyB;AAC/DL,oBAAoB,CAACK,WAAW,GAAG,sBAAsB;AACzDF,kBAAkB,CAACE,WAAW,GAAG,oBAAoB;AACrDH,wBAAwB,CAACG,WAAW,GAAG,0BAA0B"}
+{"version":3,"file":"Styles.js","names":["styled","Menu","MenuFooter","ListItem","List","StyledMenu","StyledMenuFooter","StyledStartMenuList","StyledStartMenuListItem","StyledStartMenuTitle","div","StyledStartMenuNoResults","StyledStartMenuDot","span","displayName"],"sources":["../../../../src/components/Filter/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { Menu, IMenu, MenuFooter, IMenuFooter } from \"../Menu\";\nimport { ListItem, ListProps, List, ListItemProps } from \"../List\";\nimport tw from \"twin.macro\";\n\nexport const StyledMenu = styled(Menu)<IMenu>`\n  ${tw`tw-relative`}\n  ${tw`tw-overflow-hidden`}\n`;\n\nexport const StyledMenuFooter = styled(MenuFooter)<IMenuFooter>`\n  ${tw`tw-justify-center`}\n`;\n\nexport const StyledStartMenuList = styled(List)<ListProps>`\n  ${tw`tw-py-2`}\n`;\n\nexport const StyledStartMenuListItem = styled(ListItem)<ListItemProps>`\n  ${tw`tw-pr-3`}\n`;\n\nexport const StyledStartMenuTitle = styled.div`\n  ${tw`tw-flex-1`}\n`;\n\nexport const StyledStartMenuNoResults = styled.div`\n  ${tw`tw-py-0.5`}\n  ${tw`tw-text-center`}\n`;\n\nexport const StyledStartMenuDot = styled.span`\n  border-radius: 50%;\n  background-color: var(--color-primary);\n  color: var(--page-paper-main);\n  line-height: 15px;\n  width: 15px;\n  font-weight: bold;\n  font-size: 10px;\n  text-align: center;\n  margin-left: 4px;\n`;\n\nStyledMenu.displayName = \"StyledMenu\";\nStyledMenuFooter.displayName = \"StyledMenuFooter\";\nStyledStartMenuList.displayName = \"StyledStartMenuList\";\nStyledStartMenuListItem.displayName = \"StyledStartMenuListItem\";\nStyledStartMenuTitle.displayName = \"StyledStartMenuTitle\";\nStyledStartMenuDot.displayName = \"StyledStartMenuDot\";\nStyledStartMenuNoResults.displayName = \"StyledStartMenuNoResults\";\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,IAAI,EAASC,UAAU,QAAqB,SAAS;AAC9D,SAASC,QAAQ,EAAaC,IAAI,QAAuB,SAAS;AAGlE,OAAO,IAAMC,UAAU,GAAGL,MAAM,CAACC,IAAI,CAAC;EAAA;EAAA;AAAA,kBAChC;EAAA;AAAY,CAAC,EACb;EAAA;AAAmB,CAAC,CACzB;AAED,OAAO,IAAMK,gBAAgB,GAAGN,MAAM,CAACE,UAAU,CAAC;EAAA;EAAA;AAAA,aAC5C;EAAA;AAAkB,CAAC,CACxB;AAED,OAAO,IAAMK,mBAAmB,GAAGP,MAAM,CAACI,IAAI,CAAC;EAAA;EAAA;AAAA,aACzC;EAAA;EAAA;AAAQ,CAAC,CACd;AAED,OAAO,IAAMI,uBAAuB,GAAGR,MAAM,CAACG,QAAQ,CAAC;EAAA;EAAA;AAAA,aACjD;EAAA;AAAQ,CAAC,CACd;AAED,OAAO,IAAMM,oBAAoB,GAAGT,MAAM,CAACU,GAAG;EAAA;EAAA;AAAA,aACxC;EAAA;AAAU,CAAC,CAChB;AAED,OAAO,IAAMC,wBAAwB,GAAGX,MAAM,CAACU,GAAG;EAAA;EAAA;AAAA,kBAC5C;EAAA;EAAA;AAAU,CAAC,EACX;EAAA;AAAe,CAAC,CACrB;AAED,OAAO,IAAME,kBAAkB,GAAGZ,MAAM,CAACa,IAAI;EAAA;EAAA;AAAA,2LAU5C;AAEDR,UAAU,CAACS,WAAW,GAAG,YAAY;AACrCR,gBAAgB,CAACQ,WAAW,GAAG,kBAAkB;AACjDP,mBAAmB,CAACO,WAAW,GAAG,qBAAqB;AACvDN,uBAAuB,CAACM,WAAW,GAAG,yBAAyB;AAC/DL,oBAAoB,CAACK,WAAW,GAAG,sBAAsB;AACzDF,kBAAkB,CAACE,WAAW,GAAG,oBAAoB;AACrDH,wBAAwB,CAACG,WAAW,GAAG,0BAA0B"}

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

@@ -1,7 +1,13 @@
-import React, { ReactNode } from "react";
-export interface IList {
+import React from "react";
+export interface ListProps {
     className?: string;
-    children?: ReactNode;
 }
-export declare const List: React.ForwardRefExoticComponent<IList & React.HTMLAttributes<HTMLUListElement> & React.RefAttributes<HTMLUListElement>>;
+export declare const _List: React.ForwardRefExoticComponent<ListProps & React.HTMLAttributes<HTMLUListElement> & React.RefAttributes<HTMLUListElement>>;
+export declare const List: React.ForwardRefExoticComponent<ListProps & React.HTMLAttributes<HTMLUListElement> & React.RefAttributes<HTMLUListElement>> & {
+    Item: React.ForwardRefExoticComponent<import("./ListItem").ListItemProps & React.HTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;
+    Separator: {
+        ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): JSX.Element;
+        displayName: string;
+    };
+};
 //# sourceMappingURL=List.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../src/components/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA8B,SAAS,EAAO,MAAM,OAAO,CAAC;AAG1E,MAAM,WAAW,KAAK;IAEpB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,IAAI,yHAWhB,CAAC"}
+{"version":3,"file":"List.d.ts","sourceRoot":"","sources":["../../../../src/components/List/List.tsx"],"names":[],"mappings":"AAAA,OAAO,KAKN,MAAM,OAAO,CAAC;AAOf,MAAM,WAAW,SAAS;IAExB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,KAAK,6HAejB,CAAC;AAKF,eAAO,MAAM,IAAI;;;;;;CAGf,CAAC"}

package/dist/esm/components/List/List.js

@@ -2,15 +2,24 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _excluded = ["children", "className"];
 import React, { forwardRef } from "react";
+import { ListItem } from "./ListItem";
+import { ListSeparator } from "./ListSeparator";
 import { StyledList } from "./Styles";
-export var List = /*#__PURE__*/forwardRef(function (_ref, ref) {
+export var _List = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(StyledList, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(StyledList, _extends({
     className: className,
-    ref: ref
-  }), children);
+    ref: ref,
+    tabIndex: -1
+  }, props), children);
+});
+_List.displayName = "List";
+
+// https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757
+export var List = Object.assign({}, _List, {
+  Item: ListItem,
+  Separator: ListSeparator
 });
-List.displayName = "List";
 //# sourceMappingURL=List.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"List.js","names":["React","forwardRef","StyledList","List","ref","children","className","props","displayName"],"sources":["../../../../src/components/List/List.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes, ReactNode, Ref } from \"react\";\nimport { StyledList } from \"./Styles\";\n\nexport interface IList {\n  /** Applies passed classes */\n  className?: string;\n  /** Children element. */\n  children?: ReactNode;\n}\n\nexport const List = forwardRef(\n  (\n    { children, className, ...props }: IList & HTMLAttributes<HTMLUListElement>,\n    ref: Ref<HTMLUListElement> | null | undefined\n  ) => {\n    return (\n      <StyledList {...props} className={className} ref={ref}>\n        {children}\n      </StyledList>\n    );\n  }\n);\n\nList.displayName = \"List\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAwC,OAAO;AACzE,SAASC,UAAU,QAAQ,UAAU;AASrC,OAAO,IAAMC,IAAI,gBAAGF,UAAU,CAC5B,gBAEEG,GAA6C,EAC1C;EAAA,IAFDC,QAAQ,QAARA,QAAQ;IAAEC,SAAS,QAATA,SAAS;IAAKC,KAAK;EAG/B,oBACE,oBAAC,UAAU,eAAKA,KAAK;IAAE,SAAS,EAAED,SAAU;IAAC,GAAG,EAAEF;EAAI,IACnDC,QAAQ,CACE;AAEjB,CAAC,CACF;AAEDF,IAAI,CAACK,WAAW,GAAG,MAAM"}
+{"version":3,"file":"List.js","names":["React","forwardRef","ListItem","ListSeparator","StyledList","_List","ref","children","className","props","displayName","List","Object","assign","Item","Separator"],"sources":["../../../../src/components/List/List.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  Ref,\n  PropsWithChildren,\n} from \"react\";\n\nimport { ListItem } from \"./ListItem\";\nimport { ListSeparator } from \"./ListSeparator\";\n\nimport { StyledList } from \"./Styles\";\n\nexport interface ListProps {\n  /** Applies passed classes */\n  className?: string;\n}\n\nexport const _List = forwardRef(\n  (\n    {\n      children,\n      className,\n      ...props\n    }: PropsWithChildren<ListProps> & HTMLAttributes<HTMLUListElement>,\n    ref: Ref<HTMLUListElement> | null | undefined\n  ) => {\n    return (\n      <StyledList className={className} ref={ref} tabIndex={-1} {...props}>\n        {children}\n      </StyledList>\n    );\n  }\n);\n\n_List.displayName = \"List\";\n\n// https://github.com/DefinitelyTyped/DefinitelyTyped/issues/34757\nexport const List = Object.assign({}, _List, {\n  Item: ListItem,\n  Separator: ListSeparator,\n});\n"],"mappings":";;;AAAA,OAAOA,KAAK,IACVC,UAAU,QAIL,OAAO;AAEd,SAASC,QAAQ,QAAQ,YAAY;AACrC,SAASC,aAAa,QAAQ,iBAAiB;AAE/C,SAASC,UAAU,QAAQ,UAAU;AAOrC,OAAO,IAAMC,KAAK,gBAAGJ,UAAU,CAC7B,gBAMEK,GAA6C,EAC1C;EAAA,IALDC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IACNC,KAAK;EAIV,oBACE,oBAAC,UAAU;IAAC,SAAS,EAAED,SAAU;IAAC,GAAG,EAAEF,GAAI;IAAC,QAAQ,EAAE,CAAC;EAAE,GAAKG,KAAK,GAChEF,QAAQ,CACE;AAEjB,CAAC,CACF;AAEDF,KAAK,CAACK,WAAW,GAAG,MAAM;;AAE1B;AACA,OAAO,IAAMC,IAAI,GAAGC,MAAM,CAACC,MAAM,CAAC,CAAC,CAAC,EAAER,KAAK,EAAE;EAC3CS,IAAI,EAAEZ,QAAQ;EACda,SAAS,EAAEZ;AACb,CAAC,CAAC"}

package/dist/esm/components/List/ListItem.d.ts

@@ -1,7 +1,6 @@
-import React, { ReactNode } from "react";
-export interface IListItem {
+import React from "react";
+export interface ListItemProps {
     className?: string;
-    children?: ReactNode;
 }
-export declare const ListItem: React.ForwardRefExoticComponent<IListItem & React.HTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;
+export declare const ListItem: React.ForwardRefExoticComponent<ListItemProps & React.HTMLAttributes<HTMLLIElement> & React.RefAttributes<HTMLLIElement>>;
 //# sourceMappingURL=ListItem.d.ts.map

package/dist/esm/components/List/ListItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/List/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA8B,SAAS,EAAO,MAAM,OAAO,CAAC;AAI1E,MAAM,WAAW,SAAS;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,uHAmBpB,CAAC"}
+{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/List/ListItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAKN,MAAM,OAAO,CAAC;AAIf,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,QAAQ,2HAoBpB,CAAC"}

package/dist/esm/components/List/ListItem.js

@@ -8,10 +8,11 @@ export var ListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(StyledListItem, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(StyledListItem, _extends({
     className: classnames("c-list-item", className),
-    ref: ref
-  }), children);
+    ref: ref,
+    tabIndex: 0
+  }, props), children);
 });
 ListItem.displayName = "ListItem";
 //# sourceMappingURL=ListItem.js.map

package/dist/esm/components/List/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","names":["React","forwardRef","classnames","StyledListItem","ListItem","ref","children","className","props","displayName"],"sources":["../../../../src/components/List/ListItem.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes, ReactNode, Ref } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledListItem } from \"./Styles\";\n\nexport interface IListItem {\n  className?: string;\n  children?: ReactNode;\n}\n\nexport const ListItem = forwardRef(\n  (\n    {\n      children,\n      className,\n      ...props\n    }: IListItem & HTMLAttributes<HTMLLIElement>,\n    ref: Ref<HTMLLIElement> | null | undefined\n  ) => {\n    return (\n      <StyledListItem\n        {...props}\n        className={classnames(\"c-list-item\", className)}\n        ref={ref}\n      >\n        {children}\n      </StyledListItem>\n    );\n  }\n);\n\nListItem.displayName = \"ListItem\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAwC,OAAO;AACzE,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,cAAc,QAAQ,UAAU;AAOzC,OAAO,IAAMC,QAAQ,gBAAGH,UAAU,CAChC,gBAMEI,GAA0C,EACvC;EAAA,IALDC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IACNC,KAAK;EAIV,oBACE,oBAAC,cAAc,eACTA,KAAK;IACT,SAAS,EAAEN,UAAU,CAAC,aAAa,EAAEK,SAAS,CAAE;IAChD,GAAG,EAAEF;EAAI,IAERC,QAAQ,CACM;AAErB,CAAC,CACF;AAEDF,QAAQ,CAACK,WAAW,GAAG,UAAU"}
+{"version":3,"file":"ListItem.js","names":["React","forwardRef","classnames","StyledListItem","ListItem","ref","children","className","props","displayName"],"sources":["../../../../src/components/List/ListItem.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  HTMLAttributes,\n  PropsWithChildren,\n  Ref,\n} from \"react\";\nimport classnames from \"classnames\";\nimport { StyledListItem } from \"./Styles\";\n\nexport interface ListItemProps {\n  className?: string;\n}\n\nexport const ListItem = forwardRef(\n  (\n    {\n      children,\n      className,\n      ...props\n    }: PropsWithChildren<ListItemProps> & HTMLAttributes<HTMLLIElement>,\n    ref: Ref<HTMLLIElement> | null | undefined\n  ) => {\n    return (\n      <StyledListItem\n        className={classnames(\"c-list-item\", className)}\n        ref={ref}\n        tabIndex={0}\n        {...props}\n      >\n        {children}\n      </StyledListItem>\n    );\n  }\n);\n\nListItem.displayName = \"ListItem\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IACVC,UAAU,QAIL,OAAO;AACd,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,cAAc,QAAQ,UAAU;AAMzC,OAAO,IAAMC,QAAQ,gBAAGH,UAAU,CAChC,gBAMEI,GAA0C,EACvC;EAAA,IALDC,QAAQ,QAARA,QAAQ;IACRC,SAAS,QAATA,SAAS;IACNC,KAAK;EAIV,oBACE,oBAAC,cAAc;IACb,SAAS,EAAEN,UAAU,CAAC,aAAa,EAAEK,SAAS,CAAE;IAChD,GAAG,EAAEF,GAAI;IACT,QAAQ,EAAE;EAAE,GACRG,KAAK,GAERF,QAAQ,CACM;AAErB,CAAC,CACF;AAEDF,QAAQ,CAACK,WAAW,GAAG,UAAU"}

package/dist/esm/components/List/ListSeparator.d.ts

@@ -1,3 +1,6 @@
-import { FC, HTMLAttributes } from "react";
-export declare const ListSeparator: FC<HTMLAttributes<HTMLDivElement>>;
+import { HTMLAttributes } from "react";
+export declare const ListSeparator: {
+    ({ className, ...props }: HTMLAttributes<HTMLDivElement>): JSX.Element;
+    displayName: string;
+};
 //# sourceMappingURL=ListSeparator.d.ts.map

package/dist/esm/components/List/ListSeparator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ListSeparator.d.ts","sourceRoot":"","sources":["../../../../src/components/List/ListSeparator.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIlD,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,cAAc,CAAC,cAAc,CAAC,CAQ5D,CAAC"}
+{"version":3,"file":"ListSeparator.d.ts","sourceRoot":"","sources":["../../../../src/components/List/ListSeparator.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI9C,eAAO,MAAM,aAAa;8BAGvB,eAAe,cAAc,CAAC;;CAOhC,CAAC"}

package/dist/esm/components/List/ListSeparator.js

@@ -1,11 +1,15 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["className"];
 import React from "react";
 import classnames from "classnames";
 import { StyledListSeparator } from "./Styles";
 export var ListSeparator = function ListSeparator(_ref) {
-  var className = _ref.className;
-  return /*#__PURE__*/React.createElement(StyledListSeparator, {
+  var className = _ref.className,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(StyledListSeparator, _extends({
     className: classnames("c-list-separator", className)
-  });
+  }, props));
 };
 ListSeparator.displayName = "ListSeparator";
 //# sourceMappingURL=ListSeparator.js.map

package/dist/esm/components/List/ListSeparator.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListSeparator.js","names":["React","classnames","StyledListSeparator","ListSeparator","className","displayName"],"sources":["../../../../src/components/List/ListSeparator.tsx"],"sourcesContent":["import React, { FC, HTMLAttributes } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledListSeparator } from \"./Styles\";\n\nexport const ListSeparator: FC<HTMLAttributes<HTMLDivElement>> = ({\n  className,\n}) => {\n  return (\n    <StyledListSeparator\n      className={classnames(\"c-list-separator\", className)}\n    />\n  );\n};\n\nListSeparator.displayName = \"ListSeparator\";\n"],"mappings":"AAAA,OAAOA,KAAK,MAA8B,OAAO;AACjD,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,mBAAmB,QAAQ,UAAU;AAE9C,OAAO,IAAMC,aAAiD,GAAG,SAApDA,aAAiD,OAExD;EAAA,IADJC,SAAS,QAATA,SAAS;EAET,oBACE,oBAAC,mBAAmB;IAClB,SAAS,EAAEH,UAAU,CAAC,kBAAkB,EAAEG,SAAS;EAAE,EACrD;AAEN,CAAC;AAEDD,aAAa,CAACE,WAAW,GAAG,eAAe"}
+{"version":3,"file":"ListSeparator.js","names":["React","classnames","StyledListSeparator","ListSeparator","className","props","displayName"],"sources":["../../../../src/components/List/ListSeparator.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\";\nimport classnames from \"classnames\";\nimport { StyledListSeparator } from \"./Styles\";\n\nexport const ListSeparator = ({\n  className,\n  ...props\n}: HTMLAttributes<HTMLDivElement>) => {\n  return (\n    <StyledListSeparator\n      className={classnames(\"c-list-separator\", className)}\n      {...props}\n    />\n  );\n};\n\nListSeparator.displayName = \"ListSeparator\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAA0B,OAAO;AAC7C,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,mBAAmB,QAAQ,UAAU;AAE9C,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAa,OAGY;EAAA,IAFpCC,SAAS,QAATA,SAAS;IACNC,KAAK;EAER,oBACE,oBAAC,mBAAmB;IAClB,SAAS,EAAEJ,UAAU,CAAC,kBAAkB,EAAEG,SAAS;EAAE,GACjDC,KAAK,EACT;AAEN,CAAC;AAEDF,aAAa,CAACG,WAAW,GAAG,eAAe"}

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/List/Styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,UAAU,mEAEtB,CAAC;AAIF,eAAO,MAAM,cAAc,mEAkB1B,CAAC;AAIF,eAAO,MAAM,mBAAmB,oEAI/B,CAAC"}
+{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/List/Styles.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU,mEAItB,CAAC;AAIF,eAAO,MAAM,cAAc,mEAyB1B,CAAC;AAIF,eAAO,MAAM,mBAAmB,oEAI/B,CAAC"}

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

@@ -4,28 +4,12 @@ import { BoxSizingStyle } from "../BoxSizingStyle";
 export var StyledList = styled.ul.withConfig({
   displayName: "Styles__StyledList",
   componentId: "sc-dv1w0m-0"
-})(["", ""], {
-  "listStyleType": "none",
-  "margin": "0px",
-  "padding": "0px"
-});
+})(["list-style-type:none;margin:0;padding:0;"]);
 StyledList.displayName = "StyledList";
 export var StyledListItem = styled.li.withConfig({
   displayName: "Styles__StyledListItem",
   componentId: "sc-dv1w0m-1"
-})(["", " ", " ", " color:var(--color-theme-900);line-height:28px;> svg:first-child{margin-right:8px;}&:hover{background-color:var(--color-theme-200);}&:focus{outline:none;}"], {
-  "display": "flex",
-  "flexDirection": "row",
-  "alignItems": "center",
-  "cursor": "pointer",
-  "paddingLeft": "1rem",
-  "paddingRight": "1rem",
-  "marginTop": "0.25rem",
-  "marginBottom": "0.25rem",
-  "fontSize": "0.875rem",
-  "lineHeight": "1.25rem",
-  "userSelect": "none"
-}, BoxSizingStyle, FontStyle);
+})(["", " ", " display:flex;flex-direction:row;align-items:center;cursor:pointer;padding:0 1rem;margin:0.25rem 0;font-size:0.875rem;user-select:none;color:var(--color-theme-900);line-height:28px;> svg:first-child{margin-right:8px;}&:hover,&:focus-visible{background-color:var(--color-theme-200);outline:none;}"], BoxSizingStyle, FontStyle);
 StyledListItem.displayName = "StyledListItem";
 export var StyledListSeparator = styled.div.withConfig({
   displayName: "Styles__StyledListSeparator",

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

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","FontStyle","BoxSizingStyle","StyledList","ul","displayName","StyledListItem","li","StyledListSeparator","div"],"sources":["../../../../src/components/List/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\nexport const StyledList = styled.ul`\n  ${tw`tw-list-none tw-m-0 tw-p-0`}\n`;\n\nStyledList.displayName = \"StyledList\";\n\nexport const StyledListItem = styled.li`\n  ${tw`tw-flex tw-flex-row tw-items-center tw-cursor-pointer tw-px-4 tw-my-1 tw-text-sm tw-select-none`}\n  ${BoxSizingStyle}\n  ${FontStyle}\n\n  color: var(--color-theme-900);\n  line-height: 28px;\n  > svg:first-child {\n    margin-right: 8px;\n  }\n\n  &:hover {\n    background-color: var(--color-theme-200);\n  }\n\n  &:focus {\n    outline: none;\n  }\n`;\n\nStyledListItem.displayName = \"StyledListItem\";\n\nexport const StyledListSeparator = styled.div`\n  border-top: 1px solid var(--border-primary);\n  margin: 12px 16px;\n  height: 1px;\n`;\n\nStyledListSeparator.displayName = \"StyledListSeparator\";\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,cAAc,QAAQ,mBAAmB;AAElD,OAAO,IAAMC,UAAU,GAAGH,MAAM,CAACI,EAAE;EAAA;EAAA;AAAA,aAC7B;EAAA;EAAA;EAAA;AAA2B,CAAC,CACjC;AAEDD,UAAU,CAACE,WAAW,GAAG,YAAY;AAErC,OAAO,IAAMC,cAAc,GAAGN,MAAM,CAACO,EAAE;EAAA;EAAA;AAAA,iLACjC;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;AAAgG,CAAC,EACnGL,cAAc,EACdD,SAAS,CAeZ;AAEDK,cAAc,CAACD,WAAW,GAAG,gBAAgB;AAE7C,OAAO,IAAMG,mBAAmB,GAAGR,MAAM,CAACS,GAAG;EAAA;EAAA;AAAA,+EAI5C;AAEDD,mBAAmB,CAACH,WAAW,GAAG,qBAAqB"}
+{"version":3,"file":"Styles.js","names":["styled","FontStyle","BoxSizingStyle","StyledList","ul","displayName","StyledListItem","li","StyledListSeparator","div"],"sources":["../../../../src/components/List/Styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { FontStyle } from \"../FontStyle\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\nexport const StyledList = styled.ul`\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n`;\n\nStyledList.displayName = \"StyledList\";\n\nexport const StyledListItem = styled.li`\n  ${BoxSizingStyle}\n  ${FontStyle}\n\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  cursor: pointer;\n  padding: 0 1rem;\n  margin: 0.25rem 0;\n  font-size: 0.875rem;\n  user-select: none;\n\n  color: var(--color-theme-900);\n  line-height: 28px;\n\n  > svg:first-child {\n    margin-right: 8px;\n  }\n\n  &:hover,\n  &:focus-visible {\n    background-color: var(--color-theme-200);\n    outline: none;\n  }\n`;\n\nStyledListItem.displayName = \"StyledListItem\";\n\nexport const StyledListSeparator = styled.div`\n  border-top: 1px solid var(--border-primary);\n  margin: 12px 16px;\n  height: 1px;\n`;\n\nStyledListSeparator.displayName = \"StyledListSeparator\";\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,cAAc,QAAQ,mBAAmB;AAElD,OAAO,IAAMC,UAAU,GAAGH,MAAM,CAACI,EAAE;EAAA;EAAA;AAAA,gDAIlC;AAEDD,UAAU,CAACE,WAAW,GAAG,YAAY;AAErC,OAAO,IAAMC,cAAc,GAAGN,MAAM,CAACO,EAAE;EAAA;EAAA;AAAA,yTACnCL,cAAc,EACdD,SAAS,CAuBZ;AAEDK,cAAc,CAACD,WAAW,GAAG,gBAAgB;AAE7C,OAAO,IAAMG,mBAAmB,GAAGR,MAAM,CAACS,GAAG;EAAA;EAAA;AAAA,+EAI5C;AAEDD,mBAAmB,CAACH,WAAW,GAAG,qBAAqB"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/List/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/List/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AAYvB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC"}

package/dist/esm/components/List/index.js

@@ -1,4 +1,15 @@
 export * from "./List";
+
+// @TODO:
+// Nakon refaktora List komponente na legacy AC-u i Next-u, obrisati individualne exporte.
+// Korisčenje će se svesti samo na `import { List } from @activecollab/components`.
+
+// <List>
+//   <List.Item>Hello</List.Item>
+//   ...
+//   <List.Separator />
+//   ...
+// </List>
 export * from "./ListItem";
 export * from "./ListSeparator";
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/List/index.ts"],"sourcesContent":["export * from \"./List\";\nexport * from \"./ListItem\";\nexport * from \"./ListSeparator\";\n"],"mappings":"AAAA,cAAc,QAAQ;AACtB,cAAc,YAAY;AAC1B,cAAc,iBAAiB"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/List/index.ts"],"sourcesContent":["export * from \"./List\";\n\n// @TODO:\n// Nakon refaktora List komponente na legacy AC-u i Next-u, obrisati individualne exporte.\n// Korisčenje će se svesti samo na `import { List } from @activecollab/components`.\n\n// <List>\n//   <List.Item>Hello</List.Item>\n//   ...\n//   <List.Separator />\n//   ...\n// </List>\nexport * from \"./ListItem\";\nexport * from \"./ListSeparator\";\n"],"mappings":"AAAA,cAAc,QAAQ;;AAEtB;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA,cAAc,YAAY;AAC1B,cAAc,iBAAiB"}