components-sidebar-navigation-stories.2a5071fb.iframe.bundle.js

(globalThis.webpackChunk_yoast_ui_library=globalThis.webpackChunk_yoast_ui_library||[]).push([[5031],{"../../node_modules/@heroicons/react/outline/esm/DesktopComputerIcon.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js");const __WEBPACK_DEFAULT_EXPORT__=react__WEBPACK_IMPORTED_MODULE_0__.forwardRef((function DesktopComputerIcon(props,svgRef){return react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:2,stroke:"currentColor","aria-hidden":"true",ref:svgRef},props),react__WEBPACK_IMPORTED_MODULE_0__.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"}))}))},"./.storybook/interactive-docs-page.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{f:()=>InteractiveDocsPage});var _storybook_addon_docs__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/@storybook/addon-docs/dist/index.mjs"),prop_types__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_3__),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=(__webpack_require__("../../node_modules/react/index.js"),__webpack_require__("../../node_modules/react/jsx-runtime.js"));const InteractiveDocsPage=({stories})=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsxs)(react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.Fragment,{children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_0__.hE,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_0__.Pd,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_0__.VY,{of:"meta"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_0__.VY,{of:"story"}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_0__.Tn,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_0__.H2,{}),stories.map(((story,index)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(_storybook_addon_docs__WEBPACK_IMPORTED_MODULE_0__.fy,{of:story},(null==story?void 0:story.name)||`story-${index}`)))]});InteractiveDocsPage.propTypes={stories:prop_types__WEBPACK_IMPORTED_MODULE_3___default().arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_3___default().object,prop_types__WEBPACK_IMPORTED_MODULE_3___default().func]))},InteractiveDocsPage.defaultProps={stories:[]},InteractiveDocsPage.__docgenInfo={description:"An alternative version of the Storybook DocsPage component.\n\nReplacing the Stories component with individual DocsStory components.\nThis prevents Stories from passing `__forceInitialArgs` to the DocsStory components.\nWhich makes the stories are interactive on the docs page, making the `args` more like initial values.\n\n@param {(Object|function)[]} [stories] The stories to display.\n@returns {JSX.Element} The DocsPage component without stories.",methods:[],displayName:"InteractiveDocsPage",props:{stories:{defaultValue:{value:"[]",computed:!1},description:"",type:{name:"arrayOf",value:{name:"union",value:[{name:"object"},{name:"func"}]}},required:!1}}}},"./src/components/sidebar-navigation/stories.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Factory:()=>Factory,MenuItem:()=>stories_MenuItem,Mobile:()=>stories_Mobile,NavigationContext:()=>stories_NavigationContext,NotUsingBuildingBlocks:()=>NotUsingBuildingBlocks,Sidebar:()=>stories_Sidebar,UsingBuildingBlocks:()=>UsingBuildingBlocks,default:()=>stories});var DesktopComputerIcon=__webpack_require__("../../node_modules/@heroicons/react/outline/esm/DesktopComputerIcon.js"),react=__webpack_require__("../../node_modules/react/index.js");const esm_AdjustmentsIcon=react.forwardRef((function AdjustmentsIcon(props,svgRef){return react.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:2,stroke:"currentColor","aria-hidden":"true",ref:svgRef},props),react.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M12 6V4m0 2a2 2 0 100 4m0-4a2 2 0 110 4m-6 8a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4m6 6v10m6-2a2 2 0 100-4m0 4a2 2 0 110-4m0 4v2m0-6V4"}))}));const esm_NewspaperIcon=react.forwardRef((function NewspaperIcon(props,svgRef){return react.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:2,stroke:"currentColor","aria-hidden":"true",ref:svgRef},props),react.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M19 20H5a2 2 0 01-2-2V6a2 2 0 012-2h10a2 2 0 012 2v1m2 13a2 2 0 01-2-2V7m2 13a2 2 0 002-2V9a2 2 0 00-2-2h-2m-4-3H9M7 16h6M7 8h6v4H7V8z"}))}));const esm_ColorSwatchIcon=react.forwardRef((function ColorSwatchIcon(props,svgRef){return react.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:2,stroke:"currentColor","aria-hidden":"true",ref:svgRef},props),react.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M7 21a4 4 0 01-4-4V5a2 2 0 012-2h4a2 2 0 012 2v12a4 4 0 01-4 4zm0 0h12a2 2 0 002-2v-4a2 2 0 00-2-2h-2.343M11 7.343l1.657-1.657a2 2 0 012.828 0l2.829 2.829a2 2 0 010 2.828l-8.486 8.485M7 17h.01"}))}));var external_STORYBOOK_MODULE_PREVIEW_API_=__webpack_require__("@storybook/preview-api"),lodash=__webpack_require__("../../node_modules/lodash/lodash.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types);const esm_ChevronDownIcon=react.forwardRef((function ChevronDownIcon(props,svgRef){return react.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:2,stroke:"currentColor","aria-hidden":"true",ref:svgRef},props),react.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M19 9l-7 7-7-7"}))}));var classnames=__webpack_require__("./node_modules/classnames/index.js"),classnames_default=__webpack_require__.n(classnames),use_toggle_state=__webpack_require__("./src/hooks/use-toggle-state.js"),jsx_runtime=__webpack_require__("../../node_modules/react/jsx-runtime.js");const Icon=({as:Component="span",children,className,...props})=>(0,jsx_runtime.jsx)(Component,{className:classnames_default()("yst-sidebar-navigation__icon",className),...props,children});Icon.displayName="Icon",Icon.displayName="SidebarNavigation.Icon",Icon.propTypes={as:prop_types_default().elementType,children:prop_types_default().node,className:prop_types_default().string},Icon.__docgenInfo={description:'@param {JSX.ElementClass} [as="span"] The component.\n@param {JSX.node} [children] The content.\n@param {string} [className] The classname.\n@param {Object} [props] Extra props.\n@returns {JSX.Element} The element.',methods:[],displayName:"SidebarNavigation.Icon",props:{as:{defaultValue:{value:'"span"',computed:!1},description:"",type:{name:"elementType"},required:!1},children:{description:"",type:{name:"node"},required:!1},className:{description:"",type:{name:"string"},required:!1}}};const Collapsible=({as:Component="div",label,icon,children,defaultOpen=!0,...props})=>{const[isOpen,toggleOpen]=(0,use_toggle_state.A)(defaultOpen);return(0,jsx_runtime.jsxs)(Component,{className:"yst-sidebar-navigation__collapsible",children:[(0,jsx_runtime.jsxs)("button",{type:"button",className:"yst-sidebar-navigation__collapsible-button yst-group",onClick:toggleOpen,"aria-expanded":isOpen,...props,children:[icon&&(0,jsx_runtime.jsx)(Icon,{as:icon,className:"yst-h-6 yst-w-6"}),label,(0,jsx_runtime.jsx)(Icon,{as:esm_ChevronDownIcon,className:classnames_default()("yst-ms-auto yst-h-4 yst-w-4 yst-stroke-3",isOpen&&"yst-rotate-180")})]}),isOpen&&children]})};Collapsible.displayName="Collapsible",Collapsible.displayName="SidebarNavigation.Collapsible",Collapsible.propTypes={as:prop_types_default().elementType,icon:prop_types_default().elementType,label:prop_types_default().string.isRequired,defaultOpen:prop_types_default().bool,children:prop_types_default().node},Collapsible.__docgenInfo={description:'@param {JSX.ElementClass} [as="div"] The component.\n@param {string} label The label.\n@param {JSX.ElementClass} [icon] Optional icon to put before the label.\n@param {JSX.node} [children] The content.\n@param {boolean} [defaultOpen] Whether the sub menu starts opened.\n@param {Object} [props] Extra props.\n@returns {JSX.Element} The element.',methods:[],displayName:"SidebarNavigation.Collapsible",props:{as:{defaultValue:{value:'"div"',computed:!1},description:"",type:{name:"elementType"},required:!1},defaultOpen:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},icon:{description:"",type:{name:"elementType"},required:!1},label:{description:"",type:{name:"string"},required:!0},children:{description:"",type:{name:"node"},required:!1}}};const Item=({as:Component="li",children,className,...props})=>(0,jsx_runtime.jsx)(Component,{className:classnames_default()("yst-sidebar-navigation__item",className),...props,children});Item.displayName="Item",Item.displayName="SidebarNavigation.Item",Item.propTypes={as:prop_types_default().elementType,children:prop_types_default().node,className:prop_types_default().string},Item.__docgenInfo={description:'Represents a Menu Item.\n\n@param {JSX.ElementClass} [as="li"] The component.\n@param {JSX.node} [children] The content.\n@param {string} [className] The classname.\n@param {Object} [props] Extra props.\n@returns {JSX.Element} The menu.',methods:[],displayName:"SidebarNavigation.Item",props:{as:{defaultValue:{value:'"li"',computed:!1},description:"",type:{name:"elementType"},required:!1},children:{description:"",type:{name:"node"},required:!1},className:{description:"",type:{name:"string"},required:!1}}};const Link=({as:Component="a",pathProp="href",children,className,onClick,...props})=>{const{activePath,setMobileMenuOpen}=useNavigationContext(),handleClick=(0,react.useCallback)((()=>{setMobileMenuOpen(!1),null==onClick||onClick()}),[setMobileMenuOpen]);return(0,jsx_runtime.jsx)(Component,{className:classnames_default()("yst-sidebar-navigation__link yst-group",activePath===(null==props?void 0:props[pathProp])&&"yst-sidebar-navigation__item--active",className),"aria-current":activePath===(null==props?void 0:props[pathProp])?"page":null,...props,onClick:handleClick,children})};Link.displayName="Link",Link.displayName="SidebarNavigation.Link",Link.propTypes={as:prop_types_default().elementType,pathProp:prop_types_default().string,children:prop_types_default().node,className:prop_types_default().string,onClick:prop_types_default().func},Link.__docgenInfo={description:'@param {JSX.ElementClass} [as="a"] The component.\n@param {string} [pathProp="href"] The key of the path in the props.\n@param {JSX.node} [children] The content.\n@param {string} [className] The classname.\n@param {Function} [onClick] The click handler. We wrap this to close the mobile menu on click.\n@param {Object} [props] Extra props.\n@returns {JSX.Element} The element.',methods:[],displayName:"SidebarNavigation.Link",props:{as:{defaultValue:{value:'"a"',computed:!1},description:"",type:{name:"elementType"},required:!1},pathProp:{defaultValue:{value:'"href"',computed:!1},description:"",type:{name:"string"},required:!1},children:{description:"",type:{name:"node"},required:!1},className:{description:"",type:{name:"string"},required:!1},onClick:{description:"",type:{name:"func"},required:!1}}};const List=({as:Component="ul",children,isIndented=!1,className,...props})=>(0,jsx_runtime.jsx)(Component,{role:"list",className:classnames_default()("yst-sidebar-navigation__list",isIndented&&"yst-sidebar-navigation__list--indented",className),...props,children});List.displayName="List",List.displayName="SidebarNavigation.List",List.propTypes={as:prop_types_default().elementType,children:prop_types_default().node,isIndented:prop_types_default().bool,className:prop_types_default().string},List.__docgenInfo={description:'@param {JSX.ElementClass} [as="ul"] The component.\n@param {JSX.node} [children] The content.\n@param {boolean} [isIndented=false] Whether the list is indented.\n@param {string} [className] The classname.\n@param {Object} [props] Extra props.\n@returns {JSX.Element} The element.',methods:[],displayName:"SidebarNavigation.List",props:{as:{defaultValue:{value:'"ul"',computed:!1},description:"",type:{name:"elementType"},required:!1},isIndented:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},children:{description:"",type:{name:"node"},required:!1},className:{description:"",type:{name:"string"},required:!1}}};const MenuItem=({label,icon:Icon=null,children=null,defaultOpen=!0,...props})=>(0,jsx_runtime.jsx)(Collapsible,{label,icon:Icon,defaultOpen,...props,children:(0,jsx_runtime.jsx)(List,{isIndented:!0,children})});MenuItem.displayName="MenuItem",MenuItem.propTypes={label:prop_types_default().string.isRequired,icon:prop_types_default().elementType,defaultOpen:prop_types_default().bool,children:prop_types_default().node};const menu_item=MenuItem;MenuItem.__docgenInfo={description:"@param {string} label The label.\n@param {JSX.Element} [icon] Optional icon to put before the label.\n@param {JSX.node} [children] Optional sub menu.\n@param {boolean} [defaultOpen] Whether the sub menu starts opened.\n@param {Object} [props] Extra props.\n@returns {JSX.Element} The element.",methods:[],displayName:"MenuItem",props:{icon:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"elementType"},required:!1},children:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"node"},required:!1},defaultOpen:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},label:{description:"",type:{name:"string"},required:!0}}};var dialog=__webpack_require__("../../node_modules/@headlessui/react/dist/components/dialog/dialog.js"),XIcon=__webpack_require__("../../node_modules/@heroicons/react/outline/esm/XIcon.js");const esm_MenuAlt2Icon=react.forwardRef((function MenuAlt2Icon(props,svgRef){return react.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:2,stroke:"currentColor","aria-hidden":"true",ref:svgRef},props),react.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M4 6h16M4 12h16M4 18h7"}))})),Mobile=({children,openButtonId,closeButtonId,openButtonScreenReaderText="Open",closeButtonScreenReaderText="Close","aria-label":ariaLabel})=>{const{isMobileMenuOpen,setMobileMenuOpen}=useNavigationContext(),openMobileMenu=(0,react.useCallback)((()=>setMobileMenuOpen(!0)),[setMobileMenuOpen]),closeMobileMenu=(0,react.useCallback)((()=>setMobileMenuOpen(!1)),[setMobileMenuOpen]);return(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(dialog.l,{className:"yst-root",open:isMobileMenuOpen,onClose:closeMobileMenu,"aria-label":ariaLabel,children:(0,jsx_runtime.jsxs)("div",{className:"yst-mobile-navigation__dialog",children:[(0,jsx_runtime.jsx)("div",{className:"yst-fixed yst-inset-0 yst-bg-slate-600 yst-bg-opacity-75 yst-z-30","aria-hidden":"true"}),(0,jsx_runtime.jsxs)(dialog.l.Panel,{className:"yst-relative yst-flex yst-flex-1 yst-flex-col yst-max-w-xs yst-w-full yst-z-40 yst-bg-slate-100",children:[(0,jsx_runtime.jsx)("div",{className:"yst-absolute yst-top-0 yst-end-0 yst--me-14 yst-p-1",children:(0,jsx_runtime.jsxs)("button",{type:"button",id:closeButtonId,className:"yst-flex yst-h-12 yst-w-12 yst-items-center yst-justify-center yst-rounded-full focus:yst-outline-none yst-bg-slate-600 focus:yst-ring-2 focus:yst-ring-inset focus:yst-ring-primary-500",onClick:closeMobileMenu,children:[(0,jsx_runtime.jsx)("span",{className:"yst-sr-only",children:closeButtonScreenReaderText}),(0,jsx_runtime.jsx)(XIcon.A,{className:"yst-h-6 yst-w-6 yst-text-white"})]})}),(0,jsx_runtime.jsx)("div",{className:"yst-flex-1 yst-h-0 yst-overflow-y-auto",children:(0,jsx_runtime.jsx)("nav",{className:"yst-h-full yst-flex yst-flex-col yst-py-6 yst-px-2",children})})]})]})}),(0,jsx_runtime.jsx)("div",{className:"yst-mobile-navigation__top",children:(0,jsx_runtime.jsx)("div",{className:"yst-flex yst-relative yst-flex-shrink-0 yst-h-16 yst-z-10 yst-bg-white yst-border-b yst-border-slate-200",children:(0,jsx_runtime.jsxs)("button",{type:"button",id:openButtonId,className:"yst-px-4 yst-border-r yst-border-slate-200 yst-text-slate-500 focus:yst-outline-none focus:yst-ring-2 focus:yst-ring-inset focus:yst-ring-primary-500",onClick:openMobileMenu,children:[(0,jsx_runtime.jsx)("span",{className:"yst-sr-only",children:openButtonScreenReaderText}),(0,jsx_runtime.jsx)(esm_MenuAlt2Icon,{className:"yst-w-6 yst-h-6"})]})})})]})};Mobile.propTypes={children:prop_types_default().node.isRequired,openButtonId:prop_types_default().string,closeButtonId:prop_types_default().string,openButtonScreenReaderText:prop_types_default().string,closeButtonScreenReaderText:prop_types_default().string,"aria-label":prop_types_default().string};const mobile=Mobile;Mobile.__docgenInfo={description:"@param {JSX.node} children The menu items.\n@param {string} [openButtonId] The ID of the open button.\n@param {string} [closeButtonId] The ID of the close button.\n@param {string} [openButtonScreenReaderText] The open button screen reader text.\n@param {string} [closeButtonScreenReaderText] The close button screen reader text.\n@param {string} [aria-label] The aria label for the Modal.\n@returns {JSX.Element} The mobile element.",methods:[],displayName:"Mobile",props:{openButtonScreenReaderText:{defaultValue:{value:'"Open"',computed:!1},description:"",type:{name:"string"},required:!1},closeButtonScreenReaderText:{defaultValue:{value:'"Close"',computed:!1},description:"",type:{name:"string"},required:!1},children:{description:"",type:{name:"node"},required:!0},openButtonId:{description:"",type:{name:"string"},required:!1},closeButtonId:{description:"",type:{name:"string"},required:!1},"aria-label":{description:"",type:{name:"string"},required:!1}}};const Sidebar=({children,className=""})=>(0,jsx_runtime.jsx)("nav",{className:classnames_default()("yst-sidebar-navigation__sidebar",className),children});Sidebar.displayName="Sidebar",Sidebar.propTypes={children:prop_types_default().node.isRequired,className:prop_types_default().string};const sidebar=Sidebar;Sidebar.__docgenInfo={description:"@param {JSX.node} children The menu items.\n@param {string} className The CSS classname.\n@returns {JSX.Element} The sidebar element.",methods:[],displayName:"Sidebar",props:{className:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},children:{description:"",type:{name:"node"},required:!0}}};const SubmenuItem=({as="a",pathProp="href",label,...props})=>(0,jsx_runtime.jsx)(Item,{children:(0,jsx_runtime.jsx)(Link,{as,pathProp,...props,children:label})});SubmenuItem.displayName="SubmenuItem",SubmenuItem.propTypes={as:prop_types_default().elementType,pathProp:prop_types_default().string,label:prop_types_default().node.isRequired,isActive:prop_types_default().bool};const submenu_item=SubmenuItem;SubmenuItem.__docgenInfo={description:"@param {JSX.node} label The label.\n@param {JSX.ElementClass} [as] The field component.\n@param {string} [pathProp] The key of the path in the props. Defaults to `href`.\n@param {Object} [props] Extra props.\n@returns {JSX.Element} The submenu item element.",methods:[],displayName:"SubmenuItem",props:{as:{defaultValue:{value:'"a"',computed:!1},description:"",type:{name:"elementType"},required:!1},pathProp:{defaultValue:{value:'"href"',computed:!1},description:"",type:{name:"string"},required:!1},label:{description:"",type:{name:"node"},required:!0},isActive:{description:"",type:{name:"bool"},required:!1}}};const NavigationContext=(0,react.createContext)({activePath:"",isMobileMenuOpen:!1,setMobileMenuOpen:lodash.noop}),useNavigationContext=()=>(0,react.useContext)(NavigationContext),SidebarNavigation=({activePath="",children})=>{const[isMobileMenuOpen,setMobileMenuOpen]=(0,react.useState)(!1);return(0,jsx_runtime.jsx)(NavigationContext.Provider,{value:{activePath,isMobileMenuOpen,setMobileMenuOpen},children})};SidebarNavigation.displayName="SidebarNavigation",SidebarNavigation.propTypes={activePath:prop_types_default().string,children:prop_types_default().node.isRequired},(SidebarNavigation.Sidebar=sidebar).displayName="SidebarNavigation.Sidebar",(SidebarNavigation.Mobile=mobile).displayName="SidebarNavigation.Mobile",(SidebarNavigation.MenuItem=menu_item).displayName="SidebarNavigation.MenuItem",(SidebarNavigation.SubmenuItem=submenu_item).displayName="SidebarNavigation.SubmenuItem",SidebarNavigation.List=List,SidebarNavigation.Item=Item,SidebarNavigation.Collapsible=Collapsible,SidebarNavigation.Link=Link,SidebarNavigation.Icon=Icon;const sidebar_navigation=SidebarNavigation;SidebarNavigation.__docgenInfo={description:"@param {string} activePath The path of the active menu item.\n@param {JSX.node} children The menu(s).\n@returns {JSX.Element} The navigation element.",methods:[{name:"Sidebar",docblock:null,modifiers:["static"],params:[{name:'{ children, className = "" }',optional:!1,type:null}],returns:null},{name:"Mobile",docblock:null,modifiers:["static"],params:[{name:'{\n\tchildren,\n\topenButtonId,\n\tcloseButtonId,\n\topenButtonScreenReaderText = "Open",\n\tcloseButtonScreenReaderText = "Close",\n\t"aria-label": ariaLabel,\n}',optional:!1,type:null}],returns:null},{name:"MenuItem",docblock:null,modifiers:["static"],params:[{name:"{ label, icon: Icon = null, children = null, defaultOpen = true, ...props }",optional:!1,type:null}],returns:null},{name:"SubmenuItem",docblock:null,modifiers:["static"],params:[{name:'{ as = "a", pathProp = "href", label, ...props }',optional:!1,type:null}],returns:null},{name:"List",docblock:null,modifiers:["static"],params:[{name:'{ as: Component = "ul", children, isIndented = false, className, ...props }',optional:!1,type:null}],returns:null},{name:"Item",docblock:null,modifiers:["static"],params:[{name:'{ as: Component = "li", children, className, ...props }',optional:!1,type:null}],returns:null},{name:"Collapsible",docblock:null,modifiers:["static"],params:[{name:'{ as: Component = "div", label, icon, children, defaultOpen = true, ...props }',optional:!1,type:null}],returns:null},{name:"Link",docblock:null,modifiers:["static"],params:[{name:'{ as: Component = "a", pathProp = "href", children, className, onClick, ...props }',optional:!1,type:null}],returns:null},{name:"Icon",docblock:null,modifiers:["static"],params:[{name:'{ as: Component = "span", children, className, ...props }',optional:!1,type:null}],returns:null}],displayName:"SidebarNavigation",props:{activePath:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},children:{description:"",type:{name:"node"},required:!0}}};var interactive_docs_page=__webpack_require__("./.storybook/interactive-docs-page.js"),table=__webpack_require__("./src/elements/table/index.js");const Template=args=>{const[,updateArgs]=(0,external_STORYBOOK_MODULE_PREVIEW_API_.useArgs)(),hashChangeHandler=(0,react.useCallback)((()=>updateArgs({activePath:document.location.hash})),[updateArgs]);return(0,react.useEffect)((()=>(window.addEventListener("hashchange",hashChangeHandler),hashChangeHandler(),()=>window.removeEventListener("hashchange",hashChangeHandler))),[hashChangeHandler]),(0,jsx_runtime.jsx)(sidebar_navigation,{...args})};Template.displayName="Template";const Factory={render:Template.bind({}),args:{children:(0,jsx_runtime.jsx)(sidebar_navigation.Sidebar,{className:"yst-w-1/3",children:(0,jsx_runtime.jsxs)("ul",{className:"yst-sidebar-navigation__list",children:[(0,jsx_runtime.jsxs)(sidebar_navigation.MenuItem,{id:"menu-item-default-1",icon:DesktopComputerIcon.A,label:"MenuItem 1 label",children:[(0,jsx_runtime.jsx)(sidebar_navigation.SubmenuItem,{to:"#sub1",label:"SubmenuItem 1 label"}),(0,jsx_runtime.jsx)(sidebar_navigation.SubmenuItem,{to:"#sub2",label:"SubmenuItem 2 label"}),(0,jsx_runtime.jsx)(sidebar_navigation.SubmenuItem,{to:"#sub3",label:"SubmenuItem 3 label"})]}),(0,jsx_runtime.jsxs)(sidebar_navigation.MenuItem,{id:"menu-item-default-2",icon:esm_AdjustmentsIcon,label:"MenuItem 2 label",defaultOpen:!1,children:[(0,jsx_runtime.jsx)(sidebar_navigation.SubmenuItem,{to:"#sub1",label:"SubmenuItem 1 label"}),(0,jsx_runtime.jsx)(sidebar_navigation.SubmenuItem,{to:"#sub2",label:"SubmenuItem 2 label"}),(0,jsx_runtime.jsx)(sidebar_navigation.SubmenuItem,{to:"#sub3",label:"SubmenuItem 3 label"})]}),(0,jsx_runtime.jsxs)(sidebar_navigation.MenuItem,{id:"menu-item-default-3",icon:esm_NewspaperIcon,label:"MenuItem 3 label",defaultOpen:!1,children:[(0,jsx_runtime.jsx)(sidebar_navigation.SubmenuItem,{to:"#sub1",label:"SubmenuItem 1 label"}),(0,jsx_runtime.jsx)(sidebar_navigation.SubmenuItem,{to:"#sub2",label:"SubmenuItem 2 label"}),(0,jsx_runtime.jsx)(sidebar_navigation.SubmenuItem,{to:"#sub3",label:"SubmenuItem 3 label"})]}),(0,jsx_runtime.jsx)(sidebar_navigation.SubmenuItem,{to:"#item1",label:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(DesktopComputerIcon.A,{className:"yst-sidebar-navigation__icon yst-h-6 yst-w-6"}),"Item 1 label"]}),className:"yst-gap-3"})]})})}},stories_MenuItem={render:Template.bind({}),name:"Menu item",parameters:{docs:{description:{story:"The subcomponent `SidebarNavigation.MenuItem` accepts the subcomponents `SidebarNavigation.SubmenuItem` as children."}}},args:{children:(0,jsx_runtime.jsxs)(sidebar_navigation.MenuItem,{id:"menuitem",icon:esm_ColorSwatchIcon,label:"MenuItem label",defaultOpen:!0,children:[(0,jsx_runtime.jsx)(sidebar_navigation.SubmenuItem,{to:"#1",label:"SubmenuItem 1"}),(0,jsx_runtime.jsx)(sidebar_navigation.SubmenuItem,{to:"#2",label:"SubmenuItem 2"}),(0,jsx_runtime.jsx)(sidebar_navigation.SubmenuItem,{to:"#3",label:"SubmenuItem 3"})]})}},stories_Sidebar={render:Template.bind({}),parameters:{docs:{description:{story:"The subcomponent `SidebarNavigation.Sidebar` is a `<nav>` wrapper component. It's props are `className` and `children` (`MenuItem` subomponents)."}}},args:{children:(0,jsx_runtime.jsxs)(sidebar_navigation.Sidebar,{className:"yst-w-1/3",children:[(0,jsx_runtime.jsxs)(sidebar_navigation.MenuItem,{id:"submenuitem-sidebar-1",icon:esm_NewspaperIcon,label:"MenuItem 1 label",defaultOpen:!1,children:[(0,jsx_runtime.jsx)(sidebar_navigation.SubmenuItem,{to:"#1",label:"SubmenuItem 1"}),(0,jsx_runtime.jsx)(sidebar_navigation.SubmenuItem,{to:"#2",label:"SubmenuItem 2"}),(0,jsx_runtime.jsx)(sidebar_navigation.SubmenuItem,{to:"#3",label:"SubmenuItem 3"})]}),(0,jsx_runtime.jsxs)(sidebar_navigation.MenuItem,{id:"submenuitem-sidebar-2",icon:esm_ColorSwatchIcon,label:"MenuItem 2 label",defaultOpen:!1,children:[(0,jsx_runtime.jsx)(sidebar_navigation.SubmenuItem,{to:"#1",label:"SubmenuItem 1"}),(0,jsx_runtime.jsx)(sidebar_navigation.SubmenuItem,{to:"#2",label:"SubmenuItem 2"}),(0,jsx_runtime.jsx)(sidebar_navigation.SubmenuItem,{to:"#3",label:"SubmenuItem 3"})]})]})}},stories_Mobile={render:Template.bind({}),parameters:{docs:{description:{story:"The subcomponent `SidebarNavigation.Mobile` is a wrapper component over the `MenuItem` subcomponents for mobile view."}}},args:{children:(0,jsx_runtime.jsxs)(sidebar_navigation.Mobile,{openButtonScreenReaderText:"Open sidebar",closeButtonScreenReaderText:"Close sidebar",children:[(0,jsx_runtime.jsx)("div",{className:"yst-m-4",children:"Mobile menu"}),(0,jsx_runtime.jsxs)("ul",{className:"yst-sidebar-navigation__list",children:[(0,jsx_runtime.jsxs)(sidebar_navigation.MenuItem,{id:"submenuitem-mobile-1",icon:esm_AdjustmentsIcon,label:"MenuItem 1 label",defaultOpen:!0,children:[(0,jsx_runtime.jsx)(sidebar_navigation.SubmenuItem,{to:"#1",label:"SubmenuItem 1"}),(0,jsx_runtime.jsx)(sidebar_navigation.SubmenuItem,{to:"#2",label:"SubmenuItem 2"}),(0,jsx_runtime.jsx)(sidebar_navigation.SubmenuItem,{to:"#3",label:"SubmenuItem 3"})]}),(0,jsx_runtime.jsxs)(sidebar_navigation.MenuItem,{id:"submenuitem-mobile-2",icon:esm_ColorSwatchIcon,label:"MenuItem 2 label",defaultOpen:!1,children:[(0,jsx_runtime.jsx)(sidebar_navigation.SubmenuItem,{to:"#4",label:"SubmenuItem 4"}),(0,jsx_runtime.jsx)(sidebar_navigation.SubmenuItem,{to:"#5",label:"SubmenuItem 5"}),(0,jsx_runtime.jsx)(sidebar_navigation.SubmenuItem,{to:"#6",label:"SubmenuItem 6"})]}),(0,jsx_runtime.jsx)(sidebar_navigation.SubmenuItem,{to:"#item1",label:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(DesktopComputerIcon.A,{className:"yst-sidebar-navigation__icon yst-h-6 yst-w-6"}),"Item 1 label"]}),className:"yst-gap-3"})]})]})}},stories_NavigationContext={render:Template.bind({}),name:"Navigation context",parameters:{docs:{description:{story:"The `useNavigationContext` hook is exported. The context contains: `activePath`, `isMobileMenuOpen` and `setMobileMenuOpen` for if you need more control or create your own `SubmenuItem`."},source:{transform:()=>'import { useNavigationContext } from "@yoast/ui-library";\n\nconst { activePath, isMobileMenuOpen, setMobileMenuOpen } = useNavigationContext();'}}},args:{children:(0,jsx_runtime.jsxs)(table.A,{children:[(0,jsx_runtime.jsx)(table.A.Head,{children:(0,jsx_runtime.jsxs)(table.A.Row,{children:[(0,jsx_runtime.jsx)(table.A.Header,{children:"Key"}),(0,jsx_runtime.jsx)(table.A.Header,{children:"Description"})]})}),(0,jsx_runtime.jsxs)(table.A.Body,{children:[(0,jsx_runtime.jsxs)(table.A.Row,{children:[(0,jsx_runtime.jsx)(table.A.Cell,{children:"activePath"}),(0,jsx_runtime.jsx)(table.A.Cell,{children:"Represents what path is active. Used to determine which SubmenuItem is active."})]}),(0,jsx_runtime.jsxs)(table.A.Row,{children:[(0,jsx_runtime.jsx)(table.A.Cell,{children:"isMobileMenuOpen"}),(0,jsx_runtime.jsx)(table.A.Cell,{children:"Represents whether the mobile menu is currently open."})]}),(0,jsx_runtime.jsxs)(table.A.Row,{children:[(0,jsx_runtime.jsx)(table.A.Cell,{children:"setMobileMenuOpen"}),(0,jsx_runtime.jsx)(table.A.Cell,{children:"Controls the mobile menu."})]})]})]})}},UsingBuildingBlocks={render:Template.bind({}),name:"Using the smaller building blocks",parameters:{docs:{description:{story:"To allow for more flexibility, we provide `SidebarNavigation.List`, `SidebarNavigation.Item`, `SidebarNavigation.Collapsible`, `SidebarNavigation.Link` and `SidebarNavigation.Icon` to create your own combinations."}}},args:{children:(0,jsx_runtime.jsx)(sidebar_navigation.Sidebar,{className:"yst-w-1/3",children:(0,jsx_runtime.jsxs)(sidebar_navigation.List,{children:[(0,jsx_runtime.jsx)(sidebar_navigation.Collapsible,{label:"Collapsible 1",icon:esm_NewspaperIcon,children:(0,jsx_runtime.jsxs)(sidebar_navigation.List,{isIndented:!0,children:[(0,jsx_runtime.jsx)(sidebar_navigation.Item,{children:(0,jsx_runtime.jsx)(sidebar_navigation.Link,{href:"#1",children:"Link 1"})}),(0,jsx_runtime.jsx)(sidebar_navigation.Item,{children:(0,jsx_runtime.jsx)(sidebar_navigation.Link,{href:"#2",children:"Link 2"})}),(0,jsx_runtime.jsx)(sidebar_navigation.Item,{children:(0,jsx_runtime.jsx)(sidebar_navigation.Link,{href:"#3",children:"Link 3"})})]})}),(0,jsx_runtime.jsx)(sidebar_navigation.Collapsible,{label:"Collapsible 2",children:(0,jsx_runtime.jsxs)(sidebar_navigation.List,{isIndented:!0,children:[(0,jsx_runtime.jsx)(sidebar_navigation.Item,{children:(0,jsx_runtime.jsx)(sidebar_navigation.Link,{href:"#4",children:"Link 4"})}),(0,jsx_runtime.jsx)(sidebar_navigation.Item,{children:(0,jsx_runtime.jsx)(sidebar_navigation.Link,{href:"#5",children:"Link 5"})}),(0,jsx_runtime.jsx)(sidebar_navigation.Item,{children:(0,jsx_runtime.jsx)(sidebar_navigation.Link,{href:"#6",children:"Link 6"})})]})}),(0,jsx_runtime.jsx)(sidebar_navigation.Item,{children:(0,jsx_runtime.jsxs)(sidebar_navigation.Link,{href:"#7",className:"yst-flex yst-gap-x-3",children:[(0,jsx_runtime.jsx)(sidebar_navigation.Icon,{as:esm_NewspaperIcon,className:"yst-h-6 yst-w-6"}),"Link 7"]})})]})})}},NotUsingBuildingBlocks={render:Template.bind({}),name:"Not using the smaller building blocks",parameters:{docs:{description:{story:"Here is the same example as the previous one, but without using the smaller building blocks. The `MenuItem` is a `Collapsible` with a `List`. The `SubmenuItem` is an `Item` with a `Link`."}}},args:{children:(0,jsx_runtime.jsx)(sidebar_navigation.Sidebar,{className:"yst-w-1/3",children:(0,jsx_runtime.jsxs)("ul",{className:"yst-sidebar-navigation__list",children:[(0,jsx_runtime.jsxs)(sidebar_navigation.MenuItem,{label:"Collapsible 1",icon:esm_NewspaperIcon,children:[(0,jsx_runtime.jsx)(sidebar_navigation.SubmenuItem,{href:"#n1",label:"Link 1"}),(0,jsx_runtime.jsx)(sidebar_navigation.SubmenuItem,{href:"#n2",label:"Link 2"}),(0,jsx_runtime.jsx)(sidebar_navigation.SubmenuItem,{href:"#n3",label:"Link 3"})]}),(0,jsx_runtime.jsxs)(sidebar_navigation.MenuItem,{label:"Collapsible 2",children:[(0,jsx_runtime.jsx)(sidebar_navigation.SubmenuItem,{href:"#n4",label:"Link 4"}),(0,jsx_runtime.jsx)(sidebar_navigation.SubmenuItem,{href:"#n5",label:"Link 5"}),(0,jsx_runtime.jsx)(sidebar_navigation.SubmenuItem,{href:"#n6",label:"Link 6"})]}),(0,jsx_runtime.jsx)(sidebar_navigation.SubmenuItem,{href:"#n7",label:(0,jsx_runtime.jsxs)(jsx_runtime.Fragment,{children:[(0,jsx_runtime.jsx)(esm_NewspaperIcon,{className:"yst-sidebar-navigation__icon yst-h-6 yst-w-6"}),"Link 7"]}),className:"yst-flex yst-gap-x-3"})]})})}},stories={title:"2) Components/Sidebar navigation",component:sidebar_navigation,argTypes:{children:{control:{disable:!0}},activePath:{control:"text"},to:{control:"text",description:"Path, url for `SubmenuItem`",table:{type:{summary:"string"}}},label:{control:"text",description:"Available for `MenuItem` and `SubmenuItem`",table:{type:{summary:"string"}}},defaultOpen:{control:"boolean",description:"Available for `MenuItem`",table:{type:{summary:"boolean"}}},icon:{control:"object",description:"Available for `MenuItem` and `SubmenuItem`",table:{type:{summary:"JSX Element"}}},id:{control:"text",description:"Available for `MenuItem`",table:{type:{summary:"string"}}},openButtonScreenReaderText:{control:"text",description:"Accessibility for `Mobile`",table:{type:{summary:"string"}}},closeButtonScreenReaderText:{control:"text",description:"Accessibility for `Mobile`",table:{type:{summary:"string"}}}},parameters:{docs:{description:{component:"A sidebar navigation component. Contains the subcomponents `Sidebar`, `Mobile`, `MenuItem` and `SubmenuItem` and contains the hook `useNavigationContext`."},page:()=>(0,jsx_runtime.jsx)(interactive_docs_page.f,{stories:[stories_MenuItem,stories_Sidebar,stories_Mobile,UsingBuildingBlocks,NotUsingBuildingBlocks,stories_NavigationContext]})}}}},"./src/elements/table/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var classnames__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("./node_modules/classnames/index.js"),classnames__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_0__),prop_types__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./node_modules/prop-types/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_3___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_3__),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/react/index.js"),react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../../node_modules/react/jsx-runtime.js");const rowClassNameMap={variant:{striped:"even:yst-bg-slate-50 odd:yst-bg-white",plain:""}},Cell=({children,className="",...props})=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("td",{className:classnames__WEBPACK_IMPORTED_MODULE_0___default()("yst-table-cell",className),...props,children});Cell.displayName="Cell",Cell.propTypes={children:prop_types__WEBPACK_IMPORTED_MODULE_3___default().node.isRequired,variant:prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOf(Object.keys(rowClassNameMap.variant)),className:prop_types__WEBPACK_IMPORTED_MODULE_3___default().string};const Row=({children,variant="plain",className="",...props})=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("tr",{className:classnames__WEBPACK_IMPORTED_MODULE_0___default()("yst-table-row",rowClassNameMap.variant[variant],className),...props,children});Row.displayName="Row",Row.propTypes={children:prop_types__WEBPACK_IMPORTED_MODULE_3___default().node.isRequired,variant:prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOf(Object.keys(rowClassNameMap.variant)),className:prop_types__WEBPACK_IMPORTED_MODULE_3___default().string};const Header=({children,className="",...props})=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("th",{className:classnames__WEBPACK_IMPORTED_MODULE_0___default()("yst-table-header",className),...props,children});Header.displayName="Header",Header.propTypes={children:prop_types__WEBPACK_IMPORTED_MODULE_3___default().node.isRequired,className:prop_types__WEBPACK_IMPORTED_MODULE_3___default().string};const Head=({children,className="",...props})=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("thead",{className,...props,children});Head.displayName="Head",Head.propTypes={children:prop_types__WEBPACK_IMPORTED_MODULE_3___default().node.isRequired,className:prop_types__WEBPACK_IMPORTED_MODULE_3___default().string};const Body=({children,className="",...props})=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("tbody",{className,...props,children});Body.displayName="Body",Body.propTypes={children:prop_types__WEBPACK_IMPORTED_MODULE_3___default().node.isRequired,className:prop_types__WEBPACK_IMPORTED_MODULE_3___default().string};const tableVariants={default:"yst-table--default",minimal:"yst-table--minimal"},Table=(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)((({children,className="",variant="default",...props},ref)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("div",{className:classnames__WEBPACK_IMPORTED_MODULE_0___default()("yst-table-wrapper",tableVariants[variant]),children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)("table",{className,...props,ref,children})})));Table.displayName="Table",Table.propTypes={children:prop_types__WEBPACK_IMPORTED_MODULE_3___default().node.isRequired,className:prop_types__WEBPACK_IMPORTED_MODULE_3___default().string,variant:prop_types__WEBPACK_IMPORTED_MODULE_3___default().oneOf(Object.keys(tableVariants))},Table.defaultProps={className:"",variant:"default"},Table.Head=Head,Table.Head.displayName="Table.Head",Table.Body=Body,Table.Body.displayName="Table.Body",Table.Header=Header,Table.Header.displayName="Table.Header",Table.Row=Row,Table.Row.displayName="Table.Row",Table.Cell=Cell,Table.Cell.displayName="Table.Cell";const __WEBPACK_DEFAULT_EXPORT__=Table;Table.__docgenInfo={description:"@param {JSX.node} children The content.\n@param {string} [className] Optional class name.\n@param {string} [variant] The variant of the table.\n@param {Object} [props] Optional table props.\n@returns {JSX.Element} The element.",methods:[{name:"Head",docblock:null,modifiers:["static"],params:[{name:'{ children, className = "", ...props }',optional:!1,type:null}],returns:null},{name:"Body",docblock:null,modifiers:["static"],params:[{name:'{ children, className = "", ...props }',optional:!1,type:null}],returns:null},{name:"Header",docblock:null,modifiers:["static"],params:[{name:'{ children, className = "", ...props }',optional:!1,type:null}],returns:null},{name:"Row",docblock:null,modifiers:["static"],params:[{name:'{ children, variant = "plain", className = "", ...props }',optional:!1,type:null}],returns:null},{name:"Cell",docblock:null,modifiers:["static"],params:[{name:'{ children, className = "", ...props }',optional:!1,type:null}],returns:null}],displayName:"Table",props:{className:{defaultValue:{value:'""',computed:!1},description:"",type:{name:"string"},required:!1},variant:{defaultValue:{value:'"default"',computed:!1},description:"",type:{name:"enum",value:[{value:'"default"',computed:!1},{value:'"minimal"',computed:!1}]},required:!1},children:{description:"",type:{name:"node"},required:!0}}}},"./src/hooks/use-toggle-state.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{"use strict";__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/react/index.js");const __WEBPACK_DEFAULT_EXPORT__=(initialState=!0)=>{const[state,setState]=(0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(initialState),toggleState=(0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((()=>setState(!state)),[state,setState]),setTrue=(0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((()=>setState(!0)),[setState]),setFalse=(0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)((()=>setState(!1)),[setState]);return[state,toggleState,setState,setTrue,setFalse]}},"../../node_modules/memoizerific sync recursive":module=>{function webpackEmptyContext(req){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}webpackEmptyContext.keys=()=>[],webpackEmptyContext.resolve=webpackEmptyContext,webpackEmptyContext.id="../../node_modules/memoizerific sync recursive",module.exports=webpackEmptyContext}}]);