"use strict";
self["webpackHotUpdate_zendeskgarden_react_components"]("main",{

/***/ "./packages/chrome/demo/stories/ChromeStory.tsx":
/*!******************************************************!*\
  !*** ./packages/chrome/demo/stories/ChromeStory.tsx ***!
  \******************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "ChromeStory": () => (/* binding */ ChromeStory)
/* harmony export */ });
/* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/core-js/modules/es.object.keys.js */ "./node_modules/core-js/modules/es.object.keys.js");
/* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./node_modules/core-js/modules/es.array.index-of.js */ "./node_modules/core-js/modules/es.array.index-of.js");
/* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./node_modules/core-js/modules/es.symbol.js */ "./node_modules/core-js/modules/es.symbol.js");
/* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_array_is_array_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./node_modules/core-js/modules/es.array.is-array.js */ "./node_modules/core-js/modules/es.array.is-array.js");
/* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_array_is_array_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_array_is_array_js__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./node_modules/core-js/modules/es.symbol.description.js */ "./node_modules/core-js/modules/es.symbol.description.js");
/* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./node_modules/core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
/* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./node_modules/core-js/modules/es.symbol.iterator.js */ "./node_modules/core-js/modules/es.symbol.iterator.js");
/* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_symbol_iterator_js__WEBPACK_IMPORTED_MODULE_6__);
/* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./node_modules/core-js/modules/es.string.iterator.js */ "./node_modules/core-js/modules/es.string.iterator.js");
/* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_7__);
/* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./node_modules/core-js/modules/es.array.iterator.js */ "./node_modules/core-js/modules/es.array.iterator.js");
/* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_array_iterator_js__WEBPACK_IMPORTED_MODULE_8__);
/* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./node_modules/core-js/modules/web.dom-collections.iterator.js */ "./node_modules/core-js/modules/web.dom-collections.iterator.js");
/* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(C_xampp_htdocs_design_react_components_node_modules_core_js_modules_web_dom_collections_iterator_js__WEBPACK_IMPORTED_MODULE_9__);
/* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./node_modules/core-js/modules/es.array.slice.js */ "./node_modules/core-js/modules/es.array.slice.js");
/* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_array_slice_js__WEBPACK_IMPORTED_MODULE_10__);
/* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./node_modules/core-js/modules/es.function.name.js */ "./node_modules/core-js/modules/es.function.name.js");
/* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_11__);
/* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./node_modules/core-js/modules/es.array.from.js */ "./node_modules/core-js/modules/es.array.from.js");
/* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_12__);
/* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./node_modules/core-js/modules/es.object.assign.js */ "./node_modules/core-js/modules/es.object.assign.js");
/* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_13__);
/* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./node_modules/core-js/modules/es.array.map.js */ "./node_modules/core-js/modules/es.array.map.js");
/* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_14__);
/* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_parse_float_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./node_modules/core-js/modules/es.parse-float.js */ "./node_modules/core-js/modules/es.parse-float.js");
/* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_parse_float_js__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_parse_float_js__WEBPACK_IMPORTED_MODULE_15__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
/* harmony import */ var _zendeskgarden_svg_icons_src_26_relationshape_chat_svg__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! @zendeskgarden/svg-icons/src/26/relationshape-chat.svg */ "./node_modules/@zendeskgarden/svg-icons/src/26/relationshape-chat.svg");
/* harmony import */ var _zendeskgarden_svg_icons_src_26_relationshape_connect_svg__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! @zendeskgarden/svg-icons/src/26/relationshape-connect.svg */ "./node_modules/@zendeskgarden/svg-icons/src/26/relationshape-connect.svg");
/* harmony import */ var _zendeskgarden_svg_icons_src_26_relationshape_explore_svg__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! @zendeskgarden/svg-icons/src/26/relationshape-explore.svg */ "./node_modules/@zendeskgarden/svg-icons/src/26/relationshape-explore.svg");
/* harmony import */ var _zendeskgarden_svg_icons_src_26_relationshape_guide_svg__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! @zendeskgarden/svg-icons/src/26/relationshape-guide.svg */ "./node_modules/@zendeskgarden/svg-icons/src/26/relationshape-guide.svg");
/* harmony import */ var _zendeskgarden_svg_icons_src_26_relationshape_message_svg__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! @zendeskgarden/svg-icons/src/26/relationshape-message.svg */ "./node_modules/@zendeskgarden/svg-icons/src/26/relationshape-message.svg");
/* harmony import */ var _zendeskgarden_svg_icons_src_26_relationshape_support_svg__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! @zendeskgarden/svg-icons/src/26/relationshape-support.svg */ "./node_modules/@zendeskgarden/svg-icons/src/26/relationshape-support.svg");
/* harmony import */ var _zendeskgarden_svg_icons_src_26_relationshape_talk_svg__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! @zendeskgarden/svg-icons/src/26/relationshape-talk.svg */ "./node_modules/@zendeskgarden/svg-icons/src/26/relationshape-talk.svg");
/* harmony import */ var _zendeskgarden_svg_icons_src_26_garden_svg__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! @zendeskgarden/svg-icons/src/26/garden.svg */ "./node_modules/@zendeskgarden/svg-icons/src/26/garden.svg");
/* harmony import */ var _zendeskgarden_svg_icons_src_26_zendesk_svg__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! @zendeskgarden/svg-icons/src/26/zendesk.svg */ "./node_modules/@zendeskgarden/svg-icons/src/26/zendesk.svg");
/* harmony import */ var _app__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__(/*! ./app */ "./packages/chrome/demo/stories/app.tsx");
/* harmony import */ var _home__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ./home */ "./packages/chrome/demo/stories/home.tsx");
/* harmony import */ var _email__WEBPACK_IMPORTED_MODULE_31__ = __webpack_require__(/*! ./email */ "./packages/chrome/demo/stories/email.tsx");
/* harmony import */ var _customerlist__WEBPACK_IMPORTED_MODULE_32__ = __webpack_require__(/*! ./customerlist */ "./packages/chrome/demo/stories/customerlist.tsx");
/* harmony import */ var _chat__WEBPACK_IMPORTED_MODULE_33__ = __webpack_require__(/*! ./chat */ "./packages/chrome/demo/stories/chat.tsx");
/* harmony import */ var _dashboard__WEBPACK_IMPORTED_MODULE_34__ = __webpack_require__(/*! ./dashboard */ "./packages/chrome/demo/stories/dashboard.tsx");
/* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_35__ = __webpack_require__(/*! ./settings */ "./packages/chrome/demo/stories/settings.tsx");
/* harmony import */ var _box__WEBPACK_IMPORTED_MODULE_54__ = __webpack_require__(/*! ./box */ "./packages/chrome/demo/stories/box.tsx");
/* harmony import */ var _search__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./search */ "./packages/chrome/demo/stories/search.tsx");
/* harmony import */ var _lifesaver__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ./lifesaver */ "./packages/chrome/demo/stories/lifesaver.tsx");
/* harmony import */ var _chrome__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ./chrome */ "./packages/chrome/demo/stories/chrome.tsx");
/* harmony import */ var _user_solo__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ./user-solo */ "./packages/chrome/demo/stories/user-solo.tsx");
/* harmony import */ var _theming_src__WEBPACK_IMPORTED_MODULE_37__ = __webpack_require__(/*! ../../../theming/src */ "./packages/theming/src/elements/theme/index.ts");
/* harmony import */ var _src__WEBPACK_IMPORTED_MODULE_36__ = __webpack_require__(/*! ../../src */ "./packages/chrome/src/elements/Chrome.tsx");
/* harmony import */ var _src__WEBPACK_IMPORTED_MODULE_38__ = __webpack_require__(/*! ../../src */ "./packages/chrome/src/elements/SkipNav.tsx");
/* harmony import */ var _src__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(/*! ../../src */ "./packages/chrome/src/elements/nav/Nav.tsx");
/* harmony import */ var _src__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__(/*! ../../src */ "./packages/chrome/src/elements/nav/NavItem.tsx");
/* harmony import */ var _src__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__(/*! ../../src */ "./packages/chrome/src/elements/nav/NavItemIcon.tsx");
/* harmony import */ var _src__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__(/*! ../../src */ "./packages/chrome/src/elements/nav/NavItemText.tsx");
/* harmony import */ var _src__WEBPACK_IMPORTED_MODULE_44__ = __webpack_require__(/*! ../../src */ "./packages/chrome/src/elements/subnav/SubNav.tsx");
/* harmony import */ var _src__WEBPACK_IMPORTED_MODULE_45__ = __webpack_require__(/*! ../../src */ "./packages/chrome/src/elements/subnav/CollapsibleSubNavItem.tsx");
/* harmony import */ var _src__WEBPACK_IMPORTED_MODULE_46__ = __webpack_require__(/*! ../../src */ "./packages/chrome/src/elements/subnav/SubNavItem.tsx");
/* harmony import */ var _src__WEBPACK_IMPORTED_MODULE_47__ = __webpack_require__(/*! ../../src */ "./packages/chrome/src/elements/subnav/SubNavItemText.tsx");
/* harmony import */ var _src__WEBPACK_IMPORTED_MODULE_48__ = __webpack_require__(/*! ../../src */ "./packages/chrome/src/elements/body/Body.tsx");
/* harmony import */ var _src__WEBPACK_IMPORTED_MODULE_49__ = __webpack_require__(/*! ../../src */ "./packages/chrome/src/elements/header/Header.tsx");
/* harmony import */ var _src__WEBPACK_IMPORTED_MODULE_50__ = __webpack_require__(/*! ../../src */ "./packages/chrome/src/elements/header/HeaderItem.tsx");
/* harmony import */ var _src__WEBPACK_IMPORTED_MODULE_51__ = __webpack_require__(/*! ../../src */ "./packages/chrome/src/elements/header/HeaderItemIcon.tsx");
/* harmony import */ var _src__WEBPACK_IMPORTED_MODULE_52__ = __webpack_require__(/*! ../../src */ "./packages/chrome/src/elements/header/HeaderItemText.tsx");
/* harmony import */ var _src__WEBPACK_IMPORTED_MODULE_53__ = __webpack_require__(/*! ../../src */ "./packages/chrome/src/elements/header/HeaderItemWrapper.tsx");
/* harmony import */ var _src__WEBPACK_IMPORTED_MODULE_55__ = __webpack_require__(/*! ../../src */ "./packages/chrome/src/elements/body/Content.tsx");
/* harmony import */ var _src__WEBPACK_IMPORTED_MODULE_56__ = __webpack_require__(/*! ../../src */ "./packages/chrome/src/elements/body/Sidebar.tsx");
/* harmony import */ var _src__WEBPACK_IMPORTED_MODULE_57__ = __webpack_require__(/*! ../../src */ "./packages/chrome/src/elements/body/Main.tsx");
/* harmony import */ var _src__WEBPACK_IMPORTED_MODULE_59__ = __webpack_require__(/*! ../../src */ "./packages/chrome/src/elements/footer/Footer.tsx");
/* harmony import */ var _src__WEBPACK_IMPORTED_MODULE_60__ = __webpack_require__(/*! ../../src */ "./packages/chrome/src/elements/footer/FooterItem.tsx");
/* harmony import */ var _buttons_src__WEBPACK_IMPORTED_MODULE_61__ = __webpack_require__(/*! ../../../buttons/src */ "./packages/buttons/src/elements/Button.tsx");
/* harmony import */ var _SheetStory__WEBPACK_IMPORTED_MODULE_58__ = __webpack_require__(/*! ./SheetStory */ "./packages/chrome/demo/stories/SheetStory.tsx");














