@webiny/ui 0.0.0-mt-3 → 0.0.0-unstable.2af142b57e

package/Tooltip/Tooltip.js

@@ -1,60 +1,60 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import * as React from "react";
-import { default as RcTooltip } from "rc-tooltip";
-import "rc-tooltip/assets/bootstrap_white.css";
-import "./style.scss";
-
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Tooltip = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _rcTooltip = _interopRequireDefault(require("rc-tooltip"));
+require("rc-tooltip/assets/bootstrap_white.css");
+require("./style.scss");
 /**
  * Use Tooltip component to display a list of choices, once the handler is triggered.
  */
 var Tooltip = /*#__PURE__*/function (_React$Component) {
-  _inherits(Tooltip, _React$Component);
-
-  var _super = _createSuper(Tooltip);
-
+  (0, _inherits2.default)(Tooltip, _React$Component);
+  var _super = (0, _createSuper2.default)(Tooltip);
   function Tooltip() {
     var _this;
-
-    _classCallCheck(this, Tooltip);
-
+    (0, _classCallCheck2.default)(this, Tooltip);
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-
     _this = _super.call.apply(_super, [this].concat(args));
-
-    _defineProperty(_assertThisInitialized(_this), "state", {
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
       tooltipIsOpen: false
     });
-
-    _defineProperty(_assertThisInitialized(_this), "onVisibleChange", function (visible) {
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onVisibleChange", function (visible) {
       _this.setState({
-        tooltipIsOpen: visible
+        tooltipIsOpen: visible || false
       });
     });
-
     return _this;
   }
-
-  _createClass(Tooltip, [{
+  (0, _createClass2.default)(Tooltip, [{
     key: "render",
     value: function render() {
-      return /*#__PURE__*/React.createElement(RcTooltip, Object.assign({
+      return /*#__PURE__*/_react.default.createElement(_rcTooltip.default
+      /**
+       * rc-tooltip types do not have animation as prop, but the rc-tooltip lib has.
+       */
+      // @ts-ignore
+      , Object.assign({
         animation: "fade",
         onVisibleChange: this.onVisibleChange,
         overlay: this.props.content
-      }, this.props), /*#__PURE__*/React.createElement("span", {
+      }, this.props), /*#__PURE__*/_react.default.createElement("span", {
         className: "webiny-ui-tooltip tooltip-content-wrapper"
       }, this.props.children));
     }
   }]);
-
   return Tooltip;
-}(React.Component);
-
-export { Tooltip };
+}(_react.default.Component);
+exports.Tooltip = Tooltip;

package/Tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Tooltip","tooltipIsOpen","visible","setState","onVisibleChange","props","content","children","React","Component"],"sources":["Tooltip.tsx"],"sourcesContent":["import React from \"react\";\nimport { default as RcTooltip } from \"rc-tooltip\";\nimport \"rc-tooltip/assets/bootstrap_white.css\";\nimport \"./style.scss\";\n\ntype TooltipPropsContent =\n    | (() => React.ReactChild)\n    | React.ReactChild\n    | React.ReactFragment\n    | React.ReactPortal;\n\nexport interface TooltipProps {\n    // A component (eg. button) which will trigger the tooltip.\n    children: React.ReactNode;\n\n    // Content which will be shown inside the tooltip.\n    content: TooltipPropsContent;\n\n    // Defines which action will trigger the tooltip: \"hover\", \"click\" or \"focus\".\n    trigger?: string;\n\n    // Can be \"left\",\"right\",\"top\",\"bottom\", \"topLeft\", \"topRight\", \"bottomLeft\" or \"bottomRight\".\n    placement?:\n        | \"left\"\n        | \"right\"\n        | \"top\"\n        | \"bottom\"\n        | \"topLeft\"\n        | \"topRight\"\n        | \"bottomLeft\"\n        | \"bottomRight\";\n\n    // CSS class name\n    className?: string;\n}\n\ninterface State {\n    tooltipIsOpen: boolean;\n}\n\n/**\n * Use Tooltip component to display a list of choices, once the handler is triggered.\n */\nclass Tooltip extends React.Component<TooltipProps, State> {\n    public override state = {\n        tooltipIsOpen: false\n    };\n\n    onVisibleChange = (visible?: boolean) => {\n        this.setState({\n            tooltipIsOpen: visible || false\n        });\n    };\n\n    public override render() {\n        return (\n            <RcTooltip\n                /**\n                 * rc-tooltip types do not have animation as prop, but the rc-tooltip lib has.\n                 */\n                // @ts-ignore\n                animation={\"fade\"}\n                onVisibleChange={this.onVisibleChange}\n                overlay={this.props.content}\n                {...this.props}\n            >\n                <span className=\"webiny-ui-tooltip tooltip-content-wrapper\">\n                    {this.props.children}\n                </span>\n            </RcTooltip>\n        );\n    }\n}\n\nexport { Tooltip };\n"],"mappings":";;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AAqCA;AACA;AACA;AAFA,IAGMA,OAAO;EAAA;EAAA;EAAA;IAAA;IAAA;IAAA;MAAA;IAAA;IAAA;IAAA,oFACe;MACpBC,aAAa,EAAE;IACnB,CAAC;IAAA,8FAEiB,UAACC,OAAiB,EAAK;MACrC,MAAKC,QAAQ,CAAC;QACVF,aAAa,EAAEC,OAAO,IAAI;MAC9B,CAAC,CAAC;IACN,CAAC;IAAA;EAAA;EAAA;IAAA;IAAA,OAED,kBAAyB;MACrB,oBACI,6BAAC;MACG;AAChB;AACA;MACgB;MAAA;QACA,SAAS,EAAE,MAAO;QAClB,eAAe,EAAE,IAAI,CAACE,eAAgB;QACtC,OAAO,EAAE,IAAI,CAACC,KAAK,CAACC;MAAQ,GACxB,IAAI,CAACD,KAAK,gBAEd;QAAM,SAAS,EAAC;MAA2C,GACtD,IAAI,CAACA,KAAK,CAACE,QAAQ,CACjB,CACC;IAEpB;EAAC;EAAA;AAAA,EA5BiBC,cAAK,CAACC,SAAS;AAAA"}

package/Tooltip/Tooltip.stories.js

@@ -1,17 +1,20 @@
-import React from "react";
-import { storiesOf } from "@storybook/react";
-import { Story, StoryReadme, StorySandbox } from "@webiny/storybook-utils/Story";
-import readme from "./../Tooltip/README.md";
-import { Tooltip } from "./Tooltip";
-var story = storiesOf("Components/Tooltip", module);
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@storybook/react");
+var _Story = require("@webiny/storybook-utils/Story");
+var _README = _interopRequireDefault(require("./../Tooltip/README.md"));
+var _Tooltip = require("./Tooltip");
+var story = (0, _react2.storiesOf)("Components/Tooltip", module);
 story.add("usage", function () {
-  return /*#__PURE__*/React.createElement(Story, null, /*#__PURE__*/React.createElement(StoryReadme, null, readme), /*#__PURE__*/React.createElement(StorySandbox, {
+  return /*#__PURE__*/_react.default.createElement(_Story.Story, null, /*#__PURE__*/_react.default.createElement(_Story.StoryReadme, null, _README.default), /*#__PURE__*/_react.default.createElement(_Story.StorySandbox, {
     title: "A simple tooltip, triggered with a button"
-  }, /*#__PURE__*/React.createElement(Tooltip, {
-    content: /*#__PURE__*/React.createElement("span", null, "This is a tooltip.")
-  }, /*#__PURE__*/React.createElement("span", null, "Hover to see additional information."))));
+  }, /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    content: /*#__PURE__*/_react.default.createElement("span", null, "This is a tooltip.")
+  }, /*#__PURE__*/_react.default.createElement("span", null, "Hover to see additional information."))));
 }, {
   info: {
-    propTables: [Tooltip]
+    propTables: [_Tooltip.Tooltip]
   }
 });

package/Tooltip/Tooltip.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["story","storiesOf","module","add","readme","info","propTables","Tooltip"],"sources":["Tooltip.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport { Story, StoryReadme, StorySandbox } from \"@webiny/storybook-utils/Story\";\nimport readme from \"./../Tooltip/README.md\";\nimport { Tooltip } from \"./Tooltip\";\n\nconst story = storiesOf(\"Components/Tooltip\", module);\n\nstory.add(\n    \"usage\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox title={\"A simple tooltip, triggered with a button\"}>\n                    <Tooltip content={<span>This is a tooltip.</span>}>\n                        <span>Hover to see additional information.</span>\n                    </Tooltip>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Tooltip] } }\n);\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAS,EAAC,oBAAoB,EAAEC,MAAM,CAAC;AAErDF,KAAK,CAACG,GAAG,CACL,OAAO,EACP,YAAM;EACF,oBACI,6BAAC,YAAK,qBACF,6BAAC,kBAAW,QAAEC,eAAM,CAAe,eACnC,6BAAC,mBAAY;IAAC,KAAK,EAAE;EAA4C,gBAC7D,6BAAC,gBAAO;IAAC,OAAO,eAAE,2CAAM,oBAAkB;EAAQ,gBAC9C,2CAAM,sCAAoC,CAAO,CAC3C,CACC,CACX;AAEhB,CAAC,EACD;EAAEC,IAAI,EAAE;IAAEC,UAAU,EAAE,CAACC,gBAAO;EAAE;AAAE,CAAC,CACtC"}

package/Tooltip/index.js

@@ -1 +1,16 @@
-export * from "./Tooltip";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Tooltip = require("./Tooltip");
+Object.keys(_Tooltip).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Tooltip[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _Tooltip[key];
+    }
+  });
+});