var _excluded = ["product", "skipNav", "hasNav", "navItems", "onNavClick", "hasLogo", "hasBrandmark", "hasSubNav", "subNavItems", "subNavMaxWidth", "hasHeader", "headerItems", "hasSidebar", "hasFooter", "footerItems", "isExpanded", "isWrapped", "sidebar", "main", "isSheetOpen", "isSheetCompact", "sheetBody", "sheetTitle", "sheetDescription", "onSheetClick"];

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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }

function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }

function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }

function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }

function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }

function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }

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; }

/**
 * Copyright Zendesk, Inc.
 *
 * Use of this source code is governed under the Apache License, Version 2.0
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */


























var HEADER_ICONS = [/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_search__WEBPACK_IMPORTED_MODULE_26__.HeaderIcon1, {
  key: 1
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_lifesaver__WEBPACK_IMPORTED_MODULE_27__.HeaderIcon2, {
  key: 2
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_chrome__WEBPACK_IMPORTED_MODULE_28__.HeaderIcon3, {
  key: 3
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_user_solo__WEBPACK_IMPORTED_MODULE_29__.HeaderIcon4, {
  key: 4
})];
var NAV_ICONS = [/*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_home__WEBPACK_IMPORTED_MODULE_30__.NavIcon1, {
  key: 1
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_email__WEBPACK_IMPORTED_MODULE_31__.NavIcon2, {
  key: 2
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_customerlist__WEBPACK_IMPORTED_MODULE_32__.NavIcon3, {
  key: 3
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_chat__WEBPACK_IMPORTED_MODULE_33__.NavIcon4, {
  key: 4
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_dashboard__WEBPACK_IMPORTED_MODULE_34__.NavIcon5, {
  key: 5
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_settings__WEBPACK_IMPORTED_MODULE_35__.NavIcon6, {
  key: 6
})];
var PRODUCT_ICONS = {
  chat: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_zendeskgarden_svg_icons_src_26_relationshape_chat_svg__WEBPACK_IMPORTED_MODULE_17__, null),
  connect: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_zendeskgarden_svg_icons_src_26_relationshape_connect_svg__WEBPACK_IMPORTED_MODULE_18__, null),
  explore: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_zendeskgarden_svg_icons_src_26_relationshape_explore_svg__WEBPACK_IMPORTED_MODULE_19__, null),
  guide: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_zendeskgarden_svg_icons_src_26_relationshape_guide_svg__WEBPACK_IMPORTED_MODULE_20__, null),
  message: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_zendeskgarden_svg_icons_src_26_relationshape_message_svg__WEBPACK_IMPORTED_MODULE_21__, null),
  support: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_zendeskgarden_svg_icons_src_26_relationshape_support_svg__WEBPACK_IMPORTED_MODULE_22__, null),
  talk: /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_zendeskgarden_svg_icons_src_26_relationshape_talk_svg__WEBPACK_IMPORTED_MODULE_23__, null)
};
var ChromeStory = function ChromeStory(_ref) {
  var product = _ref.product,
      skipNav = _ref.skipNav,
      hasNav = _ref.hasNav,
      navItems = _ref.navItems,
      onNavClick = _ref.onNavClick,
      hasLogo = _ref.hasLogo,
      hasBrandmark = _ref.hasBrandmark,
      hasSubNav = _ref.hasSubNav,
      subNavItems = _ref.subNavItems,
      subNavMaxWidth = _ref.subNavMaxWidth,
      hasHeader = _ref.hasHeader,
      headerItems = _ref.headerItems,
      hasSidebar = _ref.hasSidebar,
      hasFooter = _ref.hasFooter,
      footerItems = _ref.footerItems,
      isExpanded = _ref.isExpanded,
      isWrapped = _ref.isWrapped,
      sidebar = _ref.sidebar,
      main = _ref.main,
      isSheetOpen = _ref.isSheetOpen,
      isSheetCompact = _ref.isSheetCompact,
      sheetBody = _ref.sheetBody,
      sheetTitle = _ref.sheetTitle,
      sheetDescription = _ref.sheetDescription,
      onSheetClick = _ref.onSheetClick,
      args = _objectWithoutProperties(_ref, _excluded);

  var _useState = (0,react__WEBPACK_IMPORTED_MODULE_16__.useState)(0),
      _useState2 = _slicedToArray(_useState, 2),
      currentNav = _useState2[0],
      setCurrentNav = _useState2[1];

  var _useState3 = (0,react__WEBPACK_IMPORTED_MODULE_16__.useState)(0),
      _useState4 = _slicedToArray(_useState3, 2),
      currentSubNav = _useState4[0],
      setCurrentSubNav = _useState4[1];

  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_src__WEBPACK_IMPORTED_MODULE_36__["default"], _extends({}, args, {
    style: {
      margin: "-" + _theming_src__WEBPACK_IMPORTED_MODULE_37__["default"].space.xl
    }
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_src__WEBPACK_IMPORTED_MODULE_38__.SkipNav, {
    targetId: "main-content"
  }, skipNav), hasNav && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_src__WEBPACK_IMPORTED_MODULE_39__.Nav, {
    isExpanded: isExpanded,
    "aria-label": "Nav"
  }, hasLogo && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_src__WEBPACK_IMPORTED_MODULE_40__.NavItem, {
    hasLogo: true,
    product: product
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_src__WEBPACK_IMPORTED_MODULE_41__.NavItemIcon, null, product ? PRODUCT_ICONS[product] : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_zendeskgarden_svg_icons_src_26_garden_svg__WEBPACK_IMPORTED_MODULE_24__, null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_src__WEBPACK_IMPORTED_MODULE_42__.NavItemText, null, "Nav Logo")), navItems.map(function (item, index) {
    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_src__WEBPACK_IMPORTED_MODULE_40__.NavItem, {
      key: index,
      isCurrent: currentNav === index,
      onClick: function onClick() {
        setCurrentNav(index);
        setCurrentSubNav(0);
        onNavClick({
          hasSubNav: item.hasSubNav,
          hasSidebar: item.hasSidebar
        });
      }
    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_src__WEBPACK_IMPORTED_MODULE_41__.NavItemIcon, null, NAV_ICONS[index] || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_app__WEBPACK_IMPORTED_MODULE_43__.NavIcon, null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_src__WEBPACK_IMPORTED_MODULE_42__.NavItemText, {
      isWrapped: isWrapped
    }, item.text));
  }), hasBrandmark && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_src__WEBPACK_IMPORTED_MODULE_40__.NavItem, {
    hasBrandmark: true
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_src__WEBPACK_IMPORTED_MODULE_41__.NavItemIcon, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_zendeskgarden_svg_icons_src_26_zendesk_svg__WEBPACK_IMPORTED_MODULE_25__, null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_src__WEBPACK_IMPORTED_MODULE_42__.NavItemText, null, "Brandmark"))), hasSubNav && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_src__WEBPACK_IMPORTED_MODULE_44__.SubNav, {
    style: {
      maxWidth: subNavMaxWidth
    }
  }, subNavItems.map(function (item, index) {
    return item.items ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_src__WEBPACK_IMPORTED_MODULE_45__.CollapsibleSubNavItem, {
      key: index,
      header: item.text
    }, item.items.map(function (subItem, subIndex) {
      return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_src__WEBPACK_IMPORTED_MODULE_46__.SubNavItem, {
        key: subIndex,
        isCurrent: currentSubNav === parseFloat(index + "." + subIndex),
        onClick: function onClick() {
          return setCurrentSubNav(parseFloat(index + "." + subIndex));
        }
      }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_src__WEBPACK_IMPORTED_MODULE_47__.SubNavItemText, {
        isWrapped: isWrapped
      }, subItem));
    })) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_src__WEBPACK_IMPORTED_MODULE_46__.SubNavItem, {
      key: index,
      isCurrent: currentSubNav === index,
      onClick: function onClick() {
        return setCurrentSubNav(index);
      }
    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_src__WEBPACK_IMPORTED_MODULE_47__.SubNavItemText, {
      isWrapped: isWrapped
    }, item.text));
  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_src__WEBPACK_IMPORTED_MODULE_48__.Body, {
    hasFooter: hasFooter
  }, hasHeader && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_src__WEBPACK_IMPORTED_MODULE_49__.Header, {
    isStandalone: !(hasNav || hasSubNav)
  }, hasLogo && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_src__WEBPACK_IMPORTED_MODULE_50__.HeaderItem, {
    hasLogo: true,
    product: product
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_src__WEBPACK_IMPORTED_MODULE_51__.HeaderItemIcon, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_zendeskgarden_svg_icons_src_26_relationshape_support_svg__WEBPACK_IMPORTED_MODULE_22__, null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_src__WEBPACK_IMPORTED_MODULE_52__.HeaderItemText, null, "Header Logo")), headerItems.map(function (item, index) {
    return item.isWrapper ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_src__WEBPACK_IMPORTED_MODULE_53__.HeaderItemWrapper, {
      key: index,
      maxX: item.maxX,
      maxY: item.maxY,
      isRound: item.isRound
    }, item.hasIcon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_src__WEBPACK_IMPORTED_MODULE_51__.HeaderItemIcon, null, HEADER_ICONS[HEADER_ICONS.length - headerItems.length + index] || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_box__WEBPACK_IMPORTED_MODULE_54__.HeaderIcon, null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_src__WEBPACK_IMPORTED_MODULE_52__.HeaderItemText, {
      isClipped: item.isClipped
    }, item.text)) : /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_src__WEBPACK_IMPORTED_MODULE_50__.HeaderItem, {
      key: index,
      maxX: item.maxX,
      maxY: item.maxY,
      isRound: item.isRound
    }, item.hasIcon && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_src__WEBPACK_IMPORTED_MODULE_51__.HeaderItemIcon, null, HEADER_ICONS[HEADER_ICONS.length - headerItems.length + index] || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_box__WEBPACK_IMPORTED_MODULE_54__.HeaderIcon, null)), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_src__WEBPACK_IMPORTED_MODULE_52__.HeaderItemText, {
      isClipped: item.isClipped
    }, item.text));
  })), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_src__WEBPACK_IMPORTED_MODULE_55__.Content, {
    id: "main-content"
  }, hasSidebar && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_src__WEBPACK_IMPORTED_MODULE_56__.Sidebar, null, sidebar), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_src__WEBPACK_IMPORTED_MODULE_57__.Main, null, main), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_SheetStory__WEBPACK_IMPORTED_MODULE_58__.SheetComponent, _extends({
    hasHeader: true,
    hasBody: true,
    hasFooter: true,
    hasClose: true,
    isOpen: isSheetOpen,
    isCompact: isSheetCompact,
    title: sheetTitle,
    description: sheetDescription,
    body: sheetBody,
    footerItems: [{
      text: 'Close',
      type: hasFooter ? undefined : 'primary'
    }],
    onClick: onSheetClick
  }, args))), hasFooter && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_src__WEBPACK_IMPORTED_MODULE_59__.Footer, null, footerItems && footerItems.map(function (_ref2, index) {
    var text = _ref2.text,
        type = _ref2.type;
    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_src__WEBPACK_IMPORTED_MODULE_60__.FooterItem, {
      key: index
    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16__.createElement(_buttons_src__WEBPACK_IMPORTED_MODULE_61__["default"], {
      isBasic: type === 'basic',
      isPrimary: type === 'primary'
    }, text));
  }))));
};

/***/ }),

/***/ "./packages/chrome/demo/stories/SheetStory.tsx":
/*!*****************************************************!*\
  !*** ./packages/chrome/demo/stories/SheetStory.tsx ***!
  \*****************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "SheetComponent": () => (/* binding */ SheetComponent),