package/Tooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Tooltip\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}

package/TopAppBar/TopAppBar.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import { TopAppBarProps as RmwcTopAppBarProps } from "@rmwc/top-app-bar";
 export declare type TopAppBarProps = RmwcTopAppBarProps & {
     /**

package/TopAppBar/TopAppBar.js

@@ -1,13 +1,17 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children"];
-import * as React from "react";
-import { TopAppBar as RmwcTopAppBar, TopAppBarRow } from "@rmwc/top-app-bar";
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TopAppBar = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _topAppBar = require("@rmwc/top-app-bar");
+var _excluded = ["children"];
 var TopAppBar = function TopAppBar(props) {
   var children = props.children,
-      rest = _objectWithoutProperties(props, _excluded);
-
-  return /*#__PURE__*/React.createElement(RmwcTopAppBar, rest, /*#__PURE__*/React.createElement(TopAppBarRow, null, children));
+    rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_topAppBar.TopAppBar, rest, /*#__PURE__*/_react.default.createElement(_topAppBar.TopAppBarRow, null, children));
 };
-
-export { TopAppBar };
+exports.TopAppBar = TopAppBar;

package/TopAppBar/TopAppBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TopAppBar","props","children","rest"],"sources":["TopAppBar.tsx"],"sourcesContent":["import React from \"react\";\n\nimport {\n    TopAppBar as RmwcTopAppBar,\n    TopAppBarProps as RmwcTopAppBarProps,\n    TopAppBarRow\n} from \"@rmwc/top-app-bar\";\n\nexport type TopAppBarProps = RmwcTopAppBarProps & {\n    /**\n     * Element children\n     */\n    children: React.ReactNode[] | React.ReactNode;\n    /**\n     * CSS class name\n     */\n    className?: string;\n    /**\n     * Style object\n     */\n    style?: React.CSSProperties;\n};\n\nconst TopAppBar = (props: TopAppBarProps) => {\n    const { children, ...rest } = props;\n    return (\n        <RmwcTopAppBar {...rest}>\n            <TopAppBarRow>{children}</TopAppBarRow>\n        </RmwcTopAppBar>\n    );\n};\n\nexport { TopAppBar };\n"],"mappings":";;;;;;;;AAAA;AAEA;AAI2B;AAiB3B,IAAMA,SAAS,GAAG,SAAZA,SAAS,CAAIC,KAAqB,EAAK;EACzC,IAAQC,QAAQ,GAAcD,KAAK,CAA3BC,QAAQ;IAAKC,IAAI,0CAAKF,KAAK;EACnC,oBACI,6BAAC,oBAAa,EAAKE,IAAI,eACnB,6BAAC,uBAAY,QAAED,QAAQ,CAAgB,CAC3B;AAExB,CAAC;AAAC"}

package/TopAppBar/TopAppBar.stories.js

@@ -1,56 +1,57 @@
-import React from "react";
-import { storiesOf } from "@storybook/react";
-import { Story, StoryReadme, StorySandbox } from "@webiny/storybook-utils/Story";
-import readme from "./../TopAppBar/README.md";
-import { withKnobs, text } from "@storybook/addon-knobs";
-import { ReactComponent as AutoRenewIcon } from "@svgr/webpack!./icons/baseline-autorenew-24px.svg";
-import { ReactComponent as CloudDoneIcon } from "@svgr/webpack!./icons/baseline-cloud_done-24px.svg";
-import { ReactComponent as EnvelopeIcon } from "@svgr/webpack!./icons/baseline-email-24px.svg";
-import { ReactComponent as MenuIcon } from "@svgr/webpack!./icons/baseline-menu-24px.svg";
-import { TopAppBar, TopAppBarSection, TopAppBarNavigationIcon, TopAppBarTitle, TopAppBarActionItem } from "./index";
-var story = storiesOf("Components/TopAppBar", module);
-story.addDecorator(withKnobs);
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@storybook/react");
+var _Story = require("@webiny/storybook-utils/Story");
+var _README = _interopRequireDefault(require("./../TopAppBar/README.md"));
+var _addonKnobs = require("@storybook/addon-knobs");
+var _baselineAutorenew24px = require("./icons/baseline-autorenew-24px.svg");
+var _baselineCloud_done24px = require("./icons/baseline-cloud_done-24px.svg");
+var _baselineEmail24px = require("./icons/baseline-email-24px.svg");
+var _baselineMenu24px = require("./icons/baseline-menu-24px.svg");
+var _index = require("./index");
+var story = (0, _react2.storiesOf)("Components/TopAppBar", module);
+story.addDecorator(_addonKnobs.withKnobs);
+
 /**
  * Top app bar is by default rendered with "position: fixed", which then messes up the presentation.
  * For demonstration purposes, we had to switch to absolute positioning.
  */
 
 var appendedCssOverrides = false;
-
 var appendCssOverrides = function appendCssOverrides() {
   if (appendedCssOverrides) {
     return;
   }
-
   appendedCssOverrides = true;
   var css = ".top-app-bar-storybook .mdc-top-app-bar { position: relative; top: 0 !important }\n                .top-app-bar-storybook .mdc-top-app-bar img { background: none; }",
-      head = document.head || document.getElementsByTagName("head")[0],
-      style = document.createElement("style");
+    head = document.head || document.getElementsByTagName("head")[0],
+    style = document.createElement("style");
   style.type = "text/css";
   style.appendChild(document.createTextNode(css));
   head.appendChild(style);
 };