/* harmony export */   "SheetStory": () => (/* binding */ SheetStory)
/* harmony export */ });
/* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/core-js/modules/es.symbol.js */ "./node_modules/core-js/modules/es.symbol.js");
/* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./node_modules/core-js/modules/es.symbol.description.js */ "./node_modules/core-js/modules/es.symbol.description.js");
/* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_symbol_description_js__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./node_modules/core-js/modules/es.array.map.js */ "./node_modules/core-js/modules/es.array.map.js");
/* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./node_modules/core-js/modules/es.object.keys.js */ "./node_modules/core-js/modules/es.object.keys.js");
/* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./node_modules/core-js/modules/es.array.index-of.js */ "./node_modules/core-js/modules/es.array.index-of.js");
/* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_array_index_of_js__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./node_modules/core-js/modules/es.object.assign.js */ "./node_modules/core-js/modules/es.object.assign.js");
/* harmony import */ var C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(C_xampp_htdocs_design_react_components_node_modules_core_js_modules_es_object_assign_js__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
/* harmony import */ var _theming_src__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../theming/src */ "./packages/theming/src/elements/ThemeProvider.tsx");
/* harmony import */ var _forms_src__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../forms/src */ "./packages/forms/src/elements/common/Field.tsx");
/* harmony import */ var _forms_src__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../forms/src */ "./packages/forms/src/elements/Toggle.tsx");
/* harmony import */ var _forms_src__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../forms/src */ "./packages/forms/src/elements/common/Label.tsx");
/* harmony import */ var _grid_src__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../grid/src */ "./packages/grid/src/elements/Grid.tsx");
/* harmony import */ var _grid_src__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../grid/src */ "./packages/grid/src/elements/Row.tsx");
/* harmony import */ var _grid_src__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../../grid/src */ "./packages/grid/src/elements/Col.tsx");
/* harmony import */ var _buttons_src__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../buttons/src */ "./packages/buttons/src/elements/Button.tsx");
/* harmony import */ var _src__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../src */ "./packages/chrome/src/elements/sheet/Sheet.tsx");
var _excluded = ["hasHeader", "title", "description", "hasBody", "body", "hasFooter", "footerItems", "isCompact", "onClick", "hasClose"],
    _excluded2 = ["debug", "onClick", "onChange", "hasBody", "body", "hasClose", "hasFooter", "footerItems", "hasHeader", "title", "description"];

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; }

/**
 * Copyright Zendesk, Inc.
 *
 * Use of this source code is governed under the Apache License, Version 2.0
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */






var SheetComponent = function SheetComponent(_ref) {
  var hasHeader = _ref.hasHeader,
      title = _ref.title,
      description = _ref.description,
      hasBody = _ref.hasBody,
      body = _ref.body,
      hasFooter = _ref.hasFooter,
      footerItems = _ref.footerItems,
      isCompact = _ref.isCompact,
      onClick = _ref.onClick,
      hasClose = _ref.hasClose,
      props = _objectWithoutProperties(_ref, _excluded);

  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__.createElement(_src__WEBPACK_IMPORTED_MODULE_7__.Sheet, props, hasHeader && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__.createElement(_src__WEBPACK_IMPORTED_MODULE_7__.Sheet.Header, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__.createElement(_src__WEBPACK_IMPORTED_MODULE_7__.Sheet.Title, null, title), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__.createElement(_src__WEBPACK_IMPORTED_MODULE_7__.Sheet.Description, null, description)), hasBody ? /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__.createElement(_src__WEBPACK_IMPORTED_MODULE_7__.Sheet.Body, null, body) : body, hasFooter && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__.createElement(_src__WEBPACK_IMPORTED_MODULE_7__.Sheet.Footer, {
    isCompact: isCompact
  }, footerItems && footerItems.map(function (_ref2, index) {
    var text = _ref2.text,
        type = _ref2.type;
    return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__.createElement(_src__WEBPACK_IMPORTED_MODULE_7__.Sheet.FooterItem, {
      key: index
    }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__.createElement(_buttons_src__WEBPACK_IMPORTED_MODULE_8__["default"], {
      isLink: isCompact,
      isBasic: type === 'basic',
      isPrimary: type === 'primary',
      onClick: onClick
    }, text));
  })), hasClose && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__.createElement(_src__WEBPACK_IMPORTED_MODULE_7__.Sheet.Close, {
    onClick: onClick
  }));
};
var SheetStory = function SheetStory(_ref3) {
  var debug = _ref3.debug,
      onClick = _ref3.onClick,
      onChange = _ref3.onChange,
      hasBody = _ref3.hasBody,
      body = _ref3.body,
      hasClose = _ref3.hasClose,
      hasFooter = _ref3.hasFooter,
      footerItems = _ref3.footerItems,
      hasHeader = _ref3.hasHeader,
      title = _ref3.title,
      description = _ref3.description,
      args = _objectWithoutProperties(_ref3, _excluded2);

  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__.createElement(react__WEBPACK_IMPORTED_MODULE_6__.Fragment, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__.createElement(_theming_src__WEBPACK_IMPORTED_MODULE_9__["default"], {
    focusVisibleRef: null,
    theme: function theme(parentTheme) {
      return _extends({}, parentTheme, {
        rtl: parentTheme.rtl ? args.placement === 'start' : args.placement !== 'start'
      });
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__.createElement(_forms_src__WEBPACK_IMPORTED_MODULE_10__.Field, null, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__.createElement(_forms_src__WEBPACK_IMPORTED_MODULE_11__.Toggle, {
    checked: args.isOpen,
    onChange: onChange
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__.createElement(_forms_src__WEBPACK_IMPORTED_MODULE_12__.Label, {
    hidden: true
  }, "Sheet")))), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__.createElement(_grid_src__WEBPACK_IMPORTED_MODULE_13__.Grid, {
    debug: debug,
    gutters: false,
    style: {
      marginTop: 20
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__.createElement(_grid_src__WEBPACK_IMPORTED_MODULE_14__.Row, {
    style: {
      height: 'calc(100vh - 120px)'
    },
    justifyContent: args.placement || 'end'
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__.createElement(_grid_src__WEBPACK_IMPORTED_MODULE_15__.Col, {
    size: "auto",
    style: {
      maxHeight: '100%'
    }
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6__.createElement(SheetComponent, _extends({
    hasHeader: hasHeader,
    title: title,
    description: description,
    hasBody: hasBody,
    body: body,
    hasFooter: hasFooter,
    footerItems: footerItems,
    onClick: onClick,
    hasClose: hasClose
  }, args))))));
};
try {
    // @ts-ignore
    SheetComponent.displayName = "SheetComponent";
    // @ts-ignore
    SheetComponent.__docgenInfo = { "description": "", "displayName": "SheetComponent", "props": { "hasBody": { "defaultValue": null, "description": "", "name": "hasBody", "required": true, "type": { "name": "boolean" } }, "body": { "defaultValue": null, "description": "", "name": "body", "required": true, "type": { "name": "string" } }, "hasClose": { "defaultValue": null, "description": "", "name": "hasClose", "required": true, "type": { "name": "boolean" } }, "hasFooter": { "defaultValue": null, "description": "", "name": "hasFooter", "required": true, "type": { "name": "boolean" } }, "footerItems": { "defaultValue": null, "description": "", "name": "footerItems", "required": true, "type": { "name": "IFooterItem[]" } }, "hasHeader": { "defaultValue": null, "description": "", "name": "hasHeader", "required": true, "type": { "name": "boolean" } }, "isCompact": { "defaultValue": null, "description": "", "name": "isCompact", "required": true, "type": { "name": "boolean" } }, "title": { "defaultValue": null, "description": "", "name": "title", "required": true, "type": { "name": "string" } }, "description": { "defaultValue": null, "description": "", "name": "description", "required": true, "type": { "name": "string" } }, "isOpen": { "defaultValue": null, "description": "Opens the Sheet *", "name": "isOpen", "required": false, "type": { "name": "boolean" } }, "isAnimated": { "defaultValue": null, "description": "Determines whether animation for opening and closing the Sheet is used *", "name": "isAnimated", "required": false, "type": { "name": "boolean" } }, "focusOnMount": { "defaultValue": null, "description": "Focuses on the Sheet when `isOpen` is true and mounted *", "name": "focusOnMount", "required": false, "type": { "name": "boolean" } }, "restoreFocus": { "defaultValue": null, "description": "Directs keyboard focus to the Sheet on mount *", "name": "restoreFocus", "required": false, "type": { "name": "boolean" } }, "placement": { "defaultValue": null, "description": "Returns keyboard focus to the element that triggered the Sheet *", "name": "placement", "required": false, "type": { "name": "enum", "value": [{ "value": "\"start\"" }, { "value": "\"end\"" }] } }, "size": { "defaultValue": null, "description": "Sets the width in pixels, based on the placement of the Sheet", "name": "size", "required": false, "type": { "name": "string" } } } };
    // @ts-ignore
    if (typeof STORYBOOK_REACT_CLASSES !== "undefined")
        // @ts-ignore
        STORYBOOK_REACT_CLASSES["packages/chrome/demo/stories/SheetStory.tsx#SheetComponent"] = { docgenInfo: SheetComponent.__docgenInfo, name: "SheetComponent", path: "packages/chrome/demo/stories/SheetStory.tsx#SheetComponent" };
}
catch (__react_docgen_typescript_loader_error) { }

/***/ }),

/***/ "./packages/chrome/demo/stories/app.tsx":
/*!**********************************************!*\
  !*** ./packages/chrome/demo/stories/app.tsx ***!
  \**********************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "NavIcon": () => (/* binding */ NavIcon)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
/**
 * Copyright Zendesk, Inc.
 *
 * Use of this source code is governed under the Apache License, Version 2.0
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */

var NavIcon = function NavIcon() {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", {
    xmlns: "http://www.w3.org/2000/svg",
    width: "26",
    height: "26",
    focusable: "false",
    viewBox: "0 0 26 26"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
    fill: "none",
    stroke: "currentColor",
    strokeLinejoin: "round",
    strokeWidth: "2",
    d: "M4 8l9-5 9 5v9.7L13 23l-9-5.2zm9 5L4 8m9 5l9-5m-9 5v10"
  }));
};

/***/ }),