-
 story.add("usage", function () {
   appendCssOverrides();
-  var title = text("title", "Webiny");
-  return /*#__PURE__*/React.createElement(Story, null, /*#__PURE__*/React.createElement(StoryReadme, null, readme), /*#__PURE__*/React.createElement(StorySandbox, null, /*#__PURE__*/React.createElement("div", {
+  var title = (0, _addonKnobs.text)("title", "Webiny");
+  return /*#__PURE__*/_react.default.createElement(_Story.Story, null, /*#__PURE__*/_react.default.createElement(_Story.StoryReadme, null, _README.default), /*#__PURE__*/_react.default.createElement(_Story.StorySandbox, null, /*#__PURE__*/_react.default.createElement("div", {
     className: "top-app-bar-storybook"
-  }, /*#__PURE__*/React.createElement(TopAppBar, null, /*#__PURE__*/React.createElement(TopAppBarSection, {
+  }, /*#__PURE__*/_react.default.createElement(_index.TopAppBar, null, /*#__PURE__*/_react.default.createElement(_index.TopAppBarSection, {
     alignStart: true
-  }, /*#__PURE__*/React.createElement(TopAppBarNavigationIcon, {
-    icon: /*#__PURE__*/React.createElement(MenuIcon, null)
-  }), /*#__PURE__*/React.createElement(TopAppBarTitle, null, title)), /*#__PURE__*/React.createElement(TopAppBarSection, {
+  }, /*#__PURE__*/_react.default.createElement(_index.TopAppBarNavigationIcon, {
+    icon: /*#__PURE__*/_react.default.createElement(_baselineMenu24px.ReactComponent, null)
+  }), /*#__PURE__*/_react.default.createElement(_index.TopAppBarTitle, null, title)), /*#__PURE__*/_react.default.createElement(_index.TopAppBarSection, {
     alignEnd: true
-  }, /*#__PURE__*/React.createElement(TopAppBarActionItem, {
-    icon: /*#__PURE__*/React.createElement(CloudDoneIcon, null)
-  }), /*#__PURE__*/React.createElement(TopAppBarActionItem, {
-    icon: /*#__PURE__*/React.createElement(AutoRenewIcon, null)
-  }), /*#__PURE__*/React.createElement(TopAppBarActionItem, {
-    icon: /*#__PURE__*/React.createElement(EnvelopeIcon, null)
+  }, /*#__PURE__*/_react.default.createElement(_index.TopAppBarActionItem, {
+    icon: /*#__PURE__*/_react.default.createElement(_baselineCloud_done24px.ReactComponent, null)
+  }), /*#__PURE__*/_react.default.createElement(_index.TopAppBarActionItem, {
+    icon: /*#__PURE__*/_react.default.createElement(_baselineAutorenew24px.ReactComponent, null)
+  }), /*#__PURE__*/_react.default.createElement(_index.TopAppBarActionItem, {
+    icon: /*#__PURE__*/_react.default.createElement(_baselineEmail24px.ReactComponent, null)
   }))))));
 }, {
   info: {
-    propTables: [TopAppBar, TopAppBarSection, TopAppBarNavigationIcon, TopAppBarTitle, TopAppBarActionItem]
+    propTables: [_index.TopAppBar, _index.TopAppBarSection, _index.TopAppBarNavigationIcon, _index.TopAppBarTitle, _index.TopAppBarActionItem]
   }
 });

package/TopAppBar/TopAppBar.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["story","storiesOf","module","addDecorator","withKnobs","appendedCssOverrides","appendCssOverrides","css","head","document","getElementsByTagName","style","createElement","type","appendChild","createTextNode","add","title","text","readme","info","propTables","TopAppBar","TopAppBarSection","TopAppBarNavigationIcon","TopAppBarTitle","TopAppBarActionItem"],"sources":["TopAppBar.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport { Story, StoryReadme, StorySandbox } from \"@webiny/storybook-utils/Story\";\nimport readme from \"./../TopAppBar/README.md\";\nimport { withKnobs, text } from \"@storybook/addon-knobs\";\n\nimport { ReactComponent as AutoRenewIcon } from \"./icons/baseline-autorenew-24px.svg\";\nimport { ReactComponent as CloudDoneIcon } from \"./icons/baseline-cloud_done-24px.svg\";\nimport { ReactComponent as EnvelopeIcon } from \"./icons/baseline-email-24px.svg\";\nimport { ReactComponent as MenuIcon } from \"./icons/baseline-menu-24px.svg\";\n\nimport {\n    TopAppBar,\n    TopAppBarSection,\n    TopAppBarNavigationIcon,\n    TopAppBarTitle,\n    TopAppBarActionItem\n} from \"./index\";\n\nconst story = storiesOf(\"Components/TopAppBar\", module);\nstory.addDecorator(withKnobs);\n\n/**\n * Top app bar is by default rendered with \"position: fixed\", which then messes up the presentation.\n * For demonstration purposes, we had to switch to absolute positioning.\n */\n\nlet appendedCssOverrides = false;\nconst appendCssOverrides = () => {\n    if (appendedCssOverrides) {\n        return;\n    }\n\n    appendedCssOverrides = true;\n    const css = `.top-app-bar-storybook .mdc-top-app-bar { position: relative; top: 0 !important }\n                .top-app-bar-storybook .mdc-top-app-bar img { background: none; }`,\n        head = document.head || document.getElementsByTagName(\"head\")[0],\n        style = document.createElement(\"style\");\n\n    style.type = \"text/css\";\n    style.appendChild(document.createTextNode(css));\n    head.appendChild(style);\n};\n\nstory.add(\n    \"usage\",\n    () => {\n        appendCssOverrides();\n\n        const title = text(\"title\", \"Webiny\");\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <div className=\"top-app-bar-storybook\">\n                        <TopAppBar>\n                            <TopAppBarSection alignStart>\n                                <TopAppBarNavigationIcon icon={<MenuIcon />} />\n                                <TopAppBarTitle>{title}</TopAppBarTitle>\n                            </TopAppBarSection>\n                            <TopAppBarSection alignEnd>\n                                <TopAppBarActionItem icon={<CloudDoneIcon />} />\n                                <TopAppBarActionItem icon={<AutoRenewIcon />} />\n                                <TopAppBarActionItem icon={<EnvelopeIcon />} />\n                            </TopAppBarSection>\n                        </TopAppBar>\n                    </div>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    {\n        info: {\n            propTables: [\n                TopAppBar,\n                TopAppBarSection,\n                TopAppBarNavigationIcon,\n                TopAppBarTitle,\n                TopAppBarActionItem\n            ]\n        }\n    }\n);\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AAEA;AAQA,IAAMA,KAAK,GAAG,IAAAC,iBAAS,EAAC,sBAAsB,EAAEC,MAAM,CAAC;AACvDF,KAAK,CAACG,YAAY,CAACC,qBAAS,CAAC;;AAE7B;AACA;AACA;AACA;;AAEA,IAAIC,oBAAoB,GAAG,KAAK;AAChC,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkB,GAAS;EAC7B,IAAID,oBAAoB,EAAE;IACtB;EACJ;EAEAA,oBAAoB,GAAG,IAAI;EAC3B,IAAME,GAAG,yKACqE;IAC1EC,IAAI,GAAGC,QAAQ,CAACD,IAAI,IAAIC,QAAQ,CAACC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IAChEC,KAAK,GAAGF,QAAQ,CAACG,aAAa,CAAC,OAAO,CAAC;EAE3CD,KAAK,CAACE,IAAI,GAAG,UAAU;EACvBF,KAAK,CAACG,WAAW,CAACL,QAAQ,CAACM,cAAc,CAACR,GAAG,CAAC,CAAC;EAC/CC,IAAI,CAACM,WAAW,CAACH,KAAK,CAAC;AAC3B,CAAC;AAEDX,KAAK,CAACgB,GAAG,CACL,OAAO,EACP,YAAM;EACFV,kBAAkB,EAAE;EAEpB,IAAMW,KAAK,GAAG,IAAAC,gBAAI,EAAC,OAAO,EAAE,QAAQ,CAAC;EACrC,oBACI,6BAAC,YAAK,qBACF,6BAAC,kBAAW,QAAEC,eAAM,CAAe,eACnC,6BAAC,mBAAY,qBACT;IAAK,SAAS,EAAC;EAAuB,gBAClC,6BAAC,gBAAS,qBACN,6BAAC,uBAAgB;IAAC,UAAU;EAAA,gBACxB,6BAAC,8BAAuB;IAAC,IAAI,eAAE,6BAAC,gCAAQ;EAAI,EAAG,eAC/C,6BAAC,qBAAc,QAAEF,KAAK,CAAkB,CACzB,eACnB,6BAAC,uBAAgB;IAAC,QAAQ;EAAA,gBACtB,6BAAC,0BAAmB;IAAC,IAAI,eAAE,6BAAC,sCAAa;EAAI,EAAG,eAChD,6BAAC,0BAAmB;IAAC,IAAI,eAAE,6BAAC,qCAAa;EAAI,EAAG,eAChD,6BAAC,0BAAmB;IAAC,IAAI,eAAE,6BAAC,iCAAY;EAAI,EAAG,CAChC,CACX,CACV,CACK,CACX;AAEhB,CAAC,EACD;EACIG,IAAI,EAAE;IACFC,UAAU,EAAE,CACRC,gBAAS,EACTC,uBAAgB,EAChBC,8BAAuB,EACvBC,qBAAc,EACdC,0BAAmB;EAE3B;AACJ,CAAC,CACJ"}

package/TopAppBar/TopAppBarActionItem.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { TopAppBarActionItemProps as RmwcTopAppBarActionItemProps } from "@rmwc/top-app-bar";
-export declare type TopAppBarActionItemProps = RmwcTopAppBarActionItemProps;
+export declare type TopAppBarActionItemProps = Omit<RmwcTopAppBarActionItemProps, "onChange">;
 declare const TopAppBarActionItem: (props: TopAppBarActionItemProps) => JSX.Element;
 export { TopAppBarActionItem };

package/TopAppBar/TopAppBarActionItem.js

@@ -1,8 +1,13 @@
-import * as React from "react";
-import { TopAppBarActionItem as RmwcTopAppBarActionItem } from "@rmwc/top-app-bar";
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TopAppBarActionItem = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _topAppBar = require("@rmwc/top-app-bar");
 var TopAppBarActionItem = function TopAppBarActionItem(props) {
-  return /*#__PURE__*/React.createElement(RmwcTopAppBarActionItem, props);
+  return /*#__PURE__*/_react.default.createElement(_topAppBar.TopAppBarActionItem, props);
 };
-
-export { TopAppBarActionItem };
+exports.TopAppBarActionItem = TopAppBarActionItem;

package/TopAppBar/TopAppBarActionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TopAppBarActionItem","props"],"sources":["TopAppBarActionItem.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    TopAppBarActionItem as RmwcTopAppBarActionItem,\n    TopAppBarActionItemProps as RmwcTopAppBarActionItemProps\n} from \"@rmwc/top-app-bar\";\n\nexport type TopAppBarActionItemProps = Omit<RmwcTopAppBarActionItemProps, \"onChange\">;\n\nconst TopAppBarActionItem = (props: TopAppBarActionItemProps) => {\n    return <RmwcTopAppBarActionItem {...props} />;\n};\n\nexport { TopAppBarActionItem };\n"],"mappings":";;;;;;;AAAA;AACA;AAOA,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAmB,CAAIC,KAA+B,EAAK;EAC7D,oBAAO,6BAAC,8BAAuB,EAAKA,KAAK,CAAI;AACjD,CAAC;AAAC"}

package/TopAppBar/TopAppBarNavigationIcon.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { TopAppBarNavigationIconProps as RmwcTopAppBarNavigationIconProps } from "@rmwc/top-app-bar";
-export declare type TopAppBarNavigationIconProps = RmwcTopAppBarNavigationIconProps;
+export declare type TopAppBarNavigationIconProps = Omit<RmwcTopAppBarNavigationIconProps, "onChange">;
 declare const TopAppBarNavigationIcon: (props: TopAppBarNavigationIconProps) => JSX.Element;
 export { TopAppBarNavigationIcon };

package/TopAppBar/TopAppBarNavigationIcon.js

@@ -1,8 +1,13 @@
-import * as React from "react";
-import { TopAppBarNavigationIcon as RmwcTopAppBarNavigationIcon } from "@rmwc/top-app-bar";
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TopAppBarNavigationIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _topAppBar = require("@rmwc/top-app-bar");
 var TopAppBarNavigationIcon = function TopAppBarNavigationIcon(props) {
-  return /*#__PURE__*/React.createElement(RmwcTopAppBarNavigationIcon, props);
+  return /*#__PURE__*/_react.default.createElement(_topAppBar.TopAppBarNavigationIcon, props);
 };
-
-export { TopAppBarNavigationIcon };
+exports.TopAppBarNavigationIcon = TopAppBarNavigationIcon;

package/TopAppBar/TopAppBarNavigationIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TopAppBarNavigationIcon","props"],"sources":["TopAppBarNavigationIcon.tsx"],"sourcesContent":["import React from \"react\";\n\nimport {\n    TopAppBarNavigationIcon as RmwcTopAppBarNavigationIcon,\n    TopAppBarNavigationIconProps as RmwcTopAppBarNavigationIconProps\n} from \"@rmwc/top-app-bar\";\n\nexport type TopAppBarNavigationIconProps = Omit<RmwcTopAppBarNavigationIconProps, \"onChange\">;\n\nconst TopAppBarNavigationIcon = (props: TopAppBarNavigationIconProps) => {\n    return <RmwcTopAppBarNavigationIcon {...props} />;\n};\n\nexport { TopAppBarNavigationIcon };\n"],"mappings":";;;;;;;AAAA;AAEA;AAOA,IAAMA,uBAAuB,GAAG,SAA1BA,uBAAuB,CAAIC,KAAmC,EAAK;EACrE,oBAAO,6BAAC,kCAA2B,EAAKA,KAAK,CAAI;AACrD,CAAC;AAAC"}

package/TopAppBar/TopAppBarPrimary.js

@@ -1,15 +1,19 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children"];
-import * as React from "react";
-import { TopAppBar } from "./TopAppBar";
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TopAppBarPrimary = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _TopAppBar = require("./TopAppBar");
+var _excluded = ["children"];
 var TopAppBarPrimary = function TopAppBarPrimary(props) {
   var children = props.children,
-      other = _objectWithoutProperties(props, _excluded);
-
-  return /*#__PURE__*/React.createElement(TopAppBar, Object.assign({}, other, {
+    other = (0, _objectWithoutProperties2.default)(props, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_TopAppBar.TopAppBar, Object.assign({}, other, {
     className: "primary"
   }), children);
 };
-
-export { TopAppBarPrimary };
+exports.TopAppBarPrimary = TopAppBarPrimary;

package/TopAppBar/TopAppBarPrimary.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TopAppBarPrimary","props","children","other"],"sources":["TopAppBarPrimary.tsx"],"sourcesContent":["import React from \"react\";\nimport { TopAppBar, TopAppBarProps } from \"./TopAppBar\";\n\nexport type TopAppBarPrimaryProps = TopAppBarProps;\n\nconst TopAppBarPrimary = (props: TopAppBarPrimaryProps) => {\n    const { children, ...other } = props;\n    return (\n        <TopAppBar {...other} className={\"primary\"}>\n            {children}\n        </TopAppBar>\n    );\n};\n\nexport { TopAppBarPrimary };\n"],"mappings":";;;;;;;;AAAA;AACA;AAAwD;AAIxD,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAIC,KAA4B,EAAK;EACvD,IAAQC,QAAQ,GAAeD,KAAK,CAA5BC,QAAQ;IAAKC,KAAK,0CAAKF,KAAK;EACpC,oBACI,6BAAC,oBAAS,oBAAKE,KAAK;IAAE,SAAS,EAAE;EAAU,IACtCD,QAAQ,CACD;AAEpB,CAAC;AAAC"}

package/TopAppBar/TopAppBarSecondary.js

@@ -1,17 +1,21 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["style", "children"];
-import * as React from "react";
-import { TopAppBar } from "./TopAppBar";
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TopAppBarSecondary = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _TopAppBar = require("./TopAppBar");
+var _excluded = ["style", "children"];
 var TopAppBarSecondary = function TopAppBarSecondary(props) {
   var _props$style = props.style,
-      style = _props$style === void 0 ? {} : _props$style,
-      children = props.children,
-      other = _objectWithoutProperties(props, _excluded);
-
-  return /*#__PURE__*/React.createElement(TopAppBar, Object.assign({}, other, {
+    style = _props$style === void 0 ? {} : _props$style,
+    children = props.children,
+    other = (0, _objectWithoutProperties2.default)(props, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_TopAppBar.TopAppBar, Object.assign({}, other, {
     style: style
   }), children);
 };
-
-export { TopAppBarSecondary };
+exports.TopAppBarSecondary = TopAppBarSecondary;

package/TopAppBar/TopAppBarSecondary.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TopAppBarSecondary","props","style","children","other"],"sources":["TopAppBarSecondary.tsx"],"sourcesContent":["import React from \"react\";\nimport { TopAppBar, TopAppBarProps } from \"./TopAppBar\";\n\nexport type TopAppBarSecondaryProps = TopAppBarProps;\n\nconst TopAppBarSecondary = (props: TopAppBarSecondaryProps) => {\n    const { style = {}, children, ...other } = props;\n    return (\n        <TopAppBar {...other} style={style}>\n            {children}\n        </TopAppBar>\n    );\n};\n\nexport { TopAppBarSecondary };\n"],"mappings":";;;;;;;;AAAA;AACA;AAAwD;AAIxD,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkB,CAAIC,KAA8B,EAAK;EAC3D,mBAA2CA,KAAK,CAAxCC,KAAK;IAALA,KAAK,6BAAG,CAAC,CAAC;IAAEC,QAAQ,GAAeF,KAAK,CAA5BE,QAAQ;IAAKC,KAAK,0CAAKH,KAAK;EAChD,oBACI,6BAAC,oBAAS,oBAAKG,KAAK;IAAE,KAAK,EAAEF;EAAM,IAC9BC,QAAQ,CACD;AAEpB,CAAC;AAAC"}

package/TopAppBar/TopAppBarSection.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import { TopAppBarSectionProps as RmwcTopAppBarSectionProps } from "@rmwc/top-app-bar";
 export declare type TopAppBarSectionProps = RmwcTopAppBarSectionProps & {
     /**

package/TopAppBar/TopAppBarSection.js

@@ -1,13 +1,17 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children"];
-import * as React from "react";
-import { TopAppBarSection as RmwcTopAppBarSection } from "@rmwc/top-app-bar";
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TopAppBarSection = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _topAppBar = require("@rmwc/top-app-bar");
+var _excluded = ["children"];
 var TopAppBarSection = function TopAppBarSection(props) {
   var children = props.children,
-      rest = _objectWithoutProperties(props, _excluded);
-
-  return /*#__PURE__*/React.createElement(RmwcTopAppBarSection, rest, children);
+    rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_topAppBar.TopAppBarSection, rest, children);
 };
-
-export { TopAppBarSection };
+exports.TopAppBarSection = TopAppBarSection;

package/TopAppBar/TopAppBarSection.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TopAppBarSection","props","children","rest"],"sources":["TopAppBarSection.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    TopAppBarSection as RmwcTopAppBarSection,\n    TopAppBarSectionProps as RmwcTopAppBarSectionProps\n} from \"@rmwc/top-app-bar\";\n\nexport type TopAppBarSectionProps = RmwcTopAppBarSectionProps & {\n    /**\n     * Element children\n     */\n    children: React.ReactNode[] | React.ReactNode;\n\n    /**\n     * Style object.\n     */\n    style?: React.CSSProperties;\n\n    /**\n     * CSS class name.\n     */\n    className?: string;\n};\n\nconst TopAppBarSection = (props: TopAppBarSectionProps) => {\n    const { children, ...rest } = props;\n    return <RmwcTopAppBarSection {...rest}>{children}</RmwcTopAppBarSection>;\n};\n\nexport { TopAppBarSection };\n"],"mappings":";;;;;;;;AAAA;AACA;AAG2B;AAmB3B,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAgB,CAAIC,KAA4B,EAAK;EACvD,IAAQC,QAAQ,GAAcD,KAAK,CAA3BC,QAAQ;IAAKC,IAAI,0CAAKF,KAAK;EACnC,oBAAO,6BAAC,2BAAoB,EAAKE,IAAI,EAAGD,QAAQ,CAAwB;AAC5E,CAAC;AAAC"}