/***/ "./packages/chrome/demo/stories/box.tsx":
/*!**********************************************!*\
  !*** ./packages/chrome/demo/stories/box.tsx ***!
  \**********************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "HeaderIcon": () => (/* binding */ HeaderIcon)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
/**
 * Copyright Zendesk, Inc.
 *
 * Use of this source code is governed under the Apache License, Version 2.0
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */

var HeaderIcon = function HeaderIcon() {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", {
    xmlns: "http://www.w3.org/2000/svg",
    width: "16",
    height: "16",
    focusable: "false",
    viewBox: "0 0 16 16"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
    fill: "none",
    stroke: "currentColor",
    d: "M7.76.63l-6 3.23c-.16.09-.26.25-.26.44v7.4c0 .18.1.35.26.44l6 3.23c.15.08.33.08.47 0l6-3.23c.16-.09.26-.26.26-.44V4.3c0-.18-.1-.35-.26-.44l-6-3.23a.49.49 0 00-.47 0zM1.5 4L8 7.5 14.5 4M8 7.5V15"
  }));
};

/***/ }),

/***/ "./packages/chrome/demo/stories/chat.tsx":
/*!***********************************************!*\
  !*** ./packages/chrome/demo/stories/chat.tsx ***!
  \***********************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "NavIcon4": () => (/* binding */ NavIcon4)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
/**
 * Copyright Zendesk, Inc.
 *
 * Use of this source code is governed under the Apache License, Version 2.0
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */

var NavIcon4 = function NavIcon4() {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", {
    xmlns: "http://www.w3.org/2000/svg",
    width: "26",
    height: "26",
    focusable: "false",
    viewBox: "0 0 26 26"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
    fill: "currentColor",
    d: "M20.95 4H5.05C4.473 4 4 4.476 4 5.059v12.536c0 .583.473 1.06 1.05 1.06h5.178v3.08c0 .212.23.34.41.223l5.134-3.304h5.178c.577 0 1.05-.476 1.05-1.059V5.06C22 4.476 21.527 4 20.95 4zM8.918 14C8.416 14 8 13.563 8 13.011v-.022c0-.552.416-.989.918-.989h8.154c.512 0 .928.448.928 1s-.416 1-.928 1H8.918zm0-4C8.416 10 8 9.563 8 9.011V8.99c0-.553.416-.99.918-.99h8.154c.512 0 .928.448.928 1s-.416 1-.928 1H8.918z"
  }));
};

/***/ }),

/***/ "./packages/chrome/demo/stories/chrome.tsx":
/*!*************************************************!*\
  !*** ./packages/chrome/demo/stories/chrome.tsx ***!
  \*************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "HeaderIcon3": () => (/* binding */ HeaderIcon3)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