package/TopAppBar/TopAppBarTitle.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import React from "react";
 import { TopAppBarTitleProps as RmwcTopAppBarTitleProps } from "@rmwc/top-app-bar";
 export declare type TopAppBarTitleProps = RmwcTopAppBarTitleProps & {
     /**

package/TopAppBar/TopAppBarTitle.js

@@ -1,13 +1,17 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children"];
-import * as React from "react";
-import { TopAppBarTitle as RmwcTopAppBarTitle } from "@rmwc/top-app-bar";
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TopAppBarTitle = void 0;
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _topAppBar = require("@rmwc/top-app-bar");
+var _excluded = ["children"];
 var TopAppBarTitle = function TopAppBarTitle(props) {
   var children = props.children,
-      rest = _objectWithoutProperties(props, _excluded);
-
-  return /*#__PURE__*/React.createElement(RmwcTopAppBarTitle, rest, children);
+    rest = (0, _objectWithoutProperties2.default)(props, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_topAppBar.TopAppBarTitle, rest, children);
 };
-
-export { TopAppBarTitle };
+exports.TopAppBarTitle = TopAppBarTitle;

package/TopAppBar/TopAppBarTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TopAppBarTitle","props","children","rest"],"sources":["TopAppBarTitle.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n    TopAppBarTitle as RmwcTopAppBarTitle,\n    TopAppBarTitleProps as RmwcTopAppBarTitleProps\n} from \"@rmwc/top-app-bar\";\n\nexport type TopAppBarTitleProps = RmwcTopAppBarTitleProps & {\n    /**\n     * Element children\n     */\n    children: React.ReactNode[] | React.ReactNode;\n};\n\nconst TopAppBarTitle = (props: TopAppBarTitleProps) => {\n    const { children, ...rest } = props;\n    return <RmwcTopAppBarTitle {...rest}>{children}</RmwcTopAppBarTitle>;\n};\n\nexport { TopAppBarTitle };\n"],"mappings":";;;;;;;;AAAA;AACA;AAG2B;AAS3B,IAAMA,cAAc,GAAG,SAAjBA,cAAc,CAAIC,KAA0B,EAAK;EACnD,IAAQC,QAAQ,GAAcD,KAAK,CAA3BC,QAAQ;IAAKC,IAAI,0CAAKF,KAAK;EACnC,oBAAO,6BAAC,yBAAkB,EAAKE,IAAI,EAAGD,QAAQ,CAAsB;AACxE,CAAC;AAAC"}