/**
 * Copyright Zendesk, Inc.
 *
 * Use of this source code is governed under the Apache License, Version 2.0
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */

var HeaderIcon3 = function HeaderIcon3() {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", {
    xmlns: "http://www.w3.org/2000/svg",
    width: "16",
    height: "16",
    focusable: "false",
    viewBox: "0 0 16 16"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
    fill: "currentColor",
    d: "M1 1v5h5V1H1zm5 8a1 1 0 011 1v5a1 1 0 01-1 1H1a1 1 0 01-1-1v-5a1 1 0 011-1h5zm9 0a1 1 0 011 1v5a1 1 0 01-1 1h-5a1 1 0 01-1-1v-5a1 1 0 011-1h5zm-9 1H1v5h5v-5zm9 0h-5v5h5v-5zM6 0a1 1 0 011 1v5a1 1 0 01-1 1H1a1 1 0 01-1-1V1a1 1 0 011-1h5zm9 0a1 1 0 011 1v5a1 1 0 01-1 1h-5a1 1 0 01-1-1V1a1 1 0 011-1h5zm0 1h-5v5h5V1z"
  }));
};

/***/ }),

/***/ "./packages/chrome/demo/stories/customerlist.tsx":
/*!*******************************************************!*\
  !*** ./packages/chrome/demo/stories/customerlist.tsx ***!
  \*******************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "NavIcon3": () => (/* binding */ NavIcon3)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
/**
 * Copyright Zendesk, Inc.
 *
 * Use of this source code is governed under the Apache License, Version 2.0
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */

var NavIcon3 = function NavIcon3() {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", {
    xmlns: "http://www.w3.org/2000/svg",
    width: "26",
    height: "26",
    focusable: "false",
    viewBox: "0 0 26 26"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
    fill: "currentColor",
    d: "M22.136 10h-5.282c-.472 0-.854-.443-.854-.989V8.99c0-.546.382-.989.854-.989h5.282c.476 0 .864.45.864 1s-.388 1-.864 1zm0 4h-5.282c-.472 0-.854-.443-.854-.989v-.022c0-.546.382-.989.854-.989h5.282c.476 0 .864.45.864 1s-.388 1-.864 1zm.022 4h-3.327c-.46 0-.831-.443-.831-.989v-.022c0-.546.372-.989.831-.989h3.327c.463 0 .842.45.842 1s-.379 1-.842 1zM10 13a4 4 0 110-8 4 4 0 010 8zm-6.03 8.073c-.583 0-1.048-.518-.96-1.093A7.072 7.072 0 0110 14a7.072 7.072 0 016.989 5.98c.09.575-.376 1.093-.958 1.093H3.97z"
  }));
};

/***/ }),

/***/ "./packages/chrome/demo/stories/dashboard.tsx":
/*!****************************************************!*\
  !*** ./packages/chrome/demo/stories/dashboard.tsx ***!
  \****************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "NavIcon5": () => (/* binding */ NavIcon5)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
/**
 * Copyright Zendesk, Inc.
 *
 * Use of this source code is governed under the Apache License, Version 2.0
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */

var NavIcon5 = function NavIcon5() {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", {
    xmlns: "http://www.w3.org/2000/svg",
    width: "26",
    height: "26",
    focusable: "false",
    viewBox: "0 0 26 26"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
    fill: "currentColor",
    d: "M11.027 21H5.973C5.436 21 5 20.523 5 19.935v-2.87c0-.59.436-1.065.973-1.065h5.054c.537 0 .973.476.973 1.065v2.87c0 .588-.436 1.065-.973 1.065m-.003-7H5.977c-.54 0-.977-.423-.977-.945v-7.11c0-.52.438-.945.977-.945h5.047c.54 0 .976.424.976.946v7.11c0 .521-.437.944-.976.944m3.955-9h5.042c.54 0 .979.478.979 1.069v2.863c0 .59-.439 1.068-.979 1.068h-5.042c-.54 0-.979-.478-.979-1.068V6.07c0-.59.439-1.069.979-1.069M14.972 12h5.056c.537 0 .972.42.972.94v7.12c0 .519-.435.94-.972.94h-5.056c-.537 0-.972-.421-.972-.94v-7.12c0-.52.435-.94.972-.94"
  }));
};

/***/ }),

/***/ "./packages/chrome/demo/stories/email.tsx":
/*!************************************************!*\
  !*** ./packages/chrome/demo/stories/email.tsx ***!
  \************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "NavIcon2": () => (/* binding */ NavIcon2)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
/**
 * Copyright Zendesk, Inc.
 *
 * Use of this source code is governed under the Apache License, Version 2.0
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */

var NavIcon2 = function NavIcon2() {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", {
    xmlns: "http://www.w3.org/2000/svg",
    width: "26",
    height: "26",
    focusable: "false",
    viewBox: "0 0 26 26"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
    fill: "currentColor",
    d: "M13.14 11.949a.25.25 0 01-.302 0L6.183 6.83c-.358-.275-.155-.83.303-.83h13.028c.459 0 .661.555.303.83l-6.676 5.119zM22 9.491v9.527c0 .54-.473.982-1.05.982H5.05C4.473 20 4 19.558 4 19.018V9.49c0-.413.515-.638.85-.383l7.982 5.971a.3.3 0 00.336 0l7.981-5.971c.336-.255.851-.03.851.383"
  }));
};

/***/ }),

/***/ "./packages/chrome/demo/stories/home.tsx":
/*!***********************************************!*\
  !*** ./packages/chrome/demo/stories/home.tsx ***!
  \***********************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "NavIcon1": () => (/* binding */ NavIcon1)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
/**
 * Copyright Zendesk, Inc.
 *
 * Use of this source code is governed under the Apache License, Version 2.0
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */

var NavIcon1 = function NavIcon1() {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", {
    xmlns: "http://www.w3.org/2000/svg",
    width: "26",
    height: "26",
    focusable: "false",
    viewBox: "0 0 26 26"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
    fill: "currentColor",
    d: "M23.885 13.2l-1.328 1.639a.522.522 0 01-.737.084l-1.444-1.155v7.182c0 .577-.474 1.05-1.054 1.05H16.51c-.58 0-1.054-.473-1.054-1.05v-3.182a2.43 2.43 0 00-.716-1.732 2.448 2.448 0 00-1.74-.714 2.45 2.45 0 00-1.739.714 2.43 2.43 0 00-.716 1.732v3.182c0 .577-.474 1.05-1.054 1.05H6.678c-.582 0-1.054-.47-1.054-1.05v-7.182L4.18 14.923a.522.522 0 01-.737-.084L2.115 13.2a.52.52 0 01.084-.735l10.474-8.348a.51.51 0 01.654 0L23.8 12.466a.52.52 0 01.084.735"
  }));
};

/***/ }),

/***/ "./packages/chrome/demo/stories/lifesaver.tsx":
/*!****************************************************!*\
  !*** ./packages/chrome/demo/stories/lifesaver.tsx ***!
  \****************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "HeaderIcon2": () => (/* binding */ HeaderIcon2)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
/**
 * Copyright Zendesk, Inc.
 *
 * Use of this source code is governed under the Apache License, Version 2.0
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */

var HeaderIcon2 = function HeaderIcon2() {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", {
    xmlns: "http://www.w3.org/2000/svg",
    width: "16",
    height: "16",
    focusable: "false",
    viewBox: "0 0 16 16"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("g", {
    fill: "none",
    stroke: "currentColor"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("circle", {
    cx: "8",
    cy: "8",
    r: "7.5"
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("circle", {
    cx: "8",
    cy: "8",
    r: "3.5"
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
    d: "M10.5 10.5l3 3m-11-11l3 3m0 5l-3 3m11-11l-3 3"
  })));
};

/***/ }),

/***/ "./packages/chrome/demo/stories/search.tsx":
/*!*************************************************!*\
  !*** ./packages/chrome/demo/stories/search.tsx ***!
  \*************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "HeaderIcon1": () => (/* binding */ HeaderIcon1)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
/**
 * Copyright Zendesk, Inc.
 *
 * Use of this source code is governed under the Apache License, Version 2.0
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */

var HeaderIcon1 = function HeaderIcon1() {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", {
    xmlns: "http://www.w3.org/2000/svg",
    width: "16",
    height: "16",
    focusable: "false",
    viewBox: "0 0 16 16"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("circle", {
    cx: "6",
    cy: "6",
    r: "5.5",
    fill: "none",
    stroke: "currentColor"
  }), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
    stroke: "currentColor",
    strokeLinecap: "round",
    d: "M15 15l-5-5"
  }));
};

/***/ }),

/***/ "./packages/chrome/demo/stories/settings.tsx":
/*!***************************************************!*\
  !*** ./packages/chrome/demo/stories/settings.tsx ***!
  \***************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "NavIcon6": () => (/* binding */ NavIcon6)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
/**
 * Copyright Zendesk, Inc.
 *
 * Use of this source code is governed under the Apache License, Version 2.0
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */

var NavIcon6 = function NavIcon6() {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", {
    xmlns: "http://www.w3.org/2000/svg",
    width: "26",
    height: "26",
    focusable: "false",
    viewBox: "0 0 26 26"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("path", {
    fill: "currentColor",
    d: "M13 16.627a3.625 3.625 0 01-3.63-3.622A3.633 3.633 0 0113 9.373a3.633 3.633 0 013.63 3.632A3.625 3.625 0 0113 16.627m8.295-4.902h-.006a2.116 2.116 0 01-1.955-1.307l-.031-.075a2.117 2.117 0 01.459-2.306.693.693 0 000-.998l-.809-.809a.71.71 0 00-.997 0 2.106 2.106 0 01-2.295.457l-.08-.033a2.109 2.109 0 01-1.302-1.948.705.705 0 00-.705-.706h-1.148a.705.705 0 00-.705.706c0 .855-.514 1.628-1.306 1.95-.021.009-.043.017-.063.027a2.106 2.106 0 01-2.308-.453.72.72 0 00-1.006 0l-.81.81a.708.708 0 000 .997l.007.006a2.11 2.11 0 01.454 2.305c-.01.022-.018.045-.028.066a2.103 2.103 0 01-1.95 1.311h-.006a.706.706 0 00-.705.706v1.138c0 .39.316.706.705.706h.002a2.1 2.1 0 011.949 1.306l.029.069a2.11 2.11 0 01-.452 2.31l-.004.003a.708.708 0 000 .998l.809.809a.72.72 0 001.006 0l.005-.005a2.106 2.106 0 012.307-.452l.059.024a2.104 2.104 0 011.306 1.95v.007c0 .395.32.706.705.706h1.148c.385 0 .705-.31.705-.706v-.007c0-.855.514-1.627 1.306-1.95l.059-.024a2.106 2.106 0 012.307.452l.005.005a.71.71 0 00.997 0l.809-.81a.693.693 0 000-.997l-.004-.003a2.11 2.11 0 01-.452-2.31l.029-.069a2.102 2.102 0 011.948-1.306h.012a.706.706 0 00.705-.706v-1.138a.706.706 0 00-.705-.706"
  }));
};

/***/ }),

/***/ "./packages/chrome/demo/stories/user-solo.tsx":
/*!****************************************************!*\
  !*** ./packages/chrome/demo/stories/user-solo.tsx ***!
  \****************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "HeaderIcon4": () => (/* binding */ HeaderIcon4)
/* harmony export */ });
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/react/index.js");
/**
 * Copyright Zendesk, Inc.
 *
 * Use of this source code is governed under the Apache License, Version 2.0
 * found at http://www.apache.org/licenses/LICENSE-2.0.
 */

var HeaderIcon4 = function HeaderIcon4() {
  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", {
    xmlns: "http://www.w3.org/2000/svg",
    width: "16",
    height: "16",
    focusable: "false",
    viewBox: "0 0 16 16"
  }, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_0__.createElement("circle", {
    cx: "8",
    cy: "8",
    r: "6",
    fill: "currentColor"
  }));
};

/***/ })

});
//# sourceMappingURL=main.05cf490225c4e5660e4a.hot-update.js.map