package/TopAppBar/index.js

@@ -1,7 +1,82 @@
-export * from "./TopAppBar";
-export * from "./TopAppBarPrimary";
-export * from "./TopAppBarSecondary";
-export * from "./TopAppBarSection";
-export * from "./TopAppBarTitle";
-export * from "./TopAppBarNavigationIcon";
-export * from "./TopAppBarActionItem";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _TopAppBar = require("./TopAppBar");
+Object.keys(_TopAppBar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TopAppBar[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TopAppBar[key];
+    }
+  });
+});
+var _TopAppBarPrimary = require("./TopAppBarPrimary");
+Object.keys(_TopAppBarPrimary).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TopAppBarPrimary[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TopAppBarPrimary[key];
+    }
+  });
+});
+var _TopAppBarSecondary = require("./TopAppBarSecondary");
+Object.keys(_TopAppBarSecondary).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TopAppBarSecondary[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TopAppBarSecondary[key];
+    }
+  });
+});
+var _TopAppBarSection = require("./TopAppBarSection");
+Object.keys(_TopAppBarSection).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TopAppBarSection[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TopAppBarSection[key];
+    }
+  });
+});
+var _TopAppBarTitle = require("./TopAppBarTitle");
+Object.keys(_TopAppBarTitle).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TopAppBarTitle[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TopAppBarTitle[key];
+    }
+  });
+});
+var _TopAppBarNavigationIcon = require("./TopAppBarNavigationIcon");
+Object.keys(_TopAppBarNavigationIcon).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TopAppBarNavigationIcon[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TopAppBarNavigationIcon[key];
+    }
+  });
+});
+var _TopAppBarActionItem = require("./TopAppBarActionItem");
+Object.keys(_TopAppBarActionItem).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TopAppBarActionItem[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _TopAppBarActionItem[key];
+    }
+  });
+});